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

package/dist/components/StepsProgress/StepsProgress.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
 });
@@ -9,80 +8,68 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactRouterDom = require("react-router-dom");
 var _StepsProgress = require("./StepsProgress.styles");
 var _globalVariables = require("../../constants/globalVariables");
-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 StepsProgressSignup = function StepsProgressSignup(props) {
-  var navigate = (0, _reactRouterDom.useNavigate)();
-  var user = props.user;
-  var country = user.country,
-    kyc_status = user.kyc_status,
-    taxId = user.taxId,
-    _user$wallets = user.wallets,
-    wallets = _user$wallets === void 0 ? [] : _user$wallets;
-  var KYCNotDone = !kyc_status || kyc_status === 'Reaply' || kyc_status === 'Cancelled' || kyc_status === 'Draft';
-  var hasLiquidWallet = (wallets === null || wallets === void 0 ? void 0 : wallets.filter(function (wallet) {
-    return wallet.type === _globalVariables.walletTypes.LIQUID;
-  }).length) > 0;
-  var isActiveStep = function isActiveStep(path) {
-    return window.location.pathname.includes(path);
-  };
-  var items = [{
+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 StepsProgressSignup = props => {
+  let navigate = (0, _reactRouterDom.useNavigate)();
+  const {
+    user
+  } = props;
+  const {
+    country,
+    kyc_status,
+    taxId,
+    wallets = []
+  } = user;
+  const KYCNotDone = !kyc_status || kyc_status === 'Reaply' || kyc_status === 'Cancelled' || kyc_status === 'Draft';
+  const hasLiquidWallet = (wallets === null || wallets === void 0 ? void 0 : wallets.filter(wallet => wallet.type === _globalVariables.walletTypes.LIQUID).length) > 0;
+  const isActiveStep = path => window.location.pathname.includes(path);
+  const items = [{
     id: 'country',
-    handleClick: function handleClick() {
-      return navigate('/country-of-residence');
-    },
+    handleClick: () => navigate('/country-of-residence'),
     isDone: !!country,
     isActive: isActiveStep('/country-of-residence')
   }, {
     id: 'verify',
-    handleClick: function handleClick() {
-      return navigate('/verify-identity');
-    },
+    handleClick: () => navigate('/verify-identity'),
     isDone: !KYCNotDone,
     isActive: isActiveStep('/verify-identity')
   }, {
     id: 'taxId',
-    handleClick: function handleClick() {
-      return navigate('/taxid');
-    },
+    handleClick: () => navigate('/taxid'),
     isDone: !!taxId,
     isActive: isActiveStep('/taxid')
   }, {
     id: 'ampID',
-    handleClick: function handleClick() {
-      return navigate('/register-liquid-securities');
-    },
+    handleClick: () => navigate('/register-liquid-securities'),
     isDone: hasLiquidWallet,
     isActive: isActiveStep('/register-liquid-securities')
   }];
-  return /*#__PURE__*/_react.default.createElement(_StepsProgress.Container, null, /*#__PURE__*/_react.default.createElement(_StepsProgress.Wrap, null, /*#__PURE__*/_react.default.createElement(_StepsProgress.Items, null, items.map(function (item, key) {
-    return /*#__PURE__*/_react.default.createElement(_StepsProgress.Item, {
-      key: item.id,
-      isDone: item.isDone,
-      isActive: item.isActive,
-      onClick: function onClick() {
-        if (item.handleClick) {
-          item.handleClick(item.id);
-        }
+  return /*#__PURE__*/_react.default.createElement(_StepsProgress.Container, null, /*#__PURE__*/_react.default.createElement(_StepsProgress.Wrap, null, /*#__PURE__*/_react.default.createElement(_StepsProgress.Items, null, items.map((item, key) => /*#__PURE__*/_react.default.createElement(_StepsProgress.Item, {
+    key: item.id,
+    isDone: item.isDone,
+    isActive: item.isActive,
+    onClick: () => {
+      if (item.handleClick) {
+        item.handleClick(item.id);
       }
-    });
-  }))));
+    }
+  })))));
 };
 exports.StepsProgressSignup = StepsProgressSignup;
-var StepsProgressHeader = function StepsProgressHeader(_ref) {
-  var items = _ref.items,
-    doneIndex = _ref.doneIndex,
-    activeIndex = _ref.activeIndex;
-  return /*#__PURE__*/_react.default.createElement(_StepsProgress.Container, null, /*#__PURE__*/_react.default.createElement(_StepsProgress.Wrap, null, /*#__PURE__*/_react.default.createElement(_StepsProgress.Items, null, items === null || items === void 0 ? void 0 : items.map(function (item, key) {
-    return /*#__PURE__*/_react.default.createElement(_StepsProgress.Item, {
-      key: item.id,
-      isDone: key <= doneIndex,
-      isActive: key === activeIndex,
-      onClick: function onClick() {
-        item.handleClick && item.handleClick(item.id);
-      }
-    });
-  }))));
+const StepsProgressHeader = _ref => {
+  let {
+    items,
+    doneIndex,
+    activeIndex
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_StepsProgress.Container, null, /*#__PURE__*/_react.default.createElement(_StepsProgress.Wrap, null, /*#__PURE__*/_react.default.createElement(_StepsProgress.Items, null, items === null || items === void 0 ? void 0 : items.map((item, key) => /*#__PURE__*/_react.default.createElement(_StepsProgress.Item, {
+    key: item.id,
+    isDone: key <= doneIndex,
+    isActive: key === activeIndex,
+    onClick: () => {
+      item.handleClick && item.handleClick(item.id);
+    }
+  })))));
 };
 
 // StepsProgress.propTypes = {
@@ -92,5 +79,4 @@ exports.StepsProgressHeader = StepsProgressHeader;
 StepsProgressSignup.defaultProps = {
   user: {}
 };
-var _default = StepsProgressSignup;
-exports.default = _default;
+var _default = exports.default = StepsProgressSignup;

package/dist/components/StepsProgress/StepsProgress.stories.js

@@ -8,44 +8,42 @@ var _react = _interopRequireDefault(require("react"));
 var _StepsProgress = require("./StepsProgress");
 var _AuthContext = require("../../context/AuthContext");
 var _reactRouterDom = require("react-router-dom");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //import { withKnobs, select, boolean, array } from '@storybook/addon-knobs'
-var _default = {
+var _default = exports.default = {
   title: 'Components Library/Steps Progress',
   component: _StepsProgress.StepsProgress
   //decorators: [withKnobs],
 }; //maybe change to args
-exports.default = _default;
-var stepsProgress = function stepsProgress() {
-  return /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_AuthContext.AuthProvider, null, /*#__PURE__*/_react.default.createElement(_StepsProgress.StepsProgress, {
-    user: {
-      //country: select('country', ['', 'Austria', 'Brazil']),
-      // kyc_status: select('kyc_status', [
-      //   '',
-      //   'Draft',
-      //   'Pending',
-      //   'Approved',
-      //   'Accepted',
-      //   'Rejected',
-      //   'Denied',
-      //   'Escalated',
-      //   'In progress',
-      //   'Reapply',
-      // ]),
-      // KYCDocuments: {
-      //   status: select('KYCDocuments', [
-      //     '',
-      //     'Pending',
-      //     'Approved',
-      //     'Rejected',
-      //   ]),
-      // },
-      // entity_name: select('entity_name', ['', 'Some entity name']),
-      // investor_eth_addresses: array('investor_eth_addresses', []),
-      // is_risk_questionnaire_finished: boolean(
-      //   'is_risk_questionnaire_finished',
-      // ),
-    }
-  })));
-};
+
+const stepsProgress = () => /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_AuthContext.AuthProvider, null, /*#__PURE__*/_react.default.createElement(_StepsProgress.StepsProgress, {
+  user: {
+    //country: select('country', ['', 'Austria', 'Brazil']),
+    // kyc_status: select('kyc_status', [
+    //   '',
+    //   'Draft',
+    //   'Pending',
+    //   'Approved',
+    //   'Accepted',
+    //   'Rejected',
+    //   'Denied',
+    //   'Escalated',
+    //   'In progress',
+    //   'Reapply',
+    // ]),
+    // KYCDocuments: {
+    //   status: select('KYCDocuments', [
+    //     '',
+    //     'Pending',
+    //     'Approved',
+    //     'Rejected',
+    //   ]),
+    // },
+    // entity_name: select('entity_name', ['', 'Some entity name']),
+    // investor_eth_addresses: array('investor_eth_addresses', []),
+    // is_risk_questionnaire_finished: boolean(
+    //   'is_risk_questionnaire_finished',
+    // ),
+  }
+})));
 exports.stepsProgress = stepsProgress;

package/dist/components/StepsProgress/StepsProgress.styles.js

@@ -8,29 +8,21 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _rwd = _interopRequireDefault(require("../../styles/rwd"));
 var _colors = _interopRequireDefault(require("../../styles/colors"));
 var _templateObject, _templateObject2;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Container = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+const Container = exports.Container = _styledComponents.default.div.withConfig({
   displayName: "StepsProgressstyles__Container",
   componentId: "sc-1gnllve-0"
 })(["display:block;width:100%;height:100%;"]);
-exports.Container = Container;
-var Wrap = _styledComponents.default.div.withConfig({
+const Wrap = exports.Wrap = _styledComponents.default.div.withConfig({
   displayName: "StepsProgressstyles__Wrap",
   componentId: "sc-1gnllve-1"
 })(["display:block;margin:0 auto;"]);
-exports.Wrap = Wrap;
-var Items = _styledComponents.default.div.withConfig({
+const Items = exports.Items = _styledComponents.default.div.withConfig({
   displayName: "StepsProgressstyles__Items",
   componentId: "sc-1gnllve-2"
 })(["display:flex;height:100%;font-size:0;flex-direction:row;flex-wrap:nowrap;justify-content:center;margin:0 -6px;text-align:center;", ""], _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: block;\n  "]))));
-exports.Items = Items;
-var Item = _styledComponents.default.button.withConfig({
+const Item = exports.Item = _styledComponents.default.button.withConfig({
   displayName: "StepsProgressstyles__Item",
   componentId: "sc-1gnllve-3"
-})(["position:relative;display:inline-block;vertical-align:middle;padding:0;flex:1;margin:0 4px;height:32px;max-width:32px;cursor:pointer;&:before{z-index:0;content:'';display:block;width:100%;height:4px;position:absolute;top:14px;left:0;border-radius:3px;box-shadow:inset 0 1px 3px 0 rgba(0,0,0,0.05);background-color:", ";}&:after{z-index:1;content:'';display:block;width:100%;height:4px;position:absolute;top:14px;left:0;border-radius:3px;background-color:transparent;transition:background-color 0.2s;}&:focus{outline:none;}&:hover:after{background-color:", ";}", " ", " ", ""], _colors.default.lightGrey, _colors.default.black, function (props) {
-  return props.isDone && "\n    &:after {\n      background-color: ".concat(_colors.default.progressGreen, ";\n    }\n\n    &:hover:after {\n      background-color: ").concat(_colors.default.black, ";\n    }\n  ");
-}, function (props) {
-  return props.isActive && "\n    &:after {\n      background-color: ".concat(_colors.default.grey2, ";\n    }\n\n    &:hover:after {\n      background-color: ").concat(_colors.default.black, ";\n    }\n  ");
-}, _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: 32px;\n  "]))));
-exports.Item = Item;
+})(["position:relative;display:inline-block;vertical-align:middle;padding:0;flex:1;margin:0 4px;height:32px;max-width:32px;cursor:pointer;&:before{z-index:0;content:'';display:block;width:100%;height:4px;position:absolute;top:14px;left:0;border-radius:3px;box-shadow:inset 0 1px 3px 0 rgba(0,0,0,0.05);background-color:", ";}&:after{z-index:1;content:'';display:block;width:100%;height:4px;position:absolute;top:14px;left:0;border-radius:3px;background-color:transparent;transition:background-color 0.2s;}&:focus{outline:none;}&:hover:after{background-color:", ";}", " ", " ", ""], _colors.default.lightGrey, _colors.default.black, props => props.isDone && "\n    &:after {\n      background-color: ".concat(_colors.default.progressGreen, ";\n    }\n\n    &:hover:after {\n      background-color: ").concat(_colors.default.black, ";\n    }\n  "), props => props.isActive && "\n    &:after {\n      background-color: ".concat(_colors.default.grey2, ";\n    }\n\n    &:hover:after {\n      background-color: ").concat(_colors.default.black, ";\n    }\n  "), _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: 32px;\n  "]))));

package/dist/components/StokrLoader/StokrLoader.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
 });
@@ -11,24 +10,24 @@ var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _media = _interopRequireDefault(require("./media"));
 var _templateObject, _templateObject2, _templateObject3;
-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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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 _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 // Render a new image everytime, avoiding jump on the spinning
-var loaderGif = "https://res.cloudinary.com/stokr/image/upload/f_auto,q_auto/v1575035788/Static/stokr_loader_white_400x400_egnhgb.gif?a=".concat(Math.random());
-exports.loaderGif = loaderGif;
-var CenterFullWidth = _styledComponents.default.div.withConfig({
+const loaderGif = exports.loaderGif = "https://res.cloudinary.com/stokr/image/upload/f_auto,q_auto/v1575035788/Static/stokr_loader_white_400x400_egnhgb.gif?a=".concat(Math.random());
+const CenterFullWidth = _styledComponents.default.div.withConfig({
   displayName: "StokrLoader__CenterFullWidth",
   componentId: "sc-1chowhw-0"
 })(["width:100%;height:100%;display:flex;align-items:center;justify-content:center;"]);
 function StokrLoader() {
-  var fadeIn = (0, _styledComponents.keyframes)(["0%{opacity:0;}60%{opacity:1;}100%{opacity:1;}"]);
-  var StyledStokrLoader = _styledComponents.default.div.withConfig({
+  const fadeIn = (0, _styledComponents.keyframes)(["0%{opacity:0;}60%{opacity:1;}100%{opacity:1;}"]);
+  const StyledStokrLoader = _styledComponents.default.div.withConfig({
     displayName: "StokrLoader__StyledStokrLoader",
     componentId: "sc-1chowhw-1"
-  })(["align-items:center;animation:", " 1.8s ease-in-out forwards;background:rgb(254,254,254);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000;", " ", ";", ";", ";"], fadeIn, function (_ref) {
-    var noFullscreen = _ref.noFullscreen;
+  })(["align-items:center;animation:", " 1.8s ease-in-out forwards;background:rgb(254,254,254);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000;", " ", ";", ";", ";"], fadeIn, _ref => {
+    let {
+      noFullscreen
+    } = _ref;
     return noFullscreen && "\n      height: calc(100vh - 97px);\n      bottom: 0;\n      top: unset;\n    ";
   }, _media.default.mobileS(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    img {\n      height: 15rem;\n      width: 15rem;\n    }\n  "]))), _media.default.mobile(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    img {\n      height: 18rem;\n      width: 18rem;\n    }\n  "]))), _media.default.tablet(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    img {\n      height: 30rem;\n      width: 30rem;\n    }\n  "]))));
   return /*#__PURE__*/_react.default.createElement(StyledStokrLoader, null, /*#__PURE__*/_react.default.createElement("img", {
@@ -36,8 +35,10 @@ function StokrLoader() {
     alt: "\xA0"
   }));
 }
-var StokrLoaderBox = function StokrLoaderBox(_ref2) {
-  var noFullscreen = _ref2.noFullscreen;
+const StokrLoaderBox = _ref2 => {
+  let {
+    noFullscreen
+  } = _ref2;
   return /*#__PURE__*/_react.default.createElement(CenterFullWidth, {
     noFullscreen: noFullscreen
   }, /*#__PURE__*/_react.default.createElement("img", {
@@ -46,15 +47,12 @@ var StokrLoaderBox = function StokrLoaderBox(_ref2) {
   }));
 };
 exports.StokrLoaderBox = StokrLoaderBox;
-var fadeInOut = (0, _styledComponents.keyframes)(["50%{color:transparent;}"]);
-var AnimatedSpan = _styledComponents.default.div.withConfig({
+const fadeInOut = (0, _styledComponents.keyframes)(["50%{color:transparent;}"]);
+const AnimatedSpan = exports.AnimatedSpan = _styledComponents.default.div.withConfig({
   displayName: "StokrLoader__AnimatedSpan",
   componentId: "sc-1chowhw-2"
-})(["margin:0;display:inline-block;span{animation:", " 1s infinite;font-size:", "px;}span[data-order='1']{animation-delay:250ms;}span[data-order='2']{animation-delay:500ms;}"], fadeInOut, function (props) {
-  return props.fontSize || 20;
-});
-exports.AnimatedSpan = AnimatedSpan;
-var LoadingDots = function LoadingDots(props) {
+})(["margin:0;display:inline-block;span{animation:", " 1s infinite;font-size:", "px;}span[data-order='1']{animation-delay:250ms;}span[data-order='2']{animation-delay:500ms;}"], fadeInOut, props => props.fontSize || 20);
+const LoadingDots = props => {
   return /*#__PURE__*/_react.default.createElement(AnimatedSpan, props, /*#__PURE__*/_react.default.createElement("span", {
     "data-order": "0"
   }, "."), /*#__PURE__*/_react.default.createElement("span", {
@@ -64,5 +62,4 @@ var LoadingDots = function LoadingDots(props) {
   }, "."));
 };
 exports.LoadingDots = LoadingDots;
-var _default = StokrLoader;
-exports.default = _default;
+var _default = exports.default = StokrLoader;

package/dist/components/StokrLoader/media.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.sizes = exports.default = void 0;
 var _styledComponents = require("styled-components");
 // https://github.com/Semantic-Org/Semantic-UI/blob/master/src/themes/default/globals/site.variables
-var sizes = {
+const sizes = exports.sizes = {
   widescreen: 1920,
   default: 1440,
   large: 1200,
@@ -15,13 +15,11 @@ var sizes = {
   mobile: 375,
   mobileS: 320
 };
-exports.sizes = sizes;
-var media = Object.keys(sizes).reduce(function (accumulator, label) {
-  var emSize = sizes[label] / 16;
+const media = Object.keys(sizes).reduce((accumulator, label) => {
+  const emSize = sizes[label] / 16;
   accumulator[label] = function () {
-    return (0, _styledComponents.css)(["@media (min-width:", "em){", ";}"], emSize, _styledComponents.css.apply(void 0, arguments));
+    return (0, _styledComponents.css)(["@media (min-width:", "em){", ";}"], emSize, (0, _styledComponents.css)(...arguments));
   };
   return accumulator;
 }, {});
-var _default = media;
-exports.default = _default;
+var _default = exports.default = media;

package/dist/components/SvgIcons/AdminBadgeSvg.js

@@ -5,22 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var AdminBadgeSvg = function AdminBadgeSvg() {
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 15.475 19.243",
-    width: "15.475",
-    height: "19.243",
-    style: {
-      width: '16px',
-      height: '20px'
-    }
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    transform: "translate(-27 -21.8)",
-    d: "M34.737,21.8A12.061,12.061,0,0,1,27,24.895V35.021a10.318,10.318,0,0,0,6.627,5.719l1.11.3,1.11-.336a10.139,10.139,0,0,0,6.627-5.719V24.895A12.242,12.242,0,0,1,34.737,21.8Zm2.489,13.288-2.489-1.312-2.489,1.312.471-2.792L30.7,30.311l2.792-.4,1.245-2.523,1.245,2.523,2.792.4L36.756,32.3Z"
-  }));
-};
-var _default = AdminBadgeSvg;
-exports.default = _default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AdminBadgeSvg = () => /*#__PURE__*/_react.default.createElement("svg", {
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 15.475 19.243",
+  width: "15.475",
+  height: "19.243",
+  style: {
+    width: '16px',
+    height: '20px'
+  }
+}, /*#__PURE__*/_react.default.createElement("path", {
+  transform: "translate(-27 -21.8)",
+  d: "M34.737,21.8A12.061,12.061,0,0,1,27,24.895V35.021a10.318,10.318,0,0,0,6.627,5.719l1.11.3,1.11-.336a10.139,10.139,0,0,0,6.627-5.719V24.895A12.242,12.242,0,0,1,34.737,21.8Zm2.489,13.288-2.489-1.312-2.489,1.312.471-2.792L30.7,30.311l2.792-.4,1.245-2.523,1.245,2.523,2.792.4L36.756,32.3Z"
+}));
+var _default = exports.default = AdminBadgeSvg;

package/dist/components/SvgIcons/CameraSvg.js

@@ -5,32 +5,29 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var CameraSvg = function CameraSvg() {
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "52",
-    height: "52"
-  }, /*#__PURE__*/_react.default.createElement("g", {
-    "data-name": "Group 5"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    "data-name": "Stroke 1",
-    d: "M50 26A24 24 0 1 1 26 2a24 24 0 0 1 24 24z",
-    fill: "none",
-    stroke: "#9b9b9b",
-    strokeMiterlimit: "10",
-    strokeWidth: "4"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    "data-name": "Stroke 3",
-    d: "M35 26a9 9 0 1 1-9-9 9 9 0 0 1 9 9z",
-    fill: "none",
-    stroke: "#9b9b9b",
-    strokeMiterlimit: "10",
-    strokeWidth: "4"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    fill: "#fff",
-    d: "M14 12h12v13H14z"
-  })));
-};
-var _default = CameraSvg;
-exports.default = _default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CameraSvg = () => /*#__PURE__*/_react.default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "52",
+  height: "52"
+}, /*#__PURE__*/_react.default.createElement("g", {
+  "data-name": "Group 5"
+}, /*#__PURE__*/_react.default.createElement("path", {
+  "data-name": "Stroke 1",
+  d: "M50 26A24 24 0 1 1 26 2a24 24 0 0 1 24 24z",
+  fill: "none",
+  stroke: "#9b9b9b",
+  strokeMiterlimit: "10",
+  strokeWidth: "4"
+}), /*#__PURE__*/_react.default.createElement("path", {
+  "data-name": "Stroke 3",
+  d: "M35 26a9 9 0 1 1-9-9 9 9 0 0 1 9 9z",
+  fill: "none",
+  stroke: "#9b9b9b",
+  strokeMiterlimit: "10",
+  strokeWidth: "4"
+}), /*#__PURE__*/_react.default.createElement("path", {
+  fill: "#fff",
+  d: "M14 12h12v13H14z"
+})));
+var _default = exports.default = CameraSvg;

package/dist/components/SvgIcons/CapsLockSvg.js

@@ -5,27 +5,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var CapsLockSvg = function CapsLockSvg() {
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "6.843",
-    height: "8.904",
-    viewBox: "0 0 6.843 8.904",
-    style: {
-      width: '7px',
-      height: '9px'
-    }
-  }, /*#__PURE__*/_react.default.createElement("g", {
-    transform: "translate(-.081 -.087)"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    transform: "translate(1.778 7.699)",
-    d: "M3.159,0H.286A.288.288,0,0,0,0,.276v.74a.289.289,0,0,0,.286.276H3.159a.288.288,0,0,0,.286-.276V.276A.288.288,0,0,0,3.159,0Z"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    transform: "translate(.081 .087)",
-    d: "M6.79,3.549,3.649.1a.315.315,0,0,0-.461,0L.048,3.549a.221.221,0,0,0,.175.356H1.7V6.222a.289.289,0,0,0,.286.276H4.855a.288.288,0,0,0,.286-.276V3.905H6.615A.216.216,0,0,0,6.79,3.549Z"
-  })));
-};
-var _default = CapsLockSvg;
-exports.default = _default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CapsLockSvg = () => /*#__PURE__*/_react.default.createElement("svg", {
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "6.843",
+  height: "8.904",
+  viewBox: "0 0 6.843 8.904",
+  style: {
+    width: '7px',
+    height: '9px'
+  }
+}, /*#__PURE__*/_react.default.createElement("g", {
+  transform: "translate(-.081 -.087)"
+}, /*#__PURE__*/_react.default.createElement("path", {
+  transform: "translate(1.778 7.699)",
+  d: "M3.159,0H.286A.288.288,0,0,0,0,.276v.74a.289.289,0,0,0,.286.276H3.159a.288.288,0,0,0,.286-.276V.276A.288.288,0,0,0,3.159,0Z"
+}), /*#__PURE__*/_react.default.createElement("path", {
+  transform: "translate(.081 .087)",
+  d: "M6.79,3.549,3.649.1a.315.315,0,0,0-.461,0L.048,3.549a.221.221,0,0,0,.175.356H1.7V6.222a.289.289,0,0,0,.286.276H4.855a.288.288,0,0,0,.286-.276V3.905H6.615A.216.216,0,0,0,6.79,3.549Z"
+})));
+var _default = exports.default = CapsLockSvg;

package/dist/components/SvgIcons/DocumentBackSvg.js

@@ -5,31 +5,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var DocumentBackSvg = function DocumentBackSvg() {
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "102.307",
-    height: "62.607"
-  }, /*#__PURE__*/_react.default.createElement("g", {
-    "data-name": "Card Illustration",
-    fill: "none",
-    stroke: "#9b9b9b",
-    strokeMiterlimit: "10",
-    strokeWidth: "3"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    "data-name": "Stroke 7",
-    d: "M89.346 61.107H12.074A10.547 10.547 0 0 1 1.5 50.589V12.018A10.547 10.547 0 0 1 12.074 1.5h77.272a10.547 10.547 0 0 1 10.575 10.518v38.571a10.547 10.547 0 0 1-10.575 10.518z"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    "data-name": "Stroke 13",
-    d: "M10.51 42.74h77.628"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    "data-name": "Stroke 15",
-    d: "M10.51 49.671h77.628"
-  })), /*#__PURE__*/_react.default.createElement("path", {
-    fill: "#fff",
-    d: "M96.762 13.976h5.545v13.169h-5.545z"
-  }));
-};
-var _default = DocumentBackSvg;
-exports.default = _default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DocumentBackSvg = () => /*#__PURE__*/_react.default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "102.307",
+  height: "62.607"
+}, /*#__PURE__*/_react.default.createElement("g", {
+  "data-name": "Card Illustration",
+  fill: "none",
+  stroke: "#9b9b9b",
+  strokeMiterlimit: "10",
+  strokeWidth: "3"
+}, /*#__PURE__*/_react.default.createElement("path", {
+  "data-name": "Stroke 7",
+  d: "M89.346 61.107H12.074A10.547 10.547 0 0 1 1.5 50.589V12.018A10.547 10.547 0 0 1 12.074 1.5h77.272a10.547 10.547 0 0 1 10.575 10.518v38.571a10.547 10.547 0 0 1-10.575 10.518z"
+}), /*#__PURE__*/_react.default.createElement("path", {
+  "data-name": "Stroke 13",
+  d: "M10.51 42.74h77.628"
+}), /*#__PURE__*/_react.default.createElement("path", {
+  "data-name": "Stroke 15",
+  d: "M10.51 49.671h77.628"
+})), /*#__PURE__*/_react.default.createElement("path", {
+  fill: "#fff",
+  d: "M96.762 13.976h5.545v13.169h-5.545z"
+}));
+var _default = exports.default = DocumentBackSvg;