@sberbusiness/triplex-next 1.25.0 → 1.27.0

package/components/CollapsableTree/components/CollapsableTreeNode.js

@@ -6,7 +6,7 @@ import C from "react";
 import { TreeView as g } from "../../TreeView/TreeView.js";
 import { AccordionBase as u } from "../../AccordionBase/protected/AccordionBase.js";
 import { c as y } from "../../../chunks/vendor-DudMBGKr.js";
-const T = "collapsableTreeNodeContent__b33c001a", b = {
+const T = "collapsableTreeNodeContent__b873ef4d", b = {
   collapsableTreeNodeContent: T
 };
 class B extends C.Component {
@@ -25,27 +25,27 @@ class B extends C.Component {
     });
     /** Render-функция для передачи дочерних нод. */
     i(this, "renderBody", (e) => (r) => {
-      const { activeNode: t, openedNode: s, hasChildNodes: l } = e, { animating: o } = r, { opened: a, renderBody: d } = this.props, { controlled: p } = this.state;
+      const { activeNode: t, openedNode: s, hasChildNodes: l } = e, { animating: o } = r, { opened: p, renderBody: d } = this.props, { controlled: a } = this.state;
       return e.hasChildNodes ? /* @__PURE__ */ h(g.Group, { children: d({
         activeNode: t,
         animating: o,
         hasChildNodes: l,
-        opened: p ? a : s,
+        opened: a ? p : s,
         toggle: this.toggle(e)
       }) }) : d({
         activeNode: t,
         animating: o,
         hasChildNodes: l,
-        opened: p ? a : s,
+        opened: a ? p : s,
         toggle: this.toggle(e)
       });
     });
     /** Render-функция не сворачиваемой части ноды. */
     i(this, "renderHeader", (e) => (r) => {
-      const { activeNode: t, openedNode: s, hasChildNodes: l, isLastNode: o } = e, { animating: a } = r, { opened: d, renderHeader: p } = this.props, { controlled: m } = this.state;
-      return p({
+      const { activeNode: t, openedNode: s, hasChildNodes: l, isLastNode: o } = e, { animating: p } = r, { opened: d, renderHeader: a } = this.props, { controlled: m } = this.state;
+      return a({
         activeNode: t,
-        animating: a,
+        animating: p,
         hasChildNodes: l,
         isLastNode: o,
         opened: m ? d : s,
@@ -54,18 +54,18 @@ class B extends C.Component {
     });
   }
   render() {
-    const { opened: e, onToggle: r, renderBody: t, renderHeader: s, toggle: l, ...o } = this.props, { controlled: a } = this.state;
+    const { opened: e, onToggle: r, renderBody: t, renderHeader: s, toggle: l, ...o } = this.props, { controlled: p } = this.state;
     return /* @__PURE__ */ h(g.Node, { opened: e, ...o, children: (d) => {
-      const p = a ? e : d.openedNode;
+      const a = p ? e : d.openedNode;
       return /* @__PURE__ */ h(
         u,
         {
           expandAnimationClassName: y(b.collapsableTreeNodeContent, {
-            collapsed: !p
+            collapsed: !a
           }),
           renderBody: this.renderBody(d),
           renderHeader: this.renderHeader(d),
-          isOpen: p,
+          isOpen: a,
           onToggle: r
         }
       );

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-EXbF7o_5.js";
+import { s as r } from "../../chunks/Confirm.module-DX-8Qawd.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 f } from "../../../chunks/vendor-DudMBGKr.js";
-import { s as n } from "../../../chunks/Confirm.module-EXbF7o_5.js";
+import { s as n } from "../../../chunks/Confirm.module-DX-8Qawd.js";
 import { Button as p } from "../../Button/Button.js";
 import { EButtonTheme as a } from "../../Button/enums.js";
 import { EComponentSize as l } 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-DudMBGKr.js";
-import { s as f } from "../../../chunks/Confirm.module-EXbF7o_5.js";
+import { s as f } from "../../../chunks/Confirm.module-DX-8Qawd.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-DudMBGKr.js";
-import { s as l } from "../../../chunks/Confirm.module-EXbF7o_5.js";
+import { s as l } from "../../../chunks/Confirm.module-DX-8Qawd.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-DudMBGKr.js";
-import { s as i } from "../../../chunks/Confirm.module-EXbF7o_5.js";
+import { s as i } from "../../../chunks/Confirm.module-DX-8Qawd.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/DateField/DateField.js

@@ -1,28 +1,28 @@
-import { jsx as n, jsxs as J } from "react/jsx-runtime";
-import K, { useState as Q, useRef as l, useEffect as W } from "react";
+import { jsx as n, jsxs as K } from "react/jsx-runtime";
+import Q, { useState as W, useRef as l, useEffect as X } from "react";
 import y from "moment";
-import { DatePickerExtended as X } from "../DatePickerExtended/DatePickerExtended.js";
-import { dateFormatYYYYMMDD as Z, globalLimitRange as $ } from "../../consts/DateConst.js";
+import { DatePickerExtended as Z } from "../DatePickerExtended/DatePickerExtended.js";
+import { dateFormatYYYYMMDD as $, globalLimitRange as ee } from "../../consts/DateConst.js";
 import { DateFieldUtils as m } from "./utils.js";
-import { DateFieldTarget as ee } from "./DateFieldTarget.js";
+import { DateFieldTarget as te } from "./DateFieldTarget.js";
 import { inputDateFormat as b } from "./constants.js";
 import { Tooltip as S } from "../Tooltip/Tooltip.js";
-import { ETooltipSize as te } from "../Tooltip/enums.js";
-import { MobileView as re } from "../MobileView/MobileView.js";
+import { ETooltipSize as re } from "../Tooltip/enums.js";
+import { MobileView as ae } from "../MobileView/MobileView.js";
 import { DropdownMobileMaskedInput as T } from "../Dropdown/mobile/DropdownMobileMaskedInput.js";
-import { DateFieldContext as ae } from "./DateFieldContext.js";
+import { DateFieldContext as ne } from "./DateFieldContext.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldDescription.js";
-import "../../chunks/FormFieldInput-DtYGQ_bi.js";
+import "../../chunks/FormFieldInput-DB9UpgIs.js";
 import "../FormField/components/FormFieldLabel.js";
-import { FormFieldMaskedInput as ne } from "../FormField/components/FormFieldMaskedInput.js";
+import { FormFieldMaskedInput as ie } from "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
 import "../FormField/components/FormFieldPrefix.js";
 import "../FormField/components/FormFieldTarget.js";
 import "../FormField/components/FormFieldTextarea.js";
 import "../FormField/FormField.js";
-const ie = K.forwardRef((x, p) => {
+const oe = Q.forwardRef((x, p) => {
   const {
     size: I,
     status: E,
@@ -31,47 +31,49 @@ const ie = K.forwardRef((x, p) => {
     placeholderMask: P,
     "aria-label": Y,
     "aria-labelledby": z,
-    format: a = Z,
-    limitRange: i = $,
+    format: a = $,
+    limitRange: i = ee,
     disabledDays: o,
-    onChange: c,
+    onChange: d,
+    onClear: L,
     onDropdownOpen: f,
     onDropdownClose: g,
-    invalidDateHint: L,
-    targetProps: j,
-    ...A
-  } = x, [r, D] = Q(
+    invalidDateHint: j,
+    targetProps: A,
+    ...B
+  } = x, [r, D] = W(
     m.getPickerValues(s, a, i, o)
-  ), R = l(null), d = l(r), C = l(!1), F = l(!1), h = l(!1), u = l(!1);
-  W(() => {
+  ), C = l(null), c = l(r), F = l(!1), R = l(!1), h = l(!1), u = l(!1);
+  X(() => {
     const e = m.getPickerValues(s, a, i, o);
-    e.inputString !== r.inputString && D(e), d.current = e;
+    e.inputString !== r.inputString && D(e), c.current = e;
   }, [s, a, i, o]);
-  const B = (e) => {
-    R.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
-  }, H = () => {
-    const { maskedInputProps: e, ...t } = j || {}, { onChange: k, ...G } = e || {};
-    return /* @__PURE__ */ n(ae.Provider, { value: { inputFocusedRef: C, onChange: c, triggerChangeFromInput: w }, children: /* @__PURE__ */ n(
-      ee,
+  const H = (e) => {
+    C.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
+  }, _ = () => {
+    const { maskedInputProps: e, ...t } = A || {}, { onChange: k, ...J } = e || {};
+    return /* @__PURE__ */ n(ne.Provider, { value: { inputFocusedRef: F, onChange: d, triggerChangeFromInput: w }, children: /* @__PURE__ */ n(
+      te,
       {
         size: I,
         status: E,
         label: O,
+        onClear: L,
         maskedInputProps: {
           value: r.inputString,
-          mask: ne.presets.masks.date,
+          mask: ie.presets.masks.date,
           placeholderMask: P,
           "aria-label": Y,
           "aria-labelledby": z,
           onChange: (v) => {
             V(v), k == null || k(v);
           },
-          ...G
+          ...J
         },
         ...t
       }
     ) });
-  }, _ = () => /* @__PURE__ */ n(
+  }, N = () => /* @__PURE__ */ n(
     T,
     {
       value: r.inputString,
@@ -85,51 +87,51 @@ const ie = K.forwardRef((x, p) => {
     e.target.value.length === b.length ? (t = y(e.target.value, b, !0), (!t.isValid() || !m.isAvailableDate(t, t.format(a), i, o)) && (t = null), u.current = !t) : u.current = !1, D({ calendarDate: t, inputString: e.target.value });
   }, w = () => {
     if (r.inputString.length === 0 && s.length !== 0)
-      return c(r.inputString);
+      return d(r.inputString);
     const e = y(r.inputString, b, !0);
     if (e.isValid()) {
       const t = e.format(a);
       if (t === s)
         return;
       if (m.isAvailableDate(e, t, i, o))
-        return c(t);
+        return d(t);
     }
-    r.inputString !== d.current.inputString && (u.current = !1, D(d.current));
-  }, N = () => {
-    F.current = !0, f == null || f();
+    r.inputString !== c.current.inputString && (u.current = !1, D(c.current));
   }, U = () => {
-    F.current = !1, h.current ? h.current = !1 : !C.current && r.inputString !== d.current.inputString && w(), g == null || g();
-  }, q = (e) => {
-    h.current = !0, u.current = !1, c(e.format(a));
+    R.current = !0, f == null || f();
+  }, q = () => {
+    R.current = !1, h.current ? h.current = !1 : !F.current && r.inputString !== c.current.inputString && w(), g == null || g();
+  }, G = (e) => {
+    h.current = !0, u.current = !1, d(e.format(a));
   }, M = () => /* @__PURE__ */ n(
-    X,
+    Z,
     {
-      renderTarget: H,
-      renderDropdownHeaderTarget: _,
+      renderTarget: _,
+      renderDropdownHeaderTarget: N,
       pickedDate: r.calendarDate,
       format: a,
       limitRange: i,
       disabledDays: o,
-      onDropdownOpen: N,
-      onDropdownClose: U,
-      onDateChange: q,
-      ...A,
-      ref: B
+      onDropdownOpen: U,
+      onDropdownClose: q,
+      onDateChange: G,
+      ...B,
+      ref: H
     }
   );
   return /* @__PURE__ */ n(
-    re,
+    ae,
     {
-      fallback: /* @__PURE__ */ J(S, { targetRef: R, size: te.SM, isOpen: u.current, children: [
-        /* @__PURE__ */ n(S.Body, { children: L }),
+      fallback: /* @__PURE__ */ K(S, { targetRef: C, size: re.SM, isOpen: u.current, children: [
+        /* @__PURE__ */ n(S.Body, { children: j }),
         /* @__PURE__ */ n(S.Target, { children: M() })
       ] }),
       children: M()
     }
   );
 });
-ie.displayName = "DatePicker";
+oe.displayName = "DateField";
 export {
-  ie as DateField
+  oe as DateField
 };
 //# sourceMappingURL=DateField.js.map

package/components/DateField/DateFieldTarget.js

@@ -1,61 +1,62 @@
-import { jsx as e, jsxs as y } from "react/jsx-runtime";
-import K, { useContext as f } from "react";
-import { CalendarStrokeSrvIcon20 as u, CalendarStrokeSrvIcon16 as R } from "@sberbusiness/icons-next";
-import { MaskedField as T } from "../TextField/MaskedField.js";
+import { jsx as e, jsxs as w, Fragment as P } from "react/jsx-runtime";
+import { useContext as u } from "react";
+import { CalendarStrokeSrvIcon24 as y, CalendarStrokeSrvIcon20 as K, CalendarStrokeSrvIcon16 as T } from "@sberbusiness/icons-next";
 import { DatePickerExtendedContext as j } from "../DatePickerExtended/DatePickerExtendedContext.js";
-import { DateFieldContext as A } from "./DateFieldContext.js";
-import { EFormFieldStatus as L } from "../FormField/enums.js";
-import { FormFieldClear as O } from "../FormField/components/FormFieldClear.js";
-import { EComponentSize as r } from "../../enums/EComponentSize.js";
-import { ButtonIcon as _ } from "../Button/ButtonIcon.js";
+import { DateFieldContext as v } from "./DateFieldContext.js";
+import { MaskedField as A } from "../TextField/MaskedField.js";
+import { FormFieldClear as L } from "../FormField/components/FormFieldClear.js";
+import { ButtonIcon as O } from "../Button/ButtonIcon.js";
 import { isKey as C } from "../../utils/keyboard.js";
+import { EComponentSize as r } from "../../enums/EComponentSize.js";
+import { EFormFieldStatus as R } from "../FormField/enums.js";
 const b = {
-  [r.SM]: /* @__PURE__ */ e(R, { paletteIndex: 5 }),
-  [r.MD]: /* @__PURE__ */ e(u, { paletteIndex: 5 }),
-  [r.LG]: /* @__PURE__ */ e(u, { paletteIndex: 5 })
-}, X = ({
-  size: s = r.MD,
+  [r.SM]: /* @__PURE__ */ e(T, { paletteIndex: 5 }),
+  [r.MD]: /* @__PURE__ */ e(K, { paletteIndex: 5 }),
+  [r.LG]: /* @__PURE__ */ e(y, { paletteIndex: 5 })
+}, Y = ({
+  size: a = r.MD,
   postfix: x,
   maskedInputProps: F,
-  ...d
+  onClear: l,
+  ...m
 }) => {
-  const { dropdownOpen: t, setDropdownOpen: n } = f(j), { inputFocusedRef: m, onChange: k, triggerChangeFromInput: D } = f(A), { status: I } = d, {
+  const { dropdownOpen: t, setDropdownOpen: n } = u(j), { inputFocusedRef: p, triggerChangeFromInput: I } = u(v), { status: k } = m, {
     onFocus: i,
     onBlur: c,
-    onKeyDown: a,
-    onClick: l,
-    ...h
-  } = F, p = I === L.DISABLED, S = (o) => {
-    m.current = !0, i == null || i(o);
+    onKeyDown: s,
+    onClick: d,
+    ...D
+  } = F, f = k === R.DISABLED, S = (o) => {
+    p.current = !0, i == null || i(o);
+  }, h = (o) => {
+    p.current = !1, t || I(), c == null || c(o);
   }, E = (o) => {
-    m.current = !1, t || D(), c == null || c(o);
+    t || n(!0), d == null || d(o);
   }, g = (o) => {
-    t || n(!0), l == null || l(o);
-  }, B = (o) => {
-    C(o.code, "ENTER") ? n(!t) : C(o.code, "SPACE") && (o.preventDefault(), n(!t)), a == null || a(o);
-  }, M = () => n(!t), w = () => k(""), P = () => /* @__PURE__ */ y(K.Fragment, { children: [
-    /* @__PURE__ */ e(O, { onClick: w }),
-    /* @__PURE__ */ e(_, { active: t, disabled: p, onClick: M, children: b[s] }),
+    C(o.code, "ENTER") ? n(!t) : C(o.code, "SPACE") && (o.preventDefault(), n(!t)), s == null || s(o);
+  }, B = () => n(!t), M = () => /* @__PURE__ */ w(P, { children: [
+    l && /* @__PURE__ */ e(L, { onClick: l }),
+    /* @__PURE__ */ e(O, { active: t, disabled: f, onClick: B, children: b[a] }),
     x
   ] });
   return /* @__PURE__ */ e(
-    T,
+    A,
     {
-      size: s,
+      size: a,
       maskedInputProps: {
-        disabled: p,
+        disabled: f,
         onFocus: S,
-        onBlur: E,
-        onClick: g,
-        onKeyDown: B,
-        ...h
+        onBlur: h,
+        onClick: E,
+        onKeyDown: g,
+        ...D
       },
-      postfix: P(),
-      ...d
+      postfix: M(),
+      ...m
     }
   );
 };
 export {
-  X as DateFieldTarget
+  Y as DateFieldTarget
 };
 //# sourceMappingURL=DateFieldTarget.js.map

package/components/DatePickerExtended/DatePickerExtended.js

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

package/components/DatePickerExtended/DatePickerExtendedDropdown.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as l, Fragment as m } from "react/jsx-runtime";
-import u, { useContext as f } from "react";
+import f, { useContext as u } from "react";
 import { g as D } from "../../chunks/vendor-DudMBGKr.js";
 import { Dropdown as w } from "../Dropdown/Dropdown.js";
 import { DatePickerExtendedContext as x } from "./DatePickerExtendedContext.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__b6044450", E = {
+const h = "datePickerExtendedMobileDropdown__af462fe5", E = {
   datePickerExtendedMobileDropdown: h
-}, C = u.forwardRef(
+}, C = f.forwardRef(
   (i, d) => {
-    const { children: P, targetRef: r, setOpened: a, renderHeaderTarget: c, renderCalendar: t, focusTrapProps: o, ...p } = i, { mouseUsedRef: n, setDropdownOpen: s } = f(x);
+    const { children: P, targetRef: r, setOpened: a, renderHeaderTarget: c, renderCalendar: t, focusTrapProps: o, ...p } = i, { mouseUsedRef: n, setDropdownOpen: s } = u(x);
     return /* @__PURE__ */ e(
       w,
       {

package/components/DateRange/DateRange.js

@@ -1,28 +1,28 @@
 import { jsxs as v, jsx as l } from "react/jsx-runtime";
 import c from "moment";
-import { CaretleftStrokeSrvIcon20 as D, MinusStrokeSrvIcon20 as M, CaretrightStrokeSrvIcon20 as Y } from "@sberbusiness/icons-next";
+import { CaretleftStrokeSrvIcon20 as D, RangeStrokeSrvIcon16 as Y, CaretrightStrokeSrvIcon20 as C } from "@sberbusiness/icons-next";
 import { dateFormatYYYYMMDD as r } from "../../consts/DateConst.js";
-import { EDateRangeShiftUnit as C } from "./enums.js";
+import { EDateRangeShiftUnit as E } from "./enums.js";
 import { c as i } from "../../chunks/vendor-DudMBGKr.js";
-const E = "dateRange__2aeed3ce", F = "dateRangeButton__40843218", h = "separator__840e287e", d = {
-  dateRange: E,
-  dateRangeButton: F,
+const F = "dateRange__f13ebdd3", M = "dateRangeButton__e045774d", h = "separator__f543d43f", d = {
+  dateRange: F,
+  dateRangeButton: M,
   separator: h
 }, j = ({
   children: y,
-  className: R,
-  value: g,
+  className: p,
+  value: R,
   onChange: o,
   shiftAmount: n = 1,
-  shiftUnit: s = C.MONTH,
-  hideNavigation: p,
-  renderPickerFrom: f,
+  shiftUnit: s = E.MONTH,
+  hideNavigation: f,
+  renderPickerFrom: g,
   renderPickerTo: u,
   renderButtonForward: S,
   renderButtonBack: k,
-  ...x
+  ...b
 }) => {
-  const [t, a] = g, b = i(d.dateRange, R), B = (e) => {
+  const [t, a] = R, x = i(d.dateRange, p), B = (e) => {
     !e || !a || e <= a ? o([e, a]) : o([e, ""]);
   }, I = (e) => {
     !e || !t || e >= t ? o([t, e]) : o(["", e]);
@@ -43,24 +43,24 @@ const E = "dateRange__2aeed3ce", F = "dateRangeButton__40843218", h = "separator
       m.add(n, s).format(r)
     ]);
   };
-  return /* @__PURE__ */ v("div", { className: b, ...x, children: [
-    !p && k({
+  return /* @__PURE__ */ v("div", { className: x, ...b, children: [
+    !f && k({
       children: /* @__PURE__ */ l(D, { paletteIndex: 5 }),
       className: i(d.dateRangeButton, { disabled: !(t && a) }),
       disabled: !(t && a),
       onClick: N
     }),
-    f({
+    g({
       onChange: B,
       value: t
     }),
-    /* @__PURE__ */ l(M, { className: d.separator, paletteIndex: 5 }),
+    /* @__PURE__ */ l(Y, { className: d.separator, paletteIndex: 5 }),
     u({
       onChange: I,
       value: a
     }),
-    !p && S({
-      children: /* @__PURE__ */ l(Y, { paletteIndex: 5 }),
+    !f && S({
+      children: /* @__PURE__ */ l(C, { paletteIndex: 5 }),
       className: i(d.dateRangeButton, { disabled: !(t && a) }),
       disabled: !(t && a),
       onClick: _

package/components/DesignTokens/DesignTokenUtils.js

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

package/components/DesignTokens/components/Stepper.js

@@ -13,11 +13,8 @@ const r = [
   "Step_Color_Default",
   "Step_Color_Hover",
   "Step_Color_Disabled",
-  "Background",
-  "ButtonNext_Background",
-  "ButtonPrev_Background",
-  "Wrapper_Background",
-  "Wrapper_BoxShadow"
+  "ButtonWrapper_Background_Prev",
+  "ButtonWrapper_Background_Next"
 ], o = {
   Step_Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-Stepper-Step_Background_Default)
@@ -47,22 +44,16 @@ const r = [
   // var(--triplex-next-Stepper-Step_Color_Hover)
   Step_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }],
   // var(--triplex-next-Stepper-Step_Color_Disabled)
-  ButtonNext_Background: [
-    { value: "linear-gradient(to left, #FFFFFF 39.06%, transparent)" },
-    { value: "linear-gradient(to left, #181819 39.06%, transparent)" }
+  ButtonWrapper_Background_Prev: [
+    { value: "linear-gradient(to right, rgba(255,255,255,1) 39.06%, rgba(255,255,255,0) 100%)" },
+    { value: "linear-gradient(to right, rgba(38,38,41,1) 39.06%, rgba(38,38,41,0) 100%)" }
   ],
-  // var(--triplex-next-Stepper-ButtonNext_Background)
-  ButtonPrev_Background: [
-    { value: "linear-gradient(to right, #FFFFFF 39.06%, transparent)" },
-    { value: "linear-gradient(to right, #181819 39.06%, transparent)" }
-  ],
-  // var(--triplex-next-Stepper-ButtonPrev_Background)
-  Background: [{ value: "#FFFFFF" }, { value: "#181819" }],
-  // var(--triplex-next-Stepper-Background)
-  Wrapper_Background: [{ value: "linear-gradient(#FFFFFF 64px, transparent 0)" }, { ref: "ColorNeutral.50" }],
-  // var(--triplex-next-Stepper-Wrapper_Background)
-  Wrapper_BoxShadow: [{ value: "0 10px 15px 0 rgba(228, 232, 235, 0.5)" }, { value: "none" }]
-  // var(--triplex-next-Stepper-Wrapper_BoxShadow)
+  // var(--triplex-next-Stepper-ButtonWrapper_Background_Prev)
+  ButtonWrapper_Background_Next: [
+    { value: "linear-gradient(to left, rgba(255,255,255,1) 39.06%, rgba(255,255,255,0) 100%)" },
+    { value: "linear-gradient(to left, rgba(38,38,41,1) 39.06%, rgba(38,38,41,0) 100%)" }
+  ]
+  // var(--triplex-next-Stepper-ButtonWrapper_Background_Next)
 };
 export {
   o as Stepper_Tokens,

package/components/Divider/Divider.js

@@ -1,29 +1,29 @@
 import { jsx as n } from "react/jsx-runtime";
 import { c as g } from "../../chunks/vendor-DudMBGKr.js";
-const z = "divider__86ca7a46", i = {
+const z = "divider__34bb7a89", i = {
   divider: z,
-  "marginTopSize-4": "marginTopSize-4__9c173b55",
-  "marginBottomSize-4": "marginBottomSize-4__1ba14ed7",
-  "marginTopSize-8": "marginTopSize-8__9282b905",
-  "marginBottomSize-8": "marginBottomSize-8__362bfe0e",
-  "marginTopSize-12": "marginTopSize-12__327fa387",
-  "marginBottomSize-12": "marginBottomSize-12__5c8318c4",
-  "marginTopSize-16": "marginTopSize-16__9e86472d",
-  "marginBottomSize-16": "marginBottomSize-16__fb167c25",
-  "marginTopSize-20": "marginTopSize-20__03fa6b21",
-  "marginBottomSize-20": "marginBottomSize-20__8a6483f0",
-  "marginTopSize-24": "marginTopSize-24__fabf6a05",
-  "marginBottomSize-24": "marginBottomSize-24__3613755d",
-  "marginTopSize-28": "marginTopSize-28__2fbb8248",
-  "marginBottomSize-28": "marginBottomSize-28__66ea6997",
-  "marginTopSize-32": "marginTopSize-32__8bbfee0d",
-  "marginBottomSize-32": "marginBottomSize-32__68c317bd"
-}, S = (e) => {
-  const { className: a, marginTopSize: o, marginBottomSize: m, ...r } = e, t = g(
+  "marginTopSize-4": "marginTopSize-4__456f3f02",
+  "marginBottomSize-4": "marginBottomSize-4__54665f18",
+  "marginTopSize-8": "marginTopSize-8__56911d69",
+  "marginBottomSize-8": "marginBottomSize-8__28a66f5e",
+  "marginTopSize-12": "marginTopSize-12__88ed7b21",
+  "marginBottomSize-12": "marginBottomSize-12__f854cb22",
+  "marginTopSize-16": "marginTopSize-16__366a86e9",
+  "marginBottomSize-16": "marginBottomSize-16__03f0855d",
+  "marginTopSize-20": "marginTopSize-20__00071959",
+  "marginBottomSize-20": "marginBottomSize-20__81f0a694",
+  "marginTopSize-24": "marginTopSize-24__af706b99",
+  "marginBottomSize-24": "marginBottomSize-24__bb8066fa",
+  "marginTopSize-28": "marginTopSize-28__d3acb103",
+  "marginBottomSize-28": "marginBottomSize-28__0677b86d",
+  "marginTopSize-32": "marginTopSize-32__0ebb9615",
+  "marginBottomSize-32": "marginBottomSize-32__aa1c69d5"
+}, S = (a) => {
+  const { className: e, marginTopSize: o, marginBottomSize: m, ...r } = a, t = g(
     i.divider,
     o && i[`marginTopSize-${o}`],
     m && i[`marginBottomSize-${m}`],
-    a
+    e
   );
   return /* @__PURE__ */ n("hr", { className: t, ...r });
 };

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-DudMBGKr.js";
 import { Link as Y } from "../Link/Link.js";
-const $ = "documentNumberEdit__363aad5d", G = "label__3de3ea74", H = "inputEditWrapper__b1d06168", n = {
+const $ = "documentNumberEdit__f7bf4f85", G = "label__7ba57bb5", H = "inputEditWrapper__7fdfed3e", n = {
   documentNumberEdit: $,
   label: G,
   inputEditWrapper: H