@invoicebox/ui 0.1.0-alpha.55 → 0.1.0-alpha.57

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.KgzFlag = void 0;
+var KgzFlag = exports.KgzFlag = function KgzFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "100%",
+    height: "100%",
+    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/components/common/Flag/components/KgzFlag/index.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { KgzFlag } from '.';
+declare const meta: Meta<typeof KgzFlag>;
+export default meta;
+export declare const Default: StoryObj<typeof KgzFlag>;

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _ = require(".");
+var meta = {
+  title: 'common/Flag/_components/KgzFlag',
+  component: _.KgzFlag,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {};

package/dist/components/common/Flag/components/MdaFlag/index.d.ts

@@ -0,0 +1 @@
+export declare const MdaFlag: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MdaFlag = void 0;
+var MdaFlag = exports.MdaFlag = function MdaFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_216_201747)"
+  }, /*#__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"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_216_201747"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "white"
+  }))));
+};

package/dist/components/common/Flag/components/MdaFlag/index.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { MdaFlag } from '.';
+declare const meta: Meta<typeof MdaFlag>;
+export default meta;
+export declare const Default: StoryObj<typeof MdaFlag>;

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _ = require(".");
+var meta = {
+  title: 'common/Flag/_components/MdaFlag',
+  component: _.MdaFlag,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {};

package/dist/components/common/Flag/components/RusFlag/index.d.ts

@@ -0,0 +1 @@
+export declare const RusFlag: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RusFlag = void 0;
+var RusFlag = exports.RusFlag = function RusFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_1738_85108)"
+  }, /*#__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"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_1738_85108"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "white"
+  }))));
+};

package/dist/components/common/Flag/components/RusFlag/index.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { RusFlag } from '.';
+declare const meta: Meta<typeof RusFlag>;
+export default meta;
+export declare const Default: StoryObj<typeof RusFlag>;

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _ = require(".");
+var meta = {
+  title: 'common/Flag/_components/RusFlag',
+  component: _.RusFlag,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {};

package/dist/components/common/Flag/components/TjkFlag/index.d.ts

@@ -0,0 +1 @@
+export declare const TjkFlag: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TjkFlag = void 0;
+var TjkFlag = exports.TjkFlag = function TjkFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_216_201755)"
+  }, /*#__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"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_216_201755"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "white"
+  }))));
+};

package/dist/components/common/Flag/components/TjkFlag/index.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { TjkFlag } from '.';
+declare const meta: Meta<typeof TjkFlag>;
+export default meta;
+export declare const Default: StoryObj<typeof TjkFlag>;

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _ = require(".");
+var meta = {
+  title: 'common/Flag/_components/TjkFlag',
+  component: _.TjkFlag,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {};

package/dist/components/common/Flag/components/UzbFlag/index.d.ts

@@ -0,0 +1 @@
+export declare const UzbFlag: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/common/Flag/components/UzbFlag/index.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UzbFlag = void 0;
+var UzbFlag = exports.UzbFlag = function UzbFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_216_201760)"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "#F93939"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 12H22V16H0V12Z",
+    fill: "#00B731"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 0H22V4H0V0Z",
+    fill: "#03BCDB"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 5.44444H22V11H0V5.44444ZM5.2381 4.23889C5.07467 4.3 4.89762 4.33333 4.71429 4.33333C3.84686 4.33333 3.14286 3.58667 3.14286 2.66667C3.14286 1.74667 3.84686 1 4.71429 1C4.89762 1 5.07467 1.03333 5.2381 1.09444C4.62733 1.32333 4.19048 1.94111 4.19048 2.66667C4.19048 3.39222 4.62733 4.01111 5.2381 4.23889Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: "0.5",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6 2H7.2V3H6V2ZM7.2 1H8.4V2H7.2V1ZM8.4 2H9.6V3H8.4V2ZM9.6 1H10.8V2H9.6V1ZM10.8 2H12V3H10.8V2ZM9.6 3H10.8V4H9.6V3ZM7.2 3H8.4V4H7.2V3Z",
+    fill: "#1A47B8"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_216_201760"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "white"
+  }))));
+};

package/dist/components/common/Flag/components/UzbFlag/index.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { UzbFlag } from '.';
+declare const meta: Meta<typeof UzbFlag>;
+export default meta;
+export declare const Default: StoryObj<typeof UzbFlag>;

package/dist/components/common/Flag/components/UzbFlag/index.stories.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _ = require(".");
+var meta = {
+  title: 'common/Flag/_components/UzbFlag',
+  component: _.UzbFlag,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {};

package/dist/components/common/Flag/index.d.ts

@@ -0,0 +1,12 @@
+declare const flagKeys: readonly ["RUS", "BLR", "KAZ", "AZE", "ARM", "KGZ", "MDA", "TJK", "UZB", "CHN", "ENG", "ESP"];
+export type TFlagKey = (typeof flagKeys)[number];
+export type TProps = {
+    flag: TFlagKey;
+    width: number;
+    height: number;
+};
+export declare const Flag: {
+    ({ flag, width, height }: TProps): import("react/jsx-runtime").JSX.Element;
+    flags: readonly ["RUS", "BLR", "KAZ", "AZE", "ARM", "KGZ", "MDA", "TJK", "UZB", "CHN", "ENG", "ESP"];
+};
+export {};

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

@@ -0,0 +1,49 @@
+"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.Flag = void 0;
+var _react = _interopRequireDefault(require("react"));
+var S = _interopRequireWildcard(require("./styles"));
+var _RusFlag = require("./components/RusFlag");
+var _KazFlag = require("./components/KazFlag");
+var _BlrFlag = require("./components/BlrFlag");
+var _AzeFlag = require("./components/AzeFlag");
+var _ArmFlag = require("./components/ArmFlag");
+var _KgzFlag = require("./components/KgzFlag");
+var _MdaFlag = require("./components/MdaFlag");
+var _TjkFlag = require("./components/TjkFlag");
+var _UzbFlag = require("./components/UzbFlag");
+var _ChnFlag = require("./components/ChnFlag");
+var _EngFlag = require("./components/EngFlag");
+var _EspFlag = require("./components/EspFlag");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var flagKeys = ['RUS', 'BLR', 'KAZ', 'AZE', 'ARM', 'KGZ', 'MDA', 'TJK', 'UZB', 'CHN', 'ENG', 'ESP'];
+var map = {
+  RUS: /*#__PURE__*/_react["default"].createElement(_RusFlag.RusFlag, null),
+  KAZ: /*#__PURE__*/_react["default"].createElement(_KazFlag.KazFlag, null),
+  BLR: /*#__PURE__*/_react["default"].createElement(_BlrFlag.BlrFlag, null),
+  AZE: /*#__PURE__*/_react["default"].createElement(_AzeFlag.AzeFlag, null),
+  ARM: /*#__PURE__*/_react["default"].createElement(_ArmFlag.ArmFlag, null),
+  KGZ: /*#__PURE__*/_react["default"].createElement(_KgzFlag.KgzFlag, null),
+  MDA: /*#__PURE__*/_react["default"].createElement(_MdaFlag.MdaFlag, null),
+  TJK: /*#__PURE__*/_react["default"].createElement(_TjkFlag.TjkFlag, null),
+  UZB: /*#__PURE__*/_react["default"].createElement(_UzbFlag.UzbFlag, null),
+  CHN: /*#__PURE__*/_react["default"].createElement(_ChnFlag.ChnFlag, null),
+  ENG: /*#__PURE__*/_react["default"].createElement(_EngFlag.EngFlag, null),
+  ESP: /*#__PURE__*/_react["default"].createElement(_EspFlag.EspFlag, null)
+};
+var Flag = exports.Flag = function Flag(_ref) {
+  var flag = _ref.flag,
+    width = _ref.width,
+    height = _ref.height;
+  return /*#__PURE__*/_react["default"].createElement(S.FlagWrapper, {
+    $width: width,
+    $height: height
+  }, map[flag]);
+};
+Flag.flags = flagKeys;

package/dist/components/common/Flag/index.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Flag, TProps } from '.';
+declare const meta: Meta<typeof Flag>;
+export default meta;
+type TStory = StoryObj<TProps>;
+export declare const Default: TStory;

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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _ = require(".");
+var meta = {
+  title: 'common/Flag',
+  component: _.Flag,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered'
+  }
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {
+  args: {
+    flag: 'RUS',
+    width: 44,
+    height: 32
+  }
+};

package/dist/components/common/Flag/styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const FlagWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $width: number;
+    $height: number;
+}>>;

package/dist/components/common/Flag/styles.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FlagWrapper = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var FlagWrapper = exports.FlagWrapper = _styledComponents["default"].div.withConfig({
+  displayName: "styles__FlagWrapper",
+  componentId: "sc-1te2h7u-0"
+})(["box-shadow:0 1px 5px rgba(53,63,71,0.2);width:", "px;height:", "px;display:flex;justify-content:center;align-items:center;"], function (_ref) {
+  var $width = _ref.$width;
+  return $width;
+}, function (_ref2) {
+  var $height = _ref2.$height;
+  return $height;
+});

package/dist/components/common/Typography/index.d.ts

@@ -22,5 +22,4 @@ export type TProps = {
     variant: keyof typeof typography;
 } & (TDivProps | TParagraphProps | TSpanProps | THeadingProps | TButtonProps | TInputProps);
 export declare const Typography: FC<TProps>;
-export declare const TypographyGlobalStyle: FC;
 export {};

package/dist/components/common/Typography/index.js

@@ -4,46 +4,29 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TypographyGlobalStyle = exports.Typography = void 0;
-var _react = _interopRequireWildcard(require("react"));
+exports.Typography = void 0;
+var _react = _interopRequireDefault(require("react"));
 var S = _interopRequireWildcard(require("./styles"));
+var _useCss = require("../../../hooks/useCss");
 var _excluded = ["variant", "element"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var CSS_ID = 'INVOICEBOX_UI_TYPOGRAPHY';
 var Typography = exports.Typography = function Typography(_ref) {
   var variant = _ref.variant,
     _ref$element = _ref.element,
     element = _ref$element === void 0 ? 'div' : _ref$element,
     rest = _objectWithoutProperties(_ref, _excluded);
+  (0, _useCss.useCss)({
+    id: CSS_ID,
+    css: "@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap')"
+  });
   return /*#__PURE__*/_react["default"].createElement(S.Wrapper, _extends({
     as: element,
     $variant: variant
   }, rest));
-};
-var TypographyGlobalStyle = exports.TypographyGlobalStyle = function TypographyGlobalStyle() {
-  (0, _react.useEffect)(function () {
-    var primaryLink = document.createElement('link');
-    primaryLink.rel = 'preconnect';
-    primaryLink.href = 'https://fonts.googleapis.com';
-    var secondaryLink = document.createElement('link');
-    secondaryLink.rel = 'preconnect';
-    secondaryLink.href = 'https://fonts.gstatic.com';
-    secondaryLink.crossOrigin = '';
-    var thirdLink = document.createElement('link');
-    thirdLink.rel = 'stylesheet';
-    thirdLink.href = 'https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap';
-    var links = [primaryLink, secondaryLink, thirdLink];
-    links.forEach(function (link) {
-      return document.head.appendChild(link);
-    });
-    return function () {
-      links.forEach(function (link) {
-        return document.head.removeChild(link);
-      });
-    };
-  }, []);
-  return null;
 };

package/dist/components/common/Typography/index.stories.js

@@ -7,7 +7,6 @@ exports["default"] = exports.List = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _ = require(".");
 var _typography = require("./typography");
-var _markdownToJsx = _interopRequireDefault(require("markdown-to-jsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var meta = {
   title: 'common/Typography',
@@ -29,9 +28,9 @@ var List = exports.List = {
     }, Object.keys(_typography.typography).map(function (variant) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: variant
-      }, /*#__PURE__*/_react["default"].createElement(_markdownToJsx["default"], null, "\n### ".concat(variant, "\n")), /*#__PURE__*/_react["default"].createElement(_.Typography, {
+      }, /*#__PURE__*/_react["default"].createElement("h3", null, variant), /*#__PURE__*/_react["default"].createElement(_.Typography, {
         variant: variant
-      }, dummyText), /*#__PURE__*/_react["default"].createElement(_markdownToJsx["default"], null, "\n```\n".concat(_typography.typography[variant].join('').replaceAll('        ', '').split('\n').filter(Boolean).join('\n'), "\n```\n")), /*#__PURE__*/_react["default"].createElement("hr", null));
+      }, dummyText), /*#__PURE__*/_react["default"].createElement("pre", null, /*#__PURE__*/_react["default"].createElement("code", null, _typography.typography[variant].join('').replaceAll('        ', '').split('\n').filter(Boolean).join('\n'))), /*#__PURE__*/_react["default"].createElement("hr", null));
     }));
   }
 };

package/dist/components/form/CountrySelect/components/CountryItem/index.d.ts

@@ -0,0 +1,13 @@
+import { TFlagKey } from '../../../../common/Flag';
+import { TCountrySelectPalette } from '../../palette';
+export type TProps<TValue> = {
+    countryLabel: string;
+    onSelect: (value: TValue) => void;
+    value: TValue;
+    isSelected: boolean;
+    description: string;
+    selectedLabel: string;
+    palette: TCountrySelectPalette;
+    flag?: TFlagKey;
+};
+export declare const CountryItem: <TValue>({ isSelected, flag, onSelect, description, value, countryLabel, selectedLabel, palette, }: TProps<TValue>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/form/CountrySelect/components/CountryItem/index.js

@@ -0,0 +1,42 @@
+"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.CountryItem = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var S = _interopRequireWildcard(require("./stlyes"));
+var _Flag = require("../../../../common/Flag");
+var _Typography = require("../../../../common/Typography");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var CountryItem = exports.CountryItem = function CountryItem(_ref) {
+  var isSelected = _ref.isSelected,
+    flag = _ref.flag,
+    onSelect = _ref.onSelect,
+    description = _ref.description,
+    value = _ref.value,
+    countryLabel = _ref.countryLabel,
+    selectedLabel = _ref.selectedLabel,
+    palette = _ref.palette;
+  var handleSelect = (0, _react.useCallback)(function () {
+    return onSelect(value);
+  }, [onSelect, value]);
+  return /*#__PURE__*/_react["default"].createElement(S.Wrapper, {
+    $palette: palette,
+    onClick: handleSelect,
+    type: "button"
+  }, /*#__PURE__*/_react["default"].createElement(S.Title, {
+    $isSelected: isSelected,
+    $palette: palette
+  }, flag && /*#__PURE__*/_react["default"].createElement(_Flag.Flag, {
+    flag: flag,
+    width: 17,
+    height: 12
+  }), /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+    variant: 'captionRegular'
+  }, countryLabel, " ", isSelected && selectedLabel)), /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+    variant: 'captionRegular'
+  }, description));
+};

package/dist/components/form/CountrySelect/components/CountryItem/index.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { CountryItem, TProps } from '.';
+declare const meta: Meta<typeof CountryItem>;
+export default meta;
+export declare const Default: StoryObj<TProps<string>>;