diff --git a/dist/index.d.ts b/dist/index.d.ts index 09a6ed5..d157d31 100644 --- a/dist/index.d.ts +++ b/dist/index.d.ts @@ -1,7 +1,7 @@ /** * Do not edit directly - * Generated on 2024-09-13 + * Generated on 2024-09-30 */ export interface GlobalTypes { Color: { @@ -1499,40 +1499,40 @@ export interface ComponentTypes { Primary: { Default: { Background: "#0174bc", - Border: "#ffffff", + Border: "#0174bc", Text: "#ffffff", Icon: "#ffffff" }, HoverLeft: { BackgroundLeft: "#009cde", BackgroundRight: "#0174bc", - Border: "#ffffff", + Border: "#009cde", Text: "#ffffff", Icon: "#ffffff" }, HoverRight: { BackgroundLeft: "#0174bc", BackgroundRight: "#009cde", - Border: "#ffffff", + Border: "#009cde", Text: "#ffffff", Icon: "#ffffff" }, Active: { Background: "#0174bc", - Border: "#ffffff", + Border: "#0174bc", Text: "#ffffff", Icon: "#ffffff" }, Disabled: { Background: "#e5e5ea", - Border: "#ffffff", + Border: "#e5e5ea", Text: "#a3a3ab", Icon: "#a3a3ab" }, Loading: { BackgroundLeft: "#0174bc", BackgroundRight: "#0174bc", - Border: "#ffffff", + Border: "#0174bc", Icon: "#ffffff" } }, @@ -1580,40 +1580,40 @@ export interface ComponentTypes { Launch: { Default: { Background: "#232326", - Border: "#ffffff", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, HoverLeft: { BackgroundLeft: "#343438", BackgroundRight: "#232326", - Border: "#ffffff", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, HoverRight: { BackgroundLeft: "#232326", BackgroundRight: "#343438", - Border: "#ffffff", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, Active: { Background: "#232326", - Border: "#ffffff", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, Disabled: { Background: "#e5e5ea", - Border: "#ffffff", + Border: "#e5e5ea", Text: "#a3a3ab", Icon: "#a3a3ab" }, Loading: { BackgroundLeft: "#232326", BackgroundRight: "#232326", - Border: "#ffffff", + Border: "#232326", Icon: "#ffffff" } } @@ -3284,7 +3284,8 @@ export interface ComponentTypes { Circle: { Background: "#ffffff", Border: "#d6d6dd", - Text: "#a3a3ab" + Text: "#a3a3ab", + Icon: "#a3a3ab" }, Text: "#a3a3ab" } @@ -3331,7 +3332,8 @@ export interface ComponentTypes { Circle: { Background: "#ffffff", Border: "#d6d6dd", - Text: "#a3a3ab" + Text: "#a3a3ab", + Icon: "#a3a3ab" }, Text: "#a3a3ab" } @@ -3704,40 +3706,40 @@ export interface SplitMenuButtonTypes { Primary: { Default: { Background: "#0174bc", - Border: "#ffffff", + Border: "#0174bc", Text: "#ffffff", Icon: "#ffffff" }, HoverLeft: { BackgroundLeft: "#009cde", BackgroundRight: "#0174bc", - Border: "#ffffff", + Border: "#009cde", Text: "#ffffff", Icon: "#ffffff" }, HoverRight: { BackgroundLeft: "#0174bc", BackgroundRight: "#009cde", - Border: "#ffffff", + Border: "#009cde", Text: "#ffffff", Icon: "#ffffff" }, Active: { Background: "#0174bc", - Border: "#ffffff", + Border: "#0174bc", Text: "#ffffff", Icon: "#ffffff" }, Disabled: { Background: "#e5e5ea", - Border: "#ffffff", + Border: "#e5e5ea", Text: "#a3a3ab", Icon: "#a3a3ab" }, Loading: { BackgroundLeft: "#0174bc", BackgroundRight: "#0174bc", - Border: "#ffffff", + Border: "#0174bc", Icon: "#ffffff" } }, @@ -3785,40 +3787,40 @@ export interface SplitMenuButtonTypes { Launch: { Default: { Background: "#232326", - Border: "#ffffff", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, HoverLeft: { BackgroundLeft: "#343438", BackgroundRight: "#232326", - Border: "#ffffff", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, HoverRight: { BackgroundLeft: "#232326", BackgroundRight: "#343438", - Border: "#ffffff", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, Active: { Background: "#232326", - Border: "#ffffff", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, Disabled: { Background: "#e5e5ea", - Border: "#ffffff", + Border: "#e5e5ea", Text: "#a3a3ab", Icon: "#a3a3ab" }, Loading: { BackgroundLeft: "#232326", BackgroundRight: "#232326", - Border: "#ffffff", + Border: "#232326", Icon: "#ffffff" } } @@ -5630,7 +5632,8 @@ export interface StepperTypes { Circle: { Background: "#ffffff", Border: "#d6d6dd", - Text: "#a3a3ab" + Text: "#a3a3ab", + Icon: "#a3a3ab" }, Text: "#a3a3ab" } @@ -5677,7 +5680,8 @@ export interface StepperTypes { Circle: { Background: "#ffffff", Border: "#d6d6dd", - Text: "#a3a3ab" + Text: "#a3a3ab", + Icon: "#a3a3ab" }, Text: "#a3a3ab" } diff --git a/dist/index.js b/dist/index.js index e828dd5..e5ea216 100644 --- a/dist/index.js +++ b/dist/index.js @@ -1,7 +1,7 @@ /** * Do not edit directly - * Generated on 2024-09-13 + * Generated on 2024-09-30 */ export const Global = { Color: { @@ -1467,40 +1467,40 @@ export const Component = { Primary: { Default: { Background: "#0174bc", - Border: "#ffffff", + Border: "#0174bc", Text: "#ffffff", Icon: "#ffffff" }, HoverLeft: { BackgroundLeft: "#009cde", BackgroundRight: "#0174bc", - Border: "#ffffff", + Border: "#009cde", Text: "#ffffff", Icon: "#ffffff" }, HoverRight: { BackgroundLeft: "#0174bc", BackgroundRight: "#009cde", - Border: "#ffffff", + Border: "#009cde", Text: "#ffffff", Icon: "#ffffff" }, Active: { Background: "#0174bc", - Border: "#ffffff", + Border: "#0174bc", Text: "#ffffff", Icon: "#ffffff" }, Disabled: { Background: "#e5e5ea", - Border: "#ffffff", + Border: "#e5e5ea", Text: "#a3a3ab", Icon: "#a3a3ab" }, Loading: { BackgroundLeft: "#0174bc", BackgroundRight: "#0174bc", - Border: "#ffffff", + Border: "#0174bc", Icon: "#ffffff" } }, @@ -1548,40 +1548,40 @@ export const Component = { Launch: { Default: { Background: "#232326", - Border: "#ffffff", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, HoverLeft: { BackgroundLeft: "#343438", BackgroundRight: "#232326", - Border: "#ffffff", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, HoverRight: { BackgroundLeft: "#232326", BackgroundRight: "#343438", - Border: "#ffffff", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, Active: { Background: "#232326", - Border: "#ffffff", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, Disabled: { Background: "#e5e5ea", - Border: "#ffffff", + Border: "#e5e5ea", Text: "#a3a3ab", Icon: "#a3a3ab" }, Loading: { BackgroundLeft: "#232326", BackgroundRight: "#232326", - Border: "#ffffff", + Border: "#232326", Icon: "#ffffff" } } @@ -3252,7 +3252,8 @@ export const Component = { Circle: { Background: "#ffffff", Border: "#d6d6dd", - Text: "#a3a3ab" + Text: "#a3a3ab", + Icon: "#a3a3ab" }, Text: "#a3a3ab" } @@ -3299,7 +3300,8 @@ export const Component = { Circle: { Background: "#ffffff", Border: "#d6d6dd", - Text: "#a3a3ab" + Text: "#a3a3ab", + Icon: "#a3a3ab" }, Text: "#a3a3ab" } @@ -3660,40 +3662,40 @@ export const SplitMenuButton = { Primary: { Default: { Background: "#0174bc", - Border: "#ffffff", + Border: "#0174bc", Text: "#ffffff", Icon: "#ffffff" }, HoverLeft: { BackgroundLeft: "#009cde", BackgroundRight: "#0174bc", - Border: "#ffffff", + Border: "#009cde", Text: "#ffffff", Icon: "#ffffff" }, HoverRight: { BackgroundLeft: "#0174bc", BackgroundRight: "#009cde", - Border: "#ffffff", + Border: "#009cde", Text: "#ffffff", Icon: "#ffffff" }, Active: { Background: "#0174bc", - Border: "#ffffff", + Border: "#0174bc", Text: "#ffffff", Icon: "#ffffff" }, Disabled: { Background: "#e5e5ea", - Border: "#ffffff", + Border: "#e5e5ea", Text: "#a3a3ab", Icon: "#a3a3ab" }, Loading: { BackgroundLeft: "#0174bc", BackgroundRight: "#0174bc", - Border: "#ffffff", + Border: "#0174bc", Icon: "#ffffff" } }, @@ -3741,40 +3743,40 @@ export const SplitMenuButton = { Launch: { Default: { Background: "#232326", - Border: "#ffffff", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, HoverLeft: { BackgroundLeft: "#343438", BackgroundRight: "#232326", - Border: "#ffffff", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, HoverRight: { BackgroundLeft: "#232326", BackgroundRight: "#343438", - Border: "#ffffff", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, Active: { Background: "#232326", - Border: "#ffffff", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, Disabled: { Background: "#e5e5ea", - Border: "#ffffff", + Border: "#e5e5ea", Text: "#a3a3ab", Icon: "#a3a3ab" }, Loading: { BackgroundLeft: "#232326", BackgroundRight: "#232326", - Border: "#ffffff", + Border: "#232326", Icon: "#ffffff" } } @@ -5492,7 +5494,8 @@ export const Stepper = { Circle: { Background: "#ffffff", Border: "#d6d6dd", - Text: "#a3a3ab" + Text: "#a3a3ab", + Icon: "#a3a3ab" }, Text: "#a3a3ab" } @@ -5539,7 +5542,8 @@ export const Stepper = { Circle: { Background: "#ffffff", Border: "#d6d6dd", - Text: "#a3a3ab" + Text: "#a3a3ab", + Icon: "#a3a3ab" }, Text: "#a3a3ab" } diff --git a/dist/themes/dark/index.d.ts b/dist/themes/dark/index.d.ts index a9d5970..bbfb4a5 100644 --- a/dist/themes/dark/index.d.ts +++ b/dist/themes/dark/index.d.ts @@ -1,7 +1,7 @@ /** * Do not edit directly - * Generated on 2024-09-13 + * Generated on 2024-09-30 */ export interface GlobalTypes { Color: { @@ -1499,40 +1499,40 @@ export interface ComponentTypes { Primary: { Default: { Background: "#5bb3ea", - Border: "#3d3d42", + Border: "#5bb3ea", Text: "#343438", Icon: "#343438" }, HoverLeft: { BackgroundLeft: "#96cff0", BackgroundRight: "#5bb3ea", - Border: "#3d3d42", + Border: "#96cff0", Text: "#343438", Icon: "#343438" }, HoverRight: { BackgroundLeft: "#5bb3ea", BackgroundRight: "#96cff0", - Border: "#3d3d42", + Border: "#96cff0", Text: "#343438", Icon: "#343438" }, Active: { Background: "#5bb3ea", - Border: "#3d3d42", + Border: "#5bb3ea", Text: "#343438", Icon: "#343438" }, Disabled: { Background: "#515157", - Border: "#3d3d42", + Border: "#515157", Text: "#83838c", Icon: "#83838c" }, Loading: { BackgroundLeft: "#5bb3ea", BackgroundRight: "#5bb3ea", - Border: "#3d3d42", + Border: "#5bb3ea", Icon: "#343438" } }, @@ -1580,40 +1580,40 @@ export interface ComponentTypes { Launch: { Default: { Background: "#232326", - Border: "#3d3d42", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, HoverLeft: { BackgroundLeft: "#343438", BackgroundRight: "#232326", - Border: "#3d3d42", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, HoverRight: { BackgroundLeft: "#232326", BackgroundRight: "#343438", - Border: "#3d3d42", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, Active: { Background: "#232326", - Border: "#3d3d42", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, Disabled: { Background: "#e5e5ea", - Border: "#3d3d42", + Border: "#e5e5ea", Text: "#a3a3ab", Icon: "#a3a3ab" }, Loading: { BackgroundLeft: "#232326", BackgroundRight: "#232326", - Border: "#3d3d42", + Border: "#232326", Icon: "#ffffff" } } @@ -3284,7 +3284,8 @@ export interface ComponentTypes { Circle: { Background: "#343438", Border: "#515157", - Text: "#83838c" + Text: "#83838c", + Icon: "#83838c" }, Text: "#83838c" } @@ -3331,7 +3332,8 @@ export interface ComponentTypes { Circle: { Background: "#343438", Border: "#515157", - Text: "#83838c" + Text: "#83838c", + Icon: "#83838c" }, Text: "#83838c" } @@ -3704,40 +3706,40 @@ export interface SplitMenuButtonTypes { Primary: { Default: { Background: "#5bb3ea", - Border: "#3d3d42", + Border: "#5bb3ea", Text: "#343438", Icon: "#343438" }, HoverLeft: { BackgroundLeft: "#96cff0", BackgroundRight: "#5bb3ea", - Border: "#3d3d42", + Border: "#96cff0", Text: "#343438", Icon: "#343438" }, HoverRight: { BackgroundLeft: "#5bb3ea", BackgroundRight: "#96cff0", - Border: "#3d3d42", + Border: "#96cff0", Text: "#343438", Icon: "#343438" }, Active: { Background: "#5bb3ea", - Border: "#3d3d42", + Border: "#5bb3ea", Text: "#343438", Icon: "#343438" }, Disabled: { Background: "#515157", - Border: "#3d3d42", + Border: "#515157", Text: "#83838c", Icon: "#83838c" }, Loading: { BackgroundLeft: "#5bb3ea", BackgroundRight: "#5bb3ea", - Border: "#3d3d42", + Border: "#5bb3ea", Icon: "#343438" } }, @@ -3785,40 +3787,40 @@ export interface SplitMenuButtonTypes { Launch: { Default: { Background: "#232326", - Border: "#3d3d42", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, HoverLeft: { BackgroundLeft: "#343438", BackgroundRight: "#232326", - Border: "#3d3d42", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, HoverRight: { BackgroundLeft: "#232326", BackgroundRight: "#343438", - Border: "#3d3d42", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, Active: { Background: "#232326", - Border: "#3d3d42", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, Disabled: { Background: "#e5e5ea", - Border: "#3d3d42", + Border: "#e5e5ea", Text: "#a3a3ab", Icon: "#a3a3ab" }, Loading: { BackgroundLeft: "#232326", BackgroundRight: "#232326", - Border: "#3d3d42", + Border: "#232326", Icon: "#ffffff" } } @@ -5630,7 +5632,8 @@ export interface StepperTypes { Circle: { Background: "#343438", Border: "#515157", - Text: "#83838c" + Text: "#83838c", + Icon: "#83838c" }, Text: "#83838c" } @@ -5677,7 +5680,8 @@ export interface StepperTypes { Circle: { Background: "#343438", Border: "#515157", - Text: "#83838c" + Text: "#83838c", + Icon: "#83838c" }, Text: "#83838c" } diff --git a/dist/themes/dark/index.js b/dist/themes/dark/index.js index 991b27a..fcb3984 100644 --- a/dist/themes/dark/index.js +++ b/dist/themes/dark/index.js @@ -1,7 +1,7 @@ /** * Do not edit directly - * Generated on 2024-09-13 + * Generated on 2024-09-30 */ export const Global = { Color: { @@ -1467,40 +1467,40 @@ export const Component = { Primary: { Default: { Background: "#5bb3ea", - Border: "#3d3d42", + Border: "#5bb3ea", Text: "#343438", Icon: "#343438" }, HoverLeft: { BackgroundLeft: "#96cff0", BackgroundRight: "#5bb3ea", - Border: "#3d3d42", + Border: "#96cff0", Text: "#343438", Icon: "#343438" }, HoverRight: { BackgroundLeft: "#5bb3ea", BackgroundRight: "#96cff0", - Border: "#3d3d42", + Border: "#96cff0", Text: "#343438", Icon: "#343438" }, Active: { Background: "#5bb3ea", - Border: "#3d3d42", + Border: "#5bb3ea", Text: "#343438", Icon: "#343438" }, Disabled: { Background: "#515157", - Border: "#3d3d42", + Border: "#515157", Text: "#83838c", Icon: "#83838c" }, Loading: { BackgroundLeft: "#5bb3ea", BackgroundRight: "#5bb3ea", - Border: "#3d3d42", + Border: "#5bb3ea", Icon: "#343438" } }, @@ -1548,40 +1548,40 @@ export const Component = { Launch: { Default: { Background: "#232326", - Border: "#3d3d42", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, HoverLeft: { BackgroundLeft: "#343438", BackgroundRight: "#232326", - Border: "#3d3d42", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, HoverRight: { BackgroundLeft: "#232326", BackgroundRight: "#343438", - Border: "#3d3d42", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, Active: { Background: "#232326", - Border: "#3d3d42", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, Disabled: { Background: "#e5e5ea", - Border: "#3d3d42", + Border: "#e5e5ea", Text: "#a3a3ab", Icon: "#a3a3ab" }, Loading: { BackgroundLeft: "#232326", BackgroundRight: "#232326", - Border: "#3d3d42", + Border: "#232326", Icon: "#ffffff" } } @@ -3252,7 +3252,8 @@ export const Component = { Circle: { Background: "#343438", Border: "#515157", - Text: "#83838c" + Text: "#83838c", + Icon: "#83838c" }, Text: "#83838c" } @@ -3299,7 +3300,8 @@ export const Component = { Circle: { Background: "#343438", Border: "#515157", - Text: "#83838c" + Text: "#83838c", + Icon: "#83838c" }, Text: "#83838c" } @@ -3660,40 +3662,40 @@ export const SplitMenuButton = { Primary: { Default: { Background: "#5bb3ea", - Border: "#3d3d42", + Border: "#5bb3ea", Text: "#343438", Icon: "#343438" }, HoverLeft: { BackgroundLeft: "#96cff0", BackgroundRight: "#5bb3ea", - Border: "#3d3d42", + Border: "#96cff0", Text: "#343438", Icon: "#343438" }, HoverRight: { BackgroundLeft: "#5bb3ea", BackgroundRight: "#96cff0", - Border: "#3d3d42", + Border: "#96cff0", Text: "#343438", Icon: "#343438" }, Active: { Background: "#5bb3ea", - Border: "#3d3d42", + Border: "#5bb3ea", Text: "#343438", Icon: "#343438" }, Disabled: { Background: "#515157", - Border: "#3d3d42", + Border: "#515157", Text: "#83838c", Icon: "#83838c" }, Loading: { BackgroundLeft: "#5bb3ea", BackgroundRight: "#5bb3ea", - Border: "#3d3d42", + Border: "#5bb3ea", Icon: "#343438" } }, @@ -3741,40 +3743,40 @@ export const SplitMenuButton = { Launch: { Default: { Background: "#232326", - Border: "#3d3d42", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, HoverLeft: { BackgroundLeft: "#343438", BackgroundRight: "#232326", - Border: "#3d3d42", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, HoverRight: { BackgroundLeft: "#232326", BackgroundRight: "#343438", - Border: "#3d3d42", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, Active: { Background: "#232326", - Border: "#3d3d42", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, Disabled: { Background: "#e5e5ea", - Border: "#3d3d42", + Border: "#e5e5ea", Text: "#a3a3ab", Icon: "#a3a3ab" }, Loading: { BackgroundLeft: "#232326", BackgroundRight: "#232326", - Border: "#3d3d42", + Border: "#232326", Icon: "#ffffff" } } @@ -5492,7 +5494,8 @@ export const Stepper = { Circle: { Background: "#343438", Border: "#515157", - Text: "#83838c" + Text: "#83838c", + Icon: "#83838c" }, Text: "#83838c" } @@ -5539,7 +5542,8 @@ export const Stepper = { Circle: { Background: "#343438", Border: "#515157", - Text: "#83838c" + Text: "#83838c", + Icon: "#83838c" }, Text: "#83838c" } diff --git a/dist/themes/dark/tokens.css b/dist/themes/dark/tokens.css index 6ce0d2d..e349d4a 100644 --- a/dist/themes/dark/tokens.css +++ b/dist/themes/dark/tokens.css @@ -541,30 +541,30 @@ --token-component-overflow-menu-button-pressed-icon: #5bb3ea; --token-component-overflow-menu-button-disabled-icon: #83838c; --token-component-split-menu-button-primary-default-background: #5bb3ea; - --token-component-split-menu-button-primary-default-border: #3d3d42; + --token-component-split-menu-button-primary-default-border: #5bb3ea; --token-component-split-menu-button-primary-default-text: #343438; --token-component-split-menu-button-primary-default-icon: #343438; --token-component-split-menu-button-primary-hover-left-background-left: #96cff0; --token-component-split-menu-button-primary-hover-left-background-right: #5bb3ea; - --token-component-split-menu-button-primary-hover-left-border: #3d3d42; + --token-component-split-menu-button-primary-hover-left-border: #96cff0; --token-component-split-menu-button-primary-hover-left-text: #343438; --token-component-split-menu-button-primary-hover-left-icon: #343438; --token-component-split-menu-button-primary-hover-right-background-left: #5bb3ea; --token-component-split-menu-button-primary-hover-right-background-right: #96cff0; - --token-component-split-menu-button-primary-hover-right-border: #3d3d42; + --token-component-split-menu-button-primary-hover-right-border: #96cff0; --token-component-split-menu-button-primary-hover-right-text: #343438; --token-component-split-menu-button-primary-hover-right-icon: #343438; --token-component-split-menu-button-primary-active-background: #5bb3ea; - --token-component-split-menu-button-primary-active-border: #3d3d42; + --token-component-split-menu-button-primary-active-border: #5bb3ea; --token-component-split-menu-button-primary-active-text: #343438; --token-component-split-menu-button-primary-active-icon: #343438; --token-component-split-menu-button-primary-disabled-background: #515157; - --token-component-split-menu-button-primary-disabled-border: #3d3d42; + --token-component-split-menu-button-primary-disabled-border: #515157; --token-component-split-menu-button-primary-disabled-text: #83838c; --token-component-split-menu-button-primary-disabled-icon: #83838c; --token-component-split-menu-button-primary-loading-background-left: #5bb3ea; --token-component-split-menu-button-primary-loading-background-right: #5bb3ea; - --token-component-split-menu-button-primary-loading-border: #3d3d42; + --token-component-split-menu-button-primary-loading-border: #5bb3ea; --token-component-split-menu-button-primary-loading-icon: #343438; --token-component-split-menu-button-secondary-default-background: #3d3d42; --token-component-split-menu-button-secondary-default-border: #5bb3ea; @@ -594,30 +594,30 @@ --token-component-split-menu-button-secondary-loading-border: #5bb3ea; --token-component-split-menu-button-secondary-loading-icon: #5bb3ea; --token-component-split-menu-button-launch-default-background: #232326; - --token-component-split-menu-button-launch-default-border: #3d3d42; + --token-component-split-menu-button-launch-default-border: #232326; --token-component-split-menu-button-launch-default-text: #ffffff; --token-component-split-menu-button-launch-default-icon: #ffffff; --token-component-split-menu-button-launch-hover-left-background-left: #343438; --token-component-split-menu-button-launch-hover-left-background-right: #232326; - --token-component-split-menu-button-launch-hover-left-border: #3d3d42; + --token-component-split-menu-button-launch-hover-left-border: #343438; --token-component-split-menu-button-launch-hover-left-text: #ffffff; --token-component-split-menu-button-launch-hover-left-icon: #ffffff; --token-component-split-menu-button-launch-hover-right-background-left: #232326; --token-component-split-menu-button-launch-hover-right-background-right: #343438; - --token-component-split-menu-button-launch-hover-right-border: #3d3d42; + --token-component-split-menu-button-launch-hover-right-border: #343438; --token-component-split-menu-button-launch-hover-right-text: #ffffff; --token-component-split-menu-button-launch-hover-right-icon: #ffffff; --token-component-split-menu-button-launch-active-background: #232326; - --token-component-split-menu-button-launch-active-border: #3d3d42; + --token-component-split-menu-button-launch-active-border: #232326; --token-component-split-menu-button-launch-active-text: #ffffff; --token-component-split-menu-button-launch-active-icon: #ffffff; --token-component-split-menu-button-launch-disabled-background: #e5e5ea; - --token-component-split-menu-button-launch-disabled-border: #3d3d42; + --token-component-split-menu-button-launch-disabled-border: #e5e5ea; --token-component-split-menu-button-launch-disabled-text: #a3a3ab; --token-component-split-menu-button-launch-disabled-icon: #a3a3ab; --token-component-split-menu-button-launch-loading-background-left: #232326; --token-component-split-menu-button-launch-loading-background-right: #232326; - --token-component-split-menu-button-launch-loading-border: #3d3d42; + --token-component-split-menu-button-launch-loading-border: #232326; --token-component-split-menu-button-launch-loading-icon: #ffffff; --token-component-appbar-background: #343438; --token-component-appbar-border: #515157; @@ -1598,6 +1598,7 @@ --token-component-stepper-horizontal-future-item-circle-background: #343438; --token-component-stepper-horizontal-future-item-circle-border: #515157; --token-component-stepper-horizontal-future-item-circle-text: #83838c; + --token-component-stepper-horizontal-future-item-circle-icon: #83838c; --token-component-stepper-horizontal-future-item-text: #83838c; --token-component-stepper-vertical-background: #3d3d42; --token-component-stepper-vertical-border: #515157; @@ -1621,6 +1622,7 @@ --token-component-stepper-vertical-disabled-item-circle-background: #343438; --token-component-stepper-vertical-disabled-item-circle-border: #515157; --token-component-stepper-vertical-disabled-item-circle-text: #83838c; + --token-component-stepper-vertical-disabled-item-circle-icon: #83838c; --token-component-stepper-vertical-disabled-item-text: #83838c; --token-component-advanced-search-filter-icon-default-icon: #ffffff; --token-component-advanced-search-filter-icon-hover-icon: #96cff0; diff --git a/dist/themes/dark/tokens.d.ts b/dist/themes/dark/tokens.d.ts index 1a84e85..ea9b487 100644 --- a/dist/themes/dark/tokens.d.ts +++ b/dist/themes/dark/tokens.d.ts @@ -540,30 +540,30 @@ export const TokenComponentOverflowMenuButtonHoverIcon = "#96cff0"; export const TokenComponentOverflowMenuButtonPressedIcon = "#5bb3ea"; export const TokenComponentOverflowMenuButtonDisabledIcon = "#83838c"; export const TokenComponentSplitMenuButtonPrimaryDefaultBackground = "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryDefaultBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonPrimaryDefaultBorder = "#5bb3ea"; export const TokenComponentSplitMenuButtonPrimaryDefaultText = "#343438"; export const TokenComponentSplitMenuButtonPrimaryDefaultIcon = "#343438"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundLeft = "#96cff0"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundRight = "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryHoverLeftBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonPrimaryHoverLeftBorder = "#96cff0"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftText = "#343438"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftIcon = "#343438"; export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundLeft = "#5bb3ea"; export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundRight = "#96cff0"; -export const TokenComponentSplitMenuButtonPrimaryHoverRightBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonPrimaryHoverRightBorder = "#96cff0"; export const TokenComponentSplitMenuButtonPrimaryHoverRightText = "#343438"; export const TokenComponentSplitMenuButtonPrimaryHoverRightIcon = "#343438"; export const TokenComponentSplitMenuButtonPrimaryActiveBackground = "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryActiveBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonPrimaryActiveBorder = "#5bb3ea"; export const TokenComponentSplitMenuButtonPrimaryActiveText = "#343438"; export const TokenComponentSplitMenuButtonPrimaryActiveIcon = "#343438"; export const TokenComponentSplitMenuButtonPrimaryDisabledBackground = "#515157"; -export const TokenComponentSplitMenuButtonPrimaryDisabledBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonPrimaryDisabledBorder = "#515157"; export const TokenComponentSplitMenuButtonPrimaryDisabledText = "#83838c"; export const TokenComponentSplitMenuButtonPrimaryDisabledIcon = "#83838c"; export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundLeft = "#5bb3ea"; export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundRight = "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryLoadingBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonPrimaryLoadingBorder = "#5bb3ea"; export const TokenComponentSplitMenuButtonPrimaryLoadingIcon = "#343438"; export const TokenComponentSplitMenuButtonSecondaryDefaultBackground = "#3d3d42"; export const TokenComponentSplitMenuButtonSecondaryDefaultBorder = "#5bb3ea"; @@ -593,30 +593,30 @@ export const TokenComponentSplitMenuButtonSecondaryLoadingBackground = "#3d3d42" export const TokenComponentSplitMenuButtonSecondaryLoadingBorder = "#5bb3ea"; export const TokenComponentSplitMenuButtonSecondaryLoadingIcon = "#5bb3ea"; export const TokenComponentSplitMenuButtonLaunchDefaultBackground = "#232326"; -export const TokenComponentSplitMenuButtonLaunchDefaultBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonLaunchDefaultBorder = "#232326"; export const TokenComponentSplitMenuButtonLaunchDefaultText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchDefaultIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverLeftBackgroundLeft = "#343438"; export const TokenComponentSplitMenuButtonLaunchHoverLeftBackgroundRight = "#232326"; -export const TokenComponentSplitMenuButtonLaunchHoverLeftBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonLaunchHoverLeftBorder = "#343438"; export const TokenComponentSplitMenuButtonLaunchHoverLeftText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverLeftIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverRightBackgroundLeft = "#232326"; export const TokenComponentSplitMenuButtonLaunchHoverRightBackgroundRight = "#343438"; -export const TokenComponentSplitMenuButtonLaunchHoverRightBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonLaunchHoverRightBorder = "#343438"; export const TokenComponentSplitMenuButtonLaunchHoverRightText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverRightIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchActiveBackground = "#232326"; -export const TokenComponentSplitMenuButtonLaunchActiveBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonLaunchActiveBorder = "#232326"; export const TokenComponentSplitMenuButtonLaunchActiveText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchActiveIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchDisabledBackground = "#e5e5ea"; -export const TokenComponentSplitMenuButtonLaunchDisabledBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonLaunchDisabledBorder = "#e5e5ea"; export const TokenComponentSplitMenuButtonLaunchDisabledText = "#a3a3ab"; export const TokenComponentSplitMenuButtonLaunchDisabledIcon = "#a3a3ab"; export const TokenComponentSplitMenuButtonLaunchLoadingBackgroundLeft = "#232326"; export const TokenComponentSplitMenuButtonLaunchLoadingBackgroundRight = "#232326"; -export const TokenComponentSplitMenuButtonLaunchLoadingBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonLaunchLoadingBorder = "#232326"; export const TokenComponentSplitMenuButtonLaunchLoadingIcon = "#ffffff"; export const TokenComponentAppbarBackground = "#343438"; export const TokenComponentAppbarBorder = "#515157"; @@ -1597,6 +1597,7 @@ export const TokenComponentStepperHorizontalCurrentItemTextHover = "#5bb3ea"; export const TokenComponentStepperHorizontalFutureItemCircleBackground = "#343438"; export const TokenComponentStepperHorizontalFutureItemCircleBorder = "#515157"; export const TokenComponentStepperHorizontalFutureItemCircleText = "#83838c"; +export const TokenComponentStepperHorizontalFutureItemCircleIcon = "#83838c"; export const TokenComponentStepperHorizontalFutureItemText = "#83838c"; export const TokenComponentStepperVerticalBackground = "#3d3d42"; export const TokenComponentStepperVerticalBorder = "#515157"; @@ -1620,6 +1621,7 @@ export const TokenComponentStepperVerticalFutureItemTextHover = "#5bb3ea"; export const TokenComponentStepperVerticalDisabledItemCircleBackground = "#343438"; export const TokenComponentStepperVerticalDisabledItemCircleBorder = "#515157"; export const TokenComponentStepperVerticalDisabledItemCircleText = "#83838c"; +export const TokenComponentStepperVerticalDisabledItemCircleIcon = "#83838c"; export const TokenComponentStepperVerticalDisabledItemText = "#83838c"; export const TokenComponentAdvancedSearchFilterIconDefaultIcon = "#ffffff"; export const TokenComponentAdvancedSearchFilterIconHoverIcon = "#96cff0"; diff --git a/dist/themes/dark/tokens.js b/dist/themes/dark/tokens.js index 1a84e85..ea9b487 100644 --- a/dist/themes/dark/tokens.js +++ b/dist/themes/dark/tokens.js @@ -540,30 +540,30 @@ export const TokenComponentOverflowMenuButtonHoverIcon = "#96cff0"; export const TokenComponentOverflowMenuButtonPressedIcon = "#5bb3ea"; export const TokenComponentOverflowMenuButtonDisabledIcon = "#83838c"; export const TokenComponentSplitMenuButtonPrimaryDefaultBackground = "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryDefaultBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonPrimaryDefaultBorder = "#5bb3ea"; export const TokenComponentSplitMenuButtonPrimaryDefaultText = "#343438"; export const TokenComponentSplitMenuButtonPrimaryDefaultIcon = "#343438"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundLeft = "#96cff0"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundRight = "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryHoverLeftBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonPrimaryHoverLeftBorder = "#96cff0"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftText = "#343438"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftIcon = "#343438"; export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundLeft = "#5bb3ea"; export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundRight = "#96cff0"; -export const TokenComponentSplitMenuButtonPrimaryHoverRightBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonPrimaryHoverRightBorder = "#96cff0"; export const TokenComponentSplitMenuButtonPrimaryHoverRightText = "#343438"; export const TokenComponentSplitMenuButtonPrimaryHoverRightIcon = "#343438"; export const TokenComponentSplitMenuButtonPrimaryActiveBackground = "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryActiveBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonPrimaryActiveBorder = "#5bb3ea"; export const TokenComponentSplitMenuButtonPrimaryActiveText = "#343438"; export const TokenComponentSplitMenuButtonPrimaryActiveIcon = "#343438"; export const TokenComponentSplitMenuButtonPrimaryDisabledBackground = "#515157"; -export const TokenComponentSplitMenuButtonPrimaryDisabledBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonPrimaryDisabledBorder = "#515157"; export const TokenComponentSplitMenuButtonPrimaryDisabledText = "#83838c"; export const TokenComponentSplitMenuButtonPrimaryDisabledIcon = "#83838c"; export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundLeft = "#5bb3ea"; export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundRight = "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryLoadingBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonPrimaryLoadingBorder = "#5bb3ea"; export const TokenComponentSplitMenuButtonPrimaryLoadingIcon = "#343438"; export const TokenComponentSplitMenuButtonSecondaryDefaultBackground = "#3d3d42"; export const TokenComponentSplitMenuButtonSecondaryDefaultBorder = "#5bb3ea"; @@ -593,30 +593,30 @@ export const TokenComponentSplitMenuButtonSecondaryLoadingBackground = "#3d3d42" export const TokenComponentSplitMenuButtonSecondaryLoadingBorder = "#5bb3ea"; export const TokenComponentSplitMenuButtonSecondaryLoadingIcon = "#5bb3ea"; export const TokenComponentSplitMenuButtonLaunchDefaultBackground = "#232326"; -export const TokenComponentSplitMenuButtonLaunchDefaultBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonLaunchDefaultBorder = "#232326"; export const TokenComponentSplitMenuButtonLaunchDefaultText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchDefaultIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverLeftBackgroundLeft = "#343438"; export const TokenComponentSplitMenuButtonLaunchHoverLeftBackgroundRight = "#232326"; -export const TokenComponentSplitMenuButtonLaunchHoverLeftBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonLaunchHoverLeftBorder = "#343438"; export const TokenComponentSplitMenuButtonLaunchHoverLeftText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverLeftIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverRightBackgroundLeft = "#232326"; export const TokenComponentSplitMenuButtonLaunchHoverRightBackgroundRight = "#343438"; -export const TokenComponentSplitMenuButtonLaunchHoverRightBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonLaunchHoverRightBorder = "#343438"; export const TokenComponentSplitMenuButtonLaunchHoverRightText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverRightIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchActiveBackground = "#232326"; -export const TokenComponentSplitMenuButtonLaunchActiveBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonLaunchActiveBorder = "#232326"; export const TokenComponentSplitMenuButtonLaunchActiveText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchActiveIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchDisabledBackground = "#e5e5ea"; -export const TokenComponentSplitMenuButtonLaunchDisabledBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonLaunchDisabledBorder = "#e5e5ea"; export const TokenComponentSplitMenuButtonLaunchDisabledText = "#a3a3ab"; export const TokenComponentSplitMenuButtonLaunchDisabledIcon = "#a3a3ab"; export const TokenComponentSplitMenuButtonLaunchLoadingBackgroundLeft = "#232326"; export const TokenComponentSplitMenuButtonLaunchLoadingBackgroundRight = "#232326"; -export const TokenComponentSplitMenuButtonLaunchLoadingBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonLaunchLoadingBorder = "#232326"; export const TokenComponentSplitMenuButtonLaunchLoadingIcon = "#ffffff"; export const TokenComponentAppbarBackground = "#343438"; export const TokenComponentAppbarBorder = "#515157"; @@ -1597,6 +1597,7 @@ export const TokenComponentStepperHorizontalCurrentItemTextHover = "#5bb3ea"; export const TokenComponentStepperHorizontalFutureItemCircleBackground = "#343438"; export const TokenComponentStepperHorizontalFutureItemCircleBorder = "#515157"; export const TokenComponentStepperHorizontalFutureItemCircleText = "#83838c"; +export const TokenComponentStepperHorizontalFutureItemCircleIcon = "#83838c"; export const TokenComponentStepperHorizontalFutureItemText = "#83838c"; export const TokenComponentStepperVerticalBackground = "#3d3d42"; export const TokenComponentStepperVerticalBorder = "#515157"; @@ -1620,6 +1621,7 @@ export const TokenComponentStepperVerticalFutureItemTextHover = "#5bb3ea"; export const TokenComponentStepperVerticalDisabledItemCircleBackground = "#343438"; export const TokenComponentStepperVerticalDisabledItemCircleBorder = "#515157"; export const TokenComponentStepperVerticalDisabledItemCircleText = "#83838c"; +export const TokenComponentStepperVerticalDisabledItemCircleIcon = "#83838c"; export const TokenComponentStepperVerticalDisabledItemText = "#83838c"; export const TokenComponentAdvancedSearchFilterIconDefaultIcon = "#ffffff"; export const TokenComponentAdvancedSearchFilterIconHoverIcon = "#96cff0"; diff --git a/dist/themes/dark/tokens.scss b/dist/themes/dark/tokens.scss index f57d190..7c76383 100644 --- a/dist/themes/dark/tokens.scss +++ b/dist/themes/dark/tokens.scss @@ -539,30 +539,30 @@ $token-component-overflow-menu-button-hover-icon: #96cff0; $token-component-overflow-menu-button-pressed-icon: #5bb3ea; $token-component-overflow-menu-button-disabled-icon: #83838c; $token-component-split-menu-button-primary-default-background: #5bb3ea; -$token-component-split-menu-button-primary-default-border: #3d3d42; +$token-component-split-menu-button-primary-default-border: #5bb3ea; $token-component-split-menu-button-primary-default-text: #343438; $token-component-split-menu-button-primary-default-icon: #343438; $token-component-split-menu-button-primary-hover-left-background-left: #96cff0; $token-component-split-menu-button-primary-hover-left-background-right: #5bb3ea; -$token-component-split-menu-button-primary-hover-left-border: #3d3d42; +$token-component-split-menu-button-primary-hover-left-border: #96cff0; $token-component-split-menu-button-primary-hover-left-text: #343438; $token-component-split-menu-button-primary-hover-left-icon: #343438; $token-component-split-menu-button-primary-hover-right-background-left: #5bb3ea; $token-component-split-menu-button-primary-hover-right-background-right: #96cff0; -$token-component-split-menu-button-primary-hover-right-border: #3d3d42; +$token-component-split-menu-button-primary-hover-right-border: #96cff0; $token-component-split-menu-button-primary-hover-right-text: #343438; $token-component-split-menu-button-primary-hover-right-icon: #343438; $token-component-split-menu-button-primary-active-background: #5bb3ea; -$token-component-split-menu-button-primary-active-border: #3d3d42; +$token-component-split-menu-button-primary-active-border: #5bb3ea; $token-component-split-menu-button-primary-active-text: #343438; $token-component-split-menu-button-primary-active-icon: #343438; $token-component-split-menu-button-primary-disabled-background: #515157; -$token-component-split-menu-button-primary-disabled-border: #3d3d42; +$token-component-split-menu-button-primary-disabled-border: #515157; $token-component-split-menu-button-primary-disabled-text: #83838c; $token-component-split-menu-button-primary-disabled-icon: #83838c; $token-component-split-menu-button-primary-loading-background-left: #5bb3ea; $token-component-split-menu-button-primary-loading-background-right: #5bb3ea; -$token-component-split-menu-button-primary-loading-border: #3d3d42; +$token-component-split-menu-button-primary-loading-border: #5bb3ea; $token-component-split-menu-button-primary-loading-icon: #343438; $token-component-split-menu-button-secondary-default-background: #3d3d42; $token-component-split-menu-button-secondary-default-border: #5bb3ea; @@ -592,30 +592,30 @@ $token-component-split-menu-button-secondary-loading-background: #3d3d42; $token-component-split-menu-button-secondary-loading-border: #5bb3ea; $token-component-split-menu-button-secondary-loading-icon: #5bb3ea; $token-component-split-menu-button-launch-default-background: #232326; -$token-component-split-menu-button-launch-default-border: #3d3d42; +$token-component-split-menu-button-launch-default-border: #232326; $token-component-split-menu-button-launch-default-text: #ffffff; $token-component-split-menu-button-launch-default-icon: #ffffff; $token-component-split-menu-button-launch-hover-left-background-left: #343438; $token-component-split-menu-button-launch-hover-left-background-right: #232326; -$token-component-split-menu-button-launch-hover-left-border: #3d3d42; +$token-component-split-menu-button-launch-hover-left-border: #343438; $token-component-split-menu-button-launch-hover-left-text: #ffffff; $token-component-split-menu-button-launch-hover-left-icon: #ffffff; $token-component-split-menu-button-launch-hover-right-background-left: #232326; $token-component-split-menu-button-launch-hover-right-background-right: #343438; -$token-component-split-menu-button-launch-hover-right-border: #3d3d42; +$token-component-split-menu-button-launch-hover-right-border: #343438; $token-component-split-menu-button-launch-hover-right-text: #ffffff; $token-component-split-menu-button-launch-hover-right-icon: #ffffff; $token-component-split-menu-button-launch-active-background: #232326; -$token-component-split-menu-button-launch-active-border: #3d3d42; +$token-component-split-menu-button-launch-active-border: #232326; $token-component-split-menu-button-launch-active-text: #ffffff; $token-component-split-menu-button-launch-active-icon: #ffffff; $token-component-split-menu-button-launch-disabled-background: #e5e5ea; -$token-component-split-menu-button-launch-disabled-border: #3d3d42; +$token-component-split-menu-button-launch-disabled-border: #e5e5ea; $token-component-split-menu-button-launch-disabled-text: #a3a3ab; $token-component-split-menu-button-launch-disabled-icon: #a3a3ab; $token-component-split-menu-button-launch-loading-background-left: #232326; $token-component-split-menu-button-launch-loading-background-right: #232326; -$token-component-split-menu-button-launch-loading-border: #3d3d42; +$token-component-split-menu-button-launch-loading-border: #232326; $token-component-split-menu-button-launch-loading-icon: #ffffff; $token-component-appbar-background: #343438; $token-component-appbar-border: #515157; @@ -1596,6 +1596,7 @@ $token-component-stepper-horizontal-current-item-text-hover: #5bb3ea; $token-component-stepper-horizontal-future-item-circle-background: #343438; $token-component-stepper-horizontal-future-item-circle-border: #515157; $token-component-stepper-horizontal-future-item-circle-text: #83838c; +$token-component-stepper-horizontal-future-item-circle-icon: #83838c; $token-component-stepper-horizontal-future-item-text: #83838c; $token-component-stepper-vertical-background: #3d3d42; $token-component-stepper-vertical-border: #515157; @@ -1619,6 +1620,7 @@ $token-component-stepper-vertical-future-item-text-hover: #5bb3ea; $token-component-stepper-vertical-disabled-item-circle-background: #343438; $token-component-stepper-vertical-disabled-item-circle-border: #515157; $token-component-stepper-vertical-disabled-item-circle-text: #83838c; +$token-component-stepper-vertical-disabled-item-circle-icon: #83838c; $token-component-stepper-vertical-disabled-item-text: #83838c; $token-component-advanced-search-filter-icon-default-icon: #ffffff; $token-component-advanced-search-filter-icon-hover-icon: #96cff0; diff --git a/dist/themes/densedDark/index.d.ts b/dist/themes/densedDark/index.d.ts index a9d5970..bbfb4a5 100644 --- a/dist/themes/densedDark/index.d.ts +++ b/dist/themes/densedDark/index.d.ts @@ -1,7 +1,7 @@ /** * Do not edit directly - * Generated on 2024-09-13 + * Generated on 2024-09-30 */ export interface GlobalTypes { Color: { @@ -1499,40 +1499,40 @@ export interface ComponentTypes { Primary: { Default: { Background: "#5bb3ea", - Border: "#3d3d42", + Border: "#5bb3ea", Text: "#343438", Icon: "#343438" }, HoverLeft: { BackgroundLeft: "#96cff0", BackgroundRight: "#5bb3ea", - Border: "#3d3d42", + Border: "#96cff0", Text: "#343438", Icon: "#343438" }, HoverRight: { BackgroundLeft: "#5bb3ea", BackgroundRight: "#96cff0", - Border: "#3d3d42", + Border: "#96cff0", Text: "#343438", Icon: "#343438" }, Active: { Background: "#5bb3ea", - Border: "#3d3d42", + Border: "#5bb3ea", Text: "#343438", Icon: "#343438" }, Disabled: { Background: "#515157", - Border: "#3d3d42", + Border: "#515157", Text: "#83838c", Icon: "#83838c" }, Loading: { BackgroundLeft: "#5bb3ea", BackgroundRight: "#5bb3ea", - Border: "#3d3d42", + Border: "#5bb3ea", Icon: "#343438" } }, @@ -1580,40 +1580,40 @@ export interface ComponentTypes { Launch: { Default: { Background: "#232326", - Border: "#3d3d42", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, HoverLeft: { BackgroundLeft: "#343438", BackgroundRight: "#232326", - Border: "#3d3d42", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, HoverRight: { BackgroundLeft: "#232326", BackgroundRight: "#343438", - Border: "#3d3d42", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, Active: { Background: "#232326", - Border: "#3d3d42", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, Disabled: { Background: "#e5e5ea", - Border: "#3d3d42", + Border: "#e5e5ea", Text: "#a3a3ab", Icon: "#a3a3ab" }, Loading: { BackgroundLeft: "#232326", BackgroundRight: "#232326", - Border: "#3d3d42", + Border: "#232326", Icon: "#ffffff" } } @@ -3284,7 +3284,8 @@ export interface ComponentTypes { Circle: { Background: "#343438", Border: "#515157", - Text: "#83838c" + Text: "#83838c", + Icon: "#83838c" }, Text: "#83838c" } @@ -3331,7 +3332,8 @@ export interface ComponentTypes { Circle: { Background: "#343438", Border: "#515157", - Text: "#83838c" + Text: "#83838c", + Icon: "#83838c" }, Text: "#83838c" } @@ -3704,40 +3706,40 @@ export interface SplitMenuButtonTypes { Primary: { Default: { Background: "#5bb3ea", - Border: "#3d3d42", + Border: "#5bb3ea", Text: "#343438", Icon: "#343438" }, HoverLeft: { BackgroundLeft: "#96cff0", BackgroundRight: "#5bb3ea", - Border: "#3d3d42", + Border: "#96cff0", Text: "#343438", Icon: "#343438" }, HoverRight: { BackgroundLeft: "#5bb3ea", BackgroundRight: "#96cff0", - Border: "#3d3d42", + Border: "#96cff0", Text: "#343438", Icon: "#343438" }, Active: { Background: "#5bb3ea", - Border: "#3d3d42", + Border: "#5bb3ea", Text: "#343438", Icon: "#343438" }, Disabled: { Background: "#515157", - Border: "#3d3d42", + Border: "#515157", Text: "#83838c", Icon: "#83838c" }, Loading: { BackgroundLeft: "#5bb3ea", BackgroundRight: "#5bb3ea", - Border: "#3d3d42", + Border: "#5bb3ea", Icon: "#343438" } }, @@ -3785,40 +3787,40 @@ export interface SplitMenuButtonTypes { Launch: { Default: { Background: "#232326", - Border: "#3d3d42", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, HoverLeft: { BackgroundLeft: "#343438", BackgroundRight: "#232326", - Border: "#3d3d42", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, HoverRight: { BackgroundLeft: "#232326", BackgroundRight: "#343438", - Border: "#3d3d42", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, Active: { Background: "#232326", - Border: "#3d3d42", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, Disabled: { Background: "#e5e5ea", - Border: "#3d3d42", + Border: "#e5e5ea", Text: "#a3a3ab", Icon: "#a3a3ab" }, Loading: { BackgroundLeft: "#232326", BackgroundRight: "#232326", - Border: "#3d3d42", + Border: "#232326", Icon: "#ffffff" } } @@ -5630,7 +5632,8 @@ export interface StepperTypes { Circle: { Background: "#343438", Border: "#515157", - Text: "#83838c" + Text: "#83838c", + Icon: "#83838c" }, Text: "#83838c" } @@ -5677,7 +5680,8 @@ export interface StepperTypes { Circle: { Background: "#343438", Border: "#515157", - Text: "#83838c" + Text: "#83838c", + Icon: "#83838c" }, Text: "#83838c" } diff --git a/dist/themes/densedDark/index.js b/dist/themes/densedDark/index.js index 991b27a..fcb3984 100644 --- a/dist/themes/densedDark/index.js +++ b/dist/themes/densedDark/index.js @@ -1,7 +1,7 @@ /** * Do not edit directly - * Generated on 2024-09-13 + * Generated on 2024-09-30 */ export const Global = { Color: { @@ -1467,40 +1467,40 @@ export const Component = { Primary: { Default: { Background: "#5bb3ea", - Border: "#3d3d42", + Border: "#5bb3ea", Text: "#343438", Icon: "#343438" }, HoverLeft: { BackgroundLeft: "#96cff0", BackgroundRight: "#5bb3ea", - Border: "#3d3d42", + Border: "#96cff0", Text: "#343438", Icon: "#343438" }, HoverRight: { BackgroundLeft: "#5bb3ea", BackgroundRight: "#96cff0", - Border: "#3d3d42", + Border: "#96cff0", Text: "#343438", Icon: "#343438" }, Active: { Background: "#5bb3ea", - Border: "#3d3d42", + Border: "#5bb3ea", Text: "#343438", Icon: "#343438" }, Disabled: { Background: "#515157", - Border: "#3d3d42", + Border: "#515157", Text: "#83838c", Icon: "#83838c" }, Loading: { BackgroundLeft: "#5bb3ea", BackgroundRight: "#5bb3ea", - Border: "#3d3d42", + Border: "#5bb3ea", Icon: "#343438" } }, @@ -1548,40 +1548,40 @@ export const Component = { Launch: { Default: { Background: "#232326", - Border: "#3d3d42", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, HoverLeft: { BackgroundLeft: "#343438", BackgroundRight: "#232326", - Border: "#3d3d42", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, HoverRight: { BackgroundLeft: "#232326", BackgroundRight: "#343438", - Border: "#3d3d42", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, Active: { Background: "#232326", - Border: "#3d3d42", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, Disabled: { Background: "#e5e5ea", - Border: "#3d3d42", + Border: "#e5e5ea", Text: "#a3a3ab", Icon: "#a3a3ab" }, Loading: { BackgroundLeft: "#232326", BackgroundRight: "#232326", - Border: "#3d3d42", + Border: "#232326", Icon: "#ffffff" } } @@ -3252,7 +3252,8 @@ export const Component = { Circle: { Background: "#343438", Border: "#515157", - Text: "#83838c" + Text: "#83838c", + Icon: "#83838c" }, Text: "#83838c" } @@ -3299,7 +3300,8 @@ export const Component = { Circle: { Background: "#343438", Border: "#515157", - Text: "#83838c" + Text: "#83838c", + Icon: "#83838c" }, Text: "#83838c" } @@ -3660,40 +3662,40 @@ export const SplitMenuButton = { Primary: { Default: { Background: "#5bb3ea", - Border: "#3d3d42", + Border: "#5bb3ea", Text: "#343438", Icon: "#343438" }, HoverLeft: { BackgroundLeft: "#96cff0", BackgroundRight: "#5bb3ea", - Border: "#3d3d42", + Border: "#96cff0", Text: "#343438", Icon: "#343438" }, HoverRight: { BackgroundLeft: "#5bb3ea", BackgroundRight: "#96cff0", - Border: "#3d3d42", + Border: "#96cff0", Text: "#343438", Icon: "#343438" }, Active: { Background: "#5bb3ea", - Border: "#3d3d42", + Border: "#5bb3ea", Text: "#343438", Icon: "#343438" }, Disabled: { Background: "#515157", - Border: "#3d3d42", + Border: "#515157", Text: "#83838c", Icon: "#83838c" }, Loading: { BackgroundLeft: "#5bb3ea", BackgroundRight: "#5bb3ea", - Border: "#3d3d42", + Border: "#5bb3ea", Icon: "#343438" } }, @@ -3741,40 +3743,40 @@ export const SplitMenuButton = { Launch: { Default: { Background: "#232326", - Border: "#3d3d42", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, HoverLeft: { BackgroundLeft: "#343438", BackgroundRight: "#232326", - Border: "#3d3d42", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, HoverRight: { BackgroundLeft: "#232326", BackgroundRight: "#343438", - Border: "#3d3d42", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, Active: { Background: "#232326", - Border: "#3d3d42", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, Disabled: { Background: "#e5e5ea", - Border: "#3d3d42", + Border: "#e5e5ea", Text: "#a3a3ab", Icon: "#a3a3ab" }, Loading: { BackgroundLeft: "#232326", BackgroundRight: "#232326", - Border: "#3d3d42", + Border: "#232326", Icon: "#ffffff" } } @@ -5492,7 +5494,8 @@ export const Stepper = { Circle: { Background: "#343438", Border: "#515157", - Text: "#83838c" + Text: "#83838c", + Icon: "#83838c" }, Text: "#83838c" } @@ -5539,7 +5542,8 @@ export const Stepper = { Circle: { Background: "#343438", Border: "#515157", - Text: "#83838c" + Text: "#83838c", + Icon: "#83838c" }, Text: "#83838c" } diff --git a/dist/themes/densedDark/tokens.css b/dist/themes/densedDark/tokens.css index 6ce0d2d..e349d4a 100644 --- a/dist/themes/densedDark/tokens.css +++ b/dist/themes/densedDark/tokens.css @@ -541,30 +541,30 @@ --token-component-overflow-menu-button-pressed-icon: #5bb3ea; --token-component-overflow-menu-button-disabled-icon: #83838c; --token-component-split-menu-button-primary-default-background: #5bb3ea; - --token-component-split-menu-button-primary-default-border: #3d3d42; + --token-component-split-menu-button-primary-default-border: #5bb3ea; --token-component-split-menu-button-primary-default-text: #343438; --token-component-split-menu-button-primary-default-icon: #343438; --token-component-split-menu-button-primary-hover-left-background-left: #96cff0; --token-component-split-menu-button-primary-hover-left-background-right: #5bb3ea; - --token-component-split-menu-button-primary-hover-left-border: #3d3d42; + --token-component-split-menu-button-primary-hover-left-border: #96cff0; --token-component-split-menu-button-primary-hover-left-text: #343438; --token-component-split-menu-button-primary-hover-left-icon: #343438; --token-component-split-menu-button-primary-hover-right-background-left: #5bb3ea; --token-component-split-menu-button-primary-hover-right-background-right: #96cff0; - --token-component-split-menu-button-primary-hover-right-border: #3d3d42; + --token-component-split-menu-button-primary-hover-right-border: #96cff0; --token-component-split-menu-button-primary-hover-right-text: #343438; --token-component-split-menu-button-primary-hover-right-icon: #343438; --token-component-split-menu-button-primary-active-background: #5bb3ea; - --token-component-split-menu-button-primary-active-border: #3d3d42; + --token-component-split-menu-button-primary-active-border: #5bb3ea; --token-component-split-menu-button-primary-active-text: #343438; --token-component-split-menu-button-primary-active-icon: #343438; --token-component-split-menu-button-primary-disabled-background: #515157; - --token-component-split-menu-button-primary-disabled-border: #3d3d42; + --token-component-split-menu-button-primary-disabled-border: #515157; --token-component-split-menu-button-primary-disabled-text: #83838c; --token-component-split-menu-button-primary-disabled-icon: #83838c; --token-component-split-menu-button-primary-loading-background-left: #5bb3ea; --token-component-split-menu-button-primary-loading-background-right: #5bb3ea; - --token-component-split-menu-button-primary-loading-border: #3d3d42; + --token-component-split-menu-button-primary-loading-border: #5bb3ea; --token-component-split-menu-button-primary-loading-icon: #343438; --token-component-split-menu-button-secondary-default-background: #3d3d42; --token-component-split-menu-button-secondary-default-border: #5bb3ea; @@ -594,30 +594,30 @@ --token-component-split-menu-button-secondary-loading-border: #5bb3ea; --token-component-split-menu-button-secondary-loading-icon: #5bb3ea; --token-component-split-menu-button-launch-default-background: #232326; - --token-component-split-menu-button-launch-default-border: #3d3d42; + --token-component-split-menu-button-launch-default-border: #232326; --token-component-split-menu-button-launch-default-text: #ffffff; --token-component-split-menu-button-launch-default-icon: #ffffff; --token-component-split-menu-button-launch-hover-left-background-left: #343438; --token-component-split-menu-button-launch-hover-left-background-right: #232326; - --token-component-split-menu-button-launch-hover-left-border: #3d3d42; + --token-component-split-menu-button-launch-hover-left-border: #343438; --token-component-split-menu-button-launch-hover-left-text: #ffffff; --token-component-split-menu-button-launch-hover-left-icon: #ffffff; --token-component-split-menu-button-launch-hover-right-background-left: #232326; --token-component-split-menu-button-launch-hover-right-background-right: #343438; - --token-component-split-menu-button-launch-hover-right-border: #3d3d42; + --token-component-split-menu-button-launch-hover-right-border: #343438; --token-component-split-menu-button-launch-hover-right-text: #ffffff; --token-component-split-menu-button-launch-hover-right-icon: #ffffff; --token-component-split-menu-button-launch-active-background: #232326; - --token-component-split-menu-button-launch-active-border: #3d3d42; + --token-component-split-menu-button-launch-active-border: #232326; --token-component-split-menu-button-launch-active-text: #ffffff; --token-component-split-menu-button-launch-active-icon: #ffffff; --token-component-split-menu-button-launch-disabled-background: #e5e5ea; - --token-component-split-menu-button-launch-disabled-border: #3d3d42; + --token-component-split-menu-button-launch-disabled-border: #e5e5ea; --token-component-split-menu-button-launch-disabled-text: #a3a3ab; --token-component-split-menu-button-launch-disabled-icon: #a3a3ab; --token-component-split-menu-button-launch-loading-background-left: #232326; --token-component-split-menu-button-launch-loading-background-right: #232326; - --token-component-split-menu-button-launch-loading-border: #3d3d42; + --token-component-split-menu-button-launch-loading-border: #232326; --token-component-split-menu-button-launch-loading-icon: #ffffff; --token-component-appbar-background: #343438; --token-component-appbar-border: #515157; @@ -1598,6 +1598,7 @@ --token-component-stepper-horizontal-future-item-circle-background: #343438; --token-component-stepper-horizontal-future-item-circle-border: #515157; --token-component-stepper-horizontal-future-item-circle-text: #83838c; + --token-component-stepper-horizontal-future-item-circle-icon: #83838c; --token-component-stepper-horizontal-future-item-text: #83838c; --token-component-stepper-vertical-background: #3d3d42; --token-component-stepper-vertical-border: #515157; @@ -1621,6 +1622,7 @@ --token-component-stepper-vertical-disabled-item-circle-background: #343438; --token-component-stepper-vertical-disabled-item-circle-border: #515157; --token-component-stepper-vertical-disabled-item-circle-text: #83838c; + --token-component-stepper-vertical-disabled-item-circle-icon: #83838c; --token-component-stepper-vertical-disabled-item-text: #83838c; --token-component-advanced-search-filter-icon-default-icon: #ffffff; --token-component-advanced-search-filter-icon-hover-icon: #96cff0; diff --git a/dist/themes/densedDark/tokens.d.ts b/dist/themes/densedDark/tokens.d.ts index 1a84e85..ea9b487 100644 --- a/dist/themes/densedDark/tokens.d.ts +++ b/dist/themes/densedDark/tokens.d.ts @@ -540,30 +540,30 @@ export const TokenComponentOverflowMenuButtonHoverIcon = "#96cff0"; export const TokenComponentOverflowMenuButtonPressedIcon = "#5bb3ea"; export const TokenComponentOverflowMenuButtonDisabledIcon = "#83838c"; export const TokenComponentSplitMenuButtonPrimaryDefaultBackground = "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryDefaultBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonPrimaryDefaultBorder = "#5bb3ea"; export const TokenComponentSplitMenuButtonPrimaryDefaultText = "#343438"; export const TokenComponentSplitMenuButtonPrimaryDefaultIcon = "#343438"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundLeft = "#96cff0"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundRight = "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryHoverLeftBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonPrimaryHoverLeftBorder = "#96cff0"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftText = "#343438"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftIcon = "#343438"; export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundLeft = "#5bb3ea"; export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundRight = "#96cff0"; -export const TokenComponentSplitMenuButtonPrimaryHoverRightBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonPrimaryHoverRightBorder = "#96cff0"; export const TokenComponentSplitMenuButtonPrimaryHoverRightText = "#343438"; export const TokenComponentSplitMenuButtonPrimaryHoverRightIcon = "#343438"; export const TokenComponentSplitMenuButtonPrimaryActiveBackground = "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryActiveBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonPrimaryActiveBorder = "#5bb3ea"; export const TokenComponentSplitMenuButtonPrimaryActiveText = "#343438"; export const TokenComponentSplitMenuButtonPrimaryActiveIcon = "#343438"; export const TokenComponentSplitMenuButtonPrimaryDisabledBackground = "#515157"; -export const TokenComponentSplitMenuButtonPrimaryDisabledBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonPrimaryDisabledBorder = "#515157"; export const TokenComponentSplitMenuButtonPrimaryDisabledText = "#83838c"; export const TokenComponentSplitMenuButtonPrimaryDisabledIcon = "#83838c"; export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundLeft = "#5bb3ea"; export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundRight = "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryLoadingBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonPrimaryLoadingBorder = "#5bb3ea"; export const TokenComponentSplitMenuButtonPrimaryLoadingIcon = "#343438"; export const TokenComponentSplitMenuButtonSecondaryDefaultBackground = "#3d3d42"; export const TokenComponentSplitMenuButtonSecondaryDefaultBorder = "#5bb3ea"; @@ -593,30 +593,30 @@ export const TokenComponentSplitMenuButtonSecondaryLoadingBackground = "#3d3d42" export const TokenComponentSplitMenuButtonSecondaryLoadingBorder = "#5bb3ea"; export const TokenComponentSplitMenuButtonSecondaryLoadingIcon = "#5bb3ea"; export const TokenComponentSplitMenuButtonLaunchDefaultBackground = "#232326"; -export const TokenComponentSplitMenuButtonLaunchDefaultBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonLaunchDefaultBorder = "#232326"; export const TokenComponentSplitMenuButtonLaunchDefaultText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchDefaultIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverLeftBackgroundLeft = "#343438"; export const TokenComponentSplitMenuButtonLaunchHoverLeftBackgroundRight = "#232326"; -export const TokenComponentSplitMenuButtonLaunchHoverLeftBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonLaunchHoverLeftBorder = "#343438"; export const TokenComponentSplitMenuButtonLaunchHoverLeftText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverLeftIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverRightBackgroundLeft = "#232326"; export const TokenComponentSplitMenuButtonLaunchHoverRightBackgroundRight = "#343438"; -export const TokenComponentSplitMenuButtonLaunchHoverRightBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonLaunchHoverRightBorder = "#343438"; export const TokenComponentSplitMenuButtonLaunchHoverRightText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverRightIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchActiveBackground = "#232326"; -export const TokenComponentSplitMenuButtonLaunchActiveBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonLaunchActiveBorder = "#232326"; export const TokenComponentSplitMenuButtonLaunchActiveText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchActiveIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchDisabledBackground = "#e5e5ea"; -export const TokenComponentSplitMenuButtonLaunchDisabledBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonLaunchDisabledBorder = "#e5e5ea"; export const TokenComponentSplitMenuButtonLaunchDisabledText = "#a3a3ab"; export const TokenComponentSplitMenuButtonLaunchDisabledIcon = "#a3a3ab"; export const TokenComponentSplitMenuButtonLaunchLoadingBackgroundLeft = "#232326"; export const TokenComponentSplitMenuButtonLaunchLoadingBackgroundRight = "#232326"; -export const TokenComponentSplitMenuButtonLaunchLoadingBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonLaunchLoadingBorder = "#232326"; export const TokenComponentSplitMenuButtonLaunchLoadingIcon = "#ffffff"; export const TokenComponentAppbarBackground = "#343438"; export const TokenComponentAppbarBorder = "#515157"; @@ -1597,6 +1597,7 @@ export const TokenComponentStepperHorizontalCurrentItemTextHover = "#5bb3ea"; export const TokenComponentStepperHorizontalFutureItemCircleBackground = "#343438"; export const TokenComponentStepperHorizontalFutureItemCircleBorder = "#515157"; export const TokenComponentStepperHorizontalFutureItemCircleText = "#83838c"; +export const TokenComponentStepperHorizontalFutureItemCircleIcon = "#83838c"; export const TokenComponentStepperHorizontalFutureItemText = "#83838c"; export const TokenComponentStepperVerticalBackground = "#3d3d42"; export const TokenComponentStepperVerticalBorder = "#515157"; @@ -1620,6 +1621,7 @@ export const TokenComponentStepperVerticalFutureItemTextHover = "#5bb3ea"; export const TokenComponentStepperVerticalDisabledItemCircleBackground = "#343438"; export const TokenComponentStepperVerticalDisabledItemCircleBorder = "#515157"; export const TokenComponentStepperVerticalDisabledItemCircleText = "#83838c"; +export const TokenComponentStepperVerticalDisabledItemCircleIcon = "#83838c"; export const TokenComponentStepperVerticalDisabledItemText = "#83838c"; export const TokenComponentAdvancedSearchFilterIconDefaultIcon = "#ffffff"; export const TokenComponentAdvancedSearchFilterIconHoverIcon = "#96cff0"; diff --git a/dist/themes/densedDark/tokens.js b/dist/themes/densedDark/tokens.js index 1a84e85..ea9b487 100644 --- a/dist/themes/densedDark/tokens.js +++ b/dist/themes/densedDark/tokens.js @@ -540,30 +540,30 @@ export const TokenComponentOverflowMenuButtonHoverIcon = "#96cff0"; export const TokenComponentOverflowMenuButtonPressedIcon = "#5bb3ea"; export const TokenComponentOverflowMenuButtonDisabledIcon = "#83838c"; export const TokenComponentSplitMenuButtonPrimaryDefaultBackground = "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryDefaultBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonPrimaryDefaultBorder = "#5bb3ea"; export const TokenComponentSplitMenuButtonPrimaryDefaultText = "#343438"; export const TokenComponentSplitMenuButtonPrimaryDefaultIcon = "#343438"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundLeft = "#96cff0"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundRight = "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryHoverLeftBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonPrimaryHoverLeftBorder = "#96cff0"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftText = "#343438"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftIcon = "#343438"; export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundLeft = "#5bb3ea"; export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundRight = "#96cff0"; -export const TokenComponentSplitMenuButtonPrimaryHoverRightBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonPrimaryHoverRightBorder = "#96cff0"; export const TokenComponentSplitMenuButtonPrimaryHoverRightText = "#343438"; export const TokenComponentSplitMenuButtonPrimaryHoverRightIcon = "#343438"; export const TokenComponentSplitMenuButtonPrimaryActiveBackground = "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryActiveBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonPrimaryActiveBorder = "#5bb3ea"; export const TokenComponentSplitMenuButtonPrimaryActiveText = "#343438"; export const TokenComponentSplitMenuButtonPrimaryActiveIcon = "#343438"; export const TokenComponentSplitMenuButtonPrimaryDisabledBackground = "#515157"; -export const TokenComponentSplitMenuButtonPrimaryDisabledBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonPrimaryDisabledBorder = "#515157"; export const TokenComponentSplitMenuButtonPrimaryDisabledText = "#83838c"; export const TokenComponentSplitMenuButtonPrimaryDisabledIcon = "#83838c"; export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundLeft = "#5bb3ea"; export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundRight = "#5bb3ea"; -export const TokenComponentSplitMenuButtonPrimaryLoadingBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonPrimaryLoadingBorder = "#5bb3ea"; export const TokenComponentSplitMenuButtonPrimaryLoadingIcon = "#343438"; export const TokenComponentSplitMenuButtonSecondaryDefaultBackground = "#3d3d42"; export const TokenComponentSplitMenuButtonSecondaryDefaultBorder = "#5bb3ea"; @@ -593,30 +593,30 @@ export const TokenComponentSplitMenuButtonSecondaryLoadingBackground = "#3d3d42" export const TokenComponentSplitMenuButtonSecondaryLoadingBorder = "#5bb3ea"; export const TokenComponentSplitMenuButtonSecondaryLoadingIcon = "#5bb3ea"; export const TokenComponentSplitMenuButtonLaunchDefaultBackground = "#232326"; -export const TokenComponentSplitMenuButtonLaunchDefaultBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonLaunchDefaultBorder = "#232326"; export const TokenComponentSplitMenuButtonLaunchDefaultText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchDefaultIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverLeftBackgroundLeft = "#343438"; export const TokenComponentSplitMenuButtonLaunchHoverLeftBackgroundRight = "#232326"; -export const TokenComponentSplitMenuButtonLaunchHoverLeftBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonLaunchHoverLeftBorder = "#343438"; export const TokenComponentSplitMenuButtonLaunchHoverLeftText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverLeftIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverRightBackgroundLeft = "#232326"; export const TokenComponentSplitMenuButtonLaunchHoverRightBackgroundRight = "#343438"; -export const TokenComponentSplitMenuButtonLaunchHoverRightBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonLaunchHoverRightBorder = "#343438"; export const TokenComponentSplitMenuButtonLaunchHoverRightText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverRightIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchActiveBackground = "#232326"; -export const TokenComponentSplitMenuButtonLaunchActiveBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonLaunchActiveBorder = "#232326"; export const TokenComponentSplitMenuButtonLaunchActiveText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchActiveIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchDisabledBackground = "#e5e5ea"; -export const TokenComponentSplitMenuButtonLaunchDisabledBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonLaunchDisabledBorder = "#e5e5ea"; export const TokenComponentSplitMenuButtonLaunchDisabledText = "#a3a3ab"; export const TokenComponentSplitMenuButtonLaunchDisabledIcon = "#a3a3ab"; export const TokenComponentSplitMenuButtonLaunchLoadingBackgroundLeft = "#232326"; export const TokenComponentSplitMenuButtonLaunchLoadingBackgroundRight = "#232326"; -export const TokenComponentSplitMenuButtonLaunchLoadingBorder = "#3d3d42"; +export const TokenComponentSplitMenuButtonLaunchLoadingBorder = "#232326"; export const TokenComponentSplitMenuButtonLaunchLoadingIcon = "#ffffff"; export const TokenComponentAppbarBackground = "#343438"; export const TokenComponentAppbarBorder = "#515157"; @@ -1597,6 +1597,7 @@ export const TokenComponentStepperHorizontalCurrentItemTextHover = "#5bb3ea"; export const TokenComponentStepperHorizontalFutureItemCircleBackground = "#343438"; export const TokenComponentStepperHorizontalFutureItemCircleBorder = "#515157"; export const TokenComponentStepperHorizontalFutureItemCircleText = "#83838c"; +export const TokenComponentStepperHorizontalFutureItemCircleIcon = "#83838c"; export const TokenComponentStepperHorizontalFutureItemText = "#83838c"; export const TokenComponentStepperVerticalBackground = "#3d3d42"; export const TokenComponentStepperVerticalBorder = "#515157"; @@ -1620,6 +1621,7 @@ export const TokenComponentStepperVerticalFutureItemTextHover = "#5bb3ea"; export const TokenComponentStepperVerticalDisabledItemCircleBackground = "#343438"; export const TokenComponentStepperVerticalDisabledItemCircleBorder = "#515157"; export const TokenComponentStepperVerticalDisabledItemCircleText = "#83838c"; +export const TokenComponentStepperVerticalDisabledItemCircleIcon = "#83838c"; export const TokenComponentStepperVerticalDisabledItemText = "#83838c"; export const TokenComponentAdvancedSearchFilterIconDefaultIcon = "#ffffff"; export const TokenComponentAdvancedSearchFilterIconHoverIcon = "#96cff0"; diff --git a/dist/themes/densedDark/tokens.scss b/dist/themes/densedDark/tokens.scss index f57d190..7c76383 100644 --- a/dist/themes/densedDark/tokens.scss +++ b/dist/themes/densedDark/tokens.scss @@ -539,30 +539,30 @@ $token-component-overflow-menu-button-hover-icon: #96cff0; $token-component-overflow-menu-button-pressed-icon: #5bb3ea; $token-component-overflow-menu-button-disabled-icon: #83838c; $token-component-split-menu-button-primary-default-background: #5bb3ea; -$token-component-split-menu-button-primary-default-border: #3d3d42; +$token-component-split-menu-button-primary-default-border: #5bb3ea; $token-component-split-menu-button-primary-default-text: #343438; $token-component-split-menu-button-primary-default-icon: #343438; $token-component-split-menu-button-primary-hover-left-background-left: #96cff0; $token-component-split-menu-button-primary-hover-left-background-right: #5bb3ea; -$token-component-split-menu-button-primary-hover-left-border: #3d3d42; +$token-component-split-menu-button-primary-hover-left-border: #96cff0; $token-component-split-menu-button-primary-hover-left-text: #343438; $token-component-split-menu-button-primary-hover-left-icon: #343438; $token-component-split-menu-button-primary-hover-right-background-left: #5bb3ea; $token-component-split-menu-button-primary-hover-right-background-right: #96cff0; -$token-component-split-menu-button-primary-hover-right-border: #3d3d42; +$token-component-split-menu-button-primary-hover-right-border: #96cff0; $token-component-split-menu-button-primary-hover-right-text: #343438; $token-component-split-menu-button-primary-hover-right-icon: #343438; $token-component-split-menu-button-primary-active-background: #5bb3ea; -$token-component-split-menu-button-primary-active-border: #3d3d42; +$token-component-split-menu-button-primary-active-border: #5bb3ea; $token-component-split-menu-button-primary-active-text: #343438; $token-component-split-menu-button-primary-active-icon: #343438; $token-component-split-menu-button-primary-disabled-background: #515157; -$token-component-split-menu-button-primary-disabled-border: #3d3d42; +$token-component-split-menu-button-primary-disabled-border: #515157; $token-component-split-menu-button-primary-disabled-text: #83838c; $token-component-split-menu-button-primary-disabled-icon: #83838c; $token-component-split-menu-button-primary-loading-background-left: #5bb3ea; $token-component-split-menu-button-primary-loading-background-right: #5bb3ea; -$token-component-split-menu-button-primary-loading-border: #3d3d42; +$token-component-split-menu-button-primary-loading-border: #5bb3ea; $token-component-split-menu-button-primary-loading-icon: #343438; $token-component-split-menu-button-secondary-default-background: #3d3d42; $token-component-split-menu-button-secondary-default-border: #5bb3ea; @@ -592,30 +592,30 @@ $token-component-split-menu-button-secondary-loading-background: #3d3d42; $token-component-split-menu-button-secondary-loading-border: #5bb3ea; $token-component-split-menu-button-secondary-loading-icon: #5bb3ea; $token-component-split-menu-button-launch-default-background: #232326; -$token-component-split-menu-button-launch-default-border: #3d3d42; +$token-component-split-menu-button-launch-default-border: #232326; $token-component-split-menu-button-launch-default-text: #ffffff; $token-component-split-menu-button-launch-default-icon: #ffffff; $token-component-split-menu-button-launch-hover-left-background-left: #343438; $token-component-split-menu-button-launch-hover-left-background-right: #232326; -$token-component-split-menu-button-launch-hover-left-border: #3d3d42; +$token-component-split-menu-button-launch-hover-left-border: #343438; $token-component-split-menu-button-launch-hover-left-text: #ffffff; $token-component-split-menu-button-launch-hover-left-icon: #ffffff; $token-component-split-menu-button-launch-hover-right-background-left: #232326; $token-component-split-menu-button-launch-hover-right-background-right: #343438; -$token-component-split-menu-button-launch-hover-right-border: #3d3d42; +$token-component-split-menu-button-launch-hover-right-border: #343438; $token-component-split-menu-button-launch-hover-right-text: #ffffff; $token-component-split-menu-button-launch-hover-right-icon: #ffffff; $token-component-split-menu-button-launch-active-background: #232326; -$token-component-split-menu-button-launch-active-border: #3d3d42; +$token-component-split-menu-button-launch-active-border: #232326; $token-component-split-menu-button-launch-active-text: #ffffff; $token-component-split-menu-button-launch-active-icon: #ffffff; $token-component-split-menu-button-launch-disabled-background: #e5e5ea; -$token-component-split-menu-button-launch-disabled-border: #3d3d42; +$token-component-split-menu-button-launch-disabled-border: #e5e5ea; $token-component-split-menu-button-launch-disabled-text: #a3a3ab; $token-component-split-menu-button-launch-disabled-icon: #a3a3ab; $token-component-split-menu-button-launch-loading-background-left: #232326; $token-component-split-menu-button-launch-loading-background-right: #232326; -$token-component-split-menu-button-launch-loading-border: #3d3d42; +$token-component-split-menu-button-launch-loading-border: #232326; $token-component-split-menu-button-launch-loading-icon: #ffffff; $token-component-appbar-background: #343438; $token-component-appbar-border: #515157; @@ -1596,6 +1596,7 @@ $token-component-stepper-horizontal-current-item-text-hover: #5bb3ea; $token-component-stepper-horizontal-future-item-circle-background: #343438; $token-component-stepper-horizontal-future-item-circle-border: #515157; $token-component-stepper-horizontal-future-item-circle-text: #83838c; +$token-component-stepper-horizontal-future-item-circle-icon: #83838c; $token-component-stepper-horizontal-future-item-text: #83838c; $token-component-stepper-vertical-background: #3d3d42; $token-component-stepper-vertical-border: #515157; @@ -1619,6 +1620,7 @@ $token-component-stepper-vertical-future-item-text-hover: #5bb3ea; $token-component-stepper-vertical-disabled-item-circle-background: #343438; $token-component-stepper-vertical-disabled-item-circle-border: #515157; $token-component-stepper-vertical-disabled-item-circle-text: #83838c; +$token-component-stepper-vertical-disabled-item-circle-icon: #83838c; $token-component-stepper-vertical-disabled-item-text: #83838c; $token-component-advanced-search-filter-icon-default-icon: #ffffff; $token-component-advanced-search-filter-icon-hover-icon: #96cff0; diff --git a/dist/themes/densedLight/index.d.ts b/dist/themes/densedLight/index.d.ts index 09a6ed5..d157d31 100644 --- a/dist/themes/densedLight/index.d.ts +++ b/dist/themes/densedLight/index.d.ts @@ -1,7 +1,7 @@ /** * Do not edit directly - * Generated on 2024-09-13 + * Generated on 2024-09-30 */ export interface GlobalTypes { Color: { @@ -1499,40 +1499,40 @@ export interface ComponentTypes { Primary: { Default: { Background: "#0174bc", - Border: "#ffffff", + Border: "#0174bc", Text: "#ffffff", Icon: "#ffffff" }, HoverLeft: { BackgroundLeft: "#009cde", BackgroundRight: "#0174bc", - Border: "#ffffff", + Border: "#009cde", Text: "#ffffff", Icon: "#ffffff" }, HoverRight: { BackgroundLeft: "#0174bc", BackgroundRight: "#009cde", - Border: "#ffffff", + Border: "#009cde", Text: "#ffffff", Icon: "#ffffff" }, Active: { Background: "#0174bc", - Border: "#ffffff", + Border: "#0174bc", Text: "#ffffff", Icon: "#ffffff" }, Disabled: { Background: "#e5e5ea", - Border: "#ffffff", + Border: "#e5e5ea", Text: "#a3a3ab", Icon: "#a3a3ab" }, Loading: { BackgroundLeft: "#0174bc", BackgroundRight: "#0174bc", - Border: "#ffffff", + Border: "#0174bc", Icon: "#ffffff" } }, @@ -1580,40 +1580,40 @@ export interface ComponentTypes { Launch: { Default: { Background: "#232326", - Border: "#ffffff", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, HoverLeft: { BackgroundLeft: "#343438", BackgroundRight: "#232326", - Border: "#ffffff", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, HoverRight: { BackgroundLeft: "#232326", BackgroundRight: "#343438", - Border: "#ffffff", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, Active: { Background: "#232326", - Border: "#ffffff", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, Disabled: { Background: "#e5e5ea", - Border: "#ffffff", + Border: "#e5e5ea", Text: "#a3a3ab", Icon: "#a3a3ab" }, Loading: { BackgroundLeft: "#232326", BackgroundRight: "#232326", - Border: "#ffffff", + Border: "#232326", Icon: "#ffffff" } } @@ -3284,7 +3284,8 @@ export interface ComponentTypes { Circle: { Background: "#ffffff", Border: "#d6d6dd", - Text: "#a3a3ab" + Text: "#a3a3ab", + Icon: "#a3a3ab" }, Text: "#a3a3ab" } @@ -3331,7 +3332,8 @@ export interface ComponentTypes { Circle: { Background: "#ffffff", Border: "#d6d6dd", - Text: "#a3a3ab" + Text: "#a3a3ab", + Icon: "#a3a3ab" }, Text: "#a3a3ab" } @@ -3704,40 +3706,40 @@ export interface SplitMenuButtonTypes { Primary: { Default: { Background: "#0174bc", - Border: "#ffffff", + Border: "#0174bc", Text: "#ffffff", Icon: "#ffffff" }, HoverLeft: { BackgroundLeft: "#009cde", BackgroundRight: "#0174bc", - Border: "#ffffff", + Border: "#009cde", Text: "#ffffff", Icon: "#ffffff" }, HoverRight: { BackgroundLeft: "#0174bc", BackgroundRight: "#009cde", - Border: "#ffffff", + Border: "#009cde", Text: "#ffffff", Icon: "#ffffff" }, Active: { Background: "#0174bc", - Border: "#ffffff", + Border: "#0174bc", Text: "#ffffff", Icon: "#ffffff" }, Disabled: { Background: "#e5e5ea", - Border: "#ffffff", + Border: "#e5e5ea", Text: "#a3a3ab", Icon: "#a3a3ab" }, Loading: { BackgroundLeft: "#0174bc", BackgroundRight: "#0174bc", - Border: "#ffffff", + Border: "#0174bc", Icon: "#ffffff" } }, @@ -3785,40 +3787,40 @@ export interface SplitMenuButtonTypes { Launch: { Default: { Background: "#232326", - Border: "#ffffff", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, HoverLeft: { BackgroundLeft: "#343438", BackgroundRight: "#232326", - Border: "#ffffff", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, HoverRight: { BackgroundLeft: "#232326", BackgroundRight: "#343438", - Border: "#ffffff", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, Active: { Background: "#232326", - Border: "#ffffff", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, Disabled: { Background: "#e5e5ea", - Border: "#ffffff", + Border: "#e5e5ea", Text: "#a3a3ab", Icon: "#a3a3ab" }, Loading: { BackgroundLeft: "#232326", BackgroundRight: "#232326", - Border: "#ffffff", + Border: "#232326", Icon: "#ffffff" } } @@ -5630,7 +5632,8 @@ export interface StepperTypes { Circle: { Background: "#ffffff", Border: "#d6d6dd", - Text: "#a3a3ab" + Text: "#a3a3ab", + Icon: "#a3a3ab" }, Text: "#a3a3ab" } @@ -5677,7 +5680,8 @@ export interface StepperTypes { Circle: { Background: "#ffffff", Border: "#d6d6dd", - Text: "#a3a3ab" + Text: "#a3a3ab", + Icon: "#a3a3ab" }, Text: "#a3a3ab" } diff --git a/dist/themes/densedLight/index.js b/dist/themes/densedLight/index.js index e828dd5..e5ea216 100644 --- a/dist/themes/densedLight/index.js +++ b/dist/themes/densedLight/index.js @@ -1,7 +1,7 @@ /** * Do not edit directly - * Generated on 2024-09-13 + * Generated on 2024-09-30 */ export const Global = { Color: { @@ -1467,40 +1467,40 @@ export const Component = { Primary: { Default: { Background: "#0174bc", - Border: "#ffffff", + Border: "#0174bc", Text: "#ffffff", Icon: "#ffffff" }, HoverLeft: { BackgroundLeft: "#009cde", BackgroundRight: "#0174bc", - Border: "#ffffff", + Border: "#009cde", Text: "#ffffff", Icon: "#ffffff" }, HoverRight: { BackgroundLeft: "#0174bc", BackgroundRight: "#009cde", - Border: "#ffffff", + Border: "#009cde", Text: "#ffffff", Icon: "#ffffff" }, Active: { Background: "#0174bc", - Border: "#ffffff", + Border: "#0174bc", Text: "#ffffff", Icon: "#ffffff" }, Disabled: { Background: "#e5e5ea", - Border: "#ffffff", + Border: "#e5e5ea", Text: "#a3a3ab", Icon: "#a3a3ab" }, Loading: { BackgroundLeft: "#0174bc", BackgroundRight: "#0174bc", - Border: "#ffffff", + Border: "#0174bc", Icon: "#ffffff" } }, @@ -1548,40 +1548,40 @@ export const Component = { Launch: { Default: { Background: "#232326", - Border: "#ffffff", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, HoverLeft: { BackgroundLeft: "#343438", BackgroundRight: "#232326", - Border: "#ffffff", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, HoverRight: { BackgroundLeft: "#232326", BackgroundRight: "#343438", - Border: "#ffffff", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, Active: { Background: "#232326", - Border: "#ffffff", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, Disabled: { Background: "#e5e5ea", - Border: "#ffffff", + Border: "#e5e5ea", Text: "#a3a3ab", Icon: "#a3a3ab" }, Loading: { BackgroundLeft: "#232326", BackgroundRight: "#232326", - Border: "#ffffff", + Border: "#232326", Icon: "#ffffff" } } @@ -3252,7 +3252,8 @@ export const Component = { Circle: { Background: "#ffffff", Border: "#d6d6dd", - Text: "#a3a3ab" + Text: "#a3a3ab", + Icon: "#a3a3ab" }, Text: "#a3a3ab" } @@ -3299,7 +3300,8 @@ export const Component = { Circle: { Background: "#ffffff", Border: "#d6d6dd", - Text: "#a3a3ab" + Text: "#a3a3ab", + Icon: "#a3a3ab" }, Text: "#a3a3ab" } @@ -3660,40 +3662,40 @@ export const SplitMenuButton = { Primary: { Default: { Background: "#0174bc", - Border: "#ffffff", + Border: "#0174bc", Text: "#ffffff", Icon: "#ffffff" }, HoverLeft: { BackgroundLeft: "#009cde", BackgroundRight: "#0174bc", - Border: "#ffffff", + Border: "#009cde", Text: "#ffffff", Icon: "#ffffff" }, HoverRight: { BackgroundLeft: "#0174bc", BackgroundRight: "#009cde", - Border: "#ffffff", + Border: "#009cde", Text: "#ffffff", Icon: "#ffffff" }, Active: { Background: "#0174bc", - Border: "#ffffff", + Border: "#0174bc", Text: "#ffffff", Icon: "#ffffff" }, Disabled: { Background: "#e5e5ea", - Border: "#ffffff", + Border: "#e5e5ea", Text: "#a3a3ab", Icon: "#a3a3ab" }, Loading: { BackgroundLeft: "#0174bc", BackgroundRight: "#0174bc", - Border: "#ffffff", + Border: "#0174bc", Icon: "#ffffff" } }, @@ -3741,40 +3743,40 @@ export const SplitMenuButton = { Launch: { Default: { Background: "#232326", - Border: "#ffffff", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, HoverLeft: { BackgroundLeft: "#343438", BackgroundRight: "#232326", - Border: "#ffffff", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, HoverRight: { BackgroundLeft: "#232326", BackgroundRight: "#343438", - Border: "#ffffff", + Border: "#343438", Text: "#ffffff", Icon: "#ffffff" }, Active: { Background: "#232326", - Border: "#ffffff", + Border: "#232326", Text: "#ffffff", Icon: "#ffffff" }, Disabled: { Background: "#e5e5ea", - Border: "#ffffff", + Border: "#e5e5ea", Text: "#a3a3ab", Icon: "#a3a3ab" }, Loading: { BackgroundLeft: "#232326", BackgroundRight: "#232326", - Border: "#ffffff", + Border: "#232326", Icon: "#ffffff" } } @@ -5492,7 +5494,8 @@ export const Stepper = { Circle: { Background: "#ffffff", Border: "#d6d6dd", - Text: "#a3a3ab" + Text: "#a3a3ab", + Icon: "#a3a3ab" }, Text: "#a3a3ab" } @@ -5539,7 +5542,8 @@ export const Stepper = { Circle: { Background: "#ffffff", Border: "#d6d6dd", - Text: "#a3a3ab" + Text: "#a3a3ab", + Icon: "#a3a3ab" }, Text: "#a3a3ab" } diff --git a/dist/themes/densedLight/tokens.css b/dist/themes/densedLight/tokens.css index 85051bc..8f737a7 100644 --- a/dist/themes/densedLight/tokens.css +++ b/dist/themes/densedLight/tokens.css @@ -541,30 +541,30 @@ --token-component-overflow-menu-button-pressed-icon: #0174bc; --token-component-overflow-menu-button-disabled-icon: #a3a3ab; --token-component-split-menu-button-primary-default-background: #0174bc; - --token-component-split-menu-button-primary-default-border: #ffffff; + --token-component-split-menu-button-primary-default-border: #0174bc; --token-component-split-menu-button-primary-default-text: #ffffff; --token-component-split-menu-button-primary-default-icon: #ffffff; --token-component-split-menu-button-primary-hover-left-background-left: #009cde; --token-component-split-menu-button-primary-hover-left-background-right: #0174bc; - --token-component-split-menu-button-primary-hover-left-border: #ffffff; + --token-component-split-menu-button-primary-hover-left-border: #009cde; --token-component-split-menu-button-primary-hover-left-text: #ffffff; --token-component-split-menu-button-primary-hover-left-icon: #ffffff; --token-component-split-menu-button-primary-hover-right-background-left: #0174bc; --token-component-split-menu-button-primary-hover-right-background-right: #009cde; - --token-component-split-menu-button-primary-hover-right-border: #ffffff; + --token-component-split-menu-button-primary-hover-right-border: #009cde; --token-component-split-menu-button-primary-hover-right-text: #ffffff; --token-component-split-menu-button-primary-hover-right-icon: #ffffff; --token-component-split-menu-button-primary-active-background: #0174bc; - --token-component-split-menu-button-primary-active-border: #ffffff; + --token-component-split-menu-button-primary-active-border: #0174bc; --token-component-split-menu-button-primary-active-text: #ffffff; --token-component-split-menu-button-primary-active-icon: #ffffff; --token-component-split-menu-button-primary-disabled-background: #e5e5ea; - --token-component-split-menu-button-primary-disabled-border: #ffffff; + --token-component-split-menu-button-primary-disabled-border: #e5e5ea; --token-component-split-menu-button-primary-disabled-text: #a3a3ab; --token-component-split-menu-button-primary-disabled-icon: #a3a3ab; --token-component-split-menu-button-primary-loading-background-left: #0174bc; --token-component-split-menu-button-primary-loading-background-right: #0174bc; - --token-component-split-menu-button-primary-loading-border: #ffffff; + --token-component-split-menu-button-primary-loading-border: #0174bc; --token-component-split-menu-button-primary-loading-icon: #ffffff; --token-component-split-menu-button-secondary-default-background: #ffffff; --token-component-split-menu-button-secondary-default-border: #0174bc; @@ -594,30 +594,30 @@ --token-component-split-menu-button-secondary-loading-border: #0174bc; --token-component-split-menu-button-secondary-loading-icon: #0174bc; --token-component-split-menu-button-launch-default-background: #232326; - --token-component-split-menu-button-launch-default-border: #ffffff; + --token-component-split-menu-button-launch-default-border: #232326; --token-component-split-menu-button-launch-default-text: #ffffff; --token-component-split-menu-button-launch-default-icon: #ffffff; --token-component-split-menu-button-launch-hover-left-background-left: #343438; --token-component-split-menu-button-launch-hover-left-background-right: #232326; - --token-component-split-menu-button-launch-hover-left-border: #ffffff; + --token-component-split-menu-button-launch-hover-left-border: #343438; --token-component-split-menu-button-launch-hover-left-text: #ffffff; --token-component-split-menu-button-launch-hover-left-icon: #ffffff; --token-component-split-menu-button-launch-hover-right-background-left: #232326; --token-component-split-menu-button-launch-hover-right-background-right: #343438; - --token-component-split-menu-button-launch-hover-right-border: #ffffff; + --token-component-split-menu-button-launch-hover-right-border: #343438; --token-component-split-menu-button-launch-hover-right-text: #ffffff; --token-component-split-menu-button-launch-hover-right-icon: #ffffff; --token-component-split-menu-button-launch-active-background: #232326; - --token-component-split-menu-button-launch-active-border: #ffffff; + --token-component-split-menu-button-launch-active-border: #232326; --token-component-split-menu-button-launch-active-text: #ffffff; --token-component-split-menu-button-launch-active-icon: #ffffff; --token-component-split-menu-button-launch-disabled-background: #e5e5ea; - --token-component-split-menu-button-launch-disabled-border: #ffffff; + --token-component-split-menu-button-launch-disabled-border: #e5e5ea; --token-component-split-menu-button-launch-disabled-text: #a3a3ab; --token-component-split-menu-button-launch-disabled-icon: #a3a3ab; --token-component-split-menu-button-launch-loading-background-left: #232326; --token-component-split-menu-button-launch-loading-background-right: #232326; - --token-component-split-menu-button-launch-loading-border: #ffffff; + --token-component-split-menu-button-launch-loading-border: #232326; --token-component-split-menu-button-launch-loading-icon: #ffffff; --token-component-appbar-background: #f7f7fa; --token-component-appbar-border: #d6d6dd; @@ -1598,6 +1598,7 @@ --token-component-stepper-horizontal-future-item-circle-background: #ffffff; --token-component-stepper-horizontal-future-item-circle-border: #d6d6dd; --token-component-stepper-horizontal-future-item-circle-text: #a3a3ab; + --token-component-stepper-horizontal-future-item-circle-icon: #a3a3ab; --token-component-stepper-horizontal-future-item-text: #a3a3ab; --token-component-stepper-vertical-background: #ffffff; --token-component-stepper-vertical-border: #d6d6dd; @@ -1621,6 +1622,7 @@ --token-component-stepper-vertical-disabled-item-circle-background: #ffffff; --token-component-stepper-vertical-disabled-item-circle-border: #d6d6dd; --token-component-stepper-vertical-disabled-item-circle-text: #a3a3ab; + --token-component-stepper-vertical-disabled-item-circle-icon: #a3a3ab; --token-component-stepper-vertical-disabled-item-text: #a3a3ab; --token-component-advanced-search-filter-icon-default-icon: #3d3d42; --token-component-advanced-search-filter-icon-hover-icon: #009cde; diff --git a/dist/themes/densedLight/tokens.d.ts b/dist/themes/densedLight/tokens.d.ts index 16adcd9..6d735fe 100644 --- a/dist/themes/densedLight/tokens.d.ts +++ b/dist/themes/densedLight/tokens.d.ts @@ -540,30 +540,30 @@ export const TokenComponentOverflowMenuButtonHoverIcon = "#009cde"; export const TokenComponentOverflowMenuButtonPressedIcon = "#0174bc"; export const TokenComponentOverflowMenuButtonDisabledIcon = "#a3a3ab"; export const TokenComponentSplitMenuButtonPrimaryDefaultBackground = "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryDefaultBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonPrimaryDefaultBorder = "#0174bc"; export const TokenComponentSplitMenuButtonPrimaryDefaultText = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryDefaultIcon = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundLeft = "#009cde"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundRight = "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryHoverLeftBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonPrimaryHoverLeftBorder = "#009cde"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftText = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftIcon = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundLeft = "#0174bc"; export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundRight = "#009cde"; -export const TokenComponentSplitMenuButtonPrimaryHoverRightBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonPrimaryHoverRightBorder = "#009cde"; export const TokenComponentSplitMenuButtonPrimaryHoverRightText = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryHoverRightIcon = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryActiveBackground = "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryActiveBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonPrimaryActiveBorder = "#0174bc"; export const TokenComponentSplitMenuButtonPrimaryActiveText = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryActiveIcon = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryDisabledBackground = "#e5e5ea"; -export const TokenComponentSplitMenuButtonPrimaryDisabledBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonPrimaryDisabledBorder = "#e5e5ea"; export const TokenComponentSplitMenuButtonPrimaryDisabledText = "#a3a3ab"; export const TokenComponentSplitMenuButtonPrimaryDisabledIcon = "#a3a3ab"; export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundLeft = "#0174bc"; export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundRight = "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryLoadingBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonPrimaryLoadingBorder = "#0174bc"; export const TokenComponentSplitMenuButtonPrimaryLoadingIcon = "#ffffff"; export const TokenComponentSplitMenuButtonSecondaryDefaultBackground = "#ffffff"; export const TokenComponentSplitMenuButtonSecondaryDefaultBorder = "#0174bc"; @@ -593,30 +593,30 @@ export const TokenComponentSplitMenuButtonSecondaryLoadingBackground = "#ffffff" export const TokenComponentSplitMenuButtonSecondaryLoadingBorder = "#0174bc"; export const TokenComponentSplitMenuButtonSecondaryLoadingIcon = "#0174bc"; export const TokenComponentSplitMenuButtonLaunchDefaultBackground = "#232326"; -export const TokenComponentSplitMenuButtonLaunchDefaultBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonLaunchDefaultBorder = "#232326"; export const TokenComponentSplitMenuButtonLaunchDefaultText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchDefaultIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverLeftBackgroundLeft = "#343438"; export const TokenComponentSplitMenuButtonLaunchHoverLeftBackgroundRight = "#232326"; -export const TokenComponentSplitMenuButtonLaunchHoverLeftBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonLaunchHoverLeftBorder = "#343438"; export const TokenComponentSplitMenuButtonLaunchHoverLeftText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverLeftIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverRightBackgroundLeft = "#232326"; export const TokenComponentSplitMenuButtonLaunchHoverRightBackgroundRight = "#343438"; -export const TokenComponentSplitMenuButtonLaunchHoverRightBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonLaunchHoverRightBorder = "#343438"; export const TokenComponentSplitMenuButtonLaunchHoverRightText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverRightIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchActiveBackground = "#232326"; -export const TokenComponentSplitMenuButtonLaunchActiveBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonLaunchActiveBorder = "#232326"; export const TokenComponentSplitMenuButtonLaunchActiveText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchActiveIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchDisabledBackground = "#e5e5ea"; -export const TokenComponentSplitMenuButtonLaunchDisabledBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonLaunchDisabledBorder = "#e5e5ea"; export const TokenComponentSplitMenuButtonLaunchDisabledText = "#a3a3ab"; export const TokenComponentSplitMenuButtonLaunchDisabledIcon = "#a3a3ab"; export const TokenComponentSplitMenuButtonLaunchLoadingBackgroundLeft = "#232326"; export const TokenComponentSplitMenuButtonLaunchLoadingBackgroundRight = "#232326"; -export const TokenComponentSplitMenuButtonLaunchLoadingBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonLaunchLoadingBorder = "#232326"; export const TokenComponentSplitMenuButtonLaunchLoadingIcon = "#ffffff"; export const TokenComponentAppbarBackground = "#f7f7fa"; export const TokenComponentAppbarBorder = "#d6d6dd"; @@ -1597,6 +1597,7 @@ export const TokenComponentStepperHorizontalCurrentItemTextHover = "#0174bc"; export const TokenComponentStepperHorizontalFutureItemCircleBackground = "#ffffff"; export const TokenComponentStepperHorizontalFutureItemCircleBorder = "#d6d6dd"; export const TokenComponentStepperHorizontalFutureItemCircleText = "#a3a3ab"; +export const TokenComponentStepperHorizontalFutureItemCircleIcon = "#a3a3ab"; export const TokenComponentStepperHorizontalFutureItemText = "#a3a3ab"; export const TokenComponentStepperVerticalBackground = "#ffffff"; export const TokenComponentStepperVerticalBorder = "#d6d6dd"; @@ -1620,6 +1621,7 @@ export const TokenComponentStepperVerticalFutureItemTextHover = "#0174bc"; export const TokenComponentStepperVerticalDisabledItemCircleBackground = "#ffffff"; export const TokenComponentStepperVerticalDisabledItemCircleBorder = "#d6d6dd"; export const TokenComponentStepperVerticalDisabledItemCircleText = "#a3a3ab"; +export const TokenComponentStepperVerticalDisabledItemCircleIcon = "#a3a3ab"; export const TokenComponentStepperVerticalDisabledItemText = "#a3a3ab"; export const TokenComponentAdvancedSearchFilterIconDefaultIcon = "#3d3d42"; export const TokenComponentAdvancedSearchFilterIconHoverIcon = "#009cde"; diff --git a/dist/themes/densedLight/tokens.js b/dist/themes/densedLight/tokens.js index 16adcd9..6d735fe 100644 --- a/dist/themes/densedLight/tokens.js +++ b/dist/themes/densedLight/tokens.js @@ -540,30 +540,30 @@ export const TokenComponentOverflowMenuButtonHoverIcon = "#009cde"; export const TokenComponentOverflowMenuButtonPressedIcon = "#0174bc"; export const TokenComponentOverflowMenuButtonDisabledIcon = "#a3a3ab"; export const TokenComponentSplitMenuButtonPrimaryDefaultBackground = "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryDefaultBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonPrimaryDefaultBorder = "#0174bc"; export const TokenComponentSplitMenuButtonPrimaryDefaultText = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryDefaultIcon = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundLeft = "#009cde"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundRight = "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryHoverLeftBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonPrimaryHoverLeftBorder = "#009cde"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftText = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftIcon = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundLeft = "#0174bc"; export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundRight = "#009cde"; -export const TokenComponentSplitMenuButtonPrimaryHoverRightBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonPrimaryHoverRightBorder = "#009cde"; export const TokenComponentSplitMenuButtonPrimaryHoverRightText = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryHoverRightIcon = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryActiveBackground = "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryActiveBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonPrimaryActiveBorder = "#0174bc"; export const TokenComponentSplitMenuButtonPrimaryActiveText = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryActiveIcon = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryDisabledBackground = "#e5e5ea"; -export const TokenComponentSplitMenuButtonPrimaryDisabledBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonPrimaryDisabledBorder = "#e5e5ea"; export const TokenComponentSplitMenuButtonPrimaryDisabledText = "#a3a3ab"; export const TokenComponentSplitMenuButtonPrimaryDisabledIcon = "#a3a3ab"; export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundLeft = "#0174bc"; export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundRight = "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryLoadingBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonPrimaryLoadingBorder = "#0174bc"; export const TokenComponentSplitMenuButtonPrimaryLoadingIcon = "#ffffff"; export const TokenComponentSplitMenuButtonSecondaryDefaultBackground = "#ffffff"; export const TokenComponentSplitMenuButtonSecondaryDefaultBorder = "#0174bc"; @@ -593,30 +593,30 @@ export const TokenComponentSplitMenuButtonSecondaryLoadingBackground = "#ffffff" export const TokenComponentSplitMenuButtonSecondaryLoadingBorder = "#0174bc"; export const TokenComponentSplitMenuButtonSecondaryLoadingIcon = "#0174bc"; export const TokenComponentSplitMenuButtonLaunchDefaultBackground = "#232326"; -export const TokenComponentSplitMenuButtonLaunchDefaultBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonLaunchDefaultBorder = "#232326"; export const TokenComponentSplitMenuButtonLaunchDefaultText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchDefaultIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverLeftBackgroundLeft = "#343438"; export const TokenComponentSplitMenuButtonLaunchHoverLeftBackgroundRight = "#232326"; -export const TokenComponentSplitMenuButtonLaunchHoverLeftBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonLaunchHoverLeftBorder = "#343438"; export const TokenComponentSplitMenuButtonLaunchHoverLeftText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverLeftIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverRightBackgroundLeft = "#232326"; export const TokenComponentSplitMenuButtonLaunchHoverRightBackgroundRight = "#343438"; -export const TokenComponentSplitMenuButtonLaunchHoverRightBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonLaunchHoverRightBorder = "#343438"; export const TokenComponentSplitMenuButtonLaunchHoverRightText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverRightIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchActiveBackground = "#232326"; -export const TokenComponentSplitMenuButtonLaunchActiveBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonLaunchActiveBorder = "#232326"; export const TokenComponentSplitMenuButtonLaunchActiveText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchActiveIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchDisabledBackground = "#e5e5ea"; -export const TokenComponentSplitMenuButtonLaunchDisabledBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonLaunchDisabledBorder = "#e5e5ea"; export const TokenComponentSplitMenuButtonLaunchDisabledText = "#a3a3ab"; export const TokenComponentSplitMenuButtonLaunchDisabledIcon = "#a3a3ab"; export const TokenComponentSplitMenuButtonLaunchLoadingBackgroundLeft = "#232326"; export const TokenComponentSplitMenuButtonLaunchLoadingBackgroundRight = "#232326"; -export const TokenComponentSplitMenuButtonLaunchLoadingBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonLaunchLoadingBorder = "#232326"; export const TokenComponentSplitMenuButtonLaunchLoadingIcon = "#ffffff"; export const TokenComponentAppbarBackground = "#f7f7fa"; export const TokenComponentAppbarBorder = "#d6d6dd"; @@ -1597,6 +1597,7 @@ export const TokenComponentStepperHorizontalCurrentItemTextHover = "#0174bc"; export const TokenComponentStepperHorizontalFutureItemCircleBackground = "#ffffff"; export const TokenComponentStepperHorizontalFutureItemCircleBorder = "#d6d6dd"; export const TokenComponentStepperHorizontalFutureItemCircleText = "#a3a3ab"; +export const TokenComponentStepperHorizontalFutureItemCircleIcon = "#a3a3ab"; export const TokenComponentStepperHorizontalFutureItemText = "#a3a3ab"; export const TokenComponentStepperVerticalBackground = "#ffffff"; export const TokenComponentStepperVerticalBorder = "#d6d6dd"; @@ -1620,6 +1621,7 @@ export const TokenComponentStepperVerticalFutureItemTextHover = "#0174bc"; export const TokenComponentStepperVerticalDisabledItemCircleBackground = "#ffffff"; export const TokenComponentStepperVerticalDisabledItemCircleBorder = "#d6d6dd"; export const TokenComponentStepperVerticalDisabledItemCircleText = "#a3a3ab"; +export const TokenComponentStepperVerticalDisabledItemCircleIcon = "#a3a3ab"; export const TokenComponentStepperVerticalDisabledItemText = "#a3a3ab"; export const TokenComponentAdvancedSearchFilterIconDefaultIcon = "#3d3d42"; export const TokenComponentAdvancedSearchFilterIconHoverIcon = "#009cde"; diff --git a/dist/themes/densedLight/tokens.scss b/dist/themes/densedLight/tokens.scss index b3920fa..8c925fa 100644 --- a/dist/themes/densedLight/tokens.scss +++ b/dist/themes/densedLight/tokens.scss @@ -539,30 +539,30 @@ $token-component-overflow-menu-button-hover-icon: #009cde; $token-component-overflow-menu-button-pressed-icon: #0174bc; $token-component-overflow-menu-button-disabled-icon: #a3a3ab; $token-component-split-menu-button-primary-default-background: #0174bc; -$token-component-split-menu-button-primary-default-border: #ffffff; +$token-component-split-menu-button-primary-default-border: #0174bc; $token-component-split-menu-button-primary-default-text: #ffffff; $token-component-split-menu-button-primary-default-icon: #ffffff; $token-component-split-menu-button-primary-hover-left-background-left: #009cde; $token-component-split-menu-button-primary-hover-left-background-right: #0174bc; -$token-component-split-menu-button-primary-hover-left-border: #ffffff; +$token-component-split-menu-button-primary-hover-left-border: #009cde; $token-component-split-menu-button-primary-hover-left-text: #ffffff; $token-component-split-menu-button-primary-hover-left-icon: #ffffff; $token-component-split-menu-button-primary-hover-right-background-left: #0174bc; $token-component-split-menu-button-primary-hover-right-background-right: #009cde; -$token-component-split-menu-button-primary-hover-right-border: #ffffff; +$token-component-split-menu-button-primary-hover-right-border: #009cde; $token-component-split-menu-button-primary-hover-right-text: #ffffff; $token-component-split-menu-button-primary-hover-right-icon: #ffffff; $token-component-split-menu-button-primary-active-background: #0174bc; -$token-component-split-menu-button-primary-active-border: #ffffff; +$token-component-split-menu-button-primary-active-border: #0174bc; $token-component-split-menu-button-primary-active-text: #ffffff; $token-component-split-menu-button-primary-active-icon: #ffffff; $token-component-split-menu-button-primary-disabled-background: #e5e5ea; -$token-component-split-menu-button-primary-disabled-border: #ffffff; +$token-component-split-menu-button-primary-disabled-border: #e5e5ea; $token-component-split-menu-button-primary-disabled-text: #a3a3ab; $token-component-split-menu-button-primary-disabled-icon: #a3a3ab; $token-component-split-menu-button-primary-loading-background-left: #0174bc; $token-component-split-menu-button-primary-loading-background-right: #0174bc; -$token-component-split-menu-button-primary-loading-border: #ffffff; +$token-component-split-menu-button-primary-loading-border: #0174bc; $token-component-split-menu-button-primary-loading-icon: #ffffff; $token-component-split-menu-button-secondary-default-background: #ffffff; $token-component-split-menu-button-secondary-default-border: #0174bc; @@ -592,30 +592,30 @@ $token-component-split-menu-button-secondary-loading-background: #ffffff; $token-component-split-menu-button-secondary-loading-border: #0174bc; $token-component-split-menu-button-secondary-loading-icon: #0174bc; $token-component-split-menu-button-launch-default-background: #232326; -$token-component-split-menu-button-launch-default-border: #ffffff; +$token-component-split-menu-button-launch-default-border: #232326; $token-component-split-menu-button-launch-default-text: #ffffff; $token-component-split-menu-button-launch-default-icon: #ffffff; $token-component-split-menu-button-launch-hover-left-background-left: #343438; $token-component-split-menu-button-launch-hover-left-background-right: #232326; -$token-component-split-menu-button-launch-hover-left-border: #ffffff; +$token-component-split-menu-button-launch-hover-left-border: #343438; $token-component-split-menu-button-launch-hover-left-text: #ffffff; $token-component-split-menu-button-launch-hover-left-icon: #ffffff; $token-component-split-menu-button-launch-hover-right-background-left: #232326; $token-component-split-menu-button-launch-hover-right-background-right: #343438; -$token-component-split-menu-button-launch-hover-right-border: #ffffff; +$token-component-split-menu-button-launch-hover-right-border: #343438; $token-component-split-menu-button-launch-hover-right-text: #ffffff; $token-component-split-menu-button-launch-hover-right-icon: #ffffff; $token-component-split-menu-button-launch-active-background: #232326; -$token-component-split-menu-button-launch-active-border: #ffffff; +$token-component-split-menu-button-launch-active-border: #232326; $token-component-split-menu-button-launch-active-text: #ffffff; $token-component-split-menu-button-launch-active-icon: #ffffff; $token-component-split-menu-button-launch-disabled-background: #e5e5ea; -$token-component-split-menu-button-launch-disabled-border: #ffffff; +$token-component-split-menu-button-launch-disabled-border: #e5e5ea; $token-component-split-menu-button-launch-disabled-text: #a3a3ab; $token-component-split-menu-button-launch-disabled-icon: #a3a3ab; $token-component-split-menu-button-launch-loading-background-left: #232326; $token-component-split-menu-button-launch-loading-background-right: #232326; -$token-component-split-menu-button-launch-loading-border: #ffffff; +$token-component-split-menu-button-launch-loading-border: #232326; $token-component-split-menu-button-launch-loading-icon: #ffffff; $token-component-appbar-background: #f7f7fa; $token-component-appbar-border: #d6d6dd; @@ -1596,6 +1596,7 @@ $token-component-stepper-horizontal-current-item-text-hover: #0174bc; $token-component-stepper-horizontal-future-item-circle-background: #ffffff; $token-component-stepper-horizontal-future-item-circle-border: #d6d6dd; $token-component-stepper-horizontal-future-item-circle-text: #a3a3ab; +$token-component-stepper-horizontal-future-item-circle-icon: #a3a3ab; $token-component-stepper-horizontal-future-item-text: #a3a3ab; $token-component-stepper-vertical-background: #ffffff; $token-component-stepper-vertical-border: #d6d6dd; @@ -1619,6 +1620,7 @@ $token-component-stepper-vertical-future-item-text-hover: #0174bc; $token-component-stepper-vertical-disabled-item-circle-background: #ffffff; $token-component-stepper-vertical-disabled-item-circle-border: #d6d6dd; $token-component-stepper-vertical-disabled-item-circle-text: #a3a3ab; +$token-component-stepper-vertical-disabled-item-circle-icon: #a3a3ab; $token-component-stepper-vertical-disabled-item-text: #a3a3ab; $token-component-advanced-search-filter-icon-default-icon: #3d3d42; $token-component-advanced-search-filter-icon-hover-icon: #009cde; diff --git a/dist/tokens.css b/dist/tokens.css index 85051bc..8f737a7 100644 --- a/dist/tokens.css +++ b/dist/tokens.css @@ -541,30 +541,30 @@ --token-component-overflow-menu-button-pressed-icon: #0174bc; --token-component-overflow-menu-button-disabled-icon: #a3a3ab; --token-component-split-menu-button-primary-default-background: #0174bc; - --token-component-split-menu-button-primary-default-border: #ffffff; + --token-component-split-menu-button-primary-default-border: #0174bc; --token-component-split-menu-button-primary-default-text: #ffffff; --token-component-split-menu-button-primary-default-icon: #ffffff; --token-component-split-menu-button-primary-hover-left-background-left: #009cde; --token-component-split-menu-button-primary-hover-left-background-right: #0174bc; - --token-component-split-menu-button-primary-hover-left-border: #ffffff; + --token-component-split-menu-button-primary-hover-left-border: #009cde; --token-component-split-menu-button-primary-hover-left-text: #ffffff; --token-component-split-menu-button-primary-hover-left-icon: #ffffff; --token-component-split-menu-button-primary-hover-right-background-left: #0174bc; --token-component-split-menu-button-primary-hover-right-background-right: #009cde; - --token-component-split-menu-button-primary-hover-right-border: #ffffff; + --token-component-split-menu-button-primary-hover-right-border: #009cde; --token-component-split-menu-button-primary-hover-right-text: #ffffff; --token-component-split-menu-button-primary-hover-right-icon: #ffffff; --token-component-split-menu-button-primary-active-background: #0174bc; - --token-component-split-menu-button-primary-active-border: #ffffff; + --token-component-split-menu-button-primary-active-border: #0174bc; --token-component-split-menu-button-primary-active-text: #ffffff; --token-component-split-menu-button-primary-active-icon: #ffffff; --token-component-split-menu-button-primary-disabled-background: #e5e5ea; - --token-component-split-menu-button-primary-disabled-border: #ffffff; + --token-component-split-menu-button-primary-disabled-border: #e5e5ea; --token-component-split-menu-button-primary-disabled-text: #a3a3ab; --token-component-split-menu-button-primary-disabled-icon: #a3a3ab; --token-component-split-menu-button-primary-loading-background-left: #0174bc; --token-component-split-menu-button-primary-loading-background-right: #0174bc; - --token-component-split-menu-button-primary-loading-border: #ffffff; + --token-component-split-menu-button-primary-loading-border: #0174bc; --token-component-split-menu-button-primary-loading-icon: #ffffff; --token-component-split-menu-button-secondary-default-background: #ffffff; --token-component-split-menu-button-secondary-default-border: #0174bc; @@ -594,30 +594,30 @@ --token-component-split-menu-button-secondary-loading-border: #0174bc; --token-component-split-menu-button-secondary-loading-icon: #0174bc; --token-component-split-menu-button-launch-default-background: #232326; - --token-component-split-menu-button-launch-default-border: #ffffff; + --token-component-split-menu-button-launch-default-border: #232326; --token-component-split-menu-button-launch-default-text: #ffffff; --token-component-split-menu-button-launch-default-icon: #ffffff; --token-component-split-menu-button-launch-hover-left-background-left: #343438; --token-component-split-menu-button-launch-hover-left-background-right: #232326; - --token-component-split-menu-button-launch-hover-left-border: #ffffff; + --token-component-split-menu-button-launch-hover-left-border: #343438; --token-component-split-menu-button-launch-hover-left-text: #ffffff; --token-component-split-menu-button-launch-hover-left-icon: #ffffff; --token-component-split-menu-button-launch-hover-right-background-left: #232326; --token-component-split-menu-button-launch-hover-right-background-right: #343438; - --token-component-split-menu-button-launch-hover-right-border: #ffffff; + --token-component-split-menu-button-launch-hover-right-border: #343438; --token-component-split-menu-button-launch-hover-right-text: #ffffff; --token-component-split-menu-button-launch-hover-right-icon: #ffffff; --token-component-split-menu-button-launch-active-background: #232326; - --token-component-split-menu-button-launch-active-border: #ffffff; + --token-component-split-menu-button-launch-active-border: #232326; --token-component-split-menu-button-launch-active-text: #ffffff; --token-component-split-menu-button-launch-active-icon: #ffffff; --token-component-split-menu-button-launch-disabled-background: #e5e5ea; - --token-component-split-menu-button-launch-disabled-border: #ffffff; + --token-component-split-menu-button-launch-disabled-border: #e5e5ea; --token-component-split-menu-button-launch-disabled-text: #a3a3ab; --token-component-split-menu-button-launch-disabled-icon: #a3a3ab; --token-component-split-menu-button-launch-loading-background-left: #232326; --token-component-split-menu-button-launch-loading-background-right: #232326; - --token-component-split-menu-button-launch-loading-border: #ffffff; + --token-component-split-menu-button-launch-loading-border: #232326; --token-component-split-menu-button-launch-loading-icon: #ffffff; --token-component-appbar-background: #f7f7fa; --token-component-appbar-border: #d6d6dd; @@ -1598,6 +1598,7 @@ --token-component-stepper-horizontal-future-item-circle-background: #ffffff; --token-component-stepper-horizontal-future-item-circle-border: #d6d6dd; --token-component-stepper-horizontal-future-item-circle-text: #a3a3ab; + --token-component-stepper-horizontal-future-item-circle-icon: #a3a3ab; --token-component-stepper-horizontal-future-item-text: #a3a3ab; --token-component-stepper-vertical-background: #ffffff; --token-component-stepper-vertical-border: #d6d6dd; @@ -1621,6 +1622,7 @@ --token-component-stepper-vertical-disabled-item-circle-background: #ffffff; --token-component-stepper-vertical-disabled-item-circle-border: #d6d6dd; --token-component-stepper-vertical-disabled-item-circle-text: #a3a3ab; + --token-component-stepper-vertical-disabled-item-circle-icon: #a3a3ab; --token-component-stepper-vertical-disabled-item-text: #a3a3ab; --token-component-advanced-search-filter-icon-default-icon: #3d3d42; --token-component-advanced-search-filter-icon-hover-icon: #009cde; diff --git a/dist/tokens.d.ts b/dist/tokens.d.ts index 16adcd9..6d735fe 100644 --- a/dist/tokens.d.ts +++ b/dist/tokens.d.ts @@ -540,30 +540,30 @@ export const TokenComponentOverflowMenuButtonHoverIcon = "#009cde"; export const TokenComponentOverflowMenuButtonPressedIcon = "#0174bc"; export const TokenComponentOverflowMenuButtonDisabledIcon = "#a3a3ab"; export const TokenComponentSplitMenuButtonPrimaryDefaultBackground = "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryDefaultBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonPrimaryDefaultBorder = "#0174bc"; export const TokenComponentSplitMenuButtonPrimaryDefaultText = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryDefaultIcon = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundLeft = "#009cde"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundRight = "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryHoverLeftBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonPrimaryHoverLeftBorder = "#009cde"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftText = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftIcon = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundLeft = "#0174bc"; export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundRight = "#009cde"; -export const TokenComponentSplitMenuButtonPrimaryHoverRightBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonPrimaryHoverRightBorder = "#009cde"; export const TokenComponentSplitMenuButtonPrimaryHoverRightText = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryHoverRightIcon = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryActiveBackground = "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryActiveBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonPrimaryActiveBorder = "#0174bc"; export const TokenComponentSplitMenuButtonPrimaryActiveText = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryActiveIcon = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryDisabledBackground = "#e5e5ea"; -export const TokenComponentSplitMenuButtonPrimaryDisabledBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonPrimaryDisabledBorder = "#e5e5ea"; export const TokenComponentSplitMenuButtonPrimaryDisabledText = "#a3a3ab"; export const TokenComponentSplitMenuButtonPrimaryDisabledIcon = "#a3a3ab"; export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundLeft = "#0174bc"; export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundRight = "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryLoadingBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonPrimaryLoadingBorder = "#0174bc"; export const TokenComponentSplitMenuButtonPrimaryLoadingIcon = "#ffffff"; export const TokenComponentSplitMenuButtonSecondaryDefaultBackground = "#ffffff"; export const TokenComponentSplitMenuButtonSecondaryDefaultBorder = "#0174bc"; @@ -593,30 +593,30 @@ export const TokenComponentSplitMenuButtonSecondaryLoadingBackground = "#ffffff" export const TokenComponentSplitMenuButtonSecondaryLoadingBorder = "#0174bc"; export const TokenComponentSplitMenuButtonSecondaryLoadingIcon = "#0174bc"; export const TokenComponentSplitMenuButtonLaunchDefaultBackground = "#232326"; -export const TokenComponentSplitMenuButtonLaunchDefaultBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonLaunchDefaultBorder = "#232326"; export const TokenComponentSplitMenuButtonLaunchDefaultText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchDefaultIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverLeftBackgroundLeft = "#343438"; export const TokenComponentSplitMenuButtonLaunchHoverLeftBackgroundRight = "#232326"; -export const TokenComponentSplitMenuButtonLaunchHoverLeftBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonLaunchHoverLeftBorder = "#343438"; export const TokenComponentSplitMenuButtonLaunchHoverLeftText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverLeftIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverRightBackgroundLeft = "#232326"; export const TokenComponentSplitMenuButtonLaunchHoverRightBackgroundRight = "#343438"; -export const TokenComponentSplitMenuButtonLaunchHoverRightBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonLaunchHoverRightBorder = "#343438"; export const TokenComponentSplitMenuButtonLaunchHoverRightText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverRightIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchActiveBackground = "#232326"; -export const TokenComponentSplitMenuButtonLaunchActiveBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonLaunchActiveBorder = "#232326"; export const TokenComponentSplitMenuButtonLaunchActiveText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchActiveIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchDisabledBackground = "#e5e5ea"; -export const TokenComponentSplitMenuButtonLaunchDisabledBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonLaunchDisabledBorder = "#e5e5ea"; export const TokenComponentSplitMenuButtonLaunchDisabledText = "#a3a3ab"; export const TokenComponentSplitMenuButtonLaunchDisabledIcon = "#a3a3ab"; export const TokenComponentSplitMenuButtonLaunchLoadingBackgroundLeft = "#232326"; export const TokenComponentSplitMenuButtonLaunchLoadingBackgroundRight = "#232326"; -export const TokenComponentSplitMenuButtonLaunchLoadingBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonLaunchLoadingBorder = "#232326"; export const TokenComponentSplitMenuButtonLaunchLoadingIcon = "#ffffff"; export const TokenComponentAppbarBackground = "#f7f7fa"; export const TokenComponentAppbarBorder = "#d6d6dd"; @@ -1597,6 +1597,7 @@ export const TokenComponentStepperHorizontalCurrentItemTextHover = "#0174bc"; export const TokenComponentStepperHorizontalFutureItemCircleBackground = "#ffffff"; export const TokenComponentStepperHorizontalFutureItemCircleBorder = "#d6d6dd"; export const TokenComponentStepperHorizontalFutureItemCircleText = "#a3a3ab"; +export const TokenComponentStepperHorizontalFutureItemCircleIcon = "#a3a3ab"; export const TokenComponentStepperHorizontalFutureItemText = "#a3a3ab"; export const TokenComponentStepperVerticalBackground = "#ffffff"; export const TokenComponentStepperVerticalBorder = "#d6d6dd"; @@ -1620,6 +1621,7 @@ export const TokenComponentStepperVerticalFutureItemTextHover = "#0174bc"; export const TokenComponentStepperVerticalDisabledItemCircleBackground = "#ffffff"; export const TokenComponentStepperVerticalDisabledItemCircleBorder = "#d6d6dd"; export const TokenComponentStepperVerticalDisabledItemCircleText = "#a3a3ab"; +export const TokenComponentStepperVerticalDisabledItemCircleIcon = "#a3a3ab"; export const TokenComponentStepperVerticalDisabledItemText = "#a3a3ab"; export const TokenComponentAdvancedSearchFilterIconDefaultIcon = "#3d3d42"; export const TokenComponentAdvancedSearchFilterIconHoverIcon = "#009cde"; diff --git a/dist/tokens.js b/dist/tokens.js index 16adcd9..6d735fe 100644 --- a/dist/tokens.js +++ b/dist/tokens.js @@ -540,30 +540,30 @@ export const TokenComponentOverflowMenuButtonHoverIcon = "#009cde"; export const TokenComponentOverflowMenuButtonPressedIcon = "#0174bc"; export const TokenComponentOverflowMenuButtonDisabledIcon = "#a3a3ab"; export const TokenComponentSplitMenuButtonPrimaryDefaultBackground = "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryDefaultBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonPrimaryDefaultBorder = "#0174bc"; export const TokenComponentSplitMenuButtonPrimaryDefaultText = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryDefaultIcon = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundLeft = "#009cde"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftBackgroundRight = "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryHoverLeftBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonPrimaryHoverLeftBorder = "#009cde"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftText = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryHoverLeftIcon = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundLeft = "#0174bc"; export const TokenComponentSplitMenuButtonPrimaryHoverRightBackgroundRight = "#009cde"; -export const TokenComponentSplitMenuButtonPrimaryHoverRightBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonPrimaryHoverRightBorder = "#009cde"; export const TokenComponentSplitMenuButtonPrimaryHoverRightText = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryHoverRightIcon = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryActiveBackground = "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryActiveBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonPrimaryActiveBorder = "#0174bc"; export const TokenComponentSplitMenuButtonPrimaryActiveText = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryActiveIcon = "#ffffff"; export const TokenComponentSplitMenuButtonPrimaryDisabledBackground = "#e5e5ea"; -export const TokenComponentSplitMenuButtonPrimaryDisabledBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonPrimaryDisabledBorder = "#e5e5ea"; export const TokenComponentSplitMenuButtonPrimaryDisabledText = "#a3a3ab"; export const TokenComponentSplitMenuButtonPrimaryDisabledIcon = "#a3a3ab"; export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundLeft = "#0174bc"; export const TokenComponentSplitMenuButtonPrimaryLoadingBackgroundRight = "#0174bc"; -export const TokenComponentSplitMenuButtonPrimaryLoadingBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonPrimaryLoadingBorder = "#0174bc"; export const TokenComponentSplitMenuButtonPrimaryLoadingIcon = "#ffffff"; export const TokenComponentSplitMenuButtonSecondaryDefaultBackground = "#ffffff"; export const TokenComponentSplitMenuButtonSecondaryDefaultBorder = "#0174bc"; @@ -593,30 +593,30 @@ export const TokenComponentSplitMenuButtonSecondaryLoadingBackground = "#ffffff" export const TokenComponentSplitMenuButtonSecondaryLoadingBorder = "#0174bc"; export const TokenComponentSplitMenuButtonSecondaryLoadingIcon = "#0174bc"; export const TokenComponentSplitMenuButtonLaunchDefaultBackground = "#232326"; -export const TokenComponentSplitMenuButtonLaunchDefaultBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonLaunchDefaultBorder = "#232326"; export const TokenComponentSplitMenuButtonLaunchDefaultText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchDefaultIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverLeftBackgroundLeft = "#343438"; export const TokenComponentSplitMenuButtonLaunchHoverLeftBackgroundRight = "#232326"; -export const TokenComponentSplitMenuButtonLaunchHoverLeftBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonLaunchHoverLeftBorder = "#343438"; export const TokenComponentSplitMenuButtonLaunchHoverLeftText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverLeftIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverRightBackgroundLeft = "#232326"; export const TokenComponentSplitMenuButtonLaunchHoverRightBackgroundRight = "#343438"; -export const TokenComponentSplitMenuButtonLaunchHoverRightBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonLaunchHoverRightBorder = "#343438"; export const TokenComponentSplitMenuButtonLaunchHoverRightText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchHoverRightIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchActiveBackground = "#232326"; -export const TokenComponentSplitMenuButtonLaunchActiveBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonLaunchActiveBorder = "#232326"; export const TokenComponentSplitMenuButtonLaunchActiveText = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchActiveIcon = "#ffffff"; export const TokenComponentSplitMenuButtonLaunchDisabledBackground = "#e5e5ea"; -export const TokenComponentSplitMenuButtonLaunchDisabledBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonLaunchDisabledBorder = "#e5e5ea"; export const TokenComponentSplitMenuButtonLaunchDisabledText = "#a3a3ab"; export const TokenComponentSplitMenuButtonLaunchDisabledIcon = "#a3a3ab"; export const TokenComponentSplitMenuButtonLaunchLoadingBackgroundLeft = "#232326"; export const TokenComponentSplitMenuButtonLaunchLoadingBackgroundRight = "#232326"; -export const TokenComponentSplitMenuButtonLaunchLoadingBorder = "#ffffff"; +export const TokenComponentSplitMenuButtonLaunchLoadingBorder = "#232326"; export const TokenComponentSplitMenuButtonLaunchLoadingIcon = "#ffffff"; export const TokenComponentAppbarBackground = "#f7f7fa"; export const TokenComponentAppbarBorder = "#d6d6dd"; @@ -1597,6 +1597,7 @@ export const TokenComponentStepperHorizontalCurrentItemTextHover = "#0174bc"; export const TokenComponentStepperHorizontalFutureItemCircleBackground = "#ffffff"; export const TokenComponentStepperHorizontalFutureItemCircleBorder = "#d6d6dd"; export const TokenComponentStepperHorizontalFutureItemCircleText = "#a3a3ab"; +export const TokenComponentStepperHorizontalFutureItemCircleIcon = "#a3a3ab"; export const TokenComponentStepperHorizontalFutureItemText = "#a3a3ab"; export const TokenComponentStepperVerticalBackground = "#ffffff"; export const TokenComponentStepperVerticalBorder = "#d6d6dd"; @@ -1620,6 +1621,7 @@ export const TokenComponentStepperVerticalFutureItemTextHover = "#0174bc"; export const TokenComponentStepperVerticalDisabledItemCircleBackground = "#ffffff"; export const TokenComponentStepperVerticalDisabledItemCircleBorder = "#d6d6dd"; export const TokenComponentStepperVerticalDisabledItemCircleText = "#a3a3ab"; +export const TokenComponentStepperVerticalDisabledItemCircleIcon = "#a3a3ab"; export const TokenComponentStepperVerticalDisabledItemText = "#a3a3ab"; export const TokenComponentAdvancedSearchFilterIconDefaultIcon = "#3d3d42"; export const TokenComponentAdvancedSearchFilterIconHoverIcon = "#009cde"; diff --git a/dist/tokens.scss b/dist/tokens.scss index b3920fa..8c925fa 100644 --- a/dist/tokens.scss +++ b/dist/tokens.scss @@ -539,30 +539,30 @@ $token-component-overflow-menu-button-hover-icon: #009cde; $token-component-overflow-menu-button-pressed-icon: #0174bc; $token-component-overflow-menu-button-disabled-icon: #a3a3ab; $token-component-split-menu-button-primary-default-background: #0174bc; -$token-component-split-menu-button-primary-default-border: #ffffff; +$token-component-split-menu-button-primary-default-border: #0174bc; $token-component-split-menu-button-primary-default-text: #ffffff; $token-component-split-menu-button-primary-default-icon: #ffffff; $token-component-split-menu-button-primary-hover-left-background-left: #009cde; $token-component-split-menu-button-primary-hover-left-background-right: #0174bc; -$token-component-split-menu-button-primary-hover-left-border: #ffffff; +$token-component-split-menu-button-primary-hover-left-border: #009cde; $token-component-split-menu-button-primary-hover-left-text: #ffffff; $token-component-split-menu-button-primary-hover-left-icon: #ffffff; $token-component-split-menu-button-primary-hover-right-background-left: #0174bc; $token-component-split-menu-button-primary-hover-right-background-right: #009cde; -$token-component-split-menu-button-primary-hover-right-border: #ffffff; +$token-component-split-menu-button-primary-hover-right-border: #009cde; $token-component-split-menu-button-primary-hover-right-text: #ffffff; $token-component-split-menu-button-primary-hover-right-icon: #ffffff; $token-component-split-menu-button-primary-active-background: #0174bc; -$token-component-split-menu-button-primary-active-border: #ffffff; +$token-component-split-menu-button-primary-active-border: #0174bc; $token-component-split-menu-button-primary-active-text: #ffffff; $token-component-split-menu-button-primary-active-icon: #ffffff; $token-component-split-menu-button-primary-disabled-background: #e5e5ea; -$token-component-split-menu-button-primary-disabled-border: #ffffff; +$token-component-split-menu-button-primary-disabled-border: #e5e5ea; $token-component-split-menu-button-primary-disabled-text: #a3a3ab; $token-component-split-menu-button-primary-disabled-icon: #a3a3ab; $token-component-split-menu-button-primary-loading-background-left: #0174bc; $token-component-split-menu-button-primary-loading-background-right: #0174bc; -$token-component-split-menu-button-primary-loading-border: #ffffff; +$token-component-split-menu-button-primary-loading-border: #0174bc; $token-component-split-menu-button-primary-loading-icon: #ffffff; $token-component-split-menu-button-secondary-default-background: #ffffff; $token-component-split-menu-button-secondary-default-border: #0174bc; @@ -592,30 +592,30 @@ $token-component-split-menu-button-secondary-loading-background: #ffffff; $token-component-split-menu-button-secondary-loading-border: #0174bc; $token-component-split-menu-button-secondary-loading-icon: #0174bc; $token-component-split-menu-button-launch-default-background: #232326; -$token-component-split-menu-button-launch-default-border: #ffffff; +$token-component-split-menu-button-launch-default-border: #232326; $token-component-split-menu-button-launch-default-text: #ffffff; $token-component-split-menu-button-launch-default-icon: #ffffff; $token-component-split-menu-button-launch-hover-left-background-left: #343438; $token-component-split-menu-button-launch-hover-left-background-right: #232326; -$token-component-split-menu-button-launch-hover-left-border: #ffffff; +$token-component-split-menu-button-launch-hover-left-border: #343438; $token-component-split-menu-button-launch-hover-left-text: #ffffff; $token-component-split-menu-button-launch-hover-left-icon: #ffffff; $token-component-split-menu-button-launch-hover-right-background-left: #232326; $token-component-split-menu-button-launch-hover-right-background-right: #343438; -$token-component-split-menu-button-launch-hover-right-border: #ffffff; +$token-component-split-menu-button-launch-hover-right-border: #343438; $token-component-split-menu-button-launch-hover-right-text: #ffffff; $token-component-split-menu-button-launch-hover-right-icon: #ffffff; $token-component-split-menu-button-launch-active-background: #232326; -$token-component-split-menu-button-launch-active-border: #ffffff; +$token-component-split-menu-button-launch-active-border: #232326; $token-component-split-menu-button-launch-active-text: #ffffff; $token-component-split-menu-button-launch-active-icon: #ffffff; $token-component-split-menu-button-launch-disabled-background: #e5e5ea; -$token-component-split-menu-button-launch-disabled-border: #ffffff; +$token-component-split-menu-button-launch-disabled-border: #e5e5ea; $token-component-split-menu-button-launch-disabled-text: #a3a3ab; $token-component-split-menu-button-launch-disabled-icon: #a3a3ab; $token-component-split-menu-button-launch-loading-background-left: #232326; $token-component-split-menu-button-launch-loading-background-right: #232326; -$token-component-split-menu-button-launch-loading-border: #ffffff; +$token-component-split-menu-button-launch-loading-border: #232326; $token-component-split-menu-button-launch-loading-icon: #ffffff; $token-component-appbar-background: #f7f7fa; $token-component-appbar-border: #d6d6dd; @@ -1596,6 +1596,7 @@ $token-component-stepper-horizontal-current-item-text-hover: #0174bc; $token-component-stepper-horizontal-future-item-circle-background: #ffffff; $token-component-stepper-horizontal-future-item-circle-border: #d6d6dd; $token-component-stepper-horizontal-future-item-circle-text: #a3a3ab; +$token-component-stepper-horizontal-future-item-circle-icon: #a3a3ab; $token-component-stepper-horizontal-future-item-text: #a3a3ab; $token-component-stepper-vertical-background: #ffffff; $token-component-stepper-vertical-border: #d6d6dd; @@ -1619,6 +1620,7 @@ $token-component-stepper-vertical-future-item-text-hover: #0174bc; $token-component-stepper-vertical-disabled-item-circle-background: #ffffff; $token-component-stepper-vertical-disabled-item-circle-border: #d6d6dd; $token-component-stepper-vertical-disabled-item-circle-text: #a3a3ab; +$token-component-stepper-vertical-disabled-item-circle-icon: #a3a3ab; $token-component-stepper-vertical-disabled-item-text: #a3a3ab; $token-component-advanced-search-filter-icon-default-icon: #3d3d42; $token-component-advanced-search-filter-icon-hover-icon: #009cde; diff --git a/tokens/components/button/splitMenuButton.json b/tokens/components/button/splitMenuButton.json index 203853f..c9f2c94 100644 --- a/tokens/components/button/splitMenuButton.json +++ b/tokens/components/button/splitMenuButton.json @@ -8,7 +8,7 @@ "type": "color" }, "border": { - "value": "{alias.action.base}", + "value": "{alias.action.primary.default}", "type": "color" }, "text": { @@ -30,7 +30,7 @@ "type": "color" }, "border": { - "value": "{alias.action.base}", + "value": "{alias.action.primary.hover}", "type": "color" }, "text": { @@ -52,7 +52,7 @@ "type": "color" }, "border": { - "value": "{alias.action.base}", + "value": "{alias.action.primary.hover}", "type": "color" }, "text": { @@ -70,7 +70,7 @@ "type": "color" }, "border": { - "value": "{alias.action.base}", + "value": "{alias.action.primary.active}", "type": "color" }, "text": { @@ -88,7 +88,7 @@ "type": "color" }, "border": { - "value": "{alias.action.base}", + "value": "{alias.action.primary.disabled}", "type": "color" }, "text": { @@ -110,7 +110,7 @@ "type": "color" }, "border": { - "value": "{alias.action.base}", + "value": "{alias.action.primary.active}", "type": "color" }, "icon": { @@ -248,7 +248,7 @@ "type": "color" }, "border": { - "value": "{alias.action.base}", + "value": "{global.color.neutrals.black}", "type": "color" }, "text": { @@ -270,7 +270,7 @@ "type": "color" }, "border": { - "value": "{alias.action.base}", + "value": "{global.color.neutrals.100}", "type": "color" }, "text": { @@ -292,7 +292,7 @@ "type": "color" }, "border": { - "value": "{alias.action.base}", + "value": "{global.color.neutrals.100}", "type": "color" }, "text": { @@ -310,7 +310,7 @@ "type": "color" }, "border": { - "value": "{alias.action.base}", + "value": "{global.color.neutrals.black}", "type": "color" }, "text": { @@ -328,7 +328,7 @@ "type": "color" }, "border": { - "value": "{alias.action.base}", + "value": "{global.color.neutrals.20}", "type": "color" }, "text": { @@ -350,7 +350,7 @@ "type": "color" }, "border": { - "value": "{alias.action.base}", + "value": "{global.color.neutrals.black}", "type": "color" }, "icon": { diff --git a/tokens/components/stepper/stepper.json b/tokens/components/stepper/stepper.json index 2e75c03..06a8af9 100644 --- a/tokens/components/stepper/stepper.json +++ b/tokens/components/stepper/stepper.json @@ -89,6 +89,10 @@ "text": { "value": "{alias.content.text.link.disabled}", "type": "color" + }, + "icon": { + "value": "{alias.content.icon.primary.disabled}", + "type": "color" } }, "text": { @@ -205,6 +209,10 @@ "text": { "value": "{alias.content.text.link.disabled}", "type": "color" + }, + "icon": { + "value": "{alias.content.icon.primary.disabled}", + "type": "color" } }, "text": {