@sberbusiness/triplex-next 1.45.0 → 1.47.0

package/components/DateRange/DateRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRange.js","sources":["../../../src/components/DateRange/DateRange.tsx"],"sourcesContent":["import React from \"react\";\nimport moment from \"moment\";\nimport { RangeStrokeSrvIcon16, CaretleftStrokeSrvIcon20, CaretrightStrokeSrvIcon20 } from \"@sberbusiness/icons-next\";\nimport { dateFormatYYYYMMDD } from \"../../consts/DateConst\";\nimport { EDateRangeShiftUnit } from \"./enums\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/DateRange.module.less\";\n\n/** Свойства функции рендеринга кнопки сдвига диапазона дат. */\nexport interface IDateRangeButtonProvideProps {\n    children: React.ReactNode;\n    className: string;\n    onClick: () => void;\n    disabled: boolean;\n}\n\n/** Свойства функции рендеринга поля выбора даты. */\nexport interface IDateRangePickerProvideProps {\n    value: string;\n    onChange: (value: string) => void;\n}\n\n/** Значение компонента DateRange. */\nexport type TDateRangeValue = [string, string];\n\n/** Свойства компонента DateRange. */\nexport interface IDateRangeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"defaultValue\" | \"onChange\"> {\n    /** Диапазон дат. */\n    value: TDateRangeValue;\n    /** Функция, вызывающаяся при изменении диапазона дат. */\n    onChange: (value: TDateRangeValue) => void;\n    /** Численная величина сдвига диапазона дат. */\n    shiftAmount?: number;\n    /** Единица измерения сдвига диапазона дат. */\n    shiftUnit?: EDateRangeShiftUnit;\n    /** Управление отображением/скрытием кнопок сдвига диапазона дат. */\n    hideNavigation?: boolean;\n    /** Функция рендеринга поля выбора даты \"от\". */\n    renderPickerFrom: (props: IDateRangePickerProvideProps) => React.ReactNode;\n    /** Функция рендеринга поля выбора даты \"до\". */\n    renderPickerTo: (props: IDateRangePickerProvideProps) => React.ReactNode;\n    /** Функция рендеринга кнопки сдвига диапазона дат \"назад\". */\n    renderButtonBack: (props: IDateRangeButtonProvideProps) => React.ReactNode;\n    /** Функция рендеринга кнопки сдвига диапазона дат \"вперёд\". */\n    renderButtonForward: (props: IDateRangeButtonProvideProps) => React.ReactNode;\n}\n\n/** Выбор диапазона дат. */\nexport const DateRange: React.FC<IDateRangeProps> = ({\n    children,\n    className,\n    value,\n    onChange,\n    shiftAmount = 1,\n    shiftUnit = EDateRangeShiftUnit.MONTH,\n    hideNavigation,\n    renderPickerFrom,\n    renderPickerTo,\n    renderButtonForward,\n    renderButtonBack,\n    ...rest\n}) => {\n    const [start, end] = value;\n    const classNames = clsx(styles.dateRange, className);\n\n    /** Обработчик изменения значения в поле выбора даты \"от\". */\n    const handleChangePickerFrom = (date: string) => {\n        if (!date || !end || date <= end) {\n            onChange([date, end]);\n        } else {\n            onChange([date, \"\"]);\n        }\n    };\n\n    /** Обработчик изменения значения в поле выбора даты \"до\". */\n    const handleChangePickerTo = (date: string) => {\n        if (!date || !start || date >= start) {\n            onChange([start, date]);\n        } else {\n            onChange([\"\", date]);\n        }\n    };\n\n    /** Функция, смещающая диапазон дат назад. */\n    const shiftRangeBack = () => {\n        if (!start || !end) {\n            return;\n        }\n\n        const momentStart = moment(start, dateFormatYYYYMMDD);\n        const momentEnd = moment(end, dateFormatYYYYMMDD);\n\n        onChange([\n            momentStart.subtract(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),\n            momentEnd.subtract(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),\n        ]);\n    };\n\n    /** Функция, смещающая диапазон дат вперёд. */\n    const shiftRangeForward = () => {\n        if (!start || !end) {\n            return;\n        }\n\n        const momentStart = moment(start, dateFormatYYYYMMDD);\n        const momentEnd = moment(end, dateFormatYYYYMMDD);\n\n        onChange([\n            momentStart.add(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),\n            momentEnd.add(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),\n        ]);\n    };\n\n    return (\n        <div className={classNames} {...rest}>\n            {!hideNavigation &&\n                renderButtonBack({\n                    children: <CaretleftStrokeSrvIcon20 paletteIndex={5} />,\n                    className: clsx(styles.dateRangeButton, { disabled: !(start && end) }),\n                    disabled: !(start && end),\n                    onClick: shiftRangeBack,\n                })}\n            {renderPickerFrom({\n                onChange: handleChangePickerFrom,\n                value: start,\n            })}\n            <RangeStrokeSrvIcon16 className={styles.separator} paletteIndex={5} />\n            {renderPickerTo({\n                onChange: handleChangePickerTo,\n                value: end,\n            })}\n            {!hideNavigation &&\n                renderButtonForward({\n                    children: <CaretrightStrokeSrvIcon20 paletteIndex={5} />,\n                    className: clsx(styles.dateRangeButton, { disabled: !(start && end) }),\n                    disabled: !(start && end),\n                    onClick: shiftRangeForward,\n                })}\n        </div>\n    );\n};\n\nDateRange.displayName = \"DateRange\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAgDO,MAAM,YAAuC,CAAC;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,YAAY,oBAAoB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,CAAC,OAAO,GAAG,IAAI;AACrB,QAAM,aAAa,KAAK,OAAO,WAAW,SAAS;AAGnD,QAAM,yBAAyB,CAAC,SAAiB;AAC7C,QAAI,CAAC,QAAQ,CAAC,OAAO,QAAQ,KAAK;AAC9B,eAAS,CAAC,MAAM,GAAG,CAAC;AAAA,IACxB,OAAO;AACH,eAAS,CAAC,MAAM,EAAE,CAAC;AAAA,IACvB;AAAA,EACJ;AAGA,QAAM,uBAAuB,CAAC,SAAiB;AAC3C,QAAI,CAAC,QAAQ,CAAC,SAAS,QAAQ,OAAO;AAClC,eAAS,CAAC,OAAO,IAAI,CAAC;AAAA,IAC1B,OAAO;AACH,eAAS,CAAC,IAAI,IAAI,CAAC;AAAA,IACvB;AAAA,EACJ;AAGA,QAAM,iBAAiB,MAAM;AACzB,QAAI,CAAC,SAAS,CAAC,KAAK;AAChB;AAAA,IACJ;AAEA,UAAM,cAAc,OAAO,OAAO,kBAAkB;AACpD,UAAM,YAAY,OAAO,KAAK,kBAAkB;AAEhD,aAAS;AAAA,MACL,YAAY,SAAS,aAAa,SAAS,EAAE,OAAO,kBAAkB;AAAA,MACtE,UAAU,SAAS,aAAa,SAAS,EAAE,OAAO,kBAAkB;AAAA,IAAA,CACvE;AAAA,EACL;AAGA,QAAM,oBAAoB,MAAM;AAC5B,QAAI,CAAC,SAAS,CAAC,KAAK;AAChB;AAAA,IACJ;AAEA,UAAM,cAAc,OAAO,OAAO,kBAAkB;AACpD,UAAM,YAAY,OAAO,KAAK,kBAAkB;AAEhD,aAAS;AAAA,MACL,YAAY,IAAI,aAAa,SAAS,EAAE,OAAO,kBAAkB;AAAA,MACjE,UAAU,IAAI,aAAa,SAAS,EAAE,OAAO,kBAAkB;AAAA,IAAA,CAClE;AAAA,EACL;AAEA,SACI,qBAAC,OAAA,EAAI,WAAW,YAAa,GAAG,MAC3B,UAAA;AAAA,IAAA,CAAC,kBACE,iBAAiB;AAAA,MACb,UAAU,oBAAC,0BAAA,EAAyB,cAAc,EAAA,CAAG;AAAA,MACrD,WAAW,KAAK,OAAO,iBAAiB,EAAE,UAAU,EAAE,SAAS,MAAM;AAAA,MACrE,UAAU,EAAE,SAAS;AAAA,MACrB,SAAS;AAAA,IAAA,CACZ;AAAA,IACJ,iBAAiB;AAAA,MACd,UAAU;AAAA,MACV,OAAO;AAAA,IAAA,CACV;AAAA,wBACA,sBAAA,EAAqB,WAAW,OAAO,WAAW,cAAc,GAAG;AAAA,IACnE,eAAe;AAAA,MACZ,UAAU;AAAA,MACV,OAAO;AAAA,IAAA,CACV;AAAA,IACA,CAAC,kBACE,oBAAoB;AAAA,MAChB,UAAU,oBAAC,2BAAA,EAA0B,cAAc,EAAA,CAAG;AAAA,MACtD,WAAW,KAAK,OAAO,iBAAiB,EAAE,UAAU,EAAE,SAAS,MAAM;AAAA,MACrE,UAAU,EAAE,SAAS;AAAA,MACrB,SAAS;AAAA,IAAA,CACZ;AAAA,EAAA,GACT;AAER;AAEA,UAAU,cAAc;"}
+{"version":3,"file":"DateRange.js","sources":["../../../src/components/DateRange/DateRange.tsx"],"sourcesContent":["import React from \"react\";\nimport { RangeStrokeSrvIcon16, CaretleftStrokeSrvIcon20, CaretrightStrokeSrvIcon20 } from \"@sberbusiness/icons-next\";\nimport clsx from \"clsx\";\nimport { EDateRangeShiftUnit } from \"./enums\";\nimport { TDateRangeValue } from \"./types\";\nimport { shiftDateRange } from \"./utils\";\nimport styles from \"./styles/DateRange.module.less\";\n\n/** Свойства функции рендеринга кнопки сдвига диапазона дат. */\nexport interface IDateRangeButtonProvideProps {\n    /** Иконка направления сдвига. */\n    children: React.ReactNode;\n    /** Класс кнопки сдвига. */\n    className: string;\n    /** Обработчик клика, сдвигающий диапазон дат. */\n    onClick: () => void;\n    /** Кнопка недоступна — диапазон дат заполнен не полностью. */\n    disabled: boolean;\n}\n\n/** Свойства функции рендеринга поля выбора даты. */\nexport interface IDateRangePickerProvideProps {\n    /** Дата в формате YYYYMMDD, пустая строка — дата не выбрана. */\n    value: string;\n    /** Обработчик изменения даты. Принимает дату в формате YYYYMMDD. */\n    onChange: (value: string) => void;\n}\n\n/** Свойства компонента DateRange. */\nexport interface IDateRangeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"defaultValue\" | \"onChange\"> {\n    /** Диапазон дат. */\n    value: TDateRangeValue;\n    /** Функция, вызывающаяся при изменении диапазона дат. */\n    onChange: (value: TDateRangeValue) => void;\n    /** Численная величина сдвига диапазона дат. По умолчанию 1. */\n    shiftAmount?: number;\n    /** Единица измерения сдвига диапазона дат. По умолчанию EDateRangeShiftUnit.MONTH. */\n    shiftUnit?: EDateRangeShiftUnit;\n    /** Управление отображением/скрытием кнопок сдвига диапазона дат. По умолчанию false. */\n    hideNavigation?: boolean;\n    /** Функция рендеринга поля выбора даты \"от\". */\n    renderPickerFrom: (props: IDateRangePickerProvideProps) => React.ReactNode;\n    /** Функция рендеринга поля выбора даты \"до\". */\n    renderPickerTo: (props: IDateRangePickerProvideProps) => React.ReactNode;\n    /** Функция рендеринга кнопки сдвига диапазона дат \"назад\". */\n    renderButtonBack: (props: IDateRangeButtonProvideProps) => React.ReactNode;\n    /** Функция рендеринга кнопки сдвига диапазона дат \"вперёд\". */\n    renderButtonForward: (props: IDateRangeButtonProvideProps) => React.ReactNode;\n}\n\n/**\n * Выбор диапазона дат. Рендерит два поля выбора даты и кнопки сдвига диапазона,\n * которые передаются через render-props. Следит за тем, чтобы дата \"от\" не была\n * больше даты \"до\", и сдвигает обе границы диапазона сразу.\n */\nexport const DateRange = React.forwardRef<HTMLDivElement, IDateRangeProps>(\n    (\n        {\n            children,\n            className,\n            value,\n            onChange,\n            shiftAmount = 1,\n            shiftUnit = EDateRangeShiftUnit.MONTH,\n            hideNavigation,\n            renderPickerFrom,\n            renderPickerTo,\n            renderButtonForward,\n            renderButtonBack,\n            ...rest\n        },\n        ref,\n    ) => {\n        const [start, end] = value;\n        const classNames = clsx(styles.dateRange, className);\n        /** Сдвиг возможен только при обеих заполненных границах диапазона. */\n        const shiftDisabled = !(start && end);\n\n        /** Обработчик изменения значения в поле выбора даты \"от\". Сбрасывает дату \"до\", если она оказалась меньше. */\n        const handleChangePickerFrom = (date: string) => {\n            if (!date || !end || date <= end) {\n                onChange([date, end]);\n            } else {\n                onChange([date, \"\"]);\n            }\n        };\n\n        /** Обработчик изменения значения в поле выбора даты \"до\". Сбрасывает дату \"от\", если она оказалась больше. */\n        const handleChangePickerTo = (date: string) => {\n            if (!date || !start || date >= start) {\n                onChange([start, date]);\n            } else {\n                onChange([\"\", date]);\n            }\n        };\n\n        /** Смещает обе границы диапазона на amount единиц. Неполный диапазон не сдвигается. */\n        const shiftRange = (amount: number) => {\n            if (shiftDisabled) {\n                return;\n            }\n\n            onChange(shiftDateRange(value, amount, shiftUnit));\n        };\n\n        return (\n            <div className={classNames} {...rest} ref={ref}>\n                {!hideNavigation &&\n                    renderButtonBack({\n                        children: <CaretleftStrokeSrvIcon20 paletteIndex={5} />,\n                        className: clsx(styles.dateRangeButton, { disabled: shiftDisabled }),\n                        disabled: shiftDisabled,\n                        onClick: () => shiftRange(-shiftAmount),\n                    })}\n                {renderPickerFrom({\n                    onChange: handleChangePickerFrom,\n                    value: start,\n                })}\n                <RangeStrokeSrvIcon16 className={styles.separator} paletteIndex={5} />\n                {renderPickerTo({\n                    onChange: handleChangePickerTo,\n                    value: end,\n                })}\n                {!hideNavigation &&\n                    renderButtonForward({\n                        children: <CaretrightStrokeSrvIcon20 paletteIndex={5} />,\n                        className: clsx(styles.dateRangeButton, { disabled: shiftDisabled }),\n                        disabled: shiftDisabled,\n                        onClick: () => shiftRange(shiftAmount),\n                    })}\n            </div>\n        );\n    },\n);\n\nDateRange.displayName = \"DateRange\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AAuDO,MAAM,YAAYA,eAAM;AAAA,EAC3B,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,YAAY,oBAAoB;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,CAAC,OAAO,GAAG,IAAI;AACrB,UAAM,aAAa,KAAK,OAAO,WAAW,SAAS;AAEnD,UAAM,gBAAgB,EAAE,SAAS;AAGjC,UAAM,yBAAyB,CAAC,SAAiB;AAC7C,UAAI,CAAC,QAAQ,CAAC,OAAO,QAAQ,KAAK;AAC9B,iBAAS,CAAC,MAAM,GAAG,CAAC;AAAA,MACxB,OAAO;AACH,iBAAS,CAAC,MAAM,EAAE,CAAC;AAAA,MACvB;AAAA,IACJ;AAGA,UAAM,uBAAuB,CAAC,SAAiB;AAC3C,UAAI,CAAC,QAAQ,CAAC,SAAS,QAAQ,OAAO;AAClC,iBAAS,CAAC,OAAO,IAAI,CAAC;AAAA,MAC1B,OAAO;AACH,iBAAS,CAAC,IAAI,IAAI,CAAC;AAAA,MACvB;AAAA,IACJ;AAGA,UAAM,aAAa,CAAC,WAAmB;AACnC,UAAI,eAAe;AACf;AAAA,MACJ;AAEA,eAAS,eAAe,OAAO,QAAQ,SAAS,CAAC;AAAA,IACrD;AAEA,gCACK,OAAA,EAAI,WAAW,YAAa,GAAG,MAAM,KACjC,UAAA;AAAA,MAAA,CAAC,kBACE,iBAAiB;AAAA,QACb,UAAU,oBAAC,0BAAA,EAAyB,cAAc,EAAA,CAAG;AAAA,QACrD,WAAW,KAAK,OAAO,iBAAiB,EAAE,UAAU,eAAe;AAAA,QACnE,UAAU;AAAA,QACV,SAAS,MAAM,WAAW,CAAC,WAAW;AAAA,MAAA,CACzC;AAAA,MACJ,iBAAiB;AAAA,QACd,UAAU;AAAA,QACV,OAAO;AAAA,MAAA,CACV;AAAA,0BACA,sBAAA,EAAqB,WAAW,OAAO,WAAW,cAAc,GAAG;AAAA,MACnE,eAAe;AAAA,QACZ,UAAU;AAAA,QACV,OAAO;AAAA,MAAA,CACV;AAAA,MACA,CAAC,kBACE,oBAAoB;AAAA,QAChB,UAAU,oBAAC,2BAAA,EAA0B,cAAc,EAAA,CAAG;AAAA,QACtD,WAAW,KAAK,OAAO,iBAAiB,EAAE,UAAU,eAAe;AAAA,QACnE,UAAU;AAAA,QACV,SAAS,MAAM,WAAW,WAAW;AAAA,MAAA,CACxC;AAAA,IAAA,GACT;AAAA,EAER;AACJ;AAEA,UAAU,cAAc;"}

package/components/DateRange/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/DateRange/types.js.map

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

package/components/DateRange/utils.js

@@ -0,0 +1,8 @@
+import moment from "moment";
+import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
+const shiftDate = (date, amount, unit) => moment(date, dateFormatYYYYMMDD).add(amount, unit).format(dateFormatYYYYMMDD);
+const shiftDateRange = ([start, end], amount, unit) => [shiftDate(start, amount, unit), shiftDate(end, amount, unit)];
+export {
+  shiftDateRange
+};
+//# sourceMappingURL=utils.js.map

package/components/DateRange/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/DateRange/utils.ts"],"sourcesContent":["import moment from \"moment\";\nimport { dateFormatYYYYMMDD } from \"../../consts/DateConst\";\nimport { EDateRangeShiftUnit } from \"./enums\";\nimport { TDateRangeValue } from \"./types\";\n\n/** Сдвигает дату в формате YYYYMMDD на указанную величину. */\nconst shiftDate = (date: string, amount: number, unit: EDateRangeShiftUnit): string =>\n    moment(date, dateFormatYYYYMMDD).add(amount, unit).format(dateFormatYYYYMMDD);\n\n/**\n * Сдвигает обе границы диапазона дат на указанную величину.\n * Положительная величина сдвигает диапазон вперёд, отрицательная — назад.\n * Обе даты ожидаются непустыми, в формате YYYYMMDD.\n */\nexport const shiftDateRange = (\n    [start, end]: TDateRangeValue,\n    amount: number,\n    unit: EDateRangeShiftUnit,\n): TDateRangeValue => [shiftDate(start, amount, unit), shiftDate(end, amount, unit)];\n"],"names":[],"mappings":";;AAMA,MAAM,YAAY,CAAC,MAAc,QAAgB,SAC7C,OAAO,MAAM,kBAAkB,EAAE,IAAI,QAAQ,IAAI,EAAE,OAAO,kBAAkB;AAOzE,MAAM,iBAAiB,CAC1B,CAAC,OAAO,GAAG,GACX,QACA,SACkB,CAAC,UAAU,OAAO,QAAQ,IAAI,GAAG,UAAU,KAAK,QAAQ,IAAI,CAAC;"}

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-D4wvHis9.js";
+import { l as defaultsDeep } from "../../chunks/vendor-CUIykw0y.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.45.0";
+    let tokenVersion = "1.47.0";
     tokenVersion = tokenVersion.replace(/\./g, "-");
     return Object.keys(tokenGroup[tokenGroupTitle]).map(
       (tokenTitle) => `--${tokenPrefix}-${tokenGroupTitle}-${tokenTitle}-${tokenVersion}: ${DesignTokenUtils.getTokenValue(

package/components/DesignTokens/components/Step.js

@@ -25,7 +25,7 @@ const Step_Tokens = {
   // var(--triplex-next-Step-Color_Error)
   Color_Warning: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
   // var(--triplex-next-Step-Color_Warning)
-  Background_Active: [{ ref: "ColorBrand.100" }, { ref: "ColorBrand.20" }],
+  Background_Active: [{ ref: "ColorBrand.95" }, { ref: "ColorBrand.20" }],
   // var(--triplex-next-Step-Background_Active)
   Background_Default: [{ ref: "ColorDarkNeutralAlpha.100" }, { ref: "ColorNeutralAlpha.90" }],
   // var(--triplex-next-Step-Background_Default)

package/components/DesignTokens/components/Step.js.map

@@ -1 +1 @@
-{"version":3,"file":"Step.js","sources":["../../../../src/components/DesignTokens/components/Step.ts"],"sourcesContent":["import { TDesignTokenValue, TDesignTokenValues } from \"../types/DesignTokenTypes\";\n\n// Название токенов компонента Step.\nexport const designTokensComponentsStepKeys = [\n    \"Color_Active\",\n    \"Color_Default\",\n    \"Color_Disabled\",\n    \"Color_Done\",\n    \"Color_Error\",\n    \"Color_Warning\",\n\n    \"Background_Active\",\n    \"Background_Default\",\n    \"Background_Disabled\",\n    \"Background_Done\",\n    \"Background_Error\",\n    \"Background_Warning\",\n] as const;\n// Тип, содержащий названия токенов компонента Step.\nexport type TDesignTokensComponentsStepKeys = (typeof designTokensComponentsStepKeys)[number];\n// Тип, содержащий названия токенов компонента Step и их значения.\nexport type TDesignTokensComponentsStepValue = Record<TDesignTokensComponentsStepKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов компонента Step и их значения в светлой и темной теме.\nexport type TDesignTokensComponentsStepValues = Record<TDesignTokensComponentsStepKeys, TDesignTokenValues>;\n// Тип локальных токенов компонента Step.\nexport type TDesignTokensComponentsStep = { Step: TDesignTokensComponentsStepValue };\n\n// Токены компонента Step в светлой и темной темах.\nexport const Step_Tokens: TDesignTokensComponentsStepValues = {\n    Color_Active: [{ ref: \"ColorBrand.40\" }, { ref: \"ColorBrand.100\" }], // var(--triplex-next-Step-Color_Active)\n    Color_Default: [{ ref: \"ColorDarkNeutralAlpha.40\" }, { ref: \"ColorNeutralAlpha.30\" }], // var(--triplex-next-Step-Color_Default)\n    Color_Disabled: [{ ref: \"ColorNeutral.100\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Step-Color_Disabled)\n    Color_Done: [{ ref: \"ColorNeutral.100\" }, { ref: \"ColorNeutral.100\" }], // var(--triplex-next-Step-Color_Done)\n    Color_Error: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Step-Color_Error)\n    Color_Warning: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Step-Color_Warning)\n\n    Background_Active: [{ ref: \"ColorBrand.100\" }, { ref: \"ColorBrand.20\" }], // var(--triplex-next-Step-Background_Active)\n    Background_Default: [{ ref: \"ColorDarkNeutralAlpha.100\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-Step-Background_Default)\n    Background_Disabled: [{ ref: \"ColorDarkNeutralAlpha.90\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-Step-Background_Disabled)\n    Background_Done: [{ ref: \"ColorBrand.40\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-Step-Background_Done)\n    Background_Error: [{ ref: \"ColorError.40\" }, { ref: \"ColorError.60\" }], // var(--triplex-next-Step-Background_Error)\n    Background_Warning: [{ ref: \"ColorWarning.40\" }, { ref: \"ColorWarning.60\" }], // var(--triplex-next-Step-Background_Warning)\n};\n"],"names":[],"mappings":"AAGO,MAAM,iCAAiC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAWO,MAAM,cAAiD;AAAA,EAC1D,cAAc,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,kBAAkB;AAAA;AAAA,EAClE,eAAe,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EACpF,gBAAgB,CAAC,EAAE,KAAK,sBAAsB,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC7E,YAAY,CAAC,EAAE,KAAK,sBAAsB,EAAE,KAAK,oBAAoB;AAAA;AAAA,EACrE,aAAa,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAC5E,eAAe,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAE9E,mBAAmB,CAAC,EAAE,KAAK,oBAAoB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EACvE,oBAAoB,CAAC,EAAE,KAAK,+BAA+B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC1F,qBAAqB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC1F,iBAAiB,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EACpE,kBAAkB,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EACrE,oBAAoB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,kBAAA,CAAmB;AAAA;AAC/E;"}
+{"version":3,"file":"Step.js","sources":["../../../../src/components/DesignTokens/components/Step.ts"],"sourcesContent":["import { TDesignTokenValue, TDesignTokenValues } from \"../types/DesignTokenTypes\";\n\n// Название токенов компонента Step.\nexport const designTokensComponentsStepKeys = [\n    \"Color_Active\",\n    \"Color_Default\",\n    \"Color_Disabled\",\n    \"Color_Done\",\n    \"Color_Error\",\n    \"Color_Warning\",\n\n    \"Background_Active\",\n    \"Background_Default\",\n    \"Background_Disabled\",\n    \"Background_Done\",\n    \"Background_Error\",\n    \"Background_Warning\",\n] as const;\n// Тип, содержащий названия токенов компонента Step.\nexport type TDesignTokensComponentsStepKeys = (typeof designTokensComponentsStepKeys)[number];\n// Тип, содержащий названия токенов компонента Step и их значения.\nexport type TDesignTokensComponentsStepValue = Record<TDesignTokensComponentsStepKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов компонента Step и их значения в светлой и темной теме.\nexport type TDesignTokensComponentsStepValues = Record<TDesignTokensComponentsStepKeys, TDesignTokenValues>;\n// Тип локальных токенов компонента Step.\nexport type TDesignTokensComponentsStep = { Step: TDesignTokensComponentsStepValue };\n\n// Токены компонента Step в светлой и темной темах.\nexport const Step_Tokens: TDesignTokensComponentsStepValues = {\n    Color_Active: [{ ref: \"ColorBrand.40\" }, { ref: \"ColorBrand.100\" }], // var(--triplex-next-Step-Color_Active)\n    Color_Default: [{ ref: \"ColorDarkNeutralAlpha.40\" }, { ref: \"ColorNeutralAlpha.30\" }], // var(--triplex-next-Step-Color_Default)\n    Color_Disabled: [{ ref: \"ColorNeutral.100\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Step-Color_Disabled)\n    Color_Done: [{ ref: \"ColorNeutral.100\" }, { ref: \"ColorNeutral.100\" }], // var(--triplex-next-Step-Color_Done)\n    Color_Error: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Step-Color_Error)\n    Color_Warning: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Step-Color_Warning)\n\n    Background_Active: [{ ref: \"ColorBrand.95\" }, { ref: \"ColorBrand.20\" }], // var(--triplex-next-Step-Background_Active)\n    Background_Default: [{ ref: \"ColorDarkNeutralAlpha.100\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-Step-Background_Default)\n    Background_Disabled: [{ ref: \"ColorDarkNeutralAlpha.90\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-Step-Background_Disabled)\n    Background_Done: [{ ref: \"ColorBrand.40\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-Step-Background_Done)\n    Background_Error: [{ ref: \"ColorError.40\" }, { ref: \"ColorError.60\" }], // var(--triplex-next-Step-Background_Error)\n    Background_Warning: [{ ref: \"ColorWarning.40\" }, { ref: \"ColorWarning.60\" }], // var(--triplex-next-Step-Background_Warning)\n};\n"],"names":[],"mappings":"AAGO,MAAM,iCAAiC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAWO,MAAM,cAAiD;AAAA,EAC1D,cAAc,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,kBAAkB;AAAA;AAAA,EAClE,eAAe,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EACpF,gBAAgB,CAAC,EAAE,KAAK,sBAAsB,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC7E,YAAY,CAAC,EAAE,KAAK,sBAAsB,EAAE,KAAK,oBAAoB;AAAA;AAAA,EACrE,aAAa,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAC5E,eAAe,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAE9E,mBAAmB,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EACtE,oBAAoB,CAAC,EAAE,KAAK,+BAA+B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC1F,qBAAqB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC1F,iBAAiB,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EACpE,kBAAkB,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EACrE,oBAAoB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,kBAAA,CAAmB;AAAA;AAC/E;"}

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__30c73a16";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+const divider = "divider__88a1734a";
 const styles = {
   divider,
-  "marginTopSize-4": "marginTopSize-4__af6a3201",
-  "marginBottomSize-4": "marginBottomSize-4__ba1a0b49",
-  "marginTopSize-8": "marginTopSize-8__50de98e0",
-  "marginBottomSize-8": "marginBottomSize-8__0eb48ac0",
-  "marginTopSize-12": "marginTopSize-12__b008a4f4",
-  "marginBottomSize-12": "marginBottomSize-12__391a0918",
-  "marginTopSize-16": "marginTopSize-16__631c472a",
-  "marginBottomSize-16": "marginBottomSize-16__d33fa9fc",
-  "marginTopSize-20": "marginTopSize-20__8575b5d9",
-  "marginBottomSize-20": "marginBottomSize-20__e56a7bbb",
-  "marginTopSize-24": "marginTopSize-24__6cad66ce",
-  "marginBottomSize-24": "marginBottomSize-24__562ab30d",
-  "marginTopSize-28": "marginTopSize-28__52a55b85",
-  "marginBottomSize-28": "marginBottomSize-28__8eb3d61c",
-  "marginTopSize-32": "marginTopSize-32__fcf119ee",
-  "marginBottomSize-32": "marginBottomSize-32__07eda181"
+  "marginTopSize-4": "marginTopSize-4__4d2e8c0f",
+  "marginBottomSize-4": "marginBottomSize-4__51333e09",
+  "marginTopSize-8": "marginTopSize-8__73678998",
+  "marginBottomSize-8": "marginBottomSize-8__b2f35a33",
+  "marginTopSize-12": "marginTopSize-12__1e8e36e1",
+  "marginBottomSize-12": "marginBottomSize-12__c76fcb96",
+  "marginTopSize-16": "marginTopSize-16__17ab328d",
+  "marginBottomSize-16": "marginBottomSize-16__de2b6bba",
+  "marginTopSize-20": "marginTopSize-20__3e8eb780",
+  "marginBottomSize-20": "marginBottomSize-20__01d4c359",
+  "marginTopSize-24": "marginTopSize-24__9a96446d",
+  "marginBottomSize-24": "marginBottomSize-24__9dd1db78",
+  "marginTopSize-28": "marginTopSize-28__7f780ec8",
+  "marginBottomSize-28": "marginBottomSize-28__e7778c40",
+  "marginTopSize-32": "marginTopSize-32__2305a701",
+  "marginBottomSize-32": "marginBottomSize-32__152d454a"
 };
 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-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { Link } from "../Link/Link.js";
-const documentNumberEdit = "documentNumberEdit__2dd099dd";
-const label = "label__8ec22f16";
-const inputEditWrapper = "inputEditWrapper__9cc210b7";
+const documentNumberEdit = "documentNumberEdit__543e965b";
+const label = "label__bd42735f";
+const inputEditWrapper = "inputEditWrapper__a346249c";
 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-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.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__b8cf35c2";
-const sm = "sm__774ae3d8";
-const md = "md__984a13f9";
-const lg = "lg__051e94ce";
-const dropdownDesktopOverflowHidden = "dropdownDesktopOverflowHidden__3a3ad220";
+const dropdownDesktop = "dropdownDesktop__8034a3fc";
+const sm = "sm__16258d5d";
+const md = "md__7b97a099";
+const lg = "lg__bb097f90";
+const dropdownDesktopOverflowHidden = "dropdownDesktopOverflowHidden__61224147";
 const styles = {
   dropdownDesktop,
   sm,
@@ -164,7 +164,7 @@ const DropdownDesktop = React__default.forwardRef((props, ref) => {
       className: classNames,
       style: { ...styleState, ...styleProp },
       ...rest,
-      "data-tx": "1.45.0",
+      "data-tx": "1.47.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-kMroiHoh.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles, D as DropdownListItem } from "../../../chunks/DropdownListItem-B9cIx_8A.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-D4wvHis9.js";
+import "../../../chunks/vendor-CUIykw0y.js";
 import "../../../enums/EComponentSize.js";
 import "../../../utils/keyboard.js";
 import "../../Badge/Badge.js";
-import { D } from "../../../chunks/DropdownListItem-kMroiHoh.js";
+import { D } from "../../../chunks/DropdownListItem-B9cIx_8A.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-kMroiHoh.js";
+import { D } from "../../../chunks/DropdownListItem-B9cIx_8A.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-kMroiHoh.js";
+import { D } from "../../chunks/DropdownListItem-B9cIx_8A.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-ljfYoQZP.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-DnkRPsic.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.45.0",
+        "data-tx": "1.47.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-ljfYoQZP.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-DnkRPsic.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-D4wvHis9.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-ljfYoQZP.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-DnkRPsic.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-ljfYoQZP.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-DnkRPsic.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-ljfYoQZP.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-DnkRPsic.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-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { useToken } from "../../ThemeProvider/useToken.js";
-import { s as styles } from "../../../chunks/DropdownMobile.module-ljfYoQZP.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-DnkRPsic.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__6e618c8c";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+const dropdownMobileInput = "dropdownMobileInput__eaa4647a";
 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-ljfYoQZP.js";
-import { u as uniqueId } from "../../../chunks/vendor-D4wvHis9.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-DnkRPsic.js";
+import { u as uniqueId } from "../../../chunks/vendor-CUIykw0y.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-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.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-ljfYoQZP.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-DnkRPsic.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-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.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-ljfYoQZP.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-DnkRPsic.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-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { FormFieldMaskedInput } from "../../FormField/components/FormFieldMaskedInput.js";
-const dropdownMobileMaskedInput = "dropdownMobileMaskedInput__e38a1286";
+const dropdownMobileMaskedInput = "dropdownMobileMaskedInput__4bfa9d76";
 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__0652e382";
-const oneLine = "oneLine__6d289c7e";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+const ellipsisLineClamp = "ellipsisLineClamp__b3dd98ab";
+const oneLine = "oneLine__75272a1f";
 const styles = {
   ellipsisLineClamp,
   oneLine
@@ -16,7 +16,7 @@ const Ellipsis = React__default.forwardRef(
         className: classNames,
         style: { "--ellipsis-line-clamp": maxLines },
         ...rest,
-        "data-tx": "1.45.0",
+        "data-tx": "1.47.0",
         ref,
         children
       }

package/components/EmptyView/EmptyView.js

@@ -1,15 +1,15 @@
 import { EEmptyViewSize } from "./enums.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { Title } from "../Typography/Title.js";
 import { ETextSize, EFontWeightTitle, ETitleSize, EFontType, EFontWeightText } from "../Typography/enums.js";
 import { Text } from "../Typography/Text.js";
 import { Gap } from "../Gap/Gap.js";
-const emptyView = "emptyView__8063c320";
-const container = "container__979813f6";
-const icon = "icon__2397a278";
-const textBlock = "textBlock__21cfae11";
+const emptyView = "emptyView__bac52f91";
+const container = "container__72502f9f";
+const icon = "icon__b884f9ac";
+const textBlock = "textBlock__d7b698cc";
 const styles = {
   emptyView,
   container,

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,7 +1,7 @@
 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__e3dbe34c";
+import { z as Transition, c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+const expandAnimation = "expandAnimation__0e3b0d36";
 const styles = {
   expandAnimation
 };

package/components/FocusTrapExtended/FocusTrapExtended.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useRef } from "react";
-import { j as focusTrapReactExports } from "../../chunks/vendor-D4wvHis9.js";
+import { j as focusTrapReactExports } from "../../chunks/vendor-CUIykw0y.js";
 const FocusTrapExtended = ({
   paused: externalPaused,
   focusTrapOptions,

package/components/Footer/Footer.js

@@ -5,7 +5,7 @@ import "./components/FooterDescriptionControls.js";
 import "./components/FooterDescriptionContent.js";
 const Footer = Object.assign(
   React__default.forwardRef(function Footer2({ children, ...rest }, ref) {
-    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "1.45.0", ref, children });
+    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "1.47.0", ref, children });
   }),
   {
     Description: FooterDescription

package/components/Footer/components/FooterDescription.js

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { FooterDescriptionContent } from "./FooterDescriptionContent.js";
 import { FooterDescriptionControls } from "./FooterDescriptionControls.js";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/Footer.module-DgSEqR3M.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/Footer.module-_S9ZcA7b.js";
 const FooterDescription = Object.assign(
   React__default.forwardRef(function FooterDescription2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.footerDescription, className), ...rest, ref, children });

package/components/Footer/components/FooterDescriptionContent.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/Footer.module-DgSEqR3M.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/Footer.module-_S9ZcA7b.js";
 const FooterDescriptionContent = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.footerDescriptionContent, className), ...rest, ref, children })
 );

package/components/Footer/components/FooterDescriptionControls.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/Footer.module-DgSEqR3M.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/Footer.module-_S9ZcA7b.js";
 const FooterDescriptionControls = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.footerDescriptionControls, className), ...rest, ref, children })
 );

package/components/FormField/FormField.js

@@ -1,26 +1,26 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useState, useMemo } from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { FormFieldContext } from "./FormFieldContext.js";
 import { TARGET_PADDING_X_DEFAULT } from "./consts.js";
 import { EFormFieldStatus } from "./enums.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const formField = "formField__c1bbfc13";
-const sm = "sm__d86d89eb";
-const md = "md__3199cd7c";
-const lg = "lg__03f0167d";
-const active = "active__3c6aa5f4";
-const disabled = "disabled__c6e77d48";
-const error = "error__ae88fd94";
-const warning = "warning__4f75f833";
-const filled = "filled__66672d1f";
+const formField = "formField__b1412565";
+const sm = "sm__ed5d7a26";
+const md = "md__cfe15086";
+const lg = "lg__961e2e6d";
+const active = "active__368ac277";
+const disabled = "disabled__f8e0d3d6";
+const error = "error__eb92581c";
+const warning = "warning__51a38679";
+const filled = "filled__7b607ff6";
 const styles = {
   formField,
   sm,
   md,
   lg,
-  "default": "default__3bf3f8e0",
+  "default": "default__52479ef3",
   active,
   disabled,
   error,
@@ -84,7 +84,7 @@ const FormField = React__default.forwardRef(
           },
           className
         ),
-        "data-tx": "1.45.0",
+        "data-tx": "1.47.0",
         style: { paddingLeft: prefixWidth, paddingRight: postfixWidth, ...style },
         ...htmlDivAttributes,
         ref,

package/components/FormField/FormFieldContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldContext.js","sources":["../../../src/components/FormField/FormFieldContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { EFormFieldStatus } from \"./enums\";\n\n/** Значение контекста поля ввода. Провайдер — компонент FormField. */\nexport interface IFormFieldContext {\n    /** Размер поля. */\n    size: EComponentSize;\n    /** Статус поля. */\n    status: EFormFieldStatus;\n    /** Идентификатор элемента ввода. */\n    targetId: string | undefined;\n    /** Идентификатор лейбла. */\n    labelId: string | undefined;\n    /** Ширина элемента FormFieldPrefix. */\n    prefixWidth: number;\n    /** Ширина элемента FormFieldPostfix. */\n    postfixWidth: number;\n    /** Поле заполнено. */\n    filled: boolean;\n    /** Поле в фокусе. */\n    focused: boolean;\n    /** Поле активно. */\n    active: boolean;\n    /** Установка значения targetId. */\n    setTargetId: React.Dispatch<React.SetStateAction<string | undefined>>;\n    /** Установка значения labelId. */\n    setLabelId: React.Dispatch<React.SetStateAction<string | undefined>>;\n    /** Установка значения postfixWidth. */\n    setPostfixWidth: React.Dispatch<React.SetStateAction<number>>;\n    /** Установка значения prefixWidth. */\n    setPrefixWidth: React.Dispatch<React.SetStateAction<number>>;\n    /** Установка значения filled. */\n    setFilled: React.Dispatch<React.SetStateAction<boolean>>;\n    /** Установка значения focused. */\n    setFocused: React.Dispatch<React.SetStateAction<boolean>>;\n}\n\n/**\n * Значение контекста по умолчанию — используется субкомпонентами, отрендеренными вне FormField.\n * Сеттеры в этом случае являются no-op.\n */\nexport const initialFormFieldContext: IFormFieldContext = {\n    size: EComponentSize.LG,\n    status: EFormFieldStatus.DEFAULT,\n    targetId: undefined,\n    labelId: undefined,\n    postfixWidth: 0,\n    prefixWidth: 0,\n    // Временный фикс для DropdownMobileHeader\n    filled: true,\n    focused: false,\n    active: false,\n    setTargetId: () => {},\n    setLabelId: () => {},\n    setPostfixWidth: () => {},\n    setPrefixWidth: () => {},\n    setFilled: () => {},\n    setFocused: () => {},\n};\n\n/**\n * Контекст поля ввода.\n */\nexport const FormFieldContext = React.createContext<IFormFieldContext>(initialFormFieldContext);\n"],"names":["React"],"mappings":";;;AA0CO,MAAM,0BAA6C;AAAA,EACtD,MAAM,eAAe;AAAA,EACrB,QAAQ,iBAAiB;AAAA,EACzB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,cAAc;AAAA,EACd,aAAa;AAAA;AAAA,EAEb,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,aAAa,MAAM;AAAA,EAAC;AAAA,EACpB,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,iBAAiB,MAAM;AAAA,EAAC;AAAA,EACxB,gBAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,WAAW,MAAM;AAAA,EAAC;AAAA,EAClB,YAAY,MAAM;AAAA,EAAC;AACvB;AAKO,MAAM,mBAAmBA,eAAM,cAAiC,uBAAuB;"}
+{"version":3,"file":"FormFieldContext.js","sources":["../../../src/components/FormField/FormFieldContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { EFormFieldStatus } from \"./enums\";\n\n/** Значение контекста поля ввода. Провайдер — компонент FormField. */\nexport interface IFormFieldContext {\n    /** Размер поля. */\n    size: EComponentSize;\n    /** Статус поля. */\n    status: EFormFieldStatus;\n    /** Идентификатор labelable-элемента ввода. */\n    targetId: string | undefined;\n    /** Идентификатор лейбла. */\n    labelId: string | undefined;\n    /** Ширина элемента FormFieldPrefix. */\n    prefixWidth: number;\n    /** Ширина элемента FormFieldPostfix. */\n    postfixWidth: number;\n    /** Поле заполнено. */\n    filled: boolean;\n    /** Поле в фокусе. */\n    focused: boolean;\n    /** Поле активно. */\n    active: boolean;\n    /** Установка значения targetId. */\n    setTargetId: React.Dispatch<React.SetStateAction<string | undefined>>;\n    /** Установка значения labelId. */\n    setLabelId: React.Dispatch<React.SetStateAction<string | undefined>>;\n    /** Установка значения postfixWidth. */\n    setPostfixWidth: React.Dispatch<React.SetStateAction<number>>;\n    /** Установка значения prefixWidth. */\n    setPrefixWidth: React.Dispatch<React.SetStateAction<number>>;\n    /** Установка значения filled. */\n    setFilled: React.Dispatch<React.SetStateAction<boolean>>;\n    /** Установка значения focused. */\n    setFocused: React.Dispatch<React.SetStateAction<boolean>>;\n}\n\n/**\n * Значение контекста по умолчанию — используется субкомпонентами, отрендеренными вне FormField.\n * Сеттеры в этом случае являются no-op.\n */\nexport const initialFormFieldContext: IFormFieldContext = {\n    size: EComponentSize.LG,\n    status: EFormFieldStatus.DEFAULT,\n    targetId: undefined,\n    labelId: undefined,\n    postfixWidth: 0,\n    prefixWidth: 0,\n    // Временный фикс для DropdownMobileHeader\n    filled: true,\n    focused: false,\n    active: false,\n    setTargetId: () => {},\n    setLabelId: () => {},\n    setPostfixWidth: () => {},\n    setPrefixWidth: () => {},\n    setFilled: () => {},\n    setFocused: () => {},\n};\n\n/**\n * Контекст поля ввода.\n */\nexport const FormFieldContext = React.createContext<IFormFieldContext>(initialFormFieldContext);\n"],"names":["React"],"mappings":";;;AA0CO,MAAM,0BAA6C;AAAA,EACtD,MAAM,eAAe;AAAA,EACrB,QAAQ,iBAAiB;AAAA,EACzB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,cAAc;AAAA,EACd,aAAa;AAAA;AAAA,EAEb,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,aAAa,MAAM;AAAA,EAAC;AAAA,EACpB,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,iBAAiB,MAAM;AAAA,EAAC;AAAA,EACxB,gBAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,WAAW,MAAM;AAAA,EAAC;AAAA,EAClB,YAAY,MAAM;AAAA,EAAC;AACvB;AAKO,MAAM,mBAAmBA,eAAM,cAAiC,uBAAuB;"}

package/components/FormField/components/FormFieldClear.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useCallback } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
-const formFieldClear = "formFieldClear__48da3ad3";
+const formFieldClear = "formFieldClear__95a95887";
 const styles = {
   formFieldClear
 };