|
78 | 78 |
|
79 | 79 | /**
|
80 | 80 | * Anatomy and iconLayout (w/ size)
|
| 81 | + * lg=40, md=32, sm=24 when layout is icon-only |
81 | 82 | */
|
82 | 83 | .button--layout-icon-only {
|
83 | 84 | min-width: unset;
|
|
93 | 94 |
|
94 | 95 | .button--lg.button--layout-icon-only {
|
95 | 96 | padding: 0.5rem;
|
| 97 | + width: 2.5rem; |
96 | 98 | }
|
97 | 99 |
|
98 | 100 | .button--md.button--layout-icon-only {
|
99 |
| - padding: 0.5rem |
| 101 | + padding: 0.5rem; |
| 102 | + width: 2rem; |
100 | 103 | }
|
101 | 104 |
|
102 | 105 | .button--sm.button--layout-icon-only {
|
103 | 106 | padding: 0.25rem;
|
| 107 | + width: 1.5rem; |
104 | 108 | }
|
105 | 109 |
|
106 | 110 | .button:focus-visible {
|
|
185 | 189 | * Disabled
|
186 | 190 | */
|
187 | 191 |
|
188 |
| -.button--variant-default.button--disabled, |
189 |
| -.button--variant-critical.button--disabled { |
| 192 | +.button--primary.button--variant-default.button--disabled, |
| 193 | +.button--primary.button--variant-critical.button--disabled { |
190 | 194 | color: var(--eds-theme-color-text-utility-disabled-primary);
|
191 | 195 | border-color: var(--eds-theme-color-background-utility-disabled-medium-emphasis);
|
192 | 196 | background-color: var(--eds-theme-color-background-utility-disabled-medium-emphasis);
|
193 | 197 |
|
194 | 198 | pointer-events: none;
|
195 | 199 | }
|
196 | 200 |
|
197 |
| -.button--variant-inverse.button--disabled { |
| 201 | +.button--primary.button--variant-inverse.button--disabled { |
198 | 202 | color: var(--eds-theme-color-text-utility-inverse-disabled);
|
199 | 203 | border-color: var(--eds-theme-color-background-utility-inverse-disabled);
|
200 | 204 | background-color: var(--eds-theme-color-background-utility-inverse-disabled);
|
201 | 205 |
|
202 | 206 | pointer-events: none;
|
203 | 207 | }
|
204 | 208 |
|
| 209 | +.button--secondary.button--variant-default.button--disabled, |
| 210 | +.button--secondary.button--variant-critical.button--disabled { |
| 211 | + color: var(--eds-theme-color-text-utility-disabled-primary); |
| 212 | + border-color: var(--eds-theme-color-border-disabled); |
| 213 | + background-color: var(--eds-theme-color-background-utility-default-no-emphasis); |
| 214 | + |
| 215 | + pointer-events: none; |
| 216 | +} |
| 217 | + |
| 218 | +.button--tertiary.button--variant-default.button--disabled, |
| 219 | +.button--tertiary.button--variant-critical.button--disabled { |
| 220 | + color: var(--eds-theme-color-text-utility-disabled-primary); |
| 221 | + background-color: var(--eds-theme-color-background-utility-default-no-emphasis); |
| 222 | + |
| 223 | + pointer-events: none; |
| 224 | +} |
| 225 | + |
205 | 226 | /**
|
206 | 227 | * States
|
207 | 228 | */
|
|
0 commit comments