From 40b363b8f5e36e29ff9a02feb59495ca304af5a2 Mon Sep 17 00:00:00 2001 From: Cory Dransfeldt Date: Fri, 13 Sep 2024 08:26:05 -0700 Subject: [PATCH] fix(button): sets default background colors; incorporates s2 migration fixes --- components/button/index.css | 23 ++++++++++++----------- components/button/metadata/metadata.json | 2 -- 2 files changed, 12 insertions(+), 13 deletions(-) diff --git a/components/button/index.css b/components/button/index.css index 99432aa5220..26ae1fa07dc 100644 --- a/components/button/index.css +++ b/components/button/index.css @@ -310,12 +310,21 @@ a.spectrum-Button { --highcontrast-button-content-color-hover: ButtonText; --highcontrast-button-content-color-focus: ButtonText; --highcontrast-button-content-color-down: ButtonText; + --highcontrast-button-background-color-default: ButtonFace; + --highcontrast-button-background-color-hover: ButtonFace; + --highcontrast-button-background-color-down: ButtonFace; + --highcontrast-button-background-color-focus: ButtonFace; + --highcontrast-button-background-color-disabled: ButtonFace; --highcontrast-button-content-color-disabled: GrayText; --highcontrast-button-border-color-disabled: GrayText; --mod-progress-circle-track-border-color: ButtonText; --mod-progress-circle-track-border-color-over-background: ButtonText; --mod-progress-circle-thickness: var(--spectrum-progress-circle-thickness-medium); + .spectrum-Button-label { + forced-color-adjust: none; + } + &:focus-visible { &::after { forced-color-adjust: none; @@ -331,17 +340,9 @@ a.spectrum-Button { --highcontrast-button-background-color-hover: Highlight; --highcontrast-button-background-color-down: Highlight; --highcontrast-button-background-color-focus: Highlight; - --highcontrast-button-content-color-hover: ButtonFace; - --highcontrast-button-content-color-down: ButtonFace; - --highcontrast-button-content-color-focus: ButtonFace; - - .spectrum-Button-label { - forced-color-adjust: none; - } - } - - &.spectrum-Button--negative .spectrum-Button-label { - forced-color-adjust: none; + --highcontrast-button-content-color-hover: HighlightText; + --highcontrast-button-content-color-down: HighlightText; + --highcontrast-button-content-color-focus: HighlightText; } } } diff --git a/components/button/metadata/metadata.json b/components/button/metadata/metadata.json index 6ab52fe0ac0..725384ba9a1 100644 --- a/components/button/metadata/metadata.json +++ b/components/button/metadata/metadata.json @@ -24,13 +24,11 @@ ".spectrum-Button.is-selected.spectrum-Button--emphasized", ".spectrum-Button.spectrum-Button--accent", ".spectrum-Button.spectrum-Button--accent.spectrum-Button--fill", - ".spectrum-Button.spectrum-Button--accent.spectrum-Button--fill .spectrum-Button-label", ".spectrum-Button.spectrum-Button--accent.spectrum-Button--outline", ".spectrum-Button.spectrum-Button--iconOnly", ".spectrum-Button.spectrum-Button--iconOnly .spectrum-Icon", ".spectrum-Button.spectrum-Button--iconOnly:after", ".spectrum-Button.spectrum-Button--negative", - ".spectrum-Button.spectrum-Button--negative .spectrum-Button-label", ".spectrum-Button.spectrum-Button--negative.spectrum-Button--outline", ".spectrum-Button.spectrum-Button--primary", ".spectrum-Button.spectrum-Button--primary.spectrum-Button--outline",