@sberbusiness/triplex-next 0.39.0 → 0.40.0

package/components/Dropdown/mobile/DropdownMobileList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMobileList.js","sources":["../../../../src/components/Dropdown/mobile/DropdownMobileList.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport { LoaderSmall, ELoaderSmallTheme } from \"../../Loader\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums\";\nimport { DropdownMobileListItem } from \"./DropdownMobileListItem\";\nimport styles from \"../styles/DropdownMobile.module.less\";\n\n/** Свойства компонента DropdownMobileList. */\nexport interface IDropdownMobileListProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Состояние загрузки. */\n    loading?: boolean;\n}\n\n/** Список мобильной версии Dropdown. */\nexport const DropdownMobileList = React.forwardRef<HTMLDivElement, IDropdownMobileListProps>(\n    ({ children, className, loading, ...htmlAttributes }, ref) => {\n        const [loaderId] = useState(() => uniqueId());\n\n        const renderLoaderItem = () => (\n            <DropdownMobileListItem id={loaderId} className={styles.dropdownMobileListLoader}>\n                <LoaderSmall theme={ELoaderSmallTheme.BRAND} size={EComponentSize.MD} />\n            </DropdownMobileListItem>\n        );\n\n        return (\n            <div className={clsx(styles.dropdownMobileList, className)} role=\"listbox\" {...htmlAttributes} ref={ref}>\n                {children}\n                {loading && renderLoaderItem()}\n            </div>\n        );\n    },\n);\n\nDropdownMobileList.displayName = \"DropdownMobileList\";\n"],"names":[],"mappings":";;;;;;;;;AAeO,MAAM,qBAAqB,MAAM;AAAA,EACpC,CAAC,EAAE,UAAU,WAAW,SAAS,GAAG,eAAA,GAAkB,QAAQ;AAC1D,UAAM,CAAC,QAAQ,IAAI,SAAS,MAAM,UAAU;AAE5C,UAAM,mBAAmB,MACrB,oBAAC,wBAAA,EAAuB,IAAI,UAAU,WAAW,OAAO,0BACpD,UAAA,oBAAC,eAAY,OAAO,kBAAkB,OAAO,MAAM,eAAe,IAAI,GAC1E;AAGJ,WACI,qBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,oBAAoB,SAAS,GAAG,MAAK,WAAW,GAAG,gBAAgB,KAC1F,UAAA;AAAA,MAAA;AAAA,MACA,WAAW,iBAAA;AAAA,IAAiB,GACjC;AAAA,EAER;AACJ;AAEA,mBAAmB,cAAc;"}
+{"version":3,"file":"DropdownMobileList.js","sources":["../../../../src/components/Dropdown/mobile/DropdownMobileList.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { uniqueId } from \"lodash-es\";\nimport { LoaderSmall, ELoaderSmallTheme } from \"../../Loader\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums\";\nimport { DropdownMobileListItem } from \"./DropdownMobileListItem\";\nimport styles from \"../styles/DropdownMobile.module.less\";\n\n/** Свойства компонента DropdownMobileList. */\nexport interface IDropdownMobileListProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Состояние загрузки. */\n    loading?: boolean;\n}\n\n/** Список мобильной версии Dropdown. */\nexport const DropdownMobileList = React.forwardRef<HTMLDivElement, IDropdownMobileListProps>(\n    ({ children, className, loading, ...htmlAttributes }, ref) => {\n        const [loaderId] = useState(() => uniqueId());\n\n        const renderLoaderItem = () => (\n            <DropdownMobileListItem id={loaderId} className={styles.dropdownMobileListLoader}>\n                <LoaderSmall theme={ELoaderSmallTheme.BRAND} size={EComponentSize.MD} />\n            </DropdownMobileListItem>\n        );\n\n        return (\n            <div className={className} role=\"listbox\" {...htmlAttributes} ref={ref}>\n                {children}\n                {loading && renderLoaderItem()}\n            </div>\n        );\n    },\n);\n\nDropdownMobileList.displayName = \"DropdownMobileList\";\n"],"names":[],"mappings":";;;;;;;;;AAcO,MAAM,qBAAqB,MAAM;AAAA,EACpC,CAAC,EAAE,UAAU,WAAW,SAAS,GAAG,eAAA,GAAkB,QAAQ;AAC1D,UAAM,CAAC,QAAQ,IAAI,SAAS,MAAM,UAAU;AAE5C,UAAM,mBAAmB,MACrB,oBAAC,wBAAA,EAAuB,IAAI,UAAU,WAAW,OAAO,0BACpD,UAAA,oBAAC,eAAY,OAAO,kBAAkB,OAAO,MAAM,eAAe,IAAI,GAC1E;AAGJ,gCACK,OAAA,EAAI,WAAsB,MAAK,WAAW,GAAG,gBAAgB,KACzD,UAAA;AAAA,MAAA;AAAA,MACA,WAAW,iBAAA;AAAA,IAAiB,GACjC;AAAA,EAER;AACJ;AAEA,mBAAmB,cAAc;"}

package/components/Dropdown/mobile/DropdownMobileListItem.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.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-DUiUSr13.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-dTA2fTAB.js";
 const DropdownMobileListItem = React.forwardRef(
   ({ children, className, id, onClick, onSelect, selected, showNotificationIcon, ...htmlAttributes }, ref) => {
     const handleClick = (event) => {

package/components/Dropdown/mobile/DropdownMobileListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMobileListItem.js","sources":["../../../../src/components/Dropdown/mobile/DropdownMobileListItem.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { Text } from \"@sberbusiness/triplex-next/components/Typography/Text\";\nimport { ETextSize } from \"@sberbusiness/triplex-next/components/Typography/enums\";\nimport { Badge } from \"../../Badge/Badge\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums\";\nimport styles from \"../styles/DropdownMobile.module.less\";\n\n/** Свойства компонента DropdownMobileListItem. */\nexport interface IDropdownMobileListItemProps extends React.HTMLAttributes<HTMLDivElement> {\n    id: string;\n    onSelect?: () => void;\n    selected?: boolean;\n    /** Флаг отображения значка новых уведомлений. */\n    showNotificationIcon?: boolean;\n}\n\n/** Элемент списка мобильной версии Dropdown. */\nexport const DropdownMobileListItem = React.forwardRef<HTMLDivElement, IDropdownMobileListItemProps>(\n    ({ children, className, id, onClick, onSelect, selected, showNotificationIcon, ...htmlAttributes }, ref) => {\n        const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n            onSelect?.();\n            onClick?.(event);\n        };\n\n        return (\n            <Text\n                tag=\"div\"\n                size={ETextSize.B3}\n                className={clsx(styles.dropdownMobileListItem, { [styles.selected]: Boolean(selected) }, className)}\n                aria-selected={Boolean(selected)}\n                role=\"option\"\n                ref={ref}\n                onClick={handleClick}\n                title={typeof children === \"string\" ? children : undefined}\n                {...htmlAttributes}\n            >\n                {children}\n                {showNotificationIcon && <Badge.Dot size={EComponentSize.MD} className={styles.notificationIcon} />}\n            </Text>\n        );\n    },\n);\n\nDropdownMobileListItem.displayName = \"DropdownMobileListItem\";\n"],"names":[],"mappings":";;;;;;;;AAkBO,MAAM,yBAAyB,MAAM;AAAA,EACxC,CAAC,EAAE,UAAU,WAAW,IAAI,SAAS,UAAU,UAAU,sBAAsB,GAAG,eAAA,GAAkB,QAAQ;AACxG,UAAM,cAAc,CAAC,UAA4C;AAC7D;AACA,yCAAU;AAAA,IACd;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAI;AAAA,QACJ,MAAM,UAAU;AAAA,QAChB,WAAW,KAAK,OAAO,wBAAwB,EAAE,CAAC,OAAO,QAAQ,GAAG,QAAQ,QAAQ,EAAA,GAAK,SAAS;AAAA,QAClG,iBAAe,QAAQ,QAAQ;AAAA,QAC/B,MAAK;AAAA,QACL;AAAA,QACA,SAAS;AAAA,QACT,OAAO,OAAO,aAAa,WAAW,WAAW;AAAA,QAChD,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA;AAAA,UACA,wBAAwB,oBAAC,MAAM,KAAN,EAAU,MAAM,eAAe,IAAI,WAAW,OAAO,iBAAA,CAAkB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG7G;AACJ;AAEA,uBAAuB,cAAc;"}
+{"version":3,"file":"DropdownMobileListItem.js","sources":["../../../../src/components/Dropdown/mobile/DropdownMobileListItem.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { Text } from \"@sberbusiness/triplex-next/components/Typography/Text\";\nimport { ETextSize } from \"@sberbusiness/triplex-next/components/Typography/enums\";\nimport { Badge } from \"../../Badge/Badge\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums\";\nimport styles from \"../styles/DropdownMobile.module.less\";\n\n/** Свойства компонента DropdownMobileListItem. */\nexport interface IDropdownMobileListItemProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Идентификатор элемента. */\n    id: string;\n    /** Обработчик выбора текущего элемента. Вызывается по клику, до onClick. */\n    onSelect?: () => void;\n    /** Флаг - текущий элемент выбран. */\n    selected?: boolean;\n    /** Флаг отображения значка новых уведомлений. */\n    showNotificationIcon?: boolean;\n}\n\n/** Элемент списка мобильной версии Dropdown. */\nexport const DropdownMobileListItem = React.forwardRef<HTMLDivElement, IDropdownMobileListItemProps>(\n    ({ children, className, id, onClick, onSelect, selected, showNotificationIcon, ...htmlAttributes }, ref) => {\n        const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n            onSelect?.();\n            onClick?.(event);\n        };\n\n        return (\n            <Text\n                tag=\"div\"\n                size={ETextSize.B3}\n                className={clsx(styles.dropdownMobileListItem, { [styles.selected]: Boolean(selected) }, className)}\n                aria-selected={Boolean(selected)}\n                role=\"option\"\n                ref={ref}\n                onClick={handleClick}\n                title={typeof children === \"string\" ? children : undefined}\n                {...htmlAttributes}\n            >\n                {children}\n                {showNotificationIcon && <Badge.Dot size={EComponentSize.MD} className={styles.notificationIcon} />}\n            </Text>\n        );\n    },\n);\n\nDropdownMobileListItem.displayName = \"DropdownMobileListItem\";\n"],"names":[],"mappings":";;;;;;;;AAqBO,MAAM,yBAAyB,MAAM;AAAA,EACxC,CAAC,EAAE,UAAU,WAAW,IAAI,SAAS,UAAU,UAAU,sBAAsB,GAAG,eAAA,GAAkB,QAAQ;AACxG,UAAM,cAAc,CAAC,UAA4C;AAC7D;AACA,yCAAU;AAAA,IACd;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAI;AAAA,QACJ,MAAM,UAAU;AAAA,QAChB,WAAW,KAAK,OAAO,wBAAwB,EAAE,CAAC,OAAO,QAAQ,GAAG,QAAQ,QAAQ,EAAA,GAAK,SAAS;AAAA,QAClG,iBAAe,QAAQ,QAAQ;AAAA,QAC/B,MAAK;AAAA,QACL;AAAA,QACA,SAAS;AAAA,QACT,OAAO,OAAO,aAAa,WAAW,WAAW;AAAA,QAChD,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA;AAAA,UACA,wBAAwB,oBAAC,MAAM,KAAN,EAAU,MAAM,eAAe,IAAI,WAAW,OAAO,iBAAA,CAAkB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG7G;AACJ;AAEA,uBAAuB,cAAc;"}

package/components/Dropdown/mobile/DropdownMobileLoader.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.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-DUiUSr13.js";
+import { s as styles } from "../../../chunks/DropdownMobile.module-dTA2fTAB.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 from "react";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { FormFieldMaskedInput } from "../../FormField/components/FormFieldMaskedInput.js";
-const dropdownMobileMaskedInput = "dropdownMobileMaskedInput__49e3e696";
+const dropdownMobileMaskedInput = "dropdownMobileMaskedInput__19bb7b8a";
 const styles = {
   dropdownMobileMaskedInput
 };

package/components/Ellipsis/Ellipsis.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
-const ellipsisLineClamp = "ellipsisLineClamp__4e68d58e";
-const oneLine = "oneLine__44e18a6f";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+const ellipsisLineClamp = "ellipsisLineClamp__3c57becb";
+const oneLine = "oneLine__33d48200";
 const styles = {
   ellipsisLineClamp,
   oneLine
@@ -16,7 +16,7 @@ const Ellipsis = React.forwardRef(
         className: classNames,
         style: { "--ellipsis-line-clamp": maxLines },
         ...rest,
-        "data-tx": "0.39.0",
+        "data-tx": "0.40.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 from "react";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { Title } from "../Typography/Title.js";
 import { EFontWeightTitle, ETitleSize, ETextSize, EFontType, EFontWeightText } from "../Typography/enums.js";
 import { Text } from "../Typography/Text.js";
 import { Gap } from "../Gap/Gap.js";
-const emptyView = "emptyView__47bd1c1e";
-const container = "container__5408fc5c";
-const icon = "icon__c0dbb496";
-const textBlock = "textBlock__007dec95";
+const emptyView = "emptyView__e3e3cf7f";
+const container = "container__9c0cfe24";
+const icon = "icon__2b574267";
+const textBlock = "textBlock__05ba0ce5";
 const styles = {
   emptyView,
   container,

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useRef } from "react";
-import { A as Transition, c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
-const expandAnimation = "expandAnimation__8e75dcac";
+import { z as Transition, c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+const expandAnimation = "expandAnimation__d881a25b";
 const styles = {
   expandAnimation
 };

package/components/FocusTrapExtended/FocusTrapExtended.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useRef } from "react";
-import { F as FocusTrap } from "../../chunks/vendor-DKrjZZwJ.js";
+import { F as FocusTrap } from "../../chunks/vendor-BtZO8a0z.js";
 const FocusTrapExtended = ({ focusTrapOptions, ...restProps }) => {
   const outsideClickRef = useRef(false);
   return /* @__PURE__ */ jsx(

package/components/Footer/Footer.js

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

package/components/Footer/components/FooterDescription.js

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { FooterDescriptionContent } from "./FooterDescriptionContent.js";
 import { FooterDescriptionControls } from "./FooterDescriptionControls.js";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
-import { s as styles } from "../../../chunks/Footer.module-DUTwBl0x.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+import { s as styles } from "../../../chunks/Footer.module-DUyQNLJD.js";
 const FooterDescription = Object.assign(
   React.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 from "react";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
-import { s as styles } from "../../../chunks/Footer.module-DUTwBl0x.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+import { s as styles } from "../../../chunks/Footer.module-DUyQNLJD.js";
 const FooterDescriptionContent = React.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 from "react";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
-import { s as styles } from "../../../chunks/Footer.module-DUTwBl0x.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
+import { s as styles } from "../../../chunks/Footer.module-DUyQNLJD.js";
 const FooterDescriptionControls = React.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, { useState, useMemo } from "react";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.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__27a9f37e";
-const sm = "sm__3d767d74";
-const md = "md__6ba736f0";
-const lg = "lg__6e0b5ad2";
-const active = "active__b57087b6";
-const disabled = "disabled__67a97030";
-const error = "error__857f407f";
-const warning = "warning__df4352a6";
-const filled = "filled__e7f1f4b9";
+const formField = "formField__01cf570d";
+const sm = "sm__d645b5aa";
+const md = "md__e59e12ad";
+const lg = "lg__50e2cbc6";
+const active = "active__5c0a48b3";
+const disabled = "disabled__bf16ad2a";
+const error = "error__82286953";
+const warning = "warning__7cf3538e";
+const filled = "filled__9f627985";
 const styles = {
   formField,
   sm,
   md,
   lg,
-  "default": "default__ff490bba",
+  "default": "default__0a015bae",
   active,
   disabled,
   error,
@@ -83,7 +83,7 @@ const FormField = React.forwardRef(
           },
           className
         ),
-        "data-tx": "0.39.0",
+        "data-tx": "0.40.0",
         style: { paddingLeft: prefixWidth, paddingRight: postfixWidth, ...style },
         ...htmlDivAttributes,
         ref,

package/components/FormField/components/FormFieldClear.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useCallback } from "react";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
-const formFieldClear = "formFieldClear__10a6a2a8";
+const formFieldClear = "formFieldClear__98fee3ea";
 const styles = {
   formFieldClear
 };

package/components/FormField/components/FormFieldCounter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useContext, useEffect } from "react";
 import { FormFieldDescriptionContext } from "../FormFieldDescriptionContext.js";
-const formFieldCounter = "formFieldCounter__71f6a24b";
+const formFieldCounter = "formFieldCounter__21109c75";
 const styles = {
   formFieldCounter
 };

package/components/FormField/components/FormFieldDescription.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { FormFieldDescriptionContext } from "../FormFieldDescriptionContext.js";
-const formFieldDescription = "formFieldDescription__0e526df7";
-const withCounter = "withCounter__213be809";
+const formFieldDescription = "formFieldDescription__442bb945";
+const withCounter = "withCounter__78cf467f";
 const styles = {
   formFieldDescription,
   withCounter

package/components/FormField/components/FormFieldInput.js

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useContext, useMemo, useCallback, useLayoutEffect } from "react";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { isFilled } from "./utils.js";
-const formFieldInput = "formFieldInput__31221597";
-const sm = "sm__3d767d74";
-const md = "md__6ba736f0";
-const lg = "lg__6e0b5ad2";
+const formFieldInput = "formFieldInput__674dc785";
+const sm = "sm__d645b5aa";
+const md = "md__e59e12ad";
+const lg = "lg__50e2cbc6";
 const styles = {
   formFieldInput,
   sm,

package/components/FormField/components/FormFieldLabel.js

@@ -1,17 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useContext, useMemo, useLayoutEffect } from "react";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 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__91a0508e";
-const sm = "sm__3d767d74";
-const md = "md__6ba736f0";
-const lg = "lg__6e0b5ad2";
-const floating = "floating__3bcadaef";
-const formFieldLabelText = "formFieldLabelText__7c89e5d9";
-const disabled = "disabled__67a97030";
+const formFieldLabel = "formFieldLabel__f7bdad65";
+const sm = "sm__d645b5aa";
+const md = "md__e59e12ad";
+const lg = "lg__50e2cbc6";
+const floating = "floating__53e4cf32";
+const formFieldLabelText = "formFieldLabelText__0d13fc47";
+const disabled = "disabled__bf16ad2a";
 const styles = {
   formFieldLabel,
   sm,

package/components/FormField/components/FormFieldMaskedInput.js

@@ -1,17 +1,17 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useState, useRef, useContext, useEffect, useCallback } from "react";
-import { c as clsx, n as MaskedInputTextMask, o as reactTextMaskExports } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx, m as MaskedInputTextMask, n as reactTextMaskExports } from "../../../chunks/vendor-BtZO8a0z.js";
 import { presets } from "./FormFieldMaskedInputPresets.js";
 import { FormFieldInput } from "./FormFieldInput.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const formFieldMaskedInputWrapper = "formFieldMaskedInputWrapper__def4735a";
-const formFieldMaskedInputPlaceholder = "formFieldMaskedInputPlaceholder__f5db69ee";
-const sm = "sm__3d767d74";
-const md = "md__6ba736f0";
-const lg = "lg__6e0b5ad2";
-const transparentText = "transparentText__62e83948";
+const formFieldMaskedInputWrapper = "formFieldMaskedInputWrapper__a8aadf42";
+const formFieldMaskedInputPlaceholder = "formFieldMaskedInputPlaceholder__c0ead746";
+const sm = "sm__d645b5aa";
+const md = "md__e59e12ad";
+const lg = "lg__50e2cbc6";
+const transparentText = "transparentText__d8207487";
 const styles = {
   formFieldMaskedInputWrapper,
   formFieldMaskedInputPlaceholder,

package/components/FormField/components/FormFieldPostfix.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useContext, useRef, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { TARGET_PADDING_X_DEFAULT } from "../consts.js";
-const formFieldPostfix = "formFieldPostfix__13a6637c";
+const formFieldPostfix = "formFieldPostfix__f692c74d";
 const styles = {
   formFieldPostfix
 };

package/components/FormField/components/FormFieldPrefix.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useContext, useRef, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { TARGET_PADDING_X_DEFAULT } from "../consts.js";
-const formFieldPrefix = "formFieldPrefix__56a9147c";
+const formFieldPrefix = "formFieldPrefix__f38de300";
 const styles = {
   formFieldPrefix
 };

package/components/FormField/components/FormFieldTarget.js

@@ -1,17 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useContext, useMemo, useLayoutEffect, useCallback } from "react";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const formFieldTarget = "formFieldTarget__776414cc";
-const sm = "sm__3d767d74";
-const md = "md__6ba736f0";
-const lg = "lg__6e0b5ad2";
-const placeholder = "placeholder__dbcefc63";
-const disabled = "disabled__67a97030";
-const placeholderWrapper = "placeholderWrapper__60e82a58";
-const active = "active__b57087b6";
+const formFieldTarget = "formFieldTarget__0c7be1cf";
+const sm = "sm__d645b5aa";
+const md = "md__e59e12ad";
+const lg = "lg__50e2cbc6";
+const placeholder = "placeholder__c1ba813f";
+const disabled = "disabled__bf16ad2a";
+const placeholderWrapper = "placeholderWrapper__f8809dcf";
+const active = "active__5c0a48b3";
 const styles = {
   formFieldTarget,
   sm,

package/components/FormField/components/FormFieldTextarea.js

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useContext, useMemo, useCallback, useLayoutEffect } from "react";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-DKrjZZwJ.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { FormFieldContext } from "../FormFieldContext.js";
 import { EFormFieldStatus } from "../enums.js";
 import { isFilled } from "./utils.js";
-const formFieldTextarea = "formFieldTextarea__337559ee";
-const sm = "sm__3d767d74";
-const md = "md__6ba736f0";
-const lg = "lg__6e0b5ad2";
+const formFieldTextarea = "formFieldTextarea__bc75d83d";
+const sm = "sm__d645b5aa";
+const md = "md__e59e12ad";
+const lg = "lg__50e2cbc6";
 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-DKrjZZwJ.js";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import React from "react";
-const size4 = "size4__c049e3b1";
-const size8 = "size8__02a95507";
-const size12 = "size12__9fb052e7";
-const size16 = "size16__c149b84c";
-const size24 = "size24__f5537724";
-const size32 = "size32__8cdcccd5";
-const size64 = "size64__c20ba061";
-const size128 = "size128__7244f02c";
+const size4 = "size4__c8d4d2d8";
+const size8 = "size8__76d27dac";
+const size12 = "size12__fff7521a";
+const size16 = "size16__903c5373";
+const size24 = "size24__6969ac17";
+const size32 = "size32__7134eeed";
+const size64 = "size64__fa072b21";
+const size128 = "size128__033beadf";
 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.forwardRef(function Header2({ children, ...rest }, ref) {
-    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "0.39.0", ref, children });
+    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "0.40.0", ref, children });
   }),
   {
     LayoutSidebar: HeaderLayoutSidebar,

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

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../../../chunks/vendor-DKrjZZwJ.js";
+import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
 import { HeaderLayoutSidebarContent } from "./HeaderLayoutSidebarContent.js";
 import { HeaderLayoutSidebarSidebar } from "./HeaderLayoutSidebarSidebar.js";
-import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-o5cCUCGl.js";
+import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-DZ9o9YLT.js";
 const HeaderLayoutSidebar = Object.assign(
   React.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 from "react";
-import { c as clsx } from "../../../../chunks/vendor-DKrjZZwJ.js";
-import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-o5cCUCGl.js";
+import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
+import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-DZ9o9YLT.js";
 const HeaderLayoutSidebarContent = React.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 from "react";
-import { c as clsx } from "../../../../chunks/vendor-DKrjZZwJ.js";
-import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-o5cCUCGl.js";
+import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
+import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-DZ9o9YLT.js";
 const HeaderLayoutSidebarSidebar = React.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 from "react";
-import { c as clsx } from "../../../../chunks/vendor-DKrjZZwJ.js";
-const headerSubheader = "headerSubheader__2d335f78";
-const withoutPaddings = "withoutPaddings__922eef5a";
+import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
+const headerSubheader = "headerSubheader__8c05704e";
+const withoutPaddings = "withoutPaddings__053012b1";
 const styles = {
   headerSubheader,
   withoutPaddings

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

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { HeaderTabsContent } from "./HeaderTabsContent.js";
 import { HeaderTabsControls } from "./HeaderTabsControls.js";
-import { c as clsx } from "../../../../chunks/vendor-DKrjZZwJ.js";
-import { s as styles } from "../../../../chunks/HeaderTabs.module-Ch5Mbe7q.js";
+import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
+import { s as styles } from "../../../../chunks/HeaderTabs.module-CfIX4nxS.js";
 const HeaderTabs = Object.assign(
   React.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 from "react";
-import { c as clsx } from "../../../../chunks/vendor-DKrjZZwJ.js";
-import { s as styles } from "../../../../chunks/HeaderTabs.module-Ch5Mbe7q.js";
+import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
+import { s as styles } from "../../../../chunks/HeaderTabs.module-CfIX4nxS.js";
 const HeaderTabsContent = React.forwardRef(
   ({ children, className, ...rest }, ref) => {
     return /* @__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 from "react";
-import { c as clsx } from "../../../../chunks/vendor-DKrjZZwJ.js";
-import { s as styles } from "../../../../chunks/HeaderTabs.module-Ch5Mbe7q.js";
+import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
+import { s as styles } from "../../../../chunks/HeaderTabs.module-CfIX4nxS.js";
 const HeaderTabsControls = React.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.headerTabsControls, className), ...rest, ref, children })
 );

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

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { HeaderTitleContent } from "./HeaderTitleContent.js";
 import { HeaderTitleControls } from "./HeaderTitleControls.js";
-import { c as clsx } from "../../../../chunks/vendor-DKrjZZwJ.js";
-import { s as styles } from "../../../../chunks/HeaderTitle.module-CUVjwVW7.js";
+import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
+import { s as styles } from "../../../../chunks/HeaderTitle.module-BmBk2AAI.js";
 const HeaderTitle = Object.assign(
   React.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 from "react";
-import { c as clsx } from "../../../../chunks/vendor-DKrjZZwJ.js";
-import { s as styles } from "../../../../chunks/HeaderTitle.module-CUVjwVW7.js";
+import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
+import { s as styles } from "../../../../chunks/HeaderTitle.module-BmBk2AAI.js";
 const HeaderTitleContent = React.forwardRef(
   ({ children, className, ...rest }, ref) => {
     return /* @__PURE__ */ jsx(

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

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

package/components/HelpBox/HelpBox.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React, { useRef, useState } from "react";
-import { u as uniqueId, c as clsx, F as FocusTrap } from "../../chunks/vendor-DKrjZZwJ.js";
+import { u as uniqueId, c as clsx, F as FocusTrap } from "../../chunks/vendor-BtZO8a0z.js";
 import { QuestioncircleFilledSrvIcon16 } from "@sberbusiness/icons-next";
 import { ButtonIcon } from "../Button/ButtonIcon.js";
 import { EButtonIconShape } from "../Button/enums.js";
@@ -9,7 +9,7 @@ import { TooltipMobileHeader } from "../Tooltip/components/mobile/components/Too
 import { MobileView } from "../MobileView/MobileView.js";
 import { getDataHTMLAttributes } from "../../utils/html/DataAttributes.js";
 import { getAriaHTMLAttributes } from "../../utils/html/AriaAttributes.js";
-const helpBoxButton = "helpBoxButton__95e103b5";
+const helpBoxButton = "helpBoxButton__da0dcd80";
 const styles = {
   helpBoxButton
 };

package/components/IconWrapper/IconWrapper.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DKrjZZwJ.js";
-const disableInteraction = "disableInteraction__024d74b4";
-const displayContents = "displayContents__6d1784a1";
+import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
+const disableInteraction = "disableInteraction__8c697fc4";
+const displayContents = "displayContents__9b07b47d";
 const styles = {
   disableInteraction,
   displayContents