@sberbusiness/triplex-next 1.43.0 → 1.44.0

package/components/DatePickerExtended/DatePickerExtendedDropdown.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React__default, { useContext } from "react";
+import React__default, { useContext, useRef } from "react";
 import { j as focusTrapReactExports } from "../../chunks/vendor-D4wvHis9.js";
 import { Dropdown } from "../Dropdown/Dropdown.js";
 import { DatePickerExtendedContext } from "./DatePickerExtendedContext.js";
@@ -14,7 +14,7 @@ import "../Dropdown/mobile/DropdownMobileList.js";
 import "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
-const datePickerExtendedMobileDropdown = "datePickerExtendedMobileDropdown__fe995ef4";
+const datePickerExtendedMobileDropdown = "datePickerExtendedMobileDropdown__e268e370";
 const styles = {
   datePickerExtendedMobileDropdown
 };
@@ -22,6 +22,7 @@ const DatePickerExtendedDropdown = React__default.forwardRef(
   (props, ref) => {
     const { children, targetRef, setOpened, renderHeaderTarget, renderCalendar, focusTrapProps, ...rest } = props;
     const { mouseUsedRef, setDropdownOpen } = useContext(DatePickerExtendedContext);
+    const calendarRef = useRef(null);
     const renderMobileContent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(DropdownMobileHeader, { controlButtons: /* @__PURE__ */ jsx(DropdownMobileClose, { onClick: () => setDropdownOpen(false) }), children: renderHeaderTarget() }),
       /* @__PURE__ */ jsx(DropdownMobileBody, { children: renderCalendar(true) })
@@ -45,12 +46,18 @@ const DatePickerExtendedDropdown = React__default.forwardRef(
             ...focusTrapProps,
             focusTrapOptions: {
               clickOutsideDeactivates: true,
-              fallbackFocus: targetRef.current,
-              initialFocus: !mouseUsedRef.current && void 0,
+              // Контейнер календаря: если внутри ловушки нет ни одного tabbable-элемента
+              // (например, страница лет с отключёнными prev/next и недоступными датами),
+              // фокус остаётся внутри aria-modal диалога, а не уходит на целевой элемент.
+              // Функция, а не элемент: ref на момент рендера может быть ещё не заполнен.
+              // targetRef и document.body — страховка: focus-trap бросает исключение на пустом fallback.
+              fallbackFocus: () => calendarRef.current ?? targetRef.current ?? document.body,
+              // false — не переводить фокус внутрь ловушки при открытии мышью.
+              initialFocus: mouseUsedRef.current ? false : void 0,
               returnFocusOnDeactivate: !mouseUsedRef.current,
               ...focusTrapProps == null ? void 0 : focusTrapProps.focusTrapOptions
             },
-            children: /* @__PURE__ */ jsx("div", { role: "presentation", children: renderCalendar(false) })
+            children: /* @__PURE__ */ jsx("div", { ref: calendarRef, tabIndex: -1, children: renderCalendar(false) })
           }
         )
       }

package/components/DatePickerExtended/DatePickerExtendedDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerExtendedDropdown.js","sources":["../../../src/components/DatePickerExtended/DatePickerExtendedDropdown.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { FocusTrap, FocusTrapProps } from \"focus-trap-react\";\nimport { Dropdown, IDropdownProps } from \"../Dropdown/Dropdown\";\nimport { DatePickerExtendedContext } from \"./DatePickerExtendedContext\";\nimport { DropdownMobileHeader, DropdownMobileClose, DropdownMobileBody } from \"../Dropdown/mobile\";\nimport styles from \"./styles/DatePickerExtended.module.less\";\n\n/** Свойства компонента DatePickerExtendedDropdown. */\nexport interface IDatePickerExtendedDropdownProps extends IDropdownProps {\n    /** Рендер-функция календаря. */\n    renderCalendar: (adaptiveMode: boolean) => React.ReactNode;\n    /** Рендер-функция целевого элемента в заголовке DropdownMobile. */\n    renderHeaderTarget: () => React.ReactNode;\n    /** Свойства компонента FocusTrap. Используется npm-пакет focus-trap-react. */\n    focusTrapProps?: FocusTrapProps;\n}\n\n/** Выпадающее меню компонента DatePickerExtended. */\nexport const DatePickerExtendedDropdown = React.forwardRef<HTMLDivElement, IDatePickerExtendedDropdownProps>(\n    (props, ref) => {\n        const { children, targetRef, setOpened, renderHeaderTarget, renderCalendar, focusTrapProps, ...rest } = props;\n        const { mouseUsedRef, setDropdownOpen } = useContext(DatePickerExtendedContext);\n\n        /** Отрисовка содержимого в мобильном режиме. */\n        const renderMobileContent = () => (\n            <>\n                <DropdownMobileHeader controlButtons={<DropdownMobileClose onClick={() => setDropdownOpen(false)} />}>\n                    {renderHeaderTarget()}\n                </DropdownMobileHeader>\n                <DropdownMobileBody>{renderCalendar(true)}</DropdownMobileBody>\n            </>\n        );\n\n        return (\n            <Dropdown\n                role=\"dialog\"\n                aria-modal=\"true\"\n                targetRef={targetRef}\n                mobileViewProps={{\n                    children: renderMobileContent(),\n                    className: styles.datePickerExtendedMobileDropdown,\n                }}\n                setOpened={setOpened}\n                {...rest}\n                ref={ref}\n            >\n                <FocusTrap\n                    {...focusTrapProps}\n                    focusTrapOptions={{\n                        clickOutsideDeactivates: true,\n                        fallbackFocus: targetRef.current!,\n                        initialFocus: !mouseUsedRef.current && undefined,\n                        returnFocusOnDeactivate: !mouseUsedRef.current,\n                        ...focusTrapProps?.focusTrapOptions,\n                    }}\n                >\n                    <div role=\"presentation\">{renderCalendar(false)}</div>\n                </FocusTrap>\n            </Dropdown>\n        );\n    },\n);\n\nDatePickerExtendedDropdown.displayName = \"DatePickerExtendedDropdown\";\n"],"names":["React","FocusTrap"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkBO,MAAM,6BAA6BA,eAAM;AAAA,EAC5C,CAAC,OAAO,QAAQ;AACZ,UAAM,EAAE,UAAU,WAAW,WAAW,oBAAoB,gBAAgB,gBAAgB,GAAG,KAAA,IAAS;AACxG,UAAM,EAAE,cAAc,oBAAoB,WAAW,yBAAyB;AAG9E,UAAM,sBAAsB,MACxB,qBAAA,UAAA,EACI,UAAA;AAAA,MAAA,oBAAC,sBAAA,EAAqB,gBAAgB,oBAAC,qBAAA,EAAoB,SAAS,MAAM,gBAAgB,KAAK,EAAA,CAAG,GAC7F,UAAA,mBAAA,EAAmB,CACxB;AAAA,MACA,oBAAC,oBAAA,EAAoB,UAAA,eAAe,IAAI,EAAA,CAAE;AAAA,IAAA,GAC9C;AAGJ,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,cAAW;AAAA,QACX;AAAA,QACA,iBAAiB;AAAA,UACb,UAAU,oBAAA;AAAA,UACV,WAAW,OAAO;AAAA,QAAA;AAAA,QAEtB;AAAA,QACC,GAAG;AAAA,QACJ;AAAA,QAEA,UAAA;AAAA,UAACC,sBAAAA;AAAAA,UAAA;AAAA,YACI,GAAG;AAAA,YACJ,kBAAkB;AAAA,cACd,yBAAyB;AAAA,cACzB,eAAe,UAAU;AAAA,cACzB,cAAc,CAAC,aAAa,WAAW;AAAA,cACvC,yBAAyB,CAAC,aAAa;AAAA,cACvC,GAAG,iDAAgB;AAAA,YAAA;AAAA,YAGvB,8BAAC,OAAA,EAAI,MAAK,gBAAgB,UAAA,eAAe,KAAK,EAAA,CAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MACpD;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEA,2BAA2B,cAAc;"}
+{"version":3,"file":"DatePickerExtendedDropdown.js","sources":["../../../src/components/DatePickerExtended/DatePickerExtendedDropdown.tsx"],"sourcesContent":["import React, { useContext, useRef } from \"react\";\nimport { FocusTrap, FocusTrapProps } from \"focus-trap-react\";\nimport { Dropdown, IDropdownProps } from \"../Dropdown/Dropdown\";\nimport { DatePickerExtendedContext } from \"./DatePickerExtendedContext\";\nimport { DropdownMobileHeader, DropdownMobileClose, DropdownMobileBody } from \"../Dropdown/mobile\";\nimport styles from \"./styles/DatePickerExtended.module.less\";\n\n/** Свойства компонента DatePickerExtendedDropdown. */\nexport interface IDatePickerExtendedDropdownProps extends IDropdownProps {\n    /** Рендер-функция календаря. */\n    renderCalendar: (adaptiveMode: boolean) => React.ReactNode;\n    /** Рендер-функция целевого элемента в заголовке DropdownMobile. */\n    renderHeaderTarget: () => React.ReactNode;\n    /** Свойства компонента FocusTrap. Используется npm-пакет focus-trap-react. */\n    focusTrapProps?: FocusTrapProps;\n}\n\n/**\n * Выпадающее меню компонента DatePickerExtended.\n * Внутренний компонент, не экспортируется через barrel.\n */\nexport const DatePickerExtendedDropdown = React.forwardRef<HTMLDivElement, IDatePickerExtendedDropdownProps>(\n    (props, ref) => {\n        const { children, targetRef, setOpened, renderHeaderTarget, renderCalendar, focusTrapProps, ...rest } = props;\n        const { mouseUsedRef, setDropdownOpen } = useContext(DatePickerExtendedContext);\n        const calendarRef = useRef<HTMLDivElement>(null);\n\n        /** Отрисовка содержимого в мобильном режиме. */\n        const renderMobileContent = () => (\n            <>\n                <DropdownMobileHeader controlButtons={<DropdownMobileClose onClick={() => setDropdownOpen(false)} />}>\n                    {renderHeaderTarget()}\n                </DropdownMobileHeader>\n                <DropdownMobileBody>{renderCalendar(true)}</DropdownMobileBody>\n            </>\n        );\n\n        return (\n            <Dropdown\n                role=\"dialog\"\n                aria-modal=\"true\"\n                targetRef={targetRef}\n                mobileViewProps={{\n                    children: renderMobileContent(),\n                    className: styles.datePickerExtendedMobileDropdown,\n                }}\n                setOpened={setOpened}\n                {...rest}\n                ref={ref}\n            >\n                <FocusTrap\n                    {...focusTrapProps}\n                    focusTrapOptions={{\n                        clickOutsideDeactivates: true,\n                        // Контейнер календаря: если внутри ловушки нет ни одного tabbable-элемента\n                        // (например, страница лет с отключёнными prev/next и недоступными датами),\n                        // фокус остаётся внутри aria-modal диалога, а не уходит на целевой элемент.\n                        // Функция, а не элемент: ref на момент рендера может быть ещё не заполнен.\n                        // targetRef и document.body — страховка: focus-trap бросает исключение на пустом fallback.\n                        fallbackFocus: () => calendarRef.current ?? targetRef.current ?? document.body,\n                        // false — не переводить фокус внутрь ловушки при открытии мышью.\n                        initialFocus: mouseUsedRef.current ? false : undefined,\n                        returnFocusOnDeactivate: !mouseUsedRef.current,\n                        ...focusTrapProps?.focusTrapOptions,\n                    }}\n                >\n                    {/*\n                     * tabIndex={-1} — чтобы контейнер мог принять fallback-фокус, не попадая в таб-порядок.\n                     * role=\"presentation\" здесь не ставится: по спецификации ARIA он игнорируется\n                     * на фокусируемом элементе, и рядом с tabIndex только вводил бы в заблуждение.\n                     */}\n                    <div ref={calendarRef} tabIndex={-1}>\n                        {renderCalendar(false)}\n                    </div>\n                </FocusTrap>\n            </Dropdown>\n        );\n    },\n);\n\nDatePickerExtendedDropdown.displayName = \"DatePickerExtendedDropdown\";\n"],"names":["React","FocusTrap"],"mappings":";;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,6BAA6BA,eAAM;AAAA,EAC5C,CAAC,OAAO,QAAQ;AACZ,UAAM,EAAE,UAAU,WAAW,WAAW,oBAAoB,gBAAgB,gBAAgB,GAAG,KAAA,IAAS;AACxG,UAAM,EAAE,cAAc,oBAAoB,WAAW,yBAAyB;AAC9E,UAAM,cAAc,OAAuB,IAAI;AAG/C,UAAM,sBAAsB,MACxB,qBAAA,UAAA,EACI,UAAA;AAAA,MAAA,oBAAC,sBAAA,EAAqB,gBAAgB,oBAAC,qBAAA,EAAoB,SAAS,MAAM,gBAAgB,KAAK,EAAA,CAAG,GAC7F,UAAA,mBAAA,EAAmB,CACxB;AAAA,MACA,oBAAC,oBAAA,EAAoB,UAAA,eAAe,IAAI,EAAA,CAAE;AAAA,IAAA,GAC9C;AAGJ,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,cAAW;AAAA,QACX;AAAA,QACA,iBAAiB;AAAA,UACb,UAAU,oBAAA;AAAA,UACV,WAAW,OAAO;AAAA,QAAA;AAAA,QAEtB;AAAA,QACC,GAAG;AAAA,QACJ;AAAA,QAEA,UAAA;AAAA,UAACC,sBAAAA;AAAAA,UAAA;AAAA,YACI,GAAG;AAAA,YACJ,kBAAkB;AAAA,cACd,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAMzB,eAAe,MAAM,YAAY,WAAW,UAAU,WAAW,SAAS;AAAA;AAAA,cAE1E,cAAc,aAAa,UAAU,QAAQ;AAAA,cAC7C,yBAAyB,CAAC,aAAa;AAAA,cACvC,GAAG,iDAAgB;AAAA,YAAA;AAAA,YAQvB,UAAA,oBAAC,SAAI,KAAK,aAAa,UAAU,IAC5B,UAAA,eAAe,KAAK,EAAA,CACzB;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEA,2BAA2B,cAAc;"}

package/components/DatePickerExtended/index.js

@@ -1,5 +1,7 @@
 import { DatePickerExtended } from "./DatePickerExtended.js";
+import { DatePickerExtendedContext } from "./DatePickerExtendedContext.js";
 export {
-  DatePickerExtended
+  DatePickerExtended,
+  DatePickerExtendedContext
 };
 //# sourceMappingURL=index.js.map

package/components/DatePickerExtended/index.js.map

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

package/components/DateRange/DateRange.js

@@ -4,9 +4,9 @@ import { CaretleftStrokeSrvIcon20, RangeStrokeSrvIcon16, CaretrightStrokeSrvIcon
 import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
 import { EDateRangeShiftUnit } from "./enums.js";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-const dateRange = "dateRange__a0ae2024";
-const dateRangeButton = "dateRangeButton__0e0f1f31";
-const separator = "separator__4ed8a537";
+const dateRange = "dateRange__6c519802";
+const dateRangeButton = "dateRangeButton__8c8ed57c";
+const separator = "separator__c66aab1e";
 const styles = {
   dateRange,
   dateRangeButton,

package/components/DesignTokens/DesignTokenUtils.js

@@ -31,7 +31,7 @@ const DesignTokenUtils = {
   getCSSVariableByTokenGroup: (tokenGroup, tokens) => {
     const tokenGroupTitle = Object.keys(tokenGroup)[0];
     const tokenPrefix = "triplex-next";
-    let tokenVersion = "1.43.0";
+    let tokenVersion = "1.44.0";
     tokenVersion = tokenVersion.replace(/\./g, "-");
     return Object.keys(tokenGroup[tokenGroupTitle]).map(
       (tokenTitle) => `--${tokenPrefix}-${tokenGroupTitle}-${tokenTitle}-${tokenVersion}: ${DesignTokenUtils.getTokenValue(

package/components/DesignTokens/components/Button.js

@@ -79,7 +79,7 @@ const Button_Tokens = {
   // var(--triplex-next-Button-Secondary_Color_Hover)
   Secondary_Shadow_Focus: [{ value: "0 0 0 1px #FFD169 inset" }, { value: "0 0 0 1px #FFD169 inset" }],
   // var(--triplex-next-Button-Secondary_Shadow_Focus)
-  SecondaryLight_Background_Active: [{ ref: "ColorNeutral.30" }, { ref: "ColorDarkNeutral.100" }],
+  SecondaryLight_Background_Active: [{ ref: "ColorNeutral.40" }, { ref: "ColorDarkNeutral.70" }],
   // var(--triplex-next-Button-SecondaryLight_Background_Active)
   SecondaryLight_Background_Default: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
   // var(--triplex-next-Button-SecondaryLight_Background_Default)

package/components/DesignTokens/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/DesignTokens/components/Button.ts"],"sourcesContent":["import { TDesignTokenValue, TDesignTokenValues } from \"../types/DesignTokenTypes\";\n\n// Название токенов компонента Button.\nexport const designTokensComponentsButtonKeys = [\n    \"General_Background_Active\",\n    \"General_Background_Default\",\n    \"General_Background_Disabled\",\n    \"General_Background_Hover\",\n    \"General_Color_Active\",\n    \"General_Color_Default\",\n    \"General_Color_Disabled\",\n    \"General_Color_Hover\",\n    \"General_Shadow_Focus\",\n\n    \"Secondary_Background_Active\",\n    \"Secondary_Background_Default\",\n    \"Secondary_Background_Disabled\",\n    \"Secondary_Background_Hover\",\n    \"Secondary_Color_Active\",\n    \"Secondary_Color_Default\",\n    \"Secondary_Color_Disabled\",\n    \"Secondary_Color_Hover\",\n    \"Secondary_Shadow_Focus\",\n\n    \"SecondaryLight_Background_Active\",\n    \"SecondaryLight_Background_Default\",\n    \"SecondaryLight_Background_Disabled\",\n    \"SecondaryLight_Background_Hover\",\n    \"SecondaryLight_Color_Active\",\n    \"SecondaryLight_Color_Default\",\n    \"SecondaryLight_Color_Disabled\",\n    \"SecondaryLight_Color_Hover\",\n    \"SecondaryLight_Shadow_Focus\",\n\n    \"Danger_Background_Active\",\n    \"Danger_Background_Default\",\n    \"Danger_Background_Disabled\",\n    \"Danger_Background_Hover\",\n    \"Danger_Color_Active\",\n    \"Danger_Color_Default\",\n    \"Danger_Color_Disabled\",\n    \"Danger_Color_Hover\",\n    \"Danger_Shadow_Focus\",\n\n    \"Icon_Shadow_Focus\",\n\n    \"Link_Color_Active\",\n    \"Link_Color_Default\",\n    \"Link_Color_Disabled\",\n    \"Link_Color_Hover\",\n    \"Link_Shadow_Focus\",\n] as const;\n\n// Тип, содержащий названия токенов компонента Button.\nexport type TDesignTokensComponentsButtonKeys = (typeof designTokensComponentsButtonKeys)[number];\n// Тип, содержащий названия токенов компонента Button и их значения.\nexport type TDesignTokensComponentsButtonValue = Record<TDesignTokensComponentsButtonKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов компонента Button и их значения в светлой и темной теме.\nexport type TDesignTokensComponentsButtonValues = Record<TDesignTokensComponentsButtonKeys, TDesignTokenValues>;\n// Тип локальных токенов компонента Button.\nexport type TDesignTokensComponentsButton = { Button: TDesignTokensComponentsButtonValue };\n\n// Токены компонента Button в светлой и темной темах.\nexport const Button_Tokens: TDesignTokensComponentsButtonValues = {\n    General_Background_Active: [{ ref: \"ColorBrand.30\" }, { ref: \"ColorBrand.30\" }], // var(--triplex-next-Button-General_Background_Active)\n    General_Background_Default: [{ ref: \"ColorBrand.50\" }, { ref: \"ColorBrand.50\" }], // var(--triplex-next-Button-General_Background_Default)\n    General_Background_Disabled: [{ ref: \"ColorNeutral.90\" }, { ref: \"ColorDarkNeutral.60\" }], // var(--triplex-next-Button-General_Background_Disabled)\n    General_Background_Hover: [{ ref: \"ColorBrand.60\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-Button-General_Background_Hover)\n    General_Color_Active: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Button-General_Color_Active)\n    General_Color_Default: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Button-General_Color_Default)\n    General_Color_Disabled: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Button-General_Color_Disabled)\n    General_Color_Hover: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Button-General_Color_Hover)\n    General_Shadow_Focus: [{ value: \"0 0 0 1px #FFD169 inset\" }, { value: \"0 0 0 1px #FFD169 inset\" }], // var(--triplex-next-Button-General_Shadow_Focus)\n\n    Secondary_Background_Active: [{ ref: \"ColorNeutral.30\" }, { ref: \"ColorDarkNeutral.100\" }], // var(--triplex-next-Button-Secondary_Background_Active)\n    Secondary_Background_Default: [{ ref: \"ColorNeutral.90\" }, { ref: \"ColorDarkNeutral.80\" }], // var(--triplex-next-Button-Secondary_Background_Default)\n    Secondary_Background_Disabled: [{ ref: \"ColorNeutral.90\" }, { ref: \"ColorDarkNeutral.60\" }], // var(--triplex-next-Button-Secondary_Background_Disabled)\n    Secondary_Background_Hover: [{ ref: \"ColorNeutral.70\" }, { ref: \"ColorDarkNeutral.90\" }], // var(--triplex-next-Button-Secondary_Background_Hover)\n    Secondary_Color_Active: [{ ref: \"ColorBrand.30\" }, { ref: \"ColorBrand.40\" }], // var(--triplex-next-Button-Secondary_Color_Active)\n    Secondary_Color_Default: [{ ref: \"ColorBrand.40\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-Button-Secondary_Color_Default)\n    Secondary_Color_Disabled: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Button-Secondary_Color_Disabled)\n    Secondary_Color_Hover: [{ ref: \"ColorBrand.50\" }, { ref: \"ColorBrand.70\" }], // var(--triplex-next-Button-Secondary_Color_Hover)\n    Secondary_Shadow_Focus: [{ value: \"0 0 0 1px #FFD169 inset\" }, { value: \"0 0 0 1px #FFD169 inset\" }], // var(--triplex-next-Button-Secondary_Shadow_Focus)\n\n    SecondaryLight_Background_Active: [{ ref: \"ColorNeutral.30\" }, { ref: \"ColorDarkNeutral.100\" }], // var(--triplex-next-Button-SecondaryLight_Background_Active)\n    SecondaryLight_Background_Default: [{ ref: \"ColorNeutral.100\" }, { ref: \"ColorDarkNeutral.50\" }], // var(--triplex-next-Button-SecondaryLight_Background_Default)\n    SecondaryLight_Background_Disabled: [{ ref: \"ColorNeutral.90\" }, { ref: \"ColorDarkNeutral.60\" }], // var(--triplex-next-Button-SecondaryLight_Background_Disabled)\n    SecondaryLight_Background_Hover: [{ ref: \"ColorNeutral.80\" }, { ref: \"ColorDarkNeutral.60\" }], // var(--triplex-next-Button-SecondaryLight_Background_Hover)\n    SecondaryLight_Color_Active: [{ ref: \"ColorBrand.30\" }, { ref: \"ColorBrand.40\" }], // var(--triplex-next-Button-SecondaryLight_Color_Active)\n    SecondaryLight_Color_Default: [{ ref: \"ColorBrand.40\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-Button-SecondaryLight_Color_Default)\n    SecondaryLight_Color_Disabled: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Button-SecondaryLight_Color_Disabled)\n    SecondaryLight_Color_Hover: [{ ref: \"ColorBrand.50\" }, { ref: \"ColorBrand.70\" }], // var(--triplex-next-Button-SecondaryLight_Color_Hover)\n    SecondaryLight_Shadow_Focus: [{ value: \"0 0 0 1px #FFD169 inset\" }, { value: \"0 0 0 1px #FFD169 inset\" }], // var(--triplex-next-Button-SecondaryLight_Shadow_Focus)\n\n    Danger_Background_Active: [{ ref: \"ColorError.30\" }, { ref: \"ColorError.30\" }], // var(--triplex-next-Button-Danger_Background_Active)\n    Danger_Background_Default: [{ ref: \"ColorError.50\" }, { ref: \"ColorError.50\" }], // var(--triplex-next-Button-Danger_Background_Default)\n    Danger_Background_Disabled: [{ ref: \"ColorNeutral.90\" }, { ref: \"ColorDarkNeutral.60\" }], // var(--triplex-next-Button-Danger_Background_Disabled)\n    Danger_Background_Hover: [{ ref: \"ColorError.60\" }, { ref: \"ColorError.60\" }], // var(--triplex-next-Button-Danger_Background_Hover)\n    Danger_Color_Active: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Button-Danger_Color_Active)\n    Danger_Color_Default: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Button-Danger_Color_Default)\n    Danger_Color_Disabled: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Button-Danger_Color_Disabled)\n    Danger_Color_Hover: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Button-Danger_Color_Hover)\n    Danger_Shadow_Focus: [{ value: \"0 0 0 1px #FFD169 inset\" }, { value: \"0 0 0 1px #FFD169 inset\" }], // var(--triplex-next-Button-Danger_Shadow_Focus)\n\n    Icon_Shadow_Focus: [{ value: \"0 0 0 1px #FFD169\" }, { value: \"0 0 0 1px #FFD169\" }], // var(--triplex-next-Button-Icon_Shadow_Focus)\n\n    Link_Color_Active: [{ ref: \"ColorBrand.30\" }, { ref: \"ColorBrand.40\" }], // var(--triplex-next-Button-Link_Color_Active)\n    Link_Color_Default: [{ ref: \"ColorBrand.40\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-Button-Link_Color_Default)\n    Link_Color_Disabled: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Button-Link_Color_Disabled)\n    Link_Color_Hover: [{ ref: \"ColorBrand.50\" }, { ref: \"ColorBrand.70\" }], // var(--triplex-next-Button-Link_Color_Hover)\n    Link_Shadow_Focus: [{ value: \"0 0 0 1px #FFD169 inset\" }, { value: \"0 0 0 1px #FFD169 inset\" }], // var(--triplex-next-Button-Link_Shadow_Focus)\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../../src/components/DesignTokens/components/Button.ts"],"sourcesContent":["import { TDesignTokenValue, TDesignTokenValues } from \"../types/DesignTokenTypes\";\n\n// Название токенов компонента Button.\nexport const designTokensComponentsButtonKeys = [\n    \"General_Background_Active\",\n    \"General_Background_Default\",\n    \"General_Background_Disabled\",\n    \"General_Background_Hover\",\n    \"General_Color_Active\",\n    \"General_Color_Default\",\n    \"General_Color_Disabled\",\n    \"General_Color_Hover\",\n    \"General_Shadow_Focus\",\n\n    \"Secondary_Background_Active\",\n    \"Secondary_Background_Default\",\n    \"Secondary_Background_Disabled\",\n    \"Secondary_Background_Hover\",\n    \"Secondary_Color_Active\",\n    \"Secondary_Color_Default\",\n    \"Secondary_Color_Disabled\",\n    \"Secondary_Color_Hover\",\n    \"Secondary_Shadow_Focus\",\n\n    \"SecondaryLight_Background_Active\",\n    \"SecondaryLight_Background_Default\",\n    \"SecondaryLight_Background_Disabled\",\n    \"SecondaryLight_Background_Hover\",\n    \"SecondaryLight_Color_Active\",\n    \"SecondaryLight_Color_Default\",\n    \"SecondaryLight_Color_Disabled\",\n    \"SecondaryLight_Color_Hover\",\n    \"SecondaryLight_Shadow_Focus\",\n\n    \"Danger_Background_Active\",\n    \"Danger_Background_Default\",\n    \"Danger_Background_Disabled\",\n    \"Danger_Background_Hover\",\n    \"Danger_Color_Active\",\n    \"Danger_Color_Default\",\n    \"Danger_Color_Disabled\",\n    \"Danger_Color_Hover\",\n    \"Danger_Shadow_Focus\",\n\n    \"Icon_Shadow_Focus\",\n\n    \"Link_Color_Active\",\n    \"Link_Color_Default\",\n    \"Link_Color_Disabled\",\n    \"Link_Color_Hover\",\n    \"Link_Shadow_Focus\",\n] as const;\n\n// Тип, содержащий названия токенов компонента Button.\nexport type TDesignTokensComponentsButtonKeys = (typeof designTokensComponentsButtonKeys)[number];\n// Тип, содержащий названия токенов компонента Button и их значения.\nexport type TDesignTokensComponentsButtonValue = Record<TDesignTokensComponentsButtonKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов компонента Button и их значения в светлой и темной теме.\nexport type TDesignTokensComponentsButtonValues = Record<TDesignTokensComponentsButtonKeys, TDesignTokenValues>;\n// Тип локальных токенов компонента Button.\nexport type TDesignTokensComponentsButton = { Button: TDesignTokensComponentsButtonValue };\n\n// Токены компонента Button в светлой и темной темах.\nexport const Button_Tokens: TDesignTokensComponentsButtonValues = {\n    General_Background_Active: [{ ref: \"ColorBrand.30\" }, { ref: \"ColorBrand.30\" }], // var(--triplex-next-Button-General_Background_Active)\n    General_Background_Default: [{ ref: \"ColorBrand.50\" }, { ref: \"ColorBrand.50\" }], // var(--triplex-next-Button-General_Background_Default)\n    General_Background_Disabled: [{ ref: \"ColorNeutral.90\" }, { ref: \"ColorDarkNeutral.60\" }], // var(--triplex-next-Button-General_Background_Disabled)\n    General_Background_Hover: [{ ref: \"ColorBrand.60\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-Button-General_Background_Hover)\n    General_Color_Active: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Button-General_Color_Active)\n    General_Color_Default: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Button-General_Color_Default)\n    General_Color_Disabled: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Button-General_Color_Disabled)\n    General_Color_Hover: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Button-General_Color_Hover)\n    General_Shadow_Focus: [{ value: \"0 0 0 1px #FFD169 inset\" }, { value: \"0 0 0 1px #FFD169 inset\" }], // var(--triplex-next-Button-General_Shadow_Focus)\n\n    Secondary_Background_Active: [{ ref: \"ColorNeutral.30\" }, { ref: \"ColorDarkNeutral.100\" }], // var(--triplex-next-Button-Secondary_Background_Active)\n    Secondary_Background_Default: [{ ref: \"ColorNeutral.90\" }, { ref: \"ColorDarkNeutral.80\" }], // var(--triplex-next-Button-Secondary_Background_Default)\n    Secondary_Background_Disabled: [{ ref: \"ColorNeutral.90\" }, { ref: \"ColorDarkNeutral.60\" }], // var(--triplex-next-Button-Secondary_Background_Disabled)\n    Secondary_Background_Hover: [{ ref: \"ColorNeutral.70\" }, { ref: \"ColorDarkNeutral.90\" }], // var(--triplex-next-Button-Secondary_Background_Hover)\n    Secondary_Color_Active: [{ ref: \"ColorBrand.30\" }, { ref: \"ColorBrand.40\" }], // var(--triplex-next-Button-Secondary_Color_Active)\n    Secondary_Color_Default: [{ ref: \"ColorBrand.40\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-Button-Secondary_Color_Default)\n    Secondary_Color_Disabled: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Button-Secondary_Color_Disabled)\n    Secondary_Color_Hover: [{ ref: \"ColorBrand.50\" }, { ref: \"ColorBrand.70\" }], // var(--triplex-next-Button-Secondary_Color_Hover)\n    Secondary_Shadow_Focus: [{ value: \"0 0 0 1px #FFD169 inset\" }, { value: \"0 0 0 1px #FFD169 inset\" }], // var(--triplex-next-Button-Secondary_Shadow_Focus)\n\n    SecondaryLight_Background_Active: [{ ref: \"ColorNeutral.40\" }, { ref: \"ColorDarkNeutral.70\" }], // var(--triplex-next-Button-SecondaryLight_Background_Active)\n    SecondaryLight_Background_Default: [{ ref: \"ColorNeutral.100\" }, { ref: \"ColorDarkNeutral.50\" }], // var(--triplex-next-Button-SecondaryLight_Background_Default)\n    SecondaryLight_Background_Disabled: [{ ref: \"ColorNeutral.90\" }, { ref: \"ColorDarkNeutral.60\" }], // var(--triplex-next-Button-SecondaryLight_Background_Disabled)\n    SecondaryLight_Background_Hover: [{ ref: \"ColorNeutral.80\" }, { ref: \"ColorDarkNeutral.60\" }], // var(--triplex-next-Button-SecondaryLight_Background_Hover)\n    SecondaryLight_Color_Active: [{ ref: \"ColorBrand.30\" }, { ref: \"ColorBrand.40\" }], // var(--triplex-next-Button-SecondaryLight_Color_Active)\n    SecondaryLight_Color_Default: [{ ref: \"ColorBrand.40\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-Button-SecondaryLight_Color_Default)\n    SecondaryLight_Color_Disabled: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Button-SecondaryLight_Color_Disabled)\n    SecondaryLight_Color_Hover: [{ ref: \"ColorBrand.50\" }, { ref: \"ColorBrand.70\" }], // var(--triplex-next-Button-SecondaryLight_Color_Hover)\n    SecondaryLight_Shadow_Focus: [{ value: \"0 0 0 1px #FFD169 inset\" }, { value: \"0 0 0 1px #FFD169 inset\" }], // var(--triplex-next-Button-SecondaryLight_Shadow_Focus)\n\n    Danger_Background_Active: [{ ref: \"ColorError.30\" }, { ref: \"ColorError.30\" }], // var(--triplex-next-Button-Danger_Background_Active)\n    Danger_Background_Default: [{ ref: \"ColorError.50\" }, { ref: \"ColorError.50\" }], // var(--triplex-next-Button-Danger_Background_Default)\n    Danger_Background_Disabled: [{ ref: \"ColorNeutral.90\" }, { ref: \"ColorDarkNeutral.60\" }], // var(--triplex-next-Button-Danger_Background_Disabled)\n    Danger_Background_Hover: [{ ref: \"ColorError.60\" }, { ref: \"ColorError.60\" }], // var(--triplex-next-Button-Danger_Background_Hover)\n    Danger_Color_Active: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Button-Danger_Color_Active)\n    Danger_Color_Default: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Button-Danger_Color_Default)\n    Danger_Color_Disabled: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Button-Danger_Color_Disabled)\n    Danger_Color_Hover: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Button-Danger_Color_Hover)\n    Danger_Shadow_Focus: [{ value: \"0 0 0 1px #FFD169 inset\" }, { value: \"0 0 0 1px #FFD169 inset\" }], // var(--triplex-next-Button-Danger_Shadow_Focus)\n\n    Icon_Shadow_Focus: [{ value: \"0 0 0 1px #FFD169\" }, { value: \"0 0 0 1px #FFD169\" }], // var(--triplex-next-Button-Icon_Shadow_Focus)\n\n    Link_Color_Active: [{ ref: \"ColorBrand.30\" }, { ref: \"ColorBrand.40\" }], // var(--triplex-next-Button-Link_Color_Active)\n    Link_Color_Default: [{ ref: \"ColorBrand.40\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-Button-Link_Color_Default)\n    Link_Color_Disabled: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Button-Link_Color_Disabled)\n    Link_Color_Hover: [{ ref: \"ColorBrand.50\" }, { ref: \"ColorBrand.70\" }], // var(--triplex-next-Button-Link_Color_Hover)\n    Link_Shadow_Focus: [{ value: \"0 0 0 1px #FFD169 inset\" }, { value: \"0 0 0 1px #FFD169 inset\" }], // var(--triplex-next-Button-Link_Shadow_Focus)\n};\n"],"names":[],"mappings":"AAGO,MAAM,mCAAmC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAYO,MAAM,gBAAqD;AAAA,EAC9D,2BAA2B,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EAC9E,4BAA4B,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EAC/E,6BAA6B,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EACxF,0BAA0B,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EAC7E,sBAAsB,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EACrF,uBAAuB,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EACtF,wBAAwB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC7F,qBAAqB,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EACpF,sBAAsB,CAAC,EAAE,OAAO,6BAA6B,EAAE,OAAO,2BAA2B;AAAA;AAAA,EAEjG,6BAA6B,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,wBAAwB;AAAA;AAAA,EACzF,8BAA8B,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EACzF,+BAA+B,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAC1F,4BAA4B,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EACvF,wBAAwB,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EAC3E,yBAAyB,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EAC5E,0BAA0B,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC/F,uBAAuB,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EAC1E,wBAAwB,CAAC,EAAE,OAAO,6BAA6B,EAAE,OAAO,2BAA2B;AAAA;AAAA,EAEnG,kCAAkC,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAC7F,mCAAmC,CAAC,EAAE,KAAK,sBAAsB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAC/F,oCAAoC,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAC/F,iCAAiC,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAC5F,6BAA6B,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EAChF,8BAA8B,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EACjF,+BAA+B,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EACpG,4BAA4B,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EAC/E,6BAA6B,CAAC,EAAE,OAAO,6BAA6B,EAAE,OAAO,2BAA2B;AAAA;AAAA,EAExG,0BAA0B,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EAC7E,2BAA2B,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EAC9E,4BAA4B,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EACvF,yBAAyB,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EAC5E,qBAAqB,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EACpF,sBAAsB,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EACrF,uBAAuB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC5F,oBAAoB,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EACnF,qBAAqB,CAAC,EAAE,OAAO,6BAA6B,EAAE,OAAO,2BAA2B;AAAA;AAAA,EAEhG,mBAAmB,CAAC,EAAE,OAAO,uBAAuB,EAAE,OAAO,qBAAqB;AAAA;AAAA,EAElF,mBAAmB,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EACtE,oBAAoB,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EACvE,qBAAqB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC1F,kBAAkB,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EACrE,mBAAmB,CAAC,EAAE,OAAO,6BAA6B,EAAE,OAAO,0BAAA,CAA2B;AAAA;AAClG;"}

package/components/DesignTokens/components/Skeleton.js

@@ -1,18 +1,24 @@
 const designTokensComponentsSkeletonKeys = [
-  "BackgroundColor_Light_Start",
-  "BackgroundColor_Light_End",
-  "BackgroundColor_Dark_Start",
-  "BackgroundColor_Dark_End"
+  "BackgroundColor_Type1_Start",
+  "BackgroundColor_Type1_End",
+  "BackgroundColor_Type2_Start",
+  "BackgroundColor_Type2_End",
+  "BackgroundColor_Type3_Start",
+  "BackgroundColor_Type3_End"
 ];
 const Skeleton_Tokens = {
-  BackgroundColor_Light_Start: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
-  // var(--triplex-next-Skeleton-BackgroundColor_Light_Start)
-  BackgroundColor_Light_End: [{ ref: "ColorNeutral.40" }, { ref: "ColorDarkNeutral.70" }],
-  // var(--triplex-next-Skeleton-BackgroundColor_Light_End)
-  BackgroundColor_Dark_Start: [{ ref: "ColorDarkNeutralAlpha.100" }, { ref: "ColorNeutralAlpha.90" }],
-  // var(--triplex-next-Skeleton-BackgroundColor_Dark_Start)
-  BackgroundColor_Dark_End: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.80" }]
-  // var(--triplex-next-Skeleton-BackgroundColor_Dark_End)
+  BackgroundColor_Type1_Start: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
+  // var(--triplex-next-Skeleton-BackgroundColor_Type1_Start)
+  BackgroundColor_Type1_End: [{ ref: "ColorNeutral.40" }, { ref: "ColorDarkNeutral.70" }],
+  // var(--triplex-next-Skeleton-BackgroundColor_Type1_End)
+  BackgroundColor_Type2_Start: [{ ref: "ColorDarkNeutralAlpha.100" }, { ref: "ColorNeutralAlpha.100" }],
+  // var(--triplex-next-Skeleton-BackgroundColor_Type2_Start)
+  BackgroundColor_Type2_End: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
+  // var(--triplex-next-Skeleton-BackgroundColor_Type2_End)
+  BackgroundColor_Type3_Start: [{ ref: "ColorNeutralAlpha.70" }, { ref: "ColorDarkNeutralAlpha.80" }],
+  // var(--triplex-next-Skeleton-BackgroundColor_Type3_Start)
+  BackgroundColor_Type3_End: [{ ref: "ColorNeutralAlpha.90" }, { ref: "ColorDarkNeutralAlpha.70" }]
+  // var(--triplex-next-Skeleton-BackgroundColor_Type3_End)
 };
 export {
   Skeleton_Tokens,

package/components/DesignTokens/components/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sources":["../../../../src/components/DesignTokens/components/Skeleton.ts"],"sourcesContent":["import { TDesignTokenValue, TDesignTokenValues } from \"../types/DesignTokenTypes\";\n\n// Название токенов компонента Skeleton.\nexport const designTokensComponentsSkeletonKeys = [\n    \"BackgroundColor_Light_Start\",\n    \"BackgroundColor_Light_End\",\n    \"BackgroundColor_Dark_Start\",\n    \"BackgroundColor_Dark_End\",\n] as const;\n// Тип, содержащий названия токенов компонента Skeleton.\nexport type TDesignTokensComponentsSkeletonKeys = (typeof designTokensComponentsSkeletonKeys)[number];\n// Тип, содержащий названия токенов компонента Skeleton и их значения.\nexport type TDesignTokensComponentsSkeletonValue = Record<TDesignTokensComponentsSkeletonKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов компонента Skeleton и их значения в светлой и темной теме.\nexport type TDesignTokensComponentsSkeletonValues = Record<TDesignTokensComponentsSkeletonKeys, TDesignTokenValues>;\n// Тип локальных токенов компонента Skeleton.\nexport type TDesignTokensComponentsSkeleton = { Skeleton: TDesignTokensComponentsSkeletonValue };\n\n// Токены компонента Skeleton в светлой и темной темах.\nexport const Skeleton_Tokens: TDesignTokensComponentsSkeletonValues = {\n    BackgroundColor_Light_Start: [{ ref: \"ColorNeutral.90\" }, { ref: \"ColorDarkNeutral.50\" }], // var(--triplex-next-Skeleton-BackgroundColor_Light_Start)\n    BackgroundColor_Light_End: [{ ref: \"ColorNeutral.40\" }, { ref: \"ColorDarkNeutral.70\" }], // var(--triplex-next-Skeleton-BackgroundColor_Light_End)\n\n    BackgroundColor_Dark_Start: [{ ref: \"ColorDarkNeutralAlpha.100\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-Skeleton-BackgroundColor_Dark_Start)\n    BackgroundColor_Dark_End: [{ ref: \"ColorDarkNeutralAlpha.90\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Skeleton-BackgroundColor_Dark_End)\n};\n"],"names":[],"mappings":"AAGO,MAAM,qCAAqC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAWO,MAAM,kBAAyD;AAAA,EAClE,6BAA6B,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EACxF,2BAA2B,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAEtF,4BAA4B,CAAC,EAAE,KAAK,+BAA+B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAClG,0BAA0B,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,uBAAA,CAAwB;AAAA;AACnG;"}
+{"version":3,"file":"Skeleton.js","sources":["../../../../src/components/DesignTokens/components/Skeleton.ts"],"sourcesContent":["import { TDesignTokenValue, TDesignTokenValues } from \"../types/DesignTokenTypes\";\n\n// Название токенов компонента Skeleton.\nexport const designTokensComponentsSkeletonKeys = [\n    \"BackgroundColor_Type1_Start\",\n    \"BackgroundColor_Type1_End\",\n    \"BackgroundColor_Type2_Start\",\n    \"BackgroundColor_Type2_End\",\n    \"BackgroundColor_Type3_Start\",\n    \"BackgroundColor_Type3_End\",\n] as const;\n// Тип, содержащий названия токенов компонента Skeleton.\nexport type TDesignTokensComponentsSkeletonKeys = (typeof designTokensComponentsSkeletonKeys)[number];\n// Тип, содержащий названия токенов компонента Skeleton и их значения.\nexport type TDesignTokensComponentsSkeletonValue = Record<TDesignTokensComponentsSkeletonKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов компонента Skeleton и их значения в светлой и темной теме.\nexport type TDesignTokensComponentsSkeletonValues = Record<TDesignTokensComponentsSkeletonKeys, TDesignTokenValues>;\n// Тип локальных токенов компонента Skeleton.\nexport type TDesignTokensComponentsSkeleton = { Skeleton: TDesignTokensComponentsSkeletonValue };\n\n// Токены компонента Skeleton в светлой и темной темах.\nexport const Skeleton_Tokens: TDesignTokensComponentsSkeletonValues = {\n    BackgroundColor_Type1_Start: [{ ref: \"ColorNeutral.90\" }, { ref: \"ColorDarkNeutral.50\" }], // var(--triplex-next-Skeleton-BackgroundColor_Type1_Start)\n    BackgroundColor_Type1_End: [{ ref: \"ColorNeutral.40\" }, { ref: \"ColorDarkNeutral.70\" }], // var(--triplex-next-Skeleton-BackgroundColor_Type1_End)\n\n    BackgroundColor_Type2_Start: [{ ref: \"ColorDarkNeutralAlpha.100\" }, { ref: \"ColorNeutralAlpha.100\" }], // var(--triplex-next-Skeleton-BackgroundColor_Type2_Start)\n    BackgroundColor_Type2_End: [{ ref: \"ColorDarkNeutralAlpha.90\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-Skeleton-BackgroundColor_Type2_End)\n\n    BackgroundColor_Type3_Start: [{ ref: \"ColorNeutralAlpha.70\" }, { ref: \"ColorDarkNeutralAlpha.80\" }], // var(--triplex-next-Skeleton-BackgroundColor_Type3_Start)\n    BackgroundColor_Type3_End: [{ ref: \"ColorNeutralAlpha.90\" }, { ref: \"ColorDarkNeutralAlpha.70\" }], // var(--triplex-next-Skeleton-BackgroundColor_Type3_End)\n};\n"],"names":[],"mappings":"AAGO,MAAM,qCAAqC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAWO,MAAM,kBAAyD;AAAA,EAClE,6BAA6B,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EACxF,2BAA2B,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAEtF,6BAA6B,CAAC,EAAE,KAAK,+BAA+B,EAAE,KAAK,yBAAyB;AAAA;AAAA,EACpG,2BAA2B,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAEhG,6BAA6B,CAAC,EAAE,KAAK,0BAA0B,EAAE,KAAK,4BAA4B;AAAA;AAAA,EAClG,2BAA2B,CAAC,EAAE,KAAK,0BAA0B,EAAE,KAAK,2BAAA,CAA4B;AAAA;AACpG;"}

package/components/Divider/Divider.js

@@ -1,24 +1,24 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-const divider = "divider__6f2dde99";
+const divider = "divider__30766146";
 const styles = {
   divider,
-  "marginTopSize-4": "marginTopSize-4__f97610b8",
-  "marginBottomSize-4": "marginBottomSize-4__b9777b38",
-  "marginTopSize-8": "marginTopSize-8__394254d4",
-  "marginBottomSize-8": "marginBottomSize-8__f53d4367",
-  "marginTopSize-12": "marginTopSize-12__f6e45455",
-  "marginBottomSize-12": "marginBottomSize-12__c5e3acbd",
-  "marginTopSize-16": "marginTopSize-16__29951909",
-  "marginBottomSize-16": "marginBottomSize-16__80def8f5",
-  "marginTopSize-20": "marginTopSize-20__76cc8999",
-  "marginBottomSize-20": "marginBottomSize-20__5e7e7e54",
-  "marginTopSize-24": "marginTopSize-24__ffab8dbb",
-  "marginBottomSize-24": "marginBottomSize-24__69e4d9a7",
-  "marginTopSize-28": "marginTopSize-28__a492320e",
-  "marginBottomSize-28": "marginBottomSize-28__57cc4343",
-  "marginTopSize-32": "marginTopSize-32__f3392a3a",
-  "marginBottomSize-32": "marginBottomSize-32__93a04eda"
+  "marginTopSize-4": "marginTopSize-4__acd99e61",
+  "marginBottomSize-4": "marginBottomSize-4__bf433d93",
+  "marginTopSize-8": "marginTopSize-8__e70c0bcd",
+  "marginBottomSize-8": "marginBottomSize-8__af139b0b",
+  "marginTopSize-12": "marginTopSize-12__4f47a2dc",
+  "marginBottomSize-12": "marginBottomSize-12__75b11706",
+  "marginTopSize-16": "marginTopSize-16__d13b5a87",
+  "marginBottomSize-16": "marginBottomSize-16__484eb943",
+  "marginTopSize-20": "marginTopSize-20__e63c85ff",
+  "marginBottomSize-20": "marginBottomSize-20__ca2feddd",
+  "marginTopSize-24": "marginTopSize-24__7aae7276",
+  "marginBottomSize-24": "marginBottomSize-24__af13bdd8",
+  "marginTopSize-28": "marginTopSize-28__4f75f5b7",
+  "marginBottomSize-28": "marginBottomSize-28__fc3fb942",
+  "marginTopSize-32": "marginTopSize-32__617c6fb8",
+  "marginBottomSize-32": "marginBottomSize-32__2347221b"
 };
 const Divider = (props) => {
   const { className, marginTopSize, marginBottomSize, ...htmlDivAttributes } = props;

package/components/DocumentNumberEdit/DocumentNumberEdit.js

@@ -8,9 +8,9 @@ import { StringUtils } from "../../utils/stringUtils.js";
 import { isKey } from "../../utils/keyboard.js";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { Link } from "../Link/Link.js";
-const documentNumberEdit = "documentNumberEdit__de0364da";
-const label = "label__9c77cc3f";
-const inputEditWrapper = "inputEditWrapper__25ddb240";
+const documentNumberEdit = "documentNumberEdit__21ab5a1e";
+const label = "label__0ef3912c";
+const inputEditWrapper = "inputEditWrapper__b802588f";
 const styles = {
   documentNumberEdit,
   label,

package/components/Dropdown/desktop/DropdownDesktop.js

@@ -6,11 +6,11 @@ import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { useToken } from "../../ThemeProvider/useToken.js";
 import { isKey } from "../../../utils/keyboard.js";
-const dropdownDesktop = "dropdownDesktop__d20c4e8a";
-const sm = "sm__0da8da49";
-const md = "md__35da0b81";
-const lg = "lg__7c86bd28";
-const dropdownDesktopOverflowHidden = "dropdownDesktopOverflowHidden__50ab5712";
+const dropdownDesktop = "dropdownDesktop__e1ac518b";
+const sm = "sm__13fe9937";
+const md = "md__12867d7b";
+const lg = "lg__793456dd";
+const dropdownDesktopOverflowHidden = "dropdownDesktopOverflowHidden__db6b1311";
 const styles = {
   dropdownDesktop,
   sm,
@@ -164,7 +164,7 @@ const DropdownDesktop = React__default.forwardRef((props, ref) => {
       className: classNames,
       style: { ...styleState, ...styleProp },
       ...rest,
-      "data-tx": "1.43.0",
+      "data-tx": "1.44.0",
       ref: setRef,
       children
     }

package/components/Dropdown/desktop/DropdownList.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useContext, useRef, useState, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles, D as DropdownListItem } from "../../../chunks/DropdownListItem-hLJFQ_q0.js";
+import { s as styles, D as DropdownListItem } from "../../../chunks/DropdownListItem-DOjFvzKN.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import { DropdownListContext } from "../DropdownListContext.js";
 import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";

package/components/Dropdown/desktop/DropdownListItem.js

@@ -4,7 +4,7 @@ import "../../../chunks/vendor-D4wvHis9.js";
 import "../../../enums/EComponentSize.js";
 import "../../../utils/keyboard.js";
 import "../../Badge/Badge.js";
-import { D } from "../../../chunks/DropdownListItem-hLJFQ_q0.js";
+import { D } from "../../../chunks/DropdownListItem-DOjFvzKN.js";
 export {
   D as DropdownListItem
 };

package/components/Dropdown/desktop/index.js

@@ -1,6 +1,6 @@
 import { DropdownDesktop } from "./DropdownDesktop.js";
 import { DropdownList } from "./DropdownList.js";
-import { D } from "../../../chunks/DropdownListItem-hLJFQ_q0.js";
+import { D } from "../../../chunks/DropdownListItem-DOjFvzKN.js";
 import { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from "./enums.js";
 export {
   DropdownDesktop,

package/components/Dropdown/index.js

@@ -1,7 +1,7 @@
 import { DropdownListContext } from "./DropdownListContext.js";
 import { DropdownDesktop } from "./desktop/DropdownDesktop.js";
 import { DropdownList } from "./desktop/DropdownList.js";
-import { D } from "../../chunks/DropdownListItem-hLJFQ_q0.js";
+import { D } from "../../chunks/DropdownListItem-DOjFvzKN.js";
 import { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from "./desktop/enums.js";
 import { DropdownMobile } from "./mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "./mobile/DropdownMobileBody.js";

package/components/Dropdown/mobile/DropdownMobile.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default, { useEffect } from "react";
 import { OverlayBase, EOverlayDirection } from "../../Overlay/OverlayBase.js";
 import { DropdownMobileInner } from "./DropdownMobileInner.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Ddqns0Cv.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-DZDL8Gw8.js";
 const dropdownMobileBodyOverflowClassName = styles.dropdownMobileBodyOverflow;
 const DropdownMobile = React__default.forwardRef(
   ({ children, opened, setOpened, ...htmlAttributes }, ref) => {
@@ -20,7 +20,7 @@ const DropdownMobile = React__default.forwardRef(
         ...props,
         ...htmlAttributes,
         ref,
-        "data-tx": "1.43.0",
+        "data-tx": "1.44.0",
         children
       }
     ) });

package/components/Dropdown/mobile/DropdownMobileBody.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Ddqns0Cv.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-DZDL8Gw8.js";
 const DropdownMobileBody = React__default.forwardRef(
   ({ children, className, ...htmlAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.dropdownMobileContent, className), ref, ...htmlAttributes, children })
 );

package/components/Dropdown/mobile/DropdownMobileClose.js

@@ -3,7 +3,7 @@ import React__default from "react";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import { CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Ddqns0Cv.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-DZDL8Gw8.js";
 const DropdownMobileClose = React__default.forwardRef(
   ({ className, ...buttonIconProps }, ref) => /* @__PURE__ */ jsx(ButtonIcon, { className: clsx(styles.dropdownMobileClose, className), ref, ...buttonIconProps, children: /* @__PURE__ */ jsx(CrossStrokeSrvIcon16, { paletteIndex: 5 }) })
 );

package/components/Dropdown/mobile/DropdownMobileFooter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Ddqns0Cv.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-DZDL8Gw8.js";
 const DropdownMobileFooter = React__default.forwardRef(
   ({ children, className, ...htmlAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.dropdownMobileFooter, className), ref, ...htmlAttributes, children })
 );

package/components/Dropdown/mobile/DropdownMobileHeader.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Ddqns0Cv.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-DZDL8Gw8.js";
 const DropdownMobileHeader = React__default.forwardRef(
   ({ children, className, controlButtons, ...htmlAttributes }, ref) => /* @__PURE__ */ jsxs("div", { className: clsx(styles.dropdownMobileHeader, className), ref, ...htmlAttributes, children: [
     /* @__PURE__ */ jsx("div", { className: styles.dropdownMobileHeaderContent, children }),

package/components/Dropdown/mobile/DropdownMobileInner.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { useToken } from "../../ThemeProvider/useToken.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Ddqns0Cv.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-DZDL8Gw8.js";
 const DropdownMobileInner = React__default.forwardRef(
   ({
     children,

package/components/Dropdown/mobile/DropdownMobileInput.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const dropdownMobileInput = "dropdownMobileInput__461dd00c";
+const dropdownMobileInput = "dropdownMobileInput__80ecf8a0";
 const styles = {
   dropdownMobileInput
 };

package/components/Dropdown/mobile/DropdownMobileList.js

@@ -5,7 +5,7 @@ import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { DropdownMobileListItem } from "./DropdownMobileListItem.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Ddqns0Cv.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-DZDL8Gw8.js";
 import { u as uniqueId } from "../../../chunks/vendor-D4wvHis9.js";
 const DropdownMobileList = React__default.forwardRef(
   ({ children, className, loading, ...htmlAttributes }, ref) => {

package/components/Dropdown/mobile/DropdownMobileListItem.js

@@ -5,7 +5,7 @@ import { Text } from "../../Typography/Text.js";
 import { ETextSize } from "../../Typography/enums.js";
 import { Badge } from "../../Badge/Badge.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Ddqns0Cv.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-DZDL8Gw8.js";
 const DropdownMobileListItem = React__default.forwardRef(
   ({ children, className, id, onClick, onSelect, selected, showNotificationIcon, ...htmlAttributes }, ref) => {
     const handleClick = (event) => {

package/components/Dropdown/mobile/DropdownMobileLoader.js

@@ -4,7 +4,7 @@ import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-Ddqns0Cv.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-DZDL8Gw8.js";
 const DropdownMobileLoader = ({ className, ...restProps }) => /* @__PURE__ */ jsx(
   LoaderSmall,
   {

package/components/Dropdown/mobile/DropdownMobileMaskedInput.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { FormFieldMaskedInput } from "../../FormField/components/FormFieldMaskedInput.js";
-const dropdownMobileMaskedInput = "dropdownMobileMaskedInput__0b2a2487";
+const dropdownMobileMaskedInput = "dropdownMobileMaskedInput__97fa258f";
 const styles = {
   dropdownMobileMaskedInput
 };

package/components/Ellipsis/Ellipsis.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-const ellipsisLineClamp = "ellipsisLineClamp__9ad22ff0";
-const oneLine = "oneLine__8c74f88c";
+const ellipsisLineClamp = "ellipsisLineClamp__340aea71";
+const oneLine = "oneLine__08c75fa2";
 const styles = {
   ellipsisLineClamp,
   oneLine
@@ -16,7 +16,7 @@ const Ellipsis = React__default.forwardRef(
         className: classNames,
         style: { "--ellipsis-line-clamp": maxLines },
         ...rest,
-        "data-tx": "1.43.0",
+        "data-tx": "1.44.0",
         ref,
         children
       }

package/components/EmptyView/EmptyView.js

@@ -6,10 +6,10 @@ import { Title } from "../Typography/Title.js";
 import { EFontWeightTitle, ETitleSize, ETextSize, EFontType, EFontWeightText } from "../Typography/enums.js";
 import { Text } from "../Typography/Text.js";
 import { Gap } from "../Gap/Gap.js";
-const emptyView = "emptyView__cfc8be7e";
-const container = "container__84b63cf0";
-const icon = "icon__90097577";
-const textBlock = "textBlock__e1ec33a2";
+const emptyView = "emptyView__6b4e65a8";
+const container = "container__afbef08c";
+const icon = "icon__4a8b96aa";
+const textBlock = "textBlock__dc95c1d3";
 const styles = {
   emptyView,
   container,

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,11 +1,18 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useRef } from "react";
 import { A as Transition, c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-const expandAnimation = "expandAnimation__d661ded6";
+const expandAnimation = "expandAnimation__22a2f1d3";
 const styles = {
   expandAnimation
 };
 const TIMEOUT_DEFAULT = 300;
+const createTransitionStyles = () => ({
+  entering: { height: void 0, overflow: "hidden" },
+  entered: {},
+  exiting: { height: 0, overflow: "hidden" },
+  exited: { height: 0, overflow: "hidden", visibility: "hidden" },
+  unmounted: {}
+});
 const ExpandAnimation = React__default.forwardRef(
   ({
     children,
@@ -18,18 +25,16 @@ const ExpandAnimation = React__default.forwardRef(
     transitionProps,
     ...rest
   }, ref) => {
-    const transitionStylesRef = useRef({
-      entering: { height: void 0, overflow: "hidden" },
-      entered: {},
-      exiting: { height: 0, overflow: "hidden" },
-      exited: { height: 0, overflow: "hidden", visibility: "hidden" },
-      unmounted: {}
-    });
+    const transitionStylesRef = useRef(null);
+    if (transitionStylesRef.current === null) {
+      transitionStylesRef.current = createTransitionStyles();
+    }
+    const transitionStyles = transitionStylesRef.current;
     const nodeRef = useRef(null);
     const handleEnter = (appearing) => {
       var _a;
       if (nodeRef.current) {
-        transitionStylesRef.current["entering"].height = nodeRef.current.scrollHeight;
+        transitionStyles.entering.height = nodeRef.current.scrollHeight;
       }
       onStart == null ? void 0 : onStart();
       (_a = transitionProps == null ? void 0 : transitionProps.onEnter) == null ? void 0 : _a.call(transitionProps, appearing);
@@ -78,7 +83,7 @@ const ExpandAnimation = React__default.forwardRef(
             className: clsx(styles.expandAnimation, className),
             style: {
               transitionDuration: animationTime + "ms",
-              ...transitionStylesRef.current[state],
+              ...transitionStyles[state],
               ...style
             },
             ...rest,