@sberbusiness/triplex-next 1.36.0 → 1.37.0

package/components/Table/ChipPanelLinks.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { Text } from "../Typography/Text.js";
 import { EFontWeightText, ETextSize } from "../Typography/enums.js";
-const chipPanelLinks = "chipPanelLinks__1befb4ed";
+const chipPanelLinks = "chipPanelLinks__b7b66a21";
 const styles = {
   chipPanelLinks
 };

package/components/Table/FilterPanel.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
-const filterPanel = "filterPanel__2283319b";
+const filterPanel = "filterPanel__aeb30a2c";
 const styles = {
   filterPanel
 };
@@ -9,7 +9,7 @@ const FilterPanel = ({ children, className, ...htmlDivAttributes }) => /* @__PUR
   {
     className: clsx(styles.filterPanel, className),
     ...htmlDivAttributes,
-    "data-tx": "1.36.0",
+    "data-tx": "1.37.0",
     children
   }
 );

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__adb28e05";
+const masterTable = "masterTable__54ea6f23";
 const styles = {
   masterTable
 };
@@ -34,7 +34,7 @@ const MasterTable = ({ children, className, loading = false, ...htmlDivAttribute
         {
           className: clsx(styles.masterTable, className),
           ...htmlDivAttributes,
-          "data-tx": "1.36.0",
+          "data-tx": "1.37.0",
           children
         }
       )

package/components/Table/NoColumns.js

@@ -2,8 +2,8 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { Gap } from "../Gap/Gap.js";
 import { ServicesetupSysIcon96 } from "@sberbusiness/icons-next";
-const noColumns = "noColumns__506a7781";
-const content = "content__2134752e";
+const noColumns = "noColumns__166dbf31";
+const content = "content__a10808fe";
 const styles = {
   noColumns,
   content

package/components/Table/PaginationPanel.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
-const paginationPanel = "paginationPanel__d83f93a2";
+const paginationPanel = "paginationPanel__542a26ce";
 const styles = {
   paginationPanel
 };
@@ -9,7 +9,7 @@ const PaginationPanel = ({ children, className, ...htmlDivAttributes }) => /* @_
   {
     className: clsx(styles.paginationPanel, className),
     ...htmlDivAttributes,
-    "data-tx": "1.36.0",
+    "data-tx": "1.37.0",
     children
   }
 );

package/components/Table/TableBasic/TableBasic.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useContext, useEffect } from "react";
 import { i as isEqual } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { MasterTableContext } from "../MasterTableContext.js";
-import { s as styles } from "../../../chunks/utils-Cx4sx9WB.js";
+import { s as styles } from "../../../chunks/utils-CvopAPMI.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-Bco_z_Yi.js";
-import { s as styles } from "../../../../chunks/utils-Cx4sx9WB.js";
+import { s as styles } from "../../../../chunks/utils-CvopAPMI.js";
 const TableBasicBody = ({ columns, data, highlightRowOnHover, onClickRow }) => {
   if (data.length === 0) {
     return null;

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

@@ -5,7 +5,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-Bco_z_Yi.js";
-import { s as styles, m as mapHorizontalAlignToClassName } from "../../../../chunks/utils-Cx4sx9WB.js";
+import { s as styles, m as mapHorizontalAlignToClassName } from "../../../../chunks/utils-CvopAPMI.js";
 import { Text } from "../../../Typography/Text.js";
 import { ETextSize } from "../../../Typography/enums.js";
 const TableBasicHeader = ({ columns, onOrderBy }) => {

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-Bco_z_Yi.js";
-import { s as styles, a as mapVerticalAlignToClassName, m as mapHorizontalAlignToClassName, b as mapCellTypeToClassName } from "../../../../chunks/utils-Cx4sx9WB.js";
+import { s as styles, a as mapVerticalAlignToClassName, m as mapHorizontalAlignToClassName, b as mapCellTypeToClassName } from "../../../../chunks/utils-CvopAPMI.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__8dfaab4c";
-const tableSettingsDropdown = "tableSettingsDropdown__a418328b";
+const tableSettingsLink = "tableSettingsLink__620a7482";
+const tableSettingsDropdown = "tableSettingsDropdown__0aca23c5";
 const styles = {
   tableSettingsLink,
   tableSettingsDropdown

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

@@ -3,8 +3,8 @@ import React__default from "react";
 import { ListSortableItemTarget } from "../../../List/components/ListSortableItemTarget.js";
 import { ListSortableItemControls } from "../../../List/components/ListSortableItemControls.js";
 import { c as clsx } from "../../../../chunks/vendor-Bco_z_Yi.js";
-const columnSettingsSortableListItemTarget = "columnSettingsSortableListItemTarget__ca45ba4f";
-const dragging = "dragging__0e99b35b";
+const columnSettingsSortableListItemTarget = "columnSettingsSortableListItemTarget__0477720b";
+const dragging = "dragging__f407947b";
 const styles = {
   columnSettingsSortableListItemTarget,
   dragging

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

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../../chunks/vendor-Bco_z_Yi.js";
 import { ListItem } from "../../../List/components/ListItem.js";
-const columnSettingsStaticListItem = "columnSettingsStaticListItem__38ed3ddb";
+const columnSettingsStaticListItem = "columnSettingsStaticListItem__84565ac0";
 const styles = {
   columnSettingsStaticListItem
 };

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

package/components/Table/TableBasicSettings/components/TableBasicSettingsFooter.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 tableBasicSettingsFooter = "tableBasicSettingsFooter__fb8cfeda";
+const tableBasicSettingsFooter = "tableBasicSettingsFooter__c23d9a33";
 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-Bco_z_Yi.js";
 import { Text } from "../../../Typography/Text.js";
 import { EFontWeightText, ETextSize } from "../../../Typography/enums.js";
-const tableBasicSettingsHeader = "tableBasicSettingsHeader__cbf8e8ee";
+const tableBasicSettingsHeader = "tableBasicSettingsHeader__e4b6b8bc";
 const styles = {
   tableBasicSettingsHeader
 };

package/components/Table/TableFooter/TableFooter.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/TableFooter.module-EUd1jphr.js";
+import { s as styles } from "../../../chunks/TableFooter.module-wbAjB4tC.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-EUd1jphr.js";
+import { s as styles } from "../../../../chunks/TableFooter.module-wbAjB4tC.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-EUd1jphr.js";
+import { s as styles } from "../../../../chunks/TableFooter.module-wbAjB4tC.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-EUd1jphr.js";
+import { s as styles } from "../../../../chunks/TableFooter.module-wbAjB4tC.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-EUd1jphr.js";
+import { s as styles } from "../../../../chunks/TableFooter.module-wbAjB4tC.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-Cx4sx9WB.js";
+import { b, m, a } from "../../chunks/utils-CvopAPMI.js";
 export {
   b as mapCellTypeToClassName,
   m as mapHorizontalAlignToClassName,

package/components/Tabs/Tabs.js

@@ -16,11 +16,11 @@ import "../Button/ButtonDropdownExtended.js";
 import { EButtonDotsTheme } from "../Button/enums.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { isKey } from "../../utils/keyboard.js";
-const tabsContent = "tabsContent__6275334b";
-const tabButtonDropdown = "tabButtonDropdown__bcfb8a7c";
-const sm = "sm__b90418a4";
-const md = "md__11ab5533";
-const lg = "lg__31272c07";
+const tabsContent = "tabsContent__91c6d9f3";
+const tabButtonDropdown = "tabButtonDropdown__7e850e7e";
+const sm = "sm__8551d59c";
+const md = "md__ed6c0b78";
+const lg = "lg__420ad6d4";
 const styles = {
   tabsContent,
   tabButtonDropdown,

package/components/TabsExtended/TabsExtended.js

@@ -3,9 +3,9 @@ import { useState, useRef } from "react";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { TabsExtendedContext } from "./TabsExtendedContext.js";
 import { TabsExtendedContent } from "./components/TabsExtendedContent.js";
-import { s as styles } from "../../chunks/TabsExtended.module-cEvehRZT.js";
+import { s as styles } from "../../chunks/TabsExtended.module-iup20rHF.js";
 import { ETabsExtendedType } from "./enums.js";
-import { T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/utils-Dsk864bP.js";
+import { T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/utils-DE6IWjlY.js";
 import "./components/TabsExtendedDropdownWrapper.js";
 import "./components/TabsExtendedTab.js";
 import "./components/TabsExtendedTabButton.js";

package/components/TabsExtended/components/TabsExtendedContent.js

@@ -5,7 +5,7 @@ import { TabsExtendedTab } from "./TabsExtendedTab.js";
 import { TabsExtendedTabButton } from "./TabsExtendedTabButton.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { TabsExtendedDropdownWrapper } from "./TabsExtendedDropdownWrapper.js";
-import { s as styles } from "../../../chunks/TabsExtended.module-cEvehRZT.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-iup20rHF.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import "./TabsExtendedTabContext.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);

package/components/TabsExtended/components/TabsExtendedDropdownWrapper.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useContext } from "react";
-import { s as styles } from "../../../chunks/TabsExtended.module-cEvehRZT.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-iup20rHF.js";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { TabsExtendedContext } from "../TabsExtendedContext.js";
 const TabsExtendedDropdownWrapper = ({

package/components/TabsExtended/components/TabsExtendedTab.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { s as styles } from "../../../chunks/TabsExtended.module-cEvehRZT.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-iup20rHF.js";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { TabsExtendedContext } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext } from "./TabsExtendedTabContext.js";

package/components/TabsExtended/components/TabsExtendedTabButton.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.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-Dsk864bP.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-DE6IWjlY.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__default, { useContext, useState, useRef, useLayoutEffect, isValidE
 import { g as useResizeDetector, c as clsx, h as pickBy } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { TabsExtendedContext } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext } from "./TabsExtendedTabContext.js";
-import { s as styles } from "../../../chunks/TabsExtended.module-cEvehRZT.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-iup20rHF.js";
 const TabsExtendedTabsWrapper = ({
   children,
   className,

package/components/TabsExtended/utils.js

@@ -1,6 +1,6 @@
 import "./enums.js";
 import "../../enums/EComponentSize.js";
-import { a, T } from "../../chunks/utils-Dsk864bP.js";
+import { a, T } from "../../chunks/utils-DE6IWjlY.js";
 import "../Typography/enums.js";
 export {
   a as TABS_EXTENDED_SIZE_TO_TEXT_SIZE_MAP,

package/components/TabsLine/TabsLine.js

@@ -4,7 +4,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-DI7WV6Ow.js";
+import { s as styles } from "../../chunks/TabsLine.module-Caifx7H3.js";
 import "./components/TabsLineDropdown.js";
 import "./components/TabsLineItem.js";
 const TabsLine = ({

package/components/TabsLine/components/TabsLineDesktop.js

@@ -4,7 +4,7 @@ import { TabsLineDropdown } from "./TabsLineDropdown.js";
 import { TabsLineItem } from "./TabsLineItem.js";
 import { isKey } from "../../../utils/keyboard.js";
 import { l as lodashExports } from "../../../chunks/vendor-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/TabsLine.module-DI7WV6Ow.js";
+import { s as styles } from "../../../chunks/TabsLine.module-Caifx7H3.js";
 const TabsLineDesktop = ({
   tabs,
   dropdownTargetHtmlAttributes,

package/components/TabsLine/components/TabsLineDropdown.js

@@ -4,7 +4,7 @@ import { u as uniqueId, c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
 import { DropdownListContext } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-C9UYL13j.js";
+import "../../../chunks/DropdownListItem-DlQBVEg0.js";
 import { EDropdownWidth } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
@@ -21,7 +21,7 @@ import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { Dropdown } from "../../Dropdown/Dropdown.js";
 import { CaretdownStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { isKey } from "../../../utils/keyboard.js";
-import { s as styles } from "../../../chunks/TabsLine.module-DI7WV6Ow.js";
+import { s as styles } from "../../../chunks/TabsLine.module-Caifx7H3.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { EFontType } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";

package/components/TabsLine/components/TabsLineItem.js

@@ -7,7 +7,7 @@ import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { Text } from "../../Typography/Text.js";
 import { tabsLineSizeToTextSizeMap } from "../utils.js";
 import { EFontType } from "../../Typography/enums.js";
-import { s as styles } from "../../../chunks/TabsLine.module-DI7WV6Ow.js";
+import { s as styles } from "../../../chunks/TabsLine.module-Caifx7H3.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const TabsLineItem = React__default.forwardRef(
   ({

package/components/TabsLine/components/TabsLineMobile.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { TabsLineItem } from "./TabsLineItem.js";
-const tabsLineMobileWrapper = "tabsLineMobileWrapper__2006a4a7";
-const tabsLineMobile = "tabsLineMobile__44c6eb87";
+const tabsLineMobileWrapper = "tabsLineMobileWrapper__2c5f5f52";
+const tabsLineMobile = "tabsLineMobile__851b6c84";
 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__de3a693c";
-const sm = "sm__60ba1c00";
-const md = "md__8411f1ac";
-const lg = "lg__ec7598c8";
-const content = "content__4c589e66";
+const tag = "tag__251eefbe";
+const sm = "sm__04eb2b93";
+const md = "md__e8d6ea8b";
+const lg = "lg__65e4b80c";
+const content = "content__f08438da";
 const styles = {
   tag,
   sm,

package/components/TagColor/TagColor.js

@@ -3,21 +3,21 @@ import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { ETagColorStatus } from "./enums.js";
-const tagColor = "tagColor__0e3c637a";
-const sm = "sm__59445793";
-const md = "md__56d098b7";
-const lg = "lg__cf48aad2";
-const success = "success__36183117";
-const info = "info__99677f7d";
-const warning = "warning__b88867fa";
-const error = "error__50fb0e85";
-const content = "content__31593a6c";
+const tagColor = "tagColor__c1f0edb3";
+const sm = "sm__e6951053";
+const md = "md__cf1920fd";
+const lg = "lg__1e5b37a7";
+const success = "success__44207a84";
+const info = "info__5664c9ea";
+const warning = "warning__82b67b70";
+const error = "error__65b3911c";
+const content = "content__888afb69";
 const styles = {
   tagColor,
   sm,
   md,
   lg,
-  "default": "default__43b2c470",
+  "default": "default__fa031442",
   success,
   info,
   warning,

package/components/TagGroup/TagGroup.js

@@ -2,10 +2,10 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const tagGroup = "tagGroup__cb122e79";
-const sm = "sm__ca37c3e5";
-const md = "md__61c5e0aa";
-const lg = "lg__9212ff7b";
+const tagGroup = "tagGroup__8c604a65";
+const sm = "sm__2cc5a377";
+const md = "md__10b9a7a1";
+const lg = "lg__d75fbd3d";
 const styles = {
   tagGroup,
   sm,

package/components/TextField/MaskedField.js

@@ -1,7 +1,10 @@
 import { jsx } from "react/jsx-runtime";
+import React__default from "react";
 import { FormFieldMaskedInput } from "../FormField/components/FormFieldMaskedInput.js";
 import { TextFieldBase } from "./TextFieldBase.js";
-const MaskedField = ({ maskedInputProps, ...textFieldProps }) => /* @__PURE__ */ jsx(TextFieldBase, { ...textFieldProps, children: /* @__PURE__ */ jsx(FormFieldMaskedInput, { ...maskedInputProps }) });
+const MaskedField = React__default.forwardRef(
+  ({ maskedInputProps, ...restProps }, ref) => /* @__PURE__ */ jsx(TextFieldBase, { ...restProps, ref, children: /* @__PURE__ */ jsx(FormFieldMaskedInput, { ...maskedInputProps }) })
+);
 MaskedField.displayName = "MaskedField";
 export {
   MaskedField

package/components/TextField/MaskedField.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaskedField.js","sources":["../../../src/components/TextField/MaskedField.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormFieldMaskedInput, IFormFieldMaskedInputProps } from \"../FormField/components/FormFieldMaskedInput\";\nimport { ITextFieldBaseProps, TextFieldBase } from \"./TextFieldBase\";\n\n/** Свойства компонента MaskedField. */\nexport interface IMaskedFieldProps extends Omit<ITextFieldBaseProps, \"children\"> {\n    /** Свойства поля ввода. */\n    maskedInputProps: IFormFieldMaskedInputProps & { ref?: React.RefObject<HTMLInputElement> };\n}\n\n/** Компонент ввода с маской. */\nexport const MaskedField: React.FC<IMaskedFieldProps> = ({ maskedInputProps, ...textFieldProps }) => (\n    <TextFieldBase {...textFieldProps}>\n        <FormFieldMaskedInput {...maskedInputProps} />\n    </TextFieldBase>\n);\n\nMaskedField.displayName = \"MaskedField\";\n"],"names":[],"mappings":";;;AAWO,MAAM,cAA2C,CAAC,EAAE,kBAAkB,GAAG,eAAA,MAC5E,oBAAC,eAAA,EAAe,GAAG,gBACf,UAAA,oBAAC,sBAAA,EAAsB,GAAG,kBAAkB,EAAA,CAChD;AAGJ,YAAY,cAAc;"}
+{"version":3,"file":"MaskedField.js","sources":["../../../src/components/TextField/MaskedField.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormFieldMaskedInput, IFormFieldMaskedInputProps } from \"../FormField/components/FormFieldMaskedInput\";\nimport { ITextFieldBaseProps, TextFieldBase } from \"./TextFieldBase\";\n\n/** Свойства компонента MaskedField. */\nexport interface IMaskedFieldProps extends Omit<ITextFieldBaseProps, \"children\"> {\n    /** Свойства поля ввода. */\n    maskedInputProps: IFormFieldMaskedInputProps & { ref?: React.RefObject<HTMLInputElement> };\n}\n\n/** Компонент ввода с маской. */\nexport const MaskedField = React.forwardRef<HTMLDivElement, IMaskedFieldProps>(\n    ({ maskedInputProps, ...restProps }, ref) => (\n        <TextFieldBase {...restProps} ref={ref}>\n            <FormFieldMaskedInput {...maskedInputProps} />\n        </TextFieldBase>\n    ),\n);\n\nMaskedField.displayName = \"MaskedField\";\n"],"names":["React"],"mappings":";;;;AAWO,MAAM,cAAcA,eAAM;AAAA,EAC7B,CAAC,EAAE,kBAAkB,GAAG,UAAA,GAAa,QACjC,oBAAC,eAAA,EAAe,GAAG,WAAW,KAC1B,UAAA,oBAAC,sBAAA,EAAsB,GAAG,kBAAkB,EAAA,CAChD;AAER;AAEA,YAAY,cAAc;"}

package/components/TextField/TextField.js

@@ -1,7 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { F as FormFieldInput } from "../../chunks/FormFieldInput-FA3ecx9K.js";
+import React__default from "react";
+import { FormFieldInput } from "../FormField/components/FormFieldInput.js";
 import { TextFieldBase } from "./TextFieldBase.js";
-const TextField = ({ inputProps, ...textFieldBaseProps }) => /* @__PURE__ */ jsx(TextFieldBase, { ...textFieldBaseProps, children: /* @__PURE__ */ jsx(FormFieldInput, { ...inputProps }) });
+const TextField = React__default.forwardRef(
+  ({ inputProps, ...textFieldBaseProps }, ref) => /* @__PURE__ */ jsx(TextFieldBase, { ...textFieldBaseProps, ref, children: /* @__PURE__ */ jsx(FormFieldInput, { ...inputProps }) })
+);
 TextField.displayName = "TextField";
 export {
   TextField

package/components/TextField/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    FormFieldInput,\n    IFormFieldInputProps,\n} from \"@sberbusiness/triplex-next/components/FormField/components/FormFieldInput\";\nimport { ITextFieldBaseProps, TextFieldBase } from \"./TextFieldBase\";\n\n/** Свойства TextField. */\nexport interface ITextFieldProps extends Omit<ITextFieldBaseProps, \"children\"> {\n    /** Свойства поля ввода. */\n    inputProps: IFormFieldInputProps & { ref?: React.RefObject<HTMLInputElement> };\n}\n\n/** Компонент текстового ввода.\n *  Является более компактным вариантом отображения инпутов, чем FormGroup.\n * */\nexport const TextField: React.FC<ITextFieldProps> = ({ inputProps, ...textFieldBaseProps }) => (\n    <TextFieldBase {...textFieldBaseProps}>\n        <FormFieldInput {...inputProps} />\n    </TextFieldBase>\n);\n\nTextField.displayName = \"TextField\";\n"],"names":[],"mappings":";;;AAgBO,MAAM,YAAuC,CAAC,EAAE,YAAY,GAAG,mBAAA,MAClE,oBAAC,eAAA,EAAe,GAAG,oBACf,UAAA,oBAAC,gBAAA,EAAgB,GAAG,YAAY,EAAA,CACpC;AAGJ,UAAU,cAAc;"}
+{"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    FormFieldInput,\n    IFormFieldInputProps,\n} from \"@sberbusiness/triplex-next/components/FormField/components/FormFieldInput\";\nimport { ITextFieldBaseProps, TextFieldBase } from \"./TextFieldBase\";\n\n/** Свойства компонента TextField. */\nexport interface ITextFieldProps extends Omit<ITextFieldBaseProps, \"children\"> {\n    /** Свойства поля ввода. */\n    inputProps: IFormFieldInputProps & { ref?: React.RefObject<HTMLInputElement> };\n}\n\n/**\n * Компонент текстового ввода.\n * Является более компактным вариантом отображения инпутов, чем FormGroup.\n */\nexport const TextField = React.forwardRef<HTMLDivElement, ITextFieldProps>(\n    ({ inputProps, ...textFieldBaseProps }, ref) => (\n        <TextFieldBase {...textFieldBaseProps} ref={ref}>\n            <FormFieldInput {...inputProps} />\n        </TextFieldBase>\n    ),\n);\n\nTextField.displayName = \"TextField\";\n"],"names":["React"],"mappings":";;;;AAiBO,MAAM,YAAYA,eAAM;AAAA,EAC3B,CAAC,EAAE,YAAY,GAAG,mBAAA,GAAsB,QACpC,oBAAC,eAAA,EAAe,GAAG,oBAAoB,KACnC,UAAA,oBAAC,gBAAA,EAAgB,GAAG,YAAY,EAAA,CACpC;AAER;AAEA,UAAU,cAAc;"}

package/components/TextField/TextFieldBase.js

@@ -4,7 +4,7 @@ import { FormGroup } from "../FormGroup/FormGroup.js";
 import "../FormField/components/FormFieldClear.js";
 import { FormFieldCounter } from "../FormField/components/FormFieldCounter.js";
 import { FormFieldDescription } from "../FormField/components/FormFieldDescription.js";
-import "../../chunks/FormFieldInput-FA3ecx9K.js";
+import "../FormField/components/FormFieldInput.js";
 import { FormFieldLabel } from "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import { FormFieldPostfix } from "../FormField/components/FormFieldPostfix.js";

package/components/TextareaField/TextareaField.js

@@ -3,7 +3,7 @@ import { TextFieldBase } from "../TextField/TextFieldBase.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldDescription.js";
-import "../../chunks/FormFieldInput-FA3ecx9K.js";
+import "../FormField/components/FormFieldInput.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";

package/components/ThemeProvider/ThemeProvider.js

@@ -18,7 +18,7 @@ const ThemeProvider = ({
       const style = `.${scopeCssClassName} {${DesignTokenUtils.getStyle(theme, tokens || {})}}`;
       updateCSS(style, `triplex-next-dynamic-tokens-${scopeCssClassName}`);
     } else {
-      console.log("ThemeProvider", "SSR do not support dynamic theme with css variables.");
+      console.warn("ThemeProvider", "SSR do not support dynamic theme with css variables.");
     }
   }, [scopeCssClassName, theme, tokens]);
   useLayoutEffect(() => () => removeCSS(`triplex-next-dynamic-tokens-${scopeCssClassName}`), [scopeCssClassName]);

package/components/ThemeProvider/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","sources":["../../../scripts/uniqueId.ts","../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["export const uniqueId = (prefix?: string): string =>\n    `${prefix ? prefix : \"\"}${Date.now()}${Math.floor(Math.random() * 1000000)}`;\n","import React, { useLayoutEffect, useMemo } from \"react\";\nimport canUseDom from \"rc-util/es/Dom/canUseDom\";\nimport { removeCSS, updateCSS } from \"rc-util/es/Dom/dynamicCSS\";\nimport { TDesignTokensPartial } from \"../DesignTokens/types/DesignTokensTypes\";\nimport { DesignTokenUtils } from \"../DesignTokens/DesignTokenUtils\";\nimport { ThemeProviderView } from \"./components/ThemeProviderView\";\nimport { uniqueId } from \"../../../scripts/uniqueId\";\nimport { ETriplexNextTheme } from \"./ETriplexNextTheme\";\n\nexport interface IThemeProviderProps {\n    children: React.ReactNode;\n    /** Classname, который добавлен к элементу из scopeRef для создания области видимости css-переменных. */\n    scopeClassName?: string;\n    /** Ref на HTML элемент, внутри которого будет действовать текущий конфиг. */\n    scopeRef: React.RefObject<HTMLElement>;\n    /** Дизайн-тема Triplex Next. */\n    theme?: ETriplexNextTheme;\n    /** Переопределяемые токены. */\n    tokens?: TDesignTokensPartial;\n}\n\nexport const ThemeProvider: React.FC<IThemeProviderProps> = ({\n    children,\n    scopeClassName,\n    scopeRef,\n    theme = ETriplexNextTheme.LIGHT,\n    tokens,\n}) => {\n    // ClassName, добавляемый к HTML элементу, для определения области видимости CSS-переменных.\n    const scopeCssClassName = useMemo(() => scopeClassName || uniqueId(\"triplex-next-theme-\"), [scopeClassName]);\n\n    useLayoutEffect(() => {\n        if (canUseDom()) {\n            const style = `.${scopeCssClassName} {${DesignTokenUtils.getStyle(theme, tokens || {})}}`;\n            // Обновление мета тега со стилями темы. Обновляется тег с ключом triplex-next-dynamic-theme.\n            updateCSS(style, `triplex-next-dynamic-tokens-${scopeCssClassName}`);\n        } else {\n            console.log(\"ThemeProvider\", \"SSR do not support dynamic theme with css variables.\");\n        }\n    }, [scopeCssClassName, theme, tokens]);\n\n    // Удаляет стили при размонтировании компонента.\n    useLayoutEffect(() => () => removeCSS(`triplex-next-dynamic-tokens-${scopeCssClassName}`), [scopeCssClassName]);\n\n    return (\n        <ThemeProviderView scopeClassName={scopeCssClassName} scopeRef={scopeRef} theme={theme} tokens={tokens}>\n            {children}\n        </ThemeProviderView>\n    );\n};\n"],"names":[],"mappings":";;;;;;AAAO,MAAM,WAAW,CAAC,WACrB,GAAY,MAAW,GAAG,KAAK,IAAA,CAAK,GAAG,KAAK,MAAM,KAAK,OAAA,IAAW,GAAO,CAAC;ACoBvE,MAAM,gBAA+C,CAAC;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ,kBAAkB;AAAA,EAC1B;AACJ,MAAM;AAEF,QAAM,oBAAoB,QAAQ,MAAM,kBAAkB,SAAS,qBAAqB,GAAG,CAAC,cAAc,CAAC;AAE3G,kBAAgB,MAAM;AAClB,QAAI,aAAa;AACb,YAAM,QAAQ,IAAI,iBAAiB,KAAK,iBAAiB,SAAS,OAAO,UAAU,CAAA,CAAE,CAAC;AAEtF,gBAAU,OAAO,+BAA+B,iBAAiB,EAAE;AAAA,IACvE,OAAO;AACH,cAAQ,IAAI,iBAAiB,sDAAsD;AAAA,IACvF;AAAA,EACJ,GAAG,CAAC,mBAAmB,OAAO,MAAM,CAAC;AAGrC,kBAAgB,MAAM,MAAM,UAAU,+BAA+B,iBAAiB,EAAE,GAAG,CAAC,iBAAiB,CAAC;AAE9G,6BACK,mBAAA,EAAkB,gBAAgB,mBAAmB,UAAoB,OAAc,QACnF,UACL;AAER;"}
+{"version":3,"file":"ThemeProvider.js","sources":["../../../scripts/uniqueId.ts","../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["export const uniqueId = (prefix?: string): string =>\n    `${prefix ? prefix : \"\"}${Date.now()}${Math.floor(Math.random() * 1000000)}`;\n","import React, { useLayoutEffect, useMemo } from \"react\";\nimport canUseDom from \"rc-util/es/Dom/canUseDom\";\nimport { removeCSS, updateCSS } from \"rc-util/es/Dom/dynamicCSS\";\nimport { TDesignTokensPartial } from \"../DesignTokens/types/DesignTokensTypes\";\nimport { DesignTokenUtils } from \"../DesignTokens/DesignTokenUtils\";\nimport { ThemeProviderView } from \"./components/ThemeProviderView\";\nimport { uniqueId } from \"../../../scripts/uniqueId\";\nimport { ETriplexNextTheme } from \"./ETriplexNextTheme\";\n\nexport interface IThemeProviderProps {\n    children: React.ReactNode;\n    /** Classname, который добавлен к элементу из scopeRef для создания области видимости css-переменных. */\n    scopeClassName?: string;\n    /** Ref на HTML элемент, внутри которого будет действовать текущий конфиг. */\n    scopeRef: React.RefObject<HTMLElement>;\n    /** Дизайн-тема Triplex Next. */\n    theme?: ETriplexNextTheme;\n    /** Переопределяемые токены. */\n    tokens?: TDesignTokensPartial;\n}\n\nexport const ThemeProvider: React.FC<IThemeProviderProps> = ({\n    children,\n    scopeClassName,\n    scopeRef,\n    theme = ETriplexNextTheme.LIGHT,\n    tokens,\n}) => {\n    // ClassName, добавляемый к HTML элементу, для определения области видимости CSS-переменных.\n    const scopeCssClassName = useMemo(() => scopeClassName || uniqueId(\"triplex-next-theme-\"), [scopeClassName]);\n\n    useLayoutEffect(() => {\n        if (canUseDom()) {\n            const style = `.${scopeCssClassName} {${DesignTokenUtils.getStyle(theme, tokens || {})}}`;\n            // Обновление мета тега со стилями темы. Обновляется тег с ключом triplex-next-dynamic-theme.\n            updateCSS(style, `triplex-next-dynamic-tokens-${scopeCssClassName}`);\n        } else {\n            console.warn(\"ThemeProvider\", \"SSR do not support dynamic theme with css variables.\");\n        }\n    }, [scopeCssClassName, theme, tokens]);\n\n    // Удаляет стили при размонтировании компонента.\n    useLayoutEffect(() => () => removeCSS(`triplex-next-dynamic-tokens-${scopeCssClassName}`), [scopeCssClassName]);\n\n    return (\n        <ThemeProviderView scopeClassName={scopeCssClassName} scopeRef={scopeRef} theme={theme} tokens={tokens}>\n            {children}\n        </ThemeProviderView>\n    );\n};\n"],"names":[],"mappings":";;;;;;AAAO,MAAM,WAAW,CAAC,WACrB,GAAY,MAAW,GAAG,KAAK,IAAA,CAAK,GAAG,KAAK,MAAM,KAAK,OAAA,IAAW,GAAO,CAAC;ACoBvE,MAAM,gBAA+C,CAAC;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ,kBAAkB;AAAA,EAC1B;AACJ,MAAM;AAEF,QAAM,oBAAoB,QAAQ,MAAM,kBAAkB,SAAS,qBAAqB,GAAG,CAAC,cAAc,CAAC;AAE3G,kBAAgB,MAAM;AAClB,QAAI,aAAa;AACb,YAAM,QAAQ,IAAI,iBAAiB,KAAK,iBAAiB,SAAS,OAAO,UAAU,CAAA,CAAE,CAAC;AAEtF,gBAAU,OAAO,+BAA+B,iBAAiB,EAAE;AAAA,IACvE,OAAO;AACH,cAAQ,KAAK,iBAAiB,sDAAsD;AAAA,IACxF;AAAA,EACJ,GAAG,CAAC,mBAAmB,OAAO,MAAM,CAAC;AAGrC,kBAAgB,MAAM,MAAM,UAAU,+BAA+B,iBAAiB,EAAE,GAAG,CAAC,iBAAiB,CAAC;AAE9G,6BACK,mBAAA,EAAkB,gBAAgB,mBAAmB,UAAoB,OAAc,QACnF,UACL;AAER;"}

package/components/Tooltip/Tooltip.js

@@ -10,8 +10,7 @@ import { TooltipTarget } from "./components/common/TooltipTarget.js";
 import { TooltipXButton } from "./components/common/TooltipXButton.js";
 import { TooltipMobileHeader } from "./components/mobile/components/TooltipMobileHeader.js";
 import { useTooltipTheme } from "./utils/useTooltipTheme.js";
-import { useMatchMedia } from "../MediaWidth/useMatchMedia.js";
-import { EScreenWidth } from "../../helpers/breakpoints.js";
+import { useMobileView } from "../MobileView/useMobileView.js";
 import "./enums.js";
 const Tooltip = ({
   children,
@@ -22,10 +21,7 @@ const Tooltip = ({
   toggle,
   ...rest
 }) => {
-  const isMobileScreenWidth = useMatchMedia(
-    `(max-width: ${EScreenWidth.SM_MAX})`,
-    window.innerWidth <= parseInt(EScreenWidth.SM_MAX)
-  );
+  const isMobileScreenWidth = useMobileView();
   const [openState, setOpenState] = useState(false);
   const targetHoveredRef = useRef(false);
   const open = openProp ?? openState;