@egov3/system-design 1.3.73 → 1.3.75

package/README.md

@@ -47,6 +47,16 @@ yarn sb
 
 # Release Notes
 
+## 13.3.75
+
+### 🆕 Новые компоненты:
+- **Label**
+- **WarningText**
+- **TabButtons**
+
+### 🚀 Улучшения:
+- обновлен компонент **SelectBoxButton**
+
 ## 1.2.65
 - Добавлен вариант `black` для `Button`
 - Исправлена толщина иконки в `Accordion`

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

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css_248z = ".Label-module_secondaryText__EOLOU {\n  color: var(--text-secondary);\n}\n\n.Label-module_mainText__s8l-H {\n  color: var(--text-primary);\n}\n\n.Label-module_errorText__obTkQ {\n  color: var(--text-error);\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","mainText":"Label-module_mainText__s8l-H","errorText":"Label-module_errorText__obTkQ","label":"Label-module_label__KDbNb"};
+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);
+
+exports.default = styles;
+//# sourceMappingURL=Label.module.css.js.map

package/dist/cjs/baseComponents/Label/Label.module.css.js.map

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

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

@@ -0,0 +1,14 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../Typography/index.js');
+var Label_module = require('./Label.module.css.js');
+
+var Label = function (_a) {
+    var mainText = _a.mainText, _b = _a.secondaryText, secondaryText = _b === void 0 ? "" : _b, _c = _a.error, error = _c === void 0 ? false : _c;
+    return (jsxRuntime.jsxs("span", tslib.__assign({ "data-testid": "Label_WRAPPER", className: Label_module.default.label }, { children: [jsxRuntime.jsx(index.Typography, tslib.__assign({ tag: "span", "data-testid": "LabelText_MAIN", "aria-label": mainText, className: error ? Label_module.default.errorText : Label_module.default.mainText, fontClass: "body2Regular" }, { children: mainText })), (secondaryText === null || secondaryText === void 0 ? void 0 : secondaryText.length) > 0 && (jsxRuntime.jsx(index.Typography, tslib.__assign({ tag: "span", "data-testid": "LabelText_SECONDARY", "aria-label": secondaryText, className: Label_module.default.secondaryText, fontClass: "caption1Regular" }, { children: secondaryText })))] })));
+};
+
+exports.Label = Label;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Label/index.tsx"],"sourcesContent":[null],"names":["_jsxs","__assign","styles","_jsx","Typography"],"mappings":";;;;;;;AASO,IAAM,KAAK,GAAG,UAAC,EAA4D,EAAA;AAA1D,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAA,GAAA,EAAA,CAAA,aAAkB,EAAlB,aAAa,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EAAE,EAAA,GAAA,EAAA,CAAA,KAAa,EAAb,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA;AAAoB,IAAA,QACrFA,eAAA,CAAA,MAAA,EAAAC,cAAA,CAAA,EAAA,aAAA,EAAkB,eAAe,EAAC,SAAS,EAAEC,oBAAM,CAAC,KAAK,EAAA,EAAA,EAAA,QAAA,EAAA,CACvDC,eAACC,gBAAU,EAAAH,cAAA,CAAA,EACT,GAAG,EAAC,MAAM,iBACE,gBAAgB,EAAA,YAAA,EAChB,QAAQ,EACpB,SAAS,EAAE,KAAK,GAAGC,oBAAM,CAAC,SAAS,GAAGA,oBAAM,CAAC,QAAQ,EACrD,SAAS,EAAC,cAAc,EAAA,EAAA,EAAA,QAAA,EAEvB,QAAQ,IACE,EACZ,CAAA,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAAE,MAAM,IAAG,CAAC,KACxBC,cAAA,CAACC,gBAAU,mBACT,GAAG,EAAC,MAAM,EAAA,aAAA,EACE,qBAAqB,EAAA,YAAA,EACrB,aAAa,EACzB,SAAS,EAAEF,oBAAM,CAAC,aAAa,EAC/B,SAAS,EAAC,iBAAiB,EAAA,EAAA,EAAA,QAAA,EAE1B,aAAa,EAAA,CAAA,CACH,CACd,KACI;AAtB8E;;;;"}

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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: 1;\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 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"};
 function styleInject(css, options) {
     if (typeof document === 'undefined') return;

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var css_248z = ".SelectBoxButton-module_selectContainer__OZKcY {\n  display: flex;\n  height: 56px;\n  justify-content: space-between;\n  align-items: center;\n  background-color: var(--surface-surface-1);\n  border-radius: 8px;\n  padding: 8px 16px;\n}\n\n.SelectBoxButton-module_label__QXEFa {\n  display: flex;\n  color: var(--text-secondary);\n}\n\n.SelectBoxButton-module_errorLabel__tvOEX {\n  display: flex;\n  color: var(--icon-error-color);\n}\n\n.SelectBoxButton-module_selectText__bHp-v {\n  display: flex;\n  color: var(--text-primary);\n}\n";
-var styles = {"selectContainer":"SelectBoxButton-module_selectContainer__OZKcY","label":"SelectBoxButton-module_label__QXEFa","errorLabel":"SelectBoxButton-module_errorLabel__tvOEX","selectText":"SelectBoxButton-module_selectText__bHp-v"};
+var css_248z = ".SelectBoxButton-module_selectContainer__OZKcY {\n  display: flex;\n  height: 56px;\n  padding: 8px 16px;\n  align-items: center;\n  gap: 12px;\n  align-self: stretch;\n  border-radius: 12px;\n  background: var(--surface-surface-1);\n}\n\n.SelectBoxButton-module_labelWrapper__qziDR {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 2px;\n  flex: 1 0 0;\n}\n\n.SelectBoxButton-module_chevronIcon__c3YkY {\n  width: 20px;\n  height: 20px;\n}\n\n.SelectBoxButton-module_chevronIcon__c3YkY > :first-child {\n  fill: var(--icon-secondary-color);\n}\n\n.SelectBoxButton-module_errorLabel__tvOEX {\n  color: var(--text-error);\n}\n\n.SelectBoxButton-module_label__QXEFa {\n  color: var(--text-secondary);\n}\n\n.SelectBoxButton-module_selectText__bHp-v {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--text-primary);\n}\n";
+var styles = {"selectContainer":"SelectBoxButton-module_selectContainer__OZKcY","labelWrapper":"SelectBoxButton-module_labelWrapper__qziDR","chevronIcon":"SelectBoxButton-module_chevronIcon__c3YkY","errorLabel":"SelectBoxButton-module_errorLabel__tvOEX","label":"SelectBoxButton-module_label__QXEFa","selectText":"SelectBoxButton-module_selectText__bHp-v"};
 function styleInject(css, options) {
     if (typeof document === 'undefined') return;
     const head = document.head || document.getElementsByTagName('head')[0];

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

@@ -3,12 +3,14 @@
 var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var graphics = require('@egov3/graphics');
+var index$1 = require('../../constants/i18n/index.js');
 var index = require('../Typography/index.js');
 var SelectBoxButton_module = require('./SelectBoxButton.module.css.js');
 
 var SelectBoxButton = function (_a) {
-    var setIsOpen = _a.setIsOpen, labelText = _a.labelText, disabled = _a.disabled, error = _a.error, modalValue = _a.modalValue;
-    return (jsxRuntime.jsxs("button", tslib.__assign({ type: "button", "data-testid": "SelectBoxModal_BUTTON", className: SelectBoxButton_module.default.selectContainer, onClick: function () { return !disabled && setIsOpen(true); } }, { children: [jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "SelectBoxModal_TITLE" }, { children: [jsxRuntime.jsx(index.Typography, tslib.__assign({ tag: "label", fontClass: "caption1Regular", "data-testid": "SelectBoxModal_LABEL", className: error ? SelectBoxButton_module.default.errorLabel : SelectBoxButton_module.default.label, "aria-label": labelText }, { children: labelText })), modalValue && modalValue.length > 0 && (jsxRuntime.jsx(index.Typography, tslib.__assign({ tag: "div", fontClass: "body2Regular", "data-testid": "SelectBoxModal_VALUE", className: SelectBoxButton_module.default.selectText, "aria-label": modalValue }, { children: modalValue })))] })), jsxRuntime.jsx(graphics.Icons.Basic.ChevronDownSmall, { "aria-label": "\u043A\u043D\u043E\u043F\u043A\u0430 \u0440\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044C", fill: "#758393", className: SelectBoxButton_module.default.clearIcon })] })));
+    var handleClick = _a.handleClick, labelText = _a.labelText, disabled = _a.disabled, error = _a.error, modalValue = _a.modalValue, lang = _a.lang;
+    var hasValue = modalValue && modalValue.length > 0;
+    return (jsxRuntime.jsxs("button", tslib.__assign({ type: "button", "data-testid": "SelectBoxModal_BUTTON", className: SelectBoxButton_module.default.selectContainer, disabled: disabled, onClick: handleClick }, { children: [jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "SelectBoxModal_TITLE", className: SelectBoxButton_module.default.labelWrapper }, { children: [jsxRuntime.jsx(index.Typography, tslib.__assign({ tag: "label", fontClass: hasValue ? "caption1Regular" : "body2Regular", "data-testid": "SelectBoxModal_LABEL", className: error ? SelectBoxButton_module.default.errorLabel : SelectBoxButton_module.default.label, "aria-label": labelText }, { children: labelText })), hasValue && (jsxRuntime.jsx(index.Typography, tslib.__assign({ tag: "span", fontClass: "body2Regular", "data-testid": "SelectBoxModal_VALUE", className: SelectBoxButton_module.default.selectText, "aria-label": modalValue }, { children: modalValue })))] })), jsxRuntime.jsx(graphics.Icons.Basic.ChevronDownSmall, { "aria-label": index$1.i18n.SelectBoxButton.ariaExpandButton[lang], className: SelectBoxButton_module.default.chevronIcon, "data-testid": "SelectBoxModal_CHEVRON_ICON" })] })));
 };
 
 exports.SelectBoxButton = SelectBoxButton;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/SelectBoxButton/index.tsx"],"sourcesContent":[null],"names":["_jsxs","__assign","styles","_jsx","Typography","Icons"],"mappings":";;;;;;;;AAcO,IAAM,eAAe,GAAG,UAAC,EAMd,EAAA;AALhB,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,UAAU,GAAA,EAAA,CAAA,UAAA;IACwB,QAClCA,eAAA,CAAA,QAAA,EAAAC,cAAA,CAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,uBAAuB,EACnC,SAAS,EAAEC,8BAAM,CAAC,eAAe,EACjC,OAAO,EAAE,YAAA,EAAM,OAAA,CAAC,QAAQ,IAAI,SAAS,CAAC,IAAI,CAAC,CAAA,CAA5B,CAA4B,EAAA,EAAA,EAAA,QAAA,EAAA,CAE3CF,eAAA,CAAA,KAAA,EAAAC,cAAA,CAAA,EAAA,aAAA,EAAiB,sBAAsB,EAAA,EAAA,EAAA,QAAA,EAAA,CACrCE,cAAA,CAACC,gBAAU,EAAAH,cAAA,CAAA,EACT,GAAG,EAAC,OAAO,EACX,SAAS,EAAC,iBAAiB,EAAA,aAAA,EACf,sBAAsB,EAClC,SAAS,EAAE,KAAK,GAAGC,8BAAM,CAAC,UAAU,GAAGA,8BAAM,CAAC,KAAK,EAAA,YAAA,EACvC,SAAS,EAAA,EAAA,EAAA,QAAA,EAEpB,SAAS,EAAA,CAAA,CACC,EACZ,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,KAClCC,cAAA,CAACC,gBAAU,EAAAH,cAAA,CAAA,EACT,GAAG,EAAC,KAAK,EACT,SAAS,EAAC,cAAc,EAAA,aAAA,EACZ,sBAAsB,EAClC,SAAS,EAAEC,8BAAM,CAAC,UAAU,EAAA,YAAA,EAChB,UAAU,EAAA,EAAA,EAAA,QAAA,EAErB,UAAU,EAAA,CAAA,CACA,CACd,CAAA,EAAA,CAAA,CACG,EACNC,cAAA,CAACE,cAAK,CAAC,KAAK,CAAC,gBAAgB,EAAA,EAAA,YAAA,EAChB,mGAAmB,EAC9B,IAAI,EAAC,SAAS,EACd,SAAS,EAAEH,8BAAM,CAAC,SAAS,EAAA,CAC3B,CAAA,EAAA,CAAA,CACK;AAlCyB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/SelectBoxButton/index.tsx"],"sourcesContent":[null],"names":["_jsxs","__assign","styles","_jsx","Typography","Icons","i18n"],"mappings":";;;;;;;;;AAcO,IAAM,eAAe,GAAG,UAAC,EAOd,EAAA;AANhB,IAAA,IAAA,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,WAAA,EACL,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,IAAI,GAAA,EAAA,CAAA,IAAA;IAEJ,IAAM,QAAQ,GAAG,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC;AAEpD,IAAA,QACEA,eAAA,CAAA,QAAA,EAAAC,cAAA,CAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,uBAAuB,EACnC,SAAS,EAAEC,8BAAM,CAAC,eAAe,EACjC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EAAA,EAAA,EAAA,QAAA,EAAA,CAEpBF,eAAA,CAAA,KAAA,EAAAC,cAAA,CAAA,EAAA,aAAA,EAAiB,sBAAsB,EAAC,SAAS,EAAEC,8BAAM,CAAC,YAAY,EAAA,EAAA,EAAA,QAAA,EAAA,CACpEC,cAAA,CAACC,gBAAU,EAAAH,cAAA,CAAA,EACT,GAAG,EAAC,OAAO,EACX,SAAS,EAAE,QAAQ,GAAG,iBAAiB,GAAG,cAAc,EAAA,aAAA,EAC5C,sBAAsB,EAClC,SAAS,EAAE,KAAK,GAAGC,8BAAM,CAAC,UAAU,GAAGA,8BAAM,CAAC,KAAK,EAAA,YAAA,EACvC,SAAS,EAAA,EAAA,EAAA,QAAA,EAEpB,SAAS,EAAA,CAAA,CACC,EAEZ,QAAQ,KACPC,cAAA,CAACC,gBAAU,EAAAH,cAAA,CAAA,EACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,cAAc,EAAA,aAAA,EACZ,sBAAsB,EAClC,SAAS,EAAEC,8BAAM,CAAC,UAAU,gBAChB,UAAU,EAAA,EAAA,EAAA,QAAA,EAErB,UAAU,EAAA,CAAA,CACA,CACd,CAAA,EAAA,CAAA,CACG,EACNC,cAAA,CAACE,cAAK,CAAC,KAAK,CAAC,gBAAgB,EAAA,EAAA,YAAA,EACfC,YAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,IAAI,CAAC,EACvD,SAAS,EAAEJ,8BAAM,CAAC,WAAW,EAAA,aAAA,EACjB,6BAA6B,EAAA,CACzC,CAAA,EAAA,CAAA,CACK;AAEb;;;;"}

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

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css_248z = ".TabButtons-module_layout__95Gnn {\n  display: flex;\n  padding: 4px 16px;\n  align-items: flex-start;\n  gap: 4px;\n  align-self: stretch;\n  flex-wrap: wrap;\n}\n\n.TabButtons-module_notActive__BsEl2 {\n  background: var(--surface-surface-1);\n  color: var(--text-primary);\n}\n\n.TabButtons-module_active__pv6Fj {\n  background: var(--surface-surface-black-nonconvert);\n  color: var(--text-white-nonconvert-color);\n}\n\n.TabButtons-module_tabBtnText__m0P1j {\n  border-radius: 40px;\n  padding: 6px 16px;\n  white-space: nowrap;\n}\n";
+var styles = {"layout":"TabButtons-module_layout__95Gnn","notActive":"TabButtons-module_notActive__BsEl2","active":"TabButtons-module_active__pv6Fj","tabBtnText":"TabButtons-module_tabBtnText__m0P1j"};
+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);
+
+exports.default = styles;
+//# sourceMappingURL=TabButtons.module.css.js.map

package/dist/cjs/baseComponents/TabButtons/TabButtons.module.css.js.map

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

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

@@ -0,0 +1,17 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var joinClasses = require('../../utils/joinClasses.js');
+var index = require('../Typography/index.js');
+var TabButtons_module = require('./TabButtons.module.css.js');
+
+var TabButtons = function (_a) {
+    var tabDocLabels = _a.tabDocLabels, activeTab = _a.activeTab, handleClick = _a.handleClick;
+    return (jsxRuntime.jsx("div", tslib.__assign({ className: TabButtons_module.default.layout, "data-testid": "TabButtons_LAYOUT" }, { children: tabDocLabels.map(function (label) { return (jsxRuntime.jsx("button", tslib.__assign({ type: "button", onClick: function () {
+                handleClick(label.key);
+            }, "data-testid": "TabButtons_BUTTON", className: joinClasses.joinClasses(TabButtons_module.default.tabBtnText, activeTab === label.key ? TabButtons_module.default.active : TabButtons_module.default.notActive), "aria-label": label.text }, { children: jsxRuntime.jsx(index.Typography, tslib.__assign({ tag: "span", fontClass: "caption1Medium" }, { children: label.text })) }), label.key)); }) })));
+};
+
+exports.TabButtons = TabButtons;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/TabButtons/index.tsx"],"sourcesContent":[null],"names":["_jsx","__assign","styles","joinClasses","Typography"],"mappings":";;;;;;;;AAWO,IAAM,UAAU,GAAG,UAAC,EAIR,EAAA;AAHjB,IAAA,IAAA,YAAY,kBAAA,EACZ,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,WAAW,GAAA,EAAA,CAAA,WAAA;IACW,QACtBA,cAAA,CAAA,KAAA,EAAAC,cAAA,CAAA,EAAK,SAAS,EAAEC,yBAAM,CAAC,MAAM,EAAA,aAAA,EAAc,mBAAmB,EAAA,EAAA,EAAA,QAAA,EAC3D,YAAY,CAAC,GAAG,CAAC,UAAC,KAAK,EAAA,EAAK,QAC3BF,cAAA,CAAA,QAAA,EAAAC,cAAA,CAAA,EAEE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,YAAA;AACP,gBAAA,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC;YACxB,CAAC,EAAA,aAAA,EACW,mBAAmB,EAC/B,SAAS,EAAEE,uBAAW,CACpBD,yBAAM,CAAC,UAAU,EACjB,SAAS,KAAK,KAAK,CAAC,GAAG,GAAGA,yBAAM,CAAC,MAAM,GAAGA,yBAAM,CAAC,SAAS,CAC3D,EAAA,YAAA,EACW,KAAK,CAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EAEtBF,cAAA,CAACI,gBAAU,EAAAH,cAAA,CAAA,EAAC,GAAG,EAAC,MAAM,EAAC,SAAS,EAAC,gBAAgB,EAAA,EAAA,EAAA,QAAA,EAC9C,KAAK,CAAC,IAAI,EAAA,CAAA,CACA,EAAA,CAAA,EAdR,KAAK,CAAC,GAAG,CAeP,EACV,CAlB4B,CAkB5B,CAAC,EAAA,CAAA,CACE;AArBgB;;;;"}

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

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css_248z = ".WarningText-module_iconWrapper__shYJy {\n  width: 20px;\n  height: 20px;\n  flex-shrink: 0;\n}\n\n.WarningText-module_iconWrapper__shYJy > :first-child {\n  fill: var(--icon-error-color);\n}\n\n.WarningText-module_centerAlign__B7AJp {\n  text-align: center;\n}\n\n.WarningText-module_wrap__1DySd {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n}\n";
+var styles = {"iconWrapper":"WarningText-module_iconWrapper__shYJy","centerAlign":"WarningText-module_centerAlign__B7AJp","wrap":"WarningText-module_wrap__1DySd"};
+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);
+
+exports.default = styles;
+//# sourceMappingURL=WarningText.module.css.js.map

package/dist/cjs/baseComponents/WarningText/WarningText.module.css.js.map

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

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

@@ -0,0 +1,15 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var graphics = require('@egov3/graphics');
+var index = require('../Label/index.js');
+var WarningText_module = require('./WarningText.module.css.js');
+
+var WarningText = function (_a) {
+    var errorText = _a.errorText, _b = _a.isAlignedCenter, isAlignedCenter = _b === void 0 ? false : _b, _c = _a.isNeedIcon, isNeedIcon = _c === void 0 ? false : _c;
+    return (jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "Warning_WRAP", className: WarningText_module.default.wrap }, { children: [isNeedIcon && (jsxRuntime.jsx("div", tslib.__assign({ "data-testid": "Warning_ICON" }, { children: jsxRuntime.jsx(graphics.Icons.General.Error, { className: WarningText_module.default.iconWrapper }) }))), jsxRuntime.jsx("div", tslib.__assign({ className: isAlignedCenter && WarningText_module.default.centerAlign, "data-testid": "Warning_TEXT" }, { children: jsxRuntime.jsx(index.Label, { mainText: errorText, error: true }) }))] })));
+};
+
+exports.WarningText = WarningText;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/WarningText/index.tsx"],"sourcesContent":[null],"names":["_jsxs","__assign","styles","_jsx","Icons","Label"],"mappings":";;;;;;;;AAWO,IAAM,WAAW,GAAG,UAAC,EAIR,EAAA;AAHlB,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAA,GAAA,EAAA,CAAA,eAAuB,EAAvB,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACvB,EAAA,GAAA,EAAA,CAAA,UAAkB,EAAlB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA;IACK,QACvBA,eAAA,CAAA,KAAA,EAAAC,cAAA,CAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAEC,0BAAM,CAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EAAA,CACnD,UAAU,KACTC,sDAAiB,cAAc,EAAA,EAAA,EAAA,QAAA,EAC7BA,cAAA,CAACC,cAAK,CAAC,OAAO,CAAC,KAAK,EAAA,EAAC,SAAS,EAAEF,0BAAM,CAAC,WAAW,GAAI,EAAA,CAAA,CAClD,CACP,EACDC,cAAA,CAAA,KAAA,EAAAF,cAAA,CAAA,EACE,SAAS,EAAE,eAAe,IAAIC,0BAAM,CAAC,WAAW,EAAA,aAAA,EACpC,cAAc,EAAA,EAAA,EAAA,QAAA,EAE1BC,eAACE,WAAK,EAAA,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAA,CAAI,EAAA,CAAA,CACvC,CAAA,EAAA,CAAA,CACF;AAbiB;;;;"}

package/dist/cjs/baseComponents/index.js

@@ -1,25 +1,31 @@
 'use strict';
 
-var index$7 = require('./Accordion/index.js');
-var index$6 = require('./Button/index.js');
-var index$5 = require('./InputField/index.js');
-var index$4 = require('./Modal/index.js');
-var index$3 = require('./RadioGroup/index.js');
-var index$2 = require('./RadioToggle/index.js');
-var index$1 = require('./SelectBoxButton/index.js');
-var index = require('./Typography/index.js');
+var index$a = require('./Accordion/index.js');
+var index$9 = require('./Button/index.js');
+var index$8 = require('./InputField/index.js');
+var index$2 = require('./Label/index.js');
+var index$7 = require('./Modal/index.js');
+var index$6 = require('./RadioGroup/index.js');
+var index$5 = require('./RadioToggle/index.js');
+var index$4 = require('./SelectBoxButton/index.js');
+var index$1 = require('./TabButtons/index.js');
+var index$3 = require('./Typography/index.js');
+var index = require('./WarningText/index.js');
 require('../styles/colors.css.js');
 
 var BaseComponents = {
-    Accordion: index$7.Accordion,
-    Button: index$6.Button,
-    CustomRadioButton: index$3.CustomRadioButton,
-    InputField: index$5.InputField,
-    Modal: index$4.Modal,
-    RadioGroup: index$3.RadioGroup,
-    RadioToggle: index$2.RadioToggle,
-    SelectBoxButton: index$1.SelectBoxButton,
-    Typography: index.Typography,
+    Accordion: index$a.Accordion,
+    Button: index$9.Button,
+    CustomRadioButton: index$6.CustomRadioButton,
+    InputField: index$8.InputField,
+    Modal: index$7.Modal,
+    RadioGroup: index$6.RadioGroup,
+    RadioToggle: index$5.RadioToggle,
+    SelectBoxButton: index$4.SelectBoxButton,
+    Typography: index$3.Typography,
+    Label: index$2.Label,
+    TabButtons: index$1.TabButtons,
+    WarningText: index.WarningText,
 };
 
 exports.BaseComponents = BaseComponents;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/baseComponents/index.ts"],"sourcesContent":[null],"names":["Accordion","Button","CustomRadioButton","InputField","Modal","RadioGroup","RadioToggle","SelectBoxButton","Typography"],"mappings":";;;;;;;;;;;;AAWO,IAAM,cAAc,GAAG;AAC5B,IAAA,SAAS,EAAAA,iBAAA;AACT,IAAA,MAAM,EAAAC,cAAA;AACN,IAAA,iBAAiB,EAAAC,yBAAA;AACjB,IAAA,UAAU,EAAAC,kBAAA;AACV,IAAA,KAAK,EAAAC,aAAA;AACL,IAAA,UAAU,EAAAC,kBAAA;AACV,IAAA,WAAW,EAAAC,mBAAA;AACX,IAAA,eAAe,EAAAC,uBAAA;AACf,IAAA,UAAU,EAAAC,gBAAA;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/baseComponents/index.ts"],"sourcesContent":[null],"names":["Accordion","Button","CustomRadioButton","InputField","Modal","RadioGroup","RadioToggle","SelectBoxButton","Typography","Label","TabButtons","WarningText"],"mappings":";;;;;;;;;;;;;;;AAcO,IAAM,cAAc,GAAG;AAC5B,IAAA,SAAS,EAAAA,iBAAA;AACT,IAAA,MAAM,EAAAC,cAAA;AACN,IAAA,iBAAiB,EAAAC,yBAAA;AACjB,IAAA,UAAU,EAAAC,kBAAA;AACV,IAAA,KAAK,EAAAC,aAAA;AACL,IAAA,UAAU,EAAAC,kBAAA;AACV,IAAA,WAAW,EAAAC,mBAAA;AACX,IAAA,eAAe,EAAAC,uBAAA;AACf,IAAA,UAAU,EAAAC,kBAAA;AACV,IAAA,KAAK,EAAAC,aAAA;AACL,IAAA,UAAU,EAAAC,kBAAA;AACV,IAAA,WAAW,EAAAC,iBAAA;;;;;"}

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

@@ -10,7 +10,9 @@ var DocCard_module = require('./DocCard.module.css.js');
 var DocCard = function (_a) {
     var title = _a.title, docIcon = _a.docIcon, expiration = _a.expiration, children = _a.children, lang = _a.lang;
     var _b = React.useState(false), isModalOpen = _b[0], setIsModalOpen = _b[1];
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("button", tslib.__assign({ type: "button", "data-testid": "DocCard_BUTTON", onClick: function () { return setIsModalOpen(!isModalOpen); }, className: DocCard_module.default.container, "aria-label": title }, { children: [jsxRuntime.jsx("div", tslib.__assign({ "data-testid": "DocCard_CARD", className: DocCard_module.default.card }, { children: jsxRuntime.jsx("div", tslib.__assign({ "data-testid": "DocCard_DOCUMENT", className: DocCard_module.default.document }, { children: docIcon })) })), jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "DocCard_TEXT", className: DocCard_module.default.text }, { children: [jsxRuntime.jsx(index.Typography, tslib.__assign({ tag: "span", fontClass: "caption1Medium", "data-testid": "DocCard_TITLE", className: DocCard_module.default.title }, { children: title })), expiration && (jsxRuntime.jsx(index.Typography, tslib.__assign({ tag: "span", "data-testid": "DocCard_EXPIRATION", className: DocCard_module.default.expiration, "aria-label": expiration, fontClass: "caption1Regular" }, { children: expiration })))] }))] })), isModalOpen && (jsxRuntime.jsx(index$1.Modal, tslib.__assign({ open: isModalOpen, setOpen: setIsModalOpen, header: { title: title, isClosable: true }, variant: "small", lang: lang }, { children: children })))] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("button", tslib.__assign({ type: "button", "data-testid": "DocCard_BUTTON", onClick: function () {
+                    setIsModalOpen(!isModalOpen);
+                }, className: DocCard_module.default.container, "aria-label": title }, { children: [jsxRuntime.jsx("div", tslib.__assign({ "data-testid": "DocCard_CARD", className: DocCard_module.default.card }, { children: jsxRuntime.jsx("div", tslib.__assign({ "data-testid": "DocCard_DOCUMENT", className: DocCard_module.default.document }, { children: docIcon })) })), jsxRuntime.jsxs("div", tslib.__assign({ "data-testid": "DocCard_TEXT", className: DocCard_module.default.text }, { children: [jsxRuntime.jsx(index.Typography, tslib.__assign({ tag: "span", fontClass: "caption1Medium", "data-testid": "DocCard_TITLE", className: DocCard_module.default.title }, { children: title })), expiration && (jsxRuntime.jsx(index.Typography, tslib.__assign({ tag: "span", "data-testid": "DocCard_EXPIRATION", className: DocCard_module.default.expiration, "aria-label": expiration, fontClass: "caption1Regular" }, { children: expiration })))] }))] })), isModalOpen && (jsxRuntime.jsx(index$1.Modal, tslib.__assign({ open: isModalOpen, setOpen: setIsModalOpen, header: { title: title, isClosable: true }, variant: "small", lang: lang }, { children: children })))] }));
 };
 
 exports.DocCard = DocCard;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/DocCard/index.tsx"],"sourcesContent":[null],"names":["useState","_jsxs","_Fragment","__assign","styles","_jsx","Typography","Modal"],"mappings":";;;;;;;;;AAcO,IAAM,OAAO,GAAG,UAAC,EAMR,EAAA;AALd,IAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,IAAI,GAAA,EAAA,CAAA,IAAA;IAEE,IAAA,EAAA,GAAgCA,cAAQ,CAAC,KAAK,CAAC,EAA9C,WAAW,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,cAAc,GAAA,EAAA,CAAA,CAAA,CAAmB;AAErD,IAAA,QACEC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACED,eAAA,CAAA,QAAA,EAAAE,cAAA,CAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,gBAAgB,EAC5B,OAAO,EAAE,YAAA,EAAM,OAAA,cAAc,CAAC,CAAC,WAAW,CAAC,CAAA,CAA5B,CAA4B,EAC3C,SAAS,EAAEC,sBAAM,CAAC,SAAS,EAAA,YAAA,EACf,KAAK,iBAEjBC,cAAA,CAAA,KAAA,EAAAF,cAAA,CAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAEC,sBAAM,CAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EACpDC,cAAA,CAAA,KAAA,EAAAF,cAAA,CAAA,EAAA,aAAA,EAAiB,kBAAkB,EAAC,SAAS,EAAEC,sBAAM,CAAC,QAAQ,EAAA,EAAA,EAAA,QAAA,EAC3D,OAAO,EAAA,CAAA,CACJ,EAAA,CAAA,CACF,EACNH,eAAA,CAAA,KAAA,EAAAE,cAAA,CAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAEC,sBAAM,CAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EAAA,CACpDC,cAAA,CAACC,gBAAU,mBACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,gBAAgB,EAAA,aAAA,EACd,eAAe,EAC3B,SAAS,EAAEF,sBAAM,CAAC,KAAK,EAAA,EAAA,EAAA,QAAA,EAEtB,KAAK,EAAA,CAAA,CACK,EACZ,UAAU,KACTC,cAAA,CAACC,gBAAU,EAAAH,cAAA,CAAA,EACT,GAAG,EAAC,MAAM,iBACE,oBAAoB,EAChC,SAAS,EAAEC,sBAAM,CAAC,UAAU,EAAA,YAAA,EAChB,UAAU,EACtB,SAAS,EAAC,iBAAiB,gBAE1B,UAAU,EAAA,CAAA,CACA,CACd,CAAA,EAAA,CAAA,CACG,KACC,EACR,WAAW,KACVC,cAAA,CAACE,aAAK,EAAAJ,cAAA,CAAA,EACJ,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,cAAc,EACvB,MAAM,EAAE,EAAE,KAAK,EAAA,KAAA,EAAE,UAAU,EAAE,IAAI,EAAE,EACnC,OAAO,EAAC,OAAO,EACf,IAAI,EAAE,IAAI,gBAET,QAAQ,EAAA,CAAA,CACH,CACT,CAAA,EAAA,CACA;AAEP;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/DocCard/index.tsx"],"sourcesContent":[null],"names":["useState","_jsxs","_Fragment","__assign","styles","_jsx","Typography","Modal"],"mappings":";;;;;;;;;AAcO,IAAM,OAAO,GAAG,UAAC,EAMR,EAAA;AALd,IAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,IAAI,GAAA,EAAA,CAAA,IAAA;IAEE,IAAA,EAAA,GAAgCA,cAAQ,CAAC,KAAK,CAAC,EAA9C,WAAW,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,cAAc,GAAA,EAAA,CAAA,CAAA,CAAmB;IAErD,QACEC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACED,eAAA,CAAA,QAAA,EAAAE,cAAA,CAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,gBAAgB,EAC5B,OAAO,EAAE,YAAA;AACP,oBAAA,cAAc,CAAC,CAAC,WAAW,CAAC;AAC9B,gBAAA,CAAC,EACD,SAAS,EAAEC,sBAAM,CAAC,SAAS,EAAA,YAAA,EACf,KAAK,EAAA,EAAA,EAAA,QAAA,EAAA,CAEjBC,cAAA,CAAA,KAAA,EAAAF,cAAA,CAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAEC,sBAAM,CAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EACpDC,cAAA,CAAA,KAAA,EAAAF,cAAA,CAAA,EAAA,aAAA,EAAiB,kBAAkB,EAAC,SAAS,EAAEC,sBAAM,CAAC,QAAQ,EAAA,EAAA,EAAA,QAAA,EAC3D,OAAO,IACJ,EAAA,CAAA,CACF,EACNH,eAAA,CAAA,KAAA,EAAAE,cAAA,CAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAEC,sBAAM,CAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EAAA,CACpDC,cAAA,CAACC,gBAAU,EAAAH,cAAA,CAAA,EACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,gBAAgB,EAAA,aAAA,EACd,eAAe,EAC3B,SAAS,EAAEC,sBAAM,CAAC,KAAK,EAAA,EAAA,EAAA,QAAA,EAEtB,KAAK,EAAA,CAAA,CACK,EACZ,UAAU,KACTC,cAAA,CAACC,gBAAU,EAAAH,cAAA,CAAA,EACT,GAAG,EAAC,MAAM,EAAA,aAAA,EACE,oBAAoB,EAChC,SAAS,EAAEC,sBAAM,CAAC,UAAU,EAAA,YAAA,EAChB,UAAU,EACtB,SAAS,EAAC,iBAAiB,EAAA,EAAA,EAAA,QAAA,EAE1B,UAAU,EAAA,CAAA,CACA,CACd,CAAA,EAAA,CAAA,CACG,CAAA,EAAA,CAAA,CACC,EACR,WAAW,KACVC,eAACE,aAAK,EAAAJ,cAAA,CAAA,EACJ,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,cAAc,EACvB,MAAM,EAAE,EAAE,KAAK,EAAA,KAAA,EAAE,UAAU,EAAE,IAAI,EAAE,EACnC,OAAO,EAAC,OAAO,EACf,IAAI,EAAE,IAAI,EAAA,EAAA,EAAA,QAAA,EAET,QAAQ,EAAA,CAAA,CACH,CACT,CAAA,EAAA,CACA;AAEP;;;;"}

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

@@ -20,6 +20,13 @@ var i18n = {
             en: "Button to main page",
         },
     },
+    SelectBoxButton: {
+        ariaExpandButton: {
+            ru: "Кнопка развернуть",
+            kk: "Батырманы ашу",
+            en: "Button to expand",
+        },
+    },
 };
 
 exports.i18n = i18n;

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":";;AAAO,IAAM,IAAI,GAAG;AAClB,IAAA,KAAK,EAAE;AACL,QAAA,wBAAwB,EAAE;AACxB,YAAA,EAAE,EAAE,6CAA6C;AACjD,YAAA,EAAE,EAAE,+CAA+C;AACnD,YAAA,EAAE,EAAE,+CAA+C;AACpD,SAAA;AACD,QAAA,cAAc,EAAE;AACd,YAAA,EAAE,EAAE,2BAA2B;AAC/B,YAAA,EAAE,EAAE,6BAA6B;AACjC,YAAA,EAAE,EAAE,6BAA6B;AAClC,SAAA;AACF,KAAA;AACD,IAAA,cAAc,EAAE;AACd,QAAA,UAAU,EAAE;AACV,YAAA,EAAE,EAAE,mBAAmB;AACvB,YAAA,EAAE,EAAE,2BAA2B;AAC/B,YAAA,EAAE,EAAE,qBAAqB;AAC1B,SAAA;AACF,KAAA;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/constants/i18n/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAAO,IAAM,IAAI,GAAG;AAClB,IAAA,KAAK,EAAE;AACL,QAAA,wBAAwB,EAAE;AACxB,YAAA,EAAE,EAAE,6CAA6C;AACjD,YAAA,EAAE,EAAE,+CAA+C;AACnD,YAAA,EAAE,EAAE,+CAA+C;AACpD,SAAA;AACD,QAAA,cAAc,EAAE;AACd,YAAA,EAAE,EAAE,2BAA2B;AAC/B,YAAA,EAAE,EAAE,6BAA6B;AACjC,YAAA,EAAE,EAAE,6BAA6B;AAClC,SAAA;AACF,KAAA;AACD,IAAA,cAAc,EAAE;AACd,QAAA,UAAU,EAAE;AACV,YAAA,EAAE,EAAE,mBAAmB;AACvB,YAAA,EAAE,EAAE,2BAA2B;AAC/B,YAAA,EAAE,EAAE,qBAAqB;AAC1B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,gBAAgB,EAAE;AAChB,YAAA,EAAE,EAAE,mBAAmB;AACvB,YAAA,EAAE,EAAE,eAAe;AACnB,YAAA,EAAE,EAAE,kBAAkB;AACvB,SAAA;AACF,KAAA;;;;;"}

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

@@ -0,0 +1,18 @@
+var css_248z = ".Label-module_secondaryText__EOLOU {\n  color: var(--text-secondary);\n}\n\n.Label-module_mainText__s8l-H {\n  color: var(--text-primary);\n}\n\n.Label-module_errorText__obTkQ {\n  color: var(--text-error);\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","mainText":"Label-module_mainText__s8l-H","errorText":"Label-module_errorText__obTkQ","label":"Label-module_label__KDbNb"};
+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=Label.module.css.js.map

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

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

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

@@ -0,0 +1,12 @@
+import { __assign } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Typography } from '../Typography/index.js';
+import styles from './Label.module.css.js';
+
+var Label = function (_a) {
+    var mainText = _a.mainText, _b = _a.secondaryText, secondaryText = _b === void 0 ? "" : _b, _c = _a.error, error = _c === void 0 ? false : _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: error ? styles.errorText : styles.mainText, 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 })))] })));
+};
+
+export { Label };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Label/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AASO,IAAM,KAAK,GAAG,UAAC,EAA4D,EAAA;AAA1D,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAA,GAAA,EAAA,CAAA,aAAkB,EAAlB,aAAa,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EAAE,EAAA,GAAA,EAAA,CAAA,KAAa,EAAb,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA;AAAoB,IAAA,QACrFA,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,iBACE,gBAAgB,EAAA,YAAA,EAChB,QAAQ,EACpB,SAAS,EAAE,KAAK,GAAG,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,QAAQ,EACrD,SAAS,EAAC,cAAc,EAAA,EAAA,EAAA,QAAA,EAEvB,QAAQ,IACE,EACZ,CAAA,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAAE,MAAM,IAAG,CAAC,KACxBA,GAAA,CAAC,UAAU,aACT,GAAG,EAAC,MAAM,EAAA,aAAA,EACE,qBAAqB,EAAA,YAAA,EACrB,aAAa,EACzB,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,SAAS,EAAC,iBAAiB,EAAA,EAAA,EAAA,QAAA,EAE1B,aAAa,EAAA,CAAA,CACH,CACd,KACI;AAtB8E;;;;"}

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

@@ -1,4 +1,4 @@
-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: 1;\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 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"};
 function styleInject(css, options) {
     if (typeof document === 'undefined') return;

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

@@ -1,5 +1,5 @@
-var css_248z = ".SelectBoxButton-module_selectContainer__OZKcY {\n  display: flex;\n  height: 56px;\n  justify-content: space-between;\n  align-items: center;\n  background-color: var(--surface-surface-1);\n  border-radius: 8px;\n  padding: 8px 16px;\n}\n\n.SelectBoxButton-module_label__QXEFa {\n  display: flex;\n  color: var(--text-secondary);\n}\n\n.SelectBoxButton-module_errorLabel__tvOEX {\n  display: flex;\n  color: var(--icon-error-color);\n}\n\n.SelectBoxButton-module_selectText__bHp-v {\n  display: flex;\n  color: var(--text-primary);\n}\n";
-var styles = {"selectContainer":"SelectBoxButton-module_selectContainer__OZKcY","label":"SelectBoxButton-module_label__QXEFa","errorLabel":"SelectBoxButton-module_errorLabel__tvOEX","selectText":"SelectBoxButton-module_selectText__bHp-v"};
+var css_248z = ".SelectBoxButton-module_selectContainer__OZKcY {\n  display: flex;\n  height: 56px;\n  padding: 8px 16px;\n  align-items: center;\n  gap: 12px;\n  align-self: stretch;\n  border-radius: 12px;\n  background: var(--surface-surface-1);\n}\n\n.SelectBoxButton-module_labelWrapper__qziDR {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 2px;\n  flex: 1 0 0;\n}\n\n.SelectBoxButton-module_chevronIcon__c3YkY {\n  width: 20px;\n  height: 20px;\n}\n\n.SelectBoxButton-module_chevronIcon__c3YkY > :first-child {\n  fill: var(--icon-secondary-color);\n}\n\n.SelectBoxButton-module_errorLabel__tvOEX {\n  color: var(--text-error);\n}\n\n.SelectBoxButton-module_label__QXEFa {\n  color: var(--text-secondary);\n}\n\n.SelectBoxButton-module_selectText__bHp-v {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--text-primary);\n}\n";
+var styles = {"selectContainer":"SelectBoxButton-module_selectContainer__OZKcY","labelWrapper":"SelectBoxButton-module_labelWrapper__qziDR","chevronIcon":"SelectBoxButton-module_chevronIcon__c3YkY","errorLabel":"SelectBoxButton-module_errorLabel__tvOEX","label":"SelectBoxButton-module_label__QXEFa","selectText":"SelectBoxButton-module_selectText__bHp-v"};
 function styleInject(css, options) {
     if (typeof document === 'undefined') return;
     const head = document.head || document.getElementsByTagName('head')[0];

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

@@ -1,12 +1,14 @@
 import { __assign } from 'tslib';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Icons } from '@egov3/graphics';
+import { i18n } from '../../constants/i18n/index.js';
 import { Typography } from '../Typography/index.js';
 import styles from './SelectBoxButton.module.css.js';
 
 var SelectBoxButton = function (_a) {
-    var setIsOpen = _a.setIsOpen, labelText = _a.labelText, disabled = _a.disabled, error = _a.error, modalValue = _a.modalValue;
-    return (jsxs("button", __assign({ type: "button", "data-testid": "SelectBoxModal_BUTTON", className: styles.selectContainer, onClick: function () { return !disabled && setIsOpen(true); } }, { children: [jsxs("div", __assign({ "data-testid": "SelectBoxModal_TITLE" }, { children: [jsx(Typography, __assign({ tag: "label", fontClass: "caption1Regular", "data-testid": "SelectBoxModal_LABEL", className: error ? styles.errorLabel : styles.label, "aria-label": labelText }, { children: labelText })), modalValue && modalValue.length > 0 && (jsx(Typography, __assign({ tag: "div", fontClass: "body2Regular", "data-testid": "SelectBoxModal_VALUE", className: styles.selectText, "aria-label": modalValue }, { children: modalValue })))] })), jsx(Icons.Basic.ChevronDownSmall, { "aria-label": "\u043A\u043D\u043E\u043F\u043A\u0430 \u0440\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044C", fill: "#758393", className: styles.clearIcon })] })));
+    var handleClick = _a.handleClick, labelText = _a.labelText, disabled = _a.disabled, error = _a.error, modalValue = _a.modalValue, lang = _a.lang;
+    var hasValue = modalValue && modalValue.length > 0;
+    return (jsxs("button", __assign({ type: "button", "data-testid": "SelectBoxModal_BUTTON", className: styles.selectContainer, disabled: disabled, onClick: handleClick }, { children: [jsxs("div", __assign({ "data-testid": "SelectBoxModal_TITLE", className: styles.labelWrapper }, { children: [jsx(Typography, __assign({ tag: "label", fontClass: hasValue ? "caption1Regular" : "body2Regular", "data-testid": "SelectBoxModal_LABEL", className: error ? styles.errorLabel : styles.label, "aria-label": labelText }, { children: labelText })), hasValue && (jsx(Typography, __assign({ tag: "span", fontClass: "body2Regular", "data-testid": "SelectBoxModal_VALUE", className: styles.selectText, "aria-label": modalValue }, { children: modalValue })))] })), jsx(Icons.Basic.ChevronDownSmall, { "aria-label": i18n.SelectBoxButton.ariaExpandButton[lang], className: styles.chevronIcon, "data-testid": "SelectBoxModal_CHEVRON_ICON" })] })));
 };
 
 export { SelectBoxButton };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/SelectBoxButton/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAcO,IAAM,eAAe,GAAG,UAAC,EAMd,EAAA;AALhB,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,UAAU,GAAA,EAAA,CAAA,UAAA;IACwB,QAClCA,IAAA,CAAA,QAAA,EAAA,QAAA,CAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,uBAAuB,EACnC,SAAS,EAAE,MAAM,CAAC,eAAe,EACjC,OAAO,EAAE,YAAA,EAAM,OAAA,CAAC,QAAQ,IAAI,SAAS,CAAC,IAAI,CAAC,CAAA,CAA5B,CAA4B,EAAA,EAAA,EAAA,QAAA,EAAA,CAE3CA,IAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,sBAAsB,EAAA,EAAA,EAAA,QAAA,EAAA,CACrCC,GAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EACT,GAAG,EAAC,OAAO,EACX,SAAS,EAAC,iBAAiB,EAAA,aAAA,EACf,sBAAsB,EAClC,SAAS,EAAE,KAAK,GAAG,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,KAAK,EAAA,YAAA,EACvC,SAAS,EAAA,EAAA,EAAA,QAAA,EAEpB,SAAS,EAAA,CAAA,CACC,EACZ,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,KAClCA,GAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EACT,GAAG,EAAC,KAAK,EACT,SAAS,EAAC,cAAc,EAAA,aAAA,EACZ,sBAAsB,EAClC,SAAS,EAAE,MAAM,CAAC,UAAU,EAAA,YAAA,EAChB,UAAU,EAAA,EAAA,EAAA,QAAA,EAErB,UAAU,EAAA,CAAA,CACA,CACd,CAAA,EAAA,CAAA,CACG,EACNA,GAAA,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB,EAAA,EAAA,YAAA,EAChB,mGAAmB,EAC9B,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA,CAC3B,CAAA,EAAA,CAAA,CACK;AAlCyB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/SelectBoxButton/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAcO,IAAM,eAAe,GAAG,UAAC,EAOd,EAAA;AANhB,IAAA,IAAA,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,WAAA,EACL,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,IAAI,GAAA,EAAA,CAAA,IAAA;IAEJ,IAAM,QAAQ,GAAG,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC;AAEpD,IAAA,QACEA,IAAA,CAAA,QAAA,EAAA,QAAA,CAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,uBAAuB,EACnC,SAAS,EAAE,MAAM,CAAC,eAAe,EACjC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EAAA,EAAA,EAAA,QAAA,EAAA,CAEpBA,IAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,sBAAsB,EAAC,SAAS,EAAE,MAAM,CAAC,YAAY,EAAA,EAAA,EAAA,QAAA,EAAA,CACpEC,GAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EACT,GAAG,EAAC,OAAO,EACX,SAAS,EAAE,QAAQ,GAAG,iBAAiB,GAAG,cAAc,EAAA,aAAA,EAC5C,sBAAsB,EAClC,SAAS,EAAE,KAAK,GAAG,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,KAAK,EAAA,YAAA,EACvC,SAAS,EAAA,EAAA,EAAA,QAAA,EAEpB,SAAS,EAAA,CAAA,CACC,EAEZ,QAAQ,KACPA,GAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,cAAc,EAAA,aAAA,EACZ,sBAAsB,EAClC,SAAS,EAAE,MAAM,CAAC,UAAU,gBAChB,UAAU,EAAA,EAAA,EAAA,QAAA,EAErB,UAAU,EAAA,CAAA,CACA,CACd,CAAA,EAAA,CAAA,CACG,EACNA,GAAA,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB,EAAA,EAAA,YAAA,EACf,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,IAAI,CAAC,EACvD,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,aAAA,EACjB,6BAA6B,EAAA,CACzC,CAAA,EAAA,CAAA,CACK;AAEb;;;;"}

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

@@ -0,0 +1,18 @@
+var css_248z = ".TabButtons-module_layout__95Gnn {\n  display: flex;\n  padding: 4px 16px;\n  align-items: flex-start;\n  gap: 4px;\n  align-self: stretch;\n  flex-wrap: wrap;\n}\n\n.TabButtons-module_notActive__BsEl2 {\n  background: var(--surface-surface-1);\n  color: var(--text-primary);\n}\n\n.TabButtons-module_active__pv6Fj {\n  background: var(--surface-surface-black-nonconvert);\n  color: var(--text-white-nonconvert-color);\n}\n\n.TabButtons-module_tabBtnText__m0P1j {\n  border-radius: 40px;\n  padding: 6px 16px;\n  white-space: nowrap;\n}\n";
+var styles = {"layout":"TabButtons-module_layout__95Gnn","notActive":"TabButtons-module_notActive__BsEl2","active":"TabButtons-module_active__pv6Fj","tabBtnText":"TabButtons-module_tabBtnText__m0P1j"};
+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=TabButtons.module.css.js.map

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

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

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

@@ -0,0 +1,15 @@
+import { __assign } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import { joinClasses } from '../../utils/joinClasses.js';
+import { Typography } from '../Typography/index.js';
+import styles from './TabButtons.module.css.js';
+
+var TabButtons = function (_a) {
+    var tabDocLabels = _a.tabDocLabels, activeTab = _a.activeTab, handleClick = _a.handleClick;
+    return (jsx("div", __assign({ className: styles.layout, "data-testid": "TabButtons_LAYOUT" }, { children: tabDocLabels.map(function (label) { return (jsx("button", __assign({ type: "button", onClick: function () {
+                handleClick(label.key);
+            }, "data-testid": "TabButtons_BUTTON", className: joinClasses(styles.tabBtnText, activeTab === label.key ? styles.active : styles.notActive), "aria-label": label.text }, { children: jsx(Typography, __assign({ tag: "span", fontClass: "caption1Medium" }, { children: label.text })) }), label.key)); }) })));
+};
+
+export { TabButtons };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/TabButtons/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAWO,IAAM,UAAU,GAAG,UAAC,EAIR,EAAA;AAHjB,IAAA,IAAA,YAAY,kBAAA,EACZ,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,WAAW,GAAA,EAAA,CAAA,WAAA;IACW,QACtBA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAK,SAAS,EAAE,MAAM,CAAC,MAAM,EAAA,aAAA,EAAc,mBAAmB,EAAA,EAAA,EAAA,QAAA,EAC3D,YAAY,CAAC,GAAG,CAAC,UAAC,KAAK,EAAA,EAAK,QAC3BA,GAAA,CAAA,QAAA,EAAA,QAAA,CAAA,EAEE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,YAAA;AACP,gBAAA,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC;YACxB,CAAC,EAAA,aAAA,EACW,mBAAmB,EAC/B,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,UAAU,EACjB,SAAS,KAAK,KAAK,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,SAAS,CAC3D,EAAA,YAAA,EACW,KAAK,CAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EAEtBA,GAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EAAC,GAAG,EAAC,MAAM,EAAC,SAAS,EAAC,gBAAgB,EAAA,EAAA,EAAA,QAAA,EAC9C,KAAK,CAAC,IAAI,EAAA,CAAA,CACA,EAAA,CAAA,EAdR,KAAK,CAAC,GAAG,CAeP,EACV,CAlB4B,CAkB5B,CAAC,EAAA,CAAA,CACE;AArBgB;;;;"}

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

@@ -0,0 +1,18 @@
+var css_248z = ".WarningText-module_iconWrapper__shYJy {\n  width: 20px;\n  height: 20px;\n  flex-shrink: 0;\n}\n\n.WarningText-module_iconWrapper__shYJy > :first-child {\n  fill: var(--icon-error-color);\n}\n\n.WarningText-module_centerAlign__B7AJp {\n  text-align: center;\n}\n\n.WarningText-module_wrap__1DySd {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n}\n";
+var styles = {"iconWrapper":"WarningText-module_iconWrapper__shYJy","centerAlign":"WarningText-module_centerAlign__B7AJp","wrap":"WarningText-module_wrap__1DySd"};
+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=WarningText.module.css.js.map

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

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

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

@@ -0,0 +1,13 @@
+import { __assign } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Icons } from '@egov3/graphics';
+import { Label } from '../Label/index.js';
+import styles from './WarningText.module.css.js';
+
+var WarningText = function (_a) {
+    var errorText = _a.errorText, _b = _a.isAlignedCenter, isAlignedCenter = _b === void 0 ? false : _b, _c = _a.isNeedIcon, isNeedIcon = _c === void 0 ? false : _c;
+    return (jsxs("div", __assign({ "data-testid": "Warning_WRAP", className: styles.wrap }, { children: [isNeedIcon && (jsx("div", __assign({ "data-testid": "Warning_ICON" }, { children: jsx(Icons.General.Error, { className: styles.iconWrapper }) }))), jsx("div", __assign({ className: isAlignedCenter && styles.centerAlign, "data-testid": "Warning_TEXT" }, { children: jsx(Label, { mainText: errorText, error: true }) }))] })));
+};
+
+export { WarningText };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/WarningText/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAWO,IAAM,WAAW,GAAG,UAAC,EAIR,EAAA;AAHlB,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAA,GAAA,EAAA,CAAA,eAAuB,EAAvB,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACvB,EAAA,GAAA,EAAA,CAAA,UAAkB,EAAlB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA;IACK,QACvBA,IAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EAAA,CACnD,UAAU,KACTC,qCAAiB,cAAc,EAAA,EAAA,EAAA,QAAA,EAC7BA,GAAA,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,WAAW,GAAI,EAAA,CAAA,CAClD,CACP,EACDA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EACE,SAAS,EAAE,eAAe,IAAI,MAAM,CAAC,WAAW,EAAA,aAAA,EACpC,cAAc,EAAA,EAAA,EAAA,QAAA,EAE1BA,IAAC,KAAK,EAAA,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAA,CAAI,EAAA,CAAA,CACvC,CAAA,EAAA,CAAA,CACF;AAbiB;;;;"}

package/dist/esm/baseComponents/index.js

@@ -1,11 +1,14 @@
 import { Accordion } from './Accordion/index.js';
 import { Button } from './Button/index.js';
 import { InputField } from './InputField/index.js';
+import { Label } from './Label/index.js';
 import { Modal } from './Modal/index.js';
 import { RadioGroup, CustomRadioButton } from './RadioGroup/index.js';
 import { RadioToggle } from './RadioToggle/index.js';
 import { SelectBoxButton } from './SelectBoxButton/index.js';
+import { TabButtons } from './TabButtons/index.js';
 import { Typography } from './Typography/index.js';
+import { WarningText } from './WarningText/index.js';
 import '../styles/colors.css.js';
 
 var BaseComponents = {
@@ -18,6 +21,9 @@ var BaseComponents = {
     RadioToggle: RadioToggle,
     SelectBoxButton: SelectBoxButton,
     Typography: Typography,
+    Label: Label,
+    TabButtons: TabButtons,
+    WarningText: WarningText,
 };
 
 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":";;;;;;;;;;AAWO,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,UAAU,EAAA,UAAA;AACV,IAAA,WAAW,EAAA,WAAA;AACX,IAAA,eAAe,EAAA,eAAA;AACf,IAAA,UAAU,EAAA,UAAA;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/baseComponents/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;AAcO,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,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,WAAW,EAAA,WAAA;;;;;"}

package/dist/esm/components/DocCard/index.js

@@ -8,7 +8,9 @@ import styles from './DocCard.module.css.js';
 var DocCard = function (_a) {
     var title = _a.title, docIcon = _a.docIcon, expiration = _a.expiration, children = _a.children, lang = _a.lang;
     var _b = useState(false), isModalOpen = _b[0], setIsModalOpen = _b[1];
-    return (jsxs(Fragment, { children: [jsxs("button", __assign({ type: "button", "data-testid": "DocCard_BUTTON", onClick: function () { return setIsModalOpen(!isModalOpen); }, className: styles.container, "aria-label": title }, { children: [jsx("div", __assign({ "data-testid": "DocCard_CARD", className: styles.card }, { children: jsx("div", __assign({ "data-testid": "DocCard_DOCUMENT", className: styles.document }, { children: docIcon })) })), jsxs("div", __assign({ "data-testid": "DocCard_TEXT", className: styles.text }, { children: [jsx(Typography, __assign({ tag: "span", fontClass: "caption1Medium", "data-testid": "DocCard_TITLE", className: styles.title }, { children: title })), expiration && (jsx(Typography, __assign({ tag: "span", "data-testid": "DocCard_EXPIRATION", className: styles.expiration, "aria-label": expiration, fontClass: "caption1Regular" }, { children: expiration })))] }))] })), isModalOpen && (jsx(Modal, __assign({ open: isModalOpen, setOpen: setIsModalOpen, header: { title: title, isClosable: true }, variant: "small", lang: lang }, { children: children })))] }));
+    return (jsxs(Fragment, { children: [jsxs("button", __assign({ type: "button", "data-testid": "DocCard_BUTTON", onClick: function () {
+                    setIsModalOpen(!isModalOpen);
+                }, className: styles.container, "aria-label": title }, { children: [jsx("div", __assign({ "data-testid": "DocCard_CARD", className: styles.card }, { children: jsx("div", __assign({ "data-testid": "DocCard_DOCUMENT", className: styles.document }, { children: docIcon })) })), jsxs("div", __assign({ "data-testid": "DocCard_TEXT", className: styles.text }, { children: [jsx(Typography, __assign({ tag: "span", fontClass: "caption1Medium", "data-testid": "DocCard_TITLE", className: styles.title }, { children: title })), expiration && (jsx(Typography, __assign({ tag: "span", "data-testid": "DocCard_EXPIRATION", className: styles.expiration, "aria-label": expiration, fontClass: "caption1Regular" }, { children: expiration })))] }))] })), isModalOpen && (jsx(Modal, __assign({ open: isModalOpen, setOpen: setIsModalOpen, header: { title: title, isClosable: true }, variant: "small", lang: lang }, { children: children })))] }));
 };
 
 export { DocCard };

package/dist/esm/components/DocCard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/DocCard/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;AAcO,IAAM,OAAO,GAAG,UAAC,EAMR,EAAA;AALd,IAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,IAAI,GAAA,EAAA,CAAA,IAAA;IAEE,IAAA,EAAA,GAAgC,QAAQ,CAAC,KAAK,CAAC,EAA9C,WAAW,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,cAAc,GAAA,EAAA,CAAA,CAAA,CAAmB;AAErD,IAAA,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACED,IAAA,CAAA,QAAA,EAAA,QAAA,CAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,gBAAgB,EAC5B,OAAO,EAAE,YAAA,EAAM,OAAA,cAAc,CAAC,CAAC,WAAW,CAAC,CAAA,CAA5B,CAA4B,EAC3C,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA,YAAA,EACf,KAAK,iBAEjBE,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EACpDA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,kBAAkB,EAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA,EAAA,EAAA,QAAA,EAC3D,OAAO,EAAA,CAAA,CACJ,EAAA,CAAA,CACF,EACNF,IAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EAAA,CACpDE,GAAA,CAAC,UAAU,aACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,gBAAgB,EAAA,aAAA,EACd,eAAe,EAC3B,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,EAAA,EAAA,QAAA,EAEtB,KAAK,EAAA,CAAA,CACK,EACZ,UAAU,KACTA,GAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EACT,GAAG,EAAC,MAAM,iBACE,oBAAoB,EAChC,SAAS,EAAE,MAAM,CAAC,UAAU,EAAA,YAAA,EAChB,UAAU,EACtB,SAAS,EAAC,iBAAiB,gBAE1B,UAAU,EAAA,CAAA,CACA,CACd,CAAA,EAAA,CAAA,CACG,KACC,EACR,WAAW,KACVA,GAAA,CAAC,KAAK,EAAA,QAAA,CAAA,EACJ,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,cAAc,EACvB,MAAM,EAAE,EAAE,KAAK,EAAA,KAAA,EAAE,UAAU,EAAE,IAAI,EAAE,EACnC,OAAO,EAAC,OAAO,EACf,IAAI,EAAE,IAAI,gBAET,QAAQ,EAAA,CAAA,CACH,CACT,CAAA,EAAA,CACA;AAEP;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/DocCard/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;AAcO,IAAM,OAAO,GAAG,UAAC,EAMR,EAAA;AALd,IAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,IAAI,GAAA,EAAA,CAAA,IAAA;IAEE,IAAA,EAAA,GAAgC,QAAQ,CAAC,KAAK,CAAC,EAA9C,WAAW,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,cAAc,GAAA,EAAA,CAAA,CAAA,CAAmB;IAErD,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACED,IAAA,CAAA,QAAA,EAAA,QAAA,CAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,gBAAgB,EAC5B,OAAO,EAAE,YAAA;AACP,oBAAA,cAAc,CAAC,CAAC,WAAW,CAAC;AAC9B,gBAAA,CAAC,EACD,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA,YAAA,EACf,KAAK,EAAA,EAAA,EAAA,QAAA,EAAA,CAEjBE,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EACpDA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,kBAAkB,EAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA,EAAA,EAAA,QAAA,EAC3D,OAAO,IACJ,EAAA,CAAA,CACF,EACNF,IAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EAAA,CACpDE,GAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,gBAAgB,EAAA,aAAA,EACd,eAAe,EAC3B,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,EAAA,EAAA,QAAA,EAEtB,KAAK,EAAA,CAAA,CACK,EACZ,UAAU,KACTA,GAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EACT,GAAG,EAAC,MAAM,EAAA,aAAA,EACE,oBAAoB,EAChC,SAAS,EAAE,MAAM,CAAC,UAAU,EAAA,YAAA,EAChB,UAAU,EACtB,SAAS,EAAC,iBAAiB,EAAA,EAAA,EAAA,QAAA,EAE1B,UAAU,EAAA,CAAA,CACA,CACd,CAAA,EAAA,CAAA,CACG,CAAA,EAAA,CAAA,CACC,EACR,WAAW,KACVA,IAAC,KAAK,EAAA,QAAA,CAAA,EACJ,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,cAAc,EACvB,MAAM,EAAE,EAAE,KAAK,EAAA,KAAA,EAAE,UAAU,EAAE,IAAI,EAAE,EACnC,OAAO,EAAC,OAAO,EACf,IAAI,EAAE,IAAI,EAAA,EAAA,EAAA,QAAA,EAET,QAAQ,EAAA,CAAA,CACH,CACT,CAAA,EAAA,CACA;AAEP;;;;"}

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

@@ -18,6 +18,13 @@ var i18n = {
             en: "Button to main page",
         },
     },
+    SelectBoxButton: {
+        ariaExpandButton: {
+            ru: "Кнопка развернуть",
+            kk: "Батырманы ашу",
+            en: "Button to expand",
+        },
+    },
 };
 
 export { i18n };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/constants/i18n/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"AAAO,IAAM,IAAI,GAAG;AAClB,IAAA,KAAK,EAAE;AACL,QAAA,wBAAwB,EAAE;AACxB,YAAA,EAAE,EAAE,6CAA6C;AACjD,YAAA,EAAE,EAAE,+CAA+C;AACnD,YAAA,EAAE,EAAE,+CAA+C;AACpD,SAAA;AACD,QAAA,cAAc,EAAE;AACd,YAAA,EAAE,EAAE,2BAA2B;AAC/B,YAAA,EAAE,EAAE,6BAA6B;AACjC,YAAA,EAAE,EAAE,6BAA6B;AAClC,SAAA;AACF,KAAA;AACD,IAAA,cAAc,EAAE;AACd,QAAA,UAAU,EAAE;AACV,YAAA,EAAE,EAAE,mBAAmB;AACvB,YAAA,EAAE,EAAE,2BAA2B;AAC/B,YAAA,EAAE,EAAE,qBAAqB;AAC1B,SAAA;AACF,KAAA;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/constants/i18n/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"AAAO,IAAM,IAAI,GAAG;AAClB,IAAA,KAAK,EAAE;AACL,QAAA,wBAAwB,EAAE;AACxB,YAAA,EAAE,EAAE,6CAA6C;AACjD,YAAA,EAAE,EAAE,+CAA+C;AACnD,YAAA,EAAE,EAAE,+CAA+C;AACpD,SAAA;AACD,QAAA,cAAc,EAAE;AACd,YAAA,EAAE,EAAE,2BAA2B;AAC/B,YAAA,EAAE,EAAE,6BAA6B;AACjC,YAAA,EAAE,EAAE,6BAA6B;AAClC,SAAA;AACF,KAAA;AACD,IAAA,cAAc,EAAE;AACd,QAAA,UAAU,EAAE;AACV,YAAA,EAAE,EAAE,mBAAmB;AACvB,YAAA,EAAE,EAAE,2BAA2B;AAC/B,YAAA,EAAE,EAAE,qBAAqB;AAC1B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,gBAAgB,EAAE;AAChB,YAAA,EAAE,EAAE,mBAAmB;AACvB,YAAA,EAAE,EAAE,eAAe;AACnB,YAAA,EAAE,EAAE,kBAAkB;AACvB,SAAA;AACF,KAAA;;;;;"}

package/dist/types/baseComponents/Label/index.d.ts

@@ -0,0 +1,7 @@
+interface ILabelProps {
+    mainText: string;
+    secondaryText?: string;
+    error?: boolean;
+}
+
+export type { ILabelProps };

package/dist/types/baseComponents/SelectBoxButton/index.d.ts

@@ -1,8 +1,8 @@
-import React__default, { Dispatch } from 'react';
+import { ILangProps } from '~interfaces/common';
 
-interface ISelectBoxProps {
+interface ISelectBoxProps extends ILangProps {
     labelText?: string;
-    setIsOpen: Dispatch<React__default.SetStateAction<boolean>>;
+    handleClick: () => void;
     disabled: boolean;
     error?: boolean;
     modalValue?: string;

package/dist/types/baseComponents/TabButtons/index.d.ts

@@ -0,0 +1,9 @@
+import { ITabItem } from '~interfaces/TabButtons';
+
+interface ITabButtonsProps {
+    activeTab: string;
+    handleClick: (tabKey: string) => void;
+    tabDocLabels: ITabItem[];
+}
+
+export type { ITabButtonsProps };

package/dist/types/baseComponents/WarningText/index.d.ts

@@ -0,0 +1,7 @@
+interface IWarningTextProps {
+    errorText: string;
+    isAlignedCenter?: boolean;
+    isNeedIcon?: boolean;
+}
+
+export type { IWarningTextProps };

package/dist/types/index.d.ts

@@ -1,6 +1,9 @@
 import { IDocCardProps } from './components/DocCard/index.js';
 import { IPrimaryProps } from './components/IdentityHeader/index.js';
 import { IIdentityModalProps } from './components/IdentityModal/index.js';
+import { IWarningTextProps } from './baseComponents/WarningText/index.js';
+import { ITabButtonsProps } from './baseComponents/TabButtons/index.js';
+import { ILabelProps } from './baseComponents/Label/index.js';
 import { ITypographyProps } from './baseComponents/Typography/index.js';
 import { ISelectBoxProps } from './baseComponents/SelectBoxButton/index.js';
 import { IRadioToggleProps } from './baseComponents/RadioToggle/index.js';
@@ -21,8 +24,11 @@ declare const SystemDesign: {
         Modal: ({ children, header, lang, open, setOpen, variant, withOverlay, }: IModalProps) => react_jsx_runtime.JSX.Element;
         RadioGroup: ({ radioGroupItems, setSelectedOption, selectedOption, }: IRadioGroupProps) => react_jsx_runtime.JSX.Element;
         RadioToggle: ({ lock, setLock }: IRadioToggleProps) => react_jsx_runtime.JSX.Element;
-        SelectBoxButton: ({ setIsOpen, labelText, disabled, error, modalValue, }: ISelectBoxProps) => React.JSX.Element;
+        SelectBoxButton: ({ handleClick, labelText, disabled, error, modalValue, lang, }: ISelectBoxProps) => react_jsx_runtime.JSX.Element;
         Typography: React.FC<ITypographyProps>;
+        Label: ({ mainText, secondaryText, error }: ILabelProps) => react_jsx_runtime.JSX.Element;
+        TabButtons: ({ tabDocLabels, activeTab, handleClick, }: ITabButtonsProps) => react_jsx_runtime.JSX.Element;
+        WarningText: ({ errorText, isAlignedCenter, isNeedIcon, }: IWarningTextProps) => react_jsx_runtime.JSX.Element;
     };
     Components: {
         IdentityModal: ({ children, goBackService, isMain, lang, navigator, }: IIdentityModalProps) => react_jsx_runtime.JSX.Element;

package/package.json

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