react-burgers-classname/dist/types/collapse-reverse.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 CollapseReverse = function (_React$Component) {
	(0, _inherits3.default)(CollapseReverse, _React$Component);

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

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


			return _react2.default.createElement(
				_base2.default,
				(0, _extends3.default)({ typeClassName: 'BurgerCollapseReverse' }, this.props),
				_react2.default.createElement(_style2.default, {
					styleId: '2118920446',
					css: '.BurgerCollapseReverse .BurgerInner{top:auto;bottom:0;-webkit-transition-duration:0.13s;transition-duration:0.13s;-webkit-transition-delay:0.13s;transition-delay:0.13s;-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);}.BurgerCollapseReverse .BurgerInner:after{top:' + (lineSpacing * 2 + lineHeight * 2) * -1 + 'px;-webkit-transition:top 0.2s 0.2s cubic-bezier(0.33333,0.66667,0.66667,1), opacity 0.1s linear;transition:top 0.2s 0.2s cubic-bezier(0.33333,0.66667,0.66667,1), opacity 0.1s linear;}.BurgerCollapseReverse .BurgerInner:before{-webkit-transition:top 0.12s 0.2s cubic-bezier(0.33333,0.66667,0.66667,1), -webkit-transform 0.13s cubic-bezier(0.55,0.055,0.675,0.19);-webkit-transition:top 0.12s 0.2s cubic-bezier(0.33333,0.66667,0.66667,1), transform 0.13s cubic-bezier(0.55,0.055,0.675,0.19);transition:top 0.12s 0.2s cubic-bezier(0.33333,0.66667,0.66667,1), transform 0.13s cubic-bezier(0.55,0.055,0.675,0.19);}.BurgerCollapseReverse.BurgerActive .BurgerInner{-webkit-transform:translate3d(0,' + (lineSpacing + lineHeight) * -1 + 'px,0) rotate(45deg);-ms-transform:translate3d(0,' + (lineSpacing + lineHeight) * -1 + 'px,0) rotate(45deg);transform:translate3d(0,' + (lineSpacing + lineHeight) * -1 + 'px,0) rotate(45deg);-webkit-transition-delay:0.22s;transition-delay:0.22s;-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);}.BurgerCollapseReverse.BurgerActive .BurgerInner:after{top:0;opacity:0;-webkit-transition:top 0.2s cubic-bezier(0.33333,0,0.66667,0.33333), opacity 0.1s 0.22s linear;transition:top 0.2s cubic-bezier(0.33333,0,0.66667,0.33333), opacity 0.1s 0.22s linear;}.BurgerCollapseReverse.BurgerActive .BurgerInner:before{top:0;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:top 0.1s 0.16s cubic-bezier(0.33333,0,0.66667,0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215,0.61,0.355,1);-webkit-transition:top 0.1s 0.16s cubic-bezier(0.33333,0,0.66667,0.33333), transform 0.13s 0.25s cubic-bezier(0.215,0.61,0.355,1);transition:top 0.1s 0.16s cubic-bezier(0.33333,0,0.66667,0.33333), transform 0.13s 0.25s cubic-bezier(0.215,0.61,0.355,1);}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90eXBlcy9jb2xsYXBzZS1yZXZlcnNlLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWN1QixBQUdpQixBQVEyQixBQU91QixBQUdnQixBQUtuRSxBQU1BLE1BTEksQUFNYyxHQTdCakIsT0F5QnNCLEVBeEJMLGlCQVFGLDJDQVBELFlBNkJ3QywwQ0E1Qkcsa0VBdUJqRSxpQkFoQkQsYUFRd0Isc0NBZHpCLGdCQWVpRSxtR0FKaEUsNkJBS0Esc0VBWUMiLCJmaWxlIjoiLi4vLi4vc3JjL3R5cGVzL2NvbGxhcHNlLXJldmVyc2UuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmltcG9ydCBCYXNlIGZyb20gJy4uL2Jhc2UnXG5pbXBvcnQgZGVmYXVsdFByb3BzIGZyb20gJy4uL2RlZmF1bHQtcHJvcHMnXG5cbmV4cG9ydCBkZWZhdWx0IGNsYXNzIENvbGxhcHNlUmV2ZXJzZSBleHRlbmRzIFJlYWN0LkNvbXBvbmVudHtcblx0cmVuZGVyKCl7XG5cdFx0bGV0IHtcblx0XHRcdGxpbmVIZWlnaHQsXG5cdFx0XHRsaW5lU3BhY2luZyxcblx0XHR9ID0gdGhpcy5wcm9wc1xuXG5cdFx0cmV0dXJuIChcblx0XHRcdDxCYXNlIHR5cGVDbGFzc05hbWU9J0J1cmdlckNvbGxhcHNlUmV2ZXJzZScgey4uLnRoaXMucHJvcHN9PlxuXHRcdFx0XHQ8c3R5bGUganN4IGdsb2JhbD57YFxuXHRcdFx0XHRcdC5CdXJnZXJDb2xsYXBzZVJldmVyc2Uge1xuXHRcdFx0XHRcdFx0LkJ1cmdlcklubmVyIHtcblx0XHRcdFx0XHRcdFx0dG9wOiBhdXRvO1xuXHRcdFx0XHRcdFx0XHRib3R0b206IDA7XG5cdFx0XHRcdFx0XHRcdHRyYW5zaXRpb24tZHVyYXRpb246IDAuMTNzO1xuXHRcdFx0XHRcdFx0XHR0cmFuc2l0aW9uLWRlbGF5OiAwLjEzcztcblx0XHRcdFx0XHRcdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjU1LCAwLjA1NSwgMC42NzUsIDAuMTkpO1xuXG5cdFx0XHRcdFx0XHRcdCY6YWZ0ZXIge1xuXHRcdFx0XHRcdFx0XHRcdHRvcDogJHsobGluZVNwYWNpbmcgKiAyICsgbGluZUhlaWdodCAqIDIpICogLTF9cHg7XG5cdFx0XHRcdFx0XHRcdFx0dHJhbnNpdGlvbjogdG9wIDAuMnMgMC4ycyBjdWJpYy1iZXppZXIoMC4zMzMzMywgMC42NjY2NywgMC42NjY2NywgMSksXG5cdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHRvcGFjaXR5IDAuMXMgbGluZWFyO1xuXHRcdFx0XHRcdFx0XHR9XG5cblx0XHRcdFx0XHRcdFx0JjpiZWZvcmUge1xuXHRcdFx0XHRcdFx0XHRcdHRyYW5zaXRpb246IHRvcCAwLjEycyAwLjJzIGN1YmljLWJlemllcigwLjMzMzMzLCAwLjY2NjY3LCAwLjY2NjY3LCAxKSxcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdHRyYW5zZm9ybSAwLjEzcyBjdWJpYy1iZXppZXIoMC41NSwgMC4wNTUsIDAuNjc1LCAwLjE5KTtcblx0XHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0fVxuXG5cdFx0XHRcdFx0XHQmLkJ1cmdlckFjdGl2ZSB7XG5cdFx0XHRcdFx0XHRcdC5CdXJnZXJJbm5lciB7XG5cdFx0XHRcdFx0XHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAkeyhsaW5lU3BhY2luZyArIGxpbmVIZWlnaHQpICogLTF9cHgsIDApIHJvdGF0ZSg0NWRlZyk7XG5cdFx0XHRcdFx0XHRcdFx0dHJhbnNpdGlvbi1kZWxheTogMC4yMnM7XG5cdFx0XHRcdFx0XHRcdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjIxNSwgMC42MSwgMC4zNTUsIDEpO1xuXG5cdFx0XHRcdFx0XHRcdFx0JjphZnRlciB7XG5cdFx0XHRcdFx0XHRcdFx0XHR0b3A6IDA7XG5cdFx0XHRcdFx0XHRcdFx0XHRvcGFjaXR5OiAwO1xuXHRcdFx0XHRcdFx0XHRcdFx0dHJhbnNpdGlvbjogdG9wIDAuMnMgY3ViaWMtYmV6aWVyKDAuMzMzMzMsIDAsIDAuNjY2NjcsIDAuMzMzMzMpLFxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHRvcGFjaXR5IDAuMXMgMC4yMnMgbGluZWFyO1xuXHRcdFx0XHRcdFx0XHRcdH1cblxuXHRcdFx0XHRcdFx0XHRcdCY6YmVmb3JlIHtcblx0XHRcdFx0XHRcdFx0XHRcdHRvcDogMDtcblx0XHRcdFx0XHRcdFx0XHRcdHRyYW5zZm9ybTogcm90YXRlKDkwZGVnKTtcblx0XHRcdFx0XHRcdFx0XHRcdHRyYW5zaXRpb246IHRvcCAwLjFzIDAuMTZzIGN1YmljLWJlemllcigwLjMzMzMzLCAwLCAwLjY2NjY3LCAwLjMzMzMzKSxcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0dHJhbnNmb3JtIDAuMTNzIDAuMjVzIGN1YmljLWJlemllcigwLjIxNSwgMC42MSwgMC4zNTUsIDEpO1xuXHRcdFx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdH1cblx0XHRcdFx0YH08L3N0eWxlPlxuXHRcdFx0PC9CYXNlPlxuXHRcdClcblx0fVxufVxuXG5Db2xsYXBzZVJldmVyc2UuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzIl19 */\n/*@ sourceURL=../../src/types/collapse-reverse.js */',
					dynamic: [(lineSpacing * 2 + lineHeight * 2) * -1, (lineSpacing + lineHeight) * -1]
				})
			);
		}
	}]);
	return CollapseReverse;
}(_react2.default.Component);

exports.default = CollapseReverse;


CollapseReverse.defaultProps = _defaultProps2.default;
module.exports = exports['default'];
//# sourceMappingURL=collapse-reverse.js.map