@sberbusiness/triplex-next 0.25.0 → 0.27.0

package/components/DateField/DateFieldTarget.js

@@ -1,57 +1,58 @@
-import { jsx as e, jsxs as y } from "react/jsx-runtime";
-import K, { useContext as f } from "react";
-import { CalendarStrokeSrvIcon20 as u, CalendarStrokeSrvIcon16 as R } from "@sberbusiness/icons-next";
-import { MaskedField as T } from "../TextField/MaskedField.js";
+import { jsx as e, jsxs as w, Fragment as P } from "react/jsx-runtime";
+import { useContext as u } from "react";
+import { CalendarStrokeSrvIcon24 as y, CalendarStrokeSrvIcon20 as K, CalendarStrokeSrvIcon16 as T } from "@sberbusiness/icons-next";
 import { DatePickerExtendedContext as j } from "../DatePickerExtended/DatePickerExtendedContext.js";
-import { DateFieldContext as A } from "./DateFieldContext.js";
-import { EFormFieldStatus as L } from "../FormField/enums.js";
-import { FormFieldClear as O } from "../FormField/components/FormFieldClear.js";
-import { EComponentSize as r } from "../../enums/EComponentSize.js";
-import { ButtonIcon as b } from "../Button/ButtonIcon.js";
+import { DateFieldContext as v } from "./DateFieldContext.js";
+import { MaskedField as A } from "../TextField/MaskedField.js";
+import { FormFieldClear as L } from "../FormField/components/FormFieldClear.js";
+import { ButtonIcon as O } from "../Button/ButtonIcon.js";
 import { isKey as C } from "../../utils/keyboard.js";
-const v = {
-  [r.SM]: /* @__PURE__ */ e(R, { paletteIndex: 5 }),
-  [r.MD]: /* @__PURE__ */ e(u, { paletteIndex: 5 }),
-  [r.LG]: /* @__PURE__ */ e(u, { paletteIndex: 5 })
+import { EComponentSize as r } from "../../enums/EComponentSize.js";
+import { EFormFieldStatus as R } from "../FormField/enums.js";
+const b = {
+  [r.SM]: /* @__PURE__ */ e(T, { paletteIndex: 5 }),
+  [r.MD]: /* @__PURE__ */ e(K, { paletteIndex: 5 }),
+  [r.LG]: /* @__PURE__ */ e(y, { paletteIndex: 5 })
 }, Y = ({
-  size: l = r.MD,
+  size: a = r.MD,
   postfix: x,
   maskedInputProps: F,
-  ...d
+  onClear: l,
+  ...m
 }) => {
-  const { dropdownOpen: t, setDropdownOpen: n } = f(j), { inputFocusedRef: m, onChange: k, triggerChangeFromInput: D } = f(A), { status: I } = d, {
+  const { dropdownOpen: t, setDropdownOpen: n } = u(j), { inputFocusedRef: p, triggerChangeFromInput: I } = u(v), { status: k } = m, {
     onFocus: i,
     onBlur: c,
-    onKeyDown: a,
-    onClick: s,
-    ...h
-  } = F, p = I === L.DISABLED, S = (o) => {
-    m.current = !0, i == null || i(o);
+    onKeyDown: s,
+    onClick: d,
+    ...D
+  } = F, f = k === R.DISABLED, S = (o) => {
+    p.current = !0, i == null || i(o);
+  }, h = (o) => {
+    p.current = !1, t || I(), c == null || c(o);
   }, E = (o) => {
-    m.current = !1, t || D(), c == null || c(o);
+    t || n(!0), d == null || d(o);
   }, g = (o) => {
-    t || n(!0), s == null || s(o);
-  }, B = (o) => {
-    C(o.code, "ENTER") ? n(!t) : C(o.code, "SPACE") && (o.preventDefault(), n(!t)), a == null || a(o);
-  }, M = () => n(!t), w = () => k(""), P = () => /* @__PURE__ */ y(K.Fragment, { children: [
-    /* @__PURE__ */ e(O, { onClick: w }),
-    /* @__PURE__ */ e(b, { active: t, disabled: p, onClick: M, children: v[l] }),
+    C(o.code, "ENTER") ? n(!t) : C(o.code, "SPACE") && (o.preventDefault(), n(!t)), s == null || s(o);
+  }, B = () => n(!t), M = () => /* @__PURE__ */ w(P, { children: [
+    l && /* @__PURE__ */ e(L, { onClick: l }),
+    /* @__PURE__ */ e(O, { active: t, disabled: f, onClick: B, children: b[a] }),
     x
   ] });
   return /* @__PURE__ */ e(
-    T,
+    A,
     {
-      size: l,
+      size: a,
       maskedInputProps: {
-        disabled: p,
+        disabled: f,
         onFocus: S,
-        onBlur: E,
-        onClick: g,
-        onKeyDown: B,
-        ...h
+        onBlur: h,
+        onClick: E,
+        onKeyDown: g,
+        ...D
       },
-      postfix: P(),
-      ...d
+      postfix: M(),
+      ...m
     }
   );
 };

package/components/DatePickerExtended/DatePickerExtended.js

@@ -5,7 +5,7 @@ import { Calendar as X } from "../Calendar/Calendar.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-wT8cLRdZ.js";
+import "../../chunks/DropdownListItem-BflrX8i-.js";
 import { EDropdownAlignment as Y } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import "../Dropdown/mobile/DropdownMobileBody.js";
@@ -103,7 +103,7 @@ const ee = I.forwardRef((l, r) => {
       onKeyDown: F,
       onMouseDown: N,
       ...V,
-      "data-tx": "0.25.0",
+      "data-tx": "0.27.0",
       ref: (e) => {
         a.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
       },

package/components/DatePickerExtended/DatePickerExtendedDropdown.js

@@ -1,10 +1,10 @@
 import { jsx as e, jsxs as s, Fragment as m } from "react/jsx-runtime";
-import u, { useContext as f } from "react";
+import f, { useContext as u } from "react";
 import { F as D } from "../../chunks/vendor---Om3uMV.js";
-import { Dropdown as w } from "../Dropdown/Dropdown.js";
-import { DatePickerExtendedContext as x } from "./DatePickerExtendedContext.js";
+import { Dropdown as b } from "../Dropdown/Dropdown.js";
+import { DatePickerExtendedContext as w } from "./DatePickerExtendedContext.js";
 import "../Dropdown/mobile/DropdownMobile.js";
-import { DropdownMobileBody as b } from "../Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileBody as x } from "../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as k } from "../Dropdown/mobile/DropdownMobileClose.js";
 import "../Dropdown/mobile/DropdownMobileFooter.js";
 import { DropdownMobileHeader as M } from "../Dropdown/mobile/DropdownMobileHeader.js";
@@ -14,25 +14,25 @@ import "../Dropdown/mobile/DropdownMobileList.js";
 import "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
-const h = "datePickerExtendedMobileDropdown__0eae7903", C = {
+const h = "datePickerExtendedMobileDropdown__e9fb5c3b", C = {
   datePickerExtendedMobileDropdown: h
-}, E = u.forwardRef(
+}, E = f.forwardRef(
   (i, d) => {
-    const { children: P, targetRef: r, setOpened: a, renderHeaderTarget: c, renderCalendar: t, focusTrapProps: o, ...p } = i, { mouseUsedRef: n, setDropdownOpen: l } = f(x);
+    const { children: P, targetRef: r, setOpened: c, renderHeaderTarget: a, renderCalendar: t, focusTrapProps: o, ...p } = i, { mouseUsedRef: n, setDropdownOpen: l } = u(w);
     return /* @__PURE__ */ e(
-      w,
+      b,
       {
         role: "dialog",
         "aria-modal": "true",
         targetRef: r,
         mobileViewProps: {
           children: /* @__PURE__ */ s(m, { children: [
-            /* @__PURE__ */ e(M, { controlButtons: /* @__PURE__ */ e(k, { onClick: () => l(!1) }), children: c() }),
-            /* @__PURE__ */ e(b, { children: t(!0) })
+            /* @__PURE__ */ e(M, { controlButtons: /* @__PURE__ */ e(k, { onClick: () => l(!1) }), children: a() }),
+            /* @__PURE__ */ e(x, { children: t(!0) })
           ] }),
           className: C.datePickerExtendedMobileDropdown
         },
-        setOpened: a,
+        setOpened: c,
         ...p,
         ref: d,
         children: /* @__PURE__ */ e(

package/components/DateRange/DateRange.js

@@ -1,28 +1,28 @@
 import { jsxs as v, jsx as l } from "react/jsx-runtime";
 import c from "moment";
-import { CaretleftStrokeSrvIcon20 as D, MinusStrokeSrvIcon20 as M, CaretrightStrokeSrvIcon20 as Y } from "@sberbusiness/icons-next";
+import { CaretleftStrokeSrvIcon20 as D, RangeStrokeSrvIcon16 as Y, CaretrightStrokeSrvIcon20 as C } from "@sberbusiness/icons-next";
 import { dateFormatYYYYMMDD as r } from "../../consts/DateConst.js";
-import { EDateRangeShiftUnit as C } from "./enums.js";
+import { EDateRangeShiftUnit as E } from "./enums.js";
 import { c as i } from "../../chunks/vendor---Om3uMV.js";
-const E = "dateRange__a76570a9", F = "dateRangeButton__a60206cc", h = "separator__ed8ff65d", d = {
-  dateRange: E,
-  dateRangeButton: F,
+const F = "dateRange__f7925585", M = "dateRangeButton__0d185c9b", h = "separator__2229faf9", d = {
+  dateRange: F,
+  dateRangeButton: M,
   separator: h
 }, j = ({
   children: y,
-  className: f,
+  className: p,
   value: R,
   onChange: o,
   shiftAmount: n = 1,
-  shiftUnit: s = C.MONTH,
-  hideNavigation: p,
+  shiftUnit: s = E.MONTH,
+  hideNavigation: f,
   renderPickerFrom: g,
   renderPickerTo: u,
   renderButtonForward: S,
   renderButtonBack: k,
-  ...x
+  ...b
 }) => {
-  const [t, a] = R, b = i(d.dateRange, f), B = (e) => {
+  const [t, a] = R, x = i(d.dateRange, p), B = (e) => {
     !e || !a || e <= a ? o([e, a]) : o([e, ""]);
   }, I = (e) => {
     !e || !t || e >= t ? o([t, e]) : o(["", e]);
@@ -43,8 +43,8 @@ const E = "dateRange__a76570a9", F = "dateRangeButton__a60206cc", h = "separator
       m.add(n, s).format(r)
     ]);
   };
-  return /* @__PURE__ */ v("div", { className: b, ...x, children: [
-    !p && k({
+  return /* @__PURE__ */ v("div", { className: x, ...b, children: [
+    !f && k({
       children: /* @__PURE__ */ l(D, { paletteIndex: 5 }),
       className: i(d.dateRangeButton, { disabled: !(t && a) }),
       disabled: !(t && a),
@@ -54,13 +54,13 @@ const E = "dateRange__a76570a9", F = "dateRangeButton__a60206cc", h = "separator
       onChange: B,
       value: t
     }),
-    /* @__PURE__ */ l(M, { className: d.separator, paletteIndex: 5 }),
+    /* @__PURE__ */ l(Y, { className: d.separator, paletteIndex: 5 }),
     u({
       onChange: I,
       value: a
     }),
-    !p && S({
-      children: /* @__PURE__ */ l(Y, { paletteIndex: 5 }),
+    !f && S({
+      children: /* @__PURE__ */ l(C, { paletteIndex: 5 }),
       className: i(d.dateRangeButton, { disabled: !(t && a) }),
       disabled: !(t && a),
       onClick: _

package/components/DesignTokens/DesignTokenUtils.js

@@ -7,7 +7,7 @@ import { k as l } from "../../chunks/vendor---Om3uMV.js";
 const n = {
   getCSSVariableByTokenGroup: (t, s) => {
     const e = Object.keys(t)[0], r = "triplex-next";
-    let o = "0.25.0";
+    let o = "0.27.0";
     return o = o.replace(/\./g, "-"), Object.keys(t[e]).map(
       (T) => `--${r}-${e}-${T}-${o}: ${n.getTokenValue(
         t[e][T],

package/components/DesignTokens/components/Stepper.js

@@ -13,11 +13,8 @@ const r = [
   "Step_Color_Default",
   "Step_Color_Hover",
   "Step_Color_Disabled",
-  "Background",
-  "ButtonNext_Background",
-  "ButtonPrev_Background",
-  "Wrapper_Background",
-  "Wrapper_BoxShadow"
+  "ButtonWrapper_Background_Prev",
+  "ButtonWrapper_Background_Next"
 ], o = {
   Step_Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-Stepper-Step_Background_Default)
@@ -47,22 +44,16 @@ const r = [
   // var(--triplex-next-Stepper-Step_Color_Hover)
   Step_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }],
   // var(--triplex-next-Stepper-Step_Color_Disabled)
-  ButtonNext_Background: [
-    { value: "linear-gradient(to left, #FFFFFF 39.06%, transparent)" },
-    { value: "linear-gradient(to left, #181819 39.06%, transparent)" }
+  ButtonWrapper_Background_Prev: [
+    { value: "linear-gradient(to right, rgba(255,255,255,1) 39.06%, rgba(255,255,255,0) 100%)" },
+    { value: "linear-gradient(to right, rgba(38,38,41,1) 39.06%, rgba(38,38,41,0) 100%)" }
   ],
-  // var(--triplex-next-Stepper-ButtonNext_Background)
-  ButtonPrev_Background: [
-    { value: "linear-gradient(to right, #FFFFFF 39.06%, transparent)" },
-    { value: "linear-gradient(to right, #181819 39.06%, transparent)" }
-  ],
-  // var(--triplex-next-Stepper-ButtonPrev_Background)
-  Background: [{ value: "#FFFFFF" }, { value: "#181819" }],
-  // var(--triplex-next-Stepper-Background)
-  Wrapper_Background: [{ value: "linear-gradient(#FFFFFF 64px, transparent 0)" }, { ref: "ColorNeutral.50" }],
-  // var(--triplex-next-Stepper-Wrapper_Background)
-  Wrapper_BoxShadow: [{ value: "0 10px 15px 0 rgba(228, 232, 235, 0.5)" }, { value: "none" }]
-  // var(--triplex-next-Stepper-Wrapper_BoxShadow)
+  // var(--triplex-next-Stepper-ButtonWrapper_Background_Prev)
+  ButtonWrapper_Background_Next: [
+    { value: "linear-gradient(to left, rgba(255,255,255,1) 39.06%, rgba(255,255,255,0) 100%)" },
+    { value: "linear-gradient(to left, rgba(38,38,41,1) 39.06%, rgba(38,38,41,0) 100%)" }
+  ]
+  // var(--triplex-next-Stepper-ButtonWrapper_Background_Next)
 };
 export {
   o as Stepper_Tokens,

package/components/Divider/Divider.js

@@ -1,31 +1,31 @@
 import { jsx as n } from "react/jsx-runtime";
 import { c as g } from "../../chunks/vendor---Om3uMV.js";
-const z = "divider__e41fcfca", i = {
+const z = "divider__5fb4367b", i = {
   divider: z,
-  "marginTopSize-4": "marginTopSize-4__ced213fb",
-  "marginBottomSize-4": "marginBottomSize-4__dad177ec",
-  "marginTopSize-8": "marginTopSize-8__b04f2a9d",
-  "marginBottomSize-8": "marginBottomSize-8__d1391bd0",
-  "marginTopSize-12": "marginTopSize-12__9bf122c6",
-  "marginBottomSize-12": "marginBottomSize-12__dd14b711",
-  "marginTopSize-16": "marginTopSize-16__d25dbc7f",
-  "marginBottomSize-16": "marginBottomSize-16__649792ba",
-  "marginTopSize-20": "marginTopSize-20__366d87fc",
-  "marginBottomSize-20": "marginBottomSize-20__6e7a22ee",
-  "marginTopSize-24": "marginTopSize-24__ee1e7c13",
-  "marginBottomSize-24": "marginBottomSize-24__3114009b",
-  "marginTopSize-28": "marginTopSize-28__421151bd",
-  "marginBottomSize-28": "marginBottomSize-28__d12e7a5e",
-  "marginTopSize-32": "marginTopSize-32__9593ffba",
-  "marginBottomSize-32": "marginBottomSize-32__c4606121"
+  "marginTopSize-4": "marginTopSize-4__bd9cf45c",
+  "marginBottomSize-4": "marginBottomSize-4__51617bc4",
+  "marginTopSize-8": "marginTopSize-8__d4e47771",
+  "marginBottomSize-8": "marginBottomSize-8__19417004",
+  "marginTopSize-12": "marginTopSize-12__7bf28003",
+  "marginBottomSize-12": "marginBottomSize-12__c902b19d",
+  "marginTopSize-16": "marginTopSize-16__4d2a7b3b",
+  "marginBottomSize-16": "marginBottomSize-16__1e3691c9",
+  "marginTopSize-20": "marginTopSize-20__5e92d73f",
+  "marginBottomSize-20": "marginBottomSize-20__e4e5aca0",
+  "marginTopSize-24": "marginTopSize-24__7f72b840",
+  "marginBottomSize-24": "marginBottomSize-24__f08bf4be",
+  "marginTopSize-28": "marginTopSize-28__7a81d4ec",
+  "marginBottomSize-28": "marginBottomSize-28__fc2391f2",
+  "marginTopSize-32": "marginTopSize-32__b3c163fd",
+  "marginBottomSize-32": "marginBottomSize-32__ade24e98"
 }, S = (e) => {
-  const { className: a, marginTopSize: o, marginBottomSize: m, ...r } = e, t = g(
+  const { className: r, marginTopSize: o, marginBottomSize: m, ...a } = e, t = g(
     i.divider,
     o && i[`marginTopSize-${o}`],
     m && i[`marginBottomSize-${m}`],
-    a
+    r
   );
-  return /* @__PURE__ */ n("hr", { className: t, ...r });
+  return /* @__PURE__ */ n("hr", { className: t, ...a });
 };
 S.displayName = "Divider";
 export {

package/components/DocumentNumberEdit/DocumentNumberEdit.js

@@ -8,7 +8,7 @@ import { StringUtils as B } from "../../utils/stringUtils.js";
 import { isKey as O } from "../../utils/keyboard.js";
 import { c as U } from "../../chunks/vendor---Om3uMV.js";
 import { Link as Y } from "../Link/Link.js";
-const $ = "documentNumberEdit__b57806ee", G = "label__3dc9f02e", H = "inputEditWrapper__75efa226", c = {
+const $ = "documentNumberEdit__8bb4f95e", G = "label__6b18b978", H = "inputEditWrapper__7de4db3d", n = {
   documentNumberEdit: $,
   label: G,
   inputEditWrapper: H
@@ -18,14 +18,14 @@ const $ = "documentNumberEdit__b57806ee", G = "label__3dc9f02e", H = "inputEditW
   buttonLabel: b,
   emptyNumberButtonLabel: _,
   emptyNumberLabel: u,
-  numberLabel: n,
+  numberLabel: c,
   maxLength: f = V,
   onBlur: l,
-  onChange: a,
-  onKeyDown: d,
+  onChange: d,
+  onKeyDown: a,
   ...S
 }) => {
-  const [p, m] = y(!1), T = z(() => p ? n : r ? `${n} ${r}` : u, [r, n, u, p]), x = () => /* @__PURE__ */ i("div", { className: c.inputEditWrapper, children: /* @__PURE__ */ i(
+  const [p, m] = y(!1), T = z(() => p ? c : r ? `${c} ${r}` : u, [r, c, u, p]), x = () => /* @__PURE__ */ i("div", { className: n.inputEditWrapper, children: /* @__PURE__ */ i(
     A,
     {
       ...S,
@@ -40,20 +40,20 @@ const $ = "documentNumberEdit__b57806ee", G = "label__3dc9f02e", H = "inputEditW
   ) }), I = "0".repeat(f), C = (t) => {
     m(!1), l == null || l(t);
   }, D = (t) => {
-    O(t.code, "ENTER") && m(!1), d == null || d(t);
+    O(t.code, "ENTER") && m(!1), a == null || a(t);
   }, M = (t) => {
     const o = F(t.target), s = P(t.target.value), e = s.length - t.target.value.length;
-    t.target.value = s, R(t.target, o + e), a == null || a(t);
+    t.target.value = s, R(t.target, o + e), d == null || d(t);
   }, P = (t) => {
     const o = [], s = t.length;
     for (let e = 0; e < s; e++)
       B.isDigit(t[e]) && o.push(t[e]);
     return o.join("");
-  }, W = () => /* @__PURE__ */ i(E, { className: c.label, tag: "div", size: N.B3, type: h.SECONDARY, children: /* @__PURE__ */ i(Y, { href: "#", onClick: j, children: r ? b : _ }) }), j = (t) => {
+  }, W = () => /* @__PURE__ */ i(E, { className: n.label, tag: "div", size: N.B3, type: h.SECONDARY, children: /* @__PURE__ */ i(Y, { href: "#", onClick: j, children: r ? b : _ }) }), j = (t) => {
     t.preventDefault(), m(!0);
   };
-  return /* @__PURE__ */ k("div", { className: U(c.documentNumberEdit, g), children: [
-    /* @__PURE__ */ i(E, { className: c.label, tag: "div", size: N.B3, type: h.SECONDARY, children: T }),
+  return /* @__PURE__ */ k("div", { className: U(n.documentNumberEdit, g), children: [
+    /* @__PURE__ */ i(E, { className: n.label, tag: "div", size: N.B3, type: h.SECONDARY, children: T }),
     p ? x() : W()
   ] });
 };

package/components/Dropdown/desktop/DropdownDesktop.js

@@ -1,31 +1,31 @@
 import { jsx as U } from "react/jsx-runtime";
 import B, { useState as F, useRef as I, useCallback as d, useEffect as O } from "react";
 import { c as j } from "../../../chunks/vendor---Om3uMV.js";
-import { EDropdownDirection as u, EDropdownAlignment as b, EDropdownWidth as T } from "./enums.js";
+import { EDropdownDirection as a, EDropdownAlignment as R, EDropdownWidth as T } from "./enums.js";
 import { EComponentSize as K } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as V } from "../../../utils/classNameMaps.js";
 import { useToken as q } from "../../ThemeProvider/useToken.js";
 import { isKey as n } from "../../../utils/keyboard.js";
-const J = "dropdownDesktop__779caac9", Q = "sm__fc145dc2", X = "md__7dd28963", Y = "lg__250fc1fa", Z = "dropdownDesktopOverflowHidden__5c6e406c", k = {
+const J = "dropdownDesktop__9f9d9fb0", Q = "sm__bc27c152", X = "md__e82de9b0", Y = "lg__2c4232e9", Z = "dropdownDesktopOverflowHidden__29eb6205", b = {
   dropdownDesktop: J,
   sm: Q,
   md: X,
   lg: Y,
   dropdownDesktopOverflowHidden: Z
-}, $ = V(k), N = k.dropdownDesktopOverflowHidden, ee = B.forwardRef((H, f) => {
+}, $ = V(b), N = b.dropdownDesktopOverflowHidden, ee = B.forwardRef((H, f) => {
   const {
     children: P,
     className: A,
     style: C,
     size: M = K.MD,
-    direction: a = u.AUTO,
-    alignment: _ = b.LEFT,
+    direction: u = a.AUTO,
+    alignment: k = R.LEFT,
     width: p = T.CONTENT,
     opened: s,
-    targetRef: c,
+    targetRef: l,
     setOpened: te,
     ...S
-  } = H, [W, g] = F({ opacity: 0 }), i = I(null), { scopeClassName: z } = q(), x = j(k.dropdownDesktop, $[M], z, A), w = d(
+  } = H, [W, _] = F({ opacity: 0 }), i = I(null), { scopeClassName: z } = q(), x = j(b.dropdownDesktop, $[M], z, A), w = d(
     (e) => {
       var t;
       (t = i.current) != null && t.contains(e.target) || e.preventDefault();
@@ -42,10 +42,10 @@ const J = "dropdownDesktop__779caac9", Q = "sm__fc145dc2", X = "md__7dd28963", Y
       e ? (document.addEventListener("wheel", w, { passive: !1 }), document.addEventListener("keydown", h)) : (document.removeEventListener("wheel", w), document.removeEventListener("keydown", h));
     },
     [w, h]
-  ), L = d(
+  ), g = d(
     (e, t, o) => {
       const r = document.documentElement.clientWidth, v = t.left, D = t.right - o;
-      if (_ === b.LEFT) {
+      if (k === R.LEFT) {
         const y = v + o <= r;
         e.left = y ? v : Math.max(0, D);
       } else {
@@ -53,28 +53,28 @@ const J = "dropdownDesktop__779caac9", Q = "sm__fc145dc2", X = "md__7dd28963", Y
         e.left = y ? D : Math.max(0, Math.min(v, r - o));
       }
     },
-    [_]
-  ), R = d(
+    [k]
+  ), L = d(
     (e, t, o) => {
-      a === u.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 === u.BOTTOM ? e.top = o.bottom + 4 : a === u.TOP && (e.bottom = document.documentElement.clientHeight - o.top + 4);
+      u === a.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 : u === a.BOTTOM ? e.top = o.bottom + 4 : u === a.TOP && (e.bottom = document.documentElement.clientHeight - o.top + 4);
     },
-    [a]
-  ), l = d(() => {
-    if (i.current === null || c.current === null) return;
-    const e = i.current.getBoundingClientRect(), t = c.current.getBoundingClientRect(), o = {};
+    [u]
+  ), c = d(() => {
+    if (i.current === null || l.current === null) return;
+    const e = i.current.getBoundingClientRect(), t = l.current.getBoundingClientRect(), o = {};
     let r = e.width;
-    p === T.TARGET ? (r = t.width, o.width = t.width) : p === T.MIN_TARGET && (r = Math.max(e.width, t.width), o.minWidth = t.width), R(o, e, t), L(o, t, r), g(o);
-  }, [c, p, R, L]);
+    p === T.TARGET ? (r = t.width, o.width = t.width) : p === T.MIN_TARGET && (r = Math.max(e.width, t.width), o.minWidth = t.width), L(o, e, t), g(o, t, r), _(o);
+  }, [l, p, L, g]);
   O(() => {
-    s ? l() : g({ opacity: 0 });
-  }, [s, l]), O(() => {
-    if (!s || i.current === null || c.current === null) return;
-    const e = new ResizeObserver(l);
-    return e.observe(i.current), e.observe(c.current), () => e.disconnect();
-  }, [s, c, l]);
+    s ? c() : _({ opacity: 0 });
+  }, [s, c]), O(() => {
+    if (!s || i.current === null || l.current === null) return;
+    const e = new ResizeObserver(c);
+    return e.observe(i.current), e.observe(l.current), () => e.disconnect();
+  }, [s, l, c]);
   const m = d(() => {
-    setTimeout(l);
-  }, [l]);
+    setTimeout(c);
+  }, [c]);
   O(() => {
     if (s)
       return document.addEventListener("scroll", m, !0), window.addEventListener("resize", m), E(!0), document.body.classList.add(N), m(), () => {
@@ -90,7 +90,7 @@ const J = "dropdownDesktop__779caac9", Q = "sm__fc145dc2", X = "md__7dd28963", Y
       className: x,
       style: { ...W, ...C },
       ...S,
-      "data-tx": "0.25.0",
+      "data-tx": "0.27.0",
       ref: G,
       children: P
     }

package/components/Dropdown/desktop/DropdownList.js

@@ -1,7 +1,7 @@
 import { jsxs as y, jsx as h } from "react/jsx-runtime";
 import l, { useContext as B, useRef as b, useState as z, useEffect as f } from "react";
 import { c as _ } from "../../../chunks/vendor---Om3uMV.js";
-import { s as D, D as x } from "../../../chunks/DropdownListItem-wT8cLRdZ.js";
+import { s as D, D as x } from "../../../chunks/DropdownListItem-BflrX8i-.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

@@ -4,7 +4,7 @@ import "../../../chunks/vendor---Om3uMV.js";
 import "../../../enums/EComponentSize.js";
 import "../../../utils/keyboard.js";
 import "../../Badge/Badge.js";
-import { D } from "../../../chunks/DropdownListItem-wT8cLRdZ.js";
+import { D } from "../../../chunks/DropdownListItem-BflrX8i-.js";
 export {
   D as DropdownListItem
 };

package/components/Dropdown/desktop/index.js

@@ -1,6 +1,6 @@
 import { DropdownDesktop as p } from "./DropdownDesktop.js";
 import { DropdownList as n } from "./DropdownList.js";
-import { D as e } from "../../../chunks/DropdownListItem-wT8cLRdZ.js";
+import { D as e } from "../../../chunks/DropdownListItem-BflrX8i-.js";
 import { EDropdownAlignment as i, EDropdownDirection as m, EDropdownWidth as w } from "./enums.js";
 export {
   p as DropdownDesktop,

package/components/Dropdown/index.js

@@ -1,7 +1,7 @@
 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-wT8cLRdZ.js";
+import { D as i } from "../../chunks/DropdownListItem-BflrX8i-.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";

package/components/Dropdown/mobile/DropdownMobile.js

@@ -2,7 +2,7 @@ import { jsx as e } from "react/jsx-runtime";
 import m, { useEffect as a } 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-rYB54yd0.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-3D5LlZCS.js";
 const r = p.dropdownMobileBodyOverflow, y = m.forwardRef(
   ({ children: t, opened: o, setOpened: s, ...d }, i) => (a(() => (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 = m.forwardRef(
       ...l,
       ...d,
       ref: i,
-      "data-tx": "0.25.0",
+      "data-tx": "0.27.0",
       children: t
     }
   ) }))

package/components/Dropdown/mobile/DropdownMobileBody.js

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

package/components/Dropdown/mobile/DropdownMobileClose.js

@@ -3,7 +3,7 @@ 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---Om3uMV.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-rYB54yd0.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-3D5LlZCS.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 t } from "react/jsx-runtime";
 import m from "react";
 import { c as i } from "../../../chunks/vendor---Om3uMV.js";
-import { s as p } from "../../../chunks/DropdownMobile.module-rYB54yd0.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-3D5LlZCS.js";
 const a = m.forwardRef(
   ({ children: o, className: r, ...e }, s) => /* @__PURE__ */ t("div", { className: i(p.dropdownMobileFooter, r), ref: s, ...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---Om3uMV.js";
-import { s as o } from "../../../chunks/DropdownMobile.module-rYB54yd0.js";
+import { s as o } from "../../../chunks/DropdownMobile.module-3D5LlZCS.js";
 const n = t.forwardRef(
   ({ children: r, className: s, controlButtons: d, ...a }, i) => /* @__PURE__ */ l("div", { className: m(o.dropdownMobileHeader, s), ref: i, ...a, children: [
     /* @__PURE__ */ e("div", { className: o.dropdownMobileHeaderContent, children: r }),

package/components/Dropdown/mobile/DropdownMobileInner.js

@@ -2,7 +2,7 @@ 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---Om3uMV.js";
 import { useToken as B } from "../../ThemeProvider/useToken.js";
-import { s as e } from "../../../chunks/DropdownMobile.module-rYB54yd0.js";
+import { s as e } from "../../../chunks/DropdownMobile.module-3D5LlZCS.js";
 const C = y.forwardRef(
   ({
     children: m,

package/components/Dropdown/mobile/DropdownMobileInput.js

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