@sberbusiness/triplex-next 1.36.0 → 1.38.0

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__cf37b390";
+const tabButtonDropdown = "tabButtonDropdown__6f7ce075";
+const sm = "sm__0eec9fde";
+const md = "md__4b2758a4";
+const lg = "lg__5766673f";
 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-D9BiyvHA.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-CbmIP4b4.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-D9BiyvHA.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-D9BiyvHA.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-D9BiyvHA.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-CbmIP4b4.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-D9BiyvHA.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-CbmIP4b4.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-DcxnBOgb.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-DcxnBOgb.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-R6GgcMur.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-DcxnBOgb.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-DcxnBOgb.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__5a0ba01a";
+const tabsLineMobile = "tabsLineMobile__55059ba4";
 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__e5c240e7";
+const sm = "sm__e7a77716";
+const md = "md__0fab30f6";
+const lg = "lg__a110547f";
+const content = "content__2664d230";
 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__0516b057";
+const sm = "sm__d22e8be6";
+const md = "md__e9950a10";
+const lg = "lg__868c5042";
+const success = "success__bf45d4da";
+const info = "info__4f318675";
+const warning = "warning__80f893d2";
+const error = "error__0c39291c";
+const content = "content__adb2ef02";
 const styles = {
   tagColor,
   sm,
   md,
   lg,
-  "default": "default__43b2c470",
+  "default": "default__a8e26f11",
   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__80225999";
+const sm = "sm__5dd9dca8";
+const md = "md__4c8f7d09";
+const lg = "lg__d8ff6d17";
 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;

package/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useRef } from \"react\";\nimport { TooltipContext } from \"@sberbusiness/triplex-next/components/Tooltip/TootlipContext\";\nimport { MobileView } from \"@sberbusiness/triplex-next/components/MobileView/MobileView\";\nimport { TooltipDesktop } from \"@sberbusiness/triplex-next/components/Tooltip/components/desktop/TooltipDesktop\";\nimport { TooltipMobile } from \"@sberbusiness/triplex-next/components/Tooltip/components/mobile/TooltipMobile\";\nimport { TooltipBody } from \"@sberbusiness/triplex-next/components/Tooltip/components/common/TooltipBody\";\nimport { TooltipLink } from \"@sberbusiness/triplex-next/components/Tooltip/components/common/TooltipLink\";\nimport { TooltipTarget } from \"@sberbusiness/triplex-next/components/Tooltip/components/common/TooltipTarget\";\nimport { TooltipXButton } from \"@sberbusiness/triplex-next/components/Tooltip/components/common/TooltipXButton\";\nimport { TooltipMobileHeader } from \"@sberbusiness/triplex-next/components/Tooltip/components/mobile/components/TooltipMobileHeader\";\nimport { ITooltipElements, ITooltipProps } from \"@sberbusiness/triplex-next/components/Tooltip/types\";\nimport { useTooltipTheme } from \"@sberbusiness/triplex-next/components/Tooltip/utils/useTooltipTheme\";\nimport { useMatchMedia } from \"@sberbusiness/triplex-next/components/MediaWidth\";\nimport { EScreenWidth } from \"@sberbusiness/triplex-next/helpers/breakpoints\";\n\n/** Внутренние составляющие компонента Tooltip. */\ninterface ITooltipComposition {\n    Target: typeof TooltipTarget;\n    Body: typeof TooltipBody;\n    Link: typeof TooltipLink;\n    XButton: typeof TooltipXButton;\n    MobileHeader: typeof TooltipMobileHeader;\n}\n\n/** Всплывающая подсказка. */\nexport const Tooltip: React.FC<ITooltipProps> & ITooltipComposition = ({\n    children,\n    toggleType,\n    preferPlace,\n    disableAdaptiveMode,\n    isOpen: openProp,\n    toggle,\n    ...rest\n}) => {\n    const isMobileScreenWidth = useMatchMedia(\n        `(max-width: ${EScreenWidth.SM_MAX})`,\n        window.innerWidth <= parseInt(EScreenWidth.SM_MAX),\n    );\n    const [openState, setOpenState] = useState(false);\n    const targetHoveredRef = useRef(false);\n    const open = openProp ?? openState;\n    // renderContainer для mobile режима только document.body\n    const isBodyOnlyRenderContainer = isMobileScreenWidth && !disableAdaptiveMode;\n    useTooltipTheme(open, isBodyOnlyRenderContainer ? document.body : (rest.renderContainer ?? document.body));\n\n    useEffect(() => {\n        if (openProp === false) {\n            targetHoveredRef.current = false;\n        }\n    }, [openProp]);\n\n    /** Получить дочерние React-элементы. */\n    const getChildrenElements = useCallback(() => {\n        const elements: ITooltipElements = {\n            body: null,\n            link: null,\n            closeButton: null,\n            mobileHeader: null,\n            target: null,\n        };\n\n        React.Children.map(children, (child) => {\n            if (React.isValidElement<React.ReactElement>(child)) {\n                if (child.type === TooltipTarget) {\n                    elements.target = child as React.ReactElement;\n                } else if (child.type === TooltipBody) {\n                    elements.body = child as React.ReactElement;\n                } else if (child.type === TooltipLink) {\n                    elements.link = child as React.ReactElement;\n                } else if (child.type === TooltipXButton) {\n                    elements.closeButton = child as React.ReactElement;\n                } else if (child.type === TooltipMobileHeader) {\n                    elements.mobileHeader = child as React.ReactElement;\n                }\n            }\n        });\n\n        return elements;\n    }, [children]);\n\n    /** Обработчик изменения состояния компонента. */\n    const handleOpen = (nextOpen: boolean) => {\n        if (openProp === undefined) {\n            if (!nextOpen) {\n                targetHoveredRef.current = false;\n            }\n            setOpenState(nextOpen);\n        }\n\n        toggle?.(nextOpen);\n    };\n\n    /** Рендер десктоп версии компонента. */\n    const renderDesktopTooltip = () => {\n        return <TooltipDesktop isOpen={open} toggleType={toggleType} preferPlace={preferPlace} {...rest} />;\n    };\n\n    /** Рендер мобильной версии компонента. */\n    const renderMobileTooltip = () => {\n        return <TooltipMobile isOpen={open} {...rest} />;\n    };\n\n    return (\n        <TooltipContext.Provider\n            value={{\n                elements: getChildrenElements(),\n                setTooltipOpen: handleOpen,\n                targetHoveredRef,\n                toggleType,\n                tooltipOpen: open,\n            }}\n        >\n            {disableAdaptiveMode ? (\n                renderDesktopTooltip()\n            ) : (\n                <MobileView fallback={renderDesktopTooltip()}>{renderMobileTooltip()}</MobileView>\n            )}\n        </TooltipContext.Provider>\n    );\n};\n\nTooltip.Target = TooltipTarget;\nTooltip.Body = TooltipBody;\nTooltip.Link = TooltipLink;\nTooltip.XButton = TooltipXButton;\nTooltip.MobileHeader = TooltipMobileHeader;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AAyBO,MAAM,UAAyD,CAAC;AAAA,EACnE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,sBAAsB;AAAA,IACxB,eAAe,aAAa,MAAM;AAAA,IAClC,OAAO,cAAc,SAAS,aAAa,MAAM;AAAA,EAAA;AAErD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,mBAAmB,OAAO,KAAK;AACrC,QAAM,OAAO,YAAY;AAEzB,QAAM,4BAA4B,uBAAuB,CAAC;AAC1D,kBAAgB,MAAM,4BAA4B,SAAS,OAAQ,KAAK,mBAAmB,SAAS,IAAK;AAEzG,YAAU,MAAM;AACZ,QAAI,aAAa,OAAO;AACpB,uBAAiB,UAAU;AAAA,IAC/B;AAAA,EACJ,GAAG,CAAC,QAAQ,CAAC;AAGb,QAAM,sBAAsB,YAAY,MAAM;AAC1C,UAAM,WAA6B;AAAA,MAC/B,MAAM;AAAA,MACN,MAAM;AAAA,MACN,aAAa;AAAA,MACb,cAAc;AAAA,MACd,QAAQ;AAAA,IAAA;AAGZA,mBAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AACpC,UAAIA,eAAM,eAAmC,KAAK,GAAG;AACjD,YAAI,MAAM,SAAS,eAAe;AAC9B,mBAAS,SAAS;AAAA,QACtB,WAAW,MAAM,SAAS,aAAa;AACnC,mBAAS,OAAO;AAAA,QACpB,WAAW,MAAM,SAAS,aAAa;AACnC,mBAAS,OAAO;AAAA,QACpB,WAAW,MAAM,SAAS,gBAAgB;AACtC,mBAAS,cAAc;AAAA,QAC3B,WAAW,MAAM,SAAS,qBAAqB;AAC3C,mBAAS,eAAe;AAAA,QAC5B;AAAA,MACJ;AAAA,IACJ,CAAC;AAED,WAAO;AAAA,EACX,GAAG,CAAC,QAAQ,CAAC;AAGb,QAAM,aAAa,CAAC,aAAsB;AACtC,QAAI,aAAa,QAAW;AACxB,UAAI,CAAC,UAAU;AACX,yBAAiB,UAAU;AAAA,MAC/B;AACA,mBAAa,QAAQ;AAAA,IACzB;AAEA,qCAAS;AAAA,EACb;AAGA,QAAM,uBAAuB,MAAM;AAC/B,+BAAQ,gBAAA,EAAe,QAAQ,MAAM,YAAwB,aAA2B,GAAG,MAAM;AAAA,EACrG;AAGA,QAAM,sBAAsB,MAAM;AAC9B,WAAO,oBAAC,eAAA,EAAc,QAAQ,MAAO,GAAG,MAAM;AAAA,EAClD;AAEA,SACI;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACG,OAAO;AAAA,QACH,UAAU,oBAAA;AAAA,QACV,gBAAgB;AAAA,QAChB;AAAA,QACA;AAAA,QACA,aAAa;AAAA,MAAA;AAAA,MAGhB,UAAA,sBACG,yBAEA,oBAAC,cAAW,UAAU,qBAAA,GAAyB,UAAA,oBAAA,EAAoB,CAAE;AAAA,IAAA;AAAA,EAAA;AAIrF;AAEA,QAAQ,SAAS;AACjB,QAAQ,OAAO;AACf,QAAQ,OAAO;AACf,QAAQ,UAAU;AAClB,QAAQ,eAAe;"}
+{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useRef } from \"react\";\nimport { TooltipContext } from \"./TootlipContext\";\nimport { MobileView } from \"../MobileView/MobileView\";\nimport { TooltipDesktop } from \"./components/desktop/TooltipDesktop\";\nimport { TooltipMobile } from \"./components/mobile/TooltipMobile\";\nimport { TooltipBody } from \"./components/common/TooltipBody\";\nimport { TooltipLink } from \"./components/common/TooltipLink\";\nimport { TooltipTarget } from \"./components/common/TooltipTarget\";\nimport { TooltipXButton } from \"./components/common/TooltipXButton\";\nimport { TooltipMobileHeader } from \"./components/mobile/components/TooltipMobileHeader\";\nimport { ITooltipElements, ITooltipProps } from \"./types\";\nimport { useTooltipTheme } from \"./utils/useTooltipTheme\";\nimport { useMobileView } from \"../MobileView\";\n\n/** Внутренние составляющие компонента Tooltip. */\ninterface ITooltipComposition {\n    Target: typeof TooltipTarget;\n    Body: typeof TooltipBody;\n    Link: typeof TooltipLink;\n    XButton: typeof TooltipXButton;\n    MobileHeader: typeof TooltipMobileHeader;\n}\n\n/** Всплывающая подсказка. */\nexport const Tooltip: React.FC<ITooltipProps> & ITooltipComposition = ({\n    children,\n    toggleType,\n    preferPlace,\n    disableAdaptiveMode,\n    isOpen: openProp,\n    toggle,\n    ...rest\n}) => {\n    const isMobileScreenWidth = useMobileView();\n    const [openState, setOpenState] = useState(false);\n    const targetHoveredRef = useRef(false);\n    const open = openProp ?? openState;\n    // renderContainer для mobile режима только document.body\n    const isBodyOnlyRenderContainer = isMobileScreenWidth && !disableAdaptiveMode;\n    useTooltipTheme(open, isBodyOnlyRenderContainer ? document.body : (rest.renderContainer ?? document.body));\n\n    useEffect(() => {\n        if (openProp === false) {\n            targetHoveredRef.current = false;\n        }\n    }, [openProp]);\n\n    /** Получить дочерние React-элементы. */\n    const getChildrenElements = useCallback(() => {\n        const elements: ITooltipElements = {\n            body: null,\n            link: null,\n            closeButton: null,\n            mobileHeader: null,\n            target: null,\n        };\n\n        React.Children.map(children, (child) => {\n            if (React.isValidElement<React.ReactElement>(child)) {\n                if (child.type === TooltipTarget) {\n                    elements.target = child as React.ReactElement;\n                } else if (child.type === TooltipBody) {\n                    elements.body = child as React.ReactElement;\n                } else if (child.type === TooltipLink) {\n                    elements.link = child as React.ReactElement;\n                } else if (child.type === TooltipXButton) {\n                    elements.closeButton = child as React.ReactElement;\n                } else if (child.type === TooltipMobileHeader) {\n                    elements.mobileHeader = child as React.ReactElement;\n                }\n            }\n        });\n\n        return elements;\n    }, [children]);\n\n    /** Обработчик изменения состояния компонента. */\n    const handleOpen = (nextOpen: boolean) => {\n        if (openProp === undefined) {\n            if (!nextOpen) {\n                targetHoveredRef.current = false;\n            }\n            setOpenState(nextOpen);\n        }\n\n        toggle?.(nextOpen);\n    };\n\n    /** Рендер десктоп версии компонента. */\n    const renderDesktopTooltip = () => {\n        return <TooltipDesktop isOpen={open} toggleType={toggleType} preferPlace={preferPlace} {...rest} />;\n    };\n\n    /** Рендер мобильной версии компонента. */\n    const renderMobileTooltip = () => {\n        return <TooltipMobile isOpen={open} {...rest} />;\n    };\n\n    return (\n        <TooltipContext.Provider\n            value={{\n                elements: getChildrenElements(),\n                setTooltipOpen: handleOpen,\n                targetHoveredRef,\n                toggleType,\n                tooltipOpen: open,\n            }}\n        >\n            {disableAdaptiveMode ? (\n                renderDesktopTooltip()\n            ) : (\n                <MobileView fallback={renderDesktopTooltip()}>{renderMobileTooltip()}</MobileView>\n            )}\n        </TooltipContext.Provider>\n    );\n};\n\nTooltip.Target = TooltipTarget;\nTooltip.Body = TooltipBody;\nTooltip.Link = TooltipLink;\nTooltip.XButton = TooltipXButton;\nTooltip.MobileHeader = TooltipMobileHeader;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AAwBO,MAAM,UAAyD,CAAC;AAAA,EACnE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,sBAAsB,cAAA;AAC5B,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,mBAAmB,OAAO,KAAK;AACrC,QAAM,OAAO,YAAY;AAEzB,QAAM,4BAA4B,uBAAuB,CAAC;AAC1D,kBAAgB,MAAM,4BAA4B,SAAS,OAAQ,KAAK,mBAAmB,SAAS,IAAK;AAEzG,YAAU,MAAM;AACZ,QAAI,aAAa,OAAO;AACpB,uBAAiB,UAAU;AAAA,IAC/B;AAAA,EACJ,GAAG,CAAC,QAAQ,CAAC;AAGb,QAAM,sBAAsB,YAAY,MAAM;AAC1C,UAAM,WAA6B;AAAA,MAC/B,MAAM;AAAA,MACN,MAAM;AAAA,MACN,aAAa;AAAA,MACb,cAAc;AAAA,MACd,QAAQ;AAAA,IAAA;AAGZA,mBAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AACpC,UAAIA,eAAM,eAAmC,KAAK,GAAG;AACjD,YAAI,MAAM,SAAS,eAAe;AAC9B,mBAAS,SAAS;AAAA,QACtB,WAAW,MAAM,SAAS,aAAa;AACnC,mBAAS,OAAO;AAAA,QACpB,WAAW,MAAM,SAAS,aAAa;AACnC,mBAAS,OAAO;AAAA,QACpB,WAAW,MAAM,SAAS,gBAAgB;AACtC,mBAAS,cAAc;AAAA,QAC3B,WAAW,MAAM,SAAS,qBAAqB;AAC3C,mBAAS,eAAe;AAAA,QAC5B;AAAA,MACJ;AAAA,IACJ,CAAC;AAED,WAAO;AAAA,EACX,GAAG,CAAC,QAAQ,CAAC;AAGb,QAAM,aAAa,CAAC,aAAsB;AACtC,QAAI,aAAa,QAAW;AACxB,UAAI,CAAC,UAAU;AACX,yBAAiB,UAAU;AAAA,MAC/B;AACA,mBAAa,QAAQ;AAAA,IACzB;AAEA,qCAAS;AAAA,EACb;AAGA,QAAM,uBAAuB,MAAM;AAC/B,+BAAQ,gBAAA,EAAe,QAAQ,MAAM,YAAwB,aAA2B,GAAG,MAAM;AAAA,EACrG;AAGA,QAAM,sBAAsB,MAAM;AAC9B,WAAO,oBAAC,eAAA,EAAc,QAAQ,MAAO,GAAG,MAAM;AAAA,EAClD;AAEA,SACI;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACG,OAAO;AAAA,QACH,UAAU,oBAAA;AAAA,QACV,gBAAgB;AAAA,QAChB;AAAA,QACA;AAAA,QACA,aAAa;AAAA,MAAA;AAAA,MAGhB,UAAA,sBACG,yBAEA,oBAAC,cAAW,UAAU,qBAAA,GAAyB,UAAA,oBAAA,EAAoB,CAAE;AAAA,IAAA;AAAA,EAAA;AAIrF;AAEA,QAAQ,SAAS;AACjB,QAAQ,OAAO;AACf,QAAQ,OAAO;AACf,QAAQ,UAAU;AAClB,QAAQ,eAAe;"}

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

@@ -4,7 +4,7 @@ import { c as clsx } from "../../../../chunks/vendor-Bco_z_Yi.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-CpawnZz-.js";
+import { s as styles } from "../../../../chunks/TooltipDesktop.module-BQpMEMtl.js";
 const TooltipBody = React__default.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

@@ -2,22 +2,26 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../../chunks/vendor-Bco_z_Yi.js";
 import { MobileView } from "../../../MobileView/MobileView.js";
-const tooltipLink = "tooltipLink__a2e114a4";
-const desktop = "desktop__a5eb21ea";
-const mobile = "mobile__ef7f4898";
+import { getSafeRel } from "../../../../utils/html/anchorSecurity.js";
+const tooltipLink = "tooltipLink__62f4f88e";
+const desktop = "desktop__95577efe";
+const mobile = "mobile__9528fe67";
 const styles = {
   tooltipLink,
   desktop,
   mobile
 };
 const TooltipLink = React__default.forwardRef(
-  ({ children, className, ...rest }, ref) => {
+  ({ children, className, target, rel, ...rest }, ref) => {
+    const safeRel = getSafeRel(target, rel);
     const renderDesktopLink = () => /* @__PURE__ */ jsx(
       "a",
       {
         className: clsx(styles.tooltipLink, styles.desktop, className),
         ...rest,
-        "data-tx": "1.36.0",
+        target,
+        rel: safeRel,
+        "data-tx": "1.38.0",
         ref,
         children
       }
@@ -27,7 +31,9 @@ const TooltipLink = React__default.forwardRef(
       {
         className: clsx(styles.tooltipLink, styles.mobile, className),
         ...rest,
-        "data-tx": "1.36.0",
+        target,
+        rel: safeRel,
+        "data-tx": "1.38.0",
         ref,
         children
       }

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

@@ -1 +1 @@
-{"version":3,"file":"TooltipLink.js","sources":["../../../../../src/components/Tooltip/components/common/TooltipLink.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { MobileView } from \"@sberbusiness/triplex-next/components/MobileView/MobileView\";\nimport styles from \"@sberbusiness/triplex-next/components/Tooltip/styles/TooltipLink.module.less\";\nimport { ITooltipLinkProps } from \"@sberbusiness/triplex-next/components/Tooltip/types\";\n\n/** Гиперссылка в Tooltip. */\nexport const TooltipLink = React.forwardRef<HTMLAnchorElement, ITooltipLinkProps>(\n    ({ children, className, ...rest }, ref) => {\n        /** Рендер десктоп версии. */\n        const renderDesktopLink = () => (\n            <a\n                className={clsx(styles.tooltipLink, styles.desktop, className)}\n                {...rest}\n                data-tx={process.env.npm_package_version}\n                ref={ref}\n            >\n                {children}\n            </a>\n        );\n\n        return (\n            <MobileView fallback={renderDesktopLink()}>\n                <a\n                    className={clsx(styles.tooltipLink, styles.mobile, className)}\n                    {...rest}\n                    data-tx={process.env.npm_package_version}\n                    ref={ref}\n                >\n                    {children}\n                </a>\n            </MobileView>\n        );\n    },\n);\n\nTooltipLink.displayName = \"TooltipLink\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAOO,MAAM,cAAcA,eAAM;AAAA,EAC7B,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAAQ;AAEvC,UAAM,oBAAoB,MACtB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,aAAa,OAAO,SAAS,SAAS;AAAA,QAC5D,GAAG;AAAA,QACJ,WAAS;AAAA,QACT;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA;AAIT,+BACK,YAAA,EAAW,UAAU,kBAAA,GAClB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,aAAa,OAAO,QAAQ,SAAS;AAAA,QAC3D,GAAG;AAAA,QACJ,WAAS;AAAA,QACT;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,EAER;AACJ;AAEA,YAAY,cAAc;"}
+{"version":3,"file":"TooltipLink.js","sources":["../../../../../src/components/Tooltip/components/common/TooltipLink.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { MobileView } from \"@sberbusiness/triplex-next/components/MobileView/MobileView\";\nimport { getSafeRel } from \"@sberbusiness/triplex-next/utils/html/anchorSecurity\";\nimport styles from \"@sberbusiness/triplex-next/components/Tooltip/styles/TooltipLink.module.less\";\nimport { ITooltipLinkProps } from \"@sberbusiness/triplex-next/components/Tooltip/types\";\n\n/** Гиперссылка в Tooltip. */\nexport const TooltipLink = React.forwardRef<HTMLAnchorElement, ITooltipLinkProps>(\n    ({ children, className, target, rel, ...rest }, ref) => {\n        // Защита от reverse tabnabbing при target=\"_blank\".\n        const safeRel = getSafeRel(target, rel);\n\n        /** Рендер десктоп версии. */\n        const renderDesktopLink = () => (\n            <a\n                className={clsx(styles.tooltipLink, styles.desktop, className)}\n                {...rest}\n                target={target}\n                rel={safeRel}\n                data-tx={process.env.npm_package_version}\n                ref={ref}\n            >\n                {children}\n            </a>\n        );\n\n        return (\n            <MobileView fallback={renderDesktopLink()}>\n                <a\n                    className={clsx(styles.tooltipLink, styles.mobile, className)}\n                    {...rest}\n                    target={target}\n                    rel={safeRel}\n                    data-tx={process.env.npm_package_version}\n                    ref={ref}\n                >\n                    {children}\n                </a>\n            </MobileView>\n        );\n    },\n);\n\nTooltipLink.displayName = \"TooltipLink\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AAQO,MAAM,cAAcA,eAAM;AAAA,EAC7B,CAAC,EAAE,UAAU,WAAW,QAAQ,KAAK,GAAG,KAAA,GAAQ,QAAQ;AAEpD,UAAM,UAAU,WAAW,QAAQ,GAAG;AAGtC,UAAM,oBAAoB,MACtB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,aAAa,OAAO,SAAS,SAAS;AAAA,QAC5D,GAAG;AAAA,QACJ;AAAA,QACA,KAAK;AAAA,QACL,WAAS;AAAA,QACT;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA;AAIT,+BACK,YAAA,EAAW,UAAU,kBAAA,GAClB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,aAAa,OAAO,QAAQ,SAAS;AAAA,QAC3D,GAAG;AAAA,QACJ;AAAA,QACA,KAAK;AAAA,QACL,WAAS;AAAA,QACT;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,EAER;AACJ;AAEA,YAAY,cAAc;"}

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-CpawnZz-.js";
+import { s as styles } from "../../../../chunks/TooltipDesktop.module-BQpMEMtl.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 { ETooltipPreferPlace, ETooltipDirection, ETooltipAlign, ETooltipFlowTypes, 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-CpawnZz-.js";
+import { s as styles } from "../../../../../chunks/TooltipDesktop.module-BQpMEMtl.js";
 const flowToTipTranslations = {
   column: "translateX",
   row: "translateY"

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

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { ETooltipDirection } from "../../../enums.js";
 import { c as clsx } from "../../../../../chunks/vendor-Bco_z_Yi.js";
-import { s as styles } from "../../../../../chunks/TooltipDesktop.module-CpawnZz-.js";
+import { s as styles } from "../../../../../chunks/TooltipDesktop.module-BQpMEMtl.js";
 const TooltipDesktopTip = React__default.forwardRef((props, ref) => {
   const { direction } = props;
   let directionClass;

package/components/Tooltip/components/mobile/TooltipMobile.js

@@ -6,10 +6,10 @@ import { DropdownMobile } from "../../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "../../../Dropdown/mobile/DropdownMobileBody.js";
 import { TooltipMobileCloseButton } from "./components/TooltipMobileCloseButton.js";
 import { c as clsx } from "../../../../chunks/vendor-Bco_z_Yi.js";
-const tooltipMobile = "tooltipMobile__0017c9b8";
-const tooltipMobileContent = "tooltipMobileContent__29b72319";
-const headerless = "headerless__8f004348";
-const closeButton = "closeButton__88c5a2d8";
+const tooltipMobile = "tooltipMobile__b06f1746";
+const tooltipMobileContent = "tooltipMobileContent__feab2eee";
+const headerless = "headerless__ae58df2a";
+const closeButton = "closeButton__f7ff45bb";
 const styles = {
   tooltipMobile,
   tooltipMobileContent,

package/components/TopOverlay/TopOverlay.js

@@ -4,12 +4,12 @@ import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { FocusTrapExtended } from "../FocusTrapExtended/FocusTrapExtended.js";
 import { Overlay } from "../Overlay/Overlay.js";
 import { EOverlayDirection } from "../Overlay/OverlayBase.js";
-const topOverlayMask = "topOverlayMask__7aa80c6f";
-const topOverlayWrapper = "topOverlayWrapper__1351bbca";
-const closing = "closing__3132fed1";
-const opened = "opened__7fa45beb";
-const topOverlayPanel = "topOverlayPanel__90bcba7a";
-const topOverlay = "topOverlay__2f55a1ad";
+const topOverlayMask = "topOverlayMask__73c7dc3f";
+const topOverlayWrapper = "topOverlayWrapper__caf21011";
+const closing = "closing__17ebdf86";
+const opened = "opened__f55e3f02";
+const topOverlayPanel = "topOverlayPanel__360d7eac";
+const topOverlay = "topOverlay__bdc1aaf5";
 const styles = {
   topOverlayMask,
   topOverlayWrapper,

package/components/TreeView/TreeView.js

@@ -10,7 +10,7 @@ import { TreeViewAbstractNode } from "./TreeViewAbstractNode.js";
 import { TreeViewNode } from "./components/TreeViewNode.js";
 import { TreeViewGroup } from "./components/TreeViewGroup.js";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
-import { s as styles } from "../../chunks/TreeView.module-CmWs0cmX.js";
+import { s as styles } from "../../chunks/TreeView.module-BW9vWJxu.js";
 const rootNodeId = "rootNode";
 class TreeView extends React__default.Component {
   constructor(props) {

package/components/TreeView/components/TreeViewGroup.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/TreeView.module-CmWs0cmX.js";
+import { s as styles } from "../../../chunks/TreeView.module-BW9vWJxu.js";
 const TreeViewGroup = ({ children, ...props }) => /* @__PURE__ */ jsx("ul", { role: "group", className: styles.treeViewGroup, ...props, children });
 export {
   TreeViewGroup

package/components/TreeView/components/TreeViewNode.js

@@ -7,7 +7,7 @@ import { TreeViewContext, withTreeViewContext } from "../TreeViewContext.js";
 import { TreeViewAbstractNode } from "../TreeViewAbstractNode.js";
 import { TreeViewAbstractNodeUtils } from "../TreeViewAbstractNodeUtils.js";
 import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
-import { s as styles } from "../../../chunks/TreeView.module-CmWs0cmX.js";
+import { s as styles } from "../../../chunks/TreeView.module-BW9vWJxu.js";
 class TreeViewNodeWithContext extends React__default.Component {
   constructor(props) {
     super(props);

package/components/Typography/Caption.js

@@ -2,13 +2,13 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { ECaptionSize, EFontWeightCaption, EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-C0hF1Si5.js";
-const caption = "caption__a4969d25";
-const regular = "regular__cd55b1df";
-const semibold = "semibold__0c4f5fb8";
-const c1 = "c1__3c19291a";
-const c2 = "c2__f95ce357";
-const d1 = "d1__14a232fc";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-6r0L2MTn.js";
+const caption = "caption__754cf020";
+const regular = "regular__9b385e56";
+const semibold = "semibold__e5df5473";
+const c1 = "c1__a31f81ad";
+const c2 = "c2__5631b810";
+const d1 = "d1__47eff19b";
 const styles = {
   caption,
   regular,

package/components/Typography/CodeText.js

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-C0hF1Si5.js";
-const codeText = "codeText__25ff28a3";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-6r0L2MTn.js";
+const codeText = "codeText__4260a3f7";
 const styles = {
   codeText
 };