@sberbusiness/triplex-next 1.27.0 → 1.29.0

package/components/DateField/DateField.js

@@ -3,7 +3,7 @@ import Q, { useState as W, useRef as l, useEffect as X } from "react";
 import y from "moment";
 import { DatePickerExtended as Z } from "../DatePickerExtended/DatePickerExtended.js";
 import { dateFormatYYYYMMDD as $, globalLimitRange as ee } from "../../consts/DateConst.js";
-import { DateFieldUtils as m } from "./utils.js";
+import { DateFieldUtils as f } from "./utils.js";
 import { DateFieldTarget as te } from "./DateFieldTarget.js";
 import { inputDateFormat as b } from "./constants.js";
 import { Tooltip as S } from "../Tooltip/Tooltip.js";
@@ -11,18 +11,8 @@ import { ETooltipSize as re } from "../Tooltip/enums.js";
 import { MobileView as ae } from "../MobileView/MobileView.js";
 import { DropdownMobileMaskedInput as T } from "../Dropdown/mobile/DropdownMobileMaskedInput.js";
 import { DateFieldContext as ne } from "./DateFieldContext.js";
-import "../FormField/components/FormFieldClear.js";
-import "../FormField/components/FormFieldCounter.js";
-import "../FormField/components/FormFieldDescription.js";
-import "../../chunks/FormFieldInput-DB9UpgIs.js";
-import "../FormField/components/FormFieldLabel.js";
 import { FormFieldMaskedInput as ie } from "../FormField/components/FormFieldMaskedInput.js";
-import "../FormField/components/FormFieldPostfix.js";
-import "../FormField/components/FormFieldPrefix.js";
-import "../FormField/components/FormFieldTarget.js";
-import "../FormField/components/FormFieldTextarea.js";
-import "../FormField/FormField.js";
-const oe = Q.forwardRef((x, p) => {
+const oe = Q.forwardRef((x, d) => {
   const {
     size: I,
     status: E,
@@ -34,25 +24,25 @@ const oe = Q.forwardRef((x, p) => {
     format: a = $,
     limitRange: i = ee,
     disabledDays: o,
-    onChange: d,
+    onChange: c,
     onClear: L,
-    onDropdownOpen: f,
+    onDropdownOpen: m,
     onDropdownClose: g,
     invalidDateHint: j,
     targetProps: A,
     ...B
   } = x, [r, D] = W(
-    m.getPickerValues(s, a, i, o)
-  ), C = l(null), c = l(r), F = l(!1), R = l(!1), h = l(!1), u = l(!1);
+    f.getPickerValues(s, a, i, o)
+  ), C = l(null), p = l(r), F = l(!1), R = l(!1), h = l(!1), u = l(!1);
   X(() => {
-    const e = m.getPickerValues(s, a, i, o);
-    e.inputString !== r.inputString && D(e), c.current = e;
+    const e = f.getPickerValues(s, a, i, o);
+    e.inputString !== r.inputString && D(e), p.current = e;
   }, [s, a, i, o]);
   const H = (e) => {
-    C.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
+    C.current = e, typeof d == "function" ? d(e) : d && (d.current = e);
   }, _ = () => {
     const { maskedInputProps: e, ...t } = A || {}, { onChange: k, ...J } = e || {};
-    return /* @__PURE__ */ n(ne.Provider, { value: { inputFocusedRef: F, onChange: d, triggerChangeFromInput: w }, children: /* @__PURE__ */ n(
+    return /* @__PURE__ */ n(ne.Provider, { value: { inputFocusedRef: F, onChange: c, triggerChangeFromInput: w }, children: /* @__PURE__ */ n(
       te,
       {
         size: I,
@@ -84,25 +74,25 @@ const oe = Q.forwardRef((x, p) => {
     }
   ), V = (e) => {
     let t = null;
-    e.target.value.length === b.length ? (t = y(e.target.value, b, !0), (!t.isValid() || !m.isAvailableDate(t, t.format(a), i, o)) && (t = null), u.current = !t) : u.current = !1, D({ calendarDate: t, inputString: e.target.value });
+    e.target.value.length === b.length ? (t = y(e.target.value, b, !0), (!t.isValid() || !f.isAvailableDate(t, t.format(a), i, o)) && (t = null), u.current = !t) : u.current = !1, D({ calendarDate: t, inputString: e.target.value });
   }, w = () => {
     if (r.inputString.length === 0 && s.length !== 0)
-      return d(r.inputString);
+      return c(r.inputString);
     const e = y(r.inputString, b, !0);
     if (e.isValid()) {
       const t = e.format(a);
       if (t === s)
         return;
-      if (m.isAvailableDate(e, t, i, o))
-        return d(t);
+      if (f.isAvailableDate(e, t, i, o))
+        return c(t);
     }
-    r.inputString !== c.current.inputString && (u.current = !1, D(c.current));
+    r.inputString !== p.current.inputString && (u.current = !1, D(p.current));
   }, U = () => {
-    R.current = !0, f == null || f();
+    R.current = !0, m == null || m();
   }, q = () => {
-    R.current = !1, h.current ? h.current = !1 : !F.current && r.inputString !== c.current.inputString && w(), g == null || g();
+    R.current = !1, h.current ? h.current = !1 : !F.current && r.inputString !== p.current.inputString && w(), g == null || g();
   }, G = (e) => {
-    h.current = !0, u.current = !1, d(e.format(a));
+    h.current = !0, u.current = !1, c(e.format(a));
   }, M = () => /* @__PURE__ */ n(
     Z,
     {

package/components/DatePickerExtended/DatePickerExtended.js

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

package/components/DatePickerExtended/DatePickerExtendedDropdown.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as l, Fragment as m } from "react/jsx-runtime";
-import f, { useContext as u } from "react";
-import { g as D } from "../../chunks/vendor-DudMBGKr.js";
+import u, { useContext as f } from "react";
+import { g as D } from "../../chunks/vendor-C_uS77iF.js";
 import { Dropdown as w } from "../Dropdown/Dropdown.js";
 import { DatePickerExtendedContext as x } from "./DatePickerExtendedContext.js";
 import "../Dropdown/mobile/DropdownMobile.js";
@@ -14,11 +14,11 @@ import "../Dropdown/mobile/DropdownMobileList.js";
 import "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
-const h = "datePickerExtendedMobileDropdown__af462fe5", E = {
+const h = "datePickerExtendedMobileDropdown__a44ec658", E = {
   datePickerExtendedMobileDropdown: h
-}, C = f.forwardRef(
+}, C = u.forwardRef(
   (i, d) => {
-    const { children: P, targetRef: r, setOpened: a, renderHeaderTarget: c, renderCalendar: t, focusTrapProps: o, ...p } = i, { mouseUsedRef: n, setDropdownOpen: s } = u(x);
+    const { children: P, targetRef: r, setOpened: a, renderHeaderTarget: c, renderCalendar: t, focusTrapProps: o, ...p } = i, { mouseUsedRef: n, setDropdownOpen: s } = f(x);
     return /* @__PURE__ */ e(
       w,
       {

package/components/DatePickerExtended/index.js

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

package/components/DateRange/DateRange.js

@@ -3,26 +3,26 @@ import c from "moment";
 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 E } from "./enums.js";
-import { c as i } from "../../chunks/vendor-DudMBGKr.js";
-const F = "dateRange__f13ebdd3", M = "dateRangeButton__e045774d", h = "separator__f543d43f", d = {
+import { c as i } from "../../chunks/vendor-C_uS77iF.js";
+const F = "dateRange__bf8de235", M = "dateRangeButton__b46050ee", h = "separator__6d030c8c", d = {
   dateRange: F,
   dateRangeButton: M,
   separator: h
 }, j = ({
   children: y,
-  className: p,
-  value: R,
+  className: R,
+  value: g,
   onChange: o,
   shiftAmount: n = 1,
   shiftUnit: s = E.MONTH,
-  hideNavigation: f,
-  renderPickerFrom: g,
+  hideNavigation: p,
+  renderPickerFrom: f,
   renderPickerTo: u,
   renderButtonForward: S,
-  renderButtonBack: k,
-  ...b
+  renderButtonBack: b,
+  ...k
 }) => {
-  const [t, a] = R, x = i(d.dateRange, p), B = (e) => {
+  const [t, a] = g, 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,14 +43,14 @@ const F = "dateRange__f13ebdd3", M = "dateRangeButton__e045774d", h = "separator
       m.add(n, s).format(r)
     ]);
   };
-  return /* @__PURE__ */ v("div", { className: x, ...b, children: [
-    !f && k({
+  return /* @__PURE__ */ v("div", { className: x, ...k, children: [
+    !p && b({
       children: /* @__PURE__ */ l(D, { paletteIndex: 5 }),
       className: i(d.dateRangeButton, { disabled: !(t && a) }),
       disabled: !(t && a),
       onClick: N
     }),
-    g({
+    f({
       onChange: B,
       value: t
     }),
@@ -59,7 +59,7 @@ const F = "dateRange__f13ebdd3", M = "dateRangeButton__e045774d", h = "separator
       onChange: I,
       value: a
     }),
-    !f && S({
+    !p && S({
       children: /* @__PURE__ */ l(C, { paletteIndex: 5 }),
       className: i(d.dateRangeButton, { disabled: !(t && a) }),
       disabled: !(t && a),

package/components/DesignTokens/DesignTokenUtils.js

@@ -3,11 +3,11 @@ 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 { m as T } from "../../chunks/vendor-DudMBGKr.js";
+import { m as T } from "../../chunks/vendor-C_uS77iF.js";
 const n = {
   getCSSVariableByTokenGroup: (t, s) => {
     const e = Object.keys(t)[0], r = "triplex-next";
-    let o = "1.27.0";
+    let o = "1.29.0";
     return o = o.replace(/\./g, "-"), Object.keys(t[e]).map(
       (m) => `--${r}-${e}-${m}-${o}: ${n.getTokenValue(
         t[e][m],

package/components/DesignTokens/components/Calendar.js

@@ -1,6 +1,5 @@
 const e = [
-  // "Background",
-  "Background_Shadow",
+  "Background",
   "View_Header_Color",
   "View_Item_Background_Default",
   "View_Item_Background_Hover",
@@ -30,77 +29,70 @@ const e = [
   "View_Item_Mark_Critical_Background_Selected_Default",
   "View_Item_Mark_Critical_Background_Selected_Hover"
 ], r = {
-  // Background: [{ value: "rgba(255, 255, 255, .8)" }, { value: "rgba(24, 24, 25, .8)" }], // var(--triplex-next-Calendar-Panel_Background)
-  // Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorNeutral.100" }], // var(--triplex-next-Calendar-Background)
-  // Unit_Background_Default: [{ value: "none" }, { value: "none" }], // var(--triplex-next-DropdownList-Background_Default)
-  // Unit_Background_Hover: [{ ref: "ColorBrand.60" }, { ref: "ColorBrand.60" }], // var(--triplex-next-DropdownList-Background_Active)
-  // Unit_Background_Selected: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.50" }], // var(--triplex-next-DropdownList-Background_Active)
-  // Unit_Color: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }], // var(--triplex-next-Calendar-Unit_Color)
-  // Background: [{ ref: "Basic.100" }, { ref: "Basic.50" }], // var(--triplex-Calendar-Background)
-  Background_Shadow: [{ value: "0 2px 7px 0 rgba(31, 31, 34, 0.25)" }, { value: "none" }],
-  // var(--triplex-Calendar-Background_Shadow)
+  Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
+  // var(--triplex-next-Calendar-Background)
   View_Header_Color: [{ ref: "ColorDarkNeutralAlpha.50" }, { ref: "ColorNeutralAlpha.50" }],
-  // var(--triplex-Calendar-View_Header_Color)
+  // var(--triplex-next-Calendar-View_Header_Color)
   View_Item_Background_Default: [{ value: "none" }, { value: "none" }],
-  // var(--triplex-Calendar-View_Item_Background_Default)
+  // var(--triplex-next-Calendar-View_Item_Background_Default)
   View_Item_Background_Hover: [{ ref: "ColorBrand.60" }, { ref: "ColorBrand.60" }],
-  // var(--triplex-Calendar-View_Item_Background_Hover)
+  // var(--triplex-next-Calendar-View_Item_Background_Hover)
   View_Item_Background_Selected_Default: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.50" }],
-  // var(--triplex-Calendar-View_Item_Background_Selected_Default)
+  // var(--triplex-next-Calendar-View_Item_Background_Selected_Default)
   View_Item_Background_Selected_Hover: [{ ref: "ColorBrand.30" }, { ref: "ColorBrand.30" }],
-  // var(--triplex-Calendar-View_Item_Background_Selected_Hover)
+  // var(--triplex-next-Calendar-View_Item_Background_Selected_Hover)
   View_Item_Background_Selected_Muted_Default: [{ ref: "ColorBrand.100" }, { ref: "ColorBrand.20" }],
-  // var(--triplex-Calendar-View_Item_Background_Selected_Muted_Default)
+  // var(--triplex-next-Calendar-View_Item_Background_Selected_Muted_Default)
   View_Item_Background_Selected_Muted_Hover: [{ ref: "ColorBrand.90" }, { ref: "ColorBrand.10" }],
-  // var(--triplex-Calendar-View_Item_Background_Selected_Muted_Hover)
+  // var(--triplex-next-Calendar-View_Item_Background_Selected_Muted_Hover)
   View_Item_BorderColor_Default: [{ value: "transparent" }, { value: "transparent" }],
-  // var(--triplex-Calendar-View_Item_BorderColor_Default)
+  // var(--triplex-next-Calendar-View_Item_BorderColor_Default)
   View_Item_BorderColor_Focus: [{ ref: "ColorWarning.80" }, { ref: "ColorWarning.80" }],
-  // var(--triplex-Calendar-View_Item_BorderColor_Focus)
+  // var(--triplex-next-Calendar-View_Item_BorderColor_Focus)
   View_Item_Color_Default: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
-  // var(--triplex-Calendar-View_Item_Color_Default)
+  // var(--triplex-next-Calendar-View_Item_Color_Default)
   View_Item_Color_Hover: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
-  // var(--triplex-Calendar-View_Item_Color_Default)
+  // var(--triplex-next-Calendar-View_Item_Color_Hover)
   View_Item_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.70" }],
-  // var(--triplex-Calendar-View_Item_Color_Disabled)
+  // var(--triplex-next-Calendar-View_Item_Color_Disabled)
   View_Item_Color_Muted: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.70" }],
-  // var(--triplex-Calendar-View_Item_Color_Muted)
+  // var(--triplex-next-Calendar-View_Item_Color_Muted)
   View_Item_Color_Selected: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
-  // var(--triplex-Calendar-View_Item_Color_Selected)
+  // var(--triplex-next-Calendar-View_Item_Color_Selected)
   View_Item_Color_Selected_Muted_Default: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }],
-  // var(--triplex-Calendar-View_Item_Color_Selected_Muted_Default)
+  // var(--triplex-next-Calendar-View_Item_Color_Selected_Muted_Default)
   View_Item_Color_Selected_Muted_Hover: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }],
-  // var(--triplex-Calendar-View_Item_Color_Selected_Muted_Hover)
-  View_Item_Mark_Basic_Background_Default: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorDarkNeutralAlpha.60" }],
-  // var(--triplex-Calendar-View_Item_Mark_Basic_Background_Default)
+  // var(--triplex-next-Calendar-View_Item_Color_Selected_Muted_Hover)
+  View_Item_Mark_Basic_Background_Default: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.50" }],
+  // var(--triplex-next-Calendar-View_Item_Mark_Basic_Background_Default)
   View_Item_Mark_Basic_Background_Selected_Default: [
     { ref: "ColorDarkNeutralAlpha.70" },
-    { ref: "ColorDarkNeutralAlpha.60" }
+    { ref: "ColorNeutralAlpha.50" }
   ],
-  // var(--triplex-Calendar-View_Item_Mark_Basic_Background_Selected_Default)
+  // var(--triplex-next-Calendar-View_Item_Mark_Basic_Background_Selected_Default)
   View_Item_Mark_Basic_Background_Selected_Hover: [
     { ref: "ColorDarkNeutralAlpha.70" },
-    { ref: "ColorDarkNeutralAlpha.60" }
+    { ref: "ColorNeutralAlpha.50" }
   ],
-  // var(--triplex-Calendar-View_Item_Mark_Basic_Background_Selected_Hover)
+  // var(--triplex-next-Calendar-View_Item_Mark_Basic_Background_Selected_Hover)
   View_Item_Mark_Standard_Background_Default: [{ ref: "ColorSuccess.50" }, { ref: "ColorSuccess.50" }],
-  // var(--triplex-Calendar-View_Item_Mark_Standard_Background_Default)
+  // var(--triplex-next-Calendar-View_Item_Mark_Standard_Background_Default)
   View_Item_Mark_Standard_Background_Selected_Default: [{ ref: "ColorSuccess.50" }, { ref: "ColorSuccess.50" }],
-  // var(--triplex-Calendar-View_Item_Mark_Standard_Background_Selected_Default)
+  // var(--triplex-next-Calendar-View_Item_Mark_Standard_Background_Selected_Default)
   View_Item_Mark_Standard_Background_Selected_Hover: [{ ref: "ColorSuccess.50" }, { ref: "ColorSuccess.50" }],
-  // var(--triplex-Calendar-View_Item_Mark_Standard_Background_Selected_Hover)
+  // var(--triplex-next-Calendar-View_Item_Mark_Standard_Background_Selected_Hover)
   View_Item_Mark_Attention_Background_Default: [{ ref: "ColorWarning.50" }, { ref: "ColorWarning.50" }],
-  // var(--triplex-Calendar-View_Item_Mark_Attention_Background_Default)
+  // var(--triplex-next-Calendar-View_Item_Mark_Attention_Background_Default)
   View_Item_Mark_Attention_Background_Selected_Default: [{ ref: "ColorWarning.50" }, { ref: "ColorWarning.50" }],
-  // var(--triplex-Calendar-View_Item_Mark_Attention_Background_Selected_Default)
+  // var(--triplex-next-Calendar-View_Item_Mark_Attention_Background_Selected_Default)
   View_Item_Mark_Attention_Background_Selected_Hover: [{ ref: "ColorWarning.50" }, { ref: "ColorWarning.50" }],
-  // var(--triplex-Calendar-View_Item_Mark_Attention_Background_Selected_Hover)
+  // var(--triplex-next-Calendar-View_Item_Mark_Attention_Background_Selected_Hover)
   View_Item_Mark_Critical_Background_Default: [{ ref: "ColorError.50" }, { ref: "ColorError.50" }],
-  // var(--triplex-Calendar-View_Item_Mark_Critical_Background_Default)
+  // var(--triplex-next-Calendar-View_Item_Mark_Critical_Background_Default)
   View_Item_Mark_Critical_Background_Selected_Default: [{ ref: "ColorError.50" }, { ref: "ColorError.50" }],
-  // var(--triplex-Calendar-View_Item_Mark_Critical_Background_Selected_Default)
+  // var(--triplex-next-Calendar-View_Item_Mark_Critical_Background_Selected_Default)
   View_Item_Mark_Critical_Background_Selected_Hover: [{ ref: "ColorError.50" }, { ref: "ColorError.50" }]
-  // var(--triplex-Calendar-View_Item_Mark_Critical_Background_Selected_Hover)
+  // var(--triplex-next-Calendar-View_Item_Mark_Critical_Background_Selected_Hover)
 };
 export {
   r as Calendar_Tokens,

package/components/Divider/Divider.js

@@ -1,29 +1,29 @@
 import { jsx as n } from "react/jsx-runtime";
-import { c as g } from "../../chunks/vendor-DudMBGKr.js";
-const z = "divider__34bb7a89", i = {
+import { c as g } from "../../chunks/vendor-C_uS77iF.js";
+const z = "divider__ef3d5a88", i = {
   divider: z,
-  "marginTopSize-4": "marginTopSize-4__456f3f02",
-  "marginBottomSize-4": "marginBottomSize-4__54665f18",
-  "marginTopSize-8": "marginTopSize-8__56911d69",
-  "marginBottomSize-8": "marginBottomSize-8__28a66f5e",
-  "marginTopSize-12": "marginTopSize-12__88ed7b21",
-  "marginBottomSize-12": "marginBottomSize-12__f854cb22",
-  "marginTopSize-16": "marginTopSize-16__366a86e9",
-  "marginBottomSize-16": "marginBottomSize-16__03f0855d",
-  "marginTopSize-20": "marginTopSize-20__00071959",
-  "marginBottomSize-20": "marginBottomSize-20__81f0a694",
-  "marginTopSize-24": "marginTopSize-24__af706b99",
-  "marginBottomSize-24": "marginBottomSize-24__bb8066fa",
-  "marginTopSize-28": "marginTopSize-28__d3acb103",
-  "marginBottomSize-28": "marginBottomSize-28__0677b86d",
-  "marginTopSize-32": "marginTopSize-32__0ebb9615",
-  "marginBottomSize-32": "marginBottomSize-32__aa1c69d5"
-}, S = (a) => {
-  const { className: e, marginTopSize: o, marginBottomSize: m, ...r } = a, t = g(
+  "marginTopSize-4": "marginTopSize-4__89a94e65",
+  "marginBottomSize-4": "marginBottomSize-4__20a4d374",
+  "marginTopSize-8": "marginTopSize-8__5e3f7a9f",
+  "marginBottomSize-8": "marginBottomSize-8__d1f7eb24",
+  "marginTopSize-12": "marginTopSize-12__390b509d",
+  "marginBottomSize-12": "marginBottomSize-12__3af73c19",
+  "marginTopSize-16": "marginTopSize-16__9eb49740",
+  "marginBottomSize-16": "marginBottomSize-16__b88805eb",
+  "marginTopSize-20": "marginTopSize-20__94e7563f",
+  "marginBottomSize-20": "marginBottomSize-20__3099ccda",
+  "marginTopSize-24": "marginTopSize-24__fc8eec1f",
+  "marginBottomSize-24": "marginBottomSize-24__a5ac4b81",
+  "marginTopSize-28": "marginTopSize-28__495b7ac5",
+  "marginBottomSize-28": "marginBottomSize-28__b9883570",
+  "marginTopSize-32": "marginTopSize-32__33976235",
+  "marginBottomSize-32": "marginBottomSize-32__ae482ce6"
+}, S = (e) => {
+  const { className: a, marginTopSize: o, marginBottomSize: m, ...r } = e, t = g(
     i.divider,
     o && i[`marginTopSize-${o}`],
     m && i[`marginBottomSize-${m}`],
-    e
+    a
   );
   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-DudMBGKr.js";
+import { c as U } from "../../chunks/vendor-C_uS77iF.js";
 import { Link as Y } from "../Link/Link.js";
-const $ = "documentNumberEdit__f7bf4f85", G = "label__7ba57bb5", H = "inputEditWrapper__7fdfed3e", n = {
+const $ = "documentNumberEdit__b067ec72", G = "label__53a07f2b", H = "inputEditWrapper__a5241adc", c = {
   documentNumberEdit: $,
   label: G,
   inputEditWrapper: H
@@ -18,14 +18,14 @@ const $ = "documentNumberEdit__f7bf4f85", G = "label__7ba57bb5", 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__f7bf4f85", G = "label__7ba57bb5", 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,12 +1,12 @@
 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-DudMBGKr.js";
+import { c as j } from "../../../chunks/vendor-C_uS77iF.js";
 import { EDropdownDirection as u, 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__83931376", Q = "sm__25dcc2e1", X = "md__edbdf881", Y = "lg__79f8f57a", Z = "dropdownDesktopOverflowHidden__d5d008c2", _ = {
+const J = "dropdownDesktop__d91285fd", Q = "sm__a18b07f5", X = "md__86890e9b", Y = "lg__736846b6", Z = "dropdownDesktopOverflowHidden__c0e5fa90", _ = {
   dropdownDesktop: J,
   sm: Q,
   md: X,
@@ -19,13 +19,13 @@ const J = "dropdownDesktop__83931376", Q = "sm__25dcc2e1", X = "md__edbdf881", Y
     style: C,
     size: M = K.MD,
     direction: a = u.AUTO,
-    alignment: k = R.LEFT,
+    alignment: b = R.LEFT,
     width: p = T.CONTENT,
     opened: s,
     targetRef: l,
     setOpened: te,
     ...S
-  } = H, [W, g] = F({ opacity: 0 }), i = I(null), { scopeClassName: z } = q(), x = j(_.dropdownDesktop, $[M], z, A), w = d(
+  } = H, [W, k] = F({ opacity: 0 }), i = I(null), { scopeClassName: z } = q(), x = j(_.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__83931376", Q = "sm__25dcc2e1", X = "md__edbdf881", Y
       e ? (document.addEventListener("wheel", w, { passive: !1 }), document.addEventListener("keydown", h)) : (document.removeEventListener("wheel", w), document.removeEventListener("keydown", h));
     },
     [w, h]
-  ), b = d(
+  ), g = d(
     (e, t, o) => {
       const r = document.documentElement.clientWidth, v = t.left, D = t.right - o;
-      if (k === R.LEFT) {
+      if (b === R.LEFT) {
         const y = v + o <= r;
         e.left = y ? v : Math.max(0, D);
       } else {
@@ -53,7 +53,7 @@ const J = "dropdownDesktop__83931376", Q = "sm__25dcc2e1", X = "md__edbdf881", Y
         e.left = y ? D : Math.max(0, Math.min(v, r - o));
       }
     },
-    [k]
+    [b]
   ), 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);
@@ -63,10 +63,10 @@ const J = "dropdownDesktop__83931376", Q = "sm__25dcc2e1", X = "md__edbdf881", Y
     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), L(o, e, t), b(o, t, r), g(o);
-  }, [l, p, L, b]);
+    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), k(o);
+  }, [l, p, L, g]);
   O(() => {
-    s ? c() : g({ opacity: 0 });
+    s ? c() : k({ opacity: 0 });
   }, [s, c]), O(() => {
     if (!s || i.current === null || l.current === null) return;
     const e = new ResizeObserver(c);
@@ -90,7 +90,7 @@ const J = "dropdownDesktop__83931376", Q = "sm__25dcc2e1", X = "md__edbdf881", Y
       className: x,
       style: { ...W, ...C },
       ...S,
-      "data-tx": "1.27.0",
+      "data-tx": "1.29.0",
       ref: G,
       children: P
     }

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-DudMBGKr.js";
-import { s as D, D as x } from "../../../chunks/DropdownListItem-kVq_Shxy.js";
+import { c as z } from "../../../chunks/vendor-C_uS77iF.js";
+import { s as D, D as x } from "../../../chunks/DropdownListItem-C7Maa_Sz.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-DudMBGKr.js";
+import "../../../chunks/vendor-C_uS77iF.js";
 import "../../../enums/EComponentSize.js";
 import "../../../utils/keyboard.js";
 import "../../Badge/Badge.js";
-import { D } from "../../../chunks/DropdownListItem-kVq_Shxy.js";
+import { D } from "../../../chunks/DropdownListItem-C7Maa_Sz.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-kVq_Shxy.js";
+import { D as e } from "../../../chunks/DropdownListItem-C7Maa_Sz.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-kVq_Shxy.js";
+import { D as i } from "../../chunks/DropdownListItem-C7Maa_Sz.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 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-DxT1Mh6q.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-CaYNuqHU.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.27.0",
+      "data-tx": "1.29.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-DudMBGKr.js";
-import { s as a } from "../../../chunks/DropdownMobile.module-DxT1Mh6q.js";
+import { c as m } from "../../../chunks/vendor-C_uS77iF.js";
+import { s as a } from "../../../chunks/DropdownMobile.module-CaYNuqHU.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-DudMBGKr.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-DxT1Mh6q.js";
+import { c as p } from "../../../chunks/vendor-C_uS77iF.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-CaYNuqHU.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-DudMBGKr.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-DxT1Mh6q.js";
+import { c as a } from "../../../chunks/vendor-C_uS77iF.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-CaYNuqHU.js";
 const p = m.forwardRef(
   ({ children: o, className: r, ...e }, t) => /* @__PURE__ */ s("div", { className: a(i.dropdownMobileFooter, r), ref: t, ...e, children: o })
 );