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

package/dist/components/Header/Header.stories.js

@@ -8,15 +8,14 @@ var _react = _interopRequireDefault(require("react"));
 var _Header = _interopRequireDefault(require("./Header"));
 var _reactRouterDom = require("react-router-dom");
 var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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); }
+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); }
 // import Avatar from '../../static/images/avatar.png'
-var _default = {
+var _default = exports.default = {
   title: 'Components Library/Header',
   component: _Header.default,
   argTypes: {
@@ -58,11 +57,8 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_Header.default, args)));
-};
-var userDev = {
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_Header.default, args)));
+const userDev = {
   _id: '61851acd5b9a890013297b12',
   email: 'user-dev@email.com',
   user_type: 'investor',
@@ -140,44 +136,39 @@ var userDev = {
     'la-boulangerie': true
   }
 };
-var HeaderWithUser = Template.bind({});
-exports.HeaderWithUser = HeaderWithUser;
+const HeaderWithUser = exports.HeaderWithUser = Template.bind({});
 HeaderWithUser.args = {
   user: userDev
 };
-var HeaderWithAdminUser = Template.bind({});
-exports.HeaderWithAdminUser = HeaderWithAdminUser;
+const HeaderWithAdminUser = exports.HeaderWithAdminUser = Template.bind({});
 HeaderWithAdminUser.args = {
   user: _objectSpread(_objectSpread({}, userDev), {}, {
     user_type: 'company_sa'
   })
 };
-var HeaderWitouthUser = Template.bind({});
-exports.HeaderWitouthUser = HeaderWitouthUser;
+const HeaderWitouthUser = exports.HeaderWitouthUser = Template.bind({});
 HeaderWitouthUser.args = {
   user: {}
 };
-var HeaderWithProgress = Template.bind({});
-exports.HeaderWithProgress = HeaderWithProgress;
+const HeaderWithProgress = exports.HeaderWithProgress = Template.bind({});
 HeaderWithProgress.args = {
   user: userDev,
   progress: {
     items: [{
       id: 'select-address',
-      handleClick: function handleClick() {}
+      handleClick: () => {}
     }, {
       id: 'order-tokens',
-      handleClick: function handleClick() {}
+      handleClick: () => {}
     }, {
       id: 'confirm',
-      handleClick: function handleClick() {}
+      handleClick: () => {}
     }],
     doneIndex: 1,
     activeIndex: 2
   }
 };
-var HeaderWithProgressSignup = Template.bind({});
-exports.HeaderWithProgressSignup = HeaderWithProgressSignup;
+const HeaderWithProgressSignup = exports.HeaderWithProgressSignup = Template.bind({});
 HeaderWithProgressSignup.args = {
   user: _objectSpread(_objectSpread({}, userDev), {}, {
     kyc_status: 'Rejected'
@@ -185,8 +176,7 @@ HeaderWithProgressSignup.args = {
   progress: {},
   signupFlow: true
 };
-var HeaderWithSidebar = Template.bind({});
-exports.HeaderWithSidebar = HeaderWithSidebar;
+const HeaderWithSidebar = exports.HeaderWithSidebar = Template.bind({});
 HeaderWithSidebar.args = {
   user: _objectSpread(_objectSpread({}, userDev), {}, {
     user_type: 'company_sa'
@@ -195,8 +185,7 @@ HeaderWithSidebar.args = {
   withSidebar: true,
   isSidebarExpanded: true
 };
-var HeaderWithoutLoginAndSignup = Template.bind({});
-exports.HeaderWithoutLoginAndSignup = HeaderWithoutLoginAndSignup;
+const HeaderWithoutLoginAndSignup = exports.HeaderWithoutLoginAndSignup = Template.bind({});
 HeaderWithoutLoginAndSignup.args = {
   user: {},
   withoutLoginSignupButton: true

package/dist/components/Header/Header.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
 });
@@ -13,189 +12,127 @@ var _Button = _interopRequireDefault(require("../Button/Button.styles"));
 var sc = _interopRequireWildcard(require("../../constants/style"));
 var _FooterMenu = require("../Footer/FooterMenu.styles");
 var _Icon = _interopRequireWildcard(require("../Icon/Icon.style"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
-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 StyledSubMenu = _styledComponents.default.div.withConfig({
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
+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 StyledSubMenu = exports.StyledSubMenu = _styledComponents.default.div.withConfig({
   displayName: "Headerstyles__StyledSubMenu",
   componentId: "sc-hifrdy-0"
 })(["position:relative;"]);
-exports.StyledSubMenu = StyledSubMenu;
-var StyledHeader = _styledComponents.default.header.withConfig({
+const StyledHeader = exports.StyledHeader = _styledComponents.default.header.withConfig({
   displayName: "Headerstyles__StyledHeader",
   componentId: "sc-hifrdy-1"
-})(["z-index:1000;position:relative;color:", ";border-bottom:1px solid rgb(237,237,237);", ""], _colors.default.black, _rwd.default.MLarge(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: ", "px;\n    background-color: ", ";\n    box-shadow: inset 0 -1px 0 0 ", ";\n\n    ", "\n  "])), _spacing.default.headerHeight, _colors.default.white, _colors.default.lightGrey, function (props) {
-  return props.noFixedPosition && "\n      position:initial;\n    ";
-}));
-exports.StyledHeader = StyledHeader;
-var HeaderInner = _styledComponents.default.div.withConfig({
+})(["z-index:1000;position:relative;color:", ";border-bottom:1px solid rgb(237,237,237);", ""], _colors.default.black, _rwd.default.MLarge(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: ", "px;\n    background-color: ", ";\n    box-shadow: inset 0 -1px 0 0 ", ";\n\n    ", "\n  "])), _spacing.default.headerHeight, _colors.default.white, _colors.default.lightGrey, props => props.noFixedPosition && "\n      position:initial;\n    "));
+const HeaderInner = exports.HeaderInner = _styledComponents.default.div.withConfig({
   displayName: "Headerstyles__HeaderInner",
   componentId: "sc-hifrdy-2"
-})(["position:relative;padding:24px;", " ", ""], function (props) {
-  return props.withSidebar && "\n     left: 64px;\n    transition: 0.3s width;\n  ";
-}, _rwd.default.MLarge(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: flex;\n    padding: 28px 64px;\n    align-items: center;\n    height: 100%;\n\n    ", "\n  "])), function (props) {
-  return props.withSidebar && "\n      width:100%;\n      left:0;\n    ";
-}));
-exports.HeaderInner = HeaderInner;
-var MainNavWrap = _styledComponents.default.div.withConfig({
+})(["position:relative;padding:24px;", " ", ""], props => props.withSidebar && "\n     left: 64px;\n    transition: 0.3s width;\n  ", _rwd.default.MLarge(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: flex;\n    padding: 28px 64px;\n    align-items: center;\n    height: 100%;\n\n    ", "\n  "])), props => props.withSidebar && "\n      width:100%;\n      left:0;\n    "));
+const MainNavWrap = exports.MainNavWrap = _styledComponents.default.div.withConfig({
   displayName: "Headerstyles__MainNavWrap",
   componentId: "sc-hifrdy-3"
-})(["z-index:2;position:relative;font-size:0;", ""], _rwd.default.MLarge(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    flex-grow: ", ";\n    width: ", ";\n\n", "\n\n      ", "\n"])), function (_ref) {
-  var isFixedWidth = _ref.isFixedWidth;
+})(["z-index:2;position:relative;font-size:0;", ""], _rwd.default.MLarge(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    flex-grow: ", ";\n    width: ", ";\n\n", "\n\n      ", "\n"])), _ref => {
+  let {
+    isFixedWidth
+  } = _ref;
   return !isFixedWidth && 1;
-}, function (_ref2) {
-  var isFixedWidth = _ref2.isFixedWidth;
+}, _ref2 => {
+  let {
+    isFixedWidth
+  } = _ref2;
   return isFixedWidth && '200px';
-}, function (props) {
-  return props.noProgress && "\n    flex-grow: 3;\n  ";
-}, function (props) {
-  return props.hasProgress && "\n    width:33.3%;\n    ";
-}));
-exports.MainNavWrap = MainNavWrap;
-var SidebarToggle = _styledComponents.default.div.withConfig({
+}, props => props.noProgress && "\n    flex-grow: 3;\n  ", props => props.hasProgress && "\n    width:33.3%;\n    "));
+const SidebarToggle = exports.SidebarToggle = _styledComponents.default.div.withConfig({
   displayName: "Headerstyles__SidebarToggle",
   componentId: "sc-hifrdy-4"
-})(["width:64px;height:100%;background:", ";transition:0.3s width;flex-shrink:0;display:flex;position:absolute;cursor:pointer;z-index:10;", " ", ""], _colors.default.rustyRed, _rwd.default.MLarge(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    position: relative;\n    width: 100px;\n  "]))), function (props) {
-  return props.isSidebarExpanded && _rwd.default.MLarge(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    width: 300px;\n  "])));
-});
-exports.SidebarToggle = SidebarToggle;
-var HamburgerIcon = (0, _styledComponents.default)(_Icon.default).withConfig({
+})(["width:64px;height:100%;background:", ";transition:0.3s width;flex-shrink:0;display:flex;position:absolute;cursor:pointer;z-index:10;", " ", ""], _colors.default.rustyRed, _rwd.default.MLarge(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    position: relative;\n    width: 100px;\n  "]))), props => props.isSidebarExpanded && _rwd.default.MLarge(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    width: 300px;\n  "]))));
+const HamburgerIcon = exports.HamburgerIcon = (0, _styledComponents.default)(_Icon.default).withConfig({
   displayName: "Headerstyles__HamburgerIcon",
   componentId: "sc-hifrdy-5"
 })(["display:block;width:18px;height:18px;position:absolute;top:50%;left:50%;margin-top:-9px;margin-left:-9px;font-size:18px;line-height:18px;color:", ";&:before{content:'", "';}", ""], _colors.default.white, _Icon.iconsMap.hamburger, _rwd.default.MLarge(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    left: 50px;\n  "]))));
-exports.HamburgerIcon = HamburgerIcon;
-var ProgressWrap = _styledComponents.default.div.withConfig({
+const ProgressWrap = exports.ProgressWrap = _styledComponents.default.div.withConfig({
   displayName: "Headerstyles__ProgressWrap",
   componentId: "sc-hifrdy-6"
 })(["z-index:0;position:relative;text-align:center;margin-top:24px;", ""], _rwd.default.MLarge(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    flex-grow: 2;\n    margin-top: 0;\n\n    \n\n  "]))));
-exports.ProgressWrap = ProgressWrap;
-var QuickNavWrap = _styledComponents.default.div.withConfig({
+const QuickNavWrap = exports.QuickNavWrap = _styledComponents.default.div.withConfig({
   displayName: "Headerstyles__QuickNavWrap",
   componentId: "sc-hifrdy-7"
-})(["z-index:2;position:absolute;top:0;right:0;height:100%;", ""], _rwd.default.MLarge(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    position: relative;\n    right: auto;\n    flex-grow: ", ";\n    width: ", ";\n    text-align: right;\n\n    ", "\n  "])), function (_ref3) {
-  var isFixedWidth = _ref3.isFixedWidth;
+})(["z-index:2;position:absolute;top:0;right:0;height:100%;", ""], _rwd.default.MLarge(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    position: relative;\n    right: auto;\n    flex-grow: ", ";\n    width: ", ";\n    text-align: right;\n\n    ", "\n  "])), _ref3 => {
+  let {
+    isFixedWidth
+  } = _ref3;
   return !isFixedWidth && 1;
-}, function (_ref4) {
-  var isFixedWidth = _ref4.isFixedWidth;
+}, _ref4 => {
+  let {
+    isFixedWidth
+  } = _ref4;
   return isFixedWidth && '200px';
-}, function (props) {
-  return props.hasProgress && "\n    width:33.3%;\n    ";
-}));
-exports.QuickNavWrap = QuickNavWrap;
-var Logo = _styledComponents.default.div.withConfig({
+}, props => props.hasProgress && "\n    width:33.3%;\n    "));
+const Logo = exports.Logo = _styledComponents.default.div.withConfig({
   displayName: "Headerstyles__Logo",
   componentId: "sc-hifrdy-8"
-})(["display:inline-block;vertical-align:middle;color:", ";transition:color 0.4s;", " a{display:block;transition:opacity 0.2s;&:hover{opacity:0.5;}}img{display:block;height:16px;width:auto;}svg{display:block;height:16px;width:auto;fill:currentColor;}", ""], _colors.default.black, function (props) {
-  return props.isHighlight && "\n    color: ".concat(_colors.default.blue, ";\n  ");
-}, _rwd.default.MLarge(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    margin-left: 0;\n    margin-right: 42px;\n  "]))));
-exports.Logo = Logo;
-var HeaderMainNav = _styledComponents.default.div.withConfig({
+})(["display:inline-block;vertical-align:middle;color:", ";transition:color 0.4s;", " a{display:block;transition:opacity 0.2s;&:hover{opacity:0.5;}}img{display:block;height:16px;width:auto;}svg{display:block;height:16px;width:auto;fill:currentColor;}", ""], _colors.default.black, props => props.isHighlight && "\n    color: ".concat(_colors.default.blue, ";\n  "), _rwd.default.MLarge(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    margin-left: 0;\n    margin-right: 42px;\n  "]))));
+const HeaderMainNav = exports.HeaderMainNav = _styledComponents.default.div.withConfig({
   displayName: "Headerstyles__HeaderMainNav",
   componentId: "sc-hifrdy-9"
-})(["display:none;", " button{text-transform:uppercase;}"], _rwd.default.MLarge(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    display: inline-block;\n  "]))));
-exports.HeaderMainNav = HeaderMainNav;
-var HeaderQuickNav = _styledComponents.default.div.withConfig({
+})(["display:none;", " button{text-transform:uppercase;}"], _rwd.default.MLarge(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n    display: inline-block;\n  "]))));
+const HeaderQuickNav = exports.HeaderQuickNav = _styledComponents.default.div.withConfig({
   displayName: "Headerstyles__HeaderQuickNav",
   componentId: "sc-hifrdy-10"
-})(["display:none;", " button{text-transform:uppercase;", "}"], _rwd.default.MLarge(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    display: inline-block;\n\n    & > * {\n      margin-left: 32px;\n\n      &:first-child {\n        margin-left: 0;\n      }\n    }\n\n      ", "\n  "])), function (props) {
-  return !props.isUserLogged && "\n         display: flex;\n    align-items: center;\n    justify-content: flex-end;\n         ";
-}), _rwd.default.MLarge(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      vertical-align: middle;\n    "]))));
-exports.HeaderQuickNav = HeaderQuickNav;
-var MobileMenuToggler = _styledComponents.default.button.withConfig({
+})(["display:none;", " button{text-transform:uppercase;", "}"], _rwd.default.MLarge(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n    display: inline-block;\n\n    & > * {\n      margin-left: 32px;\n\n      &:first-child {\n        margin-left: 0;\n      }\n    }\n\n      ", "\n  "])), props => !props.isUserLogged && "\n         display: flex;\n    align-items: center;\n    justify-content: flex-end;\n         "), _rwd.default.MLarge(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      vertical-align: middle;\n    "]))));
+const MobileMenuToggler = exports.MobileMenuToggler = _styledComponents.default.button.withConfig({
   displayName: "Headerstyles__MobileMenuToggler",
   componentId: "sc-hifrdy-11"
-})(["display:block;width:32px;height:32px;position:absolute;top:16px;right:16px;outline:none;cursor:pointer;border:none;background-color:inherit;", " ", " span{display:block;width:16px;height:2px;position:absolute;top:50%;left:50%;margin-top:-1px;margin-left:-8px;background-color:", ";transition:background-color 0.4s,transform 0.4s;&:nth-child(1){transform:translateY(-6px);}&:nth-child(3){transform:translateY(6px);}}", ""], function (props) {
-  return props.withSidebar && "\n    right:-15px;\n  ";
-}, _rwd.default.MLarge(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    display: none;\n  "]))), _colors.default.black, function (props) {
-  return props.isActive && "\n    span {\n      background-color: ".concat(_colors.default.blue, ";\n\n      &:nth-child(1) {\n        transform: translateY(0) rotate(135deg);\n      }\n\n      &:nth-child(2) {\n        transform: scaleX(0);\n      }\n\n      &:nth-child(3) {\n        transform: translateY(0) rotate(-135deg);\n      }\n    }\n  ");
-});
-exports.MobileMenuToggler = MobileMenuToggler;
-var MobileMenu = _styledComponents.default.nav.withConfig({
+})(["display:block;width:32px;height:32px;position:absolute;top:16px;right:16px;outline:none;cursor:pointer;border:none;background-color:inherit;", " ", " span{display:block;width:16px;height:2px;position:absolute;top:50%;left:50%;margin-top:-1px;margin-left:-8px;background-color:", ";transition:background-color 0.4s,transform 0.4s;&:nth-child(1){transform:translateY(-6px);}&:nth-child(3){transform:translateY(6px);}}", ""], props => props.withSidebar && "\n    right:-15px;\n  ", _rwd.default.MLarge(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    display: none;\n  "]))), _colors.default.black, props => props.isActive && "\n    span {\n      background-color: ".concat(_colors.default.blue, ";\n\n      &:nth-child(1) {\n        transform: translateY(0) rotate(135deg);\n      }\n\n      &:nth-child(2) {\n        transform: scaleX(0);\n      }\n\n      &:nth-child(3) {\n        transform: translateY(0) rotate(-135deg);\n      }\n    }\n  "));
+const MobileMenu = exports.MobileMenu = _styledComponents.default.nav.withConfig({
   displayName: "Headerstyles__MobileMenu",
   componentId: "sc-hifrdy-12"
-})(["z-index:100;position:absolute;top:65px;left:0;display:flex;flex-direction:column;width:100%;min-height:calc(100vh - 65px);background-color:", ";padding:0;text-align:center;opacity:0;visibility:hidden;transition:opacity 0.4s,visibility 0.4s;height:100%;overflow:auto;", " ", " ", " button{text-transform:uppercase;}"], _colors.default.white, function (props) {
-  return props.isActive && "\n    opacity: 1;\n    visibility: visible;\n  ";
-}, function (props) {
-  return props.withSidebar && "\n  width:100vw;\n  left:-64px;\n  ";
-}, _rwd.default.MLarge(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    display: none;\n  "]))));
-exports.MobileMenu = MobileMenu;
-var MobileMenuItem = _styledComponents.default.li.withConfig({
+})(["z-index:100;position:absolute;top:65px;left:0;display:flex;flex-direction:column;width:100%;min-height:calc(100vh - 65px);background-color:", ";padding:0;text-align:center;opacity:0;visibility:hidden;transition:opacity 0.4s,visibility 0.4s;height:100%;overflow:auto;", " ", " ", " button{text-transform:uppercase;}"], _colors.default.white, props => props.isActive && "\n    opacity: 1;\n    visibility: visible;\n  ", props => props.withSidebar && "\n  width:100vw;\n  left:-64px;\n  ", _rwd.default.MLarge(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    display: none;\n  "]))));
+const MobileMenuItem = exports.MobileMenuItem = _styledComponents.default.li.withConfig({
   displayName: "Headerstyles__MobileMenuItem",
   componentId: "sc-hifrdy-13"
-})(["align-items:center;display:flex !important;justify-content:center;", ""], function (props) {
-  return props.red && "\n    background: #D2200D;\n    color:white;\n        border-bottom: 1px solid #979797;\n  ";
-});
-exports.MobileMenuItem = MobileMenuItem;
-var MobileMenuWrapper = _styledComponents.default.div.withConfig({
+})(["align-items:center;display:flex !important;justify-content:center;", ""], props => props.red && "\n    background: #D2200D;\n    color:white;\n        border-bottom: 1px solid #979797;\n  ");
+const MobileMenuWrapper = exports.MobileMenuWrapper = _styledComponents.default.div.withConfig({
   displayName: "Headerstyles__MobileMenuWrapper",
   componentId: "sc-hifrdy-14"
 })(["cursor:pointer;"]);
-exports.MobileMenuWrapper = MobileMenuWrapper;
-var MobileMenuLink = _styledComponents.default.a.withConfig({
+const MobileMenuLink = exports.MobileMenuLink = _styledComponents.default.a.withConfig({
   displayName: "Headerstyles__MobileMenuLink",
   componentId: "sc-hifrdy-15"
 })(["width:100%;"]);
-exports.MobileMenuLink = MobileMenuLink;
-var MobileMenuPart = _styledComponents.default.div.withConfig({
+const MobileMenuPart = exports.MobileMenuPart = _styledComponents.default.div.withConfig({
   displayName: "Headerstyles__MobileMenuPart",
   componentId: "sc-hifrdy-16"
-})(["", " ", " ", " ", " ", " ", ""], function (props) {
-  return props.withPadding && "\n    padding: 30px 0;\n   \n\n    @media screen and (max-width: 320px) {\n      padding: 15px 0;\n    }\n  ";
-}, function (props) {
-  return props.isLast && "\n     // padding-bottom: env(safe-area-inset-bottom);\n     padding-bottom:100px;\n  ";
-}, function (props) {
-  return props.grow && "\n    flex-grow: ".concat(props.grow, ";\n  ");
-}, function (props) {
-  return props.flexColumn && "\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n\n    button {\n      margin: 10px 0;\n    }\n  ";
-}, function (props) {
-  return props.noPaddingTop && "\n    padding-top: 0;\n  ";
-}, function (props) {
-  return props.borderTop && "\n    border-top: 1px solid ".concat(_colors.default.lightGrey, ";\n  ");
-});
-exports.MobileMenuPart = MobileMenuPart;
-var UserAccount = _styledComponents.default.div.withConfig({
+})(["", " ", " ", " ", " ", " ", ""], props => props.withPadding && "\n    padding: 30px 0;\n   \n\n    @media screen and (max-width: 320px) {\n      padding: 15px 0;\n    }\n  ", props => props.isLast && "\n     // padding-bottom: env(safe-area-inset-bottom);\n     padding-bottom:100px;\n  ", props => props.grow && "\n    flex-grow: ".concat(props.grow, ";\n  "), props => props.flexColumn && "\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n\n    button {\n      margin: 10px 0;\n    }\n  ", props => props.noPaddingTop && "\n    padding-top: 0;\n  ", props => props.borderTop && "\n    border-top: 1px solid ".concat(_colors.default.lightGrey, ";\n  "));
+const UserAccount = exports.UserAccount = _styledComponents.default.div.withConfig({
   displayName: "Headerstyles__UserAccount",
   componentId: "sc-hifrdy-17"
-})(["z-index:1;position:relative;display:inline-block;vertical-align:middle;", ""], _rwd.default.MLarge(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n    margin: -4px 0;\n    margin-left: 32px;\n  "]))));
-exports.UserAccount = UserAccount;
-var UserButton = _styledComponents.default.button.withConfig({
+})(["z-index:1;position:relative;display:inline-block;vertical-align:middle;", ""], _rwd.default.MLarge(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    margin: -4px 0;\n    margin-left: 32px;\n  "]))));
+const UserButton = exports.UserButton = _styledComponents.default.button.withConfig({
   displayName: "Headerstyles__UserButton",
   componentId: "sc-hifrdy-18"
 })(["display:inline-block;vertical-align:middle;width:48px;height:48px;border-radius:24px;overflow:hidden;background-color:", ";opacity:1;transition:opacity 0.2s;outline:none;cursor:pointer;box-shadow:none;border:none;background-color:buttonface;background-color:transparent;padding:0;"], _colors.default.grey2);
-exports.UserButton = UserButton;
-var UserAvatar = _styledComponents.default.img.withConfig({
+const UserAvatar = exports.UserAvatar = _styledComponents.default.img.withConfig({
   displayName: "Headerstyles__UserAvatar",
   componentId: "sc-hifrdy-19"
 })(["display:block;width:100%;height:100%;object-fit:cover;object-position:center center;"]);
-exports.UserAvatar = UserAvatar;
-var UserName = _styledComponents.default.div.withConfig({
+const UserName = exports.UserName = _styledComponents.default.div.withConfig({
   displayName: "Headerstyles__UserName",
   componentId: "sc-hifrdy-20"
 })(["z-index:0;position:relative;display:block;padding-top:36px;padding-bottom:20px;font-weight:600;font-size:16px;line-height:24px;background-color:", ";color:", ";margin-top:-24px;"], _colors.default.orangishRed, _colors.default.white);
-exports.UserName = UserName;
-var LoginButton = _styledComponents.default.span.withConfig({
+const LoginButton = exports.LoginButton = _styledComponents.default.span.withConfig({
   displayName: "Headerstyles__LoginButton",
   componentId: "sc-hifrdy-21"
 })(["cursor:pointer;margin-right:24px;display:none;&:hover{opacity:0.6;}@media screen and (min-width:992px){display:block;}"]);
-exports.LoginButton = LoginButton;
-var SignupButton = (0, _styledComponents.default)(_Button.default).withConfig({
+const SignupButton = exports.SignupButton = (0, _styledComponents.default)(_Button.default).withConfig({
   displayName: "Headerstyles__SignupButton",
   componentId: "sc-hifrdy-22"
-})(["padding-right:32px !important;color:", " !important;&:hover{background:", ";}", ""], sc.WHITE_HEX, sc.BLUE_BASE_RELEASED_HEX, function (props) {
-  return props.isMobile && "\n   margin: 0;\n  width: 163.94px;\n  ";
-});
-exports.SignupButton = SignupButton;
-var CTAContainer = _styledComponents.default.div.withConfig({
+})(["padding-right:32px !important;color:", " !important;&:hover{background:", ";}", ""], sc.WHITE_HEX, sc.BLUE_BASE_RELEASED_HEX, props => props.isMobile && "\n   margin: 0;\n  width: 163.94px;\n  ");
+const CTAContainer = exports.CTAContainer = _styledComponents.default.div.withConfig({
   displayName: "Headerstyles__CTAContainer",
   componentId: "sc-hifrdy-23"
-})(["align-items:center;border-top:1px solid ", ";display:flex;flex-direction:column;justify-content:center;padding:56px 0;width:100%;span{color:1px solid ", ";font-size:10px;letter-spacing:2.1px;margin-bottom:14px;}div{display:flex;flex-wrap:wrap;}", " ", "{display:flex;justify-content:center;background:transparent;margin:12px;svg{fill:rgb(32,32,32);height:18px !important;width:18px !important;}}"], sc.GRAY_BASE_HEX, sc.GRAY_BASE_HEX, _rwd.rwdMax.Medium(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n    div{\n        width: 192px; /* Fit exactly 3 icons */\n    }\n  "]))), _FooterMenu.SocialLink);
-exports.CTAContainer = CTAContainer;
-var SocialLinksContainer = _styledComponents.default.div.withConfig({
+})(["align-items:center;border-top:1px solid ", ";display:flex;flex-direction:column;justify-content:center;padding:56px 0;width:100%;span{color:1px solid ", ";font-size:10px;letter-spacing:2.1px;margin-bottom:14px;}div{display:flex;flex-wrap:wrap;}", " ", "{display:flex;justify-content:center;background:transparent;margin:12px;svg{fill:rgb(32,32,32);height:18px !important;width:18px !important;}}"], sc.GRAY_BASE_HEX, sc.GRAY_BASE_HEX, _rwd.rwdMax.Medium(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    div{\n        width: 192px; /* Fit exactly 3 icons */\n    }\n  "]))), _FooterMenu.SocialLink);
+const SocialLinksContainer = exports.SocialLinksContainer = _styledComponents.default.div.withConfig({
   displayName: "Headerstyles__SocialLinksContainer",
   componentId: "sc-hifrdy-24"
-})(["display:flex !important;flex-wrap:nowrap !important;justify-content:", ";& > *{flex:none !important;}"], function (props) {
-  return props.isHeader ? 'center' : null;
-});
-exports.SocialLinksContainer = SocialLinksContainer;
+})(["display:flex !important;flex-wrap:nowrap !important;justify-content:", ";& > *{flex:none !important;}"], props => props.isHeader ? 'center' : null);

package/dist/components/HeroBlock/HeroVideoBlock.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
 });
@@ -8,50 +7,47 @@ exports.default = exports.HeroVideoBlock = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactVisibilitySensor = _interopRequireDefault(require("react-visibility-sensor"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-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; }
-var VideoContainer = _styledComponents.default.div.withConfig({
+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); }
+const VideoContainer = _styledComponents.default.div.withConfig({
   displayName: "HeroVideoBlock__VideoContainer",
   componentId: "sc-53qnrg-0"
 })(["position:relative;width:100%;height:100%;overflow:hidden;"]);
-var VideoBackground = _styledComponents.default.video.withConfig({
+const VideoBackground = _styledComponents.default.video.withConfig({
   displayName: "HeroVideoBlock__VideoBackground",
   componentId: "sc-53qnrg-1"
 })(["width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;"]);
-var HeroVideoBlock = function HeroVideoBlock() {
-  var videoRef = (0, _react.useRef)(null);
-  var lastTimeRef = (0, _react.useRef)(0);
-  var lastVisibleTime = (0, _react.useRef)(Date.now());
-  var playVideo = function playVideo() {
+const HeroVideoBlock = () => {
+  const videoRef = (0, _react.useRef)(null);
+  const lastTimeRef = (0, _react.useRef)(0);
+  const lastVisibleTime = (0, _react.useRef)(Date.now());
+  const playVideo = () => {
     if (!videoRef.current) return;
-    var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
+    const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
 
     // Store current time before attempting to play
     if (videoRef.current.currentTime > 0) {
       lastTimeRef.current = videoRef.current.currentTime;
     }
-    var playPromise = videoRef.current.play();
+    const playPromise = videoRef.current.play();
     if (playPromise !== undefined) {
-      playPromise.catch(function (error) {
+      playPromise.catch(error => {
         console.log('Video play error:', error);
 
         // If play fails on mobile, try the reset approach as a fallback
         if (isMobile && videoRef.current) {
           // Only reset if we've been away for a while (more than 2 seconds)
-          var resetNeeded = Date.now() - lastVisibleTime.current > 2000;
+          const resetNeeded = Date.now() - lastVisibleTime.current > 2000;
           if (resetNeeded) {
             // Small adjustment to current time to force refresh
             videoRef.current.currentTime = lastTimeRef.current || 0.1;
-            videoRef.current.play().catch(function (e) {
-              return console.log('Retry failed:', e);
-            });
+            videoRef.current.play().catch(e => console.log('Retry failed:', e));
           }
         }
       });
     }
   };
-  var handleVisibilityChange = function handleVisibilityChange(isVisible) {
+  const handleVisibilityChange = isVisible => {
     if (isVisible) {
       lastVisibleTime.current = Date.now();
       if (videoRef.current) {
@@ -64,12 +60,12 @@ var HeroVideoBlock = function HeroVideoBlock() {
   };
 
   // Effect for document visibility (tab switching/browser minimizing)
-  (0, _react.useEffect)(function () {
-    var handleDocVisibilityChange = function handleDocVisibilityChange() {
+  (0, _react.useEffect)(() => {
+    const handleDocVisibilityChange = () => {
       if (document.visibilityState === 'visible') {
         lastVisibleTime.current = Date.now();
         // Small delay to ensure the browser is ready
-        setTimeout(function () {
+        setTimeout(() => {
           playVideo();
         }, 300);
       } else if (videoRef.current) {
@@ -81,7 +77,7 @@ var HeroVideoBlock = function HeroVideoBlock() {
 
     // Initial play
     playVideo();
-    return function () {
+    return () => {
       document.removeEventListener('visibilitychange', handleDocVisibilityChange);
     };
   }, []);
@@ -104,5 +100,4 @@ var HeroVideoBlock = function HeroVideoBlock() {
   }))));
 };
 exports.HeroVideoBlock = HeroVideoBlock;
-var _default = HeroVideoBlock;
-exports.default = _default;
+var _default = exports.default = HeroVideoBlock;

package/dist/components/Icon/Icon.style.js

@@ -1,16 +1,12 @@
 "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
 });
 exports.iconsMap = exports.default = exports.TooltipIcon = exports.Icon = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _templateObject;
-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 iconsMap = {
+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); }
+const iconsMap = exports.iconsMap = {
   expand: '\\e923',
   shrink: '\\e924',
   emoji: '\\e922',
@@ -53,27 +49,19 @@ var iconsMap = {
   cross: '\\274C',
   euro: '\\e93c'
 };
-exports.iconsMap = iconsMap;
-var TooltipIcon = _styledComponents.default.i.attrs({
+const TooltipIcon = exports.TooltipIcon = _styledComponents.default.i.attrs({
   className: 'ion ion-md-information-circle'
 }).withConfig({
   displayName: "Iconstyle__TooltipIcon",
   componentId: "sc-1v2m4hs-0"
 })(["position:relative;left:-0.4px;font-size:18px;opacity:0.2;transform:rotateY(180deg);margin:0 14px;"]);
-exports.TooltipIcon = TooltipIcon;
-var Icon = _styledComponents.default.i.withConfig({
+const Icon = exports.Icon = _styledComponents.default.i.withConfig({
   displayName: "Iconstyle__Icon",
   componentId: "sc-1v2m4hs-1"
-})(["font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;", " ", " -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;&::before{content:'", "';}", ""], function (props) {
-  return props.size && "\n    font-size: ".concat(props.size, "px;\n    ");
-}, function (props) {
-  return props.color && "\n    color: ".concat(props.color, ";\n  ");
-}, function (props) {
-  return props.icon;
-}, function (_ref) {
-  var checklist = _ref.checklist;
-  return checklist && (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      margin-left: 3px;\n      margin-right: 11px;\n    "])));
+})(["font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;", " ", " -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;&::before{content:'", "';}", ""], props => props.size && "\n    font-size: ".concat(props.size, "px;\n    "), props => props.color && "\n    color: ".concat(props.color, ";\n  "), props => props.icon, _ref => {
+  let {
+    checklist
+  } = _ref;
+  return checklist && (0, _styledComponents.css)(["margin-left:3px;margin-right:11px;"]);
 });
-exports.Icon = Icon;
-var _default = Icon;
-exports.default = _default;
+var _default = exports.default = Icon;

package/dist/components/Icon/Icon2.js

@@ -1,23 +1,22 @@
 "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
 });
 exports.default = exports.Icon2 = void 0;
 var _react = _interopRequireDefault(require("react"));
 var Icons = _interopRequireWildcard(require("../icons"));
-var _excluded = ["name"];
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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; }
-var Icon2 = function Icon2(_ref) {
-  var _ref$name = _ref.name,
-    name = _ref$name === void 0 ? 'IconNotFound' : _ref$name,
+const _excluded = ["name"];
+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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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; }
+const Icon2 = _ref => {
+  let {
+      name = 'IconNotFound'
+    } = _ref,
     p = _objectWithoutProperties(_ref, _excluded);
-  var Ico = Icons[name];
+  const Ico = Icons[name];
   if (typeof Ico === 'undefined') {
     // -next-line
     console.error("Icon name ".concat(name, " not found"));
@@ -25,5 +24,4 @@ var Icon2 = function Icon2(_ref) {
   return Ico ? /*#__PURE__*/_react.default.createElement(Ico, p) : null;
 };
 exports.Icon2 = Icon2;
-var _default = Icon2;
-exports.default = _default;
+var _default = exports.default = Icon2;