@sberbusiness/triplex-next 0.51.0 → 0.53.0

package/components/IslandAccordion/IslandAccordion.js

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

package/components/IslandAccordion/components/IslandAccordionContent.js

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

package/components/IslandAccordion/components/IslandAccordionFooter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../chunks/IslandAccordion.module-bwQFP0tP.js";
+import { s as styles } from "../../../chunks/IslandAccordion.module-DulT1VwH.js";
 import { Island } from "../../Island/Island.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";

package/components/IslandAccordion/components/IslandAccordionItem.js

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

package/components/IslandWidget/IslandWidget.js

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

package/components/IslandWidget/components/IslandWidgetBody.js

@@ -3,10 +3,10 @@ import { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { IslandWidgetContext } from "../IslandWidgetContext.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const islandWidgetBody = "islandWidgetBody__7bbc415f";
-const sm = "sm__7f98d45e";
-const md = "md__8fbf9a29";
-const lg = "lg__5c3859c5";
+const islandWidgetBody = "islandWidgetBody__6488bd1f";
+const sm = "sm__3332244f";
+const md = "md__4b38ddd7";
+const lg = "lg__dcdf6ba6";
 const styles = {
   islandWidgetBody,
   sm,

package/components/IslandWidget/components/IslandWidgetExtraFooter.js

@@ -3,7 +3,7 @@ import { useContext, useEffect } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { ExpandAnimation } from "../../ExpandAnimation/ExpandAnimation.js";
 import { IslandWidgetLayoutContext } from "../IslandWidgetLayoutContext.js";
-const islandWidgetExtraFooter = "islandWidgetExtraFooter__0e205128";
+const islandWidgetExtraFooter = "islandWidgetExtraFooter__0f9136e1";
 const styles = {
   islandWidgetExtraFooter
 };

package/components/IslandWidget/components/IslandWidgetFooter.js

@@ -5,7 +5,7 @@ import { IslandWidgetContext } from "../IslandWidgetContext.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { IslandWidgetFooterContent } from "./IslandWidgetFooterContent.js";
 import { IslandWidgetFooterControls } from "./IslandWidgetFooterControls.js";
-import { s as styles } from "../../../chunks/IslandWidgetFooter.module-CP5njAOS.js";
+import { s as styles } from "../../../chunks/IslandWidgetFooter.module-DTifP3wy.js";
 const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const IslandWidgetFooter = ({ children, className, ...htmlDivAttributes }) => {
   const { size } = useContext(IslandWidgetContext);

package/components/IslandWidget/components/IslandWidgetFooterContent.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../chunks/IslandWidgetFooter.module-CP5njAOS.js";
+import { s as styles } from "../../../chunks/IslandWidgetFooter.module-DTifP3wy.js";
 const IslandWidgetFooterContent = ({
   children,
   className,

package/components/IslandWidget/components/IslandWidgetFooterControls.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../chunks/IslandWidgetFooter.module-CP5njAOS.js";
+import { s as styles } from "../../../chunks/IslandWidgetFooter.module-DTifP3wy.js";
 const IslandWidgetFooterControls = ({
   children,
   className,

package/components/IslandWidget/components/IslandWidgetHeader.js

@@ -7,7 +7,7 @@ import { IslandWidgetHeaderTitle } from "./IslandWidgetHeaderTitle.js";
 import { CaretdownStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { IslandWidgetContext } from "../IslandWidgetContext.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-Czxumpj0.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-E-Y7Ydgr.js";
 const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const IslandWidgetHeader = ({ children, className, ...htmlDivAttributes }) => {
   const { adaptive, disableAdaptiveCollapsing, open, size } = useContext(IslandWidgetContext);

package/components/IslandWidget/components/IslandWidgetHeaderControls.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-Czxumpj0.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-E-Y7Ydgr.js";
 const IslandWidgetHeaderControls = ({
   children,
   className,

package/components/IslandWidget/components/IslandWidgetHeaderDescription.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-Czxumpj0.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-E-Y7Ydgr.js";
 import { ETextSize, EFontType } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";

package/components/IslandWidget/components/IslandWidgetHeaderTitle.js

@@ -5,7 +5,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import { Title } from "../../Typography/Title.js";
-import { s as styles } from "../../../chunks/IslandWidgetHeader.module-Czxumpj0.js";
+import { s as styles } from "../../../chunks/IslandWidgetHeader.module-E-Y7Ydgr.js";
 const IslandWidgetHeaderTitle = ({
   children,
   className,

package/components/IslandWidget/components/IslandWidgetWrapper.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React, { useState, useCallback, useMemo } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { IslandWidgetLayoutContext } from "../IslandWidgetLayoutContext.js";
-const islandWidgetWrapper = "islandWidgetWrapper__a28aa433";
+const islandWidgetWrapper = "islandWidgetWrapper__81d68644";
 const styles = {
   islandWidgetWrapper
 };

package/components/LightBox/LightBox.js

@@ -3,7 +3,7 @@ import { useRef, useState, useEffect } from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { Portal } from "../Portal/Portal.js";
 import { FocusTrapExtended } from "../FocusTrapExtended/FocusTrapExtended.js";
-import { L as LightBoxContent, s as styles } from "../../chunks/LightBoxContent-CWtp-PJm.js";
+import { L as LightBoxContent, s as styles } from "../../chunks/LightBoxContent-Cb1g3JDX.js";
 import { LightBoxControls } from "./LightBoxControls/LightBoxControls.js";
 import { LightBoxSideOverlay } from "./LightBoxSideOverlay/LightBoxSideOverlay.js";
 import { addClassNameWithScrollbarWidth } from "../../utils/scroll/scrollbar.js";
@@ -15,10 +15,10 @@ import { LightBoxLeftSidebar } from "./LightBoxSidebars/LightBoxLeftSidebar.js";
 import { LightBoxRightSidebar } from "./LightBoxSidebars/LightBoxRightSidebar.js";
 import { ELightBoxSize } from "./enums.js";
 const scrollStyles = {
-  "scroll-0": "scroll-0__830a2aca",
-  "scroll-15": "scroll-15__bc63cfa6",
-  "scroll-16": "scroll-16__a6432155",
-  "scroll-17": "scroll-17__e47e3fc1"
+  "scroll-0": "scroll-0__e5f601b5",
+  "scroll-15": "scroll-15__42cb4740",
+  "scroll-16": "scroll-16__af1bed3a",
+  "scroll-17": "scroll-17__ebbba3c4"
 };
 const lightBoxMountNodeIdDefault = "LightBox-next-mount-node";
 const lightBoxViewManagerNodeIdDefault = "LightBox-next-view-manager-node";

package/components/LightBox/LightBoxContent.js

@@ -3,7 +3,7 @@ import "react";
 import "../../chunks/vendor-Bf_-FiU6.js";
 import "../WindowResizeListener/WindowResizeListener.js";
 import "../LoaderScreen/LoaderScreen.js";
-import { L } from "../../chunks/LightBoxContent-CWtp-PJm.js";
+import { L } from "../../chunks/LightBoxContent-Cb1g3JDX.js";
 export {
   L as LightBoxContent
 };

package/components/LightBox/LightBoxControls/LightBoxArrow.js

@@ -5,7 +5,7 @@ import { TriggerClickOnKeyDownEvent } from "../../Triggers/TriggerClickOnKeyDown
 import { EButtonTheme } from "../../Button/enums.js";
 import { Button } from "../../Button/Button.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-import { s as styles } from "../../../chunks/LightBoxControls.module-CCqAYXOp.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-CKff0gTS.js";
 const LightBoxArrow = ({
   buttonClassName,
   className,

package/components/LightBox/LightBoxControls/LightBoxClose.js

@@ -7,7 +7,7 @@ import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import { EButtonTheme } from "../../Button/enums.js";
 import { Button } from "../../Button/Button.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-import { s as styles } from "../../../chunks/LightBoxControls.module-CCqAYXOp.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-CKff0gTS.js";
 const LightBoxClose = ({
   className,
   onClick,

package/components/LightBox/LightBoxControls/LightBoxControls.js

@@ -3,7 +3,7 @@ import { LightBoxClose } from "./LightBoxClose.js";
 import { LightBoxNext } from "./LightBoxNext.js";
 import { LightBoxPrev } from "./LightBoxPrev.js";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../chunks/LightBoxControls.module-CCqAYXOp.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-CKff0gTS.js";
 const LightBoxControls = ({ children, className, ...htmlDivAttributes }) => /* @__PURE__ */ jsx("div", { className: clsx(className, styles.lightBoxControls), ...htmlDivAttributes, "data-lightbox-component": "controls", children });
 LightBoxControls.displayName = "LightBoxControls";
 LightBoxControls.Close = LightBoxClose;

package/components/LightBox/LightBoxControls/LightBoxNext.js

@@ -3,7 +3,7 @@ import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { CaretrightStrokeSrvIcon20, CaretrightStrokeSrvIcon32 } from "@sberbusiness/icons-next";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import { LightBoxArrow } from "./LightBoxArrow.js";
-import { s as styles } from "../../../chunks/LightBoxControls.module-CCqAYXOp.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-CKff0gTS.js";
 const LightBoxNext = ({ className, clickByArrowRight, ...rest }) => /* @__PURE__ */ jsx(
   LightBoxArrow,
   {

package/components/LightBox/LightBoxControls/LightBoxPrev.js

@@ -3,7 +3,7 @@ import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { CaretleftStrokeSrvIcon20, CaretleftStrokeSrvIcon32 } from "@sberbusiness/icons-next";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import { LightBoxArrow } from "./LightBoxArrow.js";
-import { s as styles } from "../../../chunks/LightBoxControls.module-CCqAYXOp.js";
+import { s as styles } from "../../../chunks/LightBoxControls.module-CKff0gTS.js";
 const LightBoxPrev = ({ className, clickByArrowLeft, ...rest }) => /* @__PURE__ */ jsx(
   LightBoxArrow,
   {

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlay.js

@@ -10,18 +10,18 @@ import { LightBoxSideOverlayCloseMobile } from "./LightBoxSideOverlayCloseMobile
 import { LightBoxSideOverlayCloseDesktop } from "./LightBoxSideOverlayCloseDesktop.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const lightBoxSideOverlayMask = "lightBoxSideOverlayMask__d06f2f7a";
-const lightBoxSideOverlayWrapper = "lightBoxSideOverlayWrapper__ef82bcce";
-const overflowXHidden = "overflowXHidden__4ef814b1";
-const overflowYHidden = "overflowYHidden__e3156985";
-const closing = "closing__bb76bf8c";
-const opened = "opened__fe801512";
-const lightBoxSideOverlayContent = "lightBoxSideOverlayContent__654d3fd5";
-const opening = "opening__0f0f6e9b";
-const sm = "sm__16ab7fe2";
-const md = "md__f48e6c18";
-const lg = "lg__d9956273";
-const lightBoxSideOverlay = "lightBoxSideOverlay__5a0783f0";
+const lightBoxSideOverlayMask = "lightBoxSideOverlayMask__cb766798";
+const lightBoxSideOverlayWrapper = "lightBoxSideOverlayWrapper__395f19a3";
+const overflowXHidden = "overflowXHidden__e1e327f7";
+const overflowYHidden = "overflowYHidden__e5e3dd44";
+const closing = "closing__49c8ed92";
+const opened = "opened__bbfee2a8";
+const lightBoxSideOverlayContent = "lightBoxSideOverlayContent__e32efcb7";
+const opening = "opening__f250112c";
+const sm = "sm__79f69f30";
+const md = "md__3d9ef84d";
+const lg = "lg__cd5f9409";
+const lightBoxSideOverlay = "lightBoxSideOverlay__b43d32fe";
 const styles = {
   lightBoxSideOverlayMask,
   lightBoxSideOverlayWrapper,

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayCloseDesktop.js

@@ -7,7 +7,7 @@ import { CrossStrokeSrvIcon32 } from "@sberbusiness/icons-next";
 import { EButtonTheme } from "../../Button/enums.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { Button } from "../../Button/Button.js";
-import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-Bu0mbQ2E.js";
+import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-DWKvzJvF.js";
 const LightBoxSideOverlayCloseDesktop = ({
   className,
   clickByEsc,

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayCloseMobile.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { CrossStrokeSrvIcon20 } from "@sberbusiness/icons-next";
-import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-Bu0mbQ2E.js";
+import { s as styles } from "../../../chunks/LightBoxSideOverlayClose.module-DWKvzJvF.js";
 import { EButtonTheme } from "../../Button/enums.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { Button } from "../../Button/Button.js";

package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayLoader.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-const lightBoxSideOverlayLoaderWrapper = "lightBoxSideOverlayLoaderWrapper__d85644d4";
+const lightBoxSideOverlayLoaderWrapper = "lightBoxSideOverlayLoaderWrapper__d721ff2e";
 const styles = {
   lightBoxSideOverlayLoaderWrapper
 };

package/components/LightBox/LightBoxSidebars/LightBoxLeftSidebar.js

@@ -2,9 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useImperativeHandle } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { useLightBoxSidebarVisibility } from "./useLightBoxSidebarVisibility.js";
-const lightBoxLeftSidebar = "lightBoxLeftSidebar__8aa98c28";
-const fixed = "fixed__654b5b8c";
-const hidden = "hidden__73df9d01";
+const lightBoxLeftSidebar = "lightBoxLeftSidebar__4a48c9f7";
+const fixed = "fixed__0c495296";
+const hidden = "hidden__acafc78e";
 const styles = {
   lightBoxLeftSidebar,
   fixed,

package/components/LightBox/LightBoxSidebars/LightBoxRightSidebar.js

@@ -2,9 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useImperativeHandle } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { useLightBoxSidebarVisibility } from "./useLightBoxSidebarVisibility.js";
-const lightBoxRightSidebar = "lightBoxRightSidebar__2f265918";
-const fixed = "fixed__654b5b8c";
-const hidden = "hidden__73df9d01";
+const lightBoxRightSidebar = "lightBoxRightSidebar__9b7ac474";
+const fixed = "fixed__0c495296";
+const hidden = "hidden__acafc78e";
 const styles = {
   lightBoxRightSidebar,
   fixed,

package/components/Link/Link.js

@@ -3,10 +3,10 @@ import React from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { getSafeRel } from "../../utils/html/anchorSecurity.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const link = "link__77917fc1";
-const wordWithContent = "wordWithContent__023f8da3";
-const before = "before__1a6e19af";
-const after = "after__5301d131";
+const link = "link__dbf3cb91";
+const wordWithContent = "wordWithContent__93bcd494";
+const before = "before__e49dac26";
+const after = "after__38ea5d0c";
 const styles = {
   link,
   wordWithContent,
@@ -77,7 +77,7 @@ const Link = React.forwardRef(
         target,
         rel: getSafeRel(target, rel),
         className: clsx(styles.link, className),
-        "data-tx": "0.51.0",
+        "data-tx": "0.53.0",
         ref,
         children: /* @__PURE__ */ jsx(IconWrapper, { displayContents: true, children: renderChildren() })
       }

package/components/List/List.js

@@ -2,13 +2,13 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { LoaderScreen } from "../LoaderScreen/LoaderScreen.js";
-const list = "list__5f509db3";
-const listLoaderScreen = "listLoaderScreen__d24a5cae";
+const list = "list__2bf2dd93";
+const listLoaderScreen = "listLoaderScreen__9190dd77";
 const styles = {
   list,
   listLoaderScreen
 };
-const List = React.forwardRef(({ children, className, loading, ...rest }, ref) => /* @__PURE__ */ jsxs("ul", { className: clsx(styles.list, className), ...rest, "data-tx": "0.51.0", ref, children: [
+const List = React.forwardRef(({ children, className, loading, ...rest }, ref) => /* @__PURE__ */ jsxs("ul", { className: clsx(styles.list, className), ...rest, "data-tx": "0.53.0", ref, children: [
   children,
   loading ? /* @__PURE__ */ jsx(LoaderScreen, { type: "middle", className: styles.listLoaderScreen }) : null
 ] }));

package/components/List/components/ListActionItem.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { isKey } from "../../../utils/keyboard.js";
 import { ListItem } from "./ListItem.js";
 import { ListItemContent } from "./ListItemContent.js";
-const listActionItem = "listActionItem__8ca61da0";
+const listActionItem = "listActionItem__9f2b290e";
 const styles = {
   listActionItem
 };

package/components/List/components/ListEmptyState.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-const listEmptyState = "listEmptyState__114189b2";
+const listEmptyState = "listEmptyState__e038fe04";
 const styles = {
   listEmptyState
 };

package/components/List/components/ListItem.js

@@ -4,7 +4,7 @@ import { ListItemContext } from "./ListItemContext.js";
 const ListItem = React.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": "0.51.0", ref, children }) });
+  return /* @__PURE__ */ jsx(ListItemContext.Provider, { value: { selected, setSelected, selectable, setSelectable }, children: /* @__PURE__ */ jsx("li", { className, ...rest, "data-tx": "0.53.0", ref, children }) });
 });
 ListItem.displayName = "ListItem";
 export {

package/components/List/components/ListItemContent.js

@@ -2,9 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import React, { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { ListItemContext } from "./ListItemContext.js";
-const listItemContent = "listItemContent__79dca1ea";
-const selected = "selected__b0793ef7";
-const selectable = "selectable__de0a10fc";
+const listItemContent = "listItemContent__aca60cfe";
+const selected = "selected__3e216dc2";
+const selectable = "selectable__7641b1e9";
 const styles = {
   listItemContent,
   selected,
@@ -22,7 +22,7 @@ const ListItemContent = React.forwardRef(
           className
         ),
         ...rest,
-        "data-tx": "0.51.0",
+        "data-tx": "0.53.0",
         ref,
         children
       }

package/components/List/components/ListItemControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-const listItemControls = "listItemControls__f91a2f47";
+const listItemControls = "listItemControls__05289ced";
 const styles = {
   listItemControls
 };

package/components/List/components/ListItemControlsButton.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../chunks/vendor-Bf_-FiU6.js";
-import { L } from "../../../chunks/ListItemControlsButton-EF-ovU6G.js";
+import { L } from "../../../chunks/ListItemControlsButton-CTZwACLC.js";
 import "../../Typography/enums.js";
 import "../../Typography/Text.js";
 import "../../IconWrapper/IconWrapper.js";

package/components/List/components/ListItemControlsButtonDropdown.js

@@ -6,19 +6,19 @@ import { Text } from "../../Typography/Text.js";
 import { ButtonDropdownExtended } from "../../Button/ButtonDropdownExtended.js";
 import { isKey } from "../../../utils/keyboard.js";
 import { DropdownListContext } from "../../Dropdown/DropdownListContext.js";
-import "../../Dropdown/mobile/DropdownMobile.js";
-import { DropdownMobileBody } from "../../Dropdown/mobile/DropdownMobileBody.js";
-import { DropdownMobileClose } from "../../Dropdown/mobile/DropdownMobileClose.js";
-import "../../Dropdown/mobile/DropdownMobileFooter.js";
-import { DropdownMobileHeader } from "../../Dropdown/mobile/DropdownMobileHeader.js";
-import "../../Dropdown/mobile/DropdownMobileInner.js";
-import "../../Dropdown/mobile/DropdownMobileInput.js";
-import { DropdownMobileList } from "../../Dropdown/mobile/DropdownMobileList.js";
-import { DropdownMobileListItem } from "../../Dropdown/mobile/DropdownMobileListItem.js";
+import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
+import { s as styles, L as ListItemControlsButton } from "../../../chunks/ListItemControlsButton-CTZwACLC.js";
+import "../../Puller/Puller.js";
+import { PullerBody } from "../../Puller/PullerBody.js";
+import { PullerClose } from "../../Puller/PullerClose.js";
+import "../../Puller/PullerFooter.js";
+import { PullerHeader } from "../../Puller/PullerHeader.js";
+import "../../Puller/PullerInput.js";
+import { PullerList } from "../../Puller/PullerList.js";
+import { PullerListItem } from "../../Puller/PullerListItem.js";
 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-EF-ovU6G.js";
+import "../../Puller/PullerMaskedInput.js";
 import { setForwardedRef } from "../../../helpers/setForwardedRef.js";
 const ListItemControlsButtonDropdown = React.forwardRef(
   (props, ref) => {
@@ -64,17 +64,11 @@ const ListItemControlsButtonDropdown = React.forwardRef(
           setOpened,
           targetRef: buttonRef,
           ref: dropdownRef,
-          mobileViewProps: {
+          pullerProps: {
             children: /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(
-                DropdownMobileHeader,
-                {
-                  controlButtons: /* @__PURE__ */ jsx(DropdownMobileClose, { onClick: () => setOpened(false) }),
-                  children: /* @__PURE__ */ jsx(Text, { tag: "div", size: ETextSize.B1, children })
-                }
-              ),
-              /* @__PURE__ */ jsx(DropdownMobileBody, { children: /* @__PURE__ */ jsx(DropdownMobileList, { children: options.map((option) => /* @__PURE__ */ createElement(
-                DropdownMobileListItem,
+              /* @__PURE__ */ jsx(PullerHeader, { controlButtons: /* @__PURE__ */ jsx(PullerClose, { onClick: () => setOpened(false) }), children: /* @__PURE__ */ jsx(Text, { tag: "div", size: ETextSize.B1, children }) }),
+              /* @__PURE__ */ jsx(PullerBody, { children: /* @__PURE__ */ jsx(PullerList, { children: options.map((option) => /* @__PURE__ */ createElement(
+                PullerListItem,
                 {
                   ...option,
                   key: option.id,

package/components/List/components/ListItemControlsButtonDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemControlsButtonDropdown.js","sources":["../../../../src/components/List/components/ListItemControlsButtonDropdown.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { ETextSize } from \"@sberbusiness/triplex-next/components/Typography/enums\";\nimport { Text } from \"@sberbusiness/triplex-next/components/Typography/Text\";\nimport { uniqueId } from \"lodash-es\";\nimport {\n    ButtonDropdownExtended,\n    IButtonDropdownExtendedButtonProvideProps,\n    IButtonDropdownExtendedDropdownProvideProps,\n} from \"@sberbusiness/triplex-next/components/Button/ButtonDropdownExtended\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport { DropdownListContext } from \"@sberbusiness/triplex-next/components/Dropdown/DropdownListContext\";\nimport {\n    DropdownMobileBody,\n    DropdownMobileClose,\n    DropdownMobileHeader,\n    DropdownMobileList,\n    DropdownMobileListItem,\n} from \"@sberbusiness/triplex-next/components/Dropdown/mobile\";\nimport { DropdownList } from \"@sberbusiness/triplex-next/components/Dropdown/desktop/DropdownList\";\nimport { IButtonDropdownProps } from \"@sberbusiness/triplex-next/components/Button/ButtonDropdown\";\nimport {\n    IListItemControlsButtonProps,\n    ListItemControlsButton,\n} from \"@sberbusiness/triplex-next/components/List/components/ListItemControlsButton\";\nimport { setForwardedRef } from \"../../../helpers/setForwardedRef\";\nimport styles from \"../styles/ListItemControlsButton.module.less\";\n\nexport interface IListItemControlsButtonDropdownProps\n    extends Omit<IButtonDropdownProps, \"size\">, Pick<IListItemControlsButtonProps, \"icon\"> {}\n\n/** Кнопка-дропдаун listItem для области под свайпом. */\nexport const ListItemControlsButtonDropdown = React.forwardRef<HTMLButtonElement, IListItemControlsButtonDropdownProps>(\n    (props, ref) => {\n        const { buttonAttributes, children, className, icon, options, selected, disabled, ...rest } = props;\n        const buttonRef = useRef<HTMLButtonElement | null>(null);\n        const dropdownRef = useRef<HTMLDivElement>(null);\n        const [activeDescendant, setActiveDescendant] = useState<string>();\n        const instanceId = useRef(uniqueId());\n\n        const renderButton = ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) => {\n            return (\n                <ListItemControlsButton\n                    onKeyDown={handleKeyDown({ opened, setOpened })}\n                    onClick={handleClick({ opened, setOpened })}\n                    disabled={disabled}\n                    aria-haspopup=\"menu\"\n                    aria-expanded={opened}\n                    aria-controls={instanceId.current}\n                    aria-activedescendant={activeDescendant}\n                    icon={icon}\n                    {...buttonAttributes}\n                    ref={setRef}\n                >\n                    {children}\n                </ListItemControlsButton>\n            );\n        };\n\n        const handleClick =\n            ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) =>\n            () =>\n                setOpened(!opened);\n\n        const handleKeyDown =\n            ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) =>\n            (event: React.KeyboardEvent<HTMLButtonElement>) => {\n                const { key } = event;\n\n                if (isKey(key, \"SPACE\") || isKey(key, \"ARROW_UP\") || isKey(key, \"ARROW_DOWN\")) {\n                    event.preventDefault();\n                }\n                if (!opened && (isKey(key, \"ARROW_UP\") || isKey(key, \"ARROW_DOWN\"))) {\n                    setOpened(true);\n                }\n            };\n\n        const renderDropdown = ({ opened, setOpened, className }: IButtonDropdownExtendedDropdownProvideProps) => {\n            return (\n                <DropdownListContext.Provider value={{ activeDescendant, setActiveDescendant }}>\n                    <ButtonDropdownExtended.Dropdown\n                        className={className}\n                        opened={opened}\n                        setOpened={setOpened}\n                        targetRef={buttonRef}\n                        ref={dropdownRef}\n                        mobileViewProps={{\n                            children: (\n                                <>\n                                    <DropdownMobileHeader\n                                        controlButtons={<DropdownMobileClose onClick={() => setOpened(false)} />}\n                                    >\n                                        <Text tag=\"div\" size={ETextSize.B1}>\n                                            {children}\n                                        </Text>\n                                    </DropdownMobileHeader>\n                                    <DropdownMobileBody>\n                                        <DropdownMobileList>\n                                            {options.map((option) => (\n                                                <DropdownMobileListItem\n                                                    {...option}\n                                                    key={option.id}\n                                                    selected={option.id === selected?.id}\n                                                    onSelect={() => {\n                                                        option.onSelect?.();\n                                                        setOpened(false);\n                                                    }}\n                                                >\n                                                    {option.label}\n                                                </DropdownMobileListItem>\n                                            ))}\n                                        </DropdownMobileList>\n                                    </DropdownMobileBody>\n                                </>\n                            ),\n                        }}\n                    >\n                        <DropdownList dropdownOpened={opened} id={instanceId.current}>\n                            {options.map((option) => (\n                                <DropdownList.Item\n                                    {...option}\n                                    className={styles.buttonDropdownMenuItem}\n                                    key={option.id}\n                                    selected={option.id === selected?.id}\n                                    onSelect={() => {\n                                        option.onSelect?.();\n                                        setOpened(false);\n                                    }}\n                                >\n                                    {option.label}\n                                </DropdownList.Item>\n                            ))}\n                        </DropdownList>\n                    </ButtonDropdownExtended.Dropdown>\n                </DropdownListContext.Provider>\n            );\n        };\n\n        const setRef = (instance: HTMLButtonElement | null) => {\n            buttonRef.current = instance;\n            setForwardedRef(ref, instance);\n        };\n\n        return (\n            <ButtonDropdownExtended\n                className={clsx(styles.listItemControlsButtonDropdown, className)}\n                renderButton={renderButton}\n                renderDropdown={renderDropdown}\n                dropdownRef={dropdownRef}\n                closeOnTab\n                {...rest}\n            />\n        );\n    },\n);\n\nListItemControlsButtonDropdown.displayName = \"ListItemControlsButtonDropdown\";\n"],"names":["className"],"mappings":"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"}
+{"version":3,"file":"ListItemControlsButtonDropdown.js","sources":["../../../../src/components/List/components/ListItemControlsButtonDropdown.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport { ETextSize } from \"../../Typography/enums\";\nimport { Text } from \"../../Typography/Text\";\nimport {\n    ButtonDropdownExtended,\n    IButtonDropdownExtendedButtonProvideProps,\n    IButtonDropdownExtendedDropdownProvideProps,\n} from \"../../Button/ButtonDropdownExtended\";\nimport { isKey } from \"../../../utils/keyboard\";\nimport { DropdownListContext } from \"../../Dropdown/DropdownListContext\";\nimport { DropdownList } from \"../../Dropdown/desktop/DropdownList\";\nimport { IButtonDropdownProps } from \"../../Button/ButtonDropdown\";\nimport { IListItemControlsButtonProps, ListItemControlsButton } from \"./ListItemControlsButton\";\nimport { PullerBody, PullerClose, PullerHeader, PullerList, PullerListItem } from \"../../Puller\";\nimport { setForwardedRef } from \"../../../helpers/setForwardedRef\";\nimport styles from \"../styles/ListItemControlsButton.module.less\";\n\nexport interface IListItemControlsButtonDropdownProps\n    extends Omit<IButtonDropdownProps, \"size\">, Pick<IListItemControlsButtonProps, \"icon\"> {}\n\n/** Кнопка-дропдаун listItem для области под свайпом. */\nexport const ListItemControlsButtonDropdown = React.forwardRef<HTMLButtonElement, IListItemControlsButtonDropdownProps>(\n    (props, ref) => {\n        const { buttonAttributes, children, className, icon, options, selected, disabled, ...rest } = props;\n        const buttonRef = useRef<HTMLButtonElement | null>(null);\n        const dropdownRef = useRef<HTMLDivElement>(null);\n        const [activeDescendant, setActiveDescendant] = useState<string>();\n        const instanceId = useRef(uniqueId());\n\n        const renderButton = ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) => {\n            return (\n                <ListItemControlsButton\n                    onKeyDown={handleKeyDown({ opened, setOpened })}\n                    onClick={handleClick({ opened, setOpened })}\n                    disabled={disabled}\n                    aria-haspopup=\"menu\"\n                    aria-expanded={opened}\n                    aria-controls={instanceId.current}\n                    aria-activedescendant={activeDescendant}\n                    icon={icon}\n                    {...buttonAttributes}\n                    ref={setRef}\n                >\n                    {children}\n                </ListItemControlsButton>\n            );\n        };\n\n        const handleClick =\n            ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) =>\n            () =>\n                setOpened(!opened);\n\n        const handleKeyDown =\n            ({ opened, setOpened }: IButtonDropdownExtendedButtonProvideProps) =>\n            (event: React.KeyboardEvent<HTMLButtonElement>) => {\n                const { key } = event;\n\n                if (isKey(key, \"SPACE\") || isKey(key, \"ARROW_UP\") || isKey(key, \"ARROW_DOWN\")) {\n                    event.preventDefault();\n                }\n                if (!opened && (isKey(key, \"ARROW_UP\") || isKey(key, \"ARROW_DOWN\"))) {\n                    setOpened(true);\n                }\n            };\n\n        const renderDropdown = ({ opened, setOpened, className }: IButtonDropdownExtendedDropdownProvideProps) => {\n            return (\n                <DropdownListContext.Provider value={{ activeDescendant, setActiveDescendant }}>\n                    <ButtonDropdownExtended.Dropdown\n                        className={className}\n                        opened={opened}\n                        setOpened={setOpened}\n                        targetRef={buttonRef}\n                        ref={dropdownRef}\n                        pullerProps={{\n                            children: (\n                                <>\n                                    <PullerHeader controlButtons={<PullerClose onClick={() => setOpened(false)} />}>\n                                        <Text tag=\"div\" size={ETextSize.B1}>\n                                            {children}\n                                        </Text>\n                                    </PullerHeader>\n                                    <PullerBody>\n                                        <PullerList>\n                                            {options.map((option) => (\n                                                <PullerListItem\n                                                    {...option}\n                                                    key={option.id}\n                                                    selected={option.id === selected?.id}\n                                                    onSelect={() => {\n                                                        option.onSelect?.();\n                                                        setOpened(false);\n                                                    }}\n                                                >\n                                                    {option.label}\n                                                </PullerListItem>\n                                            ))}\n                                        </PullerList>\n                                    </PullerBody>\n                                </>\n                            ),\n                        }}\n                    >\n                        <DropdownList dropdownOpened={opened} id={instanceId.current}>\n                            {options.map((option) => (\n                                <DropdownList.Item\n                                    {...option}\n                                    className={styles.buttonDropdownMenuItem}\n                                    key={option.id}\n                                    selected={option.id === selected?.id}\n                                    onSelect={() => {\n                                        option.onSelect?.();\n                                        setOpened(false);\n                                    }}\n                                >\n                                    {option.label}\n                                </DropdownList.Item>\n                            ))}\n                        </DropdownList>\n                    </ButtonDropdownExtended.Dropdown>\n                </DropdownListContext.Provider>\n            );\n        };\n\n        const setRef = (instance: HTMLButtonElement | null) => {\n            buttonRef.current = instance;\n            setForwardedRef(ref, instance);\n        };\n\n        return (\n            <ButtonDropdownExtended\n                className={clsx(styles.listItemControlsButtonDropdown, className)}\n                renderButton={renderButton}\n                renderDropdown={renderDropdown}\n                dropdownRef={dropdownRef}\n                closeOnTab\n                {...rest}\n            />\n        );\n    },\n);\n\nListItemControlsButtonDropdown.displayName = \"ListItemControlsButtonDropdown\";\n"],"names":["className"],"mappings":"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"}

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__5a805765";
+const listItemLoading = "listItemLoading__09b51b91";
 const styles = {
   listItemLoading
 };