@sberbusiness/triplex-next 0.14.1 → 0.16.0

package/components/CollapsableTree/components/CollapsableTreeNode.js

@@ -1,15 +1,15 @@
 var N = Object.defineProperty;
-var C = (c, t, e) => t in c ? N(c, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[t] = e;
-var i = (c, t, e) => C(c, typeof t != "symbol" ? t + "" : t, e);
+var f = (c, t, e) => t in c ? N(c, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[t] = e;
+var i = (c, t, e) => f(c, typeof t != "symbol" ? t + "" : t, e);
 import { jsx as h } from "react/jsx-runtime";
-import f from "react";
+import C from "react";
 import { TreeView as g } from "../../TreeView/TreeView.js";
 import { AccordionBase as y } from "../../AccordionBase/protected/AccordionBase.js";
-import { c as u } from "../../../chunks/vendor-CalMVkfj.js";
-const T = "collapsableTreeNodeContent__36e36e52", B = {
+import { c as u } from "../../../chunks/vendor-DE8Zvm0w.js";
+const T = "collapsableTreeNodeContent__d311f14d", B = {
   collapsableTreeNodeContent: T
 };
-class b extends f.Component {
+class b extends C.Component {
   constructor() {
     super(...arguments);
     i(this, "state", {

package/components/Confirm/Confirm.js

@@ -2,14 +2,14 @@ import { jsx as i } from "react/jsx-runtime";
 import { ConfirmClose as p } from "./components/ConfirmClose.js";
 import { ConfirmContent as l } from "./components/ConfirmContent.js";
 import { ConfirmControls as f } from "./components/ConfirmControls.js";
-import { c as C } from "../../chunks/vendor-CalMVkfj.js";
+import { c as C } from "../../chunks/vendor-DE8Zvm0w.js";
 import { Island as t } from "../Island/Island.js";
 import { EIslandType as I } from "../Island/enums.js";
 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-CzudnAyq.js";
+import { s as r } from "../../chunks/Confirm.module-DJgmkdgX.js";
 const d = {
   [o.LIGHTBOX]: r.isInLightBox,
   [o.SIDE_OVERLAY_SM]: r.isInSideOverlaySM,

package/components/Confirm/components/ConfirmCloseButton.js

@@ -1,8 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
 import s from "react";
 import { CrossStrokeSrvIcon20 as i } from "@sberbusiness/icons-next";
-import { c as n } from "../../../chunks/vendor-CalMVkfj.js";
-import { s as f } from "../../../chunks/Confirm.module-CzudnAyq.js";
+import { c as n } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { s as f } from "../../../chunks/Confirm.module-DJgmkdgX.js";
 import { Button as p } from "../../Button/Button.js";
 import { EButtonTheme as a } from "../../Button/enums.js";
 import { EComponentSize as c } from "../../../enums/EComponentSize.js";

package/components/Confirm/components/ConfirmContent.js

@@ -1,8 +1,8 @@
 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-CalMVkfj.js";
-import { s as f } from "../../../chunks/Confirm.module-CzudnAyq.js";
+import { c as s } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { s as f } from "../../../chunks/Confirm.module-DJgmkdgX.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/ConfirmContentSubTitle.js

@@ -1,13 +1,13 @@
 import { jsx as m } from "react/jsx-runtime";
-import "../../Typography/Title.js";
-import { Text as r } from "../../Typography/Text.js";
+import { ETextSize as r } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
-import { ETextSize as e } from "../../Typography/enums.js";
+import { Text as e } from "../../Typography/Text.js";
+import "../../Typography/Title.js";
 const n = ({
   children: t,
-  size: o = e.B2,
+  size: o = r.B2,
   ...i
-}) => /* @__PURE__ */ m(r, { size: o, tag: "div", ...i, children: t });
+}) => /* @__PURE__ */ m(e, { size: o, tag: "div", ...i, children: t });
 n.displayName = "ConfirmContentSubTitle";
 export {
   n as ConfirmContentSubTitle

package/components/Confirm/components/ConfirmContentTitle.js

@@ -1,8 +1,8 @@
 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-CalMVkfj.js";
-import { s as l } from "../../../chunks/Confirm.module-CzudnAyq.js";
+import { c as n } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { s as l } from "../../../chunks/Confirm.module-DJgmkdgX.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-CalMVkfj.js";
-import { s as i } from "../../../chunks/Confirm.module-CzudnAyq.js";
+import { c as t } from "../../../chunks/vendor-DE8Zvm0w.js";
+import { s as i } from "../../../chunks/Confirm.module-DJgmkdgX.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

@@ -17,7 +17,7 @@ import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldTarget.js";
-import "../../chunks/FormFieldInput-CXE2lpa2.js";
+import "../../chunks/FormFieldInput-DDUEO0k6.js";
 import { FormFieldMaskedInput as ne } from "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
 import "../FormField/components/FormFieldPrefix.js";

package/components/DateField/DateFieldTarget.js

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

package/components/DatePickerExtended/DatePickerExtended.js

@@ -2,11 +2,11 @@ import { jsx as p, jsxs as G } from "react/jsx-runtime";
 import I, { useState as J, useRef as m, useEffect as Q } from "react";
 import { isKey as W } from "../../utils/keyboard.js";
 import { Calendar as X } from "../Calendar/Calendar.js";
-import "../Dropdown/Dropdown.js";
+import { EDropdownAlignment as Y } from "../Dropdown/enums.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-BByGOD7_.js";
+import "../../chunks/DropdownListItem-BdSacGyt.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import "../Dropdown/mobile/DropdownMobileBody.js";
 import "../Dropdown/mobile/DropdownMobileClose.js";
@@ -18,14 +18,14 @@ import "../Dropdown/mobile/DropdownMobileList.js";
 import "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
-import { EComponentSize as Y } from "../../enums/EComponentSize.js";
-import { EDropdownAlignment as Z } from "../Dropdown/enums.js";
+import { EComponentSize as Z } from "../../enums/EComponentSize.js";
+import "../Dropdown/Dropdown.js";
 import { DatePickerExtendedContext as _ } from "./DatePickerExtendedContext.js";
 import { DatePickerExtendedDropdown as $ } from "./DatePickerExtendedDropdown.js";
 const ee = I.forwardRef((l, r) => {
   const {
     // Dropdown props
-    alignment: D = Z.LEFT,
+    alignment: D = Y.LEFT,
     focusTrapProps: w,
     // Calendar props
     pickType: g,
@@ -103,7 +103,7 @@ const ee = I.forwardRef((l, r) => {
       onKeyDown: F,
       onMouseDown: N,
       ...V,
-      "data-tx": "0.14.1",
+      "data-tx": "0.16.0",
       ref: (e) => {
         a.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
       },
@@ -113,7 +113,7 @@ const ee = I.forwardRef((l, r) => {
           $,
           {
             opened: t,
-            size: Y.MD,
+            size: Z.MD,
             alignment: D,
             targetRef: a,
             focusTrapProps: w,

package/components/DatePickerExtended/DatePickerExtendedDropdown.js

@@ -1,10 +1,10 @@
 import { jsx as e, jsxs as s, Fragment as m } from "react/jsx-runtime";
 import f, { useContext as u } from "react";
-import { F as D } from "../../chunks/vendor-CalMVkfj.js";
+import { F as D } from "../../chunks/vendor-DE8Zvm0w.js";
 import { Dropdown as w } from "../Dropdown/Dropdown.js";
-import { DatePickerExtendedContext as x } from "./DatePickerExtendedContext.js";
+import { DatePickerExtendedContext as b } from "./DatePickerExtendedContext.js";
 import "../Dropdown/mobile/DropdownMobile.js";
-import { DropdownMobileBody as b } from "../Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileBody as x } from "../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as k } from "../Dropdown/mobile/DropdownMobileClose.js";
 import "../Dropdown/mobile/DropdownMobileFooter.js";
 import { DropdownMobileHeader as M } from "../Dropdown/mobile/DropdownMobileHeader.js";
@@ -14,11 +14,11 @@ import "../Dropdown/mobile/DropdownMobileList.js";
 import "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
-const h = "datePickerExtendedMobileDropdown__efd030d2", C = {
+const h = "datePickerExtendedMobileDropdown__abe5eef5", C = {
   datePickerExtendedMobileDropdown: h
 }, E = f.forwardRef(
   (i, d) => {
-    const { children: P, targetRef: r, setOpened: c, renderHeaderTarget: a, renderCalendar: t, focusTrapProps: o, ...p } = i, { mouseUsedRef: n, setDropdownOpen: l } = u(x);
+    const { children: P, targetRef: r, setOpened: a, renderHeaderTarget: c, renderCalendar: t, focusTrapProps: o, ...p } = i, { mouseUsedRef: n, setDropdownOpen: l } = u(b);
     return /* @__PURE__ */ e(
       w,
       {
@@ -27,12 +27,12 @@ const h = "datePickerExtendedMobileDropdown__efd030d2", C = {
         targetRef: r,
         mobileViewProps: {
           children: /* @__PURE__ */ s(m, { children: [
-            /* @__PURE__ */ e(M, { controlButtons: /* @__PURE__ */ e(k, { onClick: () => l(!1) }), children: a() }),
-            /* @__PURE__ */ e(b, { children: t(!0) })
+            /* @__PURE__ */ e(M, { controlButtons: /* @__PURE__ */ e(k, { onClick: () => l(!1) }), children: c() }),
+            /* @__PURE__ */ e(x, { children: t(!0) })
           ] }),
           className: C.datePickerExtendedMobileDropdown
         },
-        setOpened: c,
+        setOpened: a,
         ...p,
         ref: d,
         children: /* @__PURE__ */ e(

package/components/DateRange/DateRange.js

@@ -3,15 +3,15 @@ import c from "moment";
 import { CaretleftStrokeSrvIcon20 as D, MinusStrokeSrvIcon20 as M, CaretrightStrokeSrvIcon20 as Y } from "@sberbusiness/icons-next";
 import { dateFormatYYYYMMDD as r } from "../../consts/DateConst.js";
 import { EDateRangeShiftUnit as C } from "./enums.js";
-import { c as i } from "../../chunks/vendor-CalMVkfj.js";
-const E = "dateRange__7d626fc7", F = "dateRangeButton__7fa692a4", h = "separator__d6bb5616", d = {
+import { c as i } from "../../chunks/vendor-DE8Zvm0w.js";
+const E = "dateRange__f56d2d85", F = "dateRangeButton__a3898a48", h = "separator__bc053030", d = {
   dateRange: E,
   dateRangeButton: F,
   separator: h
 }, j = ({
   children: y,
-  className: f,
-  value: R,
+  className: R,
+  value: f,
   onChange: o,
   shiftAmount: n = 1,
   shiftUnit: s = C.MONTH,
@@ -19,10 +19,10 @@ const E = "dateRange__7d626fc7", F = "dateRangeButton__7fa692a4", h = "separator
   renderPickerFrom: g,
   renderPickerTo: u,
   renderButtonForward: S,
-  renderButtonBack: b,
-  ...k
+  renderButtonBack: k,
+  ...b
 }) => {
-  const [t, a] = R, x = i(d.dateRange, f), B = (e) => {
+  const [t, a] = f, x = i(d.dateRange, R), B = (e) => {
     !e || !a || e <= a ? o([e, a]) : o([e, ""]);
   }, I = (e) => {
     !e || !t || e >= t ? o([t, e]) : o(["", e]);
@@ -43,8 +43,8 @@ const E = "dateRange__7d626fc7", F = "dateRangeButton__7fa692a4", h = "separator
       m.add(n, s).format(r)
     ]);
   };
-  return /* @__PURE__ */ v("div", { className: x, ...k, children: [
-    !p && b({
+  return /* @__PURE__ */ v("div", { className: x, ...b, children: [
+    !p && k({
       children: /* @__PURE__ */ l(D, { paletteIndex: 5 }),
       className: i(d.dateRangeButton, { disabled: !(t && a) }),
       disabled: !(t && a),

package/components/DesignTokens/DesignTokenUtils.js

@@ -3,11 +3,11 @@ import { DesignTokensCore as m } from "./DesignTokensCore.js";
 import { DesignTokensCoreThemeDark as a } from "./DesignTokensCoreThemeDark.js";
 import { DesignTokensComponents as c } from "./DesignTokensComponents.js";
 import { DesignTokensComponentsThemeDark as f } from "./DesignTokensComponentsThemeDark.js";
-import { j as l } from "../../chunks/vendor-CalMVkfj.js";
+import { j as l } from "../../chunks/vendor-DE8Zvm0w.js";
 const n = {
   getCSSVariableByTokenGroup: (t, s) => {
     const e = Object.keys(t)[0], r = "triplex-next";
-    let o = "0.14.1";
+    let o = "0.16.0";
     return o = o.replace(/\./g, "-"), Object.keys(t[e]).map(
       (T) => `--${r}-${e}-${T}-${o}: ${n.getTokenValue(
         t[e][T],

package/components/DesignTokens/DesignTokensComponents.js

@@ -3,56 +3,57 @@ import { GetTokensValueByTheme as r } from "./GetTokensValueByTheme.js";
 import { AlertContext_Tokens as e } from "./components/AlertContext.js";
 import { AlertProcess_Tokens as t } from "./components/AlertProcess.js";
 import { Avatar_Tokens as T } from "./components/Avatar.js";
-import { Button_Tokens as m } from "./components/Button.js";
-import { Calendar_Tokens as i } from "./components/Calendar.js";
-import { Card_Tokens as n } from "./components/Card.js";
-import { Checkbox_Tokens as s } from "./components/Checkbox.js";
-import { Chip_Tokens as p } from "./components/Chip.js";
+import { Badge_Tokens as m } from "./components/Badge.js";
+import { Button_Tokens as i } from "./components/Button.js";
+import { Calendar_Tokens as n } from "./components/Calendar.js";
+import { Card_Tokens as s } from "./components/Card.js";
+import { Checkbox_Tokens as p } from "./components/Checkbox.js";
+import { Chip_Tokens as a } from "./components/Chip.js";
 import { Divider_Tokens as L } from "./components/Divider.js";
-import { Dropdown_Tokens as a } from "./components/Dropdown.js";
-import { DropdownList_Tokens as k } from "./components/DropdownList.js";
-import { DropdownMobile_Tokens as I } from "./components/DropdownMobile.js";
-import { DropdownMobileList_Tokens as f } from "./components/DropdownMobileList.js";
-import { FooterPage_Tokens as l } from "./components/FooterPage.js";
-import { FormField_Tokens as H } from "./components/FormField.js";
-import { HeaderPage_Tokens as G } from "./components/HeaderPage.js";
-import { Island_Tokens as _ } from "./components/Island.js";
-import { IslandAccordion_Tokens as d } from "./components/IslandAccordion.js";
-import { IslandWidget_Tokens as S } from "./components/IslandWidget.js";
-import { LightBox_Tokens as g } from "./components/LightBox.js";
-import { Link_Tokens as c } from "./components/Link.js";
-import { ListItem_Tokens as C } from "./components/ListItem.js";
-import { ListItemControlsButton_Tokens as M } from "./components/ListItemControlsButton.js";
-import { ListMaster_Tokens as u } from "./components/ListMaster.js";
-import { Loader_Tokens as b } from "./components/Loader.js";
+import { Dropdown_Tokens as k } from "./components/Dropdown.js";
+import { DropdownList_Tokens as I } from "./components/DropdownList.js";
+import { DropdownMobile_Tokens as f } from "./components/DropdownMobile.js";
+import { DropdownMobileList_Tokens as l } from "./components/DropdownMobileList.js";
+import { FooterPage_Tokens as H } from "./components/FooterPage.js";
+import { FormField_Tokens as G } from "./components/FormField.js";
+import { HeaderPage_Tokens as _ } from "./components/HeaderPage.js";
+import { Island_Tokens as d } from "./components/Island.js";
+import { IslandAccordion_Tokens as S } from "./components/IslandAccordion.js";
+import { IslandWidget_Tokens as g } from "./components/IslandWidget.js";
+import { LightBox_Tokens as c } from "./components/LightBox.js";
+import { Link_Tokens as C } from "./components/Link.js";
+import { ListItem_Tokens as M } from "./components/ListItem.js";
+import { ListItemControlsButton_Tokens as u } from "./components/ListItemControlsButton.js";
+import { ListMaster_Tokens as b } from "./components/ListMaster.js";
+import { Loader_Tokens as B } from "./components/Loader.js";
 import { LoaderScreen_Tokens as D } from "./components/LoaderScreen.js";
 import { Marker_Tokens as h } from "./components/Marker.js";
 import { MarkerStatus_Tokens as w } from "./components/MarkerStatus.js";
 import { ModalWindow_Tokens as F } from "./components/ModalWindow.js";
 import { MultiselectField_Tokens as x } from "./components/MultiselectField.js";
 import { Notification_Tokens as y } from "./components/Notification.js";
-import { Overlay_Tokens as B } from "./components/Overlay.js";
-import { Pagination_Tokens as v } from "./components/Pagination.js";
-import { Radio_Tokens as A } from "./components/Radio.js";
-import { SegmentedControl_Tokens as P } from "./components/SegmentedControl.js";
-import { SegmentedControlSegment_Tokens as O } from "./components/SegmentedControlSegment.js";
-import { Skeleton_Tokens as W } from "./components/Skeleton.js";
-import { Slider_Tokens as N } from "./components/Slider.js";
-import { SmallInput_Tokens as R } from "./components/SmallInput.js";
-import { SMSField_Tokens as U } from "./components/SMSField.js";
-import { StatusTracker_Tokens as Z } from "./components/StatusTracker.js";
-import { Step_Tokens as E } from "./components/Step.js";
-import { Stepper_Tokens as V } from "./components/Stepper.js";
-import { TableBasic_Tokens as j } from "./components/TableBasic.js";
-import { Tabs_Tokens as q } from "./components/Tabs.js";
-import { TabsLine_Tokens as z } from "./components/TabsLine.js";
-import { Tag_Tokens as J } from "./components/Tag.js";
-import { TagColor_Tokens as K } from "./components/TagColor.js";
-import { Tooltip_Tokens as Q } from "./components/Tooltip.js";
-import { TopOverlay_Tokens as X } from "./components/TopOverlay.js";
-import { Typography_Tokens as Y } from "./components/Typography.js";
-import { UploadZone_Tokens as $ } from "./components/UploadZone.js";
-const rr = {
+import { Overlay_Tokens as v } from "./components/Overlay.js";
+import { Pagination_Tokens as A } from "./components/Pagination.js";
+import { Radio_Tokens as P } from "./components/Radio.js";
+import { SegmentedControl_Tokens as O } from "./components/SegmentedControl.js";
+import { SegmentedControlSegment_Tokens as W } from "./components/SegmentedControlSegment.js";
+import { Skeleton_Tokens as N } from "./components/Skeleton.js";
+import { Slider_Tokens as R } from "./components/Slider.js";
+import { SmallInput_Tokens as U } from "./components/SmallInput.js";
+import { SMSField_Tokens as Z } from "./components/SMSField.js";
+import { StatusTracker_Tokens as E } from "./components/StatusTracker.js";
+import { Step_Tokens as V } from "./components/Step.js";
+import { Stepper_Tokens as j } from "./components/Stepper.js";
+import { TableBasic_Tokens as q } from "./components/TableBasic.js";
+import { Tabs_Tokens as z } from "./components/Tabs.js";
+import { TabsLine_Tokens as J } from "./components/TabsLine.js";
+import { Tag_Tokens as K } from "./components/Tag.js";
+import { TagColor_Tokens as Q } from "./components/TagColor.js";
+import { Tooltip_Tokens as X } from "./components/Tooltip.js";
+import { TopOverlay_Tokens as Y } from "./components/TopOverlay.js";
+import { Typography_Tokens as $ } from "./components/Typography.js";
+import { UploadZone_Tokens as oo } from "./components/UploadZone.js";
+const tr = {
   AlertContext: r(
     o.LIGHT,
     e
@@ -62,55 +63,56 @@ const rr = {
     t
   ),
   Avatar: r(o.LIGHT, T),
-  Button: r(o.LIGHT, m),
-  Calendar: r(o.LIGHT, i),
-  Card: r(o.LIGHT, n),
-  Checkbox: r(o.LIGHT, s),
-  Chip: r(o.LIGHT, p),
+  Badge: r(o.LIGHT, m),
+  Button: r(o.LIGHT, i),
+  Calendar: r(o.LIGHT, n),
+  Card: r(o.LIGHT, s),
+  Checkbox: r(o.LIGHT, p),
+  Chip: r(o.LIGHT, a),
   Divider: r(o.LIGHT, L),
-  Dropdown: r(o.LIGHT, a),
+  Dropdown: r(o.LIGHT, k),
   DropdownList: r(
     o.LIGHT,
-    k
+    I
   ),
   DropdownMobile: r(
     o.LIGHT,
-    I
+    f
   ),
   DropdownMobileList: r(
     o.LIGHT,
-    f
+    l
   ),
   FooterPage: r(
     o.LIGHT,
-    l
+    H
   ),
-  FormField: r(o.LIGHT, H),
+  FormField: r(o.LIGHT, G),
   HeaderPage: r(
     o.LIGHT,
-    G
+    _
   ),
-  Island: r(o.LIGHT, _),
+  Island: r(o.LIGHT, d),
   IslandAccordion: r(
     o.LIGHT,
-    d
+    S
   ),
   IslandWidget: r(
     o.LIGHT,
-    S
+    g
   ),
-  LightBox: r(o.LIGHT, g),
-  Link: r(o.LIGHT, c),
-  ListItem: r(o.LIGHT, C),
+  LightBox: r(o.LIGHT, c),
+  Link: r(o.LIGHT, C),
+  ListItem: r(o.LIGHT, M),
   ListItemControlsButton: r(
     o.LIGHT,
-    M
+    u
   ),
   ListMaster: r(
     o.LIGHT,
-    u
+    b
   ),
-  Loader: r(o.LIGHT, b),
+  Loader: r(o.LIGHT, B),
   LoaderScreen: r(
     o.LIGHT,
     D
@@ -132,56 +134,56 @@ const rr = {
     o.LIGHT,
     y
   ),
-  Overlay: r(o.LIGHT, B),
+  Overlay: r(o.LIGHT, v),
   Pagination: r(
     o.LIGHT,
-    v
+    A
   ),
-  Radio: r(o.LIGHT, A),
+  Radio: r(o.LIGHT, P),
   SegmentedControl: r(
     o.LIGHT,
-    P
+    O
   ),
   SegmentedControlSegment: r(
     o.LIGHT,
-    O
+    W
   ),
-  Skeleton: r(o.LIGHT, W),
+  Skeleton: r(o.LIGHT, N),
   SmallInput: r(
     o.LIGHT,
-    R
+    U
   ),
-  SMSField: r(o.LIGHT, U),
-  Slider: r(o.LIGHT, N),
+  SMSField: r(o.LIGHT, Z),
+  Slider: r(o.LIGHT, R),
   StatusTracker: r(
     o.LIGHT,
-    Z
+    E
   ),
-  Step: r(o.LIGHT, E),
-  Stepper: r(o.LIGHT, V),
+  Step: r(o.LIGHT, V),
+  Stepper: r(o.LIGHT, j),
   TableBasic: r(
     o.LIGHT,
-    j
+    q
   ),
-  Tabs: r(o.LIGHT, q),
-  Tag: r(o.LIGHT, J),
-  TagColor: r(o.LIGHT, K),
-  TabsLine: r(o.LIGHT, z),
-  Tooltip: r(o.LIGHT, Q),
+  Tabs: r(o.LIGHT, z),
+  Tag: r(o.LIGHT, K),
+  TagColor: r(o.LIGHT, Q),
+  TabsLine: r(o.LIGHT, J),
+  Tooltip: r(o.LIGHT, X),
   TopOverlay: r(
     o.LIGHT,
-    X
+    Y
   ),
   Typography: r(
     o.LIGHT,
-    Y
+    $
   ),
   UploadZone: r(
     o.LIGHT,
-    $
+    oo
   )
 };
 export {
-  rr as DesignTokensComponents
+  tr as DesignTokensComponents
 };
 //# sourceMappingURL=DesignTokensComponents.js.map