@sberbusiness/triplex-next 0.1.8 → 0.10.0

package/components/DesignTokens/components/Calendar.js

@@ -0,0 +1,109 @@
+const e = [
+  // "Background",
+  "Background_Shadow",
+  "View_Header_Color",
+  "View_Item_Background_Default",
+  "View_Item_Background_Hover",
+  "View_Item_Background_Selected_Default",
+  "View_Item_Background_Selected_Hover",
+  "View_Item_Background_Selected_Muted_Default",
+  "View_Item_Background_Selected_Muted_Hover",
+  "View_Item_BorderColor_Default",
+  "View_Item_BorderColor_Focus",
+  "View_Item_Color_Default",
+  "View_Item_Color_Hover",
+  "View_Item_Color_Disabled",
+  "View_Item_Color_Muted",
+  "View_Item_Color_Selected",
+  "View_Item_Color_Selected_Muted_Default",
+  "View_Item_Color_Selected_Muted_Hover",
+  "View_Item_Mark_Basic_Background_Default",
+  "View_Item_Mark_Basic_Background_Selected_Default",
+  "View_Item_Mark_Basic_Background_Selected_Hover",
+  "View_Item_Mark_Standard_Background_Default",
+  "View_Item_Mark_Standard_Background_Selected_Default",
+  "View_Item_Mark_Standard_Background_Selected_Hover",
+  "View_Item_Mark_Attention_Background_Default",
+  "View_Item_Mark_Attention_Background_Selected_Default",
+  "View_Item_Mark_Attention_Background_Selected_Hover",
+  "View_Item_Mark_Critical_Background_Default",
+  "View_Item_Mark_Critical_Background_Selected_Default",
+  "View_Item_Mark_Critical_Background_Selected_Hover"
+], r = {
+  // Background: [{ value: "rgba(255, 255, 255, .8)" }, { value: "rgba(24, 24, 25, .8)" }], // var(--triplex-next-Calendar-Panel_Background)
+  // Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorNeutral.100" }], // var(--triplex-next-Calendar-Background)
+  // Unit_Background_Default: [{ value: "none" }, { value: "none" }], // var(--triplex-next-DropdownList-Background_Default)
+  // Unit_Background_Hover: [{ ref: "ColorBrand.60" }, { ref: "ColorBrand.60" }], // var(--triplex-next-DropdownList-Background_Active)
+  // Unit_Background_Selected: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.50" }], // var(--triplex-next-DropdownList-Background_Active)
+  // Unit_Color: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }], // var(--triplex-next-Calendar-Unit_Color)
+  // Background: [{ ref: "Basic.100" }, { ref: "Basic.50" }], // var(--triplex-Calendar-Background)
+  Background_Shadow: [{ value: "0 2px 7px 0 rgba(31, 31, 34, 0.25)" }, { value: "none" }],
+  // var(--triplex-Calendar-Background_Shadow)
+  View_Header_Color: [{ ref: "ColorDarkNeutralAlpha.50" }, { ref: "ColorNeutralAlpha.50" }],
+  // var(--triplex-Calendar-View_Header_Color)
+  View_Item_Background_Default: [{ value: "none" }, { value: "none" }],
+  // var(--triplex-Calendar-View_Item_Background_Default)
+  View_Item_Background_Hover: [{ ref: "ColorBrand.60" }, { ref: "ColorBrand.60" }],
+  // var(--triplex-Calendar-View_Item_Background_Hover)
+  View_Item_Background_Selected_Default: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.50" }],
+  // var(--triplex-Calendar-View_Item_Background_Selected_Default)
+  View_Item_Background_Selected_Hover: [{ ref: "ColorBrand.30" }, { ref: "ColorBrand.30" }],
+  // var(--triplex-Calendar-View_Item_Background_Selected_Hover)
+  View_Item_Background_Selected_Muted_Default: [{ ref: "ColorBrand.100" }, { ref: "ColorBrand.20" }],
+  // var(--triplex-Calendar-View_Item_Background_Selected_Muted_Default)
+  View_Item_Background_Selected_Muted_Hover: [{ ref: "ColorBrand.90" }, { ref: "ColorBrand.10" }],
+  // var(--triplex-Calendar-View_Item_Background_Selected_Muted_Hover)
+  View_Item_BorderColor_Default: [{ value: "transparent" }, { value: "transparent" }],
+  // var(--triplex-Calendar-View_Item_BorderColor_Default)
+  View_Item_BorderColor_Focus: [{ ref: "ColorWarning.80" }, { ref: "ColorWarning.80" }],
+  // var(--triplex-Calendar-View_Item_BorderColor_Focus)
+  View_Item_Color_Default: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-Calendar-View_Item_Color_Default)
+  View_Item_Color_Hover: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-Calendar-View_Item_Color_Default)
+  View_Item_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.70" }],
+  // var(--triplex-Calendar-View_Item_Color_Disabled)
+  View_Item_Color_Muted: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.70" }],
+  // var(--triplex-Calendar-View_Item_Color_Muted)
+  View_Item_Color_Selected: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-Calendar-View_Item_Color_Selected)
+  View_Item_Color_Selected_Muted_Default: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }],
+  // var(--triplex-Calendar-View_Item_Color_Selected_Muted_Default)
+  View_Item_Color_Selected_Muted_Hover: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }],
+  // var(--triplex-Calendar-View_Item_Color_Selected_Muted_Hover)
+  View_Item_Mark_Basic_Background_Default: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorDarkNeutralAlpha.60" }],
+  // var(--triplex-Calendar-View_Item_Mark_Basic_Background_Default)
+  View_Item_Mark_Basic_Background_Selected_Default: [
+    { ref: "ColorDarkNeutralAlpha.70" },
+    { ref: "ColorDarkNeutralAlpha.60" }
+  ],
+  // var(--triplex-Calendar-View_Item_Mark_Basic_Background_Selected_Default)
+  View_Item_Mark_Basic_Background_Selected_Hover: [
+    { ref: "ColorDarkNeutralAlpha.70" },
+    { ref: "ColorDarkNeutralAlpha.60" }
+  ],
+  // var(--triplex-Calendar-View_Item_Mark_Basic_Background_Selected_Hover)
+  View_Item_Mark_Standard_Background_Default: [{ ref: "ColorSuccess.50" }, { ref: "ColorSuccess.50" }],
+  // var(--triplex-Calendar-View_Item_Mark_Standard_Background_Default)
+  View_Item_Mark_Standard_Background_Selected_Default: [{ ref: "ColorSuccess.50" }, { ref: "ColorSuccess.50" }],
+  // var(--triplex-Calendar-View_Item_Mark_Standard_Background_Selected_Default)
+  View_Item_Mark_Standard_Background_Selected_Hover: [{ ref: "ColorSuccess.50" }, { ref: "ColorSuccess.50" }],
+  // var(--triplex-Calendar-View_Item_Mark_Standard_Background_Selected_Hover)
+  View_Item_Mark_Attention_Background_Default: [{ ref: "ColorWarning.50" }, { ref: "ColorWarning.50" }],
+  // var(--triplex-Calendar-View_Item_Mark_Attention_Background_Default)
+  View_Item_Mark_Attention_Background_Selected_Default: [{ ref: "ColorWarning.50" }, { ref: "ColorWarning.50" }],
+  // var(--triplex-Calendar-View_Item_Mark_Attention_Background_Selected_Default)
+  View_Item_Mark_Attention_Background_Selected_Hover: [{ ref: "ColorWarning.50" }, { ref: "ColorWarning.50" }],
+  // var(--triplex-Calendar-View_Item_Mark_Attention_Background_Selected_Hover)
+  View_Item_Mark_Critical_Background_Default: [{ ref: "ColorError.50" }, { ref: "ColorError.50" }],
+  // var(--triplex-Calendar-View_Item_Mark_Critical_Background_Default)
+  View_Item_Mark_Critical_Background_Selected_Default: [{ ref: "ColorError.50" }, { ref: "ColorError.50" }],
+  // var(--triplex-Calendar-View_Item_Mark_Critical_Background_Selected_Default)
+  View_Item_Mark_Critical_Background_Selected_Hover: [{ ref: "ColorError.50" }, { ref: "ColorError.50" }]
+  // var(--triplex-Calendar-View_Item_Mark_Critical_Background_Selected_Hover)
+};
+export {
+  r as Calendar_Tokens,
+  e as designTokensComponentsCalendarKeys
+};
+//# sourceMappingURL=Calendar.js.map

package/components/DesignTokens/components/Card.js

@@ -1,4 +1,4 @@
-const r = [
+const e = [
   // Static card backgrounds (CardStatic)
   "Static_General_Background",
   "Static_Secondary_Background",
@@ -11,43 +11,49 @@ const r = [
   "Action_Secondary_Background_Hover",
   "Action_Secondary_Background_Selected",
   "Action_Secondary_Background_Selected_Hover",
-  // Common
-  "BorderColor_Focus",
+  // Shadow
   "Shadow_Default",
-  "Shadow_Hover"
-], e = {
+  "Shadow_Focus",
+  "Shadow_Hover",
+  "Shadow_Selected",
+  "Shadow_Selected_Hover"
+], r = {
   // Static (CardStatic)
   Static_General_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.60" }],
   // var(--triplex-next-Card-Static_General_Background)
   Static_Secondary_Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
   // var(--triplex-next-Card-Static_Secondary_Background)
   // Action (CardAction)
-  Action_General_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.60" }],
+  Action_General_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
   // var(--triplex-next-Card-Action_General_Background)
-  Action_General_Background_Hover: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.70" }],
+  Action_General_Background_Hover: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.60" }],
   // var(--triplex-next-Card-Action_General_Background_Hover)
-  Action_General_Background_Selected: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
+  Action_General_Background_Selected: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.70" }],
   // var(--triplex-next-Card-Action_General_Background_Selected)
-  Action_General_Background_Selected_Hover: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.80" }],
+  Action_General_Background_Selected_Hover: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-Card-Action_General_Background_Selected_Hover)
-  Action_Secondary_Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
+  Action_Secondary_Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.70" }],
   // var(--triplex-next-Card-Action_Secondary_Background)
-  Action_Secondary_Background_Hover: [{ ref: "ColorNeutral.60" }, { ref: "ColorDarkNeutral.60" }],
+  Action_Secondary_Background_Hover: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-Card-Action_Secondary_Background_Hover)
-  Action_Secondary_Background_Selected: [{ ref: "ColorNeutral.40" }, { ref: "ColorDarkNeutral.70" }],
+  Action_Secondary_Background_Selected: [{ ref: "ColorNeutral.50" }, { ref: "ColorDarkNeutral.90" }],
   // var(--triplex-next-Card-Action_Secondary_Background_Selected)
-  Action_Secondary_Background_Selected_Hover: [{ ref: "ColorNeutral.40" }, { ref: "ColorDarkNeutral.70" }],
+  Action_Secondary_Background_Selected_Hover: [{ ref: "ColorNeutral.30" }, { ref: "ColorDarkNeutral.100" }],
   // var(--triplex-next-Card-Action_Secondary_Background_Selected_Hover)
-  // Common
-  BorderColor_Focus: [{ ref: "ColorWarning.80" }, { ref: "ColorWarning.80" }],
-  // var(--triplex-next-Card-BorderColor_Focus)
-  Shadow_Default: [{ value: "0 0 7px 0 rgba(31, 31, 34, 0.25)" }, { value: "0 0 7px 0 rgba(0, 0, 0, 0.35)" }],
+  // Shadow
+  Shadow_Default: [{ value: "0 2px 12px 0 rgba(31, 31, 34, 0.12)" }, { value: "none" }],
   // var(--triplex-next-Card-Shadow_Default)
-  Shadow_Hover: [{ value: "0 0 14px 0 rgba(31, 31, 34, 0.25)" }, { value: "0 0 14px 0 rgba(0, 0, 0, 0.35)" }]
+  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: "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 {
-  e as Card_Tokens,
-  r as designTokensComponentsCardKeys
+  r as Card_Tokens,
+  e as designTokensComponentsCardKeys
 };
 //# sourceMappingURL=Card.js.map

package/components/DesignTokens/components/Checkbox.js

@@ -1,35 +1,53 @@
-const r = [
+const e = [
   "Background_Default",
   "Background_Checked_Default",
+  "Background_Checked_Disabled",
   "Background_Checked_Hover",
   "Background_Disabled",
+  "Background_Hover",
+  "BorderColor_Default",
+  "BorderColor_Disabled",
   "BorderColor_Focus",
+  "BorderColor_Hover",
+  "BorderColor_Checked_Default",
+  "BorderColor_Checked_Disabled",
   "Checkmark_Fill_Default",
-  "Checkmark_Fill_Disabled",
-  "Color_Default",
-  "Color_Disabled"
-], e = {
+  "Checkmark_Fill_Disabled"
+], r = {
   Background_Checked_Default: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.50" }],
   // var(--triplex-next-Checkbox-Background_Checked_Default)
+  Background_Checked_Disabled: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.80" }],
+  // var(--triplex-next-Checkbox-Background_Checked_Disabled)
   Background_Checked_Hover: [{ ref: "ColorBrand.30" }, { ref: "ColorBrand.30" }],
   // var(--triplex-next-Checkbox-Background_Checked_Hover)
-  Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
+  Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-Checkbox-Background_Default)
-  Background_Disabled: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
+  Background_Disabled: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.60" }],
   // var(--triplex-next-Checkbox-Background_Disabled)
+  Background_Hover: [{ ref: "ColorBrand.60" }, { ref: "ColorBrand.60" }],
+  // var(--triplex-next-Checkbox-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-Checkbox-BorderColor_Default)
+  BorderColor_Disabled: [{ value: "0 0 0 1px #E3E6EA inset" }, { value: "0 0 0 1px #4F4F52 inset" }],
+  // var(--triplex-next-Checkbox-BorderColor_Disabled)
   BorderColor_Focus: [{ value: "0 0 0 1px #FFD169 inset" }, { value: "0 0 0 1px #FFD169 inset" }],
   // var(--triplex-next-Checkbox-BorderColor_Focus)
+  BorderColor_Hover: [{ value: "none" }, { value: "none" }],
+  // var(--triplex-next-Checkbox-BorderColor_Hover)
+  BorderColor_Checked_Default: [{ value: "none" }, { value: "none" }],
+  // var(--triplex-next-Checkbox-BorderColor_Checked_Default)
+  BorderColor_Checked_Disabled: [{ value: "none" }, { value: "none" }],
+  // var(--triplex-next-Checkbox-BorderColor_Checked_Disabled)
   Checkmark_Fill_Default: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
   // var(--triplex-next-Checkbox-Checkmark_Fill_Default)
-  Checkmark_Fill_Disabled: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
+  Checkmark_Fill_Disabled: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }]
   // var(--triplex-next-Checkbox-Checkmark_Fill_Disabled)
-  Color_Default: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
-  // var(--triplex-next-Checkbox-Color_Default)
-  Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }]
-  // var(--triplex-next-Checkbox-Color_Disabled)
 };
 export {
-  e as Checkbox_Tokens,
-  r as designTokensComponentsCheckboxKeys
+  r as Checkbox_Tokens,
+  e as designTokensComponentsCheckboxKeys
 };
 //# sourceMappingURL=Checkbox.js.map

package/components/DesignTokens/components/Chip.js

@@ -0,0 +1,59 @@
+const e = [
+  "Background_Active",
+  "Background_Default",
+  "Background_Disabled",
+  "Background_Hover",
+  "Background_Selected_Active",
+  "Background_Selected_Default",
+  "Background_Selected_Disabled",
+  "Background_Selected_Hover",
+  "Color_Active",
+  "Color_Default",
+  "Color_Disabled",
+  "Color_Hover",
+  "Color_Selected_Active",
+  "Color_Selected_Default",
+  "Color_Selected_Disabled",
+  "Color_Selected_Hover",
+  "Shadow_Focus"
+], 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_Selected_Active: [{ ref: "ColorDarkNeutral.100" }, { ref: "ColorNeutral.40" }],
+  // var(--triplex-next-Chip-Background_Selected_Active)
+  Background_Selected_Default: [{ ref: "ColorDarkNeutral.70" }, { ref: "ColorNeutral.90" }],
+  // var(--triplex-next-Chip-Background_Selected_Default)
+  Background_Selected_Disabled: [{ ref: "ColorDarkNeutral.60" }, { ref: "ColorNeutral.90" }],
+  // var(--triplex-next-Chip-Background_Selected_Disabled)
+  Background_Selected_Hover: [{ ref: "ColorDarkNeutral.90" }, { ref: "ColorNeutral.70" }],
+  // var(--triplex-next-Chip-Background_Selected_Hover)
+  Color_Active: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-Chip-Color_Active)
+  Color_Default: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-Chip-Color_Default)
+  Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }],
+  // var(--triplex-next-Chip-Color_Disabled)
+  Color_Hover: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-Chip-Color_Hover)
+  Color_Selected_Active: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorDarkNeutralAlpha.0" }],
+  // var(--triplex-next-Chip-Color_Selected_Active)
+  Color_Selected_Default: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorDarkNeutralAlpha.0" }],
+  // var(--triplex-next-Chip-Color_Selected_Default)
+  Color_Selected_Disabled: [{ ref: "ColorNeutralAlpha.80" }, { ref: "ColorDarkNeutralAlpha.70" }],
+  // var(--triplex-next-Chip-Color_Selected_Disabled)
+  Color_Selected_Hover: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorDarkNeutralAlpha.0" }],
+  // var(--triplex-next-Chip-Color_Selected_Hover)
+  Shadow_Focus: [{ value: "0 0 0 1px #FFD169 inset" }, { value: "0 0 0 1px #FFD169 inset" }]
+  // var(--triplex-next-Chip-Shadow_Focus)
+};
+export {
+  r as Chip_Tokens,
+  e as designTokensComponentsChipKeys
+};
+//# sourceMappingURL=Chip.js.map

package/components/DesignTokens/components/Divider.js

@@ -0,0 +1,9 @@
+const o = ["Background"], e = {
+  Background: [{ ref: "ColorNeutral.20" }, { ref: "ColorDarkNeutral.80" }]
+  // var(--triplex-next-Divider-Background)
+};
+export {
+  e as Divider_Tokens,
+  o as designTokensComponentsDividerKeys
+};
+//# sourceMappingURL=Divider.js.map

package/components/DesignTokens/components/Dropdown.js

@@ -1,5 +1,5 @@
 const o = ["Background", "Shadow"], e = {
-  Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.30" }],
+  Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
   // var(--triplex-next-Dropdown-Background)
   Shadow: [{ value: "0px 2px 7px rgba(31, 31, 34, 0.25)" }, { value: "none" }]
   // var(--triplex-next-Dropdown-Shadow)

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

@@ -5,15 +5,15 @@ const r = [
   "Footer_Background",
   "Header_Background"
 ], o = {
-  Backdrop: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorDarkNeutralAlpha.40" }],
+  Backdrop: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorDarkNeutralAlpha.20" }],
   // 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/FormField.js

@@ -5,34 +5,50 @@ const r = [
   "Background_Error",
   "Background_Error_Hover",
   "Background_Hover",
+  "Background_Warning",
+  "Background_Warning_Hover",
   "Input_Color_Default",
   "Input_Color_Disabled",
+  "Target_Color_Default",
+  "Target_Color_Disabled",
+  "Target_PlaceholderColor_Default",
   "Label_Color_Default",
   "Label_Color_Disabled",
   "Shadow_Active",
   "Shadow_Default",
   "Shadow_Error_Active",
+  "Shadow_Warning_Active",
   "Placeholder_Color"
 ], o = {
-  Background_Active: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
+  Background_Active: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-FormField-Background_Active)
-  Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
+  Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.80" }],
   // var(--triplex-next-FormField-Background_Default)
-  Background_Disabled: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
+  Background_Disabled: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.60" }],
   // var(--triplex-next-FormField-Background_Disabled)
   Background_Error: [{ ref: "ColorError.100" }, { ref: "ColorError.0" }],
   // var(--triplex-next-FormField-Background_Error)
   Background_Error_Hover: [{ ref: "ColorError.90" }, { ref: "ColorError.10" }],
   // var(--triplex-next-FormField-Background_Error_Hover)
-  Background_Hover: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.70" }],
+  Background_Hover: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.90" }],
   // var(--triplex-next-FormField-Background_Hover)
+  Background_Warning: [{ ref: "ColorWarning.100" }, { ref: "ColorWarning.0" }],
+  // var(--triplex-next-FormField-Background_Warning)
+  Background_Warning_Hover: [{ ref: "ColorWarning.90" }, { ref: "ColorWarning.10" }],
+  // var(--triplex-next-FormField-Background_Warning_Hover)
   Input_Color_Default: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
   // var(--triplex-next-FormField-Input_Color_Default)
-  Input_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.60" }, { ref: "ColorNeutralAlpha.70" }],
+  Input_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }],
   // var(--triplex-next-FormField-Input_Color_Disabled)
+  Target_Color_Default: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-FormField-Target_Color_Default)
+  Target_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.60" }, { ref: "ColorNeutralAlpha.70" }],
+  // var(--triplex-next-FormField-Target_Color_Disabled)
+  Target_PlaceholderColor_Default: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorNeutralAlpha.50" }],
+  // var(--triplex-next-FormField-Target_PlaceholderColor_Default)
   Label_Color_Default: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorNeutralAlpha.50" }],
   // var(--triplex-next-FormField-Label_Color_Default)
-  Label_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.60" }, { ref: "ColorNeutralAlpha.70" }],
+  Label_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.70" }, { ref: "ColorNeutralAlpha.80" }],
   // var(--triplex-next-FormField-Label_Color_Disabled)
   Shadow_Active: [{ value: "0 0 0 1px #21A19A inset" }, { value: "0 0 0 1px #21A19A inset" }],
   // var(--triplex-next-FormField-Shadow_Active)
@@ -40,6 +56,8 @@ const r = [
   // var(--triplex-next-FormField-Shadow_Default)
   Shadow_Error_Active: [{ value: "0 0 0 1px #E60037 inset" }, { value: "0 0 0 1px #E60037 inset" }],
   // var(--triplex-next-FormField-Shadow_Error_Active)
+  Shadow_Warning_Active: [{ value: "0 0 0 1px #FD6508 inset" }, { value: "0 0 0 1px #FD6508 inset" }],
+  // var(--triplex-next-FormField-Shadow_Warning_Active)
   Placeholder_Color: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorNeutralAlpha.50" }]
   // var(--triplex-next-FormField-Placeholder_Color)
 };

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

@@ -0,0 +1,26 @@
+const e = [
+  "Type1_Background",
+  "Type2_Background",
+  "Type3_Background",
+  "Type1_Shadow",
+  "Type2_Shadow",
+  "Type3_Shadow"
+], o = {
+  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)
+  Type3_Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.10" }],
+  // var(--triplex-next-Island-Type3_Background)
+  Type1_Shadow: [{ value: "none" }, { value: "none" }],
+  // var(--triplex-next-Island-Type1_Shadow)
+  Type2_Shadow: [{ value: "0 0 0 1px #FFFFFF inset" }, { value: "0 0 0 1px #4f4f52 inset" }],
+  // var(--triplex-next-Island-Type2_Shadow)
+  Type3_Shadow: [{ value: "none" }, { value: "none" }]
+  // var(--triplex-next-Island-Type3_Shadow)
+};
+export {
+  o as Island_Tokens,
+  e as designTokensComponentsIslandKeys
+};
+//# sourceMappingURL=Island.js.map

package/components/DesignTokens/components/IslandAccordion.js

@@ -0,0 +1,20 @@
+const e = [
+  "Type1_Header_Background_Hover",
+  "Type2_Header_Background_Hover",
+  "Type3_Header_Background_Hover",
+  "Shadow_Focus"
+], r = {
+  Type1_Header_Background_Hover: [{ ref: "ColorNeutral.30" }, { ref: "ColorDarkNeutral.70" }],
+  // var(--triplex-next-IslandAccordion-Type1_Header_Background_Hover)
+  Type2_Header_Background_Hover: [{ ref: "ColorDarkNeutralAlpha.100" }, { ref: "ColorNeutralAlpha.80" }],
+  // var(--triplex-next-IslandAccordion-Type2_Header_Background_Hover)
+  Type3_Header_Background_Hover: [{ ref: "ColorNeutral.30" }, { ref: "ColorDarkNeutral.70" }],
+  // var(--triplex-next-IslandAccordion-Type3_Header_Background_Hover)
+  Shadow_Focus: [{ value: "0 0 0 1px #FFD169 inset" }, { value: "0 0 0 1px #FFD169 inset" }]
+  // var(--triplex-next-IslandAccordion-Shadow_Focus)
+};
+export {
+  r as IslandAccordion_Tokens,
+  e as designTokensComponentsIslandAccordionKeys
+};
+//# sourceMappingURL=IslandAccordion.js.map

package/components/DesignTokens/components/IslandWidget.js

@@ -0,0 +1,14 @@
+const o = ["ExtraFooter_Background", "ExtraFooter_Shadow"], r = {
+  ExtraFooter_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.40" }],
+  // var(--triplex-next-IslandWidget-ExtraFooter_Background)
+  ExtraFooter_Shadow: [
+    { value: "0 8px 7px -6px rgba(31, 31, 34, 0.08)" },
+    { value: "0 8px 7px -6px rgba(0, 0, 0, 0.35)" }
+  ]
+  // var(--triplex-next-IslandWidget-ExtraFooter_Shadow)
+};
+export {
+  r as IslandWidget_Tokens,
+  o as designTokensComponentsIslandWidgetKeys
+};
+//# sourceMappingURL=IslandWidget.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/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/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