@sberbusiness/triplex-next 1.35.0 → 1.35.1

package/components/LightBox/LightBoxSidebars/LightBoxLeftSidebar.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useImperativeHandle, useState, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const lightBoxLeftSidebar = "lightBoxLeftSidebar__b0068ffb";
-const fixed = "fixed__115b2c0b";
-const hidden = "hidden__351d6f43";
+const lightBoxLeftSidebar = "lightBoxLeftSidebar__d0e273a7";
+const fixed = "fixed__46fd75a9";
+const hidden = "hidden__59cf9903";
 const styles = {
   lightBoxLeftSidebar,
   fixed,

package/components/LightBox/LightBoxSidebars/LightBoxRightSidebar.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useImperativeHandle, useState, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const lightBoxRightSidebar = "lightBoxRightSidebar__637768d7";
-const fixed = "fixed__115b2c0b";
-const hidden = "hidden__351d6f43";
+const lightBoxRightSidebar = "lightBoxRightSidebar__b70c5156";
+const fixed = "fixed__46fd75a9";
+const hidden = "hidden__59cf9903";
 const styles = {
   lightBoxRightSidebar,
   fixed,

package/components/Link/Link.js

@@ -2,10 +2,10 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const link = "link__954aa24f";
-const wordWithContent = "wordWithContent__5ccc7d14";
-const before = "before__3ba6d544";
-const after = "after__bb86d705";
+const link = "link__4e434dd5";
+const wordWithContent = "wordWithContent__1588b11b";
+const before = "before__dba1cfcd";
+const after = "after__222eacd6";
 const styles = {
   link,
   wordWithContent,
@@ -76,7 +76,7 @@ const Link = React__default.forwardRef(
         className: clsx(className, styles.link),
         onBlur,
         onMouseDown,
-        "data-tx": "1.35.0",
+        "data-tx": "1.35.1",
         ref,
         children: /* @__PURE__ */ jsx(IconWrapper, { displayContents: true, children: content })
       }

package/components/List/List.js

@@ -2,13 +2,13 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { LoaderScreen } from "../LoaderScreen/LoaderScreen.js";
-const list = "list__db8d0d46";
-const listLoaderScreen = "listLoaderScreen__47943833";
+const list = "list__9ba40398";
+const listLoaderScreen = "listLoaderScreen__4d8e1fb3";
 const styles = {
   list,
   listLoaderScreen
 };
-const List = React__default.forwardRef(({ children, className, loading, ...rest }, ref) => /* @__PURE__ */ jsxs("ul", { className: clsx(styles.list, className), ...rest, "data-tx": "1.35.0", ref, children: [
+const List = React__default.forwardRef(({ children, className, loading, ...rest }, ref) => /* @__PURE__ */ jsxs("ul", { className: clsx(styles.list, className), ...rest, "data-tx": "1.35.1", ref, children: [
   children,
   loading ? /* @__PURE__ */ jsx(LoaderScreen, { type: "middle", className: styles.listLoaderScreen }) : null
 ] }));

package/components/List/components/ListEmptyState.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const listEmptyState = "listEmptyState__f30886a3";
+const listEmptyState = "listEmptyState__00344491";
 const styles = {
   listEmptyState
 };

package/components/List/components/ListItem.js

@@ -4,7 +4,7 @@ import { ListItemContext } from "./ListItemContext.js";
 const ListItem = React__default.forwardRef(({ children, className, ...rest }, ref) => {
   const [selected, setSelected] = useState(false);
   const [selectable, setSelectable] = useState(false);
-  return /* @__PURE__ */ jsx(ListItemContext.Provider, { value: { selected, setSelected, selectable, setSelectable }, children: /* @__PURE__ */ jsx("li", { className, ...rest, "data-tx": "1.35.0", ref, children }) });
+  return /* @__PURE__ */ jsx(ListItemContext.Provider, { value: { selected, setSelected, selectable, setSelectable }, children: /* @__PURE__ */ jsx("li", { className, ...rest, "data-tx": "1.35.1", ref, children }) });
 });
 ListItem.displayName = "ListItem";
 export {

package/components/List/components/ListItemContent.js

@@ -2,9 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { ListItemContext } from "./ListItemContext.js";
-const listItemContent = "listItemContent__a6593e9c";
-const selected = "selected__eae6567b";
-const selectable = "selectable__6feed7bc";
+const listItemContent = "listItemContent__793f8420";
+const selected = "selected__96de77eb";
+const selectable = "selectable__e4a79e77";
 const styles = {
   listItemContent,
   selected,
@@ -22,7 +22,7 @@ const ListItemContent = React__default.forwardRef(
           className
         ),
         ...rest,
-        "data-tx": "1.35.0",
+        "data-tx": "1.35.1",
         ref,
         children
       }

package/components/List/components/ListItemControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const listItemControls = "listItemControls__d350dbf7";
+const listItemControls = "listItemControls__023eafc3";
 const styles = {
   listItemControls
 };

package/components/List/components/ListItemControlsButton.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../chunks/vendor-Bco_z_Yi.js";
-import { L } from "../../../chunks/ListItemControlsButton-D8zHNKyn.js";
+import { L } from "../../../chunks/ListItemControlsButton-CQe_5GFV.js";
 import "../../Typography/enums.js";
 import "../../Typography/Text.js";
 import "../../IconWrapper/IconWrapper.js";

package/components/List/components/ListItemControlsButtonDropdown.js

@@ -18,7 +18,7 @@ import { DropdownMobileListItem } from "../../Dropdown/mobile/DropdownMobileList
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import { s as styles, L as ListItemControlsButton } from "../../../chunks/ListItemControlsButton-D8zHNKyn.js";
+import { s as styles, L as ListItemControlsButton } from "../../../chunks/ListItemControlsButton-CQe_5GFV.js";
 import { setForwardedRef } from "../utils.js";
 const ListItemControlsButtonDropdown = React__default.forwardRef(
   (props, ref) => {

package/components/List/components/ListItemLoading.js

@@ -5,7 +5,7 @@ import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-const listItemLoading = "listItemLoading__0437b167";
+const listItemLoading = "listItemLoading__8a1bc4fd";
 const styles = {
   listItemLoading
 };

package/components/List/components/ListItemSelectable.js

@@ -3,12 +3,12 @@ import React__default, { useContext, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { Checkbox } from "../../Checkbox/Checkbox.js";
 import { ListItemContext } from "./ListItemContext.js";
-const listItemSelectable = "listItemSelectable__a78bc6af";
-const selected = "selected__eae6567b";
-const checkboxWrapper = "checkboxWrapper__194d0da6";
-const childrenWrapper = "childrenWrapper__73b676a4";
-const checkboxLabel = "checkboxLabel__05cf1f14";
-const checkboxLabelClickArea = "checkboxLabelClickArea__c10e12d7";
+const listItemSelectable = "listItemSelectable__e14a8b76";
+const selected = "selected__96de77eb";
+const checkboxWrapper = "checkboxWrapper__23e36446";
+const childrenWrapper = "childrenWrapper__bb0f95a5";
+const checkboxLabel = "checkboxLabel__ff9e26c2";
+const checkboxLabelClickArea = "checkboxLabelClickArea__b8c73ec4";
 const styles = {
   listItemSelectable,
   selected,

package/components/List/components/ListItemTable.js

@@ -7,9 +7,9 @@ import { ListItemControls } from "./ListItemControls.js";
 import { ListItemSelectable } from "./ListItemSelectable.js";
 import { ListItemTailRight } from "./ListItemTailRight.js";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const listItemTable = "listItemTable__152d57be";
-const swipeableArea = "swipeableArea__b62b0f02";
-const content = "content__aade2a3e";
+const listItemTable = "listItemTable__b259d9fe";
+const swipeableArea = "swipeableArea__ffcaf715";
+const content = "content__f428dce6";
 const styles = {
   listItemTable,
   swipeableArea,

package/components/List/components/ListItemTailLeft.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/ListItemTail.module-Dt55MBgv.js";
+import { s as styles } from "../../../chunks/ListItemTail.module-Br4WXwba.js";
 const ListItemTailLeft = React__default.forwardRef(
   ({ className, ...rest }, ref) => /* @__PURE__ */ jsxs("span", { className: clsx(styles.listItemTail, styles.listItemTailLeft, className), ref, ...rest, children: [
     /* @__PURE__ */ jsx("span", { className: styles.listItemTailLine }),

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-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/ListItemTail.module-Dt55MBgv.js";
+import { s as styles } from "../../../chunks/ListItemTail.module-Br4WXwba.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

@@ -4,8 +4,8 @@ import { q as useSortable, s as CSS, c as clsx } from "../../../chunks/vendor-Bc
 import { ListItem } from "./ListItem.js";
 import { setForwardedRef } from "../utils.js";
 import { ListSortableItemTarget } from "./ListSortableItemTarget.js";
-const listSortableItem = "listSortableItem__ba12700f";
-const dragging = "dragging__42414515";
+const listSortableItem = "listSortableItem__4b7c540a";
+const dragging = "dragging__93b26892";
 const styles = {
   listSortableItem,
   dragging

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-Bco_z_Yi.js";
-const listSortableItemControls = "listSortableItemControls__e3de3208";
+const listSortableItemControls = "listSortableItemControls__7991dde1";
 const styles = {
   listSortableItemControls
 };

package/components/List/components/ListSortableItemTarget.js

@@ -2,10 +2,10 @@ 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-Bco_z_Yi.js";
-const listSortableItemTarget = "listSortableItemTarget__4ceaa0b5";
-const dragging = "dragging__42414515";
-const listSortableItemTargetContent = "listSortableItemTargetContent__b8a6a228";
-const listSortableItemTargetIcon = "listSortableItemTargetIcon__1c3fd1b9";
+const listSortableItemTarget = "listSortableItemTarget__4c89f1a8";
+const dragging = "dragging__93b26892";
+const listSortableItemTargetContent = "listSortableItemTargetContent__0d67b764";
+const listSortableItemTargetIcon = "listSortableItemTargetIcon__927ce189";
 const styles = {
   listSortableItemTarget,
   dragging,

package/components/List/index.js

@@ -3,7 +3,7 @@ import { AdvancedMouseSensor, AdvancedTouchSensor, ListSortable } from "./ListSo
 import { ListItem } from "./components/ListItem.js";
 import { ListItemControls } from "./components/ListItemControls.js";
 import { ListItemContent } from "./components/ListItemContent.js";
-import { L } from "../../chunks/ListItemControlsButton-D8zHNKyn.js";
+import { L } from "../../chunks/ListItemControlsButton-CQe_5GFV.js";
 import { ListItemControlsButtonDropdown } from "./components/ListItemControlsButtonDropdown.js";
 import { ListEmptyState } from "./components/ListEmptyState.js";
 import { ListItemLoading } from "./components/ListItemLoading.js";

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.35.0", ref, children });
+    return /* @__PURE__ */ jsx("div", { className, ...rest, "data-tx": "1.35.1", ref, children });
   }),
   {
     Body: ListMasterBody,

package/components/ListMaster/components/ListMasterBody.js

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

package/components/ListMaster/components/ListMasterChipGroup.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { ChipGroup } from "../../ChipGroup/ChipGroup.js";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-const listMasterChipGroup = "listMasterChipGroup__197c15e5";
+const listMasterChipGroup = "listMasterChipGroup__40daf909";
 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-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/ListMasterFooter.module-C-PKjZ9G.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-Bl4Kh0am.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-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/ListMasterFooter.module-C-PKjZ9G.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-Bl4Kh0am.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-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/ListMasterFooter.module-C-PKjZ9G.js";
+import { s as styles } from "../../../chunks/ListMasterFooter.module-Bl4Kh0am.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-Bco_z_Yi.js";
-const listMasterHeader = "listMasterHeader__ea040029";
-const sticky = "sticky__4b06dbb2";
+const listMasterHeader = "listMasterHeader__7c4e98a2";
+const sticky = "sticky__342515e3";
 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-Bco_z_Yi.js";
-const selectionControls = "selectionControls__cd7e5703";
+const selectionControls = "selectionControls__127a111e";
 const styles = {
   selectionControls
 };
@@ -11,7 +11,7 @@ const SelectionControls = React__default.forwardRef(
     {
       className: clsx(styles.selectionControls, className),
       ...rest,
-      "data-tx": "1.35.0",
+      "data-tx": "1.35.1",
       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-Bco_z_Yi.js";
-const loaderMiddle = "loaderMiddle__0a3626b4";
-const loaderMiddleDots = "loaderMiddleDots__e5adbd9d";
-const dot = "dot__3524d013";
-const dot1 = "dot1__2d67530e";
-const dot2 = "dot2__b37b32f8";
-const dot3 = "dot3__f1996dc2";
-const dot4 = "dot4__6dab6739";
-const line = "line__56fa5517";
+const loaderMiddle = "loaderMiddle__c894121a";
+const loaderMiddleDots = "loaderMiddleDots__f8504dea";
+const dot = "dot__26431898";
+const dot1 = "dot1__91b031ae";
+const dot2 = "dot2__e5b1d3ff";
+const dot3 = "dot3__025d9585";
+const dot4 = "dot4__5010385e";
+const line = "line__f2b23853";
 const styles = {
   loaderMiddle,
   loaderMiddleDots,

package/components/Loader/LoaderSmall/LoaderSmall.js

@@ -2,16 +2,16 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { ELoaderSmallTheme } from "./enum.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const loaderSmall = "loaderSmall__259b4343";
-const sm = "sm__2b5ed400";
-const dot = "dot__3524d013";
-const md = "md__f5564ded";
-const lg = "lg__56458239";
-const neutral = "neutral__6c7cb960";
-const brand = "brand__205f87bb";
-const dot1 = "dot1__2d67530e";
-const dot2 = "dot2__b37b32f8";
-const dot3 = "dot3__f1996dc2";
+const loaderSmall = "loaderSmall__e2a0eba6";
+const sm = "sm__d022fb0e";
+const dot = "dot__26431898";
+const md = "md__41177614";
+const lg = "lg__1696f8b9";
+const neutral = "neutral__084132d6";
+const brand = "brand__0b9c6af2";
+const dot1 = "dot1__91b031ae";
+const dot2 = "dot2__e5b1d3ff";
+const dot3 = "dot3__025d9585";
 const styles = {
   loaderSmall,
   sm,

package/components/LoaderScreen/LoaderScreen.js

@@ -4,9 +4,9 @@ import { ELoaderSmallTheme } from "../Loader/LoaderSmall/enum.js";
 import { LoaderMiddle } from "../Loader/LoaderMiddle/LoaderMiddle.js";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const loaderScreen = "loaderScreen__10536d21";
-const loaderSmallBackdrop = "loaderSmallBackdrop__8e586268";
-const loaderMiddleBackdrop = "loaderMiddleBackdrop__28aeca36";
+const loaderScreen = "loaderScreen__4b77ebca";
+const loaderSmallBackdrop = "loaderSmallBackdrop__879651be";
+const loaderMiddleBackdrop = "loaderMiddleBackdrop__beaff40d";
 const styles = {
   loaderScreen,
   loaderSmallBackdrop,

package/components/Marker/Marker.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
-import { a as styles, s as statusToClassNameMap } from "../../chunks/utils-DrtNvtcx.js";
+import { a as styles, s as statusToClassNameMap } from "../../chunks/utils-CH7yc0-n.js";
 import { Badge } from "../Badge/Badge.js";
 import "./enums.js";
 const Marker = ({ className, status, ...rest }) => /* @__PURE__ */ jsx(Badge.Dot, { className: clsx(styles.marker, statusToClassNameMap[status], className), ...rest });

package/components/Marker/utils.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { s } from "../../chunks/utils-DrtNvtcx.js";
+import { s } from "../../chunks/utils-CH7yc0-n.js";
 export {
   s as statusToClassNameMap
 };

package/components/MarkerStatus/MarkerStatus.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { Marker } from "../Marker/Marker.js";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
-import { s as statusToClassNameMap } from "../../chunks/utils-DrtNvtcx.js";
+import { s as statusToClassNameMap } from "../../chunks/utils-CH7yc0-n.js";
 import { ETextSize, EFontType, ECaptionSize } from "../Typography/enums.js";
 import { Caption } from "../Typography/Caption.js";
 import "../Typography/CodeText.js";
@@ -10,11 +10,11 @@ import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const markerStatus = "markerStatus__a32c2f5d";
-const contentContainer = "contentContainer__478cb943";
-const md = "md__726e9617";
-const markerContainer = "markerContainer__dd7e84a8";
-const lg = "lg__1a1befed";
+const markerStatus = "markerStatus__1fbc3383";
+const contentContainer = "contentContainer__becac5d4";
+const md = "md__63b82d96";
+const markerContainer = "markerContainer__9ca8c552";
+const lg = "lg__950ea810";
 const styles = {
   markerStatus,
   contentContainer,
@@ -30,7 +30,7 @@ const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const MarkerStatus = React__default.forwardRef(
   ({ children, className, description, status, size = EComponentSize.MD, ...restProps }, ref) => {
     const classNames = clsx(styles.markerStatus, sizeToClassNameMap[size], statusToClassNameMap[status], className);
-    return /* @__PURE__ */ jsxs("div", { className: classNames, "data-tx": "1.35.0", ...restProps, ref, children: [
+    return /* @__PURE__ */ jsxs("div", { className: classNames, "data-tx": "1.35.1", ...restProps, 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: markerStatusSizeToTextSizeMap[size], children }),

package/components/ModalWindow/ModalWindow.js

@@ -7,21 +7,24 @@ 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-BySVjOah.js";
+import { s as styles } from "../../chunks/ModalWindow.module-YB39njCQ.js";
 const modalNodeName = "ufs-modal-window";
 const animationExitTime = 300;
 const bodyClassNameModalOpen = ["modal-open", "no-hash-overflow-hidden"];
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
-const getOrCreateMountNode = () => {
+const getOrCreateWrapperNode = () => {
   let wrapperNode = document.querySelector(`#${modalNodeName}-wrapper`);
   if (!wrapperNode) {
     wrapperNode = document.createElement("div");
     wrapperNode.setAttribute("id", `${modalNodeName}-wrapper`);
     document.body.appendChild(wrapperNode);
   }
+  return wrapperNode;
+};
+const getOrCreateMountNode = () => {
   const node = document.createElement("div");
   node.className = `${modalNodeName}-portal-node`;
-  wrapperNode.appendChild(node);
+  getOrCreateWrapperNode().appendChild(node);
   return node;
 };
 const ModalWindow = React__default.forwardRef((props, ref) => {
@@ -66,6 +69,9 @@ const ModalWindow = React__default.forwardRef((props, ref) => {
     }
   };
   useEffect(() => {
+    if (!mountNode.parentNode) {
+      getOrCreateWrapperNode().appendChild(mountNode);
+    }
     return () => {
       var _a;
       (_a = mountNode.parentNode) == null ? void 0 : _a.removeChild(mountNode);

package/components/ModalWindow/ModalWindow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalWindow.js","sources":["../../../src/components/ModalWindow/ModalWindow.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { Portal } from \"../Portal\";\nimport { FocusTrapExtended, IFocusTrapExtendedProps } from \"../FocusTrapExtended\";\nimport { ModalWindowViewManager } from \"./components/ModalWindowViewManager\";\nimport { useToken } from \"../ThemeProvider/useToken\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport styles from \"./styles/ModalWindow.module.less\";\n\n/** Свойства компонента модального окна. */\nexport interface IModalWindowProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Открыто ли модальное окно. */\n    isOpen: boolean;\n    /** Содержимое модального окна. Обычно — `ModalWindowContent` с вложенными `ModalWindowHeader`, `ModalWindowBody`, `ModalWindowFooter`. */\n    children: React.ReactElement;\n    /** ClassName контейнера модального окна. */\n    containerClassName?: string;\n    /** Свойства компонента FocusTrapExtended. */\n    focusTrapProps?: IFocusTrapExtendedProps;\n    /** Callback после анимации закрытия модального окна. */\n    onExited?: () => void;\n    /** Кнопка закрыть. Обычно — `ModalWindowClose`. Рендерится внутри корневого dialog-элемента поверх контента. */\n    closeButton: React.ReactNode;\n    /** Размер модального окна. По умолчанию `EComponentSize.MD`. */\n    size?: EComponentSize;\n    /** Отступ сверху модального окна, px. По умолчанию `100`. */\n    topPosition?: number;\n}\n\n/** Имя класса для некоторых элементов связанных с компонентом. */\nconst modalNodeName = \"ufs-modal-window\";\n\n/** Время css-анимации скрытия модального окна. */\nconst animationExitTime = 300;\n\n/** Класс от Layout(сббола), который блюрит(blur) фоновый контент. */\nconst bodyClassNameModalOpen = [\"modal-open\", \"no-hash-overflow-hidden\"];\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Создаёт портальную ноду модалки и прикрепляет её к общему wrapper в body. */\nconst getOrCreateMountNode = (): HTMLDivElement => {\n    let wrapperNode = document.querySelector<HTMLDivElement>(`#${modalNodeName}-wrapper`);\n\n    if (!wrapperNode) {\n        wrapperNode = document.createElement(\"div\");\n        wrapperNode.setAttribute(\"id\", `${modalNodeName}-wrapper`);\n        document.body.appendChild(wrapperNode);\n    }\n\n    const node = document.createElement(\"div\");\n    node.className = `${modalNodeName}-portal-node`;\n    wrapperNode.appendChild(node);\n    return node;\n};\n\n/**\n * Модальное окно. Рендерится через Portal поверх контента страницы, добавляет\n * затемнённый backdrop, удерживает фокус внутри (FocusTrap) и блокирует скролл\n * `body` через классы `modal-open` + `no-hash-overflow-hidden`.\n */\nexport const ModalWindow = React.forwardRef<HTMLDivElement, IModalWindowProps>((props, ref) => {\n    const {\n        isOpen,\n        children,\n        containerClassName,\n        focusTrapProps,\n        onExited,\n        closeButton,\n        size = EComponentSize.MD,\n        className,\n        topPosition = 100,\n        ...rest\n    } = props;\n\n    // topPosition нужен, чтобы команда могла переопределить значение.\n    const topPositionStyle = { \"--modal-window-top\": `${topPosition}px` } as React.CSSProperties;\n\n    // Контейнер портала. Создаётся и сразу же прикрепляется к wrapper в DOM при первом рендере —\n    // это нужно, чтобы FocusTrap при mount нашёл tabbable-узлы внутри модалки (если делать attach\n    // позже, в onEnter CSSTransition, FocusTrap активируется раньше и падает с\n    // \"must have at least one container with at least one tabbable node\").\n    // Сама модалка скрывается/показывается через CSSTransition (mountOnEnter / unmountOnExit).\n    const [mountNode] = useState<HTMLDivElement>(getOrCreateMountNode);\n\n    // Узел role=\"dialog\". Используется как fallbackFocus для FocusTrap: ловушка активируется\n    // синхронно при открытии, и если внутри ещё нет tabbable-узлов (контент грузится асинхронно,\n    // показан лоадер и т.п.), focus-trap без fallback падает с\n    // \"must have at least one container with at least one tabbable node\".\n    // fallbackFocus вызывается только пока ловушка активна, то есть пока dialog смонтирован,\n    // а его ref проставляется до componentDidMount FocusTrap (потомок монтируется раньше родителя),\n    // поэтому dialogRef.current на момент вызова всегда заполнен — non-null assertion безопасен.\n    const dialogRef = useRef<HTMLDivElement | null>(null);\n\n    const { scopeClassName } = useToken();\n\n    /** Удаление стилей body. */\n    const removeBodyClasses = () => {\n        const bodyClassList = document.body.classList;\n\n        if (bodyClassList.contains(bodyClassNameModalOpen[0])) {\n            bodyClassList.remove(...bodyClassNameModalOpen);\n        }\n    };\n\n    /** Вспомогательный обработчик при открытии модального окна (CSSTransition onEnter). */\n    const handleOpenModal = () => {\n        const bodyClassList = document.body.classList;\n        if (!bodyClassList.contains(bodyClassNameModalOpen[0])) {\n            bodyClassList.add(...bodyClassNameModalOpen);\n        }\n    };\n\n    /** Вспомогательный обработчик после анимации закрытия модального окна (CSSTransition onExited). */\n    const handleCloseModal = () => {\n        removeBodyClasses();\n        onExited?.();\n    };\n\n    /** Установка ref. */\n    const setRef = (instance: HTMLDivElement | null) => {\n        dialogRef.current = instance;\n\n        if (typeof ref === \"function\") {\n            ref(instance);\n        } else if (ref) {\n            ref.current = instance;\n        }\n    };\n\n    useEffect(() => {\n        return () => {\n            mountNode.parentNode?.removeChild(mountNode);\n            removeBodyClasses();\n        };\n    }, [mountNode]);\n\n    const classNameContainer = clsx(scopeClassName, styles.modalWindowContainer, containerClassName);\n\n    const classNameModalWindow = clsx(styles.modalWindow, sizeToClassNameMap[size], className);\n\n    return (\n        <>\n            <Portal container={mountNode}>\n                <CSSTransition\n                    in={isOpen}\n                    timeout={animationExitTime}\n                    classNames=\"global-modalWindowTransition\"\n                    appear // Нужен для срабатывания onEnter.\n                    enter\n                    exit\n                    onEnter={handleOpenModal}\n                    onExited={handleCloseModal}\n                    mountOnEnter\n                    unmountOnExit\n                >\n                    <FocusTrapExtended\n                        active={isOpen}\n                        {...focusTrapProps}\n                        focusTrapOptions={{\n                            preventScroll: true,\n                            fallbackFocus: () => dialogRef.current!,\n                            ...focusTrapProps?.focusTrapOptions,\n                        }}\n                    >\n                        <div className={classNameContainer} style={topPositionStyle}>\n                            <div className={styles.modalWindowBackdrop} />\n                            <div\n                                role=\"dialog\"\n                                aria-modal=\"true\"\n                                // tabIndex нужен, чтобы dialog мог принять фокус как fallbackFocus\n                                // FocusTrap, когда внутри ещё нет tabbable-узлов.\n                                tabIndex={-1}\n                                {...rest}\n                                ref={setRef}\n                                className={classNameModalWindow}\n                            >\n                                <div className={styles.modalWindowContentWrapper}>\n                                    {children}\n                                    {closeButton}\n                                </div>\n                            </div>\n                        </div>\n                    </FocusTrapExtended>\n                </CSSTransition>\n            </Portal>\n            <ModalWindowViewManager />\n        </>\n    );\n});\n\nModalWindow.displayName = \"ModalWindow\";\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"ModalWindow.js","sources":["../../../src/components/ModalWindow/ModalWindow.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { Portal } from \"../Portal\";\nimport { FocusTrapExtended, IFocusTrapExtendedProps } from \"../FocusTrapExtended\";\nimport { ModalWindowViewManager } from \"./components/ModalWindowViewManager\";\nimport { useToken } from \"../ThemeProvider/useToken\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport styles from \"./styles/ModalWindow.module.less\";\n\n/** Свойства компонента модального окна. */\nexport interface IModalWindowProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Открыто ли модальное окно. */\n    isOpen: boolean;\n    /** Содержимое модального окна. Обычно — `ModalWindowContent` с вложенными `ModalWindowHeader`, `ModalWindowBody`, `ModalWindowFooter`. */\n    children: React.ReactElement;\n    /** ClassName контейнера модального окна. */\n    containerClassName?: string;\n    /** Свойства компонента FocusTrapExtended. */\n    focusTrapProps?: IFocusTrapExtendedProps;\n    /** Callback после анимации закрытия модального окна. */\n    onExited?: () => void;\n    /** Кнопка закрыть. Обычно — `ModalWindowClose`. Рендерится внутри корневого dialog-элемента поверх контента. */\n    closeButton: React.ReactNode;\n    /** Размер модального окна. По умолчанию `EComponentSize.MD`. */\n    size?: EComponentSize;\n    /** Отступ сверху модального окна, px. По умолчанию `100`. */\n    topPosition?: number;\n}\n\n/** Имя класса для некоторых элементов связанных с компонентом. */\nconst modalNodeName = \"ufs-modal-window\";\n\n/** Время css-анимации скрытия модального окна. */\nconst animationExitTime = 300;\n\n/** Класс от Layout(сббола), который блюрит(blur) фоновый контент. */\nconst bodyClassNameModalOpen = [\"modal-open\", \"no-hash-overflow-hidden\"];\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Возвращает общий wrapper модалок в body, создавая его при первом обращении. */\nconst getOrCreateWrapperNode = (): HTMLDivElement => {\n    let wrapperNode = document.querySelector<HTMLDivElement>(`#${modalNodeName}-wrapper`);\n\n    if (!wrapperNode) {\n        wrapperNode = document.createElement(\"div\");\n        wrapperNode.setAttribute(\"id\", `${modalNodeName}-wrapper`);\n        document.body.appendChild(wrapperNode);\n    }\n\n    return wrapperNode;\n};\n\n/** Создаёт портальную ноду модалки и прикрепляет её к общему wrapper в body. */\nconst getOrCreateMountNode = (): HTMLDivElement => {\n    const node = document.createElement(\"div\");\n    node.className = `${modalNodeName}-portal-node`;\n    getOrCreateWrapperNode().appendChild(node);\n    return node;\n};\n\n/**\n * Модальное окно. Рендерится через Portal поверх контента страницы, добавляет\n * затемнённый backdrop, удерживает фокус внутри (FocusTrap) и блокирует скролл\n * `body` через классы `modal-open` + `no-hash-overflow-hidden`.\n */\nexport const ModalWindow = React.forwardRef<HTMLDivElement, IModalWindowProps>((props, ref) => {\n    const {\n        isOpen,\n        children,\n        containerClassName,\n        focusTrapProps,\n        onExited,\n        closeButton,\n        size = EComponentSize.MD,\n        className,\n        topPosition = 100,\n        ...rest\n    } = props;\n\n    // topPosition нужен, чтобы команда могла переопределить значение.\n    const topPositionStyle = { \"--modal-window-top\": `${topPosition}px` } as React.CSSProperties;\n\n    // Контейнер портала. Создаётся и сразу же прикрепляется к wrapper в DOM при первом рендере —\n    // это нужно, чтобы FocusTrap при mount нашёл tabbable-узлы внутри модалки (если делать attach\n    // позже, в onEnter CSSTransition, FocusTrap активируется раньше и падает с\n    // \"must have at least one container with at least one tabbable node\").\n    // Сама модалка скрывается/показывается через CSSTransition (mountOnEnter / unmountOnExit).\n    const [mountNode] = useState<HTMLDivElement>(getOrCreateMountNode);\n\n    // Узел role=\"dialog\". Используется как fallbackFocus для FocusTrap: ловушка активируется\n    // синхронно при открытии, и если внутри ещё нет tabbable-узлов (контент грузится асинхронно,\n    // показан лоадер и т.п.), focus-trap без fallback падает с\n    // \"must have at least one container with at least one tabbable node\".\n    // fallbackFocus вызывается только пока ловушка активна, то есть пока dialog смонтирован,\n    // а его ref проставляется до componentDidMount FocusTrap (потомок монтируется раньше родителя),\n    // поэтому dialogRef.current на момент вызова всегда заполнен — non-null assertion безопасен.\n    const dialogRef = useRef<HTMLDivElement | null>(null);\n\n    const { scopeClassName } = useToken();\n\n    /** Удаление стилей body. */\n    const removeBodyClasses = () => {\n        const bodyClassList = document.body.classList;\n\n        if (bodyClassList.contains(bodyClassNameModalOpen[0])) {\n            bodyClassList.remove(...bodyClassNameModalOpen);\n        }\n    };\n\n    /** Вспомогательный обработчик при открытии модального окна (CSSTransition onEnter). */\n    const handleOpenModal = () => {\n        const bodyClassList = document.body.classList;\n        if (!bodyClassList.contains(bodyClassNameModalOpen[0])) {\n            bodyClassList.add(...bodyClassNameModalOpen);\n        }\n    };\n\n    /** Вспомогательный обработчик после анимации закрытия модального окна (CSSTransition onExited). */\n    const handleCloseModal = () => {\n        removeBodyClasses();\n        onExited?.();\n    };\n\n    /** Установка ref. */\n    const setRef = (instance: HTMLDivElement | null) => {\n        dialogRef.current = instance;\n\n        if (typeof ref === \"function\") {\n            ref(instance);\n        } else if (ref) {\n            ref.current = instance;\n        }\n    };\n\n    useEffect(() => {\n        // В React 18 StrictMode (dev) компонент проходит цикл mount → unmount → mount.\n        // На искусственном unmount срабатывает cleanup ниже и открепляет mountNode, а\n        // инициализатор useState на повторном mount заново не вызывается (стейт сохраняется) —\n        // узел остаётся висеть вне DOM, и Portal рендерит модалку в невидимый контейнер.\n        // Поэтому при (повторном) mount возвращаем узел в wrapper, если он оказался откреплён.\n        if (!mountNode.parentNode) {\n            getOrCreateWrapperNode().appendChild(mountNode);\n        }\n\n        return () => {\n            mountNode.parentNode?.removeChild(mountNode);\n            removeBodyClasses();\n        };\n    }, [mountNode]);\n\n    const classNameContainer = clsx(scopeClassName, styles.modalWindowContainer, containerClassName);\n\n    const classNameModalWindow = clsx(styles.modalWindow, sizeToClassNameMap[size], className);\n\n    return (\n        <>\n            <Portal container={mountNode}>\n                <CSSTransition\n                    in={isOpen}\n                    timeout={animationExitTime}\n                    classNames=\"global-modalWindowTransition\"\n                    appear // Нужен для срабатывания onEnter.\n                    enter\n                    exit\n                    onEnter={handleOpenModal}\n                    onExited={handleCloseModal}\n                    mountOnEnter\n                    unmountOnExit\n                >\n                    <FocusTrapExtended\n                        active={isOpen}\n                        {...focusTrapProps}\n                        focusTrapOptions={{\n                            preventScroll: true,\n                            fallbackFocus: () => dialogRef.current!,\n                            ...focusTrapProps?.focusTrapOptions,\n                        }}\n                    >\n                        <div className={classNameContainer} style={topPositionStyle}>\n                            <div className={styles.modalWindowBackdrop} />\n                            <div\n                                role=\"dialog\"\n                                aria-modal=\"true\"\n                                // tabIndex нужен, чтобы dialog мог принять фокус как fallbackFocus\n                                // FocusTrap, когда внутри ещё нет tabbable-узлов.\n                                tabIndex={-1}\n                                {...rest}\n                                ref={setRef}\n                                className={classNameModalWindow}\n                            >\n                                <div className={styles.modalWindowContentWrapper}>\n                                    {children}\n                                    {closeButton}\n                                </div>\n                            </div>\n                        </div>\n                    </FocusTrapExtended>\n                </CSSTransition>\n            </Portal>\n            <ModalWindowViewManager />\n        </>\n    );\n});\n\nModalWindow.displayName = \"ModalWindow\";\n"],"names":["React"],"mappings":"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"}

package/components/ModalWindow/components/ModalWindowBody.js

@@ -3,7 +3,7 @@ import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { Island } from "../../Island/Island.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { EIslandType } from "../../Island/enums.js";
-const modalWindowBody = "modalWindowBody__c9f915d6";
+const modalWindowBody = "modalWindowBody__9bbba6d1";
 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__bed89eb6";
+const modalWindowClose = "modalWindowClose__d0ac389f";
 const styles = {
   modalWindowClose
 };

package/components/ModalWindow/components/ModalWindowContent.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import React__default from "react";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-import { s as styles } from "../../../chunks/ModalWindow.module-BySVjOah.js";
+import { s as styles } from "../../../chunks/ModalWindow.module-YB39njCQ.js";
 import { Page } from "../../Page/Page.js";
 const ModalWindowContent = React__default.forwardRef(
   ({ isLoading, className, loadingTitle, children, ...rest }, ref) => /* @__PURE__ */ jsxs(