@sberbusiness/triplex-next 0.29.0 → 0.30.0

package/components/CollapsibleTree/index.js

@@ -0,0 +1,11 @@
+import { CollapsibleTree as l } from "./CollapsibleTree.js";
+import { CollapsibleTreeNodeHeader as p } from "./components/CollapsibleTreeNodeHeader.js";
+import { CollapsibleTreeNodeLabel as b } from "./components/CollapsibleTreeNodeLabel.js";
+import { isCollapsibleTreeNodeLeaf as i } from "./types.js";
+export {
+  l as CollapsibleTree,
+  p as CollapsibleTreeNodeHeader,
+  b as CollapsibleTreeNodeLabel,
+  i as isCollapsibleTreeNodeLeaf
+};
+//# sourceMappingURL=index.js.map

package/components/CollapsibleTree/types.js

@@ -0,0 +1,5 @@
+const o = (e) => "content" in e;
+export {
+  o as isCollapsibleTreeNodeLeaf
+};
+//# sourceMappingURL=types.js.map

package/components/CollapsibleTreeExtended/CollapsibleTreeExtended.js

@@ -0,0 +1,10 @@
+import { jsx as r } from "react/jsx-runtime";
+import { TreeView as l } from "../TreeView/TreeView.js";
+import { CollapsibleTreeExtendedNode as d } from "./components/CollapsibleTreeExtendedNode.js";
+const e = (o) => /* @__PURE__ */ r(l, { ...o });
+e.displayName = "CollapsibleTreeExtended";
+e.Node = d;
+export {
+  e as CollapsibleTreeExtended
+};
+//# sourceMappingURL=CollapsibleTreeExtended.js.map

package/components/CollapsibleTreeExtended/components/CollapsibleTreeExtendedNode.js

@@ -0,0 +1,71 @@
+var f = Object.defineProperty;
+var C = (c, d, e) => d in c ? f(c, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[d] = e;
+var a = (c, d, e) => C(c, typeof d != "symbol" ? d + "" : d, e);
+import { jsx as g } from "react/jsx-runtime";
+import x from "react";
+import { TreeView as h } from "../../TreeView/TreeView.js";
+import { AccordionBase as y } from "../../AccordionBase/protected/AccordionBase.js";
+import { c as u } from "../../../chunks/vendor-z35N2Tap.js";
+const T = "collapsibleTreeExtendedNodeContent__6df5e524", b = {
+  collapsibleTreeExtendedNodeContent: T
+};
+class B extends x.Component {
+  constructor() {
+    super(...arguments);
+    /**
+     * Изменяет состояние ноды — раскрыта/свернута.
+     * В controlled-режиме делегирует в `props.toggle`, в uncontrolled — переключает внутреннее состояние TreeView.
+     * Эта функция передается дочерним компонентам и вызывается из них.
+     */
+    a(this, "toggle", ({ openedNode: e, setOpenedNode: s }) => (t) => {
+      const { opened: l, toggle: o } = this.props, r = l !== void 0;
+      (r ? l : e) !== t && (r ? o == null || o(t) : s(t));
+    });
+    /** Рендер-функция для передачи дочерних нод. */
+    a(this, "renderBody", (e) => (s) => {
+      const { activeNode: t, openedNode: l, hasChildNodes: o } = e, { animating: r } = s, { opened: p, renderBody: n } = this.props, m = {
+        activeNode: t,
+        animating: r,
+        hasChildNodes: o,
+        opened: p !== void 0 ? p : l,
+        toggle: this.toggle(e)
+      };
+      return o ? /* @__PURE__ */ g(h.Group, { children: n(m) }) : n(m);
+    });
+    /** Рендер-функция не сворачиваемой части ноды. */
+    a(this, "renderHeader", (e) => (s) => {
+      const { activeNode: t, openedNode: l, hasChildNodes: o, isLastNode: r } = e, { animating: p } = s, { opened: n, renderHeader: i } = this.props;
+      return i({
+        activeNode: t,
+        animating: p,
+        hasChildNodes: o,
+        isLastNode: r,
+        opened: n !== void 0 ? n : l,
+        toggle: this.toggle(e)
+      });
+    });
+  }
+  render() {
+    const { opened: e, onToggle: s, renderBody: t, renderHeader: l, toggle: o, ...r } = this.props, p = e !== void 0;
+    return /* @__PURE__ */ g(h.Node, { opened: e, ...r, children: (n) => {
+      const i = p ? e : n.openedNode;
+      return /* @__PURE__ */ g(
+        y,
+        {
+          expandAnimationClassName: u(b.collapsibleTreeExtendedNodeContent, {
+            collapsed: !i
+          }),
+          renderBody: this.renderBody(n),
+          renderHeader: this.renderHeader(n),
+          isOpen: i,
+          onToggle: s
+        }
+      );
+    } });
+  }
+}
+a(B, "displayName", "CollapsibleTreeExtendedNode");
+export {
+  B as CollapsibleTreeExtendedNode
+};
+//# sourceMappingURL=CollapsibleTreeExtendedNode.js.map

package/components/CollapsibleTreeExtended/index.js

@@ -0,0 +1,7 @@
+import { CollapsibleTreeExtended as l } from "./CollapsibleTreeExtended.js";
+import { CollapsibleTreeExtendedNode as d } from "./components/CollapsibleTreeExtendedNode.js";
+export {
+  l as CollapsibleTreeExtended,
+  d as CollapsibleTreeExtendedNode
+};
+//# sourceMappingURL=index.js.map

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-DJ6wKpvR.js";
+import { c as C } from "../../chunks/vendor-z35N2Tap.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-UrrVAY0j.js";
+import { s as r } from "../../chunks/Confirm.module-D-Z-baL7.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-DJ6wKpvR.js";
-import { s as f } from "../../../chunks/Confirm.module-UrrVAY0j.js";
+import { c as n } from "../../../chunks/vendor-z35N2Tap.js";
+import { s as f } from "../../../chunks/Confirm.module-D-Z-baL7.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-DJ6wKpvR.js";
-import { s as f } from "../../../chunks/Confirm.module-UrrVAY0j.js";
+import { c as s } from "../../../chunks/vendor-z35N2Tap.js";
+import { s as f } from "../../../chunks/Confirm.module-D-Z-baL7.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

@@ -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-DJ6wKpvR.js";
-import { s as l } from "../../../chunks/Confirm.module-UrrVAY0j.js";
+import { c as n } from "../../../chunks/vendor-z35N2Tap.js";
+import { s as l } from "../../../chunks/Confirm.module-D-Z-baL7.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-DJ6wKpvR.js";
-import { s as i } from "../../../chunks/Confirm.module-UrrVAY0j.js";
+import { c as t } from "../../../chunks/vendor-z35N2Tap.js";
+import { s as i } from "../../../chunks/Confirm.module-D-Z-baL7.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/DatePickerExtended/DatePickerExtended.js

@@ -5,7 +5,7 @@ import { Calendar as X } from "../Calendar/Calendar.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-CGZyMM5K.js";
+import "../../chunks/DropdownListItem-DsKl9Gi-.js";
 import { EDropdownAlignment as Y } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import "../Dropdown/mobile/DropdownMobileBody.js";
@@ -103,7 +103,7 @@ const ee = I.forwardRef((l, r) => {
       onKeyDown: F,
       onMouseDown: N,
       ...V,
-      "data-tx": "0.29.0",
+      "data-tx": "0.30.0",
       ref: (e) => {
         a.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
       },

package/components/DatePickerExtended/DatePickerExtendedDropdown.js

@@ -1,10 +1,10 @@
 import { jsx as e, jsxs as s, Fragment as m } from "react/jsx-runtime";
-import u, { useContext as f } from "react";
-import { F as D } from "../../chunks/vendor-DJ6wKpvR.js";
-import { Dropdown as b } from "../Dropdown/Dropdown.js";
-import { DatePickerExtendedContext as w } from "./DatePickerExtendedContext.js";
+import f, { useContext as u } from "react";
+import { F as D } from "../../chunks/vendor-z35N2Tap.js";
+import { Dropdown as w } from "../Dropdown/Dropdown.js";
+import { DatePickerExtendedContext as x } from "./DatePickerExtendedContext.js";
 import "../Dropdown/mobile/DropdownMobile.js";
-import { DropdownMobileBody as x } from "../Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileBody as b } 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,25 +14,25 @@ import "../Dropdown/mobile/DropdownMobileList.js";
 import "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
-const h = "datePickerExtendedMobileDropdown__12a2abbb", C = {
+const h = "datePickerExtendedMobileDropdown__82f42c64", C = {
   datePickerExtendedMobileDropdown: h
-}, E = u.forwardRef(
+}, E = f.forwardRef(
   (i, d) => {
-    const { children: P, targetRef: r, setOpened: a, renderHeaderTarget: c, renderCalendar: t, focusTrapProps: o, ...p } = i, { mouseUsedRef: n, setDropdownOpen: l } = f(w);
+    const { children: P, targetRef: r, setOpened: c, renderHeaderTarget: a, renderCalendar: t, focusTrapProps: o, ...p } = i, { mouseUsedRef: n, setDropdownOpen: l } = u(x);
     return /* @__PURE__ */ e(
-      b,
+      w,
       {
         role: "dialog",
         "aria-modal": "true",
         targetRef: r,
         mobileViewProps: {
           children: /* @__PURE__ */ s(m, { children: [
-            /* @__PURE__ */ e(M, { controlButtons: /* @__PURE__ */ e(k, { onClick: () => l(!1) }), children: c() }),
-            /* @__PURE__ */ e(x, { children: t(!0) })
+            /* @__PURE__ */ e(M, { controlButtons: /* @__PURE__ */ e(k, { onClick: () => l(!1) }), children: a() }),
+            /* @__PURE__ */ e(b, { children: t(!0) })
           ] }),
           className: C.datePickerExtendedMobileDropdown
         },
-        setOpened: a,
+        setOpened: c,
         ...p,
         ref: d,
         children: /* @__PURE__ */ e(

package/components/DateRange/DateRange.js

@@ -3,66 +3,66 @@ import c from "moment";
 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 E } from "./enums.js";
-import { c as i } from "../../chunks/vendor-DJ6wKpvR.js";
-const F = "dateRange__ea76d8e5", M = "dateRangeButton__668df79e", h = "separator__2fedda76", d = {
+import { c as i } from "../../chunks/vendor-z35N2Tap.js";
+const F = "dateRange__48ccf72b", M = "dateRangeButton__cda3aaa6", h = "separator__1ee9e540", d = {
   dateRange: F,
   dateRangeButton: M,
   separator: h
 }, j = ({
   children: y,
   className: R,
-  value: f,
+  value: g,
   onChange: o,
   shiftAmount: n = 1,
   shiftUnit: s = E.MONTH,
   hideNavigation: p,
-  renderPickerFrom: g,
+  renderPickerFrom: f,
   renderPickerTo: u,
   renderButtonForward: S,
   renderButtonBack: k,
-  ...x
+  ...b
 }) => {
-  const [t, a] = f, b = i(d.dateRange, R), B = (e) => {
-    !e || !a || e <= a ? o([e, a]) : o([e, ""]);
+  const [a, t] = g, x = i(d.dateRange, R), B = (e) => {
+    !e || !t || e <= t ? o([e, t]) : o([e, ""]);
   }, I = (e) => {
-    !e || !t || e >= t ? o([t, e]) : o(["", e]);
+    !e || !a || e >= a ? o([a, e]) : o(["", e]);
   }, N = () => {
-    if (!t || !a)
+    if (!a || !t)
       return;
-    const e = c(t, r), m = c(a, r);
+    const e = c(a, r), m = c(t, r);
     o([
       e.subtract(n, s).format(r),
       m.subtract(n, s).format(r)
     ]);
   }, _ = () => {
-    if (!t || !a)
+    if (!a || !t)
       return;
-    const e = c(t, r), m = c(a, r);
+    const e = c(a, r), m = c(t, r);
     o([
       e.add(n, s).format(r),
       m.add(n, s).format(r)
     ]);
   };
-  return /* @__PURE__ */ v("div", { className: b, ...x, children: [
+  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),
+      className: i(d.dateRangeButton, { disabled: !(a && t) }),
+      disabled: !(a && t),
       onClick: N
     }),
-    g({
+    f({
       onChange: B,
-      value: t
+      value: a
     }),
     /* @__PURE__ */ l(Y, { className: d.separator, paletteIndex: 5 }),
     u({
       onChange: I,
-      value: a
+      value: t
     }),
     !p && S({
       children: /* @__PURE__ */ l(C, { paletteIndex: 5 }),
-      className: i(d.dateRangeButton, { disabled: !(t && a) }),
-      disabled: !(t && a),
+      className: i(d.dateRangeButton, { disabled: !(a && t) }),
+      disabled: !(a && t),
       onClick: _
     })
   ] });

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 { k as l } from "../../chunks/vendor-DJ6wKpvR.js";
+import { k as l } from "../../chunks/vendor-z35N2Tap.js";
 const n = {
   getCSSVariableByTokenGroup: (t, s) => {
     const e = Object.keys(t)[0], r = "triplex-next";
-    let o = "0.29.0";
+    let o = "0.30.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

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