@sberbusiness/triplex-next 1.17.0 → 1.19.0

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 B, { useState as G, useRef as b, useCallback as s, useEffect as y } from "react";
 import { c as F } from "../../../chunks/vendor-Dlne6Znf.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__5adc3d7e", q = "sm__3af8ae9e", J = "md__64ee3160", Q = "lg__07c8d29c", X = "dropdownDesktopOverflowHidden__75c69e5b", O = {
+const V = "dropdownDesktop__09756d17", q = "sm__ceaec5a9", J = "md__a573b4d4", Q = "lg__21078b6c", X = "dropdownDesktopOverflowHidden__eaff4d5e", 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__5adc3d7e", q = "sm__3af8ae9e", J = "md__64ee3160", 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__5adc3d7e", q = "sm__3af8ae9e", J = "md__64ee3160", Q
   }, [r]);
   y(() => {
     if (c)
-      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);
       };
   }, [c, l, v]);
   const M = (e) => {
@@ -86,7 +86,7 @@ const V = "dropdownDesktop__5adc3d7e", q = "sm__3af8ae9e", J = "md__64ee3160", Q
       className: x,
       style: { ...z, ...P },
       ...R,
-      "data-tx": "1.17.0",
+      "data-tx": "1.19.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-Dlne6Znf.js";
-import { s as C, D as x } from "../../../chunks/DropdownListItem-Cy40lpF7.js";
+import { s as D, D as x } from "../../../chunks/DropdownListItem-DkfeETTd.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";
@@ -9,17 +9,17 @@ import { ELoaderSmallTheme as j } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize as K } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as P } from "../../../utils/classNameMaps.js";
-const U = P(C), Y = (N) => {
+const U = P(D), Y = (N) => {
   const {
     children: u,
     className: O,
     dropdownOpened: i,
     listRef: R,
     loading: A,
-    size: D = K.MD,
+    size: v = K.MD,
     ...M
-  } = N, S = z(C.dropdownDesktopList, U[D], O), { activeDescendant: p, setActiveDescendant: d } = y(V), c = R || l.createRef(), v = B([]), [m, a] = b(void 0), L = l.Children.count(u), I = (e) => {
-    const t = c == null ? void 0 : c.current, r = v.current[e];
+  } = N, S = z(D.dropdownDesktopList, U[v], O), { activeDescendant: p, setActiveDescendant: d } = y(V), c = R || l.createRef(), C = B([]), [m, a] = b(void 0), L = l.Children.count(u), I = (e) => {
+    const t = c == null ? void 0 : c.current, r = C.current[e];
     if (t && r) {
       const { top: n, bottom: o } = t.getBoundingClientRect(), { top: s, bottom: E } = r.getBoundingClientRect(), T = 4;
       n > s ? t.scrollTop = t.scrollTop - n + s - T : E > o && (t.scrollTop = t.scrollTop + E - o + T);
@@ -49,7 +49,7 @@ const U = P(C), Y = (N) => {
   }, [i]), f(() => {
     var e;
     if (i && m !== void 0) {
-      d((e = v.current[m]) == null ? void 0 : e.id);
+      d((e = C.current[m]) == null ? void 0 : e.id);
       return;
     }
     !i && p !== void 0 && d();
@@ -66,13 +66,14 @@ const U = P(C), Y = (N) => {
       var n, o;
       a(void 0), (o = (n = e.props).onMouseOut) == null || o.call(n, r);
     },
+    size: v,
     ref: (r) => {
-      v.current[t] = r;
+      C.current[t] = r;
     }
   }) : e);
   return /* @__PURE__ */ _("div", { className: S, role: "listbox", ...M, ref: c, children: [
     k,
-    A && /* @__PURE__ */ h(x, { id: "dropdown-desktop-list-loader-item", children: /* @__PURE__ */ h(W, { className: C.dropdownDesktopListLoader, theme: j.BRAND, size: D }) })
+    A && /* @__PURE__ */ h(x, { id: "dropdown-desktop-list-loader-item", children: /* @__PURE__ */ h(W, { className: D.dropdownDesktopListLoader, theme: j.BRAND, size: v }) })
   ] });
 };
 Y.Item = x;

package/components/Dropdown/desktop/DropdownListItem.js

@@ -2,9 +2,10 @@ import "react/jsx-runtime";
 import "react";
 import "../../../utils/keyboard.js";
 import "../../../chunks/vendor-Dlne6Znf.js";
-import "../../NotificationIcon/NotificationIcon.js";
-import { D as s } from "../../../chunks/DropdownListItem-Cy40lpF7.js";
+import "../../../enums/EComponentSize.js";
+import "../../Badge/Badge.js";
+import { D } from "../../../chunks/DropdownListItem-DkfeETTd.js";
 export {
-  s as DropdownListItem
+  D as DropdownListItem
 };
 //# sourceMappingURL=DropdownListItem.js.map

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-Cy40lpF7.js";
+import { D as m } from "../../../chunks/DropdownListItem-DkfeETTd.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-Cy40lpF7.js";
+import { D as l } from "../../chunks/DropdownListItem-DkfeETTd.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-CiteH_xj.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-GswY2cBC.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.17.0",
+      "data-tx": "1.19.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-Dlne6Znf.js";
-import { s as a } from "../../../chunks/DropdownMobile.module-CiteH_xj.js";
+import { s as a } from "../../../chunks/DropdownMobile.module-GswY2cBC.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

@@ -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-Dlne6Znf.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-CiteH_xj.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-GswY2cBC.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-Dlne6Znf.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-CiteH_xj.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-GswY2cBC.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-Dlne6Znf.js";
-import { s as o } from "../../../chunks/DropdownMobile.module-CiteH_xj.js";
+import { s as o } from "../../../chunks/DropdownMobile.module-GswY2cBC.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

@@ -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-Dlne6Znf.js";
 import { useToken as B } from "../../ThemeProvider/useToken.js";
-import { s as e } from "../../../chunks/DropdownMobile.module-CiteH_xj.js";
+import { s as e } from "../../../chunks/DropdownMobile.module-GswY2cBC.js";
 const C = y.forwardRef(
   ({
     children: f,

package/components/Dropdown/mobile/DropdownMobileInput.js

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

package/components/Dropdown/mobile/DropdownMobileList.js

@@ -6,7 +6,7 @@ import { LoaderSmall as f } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as c } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { EComponentSize as L } from "../../../enums/EComponentSize.js";
-import { s as r } from "../../../chunks/DropdownMobile.module-CiteH_xj.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-GswY2cBC.js";
 const b = a.forwardRef(
   ({ children: e, className: i, loading: m, ...t }, s) => {
     const d = () => /* @__PURE__ */ o(n, { id: "dropdown-mobile-list-loader-item", children: /* @__PURE__ */ o(

package/components/Dropdown/mobile/DropdownMobileListItem.js

@@ -1,37 +1,38 @@
 import { jsxs as l, jsx as n } from "react/jsx-runtime";
 import x from "react";
-import { c } from "../../../chunks/vendor-Dlne6Znf.js";
-import { Text as I } from "../../Typography/Text.js";
-import { ETextSize as w } from "../../Typography/enums.js";
-import { s as r } from "../../../chunks/DropdownMobile.module-CiteH_xj.js";
-import { NotificationIcon as N } from "../../NotificationIcon/NotificationIcon.js";
-const b = x.forwardRef(
-  ({ children: o, className: m, id: y, onClick: t, onSelect: i, selected: s, showNotificationIcon: a, ...e }, p) => {
+import { c as w } from "../../../chunks/vendor-Dlne6Znf.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-GswY2cBC.js";
+const M = x.forwardRef(
+  ({ children: o, className: m, id: b, onClick: t, onSelect: i, selected: e, showNotificationIcon: s, ...a }, p) => {
     const f = (d) => {
       i == null || i(), t == null || t(d);
     };
     return /* @__PURE__ */ l(
-      I,
+      z,
       {
         tag: "div",
-        size: w.B3,
-        className: c(r.dropdownMobileListItem, { [r.selected]: !!s }, m),
-        "aria-selected": !!s,
+        size: B.B3,
+        className: w(r.dropdownMobileListItem, { [r.selected]: !!e }, m),
+        "aria-selected": !!e,
         role: "option",
         ref: p,
         onClick: f,
         title: typeof o == "string" ? o : void 0,
-        ...e,
+        ...a,
         children: [
           o,
-          a && /* @__PURE__ */ n(N, { className: r.notificationIcon })
+          s && /* @__PURE__ */ n(D.Dot, { size: I.MD, className: r.notificationIcon })
         ]
       }
     );
   }
 );
-b.displayName = "DropdownMobileListItem";
+M.displayName = "DropdownMobileListItem";
 export {
-  b as DropdownMobileListItem
+  M as DropdownMobileListItem
 };
 //# sourceMappingURL=DropdownMobileListItem.js.map

package/components/Dropdown/mobile/DropdownMobileLoader.js

@@ -4,7 +4,7 @@ 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-CiteH_xj.js";
+import { s } from "../../../chunks/DropdownMobile.module-GswY2cBC.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-Dlne6Znf.js";
 import { FormFieldMaskedInput as o } from "../../FormField/components/FormFieldMaskedInput.js";
-const t = "dropdownMobileMaskedInput__47eb6b36", r = {
+const t = "dropdownMobileMaskedInput__1f216520", r = {
   dropdownMobileMaskedInput: t
-}, n = ({ className: e, ...s }) => /* @__PURE__ */ p(o, { className: d(r.dropdownMobileMaskedInput, e), ...s });
+}, n = ({ className: s, ...e }) => /* @__PURE__ */ p(o, { className: d(r.dropdownMobileMaskedInput, s), ...e });
 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-Dlne6Znf.js";
-const m = "ellipsisLineClamp__c0af19cc", r = "oneLine__b5177e81", e = {
-  ellipsisLineClamp: m,
+import { c as m } from "../../chunks/vendor-Dlne6Znf.js";
+const c = "ellipsisLineClamp__7107058b", r = "oneLine__8d194f6d", e = {
+  ellipsisLineClamp: c,
   oneLine: r
-}, f = t.forwardRef(
-  ({ children: i, maxLines: s, className: l, ...n }, a) => {
-    const o = c(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
-    return /* @__PURE__ */ p(
+}, d = 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.17.0",
-        ref: a,
+        "data-tx": "1.19.0",
+        ref: o,
         children: i
       }
     );
   }
 );
-f.displayName = "Ellipsis";
+d.displayName = "Ellipsis";
 export {
-  f as Ellipsis
+  d as Ellipsis
 };
 //# sourceMappingURL=Ellipsis.js.map

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,7 +1,7 @@
 import { jsx as g } from "react/jsx-runtime";
 import N, { useRef as E } from "react";
 import { E as U, c as j } from "../../chunks/vendor-Dlne6Znf.js";
-const F = "expandAnimation__aaeb7765", I = {
+const F = "expandAnimation__59515ecb", I = {
   expandAnimation: F
 }, L = 300, M = N.forwardRef(
   ({

package/components/Footer/Footer.js

@@ -5,7 +5,7 @@ import "./components/FooterDescriptionControls.js";
 import "./components/FooterDescriptionContent.js";
 const p = Object.assign(
   i.forwardRef(function({ children: o, ...t }, r) {
-    return /* @__PURE__ */ e("div", { ...t, "data-tx": "1.17.0", ref: r, children: o });
+    return /* @__PURE__ */ e("div", { ...t, "data-tx": "1.19.0", ref: r, children: o });
   }),
   {
     Description: m

package/components/Footer/components/FooterDescription.js

@@ -3,7 +3,7 @@ import s from "react";
 import { FooterDescriptionContent as n } from "./FooterDescriptionContent.js";
 import { FooterDescriptionControls as m } from "./FooterDescriptionControls.js";
 import { c as p } from "../../../chunks/vendor-Dlne6Znf.js";
-import { s as c } from "../../../chunks/Footer.module-DnotaF0A.js";
+import { s as c } from "../../../chunks/Footer.module-eHCIMM8b.js";
 const f = Object.assign(
   s.forwardRef(function({ children: o, className: t, ...r }, e) {
     return /* @__PURE__ */ i("div", { className: p(c.footerDescription, t), ...r, ref: e, children: o });

package/components/Footer/components/FooterDescriptionContent.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import i from "react";
 import { c as m } from "../../../chunks/vendor-Dlne6Znf.js";
-import { s as n } from "../../../chunks/Footer.module-DnotaF0A.js";
+import { s as n } from "../../../chunks/Footer.module-eHCIMM8b.js";
 const a = i.forwardRef(
   ({ children: o, className: t, ...r }, e) => /* @__PURE__ */ s("div", { className: m(n.footerDescriptionContent, t), ...r, ref: e, children: o })
 );

package/components/Footer/components/FooterDescriptionControls.js

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

package/components/FormField/FormField.js

@@ -6,9 +6,9 @@ import { TARGET_PADDING_X_DEFAULT as _ } from "./consts.js";
 import { EFormFieldStatus as s } from "./enums.js";
 import { EComponentSize as G } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as I } from "../../utils/classNameMaps.js";
-const L = "formField__eeb249da", P = "disabled__f0d34e29", y = "active__bbf7633c", U = "error__b0552519", z = "warning__e0a93e19", j = "sm__159406fa", B = "md__7a7f132f", H = "lg__2beef4b4", e = {
+const L = "formField__fc08e4c3", P = "disabled__14701dd3", y = "active__056a52be", U = "error__39c7a9e4", z = "warning__1176a2bd", j = "sm__a7ae96c7", B = "md__ffbed6db", H = "lg__f83881eb", e = {
   formField: L,
-  default: "default__1fc86d4a",
+  default: "default__4ef2b64f",
   disabled: P,
   active: y,
   error: U,
@@ -32,10 +32,10 @@ const L = "formField__eeb249da", P = "disabled__f0d34e29", y = "active__bbf7633c
     size: i = G.LG,
     ...b
   }, g) => {
-    const [l, h] = t(!1), [u, m] = t(!1), [v, E] = t(""), [f, N] = t(_), [c, R] = t(_), [T, A] = t(!1), D = (a) => {
-      m(!0), o == null || o(a);
+    const [l, h] = t(!1), [u, c] = t(!1), [v, E] = t(""), [m, N] = t(_), [f, R] = t(_), [T, A] = t(!1), D = (a) => {
+      c(!0), o == null || o(a);
     }, w = (a) => {
-      m(!1), r == null || r(a);
+      c(!1), r == null || r(a);
     };
     return /* @__PURE__ */ n(
       W.Provider,
@@ -45,8 +45,8 @@ const L = "formField__eeb249da", P = "disabled__f0d34e29", y = "active__bbf7633c
           focused: l,
           hovered: u,
           id: v,
-          postfixWidth: f,
-          prefixWidth: c,
+          postfixWidth: m,
+          prefixWidth: f,
           setFocused: h,
           setId: E,
           setPostfixWidth: N,
@@ -69,8 +69,8 @@ const L = "formField__eeb249da", P = "disabled__f0d34e29", y = "active__bbf7633c
             ),
             onMouseEnter: D,
             onMouseLeave: w,
-            "data-tx": "1.17.0",
-            style: { paddingLeft: c, paddingRight: f, ...x },
+            "data-tx": "1.19.0",
+            style: { paddingLeft: f, paddingRight: m, ...x },
             ...b,
             ref: g,
             children: p

package/components/FormField/components/FormFieldClear.js

@@ -1,26 +1,26 @@
 import { jsx as o } from "react/jsx-runtime";
-import f, { useContext as F } from "react";
+import n, { useContext as F } from "react";
 import { c as p } from "../../../chunks/vendor-Dlne6Znf.js";
 import { CrossStrokeSrvIcon16 as h } from "@sberbusiness/icons-next";
 import { FormFieldContext as C } from "../FormFieldContext.js";
 import { EFormFieldStatus as u } from "../enums.js";
 import { ButtonIcon as x } from "../../Button/ButtonIcon.js";
-const _ = "formFieldClear__ee20add1", v = "hidden__a846d5e4", t = {
+const _ = "formFieldClear__92d835d1", v = "hidden__0bfb0fdc", t = {
   formFieldClear: _,
   hidden: v
-}, I = f.forwardRef(
-  ({ className: d, onMouseDown: e, ...l }, a) => {
-    const { status: m, focused: s, hovered: i, valueExist: n } = F(C), c = p(
+}, I = n.forwardRef(
+  ({ className: d, onMouseDown: e, ...l }, m) => {
+    const { status: s, focused: a, hovered: i, valueExist: f } = F(C), c = p(
       t.formFieldClear,
       "hoverable",
       {
-        [t.hidden]: !n || m === u.DISABLED || !(s || i)
+        [t.hidden]: !f || s === u.DISABLED || !(a || i)
       },
       d
     );
     return /* @__PURE__ */ o(x, { className: c, onMouseDown: (r) => {
       r.preventDefault(), e == null || e(r);
-    }, ...l, ref: a, children: /* @__PURE__ */ o(h, { paletteIndex: 5 }) });
+    }, ...l, ref: m, children: /* @__PURE__ */ o(h, { paletteIndex: 5 }) });
   }
 );
 I.displayName = "FormFieldClear";

package/components/FormField/components/FormFieldCounter.js

@@ -1,16 +1,16 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useContext as i, useEffect as m } from "react";
 import { FormFieldDescriptionContext as n } from "../FormFieldDescriptionContext.js";
-const s = "formFieldCounter__54703cbd", u = {
+const s = "formFieldCounter__7c0a1bc8", u = {
   formFieldCounter: s
-}, d = ({ children: o, ...e }) => {
+}, l = ({ children: o, ...e }) => {
   const { setWithCounter: t } = i(n);
   return m(() => {
     t(!0);
   }, []), /* @__PURE__ */ r("div", { className: u.formFieldCounter, ...e, children: o });
 };
-d.displayName = "FormFieldCounter";
+l.displayName = "FormFieldCounter";
 export {
-  d as FormFieldCounter
+  l as FormFieldCounter
 };
 //# sourceMappingURL=FormFieldCounter.js.map

package/components/FormField/components/FormFieldDescription.js

@@ -2,15 +2,15 @@ import { jsx as t } from "react/jsx-runtime";
 import { useState as n } from "react";
 import { c } from "../../../chunks/vendor-Dlne6Znf.js";
 import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
-const l = "formFieldDescription__08896a93", p = "withCounter__c618e83b", i = {
+const l = "formFieldDescription__2dc13aea", d = "withCounter__b9a42d22", i = {
   formFieldDescription: l,
-  withCounter: p
-}, d = ({ children: e, ...r }) => {
+  withCounter: d
+}, p = ({ children: e, ...r }) => {
   const [o, s] = n(!1);
   return /* @__PURE__ */ t(m.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: c(i.formFieldDescription, { [i.withCounter]: o }), ...r, children: e }) });
 };
-d.displayName = "FormFieldDescription";
+p.displayName = "FormFieldDescription";
 export {
-  d as FormFieldDescription
+  p as FormFieldDescription
 };
 //# sourceMappingURL=FormFieldDescription.js.map

package/components/FormField/components/FormFieldInput.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../FormFieldContext.js";
 import "../../../chunks/vendor-Dlne6Znf.js";
-import { F as a } from "../../../chunks/FormFieldInput-AMteABRz.js";
+import { F as a } from "../../../chunks/FormFieldInput-Bf7Hleek.js";
 import "../enums.js";
 import "../../../utils/classNameMaps.js";
 export {