@egov3/system-design 1.3.160 → 1.3.161

package/dist/cjs/baseComponents/Modal/Modal.module.css.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var css_248z = ".Modal-module_contentWrap__k38CL {\n  background: var(--page-color-background-white);\n  border-radius: 16px;\n  animation: Modal-module_flyDown__8XGLa 1s;\n  display: flex;\n  flex-direction: column;\n  margin: auto 0;\n}\n\n.Modal-module_noAnimation__zLFbp {\n  animation: none;\n}\n\n.Modal-module_contentWrapHeight__LFoO- {\n  max-height: calc(100% - 64px);\n}\n\n.Modal-module_largeVariant__tnPGL {\n  width: calc(100% - 64px);\n  height: 100%;\n}\n\n.Modal-module_smallVariant__eHFMv {\n  width: 400px;\n}\n\n@keyframes Modal-module_flyDown__8XGLa {\n  from {\n    transform: translateY(-1000px);\n    opacity: 0.1;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.Modal-module_contentBody__ko2lN {\n  flex: 1 1 auto;\n  overflow-y: auto;\n  min-height: 0;\n}\n\n.Modal-module_wrapper__K3Tg6 {\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.Modal-module_fixModal__cKNyu {\n  padding: 32px 0px;\n  overflow-y: auto;\n  align-items: flex-start;\n}\n\n.Modal-module_contentHeader__XyuVc {\n  height: 24px;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  align-items: center;\n  padding: 12px 16px;\n}\n\n.Modal-module_posLeft__BCx1t {\n  grid-column: 1;\n  justify-self: start;\n  color: var(--text-primary);\n  white-space: nowrap;\n}\n\n.Modal-module_posCenter__nOtOA {\n  grid-column: 2;\n  justify-self: center;\n  margin-bottom: -8px;\n}\n\n.Modal-module_posRight__2aSmX {\n  grid-column: 3;\n  justify-self: end;\n  width: 20px;\n  height: 20px;\n}\n";
-var styles = {"contentWrap":"Modal-module_contentWrap__k38CL","flyDown":"Modal-module_flyDown__8XGLa","noAnimation":"Modal-module_noAnimation__zLFbp","contentWrapHeight":"Modal-module_contentWrapHeight__LFoO-","largeVariant":"Modal-module_largeVariant__tnPGL","smallVariant":"Modal-module_smallVariant__eHFMv","contentBody":"Modal-module_contentBody__ko2lN","wrapper":"Modal-module_wrapper__K3Tg6","fixModal":"Modal-module_fixModal__cKNyu","contentHeader":"Modal-module_contentHeader__XyuVc","posLeft":"Modal-module_posLeft__BCx1t","posCenter":"Modal-module_posCenter__nOtOA","posRight":"Modal-module_posRight__2aSmX"};
+var css_248z = ".Modal-module_contentWrap__k38CL {\n  background: var(--page-color-background-white);\n  border-radius: 16px;\n  animation: Modal-module_flyDown__8XGLa 1s;\n  display: flex;\n  flex-direction: column;\n  margin: auto 0;\n}\n\n.Modal-module_noAnimation__zLFbp {\n  animation: none;\n}\n\n.Modal-module_contentWrapHeight__LFoO- {\n  max-height: calc(100% - 64px);\n}\n\n.Modal-module_largeVariant__tnPGL {\n  width: calc(100% - 64px);\n  height: 100%;\n}\n\n.Modal-module_smallVariant__eHFMv {\n  width: 400px;\n}\n\n@keyframes Modal-module_flyDown__8XGLa {\n  from {\n    transform: translateY(-1000px);\n    opacity: 0.1;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.Modal-module_contentBody__ko2lN {\n  flex: 1 1 auto;\n  min-height: 0;\n}\n\n.Modal-module_scrollViewport__xJ4GE {\n  height: 100%;\n  min-height: 0;\n  margin-right: 8px;\n  overflow-y: auto;\n}\n\n.Modal-module_scrollViewport__xJ4GE::-webkit-scrollbar {\n  width: 4px;\n}\n\n.Modal-module_scrollViewport__xJ4GE::-webkit-scrollbar-track {\n  background-color: var(--surface-surface-3-color);\n  border-radius: 999px;\n  margin-block: 16px;\n}\n\n.Modal-module_scrollViewport__xJ4GE::-webkit-scrollbar-thumb {\n  background-color: var(--surface-surface-4);\n  border-radius: 999px;\n}\n\n.Modal-module_scrollViewport__xJ4GE::-webkit-scrollbar-button {\n  display: none;\n}\n\n.Modal-module_childrenWrapper__jj9TA {\n  min-height: 100%;\n}\n\n.Modal-module_wrapper__K3Tg6 {\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.Modal-module_fixModal__cKNyu {\n  padding: 32px 0px;\n  overflow-y: auto;\n  align-items: flex-start;\n}\n\n.Modal-module_contentHeader__XyuVc {\n  height: 24px;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  align-items: center;\n  padding: 12px 16px;\n}\n\n.Modal-module_posLeft__BCx1t {\n  grid-column: 1;\n  justify-self: start;\n  color: var(--text-primary);\n  white-space: nowrap;\n}\n\n.Modal-module_title__26Kte {\n  grid-column: 1 / -1;\n  grid-row: 1;\n  align-self: center;\n  box-sizing: border-box;\n  width: 100%;\n  min-width: 0;\n  margin: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.Modal-module_titleWithCloseButton__3Eqep {\n  /* 20px — ширина кнопки закрытия, 8px — минимальный отступ по дизайну */\n  padding-right: 28px;\n}\n\n.Modal-module_posCenter__nOtOA {\n  grid-column: 2;\n  justify-self: center;\n  margin-bottom: -8px;\n}\n\n.Modal-module_posRight__2aSmX {\n  grid-column: 3;\n  grid-row: 1;\n  justify-self: end;\n  width: 20px;\n  height: 20px;\n}\n";
+var styles = {"contentWrap":"Modal-module_contentWrap__k38CL","flyDown":"Modal-module_flyDown__8XGLa","noAnimation":"Modal-module_noAnimation__zLFbp","contentWrapHeight":"Modal-module_contentWrapHeight__LFoO-","largeVariant":"Modal-module_largeVariant__tnPGL","smallVariant":"Modal-module_smallVariant__eHFMv","contentBody":"Modal-module_contentBody__ko2lN","scrollViewport":"Modal-module_scrollViewport__xJ4GE","childrenWrapper":"Modal-module_childrenWrapper__jj9TA","wrapper":"Modal-module_wrapper__K3Tg6","fixModal":"Modal-module_fixModal__cKNyu","contentHeader":"Modal-module_contentHeader__XyuVc","posLeft":"Modal-module_posLeft__BCx1t","title":"Modal-module_title__26Kte","titleWithCloseButton":"Modal-module_titleWithCloseButton__3Eqep","posCenter":"Modal-module_posCenter__nOtOA","posRight":"Modal-module_posRight__2aSmX"};
 function styleInject(css, options) {
     if (typeof document === 'undefined') return;
     const head = document.head || document.getElementsByTagName('head')[0];

package/dist/cjs/baseComponents/Modal/index.js

@@ -15,11 +15,11 @@ const Modal = ({ children, header, lang, isOpen, setIsOpen, variant, isWithOverl
     const Wrapper = isWithOverlay
         ? index.Overlay
         : (props) => jsxRuntime.jsx("div", { ...props });
-    return (jsxRuntime.jsx(Wrapper, { className: joinClasses.joinClasses(!disableDefaultWrapperSpacing && !isContentScroll && Modal_module.default.fixModal, wrapperClassName), children: jsxRuntime.jsxs("div", { "data-testid": "Modal_WRAPPER", className: joinClasses.joinClasses(Modal_module.default.contentWrap, isContentScroll && Modal_module.default.contentWrapHeight, Modal_module.default[`${variant}Variant`], !isAnimated && Modal_module.default.noAnimation), children: [header && (jsxRuntime.jsxs("div", { "data-testid": "Modal_HEADER", className: Modal_module.default.contentHeader, children: [header.goBackService && (jsxRuntime.jsx("button", { "aria-label": index$1.i18n.Modal.AriaBackButton[lang], className: Modal_module.default.posLeft, "data-testid": "IdentityHeaderGoBack_BTN", onClick: header.goBackService, type: "button", children: jsxRuntime.jsx(ChevronLeft.ChevronLeftIcon, { width: "18px", height: "18px", "data-testid": "ModalChevronLeft_ICON" }) })), header?.handleHeaderLogoClick && (jsxRuntime.jsx("button", { "aria-label": index$1.i18n.Modal.AriaAuthorizationPageBtn[lang], className: Modal_module.default.posCenter, "data-testid": "ModalHeaderGoMain_BTN", onClick: header.handleHeaderLogoClick, type: "button", children: jsxRuntime.jsx(Egov.EgovIcon, { width: "69px", height: "24px", "data-testid": "ModalHeaderEgov_ICON" }) })), header?.title && (jsxRuntime.jsx(index$2.Typography, { tag: "h3", fontClass: "body1Medium", "data-testid": "Modal_TITLE", className: Modal_module.default.posLeft, children: header.title })), header?.isClosable && (jsxRuntime.jsx("button", { className: Modal_module.default.posRight, type: "button", "data-testid": "ModalHeaderBtn_CLOSE", onClick: () => {
+    return (jsxRuntime.jsx(Wrapper, { className: joinClasses.joinClasses(!disableDefaultWrapperSpacing && !isContentScroll && Modal_module.default.fixModal, wrapperClassName), children: jsxRuntime.jsxs("div", { "data-testid": "Modal_WRAPPER", className: joinClasses.joinClasses(Modal_module.default.contentWrap, isContentScroll && Modal_module.default.contentWrapHeight, Modal_module.default[`${variant}Variant`], !isAnimated && Modal_module.default.noAnimation), children: [header && (jsxRuntime.jsxs("div", { "data-testid": "Modal_HEADER", className: Modal_module.default.contentHeader, children: [header.goBackService && (jsxRuntime.jsx("button", { "aria-label": index$1.i18n.Modal.AriaBackButton[lang], className: Modal_module.default.posLeft, "data-testid": "IdentityHeaderGoBack_BTN", onClick: header.goBackService, type: "button", children: jsxRuntime.jsx(ChevronLeft.ChevronLeftIcon, { width: "18px", height: "18px", "data-testid": "ModalChevronLeft_ICON" }) })), header?.handleHeaderLogoClick && (jsxRuntime.jsx("button", { "aria-label": index$1.i18n.Modal.AriaAuthorizationPageBtn[lang], className: Modal_module.default.posCenter, "data-testid": "ModalHeaderGoMain_BTN", onClick: header.handleHeaderLogoClick, type: "button", children: jsxRuntime.jsx(Egov.EgovIcon, { width: "69px", height: "24px", "data-testid": "ModalHeaderEgov_ICON" }) })), header?.title && (jsxRuntime.jsx(index$2.Typography, { tag: "h3", fontClass: "body1Medium", "data-testid": "Modal_TITLE", className: joinClasses.joinClasses(Modal_module.default.posLeft, Modal_module.default.title, header.isClosable && Modal_module.default.titleWithCloseButton), children: header.title })), header?.isClosable && (jsxRuntime.jsx("button", { className: Modal_module.default.posRight, type: "button", "data-testid": "ModalHeaderBtn_CLOSE", onClick: () => {
                                 if (setIsOpen) {
                                     setIsOpen(!isOpen);
                                 }
-                            }, children: jsxRuntime.jsx(Close.CloseIcon, { "data-testid": "ModalClose_ICON", width: 14.5, height: 14.5 }) }))] })), jsxRuntime.jsx("div", { className: isContentScroll ? Modal_module.default.contentBody : undefined, "data-testid": "Modal_BODY", children: children }), footerButtons.length > 0 && (jsxRuntime.jsx("div", { className: Modal_module.default.wrapper, "data-testid": "ModalFooterButton_WRAP", children: footerButtons.map((item) => (jsxRuntime.jsx(index$3.Button, { "aria-label": item.text, "data-testid": item.dataTestid, disabled: item.isDisabled, onClick: item.onClick, size: "large", variant: item.variant, children: item.text }, item.text))) }))] }) }));
+                            }, children: jsxRuntime.jsx(Close.CloseIcon, { "data-testid": "ModalClose_ICON", width: 14.5, height: 14.5 }) }))] })), isContentScroll ? (jsxRuntime.jsx("div", { className: Modal_module.default.contentBody, "data-testid": "Modal_BODY", children: jsxRuntime.jsx("div", { className: Modal_module.default.scrollViewport, "data-testid": "Modal_SCROLL_VIEWPORT", children: jsxRuntime.jsx("div", { className: Modal_module.default.childrenWrapper, children: children }) }) })) : (jsxRuntime.jsx("div", { "data-testid": "Modal_BODY", children: children })), footerButtons.length > 0 && (jsxRuntime.jsx("div", { className: Modal_module.default.wrapper, "data-testid": "ModalFooterButton_WRAP", children: footerButtons.map((item) => (jsxRuntime.jsx(index$3.Button, { "aria-label": item.text, "data-testid": item.dataTestid, disabled: item.isDisabled, onClick: item.onClick, size: "large", variant: item.variant, children: item.text }, item.text))) }))] }) }));
 };
 
 exports.Modal = Modal;

package/dist/cjs/baseComponents/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Modal/index.tsx"],"sourcesContent":[null],"names":["Overlay","_jsx","joinClasses","styles","_jsxs","i18n","ChevronLeftIcon","EgovIcon","Typography","CloseIcon","Button"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Modal/index.tsx"],"sourcesContent":[null],"names":["Overlay","_jsx","joinClasses","styles","_jsxs","i18n","ChevronLeftIcon","EgovIcon","Typography","CloseIcon","Button"],"mappings":"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"}

package/dist/cjs/constants/i18n/Common.js

@@ -40,8 +40,7 @@ const Common = {
         ru: "Если вы нашли ошибки в деталях данной услуги, просим сообщить нам нажав на кнопку",
         kk: "Егер сіз осы қызметтің егжей-тегжейінде қате тапсаңыз, түймені басу арқылы бізге хабарлауыңызды сұраймыз",
         en: "If you find errors in the details of this service, please inform us by clicking the button",
-    },
-};
+    }};
 
 exports.Common = Common;
 //# sourceMappingURL=Common.js.map

package/dist/cjs/constants/i18n/Common.js.map

@@ -1 +1 @@
-{"version":3,"file":"Common.js","sources":["../../../../src/constants/i18n/Common.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAAO,MAAM,MAAM,GAAG;AACpB,IAAA,WAAW,EAAE;AACX,QAAA,EAAE,EAAE,wBAAwB;AAC5B,QAAA,EAAE,EAAE,uBAAuB;AAC3B,QAAA,EAAE,EAAE,2BAA2B;AAChC,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,EAAE,EAAE,SAAS;AACd,KAAA;AACD,IAAA,2BAA2B,EAAE;AAC3B,QAAA,EAAE,EAAE,uDAAuD;AAC3D,QAAA,EAAE,EAAE,6DAA6D;AACjE,QAAA,EAAE,EAAE,wDAAwD;AAC7D,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,OAAO;AACX,QAAA,EAAE,EAAE,QAAQ;AACZ,QAAA,EAAE,EAAE,MAAM;AACX,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,OAAO;AACZ,KAAA;AACD,IAAA,cAAc,EAAE;AACd,QAAA,EAAE,EAAE,oBAAoB;AACxB,QAAA,EAAE,EAAE,sBAAsB;AAC1B,QAAA,EAAE,EAAE,iBAAiB;AACtB,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,EAAE,EAAE,0BAA0B;AAC9B,QAAA,EAAE,EAAE,0BAA0B;AAC9B,QAAA,EAAE,EAAE,2BAA2B;AAChC,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,EAAE,EAAE,mFAAmF;AACvF,QAAA,EAAE,EAAE,0GAA0G;AAC9G,QAAA,EAAE,EAAE,4FAA4F;AACjG,KAAA;;;;;"}
+{"version":3,"file":"Common.js","sources":["../../../../src/constants/i18n/Common.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAAO,MAAM,MAAM,GAAG;AACpB,IAAA,WAAW,EAAE;AACX,QAAA,EAAE,EAAE,wBAAwB;AAC5B,QAAA,EAAE,EAAE,uBAAuB;AAC3B,QAAA,EAAE,EAAE,2BAA2B;AAChC,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,EAAE,EAAE,SAAS;AACd,KAAA;AACD,IAAA,2BAA2B,EAAE;AAC3B,QAAA,EAAE,EAAE,uDAAuD;AAC3D,QAAA,EAAE,EAAE,6DAA6D;AACjE,QAAA,EAAE,EAAE,wDAAwD;AAC7D,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,OAAO;AACX,QAAA,EAAE,EAAE,QAAQ;AACZ,QAAA,EAAE,EAAE,MAAM;AACX,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,OAAO;AACZ,KAAA;AACD,IAAA,cAAc,EAAE;AACd,QAAA,EAAE,EAAE,oBAAoB;AACxB,QAAA,EAAE,EAAE,sBAAsB;AAC1B,QAAA,EAAE,EAAE,iBAAiB;AACtB,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,EAAE,EAAE,0BAA0B;AAC9B,QAAA,EAAE,EAAE,0BAA0B;AAC9B,QAAA,EAAE,EAAE,2BAA2B;AAChC,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,EAAE,EAAE,mFAAmF;AACvF,QAAA,EAAE,EAAE,0GAA0G;AAC9G,QAAA,EAAE,EAAE,4FAA4F;AACjG;;;;"}

package/dist/cjs/styles/colors.css.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var css_248z = ":root {\n  /* Buttons Colors */\n  --button-alternative-default-color: rgba(170, 170, 170, 0.64);\n  --button-disabled-default-color: #c5ccd3;\n  --button-primary-default: #0581da;\n  --button-primary-on-hover-color: #1a9cfa;\n  --button-secondary-default-color: #e6e9ec;\n  --button-secondary-on-hover: #c5ccd3;\n  --button-tinted-default-color: #e1f0fb;\n  --button-tinted-on-hover-color: #b2d9f5;\n  --button-black-default-color: #000;\n  --button-black-on-hover-color: #333;\n\n  /* Default Colors */\n  --default-primary-accent: #0581da;\n  --default-white-color: #fff;\n  --default-black-color: #000;\n\n  /* General lightmode colors */\n  --leaf: #c1dc19;\n\n  /* Icons Colors */\n  --icon-accent-color: #0581da;\n  --icon-error-color: #f35929;\n  --icon-primary-color: #000;\n  --icon-secondary-color: #758393;\n  --icon-success: #57bb09;\n  --icon-warning-color: #f3a229;\n  --icon-tertiary: #ccd1d7;\n  --icon-white-nonconvert-color: #fff;\n  --icon-disabled-color: #929daa;\n\n  /* Page Color */\n  --page-color-background-gray: #f0f2f4;\n  --page-color-background-white: #fff;\n\n  /* Surface Colors */\n  --surface-surface-1: #f0f2f4;\n  --surface-surface-2: #fff;\n  --surface-surface-3-color: #e3e7eb;\n  --surface-surface-alt: rgba(240, 242, 244, 0.8);\n  --surface-surface-black-nonconvert: #000;\n  --surface-surface-black-opacity: rgba(0, 0, 0, 0.24);\n  --surface-surface-white-nonconvert: #fff;\n  --surface-surface-tinted: #e1f0fb;\n  --surface-accent: #0581da;\n\n  /* Text Colors */\n  --text-accent: #0581da;\n  --text-disabled-accent-color: #9bcdf0;\n  --text-disabled-color: #929daa;\n  --text-primary: #000;\n  --text-secondary: #758393;\n  --text-white-nonconvert-color: #fff;\n  --text-error: #f35929;\n  --text-success: #57bb09;\n\n  /* Border-Stroke Colors */\n  --border-stroke-primary: #e6e9ec;\n\n  /*number of cards on tablet, laptop, and desktop screens*/\n  --tablet: 3;\n  --labtop: 4;\n  --desktop: 6;\n}\n";
+var css_248z = ":root {\n  /* Buttons Colors */\n  --button-alternative-default-color: rgba(170, 170, 170, 0.64);\n  --button-disabled-default-color: #c5ccd3;\n  --button-primary-default: #0581da;\n  --button-primary-on-hover-color: #1a9cfa;\n  --button-secondary-default-color: #e6e9ec;\n  --button-secondary-on-hover: #c5ccd3;\n  --button-tinted-default-color: #e1f0fb;\n  --button-tinted-on-hover-color: #b2d9f5;\n  --button-black-default-color: #000;\n  --button-black-on-hover-color: #333;\n\n  /* Default Colors */\n  --default-primary-accent: #0581da;\n  --default-white-color: #fff;\n  --default-black-color: #000;\n\n  /* General lightmode colors */\n  --leaf: #c1dc19;\n\n  /* Icons Colors */\n  --icon-accent-color: #0581da;\n  --icon-error-color: #f35929;\n  --icon-primary-color: #000;\n  --icon-secondary-color: #758393;\n  --icon-success: #57bb09;\n  --icon-warning-color: #f3a229;\n  --icon-tertiary: #ccd1d7;\n  --icon-white-nonconvert-color: #fff;\n  --icon-disabled-color: #929daa;\n\n  /* Page Color */\n  --page-color-background-gray: #f0f2f4;\n  --page-color-background-white: #fff;\n\n  /* Surface Colors */\n  --surface-surface-1: #f0f2f4;\n  --surface-surface-2: #fff;\n  --surface-surface-3-color: #e3e7eb;\n  --surface-surface-4: rgba(170, 170, 170, 0.64);\n  --surface-surface-alt: rgba(240, 242, 244, 0.8);\n  --surface-surface-black-nonconvert: #000;\n  --surface-surface-black-opacity: rgba(0, 0, 0, 0.24);\n  --surface-surface-white-nonconvert: #fff;\n  --surface-surface-tinted: #e1f0fb;\n  --surface-accent: #0581da;\n\n  /* Text Colors */\n  --text-accent: #0581da;\n  --text-disabled-accent-color: #9bcdf0;\n  --text-disabled-color: #929daa;\n  --text-primary: #000;\n  --text-secondary: #758393;\n  --text-white-nonconvert-color: #fff;\n  --text-error: #f35929;\n  --text-success: #57bb09;\n\n  /* Border-Stroke Colors */\n  --border-stroke-primary: #e6e9ec;\n\n  /*number of cards on tablet, laptop, and desktop screens*/\n  --tablet: 3;\n  --labtop: 4;\n  --desktop: 6;\n}\n";
 function styleInject(css, options) {
     if (typeof document === 'undefined') return;
     const head = document.head || document.getElementsByTagName('head')[0];

package/dist/esm/baseComponents/Modal/Modal.module.css.js

@@ -1,5 +1,5 @@
-var css_248z = ".Modal-module_contentWrap__k38CL {\n  background: var(--page-color-background-white);\n  border-radius: 16px;\n  animation: Modal-module_flyDown__8XGLa 1s;\n  display: flex;\n  flex-direction: column;\n  margin: auto 0;\n}\n\n.Modal-module_noAnimation__zLFbp {\n  animation: none;\n}\n\n.Modal-module_contentWrapHeight__LFoO- {\n  max-height: calc(100% - 64px);\n}\n\n.Modal-module_largeVariant__tnPGL {\n  width: calc(100% - 64px);\n  height: 100%;\n}\n\n.Modal-module_smallVariant__eHFMv {\n  width: 400px;\n}\n\n@keyframes Modal-module_flyDown__8XGLa {\n  from {\n    transform: translateY(-1000px);\n    opacity: 0.1;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.Modal-module_contentBody__ko2lN {\n  flex: 1 1 auto;\n  overflow-y: auto;\n  min-height: 0;\n}\n\n.Modal-module_wrapper__K3Tg6 {\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.Modal-module_fixModal__cKNyu {\n  padding: 32px 0px;\n  overflow-y: auto;\n  align-items: flex-start;\n}\n\n.Modal-module_contentHeader__XyuVc {\n  height: 24px;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  align-items: center;\n  padding: 12px 16px;\n}\n\n.Modal-module_posLeft__BCx1t {\n  grid-column: 1;\n  justify-self: start;\n  color: var(--text-primary);\n  white-space: nowrap;\n}\n\n.Modal-module_posCenter__nOtOA {\n  grid-column: 2;\n  justify-self: center;\n  margin-bottom: -8px;\n}\n\n.Modal-module_posRight__2aSmX {\n  grid-column: 3;\n  justify-self: end;\n  width: 20px;\n  height: 20px;\n}\n";
-var styles = {"contentWrap":"Modal-module_contentWrap__k38CL","flyDown":"Modal-module_flyDown__8XGLa","noAnimation":"Modal-module_noAnimation__zLFbp","contentWrapHeight":"Modal-module_contentWrapHeight__LFoO-","largeVariant":"Modal-module_largeVariant__tnPGL","smallVariant":"Modal-module_smallVariant__eHFMv","contentBody":"Modal-module_contentBody__ko2lN","wrapper":"Modal-module_wrapper__K3Tg6","fixModal":"Modal-module_fixModal__cKNyu","contentHeader":"Modal-module_contentHeader__XyuVc","posLeft":"Modal-module_posLeft__BCx1t","posCenter":"Modal-module_posCenter__nOtOA","posRight":"Modal-module_posRight__2aSmX"};
+var css_248z = ".Modal-module_contentWrap__k38CL {\n  background: var(--page-color-background-white);\n  border-radius: 16px;\n  animation: Modal-module_flyDown__8XGLa 1s;\n  display: flex;\n  flex-direction: column;\n  margin: auto 0;\n}\n\n.Modal-module_noAnimation__zLFbp {\n  animation: none;\n}\n\n.Modal-module_contentWrapHeight__LFoO- {\n  max-height: calc(100% - 64px);\n}\n\n.Modal-module_largeVariant__tnPGL {\n  width: calc(100% - 64px);\n  height: 100%;\n}\n\n.Modal-module_smallVariant__eHFMv {\n  width: 400px;\n}\n\n@keyframes Modal-module_flyDown__8XGLa {\n  from {\n    transform: translateY(-1000px);\n    opacity: 0.1;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.Modal-module_contentBody__ko2lN {\n  flex: 1 1 auto;\n  min-height: 0;\n}\n\n.Modal-module_scrollViewport__xJ4GE {\n  height: 100%;\n  min-height: 0;\n  margin-right: 8px;\n  overflow-y: auto;\n}\n\n.Modal-module_scrollViewport__xJ4GE::-webkit-scrollbar {\n  width: 4px;\n}\n\n.Modal-module_scrollViewport__xJ4GE::-webkit-scrollbar-track {\n  background-color: var(--surface-surface-3-color);\n  border-radius: 999px;\n  margin-block: 16px;\n}\n\n.Modal-module_scrollViewport__xJ4GE::-webkit-scrollbar-thumb {\n  background-color: var(--surface-surface-4);\n  border-radius: 999px;\n}\n\n.Modal-module_scrollViewport__xJ4GE::-webkit-scrollbar-button {\n  display: none;\n}\n\n.Modal-module_childrenWrapper__jj9TA {\n  min-height: 100%;\n}\n\n.Modal-module_wrapper__K3Tg6 {\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.Modal-module_fixModal__cKNyu {\n  padding: 32px 0px;\n  overflow-y: auto;\n  align-items: flex-start;\n}\n\n.Modal-module_contentHeader__XyuVc {\n  height: 24px;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  align-items: center;\n  padding: 12px 16px;\n}\n\n.Modal-module_posLeft__BCx1t {\n  grid-column: 1;\n  justify-self: start;\n  color: var(--text-primary);\n  white-space: nowrap;\n}\n\n.Modal-module_title__26Kte {\n  grid-column: 1 / -1;\n  grid-row: 1;\n  align-self: center;\n  box-sizing: border-box;\n  width: 100%;\n  min-width: 0;\n  margin: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.Modal-module_titleWithCloseButton__3Eqep {\n  /* 20px — ширина кнопки закрытия, 8px — минимальный отступ по дизайну */\n  padding-right: 28px;\n}\n\n.Modal-module_posCenter__nOtOA {\n  grid-column: 2;\n  justify-self: center;\n  margin-bottom: -8px;\n}\n\n.Modal-module_posRight__2aSmX {\n  grid-column: 3;\n  grid-row: 1;\n  justify-self: end;\n  width: 20px;\n  height: 20px;\n}\n";
+var styles = {"contentWrap":"Modal-module_contentWrap__k38CL","flyDown":"Modal-module_flyDown__8XGLa","noAnimation":"Modal-module_noAnimation__zLFbp","contentWrapHeight":"Modal-module_contentWrapHeight__LFoO-","largeVariant":"Modal-module_largeVariant__tnPGL","smallVariant":"Modal-module_smallVariant__eHFMv","contentBody":"Modal-module_contentBody__ko2lN","scrollViewport":"Modal-module_scrollViewport__xJ4GE","childrenWrapper":"Modal-module_childrenWrapper__jj9TA","wrapper":"Modal-module_wrapper__K3Tg6","fixModal":"Modal-module_fixModal__cKNyu","contentHeader":"Modal-module_contentHeader__XyuVc","posLeft":"Modal-module_posLeft__BCx1t","title":"Modal-module_title__26Kte","titleWithCloseButton":"Modal-module_titleWithCloseButton__3Eqep","posCenter":"Modal-module_posCenter__nOtOA","posRight":"Modal-module_posRight__2aSmX"};
 function styleInject(css, options) {
     if (typeof document === 'undefined') return;
     const head = document.head || document.getElementsByTagName('head')[0];

package/dist/esm/baseComponents/Modal/index.js

@@ -13,11 +13,11 @@ const Modal = ({ children, header, lang, isOpen, setIsOpen, variant, isWithOverl
     const Wrapper = isWithOverlay
         ? Overlay
         : (props) => jsx("div", { ...props });
-    return (jsx(Wrapper, { className: joinClasses(!disableDefaultWrapperSpacing && !isContentScroll && styles.fixModal, wrapperClassName), children: jsxs("div", { "data-testid": "Modal_WRAPPER", className: joinClasses(styles.contentWrap, isContentScroll && styles.contentWrapHeight, styles[`${variant}Variant`], !isAnimated && styles.noAnimation), children: [header && (jsxs("div", { "data-testid": "Modal_HEADER", className: styles.contentHeader, children: [header.goBackService && (jsx("button", { "aria-label": i18n.Modal.AriaBackButton[lang], className: styles.posLeft, "data-testid": "IdentityHeaderGoBack_BTN", onClick: header.goBackService, type: "button", children: jsx(ChevronLeftIcon, { width: "18px", height: "18px", "data-testid": "ModalChevronLeft_ICON" }) })), header?.handleHeaderLogoClick && (jsx("button", { "aria-label": i18n.Modal.AriaAuthorizationPageBtn[lang], className: styles.posCenter, "data-testid": "ModalHeaderGoMain_BTN", onClick: header.handleHeaderLogoClick, type: "button", children: jsx(EgovIcon, { width: "69px", height: "24px", "data-testid": "ModalHeaderEgov_ICON" }) })), header?.title && (jsx(Typography, { tag: "h3", fontClass: "body1Medium", "data-testid": "Modal_TITLE", className: styles.posLeft, children: header.title })), header?.isClosable && (jsx("button", { className: styles.posRight, type: "button", "data-testid": "ModalHeaderBtn_CLOSE", onClick: () => {
+    return (jsx(Wrapper, { className: joinClasses(!disableDefaultWrapperSpacing && !isContentScroll && styles.fixModal, wrapperClassName), children: jsxs("div", { "data-testid": "Modal_WRAPPER", className: joinClasses(styles.contentWrap, isContentScroll && styles.contentWrapHeight, styles[`${variant}Variant`], !isAnimated && styles.noAnimation), children: [header && (jsxs("div", { "data-testid": "Modal_HEADER", className: styles.contentHeader, children: [header.goBackService && (jsx("button", { "aria-label": i18n.Modal.AriaBackButton[lang], className: styles.posLeft, "data-testid": "IdentityHeaderGoBack_BTN", onClick: header.goBackService, type: "button", children: jsx(ChevronLeftIcon, { width: "18px", height: "18px", "data-testid": "ModalChevronLeft_ICON" }) })), header?.handleHeaderLogoClick && (jsx("button", { "aria-label": i18n.Modal.AriaAuthorizationPageBtn[lang], className: styles.posCenter, "data-testid": "ModalHeaderGoMain_BTN", onClick: header.handleHeaderLogoClick, type: "button", children: jsx(EgovIcon, { width: "69px", height: "24px", "data-testid": "ModalHeaderEgov_ICON" }) })), header?.title && (jsx(Typography, { tag: "h3", fontClass: "body1Medium", "data-testid": "Modal_TITLE", className: joinClasses(styles.posLeft, styles.title, header.isClosable && styles.titleWithCloseButton), children: header.title })), header?.isClosable && (jsx("button", { className: styles.posRight, type: "button", "data-testid": "ModalHeaderBtn_CLOSE", onClick: () => {
                                 if (setIsOpen) {
                                     setIsOpen(!isOpen);
                                 }
-                            }, children: jsx(CloseIcon, { "data-testid": "ModalClose_ICON", width: 14.5, height: 14.5 }) }))] })), jsx("div", { className: isContentScroll ? styles.contentBody : undefined, "data-testid": "Modal_BODY", children: children }), footerButtons.length > 0 && (jsx("div", { className: styles.wrapper, "data-testid": "ModalFooterButton_WRAP", children: footerButtons.map((item) => (jsx(Button, { "aria-label": item.text, "data-testid": item.dataTestid, disabled: item.isDisabled, onClick: item.onClick, size: "large", variant: item.variant, children: item.text }, item.text))) }))] }) }));
+                            }, children: jsx(CloseIcon, { "data-testid": "ModalClose_ICON", width: 14.5, height: 14.5 }) }))] })), isContentScroll ? (jsx("div", { className: styles.contentBody, "data-testid": "Modal_BODY", children: jsx("div", { className: styles.scrollViewport, "data-testid": "Modal_SCROLL_VIEWPORT", children: jsx("div", { className: styles.childrenWrapper, children: children }) }) })) : (jsx("div", { "data-testid": "Modal_BODY", children: children })), footerButtons.length > 0 && (jsx("div", { className: styles.wrapper, "data-testid": "ModalFooterButton_WRAP", children: footerButtons.map((item) => (jsx(Button, { "aria-label": item.text, "data-testid": item.dataTestid, disabled: item.isDisabled, onClick: item.onClick, size: "large", variant: item.variant, children: item.text }, item.text))) }))] }) }));
 };
 
 export { Modal };

package/dist/esm/baseComponents/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Modal/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Modal/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/constants/i18n/Common.js

@@ -38,8 +38,7 @@ const Common = {
         ru: "Если вы нашли ошибки в деталях данной услуги, просим сообщить нам нажав на кнопку",
         kk: "Егер сіз осы қызметтің егжей-тегжейінде қате тапсаңыз, түймені басу арқылы бізге хабарлауыңызды сұраймыз",
         en: "If you find errors in the details of this service, please inform us by clicking the button",
-    },
-};
+    }};
 
 export { Common };
 //# sourceMappingURL=Common.js.map

package/dist/esm/constants/i18n/Common.js.map

@@ -1 +1 @@
-{"version":3,"file":"Common.js","sources":["../../../../src/constants/i18n/Common.tsx"],"sourcesContent":[null],"names":[],"mappings":"AAAO,MAAM,MAAM,GAAG;AACpB,IAAA,WAAW,EAAE;AACX,QAAA,EAAE,EAAE,wBAAwB;AAC5B,QAAA,EAAE,EAAE,uBAAuB;AAC3B,QAAA,EAAE,EAAE,2BAA2B;AAChC,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,EAAE,EAAE,SAAS;AACd,KAAA;AACD,IAAA,2BAA2B,EAAE;AAC3B,QAAA,EAAE,EAAE,uDAAuD;AAC3D,QAAA,EAAE,EAAE,6DAA6D;AACjE,QAAA,EAAE,EAAE,wDAAwD;AAC7D,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,OAAO;AACX,QAAA,EAAE,EAAE,QAAQ;AACZ,QAAA,EAAE,EAAE,MAAM;AACX,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,OAAO;AACZ,KAAA;AACD,IAAA,cAAc,EAAE;AACd,QAAA,EAAE,EAAE,oBAAoB;AACxB,QAAA,EAAE,EAAE,sBAAsB;AAC1B,QAAA,EAAE,EAAE,iBAAiB;AACtB,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,EAAE,EAAE,0BAA0B;AAC9B,QAAA,EAAE,EAAE,0BAA0B;AAC9B,QAAA,EAAE,EAAE,2BAA2B;AAChC,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,EAAE,EAAE,mFAAmF;AACvF,QAAA,EAAE,EAAE,0GAA0G;AAC9G,QAAA,EAAE,EAAE,4FAA4F;AACjG,KAAA;;;;;"}
+{"version":3,"file":"Common.js","sources":["../../../../src/constants/i18n/Common.tsx"],"sourcesContent":[null],"names":[],"mappings":"AAAO,MAAM,MAAM,GAAG;AACpB,IAAA,WAAW,EAAE;AACX,QAAA,EAAE,EAAE,wBAAwB;AAC5B,QAAA,EAAE,EAAE,uBAAuB;AAC3B,QAAA,EAAE,EAAE,2BAA2B;AAChC,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,EAAE,EAAE,SAAS;AACd,KAAA;AACD,IAAA,2BAA2B,EAAE;AAC3B,QAAA,EAAE,EAAE,uDAAuD;AAC3D,QAAA,EAAE,EAAE,6DAA6D;AACjE,QAAA,EAAE,EAAE,wDAAwD;AAC7D,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,OAAO;AACX,QAAA,EAAE,EAAE,QAAQ;AACZ,QAAA,EAAE,EAAE,MAAM;AACX,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,OAAO;AACZ,KAAA;AACD,IAAA,cAAc,EAAE;AACd,QAAA,EAAE,EAAE,oBAAoB;AACxB,QAAA,EAAE,EAAE,sBAAsB;AAC1B,QAAA,EAAE,EAAE,iBAAiB;AACtB,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,EAAE,EAAE,0BAA0B;AAC9B,QAAA,EAAE,EAAE,0BAA0B;AAC9B,QAAA,EAAE,EAAE,2BAA2B;AAChC,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,EAAE,EAAE,mFAAmF;AACvF,QAAA,EAAE,EAAE,0GAA0G;AAC9G,QAAA,EAAE,EAAE,4FAA4F;AACjG;;;;"}

package/dist/esm/styles/colors.css.js

@@ -1,4 +1,4 @@
-var css_248z = ":root {\n  /* Buttons Colors */\n  --button-alternative-default-color: rgba(170, 170, 170, 0.64);\n  --button-disabled-default-color: #c5ccd3;\n  --button-primary-default: #0581da;\n  --button-primary-on-hover-color: #1a9cfa;\n  --button-secondary-default-color: #e6e9ec;\n  --button-secondary-on-hover: #c5ccd3;\n  --button-tinted-default-color: #e1f0fb;\n  --button-tinted-on-hover-color: #b2d9f5;\n  --button-black-default-color: #000;\n  --button-black-on-hover-color: #333;\n\n  /* Default Colors */\n  --default-primary-accent: #0581da;\n  --default-white-color: #fff;\n  --default-black-color: #000;\n\n  /* General lightmode colors */\n  --leaf: #c1dc19;\n\n  /* Icons Colors */\n  --icon-accent-color: #0581da;\n  --icon-error-color: #f35929;\n  --icon-primary-color: #000;\n  --icon-secondary-color: #758393;\n  --icon-success: #57bb09;\n  --icon-warning-color: #f3a229;\n  --icon-tertiary: #ccd1d7;\n  --icon-white-nonconvert-color: #fff;\n  --icon-disabled-color: #929daa;\n\n  /* Page Color */\n  --page-color-background-gray: #f0f2f4;\n  --page-color-background-white: #fff;\n\n  /* Surface Colors */\n  --surface-surface-1: #f0f2f4;\n  --surface-surface-2: #fff;\n  --surface-surface-3-color: #e3e7eb;\n  --surface-surface-alt: rgba(240, 242, 244, 0.8);\n  --surface-surface-black-nonconvert: #000;\n  --surface-surface-black-opacity: rgba(0, 0, 0, 0.24);\n  --surface-surface-white-nonconvert: #fff;\n  --surface-surface-tinted: #e1f0fb;\n  --surface-accent: #0581da;\n\n  /* Text Colors */\n  --text-accent: #0581da;\n  --text-disabled-accent-color: #9bcdf0;\n  --text-disabled-color: #929daa;\n  --text-primary: #000;\n  --text-secondary: #758393;\n  --text-white-nonconvert-color: #fff;\n  --text-error: #f35929;\n  --text-success: #57bb09;\n\n  /* Border-Stroke Colors */\n  --border-stroke-primary: #e6e9ec;\n\n  /*number of cards on tablet, laptop, and desktop screens*/\n  --tablet: 3;\n  --labtop: 4;\n  --desktop: 6;\n}\n";
+var css_248z = ":root {\n  /* Buttons Colors */\n  --button-alternative-default-color: rgba(170, 170, 170, 0.64);\n  --button-disabled-default-color: #c5ccd3;\n  --button-primary-default: #0581da;\n  --button-primary-on-hover-color: #1a9cfa;\n  --button-secondary-default-color: #e6e9ec;\n  --button-secondary-on-hover: #c5ccd3;\n  --button-tinted-default-color: #e1f0fb;\n  --button-tinted-on-hover-color: #b2d9f5;\n  --button-black-default-color: #000;\n  --button-black-on-hover-color: #333;\n\n  /* Default Colors */\n  --default-primary-accent: #0581da;\n  --default-white-color: #fff;\n  --default-black-color: #000;\n\n  /* General lightmode colors */\n  --leaf: #c1dc19;\n\n  /* Icons Colors */\n  --icon-accent-color: #0581da;\n  --icon-error-color: #f35929;\n  --icon-primary-color: #000;\n  --icon-secondary-color: #758393;\n  --icon-success: #57bb09;\n  --icon-warning-color: #f3a229;\n  --icon-tertiary: #ccd1d7;\n  --icon-white-nonconvert-color: #fff;\n  --icon-disabled-color: #929daa;\n\n  /* Page Color */\n  --page-color-background-gray: #f0f2f4;\n  --page-color-background-white: #fff;\n\n  /* Surface Colors */\n  --surface-surface-1: #f0f2f4;\n  --surface-surface-2: #fff;\n  --surface-surface-3-color: #e3e7eb;\n  --surface-surface-4: rgba(170, 170, 170, 0.64);\n  --surface-surface-alt: rgba(240, 242, 244, 0.8);\n  --surface-surface-black-nonconvert: #000;\n  --surface-surface-black-opacity: rgba(0, 0, 0, 0.24);\n  --surface-surface-white-nonconvert: #fff;\n  --surface-surface-tinted: #e1f0fb;\n  --surface-accent: #0581da;\n\n  /* Text Colors */\n  --text-accent: #0581da;\n  --text-disabled-accent-color: #9bcdf0;\n  --text-disabled-color: #929daa;\n  --text-primary: #000;\n  --text-secondary: #758393;\n  --text-white-nonconvert-color: #fff;\n  --text-error: #f35929;\n  --text-success: #57bb09;\n\n  /* Border-Stroke Colors */\n  --border-stroke-primary: #e6e9ec;\n\n  /*number of cards on tablet, laptop, and desktop screens*/\n  --tablet: 3;\n  --labtop: 4;\n  --desktop: 6;\n}\n";
 function styleInject(css, options) {
     if (typeof document === 'undefined') return;
     const head = document.head || document.getElementsByTagName('head')[0];

package/dist/styles/colors.css

@@ -38,6 +38,7 @@
   --surface-surface-1: #f0f2f4;
   --surface-surface-2: #fff;
   --surface-surface-3-color: #e3e7eb;
+  --surface-surface-4: rgba(170, 170, 170, 0.64);
   --surface-surface-alt: rgba(240, 242, 244, 0.8);
   --surface-surface-black-nonconvert: #000;
   --surface-surface-black-opacity: rgba(0, 0, 0, 0.24);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@egov3/system-design",
-  "version": "1.3.160",
+  "version": "1.3.161",
   "type": "module",
   "main": "dist/cjs/index.js",
   "types": "dist/types/index.d.ts",