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

package/dist/components/SvgIcons/index.js

@@ -5,187 +5,187 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "AdminBadgeSvg", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _AdminBadgeSvg.default;
   }
 });
 Object.defineProperty(exports, "CameraSvg", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _CameraSvg.default;
   }
 });
 Object.defineProperty(exports, "CapsLockSvg", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _CapsLockSvg.default;
   }
 });
 Object.defineProperty(exports, "DocumentBackSvg", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DocumentBackSvg.default;
   }
 });
 Object.defineProperty(exports, "DocumentSmallSvg", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DocumentSmallSvg.default;
   }
 });
 Object.defineProperty(exports, "DocumentSvg", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DocumentSvg.default;
   }
 });
 Object.defineProperty(exports, "EthSvg", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _EthSvg.default;
   }
 });
 Object.defineProperty(exports, "EurSvg", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _EurSvg.default;
   }
 });
 Object.defineProperty(exports, "FaceScanIconSvg", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FaceScanIconSvg.default;
   }
 });
 Object.defineProperty(exports, "FourSvg", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FourSvg.default;
   }
 });
 Object.defineProperty(exports, "Glassess", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Glassess.default;
   }
 });
 Object.defineProperty(exports, "LogoSvg", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _LogoSvg.default;
   }
 });
 Object.defineProperty(exports, "OneSvg", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _OneSvg.default;
   }
 });
 Object.defineProperty(exports, "PassportSvg", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _PassportSvg.default;
   }
 });
 Object.defineProperty(exports, "RefreshSvg", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _RefreshSvg.default;
   }
 });
 Object.defineProperty(exports, "SocialFacebook", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SocialFacebook.default;
   }
 });
 Object.defineProperty(exports, "SocialInstagram", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SocialInstagram.default;
   }
 });
 Object.defineProperty(exports, "SocialLinkedIn", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SocialLinkedIn.default;
   }
 });
 Object.defineProperty(exports, "SocialMedium", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SocialMedium.default;
   }
 });
 Object.defineProperty(exports, "SocialReddit", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SocialReddit.default;
   }
 });
 Object.defineProperty(exports, "SocialTelegram", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SocialTelegram.default;
   }
 });
 Object.defineProperty(exports, "SocialTwitter", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SocialTwitter.default;
   }
 });
 Object.defineProperty(exports, "SocialYoutube", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SocialYoutube.default;
   }
 });
 Object.defineProperty(exports, "ThreeSvg", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ThreeSvg.default;
   }
 });
 Object.defineProperty(exports, "TwoSidedDocumentSvg", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _TwoSidedDocumentSvg.default;
   }
 });
 Object.defineProperty(exports, "TwoSvg", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _TwoSvg.default;
   }
 });
 Object.defineProperty(exports, "UpdateDefaultSvg", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _UpdateDefaultSvg.default;
   }
 });
 Object.defineProperty(exports, "UpdateHardSvg", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _UpdateHardSvg.default;
   }
 });
 Object.defineProperty(exports, "UpdateSoftSvg", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _UpdateSoftSvg.default;
   }
 });
 Object.defineProperty(exports, "UploadSvg", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _UploadSvg.default;
   }
 });
 Object.defineProperty(exports, "VerifiedBadge", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _VerifiedBadge.default;
   }
 });
@@ -220,4 +220,4 @@ var _SocialYoutube = _interopRequireDefault(require("./SocialYoutube"));
 var _UpdateDefaultSvg = _interopRequireDefault(require("./UpdateDefaultSvg"));
 var _UpdateSoftSvg = _interopRequireDefault(require("./UpdateSoftSvg"));
 var _UpdateHardSvg = _interopRequireDefault(require("./UpdateHardSvg"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/components/Switch/Switch.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,39 +7,31 @@ exports.default = exports.Switch = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Switch = require("./Switch.styles");
-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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var Switch = function Switch(props) {
-  var value1 = props.value1,
-    value2 = props.value2,
-    handleChange = props.handleChange,
-    mobile = props.mobile,
-    dark = props.dark,
-    revertToPrevious = props.revertToPrevious,
-    value1Color = props.value1Color,
-    value2Color = props.value2Color,
-    hideValues = props.hideValues,
-    indicatorStyle = props.indicatorStyle;
-  var _useState = (0, _react.useState)(),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  (0, _react.useEffect)(function () {
+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 Switch = props => {
+  const {
+    value1,
+    value2,
+    handleChange,
+    mobile,
+    dark,
+    revertToPrevious,
+    value1Color,
+    value2Color,
+    hideValues,
+    indicatorStyle
+  } = props;
+  const [value, setValue] = (0, _react.useState)();
+  (0, _react.useEffect)(() => {
     setValue(props.value);
   }, [props.value]);
-  var onIndicatorClick = function onIndicatorClick() {
-    var valueToSet = value === value1 ? value2 : value1;
+  const onIndicatorClick = () => {
+    let valueToSet = value === value1 ? value2 : value1;
     setValue(valueToSet);
     handleChange(valueToSet);
     if (revertToPrevious) {
-      setTimeout(function () {
+      setTimeout(() => {
         setValue(value);
         //handleChange(value)
       }, 1000);
@@ -50,9 +41,7 @@ var Switch = function Switch(props) {
     mobile: mobile
   }, !hideValues && /*#__PURE__*/_react.default.createElement(_Switch.Value, {
     active: value === value1,
-    onClick: function onClick() {
-      return setValue(value1);
-    },
+    onClick: () => setValue(value1),
     dark: dark
   }, value1), /*#__PURE__*/_react.default.createElement(_Switch.Indicator, {
     value1: value === value1,
@@ -64,9 +53,7 @@ var Switch = function Switch(props) {
     value2Color: value2Color
   }), !hideValues && /*#__PURE__*/_react.default.createElement(_Switch.Value, {
     active: value === value2,
-    onClick: function onClick() {
-      return setValue(value2);
-    },
+    onClick: () => setValue(value2),
     dark: dark
   }, value2));
 };
@@ -86,5 +73,4 @@ Switch.defaultProps = {
   dark: false,
   hideValues: false
 };
-var _default = Switch;
-exports.default = _default;
+var _default = exports.default = Switch;

package/dist/components/Switch/Switch.stories.js

@@ -7,10 +7,10 @@ exports.default = exports.SwitchMobile = exports.SwitchDefault = exports.SwitchD
 var _react = _interopRequireDefault(require("react"));
 var _Switch = _interopRequireDefault(require("./Switch"));
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-var _addonViewport = require("@storybook/addon-viewport");
+var _viewport = require("storybook/viewport");
 var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Components Library/Switch',
   component: _Switch.default,
   argTypes: {
@@ -42,7 +42,7 @@ var _default = {
   },
   parameters: {
     viewport: {
-      viewports: _addonViewport.INITIAL_VIEWPORTS,
+      viewports: _viewport.INITIAL_VIEWPORTS,
       defaultViewport: 'reset viewport'
     },
     backgrounds: {
@@ -50,15 +50,10 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_Switch.default, args)));
-};
-var SwitchDefault = Template.bind({});
-exports.SwitchDefault = SwitchDefault;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_Switch.default, args)));
+const SwitchDefault = exports.SwitchDefault = Template.bind({});
 SwitchDefault.args = {};
-var SwitchDark = Template.bind({});
-exports.SwitchDark = SwitchDark;
+const SwitchDark = exports.SwitchDark = Template.bind({});
 SwitchDark.args = {
   value: 'Initial Value',
   value1: 'Click on Value 1',
@@ -70,8 +65,7 @@ SwitchDark.parameters = {
     default: 'black'
   }
 };
-var SwitchMobile = Template.bind({});
-exports.SwitchMobile = SwitchMobile;
+const SwitchMobile = exports.SwitchMobile = Template.bind({});
 SwitchMobile.args = {
   value: 'Initial Value',
   value1: 'Click on Value 1',

package/dist/components/Switch/Switch.styles.js

@@ -6,42 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.Value = exports.Indicator = exports.Container = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var switchWidth = 34;
-var Container = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const switchWidth = 34;
+const Container = exports.Container = _styledComponents.default.div.withConfig({
   displayName: "Switchstyles__Container",
   componentId: "sc-1tkcx5j-0"
-})(["display:inline-block;vertical-align:middle;position:relative;font-size:0;text-align:center;", ""], function (props) {
-  return props.mobile && "\n    display: block;\n    margin: 0;\n    padding: 18px 0;\n  ";
-});
-exports.Container = Container;
-var Value = _styledComponents.default.div.withConfig({
+})(["display:inline-block;vertical-align:middle;position:relative;font-size:0;text-align:center;", ""], props => props.mobile && "\n    display: block;\n    margin: 0;\n    padding: 18px 0;\n  ");
+const Value = exports.Value = _styledComponents.default.div.withConfig({
   displayName: "Switchstyles__Value",
   componentId: "sc-1tkcx5j-1"
-})(["display:inline-block;vertical-align:middle;font-size:11px;line-height:16px;letter-spacing:2px;text-transform:uppercase;padding:2px 0;opacity:0.5;color:", ";transition:opacity 0.2s,color 0.2s;cursor:pointer;&:hover{color:", ";}", " ", ";"], function (props) {
-  return _theme.default.cBlack;
-}, function (props) {
-  return _theme.default.cPrimary;
-}, function (props) {
-  return props.active && "\n    opacity: 1;\n  ";
-}, function (props) {
-  return props.dark && "\n    color: ".concat(_theme.default.cPrimary, ";\n\n    &:hover {\n      color: ").concat(_theme.default.cBlack, ";\n    }\n  ");
-});
-exports.Value = Value;
-var Indicator = _styledComponents.default.button.withConfig({
+})(["display:inline-block;vertical-align:middle;font-size:11px;line-height:16px;letter-spacing:2px;text-transform:uppercase;padding:2px 0;opacity:0.5;color:", ";transition:opacity 0.2s,color 0.2s;cursor:pointer;&:hover{color:", ";}", " ", ";"], props => _theme.default.cBlack, props => _theme.default.cPrimary, props => props.active && "\n    opacity: 1;\n  ", props => props.dark && "\n    color: ".concat(_theme.default.cPrimary, ";\n\n    &:hover {\n      color: ").concat(_theme.default.cBlack, ";\n    }\n  "));
+const Indicator = exports.Indicator = _styledComponents.default.button.withConfig({
   displayName: "Switchstyles__Indicator",
   componentId: "sc-1tkcx5j-2"
-})(["display:inline-block;vertical-align:middle;width:", "px;height:16px;border-radius:8px;background-color:", ";margin:0 16px;position:relative;outline:0;cursor:pointer;&:before{content:'';display:block;width:18px;height:18px;position:absolute;top:50%;left:50%;margin-top:-9px;margin-left:-9px;border-radius:9px;background-color:", ";transform:translateX(0);transition:transform 0.2s,background-color 0.2s;}&:hover{&:before{background-color:", ";}}", " ", " ", ""], switchWidth, function (props) {
-  return _theme.default.cGrey;
-}, function (props) {
-  return _theme.default.cBlack;
-}, function (props) {
-  return _theme.default.cPrimary;
-}, function (props) {
-  return props.dark && "\n    background-color: ".concat(_theme.default.cGrey2, ";\n\n    &:before {\n      background-color: ").concat(_theme.default.cPrimary, ";\n    }\n\n    &:hover {\n      &:before {\n        background-color: ").concat(_theme.default.cBlack, ";\n      }\n    }\n  ");
-}, function (props) {
-  return props.value1 && "\n    &:before {\n      transform: translateX(-".concat(switchWidth / 2 - 8, "px);\n    }\n    ").concat(props.value1Color && "\n       background-color: ".concat(props.value1Color, ";\n    "), "\n  ");
-}, function (props) {
-  return props.value2 && "\n    &:before {\n      transform: translateX(".concat(switchWidth / 2 - 8, "px);\n    }\n    ").concat(props.value2Color && "\n       background-color: ".concat(props.value2Color, ";\n    "), "\n  ");
-});
-exports.Indicator = Indicator;
+})(["display:inline-block;vertical-align:middle;width:", "px;height:16px;border-radius:8px;background-color:", ";margin:0 16px;position:relative;outline:0;cursor:pointer;&:before{content:'';display:block;width:18px;height:18px;position:absolute;top:50%;left:50%;margin-top:-9px;margin-left:-9px;border-radius:9px;background-color:", ";transform:translateX(0);transition:transform 0.2s,background-color 0.2s;}&:hover{&:before{background-color:", ";}}", " ", " ", ""], switchWidth, props => _theme.default.cGrey, props => _theme.default.cBlack, props => _theme.default.cPrimary, props => props.dark && "\n    background-color: ".concat(_theme.default.cGrey2, ";\n\n    &:before {\n      background-color: ").concat(_theme.default.cPrimary, ";\n    }\n\n    &:hover {\n      &:before {\n        background-color: ").concat(_theme.default.cBlack, ";\n      }\n    }\n  "), props => props.value1 && "\n    &:before {\n      transform: translateX(-".concat(switchWidth / 2 - 8, "px);\n    }\n    ").concat(props.value1Color && "\n       background-color: ".concat(props.value1Color, ";\n    "), "\n  "), props => props.value2 && "\n    &:before {\n      transform: translateX(".concat(switchWidth / 2 - 8, "px);\n    }\n    ").concat(props.value2Color && "\n       background-color: ".concat(props.value2Color, ";\n    "), "\n  "));

package/dist/components/Tabs/Tabs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Tab", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Tabs.Tab;
   }
 });
@@ -14,15 +14,14 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactTransitionGroup = require("react-transition-group");
 var _Tabs = require("./Tabs.styles");
-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); }
-var timeout = 300;
-var getTransitionStyles = {
+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 timeout = 300;
+const getTransitionStyles = {
   entering: {
     position: 'absolute',
     opacity: 0
@@ -36,12 +35,14 @@ var getTransitionStyles = {
     opacity: 0
   }
 };
-var Tabs = function Tabs(_ref) {
-  var children = _ref.children,
-    activeTab = _ref.activeTab;
+const Tabs = _ref => {
+  let {
+    children,
+    activeTab
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, {
     component: _Tabs.StyledTabs
-  }, _react.default.Children.map(children, function (child) {
+  }, _react.default.Children.map(children, child => {
     if (child.props.tabId !== activeTab || ! /*#__PURE__*/_react.default.isValidElement(child)) return null;
     return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
       key: child.props.tabId,
@@ -49,13 +50,11 @@ var Tabs = function Tabs(_ref) {
         enter: timeout,
         exit: timeout
       }
-    }, function (status) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        style: _objectSpread({
-          height: '100%'
-        }, getTransitionStyles[status])
-      }, child);
-    });
+    }, status => /*#__PURE__*/_react.default.createElement("div", {
+      style: _objectSpread({
+        height: '100%'
+      }, getTransitionStyles[status])
+    }, child));
   }));
 };
 exports.Tabs = Tabs;
@@ -66,5 +65,4 @@ Tabs.propTypes = {
 Tabs.defaultProps = {
   activeTab: 0
 };
-var _default = Tabs;
-exports.default = _default;
+var _default = exports.default = Tabs;

package/dist/components/Tabs/Tabs.stories.js

@@ -9,8 +9,8 @@ var _Tabs = _interopRequireDefault(require("./Tabs"));
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 var _Number = require("../Number/Number");
 var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Components Library/Tabs/Tabs',
   component: _Tabs.default,
   argTypes: {
@@ -25,12 +25,8 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_Tabs.default, args)));
-};
-var TabsExample = Template.bind({});
-exports.TabsExample = TabsExample;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_Tabs.default, args)));
+const TabsExample = exports.TabsExample = Template.bind({});
 TabsExample.args = {
   children: [/*#__PURE__*/_react.default.createElement(_Number.Number, null), /*#__PURE__*/_react.default.createElement(_Number.Number, null), /*#__PURE__*/_react.default.createElement(_Number.Number, null)],
   activeTab: 3

package/dist/components/Tabs/Tabs.styles.js

@@ -5,14 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Tab = exports.StyledTabs = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var StyledTabs = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StyledTabs = exports.StyledTabs = _styledComponents.default.div.withConfig({
   displayName: "Tabsstyles__StyledTabs",
   componentId: "sc-gc1wc-0"
 })(["position:relative;width:100%;"]);
-exports.StyledTabs = StyledTabs;
-var Tab = _styledComponents.default.div.withConfig({
+const Tab = exports.Tab = _styledComponents.default.div.withConfig({
   displayName: "Tabsstyles__Tab",
   componentId: "sc-gc1wc-1"
-})(["position:relative;top:0;left:0;width:100%;"]);
-exports.Tab = Tab;
+})(["position:relative;top:0;left:0;width:100%;"]);

package/dist/components/TabsNav/TabNav.js

@@ -7,16 +7,18 @@ exports.default = exports.TabNav = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _TabsNav = require("./TabsNav.styles");
-var _excluded = ["children", "isActive", "onClick", "customStyles"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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; }
-var TabNav = function TabNav(_ref) {
-  var children = _ref.children,
-    isActive = _ref.isActive,
-    onClick = _ref.onClick,
-    customStyles = _ref.customStyles,
+const _excluded = ["children", "isActive", "onClick", "customStyles"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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; }
+const TabNav = _ref => {
+  let {
+      children,
+      isActive,
+      onClick,
+      customStyles
+    } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_TabsNav.StyledTab, _extends({
     onClick: onClick,
@@ -32,7 +34,6 @@ TabNav.propTypes = {
 };
 TabNav.defaultProps = {
   isActive: false,
-  onClick: function onClick() {}
+  onClick: () => {}
 };
-var _default = TabNav;
-exports.default = _default;
+var _default = exports.default = TabNav;

package/dist/components/TabsNav/TabNav.stories.js

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _TabNav = require("./TabNav");
 var _Number = require("../Number/Number");
 var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Components Library/Tabs/TabNav',
   component: _TabNav.TabNav,
   argTypes: {
@@ -28,18 +28,13 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_TabNav.TabNav, args));
-};
-var TabNavActive = Template.bind({});
-exports.TabNavActive = TabNavActive;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_TabNav.TabNav, args));
+const TabNavActive = exports.TabNavActive = Template.bind({});
 TabNavActive.args = {
   children: [/*#__PURE__*/_react.default.createElement(_Number.Number, null), /*#__PURE__*/_react.default.createElement(_Number.Number, null), /*#__PURE__*/_react.default.createElement(_Number.Number, null)],
   isActive: true
 };
-var TabNavInactive = Template.bind({});
-exports.TabNavInactive = TabNavInactive;
+const TabNavInactive = exports.TabNavInactive = Template.bind({});
 TabNavInactive.args = {
   children: [/*#__PURE__*/_react.default.createElement(_Number.Number, null), /*#__PURE__*/_react.default.createElement(_Number.Number, null), /*#__PURE__*/_react.default.createElement(_Number.Number, null)]
 };