@sberbusiness/triplex-next 1.12.0 → 1.14.0

package/components/DateField/DateField.js

@@ -1,6 +1,6 @@
 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 { k as y } from "../../chunks/vendor-CwhnMZ7o.js";
+import y from "moment";
 import { DatePickerExtended as X } from "../DatePickerExtended/DatePickerExtended.js";
 import { dateFormatYYYYMMDD as Z, globalLimitRange as $ } from "../../consts/DateConst.js";
 import { DateFieldUtils as m } from "./utils.js";
@@ -11,13 +11,13 @@ import { ETooltipSize as te } from "../Tooltip/enums.js";
 import { MobileView as re } from "../MobileView/MobileView.js";
 import { DropdownMobileMaskedInput as T } from "../Dropdown/mobile/DropdownMobileMaskedInput.js";
 import { DateFieldContext as ae } from "./DateFieldContext.js";
-import "../FormField/FormFieldContext.js";
+import "../FormField/FormField.js";
 import "../FormField/components/FormFieldDescription.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldTarget.js";
-import "../../chunks/FormFieldInput-CkbWg1jd.js";
+import "../../chunks/FormFieldInput-D2lqfg4n.js";
 import { FormFieldMaskedInput as ne } from "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
 import "../FormField/components/FormFieldPrefix.js";
@@ -40,17 +40,17 @@ const ie = K.forwardRef((x, p) => {
     invalidDateHint: L,
     targetProps: j,
     ...A
-  } = x, [r, k] = Q(
+  } = x, [r, D] = Q(
     m.getPickerValues(s, a, i, o)
-  ), R = l(null), d = l(r), C = l(!1), F = l(!1), D = l(!1), u = l(!1);
+  ), R = l(null), d = l(r), C = l(!1), F = l(!1), h = l(!1), u = l(!1);
   W(() => {
     const e = m.getPickerValues(s, a, i, o);
-    e.inputString !== r.inputString && k(e), d.current = e;
+    e.inputString !== r.inputString && D(e), d.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: h, ...G } = e || {};
+    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,
       {
@@ -64,7 +64,7 @@ const ie = K.forwardRef((x, p) => {
           "aria-label": Y,
           "aria-labelledby": z,
           onChange: (v) => {
-            V(v), h == null || h(v);
+            V(v), k == null || k(v);
           },
           ...G
         },
@@ -82,7 +82,7 @@ const ie = K.forwardRef((x, p) => {
     }
   ), V = (e) => {
     let t = null;
-    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, k({ calendarDate: t, inputString: e.target.value });
+    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);
@@ -94,13 +94,13 @@ const ie = K.forwardRef((x, p) => {
       if (m.isAvailableDate(e, t, i, o))
         return c(t);
     }
-    r.inputString !== d.current.inputString && (u.current = !1, k(d.current));
+    r.inputString !== d.current.inputString && (u.current = !1, D(d.current));
   }, N = () => {
     F.current = !0, f == null || f();
   }, U = () => {
-    F.current = !1, D.current ? D.current = !1 : !C.current && r.inputString !== d.current.inputString && w(), g == null || g();
+    F.current = !1, h.current ? h.current = !1 : !C.current && r.inputString !== d.current.inputString && w(), g == null || g();
   }, q = (e) => {
-    D.current = !0, u.current = !1, c(e.format(a));
+    h.current = !0, u.current = !1, c(e.format(a));
   }, M = () => /* @__PURE__ */ n(
     X,
     {

package/components/DateField/utils.js

@@ -1,6 +1,6 @@
-import { k as l } from "../../chunks/vendor-CwhnMZ7o.js";
+import l from "moment";
 import { inputDateFormat as o } from "./constants.js";
-import { isDayDisabled as s } from "../Calendar/utils.js";
+import { isDayDisabled as u } from "../Calendar/utils.js";
 const i = {
   /** Получить значения пикера. */
   getPickerValues: (t, a, r, n) => {
@@ -15,7 +15,7 @@ const i = {
     return !e.isValid() || !i.isAvailableDate(e, t, r, n) ? null : e;
   },
   /** Является ли дата доступной. */
-  isAvailableDate: (t, a, r, n) => !(t.isBefore(r.dateFrom, "day") || t.isAfter(r.dateTo, "day") || s(a, n))
+  isAvailableDate: (t, a, r, n) => !(t.isBefore(r.dateFrom, "day") || t.isAfter(r.dateTo, "day") || u(a, n))
 };
 export {
   i as DateFieldUtils

package/components/DatePickerExtended/DatePickerExtended.js

@@ -6,7 +6,7 @@ import "../Dropdown/Dropdown.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-Dd97YDii.js";
+import "../../chunks/DropdownListItem-C6I9gVRb.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import "../Dropdown/mobile/DropdownMobileBody.js";
 import "../Dropdown/mobile/DropdownMobileClose.js";
@@ -103,7 +103,7 @@ const ee = G.forwardRef((l, r) => {
       onKeyDown: _,
       onMouseDown: F,
       ...V,
-      "data-tx": "1.12.0",
+      "data-tx": "1.14.0",
       ref: (e) => {
         s.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
       },

package/components/DatePickerExtended/DatePickerExtendedDropdown.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as l, Fragment as m } from "react/jsx-runtime";
-import u, { useContext as f } from "react";
-import { h as D } from "../../chunks/vendor-CwhnMZ7o.js";
+import f, { useContext as u } from "react";
+import { h as D } from "../../chunks/vendor-DucOfXwy.js";
 import { Dropdown as w } from "../Dropdown/Dropdown.js";
 import { DatePickerExtendedContext as x } from "./DatePickerExtendedContext.js";
 import "../Dropdown/mobile/DropdownMobile.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 M = "datePickerExtendedMobileDropdown__260bcaee", E = {
+const M = "datePickerExtendedMobileDropdown__f5276f94", E = {
   datePickerExtendedMobileDropdown: M
-}, 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,67 +1,68 @@
-import { jsxs as v, jsx as m } from "react/jsx-runtime";
-import { c as i, k as c } from "../../chunks/vendor-CwhnMZ7o.js";
+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 { dateFormatYYYYMMDD as r } from "../../consts/DateConst.js";
-import { EDateRangeShiftUnit as h } from "./enums.js";
-const C = "dateRange__d55aa0ea", E = "dateRangeButton__3bf3eec7", F = "separator__9a939762", d = {
-  dateRange: C,
-  dateRangeButton: E,
-  separator: F
+import { EDateRangeShiftUnit as C } from "./enums.js";
+import { c as i } from "../../chunks/vendor-DucOfXwy.js";
+const E = "dateRange__0b7a3d2d", F = "dateRangeButton__9f26897c", h = "separator__faa3388d", d = {
+  dateRange: E,
+  dateRangeButton: F,
+  separator: h
 }, j = ({
   children: y,
-  className: R,
-  value: g,
+  className: f,
+  value: R,
   onChange: o,
   shiftAmount: n = 1,
-  shiftUnit: s = h.MONTH,
+  shiftUnit: s = C.MONTH,
   hideNavigation: p,
-  renderPickerFrom: f,
-  renderPickerTo: k,
-  renderButtonForward: u,
-  renderButtonBack: S,
+  renderPickerFrom: g,
+  renderPickerTo: u,
+  renderButtonForward: S,
+  renderButtonBack: k,
   ...b
 }) => {
-  const [a, t] = g, x = i(d.dateRange, R), B = (e) => {
-    !e || !t || e <= t ? o([e, t]) : o([e, ""]);
+  const [t, a] = R, x = i(d.dateRange, f), B = (e) => {
+    !e || !a || e <= a ? o([e, a]) : o([e, ""]);
   }, I = (e) => {
-    !e || !a || e >= a ? o([a, e]) : o(["", e]);
+    !e || !t || e >= t ? o([t, e]) : o(["", e]);
   }, N = () => {
-    if (!a || !t)
+    if (!t || !a)
       return;
-    const e = c(a, r), l = c(t, r);
+    const e = c(t, r), m = c(a, r);
     o([
       e.subtract(n, s).format(r),
-      l.subtract(n, s).format(r)
+      m.subtract(n, s).format(r)
     ]);
   }, _ = () => {
-    if (!a || !t)
+    if (!t || !a)
       return;
-    const e = c(a, r), l = c(t, r);
+    const e = c(t, r), m = c(a, r);
     o([
       e.add(n, s).format(r),
-      l.add(n, s).format(r)
+      m.add(n, s).format(r)
     ]);
   };
   return /* @__PURE__ */ v("div", { className: x, ...b, children: [
-    !p && S({
-      children: /* @__PURE__ */ m(D, { paletteIndex: 5 }),
-      className: i(d.dateRangeButton, { disabled: !(a && t) }),
-      disabled: !(a && t),
+    !p && k({
+      children: /* @__PURE__ */ l(D, { paletteIndex: 5 }),
+      className: i(d.dateRangeButton, { disabled: !(t && a) }),
+      disabled: !(t && a),
       onClick: N
     }),
-    f({
+    g({
       onChange: B,
-      value: a
+      value: t
     }),
-    /* @__PURE__ */ m(M, { className: d.separator, paletteIndex: 5 }),
-    k({
+    /* @__PURE__ */ l(M, { className: d.separator, paletteIndex: 5 }),
+    u({
       onChange: I,
-      value: t
+      value: a
     }),
-    !p && u({
-      children: /* @__PURE__ */ m(Y, { paletteIndex: 5 }),
-      className: i(d.dateRangeButton, { disabled: !(a && t) }),
-      disabled: !(a && t),
+    !p && S({
+      children: /* @__PURE__ */ l(Y, { paletteIndex: 5 }),
+      className: i(d.dateRangeButton, { disabled: !(t && a) }),
+      disabled: !(t && a),
       onClick: _
     })
   ] });

package/components/DesignTokens/DesignTokenUtils.js

@@ -1,16 +1,16 @@
 import { ETriplexNextTheme as i } from "../ThemeProvider/ETriplexNextTheme.js";
-import { DesignTokensCore as l } from "./DesignTokensCore.js";
+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 { m as T } from "../../chunks/vendor-CwhnMZ7o.js";
+import { k as l } from "../../chunks/vendor-DucOfXwy.js";
 const n = {
   getCSSVariableByTokenGroup: (t, s) => {
     const e = Object.keys(t)[0], r = "triplex-next";
-    let o = "1.12.0";
+    let o = "1.14.0";
     return o = o.replace(/\./g, "-"), Object.keys(t[e]).map(
-      (m) => `--${r}-${e}-${m}-${o}: ${n.getTokenValue(
-        t[e][m],
+      (T) => `--${r}-${e}-${T}-${o}: ${n.getTokenValue(
+        t[e][T],
         s
       )};`
     ).join(`
@@ -34,12 +34,12 @@ const n = {
     let e = "";
     switch (t) {
       case i.LIGHT: {
-        const r = T({}, s, l, c);
+        const r = l({}, s, m, c);
         e = n.getStyleByTokens(r);
         break;
       }
       case i.DARK: {
-        const r = T(
+        const r = l(
           {},
           s,
           a,

package/components/DesignTokens/DesignTokensComponents.js

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