@sberbusiness/triplex-next 0.32.0 → 0.33.0

package/components/CollapsibleTree/CollapsibleTree.js

@@ -1,17 +1,17 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import { c } from "../../chunks/vendor-z35N2Tap.js";
 import { CollapsibleTreeExtended as m } from "../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
 import { CollapsibleTreeBranchNode as t } from "./components/CollapsibleTreeBranchNode.js";
-const b = "collapsibleTree__e1f419fc", d = {
-  collapsibleTree: b
-}, T = ({ nodes: e, className: p, ...a }) => /* @__PURE__ */ i(m, { ...a, className: c(d.collapsibleTree, p), children: e.map((l, o) => {
-  var r, s;
-  return /* @__PURE__ */ i(
+const d = "collapsibleTree__4a0da787", b = {
+  collapsibleTree: d
+}, T = ({ nodes: e, className: i, ...p }) => /* @__PURE__ */ s(m, { ...p, className: c(b.collapsibleTree, i), children: e.map((l, o) => {
+  var r, a;
+  return /* @__PURE__ */ s(
     t,
     {
       node: l,
       prevNodeId: (r = e[o - 1]) == null ? void 0 : r.id,
-      nextNodeId: (s = e[o + 1]) == null ? void 0 : s.id
+      nextNodeId: (a = e[o + 1]) == null ? void 0 : a.id
     },
     l.id
   );

package/components/CollapsibleTree/components/CollapsibleTreeLeafContent.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
 import { c as n } from "../../../chunks/vendor-z35N2Tap.js";
-const r = "collapsibleTreeLeafContent__ad2f1fc5", f = {
+const r = "collapsibleTreeLeafContent__c701efef", f = {
   collapsibleTreeLeafContent: r
 }, c = s(
   ({ children: e, className: o, ...l }, t) => /* @__PURE__ */ a("div", { ref: t, className: n(f.collapsibleTreeLeafContent, o), ...l, children: e })

package/components/CollapsibleTree/components/CollapsibleTreeLeafNode.js

@@ -1,8 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
 import { CollapsibleTreeExtended as a } from "../../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
-import { CollapsibleTreeLeafContent as s } from "./CollapsibleTreeLeafContent.js";
-import { x as d } from "../../../chunks/vendor-z35N2Tap.js";
-const i = "collapsibleTreeLeafNode__63346e67", p = {
+import { CollapsibleTreeLeafContent as d } from "./CollapsibleTreeLeafContent.js";
+import { x as s } from "../../../chunks/vendor-z35N2Tap.js";
+const i = "collapsibleTreeLeafNode__3dbe149d", p = {
   collapsibleTreeLeafNode: i
 }, t = ({ node: e, prevNodeId: l, nextNodeId: r }) => /* @__PURE__ */ o(
   a.Node,
@@ -10,10 +10,10 @@ const i = "collapsibleTreeLeafNode__63346e67", p = {
     className: p.collapsibleTreeLeafNode,
     id: e.id,
     opened: !0,
-    toggle: d,
+    toggle: s,
     prevNodeId: l,
     nextNodeId: r,
-    renderHeader: () => /* @__PURE__ */ o(s, { children: e.content }),
+    renderHeader: () => /* @__PURE__ */ o(d, { children: e.content }),
     renderBody: () => null
   }
 );

package/components/CollapsibleTree/components/CollapsibleTreeNodeHeader.js

@@ -2,21 +2,21 @@ import { jsxs as b, jsx as m } from "react/jsx-runtime";
 import { forwardRef as v } from "react";
 import { CaretrightStrokeSrvIcon24 as _ } from "@sberbusiness/icons-next";
 import { c as a } from "../../../chunks/vendor-z35N2Tap.js";
-const f = "collapsibleTreeNodeHeader__47e754d5", x = "interactive__5e29b658", H = "chevron__364520ca", T = "opened__1b1babdd", r = {
+const f = "collapsibleTreeNodeHeader__0d669503", x = "interactive__1814e4e8", H = "chevron__9a05782b", T = "opened__1b984d20", r = {
   collapsibleTreeNodeHeader: f,
   interactive: x,
   chevron: H,
   opened: T
 }, N = v(
-  ({ children: c, className: n, opened: o, toggle: d, onClick: t, hasChildNodes: e, ...i }, l) => {
+  ({ children: c, className: n, opened: o, toggle: i, onClick: t, hasChildNodes: e, ...l }, d) => {
     const s = (p) => {
-      e && d(!o), t == null || t(p);
+      e && i(!o), t == null || t(p);
     };
     return /* @__PURE__ */ b(
       "button",
       {
-        ...i,
-        ref: l,
+        ...l,
+        ref: d,
         type: "button",
         className: a(r.collapsibleTreeNodeHeader, n, { [r.interactive]: e }),
         onClick: s,

package/components/CollapsibleTreeExtended/components/CollapsibleTreeExtendedNode.js

@@ -1,12 +1,12 @@
-var b = Object.defineProperty;
-var C = (c, d, e) => d in c ? b(c, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[d] = e;
-var a = (c, d, e) => C(c, typeof d != "symbol" ? d + "" : d, e);
+var C = Object.defineProperty;
+var b = (c, d, e) => d in c ? C(c, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[d] = e;
+var a = (c, d, e) => b(c, typeof d != "symbol" ? d + "" : d, e);
 import { jsx as g } from "react/jsx-runtime";
 import f from "react";
 import { TreeView as h } from "../../TreeView/TreeView.js";
 import { AccordionBase as x } from "../../AccordionBase/protected/AccordionBase.js";
 import { c as y } from "../../../chunks/vendor-z35N2Tap.js";
-const u = "collapsibleTreeExtendedNodeContent__b6bbc094", T = {
+const u = "collapsibleTreeExtendedNodeContent__b8e04b63", T = {
   collapsibleTreeExtendedNodeContent: u
 };
 class B extends f.Component {

package/components/Confirm/Confirm.js

@@ -9,7 +9,7 @@ import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
 import { EConfirmParentComponent as o } from "./enums.js";
-import { s as r } from "../../chunks/Confirm.module-DXe0cS1V.js";
+import { s as r } from "../../chunks/Confirm.module-Bek5Y_d5.js";
 const d = {
   [o.LIGHTBOX]: r.isInLightBox,
   [o.SIDE_OVERLAY_SM]: r.isInSideOverlaySM,

package/components/Confirm/components/ConfirmCloseButton.js

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import s from "react";
 import { CrossStrokeSrvIcon20 as i } from "@sberbusiness/icons-next";
 import { c as n } from "../../../chunks/vendor-z35N2Tap.js";
-import { s as f } from "../../../chunks/Confirm.module-DXe0cS1V.js";
+import { s as f } from "../../../chunks/Confirm.module-Bek5Y_d5.js";
 import { Button as p } from "../../Button/Button.js";
 import { EButtonTheme as a } from "../../Button/enums.js";
 import { EComponentSize as c } from "../../../enums/EComponentSize.js";

package/components/Confirm/components/ConfirmContent.js

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import { ConfirmContentSubTitle as r } from "./ConfirmContentSubTitle.js";
 import { ConfirmContentTitle as e } from "./ConfirmContentTitle.js";
 import { c as s } from "../../../chunks/vendor-z35N2Tap.js";
-import { s as f } from "../../../chunks/Confirm.module-DXe0cS1V.js";
+import { s as f } from "../../../chunks/Confirm.module-Bek5Y_d5.js";
 const o = ({ children: t, className: m, ...i }) => /* @__PURE__ */ n("div", { className: s(m, f.confirmContent), ...i, children: t });
 o.displayName = "ConfirmContent";
 o.Title = e;

package/components/Confirm/components/ConfirmContentTitle.js

@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 import { ETitleSize as e } from "../../Typography/enums.js";
 import { Title as s } from "../../Typography/Title.js";
 import { c as n } from "../../../chunks/vendor-z35N2Tap.js";
-import { s as l } from "../../../chunks/Confirm.module-DXe0cS1V.js";
+import { s as l } from "../../../chunks/Confirm.module-Bek5Y_d5.js";
 const f = ({
   children: t,
   className: o,

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-z35N2Tap.js";
-import { s as i } from "../../../chunks/Confirm.module-DXe0cS1V.js";
+import { s as i } from "../../../chunks/Confirm.module-Bek5Y_d5.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/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-Bp1g9j21.js";
+import "../../chunks/DropdownListItem-9uM7fY6X.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.32.0",
+      "data-tx": "0.33.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-z35N2Tap.js";
 import { Dropdown as w } from "../Dropdown/Dropdown.js";
-import { DatePickerExtendedContext as x } from "./DatePickerExtendedContext.js";
+import { DatePickerExtendedContext as b } 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,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__3aa38a47", C = {
+const h = "datePickerExtendedMobileDropdown__b9672f6a", 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: a, renderHeaderTarget: c, renderCalendar: t, focusTrapProps: o, ...p } = i, { mouseUsedRef: n, setDropdownOpen: l } = u(b);
     return /* @__PURE__ */ e(
       w,
       {
@@ -28,7 +28,7 @@ const h = "datePickerExtendedMobileDropdown__3aa38a47", C = {
         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(x, { children: t(!0) })
           ] }),
           className: C.datePickerExtendedMobileDropdown
         },

package/components/DateRange/DateRange.js

@@ -4,7 +4,7 @@ import { CaretleftStrokeSrvIcon20 as D, RangeStrokeSrvIcon16 as Y, CaretrightStr
 import { dateFormatYYYYMMDD as r } from "../../consts/DateConst.js";
 import { EDateRangeShiftUnit as E } from "./enums.js";
 import { c as i } from "../../chunks/vendor-z35N2Tap.js";
-const F = "dateRange__0a9ed7c9", M = "dateRangeButton__52ac2860", h = "separator__6ab3d979", d = {
+const F = "dateRange__4689d3bf", M = "dateRangeButton__761a4017", h = "separator__0850bc89", d = {
   dateRange: F,
   dateRangeButton: M,
   separator: h
@@ -19,8 +19,8 @@ const F = "dateRange__0a9ed7c9", M = "dateRangeButton__52ac2860", h = "separator
   renderPickerFrom: f,
   renderPickerTo: u,
   renderButtonForward: S,
-  renderButtonBack: k,
-  ...b
+  renderButtonBack: b,
+  ...k
 }) => {
   const [t, a] = g, x = i(d.dateRange, R), B = (e) => {
     !e || !a || e <= a ? o([e, a]) : o([e, ""]);
@@ -43,8 +43,8 @@ const F = "dateRange__0a9ed7c9", M = "dateRangeButton__52ac2860", h = "separator
       m.add(n, s).format(r)
     ]);
   };
-  return /* @__PURE__ */ v("div", { className: x, ...b, children: [
-    !p && 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),

package/components/DesignTokens/DesignTokenUtils.js

@@ -7,7 +7,7 @@ import { k as l } from "../../chunks/vendor-z35N2Tap.js";
 const n = {
   getCSSVariableByTokenGroup: (t, s) => {
     const e = Object.keys(t)[0], r = "triplex-next";
-    let o = "0.32.0";
+    let o = "0.33.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/Button.js

@@ -78,7 +78,7 @@ const r = [
   // var(--triplex-next-Button-Secondary_Color_Hover)
   Secondary_Shadow_Focus: [{ value: "0 0 0 1px #FFD169 inset" }, { value: "0 0 0 1px #FFD169 inset" }],
   // var(--triplex-next-Button-Secondary_Shadow_Focus)
-  SecondaryLight_Background_Active: [{ ref: "ColorNeutral.40" }, { ref: "ColorDarkNeutral.70" }],
+  SecondaryLight_Background_Active: [{ ref: "ColorNeutral.30" }, { ref: "ColorDarkNeutral.100" }],
   // var(--triplex-next-Button-SecondaryLight_Background_Active)
   SecondaryLight_Background_Default: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
   // var(--triplex-next-Button-SecondaryLight_Background_Default)

package/components/DesignTokens/components/Chip.js

@@ -19,7 +19,7 @@ const e = [
   "Color_Selected_Hover",
   "Shadow_Focus"
 ], r = {
-  Background_Active: [{ ref: "ColorNeutral.40" }, { ref: "ColorDarkNeutral.100" }],
+  Background_Active: [{ ref: "ColorNeutral.40" }, { ref: "ColorDarkNeutral.70" }],
   // var(--triplex-next-Chip-Background_Active)
   Background_Disabled: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-Chip-Background_Disabled)

package/components/DesignTokens/components/LightBox.js

@@ -1,11 +1,17 @@
-const o = ["Backdrop_Background", "Content_Background"], r = {
+const r = [
+  "Backdrop_Background",
+  "Content_Background",
+  "SideOverlay_Background"
+], o = {
   Backdrop_Background: [{ ref: "ColorDarkNeutralAlpha.30" }, { ref: "ColorDarkNeutralAlpha.30" }],
   // var(--triplex-next-LightBox-Backdrop_Background)
-  Content_Background: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.0" }]
+  Content_Background: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.0" }],
   // var(--triplex-next-LightBox-Content_Background)
+  SideOverlay_Background: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.20" }]
+  // var(--triplex-next-LightBox-SideOverlay_Background)
 };
 export {
-  r as LightBox_Tokens,
-  o as designTokensComponentsLightBoxKeys
+  o as LightBox_Tokens,
+  r as designTokensComponentsLightBoxKeys
 };
 //# sourceMappingURL=LightBox.js.map

package/components/DesignTokens/components/Tabs.js

@@ -10,11 +10,11 @@ const r = [
   "Tab_BorderColor_Default",
   "Tab_BorderColor_Focus"
 ], e = {
-  Type1_Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.70" }],
+  Type1_Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-Tabs-Type1_Background)
   Type2_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
   // var(--triplex-next-Tabs-Type2_Background)
-  Type1_Tab_Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.70" }],
+  Type1_Tab_Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-Tabs-Type1_Tab_Background_Default)
   Type2_Tab_Background_Default: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
   // var(--triplex-next-Tabs-Type2_Tab_Background_Default)

package/components/Divider/Divider.js

@@ -1,23 +1,23 @@
 import { jsx as n } from "react/jsx-runtime";
 import { c as g } from "../../chunks/vendor-z35N2Tap.js";
-const z = "divider__3d6459bf", i = {
+const z = "divider__c6eab180", i = {
   divider: z,
-  "marginTopSize-4": "marginTopSize-4__f810c8e7",
-  "marginBottomSize-4": "marginBottomSize-4__940a88b9",
-  "marginTopSize-8": "marginTopSize-8__3d593179",
-  "marginBottomSize-8": "marginBottomSize-8__01a10906",
-  "marginTopSize-12": "marginTopSize-12__2782f6b3",
-  "marginBottomSize-12": "marginBottomSize-12__1b86d3e7",
-  "marginTopSize-16": "marginTopSize-16__773e1120",
-  "marginBottomSize-16": "marginBottomSize-16__3ad6ec2b",
-  "marginTopSize-20": "marginTopSize-20__32e9baa0",
-  "marginBottomSize-20": "marginBottomSize-20__54e6e869",
-  "marginTopSize-24": "marginTopSize-24__bac03785",
-  "marginBottomSize-24": "marginBottomSize-24__abf51ecc",
-  "marginTopSize-28": "marginTopSize-28__8bac4f84",
-  "marginBottomSize-28": "marginBottomSize-28__f66b4bab",
-  "marginTopSize-32": "marginTopSize-32__8bd93ed9",
-  "marginBottomSize-32": "marginBottomSize-32__cd17e8d6"
+  "marginTopSize-4": "marginTopSize-4__16e55e18",
+  "marginBottomSize-4": "marginBottomSize-4__e4222f47",
+  "marginTopSize-8": "marginTopSize-8__23beaf81",
+  "marginBottomSize-8": "marginBottomSize-8__d9b8ebd5",
+  "marginTopSize-12": "marginTopSize-12__9ef2f896",
+  "marginBottomSize-12": "marginBottomSize-12__297b745b",
+  "marginTopSize-16": "marginTopSize-16__bd26fed8",
+  "marginBottomSize-16": "marginBottomSize-16__b5dd8acb",
+  "marginTopSize-20": "marginTopSize-20__07692071",
+  "marginBottomSize-20": "marginBottomSize-20__df1a9fd5",
+  "marginTopSize-24": "marginTopSize-24__25aa35fb",
+  "marginBottomSize-24": "marginBottomSize-24__0d606c49",
+  "marginTopSize-28": "marginTopSize-28__706d13d1",
+  "marginBottomSize-28": "marginBottomSize-28__d4ad36db",
+  "marginTopSize-32": "marginTopSize-32__8eaab7d1",
+  "marginBottomSize-32": "marginBottomSize-32__fdafe27f"
 }, S = (e) => {
   const { className: a, marginTopSize: o, marginBottomSize: m, ...r } = e, t = g(
     i.divider,

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-z35N2Tap.js";
 import { Link as Y } from "../Link/Link.js";
-const $ = "documentNumberEdit__b95df095", G = "label__d6f2eb15", H = "inputEditWrapper__bd2e5a5e", n = {
+const $ = "documentNumberEdit__fe77efb6", G = "label__42ececea", H = "inputEditWrapper__a5407744", c = {
   documentNumberEdit: $,
   label: G,
   inputEditWrapper: H
@@ -18,14 +18,14 @@ const $ = "documentNumberEdit__b95df095", G = "label__d6f2eb15", 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__b95df095", G = "label__d6f2eb15", 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

@@ -6,7 +6,7 @@ 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__4551f130", Q = "sm__20dc6f9e", X = "md__9eb9d48c", Y = "lg__6a519970", Z = "dropdownDesktopOverflowHidden__c2637f3c", k = {
+const J = "dropdownDesktop__b175e963", Q = "sm__baa246d6", X = "md__c2e6462e", Y = "lg__f57029ad", Z = "dropdownDesktopOverflowHidden__54d071a8", k = {
   dropdownDesktop: J,
   sm: Q,
   md: X,
@@ -22,10 +22,10 @@ const J = "dropdownDesktop__4551f130", Q = "sm__20dc6f9e", X = "md__9eb9d48c", Y
     alignment: _ = 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, b] = F({ opacity: 0 }), i = I(null), { scopeClassName: z } = q(), x = j(k.dropdownDesktop, $[M], z, A), w = d(
     (e) => {
       var t;
       (t = i.current) != null && t.contains(e.target) || e.preventDefault();
@@ -42,7 +42,7 @@ const J = "dropdownDesktop__4551f130", Q = "sm__20dc6f9e", X = "md__9eb9d48c", 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 (_ === R.LEFT) {
@@ -59,22 +59,22 @@ const J = "dropdownDesktop__4551f130", Q = "sm__20dc6f9e", X = "md__9eb9d48c", Y
       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);
     },
     [a]
-  ), l = d(() => {
-    if (i.current === null || c.current === null) return;
-    const e = i.current.getBoundingClientRect(), t = c.current.getBoundingClientRect(), o = {};
+  ), 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), L(o, e, t), b(o, t, r), g(o);
-  }, [c, 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), b(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() : b({ 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__4551f130", Q = "sm__20dc6f9e", X = "md__9eb9d48c", Y
       className: x,
       style: { ...W, ...C },
       ...S,
-      "data-tx": "0.32.0",
+      "data-tx": "0.33.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-z35N2Tap.js";
-import { s as D, D as x } from "../../../chunks/DropdownListItem-Bp1g9j21.js";
+import { s as D, D as x } from "../../../chunks/DropdownListItem-9uM7fY6X.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-z35N2Tap.js";
 import "../../../enums/EComponentSize.js";
 import "../../../utils/keyboard.js";
 import "../../Badge/Badge.js";
-import { D } from "../../../chunks/DropdownListItem-Bp1g9j21.js";
+import { D } from "../../../chunks/DropdownListItem-9uM7fY6X.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-Bp1g9j21.js";
+import { D as e } from "../../../chunks/DropdownListItem-9uM7fY6X.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-Bp1g9j21.js";
+import { D as i } from "../../chunks/DropdownListItem-9uM7fY6X.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-B-gfhyrz.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-Dn9sFUCq.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.32.0",
+      "data-tx": "0.33.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-z35N2Tap.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-B-gfhyrz.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-Dn9sFUCq.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-z35N2Tap.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-B-gfhyrz.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-Dn9sFUCq.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-z35N2Tap.js";
-import { s as p } from "../../../chunks/DropdownMobile.module-B-gfhyrz.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-Dn9sFUCq.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-z35N2Tap.js";
-import { s as o } from "../../../chunks/DropdownMobile.module-B-gfhyrz.js";
+import { s as o } from "../../../chunks/DropdownMobile.module-Dn9sFUCq.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-z35N2Tap.js";
 import { useToken as B } from "../../ThemeProvider/useToken.js";
-import { s as e } from "../../../chunks/DropdownMobile.module-B-gfhyrz.js";
+import { s as e } from "../../../chunks/DropdownMobile.module-Dn9sFUCq.js";
 const C = y.forwardRef(
   ({
     children: m,

package/components/Dropdown/mobile/DropdownMobileInput.js

@@ -1,10 +1,10 @@
 import { jsx as t } from "react/jsx-runtime";
 import r from "react";
-import { c as d } from "../../../chunks/vendor-z35N2Tap.js";
-const e = "dropdownMobileInput__cfaaab43", i = {
-  dropdownMobileInput: e
+import { c as e } from "../../../chunks/vendor-z35N2Tap.js";
+const d = "dropdownMobileInput__e31f24be", i = {
+  dropdownMobileInput: d
 }, s = r.forwardRef(
-  ({ className: o, ...p }, n) => /* @__PURE__ */ t("input", { className: d(i.dropdownMobileInput, o), ...p, ref: n })
+  ({ className: o, ...p }, n) => /* @__PURE__ */ t("input", { className: e(i.dropdownMobileInput, o), ...p, ref: n })
 );
 s.displayName = "DropdownMobileInput";
 export {

package/components/Dropdown/mobile/DropdownMobileList.js

@@ -6,7 +6,7 @@ import { ELoaderSmallTheme as b } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize as w } from "../../../enums/EComponentSize.js";
 import { DropdownMobileListItem as M } from "./DropdownMobileListItem.js";
-import { s as r } from "../../../chunks/DropdownMobile.module-B-gfhyrz.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-Dn9sFUCq.js";
 const u = p.forwardRef(
   ({ children: e, className: i, loading: t, ...m }, s) => {
     const [d] = n(() => c()), a = () => /* @__PURE__ */ o(M, { id: d, className: r.dropdownMobileListLoader, children: /* @__PURE__ */ o(L, { theme: b.BRAND, size: w.MD }) });