@sberbusiness/triplex-next 1.25.0 → 1.27.0

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__fdb647f3", Q = "sm__fc1b2fec", X = "md__47789f5a", Y = "lg__31408154", Z = "dropdownDesktopOverflowHidden__a01c200a", _ = {
+const J = "dropdownDesktop__83931376", Q = "sm__25dcc2e1", X = "md__edbdf881", Y = "lg__79f8f57a", Z = "dropdownDesktopOverflowHidden__d5d008c2", _ = {
   dropdownDesktop: J,
   sm: Q,
   md: X,
@@ -25,7 +25,7 @@ const J = "dropdownDesktop__fdb647f3", Q = "sm__fc1b2fec", X = "md__47789f5a", Y
     targetRef: l,
     setOpened: te,
     ...S
-  } = H, [W, b] = F({ opacity: 0 }), i = I(null), { scopeClassName: z } = q(), x = j(_.dropdownDesktop, $[M], z, A), w = d(
+  } = H, [W, g] = 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,7 +42,7 @@ const J = "dropdownDesktop__fdb647f3", Q = "sm__fc1b2fec", X = "md__47789f5a", Y
       e ? (document.addEventListener("wheel", w, { passive: !1 }), document.addEventListener("keydown", h)) : (document.removeEventListener("wheel", w), document.removeEventListener("keydown", h));
     },
     [w, h]
-  ), g = d(
+  ), b = d(
     (e, t, o) => {
       const r = document.documentElement.clientWidth, v = t.left, D = t.right - o;
       if (k === R.LEFT) {
@@ -63,10 +63,10 @@ const J = "dropdownDesktop__fdb647f3", Q = "sm__fc1b2fec", X = "md__47789f5a", 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), g(o, t, r), b(o);
-  }, [l, p, L, g]);
+    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]);
   O(() => {
-    s ? c() : b({ opacity: 0 });
+    s ? c() : g({ 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__fdb647f3", Q = "sm__fc1b2fec", X = "md__47789f5a", Y
       className: x,
       style: { ...W, ...C },
       ...S,
-      "data-tx": "1.25.0",
+      "data-tx": "1.27.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-DEiNYa7V.js";
+import { s as D, D as x } from "../../../chunks/DropdownListItem-kVq_Shxy.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-DudMBGKr.js";
 import "../../../enums/EComponentSize.js";
 import "../../../utils/keyboard.js";
 import "../../Badge/Badge.js";
-import { D } from "../../../chunks/DropdownListItem-DEiNYa7V.js";
+import { D } from "../../../chunks/DropdownListItem-kVq_Shxy.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-DEiNYa7V.js";
+import { D as e } from "../../../chunks/DropdownListItem-kVq_Shxy.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-DEiNYa7V.js";
+import { D as i } from "../../chunks/DropdownListItem-kVq_Shxy.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-BoKjV5kN.js";
+import { s as p } from "../../../chunks/DropdownMobile.module-DxT1Mh6q.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.25.0",
+      "data-tx": "1.27.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-BoKjV5kN.js";
+import { s as a } from "../../../chunks/DropdownMobile.module-DxT1Mh6q.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-DudMBGKr.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-BoKjV5kN.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-DxT1Mh6q.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-BoKjV5kN.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-DxT1Mh6q.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-DudMBGKr.js";
-import { s as o } from "../../../chunks/DropdownMobile.module-BoKjV5kN.js";
+import { s as o } from "../../../chunks/DropdownMobile.module-DxT1Mh6q.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-DudMBGKr.js";
 import { useToken as B } from "../../ThemeProvider/useToken.js";
-import { s as e } from "../../../chunks/DropdownMobile.module-BoKjV5kN.js";
+import { s as e } from "../../../chunks/DropdownMobile.module-DxT1Mh6q.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-DudMBGKr.js";
-const e = "dropdownMobileInput__d30c4536", i = {
-  dropdownMobileInput: e
+import { c as e } from "../../../chunks/vendor-DudMBGKr.js";
+const d = "dropdownMobileInput__eff547b7", i = {
+  dropdownMobileInput: d
 }, l = r.forwardRef(
-  ({ className: o, ...p }, t) => /* @__PURE__ */ n("input", { className: d(i.dropdownMobileInput, o), ...p, ref: t })
+  ({ className: o, ...p }, t) => /* @__PURE__ */ n("input", { className: e(i.dropdownMobileInput, o), ...p, ref: t })
 );
 l.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 u } from "../../../enums/EComponentSize.js";
 import { DropdownMobileListItem as w } from "./DropdownMobileListItem.js";
-import { s as r } from "../../../chunks/DropdownMobile.module-BoKjV5kN.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-DxT1Mh6q.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

@@ -5,7 +5,7 @@ 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-BoKjV5kN.js";
+import { s as r } from "../../../chunks/DropdownMobile.module-DxT1Mh6q.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

@@ -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-BoKjV5kN.js";
+import { s } from "../../../chunks/DropdownMobile.module-DxT1Mh6q.js";
 const S = ({ className: o, ...r }) => /* @__PURE__ */ m(
   t,
   {

package/components/Dropdown/mobile/DropdownMobileMaskedInput.js

@@ -1,9 +1,9 @@
-import { jsx as d } from "react/jsx-runtime";
-import { c as p } from "../../../chunks/vendor-DudMBGKr.js";
+import { jsx as p } from "react/jsx-runtime";
+import { c as d } from "../../../chunks/vendor-DudMBGKr.js";
 import { FormFieldMaskedInput as o } from "../../FormField/components/FormFieldMaskedInput.js";
-const t = "dropdownMobileMaskedInput__8d8114e8", r = {
+const t = "dropdownMobileMaskedInput__fa416020", r = {
   dropdownMobileMaskedInput: t
-}, n = ({ className: e, ...s }) => /* @__PURE__ */ d(o, { className: p(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 t from "react";
 import { c as m } from "../../chunks/vendor-DudMBGKr.js";
-const c = "ellipsisLineClamp__f95d734a", r = "oneLine__bf66967c", e = {
+const c = "ellipsisLineClamp__3a40b68a", r = "oneLine__e2b2c44b", e = {
   ellipsisLineClamp: c,
   oneLine: r
-}, f = t.forwardRef(
-  ({ children: i, maxLines: s, className: l, ...n }, a) => {
+}, L = t.forwardRef(
+  ({ children: i, maxLines: s, className: l, ...a }, n) => {
     const o = m(e.ellipsisLineClamp, { [e.oneLine]: s === 1 }, l);
     return /* @__PURE__ */ p(
       "div",
       {
         className: o,
         style: { "--ellipsis-line-clamp": s },
-        ...n,
-        "data-tx": "1.25.0",
-        ref: a,
+        ...a,
+        "data-tx": "1.27.0",
+        ref: n,
         children: i
       }
     );
   }
 );
-f.displayName = "Ellipsis";
+L.displayName = "Ellipsis";
 export {
-  f as Ellipsis
+  L as Ellipsis
 };
 //# sourceMappingURL=Ellipsis.js.map

package/components/EmptyView/EmptyView.js

@@ -6,7 +6,7 @@ import { Title as R } from "../Typography/Title.js";
 import { EFontWeightTitle as h, ETitleSize as p, ETextSize as _, EFontType as d, EFontWeightText as M } from "../Typography/enums.js";
 import { Text as S } from "../Typography/Text.js";
 import { Gap as n } from "../Gap/Gap.js";
-const B = "emptyView__90829ebf", D = "container__938ece26", g = "icon__0d9e33e9", I = "textBlock__fa30074d", t = {
+const B = "emptyView__eaff9541", D = "container__0ce874a8", g = "icon__3bad76d5", I = "textBlock__81a7e80b", t = {
   emptyView: B,
   container: D,
   icon: g,

package/components/ExpandAnimation/ExpandAnimation.js

@@ -1,63 +1,63 @@
 import { jsx as g } from "react/jsx-runtime";
-import U, { useRef as y } from "react";
-import { z as b, c as j } from "../../chunks/vendor-DudMBGKr.js";
-const z = "expandAnimation__05f2784e", F = {
+import N, { useRef as y } from "react";
+import { z as U, c as j } from "../../chunks/vendor-DudMBGKr.js";
+const z = "expandAnimation__4c5debbe", F = {
   expandAnimation: z
-}, I = 300, L = U.forwardRef(
+}, I = 300, L = N.forwardRef(
   ({
     children: A,
     className: E,
     expanded: v,
-    animationTime: x = I,
+    animationTime: f = I,
     style: R,
-    onStart: d,
+    onStart: l,
     onEnd: h,
     transitionProps: e,
     ..._
-  }, f) => {
+  }, x) => {
     const m = y({
       entering: { height: void 0, overflow: "hidden" },
       entered: {},
       exiting: { height: 0, overflow: "hidden" },
       exited: { height: 0, overflow: "hidden", visibility: "hidden" },
       unmounted: {}
-    }), l = y(null), w = (c) => {
+    }), d = y(null), w = (c) => {
       var u;
-      l.current && (m.current.entering.height = l.current.scrollHeight), d == null || d(), (u = e == null ? void 0 : e.onEnter) == null || u.call(e, c);
-    }, H = (c) => {
+      d.current && (m.current.entering.height = d.current.scrollHeight), l == null || l(), (u = e == null ? void 0 : e.onEnter) == null || u.call(e, c);
+    }, b = (c) => {
       var u;
       h == null || h(), (u = e == null ? void 0 : e.onEntered) == null || u.call(e, c);
-    }, T = () => {
+    }, H = () => {
       var c;
-      l.current && (l.current.style.height = l.current.scrollHeight + "px", l.current.scrollHeight), d == null || d(), (c = e == null ? void 0 : e.onExit) == null || c.call(e);
-    }, D = () => {
+      d.current && (d.current.style.height = d.current.scrollHeight + "px", d.current.scrollHeight), l == null || l(), (c = e == null ? void 0 : e.onExit) == null || c.call(e);
+    }, T = () => {
       var c;
       h == null || h(), (c = e == null ? void 0 : e.onExited) == null || c.call(e);
-    }, N = (c) => {
-      l.current = c, typeof f == "function" ? f(c) : f && (f.current = c);
+    }, D = (c) => {
+      d.current = c, typeof x == "function" ? x(c) : x && (x.current = c);
     };
     return /* @__PURE__ */ g(
-      b,
+      U,
       {
         in: v,
-        timeout: x,
-        nodeRef: l,
+        timeout: f,
+        nodeRef: d,
         ...e,
         onEnter: w,
-        onEntered: H,
-        onExit: T,
-        onExited: D,
+        onEntered: b,
+        onExit: H,
+        onExited: T,
         children: (c) => /* @__PURE__ */ g(
           "div",
           {
             className: j(F.expandAnimation, E),
             style: {
-              transitionDuration: x + "ms",
+              transitionDuration: f + "ms",
               ...m.current[c],
               ...R
             },
             ..._,
-            ref: N,
+            ref: D,
             children: A
           }
         )

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.25.0", ref: r, children: o });
+    return /* @__PURE__ */ e("div", { ...t, "data-tx": "1.27.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-DudMBGKr.js";
-import { s as c } from "../../../chunks/Footer.module-DZkZf8cZ.js";
+import { s as c } from "../../../chunks/Footer.module-DBFjyD0W.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-DudMBGKr.js";
-import { s as n } from "../../../chunks/Footer.module-DZkZf8cZ.js";
+import { s as n } from "../../../chunks/Footer.module-DBFjyD0W.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-DudMBGKr.js";
-import { s as a } from "../../../chunks/Footer.module-DZkZf8cZ.js";
+import { s as a } from "../../../chunks/Footer.module-DBFjyD0W.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

@@ -1,4 +1,4 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as f } from "react/jsx-runtime";
 import I, { useState as t, useMemo as L } from "react";
 import { c as h } from "../../chunks/vendor-DudMBGKr.js";
 import { FormFieldContext as v } from "./FormFieldContext.js";
@@ -6,12 +6,12 @@ import { TARGET_PADDING_X_DEFAULT as _ } from "./consts.js";
 import { EFormFieldStatus as o } from "./enums.js";
 import { EComponentSize as w } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as C } from "../../utils/classNameMaps.js";
-const S = "formField__102c06f2", W = "sm__f589f97d", G = "md__6b4d80bd", M = "lg__96b7f74b", P = "active__13e73209", y = "disabled__680cc01e", U = "error__d20d2acd", j = "warning__d4cb4cc5", z = "filled__d0aba4a4", e = {
+const S = "formField__55c41751", W = "sm__9288c063", G = "md__a459d881", M = "lg__08238f19", P = "active__d5c1b865", y = "disabled__6b565390", U = "error__10380aad", j = "warning__cc7bdbae", z = "filled__0583122d", e = {
   formField: S,
   sm: W,
   md: G,
   lg: M,
-  default: "default__c9a7dc4a",
+  default: "default__6ff43282",
   active: P,
   disabled: y,
   error: U,
@@ -26,23 +26,23 @@ const S = "formField__102c06f2", W = "sm__f589f97d", G = "md__6b4d80bd", M = "lg
   ({
     children: p,
     className: F,
-    style: b,
-    size: s = w.LG,
+    style: g,
+    size: d = w.LG,
     status: r = o.DEFAULT,
     active: a = !1,
-    ...g
-  }, u) => {
-    const [m, x] = t(), [f, T] = t(), [i, E] = t(_), [l, N] = t(_), [c, R] = t(!1), [d, A] = t(!1), D = L(
+    ...u
+  }, b) => {
+    const [m, x] = t(), [n, T] = t(), [i, E] = t(_), [l, N] = t(_), [c, R] = t(!1), [s, A] = t(!1), D = L(
       () => ({
-        size: s,
+        size: d,
         status: r,
         targetId: m,
-        labelId: f,
+        labelId: n,
         postfixWidth: i,
         prefixWidth: l,
         filled: c,
-        focused: d,
-        active: a || d,
+        focused: s,
+        active: a || s,
         setTargetId: x,
         setLabelId: T,
         setPostfixWidth: E,
@@ -50,25 +50,25 @@ const S = "formField__102c06f2", W = "sm__f589f97d", G = "md__6b4d80bd", M = "lg
         setFilled: R,
         setFocused: A
       }),
-      [s, r, m, f, i, l, c, d, a]
+      [d, r, m, n, i, l, c, s, a]
     );
-    return /* @__PURE__ */ n(v.Provider, { value: D, children: /* @__PURE__ */ n(
+    return /* @__PURE__ */ f(v.Provider, { value: D, children: /* @__PURE__ */ f(
       "div",
       {
         className: h(
           e.formField,
-          O[s],
+          O[d],
           B[r],
           {
             [e.filled]: c,
-            [e.active]: a || d
+            [e.active]: a || s
           },
           F
         ),
-        "data-tx": "1.25.0",
-        style: { paddingLeft: l, paddingRight: i, ...b },
-        ...g,
-        ref: u,
+        "data-tx": "1.27.0",
+        style: { paddingLeft: l, paddingRight: i, ...g },
+        ...u,
+        ref: b,
         children: p
       }
     ) });

package/components/FormField/components/FormFieldClear.js

@@ -1,13 +1,13 @@
 import { jsx as l } from "react/jsx-runtime";
-import f, { useCallback as i } from "react";
-import { c } from "../../../chunks/vendor-DudMBGKr.js";
+import f, { useCallback as c } from "react";
+import { c as i } from "../../../chunks/vendor-DudMBGKr.js";
 import { CrossStrokeSrvIcon16 as d } from "@sberbusiness/icons-next";
 import { ButtonIcon as s } from "../../Button/ButtonIcon.js";
-const p = "formFieldClear__157e13b3", C = {
+const p = "formFieldClear__f74158ca", C = {
   formFieldClear: p
 }, F = f.forwardRef(
-  ({ className: t, onMouseDown: r, ...a }, m) => {
-    const o = i(
+  ({ className: a, onMouseDown: r, ...t }, m) => {
+    const o = c(
       (e) => {
         e.preventDefault(), r == null || r(e);
       },
@@ -16,8 +16,8 @@ const p = "formFieldClear__157e13b3", C = {
     return /* @__PURE__ */ l(
       s,
       {
-        ...a,
-        className: c(C.formFieldClear, t),
+        ...t,
+        className: i(C.formFieldClear, a),
         onMouseDown: o,
         ref: m,
         children: /* @__PURE__ */ l(d, { paletteIndex: 5 })

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__9c28f227", u = {
+const s = "formFieldCounter__03736d0e", u = {
   formFieldCounter: s
-}, f = ({ children: o, ...e }) => {
+}, d = ({ children: e, ...o }) => {
   const { setWithCounter: t } = i(n);
   return m(() => {
     t(!0);
-  }, []), /* @__PURE__ */ r("div", { className: u.formFieldCounter, ...e, children: o });
+  }, []), /* @__PURE__ */ r("div", { className: u.formFieldCounter, ...o, children: e });
 };
-f.displayName = "FormFieldCounter";
+d.displayName = "FormFieldCounter";
 export {
-  f as FormFieldCounter
+  d as FormFieldCounter
 };
 //# sourceMappingURL=FormFieldCounter.js.map

package/components/FormField/components/FormFieldDescription.js

@@ -1,13 +1,13 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useState as n } from "react";
-import { c } from "../../../chunks/vendor-DudMBGKr.js";
-import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
-const l = "formFieldDescription__85e2cca8", p = "withCounter__69a43f35", i = {
+import { c as m } from "../../../chunks/vendor-DudMBGKr.js";
+import { FormFieldDescriptionContext as c } from "../FormFieldDescriptionContext.js";
+const l = "formFieldDescription__200d7013", p = "withCounter__aaf890e8", i = {
   formFieldDescription: l,
   withCounter: p
 }, d = ({ 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 }) });
+  return /* @__PURE__ */ t(c.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: m(i.formFieldDescription, { [i.withCounter]: o }), ...r, children: e }) });
 };
 d.displayName = "FormFieldDescription";
 export {

package/components/FormField/components/FormFieldInput.js

@@ -5,7 +5,7 @@ import "../FormFieldContext.js";
 import "../enums.js";
 import "../../../utils/classNameMaps.js";
 import "./utils.js";
-import { F as d } from "../../../chunks/FormFieldInput-DtYGQ_bi.js";
+import { F as d } from "../../../chunks/FormFieldInput-DB9UpgIs.js";
 export {
   d as FormFieldInput
 };

package/components/FormField/components/FormFieldLabel.js

@@ -5,7 +5,7 @@ import { FormFieldContext as y } from "../FormFieldContext.js";
 import { createSizeToClassNameMap as D } from "../../../utils/classNameMaps.js";
 import { EFormFieldStatus as C } from "../enums.js";
 import { TARGET_PADDING_X_DEFAULT as a } from "../consts.js";
-const M = "formFieldLabel__ba3da132", R = "sm__f589f97d", v = "md__6b4d80bd", z = "lg__96b7f74b", G = "floating__e0e9a755", W = "formFieldLabelText__d5252fb4", j = "disabled__680cc01e", e = {
+const M = "formFieldLabel__6764b11e", R = "sm__9288c063", v = "md__a459d881", z = "lg__08238f19", G = "floating__6c13a24d", W = "formFieldLabelText__a85c802f", j = "disabled__6b565390", e = {
   formFieldLabel: M,
   sm: R,
   md: v,
@@ -14,21 +14,21 @@ const M = "formFieldLabel__ba3da132", R = "sm__f589f97d", v = "md__6b4d80bd", z
   formFieldLabelText: W,
   disabled: j
 }, q = D(e), w = A.forwardRef(
-  ({ children: i, id: t, className: d, style: m, floating: r, ...f }, c) => {
-    const { targetId: n, size: b, status: _, filled: F, active: L, prefixWidth: g, postfixWidth: p, setLabelId: o } = E(y), l = N(() => t === void 0 ? S("label_") : t, [t]), u = r ?? (F || L), x = h(
+  ({ children: i, id: t, className: m, style: d, floating: r, ...f }, c) => {
+    const { targetId: n, size: _, status: b, filled: F, active: L, prefixWidth: g, postfixWidth: p, setLabelId: o } = E(y), l = N(() => t === void 0 ? S("label_") : t, [t]), u = r ?? (F || L), x = h(
       e.formFieldLabel,
-      q[b],
+      q[_],
       {
         [e.floating]: u,
-        [e.disabled]: _ === C.DISABLED
+        [e.disabled]: b === C.DISABLED
       },
-      d
+      m
     ), T = {
       // Левая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
       left: g || a,
       // Правая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
       right: p || a,
-      ...m
+      ...d
     };
     return I(() => {
       o(l);