@egov3/system-design 1.3.83 → 1.3.85

package/dist/cjs/components/Feedback/index.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var graphics = require('@egov3/graphics');
+var index = require('../../baseComponents/index.js');
+var index$1 = require('../../constants/i18n/index.js');
+var Feedback_module = require('./Feedback.module.css.js');
+
+var Feedback = function (_a) {
+    var onAction = _a.onAction, value = _a.value, onChange = _a.onChange, lang = _a.lang, rating = _a.rating, setRating = _a.setRating, setOpen = _a.setOpen;
+    var langDic = index$1.i18n.Feedback;
+    var getEmojiColor = function (emojiRating) {
+        if (rating !== emojiRating)
+            return "var(--icon-tertiary)";
+        switch (emojiRating) {
+            case 1:
+                return "var(--icon-error-color)";
+            case 2:
+                return "var(--icon-warning-color)";
+            case 3:
+                return "var(--icon-accent-color)";
+            case 4:
+            case 5:
+                return "var(--icon-success)";
+        }
+    };
+    var handleEmojiClick = function (emojiRating) {
+        setRating(emojiRating);
+    };
+    return (jsxRuntime.jsx(index.BaseComponents.Overlay, { children: jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "Feedback_WRAP", className: Feedback_module.default.wrap }, { children: [jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "Feedback_WRAP_RATING", className: Feedback_module.default.card }, { children: [jsxRuntime.jsx(index.BaseComponents.Label, { variant: "big", isSpaced: true, text: langDic.titleRating[lang], Icon: graphics.Icons.General.Close, onAction: function () {
+                                setOpen(false);
+                            } }), jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "Feedback_RATING_CONTENT", className: Feedback_module.default.content }, { children: [jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "Feedback_ICONS", className: Feedback_module.default.icons }, { children: [jsxRuntime.jsx(graphics.Icons.Emoji.Angry, { className: Feedback_module.default.icon, fill: getEmojiColor(1), "data-color": getEmojiColor(1), "aria-label": langDic.angryEmoji[lang], onClick: function () {
+                                                handleEmojiClick(1);
+                                            } }), jsxRuntime.jsx(graphics.Icons.Emoji.Frowning, { className: Feedback_module.default.icon, fill: getEmojiColor(2), "data-color": getEmojiColor(2), "aria-label": langDic.frowningEmoji[lang], onClick: function () {
+                                                handleEmojiClick(2);
+                                            } }), jsxRuntime.jsx(graphics.Icons.Emoji.Neutral, { className: Feedback_module.default.icon, fill: getEmojiColor(3), "data-color": getEmojiColor(3), "aria-label": langDic.neutralEmoji[lang], onClick: function () {
+                                                handleEmojiClick(3);
+                                            } }), jsxRuntime.jsx(graphics.Icons.Emoji.Smile, { className: Feedback_module.default.icon, fill: getEmojiColor(4), "data-color": getEmojiColor(4), "aria-label": langDic.smileEmoji[lang], onClick: function () {
+                                                handleEmojiClick(4);
+                                            } }), jsxRuntime.jsx(graphics.Icons.Emoji.Grin, { className: Feedback_module.default.icon, fill: getEmojiColor(5), "data-color": getEmojiColor(5), "aria-label": langDic.grinEmoji[lang], onClick: function () {
+                                                handleEmojiClick(5);
+                                            } })] })), jsxRuntime.jsx(index.BaseComponents.Typography, tslib.__assign({ tag: "span", fontClass: "caption2Regular", className: Feedback_module.default.text, "data-testid": "Feedback_DESCRIPTION", "aria-label": langDic.descriptionText[lang] }, { children: langDic.descriptionText[lang] }))] }))] })), jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "Feedback_WRAP_INPUT", className: Feedback_module.default.card }, { children: [jsxRuntime.jsx(index.BaseComponents.Label, { variant: "small", isSpaced: true, text: langDic.titleFeedback[lang] }), jsxRuntime.jsxs("div", tslib.__assign({ className: Feedback_module.default.content, "data-testid": "Feedback_CONTENT_INPUT" }, { children: [jsxRuntime.jsx(index.BaseComponents.InputField, { id: "serviceFeedbackInput", ariaLabel: langDic.inputAriaLabel[lang], labelText: langDic.inputLabel[lang], value: value, onChange: onChange, autoExpand: true }), jsxRuntime.jsx(index.BaseComponents.Button, tslib.__assign({ size: "large", className: Feedback_module.default.button, onClick: onAction, "data-testid": "Feedback_BTN" }, { children: langDic.sendButton[lang] }))] }))] }))] })) }));
+};
+
+exports.Feedback = Feedback;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Feedback/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Feedback/index.tsx"],"sourcesContent":[null],"names":["i18n","_jsx","BaseComponents","_jsxs","__assign","styles","Icons"],"mappings":"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"}

package/dist/cjs/components/IdentityModal/index.js

@@ -23,7 +23,9 @@ var IdentityModal = function (_a) {
                         goBackService: goBackService,
                     } }, { children: jsxRuntime.jsx("div", tslib.__assign({ className: IdentityModal_module.default.loginBox, "data-testid": "IdentityModule_LOGIN_BOX" }, { children: jsxRuntime.jsxs("div", tslib.__assign({ className: IdentityModal_module.default.loginBody, "data-testid": "IdentityModule_LOGIN_BODY" }, { children: [isMain && (jsxRuntime.jsx(index$1.IdentityHeader, { goMainPage: navigator(goMainClosure.primary), lang: lang })), children] })) })) })), handleLangChange && (jsxRuntime.jsx("div", tslib.__assign({ className: IdentityModal_module.default.langFooterWrapper, "data-testid": "IdentityModule_FOOTER" }, { children: common.languageList.map(function (_a) {
                     var langCode = _a[0], langLabel = _a[1];
-                    return (jsxRuntime.jsx("button", tslib.__assign({ type: "button", "data-testid": "IdentityModule_FOOTER_BTN_".concat(langCode), className: joinClasses.joinClasses(IdentityModal_module.default.langFooter, langCode === lang ? IdentityModal_module.default.langFooterActive : IdentityModal_module.default.langFooterNotActive), "aria-label": langDic.LangBtnAria[lang], onClick: function () {
+                    return (jsxRuntime.jsx("button", tslib.__assign({ type: "button", "data-testid": "IdentityModule_FOOTER_BTN_".concat(langCode), className: joinClasses.joinClasses(IdentityModal_module.default.langFooter, langCode === lang
+                            ? IdentityModal_module.default.langFooterActive
+                            : IdentityModal_module.default.langFooterNotActive), "aria-label": langDic.LangBtnAria[lang], onClick: function () {
                             handleLangChange(langCode);
                         } }, { children: jsxRuntime.jsx(index.BaseComponents.Typography, tslib.__assign({ "aria-label": langLabel, "data-testid": "IdentityModule_FOOTER_".concat(langCode), fontClass: "caption1Semibold", tag: "span" }, { children: langCode.toLocaleUpperCase() })) }), langCode));
                 }) })))] }));

package/dist/cjs/components/IdentityModal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/IdentityModal/index.tsx"],"sourcesContent":[null],"names":["i18n","_jsxs","_jsx","BaseComponents","__assign","styles","IdentityHeader","languageList","joinClasses"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/IdentityModal/index.tsx"],"sourcesContent":[null],"names":["i18n","_jsxs","_jsx","BaseComponents","__assign","styles","IdentityHeader","languageList","joinClasses"],"mappings":";;;;;;;;;;;AAgBO,IAAM,aAAa,GAAG,UAAC,EAOR,EAAA;AANpB,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,MAAM,YAAA,EACN,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,SAAS,GAAA,EAAA,CAAA,SAAA;AAET,IAAA,IAAM,OAAO,GAAGA,YAAI,CAAC,MAAM;AAC3B,IAAA,IAAM,aAAa,GAAG;QACpB,OAAO,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,GAAG,EAAE;QAC/C,SAAS,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB,EAAE;KAC/D;IAED,QACEC,kDACEC,cAAA,CAACC,oBAAc,CAAC,KAAK,EAAAC,cAAA,CAAA,EACnB,OAAO,EAAC,OAAO,EACf,WAAW,EAAE,KAAK,EAClB,IAAI,EAAC,IAAI,EACT,MAAM,EACJ;AACE,sBAAE;AACF,sBAAE;AACE,wBAAA,cAAc,EAAE,SAAS,CAAC,aAAa,CAAC,SAAS,CAAC;AAClD,wBAAA,aAAa,EAAE,aAAa;AAC7B,qBAAA,EAAA,EAAA,EAAA,QAAA,EAGPF,cAAA,CAAA,KAAA,EAAAE,cAAA,CAAA,EAAK,SAAS,EAAEC,4BAAM,CAAC,QAAQ,EAAA,aAAA,EAAc,0BAA0B,EAAA,EAAA,EAAA,QAAA,EACrEJ,eAAA,CAAA,KAAA,EAAAG,cAAA,CAAA,EACE,SAAS,EAAEC,4BAAM,CAAC,SAAS,EAAA,aAAA,EACf,2BAA2B,EAAA,EAAA,EAAA,QAAA,EAAA,CAEtC,MAAM,KACLH,cAAA,CAACI,sBAAc,EAAA,EACb,UAAU,EAAE,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,EAC5C,IAAI,EAAE,IAAI,EAAA,CACV,CACH,EACA,QAAQ,CAAA,EAAA,CAAA,CACL,EAAA,CAAA,CACF,EAAA,CAAA,CACe,EACtB,gBAAgB,KACfJ,cAAA,CAAA,KAAA,EAAAE,cAAA,CAAA,EACE,SAAS,EAAEC,4BAAM,CAAC,iBAAiB,EAAA,aAAA,EACvB,uBAAuB,EAAA,EAAA,EAAA,QAAA,EAElCE,mBAAY,CAAC,GAAG,CAAC,UAAC,EAAqB,EAAA;wBAApB,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,GAAA,EAAA,CAAA,CAAA,CAAA;oBAAM,QAC3CL,0CACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACA,4BAAA,CAAA,MAAA,CAA6B,QAAQ,CAAE,EAEpD,SAAS,EAAEM,uBAAW,CACpBH,4BAAM,CAAC,UAAU,EACjB,QAAQ,KAAK;8BACTA,4BAAM,CAAC;AACT,8BAAEA,4BAAM,CAAC,mBAAmB,CAC/B,EAAA,YAAA,EACW,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EACrC,OAAO,EAAE,YAAA;4BACP,gBAAgB,CAAC,QAAQ,CAAC;AAC5B,wBAAA,CAAC,EAAA,EAAA,EAAA,QAAA,EAEDH,cAAA,CAACC,oBAAc,CAAC,UAAU,EAAAC,cAAA,CAAA,EAAA,YAAA,EACZ,SAAS,EAAA,aAAA,EACR,wBAAA,CAAA,MAAA,CAAyB,QAAQ,CAAE,EAChD,SAAS,EAAC,kBAAkB,EAC5B,GAAG,EAAC,MAAM,EAAA,EAAA,EAAA,QAAA,EAET,QAAQ,CAAC,iBAAiB,EAAE,EAAA,CAAA,CACH,EAAA,CAAA,EAnBvB,QAAQ,CAoBN;AAxBkC,gBAAA,CAyB5C,CAAC,EAAA,CAAA,CACE,CACP,CAAA,EAAA,CACA;AAEP;;;;"}

package/dist/cjs/components/SetUpAccess/index.js

@@ -11,7 +11,9 @@ var SetUpAccess_module = require('./SetUpAccess.module.css.js');
 var SetUpAccess = function (_a) {
     var lock = _a.lock, unlock = _a.unlock, setClose = _a.setClose, close = _a.close, lang = _a.lang;
     var langDic = index$1.i18n.SetUpAccess;
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "SetUpAccess_WRAP", className: SetUpAccess_module.default.wrap }, { children: [jsxRuntime.jsx(index.IconToggleItem, { Icon: graphics.Icons.Logo.Kaspi, lock: lock, unlock: unlock, text: langDic.kaspiBank[lang] }), jsxRuntime.jsx(index.IconToggleItem, { Icon: graphics.Icons.Logo.Halyk, lock: lock, unlock: unlock, text: langDic.halykBank[lang] }), jsxRuntime.jsx(index$2.BaseComponents.Typography, tslib.__assign({ tag: "span", "data-testid": "SetUpAccess_INFO", className: SetUpAccess_module.default.info, "aria-label": langDic.setUpAccessInfo[lang], fontClass: "caption1Regular" }, { children: langDic.setUpAccessInfo[lang] }))] })), jsxRuntime.jsx("div", tslib.__assign({ "data-testid": "SetUpAccessBtn_WRAP", className: SetUpAccess_module.default.wrap }, { children: jsxRuntime.jsx(index$2.BaseComponents.Button, tslib.__assign({ className: SetUpAccess_module.default.button, "aria-label": langDic.setUpAccessBtnSave[lang], onClick: function () { setClose(!close); }, size: "large", "data-testid": "SetUpAccessBtn_SAVE" }, { children: langDic.setUpAccessBtnSave[lang] })) }))] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "SetUpAccess_WRAP", className: SetUpAccess_module.default.wrap }, { children: [jsxRuntime.jsx(index.IconToggleItem, { Icon: graphics.Icons.Logo.Kaspi, lock: lock, unlock: unlock, text: langDic.kaspiBank[lang] }), jsxRuntime.jsx(index.IconToggleItem, { Icon: graphics.Icons.Logo.Halyk, lock: lock, unlock: unlock, text: langDic.halykBank[lang] }), jsxRuntime.jsx(index$2.BaseComponents.Typography, tslib.__assign({ tag: "span", "data-testid": "SetUpAccess_INFO", className: SetUpAccess_module.default.info, "aria-label": langDic.setUpAccessInfo[lang], fontClass: "caption1Regular" }, { children: langDic.setUpAccessInfo[lang] }))] })), jsxRuntime.jsx("div", tslib.__assign({ "data-testid": "SetUpAccessBtn_WRAP", className: SetUpAccess_module.default.wrap }, { children: jsxRuntime.jsx(index$2.BaseComponents.Button, tslib.__assign({ className: SetUpAccess_module.default.button, "aria-label": langDic.setUpAccessBtnSave[lang], onClick: function () {
+                        setClose(!close);
+                    }, size: "large", "data-testid": "SetUpAccessBtn_SAVE" }, { children: langDic.setUpAccessBtnSave[lang] })) }))] }));
 };
 
 exports.SetUpAccess = SetUpAccess;

package/dist/cjs/components/SetUpAccess/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/SetUpAccess/index.tsx"],"sourcesContent":[null],"names":["i18n","_jsxs","_Fragment","__assign","styles","_jsx","IconToggleItem","Icons","BaseComponents"],"mappings":";;;;;;;;;;AAeO,IAAM,WAAW,GAAG,UAAC,EAMR,EAAA;AALlB,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,GAAA,EAAA,CAAA,IAAA;AAEJ,IAAA,IAAM,OAAO,GAAGA,YAAI,CAAC,WAAW;AAChC,IAAA,QACEC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACED,eAAA,CAAA,KAAA,EAAAE,cAAA,CAAA,EAAA,aAAA,EAAiB,kBAAkB,EAAC,SAAS,EAAEC,0BAAM,CAAC,IAAI,iBACxDC,cAAA,CAACC,oBAAc,EAAA,EACb,IAAI,EAAEC,cAAK,CAAC,IAAI,CAAC,KAAK,EACtB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EAAA,CAC7B,EACFF,cAAA,CAACC,oBAAc,EAAA,EACb,IAAI,EAAEC,cAAK,CAAC,IAAI,CAAC,KAAK,EACtB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EAAA,CAC7B,EACFF,cAAA,CAACG,sBAAc,CAAC,UAAU,EAAAL,cAAA,CAAA,EACxB,GAAG,EAAC,MAAM,iBACE,kBAAkB,EAC9B,SAAS,EAAEC,0BAAM,CAAC,IAAI,EAAA,YAAA,EACV,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,EACzC,SAAS,EAAC,iBAAiB,EAAA,EAAA,EAAA,QAAA,EAE1B,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,EAAA,CAAA,CACJ,CAAA,EAAA,CAAA,CACxB,EACNC,cAAA,CAAA,KAAA,EAAAF,cAAA,CAAA,EAAA,aAAA,EAAiB,qBAAqB,EAAC,SAAS,EAAEC,0BAAM,CAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EAC3DC,eAACG,sBAAc,CAAC,MAAM,EAAAL,cAAA,CAAA,EACpB,SAAS,EAAEC,0BAAM,CAAC,MAAM,EAAA,YAAA,EACZ,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAC5C,OAAO,EAAE,YAAA,EAAQ,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAA,CAAC,CAAC,EACnC,IAAI,EAAC,OAAO,EAAA,aAAA,EACA,qBAAqB,EAAA,EAAA,EAAA,QAAA,EAEhC,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC,IACX,EAAA,CAAA,CACpB,CAAA,EAAA,CACL;AAEP;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/SetUpAccess/index.tsx"],"sourcesContent":[null],"names":["i18n","_jsxs","_Fragment","__assign","styles","_jsx","IconToggleItem","Icons","BaseComponents"],"mappings":";;;;;;;;;;AAeO,IAAM,WAAW,GAAG,UAAC,EAMR,EAAA;AALlB,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,GAAA,EAAA,CAAA,IAAA;AAEJ,IAAA,IAAM,OAAO,GAAGA,YAAI,CAAC,WAAW;AAChC,IAAA,QACEC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACED,eAAA,CAAA,KAAA,EAAAE,cAAA,CAAA,EAAA,aAAA,EAAiB,kBAAkB,EAAC,SAAS,EAAEC,0BAAM,CAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EAAA,CACxDC,cAAA,CAACC,oBAAc,EAAA,EACb,IAAI,EAAEC,cAAK,CAAC,IAAI,CAAC,KAAK,EACtB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EAAA,CAC7B,EACFF,cAAA,CAACC,oBAAc,EAAA,EACb,IAAI,EAAEC,cAAK,CAAC,IAAI,CAAC,KAAK,EACtB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EAAA,CAC7B,EACFF,cAAA,CAACG,sBAAc,CAAC,UAAU,EAAAL,cAAA,CAAA,EACxB,GAAG,EAAC,MAAM,EAAA,aAAA,EACE,kBAAkB,EAC9B,SAAS,EAAEC,0BAAM,CAAC,IAAI,EAAA,YAAA,EACV,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,EACzC,SAAS,EAAC,iBAAiB,EAAA,EAAA,EAAA,QAAA,EAE1B,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,EAAA,CAAA,CACJ,CAAA,EAAA,CAAA,CACxB,EACNC,cAAA,CAAA,KAAA,EAAAF,cAAA,CAAA,EAAA,aAAA,EAAiB,qBAAqB,EAAC,SAAS,EAAEC,0BAAM,CAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EAC3DC,eAACG,sBAAc,CAAC,MAAM,EAAAL,cAAA,CAAA,EACpB,SAAS,EAAEC,0BAAM,CAAC,MAAM,EAAA,YAAA,EACZ,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAC5C,OAAO,EAAE,YAAA;AACP,wBAAA,QAAQ,CAAC,CAAC,KAAK,CAAC;AAClB,oBAAA,CAAC,EACD,IAAI,EAAC,OAAO,EAAA,aAAA,EACA,qBAAqB,EAAA,EAAA,EAAA,QAAA,EAEhC,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC,IACX,EAAA,CAAA,CACpB,CAAA,EAAA,CACL;AAEP;;;;"}

package/dist/cjs/components/index.js

@@ -1,24 +1,26 @@
 'use strict';
 
-var index$5 = require('./DocCard/index.js');
-var index$4 = require('./ErrorModal/index.js');
-var index$2 = require('./IconToggleItem/index.js');
-var index$6 = require('./IdentityHeader/index.js');
-var index$7 = require('./IdentityModal/index.js');
-var index = require('./ProfileHealthGeneral/index.js');
-var index$3 = require('./RightMenuSectionItem/index.js');
-var index$1 = require('./SetUpAccess/index.js');
+var index$6 = require('./DocCard/index.js');
+var index$5 = require('./ErrorModal/index.js');
+var index = require('./Feedback/index.js');
+var index$3 = require('./IconToggleItem/index.js');
+var index$7 = require('./IdentityHeader/index.js');
+var index$8 = require('./IdentityModal/index.js');
+var index$1 = require('./ProfileHealthGeneral/index.js');
+var index$4 = require('./RightMenuSectionItem/index.js');
+var index$2 = require('./SetUpAccess/index.js');
 require('../styles/colors.css.js');
 
 var Components = {
-    IdentityModal: index$7.IdentityModal,
-    IdentityHeader: index$6.IdentityHeader,
-    DocCard: index$5.DocCard,
-    ErrorModal: index$4.ErrorModal,
-    RightMenuSectionItem: index$3.RightMenuSectionItem,
-    IconToggleItem: index$2.IconToggleItem,
-    SetUpAccess: index$1.SetUpAccess,
-    ProfileHealthGeneral: index.ProfileHealthGeneral,
+    IdentityModal: index$8.IdentityModal,
+    IdentityHeader: index$7.IdentityHeader,
+    DocCard: index$6.DocCard,
+    ErrorModal: index$5.ErrorModal,
+    RightMenuSectionItem: index$4.RightMenuSectionItem,
+    IconToggleItem: index$3.IconToggleItem,
+    SetUpAccess: index$2.SetUpAccess,
+    ProfileHealthGeneral: index$1.ProfileHealthGeneral,
+    Feedback: index.Feedback,
 };
 
 exports.Components = Components;

package/dist/cjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/index.ts"],"sourcesContent":[null],"names":["IdentityModal","IdentityHeader","DocCard","ErrorModal","RightMenuSectionItem","IconToggleItem","SetUpAccess","ProfileHealthGeneral"],"mappings":";;;;;;;;;;;;AAWO,IAAM,UAAU,GAAG;AACxB,IAAA,aAAa,EAAAA,qBAAA;AACb,IAAA,cAAc,EAAAC,sBAAA;AACd,IAAA,OAAO,EAAAC,eAAA;AACP,IAAA,UAAU,EAAAC,kBAAA;AACV,IAAA,oBAAoB,EAAAC,4BAAA;AACpB,IAAA,cAAc,EAAAC,sBAAA;AACd,IAAA,WAAW,EAAAC,mBAAA;AACX,IAAA,oBAAoB,EAAAC,0BAAA;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/index.ts"],"sourcesContent":[null],"names":["IdentityModal","IdentityHeader","DocCard","ErrorModal","RightMenuSectionItem","IconToggleItem","SetUpAccess","ProfileHealthGeneral","Feedback"],"mappings":";;;;;;;;;;;;;AAYO,IAAM,UAAU,GAAG;AACxB,IAAA,aAAa,EAAAA,qBAAA;AACb,IAAA,cAAc,EAAAC,sBAAA;AACd,IAAA,OAAO,EAAAC,eAAA;AACP,IAAA,UAAU,EAAAC,kBAAA;AACV,IAAA,oBAAoB,EAAAC,4BAAA;AACpB,IAAA,cAAc,EAAAC,sBAAA;AACd,IAAA,WAAW,EAAAC,mBAAA;AACX,IAAA,oBAAoB,EAAAC,4BAAA;AACpB,IAAA,QAAQ,EAAAC,cAAA;;;;;"}

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

@@ -8,11 +8,68 @@ var i18n = {
             en: "Button to change language",
         },
         Languages: {
-            kk: "Қазақша",
             ru: "Русский",
+            kk: "Қазақша",
             en: "English",
         },
     },
+    Feedback: {
+        titleRating: {
+            ru: "Оцените получение услуги на eGov",
+            kk: "eGov арқылы қызмет алуды бағалаңыз",
+            en: "Rate your experience of receiving the service on eGov",
+        },
+        descriptionText: {
+            ru: "Данный опрос проводится с целью улучшения качества услуг, просим честно оценить качество получения услуги!",
+            kk: "Бұл сауалнама қызметтердің сапасын жақсарту мақсатында жүргізілуде, қызмет алу сапасын шынайы бағалауыңызды сұраймыз!",
+            en: "This survey is conducted to improve the quality of services. Please rate your service experience honestly!",
+        },
+        titleFeedback: {
+            ru: "Напишите отзыв",
+            kk: "Пікір қалдырыңыз",
+            en: "Leave your feedback",
+        },
+        inputLabel: {
+            ru: "Ваш текст",
+            kk: "Мәтініңіз",
+            en: "Your text",
+        },
+        inputAriaLabel: {
+            ru: "Поле ввода текста для вашего отзыва",
+            kk: "Өз пікіріңізді жазуға арналған мәтін өрісі",
+            en: "Text input field for your feedback",
+        },
+        angryEmoji: {
+            ru: "Очень плохо",
+            kk: "Өте нашар",
+            en: "Very bad",
+        },
+        frowningEmoji: {
+            ru: "Плохо",
+            kk: "Нашар",
+            en: "Bad",
+        },
+        neutralEmoji: {
+            ru: "Нормально",
+            kk: "Қалыпты",
+            en: "Okay",
+        },
+        smileEmoji: {
+            ru: "Хорошо",
+            kk: "Жақсы",
+            en: "Good",
+        },
+        grinEmoji: {
+            ru: "Отлично",
+            kk: "Өте жақсы",
+            en: "Excellent",
+        },
+        sendButton: {
+            ru: "Отправить",
+            kk: "Жіберу",
+            en: "Send",
+        },
+    },
     Modal: {
         ariaAuthorizationPageBtn: {
             ru: "Кнопка для перехода на страницу авторизации",

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

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

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-secondary-color: #758393;\n  --icon-success: #57bb09;\n  --icon-warning-color: #f3a229;\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";
+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-secondary-color: #758393;\n  --icon-success: #57bb09;\n  --icon-warning-color: #f3a229;\n  --icon-tertiary: #ccd1d7;\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";
 function styleInject(css, options) {
     if (typeof document === 'undefined') return;
     const head = document.head || document.getElementsByTagName('head')[0];

package/dist/esm/baseComponents/Button/button.module.css.js

@@ -1,5 +1,5 @@
-var css_248z = ".button-module_button__qkLhS {\n  border: none;\n  transition: background-color 0.2s ease;\n\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n}\n\n.button-module_btn-default__YioHN {\n  color: var(--default-white-color);\n  background-color: var(--default-primary-accent);\n}\n\n.button-module_btn-default--disabled__fr-V2 {\n  color: var(--text-disabled-color);\n  background-color: var(--button-disabled-default-color);\n}\n\n.button-module_btn-tinted__KkeAr {\n  color: var(--text-accent);\n  background-color: var(--button-tinted-default-color);\n}\n\n.button-module_btn-tinted--disabled__liGfs {\n  color: var(--text-disabled-accent-color);\n  background-color: var(--button-tinted-default-color);\n}\n\n.button-module_btn-secondary__I6qUT {\n  color: var(--text-primary);\n  background-color: var(--surface-surface-3-color);\n}\n\n.button-module_btn-secondary--disabled__0sOG6 {\n  color: var(--text-secondary);\n  background-color: var(--surface-surface-3-color);\n}\n\n.button-module_btn-black--disabled__--ovk {\n  color: var(--text-disabled-color);\n  background-color: var(--button-disabled-default-color);\n}\n\n.button-module_btn-black__URYlq {\n  color: var(--default-white-color);\n  background-color: var(--button-black-default-color);\n}\n\n.button-module_btn-default__YioHN:hover {\n  background-color: var(--button-primary-on-hover-color);\n}\n\n.button-module_btn-tinted__KkeAr:hover {\n  background-color: var(--button-tinted-on-hover-color);\n}\n\n.button-module_btn-secondary__I6qUT:hover {\n  background-color: var(--button-secondary-on-hover);\n}\n\n.button-module_btn-black__URYlq:hover {\n  background-color: var(--button-black-on-hover-color);\n}\n\n.button-module_btn--mini__Dkz5x {\n  gap: 4px;\n  padding: 6px 12px;\n}\n.button-module_btn--small__UyEju {\n  gap: 8px;\n  padding: 8px 16px;\n}\n.button-module_btn--medium__zPMiz {\n  gap: 8px;\n  padding: 8px 20px;\n}\n.button-module_btn--large__qgM6v {\n  gap: 8px;\n  padding: 14px 24px;\n}\n\n.button-module_btn-square--mini__YRbGv {\n  border-radius: 4px;\n}\n.button-module_btn-square--small__w3otU {\n  border-radius: 6px;\n}\n.button-module_btn-square--medium__RAmxe {\n  border-radius: 10px;\n}\n.button-module_btn-square--large__let6w {\n  border-radius: 12px;\n}\n\n.button-module_btn-rounded--mini__MaPdN {\n  border-radius: 32px;\n}\n.button-module_btn-rounded--small__StzZx {\n  border-radius: 32px;\n}\n.button-module_btn-rounded--medium__DRz4t {\n  border-radius: 32px;\n}\n.button-module_btn-rounded--large__ro5zj {\n  border-radius: 40px;\n}\n";
-var styles = {"button":"button-module_button__qkLhS","btn-default":"button-module_btn-default__YioHN","btn-default--disabled":"button-module_btn-default--disabled__fr-V2","btn-tinted":"button-module_btn-tinted__KkeAr","btn-tinted--disabled":"button-module_btn-tinted--disabled__liGfs","btn-secondary":"button-module_btn-secondary__I6qUT","btn-secondary--disabled":"button-module_btn-secondary--disabled__0sOG6","btn-black--disabled":"button-module_btn-black--disabled__--ovk","btn-black":"button-module_btn-black__URYlq","btn--mini":"button-module_btn--mini__Dkz5x","btn--small":"button-module_btn--small__UyEju","btn--medium":"button-module_btn--medium__zPMiz","btn--large":"button-module_btn--large__qgM6v","btn-square--mini":"button-module_btn-square--mini__YRbGv","btn-square--small":"button-module_btn-square--small__w3otU","btn-square--medium":"button-module_btn-square--medium__RAmxe","btn-square--large":"button-module_btn-square--large__let6w","btn-rounded--mini":"button-module_btn-rounded--mini__MaPdN","btn-rounded--small":"button-module_btn-rounded--small__StzZx","btn-rounded--medium":"button-module_btn-rounded--medium__DRz4t","btn-rounded--large":"button-module_btn-rounded--large__ro5zj"};
+var css_248z = ".button-module_button__qkLhS {\n  border: none;\n  transition: background-color 0.2s ease;\n\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n}\n\n.button-module_btn-default__YioHN {\n  color: var(--default-white-color);\n  background-color: var(--default-primary-accent);\n}\n\n.button-module_btn-default--disabled__fr-V2 {\n  color: var(--text-disabled-color);\n  background-color: var(--button-disabled-default-color);\n}\n\n.button-module_btn-tinted__KkeAr {\n  color: var(--text-accent);\n  background-color: var(--button-tinted-default-color);\n}\n\n.button-module_btn-tinted--disabled__liGfs {\n  color: var(--text-disabled-accent-color);\n  background-color: var(--button-tinted-default-color);\n}\n\n.button-module_btn-secondary__I6qUT {\n  color: var(--text-primary);\n  background-color: var(--surface-surface-3-color);\n}\n\n.button-module_btn-secondary--disabled__0sOG6 {\n  color: var(--text-secondary);\n  background-color: var(--surface-surface-3-color);\n}\n\n.button-module_btn-black--disabled__--ovk {\n  color: var(--text-disabled-color);\n  background-color: var(--button-disabled-default-color);\n}\n\n.button-module_btn-black__URYlq {\n  color: var(--default-white-color);\n  background-color: var(--button-black-default-color);\n}\n\n.button-module_btn-default__YioHN:hover {\n  background-color: var(--button-primary-on-hover-color);\n}\n\n.button-module_btn-tinted__KkeAr:hover {\n  background-color: var(--button-tinted-on-hover-color);\n}\n\n.button-module_btn-secondary__I6qUT:hover {\n  background-color: var(--button-secondary-on-hover);\n}\n\n.button-module_btn-black__URYlq:hover {\n  background-color: var(--button-black-on-hover-color);\n}\n\n.button-module_btn--mini__Dkz5x {\n  gap: 4px;\n  padding: 6px 12px;\n}\n.button-module_btn--small__UyEju {\n  gap: 8px;\n  padding: 8px 16px;\n}\n.button-module_btn--medium__zPMiz {\n  gap: 8px;\n  padding: 8px 20px;\n}\n.button-module_btn--large__qgM6v {\n  gap: 8px;\n  padding: 14px 24px;\n}\n\n.button-module_btn--mini--icon__0yMpS {\n  padding: 4px;\n}\n.button-module_btn--small--icon__dqJcd,\n.button-module_btn--medium--icon__ix64C {\n  padding: 8px;\n}\n.button-module_btn--large--icon__8-BnB {\n  padding: 14px;\n}\n\n.button-module_btn--mini--icon__0yMpS > svg,\n.button-module_btn--small--icon__dqJcd > svg {\n  width: 16px;\n  height: 16px;\n}\n\n.button-module_btn--medium--icon__ix64C > svg {\n  width: 20px;\n  height: 20px;\n}\n\n.button-module_btn--large--icon__8-BnB > svg {\n  width: 24px;\n  height: 24px;\n}\n\n.button-module_btn-square--mini__YRbGv,\n.button-module_btn-square--small__w3otU {\n  border-radius: 6px;\n}\n.button-module_btn-square--medium__RAmxe {\n  border-radius: 10px;\n}\n.button-module_btn-square--large__let6w {\n  border-radius: 12px;\n}\n\n.button-module_btn-rounded--mini__MaPdN {\n  border-radius: 32px;\n}\n.button-module_btn-rounded--small__StzZx {\n  border-radius: 32px;\n}\n.button-module_btn-rounded--medium__DRz4t {\n  border-radius: 32px;\n}\n.button-module_btn-rounded--large__ro5zj {\n  border-radius: 40px;\n}\n";
+var styles = {"button":"button-module_button__qkLhS","btn-default":"button-module_btn-default__YioHN","btn-default--disabled":"button-module_btn-default--disabled__fr-V2","btn-tinted":"button-module_btn-tinted__KkeAr","btn-tinted--disabled":"button-module_btn-tinted--disabled__liGfs","btn-secondary":"button-module_btn-secondary__I6qUT","btn-secondary--disabled":"button-module_btn-secondary--disabled__0sOG6","btn-black--disabled":"button-module_btn-black--disabled__--ovk","btn-black":"button-module_btn-black__URYlq","btn--mini":"button-module_btn--mini__Dkz5x","btn--small":"button-module_btn--small__UyEju","btn--medium":"button-module_btn--medium__zPMiz","btn--large":"button-module_btn--large__qgM6v","btn--mini--icon":"button-module_btn--mini--icon__0yMpS","btn--small--icon":"button-module_btn--small--icon__dqJcd","btn--medium--icon":"button-module_btn--medium--icon__ix64C","btn--large--icon":"button-module_btn--large--icon__8-BnB","btn-square--mini":"button-module_btn-square--mini__YRbGv","btn-square--small":"button-module_btn-square--small__w3otU","btn-square--medium":"button-module_btn-square--medium__RAmxe","btn-square--large":"button-module_btn-square--large__let6w","btn-rounded--mini":"button-module_btn-rounded--mini__MaPdN","btn-rounded--small":"button-module_btn-rounded--small__StzZx","btn-rounded--medium":"button-module_btn-rounded--medium__DRz4t","btn-rounded--large":"button-module_btn-rounded--large__ro5zj"};
 function styleInject(css, options) {
     if (typeof document === 'undefined') return;
     const head = document.head || document.getElementsByTagName('head')[0];

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

@@ -11,8 +11,8 @@ var btnTypography = {
     large: typography.body1Medium,
 };
 var Button = function (_a) {
-    var onClick = _a.onClick, children = _a.children, style = _a.style, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.isRounded, isRounded = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.variant, variant = _e === void 0 ? "default" : _e, _f = _a.size, size = _f === void 0 ? "medium" : _f, _g = _a["aria-label"], ariaLabel = _g === void 0 ? "Кнопка" : _g, _h = _a["data-testid"], dataTestid = _h === void 0 ? "Button_MAIN" : _h, rest = __rest(_a, ["onClick", "children", "style", "className", "isRounded", "disabled", "variant", "size", "aria-label", "data-testid"]);
-    return (jsx("button", __assign({ type: "button", "data-testid": dataTestid, "aria-label": ariaLabel, disabled: disabled, "aria-disabled": disabled, onClick: onClick, className: joinClasses(styles["btn--".concat(size)], btnTypography[size], isRounded
+    var onClick = _a.onClick, children = _a.children, style = _a.style, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.isRounded, isRounded = _c === void 0 ? false : _c, _d = _a.isIcon, isIcon = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.variant, variant = _f === void 0 ? "default" : _f, _g = _a.size, size = _g === void 0 ? "medium" : _g, _h = _a["aria-label"], ariaLabel = _h === void 0 ? "Кнопка" : _h, _j = _a["data-testid"], dataTestid = _j === void 0 ? "Button_MAIN" : _j, rest = __rest(_a, ["onClick", "children", "style", "className", "isRounded", "isIcon", "disabled", "variant", "size", "aria-label", "data-testid"]);
+    return (jsx("button", __assign({ type: "button", "data-testid": dataTestid, "aria-label": ariaLabel, disabled: disabled, "aria-disabled": disabled, onClick: onClick, className: joinClasses(styles["btn--".concat(size)], isIcon && styles["btn--".concat(size, "--icon")], btnTypography[size], isRounded
             ? styles["btn-rounded--".concat(size)]
             : styles["btn-square--".concat(size)], disabled ? styles["btn-".concat(variant, "--disabled")] : styles["btn-".concat(variant)], styles.button, className), style: style }, rest, { children: children })));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Button/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAiBA,IAAM,aAAa,GAAG;IACpB,IAAI,EAAE,UAAU,CAAC,cAAc;IAC/B,KAAK,EAAE,UAAU,CAAC,cAAc;IAChC,MAAM,EAAE,UAAU,CAAC,WAAW;IAC9B,KAAK,EAAE,UAAU,CAAC,WAAW;CAC9B;AAEM,IAAM,MAAM,GAAG,UAAC,EAYR,EAAA;AAXb,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,EAAA,GAAA,EAAA,CAAA,SAAc,EAAd,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACd,EAAA,GAAA,EAAA,CAAA,SAAiB,EAAjB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACjB,EAAA,GAAA,EAAA,CAAA,QAAgB,EAAhB,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EAChB,EAAA,GAAA,EAAA,CAAA,OAAmB,EAAnB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACnB,EAAA,GAAA,EAAA,CAAA,IAAe,EAAf,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EACf,EAAA,GAAA,EAAA,CAAA,YAAA,CAAkC,EAApB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EAClC,EAAA,GAAA,EAAA,CAAA,aAAA,CAAyC,EAA1B,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,aAAa,GAAA,EAAA,EACtC,IAAI,GAAA,MAAA,CAAA,EAAA,EAXc,sHAYtB,CADQ;AACW,IAAA,QAClBA,GAAA,CAAA,QAAA,EAAA,QAAA,CAAA,EACE,IAAI,EAAC,QAAQ,iBACA,UAAU,EAAA,YAAA,EACX,SAAS,EACrB,QAAQ,EAAE,QAAQ,EAAA,eAAA,EACH,QAAQ,EACvB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,OAAA,CAAA,MAAA,CAAQ,IAAI,CAAE,CAAC,EACtB,aAAa,CAAC,IAAI,CAAC,EACnB;AACE,cAAE,MAAM,CAAC,eAAA,CAAA,MAAA,CAAgB,IAAI,CAAE;cAC7B,MAAM,CAAC,cAAA,CAAA,MAAA,CAAe,IAAI,CAAE,CAAC,EACjC,QAAQ,GAAG,MAAM,CAAC,MAAA,CAAA,MAAA,CAAO,OAAO,eAAY,CAAC,GAAG,MAAM,CAAC,MAAA,CAAA,MAAA,CAAO,OAAO,CAAE,CAAC,EACxE,MAAM,CAAC,MAAM,EACb,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EAAA,EACR,IAAI,cAEP,QAAQ,EAAA,CAAA,CACF;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Button/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAkBA,IAAM,aAAa,GAAG;IACpB,IAAI,EAAE,UAAU,CAAC,cAAc;IAC/B,KAAK,EAAE,UAAU,CAAC,cAAc;IAChC,MAAM,EAAE,UAAU,CAAC,WAAW;IAC9B,KAAK,EAAE,UAAU,CAAC,WAAW;CAC9B;AAEM,IAAM,MAAM,GAAG,UAAC,EAaR,EAAA;AAZb,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,cAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,EAAA,GAAA,EAAA,CAAA,SAAc,EAAd,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACd,EAAA,GAAA,EAAA,CAAA,SAAiB,EAAjB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACjB,EAAA,GAAA,EAAA,CAAA,MAAc,EAAd,MAAM,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACd,EAAA,GAAA,EAAA,CAAA,QAAgB,EAAhB,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EAChB,EAAA,GAAA,EAAA,CAAA,OAAmB,EAAnB,OAAO,mBAAG,SAAS,GAAA,EAAA,EACnB,EAAA,GAAA,EAAA,CAAA,IAAe,EAAf,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,KAAA,EACf,EAAA,GAAA,EAAA,CAAA,YAAA,CAAkC,EAApB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EAClC,sBAAyC,EAA1B,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,aAAa,GAAA,EAAA,EACtC,IAAI,GAAA,MAAA,CAAA,EAAA,EAZc,gIAatB,CADQ;IACW,QAClBA,yBACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACA,UAAU,gBACX,SAAS,EACrB,QAAQ,EAAE,QAAQ,mBACH,QAAQ,EACvB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,OAAA,CAAA,MAAA,CAAQ,IAAI,CAAE,CAAC,EACtB,MAAM,IAAI,MAAM,CAAC,OAAA,CAAA,MAAA,CAAQ,IAAI,WAAQ,CAAC,EACtC,aAAa,CAAC,IAAI,CAAC,EACnB;AACE,cAAE,MAAM,CAAC,eAAA,CAAA,MAAA,CAAgB,IAAI,CAAE;cAC7B,MAAM,CAAC,cAAA,CAAA,MAAA,CAAe,IAAI,CAAE,CAAC,EACjC,QAAQ,GAAG,MAAM,CAAC,MAAA,CAAA,MAAA,CAAO,OAAO,eAAY,CAAC,GAAG,MAAM,CAAC,MAAA,CAAA,MAAA,CAAO,OAAO,CAAE,CAAC,EACxE,MAAM,CAAC,MAAM,EACb,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EAAA,EACR,IAAI,cAEP,QAAQ,EAAA,CAAA,CACF;;;;;"}

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

@@ -1,5 +1,5 @@
-var css_248z = ".InputField-module_inputContainer__m0Ft1 {\n  display: flex;\n  align-items: center;\n  background-color: var(--surface-surface-1);\n  border-radius: 8px;\n  padding: 12px 16px;\n}\n\n.InputField-module_inputContainerLabeled__89l6g {\n  display: block;\n  background-color: var(--surface-surface-1);\n  border-radius: 8px;\n  padding: 12px 16px;\n}\n\n.InputField-module_inputContainerLabeled__89l6g label {\n  color: var(--text-secondary);\n}\n\n.InputField-module_input__cHn6S {\n  width: 100%;\n  border: none;\n  background-color: var(--surface-surface-1);\n}\n\n.InputField-module_input__cHn6S:active,\n.InputField-module_input__cHn6S:focus {\n  outline: none;\n}\n\n.InputField-module_input__cHn6S::placeholder {\n  color: var(--text-disabled-color);\n}\n\n.InputField-module_input__cHn6S::-webkit-inner-spin-button,\n.InputField-module_input__cHn6S::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n.InputField-module_clearIcon__V-zim {\n  cursor: pointer;\n}\n\n.InputField-module_input--onfocus__kUVkQ {\n  background-color: var(--surface-surface-3-color);\n}\n\n.InputField-module_input--onfocus__kUVkQ .InputField-module_input__cHn6S {\n  background-color: var(--surface-surface-3-color);\n}\n\n.InputField-module_code__fH8PC {\n  text-align: center;\n}\n";
-var styles = {"inputContainer":"InputField-module_inputContainer__m0Ft1","inputContainerLabeled":"InputField-module_inputContainerLabeled__89l6g","input":"InputField-module_input__cHn6S","clearIcon":"InputField-module_clearIcon__V-zim","input--onfocus":"InputField-module_input--onfocus__kUVkQ","code":"InputField-module_code__fH8PC"};
+var css_248z = ".InputField-module_inputContainer__m0Ft1 {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  background-color: var(--surface-surface-1);\n  border-radius: 8px;\n}\n\n.InputField-module_placeholderPadding__CSmkz {\n  padding: 16px 16px;\n}\n\n.InputField-module_labelPadding__AUAjl {\n  padding: 8px 16px;\n}\n\n.InputField-module_inputContainerLabeled__89l6g {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  background-color: var(--surface-surface-1);\n  border-radius: 8px;\n}\n\n.InputField-module_inputContainerIcon__0zWu9 {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n}\n\n.InputField-module_inputContainerLabeled__89l6g label {\n  color: var(--text-secondary);\n}\n\n.InputField-module_input__cHn6S {\n  width: 100%;\n  border: none;\n  background-color: var(--surface-surface-1);\n}\n\n.InputField-module_input__cHn6S:active,\n.InputField-module_input__cHn6S:focus {\n  outline: none;\n}\n\n.InputField-module_input__cHn6S::placeholder {\n  color: var(--text-disabled-color);\n}\n\ninput {\n  height: 24px;\n}\n\ntextarea {\n  resize: none;\n  height: 24px;\n  position: relative;\n}\n\ntextarea::placeholder {\n  position: absolute;\n  top: 2px;\n}\n\n.InputField-module_input__cHn6S::-webkit-inner-spin-button,\n.InputField-module_input__cHn6S::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n.InputField-module_clearIcon__V-zim {\n  cursor: pointer;\n}\n\n.InputField-module_code__fH8PC {\n  text-align: center;\n}\n";
+var styles = {"inputContainer":"InputField-module_inputContainer__m0Ft1","placeholderPadding":"InputField-module_placeholderPadding__CSmkz","labelPadding":"InputField-module_labelPadding__AUAjl","inputContainerLabeled":"InputField-module_inputContainerLabeled__89l6g","inputContainerIcon":"InputField-module_inputContainerIcon__0zWu9","input":"InputField-module_input__cHn6S","clearIcon":"InputField-module_clearIcon__V-zim","code":"InputField-module_code__fH8PC"};
 function styleInject(css, options) {
     if (typeof document === 'undefined') return;
     const head = document.head || document.getElementsByTagName('head')[0];

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

@@ -1,13 +1,20 @@
 import { __assign } from 'tslib';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
+import { forwardRef, useState, useRef, useImperativeHandle } from 'react';
 import { ClearIcon } from '../../svg/ClearIcon.js';
 import { joinClasses } from '../../utils/joinClasses.js';
 import typography from '../../styles/typography.module.css.js';
 import styles from './InputField.module.css.js';
 
 var InputField = forwardRef(function (_a, ref) {
-    var onFocus = _a.onFocus, onBlur = _a.onBlur, onChange = _a.onChange, onEnterPress = _a.onEnterPress, _b = _a.value, value = _b === void 0 ? "" : _b, inputLeftIcon = _a.inputLeftIcon, _c = _a.placeholder, placeholder = _c === void 0 ? "" : _c, _d = _a.className, className = _d === void 0 ? "" : _d, style = _a.style, _e = _a.isClearable, isClearable = _e === void 0 ? false : _e, _f = _a.type, type = _f === void 0 ? "text" : _f, id = _a.id, _g = _a.labelText, labelText = _g === void 0 ? "" : _g, ariaLabel = _a.ariaLabel, _h = _a.focused, focused = _h === void 0 ? false : _h, _j = _a.setFocused, setFocused = _j === void 0 ? function () { } : _j, _k = _a.readOnly, readOnly = _k === void 0 ? false : _k, _l = _a.dataTestid, dataTestid = _l === void 0 ? "InputField_MAIN" : _l, _m = _a.variant, variant = _m === void 0 ? "default" : _m;
+    var onFocus = _a.onFocus, onBlur = _a.onBlur, onChange = _a.onChange, onEnterPress = _a.onEnterPress, _b = _a.value, value = _b === void 0 ? "" : _b, inputLeftIcon = _a.inputLeftIcon, _c = _a.className, className = _c === void 0 ? "" : _c, style = _a.style, _d = _a.isClearable, isClearable = _d === void 0 ? false : _d, _e = _a.type, type = _e === void 0 ? "text" : _e, id = _a.id, _f = _a.labelText, labelText = _f === void 0 ? "" : _f, ariaLabel = _a.ariaLabel, controlledFocused = _a.focused, setControlledFocused = _a.setFocused, _g = _a.readOnly, readOnly = _g === void 0 ? false : _g, _h = _a.dataTestid, dataTestid = _h === void 0 ? "InputField_MAIN" : _h, _j = _a.variant, variant = _j === void 0 ? "default" : _j, _k = _a.autoExpand, autoExpand = _k === void 0 ? false : _k;
+    var _l = useState(false), localFocused = _l[0], setLocalFocused = _l[1];
+    var textareaRef = useRef(null);
+    var inputRef = useRef(null);
+    var isControlled = controlledFocused !== undefined;
+    var focused = isControlled ? controlledFocused : localFocused;
+    var isLabelShown = labelText.length > 0 && (focused || value.length > 0);
+    var isLabelPlaceholderShown = value.length === 0 && !focused;
     var handleClear = function () {
         if (onChange) {
             onChange({
@@ -16,12 +23,18 @@ var InputField = forwardRef(function (_a, ref) {
         }
     };
     var handleFocus = function () {
-        setFocused(true);
+        if (!isControlled) {
+            setLocalFocused(true);
+        }
+        setControlledFocused === null || setControlledFocused === void 0 ? void 0 : setControlledFocused(true);
         if (onFocus)
             onFocus();
     };
     var handleBlur = function () {
-        setFocused(false);
+        if (!isControlled) {
+            setLocalFocused(false);
+        }
+        setControlledFocused === null || setControlledFocused === void 0 ? void 0 : setControlledFocused(false);
         if (onBlur)
             onBlur();
     };
@@ -30,7 +43,36 @@ var InputField = forwardRef(function (_a, ref) {
             onEnterPress(event);
         }
     };
-    return (jsxs("div", __assign({ "data-testid": dataTestid, className: joinClasses(styles[labelText.length > 0 ? "inputContainerLabeled" : "inputContainer"], focused ? styles["input--onfocus"] : undefined, type === "text" ? typography.body1Regular : undefined, styles["input-".concat(type === null || type === void 0 ? void 0 : type.toLocaleLowerCase())], className), style: style }, { children: [labelText.length > 0 && (jsx("label", __assign({ htmlFor: id, "data-testid": "InputField_LABEL" }, { children: labelText }))), inputLeftIcon, jsx("input", { ref: ref, "data-testid": "InputField_INPUT", "aria-label": ariaLabel, id: id, type: type, className: joinClasses(styles.input, variant === "code" ? styles.code : undefined), placeholder: placeholder, "aria-placeholder": placeholder, onFocus: handleFocus, onBlur: handleBlur, onChange: onChange, onKeyDown: handleKeyDown, value: value, readOnly: readOnly || !onChange }), isClearable && value && (jsx(ClearIcon, { fill: "red", pathFill: "#758393", className: styles.clearIcon, onClick: handleClear }))] })));
+    var handleTextareaInput = function (event) {
+        var textarea = event.currentTarget;
+        textarea.style.height = "24px";
+        textarea.style.height = "".concat(textarea.scrollHeight, "px");
+        if (onChange) {
+            onChange(event);
+        }
+    };
+    useImperativeHandle(ref, function () {
+        if (autoExpand) {
+            return textareaRef.current;
+        }
+        else {
+            return inputRef.current;
+        }
+    }, [autoExpand]);
+    var commonProps = {
+        "data-testid": "InputField_INPUT",
+        "aria-label": ariaLabel,
+        id: id,
+        className: joinClasses(styles.input, variant === "code" && styles.code, type === "text" ? typography.body2Regular : undefined),
+        placeholder: isLabelPlaceholderShown ? labelText : "",
+        "aria-placeholder": isLabelPlaceholderShown ? labelText : "",
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        onChange: onChange,
+        value: value,
+        readOnly: readOnly || !onChange,
+    };
+    return (jsxs("div", __assign({ "data-testid": dataTestid, className: joinClasses(styles.inputContainer, focused ? styles["input--onfocus"] : undefined, type === "text" ? typography.body2Regular : undefined, styles["input-".concat(type === null || type === void 0 ? void 0 : type.toLocaleLowerCase())], isLabelShown ? styles.labelPadding : styles.placeholderPadding, className), style: style }, { children: [jsxs("div", __assign({ className: styles.inputContainerLabeled, "data-testid": "InputField_WRAP_W_LABEL" }, { children: [isLabelShown && (jsx("label", __assign({ htmlFor: id, "data-testid": "InputField_LABEL", className: typography.caption1Regular }, { children: labelText }))), jsxs("div", __assign({ className: styles.inputContainerIcon, "data-testid": "InputField_WRAP_LEFT_ICON" }, { children: [inputLeftIcon, autoExpand ? (jsx("textarea", __assign({ ref: textareaRef, onInput: handleTextareaInput }, commonProps))) : (jsx("input", __assign({ ref: inputRef, type: type, onKeyDown: handleKeyDown }, commonProps)))] }))] })), isClearable && value && (jsx(ClearIcon, { fill: "red", pathFill: "#758393", className: styles.clearIcon, onClick: handleClear }))] })));
 });
 
 export { InputField };

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

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

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

@@ -1,5 +1,5 @@
-var css_248z = ".Label-module_secondaryText__EOLOU {\n  color: var(--text-secondary);\n}\n\n.Label-module_textVariantRegular__MOkOo {\n  color: var(--text-primary);\n}\n\n.Label-module_textVariantError__m0iV4 {\n  color: var(--text-error);\n}\n\n.Label-module_textVariantInfo__OM3cB {\n  color: var(--text-accent);\n}\n\n.Label-module_textVariantSuccess__5xMR3 {\n  color: var(--text-success);\n}\n\n.Label-module_label__KDbNb {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  flex: 1 0 0;\n}\n";
-var styles = {"secondaryText":"Label-module_secondaryText__EOLOU","textVariantRegular":"Label-module_textVariantRegular__MOkOo","textVariantError":"Label-module_textVariantError__m0iV4","textVariantInfo":"Label-module_textVariantInfo__OM3cB","textVariantSuccess":"Label-module_textVariantSuccess__5xMR3","label":"Label-module_label__KDbNb"};
+var css_248z = ".Label-module_wrapper__bdOow {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 4px;\n}\n\n.Label-module_small__x-s-Y,\n.Label-module_tiny__R7XP8 {\n  color: var(--text-secondary);\n}\n\n.Label-module_spaced__rvkyR {\n  padding: 12px 16px;\n}\n\n.Label-module_spaced__rvkyR.Label-module_tiny__R7XP8 {\n  padding: 8px 12px;\n}\n\n.Label-module_icon__pIH1L {\n  width: 20px;\n  height: 20px;\n  cursor: pointer;\n}\n";
+var styles = {"wrapper":"Label-module_wrapper__bdOow","small":"Label-module_small__x-s-Y","tiny":"Label-module_tiny__R7XP8","spaced":"Label-module_spaced__rvkyR","icon":"Label-module_icon__pIH1L"};
 function styleInject(css, options) {
     if (typeof document === 'undefined') return;
     const head = document.head || document.getElementsByTagName('head')[0];

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

@@ -1,12 +1,22 @@
 import { __assign } from 'tslib';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { toPascalCase } from '../../utils/string/toPascalCase.js';
-import { Typography } from '../Typography/index.js';
+import { joinClasses } from '../../utils/joinClasses.js';
+import typography from '../../styles/typography.module.css.js';
 import styles from './Label.module.css.js';
 
+var labelTypography = {
+    tiny: typography.caption1Semibold,
+    small: typography.body2Medium,
+    big: typography.body1Medium,
+};
+var iconFill = {
+    big: "var(--text-primary)",
+    small: "var(--text-secondary)",
+    tiny: "",
+};
 var Label = function (_a) {
-    var mainText = _a.mainText, _b = _a.secondaryText, secondaryText = _b === void 0 ? "" : _b, _c = _a.variant, variant = _c === void 0 ? "REGULAR" : _c;
-    return (jsxs("span", __assign({ "data-testid": "Label_WRAPPER", className: styles.label }, { children: [jsx(Typography, __assign({ tag: "span", "data-testid": "LabelText_MAIN", "aria-label": mainText, className: styles["textVariant".concat(toPascalCase(variant))], fontClass: "body2Regular" }, { children: mainText })), (secondaryText === null || secondaryText === void 0 ? void 0 : secondaryText.length) > 0 && (jsx(Typography, __assign({ tag: "span", "data-testid": "LabelText_SECONDARY", "aria-label": secondaryText, className: styles.secondaryText, fontClass: "caption1Regular" }, { children: secondaryText })))] })));
+    var variant = _a.variant, text = _a.text, isSpaced = _a.isSpaced, Icon = _a.Icon, onAction = _a.onAction;
+    return (jsxs("div", __assign({ "data-testid": "Label_WRAPPER", className: joinClasses(styles.wrapper, styles[variant], labelTypography[variant], isSpaced && styles.spaced) }, { children: [jsx("span", __assign({ "data-testid": "Label_TEXT" }, { children: text })), Icon && variant !== "tiny" && (jsx(Icon, { className: styles.icon, fill: iconFill[variant], onClick: onAction, "data-testid": "Label_ICON" }))] })));
 };
 
 export { Label };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Label/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAUO,IAAM,KAAK,GAAG,UAAC,EAIR,EAAA;AAHZ,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAA,GAAA,EAAA,CAAA,aAAkB,EAAlB,aAAa,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EAClB,EAAA,GAAA,EAAA,CAAA,OAAmB,EAAnB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA;AACF,IAAA,QACjBA,IAAA,CAAA,MAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAkB,eAAe,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,EAAA,EAAA,QAAA,EAAA,CACvDC,IAAC,UAAU,EAAA,QAAA,CAAA,EACT,GAAG,EAAC,MAAM,EAAA,aAAA,EACE,gBAAgB,EAAA,YAAA,EAChB,QAAQ,EACpB,SAAS,EAAE,MAAM,CAAC,qBAAc,YAAY,CAAC,OAAO,CAAC,CAAE,CAAC,EACxD,SAAS,EAAC,cAAc,EAAA,EAAA,EAAA,QAAA,EAEvB,QAAQ,EAAA,CAAA,CACE,EACZ,CAAA,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAAE,MAAM,IAAG,CAAC,KACxBA,GAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EACT,GAAG,EAAC,MAAM,EAAA,aAAA,EACE,qBAAqB,gBACrB,aAAa,EACzB,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,SAAS,EAAC,iBAAiB,EAAA,EAAA,EAAA,QAAA,EAE1B,aAAa,EAAA,CAAA,CACH,CACd,KACI;AAtBU;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Label/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAaA,IAAM,eAAe,GAAG;IACtB,IAAI,EAAE,UAAU,CAAC,gBAAgB;IACjC,KAAK,EAAE,UAAU,CAAC,WAAW;IAC7B,GAAG,EAAE,UAAU,CAAC,WAAW;CAC5B;AAED,IAAM,QAAQ,GAAG;AACf,IAAA,GAAG,EAAE,qBAAqB;AAC1B,IAAA,KAAK,EAAE,uBAAuB;AAC9B,IAAA,IAAI,EAAE,EAAE;CACT;AAEM,IAAM,KAAK,GAAG,UAAC,EAMR,EAAA;AALZ,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,QAAQ,GAAA,EAAA,CAAA,QAAA;AAER,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EACc,eAAe,EAC3B,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,OAAO,EACd,MAAM,CAAC,OAAO,CAAC,EACf,eAAe,CAAC,OAAO,CAAC,EACxB,QAAQ,IAAI,MAAM,CAAC,MAAM,CAC1B,EAAA,EAAA,EAAA,QAAA,EAAA,CAEDC,GAAA,CAAA,MAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAkB,YAAY,EAAA,EAAA,EAAA,QAAA,EAAE,IAAI,EAAA,CAAA,CAAQ,EAC3C,IAAI,IAAI,OAAO,KAAK,MAAM,KACzBA,GAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,EACvB,OAAO,EAAE,QAAQ,EAAA,aAAA,EACL,YAAY,EAAA,CACxB,CACH,CAAA,EAAA,CAAA,CACG;AAEV;;;;"}

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

@@ -1,5 +1,5 @@
-var css_248z = ".Modal-module_overlay__gg1lr {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.5);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 10;\n  box-sizing: border-box;\n}\n\n.Modal-module_contentWrap__k38CL {\n  background: var(--page-color-background-white);\n  border-radius: 16px;\n  height: fit-content;\n  animation: Modal-module_flyDawn__0J-tE 1s;\n}\n\n.Modal-module_largeVariant__tnPGL {\n  width: 1052px;\n}\n\n.Modal-module_smallVariant__eHFMv {\n  width: 400px;\n}\n\n.Modal-module_contentHeader__XyuVc {\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  align-self: stretch;\n  padding: 12px 16px;\n}\n\n.Modal-module_title__26Kte {\n  color: var(--text-primary);\n}\n\n@keyframes Modal-module_flyDawn__0J-tE {\n  from {\n    transform: translateY(-1000px);\n    opacity: 0.1;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n";
-var styles = {"overlay":"Modal-module_overlay__gg1lr","contentWrap":"Modal-module_contentWrap__k38CL","flyDawn":"Modal-module_flyDawn__0J-tE","largeVariant":"Modal-module_largeVariant__tnPGL","smallVariant":"Modal-module_smallVariant__eHFMv","contentHeader":"Modal-module_contentHeader__XyuVc","title":"Modal-module_title__26Kte"};
+var css_248z = ".Modal-module_contentWrap__k38CL {\n  background: var(--page-color-background-white);\n  border-radius: 16px;\n  height: fit-content;\n  animation: Modal-module_flyDown__8XGLa 1s;\n}\n\n.Modal-module_largeVariant__tnPGL {\n  width: 1052px;\n}\n\n.Modal-module_smallVariant__eHFMv {\n  width: 400px;\n}\n\n.Modal-module_contentHeader__XyuVc {\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  align-self: stretch;\n  padding: 12px 16px;\n}\n\n.Modal-module_title__26Kte {\n  color: var(--text-primary);\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";
+var styles = {"contentWrap":"Modal-module_contentWrap__k38CL","flyDown":"Modal-module_flyDown__8XGLa","largeVariant":"Modal-module_largeVariant__tnPGL","smallVariant":"Modal-module_smallVariant__eHFMv","contentHeader":"Modal-module_contentHeader__XyuVc","title":"Modal-module_title__26Kte"};
 function styleInject(css, options) {
     if (typeof document === 'undefined') return;
     const head = document.head || document.getElementsByTagName('head')[0];

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

@@ -4,19 +4,18 @@ import { Icons } from '@egov3/graphics';
 import React from 'react';
 import { i18n } from '../../constants/i18n/index.js';
 import { joinClasses } from '../../utils/joinClasses.js';
+import { Overlay } from '../Overlay/index.js';
 import { Typography } from '../Typography/index.js';
 import styles from './Modal.module.css.js';
 
 var Modal = function (_a) {
     var children = _a.children, header = _a.header, lang = _a.lang, open = _a.open, setOpen = _a.setOpen, variant = _a.variant, _b = _a.withOverlay, withOverlay = _b === void 0 ? true : _b;
-    var Wrapper = withOverlay ? "div" : React.Fragment;
-    return (jsx(Wrapper, __assign({}, (withOverlay
-        ? { className: styles.overlay, "data-testid": "Modal_OVERLAY" }
-        : {}), { children: jsxs("div", __assign({ "data-testid": "Modal_WRAPPER", className: joinClasses(styles.contentWrap, styles["".concat(variant, "Variant")]) }, { children: [header && (jsxs("div", __assign({ "data-testid": "Modal_HEADER", className: styles.contentHeader }, { children: [(header === null || header === void 0 ? void 0 : header.goBackService) && (jsx("button", __assign({ "aria-label": i18n.Modal.ariaBackButton[lang], className: styles.regGoBack, "data-testid": "IdentityHeaderGoBack_BTN", onClick: header.goBackService, type: "button" }, { children: jsx(Icons.Basic.ChevronLeft, { width: "18px", height: "18px" }) }))), (header === null || header === void 0 ? void 0 : header.goIdentityMain) && (jsx("button", __assign({ "aria-label": i18n.Modal.ariaAuthorizationPageBtn[lang], className: styles.logo, "data-testid": "IdentityHeaderGoMain_BTN", onClick: header.goIdentityMain, type: "button" }, { children: jsx(Icons.Logo.Egov, { width: "69px", height: "24px" }) }))), (header === null || header === void 0 ? void 0 : header.title) && (jsx(Typography, __assign({ tag: "h3", fontClass: "body1Medium", "data-testid": "Modal_TITLE", className: styles.title }, { children: header.title }))), (header === null || header === void 0 ? void 0 : header.isClosable) === true ? (jsx("button", __assign({ type: "button", "data-testid": "ModalHeaderBtn_CLOSE", onClick: function () {
+    var Wrapper = withOverlay ? Overlay : React.Fragment;
+    return (jsx(Wrapper, { children: jsxs("div", __assign({ "data-testid": "Modal_WRAPPER", className: joinClasses(styles.contentWrap, styles["".concat(variant, "Variant")]) }, { children: [header && (jsxs("div", __assign({ "data-testid": "Modal_HEADER", className: styles.contentHeader }, { children: [(header === null || header === void 0 ? void 0 : header.goBackService) && (jsx("button", __assign({ "aria-label": i18n.Modal.ariaBackButton[lang], className: styles.regGoBack, "data-testid": "IdentityHeaderGoBack_BTN", onClick: header.goBackService, type: "button" }, { children: jsx(Icons.Basic.ChevronLeft, { width: "18px", height: "18px" }) }))), (header === null || header === void 0 ? void 0 : header.goIdentityMain) && (jsx("button", __assign({ "aria-label": i18n.Modal.ariaAuthorizationPageBtn[lang], className: styles.logo, "data-testid": "IdentityHeaderGoMain_BTN", onClick: header.goIdentityMain, type: "button" }, { children: jsx(Icons.Logo.Egov, { width: "69px", height: "24px" }) }))), (header === null || header === void 0 ? void 0 : header.title) && (jsx(Typography, __assign({ tag: "h3", fontClass: "body1Medium", "data-testid": "Modal_TITLE", className: styles.title }, { children: header.title }))), (header === null || header === void 0 ? void 0 : header.isClosable) === true ? (jsx("button", __assign({ type: "button", "data-testid": "ModalHeaderBtn_CLOSE", onClick: function () {
                                 if (setOpen) {
                                     setOpen(!open);
                                 }
-                            } }, { children: jsx(Icons.General.Close, { "data-testid": "Modal_ICON" }) }))) : (jsx("div", { "data-testid": "IdentityHeaderBtn_CLOSE", className: styles.regCloseBtn }))] }))), children] })) })));
+                            } }, { children: jsx(Icons.General.Close, { "data-testid": "Modal_ICON" }) }))) : (jsx("div", { "data-testid": "IdentityHeaderBtn_CLOSE", className: styles.regCloseBtn }))] }))), children] })) }));
 };
 
 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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"}