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.25 kB
JavaScript
;
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 Spin = function (_React$Component) {
(0, _inherits3.default)(Spin, _React$Component);
function Spin() {
(0, _classCallCheck3.default)(this, Spin);
return (0, _possibleConstructorReturn3.default)(this, (Spin.__proto__ || Object.getPrototypeOf(Spin)).apply(this, arguments));
}
(0, _createClass3.default)(Spin, [{
key: 'render',
value: function render() {
return _react2.default.createElement(
_base2.default,
(0, _extends3.default)({ typeClassName: 'BurgerSpin' }, this.props),
_react2.default.createElement(_style2.default, {
styleId: '2770435724',
css: '.BurgerSpin .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);}.BurgerSpin .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;}.BurgerSpin .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);}.BurgerSpin.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);}.BurgerSpin.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;}.BurgerSpin.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90eXBlcy9zcGluLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVN1QixBQUdrQyxBQU1ELEFBS2tDLEFBR2pDLEFBS2xCLEFBTUcsTUFMQyxHQU1lLE9BSk0sNENBckJpQywyQkFjMUMsU0FhdUMsd0JBckIvRCxvQkFnQkMsQ0FQK0QscURBZGpFLDJFQWVDLHlCQUxBLDBGQWlCQyIsImZpbGUiOiIuLi8uLi9zcmMvdHlwZXMvc3Bpbi5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcblxuaW1wb3J0IEJhc2UgZnJvbSAnLi4vYmFzZSdcbmltcG9ydCBkZWZhdWx0UHJvcHMgZnJvbSAnLi4vZGVmYXVsdC1wcm9wcydcblxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgU3BpbiBleHRlbmRzIFJlYWN0LkNvbXBvbmVudHtcblx0cmVuZGVyKCl7XG5cdFx0cmV0dXJuIChcblx0XHRcdDxCYXNlIHR5cGVDbGFzc05hbWU9J0J1cmdlclNwaW4nIHsuLi50aGlzLnByb3BzfT5cblx0XHRcdFx0PHN0eWxlIGpzeCBnbG9iYWw+e2Bcblx0XHRcdFx0XHQuQnVyZ2VyU3BpbiB7XG5cdFx0XHRcdFx0XHQuQnVyZ2VySW5uZXIge1xuXHRcdFx0XHRcdFx0XHR0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjIycztcblx0XHRcdFx0XHRcdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjU1LCAwLjA1NSwgMC42NzUsIDAuMTkpO1xuXG5cdFx0XHRcdFx0XHRcdCY6YmVmb3JlIHtcblx0XHRcdFx0XHRcdFx0XHR0cmFuc2l0aW9uOiB0b3AgMC4xcyAwLjI1cyBlYXNlLWluLFxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0b3BhY2l0eSAwLjFzIGVhc2UtaW47XG5cdFx0XHRcdFx0XHRcdH1cblxuXHRcdFx0XHRcdFx0XHQmOmFmdGVyIHtcblx0XHRcdFx0XHRcdFx0XHR0cmFuc2l0aW9uOiBib3R0b20gMC4xcyAwLjI1cyBlYXNlLWluLFxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0dHJhbnNmb3JtIDAuMjJzIGN1YmljLWJlemllcigwLjU1LCAwLjA1NSwgMC42NzUsIDAuMTkpO1xuXHRcdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0XHR9XG5cblx0XHRcdFx0XHRcdCYuQnVyZ2VyQWN0aXZlIHtcblx0XHRcdFx0XHRcdFx0LkJ1cmdlcklubmVyIHtcblx0XHRcdFx0XHRcdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgyMjVkZWcpO1xuXHRcdFx0XHRcdFx0XHRcdHRyYW5zaXRpb24tZGVsYXk6IDAuMTJzO1xuXHRcdFx0XHRcdFx0XHRcdHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBjdWJpYy1iZXppZXIoMC4yMTUsIDAuNjEsIDAuMzU1LCAxKTtcblxuXHRcdFx0XHRcdFx0XHRcdCY6YmVmb3JlIHtcblx0XHRcdFx0XHRcdFx0XHRcdHRvcDogMDtcblx0XHRcdFx0XHRcdFx0XHRcdG9wYWNpdHk6IDA7XG5cdFx0XHRcdFx0XHRcdFx0XHR0cmFuc2l0aW9uOiB0b3AgMC4xcyBlYXNlLW91dCxcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0b3BhY2l0eSAwLjFzIDAuMTJzIGVhc2Utb3V0O1xuXHRcdFx0XHRcdFx0XHRcdH1cblxuXHRcdFx0XHRcdFx0XHRcdCY6YWZ0ZXIge1xuXHRcdFx0XHRcdFx0XHRcdFx0Ym90dG9tOiAwO1xuXHRcdFx0XHRcdFx0XHRcdFx0dHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTtcblx0XHRcdFx0XHRcdFx0XHRcdHRyYW5zaXRpb246IGJvdHRvbSAwLjFzIGVhc2Utb3V0LFxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHR0cmFuc2Zvcm0gMC4yMnMgMC4xMnMgY3ViaWMtYmV6aWVyKDAuMjE1LCAwLjYxLCAwLjM1NSwgMSk7XG5cdFx0XHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHRgfTwvc3R5bGU+XG5cdFx0XHQ8L0Jhc2U+XG5cdFx0KVxuXHR9XG59XG5cblNwaW4uZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzIl19 */\n/*@ sourceURL=../../src/types/spin.js */'
})
);
}
}]);
return Spin;
}(_react2.default.Component);
exports.default = Spin;
Spin.defaultProps = _defaultProps2.default;
module.exports = exports['default'];
//# sourceMappingURL=spin.js.map