diff --git a/.changeset/little-cows-hang.md b/.changeset/little-cows-hang.md new file mode 100644 index 00000000000..74a9a127458 --- /dev/null +++ b/.changeset/little-cows-hang.md @@ -0,0 +1,5 @@ +--- +"@spectrum-css/button": minor +--- + +Apples forced-color-adjust: none to align the rendered background of the child label for negative button varient with the enclosing button's background color. diff --git a/components/button/index.css b/components/button/index.css index 0b9c4c87860..a456b96fcd3 100644 --- a/components/button/index.css +++ b/components/button/index.css @@ -335,5 +335,9 @@ a.spectrum-Button { forced-color-adjust: none; } } + + &.spectrum-Button--negative .spectrum-Button-label { + forced-color-adjust: none; + } } } diff --git a/components/button/metadata/metadata.json b/components/button/metadata/metadata.json index 43dc37dfcc2..6ab52fe0ac0 100644 --- a/components/button/metadata/metadata.json +++ b/components/button/metadata/metadata.json @@ -30,6 +30,7 @@ ".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",