@sberbusiness/triplex-next 1.45.0 → 1.47.0

package/components/List/components/ListItemTailRight.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/ListItemTail.module-CwDNx9W5.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/ListItemTail.module-DEbIYD0x.js";
 const ListItemTailRight = React__default.forwardRef(
   ({ className, ...rest }, ref) => /* @__PURE__ */ jsxs("span", { className: clsx(styles.listItemTail, styles.listItemTailRight, className), ref, ...rest, children: [
     /* @__PURE__ */ jsx("span", { className: styles.listItemTailLine }),

package/components/List/components/ListSortableItem.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { q as useSortable, s as CSS, c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { o as useSortable, q as CSS, c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { ListItem } from "./ListItem.js";
-import { setForwardedRef } from "../utils.js";
+import { setForwardedRef } from "../../../helpers/setForwardedRef.js";
 import { ListSortableItemTarget } from "./ListSortableItemTarget.js";
-const listSortableItem = "listSortableItem__0c0c005d";
-const dragging = "dragging__66dd2cab";
+const listSortableItem = "listSortableItem__57ca17cf";
+const dragging = "dragging__d0988d3c";
 const styles = {
   listSortableItem,
   dragging

package/components/List/components/ListSortableItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListSortableItem.js","sources":["../../../../src/components/List/components/ListSortableItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { useSortable } from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { SyntheticListenerMap } from \"@dnd-kit/core/dist/hooks/utilities\";\nimport { ListItem } from \"@sberbusiness/triplex-next/components/List/components/ListItem\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/ListSortableItem.module.less\";\nimport { setForwardedRef } from \"../utils\";\nimport { ListSortableItemTarget } from \"./ListSortableItemTarget\";\n\nexport interface IListSortableItemChildrenProvideProps {\n    dragging: boolean;\n    disabled?: boolean;\n    listeners?: SyntheticListenerMap;\n    setActivatorNodeRef: (element: HTMLElement | null) => void;\n}\n\n/** Свойства компонента ListSortableItem. */\nexport interface IListSortableItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, \"children\"> {\n    /** Уникальный идентификатор. */\n    id: string;\n    /** Неактивное состояние. */\n    disabled?: boolean;\n    /** Дочерние элементы. */\n    children?:\n        | React.ReactNode\n        | (({\n              disabled,\n              dragging,\n              listeners,\n              setActivatorNodeRef,\n          }: IListSortableItemChildrenProvideProps) => React.ReactNode);\n}\n\n/** Элемент ListSortable с поддержкой drag-and-drop. */\nexport const ListSortableItem = Object.assign(\n    React.forwardRef<HTMLLIElement, IListSortableItemProps>(function ListSortableItem(\n        { children, className, style, disabled, ...rest },\n        ref,\n    ) {\n        const { transform, transition, listeners, isDragging, setNodeRef, setActivatorNodeRef } = useSortable({\n            disabled,\n            id: rest.id,\n            transition: {\n                duration: 300,\n                easing: \"ease-out\",\n            },\n        });\n\n        const setRef = (instance: HTMLLIElement | null) => {\n            setNodeRef(instance);\n            setForwardedRef(ref, instance);\n        };\n\n        return (\n            <ListItem\n                className={clsx(styles.listSortableItem, { [styles.dragging]: isDragging }, className)}\n                style={{ transform: CSS.Translate.toString(transform), transition, ...style }}\n                {...rest}\n                ref={setRef}\n            >\n                {typeof children === \"function\"\n                    ? children({ disabled, dragging: isDragging, listeners, setActivatorNodeRef })\n                    : children}\n            </ListItem>\n        );\n    }),\n    {\n        Target: ListSortableItemTarget,\n    },\n);\n\nListSortableItem.displayName = \"ListSortableItem\";\n"],"names":["React","ListSortableItem"],"mappings":";;;;;;;;;;;;AAmCO,MAAM,mBAAmB,OAAO;AAAA,EACnCA,eAAM,WAAkD,SAASC,kBAC7D,EAAE,UAAU,WAAW,OAAO,UAAU,GAAG,KAAA,GAC3C,KACF;AACE,UAAM,EAAE,WAAW,YAAY,WAAW,YAAY,YAAY,oBAAA,IAAwB,YAAY;AAAA,MAClG;AAAA,MACA,IAAI,KAAK;AAAA,MACT,YAAY;AAAA,QACR,UAAU;AAAA,QACV,QAAQ;AAAA,MAAA;AAAA,IACZ,CACH;AAED,UAAM,SAAS,CAAC,aAAmC;AAC/C,iBAAW,QAAQ;AACnB,sBAAgB,KAAK,QAAQ;AAAA,IACjC;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,kBAAkB,EAAE,CAAC,OAAO,QAAQ,GAAG,WAAA,GAAc,SAAS;AAAA,QACrF,OAAO,EAAE,WAAW,IAAI,UAAU,SAAS,SAAS,GAAG,YAAY,GAAG,MAAA;AAAA,QACrE,GAAG;AAAA,QACJ,KAAK;AAAA,QAEJ,UAAA,OAAO,aAAa,aACf,SAAS,EAAE,UAAU,UAAU,YAAY,WAAW,oBAAA,CAAqB,IAC3E;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlB,CAAC;AAAA,EACD;AAAA,IACI,QAAQ;AAAA,EAAA;AAEhB;AAEA,iBAAiB,cAAc;"}
+{"version":3,"file":"ListSortableItem.js","sources":["../../../../src/components/List/components/ListSortableItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { useSortable } from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { SyntheticListenerMap } from \"@dnd-kit/core/dist/hooks/utilities\";\nimport { ListItem } from \"@sberbusiness/triplex-next/components/List/components/ListItem\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/ListSortableItem.module.less\";\nimport { setForwardedRef } from \"../../../helpers/setForwardedRef\";\nimport { ListSortableItemTarget } from \"./ListSortableItemTarget\";\n\nexport interface IListSortableItemChildrenProvideProps {\n    dragging: boolean;\n    disabled?: boolean;\n    listeners?: SyntheticListenerMap;\n    setActivatorNodeRef: (element: HTMLElement | null) => void;\n}\n\n/** Свойства компонента ListSortableItem. */\nexport interface IListSortableItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, \"children\"> {\n    /** Уникальный идентификатор. */\n    id: string;\n    /** Неактивное состояние. */\n    disabled?: boolean;\n    /** Дочерние элементы. */\n    children?:\n        | React.ReactNode\n        | (({\n              disabled,\n              dragging,\n              listeners,\n              setActivatorNodeRef,\n          }: IListSortableItemChildrenProvideProps) => React.ReactNode);\n}\n\n/** Элемент ListSortable с поддержкой drag-and-drop. */\nexport const ListSortableItem = Object.assign(\n    React.forwardRef<HTMLLIElement, IListSortableItemProps>(function ListSortableItem(\n        { children, className, style, disabled, ...rest },\n        ref,\n    ) {\n        const { transform, transition, listeners, isDragging, setNodeRef, setActivatorNodeRef } = useSortable({\n            disabled,\n            id: rest.id,\n            transition: {\n                duration: 300,\n                easing: \"ease-out\",\n            },\n        });\n\n        const setRef = (instance: HTMLLIElement | null) => {\n            setNodeRef(instance);\n            setForwardedRef(ref, instance);\n        };\n\n        return (\n            <ListItem\n                className={clsx(styles.listSortableItem, { [styles.dragging]: isDragging }, className)}\n                style={{ transform: CSS.Translate.toString(transform), transition, ...style }}\n                {...rest}\n                ref={setRef}\n            >\n                {typeof children === \"function\"\n                    ? children({ disabled, dragging: isDragging, listeners, setActivatorNodeRef })\n                    : children}\n            </ListItem>\n        );\n    }),\n    {\n        Target: ListSortableItemTarget,\n    },\n);\n\nListSortableItem.displayName = \"ListSortableItem\";\n"],"names":["React","ListSortableItem"],"mappings":";;;;;;;;;;;;AAmCO,MAAM,mBAAmB,OAAO;AAAA,EACnCA,eAAM,WAAkD,SAASC,kBAC7D,EAAE,UAAU,WAAW,OAAO,UAAU,GAAG,KAAA,GAC3C,KACF;AACE,UAAM,EAAE,WAAW,YAAY,WAAW,YAAY,YAAY,oBAAA,IAAwB,YAAY;AAAA,MAClG;AAAA,MACA,IAAI,KAAK;AAAA,MACT,YAAY;AAAA,QACR,UAAU;AAAA,QACV,QAAQ;AAAA,MAAA;AAAA,IACZ,CACH;AAED,UAAM,SAAS,CAAC,aAAmC;AAC/C,iBAAW,QAAQ;AACnB,sBAAgB,KAAK,QAAQ;AAAA,IACjC;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,kBAAkB,EAAE,CAAC,OAAO,QAAQ,GAAG,WAAA,GAAc,SAAS;AAAA,QACrF,OAAO,EAAE,WAAW,IAAI,UAAU,SAAS,SAAS,GAAG,YAAY,GAAG,MAAA;AAAA,QACrE,GAAG;AAAA,QACJ,KAAK;AAAA,QAEJ,UAAA,OAAO,aAAa,aACf,SAAS,EAAE,UAAU,UAAU,YAAY,WAAW,oBAAA,CAAqB,IAC3E;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlB,CAAC;AAAA,EACD;AAAA,IACI,QAAQ;AAAA,EAAA;AAEhB;AAEA,iBAAiB,cAAc;"}

package/components/List/components/ListSortableItemControls.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 listSortableItemControls = "listSortableItemControls__c5363fa2";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+const listSortableItemControls = "listSortableItemControls__14f85a48";
 const styles = {
   listSortableItemControls
 };

package/components/List/components/ListSortableItemTarget.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { DragdotsStrokeSrvIcon24 } from "@sberbusiness/icons-next";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const listSortableItemTarget = "listSortableItemTarget__fc0d7e23";
-const dragging = "dragging__66dd2cab";
-const listSortableItemTargetContent = "listSortableItemTargetContent__bc363274";
-const listSortableItemTargetIcon = "listSortableItemTargetIcon__a5bae835";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+const listSortableItemTarget = "listSortableItemTarget__9ef62288";
+const dragging = "dragging__d0988d3c";
+const listSortableItemTargetContent = "listSortableItemTargetContent__b96d7c93";
+const listSortableItemTargetIcon = "listSortableItemTargetIcon__fc835edf";
 const styles = {
   listSortableItemTarget,
   dragging,

package/components/List/components/ListTableItem.js

@@ -6,10 +6,10 @@ import { ListItemContent } from "./ListItemContent.js";
 import { ListItemControls } from "./ListItemControls.js";
 import { ListItemSelectable } from "./ListItemSelectable.js";
 import { ListItemTailRight } from "./ListItemTailRight.js";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const listTableItem = "listTableItem__5b93c70a";
-const swipeableArea = "swipeableArea__329be678";
-const content = "content__fa961035";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+const listTableItem = "listTableItem__6009e4ed";
+const swipeableArea = "swipeableArea__7b1cda0a";
+const content = "content__36aa6b4a";
 const styles = {
   listTableItem,
   swipeableArea,

package/components/List/index.js

@@ -4,7 +4,7 @@ import { ListItem } from "./components/ListItem.js";
 import { ListItemControls } from "./components/ListItemControls.js";
 import { ListItemContent } from "./components/ListItemContent.js";
 import { ListActionItem } from "./components/ListActionItem.js";
-import { L } from "../../chunks/ListItemControlsButton-BGHyQIXE.js";
+import { L } from "../../chunks/ListItemControlsButton-DATlwch8.js";
 import { ListItemControlsButtonDropdown } from "./components/ListItemControlsButtonDropdown.js";
 import { ListEmptyState } from "./components/ListEmptyState.js";
 import { ListItemLoading } from "./components/ListItemLoading.js";

package/components/List/utils.js

@@ -1,10 +1,3 @@
-function setForwardedRef(ref, instance) {
-  if (typeof ref === "function") {
-    ref(instance);
-  } else if (ref) {
-    ref.current = instance;
-  }
-}
 function isDraggableTarget(target) {
   var _a;
   if (!(target instanceof HTMLElement)) {
@@ -20,7 +13,6 @@ function isDraggableTarget(target) {
   return true;
 }
 export {
-  isDraggableTarget,
-  setForwardedRef
+  isDraggableTarget
 };
 //# sourceMappingURL=utils.js.map

package/components/List/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/List/utils.ts"],"sourcesContent":["import React from \"react\";\n\n/** Записать значение в forwarded ref (callback-ref или объектный ref). */\nexport function setForwardedRef<T>(ref: React.ForwardedRef<T>, instance: T | null): void {\n    if (typeof ref === \"function\") {\n        ref(instance);\n    } else if (ref) {\n        ref.current = instance;\n    }\n}\n\n/**\n * Проверить, что цель события не находится внутри элемента, помеченного `data-draggable=\"false\"`.\n * Используется sensors ListSortable, чтобы исключить начало drag по интерактивным элементам внутри строки.\n */\nexport function isDraggableTarget(target: EventTarget | null): boolean {\n    if (!(target instanceof HTMLElement)) {\n        return true;\n    }\n\n    let element: HTMLElement | null = target;\n    while (element !== null) {\n        if (element.dataset?.draggable === \"false\") {\n            return false;\n        }\n        element = element.parentElement;\n    }\n    return true;\n}\n"],"names":[],"mappings":"AAGO,SAAS,gBAAmB,KAA4B,UAA0B;AACrF,MAAI,OAAO,QAAQ,YAAY;AAC3B,QAAI,QAAQ;AAAA,EAChB,WAAW,KAAK;AACZ,QAAI,UAAU;AAAA,EAClB;AACJ;AAMO,SAAS,kBAAkB,QAAqC;AAZhE;AAaH,MAAI,EAAE,kBAAkB,cAAc;AAClC,WAAO;AAAA,EACX;AAEA,MAAI,UAA8B;AAClC,SAAO,YAAY,MAAM;AACrB,UAAI,aAAQ,YAAR,mBAAiB,eAAc,SAAS;AACxC,aAAO;AAAA,IACX;AACA,cAAU,QAAQ;AAAA,EACtB;AACA,SAAO;AACX;"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/List/utils.ts"],"sourcesContent":["/**\n * Проверить, что цель события не находится внутри элемента, помеченного `data-draggable=\"false\"`.\n * Используется sensors ListSortable, чтобы исключить начало drag по интерактивным элементам внутри строки.\n */\nexport function isDraggableTarget(target: EventTarget | null): boolean {\n    if (!(target instanceof HTMLElement)) {\n        return true;\n    }\n\n    let element: HTMLElement | null = target;\n    while (element !== null) {\n        if (element.dataset?.draggable === \"false\") {\n            return false;\n        }\n        element = element.parentElement;\n    }\n    return true;\n}\n"],"names":[],"mappings":"AAIO,SAAS,kBAAkB,QAAqC;AAAhE;AACH,MAAI,EAAE,kBAAkB,cAAc;AAClC,WAAO;AAAA,EACX;AAEA,MAAI,UAA8B;AAClC,SAAO,YAAY,MAAM;AACrB,UAAI,aAAQ,YAAR,mBAAiB,eAAc,SAAS;AACxC,aAAO;AAAA,IACX;AACA,cAAU,QAAQ;AAAA,EACtB;AACA,SAAO;AACX;"}

package/components/ListMaster/ListMaster.js

@@ -9,7 +9,7 @@ import { ListMasterFooterControls } from "./components/ListMasterFooterControls.
 import { ListMasterFooterDescription } from "./components/ListMasterFooterDescription.js";
 const ListMaster = Object.assign(
   React__default.forwardRef(function ListMaster2({ children, className, ...rest }, ref) {
-    return /* @__PURE__ */ jsx("div", { className, ...rest, "data-tx": "1.45.0", ref, children });
+    return /* @__PURE__ */ jsx("div", { className, ...rest, "data-tx": "1.47.0", ref, children });
   }),
   {
     Body: ListMasterBody,

package/components/ListMaster/components/ListMasterBody.js

@@ -6,7 +6,7 @@ const ListMasterBody = React__default.forwardRef(
     {
       className,
       ...rest,
-      "data-tx": "1.45.0",
+      "data-tx": "1.47.0",
       ref,
       children
     }

package/components/ListMaster/components/ListMasterChipGroup.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { ChipGroup } from "../../ChipGroup/ChipGroup.js";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const listMasterChipGroup = "listMasterChipGroup__92737ad9";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+const listMasterChipGroup = "listMasterChipGroup__5975e23d";
 const styles = {
   listMasterChipGroup
 };

package/components/ListMaster/components/ListMasterFooter.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/ListMasterFooter.module-D7b9ZUqR.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-Dw_g_Hqv.js";
 const ListMasterFooter = React__default.forwardRef(
   ({ children, className, sticky = true, ...rest }, ref) => /* @__PURE__ */ jsx(
     "div",

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

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

package/components/ListMaster/components/ListMasterHeader.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useRef, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const listMasterHeader = "listMasterHeader__213eee68";
-const sticky = "sticky__30a4ad15";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+const listMasterHeader = "listMasterHeader__edd62a71";
+const sticky = "sticky__91ff9e10";
 const styles = {
   listMasterHeader,
   sticky

package/components/ListMaster/components/SelectionControls.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 selectionControls = "selectionControls__6765a33c";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+const selectionControls = "selectionControls__79ac1eff";
 const styles = {
   selectionControls
 };
@@ -11,7 +11,7 @@ const SelectionControls = React__default.forwardRef(
     {
       className: clsx(styles.selectionControls, className),
       ...rest,
-      "data-tx": "1.45.0",
+      "data-tx": "1.47.0",
       ref,
       children
     }

package/components/Loader/LoaderMiddle/LoaderMiddle.js

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const loaderMiddle = "loaderMiddle__ab1b27b3";
-const loaderMiddleDots = "loaderMiddleDots__2df54631";
-const dot = "dot__9158f713";
-const line = "line__6149624a";
-const dot1 = "dot1__c8c30783";
-const dot2 = "dot2__db69b9c8";
-const dot3 = "dot3__8fa27a30";
-const dot4 = "dot4__f7e343c5";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+const loaderMiddle = "loaderMiddle__33cf0aa7";
+const loaderMiddleDots = "loaderMiddleDots__e0d9ae05";
+const dot = "dot__20efb2e6";
+const line = "line__580c2f62";
+const dot1 = "dot1__19b4a07a";
+const dot2 = "dot2__9478fc3a";
+const dot3 = "dot3__2015b9b9";
+const dot4 = "dot4__f0057f58";
 const styles = {
   loaderMiddle,
   loaderMiddleDots,

package/components/Loader/LoaderSmall/LoaderSmall.js

@@ -1,17 +1,17 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { ELoaderSmallTheme } from "./enum.js";
-const loaderSmall = "loaderSmall__ee450009";
-const sm = "sm__eb9e0819";
-const dot = "dot__9158f713";
-const md = "md__2552d256";
-const lg = "lg__42916d93";
-const neutral = "neutral__7ad999f5";
-const brand = "brand__9466da64";
-const dot1 = "dot1__c8c30783";
-const dot2 = "dot2__db69b9c8";
-const dot3 = "dot3__8fa27a30";
+const loaderSmall = "loaderSmall__7dba54cf";
+const sm = "sm__2adc693e";
+const dot = "dot__20efb2e6";
+const md = "md__8faf6bb2";
+const lg = "lg__1ee5e8df";
+const neutral = "neutral__3261cbd5";
+const brand = "brand__5c4d997c";
+const dot1 = "dot1__19b4a07a";
+const dot2 = "dot2__9478fc3a";
+const dot3 = "dot3__2015b9b9";
 const styles = {
   loaderSmall,
   sm,

package/components/LoaderScreen/LoaderScreen.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, 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 { EComponentSize } from "../../enums/EComponentSize.js";
 import { Gap } from "../Gap/Gap.js";
 import { LoaderSmall } from "../Loader/LoaderSmall/LoaderSmall.js";
@@ -11,11 +11,11 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const loaderScreen = "loaderScreen__b7c01dbe";
-const loaderSmallBackdrop = "loaderSmallBackdrop__690d6331";
-const loaderMiddleBackdrop = "loaderMiddleBackdrop__55f3e8c3";
-const loaderContent = "loaderContent__c2aa0d67";
-const description = "description__d209d0e3";
+const loaderScreen = "loaderScreen__3df3470c";
+const loaderSmallBackdrop = "loaderSmallBackdrop__255a7131";
+const loaderMiddleBackdrop = "loaderMiddleBackdrop__76e5137b";
+const loaderContent = "loaderContent__305dfad0";
+const description = "description__6ae45573";
 const styles = {
   loaderScreen,
   loaderSmallBackdrop,

package/components/Marker/Marker.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 { Badge } from "../Badge/Badge.js";
-import { s as styles, S as STATUS_TO_CLASS_NAME_MAP } from "../../chunks/utils-oLO5Fak1.js";
+import { s as styles, S as STATUS_TO_CLASS_NAME_MAP } from "../../chunks/utils-DhEse9-I.js";
 import "./enums.js";
 const Marker = React__default.forwardRef(({ className, status, ...restProps }, ref) => /* @__PURE__ */ jsx(Badge.Dot, { className: clsx(styles.marker, STATUS_TO_CLASS_NAME_MAP[status], className), ...restProps, ref }));
 Marker.displayName = "Marker";

package/components/Marker/utils.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { S } from "../../chunks/utils-oLO5Fak1.js";
+import { S } from "../../chunks/utils-DhEse9-I.js";
 export {
   S as STATUS_TO_CLASS_NAME_MAP
 };

package/components/MarkerStatus/MarkerStatus.js

@@ -1,20 +1,20 @@
 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 { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { Marker } from "../Marker/Marker.js";
-import { S as STATUS_TO_CLASS_NAME_MAP } from "../../chunks/utils-oLO5Fak1.js";
+import { S as STATUS_TO_CLASS_NAME_MAP } from "../../chunks/utils-DhEse9-I.js";
 import { ETextSize, EFontType, ECaptionSize } from "../Typography/enums.js";
 import { Caption } from "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const markerStatus = "markerStatus__1a366cc9";
-const contentContainer = "contentContainer__478fd156";
-const md = "md__52e9c65c";
-const markerContainer = "markerContainer__a1a4df50";
-const lg = "lg__1f37724c";
+const markerStatus = "markerStatus__9cb050aa";
+const contentContainer = "contentContainer__8d666664";
+const md = "md__eb137a72";
+const markerContainer = "markerContainer__fd0d839e";
+const lg = "lg__de5c4bf4";
 const styles = {
   markerStatus,
   contentContainer,
@@ -35,7 +35,7 @@ const MarkerStatus = React__default.forwardRef(
       STATUS_TO_CLASS_NAME_MAP[status],
       className
     );
-    return /* @__PURE__ */ jsxs("div", { className: classNames, ...restProps, "data-tx": "1.45.0", ref, children: [
+    return /* @__PURE__ */ jsxs("div", { className: classNames, ...restProps, "data-tx": "1.47.0", ref, children: [
       /* @__PURE__ */ jsx("div", { className: styles.markerContainer, children: /* @__PURE__ */ jsx(Marker, { status, size }) }),
       /* @__PURE__ */ jsxs("div", { className: styles.contentContainer, children: [
         /* @__PURE__ */ jsx(Text, { size: SIZE_TO_TEXT_SIZE_MAP[size], children }),

package/components/ModalWindow/ModalWindow.js

@@ -1,13 +1,13 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default, { useState, useRef, useEffect } from "react";
-import { c as clsx, C as CSSTransition } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx, C as CSSTransition } from "../../chunks/vendor-CUIykw0y.js";
 import { Portal } from "../Portal/Portal.js";
 import { FocusTrapExtended } from "../FocusTrapExtended/FocusTrapExtended.js";
 import { ModalWindowViewManager } from "./components/ModalWindowViewManager.js";
 import { useToken } from "../ThemeProvider/useToken.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-import { s as styles } from "../../chunks/ModalWindow.module-urBVReGQ.js";
+import { s as styles } from "../../chunks/ModalWindow.module-BIeL2Dm9.js";
 const modalNodeName = "ufs-modal-window";
 const animationExitTime = 300;
 const bodyClassNameModalOpen = ["modal-open", "no-hash-overflow-hidden"];

package/components/ModalWindow/components/ModalWindowBody.js

@@ -1,9 +1,9 @@
 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 { Island } from "../../Island/Island.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { EIslandType } from "../../Island/enums.js";
-const modalWindowBody = "modalWindowBody__1f7de069";
+const modalWindowBody = "modalWindowBody__5bd09355";
 const styles = {
   modalWindowBody
 };

package/components/ModalWindow/components/ModalWindowClose.js

@@ -6,7 +6,7 @@ import { EButtonTheme } from "../../Button/enums.js";
 import { TriggerClickOnKeyDownEvent } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
-const modalWindowClose = "modalWindowClose__63313805";
+const modalWindowClose = "modalWindowClose__d86ddebf";
 const styles = {
   modalWindowClose
 };

package/components/ModalWindow/components/ModalWindowContent.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import React__default from "react";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-import { s as styles } from "../../../chunks/ModalWindow.module-urBVReGQ.js";
+import { s as styles } from "../../../chunks/ModalWindow.module-BIeL2Dm9.js";
 import { Page } from "../../Page/Page.js";
 const ModalWindowContent = React__default.forwardRef(
   ({ isLoading, className, loaderScreenProps, children, ...rest }, ref) => /* @__PURE__ */ jsxs(

package/components/ModalWindow/components/ModalWindowHeader.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { HeaderPage } from "../../Page/components/HeaderPage.js";
 import { EHeaderPageType } from "../../Page/components/enums.js";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const modalWindowHeader = "modalWindowHeader__127930a0";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+const modalWindowHeader = "modalWindowHeader__c270ce4d";
 const styles = {
   modalWindowHeader
 };

package/components/ModalWindow/components/ModalWindowViewManager.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useState, useRef, useLayoutEffect } from "react";
-import { g as useResizeDetector, i as isEqual, p as pick } from "../../../chunks/vendor-D4wvHis9.js";
+import { g as useResizeDetector, i as isEqual, p as pick } from "../../../chunks/vendor-CUIykw0y.js";
 import { Portal } from "../../Portal/Portal.js";
-import { s as styles } from "../../../chunks/ModalWindow.module-urBVReGQ.js";
+import { s as styles } from "../../../chunks/ModalWindow.module-BIeL2Dm9.js";
 const modalWindowViewManagerNodeId = "modalWindowViewManagerNodeId";
 const getOrCreateModalWindowViewManagerNode = () => {
   let node = document.querySelector(`#${modalWindowViewManagerNodeId}`);

package/components/MonthYearField/MonthYearFieldTarget.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { CalendarStrokeSrvIcon24, CalendarStrokeSrvIcon20, CalendarStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { DatePickerExtendedContext } from "../DatePickerExtended/DatePickerExtendedContext.js";
 import { TextField } from "../TextField/TextField.js";
@@ -11,10 +11,10 @@ import { useMobileView } from "../MobileView/useMobileView.js";
 import { isKey } from "../../utils/keyboard.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { EFormFieldStatus } from "../FormField/enums.js";
-const monthYearFieldTarget = "monthYearFieldTarget__49ed5f31";
-const minWidthSM = "minWidthSM__e5dc453c";
-const minWidthMD = "minWidthMD__7188f0f9";
-const minWidthLG = "minWidthLG__0f361c56";
+const monthYearFieldTarget = "monthYearFieldTarget__90b83de8";
+const minWidthSM = "minWidthSM__450ccdfa";
+const minWidthMD = "minWidthMD__e27530ef";
+const minWidthLG = "minWidthLG__1cdd8417";
 const styles = {
   monthYearFieldTarget,
   minWidthSM,

package/components/MonthYearRange/MonthYearRange.js

@@ -2,12 +2,12 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import moment from "moment";
 import { CaretleftStrokeSrvIcon20, RangeStrokeSrvIcon16, CaretrightStrokeSrvIcon20 } from "@sberbusiness/icons-next";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
 import { EMonthYearRangeShiftUnit } from "./enums.js";
-const monthYearRange = "monthYearRange__51e1aec0";
-const monthYearRangeButton = "monthYearRangeButton__aa661817";
-const separator = "separator__19aed0a7";
+const monthYearRange = "monthYearRange__9e7e3d20";
+const monthYearRangeButton = "monthYearRangeButton__f39a3f11";
+const separator = "separator__1848000d";
 const styles = {
   monthYearRange,
   monthYearRangeButton,

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useEffect } from "react";
-import { j as focusTrapReactExports } from "../../../chunks/vendor-D4wvHis9.js";
+import { j as focusTrapReactExports } from "../../../chunks/vendor-CUIykw0y.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-kMroiHoh.js";
+import "../../../chunks/DropdownListItem-B9cIx_8A.js";
 import { EDropdownWidth } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";

package/components/MultiselectField/components/MultiselectFieldDropdownContent.js

@@ -2,13 +2,13 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useContext } from "react";
 import { MultiselectFieldContext } from "../MultiselectFieldContext.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-const multiselectFieldContent = "multiselectFieldContent__fe3096fa";
-const loaderScreen = "loaderScreen__129c9383";
-const sm = "sm__f8773d74";
-const md = "md__c6fe99d8";
-const lg = "lg__e5a26ae6";
+const multiselectFieldContent = "multiselectFieldContent__6f55fe66";
+const loaderScreen = "loaderScreen__965d2852";
+const sm = "sm__c10ef48e";
+const md = "md__a34a9da1";
+const lg = "lg__17c3b060";
 const styles = {
   multiselectFieldContent,
   loaderScreen,

package/components/MultiselectField/components/MultiselectFieldDropdownFooter.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const multiselectFieldFooter = "multiselectFieldFooter__e3d218f9";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+const multiselectFieldFooter = "multiselectFieldFooter__fedd0f5f";
 const styles = {
   multiselectFieldFooter
 };

package/components/MultiselectField/components/MultiselectFieldDropdownHeader.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const multiselectFieldHeader = "multiselectFieldHeader__c771d4a7";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+const multiselectFieldHeader = "multiselectFieldHeader__72a2a29d";
 const styles = {
   multiselectFieldHeader
 };

package/components/Notification/Notification.js

@@ -1,11 +1,11 @@
 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 { NotificationBody } from "./components/NotificationBody.js";
 import { NotificationClose } from "./components/NotificationClose.js";
 import { NotificationIcon } from "./components/NotificationIcon.js";
 import { NotificationTime } from "./components/NotificationTime.js";
 import React__default from "react";
-import { s as styles } from "../../chunks/Notification.module-BgjNhU2P.js";
+import { s as styles } from "../../chunks/Notification.module-CAVClo9k.js";
 const Notification = Object.assign(
   React__default.forwardRef(function Notification2({ children, className, withExtraBottomPadding = false, isShowCloseOnHover = false, onClick, ...HTMLAttributes }, ref) {
     const cn = clsx(className, styles.notification, {
@@ -20,7 +20,7 @@ const Notification = Object.assign(
         className: cn,
         onClick,
         ref,
-        "data-tx": "1.45.0",
+        "data-tx": "1.47.0",
         children
       }
     );

package/components/Notification/NotificationGrouped.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { NotificationGroupedFooter } from "./components/NotificationGroupedFooter.js";
 import React__default from "react";
-import { s as styles } from "../../chunks/Notification.module-BgjNhU2P.js";
+import { s as styles } from "../../chunks/Notification.module-CAVClo9k.js";
 const NotificationGrouped = React__default.forwardRef(
   function NotificationGrouped2({ children }, ref) {
     return /* @__PURE__ */ jsxs("div", { className: styles.notificationGroupedWrapper, ref, children: [

package/components/Notification/components/NotificationBody.js

@@ -4,7 +4,7 @@ import { NotificationHeader } from "./NotificationHeader.js";
 import { NotificationBodyContent } from "./NotificationBodyContent.js";
 import { NotificationFooter } from "./NotificationFooter.js";
 import { NotificationBodyList } from "./NotificationBodyList.js";
-import { s as styles } from "../../../chunks/Notification.module-BgjNhU2P.js";
+import { s as styles } from "../../../chunks/Notification.module-CAVClo9k.js";
 const NotificationBody = Object.assign(
   React__default.forwardRef(function NotificationBody2({ children }, ref) {
     return /* @__PURE__ */ jsx("div", { className: styles.notificationBody, ref, children });

package/components/Notification/components/NotificationBodyList.js

@@ -1,7 +1,7 @@
 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 { UnorderedList } from "../../UnorderedList/UnorderedList.js";
-import { s as styles } from "../../../chunks/Notification.module-BgjNhU2P.js";
+import { s as styles } from "../../../chunks/Notification.module-CAVClo9k.js";
 const NotificationBodyList = ({ className, ...restProps }) => /* @__PURE__ */ jsx(UnorderedList, { className: clsx(styles.notificationBodyList, className), ...restProps });
 NotificationBodyList.displayName = "NotificationBodyList";
 export {