react-burgers-classname/dist/types/emphatic.js

fork of: [https://react-burgers.netlify.com/](https://react-burgers.netlify.com/) with added support for own className

'use strict';

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');

var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);

var _createClass2 = require('babel-runtime/helpers/createClass');

var _createClass3 = _interopRequireDefault(_createClass2);

var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');

var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);

var _inherits2 = require('babel-runtime/helpers/inherits');

var _inherits3 = _interopRequireDefault(_inherits2);

var _style = require('styled-jsx/style');

var _style2 = _interopRequireDefault(_style);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _base = require('../base');

var _base2 = _interopRequireDefault(_base);

var _defaultProps = require('../default-props');

var _defaultProps2 = _interopRequireDefault(_defaultProps);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var Emphatic = function (_React$Component) {
	(0, _inherits3.default)(Emphatic, _React$Component);

	function Emphatic() {
		(0, _classCallCheck3.default)(this, Emphatic);
		return (0, _possibleConstructorReturn3.default)(this, (Emphatic.__proto__ || Object.getPrototypeOf(Emphatic)).apply(this, arguments));
	}

	(0, _createClass3.default)(Emphatic, [{
		key: 'render',
		value: function render() {
			var _props = this.props,
			    lineHeight = _props.lineHeight,
			    lineSpacing = _props.lineSpacing,
			    width = _props.width,
			    padding = _props.padding;


			var doubleWidth = width * 2;
			var negativeDoubleWidth = doubleWidth * -1;

			return _react2.default.createElement(
				_base2.default,
				(0, _extends3.default)({ typeClassName: 'BurgerEmphatic' }, this.props),
				_react2.default.createElement(_style2.default, {
					styleId: '3076239507',
					css: '.BurgerEmphatic{overflow:hidden;}.BurgerEmphatic .BurgerInner{-webkit-transition:background-color 0.125s 0.175s ease-in;transition:background-color 0.125s 0.175s ease-in;}.BurgerEmphatic .BurgerInner:before{left:0;-webkit-transition:-webkit-transform 0.125s cubic-bezier(0.6,0.04,0.98,0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;-webkit-transition:transform 0.125s cubic-bezier(0.6,0.04,0.98,0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;transition:transform 0.125s cubic-bezier(0.6,0.04,0.98,0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;}.BurgerEmphatic .BurgerInner:after{top:' + (lineHeight + lineSpacing) + 'px;right:0;-webkit-transition:-webkit-transform 0.125s cubic-bezier(0.6,0.04,0.98,0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;-webkit-transition:transform 0.125s cubic-bezier(0.6,0.04,0.98,0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;transition:transform 0.125s cubic-bezier(0.6,0.04,0.98,0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;}.BurgerEmphatic.BurgerActive .BurgerInner{-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;background-color:transparent !important;}.BurgerEmphatic.BurgerActive .BurgerInner:before{left:' + negativeDoubleWidth + 'px;top:' + negativeDoubleWidth + 'px;-webkit-transform:translate3d(' + doubleWidth + 'px,' + doubleWidth + 'px,0) rotate(45deg);-ms-transform:translate3d(' + doubleWidth + 'px,' + doubleWidth + 'px,0) rotate(45deg);transform:translate3d(' + doubleWidth + 'px,' + doubleWidth + 'px,0) rotate(45deg);-webkit-transition:left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075,0.82,0.165,1);-webkit-transition:left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075,0.82,0.165,1);transition:left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075,0.82,0.165,1);}.BurgerEmphatic.BurgerActive .BurgerInner:after{right:' + negativeDoubleWidth + 'px;top:' + negativeDoubleWidth + 'px;-webkit-transform:translate3d(' + negativeDoubleWidth + 'px,' + doubleWidth + 'px,0) rotate(-45deg);-ms-transform:translate3d(' + negativeDoubleWidth + 'px,' + doubleWidth + 'px,0) rotate(-45deg);transform:translate3d(' + negativeDoubleWidth + 'px,' + doubleWidth + 'px,0) rotate(-45deg);-webkit-transition:right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075,0.82,0.165,1);-webkit-transition:right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075,0.82,0.165,1);transition:right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075,0.82,0.165,1);}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90eXBlcy9lbXBoYXRpYy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQnVCLEFBR3VCLEFBSW1DLEFBSTFDLEFBTzRCLEFBUWYsQUFNaUIsQUFTQyxPQTNCUixTQVZqQyxtQkFlVyxDQWM0QixDQVNBLE1BcEJMLEtBS0ssdUJBT29FLENBU0Msb0NBbkMzRyxvQkFvQjBDLHdDQUN6QyxnTkFkQSxVQXNCaUUsSUFTQSx5QkF2QmpFLG9WQWVDLE9BU0EiLCJmaWxlIjoiLi4vLi4vc3JjL3R5cGVzL2VtcGhhdGljLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgQmFzZSBmcm9tICcuLi9iYXNlJ1xuaW1wb3J0IGRlZmF1bHRQcm9wcyBmcm9tICcuLi9kZWZhdWx0LXByb3BzJ1xuXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBFbXBoYXRpYyBleHRlbmRzIFJlYWN0LkNvbXBvbmVudHtcblx0cmVuZGVyKCkge1xuXHRcdGxldCB7XG5cdFx0XHRsaW5lSGVpZ2h0LFxuXHRcdFx0bGluZVNwYWNpbmcsXG5cdFx0XHR3aWR0aCxcblx0XHRcdHBhZGRpbmcsXG5cdFx0fSA9IHRoaXMucHJvcHNcblxuXHRcdGxldCBkb3VibGVXaWR0aCA9IHdpZHRoICogMlxuXHRcdGxldCBuZWdhdGl2ZURvdWJsZVdpZHRoID0gZG91YmxlV2lkdGggKiAtMVxuXG5cdFx0cmV0dXJuIChcblx0XHRcdDxCYXNlIHR5cGVDbGFzc05hbWU9J0J1cmdlckVtcGhhdGljJyB7Li4udGhpcy5wcm9wc30+XG5cdFx0XHRcdDxzdHlsZSBqc3ggZ2xvYmFsPntgXG5cdFx0XHRcdFx0LkJ1cmdlckVtcGhhdGljIHtcblx0XHRcdFx0XHRcdG92ZXJmbG93OiBoaWRkZW47XG5cblx0XHRcdFx0XHRcdC5CdXJnZXJJbm5lciB7XG5cdFx0XHRcdFx0XHRcdHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4xMjVzIDAuMTc1cyBlYXNlLWluO1xuXG5cdFx0XHRcdFx0XHRcdCY6YmVmb3JlIHtcblx0XHRcdFx0XHRcdFx0XHRsZWZ0OiAwO1xuXHRcdFx0XHRcdFx0XHRcdHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjEyNXMgY3ViaWMtYmV6aWVyKDAuNiwgMC4wNCwgMC45OCwgMC4zMzUpLFxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0dG9wIDAuMDVzIDAuMTI1cyBsaW5lYXIsXG5cdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHRsZWZ0IDAuMTI1cyAwLjE3NXMgZWFzZS1pbjtcblx0XHRcdFx0XHRcdFx0fVxuXG5cdFx0XHRcdFx0XHRcdCY6YWZ0ZXIge1xuXHRcdFx0XHRcdFx0XHRcdHRvcDogJHtsaW5lSGVpZ2h0ICsgbGluZVNwYWNpbmd9cHg7XG5cdFx0XHRcdFx0XHRcdFx0cmlnaHQ6IDA7XG5cdFx0XHRcdFx0XHRcdFx0dHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMTI1cyBjdWJpYy1iZXppZXIoMC42LCAwLjA0LCAwLjk4LCAwLjMzNSksXG5cdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHR0b3AgMC4wNXMgMC4xMjVzIGxpbmVhcixcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdHJpZ2h0IDAuMTI1cyAwLjE3NXMgZWFzZS1pbjtcblx0XHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0fVxuXG5cdFx0XHRcdFx0XHQmLkJ1cmdlckFjdGl2ZSB7XG5cdFx0XHRcdFx0XHRcdC5CdXJnZXJJbm5lciB7XG5cdFx0XHRcdFx0XHRcdFx0dHJhbnNpdGlvbi1kZWxheTogMHM7XG5cdFx0XHRcdFx0XHRcdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2Utb3V0O1xuXHRcdFx0XHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7XG5cblx0XHRcdFx0XHRcdFx0XHQmOmJlZm9yZSB7XG5cdFx0XHRcdFx0XHRcdFx0XHRsZWZ0OiAke25lZ2F0aXZlRG91YmxlV2lkdGh9cHg7XG5cdFx0XHRcdFx0XHRcdFx0XHR0b3A6ICR7bmVnYXRpdmVEb3VibGVXaWR0aH1weDtcblx0XHRcdFx0XHRcdFx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoJHtkb3VibGVXaWR0aH1weCwgJHtkb3VibGVXaWR0aH1weCwgMCkgcm90YXRlKDQ1ZGVnKTtcblx0XHRcdFx0XHRcdFx0XHRcdHRyYW5zaXRpb246IGxlZnQgMC4xMjVzIGVhc2Utb3V0LFxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHR0b3AgMC4wNXMgMC4xMjVzIGxpbmVhcixcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0dHJhbnNmb3JtIDAuMTI1cyAwLjE3NXMgY3ViaWMtYmV6aWVyKDAuMDc1LCAwLjgyLCAwLjE2NSwgMSk7XG5cdFx0XHRcdFx0XHRcdFx0fVxuXG5cdFx0XHRcdFx0XHRcdFx0JjphZnRlciB7XG5cdFx0XHRcdFx0XHRcdFx0XHRyaWdodDogJHtuZWdhdGl2ZURvdWJsZVdpZHRofXB4O1xuXHRcdFx0XHRcdFx0XHRcdFx0dG9wOiAke25lZ2F0aXZlRG91YmxlV2lkdGh9cHg7XG5cdFx0XHRcdFx0XHRcdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKCR7bmVnYXRpdmVEb3VibGVXaWR0aH1weCwgJHtkb3VibGVXaWR0aH1weCwgMCkgcm90YXRlKC00NWRlZyk7XG5cdFx0XHRcdFx0XHRcdFx0XHR0cmFuc2l0aW9uOiByaWdodCAwLjEyNXMgZWFzZS1vdXQsXG5cdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdHRvcCAwLjA1cyAwLjEyNXMgbGluZWFyLFxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHR0cmFuc2Zvcm0gMC4xMjVzIDAuMTc1cyBjdWJpYy1iZXppZXIoMC4wNzUsIDAuODIsIDAuMTY1LCAxKTtcblx0XHRcdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHR9XG5cdFx0XHRcdGB9PC9zdHlsZT5cblx0XHRcdDwvQmFzZT5cblx0XHQpXG5cdH1cbn1cblxuRW1waGF0aWMuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzIl19 */\n/*@ sourceURL=../../src/types/emphatic.js */',
					dynamic: [lineHeight + lineSpacing, negativeDoubleWidth, negativeDoubleWidth, doubleWidth, doubleWidth, negativeDoubleWidth, negativeDoubleWidth, negativeDoubleWidth, doubleWidth]
				})
			);
		}
	}]);
	return Emphatic;
}(_react2.default.Component);

exports.default = Emphatic;


Emphatic.defaultProps = _defaultProps2.default;
module.exports = exports['default'];
//# sourceMappingURL=emphatic.js.map