@sberbusiness/triplex-next 1.42.0 → 1.44.0

package/components/DatePickerExtended/DatePickerExtendedDropdown.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React__default, { useContext } from "react";
-import { j as focusTrapReactExports } from "../../chunks/vendor-DfvHt3TJ.js";
+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";
 import "../Dropdown/mobile/DropdownMobile.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__8d8c77f3";
+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

@@ -3,10 +3,10 @@ import moment from "moment";
 import { CaretleftStrokeSrvIcon20, RangeStrokeSrvIcon16, CaretrightStrokeSrvIcon20 } from "@sberbusiness/icons-next";
 import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
 import { EDateRangeShiftUnit } from "./enums.js";
-import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
-const dateRange = "dateRange__1094ae42";
-const dateRangeButton = "dateRangeButton__207d46f8";
-const separator = "separator__2ee4d251";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+const dateRange = "dateRange__6c519802";
+const dateRangeButton = "dateRangeButton__8c8ed57c";
+const separator = "separator__c66aab1e";
 const styles = {
   dateRange,
   dateRangeButton,

package/components/DesignTokens/DesignTokenUtils.js

@@ -3,7 +3,7 @@ import { DesignTokensCore } from "./DesignTokensCore.js";
 import { DesignTokensCoreThemeDark } from "./DesignTokensCoreThemeDark.js";
 import { DesignTokensComponents } from "./DesignTokensComponents.js";
 import { DesignTokensComponentsThemeDark } from "./DesignTokensComponentsThemeDark.js";
-import { m as defaultsDeep } from "../../chunks/vendor-DfvHt3TJ.js";
+import { m as defaultsDeep } from "../../chunks/vendor-D4wvHis9.js";
 const resolveTokenValue = (tokenValue, tokens, visitedRefs) => {
   if (tokenValue.value !== void 0) {
     return tokenValue.value;
@@ -31,7 +31,7 @@ const DesignTokenUtils = {
   getCSSVariableByTokenGroup: (tokenGroup, tokens) => {
     const tokenGroupTitle = Object.keys(tokenGroup)[0];
     const tokenPrefix = "triplex-next";
-    let tokenVersion = "1.42.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":"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"}

package/components/DesignTokens/components/Chip.js

@@ -22,7 +22,7 @@ const designTokensComponentsChipKeys = [
 const Chip_Tokens = {
   Background_Active: [{ ref: "ColorNeutral.40" }, { ref: "ColorDarkNeutral.70" }],
   // var(--triplex-next-Chip-Background_Active)
-  Background_Disabled: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
+  Background_Disabled: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.60" }],
   // var(--triplex-next-Chip-Background_Disabled)
   Background_Type1_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-Chip-Background_Type1_Default)

package/components/DesignTokens/components/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../../src/components/DesignTokens/components/Chip.ts"],"sourcesContent":["import {\n    TDesignTokenValue,\n    TDesignTokenValues,\n} from \"@sberbusiness/triplex-next/components/DesignTokens/types/DesignTokenTypes\";\n\n// Название токенов компонента Chip.\nexport const designTokensComponentsChipKeys = [\n    \"Background_Active\",\n    \"Background_Disabled\",\n    \"Background_Type1_Default\",\n    \"Background_Type1_Hover\",\n    \"Background_Type2_Default\",\n    \"Background_Type2_Hover\",\n    \"Background_Selected_Active\",\n    \"Background_Selected_Default\",\n    \"Background_Selected_Disabled\",\n    \"Background_Selected_Hover\",\n\n    \"Color_Active\",\n    \"Color_Default\",\n    \"Color_Disabled\",\n    \"Color_Hover\",\n    \"Color_Selected_Active\",\n    \"Color_Selected_Default\",\n    \"Color_Selected_Disabled\",\n    \"Color_Selected_Hover\",\n\n    \"Shadow_Focus\",\n] as const;\n// Тип, содержащий названия токенов компонента Chip.\nexport type TDesignTokensComponentsChipKeys = (typeof designTokensComponentsChipKeys)[number];\n// Тип, содержащий названия токенов компонента Chip и их значения.\nexport type TDesignTokensComponentsChipValue = Record<TDesignTokensComponentsChipKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов компонента Chip и их значения в светлой и темной теме.\nexport type TDesignTokensComponentsChipValues = Record<TDesignTokensComponentsChipKeys, TDesignTokenValues>;\n// Тип локальных токенов компонента Chip.\nexport type TDesignTokensComponentsChip = { Chip: TDesignTokensComponentsChipValue };\n\n// Токены компонента Chip в светлой и темной темах.\nexport const Chip_Tokens: TDesignTokensComponentsChipValues = {\n    Background_Active: [{ ref: \"ColorNeutral.40\" }, { ref: \"ColorDarkNeutral.70\" }], // var(--triplex-next-Chip-Background_Active)\n    Background_Disabled: [{ ref: \"ColorNeutral.90\" }, { ref: \"ColorDarkNeutral.80\" }], // var(--triplex-next-Chip-Background_Disabled)\n    Background_Type1_Default: [{ ref: \"ColorNeutral.90\" }, { ref: \"ColorDarkNeutral.80\" }], // var(--triplex-next-Chip-Background_Type1_Default)\n    Background_Type1_Hover: [{ ref: \"ColorNeutral.70\" }, { ref: \"ColorDarkNeutral.90\" }], // var(--triplex-next-Background_Type1_Hover)\n    Background_Type2_Default: [{ ref: \"ColorNeutral.100\" }, { ref: \"ColorDarkNeutral.50\" }], // var(--triplex-next-Chip-Background_Type2_Default)\n    Background_Type2_Hover: [{ ref: \"ColorNeutral.80\" }, { ref: \"ColorDarkNeutral.60\" }], // var(--triplex-next-Chip-Background_Type2_Hover)\n    Background_Selected_Active: [{ ref: \"ColorDarkNeutral.100\" }, { ref: \"ColorNeutral.40\" }], // var(--triplex-next-Chip-Background_Selected_Active)\n    Background_Selected_Default: [{ ref: \"ColorDarkNeutral.70\" }, { ref: \"ColorNeutral.90\" }], // var(--triplex-next-Chip-Background_Selected_Default)\n    Background_Selected_Disabled: [{ ref: \"ColorDarkNeutral.60\" }, { ref: \"ColorNeutral.90\" }], // var(--triplex-next-Chip-Background_Selected_Disabled)\n    Background_Selected_Hover: [{ ref: \"ColorDarkNeutral.90\" }, { ref: \"ColorNeutral.70\" }], // var(--triplex-next-Chip-Background_Selected_Hover)\n\n    Color_Active: [{ ref: \"ColorDarkNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Chip-Color_Active)\n    Color_Default: [{ ref: \"ColorDarkNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Chip-Color_Default)\n    Color_Disabled: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Chip-Color_Disabled)\n    Color_Hover: [{ ref: \"ColorDarkNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Chip-Color_Hover)\n    Color_Selected_Active: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorDarkNeutralAlpha.0\" }], // var(--triplex-next-Chip-Color_Selected_Active)\n    Color_Selected_Default: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorDarkNeutralAlpha.0\" }], // var(--triplex-next-Chip-Color_Selected_Default)\n    Color_Selected_Disabled: [{ ref: \"ColorNeutralAlpha.80\" }, { ref: \"ColorDarkNeutralAlpha.70\" }], // var(--triplex-next-Chip-Color_Selected_Disabled)\n    Color_Selected_Hover: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorDarkNeutralAlpha.0\" }], // var(--triplex-next-Chip-Color_Selected_Hover)\n\n    Shadow_Focus: [{ value: \"0 0 0 1px #FFD169 inset\" }, { value: \"0 0 0 1px #FFD169 inset\" }], // var(--triplex-next-Chip-Shadow_Focus)\n};\n"],"names":[],"mappings":"AAMO,MAAM,iCAAiC;AAAA,EAC1C;AAAA,EACA;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,EAEA;AACJ;AAWO,MAAM,cAAiD;AAAA,EAC1D,mBAAmB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAC9E,qBAAqB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAChF,0BAA0B,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EACrF,wBAAwB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EACnF,0BAA0B,CAAC,EAAE,KAAK,sBAAsB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EACtF,wBAAwB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EACnF,4BAA4B,CAAC,EAAE,KAAK,0BAA0B,EAAE,KAAK,mBAAmB;AAAA;AAAA,EACxF,6BAA6B,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,mBAAmB;AAAA;AAAA,EACxF,8BAA8B,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,mBAAmB;AAAA;AAAA,EACzF,2BAA2B,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,mBAAmB;AAAA;AAAA,EAEtF,cAAc,CAAC,EAAE,KAAK,6BAA6B,EAAE,KAAK,uBAAuB;AAAA;AAAA,EACjF,eAAe,CAAC,EAAE,KAAK,6BAA6B,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAClF,gBAAgB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EACrF,aAAa,CAAC,EAAE,KAAK,6BAA6B,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAChF,uBAAuB,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,2BAA2B;AAAA;AAAA,EAC1F,wBAAwB,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,2BAA2B;AAAA;AAAA,EAC3F,yBAAyB,CAAC,EAAE,KAAK,0BAA0B,EAAE,KAAK,4BAA4B;AAAA;AAAA,EAC9F,sBAAsB,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,2BAA2B;AAAA;AAAA,EAEzF,cAAc,CAAC,EAAE,OAAO,6BAA6B,EAAE,OAAO,0BAAA,CAA2B;AAAA;AAC7F;"}
+{"version":3,"file":"Chip.js","sources":["../../../../src/components/DesignTokens/components/Chip.ts"],"sourcesContent":["import {\n    TDesignTokenValue,\n    TDesignTokenValues,\n} from \"@sberbusiness/triplex-next/components/DesignTokens/types/DesignTokenTypes\";\n\n// Название токенов компонента Chip.\nexport const designTokensComponentsChipKeys = [\n    \"Background_Active\",\n    \"Background_Disabled\",\n    \"Background_Type1_Default\",\n    \"Background_Type1_Hover\",\n    \"Background_Type2_Default\",\n    \"Background_Type2_Hover\",\n    \"Background_Selected_Active\",\n    \"Background_Selected_Default\",\n    \"Background_Selected_Disabled\",\n    \"Background_Selected_Hover\",\n\n    \"Color_Active\",\n    \"Color_Default\",\n    \"Color_Disabled\",\n    \"Color_Hover\",\n    \"Color_Selected_Active\",\n    \"Color_Selected_Default\",\n    \"Color_Selected_Disabled\",\n    \"Color_Selected_Hover\",\n\n    \"Shadow_Focus\",\n] as const;\n// Тип, содержащий названия токенов компонента Chip.\nexport type TDesignTokensComponentsChipKeys = (typeof designTokensComponentsChipKeys)[number];\n// Тип, содержащий названия токенов компонента Chip и их значения.\nexport type TDesignTokensComponentsChipValue = Record<TDesignTokensComponentsChipKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов компонента Chip и их значения в светлой и темной теме.\nexport type TDesignTokensComponentsChipValues = Record<TDesignTokensComponentsChipKeys, TDesignTokenValues>;\n// Тип локальных токенов компонента Chip.\nexport type TDesignTokensComponentsChip = { Chip: TDesignTokensComponentsChipValue };\n\n// Токены компонента Chip в светлой и темной темах.\nexport const Chip_Tokens: TDesignTokensComponentsChipValues = {\n    Background_Active: [{ ref: \"ColorNeutral.40\" }, { ref: \"ColorDarkNeutral.70\" }], // var(--triplex-next-Chip-Background_Active)\n    Background_Disabled: [{ ref: \"ColorNeutral.90\" }, { ref: \"ColorDarkNeutral.60\" }], // var(--triplex-next-Chip-Background_Disabled)\n    Background_Type1_Default: [{ ref: \"ColorNeutral.90\" }, { ref: \"ColorDarkNeutral.80\" }], // var(--triplex-next-Chip-Background_Type1_Default)\n    Background_Type1_Hover: [{ ref: \"ColorNeutral.70\" }, { ref: \"ColorDarkNeutral.90\" }], // var(--triplex-next-Background_Type1_Hover)\n    Background_Type2_Default: [{ ref: \"ColorNeutral.100\" }, { ref: \"ColorDarkNeutral.50\" }], // var(--triplex-next-Chip-Background_Type2_Default)\n    Background_Type2_Hover: [{ ref: \"ColorNeutral.80\" }, { ref: \"ColorDarkNeutral.60\" }], // var(--triplex-next-Chip-Background_Type2_Hover)\n    Background_Selected_Active: [{ ref: \"ColorDarkNeutral.100\" }, { ref: \"ColorNeutral.40\" }], // var(--triplex-next-Chip-Background_Selected_Active)\n    Background_Selected_Default: [{ ref: \"ColorDarkNeutral.70\" }, { ref: \"ColorNeutral.90\" }], // var(--triplex-next-Chip-Background_Selected_Default)\n    Background_Selected_Disabled: [{ ref: \"ColorDarkNeutral.60\" }, { ref: \"ColorNeutral.90\" }], // var(--triplex-next-Chip-Background_Selected_Disabled)\n    Background_Selected_Hover: [{ ref: \"ColorDarkNeutral.90\" }, { ref: \"ColorNeutral.70\" }], // var(--triplex-next-Chip-Background_Selected_Hover)\n\n    Color_Active: [{ ref: \"ColorDarkNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Chip-Color_Active)\n    Color_Default: [{ ref: \"ColorDarkNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Chip-Color_Default)\n    Color_Disabled: [{ ref: \"ColorDarkNeutralAlpha.70\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Chip-Color_Disabled)\n    Color_Hover: [{ ref: \"ColorDarkNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Chip-Color_Hover)\n    Color_Selected_Active: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorDarkNeutralAlpha.0\" }], // var(--triplex-next-Chip-Color_Selected_Active)\n    Color_Selected_Default: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorDarkNeutralAlpha.0\" }], // var(--triplex-next-Chip-Color_Selected_Default)\n    Color_Selected_Disabled: [{ ref: \"ColorNeutralAlpha.80\" }, { ref: \"ColorDarkNeutralAlpha.70\" }], // var(--triplex-next-Chip-Color_Selected_Disabled)\n    Color_Selected_Hover: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorDarkNeutralAlpha.0\" }], // var(--triplex-next-Chip-Color_Selected_Hover)\n\n    Shadow_Focus: [{ value: \"0 0 0 1px #FFD169 inset\" }, { value: \"0 0 0 1px #FFD169 inset\" }], // var(--triplex-next-Chip-Shadow_Focus)\n};\n"],"names":[],"mappings":"AAMO,MAAM,iCAAiC;AAAA,EAC1C;AAAA,EACA;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,EAEA;AACJ;AAWO,MAAM,cAAiD;AAAA,EAC1D,mBAAmB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAC9E,qBAAqB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAChF,0BAA0B,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EACrF,wBAAwB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EACnF,0BAA0B,CAAC,EAAE,KAAK,sBAAsB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EACtF,wBAAwB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EACnF,4BAA4B,CAAC,EAAE,KAAK,0BAA0B,EAAE,KAAK,mBAAmB;AAAA;AAAA,EACxF,6BAA6B,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,mBAAmB;AAAA;AAAA,EACxF,8BAA8B,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,mBAAmB;AAAA;AAAA,EACzF,2BAA2B,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,mBAAmB;AAAA;AAAA,EAEtF,cAAc,CAAC,EAAE,KAAK,6BAA6B,EAAE,KAAK,uBAAuB;AAAA;AAAA,EACjF,eAAe,CAAC,EAAE,KAAK,6BAA6B,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAClF,gBAAgB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EACrF,aAAa,CAAC,EAAE,KAAK,6BAA6B,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAChF,uBAAuB,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,2BAA2B;AAAA;AAAA,EAC1F,wBAAwB,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,2BAA2B;AAAA;AAAA,EAC3F,yBAAyB,CAAC,EAAE,KAAK,0BAA0B,EAAE,KAAK,4BAA4B;AAAA;AAAA,EAC9F,sBAAsB,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,2BAA2B;AAAA;AAAA,EAEzF,cAAc,CAAC,EAAE,OAAO,6BAA6B,EAAE,OAAO,0BAAA,CAA2B;AAAA;AAC7F;"}

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-DfvHt3TJ.js";
-const divider = "divider__38d42179";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+const divider = "divider__30766146";
 const styles = {
   divider,
-  "marginTopSize-4": "marginTopSize-4__c00a6b6a",
-  "marginBottomSize-4": "marginBottomSize-4__4360b72c",
-  "marginTopSize-8": "marginTopSize-8__6702ca84",
-  "marginBottomSize-8": "marginBottomSize-8__95991d28",
-  "marginTopSize-12": "marginTopSize-12__4f7050c9",
-  "marginBottomSize-12": "marginBottomSize-12__81abd0a5",
-  "marginTopSize-16": "marginTopSize-16__5822bdde",
-  "marginBottomSize-16": "marginBottomSize-16__b7e90e61",
-  "marginTopSize-20": "marginTopSize-20__f93c1a22",
-  "marginBottomSize-20": "marginBottomSize-20__a5e7dcfa",
-  "marginTopSize-24": "marginTopSize-24__0a1751d0",
-  "marginBottomSize-24": "marginBottomSize-24__b79d66bf",
-  "marginTopSize-28": "marginTopSize-28__84c36e35",
-  "marginBottomSize-28": "marginBottomSize-28__6034c34e",
-  "marginTopSize-32": "marginTopSize-32__8ee77193",
-  "marginBottomSize-32": "marginBottomSize-32__4f37742c"
+  "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

@@ -6,11 +6,11 @@ import { EFontType, ETextSize } from "../Typography/enums.js";
 import { getCaretPosition, setCaretPosition } from "../../utils/inputUtils.js";
 import { StringUtils } from "../../utils/stringUtils.js";
 import { isKey } from "../../utils/keyboard.js";
-import { c as clsx } from "../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { Link } from "../Link/Link.js";
-const documentNumberEdit = "documentNumberEdit__1694abf2";
-const label = "label__cc87bb03";
-const inputEditWrapper = "inputEditWrapper__ecccede6";
+const documentNumberEdit = "documentNumberEdit__21ab5a1e";
+const label = "label__0ef3912c";
+const inputEditWrapper = "inputEditWrapper__b802588f";
 const styles = {
   documentNumberEdit,
   label,

package/components/Dropdown/desktop/DropdownDesktop.js

@@ -1,16 +1,16 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useState, useRef, useCallback, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { EDropdownDirection, EDropdownAlignment, EDropdownWidth } from "./enums.js";
 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__ba03d342";
-const sm = "sm__4b732b13";
-const md = "md__2921ad8d";
-const lg = "lg__96db7ba3";
-const dropdownDesktopOverflowHidden = "dropdownDesktopOverflowHidden__0419520d";
+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.42.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-DfvHt3TJ.js";
-import { s as styles, D as DropdownListItem } from "../../../chunks/DropdownListItem-DHdXJ6f2.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.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

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor-DfvHt3TJ.js";
+import "../../../chunks/vendor-D4wvHis9.js";
 import "../../../enums/EComponentSize.js";
 import "../../../utils/keyboard.js";
 import "../../Badge/Badge.js";
-import { D } from "../../../chunks/DropdownListItem-DHdXJ6f2.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-DHdXJ6f2.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-DHdXJ6f2.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-CVQO-bnb.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.42.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-DfvHt3TJ.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-CVQO-bnb.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.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

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import { CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
-import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-CVQO-bnb.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.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-DfvHt3TJ.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-CVQO-bnb.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.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-DfvHt3TJ.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-CVQO-bnb.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.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

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { useToken } from "../../ThemeProvider/useToken.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-CVQO-bnb.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-DfvHt3TJ.js";
-const dropdownMobileInput = "dropdownMobileInput__f031adab";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+const dropdownMobileInput = "dropdownMobileInput__80ecf8a0";
 const styles = {
   dropdownMobileInput
 };

package/components/Dropdown/mobile/DropdownMobileList.js

@@ -5,8 +5,8 @@ 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-CVQO-bnb.js";
-import { u as uniqueId } from "../../../chunks/vendor-DfvHt3TJ.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) => {
     const [loaderId] = useState(() => uniqueId());

package/components/Dropdown/mobile/DropdownMobileListItem.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 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-CVQO-bnb.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

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DfvHt3TJ.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 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-CVQO-bnb.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-DZDL8Gw8.js";
 const DropdownMobileLoader = ({ className, ...restProps }) => /* @__PURE__ */ jsx(
   LoaderSmall,
   {

package/components/Dropdown/mobile/DropdownMobileMaskedInput.js

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