@sberbusiness/triplex-next 1.1.1 → 1.3.0

package/components/DesignTokens/components/DropdownList.js

@@ -4,11 +4,11 @@ const o = [
   "Background_Selected",
   "Color"
 ], e = {
-  Background_Active: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.100" }],
+  Background_Active: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.70" }],
   // var(--triplex-next-DropdownList-Background_Active)
   Background_Default: [{ value: "none" }, { value: "none" }],
   // var(--triplex-next-DropdownList-Background_Default)
-  Background_Selected: [{ ref: "ColorNeutral.30" }, { ref: "ColorDarkNeutral.60" }],
+  Background_Selected: [{ ref: "ColorNeutral.30" }, { ref: "ColorDarkNeutral.100" }],
   // var(--triplex-next-DropdownList-Background_Selected)
   Color: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }]
   // var(--triplex-next-DropdownList-Color)

package/components/DesignTokens/components/DropdownMobile.js

@@ -9,11 +9,11 @@ const r = [
   // var(--triplex-next-DropdownMobile-Backdrop)
   Border_Color: [{ ref: "ColorNeutral.20" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-DropdownMobile-Border_Color)
-  Content_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.30" }],
+  Content_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
   // var(--triplex-next-DropdownMobile-Content_Background)
-  Footer_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.30" }],
+  Footer_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
   // var(--triplex-next-DropdownMobile-Footer_Background)
-  Header_Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.40" }]
+  Header_Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.60" }]
   // var(--triplex-next-DropdownMobile-Header_Background)
 };
 export {

package/components/DesignTokens/components/FooterPage.js

@@ -1,6 +1,6 @@
-const o = ["Background"], e = {
-  Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.40" }]
-  // var(--triplex-next-FooterPage-Background)
+const o = ["StickyShadow"], e = {
+  StickyShadow: [{ value: "0 -2px 7px 0 rgba(31, 31, 34, 0.08)" }, { value: "0 -2px 7px 0 rgba(0, 0, 0, 0.35)" }]
+  // var(--triplex-next-FooterPage-StickyShadow)
 };
 export {
   e as FooterPage_Tokens,

package/components/DesignTokens/components/HeaderPage.js

@@ -1,9 +1,9 @@
-const e = ["Background"], o = {
-  Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.40" }]
-  // var(--triplex-next-HeaderPage-Background)
+const e = ["StickyShadow"], a = {
+  StickyShadow: [{ value: "0 2px 7px 0 rgba(31, 31, 34, 0.08)" }, { value: "0 2px 7px 0 rgba(0, 0, 0, 0.35)" }]
+  // var(--triplex-next-HeaderPage-StickyShadow)
 };
 export {
-  o as HeaderPage_Tokens,
+  a as HeaderPage_Tokens,
   e as designTokensComponentsHeaderPageKeys
 };
 //# sourceMappingURL=HeaderPage.js.map

package/components/DesignTokens/components/ListItemControlsButton.js

@@ -1,8 +1,23 @@
-const o = ["Background", "Color"], r = {
-  Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.10" }],
-  // var(--triplex-next-ListItemControlsButton-Background)
-  Color: [{ ref: "ColorDarkNeutral.10" }, { ref: "ColorNeutral.90" }]
-  // var(--triplex-next-ListItemControlsButton-Color)
+const o = [
+  "Background_Active",
+  "Background_Default",
+  "Background_Hover",
+  "Color_Active",
+  "Color_Default",
+  "Color_Hover"
+], r = {
+  Background_Active: [{ ref: "ColorNeutral.30" }, { ref: "ColorDarkNeutral.100" }],
+  // var(--triplex-next-ListItemControlsButton-Background_Active)
+  Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.60" }],
+  // var(--triplex-next-ListItemControlsButton-Background_Default)
+  Background_Hover: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.80" }],
+  // var(--triplex-next-ListItemControlsButton-Background_Hover)
+  Color_Active: [{ ref: "ColorBrand.30" }, { ref: "ColorBrand.40" }],
+  // var(--triplex-next-ListItemControlsButton-Color_Active)
+  Color_Default: [{ ref: "ColorBrand.40" }, { ref: "ColorBrand.60" }],
+  // var(--triplex-next-ListItemControlsButton-Color_Default)
+  Color_Hover: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.70" }]
+  // var(--triplex-next-ListItemControlsButton-Color_Hover)
 };
 export {
   r as ListItemControlsButton_Tokens,

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

@@ -0,0 +1,20 @@
+const r = [
+  "Background_Error",
+  "Background_Success",
+  "Background_Waiting",
+  "Background_Warning"
+], o = {
+  Background_Error: [{ ref: "ColorError.50" }, { ref: "ColorError.50" }],
+  // var(--triplex-next-Marker-Background_Error)
+  Background_Success: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.50" }],
+  // var(--triplex-next-Marker-Background_Success)
+  Background_Waiting: [{ ref: "ColorSystem.50" }, { ref: "ColorSystem.50" }],
+  // var(--triplex-next-Marker-Background_Waiting)
+  Background_Warning: [{ ref: "ColorWarning.50" }, { ref: "ColorWarning.50" }]
+  // var(--triplex-next-Marker-Background_Warning)
+};
+export {
+  o as Marker_Tokens,
+  r as designTokensComponentsMarkerKeys
+};
+//# sourceMappingURL=Marker.js.map

package/components/DesignTokens/components/MarkerStatus.js

@@ -0,0 +1,9 @@
+const o = ["Description_Color"], e = {
+  Description_Color: [{ value: "rgba(0, 0, 0, 0.55)" }, { value: "rgba(255, 255, 255, 0.55)" }]
+  // var(--triplex-next-MarkerStatus-Description_Color)
+};
+export {
+  e as MarkerStatus_Tokens,
+  o as designTokensComponentsMarkerStatusKeys
+};
+//# sourceMappingURL=MarkerStatus.js.map

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/Radio.js

@@ -1,41 +1,50 @@
-const r = [
+const e = [
   "Background_Checked_Default",
   "Background_Checked_Disabled",
   "Background_Checked_Hover",
   "Background_Default",
   "Background_Disabled",
   "Background_Hover",
+  "BorderColor_Default",
+  "BorderColor_Disabled",
   "BorderColor_Focused",
-  "Color_Default",
-  "Color_Disabled",
+  "BorderColor_Checked_Default",
+  "BorderColor_Checked_Disabled",
   "Dot_Default",
   "Dot_Disabled"
-], o = {
+], r = {
   Background_Checked_Default: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.50" }],
   // var(--triplex-next-Radio-Background_Checked_Default)
-  Background_Checked_Disabled: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
+  Background_Checked_Disabled: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-Radio-Background_Checked_Disabled)
   Background_Checked_Hover: [{ ref: "ColorBrand.30" }, { ref: "ColorBrand.30" }],
   // var(--triplex-next-Radio-Background_Checked_Hover)
-  Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
+  Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-Radio-Background_Default)
-  Background_Disabled: [{ ref: "ColorNeutral.90" }, { ref: "ColorNeutralAlpha.90" }],
+  Background_Disabled: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.60" }],
   // var(--triplex-next-Radio-Background_Disabled)
   Background_Hover: [{ ref: "ColorBrand.60" }, { ref: "ColorBrand.60" }],
   // var(--triplex-next-Radio-Background_Hover)
+  BorderColor_Default: [
+    { value: "0 0 0 1px rgba(31, 31, 34, 0.25) inset" },
+    { value: "0 0 0 1px rgba(255, 255, 255, 0.35) inset" }
+  ],
+  // var(--triplex-next-Radio-BorderColor_Default)
+  BorderColor_Disabled: [{ value: "0 0 0 1px #E3E6EA inset" }, { value: "0 0 0 1px #4F4F52 inset" }],
+  // var(--triplex-next-Radio-BorderColor_Disabled)
   BorderColor_Focused: [{ value: "0 0 0 1px #FFD169 inset" }, { value: "0 0 0 1px #FFD169 inset" }],
   // var(--triplex-next-Radio-BorderColor_Focused)
-  Color_Default: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
-  // var(--triplex-next-Radio-Color_Default)
-  Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }],
-  // var(--triplex-next-Radio-Color_Disabled)
+  BorderColor_Checked_Default: [{ value: "none" }, { value: "none" }],
+  // var(--triplex-next-Radio-BorderColor_Checked_Default)
+  BorderColor_Checked_Disabled: [{ value: "none" }, { value: "none" }],
+  // var(--triplex-next-Radio-BorderColor_Checked_Disabled)
   Dot_Default: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
   // var(--triplex-next-Radio-Dot_Default)
   Dot_Disabled: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }]
   // var(--triplex-next-Radio-Dot_Disabled)
 };
 export {
-  o as Radio_Tokens,
-  r as designTokensComponentsRadioKeys
+  r as Radio_Tokens,
+  e as designTokensComponentsRadioKeys
 };
 //# sourceMappingURL=Radio.js.map

package/components/DesignTokens/components/Stepper.js

@@ -0,0 +1,71 @@
+const r = [
+  "Step_Background_Default",
+  "Step_Background_Disabled",
+  "Step_Background_Hover",
+  "Step_Background_Error",
+  "Step_Background_Error_Hover",
+  "Step_Background_Warning",
+  "Step_Background_Warning_Hover",
+  "Step_BorderColor_Focus",
+  "Step_BorderColor_Error",
+  "Step_BorderColor_Warning",
+  "Step_BorderColor_Success",
+  "Step_Color_Default",
+  "Step_Color_Hover",
+  "Step_Color_Disabled",
+  "Background",
+  "ButtonNext_Background",
+  "ButtonPrev_Background",
+  "Wrapper_Background",
+  "Wrapper_BoxShadow"
+], o = {
+  Step_Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
+  // var(--triplex-next-Stepper-Step_Background_Default)
+  Step_Background_Hover: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.90" }],
+  // var(--triplex-next-Stepper-Step_Background_Hover)
+  Step_Background_Disabled: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.60" }],
+  // var(--triplex-next-Stepper-Step_Background_Disabled)
+  Step_Background_Error: [{ ref: "ColorError.100" }, { ref: "ColorError.0" }],
+  // var(--triplex-next-Stepper-Step_Background_Error)
+  Step_Background_Error_Hover: [{ ref: "ColorError.90" }, { ref: "ColorError.10" }],
+  // var(--triplex-next-Stepper-Step_Background_Error_Hover)
+  Step_Background_Warning: [{ ref: "ColorWarning.100" }, { ref: "ColorWarning.0" }],
+  // var(--triplex-next-Stepper-Step_Background_Warning)
+  Step_Background_Warning_Hover: [{ ref: "ColorWarning.90" }, { ref: "ColorWarning.10" }],
+  // var(--triplex-next-Stepper-Step_Background_Warning_Hover)
+  Step_BorderColor_Focus: [{ ref: "ColorWarning.80" }, { ref: "ColorWarning.80" }],
+  // var(--triplex-next-Stepper-Step_BorderColor_Focus)
+  Step_BorderColor_Error: [{ ref: "ColorError.50" }, { ref: "ColorError.50" }],
+  // var(--triplex-next-Stepper-Step_BorderColor_Error)
+  Step_BorderColor_Warning: [{ ref: "ColorWarning.50" }, { ref: "ColorWarning.50" }],
+  // var(--triplex-next-Stepper-Step_BorderColor_Warning)
+  Step_BorderColor_Success: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.50" }],
+  // var(--triplex-next-Stepper-Step_BorderColor_Success)
+  Step_Color_Default: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorNeutralAlpha.50" }],
+  // var(--triplex-next-Stepper-Step_Color_Default)
+  Step_Color_Hover: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-Stepper-Step_Color_Hover)
+  Step_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }],
+  // var(--triplex-next-Stepper-Step_Color_Disabled)
+  ButtonNext_Background: [
+    { value: "linear-gradient(to left, #FFFFFF 39.06%, transparent)" },
+    { value: "linear-gradient(to left, #181819 39.06%, transparent)" }
+  ],
+  // var(--triplex-next-Stepper-ButtonNext_Background)
+  ButtonPrev_Background: [
+    { value: "linear-gradient(to right, #FFFFFF 39.06%, transparent)" },
+    { value: "linear-gradient(to right, #181819 39.06%, transparent)" }
+  ],
+  // var(--triplex-next-Stepper-ButtonPrev_Background)
+  Background: [{ value: "#FFFFFF" }, { value: "#181819" }],
+  // var(--triplex-next-Stepper-Background)
+  Wrapper_Background: [{ value: "linear-gradient(#FFFFFF 64px, transparent 0)" }, { ref: "ColorNeutral.50" }],
+  // var(--triplex-next-Stepper-Wrapper_Background)
+  Wrapper_BoxShadow: [{ value: "0 10px 15px 0 rgba(228, 232, 235, 0.5)" }, { value: "none" }]
+  // var(--triplex-next-Stepper-Wrapper_BoxShadow)
+};
+export {
+  o as Stepper_Tokens,
+  r as designTokensComponentsStepperKeys
+};
+//# sourceMappingURL=Stepper.js.map

package/components/DesignTokens/components/TableBasic.js

@@ -0,0 +1,41 @@
+const r = [
+  "Background_Hover",
+  "Background_Selected",
+  "Color",
+  "Header_Background",
+  "TableFooter_Background",
+  "TableFooter_Highlight",
+  "TableBasicSettings_Footer_BorderColor",
+  "TableBasicSettings_ListItem_Background_Default",
+  "TableBasicSettings_ListItem_Background_Hover",
+  "TableBasicSettings_ListItem_Background_Dragging"
+], e = {
+  Background_Hover: [{ ref: "ColorNeutral.50" }, { ref: "ColorDarkNeutral.50" }],
+  // var(--triplex-next-TableBasic-Background_Hover)
+  Background_Selected: [{ ref: "ColorNeutral.30" }, { ref: "ColorDarkNeutral.60" }],
+  // var(--triplex-next-TableBasic-Background_Selected)
+  Color: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-TableBasic-Color)
+  Header_Background: [{ ref: "ColorNeutral.60" }, { ref: "ColorDarkNeutral.60" }],
+  // var(--triplex-next-TableBasic-Header_Background)
+  TableFooter_Background: [{ ref: "ColorNeutral.60" }, { ref: "ColorDarkNeutral.60" }],
+  // var(--triplex-next-TableBasic-TableFooter_Background)
+  TableFooter_Highlight: [
+    { value: "linear-gradient(transparent, #FFFFFF)" },
+    { value: "linear-gradient(transparent, #27272A)" }
+  ],
+  // var(--triplex-next-TableBasic-TableFooter_Highlight)
+  TableBasicSettings_Footer_BorderColor: [{ ref: "ColorNeutral.20" }, { ref: "ColorDarkNeutral.80" }],
+  // var(--triplex-next-TableBasic-TableBasicSettings_Footer_BorderColor)
+  TableBasicSettings_ListItem_Background_Default: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
+  // var(--triplex-next-TableBasic-TableBasicSettings_ListItem_Background_Default)
+  TableBasicSettings_ListItem_Background_Hover: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.70" }],
+  // var(--triplex-next-TableBasic-TableBasicSettings_ListItem_Background_Hover)
+  TableBasicSettings_ListItem_Background_Dragging: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }]
+  // var(--triplex-next-TableBasic-TableBasicSettings_ListItem_Background_Dragging)
+};
+export {
+  e as TableBasic_Tokens,
+  r as designTokensComponentsTableBasicKeys
+};
+//# sourceMappingURL=TableBasic.js.map

package/components/DesignTokens/components/Tabs.js

@@ -1,26 +1,56 @@
 const r = [
-  "Background",
-  "Tab_Background_Default",
-  "Tab_Background_Hover",
-  "Tab_Background_Selected",
+  "Type1_Background",
+  "Type2_Background",
+  "Type1_Tab_Background_Default",
+  "Type2_Tab_Background_Default",
+  "Type1_Tab_Background_Selected",
+  "Type2_Tab_Background_Selected",
+  "Type1_Tab_Background_Hover",
+  "Type2_Tab_Background_Hover",
+  "Type1_Tab_Color_Default",
+  "Type2_Tab_Color_Default",
+  "Type1_Tab_Color_Selected",
+  "Type2_Tab_Color_Selected",
+  "Type1_Tab_Color_Hover",
+  "Type2_Tab_Color_Hover",
   "Tab_BorderColor_Default",
   "Tab_BorderColor_Focus"
-], o = {
-  Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
-  // var(--triplex-next-Tabs-Background)
-  Tab_Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
-  // var(--triplex-next-Tabs-Tab_Background_Default)
-  Tab_Background_Hover: [{ ref: "ColorNeutral.40" }, { ref: "ColorDarkNeutral.80" }],
-  // var(--triplex-next-Tabs-Tab_Background_Hover)
-  Tab_Background_Selected: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.100" }],
-  // var(--triplex-next-Tabs-Tab_Background_Selected)
-  Tab_BorderColor_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
+], e = {
+  Type1_Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.70" }],
+  // var(--triplex-next-Tabs-Type1_Background)
+  Type2_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
+  // var(--triplex-next-Tabs-Type2_Background)
+  Type1_Tab_Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.70" }],
+  // var(--triplex-next-Tabs-Type1_Tab_Background_Default)
+  Type2_Tab_Background_Default: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
+  // var(--triplex-next-Tabs-Type2_Tab_Background_Default)
+  Type1_Tab_Background_Selected: [{ ref: "ColorNeutral.30" }, { ref: "ColorNeutralAlpha.90" }],
+  // var(--triplex-next-Tabs-Type1_Tab_Background_Selected)
+  Type2_Tab_Background_Selected: [{ ref: "ColorNeutral.50" }, { ref: "ColorNeutralAlpha.90" }],
+  // var(--triplex-next-Tabs-Type2_Tab_Background_Selected)
+  Type1_Tab_Background_Hover: [{ ref: "ColorNeutral.50" }, { ref: "ColorDarkNeutral.90" }],
+  // var(--triplex-next-Tabs-Type1_Tab_Background_Hover)
+  Type2_Tab_Background_Hover: [{ ref: "ColorNeutral.80" }, { ref: "ColorDarkNeutral.70" }],
+  // var(--triplex-next-Tabs-Type2_Tab_Background_Hover)
+  Type1_Tab_Color_Default: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorNeutralAlpha.50" }],
+  // var(--triplex-next-Tabs-Type1_Tab_Color_Default)
+  Type2_Tab_Color_Default: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorNeutralAlpha.50" }],
+  // var(--triplex-next-Tabs-Type2_Tab_Color_Default)
+  Type1_Tab_Color_Selected: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-Tabs-Type1_Tab_Color_Selected)
+  Type2_Tab_Color_Selected: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-Tabs-Type2_Tab_Color_Selected)
+  Type1_Tab_Color_Hover: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-Tabs-Type1_Tab_Color_Hover)
+  Type2_Tab_Color_Hover: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-Tabs-Type2_Tab_Color_Hover)
+  Tab_BorderColor_Default: [{ value: "transparent" }, { value: "transparent" }],
   // var(--triplex-next-Tabs-Tab_BorderColor_Default)
   Tab_BorderColor_Focus: [{ value: "0 0 0 1px #FFD169 inset" }, { value: "0 0 0 1px #FFD169 inset" }]
   // var(--triplex-next-Tabs-Tab_BorderColor_Focus)
 };
 export {
-  o as Tabs_Tokens,
+  e as Tabs_Tokens,
   r as designTokensComponentsTabsKeys
 };
 //# sourceMappingURL=Tabs.js.map

package/components/DesignTokens/components/TabsLine.js

@@ -0,0 +1,32 @@
+const o = [
+  "BorderColor_Active",
+  "BorderColor_Hover",
+  "Color_Active",
+  "Color_Default",
+  "Color_Hover",
+  "Notification_Color",
+  "Separator_Color",
+  "Shadow_Focus"
+], r = {
+  BorderColor_Active: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.50" }],
+  // var(--triplex-next-TabsLine-BorderColor_Active)
+  BorderColor_Hover: [{ ref: "ColorBrand.60" }, { ref: "ColorBrand.60" }],
+  // var(--triplex-next-TabsLine-BorderColor_Hover)
+  Color_Active: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-TabsLine-Color_Active)
+  Color_Default: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorNeutralAlpha.50" }],
+  // var(--triplex-next-TabsLine-Color_Default)
+  Color_Hover: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-TabsLine-Color_Hover)
+  Notification_Color: [{ ref: "ColorWarning.70" }, { ref: "ColorWarning.70" }],
+  // var(--triplex-next-TabsLine-Notification_Color)
+  Separator_Color: [{ ref: "ColorNeutral.20" }, { ref: "ColorDarkNeutral.80" }],
+  // var(--triplex-next-TabsLine-Separator_Color)
+  Shadow_Focus: [{ value: "0 0 0 1px #FFDD64 inset" }, { value: "0 0 0 1px #FFDD64 inset" }]
+  // var(--triplex-TabsLine-Shadow_Focus)
+};
+export {
+  r as TabsLine_Tokens,
+  o as designTokensComponentsTabsLineKeys
+};
+//# sourceMappingURL=TabsLine.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