@sberbusiness/triplex-next 1.2.0 → 1.4.0

package/components/DesignTokens/DesignTokensComponentsThemeDark.js

@@ -8,7 +8,7 @@ import { Link_Tokens as i } from "./components/Link.js";
 import { Tabs_Tokens as s } from "./components/Tabs.js";
 import { TabsLine_Tokens as p } from "./components/TabsLine.js";
 import { Loader_Tokens as T } from "./components/Loader.js";
-import { LoaderWidget_Tokens as k } from "./components/LoaderWidget.js";
+import { LoaderScreen_Tokens as k } from "./components/LoaderScreen.js";
 import { Radio_Tokens as D } from "./components/Radio.js";
 import { Typography_Tokens as a } from "./components/Typography.js";
 import { Tooltip_Tokens as A } from "./components/Tooltip.js";
@@ -18,25 +18,32 @@ import { Dropdown_Tokens as K } 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 l } from "./components/DropdownMobileList.js";
-import { Overlay_Tokens as g } from "./components/Overlay.js";
+import { Overlay_Tokens as S } from "./components/Overlay.js";
 import { ListItem_Tokens as L } from "./components/ListItem.js";
-import { ListItemControlsButton_Tokens as C } from "./components/ListItemControlsButton.js";
-import { ListMaster_Tokens as S } from "./components/ListMaster.js";
-import { Marker_Tokens as b } from "./components/Marker.js";
-import { MarkerStatus_Tokens as M } from "./components/MarkerStatus.js";
-import { Page_Tokens as P } from "./components/Page.js";
-import { UploadZone_Tokens as h } from "./components/UploadZone.js";
-import { Pagination_Tokens as w } from "./components/Pagination.js";
+import { ListItemControlsButton_Tokens as g } from "./components/ListItemControlsButton.js";
+import { ListMaster_Tokens as c } from "./components/ListMaster.js";
+import { Marker_Tokens as C } from "./components/Marker.js";
+import { MarkerStatus_Tokens as b } from "./components/MarkerStatus.js";
+import { UploadZone_Tokens as M } from "./components/UploadZone.js";
+import { Pagination_Tokens as h } from "./components/Pagination.js";
 import { Card_Tokens as u } 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 F } from "./components/SegmentedControlSegment.js";
-import { Stepper_Tokens as I } from "./components/Stepper.js";
-import { HeaderPage_Tokens as c } from "./components/HeaderPage.js";
-import { FooterPage_Tokens as B } from "./components/FooterPage.js";
-import { Island_Tokens as v } from "./components/Island.js";
+import { Skeleton_Tokens as I } from "./components/Skeleton.js";
+import { SegmentedControl_Tokens as x } from "./components/SegmentedControl.js";
+import { SegmentedControlSegment_Tokens as B } from "./components/SegmentedControlSegment.js";
+import { Stepper_Tokens as w } from "./components/Stepper.js";
+import { HeaderPage_Tokens as P } from "./components/HeaderPage.js";
+import { FooterPage_Tokens as y } from "./components/FooterPage.js";
+import { Island_Tokens as F } from "./components/Island.js";
+import { IslandAccordion_Tokens as v } from "./components/IslandAccordion.js";
+import { TableBasic_Tokens as N } from "./components/TableBasic.js";
 import { Chip_Tokens as H } from "./components/Chip.js";
-const So = {
+import { LightBox_Tokens as O } from "./components/LightBox.js";
+import { Tag_Tokens as U } 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 G } from "./components/StatusTracker.js";
+import { Step_Tokens as V } from "./components/Step.js";
+const No = {
   AlertContext: r(
     o.DARK,
     f
@@ -65,52 +72,62 @@ const So = {
   ),
   FooterPage: r(
     o.DARK,
-    B
+    y
   ),
   FormField: r(o.DARK, n),
   HeaderPage: r(
     o.DARK,
-    c
+    P
+  ),
+  Island: r(o.DARK, F),
+  IslandAccordion: r(
+    o.DARK,
+    v
   ),
-  Island: r(o.DARK, v),
   Link: r(o.DARK, i),
   ListItem: r(o.DARK, L),
   ListItemControlsButton: r(
     o.DARK,
-    C
+    g
   ),
   ListMaster: r(
     o.DARK,
-    S
+    c
   ),
   Loader: r(o.DARK, T),
-  LoaderWidget: r(
+  LoaderScreen: r(
     o.DARK,
     k
   ),
-  Marker: r(o.DARK, b),
+  Marker: r(o.DARK, C),
   MarkerStatus: r(
     o.DARK,
-    M
+    b
   ),
-  Overlay: r(o.DARK, g),
-  Page: r(o.DARK, P),
+  Overlay: r(o.DARK, S),
   Pagination: r(
     o.DARK,
-    w
+    h
   ),
   Radio: r(o.DARK, D),
   SegmentedControl: r(
     o.DARK,
-    y
+    x
   ),
   SegmentedControlSegment: r(
     o.DARK,
-    F
+    B
+  ),
+  Skeleton: r(o.DARK, I),
+  SMSInput: r(o.DARK, E),
+  Step: r(o.DARK, V),
+  Stepper: r(o.DARK, w),
+  TableBasic: r(
+    o.DARK,
+    N
   ),
-  Skeleton: r(o.DARK, x),
-  Stepper: r(o.DARK, I),
   Tabs: r(o.DARK, s),
+  Tag: r(o.DARK, U),
   TabsLine: r(o.DARK, p),
   Tooltip: r(o.DARK, A),
   Typography: r(
@@ -119,10 +136,19 @@ const So = {
   ),
   UploadZone: r(
     o.DARK,
-    h
+    M
+  ),
+  LightBox: r(o.DARK, O),
+  Notification: r(
+    o.DARK,
+    Z
+  ),
+  StatusTracker: r(
+    o.DARK,
+    G
   )
 };
 export {
-  So as DesignTokensComponentsThemeDark
+  No as DesignTokensComponentsThemeDark
 };
 //# sourceMappingURL=DesignTokensComponentsThemeDark.js.map

package/components/DesignTokens/components/Card.js

@@ -15,7 +15,8 @@ const e = [
   "Shadow_Default",
   "Shadow_Focus",
   "Shadow_Hover",
-  "Shadow_Selected"
+  "Shadow_Selected",
+  "Shadow_Selected_Hover"
 ], r = {
   // Static (CardStatic)
   Static_General_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.60" }],
@@ -42,12 +43,14 @@ const e = [
   // Shadow
   Shadow_Default: [{ value: "0 2px 12px 0 rgba(31, 31, 34, 0.12)" }, { value: "none" }],
   // var(--triplex-next-Card-Shadow_Default)
-  Shadow_Focus: [{ value: "0 0 0 1px rgba(255, 209, 105) inset" }, { value: "0 0 0 1px rgba(255, 209, 105) inset" }],
+  Shadow_Focus: [{ value: "inset 0 0 0 1px #FFD169" }, { value: "inset 0 0 0 1px #FFD169" }],
   // var(--triplex-next-Card-Shadow_Focus)
   Shadow_Hover: [{ value: "0 4px 12px 0 rgba(31, 31, 34, 0.16)" }, { value: "none" }],
   // var(--triplex-next-Card-Shadow_Hover)
-  Shadow_Selected: [{ value: "0 0 0 1px rgb(33, 161, 154) inset" }, { value: "0 0 0 1px rgb(33, 161, 154) inset" }]
+  Shadow_Selected: [{ value: "inset 0 0 0 1px #21A19A" }, { value: "inset 0 0 0 1px #21A19A" }],
   // var(--triplex-next-Card-Shadow_Selected)
+  Shadow_Selected_Hover: [{ value: "inset 0 0 0 1px #19BDB0" }, { value: "inset 0 0 0 1px #19BDB0" }]
+  // var(--triplex-next-Card-Shadow_Selected_Hover)
 };
 export {
   r as Card_Tokens,

package/components/DesignTokens/components/Island.js

@@ -6,7 +6,7 @@ const e = [
   "Type2_Shadow",
   "Type3_Shadow"
 ], a = {
-  Type1_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.30" }],
+  Type1_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.40" }],
   // var(--triplex-next-Island-Type1_Background)
   Type2_Background: [{ ref: "ColorNeutralAlpha.70" }, { ref: "ColorDarkNeutralAlpha.50" }],
   // var(--triplex-next-Island-Type2_Background)

package/components/DesignTokens/components/IslandAccordion.js

@@ -0,0 +1,9 @@
+const o = ["Shadow_Focus"], n = {
+  Shadow_Focus: [{ value: "0 0 0 1px #FFD169" }, { value: "0 0 0 1px #FFD169" }]
+  // var(--triplex-next-IslandAccordion-Shadow_Focus)
+};
+export {
+  n as IslandAccordion_Tokens,
+  o as designTokensComponentsIslandAccordionKeys
+};
+//# sourceMappingURL=IslandAccordion.js.map

package/components/DesignTokens/components/LightBox.js

@@ -0,0 +1,11 @@
+const o = ["Backdrop_Background", "Content_Background"], r = {
+  Backdrop_Background: [{ ref: "ColorDarkNeutralAlpha.30" }, { ref: "ColorDarkNeutralAlpha.90" }],
+  // var(--triplex-next-LightBox-Backdrop_Background)
+  Content_Background: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.10" }]
+  // var(--triplex-next-LightBox-Content_Background)
+};
+export {
+  r as LightBox_Tokens,
+  o as designTokensComponentsLightBoxKeys
+};
+//# sourceMappingURL=LightBox.js.map

package/components/DesignTokens/components/Loader.js

@@ -1,11 +1,17 @@
-const r = ["Neutral_Background_Default", "Brand_Background_Default"], o = {
-  Neutral_Background_Default: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
-  // var(--triplex-next-Loader-Neutral_Background_Default)
-  Brand_Background_Default: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.50" }]
-  // var(--triplex-next-Loader-Brand_Background_Default)
+const e = [
+  "Element_Background_Neutral",
+  "Element_Background_Brand",
+  "Middle_Background_Default"
+], r = {
+  Element_Background_Brand: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.50" }],
+  // var(--triplex-next-Loader-Element_Background_Brand)
+  Element_Background_Neutral: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-Loader-Element_Background_Neutral)
+  Middle_Background_Default: [{ ref: "ColorNeutral.80" }, { ref: "ColorDarkNeutral.50" }]
+  // var(--triplex-next-Loader-Middle_Background_Default)
 };
 export {
-  o as Loader_Tokens,
-  r as designTokensComponentsLoaderKeys
+  r as Loader_Tokens,
+  e as designTokensComponentsLoaderKeys
 };
 //# sourceMappingURL=Loader.js.map

package/components/DesignTokens/components/LoaderScreen.js

@@ -0,0 +1,17 @@
+const e = [
+  "Small_Backdrop_Default",
+  "Middle_Backdrop_Default",
+  "Middle_Background_Default"
+], r = {
+  Small_Backdrop_Default: [{ ref: "ColorNeutralAlpha.30" }, { ref: "ColorDarkNeutralAlpha.30" }],
+  // var(--triplex-next-LoaderScreen-Small_Backdrop_Default)
+  Middle_Backdrop_Default: [{ ref: "ColorNeutralAlpha.30" }, { ref: "ColorDarkNeutralAlpha.30" }],
+  // var(--triplex-next-LoaderScreen-Middle_Backdrop_Default)
+  Middle_Background_Default: [{ ref: "ColorNeutral.80" }, { ref: "ColorDarkNeutral.50" }]
+  // var(--triplex-next-LoaderScreen-Middle_Background_Default)
+};
+export {
+  r as LoaderScreen_Tokens,
+  e as designTokensComponentsLoaderScreenKeys
+};
+//# sourceMappingURL=LoaderScreen.js.map

package/components/DesignTokens/components/Marker.js

@@ -4,13 +4,13 @@ const r = [
   "Background_Waiting",
   "Background_Warning"
 ], o = {
-  Background_Error: [{ ref: "ColorError.60" }, { ref: "ColorError.60" }],
+  Background_Error: [{ ref: "ColorError.50" }, { ref: "ColorError.50" }],
   // var(--triplex-next-Marker-Background_Error)
-  Background_Success: [{ ref: "ColorBrand.60" }, { ref: "ColorBrand.70" }],
+  Background_Success: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.50" }],
   // var(--triplex-next-Marker-Background_Success)
-  Background_Waiting: [{ ref: "ColorSystem.60" }, { ref: "ColorSystem.70" }],
+  Background_Waiting: [{ ref: "ColorSystem.50" }, { ref: "ColorSystem.50" }],
   // var(--triplex-next-Marker-Background_Waiting)
-  Background_Warning: [{ ref: "ColorWarning.60" }, { ref: "ColorWarning.70" }]
+  Background_Warning: [{ ref: "ColorWarning.50" }, { ref: "ColorWarning.50" }]
   // var(--triplex-next-Marker-Background_Warning)
 };
 export {

package/components/DesignTokens/components/Notification.js

@@ -0,0 +1,15 @@
+const o = ["Background", "Color", "Shadow", "TimeColor"], r = {
+  Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.30" }],
+  // var(--triplex-next-Notification-Background)
+  Color: [{ ref: "ColorDarkNeutral.30" }, { ref: "ColorNeutral.100" }],
+  // var(--triplex-next-Notification-Color)
+  TimeColor: [{ value: "rgba(31, 31, 34, 0.65)" }, { value: "rgba(255, 255, 255, 0.55)" }],
+  // var(--triplex-next-Notification-TimeColor)
+  Shadow: [{ value: "0px 2px 7px rgba(31, 31, 34, 0.25)" }, { value: "0px 2px 7px rgba(0, 0, 0, 0.35)" }]
+  // var(--triplex-next-Notification-Shadow)
+};
+export {
+  r as Notification_Tokens,
+  o as designTokensComponentsNotificationKeys
+};
+//# sourceMappingURL=Notification.js.map

package/components/DesignTokens/components/SMSInput.js

@@ -0,0 +1,26 @@
+const r = [
+  "Refresh_Fill_Empty",
+  "Refresh_Fill_Full",
+  "Refresh_Disabled",
+  "Submit_Background_Default",
+  "Submit_Background_Hover",
+  "Submit_Background_Active"
+], e = {
+  Refresh_Fill_Empty: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.70" }],
+  // var(--triplex-next-SMSInput-Refresh_Fill_Empty)
+  Refresh_Fill_Full: [{ ref: "ColorBrand.40" }, { ref: "ColorBrand.60" }],
+  // var(--triplex-next-SMSInput-Refresh_Fill_Full)
+  Refresh_Disabled: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
+  // var(--triplex-next-SMSInput-Refresh_Disabled)
+  Submit_Background_Default: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
+  // var(--triplex-next-SMSInput-Submit_Background_Default)
+  Submit_Background_Hover: [{ ref: "ColorBrand.60" }, { ref: "ColorBrand.60" }],
+  // var(--triplex-next-SMSInput-Submit_Background_Hover)
+  Submit_Background_Active: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.50" }]
+  // var(--triplex-next-SMSInput-Submit_Background_Active)
+};
+export {
+  e as SMSInput_Tokens,
+  r as designTokensComponentsSMSInputKeys
+};
+//# sourceMappingURL=SMSInput.js.map

package/components/DesignTokens/components/StatusTracker.js

@@ -0,0 +1,35 @@
+const r = [
+  "Draft_Background",
+  "Warning_Background",
+  "Waiting_Background",
+  "Rejected_Background",
+  "Approved_Background",
+  "Waiting_Color",
+  "Rejected_Color",
+  "Approved_Color",
+  "Border_Color"
+], o = {
+  Draft_Background: [{ ref: "ColorNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.100" }],
+  // var(--triplex-next-StatusTracker-Draft_Background)
+  Warning_Background: [{ ref: "ColorWarning.60" }, { ref: "ColorWarning.20" }],
+  // var(--triplex-next-StatusTracker-Warning_Background)
+  Waiting_Background: [{ ref: "ColorSystem.80" }, { ref: "ColorNeutralAlpha.60" }],
+  // var(--triplex-next-StatusTracker-Waiting_Background)
+  Rejected_Background: [{ ref: "ColorError.70" }, { ref: "ColorError.30" }],
+  // var(--triplex-next-StatusTracker-Rejected_Background)
+  Approved_Background: [{ ref: "ColorSuccess.60" }, { ref: "ColorSuccess.50" }],
+  // var(--triplex-next-StatusTracker-Approved_Background)
+  Waiting_Color: [{ ref: "ColorSystem.70" }, { ref: "ColorNeutralAlpha.50" }],
+  // var(--triplex-next-StatusTracker-Waiting_Color)
+  Rejected_Color: [{ ref: "ColorError.80" }, { ref: "ColorError.20" }],
+  // var(--triplex-next-StatusTracker-Rejected_Color)
+  Approved_Color: [{ ref: "ColorSuccess.60" }, { ref: "ColorSuccess.30" }],
+  // var(--triplex-next-StatusTracker-Approved_Color)
+  Border_Color: [{ ref: "ColorNeutral.100" }, { ref: "ColorNeutralAlpha.80" }]
+  // var(--triplex-next-StatusTracker-Border_Color)
+};
+export {
+  o as StatusTracker_Tokens,
+  r as designTokensComponentsStatusTrackerKeys
+};
+//# sourceMappingURL=StatusTracker.js.map

package/components/DesignTokens/components/Step.js

@@ -0,0 +1,44 @@
+const r = [
+  "Color_Active",
+  "Color_Default",
+  "Color_Disabled",
+  "Color_Done",
+  "Color_Error",
+  "Color_Warning",
+  "Background_Active",
+  "Background_Default",
+  "Background_Disabled",
+  "Background_Done",
+  "Background_Error",
+  "Background_Warning"
+], o = {
+  Color_Active: [{ ref: "ColorBrand.40" }, { ref: "ColorBrand.100" }],
+  // var(--triplex-next-Step-Color_Active)
+  Color_Default: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorNeutralAlpha.30" }],
+  // var(--triplex-next-Step-Color_Default)
+  Color_Disabled: [{ ref: "ColorNeutral.100" }, { ref: "ColorNeutralAlpha.80" }],
+  // var(--triplex-next-Step-Color_Disabled)
+  Color_Done: [{ ref: "ColorNeutral.100" }, { ref: "ColorNeutral.100" }],
+  // var(--triplex-next-Step-Color_Done)
+  Color_Error: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-Step-Color_Error)
+  Color_Warning: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-Step-Color_Warning)
+  Background_Active: [{ ref: "ColorBrand.100" }, { ref: "ColorBrand.20" }],
+  // var(--triplex-next-Step-Background_Active)
+  Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
+  // var(--triplex-next-Step-Background_Default)
+  Background_Disabled: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
+  // var(--triplex-next-Step-Background_Disabled)
+  Background_Done: [{ ref: "ColorBrand.40" }, { ref: "ColorBrand.60" }],
+  // var(--triplex-next-Step-Background_Done)
+  Background_Error: [{ ref: "ColorError.40" }, { ref: "ColorError.60" }],
+  // var(--triplex-next-Step-Background_Error)
+  Background_Warning: [{ ref: "ColorWarning.40" }, { ref: "ColorWarning.60" }]
+  // var(--triplex-next-Step-Background_Warning)
+};
+export {
+  o as Step_Tokens,
+  r as designTokensComponentsStepKeys
+};
+//# sourceMappingURL=Step.js.map

package/components/DesignTokens/components/Tag.js

@@ -0,0 +1,9 @@
+const o = ["Background"], e = {
+  Background: [{ ref: "ColorNeutral.40" }, { ref: "ColorDarkNeutral.70" }]
+  // var(--triplex-next-Tag-Background)
+};
+export {
+  e as Tag_Tokens,
+  o as designTokensComponentsTagKeys
+};
+//# sourceMappingURL=Tag.js.map

package/components/DesignTokens/components/index.js

@@ -1,114 +1,132 @@
 import { Button_Tokens as n, designTokensComponentsButtonKeys as s } from "./Button.js";
 import { Checkbox_Tokens as r, designTokensComponentsCheckboxKeys as p } from "./Checkbox.js";
-import { FormField_Tokens as k, designTokensComponentsFormFieldKeys as T } from "./FormField.js";
+import { FormField_Tokens as k, designTokensComponentsFormFieldKeys as m } from "./FormField.js";
 import { Link_Tokens as d, designTokensComponentsLinkKeys as g } from "./Link.js";
-import { Tabs_Tokens as a, designTokensComponentsTabsKeys as y } from "./Tabs.js";
+import { Tabs_Tokens as a, designTokensComponentsTabsKeys as x } from "./Tabs.js";
 import { TabsLine_Tokens as f, designTokensComponentsTabsLineKeys as K } from "./TabsLine.js";
-import { Loader_Tokens as l, designTokensComponentsLoaderKeys as L } from "./Loader.js";
-import { LoaderWidget_Tokens as S, designTokensComponentsLoaderWidgetKeys as D } from "./LoaderWidget.js";
-import { Radio_Tokens as P, designTokensComponentsRadioKeys as w } from "./Radio.js";
-import { Typography_Tokens as h, designTokensComponentsTypographyKeys as u } from "./Typography.js";
-import { Tooltip_Tokens as F, designTokensComponentsTooltipKeys as I } from "./Tooltip.js";
-import { AlertContext_Tokens as A, designTokensComponentsAlertContextKeys as H } from "./AlertContext.js";
-import { AlertProcess_Tokens as R, designTokensComponentsAlertProcessKeys as U } from "./AlertProcess.js";
+import { Loader_Tokens as l, designTokensComponentsLoaderKeys as S } from "./Loader.js";
+import { LoaderScreen_Tokens as c, designTokensComponentsLoaderScreenKeys as b } from "./LoaderScreen.js";
+import { Radio_Tokens as u, designTokensComponentsRadioKeys as D } from "./Radio.js";
+import { Typography_Tokens as h, designTokensComponentsTypographyKeys as w } from "./Typography.js";
+import { Tooltip_Tokens as P, designTokensComponentsTooltipKeys as A } from "./Tooltip.js";
+import { AlertContext_Tokens as v, designTokensComponentsAlertContextKeys as H } from "./AlertContext.js";
+import { AlertProcess_Tokens as O, designTokensComponentsAlertProcessKeys as R } from "./AlertProcess.js";
 import { Divider_Tokens as Z, designTokensComponentsDividerKeys as j } from "./Divider.js";
 import { Dropdown_Tokens as z, designTokensComponentsDropdownKeys as E } from "./Dropdown.js";
-import { DropdownList_Tokens as J, designTokensComponentsDropdownListKeys as N } from "./DropdownList.js";
-import { DropdownMobile_Tokens as V, designTokensComponentsDropdownMobileKeys as X } from "./DropdownMobile.js";
+import { DropdownList_Tokens as J, designTokensComponentsDropdownListKeys as Q } from "./DropdownList.js";
+import { DropdownMobile_Tokens as W, designTokensComponentsDropdownMobileKeys as X } from "./DropdownMobile.js";
 import { DropdownMobileList_Tokens as $, designTokensComponentsDropdownMobileListKeys as ee } from "./DropdownMobileList.js";
 import { Overlay_Tokens as ne, designTokensComponentsOverlayKeys as se } from "./Overlay.js";
 import { ListItem_Tokens as re, designTokensComponentsListItemKeys as pe } from "./ListItem.js";
-import { ListItemControlsButton_Tokens as ke, designTokensComponentsListItemControlsButtonKeys as Te } from "./ListItemControlsButton.js";
+import { ListItemControlsButton_Tokens as ke, designTokensComponentsListItemControlsButtonKeys as me } from "./ListItemControlsButton.js";
 import { ListMaster_Tokens as de, designTokensComponentsListMasterKeys as ge } from "./ListMaster.js";
-import { Marker_Tokens as ae, designTokensComponentsMarkerKeys as ye } from "./Marker.js";
+import { Marker_Tokens as ae, designTokensComponentsMarkerKeys as xe } from "./Marker.js";
 import { MarkerStatus_Tokens as fe, designTokensComponentsMarkerStatusKeys as Ke } from "./MarkerStatus.js";
-import { Page_Tokens as le, designTokensComponentsPageKeys as Le } from "./Page.js";
-import { UploadZone_Tokens as Se, designTokensComponentsUploadZoneKeys as De } from "./UploadZone.js";
-import { Pagination_Tokens as Pe, designTokensComponentsPaginationKeys as we } from "./Pagination.js";
-import { Card_Tokens as he, designTokensComponentsCardKeys as ue } from "./Card.js";
-import { Skeleton_Tokens as Fe, designTokensComponentsSkeletonKeys as Ie } from "./Skeleton.js";
-import { SegmentedControl_Tokens as Ae, designTokensComponentsSegmentedControlKeys as He } from "./SegmentedControl.js";
-import { SegmentedControlSegment_Tokens as Re, designTokensComponentsSegmentedControlSegmentKeys as Ue } from "./SegmentedControlSegment.js";
-import { Stepper_Tokens as Ze, designTokensComponentsStepperKeys as je } from "./Stepper.js";
-import { HeaderPage_Tokens as ze, designTokensComponentsHeaderPageKeys as Ee } from "./HeaderPage.js";
-import { FooterPage_Tokens as Je, designTokensComponentsFooterPageKeys as Ne } from "./FooterPage.js";
-import { Island_Tokens as Ve, designTokensComponentsIslandKeys as Xe } from "./Island.js";
+import { UploadZone_Tokens as le, designTokensComponentsUploadZoneKeys as Se } from "./UploadZone.js";
+import { Pagination_Tokens as ce, designTokensComponentsPaginationKeys as be } from "./Pagination.js";
+import { Card_Tokens as ue, designTokensComponentsCardKeys as De } from "./Card.js";
+import { Skeleton_Tokens as he, designTokensComponentsSkeletonKeys as we } from "./Skeleton.js";
+import { SegmentedControl_Tokens as Pe, designTokensComponentsSegmentedControlKeys as Ae } from "./SegmentedControl.js";
+import { SegmentedControlSegment_Tokens as ve, designTokensComponentsSegmentedControlSegmentKeys as He } from "./SegmentedControlSegment.js";
+import { Stepper_Tokens as Oe, designTokensComponentsStepperKeys as Re } from "./Stepper.js";
+import { HeaderPage_Tokens as Ze, designTokensComponentsHeaderPageKeys as je } from "./HeaderPage.js";
+import { FooterPage_Tokens as ze, designTokensComponentsFooterPageKeys as Ee } from "./FooterPage.js";
+import { Island_Tokens as Je, designTokensComponentsIslandKeys as Qe } from "./Island.js";
+import { IslandAccordion_Tokens as We, designTokensComponentsIslandAccordionKeys as Xe } from "./IslandAccordion.js";
 import { TableBasic_Tokens as $e, designTokensComponentsTableBasicKeys as eo } from "./TableBasic.js";
 import { Chip_Tokens as no, designTokensComponentsChipKeys as so } from "./Chip.js";
+import { LightBox_Tokens as ro, designTokensComponentsLightBoxKeys as po } from "./LightBox.js";
+import { Tag_Tokens as ko, designTokensComponentsTagKeys as mo } from "./Tag.js";
+import { Notification_Tokens as go, designTokensComponentsNotificationKeys as Co } from "./Notification.js";
+import { SMSInput_Tokens as xo, designTokensComponentsSMSInputKeys as yo } from "./SMSInput.js";
+import { StatusTracker_Tokens as Ko, designTokensComponentsStatusTrackerKeys as _o } from "./StatusTracker.js";
+import { Step_Tokens as So, designTokensComponentsStepKeys as Lo } from "./Step.js";
 export {
-  A as AlertContext_Tokens,
-  R as AlertProcess_Tokens,
+  v as AlertContext_Tokens,
+  O as AlertProcess_Tokens,
   n as Button_Tokens,
-  he as Card_Tokens,
+  ue as Card_Tokens,
   r as Checkbox_Tokens,
   no as Chip_Tokens,
   Z as Divider_Tokens,
   J as DropdownList_Tokens,
   $ as DropdownMobileList_Tokens,
-  V as DropdownMobile_Tokens,
+  W as DropdownMobile_Tokens,
   z as Dropdown_Tokens,
-  Je as FooterPage_Tokens,
+  ze as FooterPage_Tokens,
   k as FormField_Tokens,
-  ze as HeaderPage_Tokens,
-  Ve as Island_Tokens,
+  Ze as HeaderPage_Tokens,
+  We as IslandAccordion_Tokens,
+  Je as Island_Tokens,
+  ro as LightBox_Tokens,
   d as Link_Tokens,
   ke as ListItemControlsButton_Tokens,
   re as ListItem_Tokens,
   de as ListMaster_Tokens,
-  S as LoaderWidget_Tokens,
+  c as LoaderScreen_Tokens,
   l as Loader_Tokens,
   fe as MarkerStatus_Tokens,
   ae as Marker_Tokens,
+  go as Notification_Tokens,
   ne as Overlay_Tokens,
-  le as Page_Tokens,
-  Pe as Pagination_Tokens,
-  P as Radio_Tokens,
-  Re as SegmentedControlSegment_Tokens,
-  Ae as SegmentedControl_Tokens,
-  Fe as Skeleton_Tokens,
-  Ze as Stepper_Tokens,
+  ce as Pagination_Tokens,
+  u as Radio_Tokens,
+  xo as SMSInput_Tokens,
+  ve as SegmentedControlSegment_Tokens,
+  Pe as SegmentedControl_Tokens,
+  he as Skeleton_Tokens,
+  Ko as StatusTracker_Tokens,
+  So as Step_Tokens,
+  Oe as Stepper_Tokens,
   $e as TableBasic_Tokens,
   f as TabsLine_Tokens,
   a as Tabs_Tokens,
-  F as Tooltip_Tokens,
+  ko as Tag_Tokens,
+  P as Tooltip_Tokens,
   h as Typography_Tokens,
-  Se as UploadZone_Tokens,
+  le as UploadZone_Tokens,
   H as designTokensComponentsAlertContextKeys,
-  U as designTokensComponentsAlertProcessKeys,
+  R as designTokensComponentsAlertProcessKeys,
   s as designTokensComponentsButtonKeys,
-  ue as designTokensComponentsCardKeys,
+  De as designTokensComponentsCardKeys,
   p as designTokensComponentsCheckboxKeys,
   so as designTokensComponentsChipKeys,
   j as designTokensComponentsDividerKeys,
   E as designTokensComponentsDropdownKeys,
-  N as designTokensComponentsDropdownListKeys,
+  Q as designTokensComponentsDropdownListKeys,
   X as designTokensComponentsDropdownMobileKeys,
   ee as designTokensComponentsDropdownMobileListKeys,
-  Ne as designTokensComponentsFooterPageKeys,
-  T as designTokensComponentsFormFieldKeys,
-  Ee as designTokensComponentsHeaderPageKeys,
-  Xe as designTokensComponentsIslandKeys,
+  Ee as designTokensComponentsFooterPageKeys,
+  m as designTokensComponentsFormFieldKeys,
+  je as designTokensComponentsHeaderPageKeys,
+  Xe as designTokensComponentsIslandAccordionKeys,
+  Qe as designTokensComponentsIslandKeys,
+  po as designTokensComponentsLightBoxKeys,
   g as designTokensComponentsLinkKeys,
-  Te as designTokensComponentsListItemControlsButtonKeys,
+  me as designTokensComponentsListItemControlsButtonKeys,
   pe as designTokensComponentsListItemKeys,
   ge as designTokensComponentsListMasterKeys,
-  L as designTokensComponentsLoaderKeys,
-  D as designTokensComponentsLoaderWidgetKeys,
-  ye as designTokensComponentsMarkerKeys,
+  S as designTokensComponentsLoaderKeys,
+  b as designTokensComponentsLoaderScreenKeys,
+  xe as designTokensComponentsMarkerKeys,
   Ke as designTokensComponentsMarkerStatusKeys,
+  Co as designTokensComponentsNotificationKeys,
   se as designTokensComponentsOverlayKeys,
-  Le as designTokensComponentsPageKeys,
-  we as designTokensComponentsPaginationKeys,
-  w as designTokensComponentsRadioKeys,
-  He as designTokensComponentsSegmentedControlKeys,
-  Ue as designTokensComponentsSegmentedControlSegmentKeys,
-  Ie as designTokensComponentsSkeletonKeys,
-  je as designTokensComponentsStepperKeys,
+  be as designTokensComponentsPaginationKeys,
+  D as designTokensComponentsRadioKeys,
+  yo as designTokensComponentsSMSInputKeys,
+  Ae as designTokensComponentsSegmentedControlKeys,
+  He as designTokensComponentsSegmentedControlSegmentKeys,
+  we as designTokensComponentsSkeletonKeys,
+  _o as designTokensComponentsStatusTrackerKeys,
+  Lo as designTokensComponentsStepKeys,
+  Re as designTokensComponentsStepperKeys,
   eo as designTokensComponentsTableBasicKeys,
-  y as designTokensComponentsTabsKeys,
+  x as designTokensComponentsTabsKeys,
   K as designTokensComponentsTabsLineKeys,
-  I as designTokensComponentsTooltipKeys,
-  u as designTokensComponentsTypographyKeys,
-  De as designTokensComponentsUploadZoneKeys
+  mo as designTokensComponentsTagKeys,
+  A as designTokensComponentsTooltipKeys,
+  w as designTokensComponentsTypographyKeys,
+  Se as designTokensComponentsUploadZoneKeys
 };
 //# sourceMappingURL=index.js.map