@sberbusiness/triplex-next 1.8.0 → 1.9.0

package/components/Tabs/Tabs.js

@@ -1,6 +1,6 @@
-import { jsx as c, jsxs as y } from "react/jsx-runtime";
+import { jsx as i, jsxs as y } from "react/jsx-runtime";
 import { useState as l, useRef as D } from "react";
-import { TabsExtended as i } from "../TabsExtended/TabsExtended.js";
+import { TabsExtended as c } from "../TabsExtended/TabsExtended.js";
 import "../TabsExtended/components/TabsExtendedContent.js";
 import { c as W } from "../../chunks/vendor-D3hUOusX.js";
 import "../TabsExtended/TabsExtendedContext.js";
@@ -15,12 +15,12 @@ import "../Button/ButtonDropdownExtended.js";
 import { EButtonDotsTheme as j } from "../Button/enums.js";
 import { EComponentSize as K } from "../../enums/EComponentSize.js";
 import { isKey as _ } from "../../utils/keyboard.js";
-const k = "tabButtonDropdown__9451fd55", G = "sm__b0cebe40", H = "md__09819526", L = "lg__1ae90ebc", p = {
+const k = "tabButtonDropdown__66d912f9", G = "sm__104431e4", H = "md__a6df0fa3", L = "lg__7617c335", p = {
   tabButtonDropdown: k,
   sm: G,
   md: H,
   lg: L
-}, co = ({
+}, io = ({
   buttonDropdownAttributes: h,
   selectedId: a,
   onSelectTab: v,
@@ -28,13 +28,13 @@ const k = "tabButtonDropdown__9451fd55", G = "sm__b0cebe40", H = "md__09819526",
   tabs: t,
   ...w
 }) => {
-  const [R, m] = l(a || t[0].id), [A, C] = l(""), [F, I] = l(""), d = D(null), u = D(null), S = ({ dropdownItemsIds: n, onSelectTab: o }) => t.filter((e) => n.includes(e.id)).map((e) => ({ ...e, onSelect: () => o(e.id) })), B = (n, o) => /* @__PURE__ */ c(i.Content.Tab, { ...n, children: ({ selected: e, isFirstInlineTab: N, isLastInlineTab: g }) => {
+  const [R, m] = l(a || t[0].id), [A, C] = l(""), [F, I] = l(""), d = D(null), f = D(null), S = ({ dropdownItemsIds: n, onSelectTab: o }) => t.filter((e) => n.includes(e.id)).map((e) => ({ ...e, onSelect: () => o(e.id) })), B = (n, o) => /* @__PURE__ */ i(c.Content.Tab, { ...n, children: ({ selected: e, isFirstInlineTab: N, isLastInlineTab: g }) => {
     const E = R === n.id ? 0 : -1, O = () => {
       let r;
-      return A === n.id ? r = d : F === n.id && (r = u), r;
+      return A === n.id ? r = d : F === n.id && (r = f), r;
     };
-    return /* @__PURE__ */ c(
-      i.Content.TabButton,
+    return /* @__PURE__ */ i(
+      c.Content.TabButton,
       {
         selected: e,
         tabIndex: E,
@@ -46,16 +46,16 @@ const k = "tabButtonDropdown__9451fd55", G = "sm__b0cebe40", H = "md__09819526",
         },
         onKeyDown: (r) => {
           var T, b;
-          const { key: f } = r;
-          _(f, "ARROW_LEFT") ? (N || (m(t[o - 1].id), (T = d.current) == null || T.focus()), r.preventDefault()) : _(f, "ARROW_RIGHT") && (g || (m(t[o + 1].id), (b = u.current) == null || b.focus()), r.preventDefault());
+          const { key: u } = r;
+          _(u, "ARROW_LEFT") ? (N || (m(t[o - 1].id), (T = d.current) == null || T.focus()), r.preventDefault()) : _(u, "ARROW_RIGHT") && (g || (m(t[o + 1].id), (b = f.current) == null || b.focus()), r.preventDefault());
         },
         children: n.label
       }
     );
   } }, o);
-  return /* @__PURE__ */ c(i, { ...w, selectedId: a, onSelectTab: v, children: /* @__PURE__ */ y(i.Content, { className: p.tabsContent, size: s, children: [
-    /* @__PURE__ */ c(i.Content.TabsWrapper, { children: t.map(B) }),
-    /* @__PURE__ */ c(i.Content.DropdownWrapper, { children: ({ dropdownItemsIds: n, onSelectTab: o }) => /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(c, { ...w, selectedId: a, onSelectTab: v, children: /* @__PURE__ */ y(c.Content, { className: p.tabsContent, size: s, children: [
+    /* @__PURE__ */ i(c.Content.TabsWrapper, { children: t.map(B) }),
+    /* @__PURE__ */ i(c.Content.DropdownWrapper, { children: ({ dropdownItemsIds: n, onSelectTab: o }) => /* @__PURE__ */ i(
       x,
       {
         theme: j.DOTS_SECONDARY,
@@ -71,6 +71,6 @@ const k = "tabButtonDropdown__9451fd55", G = "sm__b0cebe40", H = "md__09819526",
   ] }) });
 };
 export {
-  co as Tabs
+  io as Tabs
 };
 //# sourceMappingURL=Tabs.js.map

package/components/TabsExtended/TabsExtended.js

@@ -3,9 +3,9 @@ import { useState as r, useRef as T } from "react";
 import { c as b } from "../../chunks/vendor-D3hUOusX.js";
 import { TabsExtendedContext as E } from "./TabsExtendedContext.js";
 import { TabsExtendedContent as I } from "./components/TabsExtendedContent.js";
-import { s as u } from "../../chunks/TabsExtended.module-B0_ktbZ6.js";
+import { s as u } from "../../chunks/TabsExtended.module-C87bijNv.js";
 import { ETabsExtendedType as C } from "./enums.js";
-import { t as v } from "../../chunks/utils-D2zZhfuB.js";
+import { t as v } from "../../chunks/utils--cyZSVhM.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 as d } from "./TabsExtendedTab.js";
 import { TabsExtendedTabButton as i } from "./TabsExtendedTabButton.js";
 import { EComponentSize as T } from "../../../enums/EComponentSize.js";
 import { TabsExtendedDropdownWrapper as b } from "./TabsExtendedDropdownWrapper.js";
-import { s as r } from "../../../chunks/TabsExtended.module-B0_ktbZ6.js";
+import { s as r } from "../../../chunks/TabsExtended.module-C87bijNv.js";
 import { createSizeToClassNameMap as f } from "../../../utils/classNameMaps.js";
 import "./TabsExtendedTabContext.js";
 const x = f(r), o = ({

package/components/TabsExtended/components/TabsExtendedDropdownWrapper.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { useContext as m } from "react";
-import { s as p } from "../../../chunks/TabsExtended.module-B0_ktbZ6.js";
+import { s as p } from "../../../chunks/TabsExtended.module-C87bijNv.js";
 import { c as a } from "../../../chunks/vendor-D3hUOusX.js";
 import { TabsExtendedContext as i } from "../TabsExtendedContext.js";
 const w = ({

package/components/TabsExtended/components/TabsExtendedTab.js

@@ -1,6 +1,6 @@
 import { jsx as p } from "react/jsx-runtime";
 import x, { useContext as d } from "react";
-import { s as o } from "../../../chunks/TabsExtended.module-B0_ktbZ6.js";
+import { s as o } from "../../../chunks/TabsExtended.module-C87bijNv.js";
 import { c as I } from "../../../chunks/vendor-D3hUOusX.js";
 import { TabsExtendedContext as u } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext as E } from "./TabsExtendedTabContext.js";

package/components/TabsExtended/components/TabsExtendedTabButton.js

@@ -2,7 +2,7 @@ import { jsxs as p, jsx as a } from "react/jsx-runtime";
 import x, { useContext as b } from "react";
 import { c as f } from "../../../chunks/vendor-D3hUOusX.js";
 import { EComponentSize as l } from "../../../enums/EComponentSize.js";
-import { s as t, t as T, a as u } from "../../../chunks/utils-D2zZhfuB.js";
+import { s as t, t as T, a as u } from "../../../chunks/utils--cyZSVhM.js";
 import { TabsExtendedContext as E } from "../TabsExtendedContext.js";
 import { Text as N } from "../../Typography/Text.js";
 import { NotificationIcon as y } from "../../NotificationIcon/NotificationIcon.js";

package/components/TabsExtended/components/TabsExtendedTabsWrapper.js

@@ -3,7 +3,7 @@ import a, { useContext as A, useState as D, useRef as g, useLayoutEffect as R, i
 import { u as F, c as N, p as z } from "../../../chunks/vendor-D3hUOusX.js";
 import { TabsExtendedContext as _ } from "../TabsExtendedContext.js";
 import { TabsExtendedTabContext as j } from "./TabsExtendedTabContext.js";
-import { s as l } from "../../../chunks/TabsExtended.module-B0_ktbZ6.js";
+import { s as l } from "../../../chunks/TabsExtended.module-C87bijNv.js";
 const G = ({
   children: s,
   className: C,

package/components/TabsExtended/utils.js

@@ -1,6 +1,6 @@
 import "./enums.js";
 import "../../enums/EComponentSize.js";
-import { a as s, t as i } from "../../chunks/utils-D2zZhfuB.js";
+import { a as s, t as i } from "../../chunks/utils--cyZSVhM.js";
 import "../Typography/enums.js";
 export {
   s as tabsExtendedSizeToTextSizeMap,

package/components/TabsLine/TabsLine.js

@@ -3,7 +3,7 @@ import { c as b } from "../../chunks/vendor-D3hUOusX.js";
 import { MobileView as c } from "../MobileView/MobileView.js";
 import { TabsLineDesktop as d } from "./components/TabsLineDesktop.js";
 import { TabsLineMobile as x } from "./components/TabsLineMobile.js";
-import { s as m } from "../../chunks/TabsLine.module-DGic2tTZ.js";
+import { s as m } from "../../chunks/TabsLine.module-D_ARvYGg.js";
 import "./components/TabsLineDropdown.js";
 import "./components/TabsLineItem.js";
 const v = ({

package/components/TabsLine/components/TabsLineDesktop.js

@@ -4,7 +4,7 @@ import { TabsLineDropdown as S } from "./TabsLineDropdown.js";
 import { TabsLineItem as k } from "./TabsLineItem.js";
 import { isKey as u } from "../../../utils/keyboard.js";
 import { l as L } from "../../../chunks/vendor-D3hUOusX.js";
-import { s as J } from "../../../chunks/TabsLine.module-DGic2tTZ.js";
+import { s as J } from "../../../chunks/TabsLine.module-D_ARvYGg.js";
 const $ = ({
   tabs: l,
   dropdownTargetHtmlAttributes: g,

package/components/TabsLine/components/TabsLineDropdown.js

@@ -1,14 +1,14 @@
-var R = Object.defineProperty;
-var N = (c, r, e) => r in c ? R(c, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[r] = e;
-var t = (c, r, e) => N(c, typeof r != "symbol" ? r + "" : r, e);
-import { jsxs as w, jsx as d } from "react/jsx-runtime";
-import l, { createElement as T } from "react";
-import { a as I, c as h } from "../../../chunks/vendor-D3hUOusX.js";
-import { Dropdown as v } from "../../Dropdown/Dropdown.js";
-import { DropdownListContext as S } from "../../Dropdown/DropdownListContext.js";
+var A = Object.defineProperty;
+var k = (p, r, e) => r in p ? A(p, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : p[r] = e;
+var t = (p, r, e) => k(p, typeof r != "symbol" ? r + "" : r, e);
+import { jsxs as g, jsx as d } from "react/jsx-runtime";
+import v, { createElement as O } from "react";
+import { a as x, c as C } from "../../../chunks/vendor-D3hUOusX.js";
+import { Dropdown as E } from "../../Dropdown/Dropdown.js";
+import { DropdownListContext as M } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
-import { DropdownList as D } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-BcXHt5bk.js";
+import { DropdownList as N } from "../../Dropdown/desktop/DropdownList.js";
+import "../../../chunks/DropdownListItem-ToJzPBLf.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -20,82 +20,106 @@ import "../../Dropdown/mobile/DropdownMobileList.js";
 import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { EComponentSize as b } from "../../../enums/EComponentSize.js";
-import { CaretdownStrokeSrvIcon16 as k } from "@sberbusiness/icons-next";
-import { isKey as p } from "../../../utils/keyboard.js";
-import { s as o } from "../../../chunks/TabsLine.module-DGic2tTZ.js";
-import { createSizeToClassNameMap as O } from "../../../utils/classNameMaps.js";
-const A = O(o);
-class te extends l.PureComponent {
+import { EComponentSize as y } from "../../../enums/EComponentSize.js";
+import { CaretdownStrokeSrvIcon16 as L } from "@sberbusiness/icons-next";
+import { isKey as l } from "../../../utils/keyboard.js";
+import { s as o } from "../../../chunks/TabsLine.module-D_ARvYGg.js";
+import { createSizeToClassNameMap as z } from "../../../utils/classNameMaps.js";
+import { Text as P } from "../../Typography/Text.js";
+import { tabsLineSizeToTextSizeMap as K } from "../utils.js";
+import { EFontType as I } from "../../Typography/enums.js";
+const W = z(o);
+class De extends v.PureComponent {
   constructor(e) {
     super(e);
     t(this, "state", {
       activeDescendant: void 0,
-      opened: !1
+      opened: !1,
+      focused: !1,
+      hovered: !1
     });
     t(this, "targetRef");
     t(this, "dropdownRef");
-    t(this, "instanceId", I());
+    t(this, "instanceId", x());
     /** Установка значения activeDescendant. */
     t(this, "setActiveDescendant", (e) => {
       this.setState({ activeDescendant: e });
     });
     /** Рендер кнопки, раскрывающей список. */
     t(this, "renderTarget", () => {
-      const { active: e, label: n, targetHtmlAttributes: i, size: a = b.MD } = this.props, { activeDescendant: s, opened: m } = this.state, f = h(o.tab, A[a], o.dropdownTarget, {
+      const { active: e, label: s, targetHtmlAttributes: a, size: i = y.MD } = this.props, { activeDescendant: n, opened: h, focused: R, hovered: S } = this.state, m = C(o.tab, W[i], o.dropdownTarget, {
         [o.active]: e
-      }), u = h(o.dropdownTargetCaret, { [o.opened]: m });
+      }), f = C(o.dropdownTargetCaret, { [o.opened]: h }), { onFocus: u, onBlur: w, onMouseEnter: D, onMouseLeave: T, ...b } = a || {};
       return /* @__PURE__ */ d(
         "button",
         {
-          ...i,
-          className: f,
+          ...b,
+          onFocus: (c) => {
+            this.setState({ focused: !0 }), u == null || u(c);
+          },
+          onBlur: (c) => {
+            this.setState({ focused: !1 }), w == null || w(c);
+          },
+          onMouseEnter: (c) => {
+            this.setState({ hovered: !0 }), D == null || D(c);
+          },
+          onMouseLeave: (c) => {
+            this.setState({ hovered: !1 }), T == null || T(c);
+          },
+          className: m,
           onClick: this.handleTargetClick,
           onKeyDown: this.handleTargetKeyDown,
           type: "button",
           role: "tab",
           "aria-haspopup": "menu",
-          "aria-expanded": m,
+          "aria-expanded": h,
           "aria-controls": this.instanceId,
-          "aria-activedescendant": s,
-          children: /* @__PURE__ */ d("span", { className: o.tabInner, children: /* @__PURE__ */ w("span", { className: o.dropdownTargetInner, children: [
-            n,
-            /* @__PURE__ */ d(k, { className: u, paletteIndex: 5 })
+          "aria-activedescendant": n,
+          children: /* @__PURE__ */ d("span", { className: o.tabInner, children: /* @__PURE__ */ g("span", { className: o.dropdownTargetInner, children: [
+            /* @__PURE__ */ d(
+              P,
+              {
+                size: K[i],
+                type: e || R || S ? I.PRIMARY : I.SECONDARY,
+                children: s
+              }
+            ),
+            /* @__PURE__ */ d(L, { className: f, paletteIndex: 5 })
           ] }) })
         }
       );
     });
     /** Рендер дропдаун списка. */
     t(this, "renderDropdown", () => {
-      const { selected: e, tabs: n } = this.props, { activeDescendant: i, opened: a } = this.state;
+      const { selected: e, tabs: s } = this.props, { activeDescendant: a, opened: i } = this.state;
       return /* @__PURE__ */ d(
-        v,
+        E,
         {
           className: o.dropdown,
-          opened: a,
+          opened: i,
           setOpened: this.setOpenedDropdown,
           targetRef: this.targetRef,
           ref: this.dropdownRef,
           children: /* @__PURE__ */ d(
-            S.Provider,
+            M.Provider,
             {
-              value: { activeDescendant: i, setActiveDescendant: this.setActiveDescendant },
-              children: /* @__PURE__ */ d(D, { dropdownOpened: a, id: this.instanceId, children: n.map((s) => {
-                const { id: m, label: f, showNotificationIcon: u, ...C } = s, g = h(o.dropdownItem);
-                return /* @__PURE__ */ T(
-                  D.Item,
+              value: { activeDescendant: a, setActiveDescendant: this.setActiveDescendant },
+              children: /* @__PURE__ */ d(N, { dropdownOpened: i, id: this.instanceId, children: s.map((n) => {
+                const { id: h, label: R, showNotificationIcon: S, ...m } = n, f = C(o.dropdownItem);
+                return /* @__PURE__ */ O(
+                  N.Item,
                   {
-                    ...C,
-                    className: g,
-                    id: s.id,
-                    key: s.id,
+                    ...m,
+                    className: f,
+                    id: n.id,
+                    key: n.id,
                     onSelect: () => {
-                      this.handleClickTab(s);
+                      this.handleClickTab(n);
                     },
-                    selected: s === e,
-                    showNotificationIcon: s.showNotificationIcon
+                    selected: n === e,
+                    showNotificationIcon: n.showNotificationIcon
                   },
-                  /* @__PURE__ */ d("span", { className: o.dropdownItemInner, children: s.label })
+                  /* @__PURE__ */ d("span", { className: o.dropdownItemInner, children: n.label })
                 );
               }) })
             }
@@ -114,21 +138,21 @@ class te extends l.PureComponent {
     });
     /** Обработчик клика по табу. */
     t(this, "handleClickTab", (e) => {
-      const { onClickTab: n } = this.props, { opened: i } = this.state;
-      n(e), this.setState({ opened: !i });
+      const { onClickTab: s } = this.props, { opened: a } = this.state;
+      s(e), this.setState({ opened: !a });
     });
     /** Обработчик нажатия клавиш по кнопке, раскрывающей список. */
     t(this, "handleTargetKeyDown", (e) => {
-      const { opened: n } = this.state;
-      n || (p(e.code, "ARROW_UP") || p(e.code, "ARROW_DOWN")) && (e.preventDefault(), this.setState({ opened: !0 })), n && (p(e.code, "TAB") || p(e.code, "ESCAPE")) && this.setState({ opened: !1 });
+      const { opened: s } = this.state;
+      s || (l(e.code, "ARROW_UP") || l(e.code, "ARROW_DOWN")) && (e.preventDefault(), this.setState({ opened: !0 })), s && (l(e.code, "TAB") || l(e.code, "ESCAPE")) && this.setState({ opened: !1 });
     });
     /** Обработчик клика вне дропдауна. */
     t(this, "handleClickOutside", (e) => {
-      var i, a;
-      const { opened: n } = this.state;
-      n && !((i = this.targetRef.current) != null && i.contains(e.target)) && !((a = this.dropdownRef.current) != null && a.contains(e.target)) && this.setState({ opened: !1 });
+      var a, i;
+      const { opened: s } = this.state;
+      s && !((a = this.targetRef.current) != null && a.contains(e.target)) && !((i = this.dropdownRef.current) != null && i.contains(e.target)) && this.setState({ opened: !1 });
     });
-    this.targetRef = l.createRef(), this.dropdownRef = l.createRef();
+    this.targetRef = v.createRef(), this.dropdownRef = v.createRef();
   }
   componentDidMount() {
     document.addEventListener("mouseup", this.handleClickOutside);
@@ -137,13 +161,13 @@ class te extends l.PureComponent {
     document.removeEventListener("mouseup", this.handleClickOutside);
   }
   render() {
-    return /* @__PURE__ */ w("div", { className: o.tabsLineDropdown, ref: this.targetRef, children: [
+    return /* @__PURE__ */ g("div", { className: o.tabsLineDropdown, ref: this.targetRef, children: [
       this.renderTarget(),
       this.renderDropdown()
     ] });
   }
 }
 export {
-  te as TabsLineDropdown
+  De as TabsLineDropdown
 };
 //# sourceMappingURL=TabsLineDropdown.js.map

package/components/TabsLine/components/TabsLineItem.js

@@ -1,28 +1,60 @@
 import { jsx as n } from "react/jsx-runtime";
-import c, { createElement as p } from "react";
-import { c as f } from "../../../chunks/vendor-D3hUOusX.js";
-import { EComponentSize as l } from "../../../enums/EComponentSize.js";
-import { createSizeToClassNameMap as b } from "../../../utils/classNameMaps.js";
-import { NotificationIcon as N } from "../../NotificationIcon/NotificationIcon.js";
-import { s as o } from "../../../chunks/TabsLine.module-DGic2tTZ.js";
-const u = b(o), y = c.forwardRef(
-  ({ id: e, label: a, selected: t, showNotificationIcon: m, size: r = l.MD, ...i }, s) => /* @__PURE__ */ p(
-    "button",
-    {
-      type: "button",
-      ...i,
-      key: e,
-      className: f(o.tab, u[r], { [o.active]: !!t }),
-      role: "tab",
-      "aria-selected": t,
-      ref: s
-    },
-    a,
-    m && /* @__PURE__ */ n(N, { className: o.notificationIcon })
-  )
+import N, { useState as f, createElement as h } from "react";
+import { c as y } from "../../../chunks/vendor-D3hUOusX.js";
+import { EComponentSize as E } from "../../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as S } from "../../../utils/classNameMaps.js";
+import { NotificationIcon as v } from "../../NotificationIcon/NotificationIcon.js";
+import { s as e } from "../../../chunks/TabsLine.module-D_ARvYGg.js";
+import { Text as x } from "../../Typography/Text.js";
+import { tabsLineSizeToTextSizeMap as z } from "../utils.js";
+import { EFontType as c } from "../../Typography/enums.js";
+const I = S(e), L = N.forwardRef(
+  ({
+    id: p,
+    label: l,
+    selected: t,
+    showNotificationIcon: d,
+    size: r = E.MD,
+    onFocus: o,
+    onBlur: a,
+    onMouseEnter: R,
+    onMouseLeave: C,
+    ...u
+  }, M) => {
+    const [T, m] = f(!1), [b, i] = f(!1);
+    return /* @__PURE__ */ h(
+      "button",
+      {
+        type: "button",
+        onFocus: (s) => {
+          m(!0), o == null || o(s);
+        },
+        onBlur: (s) => {
+          m(!1), a == null || a(s);
+        },
+        onMouseEnter: () => i(!0),
+        onMouseLeave: () => i(!1),
+        ...u,
+        key: p,
+        className: y(e.tab, I[r], { [e.active]: !!t }),
+        role: "tab",
+        "aria-selected": t,
+        ref: M
+      },
+      /* @__PURE__ */ n(
+        x,
+        {
+          size: z[r],
+          type: t || T || b ? c.PRIMARY : c.SECONDARY,
+          children: l
+        }
+      ),
+      d && /* @__PURE__ */ n(v, { className: e.notificationIcon })
+    );
+  }
 );
-y.displayName = "TabsLineItem";
+L.displayName = "TabsLineItem";
 export {
-  y as TabsLineItem
+  L as TabsLineItem
 };
 //# sourceMappingURL=TabsLineItem.js.map

package/components/TabsLine/components/TabsLineMobile.js

@@ -1,21 +1,21 @@
 import { jsx as n } from "react/jsx-runtime";
 import { TabsLineItem as t } from "./TabsLineItem.js";
-const d = "tabsLineMobileWrapper__71dd5b87", p = "tabsLineMobile__01cecb18", l = {
-  tabsLineMobileWrapper: d,
-  tabsLineMobile: p
-}, u = ({ onChangeTab: r, selectedId: o, tabs: i }) => {
+const p = "tabsLineMobileWrapper__fc93b522", d = "tabsLineMobile__404f0565", l = {
+  tabsLineMobileWrapper: p,
+  tabsLineMobile: d
+}, h = ({ onChangeTab: r, selectedId: o, tabs: i }) => {
   if (!i.length)
     return null;
-  const b = ({ selected: L, ...e }) => {
-    const a = (c) => {
+  const a = ({ selected: L, ...e }) => {
+    const b = (c) => {
       var s;
       r(e.id), (s = e.onClick) == null || s.call(e, c);
     };
-    return /* @__PURE__ */ n(t, { selected: o === e.id, ...e, onClick: a }, e.id);
+    return /* @__PURE__ */ n(t, { selected: o === e.id, ...e, onClick: b }, e.id);
   };
-  return /* @__PURE__ */ n("div", { className: l.tabsLineMobileWrapper, children: /* @__PURE__ */ n("div", { className: l.tabsLineMobile, children: i.map(b) }) });
+  return /* @__PURE__ */ n("div", { className: l.tabsLineMobileWrapper, children: /* @__PURE__ */ n("div", { className: l.tabsLineMobile, children: i.map(a) }) });
 };
 export {
-  u as TabsLineMobile
+  h as TabsLineMobile
 };
 //# sourceMappingURL=TabsLineMobile.js.map

package/components/TabsLine/utils.js

@@ -0,0 +1,11 @@
+import { EComponentSize as e } from "../../enums/EComponentSize.js";
+import { ETextSize as o } from "../Typography/enums.js";
+const m = {
+  [e.LG]: o.B2,
+  [e.MD]: o.B3,
+  [e.SM]: o.B4
+};
+export {
+  m as tabsLineSizeToTextSizeMap
+};
+//# sourceMappingURL=utils.js.map

package/components/Tag/Tag.js

@@ -7,7 +7,7 @@ import { ETextSize as I, EFontType as _ } from "../Typography/enums.js";
 import { ButtonIcon as T } from "../Button/ButtonIcon.js";
 import { createSizeToClassNameMap as j } from "../../utils/classNameMaps.js";
 import { EComponentSize as e } from "../../enums/EComponentSize.js";
-const A = "tag__721cc946", R = "sm__baf206f5", w = "md__05e5af2e", F = "lg__2c2eed4a", P = "content__b441d8df", f = {
+const A = "tag__6d56cf19", R = "sm__4d15026d", w = "md__1fe69af2", F = "lg__1acfa8d1", P = "content__76902eb1", f = {
   tag: A,
   sm: R,
   md: w,

package/components/TagColor/TagColor.js

@@ -0,0 +1,36 @@
+import { jsx as t } from "react/jsx-runtime";
+import _ from "react";
+import { c as l } from "../../chunks/vendor-D3hUOusX.js";
+import { createSizeToClassNameMap as m } from "../../utils/classNameMaps.js";
+import { ETagColorStatus as s } from "./enums.js";
+const f = "tagColor__93167d9a", i = "sm__a9e29a92", d = "md__4ce64ed7", g = "lg__a02a390c", p = "success__7e1f3de6", C = "info__38abbec3", u = "warning__1db81ef3", N = "error__e52f4909", T = "content__ec45be84", o = {
+  tagColor: f,
+  sm: i,
+  md: d,
+  lg: g,
+  default: "default__8b67d345",
+  success: p,
+  info: C,
+  warning: u,
+  error: N,
+  content: T
+}, R = m(o), b = {
+  [s.DEFAULT]: o.default,
+  [s.SUCCESS]: o.success,
+  [s.INFO]: o.info,
+  [s.WARNING]: o.warning,
+  [s.ERROR]: o.error
+}, F = _.forwardRef(
+  ({ children: a, className: e, size: r, status: c = s.DEFAULT, ...n }) => /* @__PURE__ */ t(
+    "span",
+    {
+      className: l(o.tagColor, R[r], b[c], e),
+      ...n,
+      children: /* @__PURE__ */ t("span", { className: o.content, children: a })
+    }
+  )
+);
+export {
+  F as TagColor
+};
+//# sourceMappingURL=TagColor.js.map

package/components/TagColor/enums.js

@@ -0,0 +1,5 @@
+var n = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.SUCCESS = "success", e.INFO = "info", e.WARNING = "warning", e.ERROR = "error", e))(n || {});
+export {
+  n as ETagColorStatus
+};
+//# sourceMappingURL=enums.js.map

package/components/TagColor/index.js

@@ -0,0 +1,5 @@
+import { TagColor as a } from "./TagColor.js";
+export {
+  a as TagColor
+};
+//# sourceMappingURL=index.js.map

package/components/TagColor/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/TagGroup/TagGroup.js

@@ -1,20 +1,20 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import c from "react";
 import { c as p } from "../../chunks/vendor-D3hUOusX.js";
 import { createSizeToClassNameMap as l } from "../../utils/classNameMaps.js";
-const _ = "tagGroup__de0b32a1", d = "sm__eed52c29", g = "md__93b1e2d8", f = "lg__90cc40c3", o = {
+const _ = "tagGroup__7c3e1ebe", g = "sm__899c25a1", f = "md__6af19452", i = "lg__a203b462", o = {
   tagGroup: _,
-  sm: d,
-  md: g,
-  lg: f
-}, i = l(o), N = c.forwardRef(
-  ({ children: s, className: t, size: a, ...r }, e) => /* @__PURE__ */ m(
+  sm: g,
+  md: f,
+  lg: i
+}, n = l(o), N = c.forwardRef(
+  ({ children: s, className: a, size: t, ...r }, m) => /* @__PURE__ */ e(
     "div",
     {
-      className: p(o.tagGroup, i[a], t),
+      className: p(o.tagGroup, n[t], a),
       role: "group",
       ...r,
-      ref: e,
+      ref: m,
       children: s
     }
   )

package/components/TextField/TextField.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { F as r } from "../../chunks/FormFieldInput-BnHKlreA.js";
+import { F as r } from "../../chunks/FormFieldInput-kWDtKz1V.js";
 import { TextFieldBase as t } from "./TextFieldBase.js";
 const m = ({ inputProps: i, ...o }) => /* @__PURE__ */ e(t, { ...o, children: /* @__PURE__ */ e(r, { ...i }) });
 m.displayName = "TextField";

package/components/TextareaField/TextareaField.js

@@ -6,7 +6,7 @@ import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldTarget.js";
-import "../../chunks/FormFieldInput-BnHKlreA.js";
+import "../../chunks/FormFieldInput-kWDtKz1V.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
 import "../FormField/components/FormFieldPrefix.js";