@sberbusiness/triplex-next 0.1.9 → 1.1.0

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-CF2m175I.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-DyunEp10.js";
+import { c as p } from "../../../chunks/vendor-D-uL_icH.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-DrQkghxs.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-CF2m175I.js";
-import { s as i } from "../../../chunks/DropdownMobile.module-DyunEp10.js";
+import { c as a } from "../../../chunks/vendor-D-uL_icH.js";
+import { s as i } from "../../../chunks/DropdownMobile.module-DrQkghxs.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 i } from "react/jsx-runtime";
 import m from "react";
-import { c as p } from "../../../chunks/vendor-CF2m175I.js";
-import { s } from "../../../chunks/DropdownMobile.module-DyunEp10.js";
+import { c as p } from "../../../chunks/vendor-D-uL_icH.js";
+import { s } from "../../../chunks/DropdownMobile.module-DrQkghxs.js";
 const f = m.forwardRef(
   ({ children: e, className: a, closeButton: r, ...d }, o) => /* @__PURE__ */ i("div", { className: p(s.dropdownMobileHeader, a), ref: o, ...d, children: [
     e,

package/components/Dropdown/mobile/DropdownMobileInner.js

@@ -1,8 +1,8 @@
 import { jsxs as j, jsx as c } from "react/jsx-runtime";
 import y, { useState as l, useEffect as d } from "react";
-import { c as n } from "../../../chunks/vendor-CF2m175I.js";
+import { c as n } from "../../../chunks/vendor-D-uL_icH.js";
 import { useToken as B } from "../../ThemeProvider/useToken.js";
-import { s as e } from "../../../chunks/DropdownMobile.module-DyunEp10.js";
+import { s as e } from "../../../chunks/DropdownMobile.module-DrQkghxs.js";
 const C = y.forwardRef(
   ({
     children: f,

package/components/Dropdown/mobile/DropdownMobileInput.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import s from "react";
-import { c as e } from "../../../chunks/vendor-CF2m175I.js";
-import { s as m } from "../../../chunks/DropdownMobile.module-DyunEp10.js";
+import { c as e } from "../../../chunks/vendor-D-uL_icH.js";
+import { s as m } from "../../../chunks/DropdownMobile.module-DrQkghxs.js";
 const a = s.forwardRef(
   ({ className: o, ...r }, p) => /* @__PURE__ */ t("input", { className: e(m.dropdownMobileInput, o), ...r, ref: p })
 );

package/components/Dropdown/mobile/DropdownMobileList.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import e from "react";
-import { c as l } from "../../../chunks/vendor-CF2m175I.js";
-import { s as m } from "../../../chunks/DropdownMobile.module-DyunEp10.js";
+import { c as l } from "../../../chunks/vendor-D-uL_icH.js";
+import { s as m } from "../../../chunks/DropdownMobile.module-DrQkghxs.js";
 const a = e.forwardRef(
   ({ children: o, className: r, ...s }, i) => /* @__PURE__ */ t(
     "div",

package/components/Dropdown/mobile/DropdownMobileListItem.js

@@ -1,9 +1,9 @@
 import { jsx as f } from "react/jsx-runtime";
 import l from "react";
-import { c as x } from "../../../chunks/vendor-CF2m175I.js";
+import { c as x } from "../../../chunks/vendor-D-uL_icH.js";
 import { Text as w } from "../../Typography/Text.js";
 import { ETextSize as b } from "../../Typography/enums.js";
-import { s } from "../../../chunks/DropdownMobile.module-DyunEp10.js";
+import { s } from "../../../chunks/DropdownMobile.module-DrQkghxs.js";
 const y = l.forwardRef(
   ({ children: o, className: e, id: B, onClick: t, onSelect: r, selected: i, ...m }, a) => {
     const p = (d) => {

package/components/Footer/Footer.js

@@ -1,8 +1,8 @@
 import { jsx as m } from "react/jsx-runtime";
 import a from "react";
 import { FooterDescription as p } from "./components/FooterDescription.js";
-import { c } from "../../chunks/vendor-CF2m175I.js";
-import { s as o } from "../../chunks/Footer.module-o57OEPdy.js";
+import { c } from "../../chunks/vendor-D-uL_icH.js";
+import { s as o } from "../../chunks/Footer.module-CKfl241m.js";
 import "./components/FooterDescriptionControls.js";
 import "./components/FooterDescriptionContent.js";
 const f = Object.assign(
@@ -12,7 +12,7 @@ const f = Object.assign(
       {
         className: c(o.footer, { [o.sticky]: !!e }, r),
         ...i,
-        "data-tx": "0.1.9",
+        "data-tx": "1.1.0",
         ref: s,
         children: t
       }

package/components/Footer/components/FooterDescription.js

@@ -2,8 +2,8 @@ import { jsx as i } from "react/jsx-runtime";
 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-CF2m175I.js";
-import { s as c } from "../../../chunks/Footer.module-o57OEPdy.js";
+import { c as p } from "../../../chunks/vendor-D-uL_icH.js";
+import { s as c } from "../../../chunks/Footer.module-CKfl241m.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-CF2m175I.js";
-import { s as n } from "../../../chunks/Footer.module-o57OEPdy.js";
+import { c as m } from "../../../chunks/vendor-D-uL_icH.js";
+import { s as n } from "../../../chunks/Footer.module-CKfl241m.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-CF2m175I.js";
-import { s as a } from "../../../chunks/Footer.module-o57OEPdy.js";
+import { c as m } from "../../../chunks/vendor-D-uL_icH.js";
+import { s as a } from "../../../chunks/Footer.module-CKfl241m.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,76 +1,77 @@
-import { jsx as f } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import { useState as e } from "react";
-import { FormFieldContext as E } from "./FormFieldContext.js";
+import { FormFieldContext as G } from "./FormFieldContext.js";
 import { TARGET_PADDING_X_DEFAULT as _ } from "./consts.js";
-import { c as G } from "../../chunks/vendor-CF2m175I.js";
-import { EFormFieldSize as T } from "./enums.js";
-const y = "formField__622ac953", I = "disabled__70fb53a5", N = "active__d6ce1717", R = "error__5d88cf62", t = {
-  formField: y,
-  disabled: I,
-  active: N,
-  error: R,
-  "size-sm": "size-sm__64b9b1f5",
-  "size-md": "size-md__90671c7c",
-  "size-lg": "size-lg__4e576499"
-}, V = ({
-  children: n,
-  className: F,
-  disabled: d,
-  error: p,
+import { c as I } from "../../chunks/vendor-D-uL_icH.js";
+import { EFormFieldSize as N, EFormFieldStatus as r } from "./enums.js";
+const P = "formField__9a74ebe8", S = "disabled__4388a233", T = "active__b089df13", L = "error__402055fd", u = "warning__f87ab909", i = {
+  formField: P,
+  disabled: S,
+  active: T,
+  error: L,
+  warning: u,
+  "size-sm": "size-sm__eb9869a4",
+  "size-md": "size-md__450c5a48",
+  "size-lg": "size-lg__96a2c9be"
+}, O = ({
+  children: F,
+  className: p,
+  status: t = r.DEFAULT,
   onMouseEnter: s,
-  onMouseLeave: i,
+  onMouseLeave: d,
   style: x,
-  size: o = T.LG,
-  ...h
+  size: o = N.LG,
+  ...b
 }) => {
-  const [l, v] = e(!1), [b, c] = e(!1), [z, g] = e(""), [a, u] = e(_), [m, P] = e(_), [W, A] = e(!1), B = (r) => {
-    c(!0), s == null || s(r);
-  }, D = (r) => {
-    c(!1), i == null || i(r);
+  const [l, g] = e(!1), [h, c] = e(!1), [v, E] = e(""), [m, z] = e(_), [f, A] = e(_), [D, R] = e(!1), W = (a) => {
+    c(!0), s == null || s(a);
+  }, w = (a) => {
+    c(!1), d == null || d(a);
   };
-  return /* @__PURE__ */ f(
-    E.Provider,
+  return /* @__PURE__ */ n(
+    G.Provider,
     {
       value: {
-        disabled: !!d,
+        status: t,
         focused: l,
-        hovered: b,
-        id: z,
-        postfixWidth: a,
-        prefixWidth: m,
-        setFocused: v,
-        setId: g,
-        setPostfixWidth: u,
-        setPrefixWidth: P,
-        setValueExist: A,
-        valueExist: W,
+        hovered: h,
+        id: v,
+        postfixWidth: m,
+        prefixWidth: f,
+        setFocused: g,
+        setId: E,
+        setPostfixWidth: z,
+        setPrefixWidth: A,
+        setValueExist: R,
+        valueExist: D,
         size: o
       },
-      children: /* @__PURE__ */ f(
+      children: /* @__PURE__ */ n(
         "div",
         {
-          className: G(
-            t.formField,
+          className: I(
+            i.formField,
             {
-              [t.active]: l,
-              [t.disabled]: !!d,
-              [t.error]: !!p,
-              [t[`size-${o}`]]: o
+              [i.active]: l,
+              [i.disabled]: t === r.DISABLED,
+              [i.error]: t === r.ERROR,
+              [i.warning]: t === r.WARNING,
+              [i[`size-${o}`]]: o
             },
-            F
+            p
           ),
-          onMouseEnter: B,
-          onMouseLeave: D,
-          "data-tx": "0.1.9",
-          style: { paddingLeft: m, paddingRight: a, ...x },
-          ...h,
-          children: n
+          onMouseEnter: W,
+          onMouseLeave: w,
+          "data-tx": "1.1.0",
+          style: { paddingLeft: f, paddingRight: m, ...x },
+          ...b,
+          children: F
         }
       )
     }
   );
 };
 export {
-  V as FormField
+  O as FormField
 };
 //# sourceMappingURL=FormField.js.map

package/components/FormField/FormFieldContext.js

@@ -1,7 +1,7 @@
-import e from "react";
-import { EFormFieldSize as t } from "./enums.js";
-const i = {
-  disabled: !1,
+import t from "react";
+import { EFormFieldSize as e, EFormFieldStatus as i } from "./enums.js";
+const s = {
+  status: i.DEFAULT,
   focused: !1,
   hovered: !1,
   id: "",
@@ -18,10 +18,10 @@ const i = {
   setValueExist: () => {
   },
   valueExist: !1,
-  size: t.MD
-}, d = e.createContext(i);
+  size: e.MD
+}, r = t.createContext(s);
 export {
-  d as FormFieldContext,
-  i as initialFormFieldContext
+  r as FormFieldContext,
+  s as initialFormFieldContext
 };
 //# sourceMappingURL=FormFieldContext.js.map

package/components/FormField/components/FormFieldClear.js

@@ -2,24 +2,25 @@ import { jsx as r } from "react/jsx-runtime";
 import u, { useContext as h } from "react";
 import { CrossStrokeSrvIcon16 as x } from "@sberbusiness/icons-next";
 import { FormFieldContext as C } from "../FormFieldContext.js";
-import { c as _ } from "../../../chunks/vendor-CF2m175I.js";
-const w = "formFieldClear__f9c1039c", v = "shown__5bc8e54c", s = {
-  formFieldClear: w,
+import { c as _ } from "../../../chunks/vendor-D-uL_icH.js";
+import { EFormFieldStatus as w } from "../enums.js";
+const S = "formFieldClear__8a344304", v = "shown__db71aebe", t = {
+  formFieldClear: S,
   shown: v
 }, b = u.forwardRef(
-  ({ className: t, onClick: e, ...l }, a) => {
-    const { disabled: c, focused: m, hovered: d, id: n, valueExist: i } = h(C), f = (F) => {
-      const o = document.querySelector(`#${n}`);
-      o && o.focus(), e == null || e(F);
-    }, p = _(
-      s.formFieldClear,
+  ({ className: s, onClick: e, ...a }, l) => {
+    const { status: m, focused: d, hovered: n, id: i, valueExist: c } = h(C), f = (p) => {
+      const o = document.querySelector(`#${i}`);
+      o && o.focus(), e == null || e(p);
+    }, F = _(
+      t.formFieldClear,
       "hoverable",
       {
-        [s.shown]: i && !c && (m || d)
+        [t.shown]: c && m !== w.DISABLED && (d || n)
       },
-      t
+      s
     );
-    return /* @__PURE__ */ r("span", { className: p, ref: a, onClick: f, ...l, children: /* @__PURE__ */ r(x, { paletteIndex: 5 }) });
+    return /* @__PURE__ */ r("span", { className: F, ref: l, onClick: f, ...a, children: /* @__PURE__ */ r(x, { paletteIndex: 5 }) });
   }
 );
 b.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__3ad41a89", u = {
+const s = "formFieldCounter__526f40fd", f = {
   formFieldCounter: s
-}, d = ({ children: o, ...e }) => {
+}, u = ({ children: o, ...e }) => {
   const { setWithCounter: t } = i(n);
   return m(() => {
     t(!0);
-  }, []), /* @__PURE__ */ r("div", { className: u.formFieldCounter, ...e, children: o });
+  }, []), /* @__PURE__ */ r("div", { className: f.formFieldCounter, ...e, children: o });
 };
-d.displayName = "FormFieldCounter";
+u.displayName = "FormFieldCounter";
 export {
-  d as FormFieldCounter
+  u 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 as m } from "../../../chunks/vendor-CF2m175I.js";
-import { FormFieldDescriptionContext as c } from "../FormFieldDescriptionContext.js";
-const l = "formFieldDescription__a30304e0", p = "withCounter__6ef00bd3", e = {
+import { c } from "../../../chunks/vendor-D-uL_icH.js";
+import { FormFieldDescriptionContext as m } from "../FormFieldDescriptionContext.js";
+const l = "formFieldDescription__b55385b5", p = "withCounter__0fcb9498", i = {
   formFieldDescription: l,
   withCounter: p
-}, d = ({ children: i, ...r }) => {
+}, d = ({ children: r, ...e }) => {
   const [o, s] = n(!1);
-  return /* @__PURE__ */ t(c.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: m(e.formFieldDescription, { [e.withCounter]: o }), ...r, children: i }) });
+  return /* @__PURE__ */ t(m.Provider, { value: { withCounter: o, setWithCounter: s }, children: /* @__PURE__ */ t("div", { className: c(i.formFieldDescription, { [i.withCounter]: o }), ...e, children: r }) });
 };
 d.displayName = "FormFieldDescription";
 export {

package/components/FormField/components/FormFieldInput.js

@@ -1,9 +1,10 @@
 import "react/jsx-runtime";
 import "react";
 import "../FormFieldContext.js";
-import "../../../chunks/vendor-CF2m175I.js";
-import { F } from "../../../chunks/FormFieldInput-C2qWOLr3.js";
+import "../../../chunks/vendor-D-uL_icH.js";
+import { F as e } from "../../../chunks/FormFieldInput-apk1b0w6.js";
+import "../enums.js";
 export {
-  F as FormFieldInput
+  e as FormFieldInput
 };
 //# sourceMappingURL=FormFieldInput.js.map

package/components/FormField/components/FormFieldLabel.js

@@ -1,42 +1,43 @@
-import { jsx as a } from "react/jsx-runtime";
-import g, { useContext as z, useState as u, useEffect as T } from "react";
+import { jsx as d } from "react/jsx-runtime";
+import p, { useContext as T, useState as g, useEffect as E } from "react";
 import { FormFieldContext as h } from "../FormFieldContext.js";
-import { TARGET_PADDING_X_DEFAULT as i } from "../consts.js";
-import { c as N } from "../../../chunks/vendor-CF2m175I.js";
-const y = "formFieldLabel__5fa04130", E = "floating__aed9f33a", A = "formFieldLabelText__aa0cc5c8", D = "disabled__70fb53a5", e = {
-  formFieldLabel: y,
-  "size-sm": "size-sm__64b9b1f5",
-  "size-md": "size-md__90671c7c",
-  "size-lg": "size-lg__4e576499",
-  floating: E,
-  formFieldLabelText: A,
-  disabled: D
-}, R = g.forwardRef(
-  ({ children: o, className: d, style: f, ...m }, r) => {
-    const { disabled: c, focused: l, id: n, prefixWidth: b, postfixWidth: _, size: s, valueExist: t } = z(h), [F, x] = u(!1);
-    T(() => {
-      x(l || t);
-    }, [l, t]);
-    const L = N(
-      e.formFieldLabel,
+import { TARGET_PADDING_X_DEFAULT as m } from "../consts.js";
+import { k as D, c as N } from "../../../chunks/vendor-D-uL_icH.js";
+import { EFormFieldStatus as y } from "../enums.js";
+const A = "formFieldLabel__e3f9fe36", R = "floating__d7dd987e", S = "formFieldLabelText__5500a192", C = "disabled__4388a233", s = {
+  formFieldLabel: A,
+  "size-sm": "size-sm__eb9869a4",
+  "size-md": "size-md__450c5a48",
+  "size-lg": "size-lg__96a2c9be",
+  floating: R,
+  formFieldLabelText: S,
+  disabled: C
+}, G = p.forwardRef(
+  ({ children: f, className: r, style: c, floating: e, ...n }, F) => {
+    const { status: _, focused: t, id: b, prefixWidth: L, postfixWidth: x, size: i, valueExist: a } = T(h), [l, o] = g(!1);
+    E(() => {
+      !D(e) && e !== l ? o(e) : e !== l && o(t || a);
+    }, [t, a, e, l]);
+    const u = N(
+      s.formFieldLabel,
       {
-        [e.disabled]: c,
-        [e.floating]: F,
-        [e[`size-${s}`]]: s
+        [s.disabled]: _ === y.DISABLED,
+        [s.floating]: l,
+        [s[`size-${i}`]]: i
       },
-      d
-    ), p = {
+      r
+    ), z = {
       // Левая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      left: b || i,
+      left: L || m,
       // Правая позиция элемента. Когда label по-середине инпута, позиция учитывает иконки по краям, когда сверху, позиция на все ширину поля ввода.
-      right: _ || i,
-      ...f
+      right: x || m,
+      ...c
     };
-    return /* @__PURE__ */ a("label", { className: L, ref: r, htmlFor: n, ...m, style: p, children: /* @__PURE__ */ a("span", { className: e.formFieldLabelText, children: o }) });
+    return /* @__PURE__ */ d("label", { className: u, ref: F, htmlFor: b, ...n, style: z, children: /* @__PURE__ */ d("span", { className: s.formFieldLabelText, children: f }) });
   }
 );
-R.displayName = "FormFieldLabel";
+G.displayName = "FormFieldLabel";
 export {
-  R as FormFieldLabel
+  G as FormFieldLabel
 };
 //# sourceMappingURL=FormFieldLabel.js.map