@sberbusiness/triplex-next 0.52.0 → 0.53.0

package/components/Table/MasterTable.js

@@ -15,7 +15,7 @@ import "./TableFooter/components/TableFooterSummaryAmount.js";
 import "./TableFooter/components/TableFooterSummarySelectAllButton.js";
 import "./TableFooter/components/TableFooterSummarySelectedCount.js";
 import "./TableBasicSettings/components/ColumnSettingsSortableListItem.js";
-const masterTable = "masterTable__22faa2b7";
+const masterTable = "masterTable__0cc30fd2";
 const styles = {
   masterTable
 };
@@ -31,7 +31,7 @@ const MasterTable = Object.assign(
       {
         className: clsx(styles.masterTable, className),
         ...htmlDivAttributes,
-        "data-tx": "0.52.0",
+        "data-tx": "0.53.0",
         ref,
         children
       }

package/components/Table/NoColumns.js

@@ -3,8 +3,8 @@ import React from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { Gap } from "../Gap/Gap.js";
 import { ServicesetupSysIcon96 } from "@sberbusiness/icons-next";
-const noColumns = "noColumns__6a10e00e";
-const content = "content__ef13b559";
+const noColumns = "noColumns__a39bbdc0";
+const content = "content__1d5917a0";
 const styles = {
   noColumns,
   content

package/components/Table/PaginationPanel.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 paginationPanel = "paginationPanel__bbf7f397";
+const paginationPanel = "paginationPanel__441e19c4";
 const styles = {
   paginationPanel
 };
@@ -11,7 +11,7 @@ const PaginationPanel = React.forwardRef(
     {
       className: clsx(styles.paginationPanel, className),
       ...htmlDivAttributes,
-      "data-tx": "0.52.0",
+      "data-tx": "0.53.0",
       ref,
       children
     }

package/components/Table/TableBasic/TableBasic.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useContext, useEffect } from "react";
 import { i as isEqual } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { MasterTableContext } from "../MasterTableContext.js";
-import { s as styles } from "../../../chunks/utils-oTkgQe3Q.js";
+import { s as styles } from "../../../chunks/utils-CrdZr25q.js";
 import { TableBasicHeader } from "./components/TableBasicHeader.js";
 import { TableBasicBody } from "./components/TableBasicBody.js";
 import { LoaderMiddle } from "../../Loader/LoaderMiddle/LoaderMiddle.js";

package/components/Table/TableBasic/components/TableBasicBody.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { TableBasicRow } from "./TableBasicRow.js";
 import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../../chunks/utils-oTkgQe3Q.js";
+import { s as styles } from "../../../../chunks/utils-CrdZr25q.js";
 const TableBasicBody = ({ columns, data, highlightRowOnHover, onClickRow }) => {
   if (data.length === 0) {
     return null;

package/components/Table/TableBasic/components/TableBasicHeader.js

@@ -4,7 +4,7 @@ import { getAriaHTMLAttributes } from "../../../../utils/html/AriaAttributes.js"
 import { getDataHTMLAttributes } from "../../../../utils/html/DataAttributes.js";
 import { ECellType, EHorizontalAlign, EOrderDirection } from "../enums.js";
 import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles, m as mapHorizontalAlignToClassName } from "../../../../chunks/utils-oTkgQe3Q.js";
+import { s as styles, m as mapHorizontalAlignToClassName } from "../../../../chunks/utils-CrdZr25q.js";
 import { Text } from "../../../Typography/Text.js";
 import { ETextSize } from "../../../Typography/enums.js";
 const getNextOrderDirection = (currentDirection) => {

package/components/Table/TableBasic/components/TableBasicRow.js

@@ -3,7 +3,7 @@ import { getAriaHTMLAttributes } from "../../../../utils/html/AriaAttributes.js"
 import { getDataHTMLAttributes } from "../../../../utils/html/DataAttributes.js";
 import { DataTestId } from "../../../../consts/DataTestId.js";
 import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles, a as mapVerticalAlignToClassName, m as mapHorizontalAlignToClassName, b as mapCellTypeToClassName } from "../../../../chunks/utils-oTkgQe3Q.js";
+import { s as styles, a as mapVerticalAlignToClassName, m as mapHorizontalAlignToClassName, b as mapCellTypeToClassName } from "../../../../chunks/utils-CrdZr25q.js";
 import { ECellType, EVerticalAlign } from "../enums.js";
 import { ETextSize } from "../../../Typography/enums.js";
 import { Text } from "../../../Typography/Text.js";

package/components/Table/TableBasicSettings/TableBasicSettings.js

@@ -7,8 +7,8 @@ import { ColumnSettings } from "./components/ColumnSettings.js";
 import { TableBasicSettingsFooter } from "./components/TableBasicSettingsFooter.js";
 import { TableBasicSettingsHeader } from "./components/TableBasicSettingsHeader.js";
 import { Link } from "../../Link/Link.js";
-const tableSettingsLink = "tableSettingsLink__a80ddc71";
-const tableSettingsDropdown = "tableSettingsDropdown__28a75a88";
+const tableSettingsLink = "tableSettingsLink__537f6cc6";
+const tableSettingsDropdown = "tableSettingsDropdown__15f5dc10";
 const styles = {
   tableSettingsLink,
   tableSettingsDropdown

package/components/Table/TableBasicSettings/components/ColumnSettingsSortableListItemTarget.js

@@ -3,8 +3,8 @@ import React from "react";
 import { ListSortableItemTarget } from "../../../List/components/ListSortableItemTarget.js";
 import { ListSortableItemControls } from "../../../List/components/ListSortableItemControls.js";
 import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
-const columnSettingsSortableListItemTarget = "columnSettingsSortableListItemTarget__9aea2a87";
-const dragging = "dragging__12dbdc25";
+const columnSettingsSortableListItemTarget = "columnSettingsSortableListItemTarget__b908456a";
+const dragging = "dragging__d5c5d2db";
 const styles = {
   columnSettingsSortableListItemTarget,
   dragging

package/components/Table/TableBasicSettings/components/ColumnSettingsStaticListItem.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
 import { ListItem } from "../../../List/components/ListItem.js";
-const columnSettingsStaticListItem = "columnSettingsStaticListItem__685e5d34";
+const columnSettingsStaticListItem = "columnSettingsStaticListItem__ae271572";
 const styles = {
   columnSettingsStaticListItem
 };

package/components/Table/TableBasicSettings/components/TableBasicSettingsBody.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 tableBasicSettingsBody = "tableBasicSettingsBody__64ab9351";
+const tableBasicSettingsBody = "tableBasicSettingsBody__04539c2d";
 const styles = {
   tableBasicSettingsBody
 };

package/components/Table/TableBasicSettings/components/TableBasicSettingsFooter.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 tableBasicSettingsFooter = "tableBasicSettingsFooter__8b2244bb";
+const tableBasicSettingsFooter = "tableBasicSettingsFooter__2c47912f";
 const styles = {
   tableBasicSettingsFooter
 };

package/components/Table/TableBasicSettings/components/TableBasicSettingsHeader.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
 import { Text } from "../../../Typography/Text.js";
 import { EFontWeightText, ETextSize } from "../../../Typography/enums.js";
-const tableBasicSettingsHeader = "tableBasicSettingsHeader__fa5074bf";
+const tableBasicSettingsHeader = "tableBasicSettingsHeader__c1719d16";
 const styles = {
   tableBasicSettingsHeader
 };

package/components/Table/TableFooter/TableFooter.js

@@ -1,7 +1,7 @@
 import { jsxs, 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/TableFooter.module-B1L_40rW.js";
+import { s as styles } from "../../../chunks/TableFooter.module-CtnIdZfR.js";
 import { FooterDescription } from "../../Footer/components/FooterDescription.js";
 import { FooterDescriptionControls } from "../../Footer/components/FooterDescriptionControls.js";
 import { TableFooterSummary } from "./components/TableFooterSummary.js";

package/components/Table/TableFooter/components/TableFooterSummary.js

@@ -3,7 +3,7 @@ import { FooterDescription } from "../../../Footer/components/FooterDescription.
 import { TableFooterSummaryAmount } from "./TableFooterSummaryAmount.js";
 import { TableFooterSummarySelectedCount } from "./TableFooterSummarySelectedCount.js";
 import { TableFooterSummarySelectAllButton } from "./TableFooterSummarySelectAllButton.js";
-import { s as styles } from "../../../../chunks/TableFooter.module-B1L_40rW.js";
+import { s as styles } from "../../../../chunks/TableFooter.module-CtnIdZfR.js";
 const TableFooterSummary = Object.assign(
   ({ children, ...htmlDivAttributes }) => {
     return /* @__PURE__ */ jsx(FooterDescription.Content, { ...htmlDivAttributes, children: /* @__PURE__ */ jsx("div", { className: styles.tableFooterSummary, children }) });

package/components/Table/TableFooter/components/TableFooterSummaryAmount.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../../chunks/TableFooter.module-B1L_40rW.js";
+import { s as styles } from "../../../../chunks/TableFooter.module-CtnIdZfR.js";
 import { Amount } from "../../../Amount/Amount.js";
 import { Text } from "../../../Typography/Text.js";
 import { ETextSize } from "../../../Typography/enums.js";

package/components/Table/TableFooter/components/TableFooterSummarySelectAllButton.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../../chunks/TableFooter.module-B1L_40rW.js";
+import { s as styles } from "../../../../chunks/TableFooter.module-CtnIdZfR.js";
 import { ETextSize } from "../../../Typography/enums.js";
 import { Link } from "../../../Link/Link.js";
 import { Text } from "../../../Typography/Text.js";

package/components/Table/TableFooter/components/TableFooterSummarySelectedCount.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../../chunks/TableFooter.module-B1L_40rW.js";
+import { s as styles } from "../../../../chunks/TableFooter.module-CtnIdZfR.js";
 const TableFooterSummarySelectedCount = ({ children }) => /* @__PURE__ */ jsx("span", { className: styles.tableFooterSummarySelectedCount, children });
 TableFooterSummarySelectedCount.displayName = "TableFooterSummarySelectedCount";
 export {

package/components/Table/utils.js

@@ -1,5 +1,5 @@
 import "./TableBasic/enums.js";
-import { b, m, a } from "../../chunks/utils-oTkgQe3Q.js";
+import { b, m, a } from "../../chunks/utils-CrdZr25q.js";
 export {
   b as mapCellTypeToClassName,
   m as mapHorizontalAlignToClassName,

package/components/Tabs/Tabs.js

@@ -17,14 +17,14 @@ import { ETabsExtendedType } from "../TabsExtended/enums.js";
 import { TabsExtendedContext } from "../TabsExtended/TabsExtendedContext.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { isKey } from "../../utils/keyboard.js";
-const tabsContent = "tabsContent__4b994b58";
-const tabButtonDropdown = "tabButtonDropdown__5187af56";
-const sm = "sm__91ffd9b4";
-const md = "md__0f6d8a73";
-const lg = "lg__93397e7d";
-const selected = "selected__7ee76e49";
-const type1 = "type1__55386ce6";
-const type2 = "type2__6a7ea39e";
+const tabsContent = "tabsContent__8d5a6874";
+const tabButtonDropdown = "tabButtonDropdown__95e0f752";
+const sm = "sm__25c9658e";
+const md = "md__18d0b22f";
+const lg = "lg__815cc7a2";
+const selected = "selected__d68604fa";
+const type1 = "type1__9d449b5d";
+const type2 = "type2__e4e377ca";
 const styles = {
   tabsContent,
   tabButtonDropdown,

package/components/TabsExtended/TabsExtended.js

@@ -4,8 +4,8 @@ import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { TabsExtendedContext } from "./TabsExtendedContext.js";
 import { TabsExtendedContent } from "./components/TabsExtendedContent.js";
 import { ETabsExtendedType } from "./enums.js";
-import { T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/utils-x0Sgh0RL.js";
-import { s as styles } from "../../chunks/TabsExtended.module-DM3VmPaJ.js";
+import { T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/utils-CuHxUheL.js";
+import { s as styles } from "../../chunks/TabsExtended.module-CUIB5d3J.js";
 import "./components/TabsExtendedDropdownWrapper.js";
 import "./components/TabsExtendedTab.js";
 import "./components/TabsExtendedTabButton.js";

package/components/TabsExtended/components/TabsExtendedContent.js

@@ -7,7 +7,7 @@ import { TabsExtendedTabButton } from "./TabsExtendedTabButton.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { TabsExtendedDropdownWrapper } from "./TabsExtendedDropdownWrapper.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-import { s as styles } from "../../../chunks/TabsExtended.module-DM3VmPaJ.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-CUIB5d3J.js";
 import "./TabsExtendedTabContext.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const TabsExtendedContent = Object.assign(

package/components/TabsExtended/components/TabsExtendedDropdownWrapper.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React, { useContext, useCallback } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { TabsExtendedContext } from "../TabsExtendedContext.js";
-import { s as styles } from "../../../chunks/TabsExtended.module-DM3VmPaJ.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-CUIB5d3J.js";
 const TabsExtendedDropdownWrapper = React.forwardRef(
   ({ children, className, ...htmlDivAttributes }, ref) => {
     const { dropdownItemsIds, onSelectTab, dropdownRef } = useContext(TabsExtendedContext);

package/components/TabsExtended/components/TabsExtendedTab.js

@@ -3,7 +3,7 @@ import React, { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { TabsExtendedContext } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext } from "./TabsExtendedTabContext.js";
-import { s as styles } from "../../../chunks/TabsExtended.module-DM3VmPaJ.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-CUIB5d3J.js";
 const TabsExtendedTab = React.forwardRef(
   ({ children, id, className, onClick, ...htmlSpanAttributes }, ref) => {
     const { dropdownItemsIds, inlineItemsIds, selectedId, onSelectTab } = useContext(TabsExtendedContext);

package/components/TabsExtended/components/TabsExtendedTabButton.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles, T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP, a as TABS_EXTENDED_SIZE_TO_TEXT_SIZE_MAP } from "../../../chunks/utils-x0Sgh0RL.js";
+import { s as styles, T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP, a as TABS_EXTENDED_SIZE_TO_TEXT_SIZE_MAP } from "../../../chunks/utils-CuHxUheL.js";
 import { TabsExtendedContext } from "../TabsExtendedContext.js";
 import { EFontType } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";

package/components/TabsExtended/components/TabsExtendedTabsWrapper.js

@@ -3,7 +3,7 @@ import React, { useContext, useState, useRef, useCallback, useLayoutEffect, isVa
 import { g as useResizeDetector, c as clsx, h as pickBy } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { TabsExtendedContext } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext } from "./TabsExtendedTabContext.js";
-import { s as styles } from "../../../chunks/TabsExtended.module-DM3VmPaJ.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-CUIB5d3J.js";
 const TAB_ITEM_ID_ATTRIBUTE = "data-tab-item-id";
 const TABS_CONTAINER_RIGHT_OFFSET = 4;
 const RESIZE_REFRESH_RATE_MS = 150;

package/components/TabsExtended/utils.js

@@ -1,7 +1,7 @@
 import "./enums.js";
 import "../../enums/EComponentSize.js";
 import "../Typography/enums.js";
-import { a, T } from "../../chunks/utils-x0Sgh0RL.js";
+import { a, T } from "../../chunks/utils-CuHxUheL.js";
 export {
   a as TABS_EXTENDED_SIZE_TO_TEXT_SIZE_MAP,
   T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP

package/components/TabsLine/TabsLine.js

@@ -5,7 +5,7 @@ import { MobileView } from "../MobileView/MobileView.js";
 import "../MobileView/useMobileView.js";
 import { TabsLineDesktop } from "./components/TabsLineDesktop.js";
 import { TabsLineMobile } from "./components/TabsLineMobile.js";
-import { s as styles } from "../../chunks/TabsLine.module-CGbe2c_G.js";
+import { s as styles } from "../../chunks/TabsLine.module-eEenlMUm.js";
 import "./components/TabsLineDropdown.js";
 import "./components/TabsLineItem.js";
 const TabsLine = React.forwardRef(

package/components/TabsLine/components/TabsLineDesktop.js

@@ -5,7 +5,7 @@ import { isKey } from "../../../utils/keyboard.js";
 import { splitTabsByMaxVisible } from "../utils.js";
 import { TabsLineDropdown } from "./TabsLineDropdown.js";
 import { TabsLineItem } from "./TabsLineItem.js";
-import { s as styles } from "../../../chunks/TabsLine.module-CGbe2c_G.js";
+import { s as styles } from "../../../chunks/TabsLine.module-eEenlMUm.js";
 const TabsLineDesktop = React.forwardRef(
   ({
     className,

package/components/TabsLine/components/TabsLineDropdown.js

@@ -8,19 +8,8 @@ import { isKey } from "../../../utils/keyboard.js";
 import { DropdownListContext } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-B220hwlD.js";
+import "../../../chunks/DropdownListItem-DtBDNMDu.js";
 import { EDropdownWidth } from "../../Dropdown/desktop/enums.js";
-import "../../Dropdown/mobile/DropdownMobile.js";
-import "../../Dropdown/mobile/DropdownMobileBody.js";
-import "../../Dropdown/mobile/DropdownMobileClose.js";
-import "../../Dropdown/mobile/DropdownMobileFooter.js";
-import "../../Dropdown/mobile/DropdownMobileHeader.js";
-import "../../Dropdown/mobile/DropdownMobileInner.js";
-import "../../Dropdown/mobile/DropdownMobileInput.js";
-import "../../Dropdown/mobile/DropdownMobileList.js";
-import "../../Dropdown/mobile/DropdownMobileListItem.js";
-import "../../Loader/LoaderSmall/LoaderSmall.js";
-import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { Dropdown } from "../../Dropdown/Dropdown.js";
 import { EFontType } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
@@ -28,7 +17,7 @@ import "../../Typography/CodeText.js";
 import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
 import { tabsLineSizeToTextSizeMap } from "../utils.js";
-import { s as styles } from "../../../chunks/TabsLine.module-CGbe2c_G.js";
+import { s as styles } from "../../../chunks/TabsLine.module-eEenlMUm.js";
 const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const TabsLineDropdown = React.forwardRef((props, ref) => {
   const {

package/components/TabsLine/components/TabsLineDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsLineDropdown.js","sources":["../../../../src/components/TabsLine/components/TabsLineDropdown.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport { CaretdownStrokeSrvIcon16 } from \"@sberbusiness/icons-next\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport { TestProps } from \"../../../types/CoreTypes\";\nimport { isKey } from \"../../../utils/keyboard\";\nimport { Dropdown, DropdownList, DropdownListContext, EDropdownWidth } from \"../../Dropdown\";\nimport { Text, EFontType } from \"../../Typography\";\nimport { tabsLineSizeToTextSizeMap } from \"../utils\";\nimport { ITabsLineItemProps } from \"./TabsLineItem\";\nimport styles from \"../styles/TabsLine.module.less\";\n\n/** Свойства компонента TabsLineDropdown. */\ninterface ITabsLineDropdownProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Табы дропдауна. */\n    tabs: ITabsLineItemProps[];\n    /** Выбранный таб находится в дропдауне. */\n    active: boolean;\n    /** Текст таргет кнопки дропдауна. */\n    label: string;\n    /** Коллбэк выбора таба. */\n    onClickTab: (tab: ITabsLineItemProps) => void;\n    /** Выбранный таб. */\n    selected?: ITabsLineItemProps;\n    /** Размер таба кнопки дропдауна. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Атрибуты кнопки дропдауна. */\n    targetHtmlAttributes?: React.HTMLAttributes<HTMLButtonElement> & TestProps;\n}\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/** Таб-кнопка TabsLine, раскрывающая выпадающий список с не поместившимися табами. */\nexport const TabsLineDropdown = React.forwardRef<HTMLDivElement, ITabsLineDropdownProps>((props, ref) => {\n    const {\n        className,\n        tabs,\n        active,\n        label,\n        onClickTab,\n        selected,\n        size = EComponentSize.MD,\n        targetHtmlAttributes,\n        ...htmlDivAttributes\n    } = props;\n\n    const [activeDescendant, setActiveDescendant] = useState<string | undefined>(undefined);\n    const [opened, setOpened] = useState(false);\n    const [focused, setFocused] = useState(false);\n    const [hovered, setHovered] = useState(false);\n\n    const targetRef = useRef<HTMLDivElement | null>(null);\n    const dropdownRef = useRef<HTMLDivElement>(null);\n    const instanceId = useRef(uniqueId());\n\n    /** Корневой элемент нужен и снаружи (forwarded ref), и внутри — по нему позиционируется Dropdown. */\n    const setRootRef = useCallback(\n        (node: HTMLDivElement | null) => {\n            targetRef.current = node;\n\n            if (typeof ref === \"function\") {\n                ref(node);\n            } else if (ref) {\n                ref.current = node;\n            }\n        },\n        [ref],\n    );\n\n    useEffect(() => {\n        if (!opened) {\n            return;\n        }\n\n        const handleClickOutside = (event: Event) => {\n            if (\n                !targetRef.current?.contains(event.target as Node) &&\n                !dropdownRef.current?.contains(event.target as Node)\n            ) {\n                setOpened(false);\n            }\n        };\n\n        document.addEventListener(\"mouseup\", handleClickOutside);\n\n        return () => {\n            document.removeEventListener(\"mouseup\", handleClickOutside);\n        };\n    }, [opened]);\n\n    const handleTargetClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        setOpened((prevOpened) => !prevOpened);\n        targetHtmlAttributes?.onClick?.(event);\n    };\n\n    const handleTargetKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n        if (!opened) {\n            // Enter и Space раскрывают список нативной активацией кнопки, ArrowUp/ArrowDown обрабатываются здесь.\n            if (isKey(event.code, \"ARROW_UP\") || isKey(event.code, \"ARROW_DOWN\")) {\n                event.preventDefault();\n                setOpened(true);\n            }\n        } else {\n            // При нажатии Tab или Esc закрывается выпадающий список.\n            if (isKey(event.code, \"TAB\") || isKey(event.code, \"ESCAPE\")) {\n                setOpened(false);\n            }\n        }\n\n        targetHtmlAttributes?.onKeyDown?.(event);\n    };\n\n    const handleClickTab = (tab: ITabsLineItemProps) => {\n        onClickTab(tab);\n        setOpened(false);\n    };\n\n    const handleTargetFocus = (event: React.FocusEvent<HTMLButtonElement>) => {\n        setFocused(true);\n        targetHtmlAttributes?.onFocus?.(event);\n    };\n\n    const handleTargetBlur = (event: React.FocusEvent<HTMLButtonElement>) => {\n        setFocused(false);\n        targetHtmlAttributes?.onBlur?.(event);\n    };\n\n    const handleTargetMouseEnter = (event: React.MouseEvent<HTMLButtonElement>) => {\n        setHovered(true);\n        targetHtmlAttributes?.onMouseEnter?.(event);\n    };\n\n    const handleTargetMouseLeave = (event: React.MouseEvent<HTMLButtonElement>) => {\n        setHovered(false);\n        targetHtmlAttributes?.onMouseLeave?.(event);\n    };\n\n    const renderTarget = () => {\n        // className и обработчики выделяем, чтобы не потерять переданные потребителем:\n        // ниже идут одноимённые внутренние props, и спред их бы не пережил.\n        // onClick и onKeyDown деструктурируются только ради исключения из спреда —\n        // вызываются они внутри handleTargetClick / handleTargetKeyDown.\n        const {\n            className: targetClassName,\n            onFocus,\n            onBlur,\n            onMouseEnter,\n            onMouseLeave,\n            onClick,\n            onKeyDown,\n            ...restTargetHtmlAttributes\n        } = targetHtmlAttributes || {};\n\n        return (\n            <button\n                {...restTargetHtmlAttributes}\n                onFocus={handleTargetFocus}\n                onBlur={handleTargetBlur}\n                onMouseEnter={handleTargetMouseEnter}\n                onMouseLeave={handleTargetMouseLeave}\n                className={clsx(\n                    styles.tab,\n                    SIZE_TO_CLASS_NAME_MAP[size],\n                    styles.dropdownTarget,\n                    {\n                        [styles.active]: active,\n                    },\n                    targetClassName,\n                )}\n                onClick={handleTargetClick}\n                onKeyDown={handleTargetKeyDown}\n                type=\"button\"\n                role=\"tab\"\n                aria-haspopup=\"menu\"\n                aria-expanded={opened}\n                aria-controls={instanceId.current}\n                aria-activedescendant={activeDescendant}\n            >\n                <span className={styles.dropdownTargetInner}>\n                    <Text\n                        size={tabsLineSizeToTextSizeMap[size]}\n                        type={active || focused || hovered ? EFontType.PRIMARY : EFontType.SECONDARY}\n                    >\n                        {label}\n                    </Text>\n                    <CaretdownStrokeSrvIcon16\n                        className={clsx(styles.dropdownTargetCaret, { [styles.opened]: opened })}\n                        paletteIndex={5}\n                    />\n                </span>\n            </button>\n        );\n    };\n\n    const renderDropdown = () => (\n        <Dropdown\n            className={styles.dropdown}\n            opened={opened}\n            setOpened={setOpened}\n            size={size}\n            width={EDropdownWidth.MIN_TARGET}\n            targetRef={targetRef}\n            ref={dropdownRef}\n        >\n            <DropdownListContext.Provider value={{ activeDescendant, setActiveDescendant }}>\n                <DropdownList dropdownOpened={opened} id={instanceId.current} size={size}>\n                    {tabs.map((tab, index) => {\n                        const { id, label: tabLabel, showNotificationIcon, ...htmlButtonAttributes } = tab;\n\n                        return (\n                            <DropdownList.Item\n                                // Свойства таба типизированы под <button>, а пункт списка рендерит <div>.\n                                // Набор атрибутов совпадает, расходятся только дженерики обработчиков событий.\n                                {...(htmlButtonAttributes as React.HTMLAttributes<HTMLDivElement>)}\n                                // DOM id выводим из instanceId, а не из tab.id: два TabsLine с одинаковыми\n                                // tab.id иначе дают дублирующиеся id, и aria-activedescendant адресует\n                                // пункт чужого экземпляра. Исходный tab.id уходит в onClickTab.\n                                id={`${instanceId.current}-item-${index}`}\n                                key={id}\n                                onSelect={() => {\n                                    handleClickTab(tab);\n                                }}\n                                selected={tab === selected}\n                                showNotificationIcon={showNotificationIcon}\n                            >\n                                {tabLabel}\n                            </DropdownList.Item>\n                        );\n                    })}\n                </DropdownList>\n            </DropdownListContext.Provider>\n        </Dropdown>\n    );\n\n    return (\n        <div {...htmlDivAttributes} className={clsx(styles.tabsLineDropdown, className)} ref={setRootRef}>\n            {renderTarget()}\n            {renderDropdown()}\n        </div>\n    );\n});\n\nTabsLineDropdown.displayName = \"TabsLineDropdown\";\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TabsLineDropdown.js","sources":["../../../../src/components/TabsLine/components/TabsLineDropdown.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport { CaretdownStrokeSrvIcon16 } from \"@sberbusiness/icons-next\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport { TestProps } from \"../../../types/CoreTypes\";\nimport { isKey } from \"../../../utils/keyboard\";\nimport { Dropdown, DropdownList, DropdownListContext, EDropdownWidth } from \"../../Dropdown\";\nimport { Text, EFontType } from \"../../Typography\";\nimport { tabsLineSizeToTextSizeMap } from \"../utils\";\nimport { ITabsLineItemProps } from \"./TabsLineItem\";\nimport styles from \"../styles/TabsLine.module.less\";\n\n/** Свойства компонента TabsLineDropdown. */\ninterface ITabsLineDropdownProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Табы дропдауна. */\n    tabs: ITabsLineItemProps[];\n    /** Выбранный таб находится в дропдауне. */\n    active: boolean;\n    /** Текст таргет кнопки дропдауна. */\n    label: string;\n    /** Коллбэк выбора таба. */\n    onClickTab: (tab: ITabsLineItemProps) => void;\n    /** Выбранный таб. */\n    selected?: ITabsLineItemProps;\n    /** Размер таба кнопки дропдауна. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Атрибуты кнопки дропдауна. */\n    targetHtmlAttributes?: React.HTMLAttributes<HTMLButtonElement> & TestProps;\n}\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/** Таб-кнопка TabsLine, раскрывающая выпадающий список с не поместившимися табами. */\nexport const TabsLineDropdown = React.forwardRef<HTMLDivElement, ITabsLineDropdownProps>((props, ref) => {\n    const {\n        className,\n        tabs,\n        active,\n        label,\n        onClickTab,\n        selected,\n        size = EComponentSize.MD,\n        targetHtmlAttributes,\n        ...htmlDivAttributes\n    } = props;\n\n    const [activeDescendant, setActiveDescendant] = useState<string | undefined>(undefined);\n    const [opened, setOpened] = useState(false);\n    const [focused, setFocused] = useState(false);\n    const [hovered, setHovered] = useState(false);\n\n    const targetRef = useRef<HTMLDivElement | null>(null);\n    const dropdownRef = useRef<HTMLDivElement>(null);\n    const instanceId = useRef(uniqueId());\n\n    /** Корневой элемент нужен и снаружи (forwarded ref), и внутри — по нему позиционируется Dropdown. */\n    const setRootRef = useCallback(\n        (node: HTMLDivElement | null) => {\n            targetRef.current = node;\n\n            if (typeof ref === \"function\") {\n                ref(node);\n            } else if (ref) {\n                ref.current = node;\n            }\n        },\n        [ref],\n    );\n\n    useEffect(() => {\n        if (!opened) {\n            return;\n        }\n\n        const handleClickOutside = (event: Event) => {\n            if (\n                !targetRef.current?.contains(event.target as Node) &&\n                !dropdownRef.current?.contains(event.target as Node)\n            ) {\n                setOpened(false);\n            }\n        };\n\n        document.addEventListener(\"mouseup\", handleClickOutside);\n\n        return () => {\n            document.removeEventListener(\"mouseup\", handleClickOutside);\n        };\n    }, [opened]);\n\n    const handleTargetClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        setOpened((prevOpened) => !prevOpened);\n        targetHtmlAttributes?.onClick?.(event);\n    };\n\n    const handleTargetKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n        if (!opened) {\n            // Enter и Space раскрывают список нативной активацией кнопки, ArrowUp/ArrowDown обрабатываются здесь.\n            if (isKey(event.code, \"ARROW_UP\") || isKey(event.code, \"ARROW_DOWN\")) {\n                event.preventDefault();\n                setOpened(true);\n            }\n        } else {\n            // При нажатии Tab или Esc закрывается выпадающий список.\n            if (isKey(event.code, \"TAB\") || isKey(event.code, \"ESCAPE\")) {\n                setOpened(false);\n            }\n        }\n\n        targetHtmlAttributes?.onKeyDown?.(event);\n    };\n\n    const handleClickTab = (tab: ITabsLineItemProps) => {\n        onClickTab(tab);\n        setOpened(false);\n    };\n\n    const handleTargetFocus = (event: React.FocusEvent<HTMLButtonElement>) => {\n        setFocused(true);\n        targetHtmlAttributes?.onFocus?.(event);\n    };\n\n    const handleTargetBlur = (event: React.FocusEvent<HTMLButtonElement>) => {\n        setFocused(false);\n        targetHtmlAttributes?.onBlur?.(event);\n    };\n\n    const handleTargetMouseEnter = (event: React.MouseEvent<HTMLButtonElement>) => {\n        setHovered(true);\n        targetHtmlAttributes?.onMouseEnter?.(event);\n    };\n\n    const handleTargetMouseLeave = (event: React.MouseEvent<HTMLButtonElement>) => {\n        setHovered(false);\n        targetHtmlAttributes?.onMouseLeave?.(event);\n    };\n\n    const renderTarget = () => {\n        // className и обработчики выделяем, чтобы не потерять переданные потребителем:\n        // ниже идут одноимённые внутренние props, и спред их бы не пережил.\n        // onClick и onKeyDown деструктурируются только ради исключения из спреда —\n        // вызываются они внутри handleTargetClick / handleTargetKeyDown.\n        const {\n            className: targetClassName,\n            onFocus,\n            onBlur,\n            onMouseEnter,\n            onMouseLeave,\n            onClick,\n            onKeyDown,\n            ...restTargetHtmlAttributes\n        } = targetHtmlAttributes || {};\n\n        return (\n            <button\n                {...restTargetHtmlAttributes}\n                onFocus={handleTargetFocus}\n                onBlur={handleTargetBlur}\n                onMouseEnter={handleTargetMouseEnter}\n                onMouseLeave={handleTargetMouseLeave}\n                className={clsx(\n                    styles.tab,\n                    SIZE_TO_CLASS_NAME_MAP[size],\n                    styles.dropdownTarget,\n                    {\n                        [styles.active]: active,\n                    },\n                    targetClassName,\n                )}\n                onClick={handleTargetClick}\n                onKeyDown={handleTargetKeyDown}\n                type=\"button\"\n                role=\"tab\"\n                aria-haspopup=\"menu\"\n                aria-expanded={opened}\n                aria-controls={instanceId.current}\n                aria-activedescendant={activeDescendant}\n            >\n                <span className={styles.dropdownTargetInner}>\n                    <Text\n                        size={tabsLineSizeToTextSizeMap[size]}\n                        type={active || focused || hovered ? EFontType.PRIMARY : EFontType.SECONDARY}\n                    >\n                        {label}\n                    </Text>\n                    <CaretdownStrokeSrvIcon16\n                        className={clsx(styles.dropdownTargetCaret, { [styles.opened]: opened })}\n                        paletteIndex={5}\n                    />\n                </span>\n            </button>\n        );\n    };\n\n    const renderDropdown = () => (\n        <Dropdown\n            className={styles.dropdown}\n            opened={opened}\n            setOpened={setOpened}\n            size={size}\n            width={EDropdownWidth.MIN_TARGET}\n            targetRef={targetRef}\n            ref={dropdownRef}\n        >\n            <DropdownListContext.Provider value={{ activeDescendant, setActiveDescendant }}>\n                <DropdownList dropdownOpened={opened} id={instanceId.current} size={size}>\n                    {tabs.map((tab, index) => {\n                        const { id, label: tabLabel, showNotificationIcon, ...htmlButtonAttributes } = tab;\n\n                        return (\n                            <DropdownList.Item\n                                // Свойства таба типизированы под <button>, а пункт списка рендерит <div>.\n                                // Набор атрибутов совпадает, расходятся только дженерики обработчиков событий.\n                                {...(htmlButtonAttributes as React.HTMLAttributes<HTMLDivElement>)}\n                                // DOM id выводим из instanceId, а не из tab.id: два TabsLine с одинаковыми\n                                // tab.id иначе дают дублирующиеся id, и aria-activedescendant адресует\n                                // пункт чужого экземпляра. Исходный tab.id уходит в onClickTab.\n                                id={`${instanceId.current}-item-${index}`}\n                                key={id}\n                                onSelect={() => {\n                                    handleClickTab(tab);\n                                }}\n                                selected={tab === selected}\n                                showNotificationIcon={showNotificationIcon}\n                            >\n                                {tabLabel}\n                            </DropdownList.Item>\n                        );\n                    })}\n                </DropdownList>\n            </DropdownListContext.Provider>\n        </Dropdown>\n    );\n\n    return (\n        <div {...htmlDivAttributes} className={clsx(styles.tabsLineDropdown, className)} ref={setRootRef}>\n            {renderTarget()}\n            {renderDropdown()}\n        </div>\n    );\n});\n\nTabsLineDropdown.displayName = \"TabsLineDropdown\";\n"],"names":[],"mappings":"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"}

package/components/TabsLine/components/TabsLineItem.js

@@ -7,7 +7,7 @@ import { Badge } from "../../Badge/Badge.js";
 import { Text } from "../../Typography/Text.js";
 import { EFontType } from "../../Typography/enums.js";
 import { tabsLineSizeToTextSizeMap } from "../utils.js";
-import { s as styles } from "../../../chunks/TabsLine.module-CGbe2c_G.js";
+import { s as styles } from "../../../chunks/TabsLine.module-eEenlMUm.js";
 const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const TabsLineItem = React.forwardRef(
   ({

package/components/TabsLine/components/TabsLineMobile.js

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
 import { TabsLineItem } from "./TabsLineItem.js";
-const tabsLineMobileWrapper = "tabsLineMobileWrapper__862440ec";
-const tabsLineMobile = "tabsLineMobile__58c6b697";
+const tabsLineMobileWrapper = "tabsLineMobileWrapper__379f28f0";
+const tabsLineMobile = "tabsLineMobile__5b4e9c6a";
 const styles = {
   tabsLineMobileWrapper,
   tabsLineMobile

package/components/Tag/Tag.js

@@ -7,11 +7,11 @@ import { ETextSize, EFontType } from "../Typography/enums.js";
 import { ButtonIcon } from "../Button/ButtonIcon.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const tag = "tag__4c70b43f";
-const sm = "sm__35209115";
-const md = "md__7f5cdf56";
-const lg = "lg__bc0f475a";
-const content = "content__5ff724ab";
+const tag = "tag__4eaee793";
+const sm = "sm__0500e827";
+const md = "md__5f95b60c";
+const lg = "lg__1cd76964";
+const content = "content__24268524";
 const styles = {
   tag,
   sm,

package/components/TagColor/TagColor.js

@@ -3,21 +3,21 @@ import React from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { ETagColorStatus } from "./enums.js";
-const tagColor = "tagColor__04a49575";
-const sm = "sm__81896201";
-const md = "md__4a357a41";
-const lg = "lg__a94859a2";
-const success = "success__f9803d33";
-const info = "info__17be9031";
-const warning = "warning__ffbd500d";
-const error = "error__2dfb483f";
-const content = "content__1a7f1196";
+const tagColor = "tagColor__add0bc52";
+const sm = "sm__4874a782";
+const md = "md__170b7eb8";
+const lg = "lg__d67a6d3a";
+const success = "success__32d490c6";
+const info = "info__390bae0f";
+const warning = "warning__ed30618e";
+const error = "error__87982cff";
+const content = "content__5e60b55a";
 const styles = {
   tagColor,
   sm,
   md,
   lg,
-  "default": "default__17b5ac08",
+  "default": "default__da7ab63d",
   success,
   info,
   warning,

package/components/TagGroup/TagGroup.js

@@ -2,10 +2,10 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const tagGroup = "tagGroup__079def02";
-const sm = "sm__1fd20b7a";
-const md = "md__d4084693";
-const lg = "lg__e44a8f8b";
+const tagGroup = "tagGroup__76f41d66";
+const sm = "sm__1ef8e21f";
+const md = "md__bbbfee2d";
+const lg = "lg__7e5626ab";
 const styles = {
   tagGroup,
   sm,

package/components/Tooltip/components/common/TooltipBody.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
 import { MobileView } from "../../../MobileView/MobileView.js";
 import { Text } from "../../../Typography/Text.js";
 import { ELineType, ETextSize } from "../../../Typography/enums.js";
-import { s as styles } from "../../../../chunks/TooltipDesktop.module-DxDDgDG1.js";
+import { s as styles } from "../../../../chunks/TooltipDesktop.module-DItC194g.js";
 const TooltipBody = React.forwardRef(({ className, ...rest }, ref) => {
   const classNames = clsx(styles.tooltipBody, className);
   return /* @__PURE__ */ jsx(MobileView, { fallback: /* @__PURE__ */ jsx("div", { className: classNames, ...rest, ref }), children: /* @__PURE__ */ jsx(Text, { className: classNames, size: ETextSize.B3, line: ELineType.NORMAL, tag: "div", ...rest, ref }) });

package/components/Tooltip/components/common/TooltipLink.js

@@ -3,9 +3,9 @@ import React from "react";
 import { c as clsx } from "../../../../chunks/vendor-Bf_-FiU6.js";
 import { MobileView } from "../../../MobileView/MobileView.js";
 import { getSafeRel } from "../../../../utils/html/anchorSecurity.js";
-const tooltipLink = "tooltipLink__a8a2919e";
-const desktop = "desktop__6402e551";
-const mobile = "mobile__2f085da0";
+const tooltipLink = "tooltipLink__f83a7857";
+const desktop = "desktop__4a7177cd";
+const mobile = "mobile__20031d9c";
 const styles = {
   tooltipLink,
   desktop,
@@ -21,7 +21,7 @@ const TooltipLink = React.forwardRef(
         ...rest,
         target,
         rel: safeRel,
-        "data-tx": "0.52.0",
+        "data-tx": "0.53.0",
         ref,
         children
       }

package/components/Tooltip/components/common/TooltipXButton.js

@@ -3,7 +3,7 @@ import { useContext } from "react";
 import { CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { TooltipContext } from "../../TootlipContext.js";
 import { ButtonIcon } from "../../../Button/ButtonIcon.js";
-import { s as styles } from "../../../../chunks/TooltipDesktop.module-DxDDgDG1.js";
+import { s as styles } from "../../../../chunks/TooltipDesktop.module-DItC194g.js";
 const TooltipXButton = ({ onClick, ...rest }) => {
   const { setTooltipOpen } = useContext(TooltipContext);
   const handleClick = (event) => {

package/components/Tooltip/components/desktop/components/TooltipDesktopBase.js

@@ -9,7 +9,7 @@ import { Portal } from "../../../../Portal/Portal.js";
 import { ETooltipFlowTypes, ETooltipPreferPlace, ETooltipDirection, ETooltipAlign, ETooltipSizeParameter, ETooltipTypeName, ETooltipEndCoordinates, ETooltipStartCoordinates, ETooltipAxesType, ETooltipSize } from "../../../enums.js";
 import { TooltipDesktopTip } from "./TooltipDesktopTip.js";
 import { pickZone, axes, calcRelPos, centerOfBoundsFromBounds, calcBounds, equalCoords } from "../../../utils/Positioning.js";
-import { s as styles } from "../../../../../chunks/TooltipDesktop.module-DxDDgDG1.js";
+import { s as styles } from "../../../../../chunks/TooltipDesktop.module-DItC194g.js";
 const flowToTipTranslations = {
   [ETooltipFlowTypes.COLUMN]: "translateX",
   [ETooltipFlowTypes.ROW]: "translateY"

package/components/Tooltip/components/desktop/components/TooltipDesktopTip.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { ETooltipDirection } from "../../../enums.js";
 import { c as clsx } from "../../../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../../../chunks/TooltipDesktop.module-DxDDgDG1.js";
+import { s as styles } from "../../../../../chunks/TooltipDesktop.module-DItC194g.js";
 const DIRECTION_CLASS_NAMES = {
   [ETooltipDirection.UP]: styles.up,
   [ETooltipDirection.DOWN]: styles.down,