@react-spectrum/button 3.16.13 → 3.16.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ActionButton.main.js +1 -1
- package/dist/ActionButton.mjs +1 -1
- package/dist/ActionButton.module.js +1 -1
- package/dist/Button.main.js +1 -1
- package/dist/Button.mjs +1 -1
- package/dist/Button.module.js +1 -1
- package/dist/ClearButton.main.js +4 -3
- package/dist/ClearButton.main.js.map +1 -1
- package/dist/ClearButton.mjs +4 -3
- package/dist/ClearButton.module.js +4 -3
- package/dist/ClearButton.module.js.map +1 -1
- package/dist/FieldButton.main.js +1 -1
- package/dist/FieldButton.mjs +1 -1
- package/dist/FieldButton.module.js +1 -1
- package/dist/LogicButton.main.js +1 -1
- package/dist/LogicButton.mjs +1 -1
- package/dist/LogicButton.module.js +1 -1
- package/dist/ToggleButton.main.js +1 -1
- package/dist/ToggleButton.mjs +1 -1
- package/dist/ToggleButton.module.js +1 -1
- package/dist/{button.040d375e.css → button.9e5e3032.css} +281 -260
- package/dist/button.9e5e3032.css.map +1 -0
- package/dist/button_vars_css.main.js +41 -38
- package/dist/button_vars_css.main.js.map +1 -1
- package/dist/button_vars_css.mjs +41 -38
- package/dist/button_vars_css.module.js +41 -38
- package/dist/button_vars_css.module.js.map +1 -1
- package/dist/types.d.ts +1 -0
- package/dist/types.d.ts.map +1 -1
- package/package.json +14 -14
- package/src/ClearButton.tsx +5 -2
- package/dist/button.040d375e.css.map +0 -1
@@ -1,41 +1,41 @@
|
|
1
|
-
.
|
1
|
+
.o7Xu8a_i18nFontFamily {
|
2
2
|
font-synthesis: weight;
|
3
3
|
font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
|
4
4
|
}
|
5
5
|
|
6
|
-
.
|
6
|
+
.o7Xu8a_i18nFontFamily:lang(ar) {
|
7
7
|
font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
|
8
8
|
}
|
9
9
|
|
10
|
-
.
|
10
|
+
.o7Xu8a_i18nFontFamily:lang(he) {
|
11
11
|
font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
|
12
12
|
}
|
13
13
|
|
14
|
-
.
|
14
|
+
.o7Xu8a_i18nFontFamily:lang(zh) {
|
15
15
|
font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
|
16
16
|
}
|
17
17
|
|
18
|
-
.
|
18
|
+
.o7Xu8a_i18nFontFamily:lang(zh-Hans) {
|
19
19
|
font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
|
20
20
|
}
|
21
21
|
|
22
|
-
.
|
22
|
+
.o7Xu8a_i18nFontFamily:lang(zh-Hant) {
|
23
23
|
font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
|
24
24
|
}
|
25
25
|
|
26
|
-
.
|
26
|
+
.o7Xu8a_i18nFontFamily:lang(zh-SG), .o7Xu8a_i18nFontFamily:lang(zh-CN) {
|
27
27
|
font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
|
28
28
|
}
|
29
29
|
|
30
|
-
.
|
30
|
+
.o7Xu8a_i18nFontFamily:lang(ko) {
|
31
31
|
font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
|
32
32
|
}
|
33
33
|
|
34
|
-
.
|
34
|
+
.o7Xu8a_i18nFontFamily:lang(ja) {
|
35
35
|
font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
|
36
36
|
}
|
37
37
|
|
38
|
-
.
|
38
|
+
.o7Xu8a_spectrum-FocusRing-ring {
|
39
39
|
--spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
|
40
40
|
--spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
|
41
41
|
--spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
|
@@ -43,7 +43,7 @@
|
|
43
43
|
--spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
|
44
44
|
}
|
45
45
|
|
46
|
-
.
|
46
|
+
.o7Xu8a_spectrum-FocusRing-ring:after {
|
47
47
|
border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
|
48
48
|
content: "";
|
49
49
|
margin: calc(-1 * var(--spectrum-focus-ring-border-size));
|
@@ -54,31 +54,31 @@
|
|
54
54
|
inset: 0;
|
55
55
|
}
|
56
56
|
|
57
|
-
.
|
57
|
+
.o7Xu8a_spectrum-FocusRing.o7Xu8a_focus-ring:after {
|
58
58
|
margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
|
59
59
|
box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
|
60
60
|
}
|
61
61
|
|
62
|
-
.
|
62
|
+
.o7Xu8a_spectrum-FocusRing--quiet:after {
|
63
63
|
border-radius: 0;
|
64
64
|
}
|
65
65
|
|
66
|
-
.
|
66
|
+
.o7Xu8a_spectrum-FocusRing--quiet.o7Xu8a_focus-ring:after {
|
67
67
|
margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
|
68
68
|
box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
|
69
69
|
}
|
70
70
|
|
71
71
|
@media (forced-colors: active) {
|
72
|
-
.
|
72
|
+
.o7Xu8a_spectrum-FocusRing, .o7Xu8a_spectrum-FocusRing-ring, .o7Xu8a_spectrum-FocusRing--quiet {
|
73
73
|
--spectrum-high-contrast-focus-ring-color: Highlight;
|
74
74
|
}
|
75
75
|
|
76
|
-
:is(.
|
76
|
+
:is(.o7Xu8a_spectrum-FocusRing, .o7Xu8a_spectrum-FocusRing-ring, .o7Xu8a_spectrum-FocusRing--quiet):after {
|
77
77
|
forced-color-adjust: none;
|
78
78
|
}
|
79
79
|
}
|
80
80
|
|
81
|
-
.
|
81
|
+
.o7Xu8a_spectrum-BaseButton {
|
82
82
|
box-sizing: border-box;
|
83
83
|
border-radius: var(--spectrum-button-border-radius);
|
84
84
|
border-style: solid;
|
@@ -107,29 +107,29 @@
|
|
107
107
|
overflow: visible;
|
108
108
|
}
|
109
109
|
|
110
|
-
button.
|
110
|
+
button.o7Xu8a_spectrum-BaseButton {
|
111
111
|
-webkit-appearance: button;
|
112
112
|
}
|
113
113
|
|
114
|
-
.
|
114
|
+
.o7Xu8a_spectrum-BaseButton:focus {
|
115
115
|
outline: none;
|
116
116
|
}
|
117
117
|
|
118
|
-
.
|
118
|
+
.o7Xu8a_spectrum-BaseButton.o7Xu8a_focus-ring {
|
119
119
|
z-index: 3;
|
120
120
|
}
|
121
121
|
|
122
|
-
.
|
122
|
+
.o7Xu8a_spectrum-BaseButton::-moz-focus-inner {
|
123
123
|
border: 0;
|
124
124
|
margin-block: -2px;
|
125
125
|
padding: 0;
|
126
126
|
}
|
127
127
|
|
128
|
-
.
|
128
|
+
.o7Xu8a_spectrum-BaseButton:disabled, .o7Xu8a_spectrum-BaseButton.o7Xu8a_is-disabled {
|
129
129
|
cursor: default;
|
130
130
|
}
|
131
131
|
|
132
|
-
.
|
132
|
+
.o7Xu8a_spectrum-BaseButton .o7Xu8a_spectrum-Icon {
|
133
133
|
max-block-size: 100%;
|
134
134
|
transition: background var(--spectrum-global-animation-duration-100, .13s) ease-out, fill var(--spectrum-global-animation-duration-100, .13s) ease-out;
|
135
135
|
box-sizing: initial;
|
@@ -137,7 +137,7 @@ button.ntVziG_spectrum-BaseButton {
|
|
137
137
|
order: 0;
|
138
138
|
}
|
139
139
|
|
140
|
-
.
|
140
|
+
.o7Xu8a_spectrum-Button {
|
141
141
|
--spectrum-button-border-radius: var(--spectrum-button-primary-border-radius, var(--spectrum-alias-border-radius-large));
|
142
142
|
--spectrum-button-border-width: var(--spectrum-button-primary-border-size, var(--spectrum-alias-border-size-thick));
|
143
143
|
min-block-size: var(--spectrum-button-primary-height, var(--spectrum-alias-single-line-height));
|
@@ -151,24 +151,24 @@ button.ntVziG_spectrum-BaseButton {
|
|
151
151
|
padding-block-end: calc(var(--spectrum-global-dimension-size-50) + 1px);
|
152
152
|
}
|
153
153
|
|
154
|
-
.
|
154
|
+
.o7Xu8a_spectrum-Button.o7Xu8a_is-hovered, .o7Xu8a_spectrum-Button:active {
|
155
155
|
box-shadow: none;
|
156
156
|
}
|
157
157
|
|
158
|
-
.
|
158
|
+
.o7Xu8a_spectrum-Button .o7Xu8a_spectrum-Icon + .o7Xu8a_spectrum-Button-label {
|
159
159
|
margin-inline-start: var(--spectrum-button-primary-text-gap, var(--spectrum-global-dimension-size-100));
|
160
160
|
}
|
161
161
|
|
162
|
-
.
|
162
|
+
.o7Xu8a_spectrum-Button .o7Xu8a_spectrum-Button-label + .o7Xu8a_spectrum-Icon {
|
163
163
|
margin-inline-end: var(--spectrum-button-primary-text-gap, var(--spectrum-global-dimension-size-100));
|
164
164
|
}
|
165
165
|
|
166
|
-
.
|
166
|
+
.o7Xu8a_spectrum-Button.o7Xu8a_spectrum-Button--iconOnly {
|
167
167
|
min-inline-size: unset;
|
168
168
|
padding: var(--spectrum-global-dimension-size-65);
|
169
169
|
}
|
170
170
|
|
171
|
-
.
|
171
|
+
.o7Xu8a_spectrum-Button .o7Xu8a_spectrum-Button-circleLoader {
|
172
172
|
align-items: center;
|
173
173
|
display: flex;
|
174
174
|
position: absolute;
|
@@ -177,18 +177,18 @@ button.ntVziG_spectrum-BaseButton {
|
|
177
177
|
transform: translate(-50%, -50%);
|
178
178
|
}
|
179
179
|
|
180
|
-
.
|
180
|
+
.o7Xu8a_spectrum-Button.o7Xu8a_spectrum-Button--pending .o7Xu8a_spectrum-Button-label, .o7Xu8a_spectrum-Button.o7Xu8a_spectrum-Button--pending .o7Xu8a_spectrum-Icon {
|
181
181
|
opacity: 0;
|
182
182
|
}
|
183
183
|
|
184
|
-
a.
|
184
|
+
a.o7Xu8a_spectrum-Button, a.o7Xu8a_spectrum-ActionButton {
|
185
185
|
-webkit-appearance: none;
|
186
186
|
-webkit-user-select: none;
|
187
187
|
user-select: none;
|
188
188
|
cursor: pointer;
|
189
189
|
}
|
190
190
|
|
191
|
-
.
|
191
|
+
.o7Xu8a_spectrum-ActionButton {
|
192
192
|
block-size: var(--spectrum-actionbutton-height, var(--spectrum-alias-single-line-height));
|
193
193
|
min-inline-size: var(--spectrum-actionbutton-min-width, var(--spectrum-global-dimension-size-400));
|
194
194
|
--spectrum-button-border-radius: var(--spectrum-actionbutton-border-radius, var(--spectrum-alias-border-radius-regular));
|
@@ -199,84 +199,84 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
199
199
|
position: relative;
|
200
200
|
}
|
201
201
|
|
202
|
-
.
|
202
|
+
.o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-Icon {
|
203
203
|
padding-inline-start: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
|
204
204
|
}
|
205
205
|
|
206
|
-
.
|
206
|
+
.o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-ActionButton-label {
|
207
207
|
padding-inline-end: var(--spectrum-actionbutton-text-padding-x, var(--spectrum-global-dimension-size-150));
|
208
208
|
}
|
209
209
|
|
210
|
-
.
|
210
|
+
.o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-Icon + .o7Xu8a_spectrum-ActionButton-label {
|
211
211
|
padding-inline-start: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
|
212
212
|
}
|
213
213
|
|
214
|
-
.
|
214
|
+
.o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-ActionButton-label:not([hidden]) + .o7Xu8a_spectrum-Icon {
|
215
215
|
padding-inline-end: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
|
216
216
|
}
|
217
217
|
|
218
|
-
.
|
218
|
+
.o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-ActionButton-label:only-child, .o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-ActionButton-hold + .o7Xu8a_spectrum-ActionButton-label:last-child {
|
219
219
|
padding-inline-start: var(--spectrum-actionbutton-text-padding-x, var(--spectrum-global-dimension-size-150));
|
220
220
|
}
|
221
221
|
|
222
|
-
.
|
222
|
+
.o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-Icon:only-child, .o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-ActionButton-hold + .o7Xu8a_spectrum-Icon:last-child {
|
223
223
|
padding-inline-end: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
|
224
224
|
}
|
225
225
|
|
226
|
-
.
|
226
|
+
.o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-ActionGroup-itemIcon.o7Xu8a_spectrum-ActionGroup-itemIcon {
|
227
227
|
padding-inline-end: 0;
|
228
228
|
}
|
229
229
|
|
230
|
-
.
|
230
|
+
.o7Xu8a_spectrum-ActionButton-hold {
|
231
231
|
bottom: var(--spectrum-actionbutton-hold-icon-padding-bottom, var(--spectrum-global-dimension-size-40));
|
232
232
|
position: absolute;
|
233
233
|
}
|
234
234
|
|
235
|
-
.
|
235
|
+
.o7Xu8a_spectrum-ActionButton-hold:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
|
236
236
|
right: var(--spectrum-actionbutton-hold-icon-padding-right, var(--spectrum-global-dimension-size-40));
|
237
237
|
}
|
238
238
|
|
239
|
-
.
|
239
|
+
.o7Xu8a_spectrum-ActionButton-hold:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
|
240
240
|
right: var(--spectrum-actionbutton-hold-icon-padding-right, var(--spectrum-global-dimension-size-40));
|
241
241
|
}
|
242
242
|
|
243
|
-
.
|
243
|
+
.o7Xu8a_spectrum-ActionButton-hold:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
244
244
|
left: var(--spectrum-actionbutton-hold-icon-padding-right, var(--spectrum-global-dimension-size-40));
|
245
245
|
}
|
246
246
|
|
247
|
-
.
|
247
|
+
.o7Xu8a_spectrum-ActionButton-hold:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
248
248
|
left: var(--spectrum-actionbutton-hold-icon-padding-right, var(--spectrum-global-dimension-size-40));
|
249
249
|
}
|
250
250
|
|
251
|
-
[dir="rtl"] .
|
251
|
+
[dir="rtl"] .o7Xu8a_spectrum-ActionButton-hold {
|
252
252
|
transform: rotate(90deg);
|
253
253
|
}
|
254
254
|
|
255
|
-
.
|
255
|
+
.o7Xu8a_spectrum-ActionButton-label, .o7Xu8a_spectrum-Button-label {
|
256
256
|
text-align: center;
|
257
257
|
order: 1;
|
258
258
|
place-self: center;
|
259
259
|
inline-size: 100%;
|
260
260
|
}
|
261
261
|
|
262
|
-
:is(.
|
262
|
+
:is(.o7Xu8a_spectrum-ActionButton-label, .o7Xu8a_spectrum-Button-label):empty {
|
263
263
|
display: none;
|
264
264
|
}
|
265
265
|
|
266
|
-
.
|
266
|
+
.o7Xu8a_spectrum-ActionButton-label {
|
267
267
|
white-space: nowrap;
|
268
268
|
text-overflow: ellipsis;
|
269
269
|
overflow: hidden;
|
270
270
|
}
|
271
271
|
|
272
|
-
.
|
272
|
+
.o7Xu8a_spectrum-ActionButton--quiet {
|
273
273
|
border-width: var(--spectrum-actionbutton-quiet-border-size, var(--spectrum-alias-border-size-thin));
|
274
274
|
border-radius: var(--spectrum-actionbutton-quiet-border-radius, var(--spectrum-alias-border-radius-regular));
|
275
275
|
font-size: var(--spectrum-actionbutton-quiet-text-size, var(--spectrum-alias-font-size-default));
|
276
276
|
font-weight: var(--spectrum-actionbutton-quiet-text-font-weight, var(--spectrum-alias-body-text-font-weight));
|
277
277
|
}
|
278
278
|
|
279
|
-
.
|
279
|
+
.o7Xu8a_spectrum-LogicButton {
|
280
280
|
block-size: var(--spectrum-logicbutton-and-height, 24px);
|
281
281
|
padding: var(--spectrum-logicbutton-and-padding-x, var(--spectrum-global-dimension-size-100));
|
282
282
|
--spectrum-button-border-width: var(--spectrum-logicbutton-and-border-size, var(--spectrum-alias-border-size-thick));
|
@@ -286,7 +286,7 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
286
286
|
line-height: 0;
|
287
287
|
}
|
288
288
|
|
289
|
-
.
|
289
|
+
.o7Xu8a_spectrum-FieldButton {
|
290
290
|
block-size: var(--spectrum-dropdown-height, var(--spectrum-global-dimension-size-400));
|
291
291
|
padding: 0 var(--spectrum-dropdown-padding-x, var(--spectrum-global-dimension-size-150));
|
292
292
|
font-family: inherit;
|
@@ -308,16 +308,16 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
308
308
|
position: relative;
|
309
309
|
}
|
310
310
|
|
311
|
-
.
|
311
|
+
.o7Xu8a_spectrum-FieldButton:disabled, .o7Xu8a_spectrum-FieldButton.o7Xu8a_is-disabled {
|
312
312
|
cursor: default;
|
313
313
|
border-width: 0;
|
314
314
|
}
|
315
315
|
|
316
|
-
.
|
316
|
+
.o7Xu8a_spectrum-FieldButton.o7Xu8a_is-open {
|
317
317
|
border-width: var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin));
|
318
318
|
}
|
319
319
|
|
320
|
-
.
|
320
|
+
.o7Xu8a_spectrum-FieldButton--quiet {
|
321
321
|
--spectrum-button-border-width: 0;
|
322
322
|
--spectrum-button-border-radius: var(--spectrum-fieldbutton-quiet-border-radius, 0px);
|
323
323
|
--spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size, var(--spectrum-global-dimension-static-size-25));
|
@@ -325,11 +325,11 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
325
325
|
padding: 0;
|
326
326
|
}
|
327
327
|
|
328
|
-
.
|
328
|
+
.o7Xu8a_spectrum-FieldButton--quiet:disabled.o7Xu8a_focus-ring, .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-disabled.o7Xu8a_focus-ring {
|
329
329
|
box-shadow: none;
|
330
330
|
}
|
331
331
|
|
332
|
-
.
|
332
|
+
.o7Xu8a_spectrum-ClearButton {
|
333
333
|
inline-size: var(--spectrum-clearbutton-medium-width, var(--spectrum-alias-single-line-height));
|
334
334
|
block-size: var(--spectrum-clearbutton-medium-height, var(--spectrum-alias-single-line-height));
|
335
335
|
--spectrum-button-border-radius: 100%;
|
@@ -339,77 +339,98 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
339
339
|
padding: 0;
|
340
340
|
}
|
341
341
|
|
342
|
-
.
|
342
|
+
.o7Xu8a_spectrum-ClearButton > .o7Xu8a_spectrum-Icon {
|
343
343
|
margin-block: 0;
|
344
344
|
margin-inline: auto;
|
345
345
|
}
|
346
346
|
|
347
|
+
.o7Xu8a_spectrum-ClearButton.o7Xu8a_spectrum-ClearButton--inset.o7Xu8a_spectrum-ClearButton--inset {
|
348
|
+
box-sizing: border-box;
|
349
|
+
transition: unset;
|
350
|
+
}
|
351
|
+
|
352
|
+
.o7Xu8a_spectrum-ClearButton.o7Xu8a_spectrum-ClearButton--inset.o7Xu8a_spectrum-ClearButton--inset:after {
|
353
|
+
aspect-ratio: 1;
|
354
|
+
height: calc(100% - 2px);
|
355
|
+
top: 50%;
|
356
|
+
left: 50%;
|
357
|
+
right: unset;
|
358
|
+
bottom: unset;
|
359
|
+
margin: 0;
|
360
|
+
transition: unset;
|
361
|
+
transform: translate(-50%, -50%);
|
362
|
+
}
|
363
|
+
|
364
|
+
.o7Xu8a_spectrum-ClearButton.o7Xu8a_spectrum-ClearButton--inset.o7Xu8a_spectrum-ClearButton--inset.o7Xu8a_focus-ring:after {
|
365
|
+
box-shadow: inset 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
|
366
|
+
}
|
367
|
+
|
347
368
|
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
348
|
-
.
|
369
|
+
.o7Xu8a_spectrum-ClearButton > .o7Xu8a_spectrum-Icon {
|
349
370
|
margin: 0;
|
350
371
|
}
|
351
372
|
}
|
352
373
|
|
353
|
-
.
|
374
|
+
.o7Xu8a_spectrum-ClearButton--small {
|
354
375
|
inline-size: var(--spectrum-clearbutton-small-width, var(--spectrum-global-dimension-size-300));
|
355
376
|
block-size: var(--spectrum-clearbutton-small-height, var(--spectrum-global-dimension-size-300));
|
356
377
|
}
|
357
378
|
|
358
|
-
.
|
379
|
+
.o7Xu8a_spectrum-ClearButton {
|
359
380
|
background-color: var(--spectrum-clearbutton-medium-background-color, var(--spectrum-alias-background-color-transparent));
|
360
381
|
color: var(--spectrum-clearbutton-medium-icon-color, var(--spectrum-alias-icon-color));
|
361
382
|
}
|
362
383
|
|
363
|
-
.
|
384
|
+
.o7Xu8a_spectrum-ClearButton .o7Xu8a_spectrum-Icon {
|
364
385
|
fill: var(--spectrum-clearbutton-medium-icon-color, var(--spectrum-alias-icon-color));
|
365
386
|
}
|
366
387
|
|
367
|
-
.
|
388
|
+
.o7Xu8a_spectrum-ClearButton.o7Xu8a_is-hovered {
|
368
389
|
background-color: var(--spectrum-clearbutton-medium-background-color-hover, var(--spectrum-alias-background-color-transparent));
|
369
390
|
color: var(--spectrum-clearbutton-medium-icon-color-hover, var(--spectrum-alias-icon-color-hover));
|
370
391
|
}
|
371
392
|
|
372
|
-
.
|
393
|
+
.o7Xu8a_spectrum-ClearButton.o7Xu8a_is-hovered .o7Xu8a_spectrum-Icon {
|
373
394
|
fill: var(--spectrum-clearbutton-medium-icon-color-hover, var(--spectrum-alias-icon-color-hover));
|
374
395
|
}
|
375
396
|
|
376
|
-
.
|
397
|
+
.o7Xu8a_spectrum-ClearButton.o7Xu8a_is-active {
|
377
398
|
background-color: var(--spectrum-clearbutton-medium-background-color-down, var(--spectrum-alias-background-color-transparent));
|
378
399
|
color: var(--spectrum-clearbutton-medium-icon-color-down, var(--spectrum-alias-icon-color-down));
|
379
400
|
}
|
380
401
|
|
381
|
-
.
|
402
|
+
.o7Xu8a_spectrum-ClearButton.o7Xu8a_is-active .o7Xu8a_spectrum-Icon {
|
382
403
|
fill: var(--spectrum-clearbutton-medium-icon-color-down, var(--spectrum-alias-icon-color-down));
|
383
404
|
}
|
384
405
|
|
385
|
-
.
|
406
|
+
.o7Xu8a_spectrum-ClearButton.o7Xu8a_focus-ring {
|
386
407
|
background-color: var(--spectrum-clearbutton-medium-background-color-key-focus, var(--spectrum-alias-background-color-transparent));
|
387
408
|
color: var(--spectrum-clearbutton-medium-icon-color-key-focus, var(--spectrum-alias-icon-color-focus));
|
388
409
|
}
|
389
410
|
|
390
|
-
.
|
411
|
+
.o7Xu8a_spectrum-ClearButton.o7Xu8a_focus-ring .o7Xu8a_spectrum-Icon {
|
391
412
|
fill: var(--spectrum-clearbutton-medium-icon-color-key-focus, var(--spectrum-alias-icon-color-focus));
|
392
413
|
}
|
393
414
|
|
394
|
-
.
|
415
|
+
.o7Xu8a_spectrum-ClearButton:disabled {
|
395
416
|
background-color: var(--spectrum-clearbutton-medium-background-color-disabled, var(--spectrum-alias-background-color-transparent));
|
396
417
|
color: var(--spectrum-clearbutton-medium-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
|
397
418
|
}
|
398
419
|
|
399
|
-
.
|
420
|
+
.o7Xu8a_spectrum-ClearButton:disabled .o7Xu8a_spectrum-Icon {
|
400
421
|
fill: var(--spectrum-clearbutton-medium-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
|
401
422
|
}
|
402
423
|
|
403
|
-
.
|
424
|
+
.o7Xu8a_spectrum-ClearButton.o7Xu8a_is-disabled {
|
404
425
|
background-color: var(--spectrum-clearbutton-medium-background-color-disabled, var(--spectrum-alias-background-color-transparent));
|
405
426
|
color: var(--spectrum-clearbutton-medium-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
|
406
427
|
}
|
407
428
|
|
408
|
-
.
|
429
|
+
.o7Xu8a_spectrum-ClearButton.o7Xu8a_is-disabled .o7Xu8a_spectrum-Icon {
|
409
430
|
fill: var(--spectrum-clearbutton-medium-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
|
410
431
|
}
|
411
432
|
|
412
|
-
.
|
433
|
+
.o7Xu8a_spectrum-ClearButton--overBackground {
|
413
434
|
--spectrum-clearbutton-medium-background-color: transparent;
|
414
435
|
--spectrum-clearbutton-medium-background-color-hover: #ffffff1a;
|
415
436
|
--spectrum-clearbutton-medium-background-color-key-focus: #ffffff1a;
|
@@ -423,7 +444,7 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
423
444
|
--spectrum-focus-ring-color: white;
|
424
445
|
}
|
425
446
|
|
426
|
-
.
|
447
|
+
.o7Xu8a_spectrum-Button[data-style="fill"] {
|
427
448
|
--spectrum-button-text-color: white;
|
428
449
|
--spectrum-button-text-color-hover: var(--spectrum-button-text-color);
|
429
450
|
--spectrum-button-text-color-down: var(--spectrum-button-text-color);
|
@@ -435,27 +456,27 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
435
456
|
border-color: #0000;
|
436
457
|
}
|
437
458
|
|
438
|
-
.
|
459
|
+
.o7Xu8a_spectrum-Button[data-style="fill"].o7Xu8a_is-hovered {
|
439
460
|
background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-button-color-hover));
|
440
461
|
color: var(--spectrum-high-contrast-button-face, var(--spectrum-button-text-color-hover));
|
441
462
|
}
|
442
463
|
|
443
|
-
.
|
464
|
+
.o7Xu8a_spectrum-Button[data-style="fill"].o7Xu8a_focus-ring {
|
444
465
|
background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-button-color-key-focus));
|
445
466
|
color: var(--spectrum-high-contrast-button-face, var(--spectrum-button-text-color-key-focus));
|
446
467
|
}
|
447
468
|
|
448
|
-
.
|
469
|
+
.o7Xu8a_spectrum-Button[data-style="fill"].o7Xu8a_is-active {
|
449
470
|
background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-button-color-down));
|
450
471
|
color: var(--spectrum-high-contrast-button-face, var(--spectrum-button-text-color-down));
|
451
472
|
}
|
452
473
|
|
453
|
-
.
|
474
|
+
.o7Xu8a_spectrum-Button[data-style="fill"]:disabled, .o7Xu8a_spectrum-Button[data-style="fill"].o7Xu8a_is-disabled {
|
454
475
|
background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-button-color-disabled));
|
455
476
|
color: var(--spectrum-high-contrast-gray-text, var(--spectrum-button-text-color-disabled));
|
456
477
|
}
|
457
478
|
|
458
|
-
.
|
479
|
+
.o7Xu8a_spectrum-Button[data-style="outline"] {
|
459
480
|
--spectrum-button-text-color: var(--spectrum-button-color);
|
460
481
|
--spectrum-button-text-color-hover: var(--spectrum-button-color-hover);
|
461
482
|
--spectrum-button-text-color-down: var(--spectrum-button-color-down);
|
@@ -467,35 +488,35 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
467
488
|
background-color: #0000;
|
468
489
|
}
|
469
490
|
|
470
|
-
.
|
491
|
+
.o7Xu8a_spectrum-Button[data-style="outline"].o7Xu8a_is-hovered {
|
471
492
|
background-color: var(--spectrum-high-contrast-transparent, var(--spectrum-button-background-color-hover));
|
472
493
|
border-color: var(--spectrum-high-contrast-highlight, var(--spectrum-button-color-hover));
|
473
494
|
color: var(--spectrum-high-contrast-button-text, var(--spectrum-button-text-color-hover));
|
474
495
|
}
|
475
496
|
|
476
|
-
.
|
497
|
+
.o7Xu8a_spectrum-Button[data-style="outline"].o7Xu8a_focus-ring {
|
477
498
|
background-color: var(--spectrum-high-contrast-transparent, var(--spectrum-button-background-color-key-focus));
|
478
499
|
border-color: var(--spectrum-high-contrast-highlight, var(--spectrum-button-color-key-focus));
|
479
500
|
color: var(--spectrum-high-contrast-button-text, var(--spectrum-button-text-color-key-focus));
|
480
501
|
}
|
481
502
|
|
482
|
-
.
|
503
|
+
.o7Xu8a_spectrum-Button[data-style="outline"].o7Xu8a_is-active {
|
483
504
|
background-color: var(--spectrum-high-contrast-transparent, var(--spectrum-button-background-color-down));
|
484
505
|
border-color: var(--spectrum-high-contrast-highlight, var(--spectrum-button-color-down));
|
485
506
|
color: var(--spectrum-high-contrast-button-text, var(--spectrum-button-text-color-down));
|
486
507
|
}
|
487
508
|
|
488
|
-
.
|
509
|
+
.o7Xu8a_spectrum-Button[data-style="outline"]:disabled, .o7Xu8a_spectrum-Button[data-style="outline"].o7Xu8a_is-disabled {
|
489
510
|
border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-button-color-disabled));
|
490
511
|
color: var(--spectrum-high-contrast-gray-text, var(--spectrum-button-text-color-disabled));
|
491
512
|
background-color: #0000;
|
492
513
|
}
|
493
514
|
|
494
|
-
.
|
515
|
+
.o7Xu8a_spectrum-Button[data-static-color="white"] {
|
495
516
|
--spectrum-focus-ring-color: white;
|
496
517
|
}
|
497
518
|
|
498
|
-
.
|
519
|
+
.o7Xu8a_spectrum-Button[data-static-color="white"][data-variant="accent"][data-style="fill"] {
|
499
520
|
--spectrum-button-color: #ffffffe6;
|
500
521
|
--spectrum-button-color-hover: white;
|
501
522
|
--spectrum-button-color-down: white;
|
@@ -505,7 +526,7 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
505
526
|
--spectrum-button-text-color-disabled: #ffffff8c;
|
506
527
|
}
|
507
528
|
|
508
|
-
.
|
529
|
+
.o7Xu8a_spectrum-Button[data-static-color="white"][data-variant="accent"][data-style="outline"] {
|
509
530
|
--spectrum-button-color: #ffffffe6;
|
510
531
|
--spectrum-button-color-hover: white;
|
511
532
|
--spectrum-button-color-down: white;
|
@@ -521,7 +542,7 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
521
542
|
--spectrum-button-background-color-key-focus: #ffffff1a;
|
522
543
|
}
|
523
544
|
|
524
|
-
.
|
545
|
+
.o7Xu8a_spectrum-Button[data-static-color="white"][data-variant="negative"][data-style="fill"] {
|
525
546
|
--spectrum-button-color: #ffffffe6;
|
526
547
|
--spectrum-button-color-hover: white;
|
527
548
|
--spectrum-button-color-down: white;
|
@@ -531,7 +552,7 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
531
552
|
--spectrum-button-text-color-disabled: #ffffff8c;
|
532
553
|
}
|
533
554
|
|
534
|
-
.
|
555
|
+
.o7Xu8a_spectrum-Button[data-static-color="white"][data-variant="negative"][data-style="outline"] {
|
535
556
|
--spectrum-button-color: #ffffffe6;
|
536
557
|
--spectrum-button-color-hover: white;
|
537
558
|
--spectrum-button-color-down: white;
|
@@ -547,7 +568,7 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
547
568
|
--spectrum-button-background-color-key-focus: #ffffff1a;
|
548
569
|
}
|
549
570
|
|
550
|
-
.
|
571
|
+
.o7Xu8a_spectrum-Button[data-static-color="white"][data-variant="primary"][data-style="fill"] {
|
551
572
|
--spectrum-button-color: #ffffffe6;
|
552
573
|
--spectrum-button-color-hover: white;
|
553
574
|
--spectrum-button-color-down: white;
|
@@ -557,7 +578,7 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
557
578
|
--spectrum-button-text-color-disabled: #ffffff8c;
|
558
579
|
}
|
559
580
|
|
560
|
-
.
|
581
|
+
.o7Xu8a_spectrum-Button[data-static-color="white"][data-variant="primary"][data-style="outline"] {
|
561
582
|
--spectrum-button-color: #ffffffe6;
|
562
583
|
--spectrum-button-color-hover: white;
|
563
584
|
--spectrum-button-color-down: white;
|
@@ -573,7 +594,7 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
573
594
|
--spectrum-button-background-color-key-focus: #ffffff1a;
|
574
595
|
}
|
575
596
|
|
576
|
-
.
|
597
|
+
.o7Xu8a_spectrum-Button[data-static-color="white"][data-variant="secondary"][data-style="fill"] {
|
577
598
|
--spectrum-button-color: #ffffff12;
|
578
599
|
--spectrum-button-color-hover: #ffffff1a;
|
579
600
|
--spectrum-button-color-down: #ffffff26;
|
@@ -583,7 +604,7 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
583
604
|
--spectrum-button-text-color-disabled: #ffffff8c;
|
584
605
|
}
|
585
606
|
|
586
|
-
.
|
607
|
+
.o7Xu8a_spectrum-Button[data-static-color="white"][data-variant="secondary"][data-style="outline"] {
|
587
608
|
--spectrum-button-color: #ffffff40;
|
588
609
|
--spectrum-button-color-hover: #fff6;
|
589
610
|
--spectrum-button-color-down: #ffffff8c;
|
@@ -599,11 +620,11 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
599
620
|
--spectrum-button-background-color-key-focus: #ffffff1a;
|
600
621
|
}
|
601
622
|
|
602
|
-
.
|
623
|
+
.o7Xu8a_spectrum-Button[data-static-color="black"] {
|
603
624
|
--spectrum-focus-ring-color: black;
|
604
625
|
}
|
605
626
|
|
606
|
-
.
|
627
|
+
.o7Xu8a_spectrum-Button[data-static-color="black"][data-variant="accent"][data-style="fill"] {
|
607
628
|
--spectrum-button-color: #000000e6;
|
608
629
|
--spectrum-button-color-hover: black;
|
609
630
|
--spectrum-button-color-down: black;
|
@@ -613,7 +634,7 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
613
634
|
--spectrum-button-text-color-disabled: #0000008c;
|
614
635
|
}
|
615
636
|
|
616
|
-
.
|
637
|
+
.o7Xu8a_spectrum-Button[data-static-color="black"][data-variant="accent"][data-style="outline"] {
|
617
638
|
--spectrum-button-color: #000000e6;
|
618
639
|
--spectrum-button-color-hover: black;
|
619
640
|
--spectrum-button-color-down: black;
|
@@ -629,7 +650,7 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
629
650
|
--spectrum-button-background-color-key-focus: #0000001a;
|
630
651
|
}
|
631
652
|
|
632
|
-
.
|
653
|
+
.o7Xu8a_spectrum-Button[data-static-color="black"][data-variant="negative"][data-style="fill"] {
|
633
654
|
--spectrum-button-color: #000000e6;
|
634
655
|
--spectrum-button-color-hover: black;
|
635
656
|
--spectrum-button-color-down: black;
|
@@ -639,7 +660,7 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
639
660
|
--spectrum-button-text-color-disabled: #0000008c;
|
640
661
|
}
|
641
662
|
|
642
|
-
.
|
663
|
+
.o7Xu8a_spectrum-Button[data-static-color="black"][data-variant="negative"][data-style="outline"] {
|
643
664
|
--spectrum-button-color: #000000e6;
|
644
665
|
--spectrum-button-color-hover: black;
|
645
666
|
--spectrum-button-color-down: black;
|
@@ -655,7 +676,7 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
655
676
|
--spectrum-button-background-color-key-focus: #0000001a;
|
656
677
|
}
|
657
678
|
|
658
|
-
.
|
679
|
+
.o7Xu8a_spectrum-Button[data-static-color="black"][data-variant="primary"][data-style="fill"] {
|
659
680
|
--spectrum-button-color: #000000e6;
|
660
681
|
--spectrum-button-color-hover: black;
|
661
682
|
--spectrum-button-color-down: black;
|
@@ -665,7 +686,7 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
665
686
|
--spectrum-button-text-color-disabled: #0000008c;
|
666
687
|
}
|
667
688
|
|
668
|
-
.
|
689
|
+
.o7Xu8a_spectrum-Button[data-static-color="black"][data-variant="primary"][data-style="outline"] {
|
669
690
|
--spectrum-button-color: #000000e6;
|
670
691
|
--spectrum-button-color-hover: black;
|
671
692
|
--spectrum-button-color-down: black;
|
@@ -681,7 +702,7 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
681
702
|
--spectrum-button-background-color-key-focus: #0000001a;
|
682
703
|
}
|
683
704
|
|
684
|
-
.
|
705
|
+
.o7Xu8a_spectrum-Button[data-static-color="black"][data-variant="secondary"][data-style="fill"] {
|
685
706
|
--spectrum-button-color: #00000012;
|
686
707
|
--spectrum-button-color-hover: #0000001a;
|
687
708
|
--spectrum-button-color-down: #00000026;
|
@@ -691,7 +712,7 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
691
712
|
--spectrum-button-text-color-disabled: #0000008c;
|
692
713
|
}
|
693
714
|
|
694
|
-
.
|
715
|
+
.o7Xu8a_spectrum-Button[data-static-color="black"][data-variant="secondary"][data-style="outline"] {
|
695
716
|
--spectrum-button-color: #00000040;
|
696
717
|
--spectrum-button-color-hover: #0006;
|
697
718
|
--spectrum-button-color-down: #0000008c;
|
@@ -707,14 +728,14 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
707
728
|
--spectrum-button-background-color-key-focus: #0000001a;
|
708
729
|
}
|
709
730
|
|
710
|
-
.
|
731
|
+
.o7Xu8a_spectrum-Button:not([data-static-color])[data-variant="accent"][data-style="fill"] {
|
711
732
|
--spectrum-button-color: var(--spectrum-accent-background-color-default);
|
712
733
|
--spectrum-button-color-hover: var(--spectrum-accent-background-color-hover);
|
713
734
|
--spectrum-button-color-down: var(--spectrum-accent-background-color-down);
|
714
735
|
--spectrum-button-color-key-focus: var(--spectrum-accent-background-color-key-focus);
|
715
736
|
}
|
716
737
|
|
717
|
-
.
|
738
|
+
.o7Xu8a_spectrum-Button:not([data-static-color])[data-variant="accent"][data-style="outline"] {
|
718
739
|
--spectrum-button-color: var(--spectrum-accent-color-900);
|
719
740
|
--spectrum-button-color-hover: var(--spectrum-accent-color-1000);
|
720
741
|
--spectrum-button-color-down: var(--spectrum-accent-color-1100);
|
@@ -724,14 +745,14 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
724
745
|
--spectrum-button-background-color-key-focus: var(--spectrum-accent-color-200);
|
725
746
|
}
|
726
747
|
|
727
|
-
.
|
748
|
+
.o7Xu8a_spectrum-Button:not([data-static-color])[data-variant="negative"][data-style="fill"] {
|
728
749
|
--spectrum-button-color: var(--spectrum-negative-background-color-default);
|
729
750
|
--spectrum-button-color-hover: var(--spectrum-negative-background-color-hover);
|
730
751
|
--spectrum-button-color-down: var(--spectrum-negative-background-color-down);
|
731
752
|
--spectrum-button-color-key-focus: var(--spectrum-negative-background-color-key-focus);
|
732
753
|
}
|
733
754
|
|
734
|
-
.
|
755
|
+
.o7Xu8a_spectrum-Button:not([data-static-color])[data-variant="negative"][data-style="outline"] {
|
735
756
|
--spectrum-button-color: var(--spectrum-red-900);
|
736
757
|
--spectrum-button-color-hover: var(--spectrum-red-1000);
|
737
758
|
--spectrum-button-color-down: var(--spectrum-red-1100);
|
@@ -741,14 +762,14 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
741
762
|
--spectrum-button-background-color-key-focus: var(--spectrum-red-200);
|
742
763
|
}
|
743
764
|
|
744
|
-
.
|
765
|
+
.o7Xu8a_spectrum-Button:not([data-static-color])[data-variant="primary"][data-style="fill"] {
|
745
766
|
--spectrum-button-color: var(--spectrum-neutral-background-color-default);
|
746
767
|
--spectrum-button-color-hover: var(--spectrum-neutral-background-color-hover);
|
747
768
|
--spectrum-button-color-down: var(--spectrum-neutral-background-color-down);
|
748
769
|
--spectrum-button-color-key-focus: var(--spectrum-neutral-background-color-key-focus);
|
749
770
|
}
|
750
771
|
|
751
|
-
.
|
772
|
+
.o7Xu8a_spectrum-Button:not([data-static-color])[data-variant="primary"][data-style="outline"] {
|
752
773
|
--spectrum-button-color: var(--spectrum-gray-800);
|
753
774
|
--spectrum-button-color-hover: var(--spectrum-gray-900);
|
754
775
|
--spectrum-button-color-down: var(--spectrum-gray-900);
|
@@ -758,21 +779,21 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
758
779
|
--spectrum-button-background-color-key-focus: var(--spectrum-gray-300);
|
759
780
|
}
|
760
781
|
|
761
|
-
.
|
782
|
+
.o7Xu8a_spectrum-Button:not([data-static-color])[data-variant="secondary"] {
|
762
783
|
--spectrum-button-text-color: var(--spectrum-gray-800);
|
763
784
|
--spectrum-button-text-color-hover: var(--spectrum-gray-900);
|
764
785
|
--spectrum-button-text-color-down: var(--spectrum-gray-900);
|
765
786
|
--spectrum-button-text-color-key-focus: var(--spectrum-gray-900);
|
766
787
|
}
|
767
788
|
|
768
|
-
.
|
789
|
+
.o7Xu8a_spectrum-Button:not([data-static-color])[data-variant="secondary"][data-style="fill"] {
|
769
790
|
--spectrum-button-color: var(--spectrum-gray-200);
|
770
791
|
--spectrum-button-color-hover: var(--spectrum-gray-300);
|
771
792
|
--spectrum-button-color-down: var(--spectrum-gray-400);
|
772
793
|
--spectrum-button-color-key-focus: var(--spectrum-gray-300);
|
773
794
|
}
|
774
795
|
|
775
|
-
.
|
796
|
+
.o7Xu8a_spectrum-Button:not([data-static-color])[data-variant="secondary"][data-style="outline"] {
|
776
797
|
--spectrum-button-color: var(--spectrum-gray-300);
|
777
798
|
--spectrum-button-color-hover: var(--spectrum-gray-400);
|
778
799
|
--spectrum-button-color-down: var(--spectrum-gray-500);
|
@@ -783,7 +804,7 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
783
804
|
}
|
784
805
|
|
785
806
|
@media (forced-colors: active) {
|
786
|
-
.
|
807
|
+
.o7Xu8a_spectrum-Button, .o7Xu8a_spectrum-ActionButton, .o7Xu8a_spectrum-FieldButton {
|
787
808
|
forced-color-adjust: none;
|
788
809
|
--spectrum-high-contrast-transparent: transparent;
|
789
810
|
--spectrum-high-contrast-button-face: ButtonFace;
|
@@ -793,310 +814,310 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
793
814
|
--spectrum-high-contrast-gray-text: GrayText;
|
794
815
|
}
|
795
816
|
|
796
|
-
.
|
817
|
+
.o7Xu8a_spectrum-Button, .o7Xu8a_spectrum-ActionButton {
|
797
818
|
--spectrum-high-contrast-focus-ring-color: ButtonText;
|
798
819
|
}
|
799
820
|
|
800
|
-
.
|
821
|
+
.o7Xu8a_spectrum-FieldButton {
|
801
822
|
--spectrum-high-contrast-focus-ring-color: Highlight;
|
802
823
|
}
|
803
824
|
|
804
|
-
.
|
825
|
+
.o7Xu8a_spectrum-Button--pending.o7Xu8a_is-disabled {
|
805
826
|
border-color: var(--spectrum-high-contrast-gray-text);
|
806
827
|
}
|
807
828
|
}
|
808
829
|
|
809
|
-
.
|
830
|
+
.o7Xu8a_spectrum-ActionButton {
|
810
831
|
background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-background-color, var(--spectrum-global-color-gray-75)));
|
811
832
|
border-color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-border-color, var(--spectrum-alias-border-color)));
|
812
833
|
color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-text-color, var(--spectrum-alias-text-color)));
|
813
834
|
}
|
814
835
|
|
815
|
-
.
|
836
|
+
.o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-Icon {
|
816
837
|
fill: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-icon-color, var(--spectrum-alias-icon-color)));
|
817
838
|
}
|
818
839
|
|
819
|
-
.
|
840
|
+
.o7Xu8a_spectrum-ActionButton .o7Xu8a_spectrum-ActionButton-hold {
|
820
841
|
fill: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-hold-icon-color, var(--spectrum-alias-icon-color)));
|
821
842
|
}
|
822
843
|
|
823
|
-
.
|
844
|
+
.o7Xu8a_spectrum-ActionButton.o7Xu8a_is-hovered {
|
824
845
|
background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-background-color-hover, var(--spectrum-global-color-gray-50)));
|
825
846
|
border-color: var(--spectrum-high-contrast-highlight, var(--spectrum-actionbutton-border-color-hover, var(--spectrum-alias-border-color-hover)));
|
826
847
|
color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-text-color-hover, var(--spectrum-alias-text-color-hover)));
|
827
848
|
}
|
828
849
|
|
829
|
-
.
|
850
|
+
.o7Xu8a_spectrum-ActionButton.o7Xu8a_is-hovered .o7Xu8a_spectrum-Icon {
|
830
851
|
fill: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-icon-color-hover, var(--spectrum-alias-icon-color-hover)));
|
831
852
|
}
|
832
853
|
|
833
|
-
.
|
854
|
+
.o7Xu8a_spectrum-ActionButton.o7Xu8a_is-hovered .o7Xu8a_spectrum-ActionButton-hold {
|
834
855
|
fill: var(--spectrum-actionbutton-hold-icon-color-hover, var(--spectrum-alias-icon-color-hover));
|
835
856
|
}
|
836
857
|
|
837
|
-
.
|
858
|
+
.o7Xu8a_spectrum-ActionButton.o7Xu8a_focus-ring {
|
838
859
|
background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-background-color-key-focus, var(--spectrum-global-color-gray-50)));
|
839
860
|
border-color: var(--spectrum-high-contrast-highlight, var(--spectrum-actionbutton-border-color-hover, var(--spectrum-alias-border-color-hover)));
|
840
861
|
color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-text-color-key-focus, var(--spectrum-alias-text-color-hover)));
|
841
862
|
}
|
842
863
|
|
843
|
-
.
|
864
|
+
.o7Xu8a_spectrum-ActionButton.o7Xu8a_focus-ring .o7Xu8a_spectrum-Icon {
|
844
865
|
fill: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-icon-color-key-focus, var(--spectrum-alias-icon-color-focus)));
|
845
866
|
}
|
846
867
|
|
847
|
-
.
|
868
|
+
.o7Xu8a_spectrum-ActionButton.o7Xu8a_focus-ring .o7Xu8a_spectrum-ActionButton-hold {
|
848
869
|
fill: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-hold-icon-color-key-focus, var(--spectrum-alias-icon-color-hover)));
|
849
870
|
}
|
850
871
|
|
851
|
-
.
|
872
|
+
.o7Xu8a_spectrum-ActionButton.o7Xu8a_is-active {
|
852
873
|
background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-background-color-down, var(--spectrum-global-color-gray-200)));
|
853
874
|
border-color: var(--spectrum-high-contrast-highlight, var(--spectrum-actionbutton-border-color-down, var(--spectrum-alias-border-color-down)));
|
854
875
|
color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-text-color-down, var(--spectrum-alias-text-color-down)));
|
855
876
|
}
|
856
877
|
|
857
|
-
.
|
878
|
+
.o7Xu8a_spectrum-ActionButton.o7Xu8a_is-active .o7Xu8a_spectrum-ActionButton-hold {
|
858
879
|
fill: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-hold-icon-color-down, var(--spectrum-alias-icon-color-down)));
|
859
880
|
}
|
860
881
|
|
861
|
-
.
|
882
|
+
.o7Xu8a_spectrum-ActionButton:disabled {
|
862
883
|
background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-background-color-disabled, var(--spectrum-global-color-gray-200)));
|
863
884
|
border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-border-color-disabled, var(--spectrum-alias-border-color-disabled)));
|
864
885
|
color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-text-color-disabled, var(--spectrum-alias-text-color-disabled)));
|
865
886
|
}
|
866
887
|
|
867
|
-
.
|
888
|
+
.o7Xu8a_spectrum-ActionButton:disabled .o7Xu8a_spectrum-Icon {
|
868
889
|
fill: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-icon-color-disabled, var(--spectrum-alias-icon-color-disabled)));
|
869
890
|
}
|
870
891
|
|
871
|
-
.
|
892
|
+
.o7Xu8a_spectrum-ActionButton:disabled .o7Xu8a_spectrum-ActionButton-hold {
|
872
893
|
fill: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-hold-icon-color-disabled, var(--spectrum-alias-icon-color-disabled)));
|
873
894
|
}
|
874
895
|
|
875
|
-
.
|
896
|
+
.o7Xu8a_spectrum-ActionButton.o7Xu8a_is-disabled {
|
876
897
|
background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-background-color-disabled, var(--spectrum-global-color-gray-200)));
|
877
898
|
border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-border-color-disabled, var(--spectrum-alias-border-color-disabled)));
|
878
899
|
color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-text-color-disabled, var(--spectrum-alias-text-color-disabled)));
|
879
900
|
}
|
880
901
|
|
881
|
-
.
|
902
|
+
.o7Xu8a_spectrum-ActionButton.o7Xu8a_is-disabled .o7Xu8a_spectrum-Icon {
|
882
903
|
fill: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-icon-color-disabled, var(--spectrum-alias-icon-color-disabled)));
|
883
904
|
}
|
884
905
|
|
885
|
-
.
|
906
|
+
.o7Xu8a_spectrum-ActionButton.o7Xu8a_is-disabled .o7Xu8a_spectrum-ActionButton-hold {
|
886
907
|
fill: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-hold-icon-color-disabled, var(--spectrum-alias-icon-color-disabled)));
|
887
908
|
}
|
888
909
|
|
889
|
-
.
|
910
|
+
.o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected {
|
890
911
|
background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-alias-toggle-color-selected));
|
891
912
|
border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-alias-toggle-color-selected));
|
892
913
|
color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-gray-50));
|
893
914
|
}
|
894
915
|
|
895
|
-
.
|
916
|
+
.o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected .o7Xu8a_spectrum-Icon {
|
896
917
|
fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-gray-50));
|
897
918
|
}
|
898
919
|
|
899
|
-
.
|
920
|
+
.o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected.o7Xu8a_is-hovered {
|
900
921
|
background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-alias-toggle-color-selected-hover));
|
901
922
|
border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-alias-toggle-color-selected-hover));
|
902
923
|
color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-gray-50));
|
903
924
|
}
|
904
925
|
|
905
|
-
.
|
926
|
+
.o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected.o7Xu8a_is-hovered .o7Xu8a_spectrum-Icon {
|
906
927
|
fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-gray-50));
|
907
928
|
}
|
908
929
|
|
909
|
-
.
|
930
|
+
.o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected.o7Xu8a_focus-ring {
|
910
931
|
background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-alias-toggle-color-selected-key-focus));
|
911
932
|
border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-alias-toggle-color-selected-key-focus));
|
912
933
|
color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-gray-50));
|
913
934
|
}
|
914
935
|
|
915
|
-
.
|
936
|
+
.o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected.o7Xu8a_focus-ring .o7Xu8a_spectrum-Icon {
|
916
937
|
fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-gray-50));
|
917
938
|
}
|
918
939
|
|
919
|
-
.
|
940
|
+
.o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected.o7Xu8a_is-active {
|
920
941
|
background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-alias-toggle-color-selected-down));
|
921
942
|
border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-alias-toggle-color-selected-down));
|
922
943
|
color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-gray-50));
|
923
944
|
}
|
924
945
|
|
925
|
-
.
|
946
|
+
.o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected.o7Xu8a_is-active .o7Xu8a_spectrum-Icon {
|
926
947
|
fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-gray-50));
|
927
948
|
}
|
928
949
|
|
929
|
-
.
|
950
|
+
.o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected:disabled {
|
930
951
|
background-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-background-color-selected-disabled, var(--spectrum-global-color-gray-200)));
|
931
952
|
border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-border-color-selected-disabled, var(--spectrum-alias-border-color-disabled)));
|
932
953
|
color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-text-color-selected-disabled, var(--spectrum-alias-text-color-disabled)));
|
933
954
|
}
|
934
955
|
|
935
|
-
.
|
956
|
+
.o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected:disabled .o7Xu8a_spectrum-Icon {
|
936
957
|
fill: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-icon-color-selected-disabled, var(--spectrum-alias-icon-color-disabled)));
|
937
958
|
}
|
938
959
|
|
939
|
-
.
|
960
|
+
.o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected.o7Xu8a_is-disabled {
|
940
961
|
background-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-background-color-selected-disabled, var(--spectrum-global-color-gray-200)));
|
941
962
|
border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-border-color-selected-disabled, var(--spectrum-alias-border-color-disabled)));
|
942
963
|
color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-text-color-selected-disabled, var(--spectrum-alias-text-color-disabled)));
|
943
964
|
}
|
944
965
|
|
945
|
-
.
|
966
|
+
.o7Xu8a_spectrum-ActionButton.o7Xu8a_is-selected.o7Xu8a_is-disabled .o7Xu8a_spectrum-Icon {
|
946
967
|
fill: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-icon-color-selected-disabled, var(--spectrum-alias-icon-color-disabled)));
|
947
968
|
}
|
948
969
|
|
949
|
-
.
|
970
|
+
.o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected {
|
950
971
|
background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-accent-background-color-default));
|
951
972
|
border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-accent-background-color-default));
|
952
973
|
color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-text-color-selected, var(--spectrum-global-color-static-white)));
|
953
974
|
}
|
954
975
|
|
955
|
-
.
|
976
|
+
.o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected .o7Xu8a_spectrum-Icon {
|
956
977
|
fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-icon-color-selected, var(--spectrum-global-color-static-white)));
|
957
978
|
}
|
958
979
|
|
959
|
-
.
|
980
|
+
.o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_focus-ring {
|
960
981
|
background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-accent-background-color-key-focus));
|
961
982
|
border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-accent-background-color-hover));
|
962
983
|
color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-text-color-selected-key-focus, var(--spectrum-global-color-static-white)));
|
963
984
|
}
|
964
985
|
|
965
|
-
.
|
986
|
+
.o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_focus-ring .o7Xu8a_spectrum-Icon {
|
966
987
|
fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-icon-color-selected-key-focus, var(--spectrum-global-color-static-white)));
|
967
988
|
}
|
968
989
|
|
969
|
-
.
|
990
|
+
.o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-hovered {
|
970
991
|
background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-accent-background-color-hover));
|
971
992
|
border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-accent-background-color-hover));
|
972
993
|
color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-text-color-selected-hover, var(--spectrum-global-color-static-white)));
|
973
994
|
}
|
974
995
|
|
975
|
-
.
|
996
|
+
.o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-hovered .o7Xu8a_spectrum-Icon {
|
976
997
|
fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-icon-color-selected-hover, var(--spectrum-global-color-static-white)));
|
977
998
|
}
|
978
999
|
|
979
|
-
.
|
1000
|
+
.o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-active {
|
980
1001
|
background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-accent-background-color-down));
|
981
1002
|
border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-accent-background-color-down));
|
982
1003
|
color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-text-color-selected-down, var(--spectrum-global-color-static-white)));
|
983
1004
|
}
|
984
1005
|
|
985
|
-
.
|
1006
|
+
.o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-active .o7Xu8a_spectrum-Icon {
|
986
1007
|
fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-icon-color-selected-down, var(--spectrum-global-color-static-white)));
|
987
1008
|
}
|
988
1009
|
|
989
|
-
.
|
1010
|
+
.o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected:disabled {
|
990
1011
|
background-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-emphasized-background-color-selected-disabled, var(--spectrum-global-color-gray-200)));
|
991
1012
|
border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-emphasized-border-color-selected-disabled, var(--spectrum-alias-border-color-disabled)));
|
992
1013
|
color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-emphasized-text-color-selected-disabled, var(--spectrum-alias-text-color-disabled)));
|
993
1014
|
}
|
994
1015
|
|
995
|
-
.
|
1016
|
+
.o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected:disabled .o7Xu8a_spectrum-Icon {
|
996
1017
|
fill: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-emphasized-icon-color-selected-disabled, var(--spectrum-alias-icon-color-disabled)));
|
997
1018
|
}
|
998
1019
|
|
999
|
-
.
|
1020
|
+
.o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-disabled {
|
1000
1021
|
background-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-emphasized-background-color-selected-disabled, var(--spectrum-global-color-gray-200)));
|
1001
1022
|
border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-emphasized-border-color-selected-disabled, var(--spectrum-alias-border-color-disabled)));
|
1002
1023
|
color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-emphasized-text-color-selected-disabled, var(--spectrum-alias-text-color-disabled)));
|
1003
1024
|
}
|
1004
1025
|
|
1005
|
-
.
|
1026
|
+
.o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-disabled .o7Xu8a_spectrum-Icon {
|
1006
1027
|
fill: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-emphasized-icon-color-selected-disabled, var(--spectrum-alias-icon-color-disabled)));
|
1007
1028
|
}
|
1008
1029
|
|
1009
|
-
.
|
1030
|
+
.o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected {
|
1010
1031
|
background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-accent-background-color-default));
|
1011
1032
|
border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-accent-background-color-default));
|
1012
1033
|
color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-text-color-selected, var(--spectrum-global-color-static-white)));
|
1013
1034
|
}
|
1014
1035
|
|
1015
|
-
.
|
1036
|
+
.o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected .o7Xu8a_spectrum-Icon {
|
1016
1037
|
fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-icon-color-selected, var(--spectrum-global-color-static-white)));
|
1017
1038
|
}
|
1018
1039
|
|
1019
|
-
.
|
1040
|
+
.o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected.o7Xu8a_focus-ring {
|
1020
1041
|
background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-accent-background-color-key-focus));
|
1021
1042
|
border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-accent-background-color-hover));
|
1022
1043
|
color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-text-color-selected-key-focus, var(--spectrum-global-color-static-white)));
|
1023
1044
|
}
|
1024
1045
|
|
1025
|
-
.
|
1046
|
+
.o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected.o7Xu8a_focus-ring .o7Xu8a_spectrum-Icon {
|
1026
1047
|
fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-icon-color-selected-key-focus, var(--spectrum-global-color-static-white)));
|
1027
1048
|
}
|
1028
1049
|
|
1029
|
-
.
|
1050
|
+
.o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected.o7Xu8a_is-hovered {
|
1030
1051
|
background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-accent-background-color-hover));
|
1031
1052
|
border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-accent-background-color-hover));
|
1032
1053
|
color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-text-color-selected-hover, var(--spectrum-global-color-static-white)));
|
1033
1054
|
}
|
1034
1055
|
|
1035
|
-
.
|
1056
|
+
.o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected.o7Xu8a_is-hovered .o7Xu8a_spectrum-Icon {
|
1036
1057
|
fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-icon-color-selected-hover, var(--spectrum-global-color-static-white)));
|
1037
1058
|
}
|
1038
1059
|
|
1039
|
-
.
|
1060
|
+
.o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected.o7Xu8a_is-active {
|
1040
1061
|
background-color: var(--spectrum-high-contrast-highlight, var(--spectrum-accent-background-color-down));
|
1041
1062
|
border-color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-accent-background-color-down));
|
1042
1063
|
color: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-text-color-selected-down, var(--spectrum-global-color-static-white)));
|
1043
1064
|
}
|
1044
1065
|
|
1045
|
-
.
|
1066
|
+
.o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected.o7Xu8a_is-active .o7Xu8a_spectrum-Icon {
|
1046
1067
|
fill: var(--spectrum-high-contrast-highlight-text, var(--spectrum-actionbutton-emphasized-icon-color-selected-down, var(--spectrum-global-color-static-white)));
|
1047
1068
|
}
|
1048
1069
|
|
1049
|
-
.
|
1070
|
+
.o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected:disabled {
|
1050
1071
|
background-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-emphasized-background-color-selected-disabled, var(--spectrum-global-color-gray-200)));
|
1051
1072
|
border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-emphasized-border-color-selected-disabled, var(--spectrum-alias-border-color-disabled)));
|
1052
1073
|
color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-emphasized-text-color-selected-disabled, var(--spectrum-alias-text-color-disabled)));
|
1053
1074
|
}
|
1054
1075
|
|
1055
|
-
.
|
1076
|
+
.o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected:disabled .o7Xu8a_spectrum-Icon {
|
1056
1077
|
fill: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-emphasized-icon-color-selected-disabled, var(--spectrum-alias-icon-color-disabled)));
|
1057
1078
|
}
|
1058
1079
|
|
1059
|
-
.
|
1080
|
+
.o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected.o7Xu8a_is-disabled {
|
1060
1081
|
background-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-emphasized-background-color-selected-disabled, var(--spectrum-global-color-gray-200)));
|
1061
1082
|
border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-emphasized-border-color-selected-disabled, var(--spectrum-alias-border-color-disabled)));
|
1062
1083
|
color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-emphasized-text-color-selected-disabled, var(--spectrum-alias-text-color-disabled)));
|
1063
1084
|
}
|
1064
1085
|
|
1065
|
-
.
|
1086
|
+
.o7Xu8a_spectrum-ActionButton--emphasized.o7Xu8a_is-selected.o7Xu8a_is-disabled .o7Xu8a_spectrum-Icon {
|
1066
1087
|
fill: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-emphasized-icon-color-selected-disabled, var(--spectrum-alias-icon-color-disabled)));
|
1067
1088
|
}
|
1068
1089
|
|
1069
|
-
.
|
1090
|
+
.o7Xu8a_spectrum-ActionButton--quiet {
|
1070
1091
|
background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-quiet-background-color, var(--spectrum-alias-background-color-transparent)));
|
1071
1092
|
border-color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-quiet-border-color, var(--spectrum-alias-border-color-transparent)));
|
1072
1093
|
color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-quiet-text-color, var(--spectrum-alias-text-color)));
|
1073
1094
|
}
|
1074
1095
|
|
1075
|
-
.
|
1096
|
+
.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-hovered {
|
1076
1097
|
background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-quiet-background-color-hover, var(--spectrum-alias-background-color-transparent)));
|
1077
1098
|
border-color: var(--spectrum-high-contrast-highlight, var(--spectrum-actionbutton-quiet-border-color-hover, var(--spectrum-alias-border-color-transparent)));
|
1078
1099
|
color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-quiet-text-color-hover, var(--spectrum-alias-text-color-hover)));
|
1079
1100
|
}
|
1080
1101
|
|
1081
|
-
.
|
1102
|
+
.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_focus-ring {
|
1082
1103
|
background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-quiet-background-color-key-focus, var(--spectrum-alias-background-color-transparent)));
|
1083
1104
|
border-color: var(--spectrum-high-contrast-highlight, var(--spectrum-actionbutton-quiet-border-color-hover, var(--spectrum-alias-border-color-transparent)));
|
1084
1105
|
color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-quiet-text-color-key-focus, var(--spectrum-alias-text-color-hover)));
|
1085
1106
|
}
|
1086
1107
|
|
1087
|
-
.
|
1108
|
+
.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-active {
|
1088
1109
|
background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-quiet-background-color-down, var(--spectrum-global-color-gray-300)));
|
1089
1110
|
border-color: var(--spectrum-high-contrast-highlight, var(--spectrum-actionbutton-quiet-border-color-down, var(--spectrum-global-color-gray-300)));
|
1090
1111
|
color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-quiet-text-color-down, var(--spectrum-alias-text-color-down)));
|
1091
1112
|
}
|
1092
1113
|
|
1093
|
-
.
|
1114
|
+
.o7Xu8a_spectrum-ActionButton--quiet:disabled, .o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-disabled {
|
1094
1115
|
background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-quiet-background-color-disabled, var(--spectrum-alias-background-color-transparent)));
|
1095
1116
|
border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-quiet-border-color-disabled, var(--spectrum-alias-border-color-transparent)));
|
1096
1117
|
color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-quiet-text-color-disabled, var(--spectrum-alias-text-color-disabled)));
|
1097
1118
|
}
|
1098
1119
|
|
1099
|
-
.
|
1120
|
+
.o7Xu8a_spectrum-ActionButton--staticWhite {
|
1100
1121
|
mix-blend-mode: screen;
|
1101
1122
|
--spectrum-actionbutton-static-background-color: var(--spectrum-actionbutton-static-white-background-color);
|
1102
1123
|
--spectrum-actionbutton-static-background-color-hover: #ffffff1a;
|
@@ -1121,14 +1142,14 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
1121
1142
|
--spectrum-actionbutton-static-color-selected-disabled: var(--spectrum-actionbutton-static-color-disabled);
|
1122
1143
|
}
|
1123
1144
|
|
1124
|
-
.
|
1145
|
+
.o7Xu8a_spectrum-ActionButton--staticWhite.o7Xu8a_spectrum-ActionButton--quiet {
|
1125
1146
|
--spectrum-actionbutton-static-border-color: transparent;
|
1126
1147
|
--spectrum-actionbutton-static-border-color-hover: transparent;
|
1127
1148
|
--spectrum-actionbutton-static-border-color-active: transparent;
|
1128
1149
|
--spectrum-actionbutton-static-border-color-selected: transparent;
|
1129
1150
|
}
|
1130
1151
|
|
1131
|
-
.
|
1152
|
+
.o7Xu8a_spectrum-ActionButton--staticBlack {
|
1132
1153
|
mix-blend-mode: multiply;
|
1133
1154
|
--spectrum-actionbutton-static-background-color: var(--spectrum-actionbutton-static-black-background-color);
|
1134
1155
|
--spectrum-actionbutton-static-background-color-hover: #0000001a;
|
@@ -1153,218 +1174,218 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
1153
1174
|
--spectrum-actionbutton-static-color-selected-disabled: var(--spectrum-actionbutton-static-color-disabled);
|
1154
1175
|
}
|
1155
1176
|
|
1156
|
-
.
|
1177
|
+
.o7Xu8a_spectrum-ActionButton--staticBlack.o7Xu8a_spectrum-ActionButton--quiet {
|
1157
1178
|
--spectrum-actionbutton-static-border-color: transparent;
|
1158
1179
|
--spectrum-actionbutton-static-border-color-hover: transparent;
|
1159
1180
|
--spectrum-actionbutton-static-border-color-active: transparent;
|
1160
1181
|
--spectrum-actionbutton-static-border-color-selected: transparent;
|
1161
1182
|
}
|
1162
1183
|
|
1163
|
-
.
|
1184
|
+
.o7Xu8a_spectrum-ActionButton--staticColor {
|
1164
1185
|
background-color: var(--spectrum-actionbutton-static-background-color);
|
1165
1186
|
border-color: var(--spectrum-actionbutton-static-border-color);
|
1166
1187
|
color: var(--spectrum-actionbutton-static-color);
|
1167
1188
|
--spectrum-focus-ring-color: var(--spectrum-actionbutton-static-color);
|
1168
1189
|
}
|
1169
1190
|
|
1170
|
-
.
|
1191
|
+
.o7Xu8a_spectrum-ActionButton--staticColor .o7Xu8a_spectrum-Icon {
|
1171
1192
|
fill: var(--spectrum-actionbutton-static-color);
|
1172
1193
|
}
|
1173
1194
|
|
1174
|
-
.
|
1195
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-hovered {
|
1175
1196
|
background-color: var(--spectrum-actionbutton-static-background-color-hover);
|
1176
1197
|
border-color: var(--spectrum-actionbutton-static-border-color-hover);
|
1177
1198
|
color: var(--spectrum-actionbutton-static-color);
|
1178
1199
|
}
|
1179
1200
|
|
1180
|
-
.
|
1201
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-hovered .o7Xu8a_spectrum-Icon, .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-hovered .o7Xu8a_spectrum-ActionButton-hold {
|
1181
1202
|
fill: var(--spectrum-actionbutton-static-color);
|
1182
1203
|
}
|
1183
1204
|
|
1184
|
-
.
|
1205
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_focus-ring {
|
1185
1206
|
background-color: var(--spectrum-actionbutton-static-background-color-focus);
|
1186
1207
|
border-color: var(--spectrum-actionbutton-static-border-color-focus);
|
1187
1208
|
box-shadow: none;
|
1188
1209
|
color: var(--spectrum-actionbutton-static-color);
|
1189
1210
|
}
|
1190
1211
|
|
1191
|
-
.
|
1212
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_focus-ring.o7Xu8a_is-hovered, .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_focus-ring.o7Xu8a_is-active {
|
1192
1213
|
border-color: var(--spectrum-actionbutton-static-border-color-focus);
|
1193
1214
|
}
|
1194
1215
|
|
1195
|
-
.
|
1216
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_focus-ring .o7Xu8a_spectrum-Icon, .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_focus-ring .o7Xu8a_spectrum-ActionButton-hold {
|
1196
1217
|
fill: var(--spectrum-actionbutton-static-color);
|
1197
1218
|
}
|
1198
1219
|
|
1199
|
-
.
|
1220
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-active {
|
1200
1221
|
background-color: var(--spectrum-actionbutton-static-background-color-active);
|
1201
1222
|
border-color: var(--spectrum-actionbutton-static-border-color-active);
|
1202
1223
|
color: var(--spectrum-actionbutton-static-color);
|
1203
1224
|
}
|
1204
1225
|
|
1205
|
-
.
|
1226
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-active .o7Xu8a_spectrum-ActionButton-hold {
|
1206
1227
|
fill: var(--spectrum-actionbutton-static-color);
|
1207
1228
|
}
|
1208
1229
|
|
1209
|
-
.
|
1230
|
+
.o7Xu8a_spectrum-ActionButton--staticColor:disabled {
|
1210
1231
|
background-color: var(--spectrum-actionbutton-static-background-color-disabled);
|
1211
1232
|
border-color: var(--spectrum-actionbutton-static-border-color-disabled);
|
1212
1233
|
color: var(--spectrum-actionbutton-static-color-disabled);
|
1213
1234
|
}
|
1214
1235
|
|
1215
|
-
.
|
1236
|
+
.o7Xu8a_spectrum-ActionButton--staticColor:disabled .o7Xu8a_spectrum-Icon, .o7Xu8a_spectrum-ActionButton--staticColor:disabled .o7Xu8a_spectrum-ActionButton-hold {
|
1216
1237
|
fill: var(--spectrum-actionbutton-static-color-disabled);
|
1217
1238
|
}
|
1218
1239
|
|
1219
|
-
.
|
1240
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-disabled {
|
1220
1241
|
background-color: var(--spectrum-actionbutton-static-background-color-disabled);
|
1221
1242
|
border-color: var(--spectrum-actionbutton-static-border-color-disabled);
|
1222
1243
|
color: var(--spectrum-actionbutton-static-color-disabled);
|
1223
1244
|
}
|
1224
1245
|
|
1225
|
-
.
|
1246
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-disabled .o7Xu8a_spectrum-Icon, .o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-disabled .o7Xu8a_spectrum-ActionButton-hold {
|
1226
1247
|
fill: var(--spectrum-actionbutton-static-color-disabled);
|
1227
1248
|
}
|
1228
1249
|
|
1229
|
-
.
|
1250
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected {
|
1230
1251
|
background-color: var(--spectrum-actionbutton-static-background-color-selected);
|
1231
1252
|
border-color: var(--spectrum-actionbutton-static-border-color-selected);
|
1232
1253
|
color: var(--spectrum-actionbutton-static-color-selected);
|
1233
1254
|
}
|
1234
1255
|
|
1235
|
-
.
|
1256
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected .o7Xu8a_spectrum-Icon {
|
1236
1257
|
fill: var(--spectrum-actionbutton-static-color-selected);
|
1237
1258
|
}
|
1238
1259
|
|
1239
|
-
.
|
1260
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_focus-ring {
|
1240
1261
|
background-color: var(--spectrum-actionbutton-static-background-color-selected-focus);
|
1241
1262
|
border-color: var(--spectrum-actionbutton-static-background-color-selected-focus);
|
1242
1263
|
color: var(--spectrum-actionbutton-static-color-selected);
|
1243
1264
|
box-shadow: none;
|
1244
1265
|
}
|
1245
1266
|
|
1246
|
-
.
|
1267
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_focus-ring .o7Xu8a_spectrum-Icon {
|
1247
1268
|
fill: var(--spectrum-actionbutton-static-color-selected);
|
1248
1269
|
}
|
1249
1270
|
|
1250
|
-
.
|
1271
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-hovered {
|
1251
1272
|
background-color: var(--spectrum-actionbutton-static-background-color-selected-hover);
|
1252
1273
|
border-color: var(--spectrum-actionbutton-static-background-color-selected-hover);
|
1253
1274
|
color: var(--spectrum-actionbutton-static-color-selected);
|
1254
1275
|
}
|
1255
1276
|
|
1256
|
-
.
|
1277
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-hovered .o7Xu8a_spectrum-Icon {
|
1257
1278
|
fill: var(--spectrum-actionbutton-static-color-selected);
|
1258
1279
|
}
|
1259
1280
|
|
1260
|
-
.
|
1281
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-active {
|
1261
1282
|
background-color: var(--spectrum-actionbutton-static-background-color-selected-hover);
|
1262
1283
|
border-color: var(--spectrum-actionbutton-static-background-color-selected-hover);
|
1263
1284
|
color: var(--spectrum-actionbutton-static-color-selected);
|
1264
1285
|
}
|
1265
1286
|
|
1266
|
-
.
|
1287
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-active .o7Xu8a_spectrum-Icon {
|
1267
1288
|
fill: var(--spectrum-actionbutton-static-color-selected);
|
1268
1289
|
}
|
1269
1290
|
|
1270
|
-
.
|
1291
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected:disabled {
|
1271
1292
|
background-color: var(--spectrum-actionbutton-static-background-color-selected-disabled);
|
1272
1293
|
border-color: var(--spectrum-actionbutton-static-border-color-selected-disabled);
|
1273
1294
|
color: var(--spectrum-actionbutton-static-color-selected-disabled);
|
1274
1295
|
}
|
1275
1296
|
|
1276
|
-
.
|
1297
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected:disabled .o7Xu8a_spectrum-Icon {
|
1277
1298
|
fill: var(--spectrum-actionbutton-static-color-selected-disabled);
|
1278
1299
|
}
|
1279
1300
|
|
1280
|
-
.
|
1301
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected:disabled .o7Xu8a_spectrum-ActionButton-hold {
|
1281
1302
|
fill: var(--spectrum-actionbutton-static-color-disabled);
|
1282
1303
|
}
|
1283
1304
|
|
1284
|
-
.
|
1305
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-disabled {
|
1285
1306
|
background-color: var(--spectrum-actionbutton-static-background-color-selected-disabled);
|
1286
1307
|
border-color: var(--spectrum-actionbutton-static-border-color-selected-disabled);
|
1287
1308
|
color: var(--spectrum-actionbutton-static-color-selected-disabled);
|
1288
1309
|
}
|
1289
1310
|
|
1290
|
-
.
|
1311
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-disabled .o7Xu8a_spectrum-Icon {
|
1291
1312
|
fill: var(--spectrum-actionbutton-static-color-selected-disabled);
|
1292
1313
|
}
|
1293
1314
|
|
1294
|
-
.
|
1315
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-disabled .o7Xu8a_spectrum-ActionButton-hold {
|
1295
1316
|
fill: var(--spectrum-actionbutton-static-color-disabled);
|
1296
1317
|
}
|
1297
1318
|
|
1298
|
-
.
|
1319
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected {
|
1299
1320
|
background-color: var(--spectrum-actionbutton-static-background-color-selected);
|
1300
1321
|
border-color: var(--spectrum-actionbutton-static-border-color-selected);
|
1301
1322
|
color: var(--spectrum-actionbutton-static-color-selected);
|
1302
1323
|
}
|
1303
1324
|
|
1304
|
-
.
|
1325
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected .o7Xu8a_spectrum-Icon {
|
1305
1326
|
fill: var(--spectrum-actionbutton-static-color-selected);
|
1306
1327
|
}
|
1307
1328
|
|
1308
|
-
.
|
1329
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected.o7Xu8a_focus-ring {
|
1309
1330
|
background-color: var(--spectrum-actionbutton-static-background-color-selected-focus);
|
1310
1331
|
border-color: var(--spectrum-actionbutton-static-background-color-selected-focus);
|
1311
1332
|
color: var(--spectrum-actionbutton-static-color-selected);
|
1312
1333
|
box-shadow: none;
|
1313
1334
|
}
|
1314
1335
|
|
1315
|
-
.
|
1336
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected.o7Xu8a_focus-ring .o7Xu8a_spectrum-Icon {
|
1316
1337
|
fill: var(--spectrum-actionbutton-static-color-selected);
|
1317
1338
|
}
|
1318
1339
|
|
1319
|
-
.
|
1340
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected.o7Xu8a_is-hovered {
|
1320
1341
|
background-color: var(--spectrum-actionbutton-static-background-color-selected-hover);
|
1321
1342
|
border-color: var(--spectrum-actionbutton-static-background-color-selected-hover);
|
1322
1343
|
color: var(--spectrum-actionbutton-static-color-selected);
|
1323
1344
|
}
|
1324
1345
|
|
1325
|
-
.
|
1346
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected.o7Xu8a_is-hovered .o7Xu8a_spectrum-Icon {
|
1326
1347
|
fill: var(--spectrum-actionbutton-static-color-selected);
|
1327
1348
|
}
|
1328
1349
|
|
1329
|
-
.
|
1350
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected.o7Xu8a_is-active {
|
1330
1351
|
background-color: var(--spectrum-actionbutton-static-background-color-selected-hover);
|
1331
1352
|
border-color: var(--spectrum-actionbutton-static-background-color-selected-hover);
|
1332
1353
|
color: var(--spectrum-actionbutton-static-color-selected);
|
1333
1354
|
}
|
1334
1355
|
|
1335
|
-
.
|
1356
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected.o7Xu8a_is-active .o7Xu8a_spectrum-Icon {
|
1336
1357
|
fill: var(--spectrum-actionbutton-static-color-selected);
|
1337
1358
|
}
|
1338
1359
|
|
1339
|
-
.
|
1360
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected:disabled {
|
1340
1361
|
background-color: var(--spectrum-actionbutton-static-background-color-selected-disabled);
|
1341
1362
|
border-color: var(--spectrum-actionbutton-static-border-color-selected-disabled);
|
1342
1363
|
color: var(--spectrum-actionbutton-static-color-selected-disabled);
|
1343
1364
|
}
|
1344
1365
|
|
1345
|
-
.
|
1366
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected:disabled .o7Xu8a_spectrum-Icon {
|
1346
1367
|
fill: var(--spectrum-actionbutton-static-color-selected-disabled);
|
1347
1368
|
}
|
1348
1369
|
|
1349
|
-
.
|
1370
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected:disabled .o7Xu8a_spectrum-ActionButton-hold {
|
1350
1371
|
fill: var(--spectrum-actionbutton-static-color-disabled);
|
1351
1372
|
}
|
1352
1373
|
|
1353
|
-
.
|
1374
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected.o7Xu8a_is-disabled {
|
1354
1375
|
background-color: var(--spectrum-actionbutton-static-background-color-selected-disabled);
|
1355
1376
|
border-color: var(--spectrum-actionbutton-static-border-color-selected-disabled);
|
1356
1377
|
color: var(--spectrum-actionbutton-static-color-selected-disabled);
|
1357
1378
|
}
|
1358
1379
|
|
1359
|
-
.
|
1380
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected.o7Xu8a_is-disabled .o7Xu8a_spectrum-Icon {
|
1360
1381
|
fill: var(--spectrum-actionbutton-static-color-selected-disabled);
|
1361
1382
|
}
|
1362
1383
|
|
1363
|
-
.
|
1384
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_is-selected.o7Xu8a_is-disabled .o7Xu8a_spectrum-ActionButton-hold {
|
1364
1385
|
fill: var(--spectrum-actionbutton-static-color-disabled);
|
1365
1386
|
}
|
1366
1387
|
|
1367
|
-
.
|
1388
|
+
.o7Xu8a_spectrum-ActionButton--staticColor.o7Xu8a_spectrum-ActionButton--quiet {
|
1368
1389
|
--spectrum-actionbutton-static-background-color: transparent;
|
1369
1390
|
--spectrum-actionbutton-static-background-color-disabled: transparent;
|
1370
1391
|
--spectrum-actionbutton-static-border-color: transparent;
|
@@ -1375,194 +1396,194 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
1375
1396
|
--spectrum-actionbutton-static-border-color-selected-disabled: transparent;
|
1376
1397
|
}
|
1377
1398
|
|
1378
|
-
.
|
1399
|
+
.o7Xu8a_spectrum-LogicButton--and {
|
1379
1400
|
background-color: var(--spectrum-global-color-static-blue-600, #1473e6);
|
1380
1401
|
border-color: var(--spectrum-global-color-static-blue-600, #1473e6);
|
1381
1402
|
color: var(--spectrum-logicbutton-and-text-color, var(--spectrum-global-color-static-white));
|
1382
1403
|
}
|
1383
1404
|
|
1384
|
-
.
|
1405
|
+
.o7Xu8a_spectrum-LogicButton--and.o7Xu8a_is-hovered {
|
1385
1406
|
background-color: var(--spectrum-global-color-static-blue-700, #0d66d0);
|
1386
1407
|
border-color: var(--spectrum-global-color-static-blue-700, #0d66d0);
|
1387
1408
|
color: var(--spectrum-logicbutton-and-text-color, var(--spectrum-global-color-static-white));
|
1388
1409
|
}
|
1389
1410
|
|
1390
|
-
.
|
1411
|
+
.o7Xu8a_spectrum-LogicButton--and:disabled, .o7Xu8a_spectrum-LogicButton--and.o7Xu8a_is-disabled {
|
1391
1412
|
background-color: var(--spectrum-logicbutton-and-background-color-disabled, var(--spectrum-global-color-gray-200));
|
1392
1413
|
border-color: var(--spectrum-logicbutton-and-border-color-disabled, var(--spectrum-global-color-gray-200));
|
1393
1414
|
color: var(--spectrum-logicbutton-and-text-color-disabled, var(--spectrum-alias-text-color-disabled));
|
1394
1415
|
}
|
1395
1416
|
|
1396
|
-
.
|
1417
|
+
.o7Xu8a_spectrum-LogicButton--or {
|
1397
1418
|
background-color: var(--spectrum-global-color-static-magenta-500, #d83790);
|
1398
1419
|
border-color: var(--spectrum-global-color-static-magenta-500, #d83790);
|
1399
1420
|
color: var(--spectrum-logicbutton-or-text-color, var(--spectrum-global-color-static-white));
|
1400
1421
|
}
|
1401
1422
|
|
1402
|
-
.
|
1423
|
+
.o7Xu8a_spectrum-LogicButton--or.o7Xu8a_is-hovered {
|
1403
1424
|
background-color: var(--spectrum-global-color-static-magenta-600, #ca2982);
|
1404
1425
|
border-color: var(--spectrum-global-color-static-magenta-600, #ca2982);
|
1405
1426
|
color: var(--spectrum-logicbutton-or-text-color, var(--spectrum-global-color-static-white));
|
1406
1427
|
}
|
1407
1428
|
|
1408
|
-
.
|
1429
|
+
.o7Xu8a_spectrum-LogicButton--or:disabled, .o7Xu8a_spectrum-LogicButton--or.o7Xu8a_is-disabled {
|
1409
1430
|
background-color: var(--spectrum-logicbutton-and-background-color-disabled, var(--spectrum-global-color-gray-200));
|
1410
1431
|
border-color: var(--spectrum-logicbutton-and-border-color-disabled, var(--spectrum-global-color-gray-200));
|
1411
1432
|
color: var(--spectrum-logicbutton-and-text-color-disabled, var(--spectrum-alias-text-color-disabled));
|
1412
1433
|
}
|
1413
1434
|
|
1414
|
-
.
|
1435
|
+
.o7Xu8a_spectrum-FieldButton {
|
1415
1436
|
color: var(--spectrum-fieldbutton-text-color, var(--spectrum-alias-text-color));
|
1416
1437
|
background-color: var(--spectrum-fieldbutton-background-color, var(--spectrum-global-color-gray-75));
|
1417
1438
|
border-color: var(--spectrum-fieldbutton-border-color, var(--spectrum-alias-border-color));
|
1418
1439
|
}
|
1419
1440
|
|
1420
|
-
.
|
1441
|
+
.o7Xu8a_spectrum-FieldButton .o7Xu8a_spectrum-Icon {
|
1421
1442
|
fill: var(--spectrum-fieldbutton-icon-color, var(--spectrum-alias-icon-color));
|
1422
1443
|
}
|
1423
1444
|
|
1424
|
-
.
|
1445
|
+
.o7Xu8a_spectrum-FieldButton.o7Xu8a_is-hovered {
|
1425
1446
|
color: var(--spectrum-fieldbutton-text-color-hover, var(--spectrum-alias-text-color-hover));
|
1426
1447
|
background-color: var(--spectrum-fieldbutton-background-color-hover, var(--spectrum-global-color-gray-50));
|
1427
1448
|
border-color: var(--spectrum-fieldbutton-border-color-hover, var(--spectrum-alias-border-color-hover));
|
1428
1449
|
}
|
1429
1450
|
|
1430
|
-
.
|
1451
|
+
.o7Xu8a_spectrum-FieldButton.o7Xu8a_is-hovered .o7Xu8a_spectrum-Icon {
|
1431
1452
|
fill: var(--spectrum-fieldbutton-icon-color-hover, var(--spectrum-alias-icon-color-hover));
|
1432
1453
|
}
|
1433
1454
|
|
1434
|
-
.
|
1455
|
+
.o7Xu8a_spectrum-FieldButton.o7Xu8a_is-active {
|
1435
1456
|
background-color: var(--spectrum-fieldbutton-background-color-down, var(--spectrum-global-color-gray-200));
|
1436
1457
|
border-color: var(--spectrum-fieldbutton-border-color-down, var(--spectrum-alias-border-color-down));
|
1437
1458
|
}
|
1438
1459
|
|
1439
|
-
.
|
1460
|
+
.o7Xu8a_spectrum-FieldButton.o7Xu8a_is-active .o7Xu8a_spectrum-Icon {
|
1440
1461
|
fill: var(--spectrum-fieldbutton-icon-color-down, var(--spectrum-alias-icon-color-down));
|
1441
1462
|
}
|
1442
1463
|
|
1443
|
-
.
|
1464
|
+
.o7Xu8a_spectrum-FieldButton.o7Xu8a_is-selected {
|
1444
1465
|
background-color: var(--spectrum-fieldbutton-background-color-down, var(--spectrum-global-color-gray-200));
|
1445
1466
|
border-color: var(--spectrum-fieldbutton-border-color-down, var(--spectrum-alias-border-color-down));
|
1446
1467
|
}
|
1447
1468
|
|
1448
|
-
.
|
1469
|
+
.o7Xu8a_spectrum-FieldButton.o7Xu8a_is-selected .o7Xu8a_spectrum-Icon {
|
1449
1470
|
fill: var(--spectrum-fieldbutton-icon-color-down, var(--spectrum-alias-icon-color-down));
|
1450
1471
|
}
|
1451
1472
|
|
1452
|
-
.
|
1473
|
+
.o7Xu8a_spectrum-FieldButton.o7Xu8a_focus-ring {
|
1453
1474
|
background-color: var(--spectrum-fieldbutton-background-color-key-focus, var(--spectrum-global-color-gray-50));
|
1454
1475
|
border-color: var(--spectrum-fieldbutton-border-color-key-focus, var(--spectrum-alias-border-color-focus));
|
1455
1476
|
color: var(--spectrum-fieldbutton-text-color-key-focus, var(--spectrum-alias-text-color-hover));
|
1456
1477
|
}
|
1457
1478
|
|
1458
|
-
.
|
1479
|
+
.o7Xu8a_spectrum-FieldButton.o7Xu8a_focus-ring .o7Xu8a_spectrum-Icon {
|
1459
1480
|
fill: var(--spectrum-fieldbutton-icon-color-key-focus, var(--spectrum-alias-icon-color-focus));
|
1460
1481
|
}
|
1461
1482
|
|
1462
|
-
.
|
1483
|
+
.o7Xu8a_spectrum-FieldButton.o7Xu8a_focus-ring.o7Xu8a_is-placeholder {
|
1463
1484
|
fill: var(--spectrum-fieldbutton-placeholder-text-color-key-focus, var(--spectrum-alias-placeholder-text-color-hover));
|
1464
1485
|
}
|
1465
1486
|
|
1466
|
-
.
|
1487
|
+
.o7Xu8a_spectrum-FieldButton.o7Xu8a_is-focused {
|
1467
1488
|
background-color: var(--spectrum-fieldbutton-background-color-key-focus, var(--spectrum-global-color-gray-50));
|
1468
1489
|
border-color: var(--spectrum-fieldbutton-border-color-key-focus, var(--spectrum-alias-border-color-focus));
|
1469
1490
|
color: var(--spectrum-fieldbutton-text-color-key-focus, var(--spectrum-alias-text-color-hover));
|
1470
1491
|
}
|
1471
1492
|
|
1472
|
-
.
|
1493
|
+
.o7Xu8a_spectrum-FieldButton.o7Xu8a_is-focused .o7Xu8a_spectrum-Icon {
|
1473
1494
|
fill: var(--spectrum-fieldbutton-icon-color-key-focus, var(--spectrum-alias-icon-color-focus));
|
1474
1495
|
}
|
1475
1496
|
|
1476
|
-
.
|
1497
|
+
.o7Xu8a_spectrum-FieldButton.o7Xu8a_is-focused.o7Xu8a_is-placeholder {
|
1477
1498
|
fill: var(--spectrum-fieldbutton-placeholder-text-color-key-focus, var(--spectrum-alias-placeholder-text-color-hover));
|
1478
1499
|
}
|
1479
1500
|
|
1480
|
-
.
|
1501
|
+
.o7Xu8a_spectrum-FieldButton.o7Xu8a_spectrum-FieldButton--invalid {
|
1481
1502
|
border-color: var(--spectrum-fieldbutton-border-color-error, var(--spectrum-global-color-red-500));
|
1482
1503
|
}
|
1483
1504
|
|
1484
|
-
.
|
1505
|
+
.o7Xu8a_spectrum-FieldButton.o7Xu8a_spectrum-FieldButton--invalid.o7Xu8a_is-hovered {
|
1485
1506
|
border-color: var(--spectrum-fieldbutton-border-color-error-hover, var(--spectrum-global-color-red-600));
|
1486
1507
|
}
|
1487
1508
|
|
1488
|
-
.
|
1509
|
+
.o7Xu8a_spectrum-FieldButton.o7Xu8a_spectrum-FieldButton--invalid.o7Xu8a_is-active, .o7Xu8a_spectrum-FieldButton.o7Xu8a_spectrum-FieldButton--invalid.o7Xu8a_is-selected {
|
1489
1510
|
border-color: var(--spectrum-fieldbutton-border-color-error-down, var(--spectrum-global-color-red-600));
|
1490
1511
|
}
|
1491
1512
|
|
1492
|
-
.
|
1513
|
+
.o7Xu8a_spectrum-FieldButton.o7Xu8a_spectrum-FieldButton--invalid.o7Xu8a_focus-ring, .o7Xu8a_spectrum-FieldButton.o7Xu8a_spectrum-FieldButton--invalid.o7Xu8a_is-focused {
|
1493
1514
|
border-color: var(--spectrum-fieldbutton-border-color-error-key-focus, var(--spectrum-alias-border-color-focus));
|
1494
1515
|
}
|
1495
1516
|
|
1496
|
-
.
|
1517
|
+
.o7Xu8a_spectrum-FieldButton:disabled {
|
1497
1518
|
background-color: var(--spectrum-fieldbutton-background-color-disabled, var(--spectrum-global-color-gray-200));
|
1498
1519
|
color: var(--spectrum-fieldbutton-text-color-disabled, var(--spectrum-alias-text-color-disabled));
|
1499
1520
|
}
|
1500
1521
|
|
1501
|
-
.
|
1522
|
+
.o7Xu8a_spectrum-FieldButton:disabled .o7Xu8a_spectrum-Icon {
|
1502
1523
|
fill: var(--spectrum-fieldbutton-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
|
1503
1524
|
}
|
1504
1525
|
|
1505
|
-
.
|
1526
|
+
.o7Xu8a_spectrum-FieldButton.o7Xu8a_is-disabled {
|
1506
1527
|
background-color: var(--spectrum-fieldbutton-background-color-disabled, var(--spectrum-global-color-gray-200));
|
1507
1528
|
color: var(--spectrum-fieldbutton-text-color-disabled, var(--spectrum-alias-text-color-disabled));
|
1508
1529
|
}
|
1509
1530
|
|
1510
|
-
.
|
1531
|
+
.o7Xu8a_spectrum-FieldButton.o7Xu8a_is-disabled .o7Xu8a_spectrum-Icon {
|
1511
1532
|
fill: var(--spectrum-fieldbutton-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
|
1512
1533
|
}
|
1513
1534
|
|
1514
|
-
.
|
1535
|
+
.o7Xu8a_spectrum-FieldButton--quiet {
|
1515
1536
|
color: var(--spectrum-fieldbutton-text-color, var(--spectrum-alias-text-color));
|
1516
1537
|
border-color: var(--spectrum-fieldbutton-quiet-border-color, var(--spectrum-alias-border-color-transparent));
|
1517
1538
|
background-color: var(--spectrum-fieldbutton-quiet-background-color, var(--spectrum-alias-background-color-transparent));
|
1518
1539
|
}
|
1519
1540
|
|
1520
|
-
.
|
1541
|
+
.o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-hovered {
|
1521
1542
|
background-color: var(--spectrum-fieldbutton-quiet-background-color-hover, var(--spectrum-alias-background-color-transparent));
|
1522
1543
|
color: var(--spectrum-fieldbutton-text-color-hover, var(--spectrum-alias-text-color-hover));
|
1523
1544
|
}
|
1524
1545
|
|
1525
|
-
.
|
1546
|
+
.o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_focus-ring {
|
1526
1547
|
background-color: var(--spectrum-fieldbutton-quiet-background-color-key-focus, var(--spectrum-alias-background-color-transparent));
|
1527
1548
|
}
|
1528
1549
|
|
1529
|
-
.
|
1550
|
+
.o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_focus-ring.o7Xu8a_is-placeholder {
|
1530
1551
|
color: var(--spectrum-fieldbutton-quiet-placeholder-text-color-key-focus, var(--spectrum-alias-placeholder-text-color-hover));
|
1531
1552
|
}
|
1532
1553
|
|
1533
|
-
.
|
1554
|
+
.o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-focused {
|
1534
1555
|
background-color: var(--spectrum-fieldbutton-quiet-background-color-key-focus, var(--spectrum-alias-background-color-transparent));
|
1535
1556
|
}
|
1536
1557
|
|
1537
|
-
.
|
1558
|
+
.o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-focused.o7Xu8a_is-placeholder {
|
1538
1559
|
color: var(--spectrum-fieldbutton-quiet-placeholder-text-color-key-focus, var(--spectrum-alias-placeholder-text-color-hover));
|
1539
1560
|
}
|
1540
1561
|
|
1541
|
-
.
|
1562
|
+
.o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-active {
|
1542
1563
|
background-color: var(--spectrum-fieldbutton-quiet-background-color-down, var(--spectrum-alias-background-color-transparent));
|
1543
1564
|
border-color: var(--spectrum-fieldbutton-quiet-border-color-down, var(--spectrum-alias-border-color-transparent));
|
1544
1565
|
}
|
1545
1566
|
|
1546
|
-
.
|
1567
|
+
.o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-active.o7Xu8a_focus-ring, .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-active.o7Xu8a_is-focused {
|
1547
1568
|
background-color: var(--spectrum-fieldbutton-quiet-background-color-key-focus, var(--spectrum-alias-background-color-transparent));
|
1548
1569
|
}
|
1549
1570
|
|
1550
|
-
.
|
1571
|
+
.o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-selected {
|
1551
1572
|
background-color: var(--spectrum-fieldbutton-quiet-background-color-down, var(--spectrum-alias-background-color-transparent));
|
1552
1573
|
border-color: var(--spectrum-fieldbutton-quiet-border-color-down, var(--spectrum-alias-border-color-transparent));
|
1553
1574
|
}
|
1554
1575
|
|
1555
|
-
.
|
1576
|
+
.o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-selected.o7Xu8a_focus-ring, .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-selected.o7Xu8a_is-focused {
|
1556
1577
|
background-color: var(--spectrum-fieldbutton-quiet-background-color-key-focus, var(--spectrum-alias-background-color-transparent));
|
1557
1578
|
}
|
1558
1579
|
|
1559
|
-
.
|
1580
|
+
.o7Xu8a_spectrum-FieldButton--quiet:disabled, .o7Xu8a_spectrum-FieldButton--quiet.o7Xu8a_is-disabled {
|
1560
1581
|
background-color: var(--spectrum-fieldbutton-quiet-background-color-disabled, var(--spectrum-alias-background-color-transparent));
|
1561
1582
|
color: var(--spectrum-fieldbutton-text-color-disabled, var(--spectrum-alias-text-color-disabled));
|
1562
1583
|
}
|
1563
1584
|
|
1564
1585
|
@media (forced-colors: active) {
|
1565
|
-
.
|
1586
|
+
.o7Xu8a_spectrum-ActionButton, .o7Xu8a_spectrum-ClearButton, .o7Xu8a_spectrum-LogicButton, .o7Xu8a_spectrum-FieldButton {
|
1566
1587
|
forced-color-adjust: none;
|
1567
1588
|
--spectrum-clearbutton-medium-icon-color: ButtonText;
|
1568
1589
|
--spectrum-clearbutton-medium-icon-color-disabled: GrayText;
|
@@ -1614,11 +1635,11 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
1614
1635
|
--spectrum-dropdown-border-color-key-focus: Highlight;
|
1615
1636
|
}
|
1616
1637
|
|
1617
|
-
.
|
1638
|
+
.o7Xu8a_spectrum-Button--overBackground {
|
1618
1639
|
--spectrum-button-over-background-color: ButtonText;
|
1619
1640
|
}
|
1620
1641
|
|
1621
|
-
.
|
1642
|
+
.o7Xu8a_spectrum-ActionButton--staticColor, .o7Xu8a_spectrum-ActionButton--staticWhite, .o7Xu8a_spectrum-ActionButton--staticBlack, .o7Xu8a_spectrum-ActionButton--staticWhite.o7Xu8a_spectrum-ActionButton--quiet, .o7Xu8a_spectrum-ActionButton--staticBlack.o7Xu8a_spectrum-ActionButton--quiet {
|
1622
1643
|
mix-blend-mode: normal;
|
1623
1644
|
--spectrum-actionbutton-static-background-color: ButtonFace;
|
1624
1645
|
--spectrum-actionbutton-static-background-color-disabled: var(--spectrum-high-contrast-transparent);
|
@@ -1642,4 +1663,4 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
1642
1663
|
--spectrum-actionbutton-static-color-selected-disabled: ButtonFace;
|
1643
1664
|
}
|
1644
1665
|
}
|
1645
|
-
/*# sourceMappingURL=button.
|
1666
|
+
/*# sourceMappingURL=button.9e5e3032.css.map */
|