@egov3/system-design 1.3.159 → 1.3.161
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/baseComponents/Modal/Modal.module.css.js +2 -2
- package/dist/cjs/baseComponents/Modal/index.js +2 -2
- package/dist/cjs/baseComponents/Modal/index.js.map +1 -1
- package/dist/cjs/constants/i18n/Common.js +1 -2
- package/dist/cjs/constants/i18n/Common.js.map +1 -1
- package/dist/cjs/styles/colors.css.js +1 -1
- package/dist/esm/baseComponents/Modal/Modal.module.css.js +2 -2
- package/dist/esm/baseComponents/Modal/index.js +2 -2
- package/dist/esm/baseComponents/Modal/index.js.map +1 -1
- package/dist/esm/constants/i18n/Common.js +1 -2
- package/dist/esm/constants/i18n/Common.js.map +1 -1
- package/dist/esm/styles/colors.css.js +1 -1
- package/dist/styles/colors.css +1 -0
- package/dist/types/baseComponents/Modal/index.d.ts +2 -0
- package/dist/types/components/Services/NextStepComponent/index.d.ts +1 -1
- package/package.json +1 -1
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
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:
|
|
6
|
-
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"};
|
|
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 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";
|
|
6
|
+
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"};
|
|
7
7
|
function styleInject(css, options) {
|
|
8
8
|
if (typeof document === 'undefined') return;
|
|
9
9
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -15,11 +15,11 @@ const Modal = ({ children, header, lang, isOpen, setIsOpen, variant, isWithOverl
|
|
|
15
15
|
const Wrapper = isWithOverlay
|
|
16
16
|
? index.Overlay
|
|
17
17
|
: (props) => jsxRuntime.jsx("div", { ...props });
|
|
18
|
-
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: () => {
|
|
18
|
+
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: () => {
|
|
19
19
|
if (setIsOpen) {
|
|
20
20
|
setIsOpen(!isOpen);
|
|
21
21
|
}
|
|
22
|
-
}, children: jsxRuntime.jsx(Close.CloseIcon, { "data-testid": "ModalClose_ICON", width: 14.5, height: 14.5 }) }))] })), jsxRuntime.jsx("div", { className:
|
|
22
|
+
}, 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))) }))] }) }));
|
|
23
23
|
};
|
|
24
24
|
|
|
25
25
|
exports.Modal = Modal;
|
|
@@ -1 +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":";;;;;;;;;;;;;
|
|
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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"}
|
|
@@ -40,8 +40,7 @@ const Common = {
|
|
|
40
40
|
ru: "Если вы нашли ошибки в деталях данной услуги, просим сообщить нам нажав на кнопку",
|
|
41
41
|
kk: "Егер сіз осы қызметтің егжей-тегжейінде қате тапсаңыз, түймені басу арқылы бізге хабарлауыңызды сұраймыз",
|
|
42
42
|
en: "If you find errors in the details of this service, please inform us by clicking the button",
|
|
43
|
-
}
|
|
44
|
-
};
|
|
43
|
+
}};
|
|
45
44
|
|
|
46
45
|
exports.Common = Common;
|
|
47
46
|
//# sourceMappingURL=Common.js.map
|
|
@@ -1 +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
|
|
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;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
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";
|
|
3
|
+
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";
|
|
4
4
|
function styleInject(css, options) {
|
|
5
5
|
if (typeof document === 'undefined') return;
|
|
6
6
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
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:
|
|
2
|
-
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"};
|
|
1
|
+
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";
|
|
2
|
+
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"};
|
|
3
3
|
function styleInject(css, options) {
|
|
4
4
|
if (typeof document === 'undefined') return;
|
|
5
5
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -13,11 +13,11 @@ const Modal = ({ children, header, lang, isOpen, setIsOpen, variant, isWithOverl
|
|
|
13
13
|
const Wrapper = isWithOverlay
|
|
14
14
|
? Overlay
|
|
15
15
|
: (props) => jsx("div", { ...props });
|
|
16
|
-
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: () => {
|
|
16
|
+
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: () => {
|
|
17
17
|
if (setIsOpen) {
|
|
18
18
|
setIsOpen(!isOpen);
|
|
19
19
|
}
|
|
20
|
-
}, children: jsx(CloseIcon, { "data-testid": "ModalClose_ICON", width: 14.5, height: 14.5 }) }))] })), jsx("div", { className:
|
|
20
|
+
}, 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))) }))] }) }));
|
|
21
21
|
};
|
|
22
22
|
|
|
23
23
|
export { Modal };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Modal/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Modal/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -38,8 +38,7 @@ const Common = {
|
|
|
38
38
|
ru: "Если вы нашли ошибки в деталях данной услуги, просим сообщить нам нажав на кнопку",
|
|
39
39
|
kk: "Егер сіз осы қызметтің егжей-тегжейінде қате тапсаңыз, түймені басу арқылы бізге хабарлауыңызды сұраймыз",
|
|
40
40
|
en: "If you find errors in the details of this service, please inform us by clicking the button",
|
|
41
|
-
}
|
|
42
|
-
};
|
|
41
|
+
}};
|
|
43
42
|
|
|
44
43
|
export { Common };
|
|
45
44
|
//# sourceMappingURL=Common.js.map
|
|
@@ -1 +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
|
|
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;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
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";
|
|
1
|
+
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";
|
|
2
2
|
function styleInject(css, options) {
|
|
3
3
|
if (typeof document === 'undefined') return;
|
|
4
4
|
const head = document.head || document.getElementsByTagName('head')[0];
|
package/dist/styles/colors.css
CHANGED
|
@@ -38,6 +38,7 @@
|
|
|
38
38
|
--surface-surface-1: #f0f2f4;
|
|
39
39
|
--surface-surface-2: #fff;
|
|
40
40
|
--surface-surface-3-color: #e3e7eb;
|
|
41
|
+
--surface-surface-4: rgba(170, 170, 170, 0.64);
|
|
41
42
|
--surface-surface-alt: rgba(240, 242, 244, 0.8);
|
|
42
43
|
--surface-surface-black-nonconvert: #000;
|
|
43
44
|
--surface-surface-black-opacity: rgba(0, 0, 0, 0.24);
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import react__default, { Dispatch } from 'react';
|
|
2
|
+
import { TButtonVariant } from '../../interfaces/Button.js';
|
|
2
3
|
import { ILangProps } from '../../interfaces/common/index.js';
|
|
3
4
|
|
|
4
5
|
interface IFooterButtonsItem {
|
|
@@ -6,6 +7,7 @@ interface IFooterButtonsItem {
|
|
|
6
7
|
onClick: () => void;
|
|
7
8
|
isDisabled?: boolean;
|
|
8
9
|
dataTestid?: string;
|
|
10
|
+
variant?: TButtonVariant;
|
|
9
11
|
}
|
|
10
12
|
interface IModalProps extends ILangProps {
|
|
11
13
|
children: react__default.ReactNode;
|
|
@@ -4,7 +4,7 @@ import { ILangProps } from '../../../interfaces/common/index.js';
|
|
|
4
4
|
interface INextStepComponentProps extends ILangProps {
|
|
5
5
|
disabled: boolean;
|
|
6
6
|
handleNextStepClick: () => Promise<void>;
|
|
7
|
-
isMobile
|
|
7
|
+
isMobile?: boolean;
|
|
8
8
|
}
|
|
9
9
|
declare const NextStepComponent: ({ disabled, handleNextStepClick, lang, isMobile, }: INextStepComponentProps) => react.JSX.Element;
|
|
10
10
|
|