@sberbusiness/triplex-next 1.47.0 → 1.49.0

package/components/FormField/FormField.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.js","sources":["../../../src/components/FormField/FormField.tsx"],"sourcesContent":["import React, { useState, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { FormFieldContext, IFormFieldContext } from \"./FormFieldContext\";\nimport { TARGET_PADDING_X_DEFAULT } from \"./consts\";\nimport { EFormFieldStatus } from \"./enums\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { DataAttributes } from \"../../types/CoreTypes\";\nimport { createSizeToClassNameMap } from \"../../utils/classNameMaps\";\nimport styles from \"./styles/FormField.module.less\";\n\n/** Свойства компонента FormField. */\nexport interface IFormFieldProps extends React.HTMLAttributes<HTMLDivElement>, DataAttributes {\n    /** Визуальное состояние поля. Значение DISABLED блокирует вложенные элементы ввода. По умолчанию EFormFieldStatus.DEFAULT. */\n    status?: EFormFieldStatus;\n    /** Размер поля. Прокидывается вложенным элементам через контекст. По умолчанию EComponentSize.LG. */\n    size?: EComponentSize;\n    /** Принудительно активное состояние. Поле также становится активным, когда вложенный элемент ввода в фокусе. По умолчанию false. */\n    active?: boolean;\n}\n\n/** Соответствие статуса имени класса. */\nconst STATUS_TO_CLASS_NAME_MAP = {\n    [EFormFieldStatus.DEFAULT]: styles.default,\n    [EFormFieldStatus.DISABLED]: styles.disabled,\n    [EFormFieldStatus.ERROR]: styles.error,\n    [EFormFieldStatus.WARNING]: styles.warning,\n};\n\n/** Соответствие размера имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/**\n * Элемент, отображающий input/select/textarea + label.\n *\n * Является провайдером FormFieldContext: размер, статус и состояния поля (фокус, заполненность,\n * идентификаторы элемента ввода и лейбла, ширины префикса и постфикса) распространяются\n * на вложенные FormFieldLabel / FormFieldInput / FormFieldTarget и другие субкомпоненты.\n */\nexport const FormField = React.forwardRef<HTMLDivElement, IFormFieldProps>(\n    (\n        {\n            children,\n            className,\n            style,\n            size = EComponentSize.LG,\n            status = EFormFieldStatus.DEFAULT,\n            active = false,\n            ...htmlDivAttributes\n        },\n        ref,\n    ) => {\n        const [targetId, setTargetId] = useState<string>();\n        const [labelId, setLabelId] = useState<string>();\n        const [postfixWidth, setPostfixWidth] = useState(TARGET_PADDING_X_DEFAULT);\n        const [prefixWidth, setPrefixWidth] = useState(TARGET_PADDING_X_DEFAULT);\n        const [filled, setFilled] = useState(false);\n        const [focused, setFocused] = useState(false);\n\n        // Поле активно, если активность задана снаружи или вложенный элемент ввода в фокусе.\n        const isActive = active || focused;\n\n        const contextValue = useMemo<IFormFieldContext>(\n            () => ({\n                size,\n                status,\n                targetId,\n                labelId,\n                postfixWidth,\n                prefixWidth,\n                filled,\n                focused,\n                active: isActive,\n                setTargetId,\n                setLabelId,\n                setPostfixWidth,\n                setPrefixWidth,\n                setFilled,\n                setFocused,\n            }),\n            [size, status, targetId, labelId, postfixWidth, prefixWidth, filled, focused, isActive],\n        );\n\n        return (\n            <FormFieldContext.Provider value={contextValue}>\n                <div\n                    className={clsx(\n                        styles.formField,\n                        SIZE_TO_CLASS_NAME_MAP[size],\n                        STATUS_TO_CLASS_NAME_MAP[status],\n                        {\n                            [styles.filled]: filled,\n                            [styles.active]: isActive,\n                        },\n                        className,\n                    )}\n                    data-tx={process.env.npm_package_version}\n                    style={{ paddingLeft: prefixWidth, paddingRight: postfixWidth, ...style }}\n                    {...htmlDivAttributes}\n                    ref={ref}\n                >\n                    {children}\n                </div>\n            </FormFieldContext.Provider>\n        );\n    },\n);\n\nFormField.displayName = \"FormField\";\n"],"names":["React","active","filled"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,2BAA2B;AAAA,EAC7B,CAAC,iBAAiB,OAAO,GAAG,OAAO;AAAA,EACnC,CAAC,iBAAiB,QAAQ,GAAG,OAAO;AAAA,EACpC,CAAC,iBAAiB,KAAK,GAAG,OAAO;AAAA,EACjC,CAAC,iBAAiB,OAAO,GAAG,OAAO;AACvC;AAGA,MAAM,yBAAyB,yBAAyB,MAAM;AASvD,MAAM,YAAYA,eAAM;AAAA,EAC3B,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,eAAe;AAAA,IACtB,SAAS,iBAAiB;AAAA,IAC1B,QAAAC,UAAS;AAAA,IACT,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,CAAC,UAAU,WAAW,IAAI,SAAA;AAChC,UAAM,CAAC,SAAS,UAAU,IAAI,SAAA;AAC9B,UAAM,CAAC,cAAc,eAAe,IAAI,SAAS,wBAAwB;AACzE,UAAM,CAAC,aAAa,cAAc,IAAI,SAAS,wBAAwB;AACvE,UAAM,CAACC,SAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,UAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAG5C,UAAM,WAAWD,WAAU;AAE3B,UAAM,eAAe;AAAA,MACjB,OAAO;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAAC;AAAA,QACA;AAAA,QACA,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEJ,CAAC,MAAM,QAAQ,UAAU,SAAS,cAAc,aAAaA,SAAQ,SAAS,QAAQ;AAAA,IAAA;AAG1F,+BACK,iBAAiB,UAAjB,EAA0B,OAAO,cAC9B,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,UACP,OAAO;AAAA,UACP,uBAAuB,IAAI;AAAA,UAC3B,yBAAyB,MAAM;AAAA,UAC/B;AAAA,YACI,CAAC,OAAO,MAAM,GAAGA;AAAA,YACjB,CAAC,OAAO,MAAM,GAAG;AAAA,UAAA;AAAA,UAErB;AAAA,QAAA;AAAA,QAEJ,WAAS;AAAA,QACT,OAAO,EAAE,aAAa,aAAa,cAAc,cAAc,GAAG,MAAA;AAAA,QACjE,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,EAER;AACJ;AAEA,UAAU,cAAc;"}
+{"version":3,"file":"FormField.js","sources":["../../../src/components/FormField/FormField.tsx"],"sourcesContent":["import React, { useState, useMemo, useLayoutEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { FormFieldContext, IFormFieldContext } from \"./FormFieldContext\";\nimport { TARGET_PADDING_X_DEFAULT } from \"./consts\";\nimport { EFormFieldStatus } from \"./enums\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { DataAttributes } from \"../../types/CoreTypes\";\nimport { createSizeToClassNameMap } from \"../../utils/classNameMaps\";\nimport styles from \"./styles/FormField.module.less\";\n\n/** Свойства компонента FormField. */\nexport interface IFormFieldProps extends React.HTMLAttributes<HTMLDivElement>, DataAttributes {\n    /** Визуальное состояние поля. Значение DISABLED блокирует вложенные элементы ввода. По умолчанию EFormFieldStatus.DEFAULT. */\n    status?: EFormFieldStatus;\n    /** Размер поля. Прокидывается вложенным элементам через контекст. По умолчанию EComponentSize.LG. */\n    size?: EComponentSize;\n    /** Принудительно активное состояние. Поле также становится активным, когда вложенный элемент ввода в фокусе. По умолчанию false. */\n    active?: boolean;\n}\n\n/** Соответствие статуса имени класса. */\nconst STATUS_TO_CLASS_NAME_MAP = {\n    [EFormFieldStatus.DEFAULT]: styles.default,\n    [EFormFieldStatus.DISABLED]: styles.disabled,\n    [EFormFieldStatus.ERROR]: styles.error,\n    [EFormFieldStatus.WARNING]: styles.warning,\n};\n\n/** Соответствие размера имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/**\n * Элемент, отображающий input/select/textarea + label.\n *\n * Является провайдером FormFieldContext: размер, статус и состояния поля (фокус, заполненность,\n * идентификаторы элемента ввода и лейбла, ширины префикса и постфикса) распространяются\n * на вложенные FormFieldLabel / FormFieldInput / FormFieldTarget и другие субкомпоненты.\n */\nexport const FormField = React.forwardRef<HTMLDivElement, IFormFieldProps>(\n    (\n        {\n            children,\n            className,\n            style,\n            size = EComponentSize.LG,\n            status = EFormFieldStatus.DEFAULT,\n            active = false,\n            ...htmlDivAttributes\n        },\n        ref,\n    ) => {\n        const [targetId, setTargetId] = useState<string>();\n        const [labelId, setLabelId] = useState<string>();\n        const [postfixWidth, setPostfixWidth] = useState(TARGET_PADDING_X_DEFAULT);\n        const [prefixWidth, setPrefixWidth] = useState(TARGET_PADDING_X_DEFAULT);\n        const [filled, setFilled] = useState(false);\n        const [focused, setFocused] = useState(false);\n\n        useLayoutEffect(() => {\n            if (status === EFormFieldStatus.DISABLED) {\n                setFocused(false);\n            }\n        }, [status]);\n\n        // Поле активно, если активность задана снаружи или вложенный элемент ввода в фокусе.\n        const isActive = active || focused;\n\n        const contextValue = useMemo<IFormFieldContext>(\n            () => ({\n                size,\n                status,\n                targetId,\n                labelId,\n                postfixWidth,\n                prefixWidth,\n                filled,\n                focused,\n                active: isActive,\n                setTargetId,\n                setLabelId,\n                setPostfixWidth,\n                setPrefixWidth,\n                setFilled,\n                setFocused,\n            }),\n            [size, status, targetId, labelId, postfixWidth, prefixWidth, filled, focused, isActive],\n        );\n\n        return (\n            <FormFieldContext.Provider value={contextValue}>\n                <div\n                    className={clsx(\n                        styles.formField,\n                        SIZE_TO_CLASS_NAME_MAP[size],\n                        STATUS_TO_CLASS_NAME_MAP[status],\n                        {\n                            [styles.filled]: filled,\n                            [styles.active]: isActive,\n                        },\n                        className,\n                    )}\n                    data-tx={process.env.npm_package_version}\n                    style={{ paddingLeft: prefixWidth, paddingRight: postfixWidth, ...style }}\n                    {...htmlDivAttributes}\n                    ref={ref}\n                >\n                    {children}\n                </div>\n            </FormFieldContext.Provider>\n        );\n    },\n);\n\nFormField.displayName = \"FormField\";\n"],"names":["React","active","filled"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,2BAA2B;AAAA,EAC7B,CAAC,iBAAiB,OAAO,GAAG,OAAO;AAAA,EACnC,CAAC,iBAAiB,QAAQ,GAAG,OAAO;AAAA,EACpC,CAAC,iBAAiB,KAAK,GAAG,OAAO;AAAA,EACjC,CAAC,iBAAiB,OAAO,GAAG,OAAO;AACvC;AAGA,MAAM,yBAAyB,yBAAyB,MAAM;AASvD,MAAM,YAAYA,eAAM;AAAA,EAC3B,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,eAAe;AAAA,IACtB,SAAS,iBAAiB;AAAA,IAC1B,QAAAC,UAAS;AAAA,IACT,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,CAAC,UAAU,WAAW,IAAI,SAAA;AAChC,UAAM,CAAC,SAAS,UAAU,IAAI,SAAA;AAC9B,UAAM,CAAC,cAAc,eAAe,IAAI,SAAS,wBAAwB;AACzE,UAAM,CAAC,aAAa,cAAc,IAAI,SAAS,wBAAwB;AACvE,UAAM,CAACC,SAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,UAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,oBAAgB,MAAM;AAClB,UAAI,WAAW,iBAAiB,UAAU;AACtC,mBAAW,KAAK;AAAA,MACpB;AAAA,IACJ,GAAG,CAAC,MAAM,CAAC;AAGX,UAAM,WAAWD,WAAU;AAE3B,UAAM,eAAe;AAAA,MACjB,OAAO;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAAC;AAAA,QACA;AAAA,QACA,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEJ,CAAC,MAAM,QAAQ,UAAU,SAAS,cAAc,aAAaA,SAAQ,SAAS,QAAQ;AAAA,IAAA;AAG1F,+BACK,iBAAiB,UAAjB,EAA0B,OAAO,cAC9B,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,UACP,OAAO;AAAA,UACP,uBAAuB,IAAI;AAAA,UAC3B,yBAAyB,MAAM;AAAA,UAC/B;AAAA,YACI,CAAC,OAAO,MAAM,GAAGA;AAAA,YACjB,CAAC,OAAO,MAAM,GAAG;AAAA,UAAA;AAAA,UAErB;AAAA,QAAA;AAAA,QAEJ,WAAS;AAAA,QACT,OAAO,EAAE,aAAa,aAAa,cAAc,cAAc,GAAG,MAAA;AAAA,QACjE,GAAG;AAAA,QACJ;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,EAER;AACJ;AAEA,UAAU,cAAc;"}

package/components/FormField/components/FormFieldClear.js

@@ -3,7 +3,7 @@ import React__default, { useCallback } from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
-const formFieldClear = "formFieldClear__95a95887";
+const formFieldClear = "formFieldClear__de646169";
 const styles = {
   formFieldClear
 };

package/components/FormField/components/FormFieldCounter.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useContext, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { FormFieldDescriptionContext } from "../FormFieldDescriptionContext.js";
-const formFieldCounter = "formFieldCounter__b525fa05";
+const formFieldCounter = "formFieldCounter__30d1eee6";
 const styles = {
   formFieldCounter
 };

package/components/FormField/components/FormFieldDescription.js

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import { useState, useMemo } from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { FormFieldDescriptionContext } from "../FormFieldDescriptionContext.js";
-const formFieldDescription = "formFieldDescription__c4cf61b6";
-const withCounter = "withCounter__e83a4305";
+const formFieldDescription = "formFieldDescription__0be08782";
+const withCounter = "withCounter__93138a22";
 const styles = {
   formFieldDescription,
   withCounter

package/components/FormField/components/FormFieldInput.js

@@ -5,10 +5,10 @@ import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { isFilled } from "./utils.js";
-const formFieldInput = "formFieldInput__95e739e8";
-const sm = "sm__ed5d7a26";
-const md = "md__cfe15086";
-const lg = "lg__961e2e6d";
+const formFieldInput = "formFieldInput__8ee69cbb";
+const sm = "sm__274fa377";
+const md = "md__85a8070c";
+const lg = "lg__37188d24";
 const styles = {
   formFieldInput,
   sm,

package/components/FormField/components/FormFieldLabel.js

@@ -5,13 +5,13 @@ import { FormFieldContext } from "../FormFieldContext.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { EFormFieldStatus } from "../enums.js";
 import { TARGET_PADDING_X_DEFAULT } from "../consts.js";
-const formFieldLabel = "formFieldLabel__de853f80";
-const sm = "sm__ed5d7a26";
-const md = "md__cfe15086";
-const lg = "lg__961e2e6d";
-const floating = "floating__c19f75dd";
-const formFieldLabelText = "formFieldLabelText__232ec83b";
-const disabled = "disabled__f8e0d3d6";
+const formFieldLabel = "formFieldLabel__9e4b32a1";
+const sm = "sm__274fa377";
+const md = "md__85a8070c";
+const lg = "lg__37188d24";
+const floating = "floating__01935af8";
+const formFieldLabelText = "formFieldLabelText__3771d82e";
+const disabled = "disabled__6824f26b";
 const styles = {
   formFieldLabel,
   sm,

package/components/FormField/components/FormFieldMaskedInput.js

@@ -6,14 +6,14 @@ import { FormFieldInput } from "./FormFieldInput.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const formFieldMaskedInputWrapper = "formFieldMaskedInputWrapper__d00c14c2";
-const maskLayout = "maskLayout__e7eb33dc";
-const sm = "sm__ed5d7a26";
-const md = "md__cfe15086";
-const lg = "lg__961e2e6d";
-const valueMirror = "valueMirror__44af0393";
-const placeholderMask = "placeholderMask__1b312d0f";
-const disabled = "disabled__f8e0d3d6";
+const formFieldMaskedInputWrapper = "formFieldMaskedInputWrapper__4b7f7e81";
+const maskLayout = "maskLayout__f12c5a0b";
+const sm = "sm__274fa377";
+const md = "md__85a8070c";
+const lg = "lg__37188d24";
+const valueMirror = "valueMirror__ed30ff1d";
+const placeholderMask = "placeholderMask__ec9722a7";
+const disabled = "disabled__6824f26b";
 const styles = {
   formFieldMaskedInputWrapper,
   maskLayout,

package/components/FormField/components/FormFieldPostfix.js

@@ -3,7 +3,7 @@ import React__default, { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { useFormFieldAffixWidth } from "./useFormFieldAffixWidth.js";
-const formFieldPostfix = "formFieldPostfix__b353b7c0";
+const formFieldPostfix = "formFieldPostfix__1478368d";
 const styles = {
   formFieldPostfix
 };

package/components/FormField/components/FormFieldPrefix.js

@@ -3,7 +3,7 @@ import React__default, { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { useFormFieldAffixWidth } from "./useFormFieldAffixWidth.js";
-const formFieldPrefix = "formFieldPrefix__2ff27310";
+const formFieldPrefix = "formFieldPrefix__be0ede07";
 const styles = {
   formFieldPrefix
 };

package/components/FormField/components/FormFieldTarget.js

@@ -4,14 +4,14 @@ import { u as uniqueId, c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const formFieldTarget = "formFieldTarget__6bdcb964";
-const sm = "sm__ed5d7a26";
-const md = "md__cfe15086";
-const lg = "lg__961e2e6d";
-const placeholder = "placeholder__0327b36b";
-const disabled = "disabled__f8e0d3d6";
-const placeholderWrapper = "placeholderWrapper__b88c409b";
-const active = "active__368ac277";
+const formFieldTarget = "formFieldTarget__761407a6";
+const sm = "sm__274fa377";
+const md = "md__85a8070c";
+const lg = "lg__37188d24";
+const placeholder = "placeholder__9b96c44f";
+const disabled = "disabled__6824f26b";
+const placeholderWrapper = "placeholderWrapper__19e7bd25";
+const active = "active__8060f5fb";
 const styles = {
   formFieldTarget,
   sm,

package/components/FormField/components/FormFieldTextarea.js

@@ -5,10 +5,10 @@ import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { isFilled } from "./utils.js";
-const formFieldTextarea = "formFieldTextarea__993b6527";
-const sm = "sm__ed5d7a26";
-const md = "md__cfe15086";
-const lg = "lg__961e2e6d";
+const formFieldTextarea = "formFieldTextarea__c6e5e887";
+const sm = "sm__274fa377";
+const md = "md__85a8070c";
+const lg = "lg__37188d24";
 const styles = {
   formFieldTextarea,
   sm,

package/components/Gap/Gap.js

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import React__default from "react";
-const size4 = "size4__db61c786";
-const size8 = "size8__31ff1c14";
-const size12 = "size12__d3e9b415";
-const size16 = "size16__5fdac6ad";
-const size24 = "size24__8e3c59e5";
-const size32 = "size32__4c8944c3";
-const size64 = "size64__44c1de4c";
-const size128 = "size128__04e0692a";
+const size4 = "size4__c7401ca5";
+const size8 = "size8__04b44876";
+const size12 = "size12__c724a36f";
+const size16 = "size16__d68d032e";
+const size24 = "size24__38db3fd2";
+const size32 = "size32__3bbdbff7";
+const size64 = "size64__c59d3976";
+const size128 = "size128__7f39015b";
 const styles = {
   size4,
   size8,

package/components/Header/Header.js

@@ -12,7 +12,7 @@ import "./components/HeaderTitle/HeaderTitleContent.js";
 import "./components/HeaderTitle/HeaderTitleControls.js";
 const Header = Object.assign(
   React__default.forwardRef(function Header2({ children, ...rest }, ref) {
-    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "1.47.0", ref, children });
+    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "1.49.0", ref, children });
   }),
   {
     LayoutSidebar: HeaderLayoutSidebar,

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js

@@ -3,7 +3,7 @@ import React__default from "react";
 import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
 import { HeaderLayoutSidebarContent } from "./HeaderLayoutSidebarContent.js";
 import { HeaderLayoutSidebarSidebar } from "./HeaderLayoutSidebarSidebar.js";
-import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-CNgPkokh.js";
+import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-V6yWQ4X0.js";
 const HeaderLayoutSidebar = Object.assign(
   React__default.forwardRef(function HeaderLayoutSidebar2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.headerLayoutSidebar, className), ...rest, ref, children });

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-CNgPkokh.js";
+import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-V6yWQ4X0.js";
 const HeaderLayoutSidebarContent = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.headerLayoutSidebarContent, className), ...rest, ref, children })
 );

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-CNgPkokh.js";
+import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-V6yWQ4X0.js";
 const HeaderLayoutSidebarSidebar = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.headerLayoutSidebarSidebar, className), ...rest, ref, children })
 );

package/components/Header/components/HeaderSubheader/HeaderSubheader.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
-const headerSubheader = "headerSubheader__8249b149";
-const withoutPaddings = "withoutPaddings__5b00ff40";
+const headerSubheader = "headerSubheader__7d0aef5d";
+const withoutPaddings = "withoutPaddings__f5943736";
 const styles = {
   headerSubheader,
   withoutPaddings

package/components/Header/components/HeaderTabs/HeaderTabs.js

@@ -3,7 +3,7 @@ import React__default from "react";
 import { HeaderTabsContent } from "./HeaderTabsContent.js";
 import { HeaderTabsControls } from "./HeaderTabsControls.js";
 import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../../chunks/HeaderTabs.module-2XAHGidd.js";
+import { s as styles } from "../../../../chunks/HeaderTabs.module-KwAtASTq.js";
 const HeaderTabs = Object.assign(
   React__default.forwardRef(function HeaderTabs2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.headerTabs, className), ...rest, ref, children });

package/components/Header/components/HeaderTabs/HeaderTabsContent.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../../chunks/HeaderTabs.module-2XAHGidd.js";
+import { s as styles } from "../../../../chunks/HeaderTabs.module-KwAtASTq.js";
 const HeaderTabsContent = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.headerTabsContent, className), ...rest, ref, children })
 );

package/components/Header/components/HeaderTabs/HeaderTabsControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../../chunks/HeaderTabs.module-2XAHGidd.js";
+import { s as styles } from "../../../../chunks/HeaderTabs.module-KwAtASTq.js";
 const HeaderTabsControls = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.headerTabsControls, className), ...rest, ref, children })
 );

package/components/Header/components/HeaderTitle/HeaderTitle.js

@@ -3,7 +3,7 @@ import React__default from "react";
 import { HeaderTitleContent } from "./HeaderTitleContent.js";
 import { HeaderTitleControls } from "./HeaderTitleControls.js";
 import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../../chunks/HeaderTitle.module-CFABp2sW.js";
+import { s as styles } from "../../../../chunks/HeaderTitle.module-Cq7fYnDA.js";
 const HeaderTitle = Object.assign(
   React__default.forwardRef(function HeaderTitle2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.headerTitle, className), ...rest, ref, children });

package/components/Header/components/HeaderTitle/HeaderTitleContent.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../../chunks/HeaderTitle.module-CFABp2sW.js";
+import { s as styles } from "../../../../chunks/HeaderTitle.module-Cq7fYnDA.js";
 const HeaderTitleContent = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx(
     "div",

package/components/Header/components/HeaderTitle/HeaderTitleControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../../chunks/HeaderTitle.module-CFABp2sW.js";
+import { s as styles } from "../../../../chunks/HeaderTitle.module-Cq7fYnDA.js";
 const HeaderTitleControls = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx(
     "div",

package/components/HelpBox/HelpBox.js

@@ -8,7 +8,7 @@ import { Tooltip } from "../Tooltip/Tooltip.js";
 import { MobileView } from "../MobileView/MobileView.js";
 import { getDataHTMLAttributes } from "../../utils/html/DataAttributes.js";
 import { getAriaHTMLAttributes } from "../../utils/html/AriaAttributes.js";
-const helpBoxButton = "helpBoxButton__7e4f57bf";
+const helpBoxButton = "helpBoxButton__ca12585c";
 const styles = {
   helpBoxButton
 };

package/components/IconWrapper/IconWrapper.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-const disableInteraction = "disableInteraction__9012f444";
-const displayContents = "displayContents__98d4565d";
+const disableInteraction = "disableInteraction__79ba3362";
+const displayContents = "displayContents__8b9f1886";
 const styles = {
   disableInteraction,
   displayContents

package/components/ImageGallery/ImageGallery.js

@@ -8,7 +8,7 @@ import "../ImageGalleryExtended/components/ImageGalleryExtendedMain.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedNav.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedArrow.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js";
-import "../../chunks/ImageGalleryExtendedThumb-Bm2vFDwB.js";
+import "../../chunks/ImageGalleryExtendedThumb-BB4cbfun.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedDots.js";
 import { EImageGalleryArrowDirection } from "../ImageGalleryExtended/enums.js";
 const ImageGallery = React__default.forwardRef(

package/components/ImageGalleryExtended/ImageGalleryExtended.js

@@ -7,10 +7,10 @@ import { ImageGalleryExtendedMain } from "./components/ImageGalleryExtendedMain.
 import { ImageGalleryExtendedNav } from "./components/ImageGalleryExtendedNav.js";
 import { ImageGalleryExtendedArrow } from "./components/ImageGalleryExtendedArrow.js";
 import { ImageGalleryExtendedThumbnails } from "./components/ImageGalleryExtendedThumbnails.js";
-import { I as ImageGalleryExtendedThumb } from "../../chunks/ImageGalleryExtendedThumb-Bm2vFDwB.js";
+import { I as ImageGalleryExtendedThumb } from "../../chunks/ImageGalleryExtendedThumb-BB4cbfun.js";
 import { ImageGalleryExtendedDots } from "./components/ImageGalleryExtendedDots.js";
 import "./enums.js";
-const root = "root__96497f2f";
+const root = "root__b6655b2d";
 const styles = {
   root
 };

package/components/ImageGalleryExtended/components/ImageGalleryExtendedArrow.js

@@ -3,7 +3,7 @@ import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { CaretleftStrokeSrvIcon24, CaretrightStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { EImageGalleryArrowDirection } from "../enums.js";
-import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-DfFkrw4n.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-bLur4aem.js";
 const DIRECTION_CLASS = {
   [EImageGalleryArrowDirection.PREV]: styles.prev,
   [EImageGalleryArrowDirection.NEXT]: styles.next

package/components/ImageGalleryExtended/components/ImageGalleryExtendedDots.js

@@ -2,9 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
-const dots = "dots__ca8902f0";
-const dot = "dot__37209169";
-const active = "active__d6aeb38b";
+const dots = "dots__f1b37b2f";
+const dot = "dot__640e9f69";
+const active = "active__8d7c596c";
 const styles = {
   dots,
   dot,

package/components/ImageGalleryExtended/components/ImageGalleryExtendedMain.js

@@ -6,7 +6,7 @@ import "../../MobileView/useMobileView.js";
 import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
 import { ImageGalleryExtendedSlide } from "./ImageGalleryExtendedSlide.js";
 import { ImageGalleryExtendedSwipeTrack } from "./ImageGalleryExtendedSwipeTrack.js";
-import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-DfFkrw4n.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-bLur4aem.js";
 const ImageGalleryExtendedMain = React__default.forwardRef(
   ({ height = "auto", withBlur = false, onImageClick, className, children, style, ...rest }, ref) => {
     const { items, selectedIndex } = useContext(ImageGalleryExtendedContext);

package/components/ImageGalleryExtended/components/ImageGalleryExtendedSlide.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-DfFkrw4n.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-bLur4aem.js";
 const ImageGalleryExtendedSlide = ({ item, withBlur, onClick }) => /* @__PURE__ */ jsxs("div", { className: styles.slide, children: [
   withBlur && /* @__PURE__ */ jsx("img", { src: item.src, alt: "", className: styles.blur, "aria-hidden": "true" }),
   onClick ? /* @__PURE__ */ jsx("button", { type: "button", className: styles.imageButton, onClick, children: /* @__PURE__ */ jsx(

package/components/ImageGalleryExtended/components/ImageGalleryExtendedSwipeTrack.js

@@ -3,7 +3,7 @@ import { useContext, useState, useRef, useCallback } from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
 import { ImageGalleryExtendedSlide } from "./ImageGalleryExtendedSlide.js";
-import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-DfFkrw4n.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-bLur4aem.js";
 const SWIPE_MIN_DISTANCE = 50;
 const DIRECTION_LOCK_PX = 8;
 const EDGE_RESISTANCE = 0.35;

package/components/ImageGalleryExtended/components/ImageGalleryExtendedThumb.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../chunks/vendor-CUIykw0y.js";
-import { I } from "../../../chunks/ImageGalleryExtendedThumb-Bm2vFDwB.js";
+import { I } from "../../../chunks/ImageGalleryExtendedThumb-BB4cbfun.js";
 export {
   I as ImageGalleryExtendedThumb
 };

package/components/ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { isKey } from "../../../utils/keyboard.js";
 import { scrollSmoothHorizontally } from "../../../utils/scroll.js";
 import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
-import { s as styles, I as ImageGalleryExtendedThumb } from "../../../chunks/ImageGalleryExtendedThumb-Bm2vFDwB.js";
+import { s as styles, I as ImageGalleryExtendedThumb } from "../../../chunks/ImageGalleryExtendedThumb-BB4cbfun.js";
 const renderDefaultThumb = ({ item, isActive, ariaLabel, onSelect, ref }) => /* @__PURE__ */ jsx(ImageGalleryExtendedThumb, { ref, item, isActive, "aria-label": ariaLabel, onClick: onSelect });
 const ImageGalleryExtendedThumbnails = React__default.forwardRef(
   ({ className, children, onKeyDown, ...rest }, ref) => {

package/components/ImageGalleryExtended/components/index.js

@@ -2,7 +2,7 @@ import { ImageGalleryExtendedMain } from "./ImageGalleryExtendedMain.js";
 import { ImageGalleryExtendedNav } from "./ImageGalleryExtendedNav.js";
 import { ImageGalleryExtendedArrow } from "./ImageGalleryExtendedArrow.js";
 import { ImageGalleryExtendedThumbnails } from "./ImageGalleryExtendedThumbnails.js";
-import { I } from "../../../chunks/ImageGalleryExtendedThumb-Bm2vFDwB.js";
+import { I } from "../../../chunks/ImageGalleryExtendedThumb-BB4cbfun.js";
 import { ImageGalleryExtendedDots } from "./ImageGalleryExtendedDots.js";
 export {
   ImageGalleryExtendedArrow,

package/components/ImageGalleryExtended/index.js

@@ -4,7 +4,7 @@ import { ImageGalleryExtendedMain } from "./components/ImageGalleryExtendedMain.
 import { ImageGalleryExtendedNav } from "./components/ImageGalleryExtendedNav.js";
 import { ImageGalleryExtendedArrow } from "./components/ImageGalleryExtendedArrow.js";
 import { ImageGalleryExtendedThumbnails } from "./components/ImageGalleryExtendedThumbnails.js";
-import { I } from "../../chunks/ImageGalleryExtendedThumb-Bm2vFDwB.js";
+import { I } from "../../chunks/ImageGalleryExtendedThumb-BB4cbfun.js";
 import { ImageGalleryExtendedDots } from "./components/ImageGalleryExtendedDots.js";
 import { EImageGalleryArrowDirection } from "./enums.js";
 export {

package/components/Island/Island.js

@@ -5,7 +5,7 @@ import { EIslandType } from "./enums.js";
 import { IslandBody } from "./components/IslandBody.js";
 import { IslandHeader } from "./components/IslandHeader.js";
 import { IslandFooter } from "./components/IslandFooter.js";
-import { s as styles, m as mapTypeToClassName } from "../../chunks/utils-CvDoNsRH.js";
+import { s as styles, m as mapTypeToClassName } from "../../chunks/utils-DH86uLgm.js";
 import { LoaderScreen } from "../LoaderScreen/LoaderScreen.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";

package/components/Island/components/IslandBody.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const islandBody = "islandBody__2808f919";
+const islandBody = "islandBody__6fb48d0c";
 const styles = {
   islandBody
 };

package/components/Island/components/IslandFooter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const islandFooter = "islandFooter__ebea4931";
+const islandFooter = "islandFooter__82d6bea7";
 const styles = {
   islandFooter
 };

package/components/Island/components/IslandHeader.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const islandHeader = "islandHeader__6d9331f8";
+const islandHeader = "islandHeader__7d90b3c1";
 const styles = {
   islandHeader
 };

package/components/Island/utils.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { m } from "../../chunks/utils-CvDoNsRH.js";
+import { m } from "../../chunks/utils-DH86uLgm.js";
 export {
   m as mapTypeToClassName
 };

package/components/IslandAccordion/IslandAccordion.js

@@ -9,14 +9,14 @@ import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../chunks/IslandAccordion.module-CARpAvhk.js";
+import { s as styles } from "../../chunks/IslandAccordion.module-DHEvI-Fo.js";
 import "./components/IslandAccordionContent.js";
 import "./components/IslandAccordionFooter.js";
 const IslandAccordion = Object.assign(
   React__default.forwardRef(
     ({ className, children, size = EComponentSize.MD, type = EIslandType.TYPE_1, ...rest }, ref) => {
       const classNames = clsx(className, styles.islandAccordion);
-      return /* @__PURE__ */ jsx(IslandAccordionContext.Provider, { value: { size, type }, children: /* @__PURE__ */ jsx("ul", { ...rest, className: classNames, "data-tx": "1.47.0", ref, children }) });
+      return /* @__PURE__ */ jsx(IslandAccordionContext.Provider, { value: { size, type }, children: /* @__PURE__ */ jsx("ul", { ...rest, className: classNames, "data-tx": "1.49.0", ref, children }) });
     }
   ),
   {

package/components/IslandAccordion/components/IslandAccordionContent.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/IslandAccordion.module-CARpAvhk.js";
+import { s as styles } from "../../../chunks/IslandAccordion.module-DHEvI-Fo.js";
 import { Island } from "../../Island/Island.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";

package/components/IslandAccordion/components/IslandAccordionFooter.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../../chunks/IslandAccordion.module-CARpAvhk.js";
+import { s as styles } from "../../../chunks/IslandAccordion.module-DHEvI-Fo.js";
 import { Island } from "../../Island/Island.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";

package/components/IslandAccordion/components/IslandAccordionItem.js

@@ -26,7 +26,7 @@ import "../../Typography/Text.js";
 import { Title } from "../../Typography/Title.js";
 import "../../MobileView/MobileView.js";
 import { useMobileView } from "../../MobileView/useMobileView.js";
-import { s as styles } from "../../../chunks/IslandAccordion.module-CARpAvhk.js";
+import { s as styles } from "../../../chunks/IslandAccordion.module-DHEvI-Fo.js";
 const INSTANCE_ID_PREFIX = "IslandAccordionItem-";
 const TYPE_TO_CLASS_NAME_MAP = {
   [EIslandType.TYPE_1]: styles.type1,
@@ -104,7 +104,7 @@ const IslandAccordionItem = Object.assign(
               }),
               onClick: handleHeaderClick,
               disabled,
-              "data-tx": "1.47.0",
+              "data-tx": "1.49.0",
               children: [
                 status && num !== void 0 && num !== 0 ? /* @__PURE__ */ jsx("div", { className: styles.step, children: /* @__PURE__ */ jsx(Step, { step: num, status, position: EStepPosition.XFirst, size, children: disabled ? void 0 : stepHint }) }) : null,
                 /* @__PURE__ */ jsx(

package/components/IslandWidget/IslandWidget.js

@@ -16,8 +16,8 @@ import { IslandWidgetFooter } from "./components/IslandWidgetFooter.js";
 import { IslandWidgetExtraFooter } from "./components/IslandWidgetExtraFooter.js";
 import { IslandWidgetLayoutContext } from "./IslandWidgetLayoutContext.js";
 import { IslandWidgetContext } from "./IslandWidgetContext.js";
-const islandWidget = "islandWidget__44713082";
-const islandWidgetWithExtraFooter = "islandWidgetWithExtraFooter__a4cf5e06";
+const islandWidget = "islandWidget__02f12ff7";
+const islandWidgetWithExtraFooter = "islandWidgetWithExtraFooter__bcdf7150";
 const styles = {
   islandWidget,
   islandWidgetWithExtraFooter
@@ -64,7 +64,7 @@ const IslandWidget = Object.assign(
                 className
               ),
               ...rest,
-              "data-tx": "1.47.0",
+              "data-tx": "1.49.0",
               ref,
               children: /* @__PURE__ */ jsxs(Island, { type: EIslandType.TYPE_1, size, withoutPaddings: true, children: [
                 /* @__PURE__ */ jsx("div", { onClick: expandableContent ? handleHeaderClick : void 0, children: renderHeader({}) }),