@sberbusiness/triplex-next 1.35.1 → 1.37.0

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-CboBGsbx.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-BveXHd-m.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-BveXHd-m.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__34856a41";
-const tabsLineMobile = "tabsLineMobile__7251ee00";
+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__da8a2485";
-const sm = "sm__7c398a03";
-const md = "md__8eca97b8";
-const lg = "lg__e1d5e13d";
-const content = "content__8a64ab81";
+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__0ec12b6b";
-const sm = "sm__11ab6c88";
-const md = "md__b81063a9";
-const lg = "lg__c2a7cfeb";
-const success = "success__dfd170e2";
-const info = "info__e9aebf50";
-const warning = "warning__891a1fc0";
-const error = "error__871a735d";
-const content = "content__68bc79d8";
+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__e90622b0",
+  "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__1894f9c1";
-const sm = "sm__feadbfc5";
-const md = "md__e73caaa0";
-const lg = "lg__fd19b8d8";
+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-B1sTDP0Z.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-B1sTDP0Z.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-B1sTDP0Z.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-Dq7hHJeQ.js";
+import { s as styles } from "../../../../chunks/TooltipDesktop.module-BSkkFo4C.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__9912db85";
-const desktop = "desktop__c5cb13e9";
-const mobile = "mobile__39ca3fc4";
+import { getSafeRel } from "../../../../utils/html/anchorSecurity.js";
+const tooltipLink = "tooltipLink__5a0b09ce";
+const desktop = "desktop__6d14c0b9";
+const mobile = "mobile__f90574b7";
 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.35.1",
+        target,
+        rel: safeRel,
+        "data-tx": "1.37.0",
         ref,
         children
       }
@@ -27,7 +31,9 @@ const TooltipLink = React__default.forwardRef(
       {
         className: clsx(styles.tooltipLink, styles.mobile, className),
         ...rest,
-        "data-tx": "1.35.1",
+        target,
+        rel: safeRel,
+        "data-tx": "1.37.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-Dq7hHJeQ.js";
+import { s as styles } from "../../../../chunks/TooltipDesktop.module-BSkkFo4C.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-Dq7hHJeQ.js";
+import { s as styles } from "../../../../../chunks/TooltipDesktop.module-BSkkFo4C.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-Dq7hHJeQ.js";
+import { s as styles } from "../../../../../chunks/TooltipDesktop.module-BSkkFo4C.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__a08d936d";
-const tooltipMobileContent = "tooltipMobileContent__2c9b0491";
-const headerless = "headerless__5032c377";
-const closeButton = "closeButton__edb63aed";
+const tooltipMobile = "tooltipMobile__c22fd52b";
+const tooltipMobileContent = "tooltipMobileContent__d510615f";
+const headerless = "headerless__14935bfe";
+const closeButton = "closeButton__d7dd018b";
 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__e43cfe75";
-const topOverlayWrapper = "topOverlayWrapper__893d5047";
-const closing = "closing__810adb35";
-const opened = "opened__deec17de";
-const topOverlayPanel = "topOverlayPanel__82ccc484";
-const topOverlay = "topOverlay__f4fe48ac";
+const topOverlayMask = "topOverlayMask__78890b8f";
+const topOverlayWrapper = "topOverlayWrapper__877ce207";
+const closing = "closing__d4bd5e84";
+const opened = "opened__5a4bb121";
+const topOverlayPanel = "topOverlayPanel__07485167";
+const topOverlay = "topOverlay__fe4dd488";
 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-BcNTHTru.js";
+import { s as styles } from "../../chunks/TreeView.module-UefU342m.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-BcNTHTru.js";
+import { s as styles } from "../../../chunks/TreeView.module-UefU342m.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-BcNTHTru.js";
+import { s as styles } from "../../../chunks/TreeView.module-UefU342m.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-SJgDe4qR.js";
-const caption = "caption__988b4796";
-const regular = "regular__813019e1";
-const semibold = "semibold__6f628db7";
-const c1 = "c1__8e3ffc28";
-const c2 = "c2__f23d3f36";
-const d1 = "d1__1918fa4e";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-Cd6Fu1e1.js";
+const caption = "caption__27188e8e";
+const regular = "regular__4353ce41";
+const semibold = "semibold__2302fc62";
+const c1 = "c1__58dd4be8";
+const c2 = "c2__eb7412ac";
+const d1 = "d1__4fd6d2a7";
 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-SJgDe4qR.js";
-const codeText = "codeText__19df72b5";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-Cd6Fu1e1.js";
+const codeText = "codeText__575025c7";
 const styles = {
   codeText
 };

package/components/Typography/Text.js

@@ -2,15 +2,15 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { ETextSize, EFontWeightText, ELineType, EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-SJgDe4qR.js";
-const text = "text__e4c2bf7a";
-const regular = "regular__813019e1";
-const semibold = "semibold__6f628db7";
-const b1 = "b1__3dd1d9e2";
-const b2 = "b2__b39e330c";
-const b3 = "b3__925f5249";
-const compact = "compact__fdf6f8be";
-const b4 = "b4__69625bec";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-Cd6Fu1e1.js";
+const text = "text__5576a52a";
+const regular = "regular__4353ce41";
+const semibold = "semibold__2302fc62";
+const b1 = "b1__d765e7d8";
+const b2 = "b2__ff632e93";
+const b3 = "b3__3a611a59";
+const compact = "compact__95fdfd37";
+const b4 = "b4__3f6b7ac2";
 const styles = {
   text,
   regular,

package/components/Typography/Title.js

@@ -2,15 +2,15 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
 import { ETitleSize, EFontWeightTitle, EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-SJgDe4qR.js";
-const title = "title__ee7ee6da";
-const regular = "regular__813019e1";
-const medium = "medium__0e9f4d62";
-const semibold = "semibold__6f628db7";
-const bold = "bold__eda26cfe";
-const h1 = "h1__3b2396ad";
-const h2 = "h2__e38eecff";
-const h3 = "h3__51217c3e";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-Cd6Fu1e1.js";
+const title = "title__6ec1fff5";
+const regular = "regular__4353ce41";
+const medium = "medium__656fed23";
+const semibold = "semibold__2302fc62";
+const bold = "bold__0a3f128e";
+const h1 = "h1__89f8416b";
+const h2 = "h2__5a4ad389";
+const h3 = "h3__c7f0f243";
 const styles = {
   title,
   regular,

package/components/Typography/constants.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { F } from "../../chunks/constants-SJgDe4qR.js";
+import { F } from "../../chunks/constants-Cd6Fu1e1.js";
 export {
   F as FONT_TYPE_TO_CLASS_NAME_MAP
 };

package/components/UnorderedList/UnorderedList.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 { UnorderedListItem } from "./UnorderedListItem.js";
-const unorderedList = "unorderedList__ceac1e1f";
+const unorderedList = "unorderedList__83860f77";
 const styles = {
   unorderedList
 };
@@ -12,7 +12,7 @@ const UnorderedList = Object.assign(
     {
       className: clsx(styles.unorderedList, className),
       ...restProps,
-      "data-tx": "1.35.1",
+      "data-tx": "1.37.0",
       ref
     }
   )),

package/components/UnorderedList/UnorderedListItem.js

@@ -6,7 +6,7 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const unorderedListItem = "unorderedListItem__bbbf47cc";
+const unorderedListItem = "unorderedListItem__4f8fa5d5";
 const styles = {
   unorderedListItem
 };
@@ -18,7 +18,7 @@ const UnorderedListItem = React__default.forwardRef(
       size: ETextSize.B3,
       tag: "li",
       ...restProps,
-      "data-tx": "1.35.1",
+      "data-tx": "1.37.0",
       ref
     }
   )

package/components/UploadZone/UploadZone.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useState, useRef, useCallback, createElement, useEffect } from "react";
 import { createRoot } from "react-dom/client";
 import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
-import { s as styles, U as UploadZoneInput } from "../../chunks/UploadZoneInput-DcQIwK0e.js";
+import { s as styles, U as UploadZoneInput } from "../../chunks/UploadZoneInput-C4-U97n3.js";
 import { UploadZoneContext } from "./UploadZoneContext.js";
 const UploadZone = Object.assign(
   forwardRef((props, ref) => {
@@ -144,7 +144,7 @@ const UploadZone = Object.assign(
           openUploadDialog,
           setInputNode
         },
-        children: /* @__PURE__ */ jsxs("div", { className: styles.uploadZone, "data-tx": "1.35.1", ref, children: [
+        children: /* @__PURE__ */ jsxs("div", { className: styles.uploadZone, "data-tx": "1.37.0", ref, children: [
           /* @__PURE__ */ createElement(
             "div",
             {

package/components/UploadZone/components/UploadZoneInput.js

@@ -1,7 +1,7 @@
 import "react";
 import "../UploadZoneContext.js";
 import "../../../chunks/vendor-Bco_z_Yi.js";
-import { U } from "../../../chunks/UploadZoneInput-DcQIwK0e.js";
+import { U } from "../../../chunks/UploadZoneInput-C4-U97n3.js";
 export {
   U as UploadZoneInput
 };

package/components/UploadZone/index.js

@@ -1,5 +1,5 @@
 import { UploadZone } from "./UploadZone.js";
-import { U } from "../../chunks/UploadZoneInput-DcQIwK0e.js";
+import { U } from "../../chunks/UploadZoneInput-C4-U97n3.js";
 export {
   UploadZone,
   U as UploadZoneInput