@sberbusiness/triplex-next 0.38.0 → 0.40.0

package/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport { ETabsExtendedType, TabsExtended } from \"@sberbusiness/triplex-next/components/TabsExtended\";\nimport { ITabsExtendedDropdownWrapperProvideProps } from \"@sberbusiness/triplex-next/components/TabsExtended\";\nimport { ButtonDropdown } from \"@sberbusiness/triplex-next/components/Button\";\nimport { EButtonDotsTheme } from \"@sberbusiness/triplex-next/components/Button\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { ITabsExtendedTabProps, ITabsExtendedProps } from \"@sberbusiness/triplex-next/components/TabsExtended\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport styles from \"./styles/Tabs.module.less\";\nimport clsx from \"clsx\";\n\nexport interface ITabsItem extends Omit<ITabsExtendedTabProps, \"children\" | \"onSelect\"> {\n    label: React.ReactNode;\n    showNotificationIcon?: boolean;\n}\n\nexport interface ITabsProps extends ITabsExtendedProps {\n    /** HTML-атрибуты dropdown-кнопки. */\n    buttonDropdownAttributes?: React.ButtonHTMLAttributes<HTMLButtonElement>;\n    children?: never;\n    /** Обработчик выбора таба. */\n    onSelectTab: (selectedId: string) => void;\n    /** Размер компонента. */\n    size?: EComponentSize;\n    /** Массив табов. */\n    tabs: Array<ITabsItem>;\n}\n\nconst TYPE_TO_BUTTON_DOTS_THEME_MAP: Record<ETabsExtendedType, EButtonDotsTheme> = {\n    [ETabsExtendedType.TYPE_1]: EButtonDotsTheme.DOTS_SECONDARY,\n    [ETabsExtendedType.TYPE_2]: EButtonDotsTheme.DOTS_SECONDARY_LIGHT,\n};\n\n/** Компонент Tabs. */\nexport const Tabs: React.FC<ITabsProps> = ({\n    buttonDropdownAttributes,\n    selectedId,\n    onSelectTab,\n    size = EComponentSize.MD,\n    tabs,\n    type = ETabsExtendedType.TYPE_1,\n    ...props\n}) => {\n    // Id таба с tabIndex = 0;\n    const [availableToFocusTabId, setAvailableToFocusTabId] = useState(selectedId || tabs[0].id);\n    // Id таба, предшествующий табу с tabIndex = 0;\n    const [prevAvailableToFocusTabId, setPrevAvailableToFocusTabId] = useState(\"\");\n    // Id таба, следующего за табом с tabIndex = 0;\n    const [nextAvailableToFocusTabId, setNextAvailableToFocusTabId] = useState(\"\");\n    // Ref таба, предшествующий табу с tabIndex = 0;\n    const prevTabRef = useRef<HTMLButtonElement>(null);\n    // Ref таба, следующего за табом с tabIndex = 0;\n    const nextTabRef = useRef<HTMLButtonElement>(null);\n\n    const getDropdownOptions = ({ dropdownItemsIds, onSelectTab }: ITabsExtendedDropdownWrapperProvideProps) =>\n        tabs\n            .filter((tab) => dropdownItemsIds.includes(tab.id))\n            .map((tab) => ({ ...tab, onSelect: () => onSelectTab(tab.id) }));\n\n    const renderTab = (item: ITabsItem, index: number) => {\n        return (\n            <TabsExtended.Content.Tab key={index} {...item}>\n                {({ selected, isFirstInlineTab, isLastInlineTab }) => {\n                    const tabIndex = availableToFocusTabId === item.id ? 0 : -1;\n\n                    const getRef = () => {\n                        let ref = undefined;\n\n                        if (prevAvailableToFocusTabId === item.id) {\n                            ref = prevTabRef;\n                        } else if (nextAvailableToFocusTabId === item.id) {\n                            ref = nextTabRef;\n                        }\n\n                        return ref;\n                    };\n\n                    return (\n                        <TabsExtended.Content.TabButton\n                            selected={selected}\n                            tabIndex={tabIndex}\n                            /* Установка ref для предыдущего или следующего за фокусируемым табом элемента, */\n                            ref={getRef()}\n                            size={size}\n                            showNotificationIcon={item.showNotificationIcon}\n                            onFocus={() => {\n                                setPrevAvailableToFocusTabId(tabs[index - 1] ? tabs[index - 1].id : \"\");\n                                setNextAvailableToFocusTabId(tabs[index + 1] ? tabs[index + 1].id : \"\");\n                            }}\n                            onKeyDown={(event: React.KeyboardEvent<HTMLButtonElement>) => {\n                                const { key } = event;\n\n                                if (isKey(key, \"ARROW_LEFT\")) {\n                                    // Не первый таб.\n                                    if (!isFirstInlineTab) {\n                                        setAvailableToFocusTabId(tabs[index - 1].id);\n                                        prevTabRef.current?.focus();\n                                    }\n\n                                    // Предотвращение скролла.\n                                    event.preventDefault();\n                                } else if (isKey(key, \"ARROW_RIGHT\")) {\n                                    // Не последний таб в строке.\n                                    if (!isLastInlineTab) {\n                                        setAvailableToFocusTabId(tabs[index + 1].id);\n                                        nextTabRef.current?.focus();\n                                    }\n\n                                    // Предотвращение скролла.\n                                    event.preventDefault();\n                                }\n                            }}\n                        >\n                            {item.label}\n                        </TabsExtended.Content.TabButton>\n                    );\n                }}\n            </TabsExtended.Content.Tab>\n        );\n    };\n\n    return (\n        <TabsExtended {...props} selectedId={selectedId} onSelectTab={onSelectTab} type={type}>\n            <TabsExtended.Content className={styles.tabsContent} size={size}>\n                <TabsExtended.Content.TabsWrapper>{tabs.map(renderTab)}</TabsExtended.Content.TabsWrapper>\n\n                <TabsExtended.Content.DropdownWrapper>\n                    {({ dropdownItemsIds, onSelectTab }) => (\n                        <ButtonDropdown\n                            theme={TYPE_TO_BUTTON_DOTS_THEME_MAP[type]}\n                            size={size}\n                            options={getDropdownOptions({ dropdownItemsIds, onSelectTab })}\n                            selected={tabs.filter((tab) => tab.id === selectedId)[0]}\n                            buttonAttributes={{\n                                ...buttonDropdownAttributes,\n                                className: clsx(styles.tabButtonDropdown, styles[size]),\n                            }}\n                        />\n                    )}\n                </TabsExtended.Content.DropdownWrapper>\n            </TabsExtended.Content>\n        </TabsExtended>\n    );\n};\n"],"names":["onSelectTab"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport { ETabsExtendedType, TabsExtended } from \"@sberbusiness/triplex-next/components/TabsExtended\";\nimport { ITabsExtendedDropdownWrapperProvideProps } from \"@sberbusiness/triplex-next/components/TabsExtended\";\nimport { ButtonDropdown } from \"@sberbusiness/triplex-next/components/Button\";\nimport { EButtonDotsTheme } from \"@sberbusiness/triplex-next/components/Button\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { ITabsExtendedTabProps, ITabsExtendedProps } from \"@sberbusiness/triplex-next/components/TabsExtended\";\nimport { isKey } from \"@sberbusiness/triplex-next/utils/keyboard\";\nimport styles from \"./styles/Tabs.module.less\";\nimport clsx from \"clsx\";\n\nexport interface ITabsItem extends Omit<ITabsExtendedTabProps, \"children\" | \"onSelect\"> {\n    label: React.ReactNode;\n    showNotificationIcon?: boolean;\n}\n\nexport interface ITabsProps extends ITabsExtendedProps {\n    /** HTML-атрибуты dropdown-кнопки. */\n    buttonDropdownAttributes?: React.ButtonHTMLAttributes<HTMLButtonElement>;\n    children?: never;\n    /** Обработчик выбора таба. */\n    onSelectTab: (selectedId: string) => void;\n    /** Размер компонента. */\n    size?: EComponentSize;\n    /** Массив табов. */\n    tabs: Array<ITabsItem>;\n}\n\nconst TYPE_TO_BUTTON_DOTS_THEME_MAP: Record<ETabsExtendedType, EButtonDotsTheme> = {\n    [ETabsExtendedType.TYPE_1]: EButtonDotsTheme.DOTS_SECONDARY,\n    [ETabsExtendedType.TYPE_2]: EButtonDotsTheme.DOTS_SECONDARY_LIGHT,\n};\n\n/** Компонент Tabs. */\nexport const Tabs: React.FC<ITabsProps> = ({\n    buttonDropdownAttributes,\n    selectedId,\n    onSelectTab,\n    size = EComponentSize.MD,\n    tabs,\n    type = ETabsExtendedType.TYPE_1,\n    ...props\n}) => {\n    // Id таба с tabIndex = 0;\n    const [availableToFocusTabId, setAvailableToFocusTabId] = useState(selectedId || tabs[0].id);\n    // Id таба, предшествующий табу с tabIndex = 0;\n    const [prevAvailableToFocusTabId, setPrevAvailableToFocusTabId] = useState(\"\");\n    // Id таба, следующего за табом с tabIndex = 0;\n    const [nextAvailableToFocusTabId, setNextAvailableToFocusTabId] = useState(\"\");\n    // Ref таба, предшествующий табу с tabIndex = 0;\n    const prevTabRef = useRef<HTMLButtonElement>(null);\n    // Ref таба, следующего за табом с tabIndex = 0;\n    const nextTabRef = useRef<HTMLButtonElement>(null);\n\n    const getDropdownOptions = ({ dropdownItemsIds, onSelectTab }: ITabsExtendedDropdownWrapperProvideProps) =>\n        tabs\n            .filter((tab) => dropdownItemsIds.includes(tab.id))\n            .map((tab) => ({ ...tab, onSelect: () => onSelectTab(tab.id) }));\n\n    const renderTab = (item: ITabsItem, index: number) => {\n        return (\n            <TabsExtended.Content.Tab key={index} {...item}>\n                {({ selected, isFirstInlineTab, isLastInlineTab }) => {\n                    const tabIndex = availableToFocusTabId === item.id ? 0 : -1;\n\n                    const getRef = () => {\n                        let ref = undefined;\n\n                        if (prevAvailableToFocusTabId === item.id) {\n                            ref = prevTabRef;\n                        } else if (nextAvailableToFocusTabId === item.id) {\n                            ref = nextTabRef;\n                        }\n\n                        return ref;\n                    };\n\n                    return (\n                        <TabsExtended.Content.TabButton\n                            selected={selected}\n                            tabIndex={tabIndex}\n                            /* Установка ref для предыдущего или следующего за фокусируемым табом элемента, */\n                            ref={getRef()}\n                            size={size}\n                            showNotificationIcon={item.showNotificationIcon}\n                            onFocus={() => {\n                                setPrevAvailableToFocusTabId(tabs[index - 1] ? tabs[index - 1].id : \"\");\n                                setNextAvailableToFocusTabId(tabs[index + 1] ? tabs[index + 1].id : \"\");\n                            }}\n                            onKeyDown={(event: React.KeyboardEvent<HTMLButtonElement>) => {\n                                const { key } = event;\n\n                                if (isKey(key, \"ARROW_LEFT\")) {\n                                    // Не первый таб.\n                                    if (!isFirstInlineTab) {\n                                        setAvailableToFocusTabId(tabs[index - 1].id);\n                                        prevTabRef.current?.focus();\n                                    }\n\n                                    // Предотвращение скролла.\n                                    event.preventDefault();\n                                } else if (isKey(key, \"ARROW_RIGHT\")) {\n                                    // Не последний таб в строке.\n                                    if (!isLastInlineTab) {\n                                        setAvailableToFocusTabId(tabs[index + 1].id);\n                                        nextTabRef.current?.focus();\n                                    }\n\n                                    // Предотвращение скролла.\n                                    event.preventDefault();\n                                }\n                            }}\n                        >\n                            {item.label}\n                        </TabsExtended.Content.TabButton>\n                    );\n                }}\n            </TabsExtended.Content.Tab>\n        );\n    };\n\n    return (\n        <TabsExtended {...props} selectedId={selectedId} onSelectTab={onSelectTab} type={type}>\n            <TabsExtended.Content className={styles.tabsContent} size={size}>\n                <TabsExtended.Content.TabsWrapper>{tabs.map(renderTab)}</TabsExtended.Content.TabsWrapper>\n\n                <TabsExtended.Content.DropdownWrapper>\n                    {({ dropdownItemsIds, onSelectTab }) => (\n                        <ButtonDropdown\n                            theme={TYPE_TO_BUTTON_DOTS_THEME_MAP[type]}\n                            size={size}\n                            options={getDropdownOptions({ dropdownItemsIds, onSelectTab })}\n                            selected={tabs.filter((tab) => tab.id === selectedId)[0]}\n                            buttonAttributes={{\n                                ...buttonDropdownAttributes,\n                                className: clsx(styles.tabButtonDropdown, styles[size]),\n                            }}\n                        />\n                    )}\n                </TabsExtended.Content.DropdownWrapper>\n            </TabsExtended.Content>\n        </TabsExtended>\n    );\n};\n"],"names":["onSelectTab"],"mappings":"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"}

package/components/TabsExtended/TabsExtended.js

@@ -3,9 +3,9 @@ import { useState, useRef } from "react";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { TabsExtendedContext } from "./TabsExtendedContext.js";
 import { TabsExtendedContent } from "./components/TabsExtendedContent.js";
-import { s as styles } from "../../chunks/TabsExtended.module-DCz7kdLt.js";
+import { s as styles } from "../../chunks/TabsExtended.module-DrUKKP9t.js";
 import { ETabsExtendedType } from "./enums.js";
-import { T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/utils-D-7Tnz2q.js";
+import { T as TABS_EXTENDED_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/utils-y1CGkIMc.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-DCz7kdLt.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-DrUKKP9t.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-DCz7kdLt.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-DrUKKP9t.js";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.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, { useContext } from "react";
-import { s as styles } from "../../../chunks/TabsExtended.module-DCz7kdLt.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-DrUKKP9t.js";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.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, { useContext } from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.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-D-7Tnz2q.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-y1CGkIMc.js";
 import { TabsExtendedContext } from "../TabsExtendedContext.js";
 import { EFontType } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";

package/components/TabsExtended/components/TabsExtendedTabsWrapper.js

@@ -3,7 +3,7 @@ import React, { useContext, useState, useRef, useLayoutEffect, isValidElement }
 import { g as useResizeDetector, c as clsx, h as pickBy } from "../../../chunks/vendor-BtZO8a0z.js";
 import { TabsExtendedContext } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext } from "./TabsExtendedTabContext.js";
-import { s as styles } from "../../../chunks/TabsExtended.module-DCz7kdLt.js";
+import { s as styles } from "../../../chunks/TabsExtended.module-DrUKKP9t.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-D-7Tnz2q.js";
+import { a, T } from "../../chunks/utils-y1CGkIMc.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-PAGumMbi.js";
+import { s as styles } from "../../chunks/TabsLine.module-D3PvmawY.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-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/TabsLine.module-PAGumMbi.js";
+import { s as styles } from "../../../chunks/TabsLine.module-D3PvmawY.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-BtZO8a0z.js";
 import { DropdownListContext } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-CWu2k-xN.js";
+import "../../../chunks/DropdownListItem-V6Oe5CEm.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-PAGumMbi.js";
+import { s as styles } from "../../../chunks/TabsLine.module-D3PvmawY.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-PAGumMbi.js";
+import { s as styles } from "../../../chunks/TabsLine.module-D3PvmawY.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const TabsLineItem = React.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__72d3a237";
-const tabsLineMobile = "tabsLineMobile__0ca51286";
+const tabsLineMobileWrapper = "tabsLineMobileWrapper__0827552c";
+const tabsLineMobile = "tabsLineMobile__277f501e";
 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__6fb21698";
-const sm = "sm__573d97c3";
-const md = "md__0fba01e1";
-const lg = "lg__989e7349";
-const content = "content__59e3a5fd";
+const tag = "tag__8a663b3c";
+const sm = "sm__5022f92c";
+const md = "md__e9c2e21c";
+const lg = "lg__09db2480";
+const content = "content__c39604dd";
 const styles = {
   tag,
   sm,

package/components/TagColor/TagColor.js

@@ -3,21 +3,21 @@ import React from "react";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { ETagColorStatus } from "./enums.js";
-const tagColor = "tagColor__0c016583";
-const sm = "sm__e8d25152";
-const md = "md__0e9b2cd5";
-const lg = "lg__a8420d63";
-const success = "success__3e65d7d6";
-const info = "info__19ef19ab";
-const warning = "warning__dc933f37";
-const error = "error__836f554d";
-const content = "content__7284586c";
+const tagColor = "tagColor__f81d1a29";
+const sm = "sm__14e17bc9";
+const md = "md__c5507fb8";
+const lg = "lg__890f9560";
+const success = "success__e976226c";
+const info = "info__676b33df";
+const warning = "warning__5d106506";
+const error = "error__e32fe543";
+const content = "content__2fa21667";
 const styles = {
   tagColor,
   sm,
   md,
   lg,
-  "default": "default__2716ccee",
+  "default": "default__ccc714bc",
   success,
   info,
   warning,

package/components/TagGroup/TagGroup.js

@@ -2,10 +2,10 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const tagGroup = "tagGroup__d81deb7c";
-const sm = "sm__3a9246e1";
-const md = "md__268870a2";
-const lg = "lg__2bdbcbb7";
+const tagGroup = "tagGroup__2548345c";
+const sm = "sm__d7210c33";
+const md = "md__f5e132c5";
+const lg = "lg__755d3d4a";
 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 {\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":[],"mappings":";;;;AAiBO,MAAM,YAAY,MAAM;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.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":[],"mappings":";;;;AAcO,MAAM,YAAY,MAAM;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.map

@@ -1 +1 @@
-{"version":3,"file":"TextFieldBase.js","sources":["../../../src/components/TextField/TextFieldBase.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormGroup } from \"../FormGroup\";\nimport {\n    FormField,\n    FormFieldLabel,\n    FormFieldDescription,\n    FormFieldPrefix,\n    FormFieldPostfix,\n    FormFieldCounter,\n    IFormFieldProps,\n} from \"../FormField\";\n\n/** Свойства компонента TextFieldBase. */\nexport interface ITextFieldBaseProps extends Omit<IFormFieldProps, \"prefix\" | \"postfix\"> {\n    /** Дочерние элементы. */\n    children: React.ReactNode;\n    /** Описание поля ввода. */\n    description?: React.ReactNode;\n    /** Счетчик символов. */\n    counter?: React.ReactNode;\n    /** Префикс поля ввода. */\n    prefix?: React.ReactNode;\n    /** Постфикс поля ввода. */\n    postfix?: React.ReactNode;\n    /** Лейбл поля ввода. */\n    label?: React.ReactNode;\n}\n\n/** Компонент текстового ввода, на основе которого реализуются TextField и MaskedInputField. */\nexport const TextFieldBase = React.forwardRef<HTMLDivElement, ITextFieldBaseProps>(\n    ({ children, description, label, prefix, postfix, counter, ...formFieldProps }, ref) => (\n        <FormGroup>\n            <FormField {...formFieldProps} ref={ref}>\n                {prefix ? <FormFieldPrefix>{prefix}</FormFieldPrefix> : null}\n\n                {children}\n\n                {label ? <FormFieldLabel>{label}</FormFieldLabel> : null}\n\n                {postfix ? <FormFieldPostfix>{postfix}</FormFieldPostfix> : null}\n            </FormField>\n\n            {description || counter ? (\n                <FormFieldDescription>\n                    {description}\n                    {counter ? <FormFieldCounter>{counter}</FormFieldCounter> : null}\n                </FormFieldDescription>\n            ) : null}\n        </FormGroup>\n    ),\n);\n\nTextFieldBase.displayName = \"TextFieldBase\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA6BO,MAAM,gBAAgB,MAAM;AAAA,EAC/B,CAAC,EAAE,UAAU,aAAa,OAAO,QAAQ,SAAS,SAAS,GAAG,eAAA,GAAkB,6BAC3E,WAAA,EACG,UAAA;AAAA,IAAA,qBAAC,WAAA,EAAW,GAAG,gBAAgB,KAC1B,UAAA;AAAA,MAAA,SAAS,oBAAC,iBAAA,EAAiB,UAAA,OAAA,CAAO,IAAqB;AAAA,MAEvD;AAAA,MAEA,QAAQ,oBAAC,gBAAA,EAAgB,UAAA,MAAA,CAAM,IAAoB;AAAA,MAEnD,UAAU,oBAAC,kBAAA,EAAkB,UAAA,QAAA,CAAQ,IAAsB;AAAA,IAAA,GAChE;AAAA,IAEC,eAAe,UACZ,qBAAC,sBAAA,EACI,UAAA;AAAA,MAAA;AAAA,MACA,UAAU,oBAAC,kBAAA,EAAkB,UAAA,QAAA,CAAQ,IAAsB;AAAA,IAAA,EAAA,CAChE,IACA;AAAA,EAAA,EAAA,CACR;AAER;AAEA,cAAc,cAAc;"}
+{"version":3,"file":"TextFieldBase.js","sources":["../../../src/components/TextField/TextFieldBase.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormGroup } from \"../FormGroup\";\nimport {\n    FormField,\n    FormFieldLabel,\n    FormFieldDescription,\n    FormFieldPrefix,\n    FormFieldPostfix,\n    FormFieldCounter,\n    IFormFieldProps,\n} from \"../FormField\";\n\n/** Свойства компонента TextFieldBase. */\nexport interface ITextFieldBaseProps extends Omit<IFormFieldProps, \"prefix\" | \"postfix\"> {\n    /** Дочерние элементы. */\n    children: React.ReactNode;\n    /** Описание поля ввода. */\n    description?: React.ReactNode;\n    /** Счетчик символов. */\n    counter?: React.ReactNode;\n    /** Префикс поля ввода. */\n    prefix?: React.ReactNode;\n    /** Постфикс поля ввода. */\n    postfix?: React.ReactNode;\n    /** Лейбл поля ввода. */\n    label?: React.ReactNode;\n}\n\n/** Базовый компонент текстового ввода, на основе которого реализуются TextField и MaskedField. */\nexport const TextFieldBase = React.forwardRef<HTMLDivElement, ITextFieldBaseProps>(\n    ({ children, description, label, prefix, postfix, counter, ...formFieldProps }, ref) => (\n        <FormGroup>\n            <FormField {...formFieldProps} ref={ref}>\n                {prefix ? <FormFieldPrefix>{prefix}</FormFieldPrefix> : null}\n\n                {children}\n\n                {label ? <FormFieldLabel>{label}</FormFieldLabel> : null}\n\n                {postfix ? <FormFieldPostfix>{postfix}</FormFieldPostfix> : null}\n            </FormField>\n\n            {description || counter ? (\n                <FormFieldDescription>\n                    {description}\n                    {counter ? <FormFieldCounter>{counter}</FormFieldCounter> : null}\n                </FormFieldDescription>\n            ) : null}\n        </FormGroup>\n    ),\n);\n\nTextFieldBase.displayName = \"TextFieldBase\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA6BO,MAAM,gBAAgB,MAAM;AAAA,EAC/B,CAAC,EAAE,UAAU,aAAa,OAAO,QAAQ,SAAS,SAAS,GAAG,eAAA,GAAkB,6BAC3E,WAAA,EACG,UAAA;AAAA,IAAA,qBAAC,WAAA,EAAW,GAAG,gBAAgB,KAC1B,UAAA;AAAA,MAAA,SAAS,oBAAC,iBAAA,EAAiB,UAAA,OAAA,CAAO,IAAqB;AAAA,MAEvD;AAAA,MAEA,QAAQ,oBAAC,gBAAA,EAAgB,UAAA,MAAA,CAAM,IAAoB;AAAA,MAEnD,UAAU,oBAAC,kBAAA,EAAkB,UAAA,QAAA,CAAQ,IAAsB;AAAA,IAAA,GAChE;AAAA,IAEC,eAAe,UACZ,qBAAC,sBAAA,EACI,UAAA;AAAA,MAAA;AAAA,MACA,UAAU,oBAAC,kBAAA,EAAkB,UAAA,QAAA,CAAQ,IAAsB;AAAA,IAAA,EAAA,CAChE,IACA;AAAA,EAAA,EAAA,CACR;AAER;AAEA,cAAc,cAAc;"}

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

@@ -4,7 +4,7 @@ import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.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-Z0H7qkiX.js";
+import { s as styles } from "../../../../chunks/TooltipDesktop.module-Cl4YkFeR.js";
 const TooltipBody = React.forwardRef(({ className, ...rest }, ref) => {
   const classNames = clsx(styles.tooltipBody, className);
   return /* @__PURE__ */ jsx(MobileView, { fallback: /* @__PURE__ */ jsx("div", { className: classNames, ...rest, ref }), children: /* @__PURE__ */ jsx(Text, { className: classNames, size: ETextSize.B3, line: ELineType.NORMAL, tag: "div", ...rest, ref }) });

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

@@ -3,9 +3,9 @@ import React from "react";
 import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
 import { MobileView } from "../../../MobileView/MobileView.js";
 import { getSafeRel } from "../../../../utils/html/anchorSecurity.js";
-const tooltipLink = "tooltipLink__3fe9638e";
-const desktop = "desktop__a56127cd";
-const mobile = "mobile__fd28b13d";
+const tooltipLink = "tooltipLink__38e8ed0b";
+const desktop = "desktop__fbf619cf";
+const mobile = "mobile__d3f27e7c";
 const styles = {
   tooltipLink,
   desktop,
@@ -21,7 +21,7 @@ const TooltipLink = React.forwardRef(
         ...rest,
         target,
         rel: safeRel,
-        "data-tx": "0.38.0",
+        "data-tx": "0.40.0",
         ref,
         children
       }
@@ -33,7 +33,7 @@ const TooltipLink = React.forwardRef(
         ...rest,
         target,
         rel: safeRel,
-        "data-tx": "0.38.0",
+        "data-tx": "0.40.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-Z0H7qkiX.js";
+import { s as styles } from "../../../../chunks/TooltipDesktop.module-Cl4YkFeR.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-Z0H7qkiX.js";
+import { s as styles } from "../../../../../chunks/TooltipDesktop.module-Cl4YkFeR.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 from "react";
 import { ETooltipDirection } from "../../../enums.js";
 import { c as clsx } from "../../../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../../../chunks/TooltipDesktop.module-Z0H7qkiX.js";
+import { s as styles } from "../../../../../chunks/TooltipDesktop.module-Cl4YkFeR.js";
 const TooltipDesktopTip = React.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-BtZO8a0z.js";
-const tooltipMobile = "tooltipMobile__a6d95f9b";
-const tooltipMobileContent = "tooltipMobileContent__ab7e2358";
-const headerless = "headerless__7e68d195";
-const closeButton = "closeButton__d2d5a5f8";
+const tooltipMobile = "tooltipMobile__20557ff7";
+const tooltipMobileContent = "tooltipMobileContent__6cf8c098";
+const headerless = "headerless__b2567f21";
+const closeButton = "closeButton__929df3f0";
 const styles = {
   tooltipMobile,
   tooltipMobileContent,

package/components/TopOverlay/TopOverlay.js

@@ -4,12 +4,12 @@ import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { FocusTrapExtended } from "../FocusTrapExtended/FocusTrapExtended.js";
 import { Overlay } from "../Overlay/Overlay.js";
 import { EOverlayDirection } from "../Overlay/OverlayBase.js";
-const topOverlayMask = "topOverlayMask__967c58fe";
-const topOverlayWrapper = "topOverlayWrapper__9f2c8071";
-const closing = "closing__fb0ad58c";
-const opened = "opened__d453fd1e";
-const topOverlayPanel = "topOverlayPanel__d8e706c8";
-const topOverlay = "topOverlay__badd7b82";
+const topOverlayMask = "topOverlayMask__867b1afe";
+const topOverlayWrapper = "topOverlayWrapper__24978524";
+const closing = "closing__947603de";
+const opened = "opened__9c991f08";
+const topOverlayPanel = "topOverlayPanel__dcc56e53";
+const topOverlay = "topOverlay__172ed7df";
 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-BtZO8a0z.js";
-import { s as styles } from "../../chunks/TreeView.module-pw7zQPrN.js";
+import { s as styles } from "../../chunks/TreeView.module-u57anLkg.js";
 const rootNodeId = "rootNode";
 class TreeView extends React.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-pw7zQPrN.js";
+import { s as styles } from "../../../chunks/TreeView.module-u57anLkg.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-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/TreeView.module-pw7zQPrN.js";
+import { s as styles } from "../../../chunks/TreeView.module-u57anLkg.js";
 class TreeViewNodeWithContext extends React.Component {
   constructor(props) {
     super(props);

package/components/Typography/Caption.js

@@ -2,13 +2,14 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { ECaptionSize, EFontWeightCaption, EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-Bgk_287a.js";
-const caption = "caption__689deac1";
-const regular = "regular__31c287a9";
-const semibold = "semibold__8a510320";
-const c1 = "c1__c0fd18de";
-const c2 = "c2__72e51710";
-const d1 = "d1__6c900746";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-DSPLz6qR.js";
+import { getTextDecorationClassName } from "./utils.js";
+const caption = "caption__c521ebf6";
+const regular = "regular__45c7490b";
+const semibold = "semibold__e9d9aaa4";
+const c1 = "c1__5ab5a79f";
+const c2 = "c2__5cccfa60";
+const d1 = "d1__06413b47";
 const styles = {
   caption,
   regular,
@@ -44,11 +45,7 @@ const Caption = React.forwardRef(
       SIZE_TO_CLASS_NAME_MAP[size],
       FONT_WEIGHT_TO_CLASS_NAME_MAP[weight],
       FONT_TYPE_TO_CLASS_NAME_MAP[type],
-      {
-        [typographyStyles.strikethrough]: !!strikethrough && !underline,
-        [typographyStyles.underline]: !!underline && !strikethrough,
-        [typographyStyles.underlineStrikethrough]: !!strikethrough && !!underline
-      },
+      getTextDecorationClassName(typographyStyles, underline, strikethrough),
       className
     );
     const Tag = tag || "span";

package/components/Typography/Caption.js.map

@@ -1 +1 @@
-{"version":3,"file":"Caption.js","sources":["../../../src/components/Typography/Caption.tsx"],"sourcesContent":["import React from \"react\";\nimport { clsx } from \"clsx\";\nimport { EFontWeightCaption, ECaptionSize, EFontType } from \"./enums\";\nimport { ITypographyProps } from \"./types\";\nimport { PolymorphicComponentPropsWithRef } from \"../../types/CoreTypes\";\nimport { FONT_TYPE_TO_CLASS_NAME_MAP } from \"./constants\";\nimport styles from \"./styles/Caption.module.less\";\nimport typographyStyles from \"./styles/Typography.module.less\";\n\n// Соответствие размера имени класса.\nconst SIZE_TO_CLASS_NAME_MAP: Record<ECaptionSize, string> = {\n    [ECaptionSize.C1]: styles.c1,\n    [ECaptionSize.C2]: styles.c2,\n    [ECaptionSize.D1]: styles.d1,\n};\n\n// Соответствие веса шрифта имени класса.\nconst FONT_WEIGHT_TO_CLASS_NAME_MAP: Record<EFontWeightCaption, string> = {\n    [EFontWeightCaption.REGULAR]: styles.regular,\n    [EFontWeightCaption.SEMIBOLD]: styles.semibold,\n};\n\ninterface ICaptionProps extends ITypographyProps {\n    /** Размер текста. */\n    size: ECaptionSize;\n    /** Толщина шрифта. */\n    weight?: EFontWeightCaption;\n}\n\n/** Свойства компонента Caption. */\nexport type TCaptionProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, ICaptionProps>;\n\ntype TitleComponent = (<T extends React.ElementType = \"span\">(props: TCaptionProps<T>) => React.ReactElement | null) & {\n    displayName?: string;\n};\n\n/** Заголовок (типографика). */\nexport const Caption: TitleComponent = React.forwardRef(\n    <T extends React.ElementType = `h1`>(\n        {\n            children,\n            className,\n            size,\n            tag,\n            weight = EFontWeightCaption.REGULAR,\n            type = EFontType.PRIMARY,\n            underline,\n            strikethrough,\n            ...props\n        }: TCaptionProps<T>,\n        ref: React.ForwardedRef<HTMLElement>,\n    ) => {\n        const classes = clsx(\n            typographyStyles.typography,\n            styles.caption,\n            SIZE_TO_CLASS_NAME_MAP[size],\n            FONT_WEIGHT_TO_CLASS_NAME_MAP[weight],\n            FONT_TYPE_TO_CLASS_NAME_MAP[type],\n            {\n                [typographyStyles.strikethrough]: !!strikethrough && !underline,\n                [typographyStyles.underline]: !!underline && !strikethrough,\n                [typographyStyles.underlineStrikethrough]: !!strikethrough && !!underline,\n            },\n            className,\n        );\n\n        const Tag = tag || \"span\";\n\n        return (\n            <Tag ref={ref} className={classes} {...props}>\n                {children}\n            </Tag>\n        );\n    },\n);\n\nCaption.displayName = \"Caption\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAUA,MAAM,yBAAuD;AAAA,EACzD,CAAC,aAAa,EAAE,GAAG,OAAO;AAAA,EAC1B,CAAC,aAAa,EAAE,GAAG,OAAO;AAAA,EAC1B,CAAC,aAAa,EAAE,GAAG,OAAO;AAC9B;AAGA,MAAM,gCAAoE;AAAA,EACtE,CAAC,mBAAmB,OAAO,GAAG,OAAO;AAAA,EACrC,CAAC,mBAAmB,QAAQ,GAAG,OAAO;AAC1C;AAiBO,MAAM,UAA0B,MAAM;AAAA,EACzC,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,mBAAmB;AAAA,IAC5B,OAAO,UAAU;AAAA,IACjB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,UAAU;AAAA,MACZ,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,uBAAuB,IAAI;AAAA,MAC3B,8BAA8B,MAAM;AAAA,MACpC,4BAA4B,IAAI;AAAA,MAChC;AAAA,QACI,CAAC,iBAAiB,aAAa,GAAG,CAAC,CAAC,iBAAiB,CAAC;AAAA,QACtD,CAAC,iBAAiB,SAAS,GAAG,CAAC,CAAC,aAAa,CAAC;AAAA,QAC9C,CAAC,iBAAiB,sBAAsB,GAAG,CAAC,CAAC,iBAAiB,CAAC,CAAC;AAAA,MAAA;AAAA,MAEpE;AAAA,IAAA;AAGJ,UAAM,MAAM,OAAO;AAEnB,+BACK,KAAA,EAAI,KAAU,WAAW,SAAU,GAAG,OAClC,UACL;AAAA,EAER;AACJ;AAEA,QAAQ,cAAc;"}
+{"version":3,"file":"Caption.js","sources":["../../../src/components/Typography/Caption.tsx"],"sourcesContent":["import React from \"react\";\nimport { clsx } from \"clsx\";\nimport { EFontWeightCaption, ECaptionSize, EFontType } from \"./enums\";\nimport { ITypographyProps } from \"./types\";\nimport { PolymorphicComponentPropsWithRef } from \"../../types/CoreTypes\";\nimport { FONT_TYPE_TO_CLASS_NAME_MAP } from \"./constants\";\nimport { getTextDecorationClassName } from \"./utils\";\nimport styles from \"./styles/Caption.module.less\";\nimport typographyStyles from \"./styles/Typography.module.less\";\n\n/** Соответствие размера имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP: Record<ECaptionSize, string> = {\n    [ECaptionSize.C1]: styles.c1,\n    [ECaptionSize.C2]: styles.c2,\n    [ECaptionSize.D1]: styles.d1,\n};\n\n/** Соответствие веса шрифта имени класса. */\nconst FONT_WEIGHT_TO_CLASS_NAME_MAP: Record<EFontWeightCaption, string> = {\n    [EFontWeightCaption.REGULAR]: styles.regular,\n    [EFontWeightCaption.SEMIBOLD]: styles.semibold,\n};\n\ninterface ICaptionProps extends ITypographyProps {\n    /** Размер текста. */\n    size: ECaptionSize;\n    /** Толщина шрифта. */\n    weight?: EFontWeightCaption;\n}\n\n/** Свойства компонента Caption. */\nexport type TCaptionProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, ICaptionProps>;\n\ntype TitleComponent = (<T extends React.ElementType = \"span\">(props: TCaptionProps<T>) => React.ReactElement | null) & {\n    displayName?: string;\n};\n\n/** Заголовок (типографика). */\nexport const Caption: TitleComponent = React.forwardRef(\n    <T extends React.ElementType = `h1`>(\n        {\n            children,\n            className,\n            size,\n            tag,\n            weight = EFontWeightCaption.REGULAR,\n            type = EFontType.PRIMARY,\n            underline,\n            strikethrough,\n            ...props\n        }: TCaptionProps<T>,\n        ref: React.ForwardedRef<HTMLElement>,\n    ) => {\n        const classes = clsx(\n            typographyStyles.typography,\n            styles.caption,\n            SIZE_TO_CLASS_NAME_MAP[size],\n            FONT_WEIGHT_TO_CLASS_NAME_MAP[weight],\n            FONT_TYPE_TO_CLASS_NAME_MAP[type],\n            getTextDecorationClassName(typographyStyles, underline, strikethrough),\n            className,\n        );\n\n        const Tag: React.ElementType = tag || \"span\";\n\n        return (\n            <Tag ref={ref} className={classes} {...props}>\n                {children}\n            </Tag>\n        );\n    },\n);\n\nCaption.displayName = \"Caption\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAWA,MAAM,yBAAuD;AAAA,EACzD,CAAC,aAAa,EAAE,GAAG,OAAO;AAAA,EAC1B,CAAC,aAAa,EAAE,GAAG,OAAO;AAAA,EAC1B,CAAC,aAAa,EAAE,GAAG,OAAO;AAC9B;AAGA,MAAM,gCAAoE;AAAA,EACtE,CAAC,mBAAmB,OAAO,GAAG,OAAO;AAAA,EACrC,CAAC,mBAAmB,QAAQ,GAAG,OAAO;AAC1C;AAiBO,MAAM,UAA0B,MAAM;AAAA,EACzC,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,mBAAmB;AAAA,IAC5B,OAAO,UAAU;AAAA,IACjB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,UAAU;AAAA,MACZ,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,uBAAuB,IAAI;AAAA,MAC3B,8BAA8B,MAAM;AAAA,MACpC,4BAA4B,IAAI;AAAA,MAChC,2BAA2B,kBAAkB,WAAW,aAAa;AAAA,MACrE;AAAA,IAAA;AAGJ,UAAM,MAAyB,OAAO;AAEtC,+BACK,KAAA,EAAI,KAAU,WAAW,SAAU,GAAG,OAClC,UACL;AAAA,EAER;AACJ;AAEA,QAAQ,cAAc;"}

package/components/Typography/CodeText.js

@@ -1,23 +1,20 @@
 import { jsx } from "react/jsx-runtime";
-import React from "react";
+import { forwardRef } from "react";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-Bgk_287a.js";
-const codeText = "codeText__c27d5ba9";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-DSPLz6qR.js";
+import { getTextDecorationClassName } from "./utils.js";
+const codeText = "codeText__2e796478";
 const styles = {
   codeText
 };
-const CodeText = React.forwardRef(
+const CodeText = forwardRef(
   ({ children, className, type = EFontType.PRIMARY, underline, strikethrough, tag, ...props }, ref) => {
     const classes = clsx(
       typographyStyles.typography,
       styles.codeText,
       FONT_TYPE_TO_CLASS_NAME_MAP[type],
-      {
-        [typographyStyles.strikethrough]: !!strikethrough && !underline,
-        [typographyStyles.underline]: !!underline && !strikethrough,
-        [typographyStyles.underlineStrikethrough]: !!strikethrough && !!underline
-      },
+      getTextDecorationClassName(typographyStyles, underline, strikethrough),
       className
     );
     const Tag = tag || "span";

package/components/Typography/CodeText.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeText.js","sources":["../../../src/components/Typography/CodeText.tsx"],"sourcesContent":["import React from \"react\";\nimport { clsx } from \"clsx\";\nimport { EFontType } from \"./enums\";\nimport { ITypographyProps } from \"./types\";\nimport { FONT_TYPE_TO_CLASS_NAME_MAP } from \"./constants\";\nimport { PolymorphicComponentPropsWithRef } from \"../../types/CoreTypes\";\nimport styles from \"./styles/CodeText.module.less\";\nimport typographyStyles from \"./styles/Typography.module.less\";\n\n/** Свойства компонента CodeText. */\nexport type TCodeTextProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, ITypographyProps>;\n\ntype CodeTextComponent = (<T extends React.ElementType = \"span\">(\n    props: TCodeTextProps<T>,\n) => React.ReactElement | null) & {\n    displayName?: string;\n};\n\n/** Моноширинный текст (типографика). */\nexport const CodeText: CodeTextComponent = React.forwardRef(\n    <T extends React.ElementType = \"span\">(\n        { children, className, type = EFontType.PRIMARY, underline, strikethrough, tag, ...props }: TCodeTextProps<T>,\n        ref: React.ForwardedRef<HTMLElement>,\n    ) => {\n        const classes = clsx(\n            typographyStyles.typography,\n            styles.codeText,\n            FONT_TYPE_TO_CLASS_NAME_MAP[type],\n            {\n                [typographyStyles.strikethrough]: !!strikethrough && !underline,\n                [typographyStyles.underline]: !!underline && !strikethrough,\n                [typographyStyles.underlineStrikethrough]: !!strikethrough && !!underline,\n            },\n            className,\n        );\n\n        const Tag = tag || \"span\";\n\n        return (\n            <Tag ref={ref} className={classes} {...props}>\n                {children}\n            </Tag>\n        );\n    },\n);\n\nCodeText.displayName = \"CodeText\";\n"],"names":[],"mappings":";;;;;;;;;AAmBO,MAAM,WAA8B,MAAM;AAAA,EAC7C,CACI,EAAE,UAAU,WAAW,OAAO,UAAU,SAAS,WAAW,eAAe,KAAK,GAAG,MAAA,GACnF,QACC;AACD,UAAM,UAAU;AAAA,MACZ,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,4BAA4B,IAAI;AAAA,MAChC;AAAA,QACI,CAAC,iBAAiB,aAAa,GAAG,CAAC,CAAC,iBAAiB,CAAC;AAAA,QACtD,CAAC,iBAAiB,SAAS,GAAG,CAAC,CAAC,aAAa,CAAC;AAAA,QAC9C,CAAC,iBAAiB,sBAAsB,GAAG,CAAC,CAAC,iBAAiB,CAAC,CAAC;AAAA,MAAA;AAAA,MAEpE;AAAA,IAAA;AAGJ,UAAM,MAAM,OAAO;AAEnB,+BACK,KAAA,EAAI,KAAU,WAAW,SAAU,GAAG,OAClC,UACL;AAAA,EAER;AACJ;AAEA,SAAS,cAAc;"}
+{"version":3,"file":"CodeText.js","sources":["../../../src/components/Typography/CodeText.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { clsx } from \"clsx\";\nimport { EFontType } from \"./enums\";\nimport { ITypographyProps } from \"./types\";\nimport { FONT_TYPE_TO_CLASS_NAME_MAP } from \"./constants\";\nimport { getTextDecorationClassName } from \"./utils\";\nimport { PolymorphicComponentPropsWithRef } from \"../../types/CoreTypes\";\nimport styles from \"./styles/CodeText.module.less\";\nimport typographyStyles from \"./styles/Typography.module.less\";\n\n/** Свойства компонента CodeText. */\nexport type TCodeTextProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, ITypographyProps>;\n\ntype CodeTextComponent = (<T extends React.ElementType = \"span\">(\n    props: TCodeTextProps<T>,\n) => React.ReactElement | null) & {\n    displayName?: string;\n};\n\n/** Моноширинный текст (типографика). */\nexport const CodeText: CodeTextComponent = forwardRef(\n    <T extends React.ElementType = \"span\">(\n        { children, className, type = EFontType.PRIMARY, underline, strikethrough, tag, ...props }: TCodeTextProps<T>,\n        ref: React.ForwardedRef<HTMLElement>,\n    ): JSX.Element => {\n        const classes = clsx(\n            typographyStyles.typography,\n            styles.codeText,\n            FONT_TYPE_TO_CLASS_NAME_MAP[type],\n            getTextDecorationClassName(typographyStyles, underline, strikethrough),\n            className,\n        );\n\n        const Tag: React.ElementType = tag || \"span\";\n\n        return (\n            <Tag ref={ref} className={classes} {...props}>\n                {children}\n            </Tag>\n        );\n    },\n);\n\nCodeText.displayName = \"CodeText\";\n"],"names":[],"mappings":";;;;;;;;;;AAoBO,MAAM,WAA8B;AAAA,EACvC,CACI,EAAE,UAAU,WAAW,OAAO,UAAU,SAAS,WAAW,eAAe,KAAK,GAAG,MAAA,GACnF,QACc;AACd,UAAM,UAAU;AAAA,MACZ,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,4BAA4B,IAAI;AAAA,MAChC,2BAA2B,kBAAkB,WAAW,aAAa;AAAA,MACrE;AAAA,IAAA;AAGJ,UAAM,MAAyB,OAAO;AAEtC,+BACK,KAAA,EAAI,KAAU,WAAW,SAAU,GAAG,OAClC,UACL;AAAA,EAER;AACJ;AAEA,SAAS,cAAc;"}

package/components/Typography/Text.js

@@ -1,16 +1,17 @@
 import { jsx } from "react/jsx-runtime";
-import React from "react";
+import { forwardRef } from "react";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { ETextSize, EFontWeightText, ELineType, EFontType } from "./enums.js";
-import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-Bgk_287a.js";
-const text = "text__977d917b";
-const regular = "regular__31c287a9";
-const semibold = "semibold__8a510320";
-const b1 = "b1__27f938da";
-const b2 = "b2__53fbb03d";
-const b3 = "b3__fedd6235";
-const compact = "compact__863022ae";
-const b4 = "b4__46dee964";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-DSPLz6qR.js";
+import { getTextDecorationClassName } from "./utils.js";
+const text = "text__094fa5b9";
+const regular = "regular__45c7490b";
+const semibold = "semibold__e9d9aaa4";
+const b1 = "b1__40c3e0c6";
+const b2 = "b2__3471b3e1";
+const b3 = "b3__204ef2ef";
+const compact = "compact__e5fe2be6";
+const b4 = "b4__14dce7a6";
 const styles = {
   text,
   regular,
@@ -35,7 +36,7 @@ const LINE_TYPE_TO_CLASS_NAME_MAP = {
   [ELineType.NORMAL]: "",
   [ELineType.COMPACT]: styles.compact
 };
-const Text = React.forwardRef(
+const Text = forwardRef(
   ({
     children,
     className,
@@ -55,11 +56,7 @@ const Text = React.forwardRef(
       FONT_WEIGHT_TO_CLASS_NAME_MAP[weight],
       LINE_TYPE_TO_CLASS_NAME_MAP[line],
       FONT_TYPE_TO_CLASS_NAME_MAP[type],
-      {
-        [typographyStyles.strikethrough]: !!strikethrough && !underline,
-        [typographyStyles.underline]: !!underline && !strikethrough,
-        [typographyStyles.underlineStrikethrough]: !!strikethrough && !!underline
-      },
+      getTextDecorationClassName(typographyStyles, underline, strikethrough),
       className
     );
     const Tag = tag || "span";

package/components/Typography/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../src/components/Typography/Text.tsx"],"sourcesContent":["import React from \"react\";\nimport { clsx } from \"clsx\";\nimport { EFontType, EFontWeightText, ELineType, ETextSize } from \"./enums\";\nimport { ITypographyProps } from \"./types\";\nimport { FONT_TYPE_TO_CLASS_NAME_MAP } from \"./constants\";\nimport { PolymorphicComponentPropsWithRef } from \"../../types/CoreTypes\";\nimport styles from \"./styles/Text.module.less\";\nimport typographyStyles from \"./styles/Typography.module.less\";\n\n// Соответствие размера имени класса.\nconst SIZE_TO_CLASS_NAME_MAP: Record<ETextSize, string> = {\n    [ETextSize.B1]: styles.b1,\n    [ETextSize.B2]: styles.b2,\n    [ETextSize.B3]: styles.b3,\n    [ETextSize.B4]: styles.b4,\n};\n\n// Соответствие веса шрифта имени класса.\nconst FONT_WEIGHT_TO_CLASS_NAME_MAP: Record<EFontWeightText, string> = {\n    [EFontWeightText.REGULAR]: styles.regular,\n    [EFontWeightText.SEMIBOLD]: styles.semibold,\n};\n\n// Соответствие типа высоты строки имени класса.\nconst LINE_TYPE_TO_CLASS_NAME_MAP: Record<ELineType, string> = {\n    [ELineType.NORMAL]: \"\",\n    [ELineType.COMPACT]: styles.compact,\n};\n\nexport interface ITextProps extends ITypographyProps {\n    /** Размер текста. */\n    size: ETextSize;\n    /** Высота блока строки. */\n    line?: ELineType;\n    weight?: EFontWeightText;\n}\n\n/** Свойства компонента Text. */\nexport type TTextProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, ITextProps>;\n\ntype TextComponent = (<T extends React.ElementType = \"span\">(props: TTextProps<T>) => React.ReactElement | null) & {\n    displayName?: string;\n};\n\n/** Текст (типографика). */\nexport const Text: TextComponent = React.forwardRef(\n    <T extends React.ElementType = \"span\">(\n        {\n            children,\n            className,\n            size,\n            tag,\n            type = EFontType.PRIMARY,\n            weight = EFontWeightText.REGULAR,\n            line = ELineType.NORMAL,\n            underline,\n            strikethrough,\n            ...props\n        }: TTextProps<T>,\n        ref: React.ForwardedRef<HTMLElement>,\n    ) => {\n        const classes = clsx(\n            typographyStyles.typography,\n            styles.text,\n            SIZE_TO_CLASS_NAME_MAP[size],\n            FONT_WEIGHT_TO_CLASS_NAME_MAP[weight],\n            LINE_TYPE_TO_CLASS_NAME_MAP[line],\n            FONT_TYPE_TO_CLASS_NAME_MAP[type],\n            {\n                [typographyStyles.strikethrough]: !!strikethrough && !underline,\n                [typographyStyles.underline]: !!underline && !strikethrough,\n                [typographyStyles.underlineStrikethrough]: !!strikethrough && !!underline,\n            },\n            className,\n        );\n\n        const Tag = tag || \"span\";\n\n        return (\n            <Tag ref={ref} className={classes} {...props}>\n                {children}\n            </Tag>\n        );\n    },\n);\n\nText.displayName = \"Text\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,yBAAoD;AAAA,EACtD,CAAC,UAAU,EAAE,GAAG,OAAO;AAAA,EACvB,CAAC,UAAU,EAAE,GAAG,OAAO;AAAA,EACvB,CAAC,UAAU,EAAE,GAAG,OAAO;AAAA,EACvB,CAAC,UAAU,EAAE,GAAG,OAAO;AAC3B;AAGA,MAAM,gCAAiE;AAAA,EACnE,CAAC,gBAAgB,OAAO,GAAG,OAAO;AAAA,EAClC,CAAC,gBAAgB,QAAQ,GAAG,OAAO;AACvC;AAGA,MAAM,8BAAyD;AAAA,EAC3D,CAAC,UAAU,MAAM,GAAG;AAAA,EACpB,CAAC,UAAU,OAAO,GAAG,OAAO;AAChC;AAkBO,MAAM,OAAsB,MAAM;AAAA,EACrC,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,UAAU;AAAA,IACjB,SAAS,gBAAgB;AAAA,IACzB,OAAO,UAAU;AAAA,IACjB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,UAAU;AAAA,MACZ,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,uBAAuB,IAAI;AAAA,MAC3B,8BAA8B,MAAM;AAAA,MACpC,4BAA4B,IAAI;AAAA,MAChC,4BAA4B,IAAI;AAAA,MAChC;AAAA,QACI,CAAC,iBAAiB,aAAa,GAAG,CAAC,CAAC,iBAAiB,CAAC;AAAA,QACtD,CAAC,iBAAiB,SAAS,GAAG,CAAC,CAAC,aAAa,CAAC;AAAA,QAC9C,CAAC,iBAAiB,sBAAsB,GAAG,CAAC,CAAC,iBAAiB,CAAC,CAAC;AAAA,MAAA;AAAA,MAEpE;AAAA,IAAA;AAGJ,UAAM,MAAM,OAAO;AAEnB,+BACK,KAAA,EAAI,KAAU,WAAW,SAAU,GAAG,OAClC,UACL;AAAA,EAER;AACJ;AAEA,KAAK,cAAc;"}
+{"version":3,"file":"Text.js","sources":["../../../src/components/Typography/Text.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { clsx } from \"clsx\";\nimport { EFontType, EFontWeightText, ELineType, ETextSize } from \"./enums\";\nimport { ITypographyProps } from \"./types\";\nimport { FONT_TYPE_TO_CLASS_NAME_MAP } from \"./constants\";\nimport { getTextDecorationClassName } from \"./utils\";\nimport { PolymorphicComponentPropsWithRef } from \"../../types/CoreTypes\";\nimport styles from \"./styles/Text.module.less\";\nimport typographyStyles from \"./styles/Typography.module.less\";\n\n/** Соответствие размера имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP: Record<ETextSize, string> = {\n    [ETextSize.B1]: styles.b1,\n    [ETextSize.B2]: styles.b2,\n    [ETextSize.B3]: styles.b3,\n    [ETextSize.B4]: styles.b4,\n};\n\n/** Соответствие веса шрифта имени класса. */\nconst FONT_WEIGHT_TO_CLASS_NAME_MAP: Record<EFontWeightText, string> = {\n    [EFontWeightText.REGULAR]: styles.regular,\n    [EFontWeightText.SEMIBOLD]: styles.semibold,\n};\n\n/** Соответствие типа высоты строки имени класса. */\nconst LINE_TYPE_TO_CLASS_NAME_MAP: Record<ELineType, string> = {\n    [ELineType.NORMAL]: \"\",\n    [ELineType.COMPACT]: styles.compact,\n};\n\nexport interface ITextProps extends ITypographyProps {\n    /** Размер текста. */\n    size: ETextSize;\n    /** Высота блока строки. */\n    line?: ELineType;\n    /** Толщина шрифта. */\n    weight?: EFontWeightText;\n}\n\n/** Свойства компонента Text. */\nexport type TTextProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, ITextProps>;\n\ntype TextComponent = (<T extends React.ElementType = \"span\">(props: TTextProps<T>) => React.ReactElement | null) & {\n    displayName?: string;\n};\n\n/** Текст (типографика). */\nexport const Text: TextComponent = forwardRef(\n    <T extends React.ElementType = \"span\">(\n        {\n            children,\n            className,\n            size,\n            tag,\n            type = EFontType.PRIMARY,\n            weight = EFontWeightText.REGULAR,\n            line = ELineType.NORMAL,\n            underline,\n            strikethrough,\n            ...props\n        }: TTextProps<T>,\n        ref: React.ForwardedRef<HTMLElement>,\n    ) => {\n        const classes = clsx(\n            typographyStyles.typography,\n            styles.text,\n            SIZE_TO_CLASS_NAME_MAP[size],\n            FONT_WEIGHT_TO_CLASS_NAME_MAP[weight],\n            LINE_TYPE_TO_CLASS_NAME_MAP[line],\n            FONT_TYPE_TO_CLASS_NAME_MAP[type],\n            getTextDecorationClassName(typographyStyles, underline, strikethrough),\n            className,\n        );\n\n        const Tag: React.ElementType = tag || \"span\";\n\n        return (\n            <Tag ref={ref} className={classes} {...props}>\n                {children}\n            </Tag>\n        );\n    },\n);\n\nText.displayName = \"Text\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,yBAAoD;AAAA,EACtD,CAAC,UAAU,EAAE,GAAG,OAAO;AAAA,EACvB,CAAC,UAAU,EAAE,GAAG,OAAO;AAAA,EACvB,CAAC,UAAU,EAAE,GAAG,OAAO;AAAA,EACvB,CAAC,UAAU,EAAE,GAAG,OAAO;AAC3B;AAGA,MAAM,gCAAiE;AAAA,EACnE,CAAC,gBAAgB,OAAO,GAAG,OAAO;AAAA,EAClC,CAAC,gBAAgB,QAAQ,GAAG,OAAO;AACvC;AAGA,MAAM,8BAAyD;AAAA,EAC3D,CAAC,UAAU,MAAM,GAAG;AAAA,EACpB,CAAC,UAAU,OAAO,GAAG,OAAO;AAChC;AAmBO,MAAM,OAAsB;AAAA,EAC/B,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,UAAU;AAAA,IACjB,SAAS,gBAAgB;AAAA,IACzB,OAAO,UAAU;AAAA,IACjB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,UAAU;AAAA,MACZ,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,uBAAuB,IAAI;AAAA,MAC3B,8BAA8B,MAAM;AAAA,MACpC,4BAA4B,IAAI;AAAA,MAChC,4BAA4B,IAAI;AAAA,MAChC,2BAA2B,kBAAkB,WAAW,aAAa;AAAA,MACrE;AAAA,IAAA;AAGJ,UAAM,MAAyB,OAAO;AAEtC,+BACK,KAAA,EAAI,KAAU,WAAW,SAAU,GAAG,OAClC,UACL;AAAA,EAER;AACJ;AAEA,KAAK,cAAc;"}