@sberbusiness/triplex-next 1.43.0 → 1.45.0

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-ChL37SLq.js";
+import { s as styles } from "../../chunks/TabsLine.module-CFuF3nRE.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-D4wvHis9.js";
-import { s as styles } from "../../../chunks/TabsLine.module-ChL37SLq.js";
+import { s as styles } from "../../../chunks/TabsLine.module-CFuF3nRE.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-D4wvHis9.js";
 import { DropdownListContext } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-hLJFQ_q0.js";
+import "../../../chunks/DropdownListItem-kMroiHoh.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-ChL37SLq.js";
+import { s as styles } from "../../../chunks/TabsLine.module-CFuF3nRE.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-ChL37SLq.js";
+import { s as styles } from "../../../chunks/TabsLine.module-CFuF3nRE.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__5880cafc";
-const tabsLineMobile = "tabsLineMobile__9026c4c2";
+const tabsLineMobileWrapper = "tabsLineMobileWrapper__1a9b67d7";
+const tabsLineMobile = "tabsLineMobile__43f55a95";
 const styles = {
   tabsLineMobileWrapper,
   tabsLineMobile

package/components/Tag/Tag.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import React__default, { useCallback } from "react";
+import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { EditStrokeSrvIcon24, EditStrokeSrvIcon20, EditStrokeSrvIcon16, CrossStrokeSrvIcon24, CrossStrokeSrvIcon20, CrossStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { Text } from "../Typography/Text.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__da17014a";
-const sm = "sm__fa541bc1";
-const md = "md__0225bd06";
-const lg = "lg__fdb770bf";
-const content = "content__b3311fe4";
+const tag = "tag__a76b0e40";
+const sm = "sm__30e2b804";
+const md = "md__299a9900";
+const lg = "lg__fda23924";
+const content = "content__dd272d14";
 const styles = {
   tag,
   sm,
@@ -19,65 +19,60 @@ const styles = {
   lg,
   content
 };
-const sizeToClassNameMap = createSizeToClassNameMap(styles);
-const sizeToTextSizeMap = {
+const ICON_PALETTE_INDEX = 5;
+const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
+const SIZE_TO_TEXT_SIZE_MAP = {
   [EComponentSize.SM]: ETextSize.B4,
   [EComponentSize.MD]: ETextSize.B3,
   [EComponentSize.LG]: ETextSize.B2
 };
-const sizeToEditIconMap = {
-  [EComponentSize.SM]: /* @__PURE__ */ jsx(EditStrokeSrvIcon16, { paletteIndex: 5 }),
-  [EComponentSize.MD]: /* @__PURE__ */ jsx(EditStrokeSrvIcon20, { paletteIndex: 5 }),
-  [EComponentSize.LG]: /* @__PURE__ */ jsx(EditStrokeSrvIcon24, { paletteIndex: 5 })
+const SIZE_TO_EDIT_ICON_MAP = {
+  [EComponentSize.SM]: /* @__PURE__ */ jsx(EditStrokeSrvIcon16, { paletteIndex: ICON_PALETTE_INDEX }),
+  [EComponentSize.MD]: /* @__PURE__ */ jsx(EditStrokeSrvIcon20, { paletteIndex: ICON_PALETTE_INDEX }),
+  [EComponentSize.LG]: /* @__PURE__ */ jsx(EditStrokeSrvIcon24, { paletteIndex: ICON_PALETTE_INDEX })
 };
-const sizeToRemoveIconMap = {
-  [EComponentSize.SM]: /* @__PURE__ */ jsx(CrossStrokeSrvIcon16, { paletteIndex: 5 }),
-  [EComponentSize.MD]: /* @__PURE__ */ jsx(CrossStrokeSrvIcon20, { paletteIndex: 5 }),
-  [EComponentSize.LG]: /* @__PURE__ */ jsx(CrossStrokeSrvIcon24, { paletteIndex: 5 })
+const SIZE_TO_REMOVE_ICON_MAP = {
+  [EComponentSize.SM]: /* @__PURE__ */ jsx(CrossStrokeSrvIcon16, { paletteIndex: ICON_PALETTE_INDEX }),
+  [EComponentSize.MD]: /* @__PURE__ */ jsx(CrossStrokeSrvIcon20, { paletteIndex: ICON_PALETTE_INDEX }),
+  [EComponentSize.LG]: /* @__PURE__ */ jsx(CrossStrokeSrvIcon24, { paletteIndex: ICON_PALETTE_INDEX })
 };
 const Tag = React__default.forwardRef(
   ({ children, id, className, size, disabled, onRemove, onEdit, removeButtonProps, editButtonProps, ...restProps }, ref) => {
-    const renderContent = useCallback(() => {
-      const type = disabled ? EFontType.DISABLED : EFontType.PRIMARY;
-      return /* @__PURE__ */ jsx(Text, { className: styles.content, type, size: sizeToTextSizeMap[size], children });
-    }, [children, size, disabled]);
-    const renderEditButton = useCallback(() => {
-      const { onClick, ...restEditButtonProps } = editButtonProps || {};
-      return /* @__PURE__ */ jsx(
-        ButtonIcon,
-        {
-          disabled,
-          onClick: (event) => {
-            onEdit == null ? void 0 : onEdit(id);
-            onClick == null ? void 0 : onClick(event);
-          },
-          ...restEditButtonProps,
-          children: sizeToEditIconMap[size]
-        }
-      );
-    }, [id, size, disabled, editButtonProps, onEdit]);
-    const renderRemoveButton = useCallback(() => {
-      const { onClick, ...restRemoveButtonProps } = removeButtonProps || {};
-      return /* @__PURE__ */ jsx(
-        ButtonIcon,
-        {
-          disabled,
-          onClick: (event) => {
-            onRemove == null ? void 0 : onRemove(id);
-            onClick == null ? void 0 : onClick(event);
-          },
-          ...restRemoveButtonProps,
-          children: sizeToRemoveIconMap[size]
-        }
-      );
-    }, [id, size, disabled, removeButtonProps, onRemove]);
-    return /* @__PURE__ */ jsxs("span", { className: clsx(styles.tag, sizeToClassNameMap[size], className), ...restProps, ref, children: [
-      renderContent(),
-      onEdit && renderEditButton(),
-      renderRemoveButton()
-    ] });
+    const { onClick: onEditButtonClick, ...restEditButtonProps } = editButtonProps ?? {};
+    const { onClick: onRemoveButtonClick, ...restRemoveButtonProps } = removeButtonProps ?? {};
+    const handleEditClick = (event) => {
+      onEdit == null ? void 0 : onEdit(id);
+      onEditButtonClick == null ? void 0 : onEditButtonClick(event);
+    };
+    const handleRemoveClick = (event) => {
+      onRemove == null ? void 0 : onRemove(id);
+      onRemoveButtonClick == null ? void 0 : onRemoveButtonClick(event);
+    };
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        id,
+        className: clsx(styles.tag, SIZE_TO_CLASS_NAME_MAP[size], className),
+        ...restProps,
+        ref,
+        children: [
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              className: styles.content,
+              type: disabled ? EFontType.DISABLED : EFontType.PRIMARY,
+              size: SIZE_TO_TEXT_SIZE_MAP[size],
+              children
+            }
+          ),
+          onEdit && /* @__PURE__ */ jsx(ButtonIcon, { disabled, onClick: handleEditClick, ...restEditButtonProps, children: SIZE_TO_EDIT_ICON_MAP[size] }),
+          /* @__PURE__ */ jsx(ButtonIcon, { disabled, onClick: handleRemoveClick, ...restRemoveButtonProps, children: SIZE_TO_REMOVE_ICON_MAP[size] })
+        ]
+      }
+    );
   }
 );
+Tag.displayName = "Tag";
 export {
   Tag
 };

package/components/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport {\n    CrossStrokeSrvIcon16,\n    CrossStrokeSrvIcon20,\n    CrossStrokeSrvIcon24,\n    EditStrokeSrvIcon16,\n    EditStrokeSrvIcon20,\n    EditStrokeSrvIcon24,\n} from \"@sberbusiness/icons-next\";\nimport { ITagProps } from \"@sberbusiness/triplex-next/components/Tag/types\";\nimport { Text } from \"@sberbusiness/triplex-next/components/Typography/Text\";\nimport { EFontType, ETextSize } from \"@sberbusiness/triplex-next/components/Typography/enums\";\nimport { ButtonIcon } from \"@sberbusiness/triplex-next/components/Button/ButtonIcon\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums\";\nimport styles from \"./styles/Tag.module.less\";\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\nconst sizeToTextSizeMap = {\n    [EComponentSize.SM]: ETextSize.B4,\n    [EComponentSize.MD]: ETextSize.B3,\n    [EComponentSize.LG]: ETextSize.B2,\n};\n\nconst sizeToEditIconMap = {\n    [EComponentSize.SM]: <EditStrokeSrvIcon16 paletteIndex={5} />,\n    [EComponentSize.MD]: <EditStrokeSrvIcon20 paletteIndex={5} />,\n    [EComponentSize.LG]: <EditStrokeSrvIcon24 paletteIndex={5} />,\n};\n\nconst sizeToRemoveIconMap = {\n    [EComponentSize.SM]: <CrossStrokeSrvIcon16 paletteIndex={5} />,\n    [EComponentSize.MD]: <CrossStrokeSrvIcon20 paletteIndex={5} />,\n    [EComponentSize.LG]: <CrossStrokeSrvIcon24 paletteIndex={5} />,\n};\n\n/** Компонент, который демонстрирует выбранное значение того или иного параметра. */\nexport const Tag = React.forwardRef<HTMLSpanElement, ITagProps>(\n    (\n        { children, id, className, size, disabled, onRemove, onEdit, removeButtonProps, editButtonProps, ...restProps },\n        ref,\n    ) => {\n        const renderContent = useCallback(() => {\n            const type = disabled ? EFontType.DISABLED : EFontType.PRIMARY;\n\n            return (\n                <Text className={styles.content} type={type} size={sizeToTextSizeMap[size]}>\n                    {children}\n                </Text>\n            );\n        }, [children, size, disabled]);\n\n        const renderEditButton = useCallback(() => {\n            const { onClick, ...restEditButtonProps } = editButtonProps || {};\n\n            return (\n                <ButtonIcon\n                    disabled={disabled}\n                    onClick={(event) => {\n                        onEdit?.(id);\n                        onClick?.(event);\n                    }}\n                    {...restEditButtonProps}\n                >\n                    {sizeToEditIconMap[size]}\n                </ButtonIcon>\n            );\n        }, [id, size, disabled, editButtonProps, onEdit]);\n\n        const renderRemoveButton = useCallback(() => {\n            const { onClick, ...restRemoveButtonProps } = removeButtonProps || {};\n\n            return (\n                <ButtonIcon\n                    disabled={disabled}\n                    onClick={(event) => {\n                        onRemove?.(id);\n                        onClick?.(event);\n                    }}\n                    {...restRemoveButtonProps}\n                >\n                    {sizeToRemoveIconMap[size]}\n                </ButtonIcon>\n            );\n        }, [id, size, disabled, removeButtonProps, onRemove]);\n\n        return (\n            <span className={clsx(styles.tag, sizeToClassNameMap[size], className)} {...restProps} ref={ref}>\n                {renderContent()}\n                {onEdit && renderEditButton()}\n                {renderRemoveButton()}\n            </span>\n        );\n    },\n);\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,qBAAqB,yBAAyB,MAAM;AAE1D,MAAM,oBAAoB;AAAA,EACtB,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AACnC;AAEA,MAAM,oBAAoB;AAAA,EACtB,CAAC,eAAe,EAAE,GAAG,oBAAC,qBAAA,EAAoB,cAAc,GAAG;AAAA,EAC3D,CAAC,eAAe,EAAE,GAAG,oBAAC,qBAAA,EAAoB,cAAc,GAAG;AAAA,EAC3D,CAAC,eAAe,EAAE,GAAG,oBAAC,qBAAA,EAAoB,cAAc,EAAA,CAAG;AAC/D;AAEA,MAAM,sBAAsB;AAAA,EACxB,CAAC,eAAe,EAAE,GAAG,oBAAC,sBAAA,EAAqB,cAAc,GAAG;AAAA,EAC5D,CAAC,eAAe,EAAE,GAAG,oBAAC,sBAAA,EAAqB,cAAc,GAAG;AAAA,EAC5D,CAAC,eAAe,EAAE,GAAG,oBAAC,sBAAA,EAAqB,cAAc,EAAA,CAAG;AAChE;AAGO,MAAM,MAAMA,eAAM;AAAA,EACrB,CACI,EAAE,UAAU,IAAI,WAAW,MAAM,UAAU,UAAU,QAAQ,mBAAmB,iBAAiB,GAAG,UAAA,GACpG,QACC;AACD,UAAM,gBAAgB,YAAY,MAAM;AACpC,YAAM,OAAO,WAAW,UAAU,WAAW,UAAU;AAEvD,aACI,oBAAC,MAAA,EAAK,WAAW,OAAO,SAAS,MAAY,MAAM,kBAAkB,IAAI,GACpE,SAAA,CACL;AAAA,IAER,GAAG,CAAC,UAAU,MAAM,QAAQ,CAAC;AAE7B,UAAM,mBAAmB,YAAY,MAAM;AACvC,YAAM,EAAE,SAAS,GAAG,oBAAA,IAAwB,mBAAmB,CAAA;AAE/D,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG;AAAA,UACA,SAAS,CAAC,UAAU;AAChB,6CAAS;AACT,+CAAU;AAAA,UACd;AAAA,UACC,GAAG;AAAA,UAEH,4BAAkB,IAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAGnC,GAAG,CAAC,IAAI,MAAM,UAAU,iBAAiB,MAAM,CAAC;AAEhD,UAAM,qBAAqB,YAAY,MAAM;AACzC,YAAM,EAAE,SAAS,GAAG,sBAAA,IAA0B,qBAAqB,CAAA;AAEnE,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG;AAAA,UACA,SAAS,CAAC,UAAU;AAChB,iDAAW;AACX,+CAAU;AAAA,UACd;AAAA,UACC,GAAG;AAAA,UAEH,8BAAoB,IAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAGrC,GAAG,CAAC,IAAI,MAAM,UAAU,mBAAmB,QAAQ,CAAC;AAEpD,WACI,qBAAC,QAAA,EAAK,WAAW,KAAK,OAAO,KAAK,mBAAmB,IAAI,GAAG,SAAS,GAAI,GAAG,WAAW,KAClF,UAAA;AAAA,MAAA,cAAA;AAAA,MACA,UAAU,iBAAA;AAAA,MACV,mBAAA;AAAA,IAAmB,GACxB;AAAA,EAER;AACJ;"}
+{"version":3,"file":"Tag.js","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport {\n    CrossStrokeSrvIcon16,\n    CrossStrokeSrvIcon20,\n    CrossStrokeSrvIcon24,\n    EditStrokeSrvIcon16,\n    EditStrokeSrvIcon20,\n    EditStrokeSrvIcon24,\n} from \"@sberbusiness/icons-next\";\nimport { ITagProps } from \"@sberbusiness/triplex-next/components/Tag/types\";\nimport { Text } from \"@sberbusiness/triplex-next/components/Typography/Text\";\nimport { EFontType, ETextSize } from \"@sberbusiness/triplex-next/components/Typography/enums\";\nimport { ButtonIcon } from \"@sberbusiness/triplex-next/components/Button/ButtonIcon\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums\";\nimport styles from \"./styles/Tag.module.less\";\n\n/** Индекс цвета иконок в палитре — служебный серый, одинаковый для обеих кнопок. */\nconst ICON_PALETTE_INDEX = 5;\n\n/** Соответствие размера тега имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/** Соответствие размера тега размеру текста. */\nconst SIZE_TO_TEXT_SIZE_MAP: Record<EComponentSize, ETextSize> = {\n    [EComponentSize.SM]: ETextSize.B4,\n    [EComponentSize.MD]: ETextSize.B3,\n    [EComponentSize.LG]: ETextSize.B2,\n};\n\n/** Соответствие размера тега иконке кнопки редактирования. */\nconst SIZE_TO_EDIT_ICON_MAP: Record<EComponentSize, React.ReactElement> = {\n    [EComponentSize.SM]: <EditStrokeSrvIcon16 paletteIndex={ICON_PALETTE_INDEX} />,\n    [EComponentSize.MD]: <EditStrokeSrvIcon20 paletteIndex={ICON_PALETTE_INDEX} />,\n    [EComponentSize.LG]: <EditStrokeSrvIcon24 paletteIndex={ICON_PALETTE_INDEX} />,\n};\n\n/** Соответствие размера тега иконке кнопки удаления. */\nconst SIZE_TO_REMOVE_ICON_MAP: Record<EComponentSize, React.ReactElement> = {\n    [EComponentSize.SM]: <CrossStrokeSrvIcon16 paletteIndex={ICON_PALETTE_INDEX} />,\n    [EComponentSize.MD]: <CrossStrokeSrvIcon20 paletteIndex={ICON_PALETTE_INDEX} />,\n    [EComponentSize.LG]: <CrossStrokeSrvIcon24 paletteIndex={ICON_PALETTE_INDEX} />,\n};\n\n/**\n * Компонент, который демонстрирует выбранное значение того или иного параметра.\n *\n * Кнопка удаления рендерится всегда, кнопка редактирования — только когда передан `onEdit`.\n * Обе кнопки — `ButtonIcon` без текста, поэтому `aria-label` задаёт потребитель\n * через `removeButtonProps` и `editButtonProps`.\n */\nexport const Tag = React.forwardRef<HTMLSpanElement, ITagProps>(\n    (\n        { children, id, className, size, disabled, onRemove, onEdit, removeButtonProps, editButtonProps, ...restProps },\n        ref,\n    ) => {\n        // onClick кнопок вынимается из props, чтобы колбэк тега вызвался до пользовательского обработчика.\n        const { onClick: onEditButtonClick, ...restEditButtonProps } = editButtonProps ?? {};\n        const { onClick: onRemoveButtonClick, ...restRemoveButtonProps } = removeButtonProps ?? {};\n\n        const handleEditClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n            onEdit?.(id);\n            onEditButtonClick?.(event);\n        };\n\n        const handleRemoveClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n            onRemove?.(id);\n            onRemoveButtonClick?.(event);\n        };\n\n        return (\n            <span\n                id={id}\n                className={clsx(styles.tag, SIZE_TO_CLASS_NAME_MAP[size], className)}\n                {...restProps}\n                ref={ref}\n            >\n                <Text\n                    className={styles.content}\n                    type={disabled ? EFontType.DISABLED : EFontType.PRIMARY}\n                    size={SIZE_TO_TEXT_SIZE_MAP[size]}\n                >\n                    {children}\n                </Text>\n                {onEdit && (\n                    <ButtonIcon disabled={disabled} onClick={handleEditClick} {...restEditButtonProps}>\n                        {SIZE_TO_EDIT_ICON_MAP[size]}\n                    </ButtonIcon>\n                )}\n                <ButtonIcon disabled={disabled} onClick={handleRemoveClick} {...restRemoveButtonProps}>\n                    {SIZE_TO_REMOVE_ICON_MAP[size]}\n                </ButtonIcon>\n            </span>\n        );\n    },\n);\n\nTag.displayName = \"Tag\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,qBAAqB;AAG3B,MAAM,yBAAyB,yBAAyB,MAAM;AAG9D,MAAM,wBAA2D;AAAA,EAC7D,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AACnC;AAGA,MAAM,wBAAoE;AAAA,EACtE,CAAC,eAAe,EAAE,GAAG,oBAAC,qBAAA,EAAoB,cAAc,oBAAoB;AAAA,EAC5E,CAAC,eAAe,EAAE,GAAG,oBAAC,qBAAA,EAAoB,cAAc,oBAAoB;AAAA,EAC5E,CAAC,eAAe,EAAE,GAAG,oBAAC,qBAAA,EAAoB,cAAc,mBAAA,CAAoB;AAChF;AAGA,MAAM,0BAAsE;AAAA,EACxE,CAAC,eAAe,EAAE,GAAG,oBAAC,sBAAA,EAAqB,cAAc,oBAAoB;AAAA,EAC7E,CAAC,eAAe,EAAE,GAAG,oBAAC,sBAAA,EAAqB,cAAc,oBAAoB;AAAA,EAC7E,CAAC,eAAe,EAAE,GAAG,oBAAC,sBAAA,EAAqB,cAAc,mBAAA,CAAoB;AACjF;AASO,MAAM,MAAMA,eAAM;AAAA,EACrB,CACI,EAAE,UAAU,IAAI,WAAW,MAAM,UAAU,UAAU,QAAQ,mBAAmB,iBAAiB,GAAG,UAAA,GACpG,QACC;AAED,UAAM,EAAE,SAAS,mBAAmB,GAAG,oBAAA,IAAwB,mBAAmB,CAAA;AAClF,UAAM,EAAE,SAAS,qBAAqB,GAAG,sBAAA,IAA0B,qBAAqB,CAAA;AAExF,UAAM,kBAAkB,CAAC,UAA+C;AACpE,uCAAS;AACT,6DAAoB;AAAA,IACxB;AAEA,UAAM,oBAAoB,CAAC,UAA+C;AACtE,2CAAW;AACX,iEAAsB;AAAA,IAC1B;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA,WAAW,KAAK,OAAO,KAAK,uBAAuB,IAAI,GAAG,SAAS;AAAA,QAClE,GAAG;AAAA,QACJ;AAAA,QAEA,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAW,OAAO;AAAA,cAClB,MAAM,WAAW,UAAU,WAAW,UAAU;AAAA,cAChD,MAAM,sBAAsB,IAAI;AAAA,cAE/B;AAAA,YAAA;AAAA,UAAA;AAAA,UAEJ,UACG,oBAAC,YAAA,EAAW,UAAoB,SAAS,iBAAkB,GAAG,qBACzD,UAAA,sBAAsB,IAAI,EAAA,CAC/B;AAAA,UAEJ,oBAAC,cAAW,UAAoB,SAAS,mBAAoB,GAAG,uBAC3D,UAAA,wBAAwB,IAAI,EAAA,CACjC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEA,IAAI,cAAc;"}

package/components/TagColor/TagColor.js

@@ -3,21 +3,21 @@ import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { ETagColorStatus } from "./enums.js";
-const tagColor = "tagColor__3b05f34e";
-const sm = "sm__f3407c81";
-const md = "md__8223f3aa";
-const lg = "lg__6b081b10";
-const success = "success__d6d0d50c";
-const info = "info__d66b3883";
-const warning = "warning__aa2f1e0e";
-const error = "error__49487176";
-const content = "content__2605cf4e";
+const tagColor = "tagColor__260f2a67";
+const sm = "sm__55abd430";
+const md = "md__639a9bf8";
+const lg = "lg__53503c73";
+const success = "success__f9bd3739";
+const info = "info__a9ad4489";
+const warning = "warning__bbe44f79";
+const error = "error__7aee94d4";
+const content = "content__736b754b";
 const styles = {
   tagColor,
   sm,
   md,
   lg,
-  "default": "default__8517eeec",
+  "default": "default__da98d72e",
   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-D4wvHis9.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const tagGroup = "tagGroup__bb3182ba";
-const sm = "sm__5d7fc40b";
-const md = "md__ce299e67";
-const lg = "lg__88aeb026";
+const tagGroup = "tagGroup__1c5cc65f";
+const sm = "sm__fcca9b08";
+const md = "md__7639f0b6";
+const lg = "lg__061981bc";
 const styles = {
   tagGroup,
   sm,

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 { FormFieldInput, IFormFieldInputProps } from \"../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":";;;;AAcO,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;"}
+{"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormFieldInput, IFormFieldInputProps } from \"../FormField/components/FormFieldInput\";\nimport { ITextFieldBaseProps, TextFieldBase } from \"./TextFieldBase\";\n\n/** Свойства компонента TextField. */\nexport interface ITextFieldProps extends Omit<ITextFieldBaseProps, \"children\"> {\n    /** Свойства поля ввода. */\n    inputProps: IFormFieldInputProps & { ref?: React.Ref<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":";;;;AAcO,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/index.js

@@ -1,7 +1,5 @@
 import { TextField } from "./TextField.js";
-import { MaskedField } from "./MaskedField.js";
 export {
-  MaskedField,
   TextField
 };
 //# sourceMappingURL=index.js.map

package/components/TextField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -4,7 +4,7 @@ import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.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-CnBq_TZS.js";
+import { s as styles } from "../../../../chunks/TooltipDesktop.module-Bay9M-y1.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

@@ -3,9 +3,9 @@ import React__default from "react";
 import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
 import { MobileView } from "../../../MobileView/MobileView.js";
 import { getSafeRel } from "../../../../utils/html/anchorSecurity.js";
-const tooltipLink = "tooltipLink__bc4fd752";
-const desktop = "desktop__4ec12af1";
-const mobile = "mobile__bde75fb0";
+const tooltipLink = "tooltipLink__b391047b";
+const desktop = "desktop__ac9360ba";
+const mobile = "mobile__774e65c4";
 const styles = {
   tooltipLink,
   desktop,
@@ -21,7 +21,7 @@ const TooltipLink = React__default.forwardRef(
         ...rest,
         target,
         rel: safeRel,
-        "data-tx": "1.43.0",
+        "data-tx": "1.45.0",
         ref,
         children
       }

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

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

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

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

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

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { ETooltipDirection } from "../../../enums.js";
 import { c as clsx } from "../../../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../../../chunks/TooltipDesktop.module-CnBq_TZS.js";
+import { s as styles } from "../../../../../chunks/TooltipDesktop.module-Bay9M-y1.js";
 const DIRECTION_CLASS_NAMES = {
   [ETooltipDirection.UP]: styles.up,
   [ETooltipDirection.DOWN]: styles.down,

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-D4wvHis9.js";
-const tooltipMobile = "tooltipMobile__a917f01c";
-const tooltipMobileContent = "tooltipMobileContent__dd9fed3e";
-const headerless = "headerless__9a21e5b8";
-const closeButton = "closeButton__af3b5741";
+const tooltipMobile = "tooltipMobile__4cce60ea";
+const tooltipMobileContent = "tooltipMobileContent__d4a7dedc";
+const headerless = "headerless__62046587";
+const closeButton = "closeButton__7d7f66ef";
 const styles = {
   tooltipMobile,
   tooltipMobileContent,

package/components/TopOverlay/TopOverlay.js

@@ -1,15 +1,16 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from "react";
+import React__default, { useState, useRef, useEffect } from "react";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { FocusTrapExtended } from "../FocusTrapExtended/FocusTrapExtended.js";
 import { Overlay } from "../Overlay/Overlay.js";
 import { EOverlayDirection } from "../Overlay/OverlayBase.js";
-const topOverlayMask = "topOverlayMask__0cc3289e";
-const topOverlayWrapper = "topOverlayWrapper__90b243c1";
-const closing = "closing__99c242d5";
-const opened = "opened__ad22ba3e";
-const topOverlayPanel = "topOverlayPanel__de66e2fd";
-const topOverlay = "topOverlay__cec6775f";
+import { getLightBoxScreenTop, getNextTopPosition } from "./utils.js";
+const topOverlayMask = "topOverlayMask__ef3d4d4d";
+const topOverlayWrapper = "topOverlayWrapper__75e603ba";
+const closing = "closing__800b3668";
+const opened = "opened__c128daea";
+const topOverlayPanel = "topOverlayPanel__700d67be";
+const topOverlay = "topOverlay__5fbdda92";
 const styles = {
   topOverlayMask,
   topOverlayWrapper,
@@ -18,98 +19,106 @@ const styles = {
   topOverlayPanel,
   topOverlay
 };
-const TopOverlay = ({
-  children,
-  focusTrapProps,
-  opened: opened2,
-  onClose,
-  onOpen,
-  ...OverlayBaseProps
-}) => {
-  const [closing2, setClosing] = useState(false);
-  const [activeFocusTrap, setActiveFocusTrap] = useState(false);
-  const [overlayWrapperTopPosition, setOverlayWrapperTopPosition] = useState(0);
-  const prevOpened = useRef(opened2);
-  const overlayWrapperRef = useRef(null);
-  const updateTopPosition = () => {
-    if (overlayWrapperRef.current) {
-      const lightBoxTopPosition = getComputedStyle(overlayWrapperRef.current).getPropertyValue("--lightBox-screen-top") || "0";
-      const position = overlayWrapperRef.current.getBoundingClientRect();
-      if (position.top < 0) {
-        setOverlayWrapperTopPosition(
-          (overlayWrapperTopPositionPrev) => parseInt(overlayWrapperTopPositionPrev, 10) + Math.abs(position.top) + parseInt(lightBoxTopPosition, 10)
-        );
-      } else {
-        setOverlayWrapperTopPosition(
-          // Оверлей расположен ниже, чем нужно.
-          (overlayWrapperTopPositionPrev) => parseInt(overlayWrapperTopPositionPrev, 10) - position.top + parseInt(lightBoxTopPosition, 10)
-        );
+const noopSetOpened = () => {
+};
+const TopOverlay = React__default.forwardRef(
+  ({ children, className, focusTrapProps, opened: opened2, onClose, onOpen, style, ...htmlDivAttributes }, ref) => {
+    const [closing2, setClosing] = useState(false);
+    const [activeFocusTrap, setActiveFocusTrap] = useState(false);
+    const [overlayWrapperTopPosition, setOverlayWrapperTopPosition] = useState(void 0);
+    const prevOpened = useRef(opened2);
+    const isFirstRender = useRef(true);
+    const overlayWrapperRef = useRef(null);
+    const updateTopPosition = () => {
+      const overlayWrapper = overlayWrapperRef.current;
+      if (!overlayWrapper) {
+        return;
+      }
+      const lightBoxScreenTop = getLightBoxScreenTop(overlayWrapper);
+      const { top } = overlayWrapper.getBoundingClientRect();
+      setOverlayWrapperTopPosition((topPosition) => getNextTopPosition(topPosition ?? 0, top, lightBoxScreenTop));
+    };
+    const handleOpen = () => {
+      if (!isFirstRender.current) {
+        updateTopPosition();
+      }
+      setActiveFocusTrap(true);
+      onOpen == null ? void 0 : onOpen();
+    };
+    useEffect(() => {
+      isFirstRender.current = false;
+    }, []);
+    useEffect(() => {
+      if (prevOpened.current && !opened2) {
+        setClosing(true);
+      } else if (!prevOpened.current && opened2) {
+        updateTopPosition();
       }
-    }
-  };
-  const handleOpen = () => {
-    updateTopPosition();
-    setActiveFocusTrap(true);
-    onOpen == null ? void 0 : onOpen();
-  };
-  useEffect(() => {
-    if (prevOpened.current && !opened2) {
-      setClosing(true);
-    } else if (!prevOpened.current && opened2) {
-      updateTopPosition();
-    }
-    prevOpened.current = opened2;
-  }, [opened2]);
-  const handleClose = () => {
-    setClosing(false);
-    setOverlayWrapperTopPosition(0);
-    onClose == null ? void 0 : onClose();
-  };
-  const handleClosing = () => setActiveFocusTrap(false);
-  const renderOverlay = (overlayProps) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Overlay.Mask, { opened: overlayProps.opened, className: styles.topOverlayMask }),
-    /* @__PURE__ */ jsx(Overlay.Panel, { className: styles.topOverlayPanel, ...overlayProps, children })
-  ] });
-  const setOpened = () => {
-  };
-  const classNameOverlayWrapper = clsx(styles.topOverlayWrapper, {
-    [styles.closing]: closing2,
-    [styles.opened]: opened2
-  });
-  return /* @__PURE__ */ jsx(
-    FocusTrapExtended,
-    {
-      active: activeFocusTrap,
-      ...focusTrapProps,
-      focusTrapOptions: {
-        preventScroll: true,
-        ...focusTrapProps == null ? void 0 : focusTrapProps.focusTrapOptions
+      prevOpened.current = opened2;
+    }, [opened2]);
+    const handleClose = () => {
+      setClosing(false);
+      setOverlayWrapperTopPosition(void 0);
+      onClose == null ? void 0 : onClose();
+    };
+    const handleClosing = () => setActiveFocusTrap(false);
+    const setOverlayWrapperRef = (instance) => {
+      overlayWrapperRef.current = instance;
+      if (typeof ref === "function") {
+        ref(instance);
+      } else if (ref) {
+        ref.current = instance;
+      }
+    };
+    const renderOverlay = (overlayProps) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Overlay.Mask, { opened: overlayProps.opened, className: styles.topOverlayMask }),
+      /* @__PURE__ */ jsx(Overlay.Panel, { className: styles.topOverlayPanel, ...overlayProps, children })
+    ] });
+    const wrapperStyle = overlayWrapperTopPosition === void 0 ? style : { ...style, "--triplex-next-runtime-TopOverlay-Top": `${overlayWrapperTopPosition}px` };
+    const classNameOverlayWrapper = clsx(
+      styles.topOverlayWrapper,
+      {
+        [styles.closing]: closing2,
+        [styles.opened]: opened2
       },
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: classNameOverlayWrapper,
-          ref: overlayWrapperRef,
-          style: overlayWrapperTopPosition ? { top: `${overlayWrapperTopPosition}px` } : void 0,
-          children: /* @__PURE__ */ jsx(
-            Overlay,
-            {
-              onClose: handleClose,
-              onClosing: handleClosing,
-              onOpen: handleOpen,
-              opened: opened2,
-              setOpened,
-              ...OverlayBaseProps,
-              className: styles.topOverlay,
-              direction: EOverlayDirection.TOP,
-              children: renderOverlay
-            }
-          )
-        }
-      )
-    }
-  );
-};
+      className
+    );
+    return /* @__PURE__ */ jsx(
+      FocusTrapExtended,
+      {
+        active: activeFocusTrap,
+        ...focusTrapProps,
+        focusTrapOptions: {
+          preventScroll: true,
+          ...focusTrapProps == null ? void 0 : focusTrapProps.focusTrapOptions
+        },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: classNameOverlayWrapper,
+            ...htmlDivAttributes,
+            style: wrapperStyle,
+            ref: setOverlayWrapperRef,
+            children: /* @__PURE__ */ jsx(
+              Overlay,
+              {
+                onClose: handleClose,
+                onClosing: handleClosing,
+                onOpen: handleOpen,
+                opened: opened2,
+                setOpened: noopSetOpened,
+                className: styles.topOverlay,
+                direction: EOverlayDirection.TOP,
+                children: renderOverlay
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+TopOverlay.displayName = "TopOverlay";
 export {
   TopOverlay
 };