From 4841afef13cd579833a160e02c3ed3257f337b95 Mon Sep 17 00:00:00 2001 From: Cory Dransfeldt Date: Fri, 6 Sep 2024 12:08:55 -0700 Subject: [PATCH] fix(button -> negative): corrects interior label background color to align with parent --- .changeset/little-cows-hang.md | 5 +++++ components/button/index.css | 4 ++++ components/button/metadata/metadata.json | 1 + 3 files changed, 10 insertions(+) create mode 100644 .changeset/little-cows-hang.md 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",