diff --git a/polaris-react/src/components/Button/Button.scss b/polaris-react/src/components/Button/Button.scss index bab5b7b29b6..54b05607532 100644 --- a/polaris-react/src/components/Button/Button.scss +++ b/polaris-react/src/components/Button/Button.scss @@ -1080,7 +1080,7 @@ fill: var(--p-color-bg-critical-strong-hover); #{$se23} & { - fill: var(--p-color-icon-critical-strong-experimental); + fill: var(--p-color-icon-critical-hover-experimental); } } @@ -1093,7 +1093,7 @@ fill: var(--p-color-bg-critical-strong-active); #{$se23} & { - fill: var(--p-color-icon-critical-strong-experimental); + fill: var(--p-color-icon-critical-active-experimental); } } diff --git a/polaris-tokens/src/token-groups/color.ts b/polaris-tokens/src/token-groups/color.ts index a5d0ba31250..95df2581cf8 100644 --- a/polaris-tokens/src/token-groups/color.ts +++ b/polaris-tokens/src/token-groups/color.ts @@ -179,12 +179,14 @@ type ColorTextAliasExperimental = Experimental< >; type ColorIconAliasExperimental = Experimental< + | 'icon-critical-active' + | 'icon-critical-hover' + | 'icon-critical-strong-active' + | 'icon-critical-strong-hover' + | 'icon-critical-strong' | 'icon-info-strong' | 'icon-success-strong' | 'icon-warning-strong' - | 'icon-critical-strong' - | 'icon-critical-strong-hover' - | 'icon-critical-strong-active' >; type ColorBorderAliasExperimental = Experimental< @@ -1021,6 +1023,14 @@ export const color: { value: colorsExperimental.red[16], description: '', }, + 'color-icon-critical-hover-experimental': { + value: colorsExperimental.red[15], + description: '', + }, + 'color-icon-critical-active-experimental': { + value: colorsExperimental.red[16], + description: '', + }, 'color-avatar-background-experimental': { value: colorsExperimental.gray[11](), description: '',