@sberbusiness/triplex-next 1.21.0 → 1.23.0

package/components/DesignTokens/components/ListMaster.js

@@ -1,20 +1,20 @@
 const r = [
   "Background",
-  "Footer_Color",
   "Footer_Background",
+  "Footer_Shadow",
   "Header_Background",
-  "Header_Color"
+  "Header_Shadow"
 ], o = {
   Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.0" }],
   // var(--triplex-next-ListMaster-Background)
-  Footer_Background: [{ ref: "ColorNeutral.30" }, { ref: "ColorDarkNeutral.70" }],
+  Footer_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.60" }],
   // var(--triplex-next-ListMaster-Footer_Background)
-  Footer_Color: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.100" }],
-  // var(--triplex-next-ListMaster-Footer_Color)
-  Header_Background: [{ ref: "ColorNeutral.30" }, { ref: "ColorDarkNeutral.50" }],
+  Footer_Shadow: [{ value: "0 -2px 7px 0 rgba(31, 31, 34, 0.08)" }, { value: "0 -2px 7px 0 rgba(0, 0, 0, 0.35)" }],
+  // var(--triplex-next-ListMaster-Footer_Shadow)
+  Header_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.60" }],
   // var(--triplex-next-ListMaster-Header_Background)
-  Header_Color: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.100" }]
-  // var(--triplex-next-ListMaster-Header_Color)
+  Header_Shadow: [{ value: "0 2px 7px 0 rgba(31, 31, 34, 0.08)" }, { value: "0 2px 7px 0 rgba(0, 0, 0, 0.35)" }]
+  // var(--triplex-next-ListMaster-Header_Shadow)
 };
 export {
   o as ListMaster_Tokens,

package/components/DesignTokens/components/Tabs.js

@@ -7,12 +7,6 @@ const r = [
   "Type2_Tab_Background_Selected",
   "Type1_Tab_Background_Hover",
   "Type2_Tab_Background_Hover",
-  "Type1_Tab_Color_Default",
-  "Type2_Tab_Color_Default",
-  "Type1_Tab_Color_Selected",
-  "Type2_Tab_Color_Selected",
-  "Type1_Tab_Color_Hover",
-  "Type2_Tab_Color_Hover",
   "Tab_BorderColor_Default",
   "Tab_BorderColor_Focus"
 ], e = {
@@ -32,18 +26,6 @@ const r = [
   // var(--triplex-next-Tabs-Type1_Tab_Background_Hover)
   Type2_Tab_Background_Hover: [{ ref: "ColorNeutral.80" }, { ref: "ColorDarkNeutral.70" }],
   // var(--triplex-next-Tabs-Type2_Tab_Background_Hover)
-  Type1_Tab_Color_Default: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorNeutralAlpha.50" }],
-  // var(--triplex-next-Tabs-Type1_Tab_Color_Default)
-  Type2_Tab_Color_Default: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorNeutralAlpha.50" }],
-  // var(--triplex-next-Tabs-Type2_Tab_Color_Default)
-  Type1_Tab_Color_Selected: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
-  // var(--triplex-next-Tabs-Type1_Tab_Color_Selected)
-  Type2_Tab_Color_Selected: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
-  // var(--triplex-next-Tabs-Type2_Tab_Color_Selected)
-  Type1_Tab_Color_Hover: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
-  // var(--triplex-next-Tabs-Type1_Tab_Color_Hover)
-  Type2_Tab_Color_Hover: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
-  // var(--triplex-next-Tabs-Type2_Tab_Color_Hover)
   Tab_BorderColor_Default: [{ value: "transparent" }, { value: "transparent" }],
   // var(--triplex-next-Tabs-Tab_BorderColor_Default)
   Tab_BorderColor_Focus: [{ value: "#FFD169" }, { value: "#FFD169" }]

package/components/Divider/Divider.js

@@ -1,29 +1,29 @@
 import { jsx as n } from "react/jsx-runtime";
-import { c as g } from "../../chunks/vendor-CuCj7SgU.js";
-const z = "divider__85efa552", i = {
+import { c as g } from "../../chunks/vendor-BiObpx9E.js";
+const z = "divider__1d147a36", i = {
   divider: z,
-  "marginTopSize-4": "marginTopSize-4__2d177427",
-  "marginBottomSize-4": "marginBottomSize-4__5b76812d",
-  "marginTopSize-8": "marginTopSize-8__0761b7b6",
-  "marginBottomSize-8": "marginBottomSize-8__b6d7202c",
-  "marginTopSize-12": "marginTopSize-12__c9ac49c7",
-  "marginBottomSize-12": "marginBottomSize-12__5c5990a2",
-  "marginTopSize-16": "marginTopSize-16__7215017b",
-  "marginBottomSize-16": "marginBottomSize-16__4f1cd19e",
-  "marginTopSize-20": "marginTopSize-20__e734ed73",
-  "marginBottomSize-20": "marginBottomSize-20__85149d9b",
-  "marginTopSize-24": "marginTopSize-24__18e61e38",
-  "marginBottomSize-24": "marginBottomSize-24__4ee1ff9f",
-  "marginTopSize-28": "marginTopSize-28__ba56a457",
-  "marginBottomSize-28": "marginBottomSize-28__30787244",
-  "marginTopSize-32": "marginTopSize-32__b86c6db6",
-  "marginBottomSize-32": "marginBottomSize-32__17f92a14"
-}, S = (e) => {
-  const { className: a, marginTopSize: o, marginBottomSize: m, ...r } = e, t = g(
+  "marginTopSize-4": "marginTopSize-4__55cbcaf4",
+  "marginBottomSize-4": "marginBottomSize-4__404177ca",
+  "marginTopSize-8": "marginTopSize-8__49a699d7",
+  "marginBottomSize-8": "marginBottomSize-8__b361801f",
+  "marginTopSize-12": "marginTopSize-12__15985788",
+  "marginBottomSize-12": "marginBottomSize-12__3a93f15c",
+  "marginTopSize-16": "marginTopSize-16__7956bb35",
+  "marginBottomSize-16": "marginBottomSize-16__d9375769",
+  "marginTopSize-20": "marginTopSize-20__30ce0171",
+  "marginBottomSize-20": "marginBottomSize-20__00717197",
+  "marginTopSize-24": "marginTopSize-24__c7255138",
+  "marginBottomSize-24": "marginBottomSize-24__60b54b55",
+  "marginTopSize-28": "marginTopSize-28__a8fcfc72",
+  "marginBottomSize-28": "marginBottomSize-28__b07421d1",
+  "marginTopSize-32": "marginTopSize-32__455f254b",
+  "marginBottomSize-32": "marginBottomSize-32__4f66a919"
+}, S = (a) => {
+  const { className: e, marginTopSize: o, marginBottomSize: m, ...r } = a, t = g(
     i.divider,
     o && i[`marginTopSize-${o}`],
     m && i[`marginBottomSize-${m}`],
-    a
+    e
   );
   return /* @__PURE__ */ n("hr", { className: t, ...r });
 };

package/components/DocumentNumberEdit/DocumentNumberEdit.js

@@ -6,9 +6,9 @@ import { EFontType as h, ETextSize as N } from "../Typography/enums.js";
 import { getCaretPosition as F, setCaretPosition as R } from "../../utils/inputUtils.js";
 import { StringUtils as B } from "../../utils/stringUtils.js";
 import { isKey as O } from "../../utils/keyboard.js";
-import { c as U } from "../../chunks/vendor-CuCj7SgU.js";
+import { c as U } from "../../chunks/vendor-BiObpx9E.js";
 import { Link as Y } from "../Link/Link.js";
-const $ = "documentNumberEdit__b7d45ead", G = "label__0581a9c5", H = "inputEditWrapper__0f3b5e9c", c = {
+const $ = "documentNumberEdit__cba51430", G = "label__9a104384", H = "inputEditWrapper__66e29bfd", c = {
   documentNumberEdit: $,
   label: G,
   inputEditWrapper: H

package/components/Dropdown/desktop/DropdownDesktop.js

@@ -1,94 +1,91 @@
-import { jsx as U } from "react/jsx-runtime";
-import B, { useState as G, useRef as b, useCallback as s, useEffect as y } from "react";
-import { c as F } from "../../../chunks/vendor-CuCj7SgU.js";
-import { EDropdownAlignment as w, EDropdownDirection as E } from "../enums.js";
-import { EComponentSize as I } from "../../../enums/EComponentSize.js";
+import { jsx as x } from "react/jsx-runtime";
+import U, { useState as I, useRef as N, useCallback as d, useEffect as O } from "react";
+import { c as B } from "../../../chunks/vendor-BiObpx9E.js";
+import { EDropdownDirection as h, EDropdownAlignment as E, EDropdownWidth as u } from "./enums.js";
+import { EComponentSize as F } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as j } from "../../../utils/classNameMaps.js";
 import { useToken as K } from "../../ThemeProvider/useToken.js";
-import { isKey as i } from "../../../utils/keyboard.js";
-const V = "dropdownDesktop__8435201b", q = "sm__751961ee", J = "md__08f86fb4", Q = "lg__4927092d", X = "dropdownDesktopOverflowHidden__7ee203a6", O = {
+import { isKey as n } from "../../../utils/keyboard.js";
+const V = "dropdownDesktop__605ef578", q = "sm__8356540d", J = "md__b78aaf80", Q = "lg__181f4388", X = "dropdownDesktopOverflowHidden__cc65eefa", _ = {
   dropdownDesktop: V,
   sm: q,
   md: J,
   lg: Q,
   dropdownDesktopOverflowHidden: X
-}, Y = j(O), A = O.dropdownDesktopOverflowHidden, Z = B.forwardRef((C, m) => {
+}, Y = j(_), g = _.dropdownDesktopOverflowHidden, Z = U.forwardRef((H, p) => {
   const {
-    alignment: p = w.AUTO,
-    children: _,
-    fixedWidth: u,
-    className: N,
-    direction: a = E.AUTO,
-    opened: f,
-    setOpened: $,
+    children: L,
+    className: C,
     style: P,
-    targetRef: k,
-    size: W = I.MD,
-    ...R
-  } = C, { scopeClassName: S } = K(), [z, T] = G({ opacity: 0 }), d = b(null), h = b({ height: 0, width: 0 }), x = F(O.dropdownDesktop, Y[W], S, N), D = s(
+    size: R = F.MD,
+    direction: a = h.AUTO,
+    alignment: w = E.AUTO,
+    width: l = u.CONTENT,
+    opened: i,
+    targetRef: f,
+    setOpened: $,
+    ...W
+  } = H, { scopeClassName: z } = K(), [G, y] = I({ opacity: 0 }), r = N(null), k = N({ height: 0, width: 0 }), M = B(_.dropdownDesktop, Y[R], z, C), T = d(
     (e) => {
       var t;
-      (t = d.current) != null && t.contains(e.target) || e.preventDefault();
+      (t = r.current) != null && t.contains(e.target) || e.preventDefault();
     },
-    [d]
-  ), g = s((e) => {
+    [r]
+  ), v = d((e) => {
     if (e.target === document.body) {
       const t = e.code || e.keyCode;
-      (i(t, "SPACE") || i(t, "PAGE_UP") || i(t, "PAGE_DOWN") || i(t, "END") || i(t, "HOME") || i(t, "ARROW_LEFT") || i(t, "ARROW_UP") || i(t, "ARROW_RIGHT") || i(t, "ARROW_DOWN")) && e.preventDefault();
+      (n(t, "SPACE") || n(t, "PAGE_UP") || n(t, "PAGE_DOWN") || n(t, "END") || n(t, "HOME") || n(t, "ARROW_LEFT") || n(t, "ARROW_UP") || n(t, "ARROW_RIGHT") || n(t, "ARROW_DOWN")) && e.preventDefault();
     }
-  }, []), v = s(
+  }, []), D = d(
     /** Запрет скролла всей страницы. */
     (e) => {
-      e ? (document.addEventListener("wheel", D, { passive: !1 }), document.addEventListener("keydown", g)) : (document.removeEventListener("wheel", D), document.removeEventListener("keydown", g));
+      e ? (document.addEventListener("wheel", T, { passive: !1 }), document.addEventListener("keydown", v)) : (document.removeEventListener("wheel", T), document.removeEventListener("keydown", v));
     },
-    [D, g]
-  ), H = s(
+    [T, v]
+  ), A = d(
     (e, t, o) => {
-      const n = u ? o.width : Math.max(o.width, t.width);
-      p === w.AUTO ? o.right - n > 0 ? e.left = o.right - n : o.left + n < document.documentElement.clientWidth ? e.left = o.left : e.left = o.right - n : p === w.RIGHT ? e.left = o.right - n : p === w.LEFT && (e.left = o.left);
+      let s = t.width;
+      l === u.TARGET ? s = o.width : l === u.MIN_TARGET && (s = Math.max(o.width, t.width)), w === E.AUTO ? o.right - s > 0 ? e.left = o.right - s : o.left + s < document.documentElement.clientWidth ? e.left = o.left : e.left = o.right - s : w === E.RIGHT ? e.left = o.right - s : w === E.LEFT && (e.left = o.left);
     },
-    [p, u]
-  ), L = s(
+    [l, w]
+  ), b = d(
     (e, t, o) => {
-      a === E.AUTO ? o.bottom + 4 + t.height < document.documentElement.clientHeight ? e.top = o.bottom + 4 : o.top - 4 - t.height > 0 ? e.bottom = document.documentElement.clientHeight - o.top + 4 : e.top = o.bottom + 4 : a === E.BOTTOM ? e.top = o.bottom + 4 : a === E.TOP && (e.bottom = document.documentElement.clientHeight - o.top + 4);
+      a === h.AUTO ? o.bottom + 4 + t.height < document.documentElement.clientHeight ? e.top = o.bottom + 4 : o.top - 4 - t.height > 0 ? e.bottom = document.documentElement.clientHeight - o.top + 4 : e.top = o.bottom + 4 : a === h.BOTTOM ? e.top = o.bottom + 4 : a === h.TOP && (e.bottom = document.documentElement.clientHeight - o.top + 4);
     },
     [a]
-  ), r = s(() => {
-    const { current: e } = d, { current: t } = k;
-    if (e && t) {
-      const o = e.getBoundingClientRect(), n = t.getBoundingClientRect(), c = {};
-      u ? c.width = n.width : c.minWidth = n.width, L(c, o, n), H(c, o, n), h.current = { height: o.height, width: o.width }, T(c);
-    }
-  }, [k, u, L, H]);
-  y(() => {
-    f ? r() : (h.current = { height: 0, width: 0 }, T({ opacity: 0 }));
-  }, [f, r]), y(() => {
-    if (d.current) {
-      const { width: e, height: t } = d.current.getBoundingClientRect();
-      (e != h.current.width || t != h.current.height) && r();
-    }
-  }, [_, r]);
-  const l = s(() => {
-    setTimeout(r);
-  }, [r]);
-  y(() => {
-    if (f)
-      return document.addEventListener("scroll", l, !0), window.addEventListener("resize", l), v(!0), document.body.classList.add(A), l(), () => {
-        document.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l), v(!1), document.body.classList.remove(A);
+  ), c = d(() => {
+    if (r.current === null || f.current === null) return;
+    const e = r.current.getBoundingClientRect(), t = f.current.getBoundingClientRect(), o = {};
+    l === u.TARGET ? o.width = t.width : l === u.MIN_TARGET && (o.minWidth = t.width), b(o, e, t), A(o, e, t), k.current = { height: e.height, width: e.width }, y(o);
+  }, [f, l, b, A]);
+  O(() => {
+    i ? c() : (k.current = { height: 0, width: 0 }, y({ opacity: 0 }));
+  }, [i, c]), O(() => {
+    if (!i || r.current === null || f.current === null) return;
+    const e = new ResizeObserver(c);
+    return e.observe(r.current), e.observe(f.current), () => e.disconnect();
+  }, [i, f, c]);
+  const m = d(() => {
+    setTimeout(c);
+  }, [c]);
+  O(() => {
+    if (i)
+      return document.addEventListener("scroll", m, !0), window.addEventListener("resize", m), D(!0), document.body.classList.add(g), m(), () => {
+        document.removeEventListener("scroll", m, !0), window.removeEventListener("resize", m), D(!1), document.body.classList.remove(g);
       };
-  }, [f, l, v]);
-  const M = (e) => {
-    d.current = e, typeof m == "function" ? m(e) : m && (m.current = e);
+  }, [i, m, D]);
+  const S = (e) => {
+    r.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
   };
-  return f ? /* @__PURE__ */ U(
+  return i ? /* @__PURE__ */ x(
     "div",
     {
-      className: x,
-      style: { ...z, ...P },
-      ...R,
-      "data-tx": "1.21.0",
-      ref: M,
-      children: _
+      className: M,
+      style: { ...G, ...P },
+      ...W,
+      "data-tx": "1.23.0",
+      ref: S,
+      children: L
     }
   ) : null;
 });

package/components/Dropdown/desktop/DropdownList.js

@@ -1,7 +1,7 @@
 import { jsxs as _, jsx as h } from "react/jsx-runtime";
 import l, { useContext as y, useRef as B, useState as b, useEffect as f } from "react";
-import { c as z } from "../../../chunks/vendor-CuCj7SgU.js";
-import { s as D, D as x } from "../../../chunks/DropdownListItem-gGRZUigY.js";
+import { c as z } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as D, D as x } from "../../../chunks/DropdownListItem-BOB8eQXM.js";
 import { EVENT_KEY_CODES as w } from "../../../utils/keyboard.js";
 import { DropdownListContext as V } from "../DropdownListContext.js";
 import { LoaderSmall as W } from "../../Loader/LoaderSmall/LoaderSmall.js";

package/components/Dropdown/desktop/DropdownListItem.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor-CuCj7SgU.js";
+import "../../../chunks/vendor-BiObpx9E.js";
 import "../../../enums/EComponentSize.js";
 import "../../../utils/keyboard.js";
 import "../../Badge/Badge.js";
-import { D } from "../../../chunks/DropdownListItem-gGRZUigY.js";
+import { D } from "../../../chunks/DropdownListItem-BOB8eQXM.js";
 export {
   D as DropdownListItem
 };

package/components/Dropdown/desktop/enums.js

@@ -0,0 +1,7 @@
+var t = /* @__PURE__ */ ((T) => (T.AUTO = "auto", T.BOTTOM = "bottom", T.TOP = "top", T))(t || {}), a = /* @__PURE__ */ ((T) => (T.AUTO = "auto", T.LEFT = "left", T.RIGHT = "right", T))(a || {}), O = /* @__PURE__ */ ((T) => (T.CONTENT = "content", T.TARGET = "target", T.MIN_TARGET = "min-target", T))(O || {});
+export {
+  a as EDropdownAlignment,
+  t as EDropdownDirection,
+  O as EDropdownWidth
+};
+//# sourceMappingURL=enums.js.map

package/components/Dropdown/desktop/index.js

@@ -1,9 +1,13 @@
 import { DropdownDesktop as p } from "./DropdownDesktop.js";
-import { DropdownList as e } from "./DropdownList.js";
-import { D as m } from "../../../chunks/DropdownListItem-gGRZUigY.js";
+import { DropdownList as n } from "./DropdownList.js";
+import { D as e } from "../../../chunks/DropdownListItem-BOB8eQXM.js";
+import { EDropdownAlignment as i, EDropdownDirection as m, EDropdownWidth as w } from "./enums.js";
 export {
   p as DropdownDesktop,
-  e as DropdownList,
-  m as DropdownListItem
+  n as DropdownList,
+  e as DropdownListItem,
+  i as EDropdownAlignment,
+  m as EDropdownDirection,
+  w as EDropdownWidth
 };
 //# sourceMappingURL=index.js.map

package/components/Dropdown/index.js

@@ -1,38 +1,37 @@
-import { EDropdownAlignment as e, EDropdownDirection as p, EDropdownListSize as t, EDropdownSize as n } from "./enums.js";
-import { DropdownListContext as D } from "./DropdownListContext.js";
-import { DropdownDesktop as m } from "./desktop/DropdownDesktop.js";
-import { DropdownList as x } from "./desktop/DropdownList.js";
-import { D as l } from "../../chunks/DropdownListItem-gGRZUigY.js";
-import { DropdownMobile as M } from "./mobile/DropdownMobile.js";
-import { DropdownMobileBody as L } from "./mobile/DropdownMobileBody.js";
+import { DropdownListContext as e } from "./DropdownListContext.js";
+import { DropdownDesktop as t } from "./desktop/DropdownDesktop.js";
+import { DropdownList as d } from "./desktop/DropdownList.js";
+import { D as i } from "../../chunks/DropdownListItem-BOB8eQXM.js";
+import { EDropdownAlignment as w, EDropdownDirection as x, EDropdownWidth as f } from "./desktop/enums.js";
+import { DropdownMobile as b } from "./mobile/DropdownMobile.js";
+import { DropdownMobileBody as s } from "./mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as I } from "./mobile/DropdownMobileClose.js";
-import { DropdownMobileFooter as z } from "./mobile/DropdownMobileFooter.js";
-import { DropdownMobileHeader as S } from "./mobile/DropdownMobileHeader.js";
-import { DropdownMobileInner as g } from "./mobile/DropdownMobileInner.js";
+import { DropdownMobileFooter as E } from "./mobile/DropdownMobileFooter.js";
+import { DropdownMobileHeader as c } from "./mobile/DropdownMobileHeader.js";
+import { DropdownMobileInner as h } from "./mobile/DropdownMobileInner.js";
 import { DropdownMobileInput as u } from "./mobile/DropdownMobileInput.js";
 import { DropdownMobileList as A } from "./mobile/DropdownMobileList.js";
 import { DropdownMobileListItem as F } from "./mobile/DropdownMobileListItem.js";
-import { DropdownMobileLoader as h } from "./mobile/DropdownMobileLoader.js";
+import { DropdownMobileLoader as W } from "./mobile/DropdownMobileLoader.js";
 import { Dropdown as q } from "./Dropdown.js";
 export {
   q as Dropdown,
-  m as DropdownDesktop,
-  x as DropdownList,
-  D as DropdownListContext,
-  l as DropdownListItem,
-  M as DropdownMobile,
-  L as DropdownMobileBody,
+  t as DropdownDesktop,
+  d as DropdownList,
+  e as DropdownListContext,
+  i as DropdownListItem,
+  b as DropdownMobile,
+  s as DropdownMobileBody,
   I as DropdownMobileClose,
-  z as DropdownMobileFooter,
-  S as DropdownMobileHeader,
-  g as DropdownMobileInner,
+  E as DropdownMobileFooter,
+  c as DropdownMobileHeader,
+  h as DropdownMobileInner,
   u as DropdownMobileInput,
   A as DropdownMobileList,
   F as DropdownMobileListItem,
-  h as DropdownMobileLoader,
-  e as EDropdownAlignment,
-  p as EDropdownDirection,
-  t as EDropdownListSize,
-  n as EDropdownSize
+  W as DropdownMobileLoader,
+  w as EDropdownAlignment,
+  x as EDropdownDirection,
+  f as EDropdownWidth
 };
 //# sourceMappingURL=index.js.map

package/components/Dropdown/mobile/DropdownMobile.js

@@ -2,7 +2,7 @@ import { jsx as e } from "react/jsx-runtime";
 import a, { useEffect as m } from "react";
 import { OverlayBase as n, EOverlayDirection as c } from "../../Overlay/OverlayBase.js";
 import { DropdownMobileInner as f } from "./DropdownMobileInner.js";
-import { s as p } from "../../../chunks/DropdownMobile.module-D1Tda3VC.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-B8t5FlvW.js";
 const r = p.dropdownMobileBodyOverflow, y = a.forwardRef(
   ({ children: t, opened: o, setOpened: s, ...d }, i) => (m(() => (o ? document.body.classList.add(r) : document.body.classList.remove(r), () => document.body.classList.remove(r)), [o]), /* @__PURE__ */ e(n, { setOpened: s, opened: o, direction: c.BOTTOM, children: (l) => /* @__PURE__ */ e(
     f,
@@ -10,7 +10,7 @@ const r = p.dropdownMobileBodyOverflow, y = a.forwardRef(
       ...l,
       ...d,
       ref: i,
-      "data-tx": "1.21.0",
+      "data-tx": "1.23.0",
       children: t
     }
   ) }))

package/components/Dropdown/mobile/DropdownMobileBody.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import d from "react";
-import { c as m } from "../../../chunks/vendor-CuCj7SgU.js";
-import { s as a } from "../../../chunks/DropdownMobile.module-D1Tda3VC.js";
+import { c as m } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as a } from "../../../chunks/DropdownMobile.module-B8t5FlvW.js";
 const i = d.forwardRef(
   ({ children: o, className: r, ...e }, s) => /* @__PURE__ */ t("div", { className: m(a.dropdownMobileContent, r), ref: s, ...e, children: o })
 );

package/components/Dropdown/mobile/DropdownMobileClose.js

@@ -2,8 +2,8 @@ import { jsx as o } from "react/jsx-runtime";
 import t from "react";
 import { ButtonIcon as m } from "../../Button/ButtonIcon.js";
 import { CrossStrokeSrvIcon16 as l } from "@sberbusiness/icons-next";
-import { c as p } from "../../../chunks/vendor-CuCj7SgU.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-D1Tda3VC.js";
+import { c as p } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-B8t5FlvW.js";
 const a = t.forwardRef(
   ({ className: r, ...e }, s) => /* @__PURE__ */ o(m, { className: p(i.dropdownMobileClose, r), ref: s, ...e, children: /* @__PURE__ */ o(l, { paletteIndex: 5 }) })
 );

package/components/Dropdown/mobile/DropdownMobileFooter.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import m from "react";
-import { c as a } from "../../../chunks/vendor-CuCj7SgU.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-D1Tda3VC.js";
+import { c as a } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-B8t5FlvW.js";
 const p = m.forwardRef(
   ({ children: o, className: r, ...e }, t) => /* @__PURE__ */ s("div", { className: a(i.dropdownMobileFooter, r), ref: t, ...e, children: o })
 );

package/components/Dropdown/mobile/DropdownMobileHeader.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import t from "react";
-import { c as m } from "../../../chunks/vendor-CuCj7SgU.js";
-import { s as o } from "../../../chunks/DropdownMobile.module-D1Tda3VC.js";
+import { c as m } from "../../../chunks/vendor-BiObpx9E.js";
+import { s as o } from "../../../chunks/DropdownMobile.module-B8t5FlvW.js";
 const n = t.forwardRef(
   ({ children: r, className: d, controlButtons: s, ...a }, i) => /* @__PURE__ */ l("div", { className: m(o.dropdownMobileHeader, d), ref: i, ...a, children: [
     /* @__PURE__ */ e("div", { className: o.dropdownMobileHeaderContent, children: r }),

package/components/Dropdown/mobile/DropdownMobileInner.js

@@ -1,8 +1,8 @@
 import { jsxs as j, jsx as c } from "react/jsx-runtime";
 import y, { useState as l, useEffect as d } from "react";
-import { c as n } from "../../../chunks/vendor-CuCj7SgU.js";
+import { c as n } from "../../../chunks/vendor-BiObpx9E.js";
 import { useToken as B } from "../../ThemeProvider/useToken.js";
-import { s as e } from "../../../chunks/DropdownMobile.module-D1Tda3VC.js";
+import { s as e } from "../../../chunks/DropdownMobile.module-B8t5FlvW.js";
 const C = y.forwardRef(
   ({
     children: f,

package/components/Dropdown/mobile/DropdownMobileInput.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import r from "react";
-import { c as d } from "../../../chunks/vendor-CuCj7SgU.js";
-const e = "dropdownMobileInput__913a8285", i = {
+import { c as d } from "../../../chunks/vendor-BiObpx9E.js";
+const e = "dropdownMobileInput__15f96c9d", i = {
   dropdownMobileInput: e
 }, l = r.forwardRef(
   ({ className: o, ...p }, t) => /* @__PURE__ */ n("input", { className: d(i.dropdownMobileInput, o), ...p, ref: t })

package/components/Dropdown/mobile/DropdownMobileList.js

@@ -1,12 +1,12 @@
 import { jsxs as l, jsx as o } from "react/jsx-runtime";
 import p, { useState as n } from "react";
-import { u as f, c } from "../../../chunks/vendor-CuCj7SgU.js";
+import { u as f, c } from "../../../chunks/vendor-BiObpx9E.js";
 import { LoaderSmall as L } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as b } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize as u } from "../../../enums/EComponentSize.js";
 import { DropdownMobileListItem as w } from "./DropdownMobileListItem.js";
-import { s as r } from "../../../chunks/DropdownMobile.module-D1Tda3VC.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-B8t5FlvW.js";
 const M = p.forwardRef(
   ({ children: e, className: t, loading: i, ...m }, s) => {
     const [d] = n(() => f()), a = () => /* @__PURE__ */ o(w, { id: d, className: r.dropdownMobileListLoader, children: /* @__PURE__ */ o(L, { theme: b.BRAND, size: u.MD }) });

package/components/Dropdown/mobile/DropdownMobileListItem.js

@@ -1,11 +1,11 @@
 import { jsxs as l, jsx as n } from "react/jsx-runtime";
 import x from "react";
-import { c as w } from "../../../chunks/vendor-CuCj7SgU.js";
+import { c as w } from "../../../chunks/vendor-BiObpx9E.js";
 import { Text as z } from "../../Typography/Text.js";
 import { ETextSize as B } from "../../Typography/enums.js";
 import { Badge as D } from "../../Badge/Badge.js";
 import { EComponentSize as I } from "../../../enums/EComponentSize.js";
-import { s as r } from "../../../chunks/DropdownMobile.module-D1Tda3VC.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-B8t5FlvW.js";
 const M = x.forwardRef(
   ({ children: o, className: m, id: b, onClick: t, onSelect: i, selected: e, showNotificationIcon: s, ...a }, p) => {
     const f = (d) => {

package/components/Dropdown/mobile/DropdownMobileLoader.js

@@ -1,10 +1,10 @@
 import { jsx as m } from "react/jsx-runtime";
-import { c as e } from "../../../chunks/vendor-CuCj7SgU.js";
+import { c as e } from "../../../chunks/vendor-BiObpx9E.js";
 import { LoaderSmall as t } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as i } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize as p } from "../../../enums/EComponentSize.js";
-import { s } from "../../../chunks/DropdownMobile.module-D1Tda3VC.js";
+import { s } from "../../../chunks/DropdownMobile.module-B8t5FlvW.js";
 const S = ({ className: o, ...r }) => /* @__PURE__ */ m(
   t,
   {

package/components/Dropdown/mobile/DropdownMobileMaskedInput.js

@@ -1,9 +1,9 @@
 import { jsx as d } from "react/jsx-runtime";
-import { c as p } from "../../../chunks/vendor-CuCj7SgU.js";
+import { c as p } from "../../../chunks/vendor-BiObpx9E.js";
 import { FormFieldMaskedInput as o } from "../../FormField/components/FormFieldMaskedInput.js";
-const t = "dropdownMobileMaskedInput__62eda58e", r = {
+const t = "dropdownMobileMaskedInput__3155d643", r = {
   dropdownMobileMaskedInput: t
-}, n = ({ className: e, ...s }) => /* @__PURE__ */ d(o, { className: p(r.dropdownMobileMaskedInput, e), ...s });
+}, n = ({ className: s, ...e }) => /* @__PURE__ */ d(o, { className: p(r.dropdownMobileMaskedInput, s), ...e });
 n.presets = o.presets;
 export {
   n as DropdownMobileMaskedInput

package/components/Ellipsis/Ellipsis.js

@@ -1,27 +1,27 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as p } from "react/jsx-runtime";
 import t from "react";
-import { c as m } from "../../chunks/vendor-CuCj7SgU.js";
-const c = "ellipsisLineClamp__b623510c", r = "oneLine__7f0945e5", e = {
+import { c as m } from "../../chunks/vendor-BiObpx9E.js";
+const c = "ellipsisLineClamp__bea3d737", r = "oneLine__9ded019c", e = {
   ellipsisLineClamp: c,
   oneLine: r
-}, f = t.forwardRef(
-  ({ children: i, maxLines: s, className: l, ...n }, o) => {
-    const p = m(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
-    return /* @__PURE__ */ a(
+}, d = t.forwardRef(
+  ({ children: i, maxLines: s, className: l, ...n }, a) => {
+    const o = m(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
+    return /* @__PURE__ */ p(
       "div",
       {
-        className: p,
+        className: o,
         style: { "--ellipsis-line-clamp": s },
         ...n,
-        "data-tx": "1.21.0",
-        ref: o,
+        "data-tx": "1.23.0",
+        ref: a,
         children: i
       }
     );
   }
 );
-f.displayName = "Ellipsis";
+d.displayName = "Ellipsis";
 export {
-  f as Ellipsis
+  d as Ellipsis
 };
 //# sourceMappingURL=Ellipsis.js.map