@sberbusiness/triplex-next 1.5.0 → 1.6.0

package/components/Confirm/Confirm.js

@@ -0,0 +1,41 @@
+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-D3hUOusX.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-Ds4ZMYVB.js";
+const d = {
+  [o.LIGHTBOX]: r.isInLightBox,
+  [o.SIDE_OVERLAY_SM]: r.isInSideOverlaySM,
+  [o.SIDE_OVERLAY_MD]: r.isInSideOverlayMD,
+  [o.SIDE_OVERLAY_LG]: r.isInSideOverlayLG
+}, m = ({
+  children: n,
+  className: e,
+  parentComponent: s = o.LIGHTBOX,
+  ...a
+}) => /* @__PURE__ */ i(
+  t,
+  {
+    type: I.TYPE_1,
+    className: C(e, r.confirm, d[s]),
+    role: "dialog",
+    "aria-modal": "true",
+    ...a,
+    children: /* @__PURE__ */ i(t.Body, { children: n })
+  }
+);
+m.displayName = "Confirm";
+m.Close = p;
+m.Content = l;
+m.Controls = f;
+export {
+  m as Confirm
+};
+//# sourceMappingURL=Confirm.js.map

package/components/Confirm/components/ConfirmClose.js

@@ -0,0 +1,13 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useRef as n } from "react";
+import { TriggerClickOnKeyDownEvent as f } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
+import { EVENT_KEY_CODES as i } from "../../../utils/keyboard.js";
+import { ConfirmCloseButton as t } from "./ConfirmCloseButton.js";
+const c = ({ clickByEsc: m, ...e }) => {
+  const o = n(null);
+  return m ? /* @__PURE__ */ r(f, { targetRef: o, eventKeyCode: i.ESCAPE, children: /* @__PURE__ */ r(t, { ...e, ref: o }) }) : /* @__PURE__ */ r(t, { ...e });
+};
+export {
+  c as ConfirmClose
+};
+//# sourceMappingURL=ConfirmClose.js.map

package/components/Confirm/components/ConfirmCloseButton.js

@@ -0,0 +1,27 @@
+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-D3hUOusX.js";
+import { s as n } from "../../../chunks/Confirm.module-Ds4ZMYVB.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";
+const c = s.forwardRef(
+  ({ className: t, title: r = "Закрыть", ...m }, e) => /* @__PURE__ */ o(
+    p,
+    {
+      icon: /* @__PURE__ */ o(i, { paletteIndex: 0 }),
+      theme: a.SECONDARY,
+      size: l.MD,
+      ref: e,
+      className: f(t, n.confirmCloseButton),
+      title: r,
+      ...m
+    }
+  )
+);
+c.displayName = "ConfirmCloseButton";
+export {
+  c as ConfirmCloseButton
+};
+//# sourceMappingURL=ConfirmCloseButton.js.map

package/components/Confirm/components/ConfirmContent.js

@@ -0,0 +1,13 @@
+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-D3hUOusX.js";
+import { s as f } from "../../../chunks/Confirm.module-Ds4ZMYVB.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;
+o.SubTitle = r;
+export {
+  o as ConfirmContent
+};
+//# sourceMappingURL=ConfirmContent.js.map

package/components/Confirm/components/ConfirmContentSubTitle.js

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

package/components/Confirm/components/ConfirmContentTitle.js

@@ -0,0 +1,16 @@
+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-D3hUOusX.js";
+import { s as l } from "../../../chunks/Confirm.module-Ds4ZMYVB.js";
+const f = ({
+  children: t,
+  className: o,
+  size: i = e.H3,
+  ...m
+}) => /* @__PURE__ */ r(s, { size: i, className: n(o, l.confirmContentTitle), ...m, children: t });
+f.displayName = "ConfirmContentTitle";
+export {
+  f as ConfirmContentTitle
+};
+//# sourceMappingURL=ConfirmContentTitle.js.map

package/components/Confirm/components/ConfirmControls.js

@@ -0,0 +1,9 @@
+import { jsx as m } from "react/jsx-runtime";
+import { c as t } from "../../../chunks/vendor-D3hUOusX.js";
+import { s as i } from "../../../chunks/Confirm.module-Ds4ZMYVB.js";
+const l = ({ children: o, className: s, ...r }) => /* @__PURE__ */ m("div", { className: t(s, i.confirmControls), ...r, children: o });
+l.displayName = "ConfirmControls";
+export {
+  l as ConfirmControls
+};
+//# sourceMappingURL=ConfirmControls.js.map

package/components/Confirm/enums.js

@@ -0,0 +1,5 @@
+var L = /* @__PURE__ */ ((O) => (O.LIGHTBOX = "lightBox", O.SIDE_OVERLAY_SM = "sideOverlaySM", O.SIDE_OVERLAY_MD = "sideOverlayMD", O.SIDE_OVERLAY_LG = "sideOverlayLG", O))(L || {});
+export {
+  L as EConfirmParentComponent
+};
+//# sourceMappingURL=enums.js.map

package/components/Confirm/index.js

@@ -0,0 +1,5 @@
+import { Confirm as f } from "./Confirm.js";
+export {
+  f as Confirm
+};
+//# sourceMappingURL=index.js.map

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 { h as y } from "../../chunks/vendor-9KVE23Ri.js";
+import { k as y } from "../../chunks/vendor-D3hUOusX.js";
 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";
@@ -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-BSxKZxcq.js";
+import "../../chunks/FormFieldInput-BBhoiftf.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, h] = Q(
+  } = x, [r, k] = 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);
   W(() => {
     const e = m.getPickerValues(s, a, i, o);
-    e.inputString !== r.inputString && h(e), d.current = e;
+    e.inputString !== r.inputString && k(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: k, ...G } = e || {};
+    const { maskedInputProps: e, ...t } = j || {}, { onChange: h, ...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), k == null || k(v);
+            V(v), h == null || h(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, h({ 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, k({ calendarDate: t, inputString: e.target.value });
   }, w = () => {
     if (r.inputString.length === 0 && s.length !== 0)
       return c(r.inputString);
@@ -94,7 +94,7 @@ const ie = K.forwardRef((x, p) => {
       if (m.isAvailableDate(e, t, i, o))
         return c(t);
     }
-    r.inputString !== d.current.inputString && (u.current = !1, h(d.current));
+    r.inputString !== d.current.inputString && (u.current = !1, k(d.current));
   }, N = () => {
     F.current = !0, f == null || f();
   }, U = () => {

package/components/DateField/utils.js

@@ -1,4 +1,4 @@
-import { h as l } from "../../chunks/vendor-9KVE23Ri.js";
+import { k as l } from "../../chunks/vendor-D3hUOusX.js";
 import { inputDateFormat as o } from "./constants.js";
 import { isDayDisabled as s } from "../Calendar/utils.js";
 const i = {

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-SqymKZn5.js";
+import "../../chunks/DropdownListItem-DgEkMGvB.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.5.0",
+      "data-tx": "1.6.0",
       ref: (e) => {
         s.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
       },

package/components/DatePickerExtended/DatePickerExtendedDropdown.js

@@ -1,24 +1,24 @@
-import { jsx as e, jsxs as i, Fragment as m } from "react/jsx-runtime";
+import { jsx as e, jsxs as n, Fragment as m } from "react/jsx-runtime";
 import f, { useContext as u } from "react";
-import { n as D } from "../../chunks/vendor-9KVE23Ri.js";
+import { h as D } from "../../chunks/vendor-D3hUOusX.js";
 import { Dropdown as w } from "../Dropdown/Dropdown.js";
 import { DatePickerExtendedContext as x } from "./DatePickerExtendedContext.js";
 import "../Dropdown/mobile/DropdownMobile.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";
+import { DropdownMobileHeader as h } from "../Dropdown/mobile/DropdownMobileHeader.js";
 import "../Dropdown/mobile/DropdownMobileInner.js";
 import "../Dropdown/mobile/DropdownMobileInput.js";
 import "../Dropdown/mobile/DropdownMobileList.js";
 import "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
-const h = "datePickerExtendedMobileDropdown__f46d6c9c", E = {
-  datePickerExtendedMobileDropdown: h
+const M = "datePickerExtendedMobileDropdown__d37d403e", E = {
+  datePickerExtendedMobileDropdown: M
 }, C = f.forwardRef(
-  (d, c) => {
-    const { children: P, targetRef: o, setOpened: a, renderHeaderTarget: p, renderCalendar: t, focusTrapProps: r, ...s } = d, { mouseUsedRef: n, setDropdownOpen: l } = u(x);
+  (d, a) => {
+    const { children: P, targetRef: o, setOpened: c, renderHeaderTarget: p, renderCalendar: t, focusTrapProps: r, ...s } = d, { mouseUsedRef: i, setDropdownOpen: l } = u(x);
     return /* @__PURE__ */ e(
       w,
       {
@@ -26,8 +26,8 @@ const h = "datePickerExtendedMobileDropdown__f46d6c9c", E = {
         "aria-modal": "true",
         targetRef: o,
         mobileViewProps: {
-          children: /* @__PURE__ */ i(m, { children: [
-            /* @__PURE__ */ i(M, { children: [
+          children: /* @__PURE__ */ n(m, { children: [
+            /* @__PURE__ */ n(h, { children: [
               p(),
               /* @__PURE__ */ e(k, { onClick: () => l(!1) })
             ] }),
@@ -35,9 +35,9 @@ const h = "datePickerExtendedMobileDropdown__f46d6c9c", E = {
           ] }),
           className: E.datePickerExtendedMobileDropdown
         },
-        setOpened: a,
+        setOpened: c,
         ...s,
-        ref: c,
+        ref: a,
         children: /* @__PURE__ */ e(
           D.FocusTrap,
           {
@@ -45,8 +45,8 @@ const h = "datePickerExtendedMobileDropdown__f46d6c9c", E = {
             focusTrapOptions: {
               clickOutsideDeactivates: !0,
               fallbackFocus: o.current,
-              initialFocus: !n.current && void 0,
-              returnFocusOnDeactivate: !n.current,
+              initialFocus: !i.current && void 0,
+              returnFocusOnDeactivate: !i.current,
               ...r == null ? void 0 : r.focusTrapOptions
             },
             children: /* @__PURE__ */ e("div", { role: "presentation", children: t(!1) })

package/components/DateRange/DateRange.js

@@ -0,0 +1,73 @@
+import { jsxs as v, jsx as m } from "react/jsx-runtime";
+import { c as i, k as c } from "../../chunks/vendor-D3hUOusX.js";
+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__4b2d55c3", E = "dateRangeButton__6aaf9774", F = "separator__fddd545b", d = {
+  dateRange: C,
+  dateRangeButton: E,
+  separator: F
+}, j = ({
+  children: y,
+  className: R,
+  value: f,
+  onChange: o,
+  shiftAmount: n = 1,
+  shiftUnit: s = h.MONTH,
+  hideNavigation: p,
+  renderPickerFrom: g,
+  renderPickerTo: k,
+  renderButtonForward: u,
+  renderButtonBack: S,
+  ...b
+}) => {
+  const [a, t] = f, x = i(d.dateRange, R), B = (e) => {
+    !e || !t || e <= t ? o([e, t]) : o([e, ""]);
+  }, I = (e) => {
+    !e || !a || e >= a ? o([a, e]) : o(["", e]);
+  }, N = () => {
+    if (!a || !t)
+      return;
+    const e = c(a, r), l = c(t, r);
+    o([
+      e.subtract(n, s).format(r),
+      l.subtract(n, s).format(r)
+    ]);
+  }, _ = () => {
+    if (!a || !t)
+      return;
+    const e = c(a, r), l = c(t, r);
+    o([
+      e.add(n, s).format(r),
+      l.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),
+      onClick: N
+    }),
+    g({
+      onChange: B,
+      value: a
+    }),
+    /* @__PURE__ */ m(M, { className: d.separator, paletteIndex: 5 }),
+    k({
+      onChange: I,
+      value: t
+    }),
+    !p && u({
+      children: /* @__PURE__ */ m(Y, { paletteIndex: 5 }),
+      className: i(d.dateRangeButton, { disabled: !(a && t) }),
+      disabled: !(a && t),
+      onClick: _
+    })
+  ] });
+};
+j.displayName = "DateRange";
+export {
+  j as DateRange
+};
+//# sourceMappingURL=DateRange.js.map

package/components/DateRange/enums.js

@@ -0,0 +1,5 @@
+var A = /* @__PURE__ */ ((r) => (r.DAY = "day", r.WEEK = "week", r.MONTH = "month", r.QUARTER = "quarter", r.YEAR = "year", r))(A || {});
+export {
+  A as EDateRangeShiftUnit
+};
+//# sourceMappingURL=enums.js.map

package/components/DesignTokens/DesignTokenUtils.js

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

package/components/DesignTokens/DesignTokensComponents.js

@@ -14,38 +14,42 @@ import { Typography_Tokens as k } from "./components/Typography.js";
 import { Tooltip_Tokens as I } from "./components/Tooltip.js";
 import { AlertContext_Tokens as f } from "./components/AlertContext.js";
 import { AlertProcess_Tokens as H } from "./components/AlertProcess.js";
-import { Divider_Tokens as G } from "./components/Divider.js";
-import { Dropdown_Tokens as _ } from "./components/Dropdown.js";
-import { DropdownList_Tokens as d } from "./components/DropdownList.js";
-import { DropdownMobile_Tokens as l } from "./components/DropdownMobile.js";
+import { Divider_Tokens as l } 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 { Overlay_Tokens as c } from "./components/Overlay.js";
+import { ListItem_Tokens as g } 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 b } from "./components/Marker.js";
-import { MarkerStatus_Tokens as u } from "./components/MarkerStatus.js";
-import { UploadZone_Tokens as D } from "./components/UploadZone.js";
-import { Pagination_Tokens as h } from "./components/Pagination.js";
-import { Card_Tokens as w } from "./components/Card.js";
-import { Skeleton_Tokens as x } from "./components/Skeleton.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 x } from "./components/Card.js";
+import { Skeleton_Tokens as y } from "./components/Skeleton.js";
 import { SegmentedControl_Tokens as B } from "./components/SegmentedControl.js";
-import { SegmentedControlSegment_Tokens as P } from "./components/SegmentedControlSegment.js";
-import { Stepper_Tokens as y } from "./components/Stepper.js";
-import { HeaderPage_Tokens as A } from "./components/HeaderPage.js";
-import { FooterPage_Tokens as F } from "./components/FooterPage.js";
-import { Island_Tokens as v } from "./components/Island.js";
+import { SegmentedControlSegment_Tokens as F } 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 N } from "./components/IslandAccordion.js";
-import { TableBasic_Tokens as O } from "./components/TableBasic.js";
-import { Chip_Tokens as R } from "./components/Chip.js";
-import { LightBox_Tokens as U } from "./components/LightBox.js";
-import { Tag_Tokens as W } from "./components/Tag.js";
-import { Notification_Tokens as Z } from "./components/Notification.js";
-import { SMSInput_Tokens as E } from "./components/SMSInput.js";
-import { StatusTracker_Tokens as V } from "./components/StatusTracker.js";
-import { Step_Tokens as j } from "./components/Step.js";
-import { ModalWindow_Tokens as q } from "./components/ModalWindow.js";
-const Wo = {
+import { TableBasic_Tokens as R } from "./components/TableBasic.js";
+import { Chip_Tokens as U } from "./components/Chip.js";
+import { LightBox_Tokens as W } from "./components/LightBox.js";
+import { Tag_Tokens as Z } from "./components/Tag.js";
+import { Notification_Tokens as E } from "./components/Notification.js";
+import { SMSInput_Tokens as V } from "./components/SMSInput.js";
+import { StatusTracker_Tokens as j } from "./components/StatusTracker.js";
+import { Step_Tokens as q } from "./components/Step.js";
+import { ModalWindow_Tokens as z } from "./components/ModalWindow.js";
+import { TopOverlay_Tokens as J } from "./components/TopOverlay.js";
+import { SmallInput_Tokens as K } from "./components/SmallInput.js";
+import { Slider_Tokens as Q } from "./components/Slider.js";
+const Ko = {
   AlertContext: r(
     o.LIGHT,
     f
@@ -56,18 +60,18 @@ const Wo = {
   ),
   Button: r(o.LIGHT, e),
   Calendar: r(o.LIGHT, t),
-  Card: r(o.LIGHT, w),
+  Card: r(o.LIGHT, x),
   Checkbox: r(o.LIGHT, m),
-  Chip: r(o.LIGHT, R),
-  Divider: r(o.LIGHT, G),
-  Dropdown: r(o.LIGHT, _),
+  Chip: r(o.LIGHT, U),
+  Divider: r(o.LIGHT, l),
+  Dropdown: r(o.LIGHT, G),
   DropdownList: r(
     o.LIGHT,
-    d
+    _
   ),
   DropdownMobile: r(
     o.LIGHT,
-    l
+    d
   ),
   DropdownMobileList: r(
     o.LIGHT,
@@ -75,20 +79,20 @@ const Wo = {
   ),
   FooterPage: r(
     o.LIGHT,
-    F
+    A
   ),
   FormField: r(o.LIGHT, T),
   HeaderPage: r(
     o.LIGHT,
-    A
+    v
   ),
-  Island: r(o.LIGHT, v),
+  Island: r(o.LIGHT, O),
   IslandAccordion: r(
     o.LIGHT,
     N
   ),
   Link: r(o.LIGHT, n),
-  ListItem: r(o.LIGHT, c),
+  ListItem: r(o.LIGHT, g),
   ListItemControlsButton: r(
     o.LIGHT,
     C
@@ -102,15 +106,19 @@ const Wo = {
     o.LIGHT,
     L
   ),
-  Marker: r(o.LIGHT, b),
+  Marker: r(o.LIGHT, u),
   MarkerStatus: r(
     o.LIGHT,
-    u
+    b
+  ),
+  MultiselectField: r(
+    o.LIGHT,
+    D
   ),
-  Overlay: r(o.LIGHT, g),
+  Overlay: r(o.LIGHT, c),
   Pagination: r(
     o.LIGHT,
-    h
+    w
   ),
   Radio: r(o.LIGHT, a),
   SegmentedControl: r(
@@ -119,18 +127,19 @@ const Wo = {
   ),
   SegmentedControlSegment: r(
     o.LIGHT,
-    P
+    F
   ),
-  Skeleton: r(o.LIGHT, x),
-  SMSInput: r(o.LIGHT, E),
-  Step: r(o.LIGHT, j),
-  Stepper: r(o.LIGHT, y),
+  Skeleton: r(o.LIGHT, y),
+  SMSInput: r(o.LIGHT, V),
+  Slider: r(o.LIGHT, Q),
+  Step: r(o.LIGHT, q),
+  Stepper: r(o.LIGHT, P),
   TableBasic: r(
     o.LIGHT,
-    O
+    R
   ),
   Tabs: r(o.LIGHT, i),
-  Tag: r(o.LIGHT, W),
+  Tag: r(o.LIGHT, Z),
   TabsLine: r(o.LIGHT, s),
   Tooltip: r(o.LIGHT, I),
   Typography: r(
@@ -139,23 +148,31 @@ const Wo = {
   ),
   UploadZone: r(
     o.LIGHT,
-    D
+    h
   ),
-  LightBox: r(o.LIGHT, U),
+  LightBox: r(o.LIGHT, W),
   Notification: r(
     o.LIGHT,
-    Z
+    E
   ),
   StatusTracker: r(
     o.LIGHT,
-    V
+    j
   ),
   ModalWindow: r(
     o.LIGHT,
-    q
+    z
+  ),
+  TopOverlay: r(
+    o.LIGHT,
+    J
+  ),
+  SmallInput: r(
+    o.LIGHT,
+    K
   )
 };
 export {
-  Wo as DesignTokensComponents
+  Ko as DesignTokensComponents
 };
 //# sourceMappingURL=DesignTokensComponents.js.map