UNPKG

react-burgers-classname

Version:

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

74 lines (48 loc) 6.45 kB
'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 SpinReverse = function (_React$Component) { (0, _inherits3.default)(SpinReverse, _React$Component); function SpinReverse() { (0, _classCallCheck3.default)(this, SpinReverse); return (0, _possibleConstructorReturn3.default)(this, (SpinReverse.__proto__ || Object.getPrototypeOf(SpinReverse)).apply(this, arguments)); } (0, _createClass3.default)(SpinReverse, [{ key: 'render', value: function render() { return _react2.default.createElement( _base2.default, (0, _extends3.default)({ typeClassName: 'BurgerSpinReverse' }, this.props), _react2.default.createElement(_style2.default, { styleId: '4284236964', css: '.BurgerSpinReverse .BurgerInner{-webkit-transition-duration:0.22s;transition-duration:0.22s;-webkit-transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);}.BurgerSpinReverse .BurgerInner:before{-webkit-transition:top 0.1s 0.25s ease-in, opacity 0.1s ease-in;transition:top 0.1s 0.25s ease-in, opacity 0.1s ease-in;}.BurgerSpinReverse .BurgerInner:after{-webkit-transition:bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55,0.055,0.675,0.19);-webkit-transition:bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55,0.055,0.675,0.19);transition:bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55,0.055,0.675,0.19);}.BurgerSpinReverse.BurgerActive .BurgerInner{-webkit-transform:rotate(-225deg);-ms-transform:rotate(-225deg);transform:rotate(-225deg);-webkit-transition-delay:0.12s;transition-delay:0.12s;-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}.BurgerSpinReverse.BurgerActive .BurgerInner:before{top:0;opacity:0;-webkit-transition:top 0.1s ease-out, opacity 0.1s 0.12s ease-out;transition:top 0.1s ease-out, opacity 0.1s 0.12s ease-out;}.BurgerSpinReverse.BurgerActive .BurgerInner:after{bottom:0;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215,0.61,0.355,1);-webkit-transition:bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215,0.61,0.355,1);transition:bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215,0.61,0.355,1);}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90eXBlcy9zcGluLXJldmVyc2UuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU3VCLEFBR2tDLEFBTUQsQUFLa0MsQUFHaEMsQUFLbkIsQUFNRyxNQUxDLEdBTWMsT0FKTyw0Q0FyQmlDLDhCQWMxQyxHQWF1QywyQkFyQi9ELG9CQWdCQyxJQVArRCxrREFkakUsOEVBZUMsc0JBTEEsdUZBaUJDIiwiZmlsZSI6Ii4uLy4uL3NyYy90eXBlcy9zcGluLXJldmVyc2UuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmltcG9ydCBCYXNlIGZyb20gJy4uL2Jhc2UnXG5pbXBvcnQgZGVmYXVsdFByb3BzIGZyb20gJy4uL2RlZmF1bHQtcHJvcHMnXG5cbmV4cG9ydCBkZWZhdWx0IGNsYXNzIFNwaW5SZXZlcnNlIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50e1xuXHRyZW5kZXIoKXtcblx0XHRyZXR1cm4gKFxuXHRcdFx0PEJhc2UgdHlwZUNsYXNzTmFtZT0nQnVyZ2VyU3BpblJldmVyc2UnIHsuLi50aGlzLnByb3BzfT5cblx0XHRcdFx0PHN0eWxlIGpzeCBnbG9iYWw+e2Bcblx0XHRcdFx0XHQuQnVyZ2VyU3BpblJldmVyc2Uge1xuXHRcdFx0XHRcdFx0LkJ1cmdlcklubmVyIHtcblx0XHRcdFx0XHRcdFx0dHJhbnNpdGlvbi1kdXJhdGlvbjogMC4yMnM7XG5cdFx0XHRcdFx0XHRcdHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBjdWJpYy1iZXppZXIoMC41NSwgMC4wNTUsIDAuNjc1LCAwLjE5KTtcblxuXHRcdFx0XHRcdFx0XHQmOmJlZm9yZSB7XG5cdFx0XHRcdFx0XHRcdFx0dHJhbnNpdGlvbjogdG9wIDAuMXMgMC4yNXMgZWFzZS1pbixcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdG9wYWNpdHkgMC4xcyBlYXNlLWluO1xuXHRcdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0XHRcdCY6YWZ0ZXIge1xuXHRcdFx0XHRcdFx0XHRcdHRyYW5zaXRpb246IGJvdHRvbSAwLjFzIDAuMjVzIGVhc2UtaW4sXG5cdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHR0cmFuc2Zvcm0gMC4yMnMgY3ViaWMtYmV6aWVyKDAuNTUsIDAuMDU1LCAwLjY3NSwgMC4xOSk7XG5cdFx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHRcdH1cblxuXHRcdFx0XHRcdFx0Ji5CdXJnZXJBY3RpdmUge1xuXHRcdFx0XHRcdFx0XHQuQnVyZ2VySW5uZXIge1xuXHRcdFx0XHRcdFx0XHRcdHRyYW5zZm9ybTogcm90YXRlKC0yMjVkZWcpO1xuXHRcdFx0XHRcdFx0XHRcdHRyYW5zaXRpb24tZGVsYXk6IDAuMTJzO1xuXHRcdFx0XHRcdFx0XHRcdHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBjdWJpYy1iZXppZXIoMC4yMTUsIDAuNjEsIDAuMzU1LCAxKTtcblxuXHRcdFx0XHRcdFx0XHRcdCY6YmVmb3JlIHtcblx0XHRcdFx0XHRcdFx0XHRcdHRvcDogMDtcblx0XHRcdFx0XHRcdFx0XHRcdG9wYWNpdHk6IDA7XG5cdFx0XHRcdFx0XHRcdFx0XHR0cmFuc2l0aW9uOiB0b3AgMC4xcyBlYXNlLW91dCxcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0b3BhY2l0eSAwLjFzIDAuMTJzIGVhc2Utb3V0O1xuXHRcdFx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHRcdFx0XHQmOmFmdGVyIHtcblx0XHRcdFx0XHRcdFx0XHRcdGJvdHRvbTogMDtcblx0XHRcdFx0XHRcdFx0XHRcdHRyYW5zZm9ybTogcm90YXRlKDkwZGVnKTtcblx0XHRcdFx0XHRcdFx0XHRcdHRyYW5zaXRpb246IGJvdHRvbSAwLjFzIGVhc2Utb3V0LFxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHR0cmFuc2Zvcm0gMC4yMnMgMC4xMnMgY3ViaWMtYmV6aWVyKDAuMjE1LCAwLjYxLCAwLjM1NSwgMSk7XG5cdFx0XHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHRgfTwvc3R5bGU+XG5cdFx0XHQ8L0Jhc2U+XG5cdFx0KVxuXHR9XG59XG5cblNwaW5SZXZlcnNlLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcyJdfQ== */\n/*@ sourceURL=../../src/types/spin-reverse.js */' }) ); } }]); return SpinReverse; }(_react2.default.Component); exports.default = SpinReverse; SpinReverse.defaultProps = _defaultProps2.default; module.exports = exports['default']; //# sourceMappingURL=spin-reverse.js.map