Skip to content

Commit f6805da

Browse files
committed
fix(*): scope actionbuttion quiet background mod to cases where it's not is-selected
1 parent 21e9603 commit f6805da

File tree

2 files changed

+4
-5
lines changed

2 files changed

+4
-5
lines changed

components/actionbutton/index.css

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,9 @@
6161
}
6262

6363
&.spectrum-ActionButton--quiet {
64-
--mod-actionbutton-background-color-default: transparent;
64+
&:not(.is-selected) {
65+
--mod-actionbutton-background-color-default: transparent;
66+
}
6567
--mod-actionbutton-background-color-hover: var(--spectrum-gray-100);
6668
--mod-actionbutton-background-color-down: var(--spectrum-gray-200);
6769
--mod-actionbutton-background-color-focus: var(--spectrum-gray-100);
@@ -77,7 +79,6 @@
7779

7880
&,
7981
&.spectrum-ActionButton--quiet {
80-
--mod-actionbutton-background-color-default: transparent;
8182
--mod-actionbutton-background-color-hover: var(--spectrum-transparent-black-400);
8283
--mod-actionbutton-background-color-down: var(--spectrum-transparent-black-500);
8384
--mod-actionbutton-background-color-focus: var(--spectrum-transparent-black-400);
@@ -91,11 +92,9 @@
9192
--mod-actionbutton-border-color-focus: var(--spectrum-transparent-white-600);
9293

9394
--spectrum-actionbutton-background-color-disabled: transparent;
94-
--spectrum-actionbutton-background-color-selected-disabled: var(--spectrum-transparent-white-200);
9595

9696
&,
9797
&.spectrum-ActionButton--quiet {
98-
--mod-actionbutton-background-color-default: transparent;
9998
--mod-actionbutton-background-color-hover: var(--spectrum-transparent-white-400);
10099
--mod-actionbutton-background-color-down: var(--spectrum-transparent-white-500);
101100
--mod-actionbutton-background-color-focus: var(--spectrum-transparent-white-400);

components/actionbutton/metadata/metadata.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,7 @@
1919
".spectrum-ActionButton.is-selected .spectrum-ActionButton-label",
2020
".spectrum-ActionButton.is-selected.spectrum-ActionButton--emphasized",
2121
".spectrum-ActionButton.spectrum-ActionButton--quiet",
22+
".spectrum-ActionButton.spectrum-ActionButton--quiet:not(.is-selected)",
2223
".spectrum-ActionButton.spectrum-ActionButton--staticBlack",
2324
".spectrum-ActionButton.spectrum-ActionButton--staticBlack.spectrum-ActionButton--quiet",
2425
".spectrum-ActionButton.spectrum-ActionButton--staticWhite",
@@ -198,7 +199,6 @@
198199
"--spectrum-transparent-black-500",
199200
"--spectrum-transparent-black-600",
200201
"--spectrum-transparent-black-700",
201-
"--spectrum-transparent-white-200",
202202
"--spectrum-transparent-white-400",
203203
"--spectrum-transparent-white-500",
204204
"--spectrum-transparent-white-600",

0 commit comments

Comments
 (0)