@egov3/system-design 1.3.83 → 1.3.84

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/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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"}

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

@@ -0,0 +1,18 @@
+var css_248z = ".Overlay-module_overlay__GhGVx {\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";
+var styles = {"overlay":"Overlay-module_overlay__GhGVx"};
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=Overlay.module.css.js.map

package/dist/esm/baseComponents/Overlay/Overlay.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,12 @@
+import { __assign } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import { joinClasses } from '../../utils/joinClasses.js';
+import styles from './Overlay.module.css.js';
+
+var Overlay = function (_a) {
+    var children = _a.children, className = _a.className;
+    return (jsx("div", __assign({ className: className ? joinClasses(styles.overlay, className) : styles.overlay, "data-testid": "Overlay_WRAP" }, { children: children })));
+};
+
+export { Overlay };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Overlay/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AASO,IAAM,OAAO,GAAG,UAAC,EAAsC,EAAA;QAApC,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA;AAC3C,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EACE,SAAS,EACP,SAAS,GAAG,WAAW,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,MAAM,CAAC,OAAO,EAAA,aAAA,EAEzD,cAAc,EAAA,EAAA,EAAA,QAAA,EAEzB,QAAQ,EAAA,CAAA,CACL;AAEV;;;;"}

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

@@ -1,12 +1,12 @@
 import { __assign } from 'tslib';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Icons } from '@egov3/graphics';
-import { Label } from '../Label/index.js';
+import { TextPair } from '../TextPair/index.js';
 import styles from './StatusText.module.css.js';
 
 var StatusText = function (_a) {
     var text = _a.text, _b = _a.isAlignedCenter, isAlignedCenter = _b === void 0 ? false : _b, _c = _a.isNeedIcon, isNeedIcon = _c === void 0 ? false : _c, _d = _a.variant, variant = _d === void 0 ? "ERROR" : _d;
-    return (jsxs("div", __assign({ "data-testid": "StatusText_WRAP", className: styles.wrap }, { children: [isNeedIcon && variant === "ERROR" && (jsx("div", __assign({ "data-testid": "StatusTextError_ICON" }, { children: jsx(Icons.General.Error, { className: styles.iconWrapper, fill: "var(--icon-error-color)" }) }))), isNeedIcon && variant === "INFO" && (jsx("div", __assign({ "data-testid": "StatusTextInfo_ICON" }, { children: jsx(Icons.General.InfoStroke, { className: styles.iconWrapper, fill: "var(--icon-accent-color)" }) }))), isNeedIcon && variant === "SUCCESS" && (jsx("div", __assign({ "data-testid": "StatusTextSuccess_ICON" }, { children: jsx(Icons.General.CheckedRound, { className: styles.iconWrapper, fill: "var(--icon-success)" }) }))), jsx("div", __assign({ className: isAlignedCenter ? styles.centerAlign : undefined, "data-testid": "StatusText_TEXT" }, { children: jsx(Label, { mainText: text, variant: variant }) }))] })));
+    return (jsxs("div", __assign({ "data-testid": "StatusText_WRAP", className: styles.wrap }, { children: [isNeedIcon && variant === "ERROR" && (jsx("div", __assign({ "data-testid": "StatusTextError_ICON" }, { children: jsx(Icons.General.Error, { className: styles.iconWrapper, fill: "var(--icon-error-color)" }) }))), isNeedIcon && variant === "INFO" && (jsx("div", __assign({ "data-testid": "StatusTextInfo_ICON" }, { children: jsx(Icons.General.InfoStroke, { className: styles.iconWrapper, fill: "var(--icon-accent-color)" }) }))), isNeedIcon && variant === "SUCCESS" && (jsx("div", __assign({ "data-testid": "StatusTextSuccess_ICON" }, { children: jsx(Icons.General.CheckedRound, { className: styles.iconWrapper, fill: "var(--icon-success)" }) }))), jsx("div", __assign({ className: isAlignedCenter ? styles.centerAlign : undefined, "data-testid": "StatusText_TEXT" }, { children: jsx(TextPair, { mainText: text, variant: variant }) }))] })));
 };
 
 export { StatusText };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/StatusText/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAaO,IAAM,UAAU,GAAG,UAAC,EAKR,EAAA;QAJjB,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAA,GAAA,EAAA,CAAA,eAAuB,EAAvB,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,KAAA,EACvB,EAAA,GAAA,EAAA,CAAA,UAAkB,EAAlB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EAClB,eAAiB,EAAjB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,OAAO,GAAA,EAAA;AACK,IAAA,QACtBA,IAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,iBAAiB,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EAAA,CACtD,UAAU,IAAI,OAAO,KAAK,OAAO,KAChCC,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,sBAAsB,EAAA,EAAA,EAAA,QAAA,EACrCA,GAAA,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAA,EAClB,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,IAAI,EAAC,yBAAyB,EAAA,CAC9B,EAAA,CAAA,CACE,CACP,EACA,UAAU,IAAI,OAAO,KAAK,MAAM,KAC/BA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,qBAAqB,EAAA,EAAA,EAAA,QAAA,EACpCA,GAAA,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAA,EACvB,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,IAAI,EAAC,0BAA0B,EAAA,CAC/B,EAAA,CAAA,CACE,CACP,EACA,UAAU,IAAI,OAAO,KAAK,SAAS,KAClCA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,wBAAwB,EAAA,EAAA,EAAA,QAAA,EACvCA,GAAA,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,EAAA,EACzB,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,IAAI,EAAC,qBAAqB,EAAA,CAC1B,EAAA,CAAA,CACE,CACP,EACDA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EACE,SAAS,EAAE,eAAe,GAAG,MAAM,CAAC,WAAW,GAAG,SAAS,EAAA,aAAA,EAC/C,iBAAiB,EAAA,EAAA,EAAA,QAAA,EAE7BA,GAAA,CAAC,KAAK,EAAA,EAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAA,CAAI,EAAA,CAAA,CACvC,KACF;AAhCgB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/StatusText/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAaO,IAAM,UAAU,GAAG,UAAC,EAKR,EAAA;QAJjB,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAA,GAAA,EAAA,CAAA,eAAuB,EAAvB,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,KAAA,EACvB,EAAA,GAAA,EAAA,CAAA,UAAkB,EAAlB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EAClB,eAAiB,EAAjB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,OAAO,GAAA,EAAA;AACK,IAAA,QACtBA,IAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,iBAAiB,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EAAA,CACtD,UAAU,IAAI,OAAO,KAAK,OAAO,KAChCC,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,sBAAsB,EAAA,EAAA,EAAA,QAAA,EACrCA,GAAA,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAA,EAClB,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,IAAI,EAAC,yBAAyB,EAAA,CAC9B,EAAA,CAAA,CACE,CACP,EACA,UAAU,IAAI,OAAO,KAAK,MAAM,KAC/BA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,qBAAqB,EAAA,EAAA,EAAA,QAAA,EACpCA,GAAA,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAA,EACvB,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,IAAI,EAAC,0BAA0B,EAAA,CAC/B,EAAA,CAAA,CACE,CACP,EACA,UAAU,IAAI,OAAO,KAAK,SAAS,KAClCA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,wBAAwB,EAAA,EAAA,EAAA,QAAA,EACvCA,GAAA,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,EAAA,EACzB,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,IAAI,EAAC,qBAAqB,EAAA,CAC1B,EAAA,CAAA,CACE,CACP,EACDA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EACE,SAAS,EAAE,eAAe,GAAG,MAAM,CAAC,WAAW,GAAG,SAAS,EAAA,aAAA,EAC/C,iBAAiB,EAAA,EAAA,EAAA,QAAA,EAE7BA,GAAA,CAAC,QAAQ,EAAA,EAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAA,CAAI,EAAA,CAAA,CAC1C,KACF;AAhCgB;;;;"}

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

@@ -0,0 +1,18 @@
+var css_248z = ".TextPair-module_secondaryText__FXPSx {\n  color: var(--text-secondary);\n}\n\n.TextPair-module_textVariantRegular__NZKNO {\n  color: var(--text-primary);\n}\n\n.TextPair-module_textVariantError__t1TS4 {\n  color: var(--text-error);\n}\n\n.TextPair-module_textVariantInfo__z-oNu {\n  color: var(--text-accent);\n}\n\n.TextPair-module_textVariantSuccess__oEbaK {\n  color: var(--text-success);\n}\n\n.TextPair-module_label__ZJWNp {\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":"TextPair-module_secondaryText__FXPSx","textVariantRegular":"TextPair-module_textVariantRegular__NZKNO","textVariantError":"TextPair-module_textVariantError__t1TS4","textVariantInfo":"TextPair-module_textVariantInfo__z-oNu","textVariantSuccess":"TextPair-module_textVariantSuccess__oEbaK","label":"TextPair-module_label__ZJWNp"};
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=TextPair.module.css.js.map

package/dist/esm/baseComponents/TextPair/TextPair.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextPair.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,13 @@
+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 styles from './TextPair.module.css.js';
+
+var TextPair = 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": "TextPair_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": "TextPair_SECONDARY", "aria-label": secondaryText, className: styles.secondaryText, fontClass: "caption1Regular" }, { children: secondaryText })))] })));
+};
+
+export { TextPair };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/TextPair/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAUO,IAAM,QAAQ,GAAG,UAAC,EAIR,EAAA;AAHf,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;AACC,IAAA,QACpBA,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,eAAe,EAAA,YAAA,EACf,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,oBAAoB,gBACpB,aAAa,EACzB,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,SAAS,EAAC,iBAAiB,EAAA,EAAA,EAAA,QAAA,EAE1B,aAAa,EAAA,CAAA,CACH,CACd,KACI;AAtBa;;;;"}

package/dist/esm/baseComponents/index.js

@@ -5,11 +5,13 @@ import { InputField } from './InputField/index.js';
 import { Label } from './Label/index.js';
 import { Loader } from './Loader/index.js';
 import { Modal } from './Modal/index.js';
+import { Overlay } from './Overlay/index.js';
 import { RadioGroup, CustomRadioButton } from './RadioGroup/index.js';
 import { RadioToggle } from './RadioToggle/index.js';
 import { SelectBoxButton } from './SelectBoxButton/index.js';
 import { StatusText } from './StatusText/index.js';
 import { TabButtons } from './TabButtons/index.js';
+import { TextPair } from './TextPair/index.js';
 import { Typography } from './Typography/index.js';
 
 var BaseComponents = {
@@ -17,15 +19,17 @@ var BaseComponents = {
     Button: Button,
     CustomRadioButton: CustomRadioButton,
     InputField: InputField,
+    Label: Label,
     Loader: Loader,
     Modal: Modal,
     RadioGroup: RadioGroup,
     RadioToggle: RadioToggle,
     SelectBoxButton: SelectBoxButton,
     Typography: Typography,
-    Label: Label,
+    TextPair: TextPair,
     TabButtons: TabButtons,
     StatusText: StatusText,
+    Overlay: Overlay,
 };
 
 export { BaseComponents };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/baseComponents/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;AAeO,IAAM,cAAc,GAAG;AAC5B,IAAA,SAAS,EAAA,SAAA;AACT,IAAA,MAAM,EAAA,MAAA;AACN,IAAA,iBAAiB,EAAA,iBAAA;AACjB,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,MAAM,EAAA,MAAA;AACN,IAAA,KAAK,EAAA,KAAA;AACL,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,WAAW,EAAA,WAAA;AACX,IAAA,eAAe,EAAA,eAAA;AACf,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,KAAK,EAAA,KAAA;AACL,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,UAAU,EAAA,UAAA;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/baseComponents/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;AAiBO,IAAM,cAAc,GAAG;AAC5B,IAAA,SAAS,EAAA,SAAA;AACT,IAAA,MAAM,EAAA,MAAA;AACN,IAAA,iBAAiB,EAAA,iBAAA;AACjB,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,KAAK,EAAA,KAAA;AACL,IAAA,MAAM,EAAA,MAAA;AACN,IAAA,KAAK,EAAA,KAAA;AACL,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,WAAW,EAAA,WAAA;AACX,IAAA,eAAe,EAAA,eAAA;AACf,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,QAAQ,EAAA,QAAA;AACR,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,OAAO,EAAA,OAAA;;;;;"}

package/dist/esm/components/Feedback/Feedback.module.css.js

@@ -0,0 +1,18 @@
+var css_248z = ".Feedback-module_wrap__Fth3r {\n  display: flex;\n  flex-direction: column;\n  width: 400px;\n  gap: 12px;\n  animation: Feedback-module_flyUp__7nAmw 1s;\n}\n\n.Feedback-module_card__VN0ke {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n\n  border-radius: 12px;\n  background: var(--surface-surface-2);\n  box-shadow: 0 12px 32px 0 rgba(128, 130, 136, 0.5);\n}\n\n.Feedback-module_content__Z5k4R {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: 16px;\n  padding: 16px;\n}\n\n.Feedback-module_icons__IBXgG {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.Feedback-module_icon__ws0WA {\n  width: 48px;\n  height: 48px;\n  fill: var(--icon-tertiary);\n  cursor: pointer;\n}\n\n.Feedback-module_text__ICy-u {\n  color: var(--text-secondary);\n}\n\n.Feedback-module_button__5jzxO {\n  margin-top: 16px;\n}\n\n@keyframes Feedback-module_flyUp__7nAmw {\n  from {\n    transform: translateY(1000px);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n";
+var styles = {"wrap":"Feedback-module_wrap__Fth3r","card":"Feedback-module_card__VN0ke","content":"Feedback-module_content__Z5k4R","icons":"Feedback-module_icons__IBXgG","icon":"Feedback-module_icon__ws0WA","text":"Feedback-module_text__ICy-u","button":"Feedback-module_button__5jzxO"};
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=Feedback.module.css.js.map

package/dist/esm/components/Feedback/Feedback.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Feedback.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}