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

package/dist/components/common/Calendar/index.css

@@ -20,7 +20,7 @@
 .react-calendar__navigation__arrow {
     font-size: 24px;
     background-color: transparent !important;
-    color: #353f47;
+    color: var(--invoicebox-ui-calendar-arrow);
 }
 
 .react-calendar__navigation__arrow:disabled {
@@ -43,7 +43,7 @@
 /* weekdays */
 
 .react-calendar__month-view__weekdays__weekday {
-    color: rgba(53, 63, 71, 0.4);
+    color: var(--invoicebox-ui-calendar-weekday);
     font-size: 12px;
     font-weight: 400;
 }
@@ -56,7 +56,7 @@
 
 .react-calendar__tile {
     font-size: 12px;
-    color: rgba(53, 63, 71, 0.7);
+    color: var(--invoicebox-ui-calendar-tile);
     background-color: transparent !important;
     padding: 4px 6.6667px;
     border-radius: 6px;
@@ -72,8 +72,8 @@
 }
 
 .react-calendar__tile--active {
-    background-color: #fad247 !important;
-    color: #353f47;
+    background-color: var(--invoicebox-ui-calendar-tile-bg-active) !important;
+    color: var(--invoicebox-ui-calendar-tile-active);
 }
 
 .react-calendar__tile--active:hover {

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

@@ -7,14 +7,22 @@ Object.defineProperty(exports, "__esModule", {
 exports.Calendar = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactCalendar = _interopRequireDefault(require("react-calendar"));
+var _palette = require("../../../palette");
+var _useCss = require("../../../hooks/useCss");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 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 CSS_ID = 'INVOICEBOX_UI_CALENDAR';
 var Calendar = exports.Calendar = function Calendar(_ref) {
   var onChange = _ref.onChange,
     value = _ref.value,
     minDate = _ref.minDate,
     maxDate = _ref.maxDate;
+  var palette = (0, _palette.useComponentPalette)('calendar');
+  (0, _useCss.useCss)({
+    id: CSS_ID,
+    css: ":root {\n            --invoicebox-ui-calendar-arrow: ".concat(palette.arrow, ";\n            --invoicebox-ui-calendar-weekday: ").concat(palette.weekday, ";\n            --invoicebox-ui-calendar-tile: ").concat(palette.tile, ";\n            --invoicebox-ui-calendar-tile-active: ").concat(palette.tileActive, ";\n            --invoicebox-ui-calendar-tile-bg-active: ").concat(palette.tileBgActive, ";\n        }")
+  });
   var handleChange = (0, _react.useCallback)(function (newValue) {
     onChange(newValue);
   }, [onChange]);

package/dist/components/common/Calendar/palette.d.ts

@@ -0,0 +1,9 @@
+import { TAbstractPalette } from '../../../palette';
+export type TCalendarPalette = {
+    arrow: string;
+    weekday: string;
+    tile: string;
+    tileActive: string;
+    tileBgActive: string;
+};
+export declare const generateCalendarPalette: (abstractPalette: TAbstractPalette) => TCalendarPalette;

package/dist/components/common/Calendar/palette.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateCalendarPalette = void 0;
+var _hexToRgba = _interopRequireDefault(require("hex-to-rgba"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var generateCalendarPalette = exports.generateCalendarPalette = function generateCalendarPalette(abstractPalette) {
+  return {
+    arrow: abstractPalette.primary,
+    weekday: (0, _hexToRgba["default"])(abstractPalette.primary, 0.4),
+    tile: (0, _hexToRgba["default"])(abstractPalette.primary, 0.7),
+    tileActive: abstractPalette.primary,
+    tileBgActive: abstractPalette.secondary
+  };
+};

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

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

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

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ArmFlag = void 0;
+var ArmFlag = exports.ArmFlag = function ArmFlag() {
+  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_201728)"
+  }, /*#__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"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_216_201728"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "white"
+  }))));
+};

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

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

package/dist/components/common/Flag/components/ArmFlag/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/ArmFlag',
+  component: _.ArmFlag,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {};

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

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

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

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AzeFlag = void 0;
+var AzeFlag = exports.AzeFlag = function AzeFlag() {
+  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_201721)"
+  }, /*#__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"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_216_201721"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "white"
+  }))));
+};

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

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

package/dist/components/common/Flag/components/AzeFlag/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/AzeFlag',
+  component: _.AzeFlag,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {};

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

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

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

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BlrFlag = void 0;
+var BlrFlag = exports.BlrFlag = function BlrFlag() {
+  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_201733)"
+  }, /*#__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"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_216_201733"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "white"
+  }))));
+};

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

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

package/dist/components/common/Flag/components/BlrFlag/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/BlrFlag',
+  component: _.BlrFlag,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {};

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

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

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

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChnFlag = void 0;
+var ChnFlag = exports.ChnFlag = function ChnFlag() {
+  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", {
+    id: "artwork"
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_1439_332591)"
+  }, /*#__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"
+  }))), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_1439_332591"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "white"
+  }))));
+};

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

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

package/dist/components/common/Flag/components/ChnFlag/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/ChnFlag',
+  component: _.ChnFlag,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {};

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

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

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

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EngFlag = void 0;
+var EngFlag = exports.EngFlag = function EngFlag() {
+  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", {
+    id: "artwork"
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_1439_332567)"
+  }, /*#__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"
+  }))), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_1439_332567"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "white"
+  }))));
+};

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

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

package/dist/components/common/Flag/components/EngFlag/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/EngFlag',
+  component: _.EngFlag,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {};

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

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

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

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EspFlag = void 0;
+var EspFlag = exports.EspFlag = function EspFlag() {
+  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", {
+    id: "artwork"
+  }, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_1448_332698)"
+  }, /*#__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"
+  }))), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_1448_332698"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "white"
+  }))));
+};

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

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

package/dist/components/common/Flag/components/EspFlag/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/EspFlag',
+  component: _.EspFlag,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {};

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

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

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

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.KazFlag = void 0;
+var KazFlag = exports.KazFlag = function KazFlag() {
+  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: "#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/components/common/Flag/components/KazFlag/index.stories.d.ts

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

package/dist/components/common/Flag/components/KazFlag/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/KazFlag',
+  component: _.KazFlag,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {};

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

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