@sberbusiness/triplex-next 0.1.4 → 0.1.6

package/components/DesignTokens/components/Checkbox.js

@@ -0,0 +1,35 @@
+const r = [
+  "Background_Default",
+  "Background_Checked_Default",
+  "Background_Checked_Hover",
+  "Background_Disabled",
+  "BorderColor_Focus",
+  "Checkmark_Fill_Default",
+  "Checkmark_Fill_Disabled",
+  "Color_Default",
+  "Color_Disabled"
+], e = {
+  Background_Checked_Default: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.50" }],
+  // var(--triplex-next-Checkbox-Background_Checked_Default)
+  Background_Checked_Hover: [{ ref: "ColorBrand.30" }, { ref: "ColorBrand.30" }],
+  // var(--triplex-next-Checkbox-Background_Checked_Hover)
+  Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
+  // var(--triplex-next-Checkbox-Background_Default)
+  Background_Disabled: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
+  // var(--triplex-next-Checkbox-Background_Disabled)
+  BorderColor_Focus: [{ value: "0 0 0 1px #FFD169 inset" }, { value: "0 0 0 1px #FFD169 inset" }],
+  // var(--triplex-next-Checkbox-BorderColor_Focus)
+  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" }],
+  // 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
+};
+//# sourceMappingURL=Checkbox.js.map

package/components/DesignTokens/components/Dropdown.js

@@ -0,0 +1,11 @@
+const o = ["Background", "Shadow"], e = {
+  Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.30" }],
+  // var(--triplex-next-Dropdown-Background)
+  Shadow: [{ value: "0px 2px 7px rgba(31, 31, 34, 0.25)" }, { value: "none" }]
+  // var(--triplex-next-Dropdown-Shadow)
+};
+export {
+  e as Dropdown_Tokens,
+  o as designTokensComponentsDropdownKeys
+};
+//# sourceMappingURL=Dropdown.js.map

package/components/DesignTokens/components/DropdownList.js

@@ -0,0 +1,20 @@
+const o = [
+  "Background_Active",
+  "Background_Default",
+  "Background_Selected",
+  "Color"
+], e = {
+  Background_Active: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.100" }],
+  // 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" }],
+  // var(--triplex-next-DropdownList-Background_Selected)
+  Color: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }]
+  // var(--triplex-next-DropdownList-Color)
+};
+export {
+  e as DropdownList_Tokens,
+  o as designTokensComponentsDropdownListKeys
+};
+//# sourceMappingURL=DropdownList.js.map

package/components/DesignTokens/components/DropdownMobile.js

@@ -0,0 +1,23 @@
+const r = [
+  "Backdrop",
+  "Border_Color",
+  "Content_Background",
+  "Footer_Background",
+  "Header_Background"
+], o = {
+  Backdrop: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorDarkNeutralAlpha.40" }],
+  // 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" }],
+  // var(--triplex-next-DropdownMobile-Content_Background)
+  Footer_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.30" }],
+  // var(--triplex-next-DropdownMobile-Footer_Background)
+  Header_Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.40" }]
+  // var(--triplex-next-DropdownMobile-Header_Background)
+};
+export {
+  o as DropdownMobile_Tokens,
+  r as designTokensComponentsDropdownMobileKeys
+};
+//# sourceMappingURL=DropdownMobile.js.map

package/components/DesignTokens/components/DropdownMobileList.js

@@ -0,0 +1,11 @@
+const o = ["Active_Background", "Selected_Background"], e = {
+  Active_Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.100" }],
+  // var(--triplex-next-DropdownMobileList-Active_Background)
+  Selected_Background: [{ ref: "ColorNeutral.30" }, { ref: "ColorDarkNeutral.60" }]
+  // var(--triplex-next-DropdownMobileList-Selected_Background)
+};
+export {
+  e as DropdownMobileList_Tokens,
+  o as designTokensComponentsDropdownMobileListKeys
+};
+//# sourceMappingURL=DropdownMobileList.js.map

package/components/DesignTokens/components/FooterPage.js

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

package/components/DesignTokens/components/FormField.js

@@ -0,0 +1,50 @@
+const r = [
+  "Background_Active",
+  "Background_Default",
+  "Background_Disabled",
+  "Background_Error",
+  "Background_Error_Hover",
+  "Background_Hover",
+  "Input_Color_Default",
+  "Input_Color_Disabled",
+  "Label_Color_Default",
+  "Label_Color_Disabled",
+  "Shadow_Active",
+  "Shadow_Default",
+  "Shadow_Error_Active",
+  "Placeholder_Color"
+], o = {
+  Background_Active: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
+  // var(--triplex-next-FormField-Background_Active)
+  Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
+  // var(--triplex-next-FormField-Background_Default)
+  Background_Disabled: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
+  // 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" }],
+  // var(--triplex-next-FormField-Background_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" }],
+  // var(--triplex-next-FormField-Input_Color_Disabled)
+  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" }],
+  // 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)
+  Shadow_Default: [{ value: "none" }, { value: "none" }],
+  // 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)
+  Placeholder_Color: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorNeutralAlpha.50" }]
+  // var(--triplex-next-FormField-Placeholder_Color)
+};
+export {
+  o as FormField_Tokens,
+  r as designTokensComponentsFormFieldKeys
+};
+//# sourceMappingURL=FormField.js.map

package/components/DesignTokens/components/HeaderPage.js

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

package/components/DesignTokens/components/Link.js

@@ -0,0 +1,20 @@
+const o = [
+  "BorderColor_Focus",
+  "Text_Color_Active",
+  "Text_Color_Default",
+  "Text_Color_Hover"
+], r = {
+  BorderColor_Focus: [{ value: "0 0 0 1px #FFD169 inset" }, { value: "0 0 0 1px #FFD169 inset" }],
+  // var(--triplex-next-Link-BorderColor_Focus)
+  Text_Color_Active: [{ ref: "ColorBrand.30" }, { ref: "ColorBrand.40" }],
+  // var(--triplex-next-Link-Text-Color_Active)
+  Text_Color_Default: [{ ref: "ColorBrand.40" }, { ref: "ColorBrand.60" }],
+  // var(--triplex-next-Link-Text_Color_Default)
+  Text_Color_Hover: [{ ref: "ColorBrand.50" }, { ref: "ColorBrand.70" }]
+  // var(--triplex-next-Link-Text_Color_Hover)
+};
+export {
+  r as Link_Tokens,
+  o as designTokensComponentsLinkKeys
+};
+//# sourceMappingURL=Link.js.map

package/components/DesignTokens/components/ListItem.js

@@ -0,0 +1,20 @@
+const r = [
+  "Background",
+  "Background_Dragging",
+  "Background_Selected",
+  "Shadow"
+], e = {
+  Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.0" }],
+  // var(--triplex-next-ListItem-Background)
+  Background_Dragging: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.0" }],
+  // var(--triplex-next-ListItem-Background_Dragging)
+  Background_Selected: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.10" }],
+  // var(--triplex-next-ListItem-Background_Selected)
+  Shadow: [{ value: "0 2px 7px rgba(31, 31, 34, 0.25)" }, { value: "none" }]
+  // var(--triplex-next-ListItem-Background_Shadow)
+};
+export {
+  e as ListItem_Tokens,
+  r as designTokensComponentsListItemKeys
+};
+//# sourceMappingURL=ListItem.js.map

package/components/DesignTokens/components/ListItemControlsButton.js

@@ -0,0 +1,11 @@
+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)
+};
+export {
+  r as ListItemControlsButton_Tokens,
+  o as designTokensComponentsListItemControlsButtonKeys
+};
+//# sourceMappingURL=ListItemControlsButton.js.map

package/components/DesignTokens/components/ListMaster.js

@@ -0,0 +1,23 @@
+const r = [
+  "Background",
+  "Footer_Color",
+  "Footer_Background",
+  "Header_Background",
+  "Header_Color"
+], o = {
+  Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.0" }],
+  // var(--triplex-next-ListMaster-Background)
+  Footer_Background: [{ ref: "ColorNeutral.30" }, { ref: "ColorDarkNeutral.70" }],
+  // var(--triplex-next-ListMaster-Footer_Background)
+  Footer_Color: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.100" }],
+  // var(--triplex-next-ListMaster-Footer_Color)
+  Header_Background: [{ ref: "ColorNeutral.30" }, { ref: "ColorDarkNeutral.50" }],
+  // var(--triplex-next-ListMaster-Header_Background)
+  Header_Color: [{ ref: "ColorNeutral.70" }, { ref: "ColorDarkNeutral.100" }]
+  // var(--triplex-next-ListMaster-Header_Color)
+};
+export {
+  o as ListMaster_Tokens,
+  r as designTokensComponentsListMasterKeys
+};
+//# sourceMappingURL=ListMaster.js.map

package/components/DesignTokens/components/Loader.js

@@ -0,0 +1,11 @@
+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)
+};
+export {
+  o as Loader_Tokens,
+  r as designTokensComponentsLoaderKeys
+};
+//# sourceMappingURL=Loader.js.map

package/components/DesignTokens/components/LoaderWidget.js

@@ -0,0 +1,17 @@
+const e = [
+  "Small_Backdrop_Default",
+  "Middle_Backdrop_Default",
+  "Middle_Background_Default"
+], a = {
+  Small_Backdrop_Default: [{ value: "rgba(255, 255, 255, .8)" }, { value: "rgba(24, 24, 25, .8)" }],
+  // var(--triplex-next-LoaderWidget-Small_Backdrop_Default)
+  Middle_Backdrop_Default: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.20" }],
+  // var(--triplex-next-LoaderWidget-Middle_Backdrop_Default)
+  Middle_Background_Default: [{ ref: "ColorNeutral.80" }, { ref: "ColorDarkNeutral.50" }]
+  // var(--triplex-next-LoaderWidget-Middle_Background_Default)
+};
+export {
+  a as LoaderWidget_Tokens,
+  e as designTokensComponentsLoaderWidgetKeys
+};
+//# sourceMappingURL=LoaderWidget.js.map

package/components/DesignTokens/components/Overlay.js

@@ -0,0 +1,11 @@
+const e = ["Background", "Panel_Background"], o = {
+  Background: [{ value: "rgba(255, 255, 255, .8)" }, { value: "rgba(24, 24, 25, .8)" }],
+  // var(--triplex-next-Overlay-Background)
+  Panel_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorNeutral.100" }]
+  // var(--triplex-next-Overlay-Panel_Background)
+};
+export {
+  o as Overlay_Tokens,
+  e as designTokensComponentsOverlayKeys
+};
+//# sourceMappingURL=Overlay.js.map

package/components/DesignTokens/components/Page.js

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

package/components/DesignTokens/components/Pagination.js

@@ -0,0 +1,23 @@
+const o = [
+  "PageButton_Background_Active",
+  "PageButton_Background_Hover",
+  "PageButton_Background_Selected",
+  "PageButton_BorderColor_Focus",
+  "PageButton_Color"
+], r = {
+  PageButton_Background_Active: [{ ref: "ColorNeutral.50" }, { ref: "ColorDarkNeutral.50" }],
+  // var(--triplex-next-Pagination-PageButton_Background_Active)
+  PageButton_Background_Hover: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.90" }],
+  // var(--triplex-next-Pagination-PageButton_Background_Hover)
+  PageButton_Background_Selected: [{ ref: "ColorNeutral.50" }, { ref: "ColorDarkNeutral.80" }],
+  // var(--triplex-next-Pagination-PageButton_Background_Selected)
+  PageButton_BorderColor_Focus: [{ ref: "ColorWarning.80" }, { ref: "ColorWarning.80" }],
+  // var(--triplex-next-Pagination-PageButton_BorderColor_Focus)
+  PageButton_Color: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }]
+  // var(--triplex-next-Pagination-PageButton_Color)
+};
+export {
+  r as Pagination_Tokens,
+  o as designTokensComponentsPaginationKeys
+};
+//# sourceMappingURL=Pagination.js.map

package/components/DesignTokens/components/Radio.js

@@ -0,0 +1,41 @@
+const r = [
+  "Background_Checked_Default",
+  "Background_Checked_Disabled",
+  "Background_Checked_Hover",
+  "Background_Default",
+  "Background_Disabled",
+  "Background_Hover",
+  "BorderColor_Focused",
+  "Color_Default",
+  "Color_Disabled",
+  "Dot_Default",
+  "Dot_Disabled"
+], o = {
+  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" }],
+  // 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" }],
+  // var(--triplex-next-Radio-Background_Default)
+  Background_Disabled: [{ ref: "ColorNeutral.90" }, { ref: "ColorNeutralAlpha.90" }],
+  // var(--triplex-next-Radio-Background_Disabled)
+  Background_Hover: [{ ref: "ColorBrand.60" }, { ref: "ColorBrand.60" }],
+  // var(--triplex-next-Radio-Background_Hover)
+  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)
+  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
+};
+//# sourceMappingURL=Radio.js.map

package/components/DesignTokens/components/SegmentedControl.js

@@ -0,0 +1,20 @@
+const r = [
+  "General_1_Background",
+  "General_2_Background",
+  "Secondary_1_Background",
+  "Secondary_2_Background"
+], e = {
+  General_1_Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.70" }],
+  // var(--triplex-next-SegmentedControl-General_1_Background)
+  General_2_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
+  // var(--triplex-next-SegmentedControl-General_2_Background)
+  Secondary_1_Background: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.70" }],
+  // var(--triplex-next-SegmentedControl-Secondary_1_Background)
+  Secondary_2_Background: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }]
+  // var(--triplex-next-SegmentedControl-Secondary_2_Background)
+};
+export {
+  e as SegmentedControl_Tokens,
+  r as designTokensComponentsSegmentedControlKeys
+};
+//# sourceMappingURL=SegmentedControl.js.map

package/components/DesignTokens/components/SegmentedControlSegment.js

@@ -0,0 +1,158 @@
+const e = [
+  "General_1_Color_Default",
+  "General_1_Color_Hover",
+  "General_1_Color_Disabled",
+  "General_1_Color_Selected_Default",
+  "General_1_Color_Selected_Hover",
+  "General_1_Color_Selected_Disabled",
+  "General_1_Background_Default",
+  "General_1_Background_Hover",
+  "General_1_Background_Disabled",
+  "General_1_Background_Selected_Default",
+  "General_1_Background_Selected_Hover",
+  "General_1_Background_Selected_Disabled",
+  "General_2_Color_Default",
+  "General_2_Color_Hover",
+  "General_2_Color_Disabled",
+  "General_2_Color_Selected_Default",
+  "General_2_Color_Selected_Hover",
+  "General_2_Color_Selected_Disabled",
+  "General_2_Background_Default",
+  "General_2_Background_Hover",
+  "General_2_Background_Disabled",
+  "General_2_Background_Selected_Default",
+  "General_2_Background_Selected_Hover",
+  "General_2_Background_Selected_Disabled",
+  "Secondary_1_Color_Default",
+  "Secondary_1_Color_Hover",
+  "Secondary_1_Color_Disabled",
+  "Secondary_1_Color_Selected_Default",
+  "Secondary_1_Color_Selected_Hover",
+  "Secondary_1_Color_Selected_Disabled",
+  "Secondary_1_Background_Default",
+  "Secondary_1_Background_Hover",
+  "Secondary_1_Background_Disabled",
+  "Secondary_1_Background_Selected_Default",
+  "Secondary_1_Background_Selected_Hover",
+  "Secondary_1_Background_Selected_Disabled",
+  "Secondary_2_Color_Default",
+  "Secondary_2_Color_Hover",
+  "Secondary_2_Color_Disabled",
+  "Secondary_2_Color_Selected_Default",
+  "Secondary_2_Color_Selected_Hover",
+  "Secondary_2_Color_Selected_Disabled",
+  "Secondary_2_Background_Default",
+  "Secondary_2_Background_Hover",
+  "Secondary_2_Background_Disabled",
+  "Secondary_2_Background_Selected_Default",
+  "Secondary_2_Background_Selected_Hover",
+  "Secondary_2_Background_Selected_Disabled",
+  "BorderColor_Default",
+  "BorderColor_Focus"
+], r = {
+  General_1_Color_Default: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorNeutralAlpha.50" }],
+  // var(--triplex-next-SegmentedControlSegment-General_1_Color_Default)
+  General_1_Color_Hover: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-SegmentedControlSegment-General_1_Color_Hover)
+  General_1_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
+  // var(--triplex-next-SegmentedControlSegment-General_1_Color_Disabled)
+  General_1_Color_Selected_Default: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorDarkNeutralAlpha.0" }],
+  // var(--triplex-next-SegmentedControlSegment-General_1_Color_Selected_Default)
+  General_1_Color_Selected_Hover: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorDarkNeutralAlpha.0" }],
+  // var(--triplex-next-SegmentedControlSegment-General_1_Color_Selected_Hover)
+  General_1_Color_Selected_Disabled: [{ ref: "ColorNeutralAlpha.80" }, { ref: "ColorDarkNeutralAlpha.70" }],
+  // var(--triplex-next-SegmentedControlSegment-General_1_Color_Selected_Disabled)
+  General_1_Background_Default: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.70" }],
+  // var(--triplex-next-SegmentedControlSegment-General_1_Background_Default)
+  General_1_Background_Hover: [{ ref: "ColorNeutral.40" }, { ref: "ColorDarkNeutral.90" }],
+  // var(--triplex-next-SegmentedControlSegment-General_1_Background_Hover)
+  General_1_Background_Disabled: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.70" }],
+  // var(--triplex-next-SegmentedControlSegment-General_1_Background_Disabled)
+  General_1_Background_Selected_Default: [{ ref: "ColorDarkNeutral.70" }, { ref: "ColorNeutral.100" }],
+  // var(--triplex-next-SegmentedControlSegment-General_1_Background_Selected_Default)
+  General_1_Background_Selected_Hover: [{ ref: "ColorDarkNeutral.90" }, { ref: "ColorNeutral.40" }],
+  // var(--triplex-next-SegmentedControlSegment-General_1_Background_Selected_Hover)
+  General_1_Background_Selected_Disabled: [{ ref: "ColorDarkNeutral.60" }, { ref: "ColorNeutral.90" }],
+  // var(--triplex-next-SegmentedControlSegment-General_1_Background_Selected_Disabled)
+  General_2_Color_Default: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorNeutralAlpha.50" }],
+  // var(--triplex-next-SegmentedControlSegment-General_2_Color_Default)
+  General_2_Color_Hover: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-SegmentedControlSegment-General_2_Color_Hover)
+  General_2_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
+  // var(--triplex-next-SegmentedControlSegment-General_2_Color_Disabled)
+  General_2_Color_Selected_Default: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorDarkNeutralAlpha.0" }],
+  // var(--triplex-next-SegmentedControlSegment-General_2_Color_Selected_Default)
+  General_2_Color_Selected_Hover: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorDarkNeutralAlpha.0" }],
+  // var(--triplex-next-SegmentedControlSegment-General_2_Color_Selected_Hover)
+  General_2_Color_Selected_Disabled: [{ ref: "ColorNeutralAlpha.80" }, { ref: "ColorDarkNeutralAlpha.70" }],
+  // var(--triplex-next-SegmentedControlSegment-General_2_Color_Selected_Disabled)
+  General_2_Background_Default: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
+  // var(--triplex-next-SegmentedControlSegment-General_2_Background_Default)
+  General_2_Background_Hover: [{ ref: "ColorNeutral.80" }, { ref: "ColorDarkNeutral.70" }],
+  // var(--triplex-next-SegmentedControlSegment-General_2_Background_Hover)
+  General_2_Background_Disabled: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
+  // var(--triplex-next-SegmentedControlSegment-General_2_Background_Disabled)
+  General_2_Background_Selected_Default: [{ ref: "ColorDarkNeutral.70" }, { ref: "ColorNeutral.100" }],
+  // var(--triplex-next-SegmentedControlSegment-General_2_Background_Selected_Default)
+  General_2_Background_Selected_Hover: [{ ref: "ColorDarkNeutral.90" }, { ref: "ColorNeutral.40" }],
+  // var(--triplex-next-SegmentedControlSegment-General_2_Background_Selected_Hover)
+  General_2_Background_Selected_Disabled: [{ ref: "ColorDarkNeutral.60" }, { ref: "ColorNeutral.90" }],
+  // var(--triplex-next-SegmentedControlSegment-General_2_Background_Selected_Disabled)
+  Secondary_1_Color_Default: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorNeutralAlpha.50" }],
+  // var(--triplex-next-SegmentedControlSegment-Secondary_1_Color_Default)
+  Secondary_1_Color_Hover: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-SegmentedControlSegment-Secondary_1_Color_Hover)
+  Secondary_1_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
+  // var(--triplex-next-SegmentedControlSegment-Secondary_1_Color_Disabled)
+  Secondary_1_Color_Selected_Default: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-SegmentedControlSegment-Secondary_1_Color_Selected_Default)
+  Secondary_1_Color_Selected_Hover: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-SegmentedControlSegment-Secondary_1_Color_Selected_Default)
+  Secondary_1_Color_Selected_Disabled: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
+  // var(--triplex-next-SegmentedControlSegment-Secondary_1_Color_Selected_Disabled)
+  Secondary_1_Background_Default: [{ ref: "ColorNeutral.90" }, { value: "ColorDarkNeutral.70" }],
+  // var(--triplex-next-SegmentedControlSegment-Secondary_1_Background_Default)
+  Secondary_1_Background_Hover: [{ ref: "ColorNeutral.40" }, { value: "ColorDarkNeutral.90" }],
+  // var(--triplex-next-SegmentedControlSegment-Secondary_1_Background_Hover)
+  Secondary_1_Background_Disabled: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.70" }],
+  // var(--triplex-next-SegmentedControlSegment-Secondary_1_Background_Disabled)
+  Secondary_1_Background_Selected_Default: [{ ref: "ColorNeutral.100" }, { ref: "ColorNeutralAlpha.90" }],
+  // var(--triplex-next-SegmentedControlSegment-Secondary_1_Background_Selected_Default)
+  Secondary_1_Background_Selected_Hover: [{ ref: "ColorNeutral.40" }, { ref: "ColorNeutralAlpha.80" }],
+  // var(--triplex-next-SegmentedControlSegment-Secondary_1_Background_Selected_Hover)
+  Secondary_1_Background_Selected_Disabled: [{ ref: "ColorNeutral.100" }, { ref: "ColorNeutralAlpha.90" }],
+  // var(--triplex-next-SegmentedControlSegment-Secondary_1_Background_Selected_Disabled)
+  Secondary_2_Color_Default: [{ ref: "ColorDarkNeutralAlpha.40" }, { ref: "ColorNeutralAlpha.50" }],
+  // var(--triplex-next-SegmentedControlSegment-Secondary_2_Color_Default)
+  Secondary_2_Color_Hover: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-SegmentedControlSegment-Secondary_2_Color_Hover)
+  Secondary_2_Color_Disabled: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
+  // var(--triplex-next-SegmentedControlSegment-Secondary_2_Color_Disabled)
+  Secondary_2_Color_Selected_Default: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-SegmentedControlSegment-Secondary_2_Color_Selected_Default)
+  Secondary_2_Color_Selected_Hover: [{ ref: "ColorDarkNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
+  // var(--triplex-next-SegmentedControlSegment-Secondary_2_Color_Selected_Default)
+  Secondary_2_Color_Selected_Disabled: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.90" }],
+  // var(--triplex-next-SegmentedControlSegment-Secondary_2_Color_Selected_Disabled)
+  Secondary_2_Background_Default: [{ ref: "ColorNeutral.100" }, { value: "ColorDarkNeutral.50" }],
+  // var(--triplex-next-SegmentedControlSegment-Secondary_2_Background_Default)
+  Secondary_2_Background_Hover: [{ ref: "ColorNeutral.80" }, { value: "ColorNeutralAlpha.80" }],
+  // var(--triplex-next-SegmentedControlSegment-Secondary_2_Background_Hover)
+  Secondary_2_Background_Disabled: [{ ref: "ColorNeutral.100" }, { ref: "ColorDarkNeutral.50" }],
+  // var(--triplex-next-SegmentedControlSegment-Secondary_2_Background_Disabled)
+  Secondary_2_Background_Selected_Default: [{ ref: "ColorNeutral.50" }, { ref: "ColorNeutralAlpha.90" }],
+  // var(--triplex-next-SegmentedControlSegment-Secondary_2_Background_Selected_Default)
+  Secondary_2_Background_Selected_Hover: [{ ref: "ColorNeutral.20" }, { ref: "ColorNeutralAlpha.80" }],
+  // var(--triplex-next-SegmentedControlSegment-Secondary_2_Background_Selected_Hover)
+  Secondary_2_Background_Selected_Disabled: [{ ref: "ColorNeutral.90" }, { ref: "ColorNeutralAlpha.90" }],
+  // var(--triplex-next-SegmentedControlSegment-Secondary_2_Background_Selected_Disabled)
+  BorderColor_Default: [{ value: "transparent" }, { value: "transparent" }],
+  // var(--triplex-next-SegmentedControlSegment-BorderColor_Default)
+  BorderColor_Focus: [{ ref: "ColorWarning.80" }, { ref: "ColorWarning.80" }]
+  // var(--triplex-next-SegmentedControlSegment-BorderColor_Focus)
+};
+export {
+  r as SegmentedControlSegment_Tokens,
+  e as designTokensComponentsSegmentedControlSegmentKeys
+};
+//# sourceMappingURL=SegmentedControlSegment.js.map

package/components/DesignTokens/components/Skeleton.js

@@ -0,0 +1,20 @@
+const r = [
+  "BackgroundColor_Light_Start",
+  "BackgroundColor_Light_End",
+  "BackgroundColor_Dark_Start",
+  "BackgroundColor_Dark_End"
+], o = {
+  BackgroundColor_Light_Start: [{ ref: "ColorNeutral.90" }, { ref: "ColorDarkNeutral.50" }],
+  // var(--triplex-next-Skeleton-BackgroundColor_Light_Start)
+  BackgroundColor_Light_End: [{ ref: "ColorNeutral.40" }, { ref: "ColorDarkNeutral.70" }],
+  // var(--triplex-next-Skeleton-BackgroundColor_Light_End)
+  BackgroundColor_Dark_Start: [{ ref: "ColorDarkNeutralAlpha.100" }, { ref: "ColorNeutralAlpha.90" }],
+  // var(--triplex-next-Skeleton-BackgroundColor_Dark_Start)
+  BackgroundColor_Dark_End: [{ ref: "ColorDarkNeutralAlpha.90" }, { ref: "ColorNeutralAlpha.80" }]
+  // var(--triplex-next-Skeleton-BackgroundColor_Dark_End)
+};
+export {
+  o as Skeleton_Tokens,
+  r as designTokensComponentsSkeletonKeys
+};
+//# sourceMappingURL=Skeleton.js.map

package/components/DesignTokens/components/Tabs.js

@@ -0,0 +1,26 @@
+const r = [
+  "Background",
+  "Tab_Background_Default",
+  "Tab_Background_Hover",
+  "Tab_Background_Selected",
+  "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" }],
+  // 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,
+  r as designTokensComponentsTabsKeys
+};
+//# sourceMappingURL=Tabs.js.map