@invoicebox/ui 0.1.0-alpha.6 → 0.1.0-alpha.60

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

@@ -0,0 +1,117 @@
+"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.Dropdown = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var S = _interopRequireWildcard(require("./styles"));
+var _palette = require("../../../palette");
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var Dropdown = exports.Dropdown = function Dropdown(_ref) {
+  var children = _ref.children,
+    isOpen = _ref.isOpen,
+    _ref$isAutoPosition = _ref.isAutoPosition,
+    isAutoPosition = _ref$isAutoPosition === void 0 ? false : _ref$isAutoPosition,
+    _ref$positionVertical = _ref.positionVertical,
+    positionVertical = _ref$positionVertical === void 0 ? 5 : _ref$positionVertical,
+    _ref$positionLeft = _ref.positionLeft,
+    positionLeft = _ref$positionLeft === void 0 ? '0px' : _ref$positionLeft,
+    _ref$positionRight = _ref.positionRight,
+    positionRight = _ref$positionRight === void 0 ? 'auto' : _ref$positionRight,
+    _ref$minWidth = _ref.minWidth,
+    minWidth = _ref$minWidth === void 0 ? 'auto' : _ref$minWidth,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 'auto' : _ref$width,
+    zIndex = _ref.zIndex,
+    onCloseTransitionEnd = _ref.onCloseTransitionEnd;
+  var palette = (0, _palette.useComponentPalette)('dropdown');
+  var position = (0, _react.useRef)({
+    isAbove: true,
+    translateY: '0px'
+  });
+  var _useState = (0, _react.useState)(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    elRef = _useState2[0],
+    setElRef = _useState2[1];
+  var handleCloseTransitionEnd = (0, _react.useCallback)(function (event) {
+    if (event.propertyName !== 'opacity') return;
+    if (isOpen) return;
+    if (onCloseTransitionEnd) onCloseTransitionEnd();
+  }, [isOpen, onCloseTransitionEnd]);
+  var getPosition = (0, _react.useCallback)(function (_ref2) {
+    var dropdownHeight = _ref2.dropdownHeight,
+      belowHeight = _ref2.belowHeight,
+      aboveHeight = _ref2.aboveHeight,
+      dropdownIndent = _ref2.dropdownIndent;
+    var isEnoughSpaceBelow = belowHeight >= dropdownHeight + dropdownIndent;
+    if (isEnoughSpaceBelow) return {
+      isAbove: false,
+      translateY: '0px'
+    };
+    var isEnoghtSpaceAbove = aboveHeight >= dropdownHeight + dropdownIndent;
+    if (isEnoghtSpaceAbove) return {
+      isAbove: true,
+      translateY: '0px'
+    };
+    var isMoreSpaceBelowThanAbove = belowHeight >= aboveHeight;
+    if (isMoreSpaceBelowThanAbove) {
+      var outOfViewPortHeight = dropdownHeight + dropdownIndent - belowHeight;
+      return {
+        isAbove: false,
+        translateY: "-".concat(outOfViewPortHeight, "px")
+      };
+    } else {
+      var _outOfViewPortHeight = dropdownHeight + dropdownIndent - aboveHeight;
+      return {
+        isAbove: true,
+        translateY: "".concat(_outOfViewPortHeight, "px")
+      };
+    }
+  }, []);
+  var openFlagCache = (0, _react.useRef)(null);
+  if (elRef) {
+    var isTriggeredByFlag = openFlagCache.current !== isOpen;
+    openFlagCache.current = isOpen;
+    if (isTriggeredByFlag && isOpen) {
+      var viewportHeight = window.innerHeight;
+      var parent = elRef.parentElement;
+      var _parent$getBoundingCl = parent.getBoundingClientRect(),
+        bottom = _parent$getBoundingCl.bottom,
+        aboveHeight = _parent$getBoundingCl.top;
+      var belowHeight = viewportHeight - bottom;
+      var dropdownHeight = elRef.scrollHeight;
+      position.current = isAutoPosition ? getPosition({
+        dropdownHeight: dropdownHeight,
+        aboveHeight: aboveHeight,
+        belowHeight: belowHeight,
+        dropdownIndent: positionVertical
+      }) : {
+        isAbove: false,
+        translateY: '0px'
+      };
+    }
+  }
+  return /*#__PURE__*/_react["default"].createElement(S.Wrapper, {
+    ref: setElRef,
+    $isVisible: isOpen,
+    $isAbove: position.current.isAbove,
+    $translateY: position.current.translateY,
+    $positionVertical: positionVertical,
+    $positionLeft: positionLeft,
+    $positionRight: positionRight,
+    $minWidth: minWidth,
+    $width: width,
+    $zIndex: zIndex,
+    onTransitionEnd: handleCloseTransitionEnd,
+    $palette: palette
+  }, children);
+};

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

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

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

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = exports.AutoPosition = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _addonActions = require("@storybook/addon-actions");
+var _ = require(".");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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); }
+var meta = {
+  title: 'common/Dropdown',
+  component: _.Dropdown,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var args = {
+  isOpen: false,
+  positionVertical: 5,
+  positionLeft: '0px',
+  positionRight: 'auto',
+  minWidth: 'auto',
+  width: 'auto',
+  zIndex: 5,
+  onCloseTransitionEnd: (0, _addonActions.action)('closeTransitionEnd'),
+  children: Array(100).fill('children ').join('')
+};
+var Default = exports.Default = {
+  args: _objectSpread(_objectSpread({}, args), {}, {
+    isAutoPosition: false
+  }),
+  render: function render(props) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        position: 'relative'
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", null, "parent"), /*#__PURE__*/_react["default"].createElement(_.Dropdown, props));
+  }
+};
+var AutoPosition = exports.AutoPosition = {
+  args: _objectSpread(_objectSpread({}, args), {}, {
+    isAutoPosition: true
+  }),
+  render: function render(props) {
+    return /*#__PURE__*/_react["default"].createElement("div", null, "\u0414\u0440\u043E\u043F\u0434\u0430\u0443\u043D \u043D\u0438\u0436\u0435 \u2193", /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        position: 'relative',
+        marginTop: '800px',
+        marginBottom: '800px'
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", null, "parent"), /*#__PURE__*/_react["default"].createElement(_.Dropdown, props)));
+  }
+};

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

@@ -0,0 +1,6 @@
+import { TAbstractPalette } from '../../../palette';
+export type TDropdownPalette = {
+    bg: string;
+    shadow: string;
+};
+export declare const generateDropdownPalette: (abstractPalette: TAbstractPalette) => TDropdownPalette;

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateDropdownPalette = void 0;
+var _hexToRgba = _interopRequireDefault(require("hex-to-rgba"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var generateDropdownPalette = exports.generateDropdownPalette = function generateDropdownPalette(abstractPalette) {
+  return {
+    bg: abstractPalette.base,
+    shadow: (0, _hexToRgba["default"])(abstractPalette.primary, 0.09)
+  };
+};

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { TDropdownPalette } from './palette';
+export declare const Wrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isVisible: boolean;
+    $isAbove: boolean;
+    $translateY: string;
+    $positionVertical: number;
+    $positionLeft: string;
+    $positionRight: string;
+    $minWidth: string;
+    $width: string;
+    $zIndex?: number | undefined;
+    $palette: TDropdownPalette;
+}>>;

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

@@ -0,0 +1,47 @@
+"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.Wrapper = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+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 hidden = (0, _styledComponents.css)(["visibility:hidden;opacity:0;transition:visibility 0ms 200ms,opacity 200ms 0ms ease;"]);
+var visible = (0, _styledComponents.css)(["visibility:visible;opacity:1;transition:visibility 0ms 0ms,opacity 200ms 0ms ease;"]);
+var Wrapper = exports.Wrapper = _styledComponents["default"].div.withConfig({
+  displayName: "styles__Wrapper",
+  componentId: "sc-1f1enhf-0"
+})(["overflow:hidden;border-radius:10px;box-shadow:0px 10px 17px ", ";background:", ";min-width:", ";width:", ";position:absolute;left:", ";right:", ";z-index:", ";", ";", ";", ";"], function (_ref) {
+  var $palette = _ref.$palette;
+  return $palette.shadow;
+}, function (_ref2) {
+  var $palette = _ref2.$palette;
+  return $palette.bg;
+}, function (_ref3) {
+  var $minWidth = _ref3.$minWidth;
+  return $minWidth;
+}, function (_ref4) {
+  var $width = _ref4.$width;
+  return $width;
+}, function (_ref5) {
+  var $positionLeft = _ref5.$positionLeft;
+  return $positionLeft;
+}, function (_ref6) {
+  var $positionRight = _ref6.$positionRight;
+  return $positionRight;
+}, function (_ref7) {
+  var $zIndex = _ref7.$zIndex;
+  return $zIndex !== null && $zIndex !== void 0 ? $zIndex : 5;
+}, function (_ref8) {
+  var $isVisible = _ref8.$isVisible;
+  return $isVisible ? visible : hidden;
+}, function (_ref9) {
+  var $isAbove = _ref9.$isAbove,
+    $positionVertical = _ref9.$positionVertical;
+  return $isAbove ? (0, _styledComponents.css)(["bottom:calc(100% + ", "px);"], $positionVertical) : (0, _styledComponents.css)(["top:calc(100% + ", "px);"], $positionVertical);
+}, function (_ref10) {
+  var $translateY = _ref10.$translateY;
+  return (0, _styledComponents.css)(["transform:translateY(", ");"], $translateY);
+});

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,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ArmFlag = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var ArmFlag = exports.ArmFlag = function ArmFlag() {
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    clipPath: "url(#clip0_216_201728)"
+  }, /*#__PURE__*/_react["default"].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["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 11H22V16H0V11Z",
+    fill: "#FFDA2C"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 0H22V5H0V0Z",
+    fill: "#F93939"
+  })), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
+    id: "clip0_216_201728"
+  }, /*#__PURE__*/_react["default"].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,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AzeFlag = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var AzeFlag = exports.AzeFlag = function AzeFlag() {
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    clipPath: "url(#clip0_216_201721)"
+  }, /*#__PURE__*/_react["default"].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["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 11H22V16H0V11Z",
+    fill: "#249F58"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 0H22V5H0V0Z",
+    fill: "#3ECBF8"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12.5713 7.4668H13.6189V8.53346H12.5713V7.4668Z",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].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["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
+    id: "clip0_216_201721"
+  }, /*#__PURE__*/_react["default"].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,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BlrFlag = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var BlrFlag = exports.BlrFlag = function BlrFlag() {
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    clipPath: "url(#clip0_216_201733)"
+  }, /*#__PURE__*/_react["default"].createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "#F93939"
+  }), /*#__PURE__*/_react["default"].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["default"].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["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5 12H22V16H5V12Z",
+    fill: "#249F58"
+  })), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
+    id: "clip0_216_201733"
+  }, /*#__PURE__*/_react["default"].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,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChnFlag = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var ChnFlag = exports.ChnFlag = function ChnFlag() {
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    id: "artwork"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    clipPath: "url(#clip0_1439_332591)"
+  }, /*#__PURE__*/_react["default"].createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "#F93939"
+  }), /*#__PURE__*/_react["default"].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["default"].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["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
+    id: "clip0_1439_332591"
+  }, /*#__PURE__*/_react["default"].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,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EngFlag = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var EngFlag = exports.EngFlag = function EngFlag() {
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 22 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    id: "artwork"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    clipPath: "url(#clip0_1439_332567)"
+  }, /*#__PURE__*/_react["default"].createElement("rect", {
+    width: "22",
+    height: "16",
+    rx: "2",
+    fill: "#1A47B8"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    id: "vector",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2.34035 0H0V2.66667L19.6469 16L22 16V13.3333L2.34035 0Z",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    id: "vector_2",
+    d: "M0.780579 0L22 14.4378V16H21.2377L0 1.54726V0H0.780579Z",
+    fill: "#F93939"
+  }), /*#__PURE__*/_react["default"].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["default"].createElement("path", {
+    id: "vector_4",
+    d: "M22 0H21.2895L0 14.4502V16H0.780579L22 1.55895V0Z",
+    fill: "#F93939"
+  }), /*#__PURE__*/_react["default"].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["default"].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["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
+    id: "clip0_1439_332567"
+  }, /*#__PURE__*/_react["default"].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>;