|
24 | 24 | --spectrum-actionbutton-border-color-disabled: var(--spectrum-disabled-border-color);
|
25 | 25 | --spectrum-actionbutton-content-color-disabled: var(--spectrum-disabled-content-color);
|
26 | 26 |
|
| 27 | + --spectrum-actionbutton-background-color-selected-disabled: var(--spectrum-transparent-black-100); |
| 28 | + |
| 29 | + --spectrum-actionbutton-background-color-selected: var(--spectrum-neutral-background-color-selected-default); |
| 30 | + --spectrum-actionbutton-background-color-selected-hover: var(--spectrum-neutral-background-color-selected-hover); |
| 31 | + --spectrum-actionbutton-background-color-selected-down: var(--spectrum-neutral-background-color-selected-down); |
| 32 | + --spectrum-actionbutton-background-color-selected-focus: var(--spectrum-neutral-background-color-selected-key-focus); |
| 33 | + |
27 | 34 | --spectrum-actionbutton-animation-duration: var(--mod-actionbutton-animation-duration, var(--spectrum-animation-duration-100));
|
28 | 35 | --spectrum-actionbutton-border-radius: var(--mod-actionbutton-border-radius, var(--spectrum-corner-radius-medium-size-medium));
|
29 | 36 | --spectrum-actionbutton-border-width: var(--mod-actionbutton-border-width, var(--spectrum-border-width-100));
|
|
95 | 102 | }
|
96 | 103 |
|
97 | 104 | &.is-selected {
|
98 |
| - --mod-actionbutton-background-color-default: var(--mod-actionbutton-background-color-default-selected, var(--spectrum-neutral-background-color-selected-default)); |
99 |
| - --mod-actionbutton-background-color-hover: var(--mod-actionbutton-background-color-hover-selected, var(--spectrum-neutral-background-color-selected-hover)); |
100 |
| - --mod-actionbutton-background-color-down: var(--mod-actionbutton-background-color-down-selected, var(--spectrum-neutral-background-color-selected-down)); |
101 |
| - --mod-actionbutton-background-color-focus: var(--mod-actionbutton-background-color-focus-selected, var(--spectrum-neutral-background-color-selected-key-focus)); |
102 |
| - |
103 |
| - --mod-actionbutton-content-color-default: var(--mod-actionbutton-content-color-default-selected, var(--spectrum-gray-25)); |
104 |
| - --mod-actionbutton-content-color-hover: var(--mod-actionbutton-content-color-hover-selected, var(--spectrum-gray-25)); |
105 |
| - --mod-actionbutton-content-color-down: var(--mod-actionbutton-content-color-down-selected, var(--spectrum-gray-25)); |
106 |
| - --mod-actionbutton-content-color-focus: var(--mod-actionbutton-content-color-focus-selected, var(--spectrum-gray-25)); |
| 105 | + --mod-actionbutton-background-color-default: var(--mod-actionbutton-background-color-default-selected, var(--spectrum-actionbutton-background-color-selected)); |
| 106 | + --mod-actionbutton-background-color-hover: var(--mod-actionbutton-background-color-hover-selected, var(--spectrum-actionbutton-background-color-selected-hover)); |
| 107 | + --mod-actionbutton-background-color-down: var(--mod-actionbutton-background-color-down-selected, var(--spectrum-actionbutton-background-color-selected-down)); |
| 108 | + --mod-actionbutton-background-color-focus: var(--mod-actionbutton-background-color-focus-selected, var(--spectrum-actionbutton-background-color-selected-focus)); |
| 109 | + --mod-actionbutton-background-color-disabled: var(--spectrum-actionbutton-background-color-selected-disabled); |
| 110 | + |
| 111 | + --mod-actionbutton-border-color-default: transparent; |
| 112 | + --mod-actionbutton-border-color-hover: transparent; |
| 113 | + --mod-actionbutton-border-color-down: transparent; |
| 114 | + --mod-actionbutton-border-color-focus: transparent; |
| 115 | + --mod-actionbutton-border-color-disabled: transparent; |
107 | 116 |
|
108 | 117 | &.spectrum-ActionButton--emphasized {
|
109 | 118 | --mod-actionbutton-background-color-default: var(--mod-actionbutton-background-color-default-selected-emphasized, var(--spectrum-accent-background-color-default));
|
|
0 commit comments