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) 7.32 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 Stand = function (_React$Component) { (0, _inherits3.default)(Stand, _React$Component); function Stand() { (0, _classCallCheck3.default)(this, Stand); return (0, _possibleConstructorReturn3.default)(this, (Stand.__proto__ || Object.getPrototypeOf(Stand)).apply(this, arguments)); } (0, _createClass3.default)(Stand, [{ key: 'render', value: function render() { return _react2.default.createElement( _base2.default, (0, _extends3.default)({ typeClassName: 'BurgerStand' }, this.props), _react2.default.createElement(_style2.default, { styleId: '1492524211', css: '.BurgerStand .BurgerInner{-webkit-transition:-webkit-transform 0.075s 0.15s cubic-bezier(0.55,0.055,0.675,0.19), background-color 0s 0.075s linear;-webkit-transition:transform 0.075s 0.15s cubic-bezier(0.55,0.055,0.675,0.19), background-color 0s 0.075s linear;transition:transform 0.075s 0.15s cubic-bezier(0.55,0.055,0.675,0.19), background-color 0s 0.075s linear;}.BurgerStand .BurgerInner:before{-webkit-transition:top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55,0.055,0.675,0.19);-webkit-transition:top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55,0.055,0.675,0.19);transition:top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55,0.055,0.675,0.19);}.BurgerStand .BurgerInner:after{-webkit-transition:bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55,0.055,0.675,0.19);-webkit-transition:bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55,0.055,0.675,0.19);transition:bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55,0.055,0.675,0.19);}.BurgerStand.BurgerActive .BurgerInner{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);background-color:transparent;-webkit-transition:-webkit-transform 0.075s 0s cubic-bezier(0.215,0.61,0.355,1), background-color 0s 0.15s linear;-webkit-transition:transform 0.075s 0s cubic-bezier(0.215,0.61,0.355,1), background-color 0s 0.15s linear;transition:transform 0.075s 0s cubic-bezier(0.215,0.61,0.355,1), background-color 0s 0.15s linear;}.BurgerStand.BurgerActive .BurgerInner:before{top:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215,0.61,0.355,1);-webkit-transition:top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215,0.61,0.355,1);transition:top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215,0.61,0.355,1);}.BurgerStand.BurgerActive .BurgerInner:after{bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215,0.61,0.355,1);-webkit-transition:bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215,0.61,0.355,1);transition:bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215,0.61,0.355,1);}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90eXBlcy9zdGFuZC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTdUIsQUFJNkMsQUFLMEIsQUFLQSxBQUd0QyxBQU1qQixBQU1HLE1BTGdCLEdBTUQsMkVBWkksU0FRa0MsQUFNQSxvQkFaM0IsaU1BVnJDLFNBS0Esd0JBVkQseURBc0JFLFNBTUEsMEJBWkQiLCJmaWxlIjoiLi4vLi4vc3JjL3R5cGVzL3N0YW5kLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgQmFzZSBmcm9tICcuLi9iYXNlJ1xuaW1wb3J0IGRlZmF1bHRQcm9wcyBmcm9tICcuLi9kZWZhdWx0LXByb3BzJ1xuXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBTdGFuZCBleHRlbmRzIFJlYWN0LkNvbXBvbmVudHtcblx0cmVuZGVyKCkge1xuXHRcdHJldHVybiAoXG5cdFx0XHQ8QmFzZSB0eXBlQ2xhc3NOYW1lPSdCdXJnZXJTdGFuZCcgey4uLnRoaXMucHJvcHN9PlxuXHRcdFx0XHQ8c3R5bGUganN4IGdsb2JhbD57YFxuXHRcdFx0XHRcdC5CdXJnZXJTdGFuZCB7XG5cdFx0XHRcdFx0XHQuQnVyZ2VySW5uZXIge1xuXHRcdFx0XHRcdFx0XHR0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4wNzVzIDAuMTVzIGN1YmljLWJlemllcigwLjU1LCAwLjA1NSwgMC42NzUsIDAuMTkpLFxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3IgMHMgMC4wNzVzIGxpbmVhcjtcblxuXHRcdFx0XHRcdFx0XHQmOmJlZm9yZSB7XG5cdFx0XHRcdFx0XHRcdFx0dHJhbnNpdGlvbjogdG9wIDAuMDc1cyAwLjA3NXMgZWFzZS1pbixcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdHRyYW5zZm9ybSAwLjA3NXMgMHMgY3ViaWMtYmV6aWVyKDAuNTUsIDAuMDU1LCAwLjY3NSwgMC4xOSk7XG5cdFx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHRcdFx0JjphZnRlciB7XG5cdFx0XHRcdFx0XHRcdFx0dHJhbnNpdGlvbjogYm90dG9tIDAuMDc1cyAwLjA3NXMgZWFzZS1pbixcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdHRyYW5zZm9ybSAwLjA3NXMgMHMgY3ViaWMtYmV6aWVyKDAuNTUsIDAuMDU1LCAwLjY3NSwgMC4xOSk7XG5cdFx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHRcdH1cblxuXHRcdFx0XHRcdFx0Ji5CdXJnZXJBY3RpdmUge1xuXHRcdFx0XHRcdFx0XHQuQnVyZ2VySW5uZXIge1xuXHRcdFx0XHRcdFx0XHRcdHRyYW5zZm9ybTogcm90YXRlKDkwZGVnKTtcblx0XHRcdFx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblx0XHRcdFx0XHRcdFx0XHR0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4wNzVzIDBzIGN1YmljLWJlemllcigwLjIxNSwgMC42MSwgMC4zNTUsIDEpLFxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvciAwcyAwLjE1cyBsaW5lYXI7XG5cblx0XHRcdFx0XHRcdFx0XHQmOmJlZm9yZSB7XG5cdFx0XHRcdFx0XHRcdFx0XHR0b3A6IDA7XG5cdFx0XHRcdFx0XHRcdFx0XHR0cmFuc2Zvcm06IHJvdGF0ZSgtNDVkZWcpO1xuXHRcdFx0XHRcdFx0XHRcdFx0dHJhbnNpdGlvbjogdG9wIDAuMDc1cyAwLjFzIGVhc2Utb3V0LFxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHR0cmFuc2Zvcm0gMC4wNzVzIDAuMTVzIGN1YmljLWJlemllcigwLjIxNSwgMC42MSwgMC4zNTUsIDEpO1xuXHRcdFx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHRcdFx0XHQmOmFmdGVyIHtcblx0XHRcdFx0XHRcdFx0XHRcdGJvdHRvbTogMDtcblx0XHRcdFx0XHRcdFx0XHRcdHRyYW5zZm9ybTogcm90YXRlKDQ1ZGVnKTtcblx0XHRcdFx0XHRcdFx0XHRcdHRyYW5zaXRpb246IGJvdHRvbSAwLjA3NXMgMC4xcyBlYXNlLW91dCxcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0dHJhbnNmb3JtIDAuMDc1cyAwLjE1cyBjdWJpYy1iZXppZXIoMC4yMTUsIDAuNjEsIDAuMzU1LCAxKTtcblx0XHRcdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHR9XG5cdFx0XHRcdGB9PC9zdHlsZT5cblx0XHRcdDwvQmFzZT5cblx0XHQpXG5cdH1cbn1cblxuU3RhbmQuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzIl19 */\n/*@ sourceURL=../../src/types/stand.js */' }) ); } }]); return Stand; }(_react2.default.Component); exports.default = Stand; Stand.defaultProps = _defaultProps2.default; module.exports = exports['default']; //# sourceMappingURL=stand.js.map