@sberbusiness/triplex-next 1.30.0 → 1.32.0

package/components/CollapsibleTree/components/CollapsibleTreeNodeHeader.js

@@ -1,33 +1,33 @@
-import { jsxs as f, jsx as b } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
+import { jsxs as b, jsx as m } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
 import { CaretrightStrokeSrvIcon24 as v } from "@sberbusiness/icons-next";
-import { c as a } from "../../../chunks/vendor-82AnkPpo.js";
-const _ = "collapsibleTreeNodeHeader__df1b508e", x = "interactive__0fe326b3", H = "chevron__f7f636f0", T = "opened__7689d454", r = {
+import { c as t } from "../../../chunks/vendor-82AnkPpo.js";
+const _ = "collapsibleTreeNodeHeader__b9a5f057", x = "interactive__cea0e27e", H = "chevron__7b7fa25a", T = "opened__1d2fc5ac", r = {
   collapsibleTreeNodeHeader: _,
   interactive: x,
   chevron: H,
   opened: T
-}, N = m(
-  ({ children: c, className: n, opened: o, toggle: i, onClick: t, hasChildNodes: e, ...l }, d) => {
+}, N = f(
+  ({ children: c, className: n, opened: a, toggle: i, onClick: o, hasChildNodes: e, ...l }, d) => {
     const s = (p) => {
-      e && i(!o), t == null || t(p);
+      e && i(!a), o == null || o(p);
     };
-    return /* @__PURE__ */ f(
+    return /* @__PURE__ */ b(
       "button",
       {
         ...l,
         ref: d,
         type: "button",
-        className: a(r.collapsibleTreeNodeHeader, n, { [r.interactive]: e }),
+        className: t(r.collapsibleTreeNodeHeader, n, { [r.interactive]: e }),
         onClick: s,
-        "aria-expanded": e ? o : void 0,
+        "aria-expanded": e ? a : void 0,
         disabled: !e,
         children: [
-          e && /* @__PURE__ */ b(
+          e && /* @__PURE__ */ m(
             v,
             {
               paletteIndex: 5,
-              className: a(r.chevron, { [r.opened]: o }),
+              className: t(r.chevron, { [r.opened]: a }),
               "aria-hidden": !0
             }
           ),

package/components/CollapsibleTreeExtended/components/CollapsibleTreeExtendedNode.js

@@ -6,7 +6,7 @@ import u from "react";
 import { TreeView as h } from "../../TreeView/TreeView.js";
 import { AccordionBase as x } from "../../AccordionBase/protected/AccordionBase.js";
 import { c as y } from "../../../chunks/vendor-82AnkPpo.js";
-const b = "collapsibleTreeExtendedNodeContent__16b114a8", T = {
+const b = "collapsibleTreeExtendedNodeContent__d91eb710", T = {
   collapsibleTreeExtendedNodeContent: b
 };
 class B extends u.Component {

package/components/Confirm/Confirm.js

@@ -9,7 +9,7 @@ import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
 import { EConfirmParentComponent as o } from "./enums.js";
-import { s as r } from "../../chunks/Confirm.module-CUcXlA0E.js";
+import { s as r } from "../../chunks/Confirm.module-ONNAnitW.js";
 const d = {
   [o.LIGHTBOX]: r.isInLightBox,
   [o.SIDE_OVERLAY_SM]: r.isInSideOverlaySM,

package/components/Confirm/components/ConfirmCloseButton.js

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import s from "react";
 import { CrossStrokeSrvIcon20 as i } from "@sberbusiness/icons-next";
 import { c as f } from "../../../chunks/vendor-82AnkPpo.js";
-import { s as n } from "../../../chunks/Confirm.module-CUcXlA0E.js";
+import { s as n } from "../../../chunks/Confirm.module-ONNAnitW.js";
 import { Button as p } from "../../Button/Button.js";
 import { EButtonTheme as a } from "../../Button/enums.js";
 import { EComponentSize as l } from "../../../enums/EComponentSize.js";

package/components/Confirm/components/ConfirmContent.js

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import { ConfirmContentSubTitle as r } from "./ConfirmContentSubTitle.js";
 import { ConfirmContentTitle as e } from "./ConfirmContentTitle.js";
 import { c as s } from "../../../chunks/vendor-82AnkPpo.js";
-import { s as f } from "../../../chunks/Confirm.module-CUcXlA0E.js";
+import { s as f } from "../../../chunks/Confirm.module-ONNAnitW.js";
 const o = ({ children: t, className: m, ...i }) => /* @__PURE__ */ n("div", { className: s(m, f.confirmContent), ...i, children: t });
 o.displayName = "ConfirmContent";
 o.Title = e;

package/components/Confirm/components/ConfirmContentTitle.js

@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 import { ETitleSize as e } from "../../Typography/enums.js";
 import { Title as s } from "../../Typography/Title.js";
 import { c as n } from "../../../chunks/vendor-82AnkPpo.js";
-import { s as l } from "../../../chunks/Confirm.module-CUcXlA0E.js";
+import { s as l } from "../../../chunks/Confirm.module-ONNAnitW.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-82AnkPpo.js";
-import { s as i } from "../../../chunks/Confirm.module-CUcXlA0E.js";
+import { s as i } from "../../../chunks/Confirm.module-ONNAnitW.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 W } from "../Calendar/Calendar.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-PhDNj_sI.js";
+import "../../chunks/DropdownListItem-CBAmYB__.js";
 import { EDropdownAlignment as X } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import "../Dropdown/mobile/DropdownMobileBody.js";
@@ -103,7 +103,7 @@ const ee = G.forwardRef((l, r) => {
       onKeyDown: _,
       onMouseDown: F,
       ...V,
-      "data-tx": "1.30.0",
+      "data-tx": "1.32.0",
       ref: (e) => {
         s.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
       },

package/components/DatePickerExtended/DatePickerExtendedDropdown.js

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

package/components/DateRange/DateRange.js

@@ -4,25 +4,25 @@ import { CaretleftStrokeSrvIcon20 as D, RangeStrokeSrvIcon16 as Y, CaretrightStr
 import { dateFormatYYYYMMDD as r } from "../../consts/DateConst.js";
 import { EDateRangeShiftUnit as E } from "./enums.js";
 import { c as i } from "../../chunks/vendor-82AnkPpo.js";
-const F = "dateRange__66b87fb6", M = "dateRangeButton__6238e45d", h = "separator__8b463f97", d = {
+const F = "dateRange__b9d1f3eb", M = "dateRangeButton__750d76dc", h = "separator__1782c6b4", 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: b,
   renderButtonForward: u,
   renderButtonBack: S,
   ...k
 }) => {
-  const [t, a] = f, x = i(d.dateRange, R), B = (e) => {
+  const [t, a] = g, 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]);
@@ -50,7 +50,7 @@ const F = "dateRange__66b87fb6", M = "dateRangeButton__6238e45d", h = "separator
       disabled: !(t && a),
       onClick: N
     }),
-    g({
+    f({
       onChange: B,
       value: t
     }),

package/components/DesignTokens/DesignTokenUtils.js

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

package/components/DesignTokens/DesignTokensComponents.js

@@ -14,47 +14,48 @@ 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 H } from "./components/DropdownMobileList.js";
-import { FooterPage_Tokens as G } from "./components/FooterPage.js";
+import { DropdownMobileList_Tokens as G } from "./components/DropdownMobileList.js";
+import { FooterPage_Tokens as H } 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 { Island_Tokens as g } from "./components/Island.js";
+import { IslandAccordion_Tokens as S } 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 M } from "./components/Link.js";
-import { ListItem_Tokens as b } from "./components/ListItem.js";
-import { ListItemControlsButton_Tokens as u } from "./components/ListItemControlsButton.js";
+import { ImageGallery_Tokens as c } from "./components/ImageGallery.js";
+import { LightBox_Tokens as M } from "./components/LightBox.js";
+import { Link_Tokens as b } from "./components/Link.js";
+import { ListItem_Tokens as u } from "./components/ListItem.js";
+import { ListItemControlsButton_Tokens as y } from "./components/ListItemControlsButton.js";
 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 = {
+import { MultiselectField_Tokens as v } from "./components/MultiselectField.js";
+import { Notification_Tokens as A } from "./components/Notification.js";
+import { Overlay_Tokens as P } from "./components/Overlay.js";
+import { Pagination_Tokens as O } from "./components/Pagination.js";
+import { Radio_Tokens as W } from "./components/Radio.js";
+import { SegmentedControl_Tokens as N } from "./components/SegmentedControl.js";
+import { SegmentedControlSegment_Tokens as R } from "./components/SegmentedControlSegment.js";
+import { Skeleton_Tokens as U } from "./components/Skeleton.js";
+import { Slider_Tokens as Z } from "./components/Slider.js";
+import { SmallInput_Tokens as E } from "./components/SmallInput.js";
+import { SMSField_Tokens as V } from "./components/SMSField.js";
+import { StatusTracker_Tokens as j } from "./components/StatusTracker.js";
+import { Step_Tokens as q } from "./components/Step.js";
+import { Stepper_Tokens as z } from "./components/Stepper.js";
+import { TableBasic_Tokens as J } from "./components/TableBasic.js";
+import { Tabs_Tokens as K } from "./components/Tabs.js";
+import { TabsLine_Tokens as Q } from "./components/TabsLine.js";
+import { Tag_Tokens as X } from "./components/Tag.js";
+import { TagColor_Tokens as Y } from "./components/TagColor.js";
+import { Tooltip_Tokens as $ } from "./components/Tooltip.js";
+import { TopOverlay_Tokens as oo } from "./components/TopOverlay.js";
+import { Typography_Tokens as ro } from "./components/Typography.js";
+import { UploadZone_Tokens as eo } from "./components/UploadZone.js";
+const nr = {
   AlertContext: r(
     o.LIGHT,
     e
@@ -86,32 +87,36 @@ const mr = {
   ),
   DropdownMobileList: r(
     o.LIGHT,
-    H
+    G
   ),
   FooterPage: r(
     o.LIGHT,
-    G
+    H
   ),
   FormField: r(o.LIGHT, _),
   HeaderPage: r(
     o.LIGHT,
     d
   ),
-  Island: r(o.LIGHT, S),
+  Island: r(o.LIGHT, g),
   IslandAccordion: r(
     o.LIGHT,
-    g
+    S
   ),
   IslandWidget: r(
     o.LIGHT,
     C
   ),
-  LightBox: r(o.LIGHT, c),
-  Link: r(o.LIGHT, M),
-  ListItem: r(o.LIGHT, b),
+  ImageGallery: r(
+    o.LIGHT,
+    c
+  ),
+  LightBox: r(o.LIGHT, M),
+  Link: r(o.LIGHT, b),
+  ListItem: r(o.LIGHT, u),
   ListItemControlsButton: r(
     o.LIGHT,
-    u
+    y
   ),
   ListMaster: r(
     o.LIGHT,
@@ -133,62 +138,62 @@ const mr = {
   ),
   MultiselectField: r(
     o.LIGHT,
-    y
+    v
   ),
   Notification: r(
     o.LIGHT,
-    v
+    A
   ),
-  Overlay: r(o.LIGHT, A),
+  Overlay: r(o.LIGHT, P),
   Pagination: r(
     o.LIGHT,
-    P
+    O
   ),
-  Radio: r(o.LIGHT, O),
+  Radio: r(o.LIGHT, W),
   SegmentedControl: r(
     o.LIGHT,
-    W
+    N
   ),
   SegmentedControlSegment: r(
     o.LIGHT,
-    N
+    R
   ),
-  Skeleton: r(o.LIGHT, R),
+  Skeleton: r(o.LIGHT, U),
   SmallInput: r(
     o.LIGHT,
-    Z
+    E
   ),
-  SMSField: r(o.LIGHT, E),
-  Slider: r(o.LIGHT, U),
+  SMSField: r(o.LIGHT, V),
+  Slider: r(o.LIGHT, Z),
   StatusTracker: r(
     o.LIGHT,
-    V
+    j
   ),
-  Step: r(o.LIGHT, j),
-  Stepper: r(o.LIGHT, q),
+  Step: r(o.LIGHT, q),
+  Stepper: r(o.LIGHT, z),
   TableBasic: r(
     o.LIGHT,
-    z
+    J
   ),
-  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),
+  Tabs: r(o.LIGHT, K),
+  Tag: r(o.LIGHT, X),
+  TagColor: r(o.LIGHT, Y),
+  TabsLine: r(o.LIGHT, Q),
+  Tooltip: r(o.LIGHT, $),
   TopOverlay: r(
     o.LIGHT,
-    $
+    oo
   ),
   Typography: r(
     o.LIGHT,
-    oo
+    ro
   ),
   UploadZone: r(
     o.LIGHT,
-    ro
+    eo
   )
 };
 export {
-  mr as DesignTokensComponents
+  nr as DesignTokensComponents
 };
 //# sourceMappingURL=DesignTokensComponents.js.map

package/components/DesignTokens/DesignTokensComponentsThemeDark.js

@@ -18,43 +18,44 @@ import { DropdownMobileList_Tokens as R } from "./components/DropdownMobileList.
 import { FooterPage_Tokens as K } 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 { Island_Tokens as g } from "./components/Island.js";
+import { IslandAccordion_Tokens as S } from "./components/IslandAccordion.js";
 import { IslandWidget_Tokens as C } from "./components/IslandWidget.js";
-import { LightBox_Tokens as L } 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 b } from "./components/ListItemControlsButton.js";
+import { ImageGallery_Tokens as L } from "./components/ImageGallery.js";
+import { LightBox_Tokens as c } from "./components/LightBox.js";
+import { Link_Tokens as M } from "./components/Link.js";
+import { ListItem_Tokens as b } from "./components/ListItem.js";
+import { ListItemControlsButton_Tokens as I } from "./components/ListItemControlsButton.js";
 import { ListMaster_Tokens as u } from "./components/ListMaster.js";
-import { Loader_Tokens as I } from "./components/Loader.js";
-import { LoaderScreen_Tokens as h } from "./components/LoaderScreen.js";
+import { Loader_Tokens as h } from "./components/Loader.js";
+import { LoaderScreen_Tokens as y } from "./components/LoaderScreen.js";
 import { Marker_Tokens as B } 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 P } from "./components/Pagination.js";
-import { Radio_Tokens as O } from "./components/Radio.js";
-import { SegmentedControl_Tokens as W } from "./components/SegmentedControl.js";
+import { Notification_Tokens as v } from "./components/Notification.js";
+import { Overlay_Tokens as P } from "./components/Overlay.js";
+import { Pagination_Tokens as O } from "./components/Pagination.js";
+import { Radio_Tokens as W } from "./components/Radio.js";
+import { SegmentedControl_Tokens as G } from "./components/SegmentedControl.js";
 import { SegmentedControlSegment_Tokens as N } from "./components/SegmentedControlSegment.js";
 import { Skeleton_Tokens as H } 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 G } 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 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 ir = {
+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 Q } from "./components/TabsLine.js";
+import { Tag_Tokens as X } from "./components/Tag.js";
+import { TagColor_Tokens as Y } from "./components/TagColor.js";
+import { Tooltip_Tokens as $ } from "./components/Tooltip.js";
+import { TopOverlay_Tokens as oo } from "./components/TopOverlay.js";
+import { Typography_Tokens as ro } from "./components/Typography.js";
+import { UploadZone_Tokens as eo } from "./components/UploadZone.js";
+const sr = {
   AlertContext: r(
     o.DARK,
     t
@@ -97,30 +98,34 @@ const ir = {
     o.DARK,
     d
   ),
-  Island: r(o.DARK, S),
+  Island: r(o.DARK, g),
   IslandAccordion: r(
     o.DARK,
-    g
+    S
   ),
   IslandWidget: r(
     o.DARK,
     C
   ),
-  LightBox: r(o.DARK, L),
-  Link: r(o.DARK, c),
-  ListItem: r(o.DARK, M),
+  ImageGallery: r(
+    o.DARK,
+    L
+  ),
+  LightBox: r(o.DARK, c),
+  Link: r(o.DARK, M),
+  ListItem: r(o.DARK, b),
   ListItemControlsButton: r(
     o.DARK,
-    b
+    I
   ),
   ListMaster: r(
     o.DARK,
     u
   ),
-  Loader: r(o.DARK, I),
+  Loader: r(o.DARK, h),
   LoaderScreen: r(
     o.DARK,
-    h
+    y
   ),
   Marker: r(o.DARK, B),
   MarkerStatus: r(
@@ -137,17 +142,17 @@ const ir = {
   ),
   Notification: r(
     o.DARK,
-    y
+    v
   ),
-  Overlay: r(o.DARK, v),
+  Overlay: r(o.DARK, P),
   Pagination: r(
     o.DARK,
-    P
+    O
   ),
-  Radio: r(o.DARK, O),
+  Radio: r(o.DARK, W),
   SegmentedControl: r(
     o.DARK,
-    W
+    G
   ),
   SegmentedControlSegment: r(
     o.DARK,
@@ -162,33 +167,33 @@ const ir = {
   Slider: r(o.DARK, U),
   StatusTracker: r(
     o.DARK,
-    G
+    V
   ),
-  Step: r(o.DARK, V),
-  Stepper: r(o.DARK, j),
+  Step: r(o.DARK, j),
+  Stepper: r(o.DARK, q),
   TableBasic: r(
     o.DARK,
-    q
+    z
   ),
-  Tabs: r(o.DARK, z),
-  Tag: r(o.DARK, Q),
-  TagColor: r(o.DARK, X),
-  TabsLine: r(o.DARK, J),
-  Tooltip: r(o.DARK, Y),
+  Tabs: r(o.DARK, J),
+  Tag: r(o.DARK, X),
+  TagColor: r(o.DARK, Y),
+  TabsLine: r(o.DARK, Q),
+  Tooltip: r(o.DARK, $),
   TopOverlay: r(
     o.DARK,
-    $
+    oo
   ),
   Typography: r(
     o.DARK,
-    oo
+    ro
   ),
   UploadZone: r(
     o.DARK,
-    ro
+    eo
   )
 };
 export {
-  ir as DesignTokensComponentsThemeDark
+  sr as DesignTokensComponentsThemeDark
 };
 //# sourceMappingURL=DesignTokensComponentsThemeDark.js.map

package/components/DesignTokens/components/Chip.js

@@ -1,8 +1,10 @@
 const e = [
   "Background_Active",
-  "Background_Default",
   "Background_Disabled",
-  "Background_Hover",
+  "Background_Type1_Default",
+  "Background_Type1_Hover",
+  "Background_Type2_Default",
+  "Background_Type2_Hover",
   "Background_Selected_Active",
   "Background_Selected_Default",
   "Background_Selected_Disabled",
@@ -19,12 +21,16 @@ const e = [
 ], r = {
   Background_Active: [{ ref: "ColorNeutral.40" }, { ref: "ColorDarkNeutral.100" }],
   // var(--triplex-next-Chip-Background_Active)
-  Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
-  // var(--triplex-next-Chip-Background_Default)
   Background_Disabled: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-Chip-Background_Disabled)
-  Background_Hover: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.90" }],
-  // var(--triplex-next-Chip-Background_Hover)
+  Background_Type1_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
+  // var(--triplex-next-Chip-Background_Type1_Default)
+  Background_Type1_Hover: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.90" }],
+  // var(--triplex-next-Background_Type1_Hover)
+  Background_Type2_Default: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
+  // var(--triplex-next-Chip-Background_Type2_Default)
+  Background_Type2_Hover: [{ ref: "ColorNeutral.80" }, { ref: "ColorDarkNeutral.60" }],
+  // var(--triplex-next-Chip-Background_Type2_Hover)
   Background_Selected_Active: [{ ref: "ColorDarkNeutral.100" }, { ref: "ColorNeutral.40" }],
   // var(--triplex-next-Chip-Background_Selected_Active)
   Background_Selected_Default: [{ ref: "ColorDarkNeutral.70" }, { ref: "ColorNeutral.90" }],