@stokr/components-library 2.3.58-beta.6 → 2.3.58-beta.7

package/dist/components/BlogPost/BlogPost.styles.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,93 +9,102 @@ var _Button = _interopRequireDefault(require("../Button/Button.styles"));
 var _breakdown = _interopRequireDefault(require("../breakdown"));
 var _rwd = _interopRequireDefault(require("../../styles/rwd"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Content = _styledComponents.default.div.withConfig({
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+const Content = exports.Content = _styledComponents.default.div.withConfig({
   displayName: "BlogPoststyles__Content",
   componentId: "sc-16n0gty-0"
-})(["flex:", ";padding:", ";display:flex;flex-direction:column;gap:12px;word-break:break-word;transition:all 0.3s ease;position:", ";", " ", ""], function (_ref) {
-  var layout = _ref.layout;
+})(["flex:", ";padding:", ";display:flex;flex-direction:column;gap:12px;word-break:break-word;transition:all 0.3s ease;position:", ";", " ", ""], _ref => {
+  let {
+    layout
+  } = _ref;
   return layout === 'image-cover' || layout === 'image-fullscreen' ? '0' : '1';
-}, function (_ref2) {
-  var layout = _ref2.layout;
+}, _ref2 => {
+  let {
+    layout
+  } = _ref2;
   return layout === 'image-cover' || layout === 'image-fullscreen' ? '16px' : '16px 0';
-}, function (_ref3) {
-  var layout = _ref3.layout;
+}, _ref3 => {
+  let {
+    layout
+  } = _ref3;
   return layout === 'image-cover' || layout === 'image-fullscreen' ? 'absolute' : 'relative';
-}, function (_ref4) {
-  var layout = _ref4.layout;
-  return (layout === 'image-cover' || layout === 'image-fullscreen') && (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      bottom: 0;\n      left: 0;\n      right: 0;\n      color: ", ";\n    "])), _theme.default.cWhite);
-}, _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    gap: 24px;\n    padding: 24px; \n\n    ", ";\n\n     ", ";\n  \n  "])), function (_ref5) {
-  var layout = _ref5.layout;
-  return layout === 'image-left' && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        padding-right: 0;\n      "])));
-}, function (_ref6) {
-  var layout = _ref6.layout;
-  return layout === 'image-right' && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n         padding-left: 0;\n       "])));
+}, _ref4 => {
+  let {
+    layout
+  } = _ref4;
+  return (layout === 'image-cover' || layout === 'image-fullscreen') && (0, _styledComponents.css)(["bottom:0;left:0;right:0;color:", ";"], _theme.default.cWhite);
+}, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    gap: 24px;\n    padding: 24px; \n\n    ", ";\n\n     ", ";\n  \n  "])), _ref5 => {
+  let {
+    layout
+  } = _ref5;
+  return layout === 'image-left' && (0, _styledComponents.css)(["padding-right:0;"]);
+}, _ref6 => {
+  let {
+    layout
+  } = _ref6;
+  return layout === 'image-right' && (0, _styledComponents.css)(["padding-left:0;"]);
 }));
-exports.Content = Content;
-var Container = _styledComponents.default.div.withConfig({
+const Container = exports.Container = _styledComponents.default.div.withConfig({
   displayName: "BlogPoststyles__Container",
   componentId: "sc-16n0gty-1"
-})(["position:relative;display:flex;flex-direction:column;background:", ";height:100%;min-height:400px;max-height:540px;transition:all 0.3s ease;", " ", " ", ""], _theme.default.cWhite, _rwd.default.Medium(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n\n    flex-direction: ", ";\n    min-height: 500px;\n\n     ", "\n  "])), function (_ref7) {
-  var layout = _ref7.layout;
+})(["position:relative;display:flex;flex-direction:column;background:", ";height:100%;min-height:400px;max-height:540px;transition:all 0.3s ease;", " ", " ", ""], _theme.default.cWhite, _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\n    flex-direction: ", ";\n    min-height: 500px;\n\n     ", "\n  "])), _ref7 => {
+  let {
+    layout
+  } = _ref7;
   return layout === 'image-cover' || layout === 'image-fullscreen' ? 'column' : layout === 'image-right' ? 'row-reverse' : 'row';
-}, function (_ref8) {
-  var layout = _ref8.layout;
-  return layout === 'image-fullscreen' && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n         grid-column: 1 / -1;\n       "])));
-}), _rwd.default.XLarge(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    min-height: 540px;\n  "]))), function (props) {
-  return props.withHoverBg && "\n    @media (hover: hover) and (pointer: fine) {\n    cursor:pointer;\n    &:hover {\n    box-shadow: 0 0 0 10px #fafafa;\n\n      ".concat((props.layout === 'image-right' || props.layout === 'image-left') && "\n        ".concat(Content, "  {\n          background-color: #fafafa;\n          }\n        "), "\n    }\n  }\n    ");
-});
-exports.Container = Container;
-var ImageWrapper = _styledComponents.default.div.withConfig({
+}, _ref8 => {
+  let {
+    layout
+  } = _ref8;
+  return layout === 'image-fullscreen' && (0, _styledComponents.css)(["grid-column:1 / -1;"]);
+}), _rwd.default.XLarge(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    min-height: 540px;\n  "]))), props => props.withHoverBg && "\n    @media (hover: hover) and (pointer: fine) {\n    cursor:pointer;\n    &:hover {\n    box-shadow: 0 0 0 10px #fafafa;\n\n      ".concat((props.layout === 'image-right' || props.layout === 'image-left') && "\n        ".concat(Content, "  {\n          background-color: #fafafa;\n          }\n        "), "\n    }\n  }\n    "));
+const ImageWrapper = exports.ImageWrapper = _styledComponents.default.div.withConfig({
   displayName: "BlogPoststyles__ImageWrapper",
   componentId: "sc-16n0gty-2"
-})(["position:relative;flex:", ";overflow:hidden;", ""], function (_ref9) {
-  var layout = _ref9.layout;
+})(["position:relative;flex:", ";overflow:hidden;", ""], _ref9 => {
+  let {
+    layout
+  } = _ref9;
   return layout === 'image-cover' || layout === 'image-fullscreen' ? '1' : '0 0 50%';
-}, function (_ref10) {
-  var layout = _ref10.layout;
-  return (layout === 'image-cover' || layout === 'image-fullscreen') && (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      &:after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: rgba(0, 0, 0, 0.4);\n        transition: background 0.3s ease;\n      }\n    "])));
+}, _ref0 => {
+  let {
+    layout
+  } = _ref0;
+  return (layout === 'image-cover' || layout === 'image-fullscreen') && (0, _styledComponents.css)(["&:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);transition:background 0.3s ease;}"]);
 });
-exports.ImageWrapper = ImageWrapper;
-var Image = _styledComponents.default.img.withConfig({
+const Image = exports.Image = _styledComponents.default.img.withConfig({
   displayName: "BlogPoststyles__Image",
   componentId: "sc-16n0gty-3"
 })(["width:100%;height:100%;object-fit:cover;transition:opacity 0.3s ease;"]);
-exports.Image = Image;
-var TextWrapper = _styledComponents.default.div.withConfig({
+const TextWrapper = exports.TextWrapper = _styledComponents.default.div.withConfig({
   displayName: "BlogPoststyles__TextWrapper",
   componentId: "sc-16n0gty-4"
-})(["flex:1;overflow:hidden;display:flex;flex-direction:column;h3{font-weight:800;font-size:20px;line-height:30px;letter-spacing:1.41px;text-transform:uppercase;margin:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-line-clamp:3;", " ", " ", "}p{font-weight:300;font-size:16px;line-height:24px;letter-spacing:0.6px;margin:24px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;", " ", "}"], _rwd.default.Mobile(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      -webkit-line-clamp: 4;\n    "]))), _rwd.default.Medium(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      font-size: 22px;\n      -webkit-line-clamp: 6;\n    "]))), _rwd.default.Large(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      -webkit-line-clamp: 8;\n    "]))), _rwd.default.Medium(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    -webkit-line-clamp: 3;\n\n    "]))), _rwd.default.XLarge(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      -webkit-line-clamp: 4;\n    "]))));
-exports.TextWrapper = TextWrapper;
-var BottomRow = _styledComponents.default.div.withConfig({
+})(["flex:1;overflow:hidden;display:flex;flex-direction:column;h3{font-weight:800;font-size:20px;line-height:30px;letter-spacing:1.41px;text-transform:uppercase;margin:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-line-clamp:3;", " ", " ", "}p{font-weight:300;font-size:16px;line-height:24px;letter-spacing:0.6px;margin:24px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;", " ", "}"], _rwd.default.Mobile(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      -webkit-line-clamp: 4;\n    "]))), _rwd.default.Medium(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      font-size: 22px;\n      -webkit-line-clamp: 6;\n    "]))), _rwd.default.Large(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      -webkit-line-clamp: 8;\n    "]))), _rwd.default.Medium(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    -webkit-line-clamp: 3;\n\n    "]))), _rwd.default.XLarge(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      -webkit-line-clamp: 4;\n    "]))));
+const BottomRow = exports.BottomRow = _styledComponents.default.div.withConfig({
   displayName: "BlogPoststyles__BottomRow",
   componentId: "sc-16n0gty-5"
 })(["display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:auto;width:100%;gap:12px;"]);
-exports.BottomRow = BottomRow;
-var Category = (0, _styledComponents.default)(_breakdown.default).withConfig({
+const Category = exports.Category = (0, _styledComponents.default)(_breakdown.default).withConfig({
   displayName: "BlogPoststyles__Category",
   componentId: "sc-16n0gty-6"
-})(["font-weight:500 !important;display:flex;align-items:center;gap:8px;", ""], function (_ref11) {
-  var category = _ref11.category;
-  return category === 'PODCAST' && (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n      &::before {\n        content: '';\n        display: inline-block;\n        width: 0;\n        height: 0;\n        border-style: solid;\n        border-width: 6px 0 6px 8px;\n        border-color: transparent transparent transparent ", ";\n      }\n    "])), _theme.default.cLightGrey);
+})(["font-weight:500 !important;display:flex;align-items:center;gap:8px;", ""], _ref1 => {
+  let {
+    category
+  } = _ref1;
+  return category === 'PODCAST' && (0, _styledComponents.css)(["&::before{content:'';display:inline-block;width:0;height:0;border-style:solid;border-width:6px 0 6px 8px;border-color:transparent transparent transparent ", ";}"], _theme.default.cLightGrey);
 });
-exports.Category = Category;
-var StyledButton = (0, _styledComponents.default)(_Button.default).withConfig({
+const StyledButton = exports.StyledButton = (0, _styledComponents.default)(_Button.default).withConfig({
   displayName: "BlogPoststyles__StyledButton",
   componentId: "sc-16n0gty-7"
 })(["opacity:0;transition:opacity 0.3s ease;@media (hover:hover) and (pointer:fine){", ":hover &{opacity:1;}}"], Container);
-exports.StyledButton = StyledButton;
-var LoaderWrapper = _styledComponents.default.div.withConfig({
+const LoaderWrapper = exports.LoaderWrapper = _styledComponents.default.div.withConfig({
   displayName: "BlogPoststyles__LoaderWrapper",
   componentId: "sc-16n0gty-8"
 })(["position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#fff;"]);
-exports.LoaderWrapper = LoaderWrapper;
-var LoaderImage = _styledComponents.default.img.withConfig({
+const LoaderImage = exports.LoaderImage = _styledComponents.default.img.withConfig({
   displayName: "BlogPoststyles__LoaderImage",
   componentId: "sc-16n0gty-9"
-})(["width:100px;height:100px;"]);
-exports.LoaderImage = LoaderImage;
+})(["width:100px;height:100px;"]);

package/dist/components/Button/Button-stoDetails.js

@@ -10,46 +10,42 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _ui = require("components/ui");
 var sc = _interopRequireWildcard(require("constants/style"));
 var _utils = require("utils");
-var _excluded = ["children", "text", "onClick", "size", "isShare"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /*  */
-var buttonTextLoadingCss = (0, _styledComponents.css)(["visibility:hidden;"]);
-var buttonTextHelper = function buttonTextHelper(_ref) {
-  var loading = _ref.loading;
+const _excluded = ["children", "text", "onClick", "size", "isShare"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /*  */
+const buttonTextLoadingCss = (0, _styledComponents.css)(["visibility:hidden;"]);
+const buttonTextHelper = _ref => {
+  let {
+    loading
+  } = _ref;
   return loading && buttonTextLoadingCss;
 };
-var ButtonText = _styledComponents.default.span.withConfig({
+const ButtonText = _styledComponents.default.span.withConfig({
   displayName: "Button-stoDetails__ButtonText",
   componentId: "sc-1pstwqz-0"
-})(["line-height:", ";margin:0 auto;", ";svg,path{fill:", ";&:hover{fill:", ";}}"], function (_ref2) {
-  var isShare = _ref2.isShare;
+})(["line-height:", ";margin:0 auto;", ";svg,path{fill:", ";&:hover{fill:", ";}}"], _ref2 => {
+  let {
+    isShare
+  } = _ref2;
   return isShare ? '0px' : '1em';
-}, buttonTextHelper, function (_ref3) {
-  var isShare = _ref3.isShare;
+}, buttonTextHelper, _ref3 => {
+  let {
+    isShare
+  } = _ref3;
   return isShare && '#cacaca';
-}, function (_ref4) {
-  var isShare = _ref4.isShare;
+}, _ref4 => {
+  let {
+    isShare
+  } = _ref4;
   return isShare && sc.RED_BASE_HEX;
 });
-var StyledLoading = _styledComponents.default.div.withConfig({
+const StyledLoading = _styledComponents.default.div.withConfig({
   displayName: "Button-stoDetails__StyledLoading",
   componentId: "sc-1pstwqz-1"
 })(["position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);"]);
@@ -57,51 +53,44 @@ var StyledLoading = _styledComponents.default.div.withConfig({
 // const ButtonComponent = ({ as, ...rest }) =>
 //   React.createElement(as, { ...rest })
 
-var ButtonComponent = _styledComponents.default.button.withConfig({
+const ButtonComponent = _styledComponents.default.button.withConfig({
   displayName: "Button-stoDetails__ButtonComponent",
   componentId: "sc-1pstwqz-2"
 })([""]);
-var ButtonClass = /*#__PURE__*/function (_PureComponent) {
-  _inherits(ButtonClass, _PureComponent);
-  var _super = _createSuper(ButtonClass);
-  function ButtonClass() {
-    var _this;
-    _classCallCheck(this, ButtonClass);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "handleClick", function (e) {
-      var _this$props = _this.props,
-        disabled = _this$props.disabled,
-        onClick = _this$props.onClick;
+class ButtonClass extends _react.PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "handleClick", e => {
+      const {
+        disabled,
+        onClick
+      } = this.props;
       return !disabled && onClick && onClick(e);
     });
-    return _this;
   }
-  _createClass(ButtonClass, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        children = _this$props2.children,
-        text = _this$props2.text,
-        onClick = _this$props2.onClick,
-        size = _this$props2.size,
-        isShare = _this$props2.isShare,
-        rest = _objectWithoutProperties(_this$props2, _excluded);
-      var loading = this.props.loading;
-      return /*#__PURE__*/_react.default.createElement(ButtonComponent, _extends({}, rest, {
-        onClick: this.handleClick
-      }), /*#__PURE__*/_react.default.createElement(ButtonText, {
-        isShare: isShare,
-        loading: loading
-      }, children || text), loading && /*#__PURE__*/_react.default.createElement(StyledLoading, null, /*#__PURE__*/_react.default.createElement(_ui.Loading, {
-        size: size === 'xl' && 40
-      })));
-    }
-  }]);
-  return ButtonClass;
-}(_react.PureComponent);
+  render() {
+    const _this$props = this.props,
+      {
+        children,
+        text,
+        onClick,
+        size,
+        isShare
+      } = _this$props,
+      rest = _objectWithoutProperties(_this$props, _excluded);
+    const {
+      loading
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement(ButtonComponent, _extends({}, rest, {
+      onClick: this.handleClick
+    }), /*#__PURE__*/_react.default.createElement(ButtonText, {
+      isShare: isShare,
+      loading: loading
+    }, children || text), loading && /*#__PURE__*/_react.default.createElement(StyledLoading, null, /*#__PURE__*/_react.default.createElement(_ui.Loading, {
+      size: size === 'xl' && 40
+    })));
+  }
+}
 _defineProperty(ButtonClass, "propTypes", {
   children: _propTypes.default.node,
   as: _propTypes.default.node,
@@ -116,31 +105,35 @@ _defineProperty(ButtonClass, "defaultProps", {
   as: 'button',
   transparent: false
 });
-var baseButtonCss = (0, _styledComponents.css)(["transition:all 0.3s;display:inline-flex;align-items:center;justify-content:center;position:relative;border-radius:25px;font-size:11px;font-weight:bold;letter-spacing:2px;text-transform:uppercase;outline:none;cursor:pointer;white-space:nowrap;border:0;&:hover,&:active{opacity:1;}"]);
-var blockButtonCss = (0, _styledComponents.css)([""]);
-var importantButtonCss = (0, _styledComponents.css)([""]);
-var beautyButtonCss = (0, _styledComponents.css)(["&&,&&:hover{width:auto !important;height:40px !important;padding-left:", "px;padding-right:", "px;box-shadow:0 6px 15px 2px #00000027,0px -5px 30px 2px rgba(255,255,255,0.2);background-color:", ";color:", ";margin:5px;z-index:100;transition:all 0.4s ease-out;", "{padding-left:", "px;padding-right:", "px;}}"], sc.BASE_MARGIN * 4, sc.BASE_MARGIN * 4, sc.WHITE_HEX, sc.BASE_COLOR_HEX, _utils.breakpoint.below('mobile'), sc.BASE_MARGIN * 2, sc.BASE_MARGIN * 2);
-var disabledBeautyButtonCss = (0, _styledComponents.css)(["&&,&&:hover{padding-left:", "px;padding-right:", "px;background-color:", ";color:#4a90e2;margin:5px;z-index:100;border:none;cursor:not-allowed;transition:all 0.4s ease-out;&&:before{content:'';position:absolute;height:calc(100% + 10px);width:calc(100% + 10px);left:-5px;top:-5px;z-index:-2;border-radius:25px;border:1px solid #4a90e2;}", "{padding-left:", "px;padding-right:", "px;}}"], sc.BASE_MARGIN * 4, sc.BASE_MARGIN * 4, sc.BLUE_BASE_HEX, _utils.breakpoint.below('mobile'), sc.BASE_MARGIN * 2, sc.BASE_MARGIN * 2);
-var disabledButtonCss = (0, _styledComponents.css)(["&&&&{background:transparent;color:#e1e1e1;border:1px solid #e1e1e1;cursor:not-allowed;}"]);
-var transparentButtonCss = (0, _styledComponents.css)(["&&&&{background:transparent;border:1px solid ", ";color:", ";&:hover{background:", ";color:#fff;}}"], sc.BLUE_BASE_HEX, sc.BLUE_BASE_HEX, sc.BLUE_BASE_HEX);
-var textOnlyButtonCss = (0, _styledComponents.css)(["&&&&{background:transparent;border:none;color:", ";}"], sc.BASE_COLOR_HEX);
-var invertedButtonCss = (0, _styledComponents.css)([""]);
-var xlSize = (0, _styledComponents.css)(["height:40px;padding-left:", "px;padding-right:", "px;width:100%;font-size:11px;"], sc.BASE_MARGIN * 2, sc.BASE_MARGIN * 2);
-var mdSize = (0, _styledComponents.css)(["height:40px;padding-left:", "px;padding-right:", "px;width:192px;font-size:11px;"], sc.BASE_MARGIN * 2, sc.BASE_MARGIN * 2);
-var smSize = (0, _styledComponents.css)(["height:32px;width:32px;"]);
-var noborderCss = (0, _styledComponents.css)(["&&&&{border:0;}"]);
-var inactiveCss = (0, _styledComponents.css)(["opacity:0.3;cursor:initial;&:hover{opacity:0.3;}"]);
-var isHeroCss = (0, _styledComponents.css)(["width:222px;"]);
-var isLoginMobileCss = (0, _styledComponents.css)(["margin-bottom:20px;width:163.94px;"]);
-var isInvisibleCss = (0, _styledComponents.css)(["opacity:0;cursor:unset;&:hover{opacity:0;}"]);
-var activeTransparentCss = (0, _styledComponents.css)(["background:", ";color:white;"], sc.RED_BASE_HEX);
-var activeHelper = function activeHelper(_ref5) {
-  var active = _ref5.active;
+const baseButtonCss = (0, _styledComponents.css)(["transition:all 0.3s;display:inline-flex;align-items:center;justify-content:center;position:relative;border-radius:25px;font-size:11px;font-weight:bold;letter-spacing:2px;text-transform:uppercase;outline:none;cursor:pointer;white-space:nowrap;border:0;&:hover,&:active{opacity:1;}"]);
+const blockButtonCss = (0, _styledComponents.css)([""]);
+const importantButtonCss = (0, _styledComponents.css)([""]);
+const beautyButtonCss = (0, _styledComponents.css)(["&&,&&:hover{width:auto !important;height:40px !important;padding-left:", "px;padding-right:", "px;box-shadow:0 6px 15px 2px #00000027,0px -5px 30px 2px rgba(255,255,255,0.2);background-color:", ";color:", ";margin:5px;z-index:100;transition:all 0.4s ease-out;", "{padding-left:", "px;padding-right:", "px;}}"], sc.BASE_MARGIN * 4, sc.BASE_MARGIN * 4, sc.WHITE_HEX, sc.BASE_COLOR_HEX, _utils.breakpoint.below('mobile'), sc.BASE_MARGIN * 2, sc.BASE_MARGIN * 2);
+const disabledBeautyButtonCss = (0, _styledComponents.css)(["&&,&&:hover{padding-left:", "px;padding-right:", "px;background-color:", ";color:#4a90e2;margin:5px;z-index:100;border:none;cursor:not-allowed;transition:all 0.4s ease-out;&&:before{content:'';position:absolute;height:calc(100% + 10px);width:calc(100% + 10px);left:-5px;top:-5px;z-index:-2;border-radius:25px;border:1px solid #4a90e2;}", "{padding-left:", "px;padding-right:", "px;}}"], sc.BASE_MARGIN * 4, sc.BASE_MARGIN * 4, sc.BLUE_BASE_HEX, _utils.breakpoint.below('mobile'), sc.BASE_MARGIN * 2, sc.BASE_MARGIN * 2);
+const disabledButtonCss = (0, _styledComponents.css)(["&&&&{background:transparent;color:#e1e1e1;border:1px solid #e1e1e1;cursor:not-allowed;}"]);
+const transparentButtonCss = (0, _styledComponents.css)(["&&&&{background:transparent;border:1px solid ", ";color:", ";&:hover{background:", ";color:#fff;}}"], sc.BLUE_BASE_HEX, sc.BLUE_BASE_HEX, sc.BLUE_BASE_HEX);
+const textOnlyButtonCss = (0, _styledComponents.css)(["&&&&{background:transparent;border:none;color:", ";}"], sc.BASE_COLOR_HEX);
+const invertedButtonCss = (0, _styledComponents.css)([""]);
+const xlSize = (0, _styledComponents.css)(["height:40px;padding-left:", "px;padding-right:", "px;width:100%;font-size:11px;"], sc.BASE_MARGIN * 2, sc.BASE_MARGIN * 2);
+const mdSize = (0, _styledComponents.css)(["height:40px;padding-left:", "px;padding-right:", "px;width:192px;font-size:11px;"], sc.BASE_MARGIN * 2, sc.BASE_MARGIN * 2);
+const smSize = (0, _styledComponents.css)(["height:32px;width:32px;"]);
+const noborderCss = (0, _styledComponents.css)(["&&&&{border:0;}"]);
+const inactiveCss = (0, _styledComponents.css)(["opacity:0.3;cursor:initial;&:hover{opacity:0.3;}"]);
+const isHeroCss = (0, _styledComponents.css)(["width:222px;"]);
+const isLoginMobileCss = (0, _styledComponents.css)(["margin-bottom:20px;width:163.94px;"]);
+const isInvisibleCss = (0, _styledComponents.css)(["opacity:0;cursor:unset;&:hover{opacity:0;}"]);
+const activeTransparentCss = (0, _styledComponents.css)(["background:", ";color:white;"], sc.RED_BASE_HEX);
+const activeHelper = _ref5 => {
+  let {
+    active
+  } = _ref5;
   return active && activeTransparentCss;
 };
-var buttonColor = function buttonColor(_ref6) {
-  var color = _ref6.color,
-    inverted = _ref6.inverted;
+const buttonColor = _ref6 => {
+  let {
+    color,
+    inverted
+  } = _ref6;
   switch (color) {
     case 'transparent':
       return (0, _styledComponents.css)(["background:transparent;border:1px solid ", ";", ";&:hover{", ";}", ";"], sc.GRAY_BASE_HEX, activeHelper, activeTransparentCss, inverted && (0, _styledComponents.css)(["border:1px solid ", ";"], sc.WHITE_HEX));
@@ -151,13 +144,17 @@ var buttonColor = function buttonColor(_ref6) {
       return (0, _styledComponents.css)(["background:", ";color:white;&:hover{background:", ";}"], sc.BLUE_BASE_HEX, sc.BLUE_BASE_RELEASED_HEX);
   }
 };
-var nobordersButtonHelper = function nobordersButtonHelper(_ref7) {
-  var noborder = _ref7.noborder;
+const nobordersButtonHelper = _ref7 => {
+  let {
+    noborder
+  } = _ref7;
   return noborder && noborderCss;
 };
-var buttonSize = function buttonSize(_ref8) {
-  var size = _ref8.size,
-    icononly = _ref8.icononly;
+const buttonSize = _ref8 => {
+  let {
+    size,
+    icononly
+  } = _ref8;
   switch (size) {
     case 'xl':
       return xlSize;
@@ -169,62 +166,86 @@ var buttonSize = function buttonSize(_ref8) {
       return (0, _styledComponents.css)(["height:40px;padding-left:", "px;padding-right:", "px;", ";"], sc.BASE_MARGIN * 2, sc.BASE_MARGIN * 2, icononly && (0, _styledComponents.css)(["margin:0 auto;width:40px;line-height:0;text-align:center;padding:0;"]));
   }
 };
-var buttonBlock = function buttonBlock(_ref9) {
-  var block = _ref9.block;
+const buttonBlock = _ref9 => {
+  let {
+    block
+  } = _ref9;
   return block && blockButtonCss;
 };
-var importantButton = function importantButton(_ref10) {
-  var important = _ref10.important;
+const importantButton = _ref0 => {
+  let {
+    important
+  } = _ref0;
   return important && importantButtonCss;
 };
-var beautyButton = function beautyButton(_ref11) {
-  var beauty = _ref11.beauty;
+const beautyButton = _ref1 => {
+  let {
+    beauty
+  } = _ref1;
   return beauty && beautyButtonCss;
 };
-var disabledBeautyButton = function disabledBeautyButton(_ref12) {
-  var disabledBeauty = _ref12.disabledBeauty;
+const disabledBeautyButton = _ref10 => {
+  let {
+    disabledBeauty
+  } = _ref10;
   return disabledBeauty && disabledBeautyButtonCss;
 };
-var disabledButton = function disabledButton(_ref13) {
-  var disabled = _ref13.disabled;
+const disabledButton = _ref11 => {
+  let {
+    disabled
+  } = _ref11;
   return disabled && disabledButtonCss;
 };
-var transparentButton = function transparentButton(_ref14) {
-  var transparent = _ref14.transparent;
+const transparentButton = _ref12 => {
+  let {
+    transparent
+  } = _ref12;
   return transparent && transparentButtonCss;
 };
-var textOnlyButton = function textOnlyButton(_ref15) {
-  var textOnly = _ref15.textOnly;
+const textOnlyButton = _ref13 => {
+  let {
+    textOnly
+  } = _ref13;
   return textOnly && textOnlyButtonCss;
 };
-var invertedButton = function invertedButton(_ref16) {
-  var inverted = _ref16.inverted;
+const invertedButton = _ref14 => {
+  let {
+    inverted
+  } = _ref14;
   return inverted && invertedButtonCss;
 };
-var inativeButton = function inativeButton(_ref17) {
-  var inactive = _ref17.inactive;
+const inativeButton = _ref15 => {
+  let {
+    inactive
+  } = _ref15;
   return inactive && inactiveCss;
 };
-var isHeroButton = function isHeroButton(_ref18) {
-  var isHero = _ref18.isHero;
+const isHeroButton = _ref16 => {
+  let {
+    isHero
+  } = _ref16;
   return isHero && isHeroCss;
 };
-var isLoginMobileButton = function isLoginMobileButton(_ref19) {
-  var isLoginMobile = _ref19.isLoginMobile;
+const isLoginMobileButton = _ref17 => {
+  let {
+    isLoginMobile
+  } = _ref17;
   return isLoginMobile && isLoginMobileCss;
 };
-var isInvisibleButton = function isInvisibleButton(_ref20) {
-  var isInvisible = _ref20.isInvisible;
+const isInvisibleButton = _ref18 => {
+  let {
+    isInvisible
+  } = _ref18;
   return isInvisible && isInvisibleCss;
 };
-var Button = (0, _styledComponents.default)(ButtonClass).withConfig({
+const Button = exports.Button = (0, _styledComponents.default)(ButtonClass).withConfig({
   displayName: "Button-stoDetails__Button",
   componentId: "sc-1pstwqz-3"
-})(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], baseButtonCss, buttonColor, buttonSize, buttonBlock, importantButton, disabledButton, transparentButton, textOnlyButton, invertedButton, nobordersButtonHelper, inativeButton, isHeroButton, isLoginMobileButton, isInvisibleButton, beautyButton, disabledBeautyButton, function (_ref21) {
-  var fillRed = _ref21.fillRed;
+})(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], baseButtonCss, buttonColor, buttonSize, buttonBlock, importantButton, disabledButton, transparentButton, textOnlyButton, invertedButton, nobordersButtonHelper, inativeButton, isHeroButton, isLoginMobileButton, isInvisibleButton, beautyButton, disabledBeautyButton, _ref19 => {
+  let {
+    fillRed
+  } = _ref19;
   return fillRed && (0, _styledComponents.css)(["svg{fill:", ";}&:hover{svg{fill:", ";}}"], sc.RED_BASE_HEX, sc.WHITE_HEX);
 });
-exports.Button = Button;
 Button.propTypes = {};
-var _default = Button;
-exports.default = _default;
+var _default = exports.default = Button;