@sberbusiness/triplex-next 1.20.0 → 1.21.0

package/components/Confirm/components/ConfirmControls.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
-import { c as t } from "../../../chunks/vendor-BIl4KTrD.js";
-import { s as i } from "../../../chunks/Confirm.module-B2BrmONy.js";
+import { c as t } from "../../../chunks/vendor-CuCj7SgU.js";
+import { s as i } from "../../../chunks/Confirm.module-Bi0IoVgW.js";
 const l = ({ children: o, className: s, ...r }) => /* @__PURE__ */ m("div", { className: t(s, i.confirmControls), ...r, children: o });
 l.displayName = "ConfirmControls";
 export {

package/components/Confirm/index.js

@@ -1,5 +1,7 @@
-import { Confirm as f } from "./Confirm.js";
+import { Confirm as m } from "./Confirm.js";
+import { EConfirmParentComponent as e } from "./enums.js";
 export {
-  f as Confirm
+  m as Confirm,
+  e as EConfirmParentComponent
 };
 //# sourceMappingURL=index.js.map

package/components/DateField/DateField.js

@@ -17,7 +17,7 @@ import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldTarget.js";
-import "../../chunks/FormFieldInput-C4pLJsXx.js";
+import "../../chunks/FormFieldInput-BXZLkCG-.js";
 import { FormFieldMaskedInput as ne } from "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
 import "../FormField/components/FormFieldPrefix.js";

package/components/DatePickerExtended/DatePickerExtended.js

@@ -6,7 +6,7 @@ import { EDropdownAlignment as X } from "../Dropdown/enums.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-JDPG7EtK.js";
+import "../../chunks/DropdownListItem-gGRZUigY.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import "../Dropdown/mobile/DropdownMobileBody.js";
 import "../Dropdown/mobile/DropdownMobileClose.js";
@@ -103,7 +103,7 @@ const ee = G.forwardRef((l, r) => {
       onKeyDown: _,
       onMouseDown: F,
       ...V,
-      "data-tx": "1.20.0",
+      "data-tx": "1.21.0",
       ref: (e) => {
         s.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
       },

package/components/DatePickerExtended/DatePickerExtendedDropdown.js

@@ -1,24 +1,24 @@
 import { jsx as e, jsxs as l, Fragment as m } from "react/jsx-runtime";
-import f, { useContext as u } from "react";
-import { h as D } from "../../chunks/vendor-BIl4KTrD.js";
+import u, { useContext as f } from "react";
+import { g as D } from "../../chunks/vendor-CuCj7SgU.js";
 import { Dropdown as w } from "../Dropdown/Dropdown.js";
 import { DatePickerExtendedContext as x } from "./DatePickerExtendedContext.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as b } from "../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as k } from "../Dropdown/mobile/DropdownMobileClose.js";
 import "../Dropdown/mobile/DropdownMobileFooter.js";
-import { DropdownMobileHeader as h } from "../Dropdown/mobile/DropdownMobileHeader.js";
+import { DropdownMobileHeader as M } from "../Dropdown/mobile/DropdownMobileHeader.js";
 import "../Dropdown/mobile/DropdownMobileInner.js";
 import "../Dropdown/mobile/DropdownMobileInput.js";
 import "../Dropdown/mobile/DropdownMobileList.js";
 import "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
-const M = "datePickerExtendedMobileDropdown__0cefb211", E = {
-  datePickerExtendedMobileDropdown: M
-}, C = f.forwardRef(
+const h = "datePickerExtendedMobileDropdown__51e1c780", E = {
+  datePickerExtendedMobileDropdown: h
+}, C = u.forwardRef(
   (i, d) => {
-    const { children: P, targetRef: r, setOpened: c, renderHeaderTarget: a, renderCalendar: t, focusTrapProps: o, ...p } = i, { mouseUsedRef: n, setDropdownOpen: s } = u(x);
+    const { children: P, targetRef: r, setOpened: c, renderHeaderTarget: a, renderCalendar: t, focusTrapProps: o, ...p } = i, { mouseUsedRef: n, setDropdownOpen: s } = f(x);
     return /* @__PURE__ */ e(
       w,
       {
@@ -27,7 +27,7 @@ const M = "datePickerExtendedMobileDropdown__0cefb211", E = {
         targetRef: r,
         mobileViewProps: {
           children: /* @__PURE__ */ l(m, { children: [
-            /* @__PURE__ */ e(h, { controlButtons: /* @__PURE__ */ e(k, { onClick: () => s(!1) }), children: a() }),
+            /* @__PURE__ */ e(M, { controlButtons: /* @__PURE__ */ e(k, { onClick: () => s(!1) }), children: a() }),
             /* @__PURE__ */ e(b, { children: t(!0) })
           ] }),
           className: E.datePickerExtendedMobileDropdown

package/components/DateRange/DateRange.js

@@ -3,15 +3,15 @@ import c from "moment";
 import { CaretleftStrokeSrvIcon20 as D, MinusStrokeSrvIcon20 as M, CaretrightStrokeSrvIcon20 as Y } from "@sberbusiness/icons-next";
 import { dateFormatYYYYMMDD as r } from "../../consts/DateConst.js";
 import { EDateRangeShiftUnit as C } from "./enums.js";
-import { c as i } from "../../chunks/vendor-BIl4KTrD.js";
-const E = "dateRange__4d1b6076", F = "dateRangeButton__1ff43ae3", h = "separator__5a6e3cb4", d = {
+import { c as i } from "../../chunks/vendor-CuCj7SgU.js";
+const E = "dateRange__4cc8874d", F = "dateRangeButton__907d33f1", h = "separator__e77204b7", d = {
   dateRange: E,
   dateRangeButton: F,
   separator: h
 }, j = ({
   children: y,
-  className: f,
-  value: R,
+  className: R,
+  value: f,
   onChange: o,
   shiftAmount: n = 1,
   shiftUnit: s = C.MONTH,
@@ -19,10 +19,10 @@ const E = "dateRange__4d1b6076", F = "dateRangeButton__1ff43ae3", h = "separator
   renderPickerFrom: g,
   renderPickerTo: u,
   renderButtonForward: S,
-  renderButtonBack: b,
-  ...k
+  renderButtonBack: k,
+  ...b
 }) => {
-  const [t, a] = R, x = i(d.dateRange, f), B = (e) => {
+  const [t, a] = f, x = i(d.dateRange, R), 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__4d1b6076", F = "dateRangeButton__1ff43ae3", h = "separator
       m.add(n, s).format(r)
     ]);
   };
-  return /* @__PURE__ */ v("div", { className: x, ...k, children: [
-    !p && b({
+  return /* @__PURE__ */ v("div", { className: x, ...b, children: [
+    !p && k({
       children: /* @__PURE__ */ l(D, { paletteIndex: 5 }),
       className: i(d.dateRangeButton, { disabled: !(t && a) }),
       disabled: !(t && a),

package/components/DesignTokens/DesignTokenUtils.js

@@ -1,16 +1,16 @@
 import { ETriplexNextTheme as i } from "../ThemeProvider/ETriplexNextTheme.js";
-import { DesignTokensCore as m } from "./DesignTokensCore.js";
+import { DesignTokensCore as l } from "./DesignTokensCore.js";
 import { DesignTokensCoreThemeDark as a } from "./DesignTokensCoreThemeDark.js";
 import { DesignTokensComponents as c } from "./DesignTokensComponents.js";
 import { DesignTokensComponentsThemeDark as f } from "./DesignTokensComponentsThemeDark.js";
-import { k as l } from "../../chunks/vendor-BIl4KTrD.js";
+import { m as T } from "../../chunks/vendor-CuCj7SgU.js";
 const n = {
   getCSSVariableByTokenGroup: (t, s) => {
     const e = Object.keys(t)[0], r = "triplex-next";
-    let o = "1.20.0";
+    let o = "1.21.0";
     return o = o.replace(/\./g, "-"), Object.keys(t[e]).map(
-      (T) => `--${r}-${e}-${T}-${o}: ${n.getTokenValue(
-        t[e][T],
+      (m) => `--${r}-${e}-${m}-${o}: ${n.getTokenValue(
+        t[e][m],
         s
       )};`
     ).join(`
@@ -34,12 +34,12 @@ const n = {
     let e = "";
     switch (t) {
       case i.LIGHT: {
-        const r = l({}, s, m, c);
+        const r = T({}, s, l, c);
         e = n.getStyleByTokens(r);
         break;
       }
       case i.DARK: {
-        const r = l(
+        const r = T(
           {},
           s,
           a,

package/components/DesignTokens/DesignTokensCore.js

@@ -40,6 +40,10 @@ const a = {
       value: "#A8F5E9"
       //     var(--triplex-next-ColorBrand-90)
     },
+    95: {
+      value: "#C5FAF1"
+      //     var(--triplex-next-ColorBrand-95)
+    },
     100: {
       value: "#E3FFFA"
       //     var(--triplex-next-ColorBrand-100)
@@ -408,6 +412,10 @@ const a = {
       value: "#D6DEED"
       //     var(--triplex-next-ColorSystem-90)
     },
+    95: {
+      value: "#E0E8F4"
+      //     var(--triplex-next-ColorSystem-95)
+    },
     100: {
       value: "#EEF3FC"
       //     var(--triplex-next-ColorSystem-100)

package/components/DesignTokens/components/Pagination.js

@@ -2,8 +2,7 @@ const o = [
   "PageButton_Background_Active",
   "PageButton_Background_Hover",
   "PageButton_Background_Selected",
-  "PageButton_BorderColor_Focus",
-  "PageButton_Color"
+  "PageButton_BorderColor_Focus"
 ], r = {
   PageButton_Background_Active: [{ ref: "ColorNeutral.50" }, { ref: "ColorDarkNeutral.50" }],
   // var(--triplex-next-Pagination-PageButton_Background_Active)
@@ -11,10 +10,8 @@ const o = [
   // var(--triplex-next-Pagination-PageButton_Background_Hover)
   PageButton_Background_Selected: [{ ref: "ColorNeutral.50" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-Pagination-PageButton_Background_Selected)
-  PageButton_BorderColor_Focus: [{ ref: "ColorWarning.80" }, { ref: "ColorWarning.80" }],
+  PageButton_BorderColor_Focus: [{ ref: "ColorWarning.80" }, { ref: "ColorWarning.80" }]
   // var(--triplex-next-Pagination-PageButton_BorderColor_Focus)
-  PageButton_Color: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }]
-  // var(--triplex-next-Pagination-PageButton_Color)
 };
 export {
   r as Pagination_Tokens,

package/components/DesignTokens/types/DesignTokensTypes.js

@@ -1,5 +1,6 @@
 const o = [
   "100",
+  "95",
   "90",
   "80",
   "70",
@@ -96,6 +97,7 @@ const o = [
   "0"
 ], u = [
   "100",
+  "95",
   "90",
   "80",
   "70",

package/components/Divider/Divider.js

@@ -1,23 +1,23 @@
 import { jsx as n } from "react/jsx-runtime";
-import { c as g } from "../../chunks/vendor-BIl4KTrD.js";
-const z = "divider__25d001b0", i = {
+import { c as g } from "../../chunks/vendor-CuCj7SgU.js";
+const z = "divider__85efa552", i = {
   divider: z,
-  "marginTopSize-4": "marginTopSize-4__2785d40f",
-  "marginBottomSize-4": "marginBottomSize-4__c2131cea",
-  "marginTopSize-8": "marginTopSize-8__e142bee6",
-  "marginBottomSize-8": "marginBottomSize-8__e7bad152",
-  "marginTopSize-12": "marginTopSize-12__c75422c0",
-  "marginBottomSize-12": "marginBottomSize-12__d3cf031d",
-  "marginTopSize-16": "marginTopSize-16__9364c4b4",
-  "marginBottomSize-16": "marginBottomSize-16__099e301a",
-  "marginTopSize-20": "marginTopSize-20__bc9f523a",
-  "marginBottomSize-20": "marginBottomSize-20__c3c6f48f",
-  "marginTopSize-24": "marginTopSize-24__dac9b363",
-  "marginBottomSize-24": "marginBottomSize-24__add1be7c",
-  "marginTopSize-28": "marginTopSize-28__24b884dc",
-  "marginBottomSize-28": "marginBottomSize-28__50124a4e",
-  "marginTopSize-32": "marginTopSize-32__91df718c",
-  "marginBottomSize-32": "marginBottomSize-32__9c41bb4d"
+  "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(
     i.divider,

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-BIl4KTrD.js";
+import { c as U } from "../../chunks/vendor-CuCj7SgU.js";
 import { Link as Y } from "../Link/Link.js";
-const $ = "documentNumberEdit__68849977", G = "label__2a79f1bd", H = "inputEditWrapper__9d9fa269", n = {
+const $ = "documentNumberEdit__b7d45ead", G = "label__0581a9c5", H = "inputEditWrapper__0f3b5e9c", c = {
   documentNumberEdit: $,
   label: G,
   inputEditWrapper: H
@@ -18,14 +18,14 @@ const $ = "documentNumberEdit__68849977", G = "label__2a79f1bd", H = "inputEditW
   buttonLabel: b,
   emptyNumberButtonLabel: _,
   emptyNumberLabel: u,
-  numberLabel: c,
+  numberLabel: n,
   maxLength: f = V,
   onBlur: l,
   onChange: a,
   onKeyDown: d,
   ...S
 }) => {
-  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(
+  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(
     A,
     {
       ...S,
@@ -49,11 +49,11 @@ const $ = "documentNumberEdit__68849977", G = "label__2a79f1bd", H = "inputEditW
     for (let e = 0; e < s; e++)
       B.isDigit(t[e]) && o.push(t[e]);
     return o.join("");
-  }, 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) => {
+  }, 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) => {
     t.preventDefault(), m(!0);
   };
-  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 }),
+  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 }),
     p ? x() : W()
   ] });
 };

package/components/Dropdown/desktop/DropdownDesktop.js

@@ -1,18 +1,18 @@
 import { jsx as U } from "react/jsx-runtime";
-import B, { useState as G, useRef as A, useCallback as s, useEffect as y } from "react";
-import { c as F } from "../../../chunks/vendor-BIl4KTrD.js";
+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 { 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__363efc39", q = "sm__ee27e295", J = "md__5186a1fe", Q = "lg__239c1397", X = "dropdownDesktopOverflowHidden__ea7db614", O = {
+const V = "dropdownDesktop__8435201b", q = "sm__751961ee", J = "md__08f86fb4", Q = "lg__4927092d", X = "dropdownDesktopOverflowHidden__7ee203a6", O = {
   dropdownDesktop: V,
   sm: q,
   md: J,
   lg: Q,
   dropdownDesktopOverflowHidden: X
-}, Y = j(O), b = O.dropdownDesktopOverflowHidden, Z = B.forwardRef((C, m) => {
+}, Y = j(O), A = O.dropdownDesktopOverflowHidden, Z = B.forwardRef((C, m) => {
   const {
     alignment: p = w.AUTO,
     children: _,
@@ -25,7 +25,7 @@ const V = "dropdownDesktop__363efc39", q = "sm__ee27e295", J = "md__5186a1fe", Q
     targetRef: k,
     size: W = I.MD,
     ...R
-  } = C, { scopeClassName: S } = K(), [z, T] = G({ opacity: 0 }), d = A(null), h = A({ height: 0, width: 0 }), x = F(O.dropdownDesktop, Y[W], S, N), D = s(
+  } = 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(
     (e) => {
       var t;
       (t = d.current) != null && t.contains(e.target) || e.preventDefault();
@@ -73,8 +73,8 @@ const V = "dropdownDesktop__363efc39", q = "sm__ee27e295", J = "md__5186a1fe", Q
   }, [r]);
   y(() => {
     if (f)
-      return document.addEventListener("scroll", l, !0), window.addEventListener("resize", l), v(!0), document.body.classList.add(b), l(), () => {
-        document.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l), v(!1), document.body.classList.remove(b);
+      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);
       };
   }, [f, l, v]);
   const M = (e) => {
@@ -86,7 +86,7 @@ const V = "dropdownDesktop__363efc39", q = "sm__ee27e295", J = "md__5186a1fe", Q
       className: x,
       style: { ...z, ...P },
       ...R,
-      "data-tx": "1.20.0",
+      "data-tx": "1.21.0",
       ref: M,
       children: _
     }

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-BIl4KTrD.js";
-import { s as D, D as x } from "../../../chunks/DropdownListItem-JDPG7EtK.js";
+import { c as z } from "../../../chunks/vendor-CuCj7SgU.js";
+import { s as D, D as x } from "../../../chunks/DropdownListItem-gGRZUigY.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-BIl4KTrD.js";
+import "../../../chunks/vendor-CuCj7SgU.js";
 import "../../../enums/EComponentSize.js";
 import "../../../utils/keyboard.js";
 import "../../Badge/Badge.js";
-import { D } from "../../../chunks/DropdownListItem-JDPG7EtK.js";
+import { D } from "../../../chunks/DropdownListItem-gGRZUigY.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 e } from "./DropdownList.js";
-import { D as m } from "../../../chunks/DropdownListItem-JDPG7EtK.js";
+import { D as m } from "../../../chunks/DropdownListItem-gGRZUigY.js";
 export {
   p as DropdownDesktop,
   e as DropdownList,

package/components/Dropdown/index.js

@@ -2,7 +2,7 @@ import { EDropdownAlignment as e, EDropdownDirection as p, EDropdownListSize as
 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-JDPG7EtK.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 { DropdownMobileClose as I } from "./mobile/DropdownMobileClose.js";

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-BEV1I-ay.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-D1Tda3VC.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.20.0",
+      "data-tx": "1.21.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-BIl4KTrD.js";
-import { s as a } from "../../../chunks/DropdownMobile.module-BEV1I-ay.js";
+import { c as m } from "../../../chunks/vendor-CuCj7SgU.js";
+import { s as a } from "../../../chunks/DropdownMobile.module-D1Tda3VC.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-BIl4KTrD.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-BEV1I-ay.js";
+import { c as p } from "../../../chunks/vendor-CuCj7SgU.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-D1Tda3VC.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-BIl4KTrD.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-BEV1I-ay.js";
+import { c as a } from "../../../chunks/vendor-CuCj7SgU.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-D1Tda3VC.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-BIl4KTrD.js";
-import { s as o } from "../../../chunks/DropdownMobile.module-BEV1I-ay.js";
+import { c as m } from "../../../chunks/vendor-CuCj7SgU.js";
+import { s as o } from "../../../chunks/DropdownMobile.module-D1Tda3VC.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-BIl4KTrD.js";
+import { c as n } from "../../../chunks/vendor-CuCj7SgU.js";
 import { useToken as B } from "../../ThemeProvider/useToken.js";
-import { s as e } from "../../../chunks/DropdownMobile.module-BEV1I-ay.js";
+import { s as e } from "../../../chunks/DropdownMobile.module-D1Tda3VC.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-BIl4KTrD.js";
-const e = "dropdownMobileInput__43681db5", i = {
+import { c as d } from "../../../chunks/vendor-CuCj7SgU.js";
+const e = "dropdownMobileInput__913a8285", 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-BIl4KTrD.js";
+import { u as f, c } from "../../../chunks/vendor-CuCj7SgU.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-BEV1I-ay.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-D1Tda3VC.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-BIl4KTrD.js";
+import { c as w } from "../../../chunks/vendor-CuCj7SgU.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-BEV1I-ay.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-D1Tda3VC.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-BIl4KTrD.js";
+import { c as e } from "../../../chunks/vendor-CuCj7SgU.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-BEV1I-ay.js";
+import { s } from "../../../chunks/DropdownMobile.module-D1Tda3VC.js";
 const S = ({ className: o, ...r }) => /* @__PURE__ */ m(
   t,
   {

package/components/Dropdown/mobile/DropdownMobileMaskedInput.js

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

package/components/Ellipsis/Ellipsis.js

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