@sberbusiness/triplex-next 0.1.8 → 0.10.0

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

@@ -0,0 +1,11 @@
+const o = ["Background", "Backdrop_Background"], r = {
+  Background: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.20" }],
+  // var(--triplex-next-ModalWindow-Background)
+  Backdrop_Background: [{ value: "rgba(79, 79, 82, .5)" }, { value: "rgba(0, 0, 0, .5)" }]
+  // var(--triplex-next-ModalWindow-Backdrop_Background)
+};
+export {
+  r as ModalWindow_Tokens,
+  o as designTokensComponentsModalWindowKeys
+};
+//# sourceMappingURL=ModalWindow.js.map

package/components/DesignTokens/components/MultiselectField.js

@@ -0,0 +1,9 @@
+const e = ["Divider_Color"], o = {
+  Divider_Color: [{ ref: "ColorNeutral.20" }, { ref: "ColorDarkNeutral.30" }]
+  // var(--triplex-next-MultiselectField-Divider_Color)
+};
+export {
+  o as MultiselectField_Tokens,
+  e as designTokensComponentsMultiselectFieldKeys
+};
+//# sourceMappingURL=MultiselectField.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/SMSField.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-SMSField-Refresh_Fill_Empty)
+  Refresh_Fill_Full: [{ ref: "ColorBrand.40" }, { ref: "ColorBrand.60" }],
+  // var(--triplex-next-SMSField-Refresh_Fill_Full)
+  Refresh_Disabled: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
+  // var(--triplex-next-SMSField-Refresh_Disabled)
+  Submit_Background_Default: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
+  // var(--triplex-next-SMSField-Submit_Background_Default)
+  Submit_Background_Hover: [{ ref: "ColorBrand.60" }, { ref: "ColorBrand.60" }],
+  // var(--triplex-next-SMSField-Submit_Background_Hover)
+  Submit_Background_Active: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.50" }]
+  // var(--triplex-next-SMSField-Submit_Background_Active)
+};
+export {
+  e as SMSField_Tokens,
+  r as designTokensComponentsSMSFieldKeys
+};
+//# sourceMappingURL=SMSField.js.map

package/components/DesignTokens/components/Slider.js

@@ -0,0 +1,59 @@
+const r = [
+  "Dot_Background_Default",
+  "Dot_Background_Disabled",
+  "Dot_Background_Hover",
+  "Dot_Background_Select",
+  "Dot_Focus",
+  "Dot_Inner_Background",
+  "Dot_Inner_Background_Disabled",
+  "Mark_Dot_Background_Default",
+  "Mark_Dot_Background_Selected",
+  "Mark_Dot_Background_Selected_Disabled",
+  "Rail_Background",
+  "Rail_Background_Disabled",
+  "Tooltip_Background",
+  "Tooltip_Color",
+  "Track_Background_Default",
+  "Track_Background_Disabled",
+  "Track_Background_Hover"
+], o = {
+  Dot_Background_Default: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.50" }],
+  // var(--triplex-next-Slider-Dot_Background_Default)
+  Dot_Background_Disabled: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.60" }],
+  // var(--triplex-next-Slider-Dot_Background_Disabled)
+  Dot_Background_Hover: [{ ref: "ColorBrand.60" }, { ref: "ColorBrand.60" }],
+  // var(--triplex-next-Slider-Dot_Background_Hover)
+  Dot_Background_Select: [{ ref: "ColorBrand.30" }, { ref: "ColorBrand.30" }],
+  // var(--triplex-next-Slider-Dot_Background_Select)
+  Dot_Focus: [{ ref: "ColorWarning.80" }, { ref: "ColorWarning.80" }],
+  // var(--triplex-next-Slider-Dot_Focus)
+  Dot_Inner_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.20" }],
+  // var(--triplex-next-Slider-Dot_Inner_Background)
+  Dot_Inner_Background_Disabled: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
+  // var(--triplex-next-Slider-Dot_Inner_Background_Disabled)
+  Mark_Dot_Background_Default: [{ ref: "ColorNeutral.30" }, { ref: "ColorDarkNeutral.100" }],
+  // var(--triplex-next-Slider-Mark_Dot_Background_Default)
+  Mark_Dot_Background_Selected: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.50" }],
+  // var(--triplex-next-Slider-Mark_Dot_Background_Selected)
+  Mark_Dot_Background_Selected_Disabled: [{ ref: "ColorNeutral.60" }, { ref: "ColorDarkNeutral.80" }],
+  // var(--triplex-next-Slider-Mark_Dot_Background_Selected_Disabled)
+  Rail_Background: [{ ref: "ColorNeutral.30" }, { ref: "ColorDarkNeutral.100" }],
+  // var(--triplex-next-Slider-Rail_Background)
+  Rail_Background_Disabled: [{ ref: "ColorNeutral.30" }, { ref: "ColorDarkNeutral.80" }],
+  // var(--triplex-next-Slider-Rail_Background_Disabled)
+  Tooltip_Background: [{ ref: "ColorDarkNeutral.20" }, { ref: "ColorNeutral.80" }],
+  // var(--triplex-next-Slider-Tooltip_Background)
+  Tooltip_Color: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorDarkNeutral.0" }],
+  // var(--triplex-next-Slider-Tooltip_Color)
+  Track_Background_Default: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.50" }],
+  // var(--triplex-next-Slider-Track_Background_Default)
+  Track_Background_Disabled: [{ ref: "ColorNeutral.60" }, { ref: "ColorDarkNeutral.80" }],
+  // var(--triplex-next-Slider-Track_Background_Disabled)
+  Track_Background_Hover: [{ ref: "ColorBrand.30" }, { ref: "ColorBrand.30" }]
+  // var(--triplex-next-Slider-Track_Background_Hover)
+};
+export {
+  o as Slider_Tokens,
+  r as designTokensComponentsSliderKeys
+};
+//# sourceMappingURL=Slider.js.map

package/components/DesignTokens/components/SmallInput.js

@@ -0,0 +1,15 @@
+const o = ["Background", "Color", "PlaceholderColor", "Shadow"], r = {
+  Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
+  // var(--triplex-next-SmallInput-Background)
+  Color: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-SmallInput-Color)
+  PlaceholderColor: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorNeutralAlpha.50" }],
+  // var(--triplex-next-SmallInput-PlaceholderColor)
+  Shadow: [{ value: "0 0 0 1px rgba(33, 161, 154) inset" }, { value: "0 0 0 1px rgba(33, 161, 154) inset" }]
+  // var(--triplex-next-SmallInput-Shadow)
+};
+export {
+  r as SmallInput_Tokens,
+  o as designTokensComponentsSmallInputKeys
+};
+//# sourceMappingURL=SmallInput.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/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" }]
+  Tab_BorderColor_Focus: [{ value: "#FFD169" }, { value: "#FFD169" }]
   // 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,20 @@
+const o = [
+  "BorderColor_Active",
+  "BorderColor_Hover",
+  "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)
+  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

package/components/DesignTokens/components/TagColor.js

@@ -0,0 +1,26 @@
+const r = [
+  "Background_Default",
+  "Background_Success",
+  "Background_Info",
+  "Background_Warning",
+  "Background_Error",
+  "Text_Color_Default"
+], o = {
+  Background_Default: [{ ref: "ColorSystem.100" }, { ref: "ColorSystem.80" }],
+  // var(--triplex-next-TagColor-Background_Default)
+  Background_Success: [{ ref: "ColorBrand.100" }, { ref: "ColorBrand.70" }],
+  // var(--triplex-next-TagColor-Background_Success)
+  Background_Info: [{ ref: "ColorInfo.100" }, { ref: "ColorInfo.80" }],
+  // var(--triplex-next-TagColor-Background_Info)
+  Background_Warning: [{ ref: "ColorWarning.100" }, { ref: "ColorWarning.80" }],
+  // var(--triplex-next-TagColor-Background_Warning)
+  Background_Error: [{ ref: "ColorError.100" }, { ref: "ColorError.80" }],
+  // var(--triplex-next-TagColor-Background_Error)
+  Text_Color_Default: [{ ref: "ColorDarkNeutralAlpha.30" }, { ref: "ColorDarkNeutralAlpha.30" }]
+  // var(--triplex-next-TagColor-Text_Color_Default)
+};
+export {
+  o as TagColor_Tokens,
+  r as designTokensComponentsTagColorKeys
+};
+//# sourceMappingURL=TagColor.js.map

package/components/DesignTokens/components/TopOverlay.js

@@ -0,0 +1,9 @@
+const o = ["Background"], e = {
+  Background: [{ ref: "ColorDarkNeutralAlpha.50" }, { ref: "ColorNeutralAlpha.50" }]
+  // var(--triplex-next-TopOverlay-Background)
+};
+export {
+  e as TopOverlay_Tokens,
+  o as designTokensComponentsTopOverlayKeys
+};
+//# sourceMappingURL=TopOverlay.js.map

package/components/DesignTokens/components/UploadZone.js

@@ -9,7 +9,7 @@ const r = [
   // var(--triplex-next-UploadZone-Background_Default)
   Background_Hover: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.70" }],
   // var(--triplex-next-UploadZone-Background_Hover)
-  BorderColor_Default: [{ ref: "ColorDarkNeutralAlpha.60" }, { ref: "ColorNeutralAlpha.40" }],
+  BorderColor_Default: [{ ref: "ColorDarkNeutral.50" }, { ref: "ColorNeutral.50" }],
   // var(--triplex-next-UploadZone-BorderColor_Default)
   DragArea_Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.70" }],
   // var(--triplex-next-UploadZone-DragArea_Background)