@stokr/components-library 2.3.28 → 2.3.32

package/dist/components/Button/Button.styles.js

@@ -20,7 +20,7 @@ var Button = _styledComponents.default.button.attrs(function (props) {
 }).withConfig({
   displayName: "Buttonstyles__Button",
   componentId: "sc-1bxw8qq-0"
-})(["display:inline-block;height:auto;min-height:40px;max-width:100%;background-color:", ";border:1px solid ", ";font-weight:bold;font-size:12px;line-height:16px;color:", ";text-transform:uppercase;text-align:center;letter-spacing:2px;border-radius:28px;padding:11px 32px;margin:0;outline:0;vertical-align:baseline;text-shadow:none;user-select:none;cursor:pointer;transition:color .2s,background-color .2s,border-color .2s;", " ", " ", " ", " ", " ", " &:hover,&:focus,&:active{background-color:", ";border-color:", ";color:", ";}", " ", " ", " ", " ", " ", " ", " ", ""], function (props) {
+})(["display:inline-block;height:auto;min-height:40px;max-width:100%;background-color:", ";border:1px solid ", ";font-weight:bold;font-size:12px;line-height:16px;color:", ";text-transform:uppercase;text-align:center;letter-spacing:2px;border-radius:28px;padding:11px 32px;margin:0;outline:0;vertical-align:baseline;text-shadow:none;user-select:none;cursor:pointer;transition:color 0.2s,background-color 0.2s,border-color 0.2s;", " ", " ", " ", " ", " ", " &:hover,&:focus,&:active{background-color:", ";border-color:", ";color:", ";}", " ", " ", " ", " ", " ", " ", " ", ""], function (props) {
   return _theme.default.cPrimary;
 }, function (props) {
   return _theme.default.cPrimary;

package/dist/components/Footer/Footer.js

@@ -8,7 +8,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _Grid = require("../Grid/Grid.styles");
 var _Footer = require("./Footer.styles");
-var _mangopay = _interopRequireDefault(require("./mangopay.svg"));
+var _mangopay = _interopRequireDefault(require("../../static/images/mangopay.svg"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var Footer = function Footer(_ref) {
   var color = _ref.color,

package/dist/components/Footer/FooterMenu.js

@@ -12,11 +12,11 @@ var _SvgIcons = require("../SvgIcons");
 var _FooterMenu = require("./FooterMenu.styles");
 var _customHooks = require("../../utils/customHooks");
 var _rwd = require("../../styles/rwd");
-var _Facebook_Logo = _interopRequireDefault(require("../icons/Facebook_Logo.png"));
-var _LIInBug = _interopRequireDefault(require("../icons/LI-In-Bug.png"));
-var _XLogoBlack = _interopRequireDefault(require("../icons/X-logo-black.png"));
-var _youtube_social_circle_red = _interopRequireDefault(require("../icons/youtube_social_circle_red.png"));
-var _TelegramLogo = _interopRequireDefault(require("../icons/Telegram-Logo.png"));
+var _Facebook_Logo = _interopRequireDefault(require("../../static/images/social/Facebook_Logo.png"));
+var _LIInBug = _interopRequireDefault(require("../../static/images/social/LI-In-Bug.png"));
+var _XLogoBlack = _interopRequireDefault(require("../../static/images/social/X-logo-black.png"));
+var _youtube_social_circle_red = _interopRequireDefault(require("../../static/images/social/youtube_social_circle_red.png"));
+var _TelegramLogo = _interopRequireDefault(require("../../static/images/social/Telegram-Logo.png"));
 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; }

package/dist/components/Footer/FooterMenu.stories.js

@@ -12,13 +12,14 @@ var _default = {
   title: 'Components Library/Footer',
   component: _FooterMenu.default,
   argTypes: {
-    // color: {
-    //   options: ['primary', 'red'],
-    //   control: { type: '' },
-    // },
     groups: {
       type: 'array',
       defaultValue: []
+    },
+    dropdownCollapsed: {
+      control: 'boolean',
+      defaultValue: true,
+      description: 'Collapse dropdowns by default (applies ONLY to mobile view)'
     }
   }
 };
@@ -29,6 +30,7 @@ var Template = function Template(args) {
 var FooterMenu1 = Template.bind({});
 exports.FooterMenu1 = FooterMenu1;
 FooterMenu1.args = {
+  dropdownCollapsed: true,
   groups: [{
     name: 'New to STOKR',
     collapse: true,
@@ -39,9 +41,9 @@ FooterMenu1.args = {
       name: '101s',
       url: 'https://stokr.info/101'
     },
-    /* {
-              name: 'Subscribe',
-              url: 'https://stokr.info/subscribe',
+    /* {
+              name: 'Subscribe',
+              url: 'https://stokr.info/subscribe',
             }, */
     {
       name: 'Support',
@@ -87,9 +89,6 @@ FooterMenu1.args = {
     items: [{
       name: 'linkedin',
       url: 'https://www.linkedin.com/company/stokr/'
-    }, {
-      name: 'instagram',
-      url: 'https://www.instagram.com/stokr_media'
     }, {
       name: 'twitter',
       url: 'https://twitter.com/stokr_io'

package/dist/components/Number/Number.js

@@ -3,33 +3,66 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Number = void 0;
+exports.default = exports.NumberWithContainer = exports.Number = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _SvgIcons = require("../SvgIcons");
 var _Number = require("./Number.styles");
+var _number_one = require("../../static/images/numbers/number_one.svg");
+var _number_two = require("../../static/images/numbers/number_two.svg");
+var _number_three = require("../../static/images/numbers/number_three.svg");
+var _number_four = require("../../static/images/numbers/number_four.svg");
+var _number_five = require("../../static/images/numbers/number_five.svg");
+var _number_six = require("../../static/images/numbers/number_six.svg");
+var _number_seven = require("../../static/images/numbers/number_seven.svg");
+var _number_eight = require("../../static/images/numbers/number_eight.svg");
+var _number_nine = require("../../static/images/numbers/number_nine.svg");
+var _number_zero = require("../../static/images/numbers/number_zero.svg");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var getIcon = function getIcon(number) {
   switch (number) {
     case 1:
-      return /*#__PURE__*/_react.default.createElement(_SvgIcons.OneSvg, null);
+      return /*#__PURE__*/_react.default.createElement(_number_one.ReactComponent, null);
     case 2:
-      return /*#__PURE__*/_react.default.createElement(_SvgIcons.TwoSvg, null);
+      return /*#__PURE__*/_react.default.createElement(_number_two.ReactComponent, null);
     case 3:
-      return /*#__PURE__*/_react.default.createElement(_SvgIcons.ThreeSvg, null);
+      return /*#__PURE__*/_react.default.createElement(_number_three.ReactComponent, null);
     case 4:
-      return /*#__PURE__*/_react.default.createElement(_SvgIcons.FourSvg, null);
+      return /*#__PURE__*/_react.default.createElement(_number_four.ReactComponent, null);
+    case 5:
+      return /*#__PURE__*/_react.default.createElement(_number_five.ReactComponent, null);
+    case 6:
+      return /*#__PURE__*/_react.default.createElement(_number_six.ReactComponent, null);
+    case 7:
+      return /*#__PURE__*/_react.default.createElement(_number_seven.ReactComponent, null);
+    case 8:
+      return /*#__PURE__*/_react.default.createElement(_number_eight.ReactComponent, null);
+    case 9:
+      return /*#__PURE__*/_react.default.createElement(_number_nine.ReactComponent, null);
+    case 0:
+      return /*#__PURE__*/_react.default.createElement(_number_zero.ReactComponent, null);
     default:
       return null;
   }
 };
 var Number = function Number(_ref) {
-  var number = _ref.number;
-  return /*#__PURE__*/_react.default.createElement(_Number.Container, null, getIcon(number));
+  var number = _ref.number,
+    containerStyle = _ref.containerStyle;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: containerStyle
+  }, getIcon(number));
 };
 exports.Number = Number;
+var NumberWithContainer = function NumberWithContainer(_ref2) {
+  var number = _ref2.number,
+    containerStyle = _ref2.containerStyle;
+  return /*#__PURE__*/_react.default.createElement(_Number.Container, {
+    style: containerStyle
+  }, getIcon(number));
+};
+exports.NumberWithContainer = NumberWithContainer;
 Number.propTypes = {
-  number: _propTypes.default.number.isRequired
+  number: _propTypes.default.number.isRequired,
+  containerStyle: _propTypes.default.object
 };
 var _default = Number;
 exports.default = _default;

package/dist/components/Number/Number.stories.js

@@ -3,39 +3,108 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.number = exports.default = exports.NumberTwo = exports.NumberThree = exports.NumberOne = exports.NumberFour = void 0;
+exports.default = exports.Zero = exports.Two = exports.Three = exports.Six = exports.Seven = exports.One = exports.NumberRow = exports.Nine = exports.InvalidNumber = exports.Four = exports.Five = exports.Eight = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _SvgIcons = require("../SvgIcons");
 var _Number = require("./Number");
-var _Number2 = require("./Number.styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = {
   title: 'Components Library/Number',
-  component: _Number.Number
+  component: _Number.Number,
+  parameters: {
+    docs: {
+      description: {
+        component: 'A component that displays numbers using SVG icons.'
+      }
+    }
+  },
+  argTypes: {
+    number: {
+      control: {
+        type: 'number',
+        min: 0,
+        max: 9,
+        step: 1
+      },
+      description: 'Number to display (0-9)'
+    }
+  }
 };
 exports.default = _default;
-var number = function number() {
-  return /*#__PURE__*/_react.default.createElement(_Number.Number, null);
+var Template = function Template(args) {
+  return /*#__PURE__*/_react.default.createElement(_Number.Number, args);
 };
-exports.number = number;
-var NumberOne = function NumberOne() {
-  return /*#__PURE__*/_react.default.createElement(_Number2.Container, null, /*#__PURE__*/_react.default.createElement(_SvgIcons.OneSvg, null));
+
+// Individual numbers
+var Zero = Template.bind({});
+exports.Zero = Zero;
+Zero.args = {
+  number: 0
+};
+var One = Template.bind({});
+exports.One = One;
+One.args = {
+  number: 1
+};
+var Two = Template.bind({});
+exports.Two = Two;
+Two.args = {
+  number: 2
+};
+var Three = Template.bind({});
+exports.Three = Three;
+Three.args = {
+  number: 3
+};
+var Four = Template.bind({});
+exports.Four = Four;
+Four.args = {
+  number: 4
 };
-exports.NumberOne = NumberOne;
-var NumberTwo = function NumberTwo() {
-  return /*#__PURE__*/_react.default.createElement(_Number2.Container, null, /*#__PURE__*/_react.default.createElement(_SvgIcons.TwoSvg, null));
+var Five = Template.bind({});
+exports.Five = Five;
+Five.args = {
+  number: 5
 };
-exports.NumberTwo = NumberTwo;
-var NumberThree = function NumberThree() {
-  return /*#__PURE__*/_react.default.createElement(_Number2.Container, null, /*#__PURE__*/_react.default.createElement(_SvgIcons.ThreeSvg, null));
+var Six = Template.bind({});
+exports.Six = Six;
+Six.args = {
+  number: 6
 };
-exports.NumberThree = NumberThree;
-var NumberFour = function NumberFour() {
-  return /*#__PURE__*/_react.default.createElement(_Number2.Container, null, /*#__PURE__*/_react.default.createElement(_SvgIcons.FourSvg, null));
+var Seven = Template.bind({});
+exports.Seven = Seven;
+Seven.args = {
+  number: 7
+};
+var Eight = Template.bind({});
+exports.Eight = Eight;
+Eight.args = {
+  number: 8
+};
+var Nine = Template.bind({});
+exports.Nine = Nine;
+Nine.args = {
+  number: 9
 };
 
-// doublecheck:
+// Example of invalid number
+var InvalidNumber = Template.bind({});
+exports.InvalidNumber = InvalidNumber;
+InvalidNumber.args = {
+  number: 10
+};
 
-//what about blue option?
-//could write this with argType cases/number
-exports.NumberFour = NumberFour;
+// Row of multiple numbers
+var NumberRow = function NumberRow() {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: 'flex',
+      gap: '8px'
+    }
+  }, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map(function (num) {
+    return /*#__PURE__*/_react.default.createElement(_Number.Number, {
+      key: num,
+      number: num
+    });
+  }));
+};
+exports.NumberRow = NumberRow;

package/dist/components/Pagination/Pagination.js

@@ -26,8 +26,8 @@ var Pagination = function Pagination(props) {
     pageSize: pageSize
   });
 
-  // If there are less than 2 times in pagination range we shall not render the component
-  if (currentPage === 0 || paginationRange.length < 2) {
+  // If current page is 0, set it to 1
+  if (currentPage === 0) {
     onPageChange(1);
     return null;
   }
@@ -37,16 +37,19 @@ var Pagination = function Pagination(props) {
   var onPrevious = function onPrevious() {
     onPageChange(currentPage - 1);
   };
-  var lastPage = paginationRange[paginationRange.length - 1];
+
+  // Always show at least page 1, even if there's only one page
+  var displayRange = paginationRange.length < 2 ? [1] : paginationRange;
+  var lastPage = displayRange[displayRange.length - 1];
   return /*#__PURE__*/_react.default.createElement(_Pagination.StyledList, {
     listStyle: props.listStyle
   }, /*#__PURE__*/_react.default.createElement(_Pagination.StyledList.Item, {
-    disabled: currentPage === 1,
+    disabled: currentPage === 1 || displayRange.length === 1,
     onClick: onPrevious,
     arrow: true
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _Icon.iconsMap.arrowLeft
-  })), paginationRange.map(function (pageNumber) {
+  })), displayRange.map(function (pageNumber) {
     // If the pageItem is a DOT, render the DOTS unicode character
     if (pageNumber === _usePagination.DOTS) {
       return /*#__PURE__*/_react.default.createElement(_Pagination.StyledList.Item, {
@@ -61,10 +64,11 @@ var Pagination = function Pagination(props) {
       selected: pageNumber === currentPage,
       onClick: function onClick() {
         return onPageChange(pageNumber);
-      }
+      },
+      disabled: displayRange.length === 1
     }, pageNumber);
   }), /*#__PURE__*/_react.default.createElement(_Pagination.StyledList.Item, {
-    disabled: currentPage === lastPage,
+    disabled: currentPage === lastPage || displayRange.length === 1,
     onClick: onNext,
     arrow: true
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {

package/dist/components/Pagination/PaginationControls.js

@@ -51,6 +51,7 @@ var PaginationControls = function PaginationControls(_ref) {
       });
     }
   };
+  var isValidPageSize = Number(inputPageSize) > 0;
   return /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
     noPaddingHorizontal: true,
     flex: true,
@@ -77,8 +78,8 @@ var PaginationControls = function PaginationControls(_ref) {
     type: "number",
     placeholder: "Page size",
     onChange: function onChange(e) {
-      // Ensure the input is a positive number
-      var value = Math.max(1, Number(e.target.value) || 1);
+      // Allow empty value or any non-negative number up to total count
+      var value = e.target.value === '' ? '' : Math.min(totalCount, Math.max(0, Number(e.target.value)));
       setInputPageSize(value);
     }
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
@@ -91,6 +92,10 @@ var PaginationControls = function PaginationControls(_ref) {
       if (currentPage > maxPage && maxPage > 0) {
         handlePageChange(maxPage);
       }
+    },
+    disabled: !isValidPageSize,
+    style: {
+      opacity: 1
     }
   }, applyButtonText))));
 };

package/dist/components/Pagination/PaginationControls.stories.js

@@ -0,0 +1,141 @@
+"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.WithoutPageSizeControl = exports.SmallDataSet = exports.LargeDataSet = exports.Default = exports.CustomStyle = exports.CustomPageSizeLabel = exports.CustomListStyle = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _PaginationControls = _interopRequireDefault(require("./PaginationControls"));
+var _global = _interopRequireDefault(require("../../styles/global"));
+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 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 _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 _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; }
+// Create mock data array
+var mockItems = Array.from({
+  length: 15
+}, function (_, index) {
+  return {
+    id: index + 1,
+    name: "Item ".concat(index + 1)
+  };
+});
+var _default = {
+  title: 'Components Library/Pagination',
+  component: _PaginationControls.default,
+  parameters: {
+    docs: {
+      description: {
+        component: 'Pagination controls component with customizable page size and navigation.'
+      }
+    }
+  }
+};
+exports.default = _default;
+var Template = function Template(args) {
+  var _useState = (0, _react.useState)(1),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentPage = _useState2[0],
+    setCurrentPage = _useState2[1];
+  var _useState3 = (0, _react.useState)(10),
+    _useState4 = _slicedToArray(_useState3, 2),
+    pageSize = _useState4[0],
+    setPageSize = _useState4[1];
+  var _useState5 = (0, _react.useState)(10),
+    _useState6 = _slicedToArray(_useState5, 2),
+    inputPageSize = _useState6[0],
+    setInputPageSize = _useState6[1];
+
+  // Get current items
+  var indexOfLastItem = currentPage * pageSize;
+  var indexOfFirstItem = indexOfLastItem - pageSize;
+  var currentItems = mockItems.slice(indexOfFirstItem, indexOfLastItem);
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      marginBottom: '20px'
+    }
+  }, "Showing items ", (currentPage - 1) * pageSize + 1, " to", ' ', Math.min(currentPage * pageSize, mockItems.length), " of", ' ', mockItems.length), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      marginBottom: '20px'
+    }
+  }, currentItems.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: item.id,
+      style: {
+        padding: '8px',
+        borderBottom: '1px solid #eee'
+      }
+    }, item.name);
+  })), /*#__PURE__*/_react.default.createElement(_PaginationControls.default, _extends({}, args, {
+    currentPage: currentPage,
+    totalCount: mockItems.length,
+    pageSize: pageSize,
+    inputPageSize: inputPageSize,
+    onPageChange: setCurrentPage,
+    setPageSize: setPageSize,
+    setInputPageSize: setInputPageSize
+  })));
+};
+var Default = Template.bind({});
+exports.Default = Default;
+Default.args = {
+  scrollOffset: -100,
+  showPageSizeControl: true,
+  pageSizeLabel: 'Page Size:',
+  applyButtonText: 'Apply'
+};
+var WithoutPageSizeControl = Template.bind({});
+exports.WithoutPageSizeControl = WithoutPageSizeControl;
+WithoutPageSizeControl.args = _objectSpread(_objectSpread({}, Default.args), {}, {
+  showPageSizeControl: false
+});
+var CustomPageSizeLabel = Template.bind({});
+exports.CustomPageSizeLabel = CustomPageSizeLabel;
+CustomPageSizeLabel.args = _objectSpread(_objectSpread({}, Default.args), {}, {
+  pageSizeLabel: 'Items per page:',
+  applyButtonText: 'Set'
+});
+var CustomStyle = Template.bind({});
+exports.CustomStyle = CustomStyle;
+CustomStyle.args = _objectSpread(_objectSpread({}, Default.args), {}, {
+  containerStyle: {
+    backgroundColor: '#f5f5f5',
+    padding: '20px',
+    borderRadius: '8px'
+  }
+});
+var SmallDataSet = Template.bind({});
+exports.SmallDataSet = SmallDataSet;
+SmallDataSet.args = _objectSpread(_objectSpread({}, Default.args), {}, {
+  totalCount: 20
+});
+
+// Example showing how the component handles a large dataset
+var LargeDataSet = Template.bind({});
+exports.LargeDataSet = LargeDataSet;
+LargeDataSet.args = _objectSpread(_objectSpread({}, Default.args), {}, {
+  totalCount: 1000
+});
+
+// Example with custom list style
+var CustomListStyle = Template.bind({});
+exports.CustomListStyle = CustomListStyle;
+CustomListStyle.args = _objectSpread(_objectSpread({}, Default.args), {}, {
+  listStyle: {
+    backgroundColor: '#e6f7ff',
+    borderRadius: '4px',
+    padding: '8px'
+  }
+});

package/dist/components/RegisterLiquidSteps/RegisterLiquidSteps.js

@@ -10,7 +10,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var scrollToElement = _interopRequireWildcard(require("scroll-to-element"));
 var _Text = _interopRequireDefault(require("../Text/Text.styles"));
 var _RegisterLiquidSteps = require("./RegisterLiquidSteps.styles");
-var _nav_green = _interopRequireDefault(require("./assets/nav_green.svg"));
+var _nav_green = _interopRequireDefault(require("../../static/images/nav_green.svg"));
 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 }; }

package/dist/components/ShareButton/ShareButton.js

@@ -8,10 +8,10 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-var _Facebook_Logo = _interopRequireDefault(require("../icons/Facebook_Logo.png"));
-var _LIInBug = _interopRequireDefault(require("../icons/LI-In-Bug.png"));
-var _XLogoBlack = _interopRequireDefault(require("../icons/X-logo-black.png"));
-var _TelegramLogo = _interopRequireDefault(require("../icons/Telegram-Logo.png"));
+var _Facebook_Logo = _interopRequireDefault(require("../../static/images/social/Facebook_Logo.png"));
+var _LIInBug = _interopRequireDefault(require("../../static/images/social/LI-In-Bug.png"));
+var _XLogoBlack = _interopRequireDefault(require("../../static/images/social/X-logo-black.png"));
+var _TelegramLogo = _interopRequireDefault(require("../../static/images/social/Telegram-Logo.png"));
 var _Button = _interopRequireDefault(require("../Button/Button.styles"));
 var _Icon = _interopRequireDefault(require("../Icon/Icon2"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/video/Video.js

@@ -142,7 +142,7 @@ var Video = function Video(props) {
     isInvestingExpanded: isInvestingExpanded
   }, /*#__PURE__*/_react.default.createElement("img", {
     alt: "Play video",
-    src: require('./img/play-btn.svg')
+    src: require('../../static/images/play-btn.svg')
   })), /*#__PURE__*/_react.default.createElement(_renderToBody.RenderToBody, null, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
     in: isPlaying,
     timeout: animationLen,

package/dist/static/fonts/icomoon/icomoon.svg

@@ -44,4 +44,10 @@
 <glyph unicode="&#xe922;" glyph-name="emoji" d="M511.936 960.034c-284.659 0-515.155-233.28-511.904-517.933 3.198-280.122 231.789-506.067 511.904-506.067s508.832 225.939 512.026 506.067c3.25 284.653-227.373 517.933-512.026 517.933zM511.936 897.388c250.547 0 452.243-204.006 449.382-454.554-2.814-246.522-202.867-444.154-449.382-444.154s-446.451 197.632-449.261 444.154c-2.86 250.547 198.714 454.554 449.261 454.554zM361.818 592.722c-0.292 0.005-0.636 0.008-0.98 0.008-16.402 0-31.203-6.852-41.698-17.85l-0.021-0.023c-10.732-10.641-17.376-25.389-17.376-41.69 0-0.184 0.001-0.368 0.003-0.551v0.028c0-16.225 5.847-30.558 17.373-42.335 10.507-10.949 25.261-17.752 41.604-17.752 0.385 0 0.77 0.004 1.153 0.011l-0.057-0.001c0.181-0.002 0.394-0.003 0.608-0.003 16.188 0 30.786 6.808 41.088 17.717l0.025 0.027c10.732 10.641 17.377 25.39 17.377 41.691 0 0.226-0.001 0.452-0.004 0.678v-0.034c0.001 0.155 0.002 0.339 0.002 0.523 0 16.301-6.644 31.050-17.372 41.686l-0.004 0.004c-10.315 11.008-24.944 17.867-41.174 17.867-0.192 0-0.384-0.001-0.576-0.003h0.029zM662.182 592.722c-0.307 0.006-0.67 0.009-1.033 0.009-16.385 0-31.17-6.853-41.645-17.85l-0.022-0.023c-10.732-10.66-17.375-25.425-17.375-41.742 0-0.166 0.001-0.331 0.002-0.496v0.025c0-16.163 5.847-30.495 17.373-42.335 10.507-10.949 25.261-17.752 41.604-17.752 0.385 0 0.77 0.004 1.153 0.011l-0.057-0.001c0.181-0.002 0.394-0.003 0.608-0.003 16.188 0 30.786 6.808 41.088 17.717l0.025 0.027c10.733 10.66 17.376 25.426 17.376 41.743 0 0.208-0.001 0.416-0.003 0.624v-0.032c0.001 0.14 0.002 0.305 0.002 0.471 0 16.317-6.643 31.082-17.372 41.739l-0.003 0.003c-10.315 11.008-24.944 17.867-41.174 17.867-0.192 0-0.384-0.001-0.576-0.003h0.029zM752.352 403.807c-3.911-0.001-7.653-0.719-11.104-2.029l0.215 0.072c-7.5-2.569-13.389-8.138-16.329-15.238l-0.066-0.179c0-0.627-3.841-7.675-12.235-22.147-8.143-14.033-20.886-29.706-38.051-46.495-17.101-16.915-39.493-32.639-66.682-46.985-27.124-14.284-60.102-21.535-98.003-21.535-0.675-0.006-1.307-0.185-1.854-0.496l0.019 0.010-0.979-0.371c-36.207 0-67.603 7.012-93.35 21.045-24.574 12.999-45.73 28.303-64.473 46.121l0.121-0.114c-14.469 13.675-27.058 29.105-37.489 46.008l-0.561 0.977c-1.023 1.246-5.529 9.085-9.96 16.972l-3.621 7.010c-5.026 10.354-15.459 17.365-27.531 17.365-12.822 0-23.796-7.911-28.309-19.118l-0.073-0.205c-1.123-2.993-1.773-6.452-1.773-10.063 0-4.903 1.198-9.526 3.318-13.593l-0.077 0.163c0.627-1.253 5.745-10.444 16.395-29.488 10.211-18.292 26.236-38.296 47.471-59.22 21.048-20.799 48.355-40.211 81.12-57.752 32.7-17.416 72.403-26.307 117.824-26.307 0.627 0 1.331 0.173 1.958 0.486 0.529 0.301 1.16 0.481 1.834 0.486h0.002c47.921 0 89.318 8.891 122.957 26.307 33.702 17.541 61.651 36.954 83.072 57.752 21.549 20.987 37.636 40.751 47.471 58.731 10.273 18.606 15.341 28.161 15.905 29.978 3.759 7.517 3.988 14.996 0.856 22.513-3.117 7.453-8.702 13.358-15.715 16.807l-0.191 0.085c-3.576 1.544-7.739 2.444-12.111 2.447h-0.001z" />
 <glyph unicode="&#xe923;" glyph-name="expand" d="M713 327.579l-80.579-80.579-477.718 477.718v-264.759h-115.113v460.451h460.451v-115.113h-264.759zM946.476 473.975v-460.451h-460.451v115.113h264.759l-477.718 477.718 80.579 80.579 477.718-477.718v264.759z" />
 <glyph unicode="&#xe924;" glyph-name="shrink" d="M107.041 772.38l80.579 80.579 221.718-221.718v264.759h115.113v-460.451h-460.451v115.113h264.759zM524.8-25.251v460.451h460.451v-115.113h-264.759l221.718-221.718-80.579-80.579-221.718 221.718v-264.759z" />
+<glyph unicode="&#xe924;" glyph-name="shrink" d="M107.041 772.38l80.579 80.579 221.718-221.718v264.759h115.113v-460.451h-460.451v115.113h264.759zM524.8-25.251v460.451h460.451v-115.113h-264.759l221.718-221.718-80.579-80.579-221.718 221.718v-264.759z" />
+<glyph unicode="&#xe925;" glyph-name="pin" horiz-adv-x="1018" d="M968.482 719.422l-191.229 191.229c-55.518 55.518-148.048 55.518-203.566 0l-185.060-185.060c-55.518 30.843-123.373 18.506-166.554-24.675l-30.843-37.012c-55.518-55.518-55.518-141.88 0-197.398l129.542-129.542-308.434-308.434c-6.169-6.169-12.337-24.675-12.337-37.012s6.169-30.843 18.506-37.012c12.337-12.337 24.675-12.337 37.012-12.337s30.843 6.169 37.012 12.337l308.434 308.434 129.542-129.542c55.518-55.518 148.048-55.518 203.566 0l30.843 30.843c43.181 43.181 55.518 111.036 24.675 166.554l185.060 191.229c49.349 49.349 49.349 141.88-6.169 197.398zM672.386 299.952l6.169-6.169c12.337-12.337 12.337-37.012 0-49.349l-30.843-30.843c-12.337-12.337-37.012-12.337-49.349 0l-333.108 326.94c-6.169 6.169-6.169 12.337-6.169 24.675 0 6.169 0 12.337 6.169 18.506l37.012 37.012c12.337 12.337 37.012 12.337 49.349 0l6.169-6.169c24.675-24.675 55.518-24.675 74.024 0l111.036 111.036 240.578-240.578-111.036-111.036c-18.506-18.506-18.506-55.518 0-74.024zM894.458 596.048l-30.843-37.012-240.578 240.578 30.843 37.012c12.337 12.337 37.012 12.337 49.349 0l191.229-191.229c18.506-12.337 18.506-37.012 0-49.349z" />
+<glyph unicode="&#xe926;" glyph-name="cog" d="M734.627 451.677c0-124.959-101.299-226.257-226.257-226.257s-226.257 101.299-226.257 226.257c0 124.959 101.299 226.257 226.257 226.257s226.257-101.299 226.257-226.257zM508.369 306.735c80.050 0 144.943 64.893 144.943 144.943s-64.893 144.943-144.943 144.943c-80.050 0-144.943-64.893-144.943-144.943s64.893-144.943 144.943-144.943zM1016.46 451.584c0-16.024-0.835-32.683-2.462-49.395-1.486-15.706-11.929-29.132-26.822-34.452l-83.228-29.609c-8.559-29.937-20.514-58.798-35.633-86.018l37.893-79.726c6.821-14.254 4.759-31.169-5.277-43.359-21.057-25.595-44.549-49.086-70.201-70.191-12.177-9.968-29.010-12.019-43.229-5.264l-79.798 37.928c-27.22-15.119-56.081-27.074-86.018-35.633l-29.622-83.264c-5.306-14.857-18.733-25.3-34.332-26.775-16.612-1.632-33.424-2.472-49.503-2.472-16.024 0-32.683 0.835-49.395 2.462-15.706 1.486-29.132 11.929-34.452 26.822l-29.609 83.228c-29.937 8.559-58.798 20.514-86.018 35.633l-79.804-37.93c-14.214-6.752-31.047-4.701-43.236 5.277-25.681 21.045-49.255 44.537-70.414 70.172-10.044 12.199-12.105 29.114-5.289 43.357l38.249 80.007c-15.108 27.209-27.057 56.056-35.611 85.979l-83.264 29.622c-14.857 5.306-25.3 18.733-26.775 34.332-1.632 16.612-2.472 33.424-2.472 49.503 0 16.024 0.835 32.683 2.462 49.395 1.486 15.706 11.929 29.132 26.821 34.451l83.089 29.562c8.559 29.938 20.514 58.798 35.633 86.019l-37.893 79.726c-6.821 14.254-4.759 31.169 5.27 43.35 21.055 25.612 44.546 49.12 70.142 70.192 12.199 10.044 29.114 12.105 43.323 5.305l79.741-37.998c27.215 15.114 56.070 27.066 86.001 35.623l29.622 83.264c5.306 14.857 18.733 25.3 34.326 26.775 33.019 3.249 66.277 3.249 99.183 0.011 15.706-1.486 29.132-11.929 34.449-26.813l29.606-83.142c29.939-8.559 58.802-20.515 86.024-35.635l79.804 37.93c14.214 6.752 31.047 4.701 43.281-5.314 25.595-21.057 49.086-44.549 70.136-70.135 10.044-12.199 12.105-29.114 5.318-43.296l-37.928-79.798c15.119-27.22 27.074-56.081 35.633-86.018l83.264-29.622c14.843-5.301 25.28-18.707 26.781-34.394 1.533-15.715 2.233-32.304 2.233-49.673zM853.462 519.092l-3.853 15.894c-8.478 34.968-22.331 68.409-41.065 99.129l-8.517 13.966 46.306 97.426c-13.699 15.739-28.467 30.507-44.178 44.18l-97.428-46.307-13.966 8.517c-30.72 18.734-64.161 32.587-99.129 41.065l-15.888 3.852-36.142 101.497c-20.803 1.461-41.692 1.462-62.553-0.002l-36.14-101.587-15.894-3.853c-34.968-8.478-68.409-22.331-99.129-41.065l-13.982-8.527-97.369 46.399c-15.725-13.697-30.483-28.467-44.176-44.21l46.309-97.431-8.517-13.966c-18.734-30.72-32.587-64.161-41.065-99.129l-3.853-15.894-101.448-36.094c-0.753-10.601-1.134-21.042-1.134-31.135 0-10.090 0.381-20.569 1.131-31.134l101.591-36.142 3.853-15.894c8.478-34.968 22.331-68.409 41.065-99.129l8.54-14.003-46.671-97.624c13.748-15.74 28.57-30.506 44.356-44.189l97.452 46.319 13.966-8.517c30.72-18.734 64.161-32.587 99.129-41.065l15.894-3.853 36.14-101.588c10.601-0.753 21.042-1.134 31.135-1.134 10.090 0 20.569 0.381 31.134 1.131l36.142 101.591 15.894 3.853c34.968 8.478 68.409 22.331 99.129 41.065l13.966 8.517 97.426-46.306c15.727 13.688 30.488 28.449 44.18 44.18l-46.306 97.426 8.517 13.966c18.734 30.72 32.587 64.161 41.065 99.129l3.853 15.894 101.588 36.14c0.753 10.601 1.134 21.042 1.134 31.135 0 10.905-0.306 21.389-0.949 31.385l-101.54 36.123zM942.656 434.996v0z" />
+<glyph unicode="&#10060;" glyph-name="cross"/>
+<glyph unicode="&#xe93c;" glyph-name="euro"/>
+
 </font></defs></svg>

package/dist/static/images/download_icon.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.5 7.5V9.5C10.5 9.76522 10.3946 10.0196 10.2071 10.2071C10.0196 10.3946 9.76522 10.5 9.5 10.5H2.5C2.23478 10.5 1.98043 10.3946 1.79289 10.2071C1.60536 10.0196 1.5 9.76522 1.5 9.5V7.5M3.5 5L6 7.5M6 7.5L8.5 5M6 7.5V1.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/static/images/mangopay.svg

@@ -0,0 +1,20 @@
+<svg width="654" height="216" viewBox="0 0 654 216" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M225.792 66.3939C225.792 75.1732 230.904 81.4762 239.572 81.4762C243.516 81.4762 246.961 79.619 248.239 77.2554V81.026H254.296V40H248.239V55.5325C246.517 53.0563 243.128 51.368 239.46 51.368C230.959 51.368 225.792 57.6147 225.792 66.3939ZM248.684 66.3939C248.684 72.2468 245.294 76.1299 240.349 76.1299C235.349 76.1299 232.015 72.1905 232.015 66.3939C232.015 60.5411 235.349 56.7143 240.349 56.7143C245.294 56.7143 248.684 60.5411 248.684 66.3939Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M40 81.026V40.4502H56.7799C64.6698 40.4502 69.5593 45.2338 69.5593 52.6061C69.5593 59.697 64.6698 64.8745 56.7799 64.8745H46.4453V81.026H40ZM55.9464 59.0779C60.3915 59.0779 63.0029 56.4892 63.0029 52.6061C63.0029 48.7792 60.3915 46.2468 55.9464 46.2468H46.4453V59.0779H55.9464Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M85.4337 81.4762C76.9326 81.4762 70.9318 75.1169 70.9318 66.3939C70.9318 57.7273 76.9326 51.368 85.4337 51.368C93.768 51.368 99.9355 57.671 99.9355 66.3939C99.9355 75.1732 93.768 81.4762 85.4337 81.4762ZM85.4337 76.1299C90.3232 76.1299 93.7125 72.0779 93.7125 66.3939C93.7125 60.71 90.2676 56.7143 85.4337 56.7143C80.3775 56.7143 77.0993 60.7662 77.0993 66.3939C77.0993 72.0779 80.3775 76.1299 85.4337 76.1299Z" fill="white"/>
+<path d="M101.289 51.8182L110.235 81.026H115.791L120.014 67.2381C121.403 62.8485 122.18 59.5281 122.18 59.5281C122.18 59.5281 122.903 62.8485 124.292 67.2944L128.459 81.026H134.071L143.016 51.8182H136.849L133.071 65.6061C131.959 70.1082 131.348 73.4286 131.348 73.4286C131.348 73.4286 130.626 70.1645 129.237 65.7186L125.014 51.8182H119.291L115.124 65.6623C113.735 70.1082 113.013 73.3723 113.013 73.3723C113.013 73.3723 112.457 70.052 111.29 65.6061L107.456 51.8182H101.289Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M144.346 66.3939C144.346 58.5152 149.18 51.368 158.292 51.368C167.238 51.368 171.961 58.1212 171.905 65.381C171.905 66.5065 171.794 67.8571 171.794 67.8571H150.347C150.902 73.2035 154.069 76.2424 158.737 76.2424C162.293 76.2424 165.126 74.5541 165.793 71.5714H171.738C170.738 77.9307 165.46 81.4762 158.57 81.4762C149.458 81.4762 144.346 74.329 144.346 66.3939ZM150.625 63.0173H165.404C165.126 59.0779 162.626 56.2078 158.292 56.2078C154.236 56.2078 151.514 58.7403 150.625 63.0173Z" fill="white"/>
+<path d="M191.108 57.0519C192.497 57.0519 193.553 57.2771 193.998 57.3896V51.5368C193.908 51.5368 193.784 51.5192 193.615 51.4954C193.262 51.4454 192.714 51.368 191.886 51.368C188.219 51.368 184.33 53.9004 182.996 57.3896V51.8182H176.94V81.026H182.996V70.1082C182.996 60.9913 186.886 57.0519 191.108 57.0519Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M194.754 66.3939C194.754 58.5152 199.588 51.368 208.7 51.368C217.646 51.368 222.368 58.1212 222.313 65.381C222.313 66.5065 222.202 67.8571 222.202 67.8571H200.755C201.31 73.2035 204.477 76.2424 209.145 76.2424C212.701 76.2424 215.534 74.5541 216.201 71.5714H222.146C221.146 77.9307 215.868 81.4762 208.978 81.4762C199.866 81.4762 194.754 74.329 194.754 66.3939ZM201.032 63.0173H215.812C215.534 59.0779 213.034 56.2078 208.7 56.2078C204.644 56.2078 201.921 58.7403 201.032 63.0173Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M287.163 81.4762C283.163 81.4762 279.774 79.619 278.44 77.2554V81.026H272.384V40H278.44V55.5325C280.163 53.0563 283.607 51.368 287.219 51.368C295.776 51.368 300.887 57.6147 300.887 66.3939C300.887 75.1732 295.831 81.4762 287.163 81.4762ZM286.33 76.1299C291.386 76.1299 294.72 72.1905 294.72 66.3939C294.72 60.5411 291.386 56.7143 286.33 56.7143C281.385 56.7143 277.996 60.5411 277.996 66.3939C277.996 72.2468 281.385 76.1299 286.33 76.1299Z" fill="white"/>
+<path d="M330 51.8182H323.888L316.054 72.303L308.386 51.8182H301.719L312.998 80.3507L312.831 80.8009C311.22 85.0216 309.831 86.6537 306.775 86.6537C305.164 86.6537 303.719 86.1472 303.719 86.1472V91.4372C304.441 91.6623 305.886 92 307.386 92C313.442 92 316.22 88.0043 318.11 83.1082L330 51.8182Z" fill="white"/>
+<path d="M261.944 108C266.39 108 270.172 108.95 273.296 110.84H273.285C276.409 112.729 278.768 115.444 280.356 118.979C281.949 122.515 282.743 126.785 282.743 131.792V168.423H266.134V134.139C266.134 130.474 265.238 127.623 263.435 125.598C261.632 123.573 259.126 122.56 255.905 122.56C253.529 122.56 251.476 123.086 249.753 124.138C248.029 125.19 246.702 126.638 245.761 128.494C244.825 130.349 244.355 132.442 244.355 134.773V168.429H227.689V109.318H244.355V116.83H244.587C246.464 114.081 248.857 111.92 251.771 110.353C254.68 108.786 258.071 108 261.944 108Z" fill="white"/>
+<path d="M134.168 108.057H133.567C123.808 108.057 115.359 114.822 113.244 124.331L105.589 156.251H105.442V128.794C105.447 117.345 96.1367 108.057 84.6542 108.057C74.9068 108.057 66.4636 114.816 64.3542 124.314L56.6936 156.251H56.5461V109.273H40V153.445C40 162.348 47.2411 169.566 56.1662 169.555C63.6114 169.549 70.087 164.464 71.8448 157.246L79.324 126.531C79.8854 124.217 81.9664 122.583 84.3536 122.583C87.2115 122.583 89.5307 124.896 89.5307 127.747V153.796C89.5307 162.507 96.613 169.56 105.345 169.555C112.626 169.549 118.96 164.577 120.678 157.518L128.22 126.542C128.787 124.223 130.868 122.588 133.266 122.588H133.419C136.289 122.588 138.608 124.907 138.608 127.764V168.293H154.989V128.822C154.984 117.356 145.667 108.057 134.168 108.057Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M204.673 116.661H205.019L205.013 116.655V109.375H221.679V168.436H205.07V161.156H204.668C203.25 162.988 201.554 164.549 199.581 165.828C197.608 167.112 195.448 168.085 193.089 168.752C190.73 169.42 188.229 169.754 185.587 169.754C180.529 169.754 175.998 168.498 171.995 165.998C167.992 163.497 164.862 159.922 162.599 155.278C160.337 150.634 159.208 144.983 159.208 139.021C159.208 133.059 160.308 127.72 162.514 122.996C164.714 118.279 167.821 114.608 171.825 111.989C175.828 109.375 180.478 108.063 185.763 108.063C188.484 108.063 191.025 108.402 193.378 109.093C195.731 109.783 197.869 110.767 199.785 112.045C201.702 113.329 203.329 114.862 204.673 116.661ZM198.322 153.355C200.522 152.015 202.241 150.114 203.465 147.648V147.636C204.69 145.176 205.303 142.257 205.303 139.01C205.303 135.763 204.702 132.89 203.494 130.384C202.286 127.878 200.574 125.938 198.351 124.563C196.128 123.189 193.452 122.499 190.65 122.499C187.849 122.499 185.343 123.172 183.12 124.507C180.897 125.847 179.174 127.759 177.949 130.242C176.724 132.731 176.112 135.667 176.112 138.959C176.112 142.251 176.741 145.136 178.005 147.619C179.27 150.108 180.999 152.02 183.205 153.355C185.411 154.696 187.832 155.363 190.707 155.363C193.582 155.363 196.117 154.696 198.322 153.355Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M333.141 116.943H332.79C330.606 114.154 327.873 111.977 324.602 110.41C321.324 108.843 317.616 108.057 313.482 108.057C308.271 108.057 303.661 109.301 299.658 111.784C295.654 114.267 292.541 117.746 290.319 122.221C288.096 126.695 286.984 131.831 286.984 137.646C286.984 143.461 288.113 148.682 290.375 153.1C292.638 157.512 295.779 160.917 299.799 163.304C303.82 165.691 308.345 166.885 313.363 166.885C317.576 166.885 321.341 166.093 324.658 164.503C327.97 162.92 330.68 160.77 332.79 158.055H333.135V166.251C333.135 169.04 332.608 171.438 331.553 173.446C330.499 175.455 328.968 176.971 326.955 178.006C324.942 179.035 322.481 179.556 319.572 179.556C316.011 179.556 312.983 178.956 310.494 177.751C308.004 176.546 306.394 174.685 305.668 172.162H289.06C289.632 176.558 291.254 180.229 293.914 183.17C296.579 186.112 300.055 188.318 304.347 189.794C308.639 191.265 313.561 192 319.118 192C325.327 192 330.726 190.987 335.324 188.962C339.923 186.937 343.484 183.985 346.013 180.104C348.542 176.224 349.806 171.608 349.806 166.257V109.318H333.141V116.943ZM331.327 145.526C330.119 147.8 328.406 149.559 326.184 150.798C323.961 152.042 321.415 152.659 318.54 152.659C315.665 152.659 313.119 152.025 310.896 150.769C308.673 149.508 306.95 147.743 305.725 145.463C304.5 143.189 303.888 140.542 303.888 137.522C303.888 134.501 304.5 131.848 305.725 129.552C306.95 127.261 308.657 125.473 310.84 124.189C313.023 122.911 315.569 122.266 318.483 122.266C321.398 122.266 323.915 122.899 326.155 124.155C328.395 125.417 330.119 127.215 331.327 129.546C332.534 131.876 333.135 134.552 333.135 137.573C333.135 140.593 332.534 143.24 331.327 145.514V145.526Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M402.155 111.982C397.364 109.324 391.982 108 386.006 108C380.029 108 374.625 109.329 369.8 111.982C364.975 114.641 361.187 118.318 358.448 123.018C355.709 127.719 354.337 133.03 354.337 138.958C354.337 144.886 355.726 150.255 358.505 154.955C361.283 159.656 365.077 163.299 369.885 165.878C374.694 168.457 380.029 169.747 385.892 169.747C391.756 169.747 397.205 168.446 402.013 165.85C406.822 163.253 410.604 159.611 413.365 154.927C416.127 150.243 417.505 144.92 417.505 138.958C417.505 132.996 416.144 127.628 413.422 122.962C410.7 118.301 406.947 114.641 402.155 111.982ZM398.679 147.788C397.358 150.311 395.577 152.263 393.332 153.637C391.092 155.012 388.609 155.702 385.887 155.702C383.165 155.702 380.687 155.006 378.447 153.609C376.207 152.212 374.433 150.266 373.128 147.76C371.824 145.254 371.172 142.341 371.172 139.015C371.172 135.689 371.824 132.697 373.128 130.157C374.433 127.617 376.196 125.648 378.419 124.251C380.642 122.854 383.131 122.158 385.892 122.158C388.654 122.158 391.2 122.854 393.423 124.251C395.646 125.648 397.409 127.617 398.713 130.157C400.017 132.697 400.669 135.632 400.669 138.958C400.669 142.284 400.006 145.265 398.685 147.788H398.679Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M471.929 111.982C467.926 109.363 463.299 108.057 458.048 108.057C455.326 108.057 452.769 108.402 450.376 109.086C447.983 109.776 445.806 110.777 443.855 112.095C441.899 113.413 440.254 114.992 438.911 116.824H438.797V109.375H422.132V190.733H438.797V161.036H438.911C440.328 162.869 442.035 164.441 444.025 165.737C446.016 167.038 448.21 168.027 450.608 168.718C453.001 169.408 455.525 169.747 458.167 169.747C463.225 169.747 467.756 168.497 471.759 165.991C475.762 163.485 478.892 159.916 481.155 155.272C483.417 150.628 484.546 145.209 484.546 139.015C484.546 132.821 483.446 127.713 481.24 122.99C479.034 118.272 475.932 114.601 471.929 111.982ZM465.782 147.613C464.535 150.096 462.811 152.008 460.611 153.349C458.405 154.689 455.888 155.357 453.052 155.357C450.217 155.357 447.649 154.689 445.465 153.349C443.282 152.014 441.576 150.107 440.351 147.641C439.126 145.175 438.514 142.301 438.514 139.015C438.514 135.728 439.115 132.889 440.322 130.389C441.53 127.888 443.231 125.943 445.437 124.568C447.637 123.194 450.2 122.503 453.109 122.503C456.018 122.503 458.417 123.171 460.639 124.512C462.862 125.852 464.586 127.758 465.811 130.247C467.036 132.731 467.648 135.638 467.648 138.964C467.648 142.29 467.024 145.135 465.782 147.624V147.613Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M533.73 116.661H533.385C532.041 114.862 530.413 113.329 528.497 112.045C526.58 110.767 524.442 109.783 522.089 109.093C519.73 108.402 517.196 108.063 514.474 108.063C509.183 108.063 504.539 109.375 500.536 111.989C496.533 114.608 493.426 118.279 491.225 122.996C489.02 127.72 487.92 133.059 487.92 139.021C487.92 144.983 489.048 150.634 491.31 155.278C493.573 159.922 496.703 163.497 500.706 165.998C504.71 168.498 509.24 169.754 514.298 169.754C516.941 169.754 519.441 169.42 521.8 168.752C524.159 168.085 526.319 167.112 528.293 165.828C530.266 164.549 531.961 162.988 533.379 161.156H533.782V168.436H550.39V109.375H533.725V116.655L533.73 116.661ZM532.177 147.648C530.952 150.114 529.234 152.015 527.034 153.355C524.828 154.696 522.293 155.363 519.418 155.363C516.544 155.363 514.122 154.696 511.917 153.355C509.711 152.02 507.981 150.108 506.717 147.619C505.452 145.136 504.817 142.251 504.817 138.959C504.817 135.667 505.43 132.731 506.654 130.242C507.879 127.759 509.603 125.847 511.826 124.507C514.049 123.172 516.555 122.499 519.356 122.499C522.157 122.499 524.834 123.189 527.056 124.563C529.279 125.938 530.992 127.878 532.2 130.384C533.407 132.89 534.008 135.763 534.008 139.01C534.008 142.257 533.396 145.176 532.171 147.636L532.177 147.648Z" fill="white"/>
+<path d="M596.875 109.317L586.703 139.817C585.745 142.911 584.633 146.566 583.369 150.768H583.079C581.736 146.526 580.568 142.878 579.575 139.817L569.113 109.317H552.046L575.266 168.541L573.712 172.269C572.867 174.141 571.722 175.454 570.264 176.195C568.807 176.941 566.794 177.315 564.231 177.315H557.965V190.732H564.231C570.86 190.732 576.043 189.539 579.779 187.151C583.516 184.764 586.283 181.195 588.086 176.461L614 109.317H596.875Z" fill="white"/>
+<rect x="3" y="3" width="648" height="210" rx="33" stroke="white" stroke-width="6"/>
+</svg>

package/dist/static/images/nav_green.svg

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="46px" height="46px" viewBox="0 0 46 46" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 52.4 (67378) - http://www.bohemiancoding.com/sketch -->
+    <title>nav_green</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <polygon id="path-1" points="0 0.29172973 16.8441568 0.29172973 16.8441568 18.9774541 0 18.9774541"></polygon>
+        <polygon id="path-3" points="0.134854054 0.0508918919 16.978973 0.0508918919 16.978973 21.9459459 0.134854054 21.9459459"></polygon>
+    </defs>
+    <g id="nav_green" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group-10">
+            <circle id="Oval" fill="#0B7B47" fill-rule="nonzero" cx="23" cy="23" r="23"></circle>
+            <g id="Green" transform="translate(12.000000, 11.000000)">
+                <g id="Group-3" transform="translate(0.000000, 0.086724)">
+                    <mask id="mask-2" fill="white">
+                        <use xlink:href="#path-1"></use>
+                    </mask>
+                    <g id="Clip-2"></g>
+                    <path d="M2.5581027,15.1705892 L2.5581027,2.85361622 L16.8441568,2.85361622 L16.8441568,0.291616216 L-0.000113513514,0.291616216 L-0.000113513514,12.6407514 C-0.000113513514,15.1202649 1.74799459,17.1317243 4.02091351,18.9774541 C3.12112973,17.8268054 2.5581027,16.5766432 2.5581027,15.1705892" id="Fill-1" fill="#FFFFFF" mask="url(#mask-2)"></path>
+                </g>
+                <g id="Group-6" transform="translate(4.918919, 5.384022)">
+                    <mask id="mask-4" fill="white">
+                        <use xlink:href="#path-3"></use>
+                    </mask>
+                    <g id="Clip-5"></g>
+                    <path d="M14.4587459,12.4004054 C14.4587459,14.6082432 11.5331243,16.7646216 8.56361081,18.8547838 C5.59447568,16.7646216 2.66847568,14.6082432 2.66847568,12.4004054 L2.66847568,2.5777027 L14.4587459,2.5777027 L14.4587459,12.4004054 Z M8.62339459,0.0508918919 L0.134854054,0.0508918919 L0.134854054,12.4004054 C0.134854054,16.3680811 4.61296216,19.1381892 8.5568,21.9461351 C12.5044216,19.1381892 16.9791243,16.3680811 16.9791243,12.4004054 L16.9791243,0.0508918919 L8.62339459,0.0508918919 Z" id="Fill-4" fill="#FFFFFF" mask="url(#mask-4)"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/static/images/numbers/number_eight.svg

@@ -0,0 +1,3 @@
+<svg width="78" height="115" viewBox="0 0 78 115" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38.9237 17.25C34.9174 17.25 31.6874 18.2879 29.2292 20.3614C26.7709 22.435 25.5417 25.213 25.5417 28.6933C25.5417 31.7669 26.5175 34.5189 28.4691 36.9493C30.4207 39.3824 33.9556 41.8791 39.0763 44.4372C44.0442 42.0823 47.5158 39.6779 49.4932 37.219C51.4684 34.7601 52.4581 31.9182 52.4581 28.6933C52.4581 25.1609 51.1891 22.3711 48.6558 20.3235C46.1203 18.2761 42.8761 17.25 38.9237 17.25M21.7394 83.6587C21.7394 88.0516 23.2594 91.4728 26.3018 93.9222C29.3418 96.3739 33.4982 97.5987 38.7712 97.5987C44.6003 97.5987 48.9585 96.3361 51.8483 93.8087C54.7382 91.2812 56.1831 87.9499 56.1831 83.8125C56.1831 80.3912 54.7499 77.1875 51.8859 74.1991C49.0218 71.213 44.3703 68.0354 37.9338 64.6639C27.1368 69.6691 21.7394 76.0008 21.7394 83.6587M39.0763 0C49.7184 0 58.2965 2.43997 64.808 7.31748C71.3196 12.1951 74.5777 18.7703 74.5777 27.0453C74.5777 32.767 73.006 37.8621 69.8629 42.3306C66.7197 46.7991 61.6531 50.7972 54.6607 54.3199C62.9713 58.8169 68.9386 63.503 72.5627 68.3805C76.1868 73.2582 78 78.6086 78 84.4295C78 93.6242 74.4252 101.018 67.2804 106.611C60.1331 112.205 50.7317 115 39.0763 115C26.9116 115 17.3578 112.397 10.4147 107.186C3.47157 101.977 0 94.596 0 85.0442C0 78.6606 1.68422 72.991 5.0549 68.0354C8.42559 63.0822 13.837 58.7152 21.2868 54.9347C14.9512 50.9013 10.3889 46.5839 7.60217 41.9877C4.81561 37.3915 3.42233 32.358 3.42233 26.8917C3.42233 18.8742 6.71555 12.389 13.3045 7.43339C19.8911 2.4778 28.4832 0 39.0763 0" fill="black"/>
+</svg>

package/dist/static/images/numbers/number_five.svg

@@ -0,0 +1,4 @@
+<svg width="74" height="114" viewBox="0 0 74 114" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M67 18.9722V0H6.48228L5 19L67 18.9722Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M40.689 40.0299C40.1095 40.0109 39.5244 40 38.9315 40C38.1887 40 37.4678 40.0106 36.7644 40.0299H3.50761L3.30196 41.562L2.19682 56.8936L11.5143 62.0142C13.5334 61.3966 16.1577 60.8148 19.3898 60.2714C22.6218 59.7304 25.5757 59.4576 28.2516 59.4576C43.0469 59.4576 50.4457 65.1646 50.4457 76.5738C50.4457 88.5529 43.2993 94.5424 29.0111 94.5424C24.2624 94.5424 19.2379 93.8602 13.9377 92.4908C8.63517 91.1216 3.98922 89.3525 0 87.1835V107.876C7.57415 111.96 17.5225 114 29.843 114C44.0308 114 54.9374 110.589 62.5629 103.761C70.1861 96.9363 74 87.1884 74 74.5176C74 63.8144 70.831 55.3856 64.4932 49.2308C58.88 43.782 51.5533 40.7461 42.516 40.1227" fill="black"/>
+</svg>

package/dist/static/images/numbers/number_four.svg

@@ -0,0 +1,3 @@
+<svg width="85" height="112" viewBox="0 0 85 112" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M81.2381 70.3784L81.234 70.4079H41.1769V70.3784H20.9781L41.6516 39.3774C44.3242 35.3973 46.6135 31.3155 48.5174 27.1297H49.1338C48.9791 28.0993 48.7743 31.597 48.5174 37.6179C48.3276 42.0622 48.2084 45.7255 48.1587 48.6133H71.4208V0H49.4431L0 72.301V88.8432H48.1319V112H71.4208V88.8432H85V70.3784H81.2381Z" fill="black"/>
+</svg>

package/dist/static/images/numbers/number_nine.svg

@@ -0,0 +1,4 @@
+<svg width="80" height="115" viewBox="0 0 80 115" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M39.9394 92.9915C34.844 95.3182 28.348 96.4804 20.4516 96.4804C15.7642 96.4804 11.2795 95.9444 7 94.8676V113.923C10.4142 114.639 15.4317 115 22.0549 115C40.8519 115 54.8884 109.545 64.1619 98.6295C67.8371 94.3024 70.7813 89.0902 73 83H51.0764C48.4056 87.4892 44.6938 90.8216 39.9394 92.9915" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M51.0093 51.9627C47.546 55.1258 43.3842 56.7073 38.5266 56.7073C33.3556 56.7073 29.5049 55.1139 26.972 51.9245C24.4391 48.7352 23.1738 44.4145 23.1738 38.9601C23.1738 32.5814 24.5683 27.6963 27.3594 24.2997C30.1506 20.9056 34.0276 19.2073 38.9906 19.2073C44.0037 19.2073 48.1272 21.3177 51.3584 25.536C54.5874 29.7543 56.2043 34.9229 56.2043 41.0442C56.2043 45.1601 54.4726 48.7995 51.0093 51.9627M74.9605 22.8873C71.6024 15.4511 66.783 9.77759 60.5046 5.86646C54.2238 1.95549 46.8979 0 38.5266 0C26.6395 0 17.2471 3.5157 10.3491 10.5445C3.4489 17.5733 0 27.1389 0 39.2387C0 50.4645 2.84135 59.2322 8.52665 65.5393C14.2118 71.8463 21.9899 75 31.8607 75C37.7517 75 42.662 74.0235 46.5893 72.068C49.9344 70.4024 52.9412 67.687 55.613 63.9306C55.6356 63.9017 55.6586 63.8712 55.6823 63.8377C55.7196 63.7854 55.7535 63.7354 55.7893 63.6843C55.8208 63.6392 55.8524 63.5938 55.8837 63.5483C55.8981 63.5271 55.9122 63.5063 55.9264 63.4852C56.0778 63.2654 56.2289 63.0444 56.378 62.8178L56.3947 62.7422C56.6638 62.2828 56.8493 61.9015 56.9726 61.6151H79.4818C79.8263 57.7744 80 53.7293 80 49.4761C80 39.1863 78.3185 30.3235 74.9605 22.8873" fill="black"/>
+</svg>

package/dist/static/images/numbers/number_one.svg

@@ -0,0 +1,4 @@
+<svg width="50" height="112" viewBox="0 0 50 112" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M50 24V0H30.5793L0 24H50Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M25.021 46L25 47.0091V112H48V46H25.021Z" fill="black"/>
+</svg>

package/dist/static/images/numbers/number_seven.svg

@@ -0,0 +1,4 @@
+<svg width="81" height="111" viewBox="0 0 81 111" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M44.3961 40L12 111H37.074L68 40H44.3961Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M55.6605 19H78.7537L81 14.1571V0H0V18.972H55.6741L55.6605 19Z" fill="black"/>
+</svg>

package/dist/static/images/numbers/number_six.svg

@@ -0,0 +1,4 @@
+<svg width="80" height="115" viewBox="0 0 80 115" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.0155 31C30.5388 27.0774 34.0668 24.0509 38.6034 21.9254C43.7401 19.5196 50.3745 18.3146 58.5041 18.3146C62.95 18.3146 67.4478 18.8193 72 19.8244V1.13535C68.3706 0.379245 63.3593 0 56.971 0C38.2604 0 24.2132 5.32775 14.8319 15.9833C11.1732 20.139 8.23157 25.1472 6 31H28.0155Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M52.7138 90.7654C49.9728 94.1926 46.0453 95.9063 40.9293 95.9063C35.9685 95.9063 31.8713 93.7941 28.6423 89.5672C25.411 85.3403 23.7965 80.1588 23.7965 74.0249C23.7965 69.8506 25.5138 66.1918 28.9509 63.0461C32.388 59.9028 36.5353 58.3299 41.3955 58.3299C46.5619 58.3299 50.4248 59.9172 52.9842 63.0867C55.5433 66.2563 56.8231 70.6 56.8231 76.1133C56.8231 82.4524 55.4525 87.3381 52.7138 90.7654M71.3941 49.5111C65.6586 43.172 57.7247 40 47.5952 40C37.0529 40 27.6363 44.7652 23.8093 52.8609H23.7514H0.55552C0.187061 56.827 0 61.0122 0 65.4233C0 75.8914 1.69105 84.8367 5.07791 92.2619C8.46231 99.6869 13.2676 105.334 19.4959 109.2C25.7219 113.067 33.0217 115 41.3955 115C53.4887 115 62.9462 111.482 69.7676 104.446C76.5893 97.41 80 87.8607 80 75.7984C80 64.6142 77.1298 55.8502 71.3941 49.5111" fill="black"/>
+</svg>

package/dist/static/images/numbers/number_three.svg

@@ -0,0 +1,3 @@
+<svg width="78" height="115" viewBox="0 0 78 115" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M74.617 26.5989C74.617 33.581 72.4901 39.517 68.2388 44.4094C63.9873 49.3018 58.0193 52.6666 50.3369 54.4989V54.9594C59.404 56.0832 66.2683 58.827 70.9299 63.1906C75.5916 67.5563 77.9223 73.4405 77.9223 80.8428C77.9223 91.617 74.0029 100.004 66.164 106.001C58.3252 112.001 47.1287 115 32.5796 115C20.3874 115 9.57746 112.986 0.149933 108.958V88.8378C4.50336 91.0338 9.29536 92.8188 14.5212 94.1954C19.7472 95.5743 24.921 96.2614 30.0473 96.2614C37.8862 96.2614 43.6741 94.9345 47.4157 92.2757C51.155 89.6171 53.0257 85.3503 53.0257 79.471C53.0257 74.2055 50.8727 70.4748 46.5692 68.2765C42.2657 66.0807 35.4012 64.9802 25.9737 64.9802H17.4424V46.8462H26.1279C34.8369 46.8462 41.2034 45.7177 45.2248 43.4556C49.2462 41.1959 51.2592 37.3236 51.2592 31.8385C51.2592 23.409 45.929 19.1918 35.2732 19.1918C31.5838 19.1918 27.8304 19.8058 24.0128 21.0289C20.1953 22.2543 15.9559 24.3724 11.2942 27.3805L0.304112 11.0433C10.5497 3.68115 22.768 -6.10352e-05 36.9614 -6.10352e-05C48.5893 -6.10352e-05 57.7727 2.34467 64.5113 7.03171C71.2477 11.721 74.617 18.2426 74.617 26.5989" fill="black"/>
+</svg>

package/dist/static/images/numbers/number_two.svg

@@ -0,0 +1,4 @@
+<svg width="78" height="113" viewBox="0 0 78 113" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M25.5075 23.2072C29.5673 21.1819 33.7562 20.1668 38.0722 20.1668C42.1835 20.1668 45.4705 21.2829 47.9326 23.5151C50.3948 25.7473 51.6258 29.1486 51.6258 33.714C51.6258 36.7784 51.0666 39.7371 49.9506 42.5923C48.8324 45.4475 47.0046 48.548 44.4672 51.8963C41.9299 55.2446 36.5239 61.2534 28.2492 69.9199L25.2696 73H51.6826C57.1826 67.5862 61.2631 63.182 63.9203 59.7909C67.7028 54.9656 70.4938 50.2558 72.2959 45.6615C74.0978 41.0673 75 36.1506 75 30.9069C75 24.8718 73.5269 19.5125 70.5831 14.8292C67.6393 10.1484 63.502 6.50664 58.1736 3.90389C52.8428 1.3013 46.7015 0 39.7472 0C34.4658 0 29.6942 0.534036 25.4299 1.60195C21.1658 2.67002 17.233 4.195 13.6289 6.17458C10.0249 8.15663 5.48129 11.5434 0 16.3374L12.7925 31.8594C17.2094 28.119 21.4478 25.235 25.5075 23.2072" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.52995 94L0 97.3832V113H78V94H3.52995Z" fill="black"/>
+</svg>

package/dist/static/images/numbers/number_zero.svg

@@ -0,0 +1,3 @@
+<svg width="78" height="115" viewBox="0 0 78 115" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.117 14.6722C61.5282 4.89067 51.7959 0 38.9246 0C25.6955 0 15.8995 4.6738 9.53927 14.0214C6.72769 18.1532 4.53898 23.3006 2.97043 29.459H26.5284C26.6846 29.0007 26.8461 28.5595 27.0142 28.1392C29.4066 22.1591 33.3767 19.1667 38.9246 19.1667C44.3689 19.1667 48.325 22.1591 50.7928 28.1392C53.2606 34.1218 54.4969 43.9597 54.4969 57.6509C54.4969 71.1936 53.2748 80.9678 50.8327 86.974C48.3886 92.9825 44.4208 95.9843 38.9246 95.9843C33.325 95.9843 29.343 93.0202 26.9765 87.0896C24.6099 81.1589 23.4278 71.3468 23.4278 57.6509C23.4278 55.392 23.4608 53.2403 23.5259 51.1913H0.121771C0.0420471 53.2688 0 55.408 0 57.6156C0 76.5135 3.26837 90.8035 9.80768 100.481C16.3446 110.161 26.051 115 38.9246 115C52.2033 115 62.0346 110.314 68.4208 100.941C74.807 91.5676 78 77.1265 78 57.6156C78 38.7672 74.7057 24.4536 68.117 14.6722" fill="black"/>
+</svg>

package/dist/static/images/play-btn.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="60" height="60" viewBox="0 0 60 60"><defs><path id="ftiva" d="M392 327c0-13.255 10.745-24 24-24s24 10.745 24 24-10.745 24-24 24-24-10.745-24-24z"/><path id="ftivd" d="M417.5 323l6.5 8h-13z"/><mask id="ftivc" width="2" height="2" x="-1" y="-1"><path fill="#fff" d="M392 303h48v48h-48z"/><use xlink:href="#ftiva"/></mask><filter id="ftivb" width="82" height="84" x="375" y="286" filterUnits="userSpaceOnUse"><feOffset dy="2" in="SourceGraphic" result="FeOffset1029Out"/><feGaussianBlur in="FeOffset1029Out" result="FeGaussianBlur1030Out" stdDeviation="2.8 2.8"/></filter></defs><g><g transform="translate(-386 -299)"><g><g><g><g filter="url(#ftivb)"><use fill="none" stroke-opacity=".16" stroke-width="0" mask="url(&quot;#ftivc&quot;)" xlink:href="#ftiva"/><use fill-opacity=".16" xlink:href="#ftiva"/></g><use fill="#ee220d" xlink:href="#ftiva"/></g><g transform="rotate(90 417.5 327)"><use fill="#fff" xlink:href="#ftivd"/></g></g></g></g></g></svg>

package/dist/static/images/prof-inv.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg width="140.38379px" height="140.3652px" viewBox="0 0 140.38379 140.3652" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
+  <path d="M140.384 70.1788L127.719 70.1788C127.719 70.185 127.72 70.1912 127.72 70.1974C127.72 80.8059 119.088 89.4361 108.477 89.4361C97.866 89.4361 89.233 80.8059 89.233 70.1974C89.233 59.5893 97.865 50.959 108.477 50.959L108.477 38.298C98.27 38.298 89.189 43.095 83.349 50.551L62.71 40.227C63.427 37.572 63.815 34.782 63.815 31.9C63.815 14.282 49.53 0 31.908 0L31.906 0L31.906 12.661C31.907 12.661 31.907 12.661 31.908 12.661C42.519 12.661 51.151 21.292 51.151 31.9C51.151 42.508 42.519 51.139 31.908 51.139C21.297 51.139 12.664 42.508 12.664 31.9L12.664 31.9L0 31.9L0 31.9C0 49.518 14.285 63.7996 31.908 63.7996C42.115 63.7996 51.195 59.0026 57.036 51.547L77.674 61.8697C76.958 64.5254 76.569 67.3156 76.569 70.1974C76.569 73.0763 76.957 75.8631 77.672 78.5155L57.042 88.8262C51.201 81.3664 42.118 76.5661 31.908 76.5661C14.286 76.5661 0 90.8478 0 108.465L12.664 108.465C12.664 97.8573 21.297 89.2267 31.908 89.2267C42.519 89.2267 51.151 97.8573 51.151 108.465C51.151 119.074 42.519 127.705 31.908 127.705L31.908 127.705L31.908 140.365L31.908 140.365C49.53 140.365 63.815 126.083 63.815 108.465C63.815 105.587 63.427 102.8 62.712 100.147L83.343 89.8365C89.183 97.2968 98.266 102.097 108.477 102.097C126.099 102.097 140.384 87.8149 140.384 70.1974C140.384 70.1912 140.384 70.185 140.384 70.1788" id="Fill-40" fill="#202020" fill-rule="evenodd" stroke="none" />
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "2.3.28",
+  "version": "2.3.32",
   "description": "STOKR - Components Library",
   "main": "dist/index.js",
   "module": "dist/index.js",