@invoicebox/ui 0.1.0-alpha.31 → 0.1.0-alpha.312

package/dist/esm/components/common/EntityAutocompleteOptionsDrawer/index.stories.js

@@ -0,0 +1,92 @@
+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 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(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); }
+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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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(r) { if (Array.isArray(r)) return r; }
+import React, { useState } from 'react';
+import { EntityAutocompleteOptionsDrawer } from '.';
+var meta = {
+  title: 'common/EntityAutocompleteOptionsDrawer',
+  component: EntityAutocompleteOptionsDrawer,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered'
+  },
+  argTypes: {
+    onChange: {
+      action: 'onChange'
+    }
+  }
+};
+export default meta;
+function Render(props) {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var close = function close() {
+    return setIsOpen(false);
+  };
+  var open = function open() {
+    return setIsOpen(true);
+  };
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
+    type: 'button',
+    onClick: open
+  }, "Open"), /*#__PURE__*/React.createElement(EntityAutocompleteOptionsDrawer, _extends({}, props, {
+    isOpen: isOpen,
+    onClose: close
+  })));
+}
+var commonArgs = {
+  isLoadingOptions: false,
+  searchValue: '1234',
+  searchInputField: /*#__PURE__*/React.createElement("div", null, " Input here "),
+  renderOption: function renderOption(option) {
+    return /*#__PURE__*/React.createElement("div", null, " ", option.entity.name, " ");
+  },
+  options: [{
+    value: '1',
+    entity: {
+      id: '1',
+      name: 'Name one'
+    }
+  }, {
+    value: '2',
+    entity: {
+      id: '2',
+      name: 'Name two'
+    },
+    isDisabled: true
+  }, {
+    value: '3',
+    entity: {
+      id: '3',
+      name: 'Name three'
+    }
+  }]
+};
+export var Default = {
+  args: commonArgs,
+  render: Render
+};
+export var Loading = {
+  args: _objectSpread(_objectSpread({}, commonArgs), {}, {
+    isLoadingOptions: true
+  }),
+  render: Render
+};
+export var PromptMessage = {
+  args: _objectSpread(_objectSpread({}, commonArgs), {}, {
+    promptMessage: 'PromptMessage'
+  }),
+  render: Render
+};

package/dist/esm/components/common/EntityAutocompleteOptionsDrawer/palette.js

@@ -0,0 +1,6 @@
+import hexToRgba from '../../../utils/hexToRgba';
+export var generateEntityAutocompleteOptionsDrawerPalette = function generateEntityAutocompleteOptionsDrawerPalette(abstractPalette) {
+  return {
+    prompt: hexToRgba(abstractPalette.primary, 0.5)
+  };
+};

package/dist/esm/components/common/EntityAutocompleteOptionsDrawer/styles.js

@@ -0,0 +1,29 @@
+import styled from 'styled-components';
+import { Typography } from '../Typography';
+export var BodyWrapper = styled.div.withConfig({
+  displayName: "styles__BodyWrapper",
+  componentId: "sc-r0dl76-0"
+})(["padding:32px 0 36px;"]);
+export var InputWrapper = styled.div.withConfig({
+  displayName: "styles__InputWrapper",
+  componentId: "sc-r0dl76-1"
+})(["padding:8px 16px;"]);
+export var OptionWrapper = styled.button.withConfig({
+  displayName: "styles__OptionWrapper",
+  componentId: "sc-r0dl76-2"
+})(["width:100%;background:transparent;border:none;cursor:pointer;outline:none;color:inherit;&:disabled{opacity:0.7;cursor:not-allowed;}"]);
+export var ContentWrapper = styled.div.withConfig({
+  displayName: "styles__ContentWrapper",
+  componentId: "sc-r0dl76-3"
+})(["height:380px;"]);
+export var SkeletonListWrapper = styled.div.withConfig({
+  displayName: "styles__SkeletonListWrapper",
+  componentId: "sc-r0dl76-4"
+})(["display:flex;flex-direction:column;gap:16px;padding:8px 16px;"]);
+export var Prompt = styled(Typography).withConfig({
+  displayName: "styles__Prompt",
+  componentId: "sc-r0dl76-5"
+})(["padding:8px 16px 0 16px;text-align:center;color:", ";"], function (_ref) {
+  var $color = _ref.$color;
+  return $color;
+});

package/dist/esm/components/common/Flag/components/ArmFlag/index.js

@@ -0,0 +1,23 @@
+import React from 'react';
+export var ArmFlag = function ArmFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M19.9048 0H2.09524C0.93807 0 0 0.955126 0 2.13333V13.8667C0 15.0449 0.93807 16 2.09524 16H19.9048C21.0619 16 22 15.0449 22 13.8667V2.13333C22 0.955126 21.0619 0 19.9048 0Z",
+    fill: "#1A47B8"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 11H22V16H0V11Z",
+    fill: "#FFDA2C"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 0H22V5H0V0Z",
+    fill: "#F93939"
+  }));
+};

package/dist/esm/components/common/Flag/components/ArmFlag/index.stories.js

@@ -0,0 +1,8 @@
+import { ArmFlag } from '.';
+var meta = {
+  title: 'common/Flag/_components/ArmFlag',
+  component: ArmFlag,
+  tags: ['autodocs']
+};
+export default meta;
+export var Default = {};

package/dist/esm/components/common/Flag/components/AzeFlag/index.js

@@ -0,0 +1,33 @@
+import React from 'react';
+export var AzeFlag = function AzeFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M19.9048 0H2.09524C0.93807 0 0 0.955126 0 2.13333V13.8667C0 15.0449 0.93807 16 2.09524 16H19.9048C21.0619 16 22 15.0449 22 13.8667V2.13333C22 0.955126 21.0619 0 19.9048 0Z",
+    fill: "#F93939"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 11H22V16H0V11Z",
+    fill: "#249F58"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 0H22V5H0V0Z",
+    fill: "#3ECBF8"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12.5713 7.4668H13.6189V8.53346H12.5713V7.4668Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M13.0951 9.60016C12.6174 10.2476 11.8569 10.6668 10.9999 10.6668C9.55419 10.6668 8.38086 9.47216 8.38086 8.00016C8.38086 6.52816 9.55419 5.3335 10.9999 5.3335C11.8569 5.3335 12.6174 5.7527 13.0951 6.40016H11.5237C10.6563 6.40016 9.95229 7.11696 9.95229 8.00016C9.95229 8.88336 10.6563 9.60016 11.5237 9.60016H13.0951Z",
+    fill: "white"
+  }));
+};

package/dist/esm/components/common/Flag/components/AzeFlag/index.stories.js

@@ -0,0 +1,8 @@
+import { AzeFlag } from '.';
+var meta = {
+  title: 'common/Flag/_components/AzeFlag',
+  component: AzeFlag,
+  tags: ['autodocs']
+};
+export default meta;
+export var Default = {};

package/dist/esm/components/common/Flag/components/BlrFlag/index.js

@@ -0,0 +1,28 @@
+import React from 'react';
+export var BlrFlag = function BlrFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "#F93939"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M19.9048 0H2.09524C0.93807 0 0 0.955126 0 2.13333V13.8667C0 15.0449 0.93807 16 2.09524 16H19.9048C21.0619 16 22 15.0449 22 13.8667V2.13333C22 0.955126 21.0619 0 19.9048 0Z",
+    fill: "#F93939"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3.14286 0L5.2381 1.6L3.14286 3.2V0ZM3.14286 3.2L5.2381 4.8L3.14286 6.4V3.2ZM3.14286 6.4L5.2381 8L3.14286 9.6V6.4ZM3.14286 9.6L5.2381 11.2L3.14286 12.8V9.6ZM3.14286 12.8L5.2381 14.4L3.14286 16V12.8ZM2.09524 0L0 1.6L2.09524 3.2V0ZM2.09524 3.2L0 4.8L2.09524 6.4V3.2ZM2.09524 6.4L0 8L2.09524 9.6V6.4ZM2.09524 9.6L0 11.2L2.09524 12.8V9.6ZM2.09524 12.8L0 14.4L2.09524 16V12.8ZM2.09524 0H3.14286V2.13333H2.09524V0ZM2.09524 13.8667H3.14286V16H2.09524V13.8667ZM2.09524 5.33333H3.14286V7.46667H2.09524V5.33333ZM2.09524 3.2H3.14286V4.26667H2.09524V3.2ZM2.09524 11.7333H3.14286V12.8H2.09524V11.7333ZM2.09524 8.53333H3.14286V10.6667H2.09524V8.53333Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5 12H22V16H5V12Z",
+    fill: "#249F58"
+  }));
+};

package/dist/esm/components/common/Flag/components/BlrFlag/index.stories.js

@@ -0,0 +1,8 @@
+import { BlrFlag } from '.';
+var meta = {
+  title: 'common/Flag/_components/BlrFlag',
+  component: BlrFlag,
+  tags: ['autodocs']
+};
+export default meta;
+export var Default = {};

package/dist/esm/components/common/Flag/components/ChnFlag/index.js

@@ -0,0 +1,25 @@
+import React from 'react';
+export var ChnFlag = function ChnFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "#F93939"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "vector",
+    d: "M19.9048 0H2.09524C0.93807 0 0 0.955126 0 2.13333V13.8667C0 15.0449 0.93807 16 2.09524 16H19.9048C21.0619 16 22 15.0449 22 13.8667V2.13333C22 0.955126 21.0619 0 19.9048 0Z",
+    fill: "#F93939"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "vector_2",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5.75979 7.7122L4.21979 8.53673L4.51313 6.7906L3.26855 5.55326L4.98979 5.30046L5.75979 3.71113L6.52875 5.30046L8.24998 5.55326L7.00332 6.7906L7.29875 8.53566L5.75979 7.7122ZM9.42856 3.2002H10.4762V4.26686H9.42856V3.2002ZM10.4762 5.33353H11.5238V6.4002H10.4762V5.33353ZM10.4762 7.46686H11.5238V8.53353H10.4762V7.46686ZM9.42856 9.6002H10.4762V10.6669H9.42856V9.6002Z",
+    fill: "#FFDA2C"
+  }));
+};

package/dist/esm/components/common/Flag/components/ChnFlag/index.stories.js

@@ -0,0 +1,8 @@
+import { ChnFlag } from '.';
+var meta = {
+  title: 'common/Flag/_components/ChnFlag',
+  component: ChnFlag,
+  tags: ['autodocs']
+};
+export default meta;
+export var Default = {};

package/dist/esm/components/common/Flag/components/EngFlag/index.js

@@ -0,0 +1,47 @@
+import React from 'react';
+export var EngFlag = function EngFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "#1A47B8"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "vector",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2.34035 0H0V2.66667L19.6469 16L22 16V13.3333L2.34035 0Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "vector_2",
+    d: "M0.780579 0L22 14.4378V16H21.2377L0 1.54726V0H0.780579Z",
+    fill: "#F93939"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "vector_3",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M19.9048 0H22V2.66667C22 2.66667 8.39122 11.5499 2.09524 16H0V13.3333L19.9048 0Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "vector_4",
+    d: "M22 0H21.2895L0 14.4502V16H0.780579L22 1.55895V0Z",
+    fill: "#F93939"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "vector_5",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8.00075 0H14.0176V4.93527H22V11.0615H14.0176V16H8.00075V11.0615H0V4.93527H8.00075V0Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "vector_6",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.26316 0H12.7368V6.15385H22V9.84615H12.7368V16H9.26316V9.84615H0V6.15385H9.26316V0Z",
+    fill: "#F93939"
+  }));
+};

package/dist/esm/components/common/Flag/components/EngFlag/index.stories.js

@@ -0,0 +1,8 @@
+import { EngFlag } from '.';
+var meta = {
+  title: 'common/Flag/_components/EngFlag',
+  component: EngFlag,
+  tags: ['autodocs']
+};
+export default meta;
+export var Default = {};

package/dist/esm/components/common/Flag/components/EspFlag/index.js

@@ -0,0 +1,79 @@
+import React from 'react';
+export var EspFlag = function EspFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "#F93939"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "vector",
+    d: "M19.9048 0H2.09524C0.93807 0 0 0.955126 0 2.13333V13.8667C0 15.0449 0.93807 16 2.09524 16H19.9048C21.0619 16 22 15.0449 22 13.8667V2.13333C22 0.955126 21.0619 0 19.9048 0Z",
+    fill: "#F93939"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "vector_2",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 4.2666H22V11.7333H0V4.2666Z",
+    fill: "#FFDA2C"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "vector_3",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.42852 6.63677V9.32477C9.42852 10.0714 8.72452 10.6688 7.8571 10.6688H5.76186C4.89652 10.6666 4.19043 10.0661 4.19043 9.32264V6.63464C4.19043 6.02451 4.65976 5.51464 5.3051 5.34931C5.49995 4.79464 6.09919 5.29171 6.80948 5.29171C7.52395 5.29171 8.119 4.79784 8.31386 5.35037C8.9571 5.51997 9.42852 6.03091 9.42852 6.63677Z",
+    fill: "#D4AF2C"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "vector_4",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.42878 7.4668H10.4764V10.6668H9.42878V7.4668ZM3.14307 7.4668H4.19069V10.6668H3.14307V7.4668Z",
+    fill: "#CBCBCB"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "vector_5",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.42878 9.6001H10.4764V10.6668H9.42878V9.6001ZM3.14307 9.6001H4.19069V10.6668H3.14307V9.6001Z",
+    fill: "#1A47B8"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "vector_6",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.42878 6.3999H10.4764V7.46657H9.42878V6.3999ZM3.14307 6.3999H4.19069V7.46657H3.14307V6.3999Z",
+    fill: "#D4AF2C"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "vector_7",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5.23828 6.3999H6.2859V7.9999H5.23828V6.3999ZM7.33352 8.53324H8.38114V10.1332H7.33352V8.53324Z",
+    fill: "#AF010D"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "vector_8",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M7.3335 6.3999H8.38112V7.9999H7.3335V6.3999Z",
+    fill: "#AE6A3E"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "vector_9",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5.23828 8.5332H6.2859V10.1332H5.23828V8.5332Z",
+    fill: "#FFDA2C"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "vector_10",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6.2859 6.40016L5.23828 5.3335H8.38114L7.33352 6.40016H6.2859Z",
+    fill: "#AF010D"
+  }), /*#__PURE__*/React.createElement("path", {
+    id: "vector_11",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6.28564 4.2666H7.33326V5.33327H6.28564V4.2666Z",
+    fill: "#D4AF2C"
+  }));
+};

package/dist/esm/components/common/Flag/components/EspFlag/index.stories.js

@@ -0,0 +1,8 @@
+import { EspFlag } from '.';
+var meta = {
+  title: 'common/Flag/_components/EspFlag',
+  component: EspFlag,
+  tags: ['autodocs']
+};
+export default meta;
+export var Default = {};

package/dist/esm/components/common/Flag/components/KazFlag/index.js

@@ -0,0 +1,28 @@
+import React from 'react';
+export var KazFlag = function KazFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "#03BCDB"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2.09521 2.6613C2.09521 2.3701 2.33826 2.1333 2.61902 2.1333C2.90817 2.1333 3.14283 2.3637 3.14283 2.6613V4.8053C3.14283 5.0965 2.89979 5.3333 2.61902 5.3333C2.32988 5.3333 2.09521 5.1029 2.09521 4.8053V2.6613ZM3.14283 4.79463C3.14283 4.50343 3.38588 4.26663 3.66664 4.26663C3.95579 4.26663 4.19045 4.49703 4.19045 4.79463V6.93863C4.19045 7.22983 3.94741 7.46663 3.66664 7.46663C3.3775 7.46663 3.14283 7.23623 3.14283 6.93863V4.79463ZM3.14283 9.0613C3.14283 8.7701 3.38588 8.5333 3.66664 8.5333C3.95579 8.5333 4.19045 8.7637 4.19045 9.0613V11.2053C4.19045 11.4965 3.94741 11.7333 3.66664 11.7333C3.3775 11.7333 3.14283 11.5029 3.14283 11.2053V9.0613ZM2.09521 11.1946C2.09521 10.9034 2.33826 10.6666 2.61902 10.6666C2.90817 10.6666 3.14283 10.897 3.14283 11.1946V13.3386C3.14283 13.6298 2.89979 13.8666 2.61902 13.8666C2.32988 13.8666 2.09521 13.6362 2.09521 13.3386V11.1946ZM2.09521 6.9333C2.09521 6.6389 2.33826 6.39997 2.61902 6.39997C2.90817 6.39997 3.14283 6.64743 3.14283 6.9333C3.14283 7.2277 2.89979 7.46663 2.61902 7.46663C2.32988 7.46663 2.09521 7.21917 2.09521 6.9333ZM3.14283 2.66663C3.14283 2.37223 3.38588 2.1333 3.66664 2.1333C3.95579 2.1333 4.19045 2.38077 4.19045 2.66663C4.19045 2.96103 3.94741 3.19997 3.66664 3.19997C3.3775 3.19997 3.14283 2.9525 3.14283 2.66663ZM2.09521 7.99997C2.09521 7.70557 2.33826 7.46663 2.61902 7.46663C2.90817 7.46663 3.14283 7.7141 3.14283 7.99997C3.14283 8.29437 2.89979 8.5333 2.61902 8.5333C2.32988 8.5333 2.09521 8.28583 2.09521 7.99997ZM3.14283 13.3333C3.14283 13.0389 3.38588 12.8 3.66664 12.8C3.95579 12.8 4.19045 13.0474 4.19045 13.3333C4.19045 13.6277 3.94741 13.8666 3.66664 13.8666C3.3775 13.8666 3.14283 13.6192 3.14283 13.3333ZM2.09521 9.06663C2.09521 8.77223 2.33826 8.5333 2.61902 8.5333C2.90817 8.5333 3.14283 8.78077 3.14283 9.06663C3.14283 9.36103 2.89979 9.59997 2.61902 9.59997C2.32988 9.59997 2.09521 9.3525 2.09521 9.06663Z",
+    fill: "#FFDA2C"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12.0478 9.59994C13.4942 9.59994 14.6668 8.40603 14.6668 6.93327C14.6668 5.46051 13.4942 4.2666 12.0478 4.2666C10.6013 4.2666 9.42871 5.46051 9.42871 6.93327C9.42871 8.40603 10.6013 9.59994 12.0478 9.59994Z",
+    fill: "#FFDA2C"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8.38086 7.4668L9.42848 9.60013L12.0475 10.6668L14.6666 9.60013L15.7142 7.4668V10.6668L12.0475 11.7335L8.38086 10.6668V7.4668Z",
+    fill: "#FFDA2C"
+  }));
+};

package/dist/esm/components/common/Flag/components/KazFlag/index.stories.js

@@ -0,0 +1,8 @@
+import { KazFlag } from '.';
+var meta = {
+  title: 'common/Flag/_components/KazFlag',
+  component: KazFlag,
+  tags: ['autodocs']
+};
+export default meta;
+export var Default = {};

package/dist/esm/components/common/Flag/components/KgzFlag/index.js

@@ -0,0 +1,25 @@
+import React from 'react';
+export var KgzFlag = function KgzFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "#F93939"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10.6919 10.1175C10.7935 10.1282 10.8962 10.1335 10.9999 10.1335C11.1047 10.1335 11.2063 10.1282 11.3079 10.1175L10.9999 9.3335L10.6919 10.1175ZM9.27134 9.53616C8.72343 9.09456 8.38086 8.4503 8.38086 7.7335C8.38086 6.88763 8.85857 6.14416 9.57934 5.7175L10.4761 8.00016L9.27134 9.53616ZM12.4205 5.7175C13.1412 6.14416 13.619 6.88763 13.619 7.7335C13.619 8.45136 13.2753 9.09563 12.7285 9.53616L11.5237 8.00016L12.4205 5.7175ZM12.3157 5.65776C11.9281 5.45083 11.4797 5.3335 10.9999 5.3335C10.5201 5.3335 10.0707 5.45083 9.6841 5.65776L10.9999 7.33243L12.3157 5.65776Z",
+    fill: "#FFDA2C"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10.9999 12.8002C13.6033 12.8002 15.7142 10.6509 15.7142 8.0002C15.7142 5.34953 13.6033 3.2002 10.9999 3.2002C8.3966 3.2002 6.28564 5.34953 6.28564 8.0002C6.28564 10.6509 8.3966 12.8002 10.9999 12.8002ZM10.9999 11.7335C13.025 11.7335 14.6666 10.0621 14.6666 8.0002C14.6666 5.93833 13.025 4.26686 10.9999 4.26686C8.97488 4.26686 7.33326 5.93833 7.33326 8.0002C7.33326 10.0621 8.97488 11.7335 10.9999 11.7335Z",
+    fill: "#FFDA2C"
+  }));
+};

package/dist/esm/components/common/Flag/components/KgzFlag/index.stories.js

@@ -0,0 +1,8 @@
+import { KgzFlag } from '.';
+var meta = {
+  title: 'common/Flag/_components/KgzFlag',
+  component: KgzFlag,
+  tags: ['autodocs']
+};
+export default meta;
+export var Default = {};

package/dist/esm/components/common/Flag/components/MdaFlag/index.js

@@ -0,0 +1,45 @@
+import React from 'react';
+export var MdaFlag = function MdaFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "#FFDA2C"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 0H8V16H0V0Z",
+    fill: "#1A47B8"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9 5.125H14V10.75H9V5.125ZM9 10.75L11.5 13L14 10.75H9ZM11 4H12V5.125H11V4Z",
+    fill: "#AE6A3E"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10 6H13V9H10V6Z",
+    fill: "#AF010D"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10 9H13V10.2H10V9ZM10 10.2L11.5 11L13 10.2H10Z",
+    fill: "#1A47B8"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11.5 7C11.776 7 12 7.321 12 7.7575V9.2425C12 9.6625 11.768 10 11.5 10C11.224 10 11 9.679 11 9.2425V7.7575C11 7.3375 11.232 7 11.5 7Z",
+    fill: "#FFDA2C"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15 0H23V16H15V0Z",
+    fill: "#AF010D"
+  }));
+};

package/dist/esm/components/common/Flag/components/MdaFlag/index.stories.js

@@ -0,0 +1,8 @@
+import { MdaFlag } from '.';
+var meta = {
+  title: 'common/Flag/_components/MdaFlag',
+  component: MdaFlag,
+  tags: ['autodocs']
+};
+export default meta;
+export var Default = {};

package/dist/esm/components/common/Flag/components/RusFlag/index.js

@@ -0,0 +1,25 @@
+import React from 'react';
+export var RusFlag = function RusFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "#1A47B8"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 10.6667H22V16.0001H0V10.6667Z",
+    fill: "#F93939"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 0H22V5.33333H0V0Z",
+    fill: "white"
+  }));
+};

package/dist/esm/components/common/Flag/components/RusFlag/index.stories.js

@@ -0,0 +1,8 @@
+import { RusFlag } from '.';
+var meta = {
+  title: 'common/Flag/_components/RusFlag',
+  component: RusFlag,
+  tags: ['autodocs']
+};
+export default meta;
+export var Default = {};

package/dist/esm/components/common/Flag/components/TjkFlag/index.js

@@ -0,0 +1,30 @@
+import React from 'react';
+export var TjkFlag = function TjkFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 11H22V16H0V11Z",
+    fill: "#249F58"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12.5401 7.6799C12.5611 7.78337 12.5716 7.89004 12.5716 7.9999C12.5716 8.8831 11.8676 9.5999 11.0001 9.5999C10.1327 9.5999 9.42871 8.8831 9.42871 7.9999C9.42871 7.89004 9.43919 7.78337 9.46014 7.6799C9.60681 8.1663 10.2396 8.53324 11.0001 8.53324C11.7607 8.53324 12.3935 8.1663 12.5401 7.6799ZM11.0001 7.46657C11.2893 7.46657 11.5239 7.22764 11.5239 6.93324C11.5239 6.63884 11.2893 6.3999 11.0001 6.3999C10.711 6.3999 10.4763 6.63884 10.4763 6.93324C10.4763 7.22764 10.711 7.46657 11.0001 7.46657Z",
+    fill: "#FFDA2C"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 0H22V5H0V0Z",
+    fill: "#AF010D"
+  }));
+};

package/dist/esm/components/common/Flag/components/TjkFlag/index.stories.js

@@ -0,0 +1,8 @@
+import { TjkFlag } from '.';
+var meta = {
+  title: 'common/Flag/_components/TjkFlag',
+  component: TjkFlag,
+  tags: ['autodocs']
+};
+export default meta;
+export var Default = {};