@react-spectrum/button 3.0.0-nightly.2779 → 3.0.0-nightly.2790

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.
Files changed (7) hide show
  1. package/dist/import.mjs +1 -1
  2. package/dist/main.css +33 -151
  3. package/dist/main.css.map +1 -1
  4. package/dist/module.css +1631 -0
  5. package/dist/module.css.map +1 -0
  6. package/dist/module.js +1 -1
  7. package/package.json +16 -16
package/dist/import.mjs CHANGED
@@ -32,7 +32,7 @@ import $31f966e58b99834b$exports from "./tr-TR.mjs";
32
32
  import $a3d99ea5d46a3d12$exports from "./uk-UA.mjs";
33
33
  import $6e4b63af77288b7a$exports from "./zh-CN.mjs";
34
34
  import $be993a68bccef72a$exports from "./zh-TW.mjs";
35
- import "./main.css";
35
+ import "./module.css";
36
36
  import {useSlotProps as $d7FTw$useSlotProps, useFocusableRef as $d7FTw$useFocusableRef, useStyleProps as $d7FTw$useStyleProps, useHasChild as $d7FTw$useHasChild, classNames as $d7FTw$classNames, SlotProvider as $d7FTw$SlotProvider} from "@react-spectrum/utils";
37
37
  import {FocusRing as $d7FTw$FocusRing} from "@react-aria/focus";
38
38
  import {useId as $d7FTw$useId, isAppleDevice as $d7FTw$isAppleDevice, isFirefox as $d7FTw$isFirefox, mergeProps as $d7FTw$mergeProps} from "@react-aria/utils";
package/dist/main.css CHANGED
@@ -23,11 +23,7 @@
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
- .Dniwja_i18nFontFamily:lang(zh-SG) {
27
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
28
- }
29
-
30
- .Dniwja_i18nFontFamily:lang(zh-CN) {
26
+ .Dniwja_i18nFontFamily:lang(zh-SG), .Dniwja_i18nFontFamily:lang(zh-CN) {
31
27
  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
32
28
  }
33
29
 
@@ -55,13 +51,7 @@
55
51
  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
56
52
  display: block;
57
53
  position: absolute;
58
- top: 0;
59
- bottom: 0;
60
- left: 0;
61
- right: 0;
62
- }
63
-
64
- .Dniwja_spectrum-FocusRing {
54
+ inset: 0;
65
55
  }
66
56
 
67
57
  .Dniwja_spectrum-FocusRing.Dniwja_focus-ring:after {
@@ -121,16 +111,11 @@ button.Dniwja_spectrum-BaseButton {
121
111
 
122
112
  .Dniwja_spectrum-BaseButton::-moz-focus-inner {
123
113
  border: 0;
124
- margin-block-start: -2px;
125
- margin-block-end: -2px;
114
+ margin-block: -2px;
126
115
  padding: 0;
127
116
  }
128
117
 
129
- .Dniwja_spectrum-BaseButton:disabled {
130
- cursor: default;
131
- }
132
-
133
- .Dniwja_spectrum-BaseButton.Dniwja_is-disabled {
118
+ .Dniwja_spectrum-BaseButton:disabled, .Dniwja_spectrum-BaseButton.Dniwja_is-disabled {
134
119
  cursor: default;
135
120
  }
136
121
 
@@ -156,11 +141,7 @@ button.Dniwja_spectrum-BaseButton {
156
141
  padding-block-end: calc(var(--spectrum-global-dimension-size-50) + 1px);
157
142
  }
158
143
 
159
- .Dniwja_spectrum-Button.Dniwja_is-hovered {
160
- box-shadow: none;
161
- }
162
-
163
- .Dniwja_spectrum-Button:active {
144
+ .Dniwja_spectrum-Button.Dniwja_is-hovered, .Dniwja_spectrum-Button:active {
164
145
  box-shadow: none;
165
146
  }
166
147
 
@@ -186,11 +167,7 @@ button.Dniwja_spectrum-BaseButton {
186
167
  transform: translate(-50%, -50%);
187
168
  }
188
169
 
189
- .Dniwja_spectrum-Button.Dniwja_spectrum-Button--pending .Dniwja_spectrum-Button-label {
190
- opacity: 0;
191
- }
192
-
193
- .Dniwja_spectrum-Button.Dniwja_spectrum-Button--pending .Dniwja_spectrum-Icon {
170
+ .Dniwja_spectrum-Button.Dniwja_spectrum-Button--pending .Dniwja_spectrum-Button-label, .Dniwja_spectrum-Button.Dniwja_spectrum-Button--pending .Dniwja_spectrum-Icon {
194
171
  opacity: 0;
195
172
  }
196
173
 
@@ -228,28 +205,20 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
228
205
  padding-inline-end: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
229
206
  }
230
207
 
231
- .Dniwja_spectrum-ActionButton .Dniwja_spectrum-ActionButton-label:only-child {
232
- padding-inline-start: var(--spectrum-actionbutton-text-padding-x, var(--spectrum-global-dimension-size-150));
233
- }
234
-
235
- .Dniwja_spectrum-ActionButton .Dniwja_spectrum-ActionButton-hold + .Dniwja_spectrum-ActionButton-label:last-child {
208
+ .Dniwja_spectrum-ActionButton .Dniwja_spectrum-ActionButton-label:only-child, .Dniwja_spectrum-ActionButton .Dniwja_spectrum-ActionButton-hold + .Dniwja_spectrum-ActionButton-label:last-child {
236
209
  padding-inline-start: var(--spectrum-actionbutton-text-padding-x, var(--spectrum-global-dimension-size-150));
237
210
  }
238
211
 
239
- .Dniwja_spectrum-ActionButton .Dniwja_spectrum-Icon:only-child {
240
- padding-inline-end: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
241
- }
242
-
243
- .Dniwja_spectrum-ActionButton .Dniwja_spectrum-ActionButton-hold + .Dniwja_spectrum-Icon:last-child {
212
+ .Dniwja_spectrum-ActionButton .Dniwja_spectrum-Icon:only-child, .Dniwja_spectrum-ActionButton .Dniwja_spectrum-ActionButton-hold + .Dniwja_spectrum-Icon:last-child {
244
213
  padding-inline-end: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
245
214
  }
246
215
 
247
216
  .Dniwja_spectrum-ActionButton-hold {
248
- position: absolute;
249
217
  bottom: var(--spectrum-actionbutton-hold-icon-padding-bottom, var(--spectrum-global-dimension-size-40));
218
+ position: absolute;
250
219
  }
251
220
 
252
- .Dniwja_spectrum-ActionButton-hold:not(:-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))) {
221
+ .Dniwja_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))) {
253
222
  right: var(--spectrum-actionbutton-hold-icon-padding-right, var(--spectrum-global-dimension-size-40));
254
223
  }
255
224
 
@@ -313,28 +282,19 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
313
282
  cursor: default;
314
283
  --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
315
284
  --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
316
- outline: none;
317
- line-height: normal;
318
- position: relative;
319
- }
320
-
321
- .Dniwja_spectrum-FieldButton {
322
- padding-block-start: 0;
323
- padding-block-end: 0;
285
+ padding-block: 0;
324
286
  padding-inline: var(--spectrum-dropdown-padding-x, var(--spectrum-global-dimension-size-150));
325
287
  --spectrum-button-border-width: var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin));
326
288
  --spectrum-button-border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
327
289
  transition: background-color var(--spectrum-global-animation-duration-100, .13s), box-shadow var(--spectrum-global-animation-duration-100, .13s), border-color var(--spectrum-global-animation-duration-100, .13s);
328
290
  border-style: solid;
291
+ outline: none;
329
292
  margin: 0;
293
+ line-height: normal;
294
+ position: relative;
330
295
  }
331
296
 
332
- .Dniwja_spectrum-FieldButton:disabled {
333
- cursor: default;
334
- border-width: 0;
335
- }
336
-
337
- .Dniwja_spectrum-FieldButton.Dniwja_is-disabled {
297
+ .Dniwja_spectrum-FieldButton:disabled, .Dniwja_spectrum-FieldButton.Dniwja_is-disabled {
338
298
  cursor: default;
339
299
  border-width: 0;
340
300
  }
@@ -351,11 +311,7 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
351
311
  padding: 0;
352
312
  }
353
313
 
354
- .Dniwja_spectrum-FieldButton--quiet:disabled.Dniwja_focus-ring {
355
- box-shadow: none;
356
- }
357
-
358
- .Dniwja_spectrum-FieldButton--quiet.Dniwja_is-disabled.Dniwja_focus-ring {
314
+ .Dniwja_spectrum-FieldButton--quiet:disabled.Dniwja_focus-ring, .Dniwja_spectrum-FieldButton--quiet.Dniwja_is-disabled.Dniwja_focus-ring {
359
315
  box-shadow: none;
360
316
  }
361
317
 
@@ -370,10 +326,8 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
370
326
  }
371
327
 
372
328
  .Dniwja_spectrum-ClearButton > .Dniwja_spectrum-Icon {
373
- margin-block-start: 0;
374
- margin-block-end: 0;
375
- margin-inline-start: auto;
376
- margin-inline-end: auto;
329
+ margin-block: 0;
330
+ margin-inline: auto;
377
331
  }
378
332
 
379
333
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
@@ -482,12 +436,7 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
482
436
  color: var(--spectrum-high-contrast-button-face, var(--spectrum-button-text-color-down));
483
437
  }
484
438
 
485
- .Dniwja_spectrum-Button[data-style="fill"]:disabled {
486
- background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-button-color-disabled));
487
- color: var(--spectrum-high-contrast-gray-text, var(--spectrum-button-text-color-disabled));
488
- }
489
-
490
- .Dniwja_spectrum-Button[data-style="fill"].Dniwja_is-disabled {
439
+ .Dniwja_spectrum-Button[data-style="fill"]:disabled, .Dniwja_spectrum-Button[data-style="fill"].Dniwja_is-disabled {
491
440
  background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-button-color-disabled));
492
441
  color: var(--spectrum-high-contrast-gray-text, var(--spectrum-button-text-color-disabled));
493
442
  }
@@ -522,13 +471,7 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
522
471
  color: var(--spectrum-high-contrast-button-text, var(--spectrum-button-text-color-down));
523
472
  }
524
473
 
525
- .Dniwja_spectrum-Button[data-style="outline"]:disabled {
526
- border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-button-color-disabled));
527
- color: var(--spectrum-high-contrast-gray-text, var(--spectrum-button-text-color-disabled));
528
- background-color: #0000;
529
- }
530
-
531
- .Dniwja_spectrum-Button[data-style="outline"].Dniwja_is-disabled {
474
+ .Dniwja_spectrum-Button[data-style="outline"]:disabled, .Dniwja_spectrum-Button[data-style="outline"].Dniwja_is-disabled {
532
475
  border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-button-color-disabled));
533
476
  color: var(--spectrum-high-contrast-gray-text, var(--spectrum-button-text-color-disabled));
534
477
  background-color: #0000;
@@ -1133,13 +1076,7 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
1133
1076
  color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-quiet-text-color-down, var(--spectrum-alias-text-color-down)));
1134
1077
  }
1135
1078
 
1136
- .Dniwja_spectrum-ActionButton--quiet:disabled {
1137
- background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-quiet-background-color-disabled, var(--spectrum-alias-background-color-transparent)));
1138
- border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-quiet-border-color-disabled, var(--spectrum-alias-border-color-transparent)));
1139
- color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-quiet-text-color-disabled, var(--spectrum-alias-text-color-disabled)));
1140
- }
1141
-
1142
- .Dniwja_spectrum-ActionButton--quiet.Dniwja_is-disabled {
1079
+ .Dniwja_spectrum-ActionButton--quiet:disabled, .Dniwja_spectrum-ActionButton--quiet.Dniwja_is-disabled {
1143
1080
  background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-quiet-background-color-disabled, var(--spectrum-alias-background-color-transparent)));
1144
1081
  border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-quiet-border-color-disabled, var(--spectrum-alias-border-color-transparent)));
1145
1082
  color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-quiet-text-color-disabled, var(--spectrum-alias-text-color-disabled)));
@@ -1226,11 +1163,7 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
1226
1163
  color: var(--spectrum-actionbutton-static-color);
1227
1164
  }
1228
1165
 
1229
- .Dniwja_spectrum-ActionButton--staticColor.Dniwja_is-hovered .Dniwja_spectrum-Icon {
1230
- fill: var(--spectrum-actionbutton-static-color);
1231
- }
1232
-
1233
- .Dniwja_spectrum-ActionButton--staticColor.Dniwja_is-hovered .Dniwja_spectrum-ActionButton-hold {
1166
+ .Dniwja_spectrum-ActionButton--staticColor.Dniwja_is-hovered .Dniwja_spectrum-Icon, .Dniwja_spectrum-ActionButton--staticColor.Dniwja_is-hovered .Dniwja_spectrum-ActionButton-hold {
1234
1167
  fill: var(--spectrum-actionbutton-static-color);
1235
1168
  }
1236
1169
 
@@ -1241,19 +1174,11 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
1241
1174
  color: var(--spectrum-actionbutton-static-color);
1242
1175
  }
1243
1176
 
1244
- .Dniwja_spectrum-ActionButton--staticColor.Dniwja_focus-ring.Dniwja_is-hovered {
1245
- border-color: var(--spectrum-actionbutton-static-border-color-focus);
1246
- }
1247
-
1248
- .Dniwja_spectrum-ActionButton--staticColor.Dniwja_focus-ring.Dniwja_is-active {
1177
+ .Dniwja_spectrum-ActionButton--staticColor.Dniwja_focus-ring.Dniwja_is-hovered, .Dniwja_spectrum-ActionButton--staticColor.Dniwja_focus-ring.Dniwja_is-active {
1249
1178
  border-color: var(--spectrum-actionbutton-static-border-color-focus);
1250
1179
  }
1251
1180
 
1252
- .Dniwja_spectrum-ActionButton--staticColor.Dniwja_focus-ring .Dniwja_spectrum-Icon {
1253
- fill: var(--spectrum-actionbutton-static-color);
1254
- }
1255
-
1256
- .Dniwja_spectrum-ActionButton--staticColor.Dniwja_focus-ring .Dniwja_spectrum-ActionButton-hold {
1181
+ .Dniwja_spectrum-ActionButton--staticColor.Dniwja_focus-ring .Dniwja_spectrum-Icon, .Dniwja_spectrum-ActionButton--staticColor.Dniwja_focus-ring .Dniwja_spectrum-ActionButton-hold {
1257
1182
  fill: var(--spectrum-actionbutton-static-color);
1258
1183
  }
1259
1184
 
@@ -1273,11 +1198,7 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
1273
1198
  color: var(--spectrum-actionbutton-static-color-disabled);
1274
1199
  }
1275
1200
 
1276
- .Dniwja_spectrum-ActionButton--staticColor:disabled .Dniwja_spectrum-Icon {
1277
- fill: var(--spectrum-actionbutton-static-color-disabled);
1278
- }
1279
-
1280
- .Dniwja_spectrum-ActionButton--staticColor:disabled .Dniwja_spectrum-ActionButton-hold {
1201
+ .Dniwja_spectrum-ActionButton--staticColor:disabled .Dniwja_spectrum-Icon, .Dniwja_spectrum-ActionButton--staticColor:disabled .Dniwja_spectrum-ActionButton-hold {
1281
1202
  fill: var(--spectrum-actionbutton-static-color-disabled);
1282
1203
  }
1283
1204
 
@@ -1287,11 +1208,7 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
1287
1208
  color: var(--spectrum-actionbutton-static-color-disabled);
1288
1209
  }
1289
1210
 
1290
- .Dniwja_spectrum-ActionButton--staticColor.Dniwja_is-disabled .Dniwja_spectrum-Icon {
1291
- fill: var(--spectrum-actionbutton-static-color-disabled);
1292
- }
1293
-
1294
- .Dniwja_spectrum-ActionButton--staticColor.Dniwja_is-disabled .Dniwja_spectrum-ActionButton-hold {
1211
+ .Dniwja_spectrum-ActionButton--staticColor.Dniwja_is-disabled .Dniwja_spectrum-Icon, .Dniwja_spectrum-ActionButton--staticColor.Dniwja_is-disabled .Dniwja_spectrum-ActionButton-hold {
1295
1212
  fill: var(--spectrum-actionbutton-static-color-disabled);
1296
1213
  }
1297
1214
 
@@ -1456,13 +1373,7 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
1456
1373
  color: var(--spectrum-logicbutton-and-text-color, var(--spectrum-global-color-static-white));
1457
1374
  }
1458
1375
 
1459
- .Dniwja_spectrum-LogicButton--and:disabled {
1460
- background-color: var(--spectrum-logicbutton-and-background-color-disabled, var(--spectrum-global-color-gray-200));
1461
- border-color: var(--spectrum-logicbutton-and-border-color-disabled, var(--spectrum-global-color-gray-200));
1462
- color: var(--spectrum-logicbutton-and-text-color-disabled, var(--spectrum-alias-text-color-disabled));
1463
- }
1464
-
1465
- .Dniwja_spectrum-LogicButton--and.Dniwja_is-disabled {
1376
+ .Dniwja_spectrum-LogicButton--and:disabled, .Dniwja_spectrum-LogicButton--and.Dniwja_is-disabled {
1466
1377
  background-color: var(--spectrum-logicbutton-and-background-color-disabled, var(--spectrum-global-color-gray-200));
1467
1378
  border-color: var(--spectrum-logicbutton-and-border-color-disabled, var(--spectrum-global-color-gray-200));
1468
1379
  color: var(--spectrum-logicbutton-and-text-color-disabled, var(--spectrum-alias-text-color-disabled));
@@ -1480,13 +1391,7 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
1480
1391
  color: var(--spectrum-logicbutton-or-text-color, var(--spectrum-global-color-static-white));
1481
1392
  }
1482
1393
 
1483
- .Dniwja_spectrum-LogicButton--or:disabled {
1484
- background-color: var(--spectrum-logicbutton-and-background-color-disabled, var(--spectrum-global-color-gray-200));
1485
- border-color: var(--spectrum-logicbutton-and-border-color-disabled, var(--spectrum-global-color-gray-200));
1486
- color: var(--spectrum-logicbutton-and-text-color-disabled, var(--spectrum-alias-text-color-disabled));
1487
- }
1488
-
1489
- .Dniwja_spectrum-LogicButton--or.Dniwja_is-disabled {
1394
+ .Dniwja_spectrum-LogicButton--or:disabled, .Dniwja_spectrum-LogicButton--or.Dniwja_is-disabled {
1490
1395
  background-color: var(--spectrum-logicbutton-and-background-color-disabled, var(--spectrum-global-color-gray-200));
1491
1396
  border-color: var(--spectrum-logicbutton-and-border-color-disabled, var(--spectrum-global-color-gray-200));
1492
1397
  color: var(--spectrum-logicbutton-and-text-color-disabled, var(--spectrum-alias-text-color-disabled));
@@ -1566,19 +1471,11 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
1566
1471
  border-color: var(--spectrum-fieldbutton-border-color-error-hover, var(--spectrum-global-color-red-600));
1567
1472
  }
1568
1473
 
1569
- .Dniwja_spectrum-FieldButton.Dniwja_spectrum-FieldButton--invalid.Dniwja_is-active {
1474
+ .Dniwja_spectrum-FieldButton.Dniwja_spectrum-FieldButton--invalid.Dniwja_is-active, .Dniwja_spectrum-FieldButton.Dniwja_spectrum-FieldButton--invalid.Dniwja_is-selected {
1570
1475
  border-color: var(--spectrum-fieldbutton-border-color-error-down, var(--spectrum-global-color-red-600));
1571
1476
  }
1572
1477
 
1573
- .Dniwja_spectrum-FieldButton.Dniwja_spectrum-FieldButton--invalid.Dniwja_is-selected {
1574
- border-color: var(--spectrum-fieldbutton-border-color-error-down, var(--spectrum-global-color-red-600));
1575
- }
1576
-
1577
- .Dniwja_spectrum-FieldButton.Dniwja_spectrum-FieldButton--invalid.Dniwja_focus-ring {
1578
- border-color: var(--spectrum-fieldbutton-border-color-error-key-focus, var(--spectrum-alias-border-color-focus));
1579
- }
1580
-
1581
- .Dniwja_spectrum-FieldButton.Dniwja_spectrum-FieldButton--invalid.Dniwja_is-focused {
1478
+ .Dniwja_spectrum-FieldButton.Dniwja_spectrum-FieldButton--invalid.Dniwja_focus-ring, .Dniwja_spectrum-FieldButton.Dniwja_spectrum-FieldButton--invalid.Dniwja_is-focused {
1582
1479
  border-color: var(--spectrum-fieldbutton-border-color-error-key-focus, var(--spectrum-alias-border-color-focus));
1583
1480
  }
1584
1481
 
@@ -1632,11 +1529,7 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
1632
1529
  border-color: var(--spectrum-fieldbutton-quiet-border-color-down, var(--spectrum-alias-border-color-transparent));
1633
1530
  }
1634
1531
 
1635
- .Dniwja_spectrum-FieldButton--quiet.Dniwja_is-active.Dniwja_focus-ring {
1636
- background-color: var(--spectrum-fieldbutton-quiet-background-color-key-focus, var(--spectrum-alias-background-color-transparent));
1637
- }
1638
-
1639
- .Dniwja_spectrum-FieldButton--quiet.Dniwja_is-active.Dniwja_is-focused {
1532
+ .Dniwja_spectrum-FieldButton--quiet.Dniwja_is-active.Dniwja_focus-ring, .Dniwja_spectrum-FieldButton--quiet.Dniwja_is-active.Dniwja_is-focused {
1640
1533
  background-color: var(--spectrum-fieldbutton-quiet-background-color-key-focus, var(--spectrum-alias-background-color-transparent));
1641
1534
  }
1642
1535
 
@@ -1645,20 +1538,11 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
1645
1538
  border-color: var(--spectrum-fieldbutton-quiet-border-color-down, var(--spectrum-alias-border-color-transparent));
1646
1539
  }
1647
1540
 
1648
- .Dniwja_spectrum-FieldButton--quiet.Dniwja_is-selected.Dniwja_focus-ring {
1649
- background-color: var(--spectrum-fieldbutton-quiet-background-color-key-focus, var(--spectrum-alias-background-color-transparent));
1650
- }
1651
-
1652
- .Dniwja_spectrum-FieldButton--quiet.Dniwja_is-selected.Dniwja_is-focused {
1541
+ .Dniwja_spectrum-FieldButton--quiet.Dniwja_is-selected.Dniwja_focus-ring, .Dniwja_spectrum-FieldButton--quiet.Dniwja_is-selected.Dniwja_is-focused {
1653
1542
  background-color: var(--spectrum-fieldbutton-quiet-background-color-key-focus, var(--spectrum-alias-background-color-transparent));
1654
1543
  }
1655
1544
 
1656
- .Dniwja_spectrum-FieldButton--quiet:disabled {
1657
- background-color: var(--spectrum-fieldbutton-quiet-background-color-disabled, var(--spectrum-alias-background-color-transparent));
1658
- color: var(--spectrum-fieldbutton-text-color-disabled, var(--spectrum-alias-text-color-disabled));
1659
- }
1660
-
1661
- .Dniwja_spectrum-FieldButton--quiet.Dniwja_is-disabled {
1545
+ .Dniwja_spectrum-FieldButton--quiet:disabled, .Dniwja_spectrum-FieldButton--quiet.Dniwja_is-disabled {
1662
1546
  background-color: var(--spectrum-fieldbutton-quiet-background-color-disabled, var(--spectrum-alias-background-color-transparent));
1663
1547
  color: var(--spectrum-fieldbutton-text-color-disabled, var(--spectrum-alias-text-color-disabled));
1664
1548
  }
@@ -1732,7 +1616,6 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
1732
1616
  --spectrum-actionbutton-static-background-color-selected-hover: Highlight;
1733
1617
  --spectrum-actionbutton-static-background-color-selected-focus: Highlight;
1734
1618
  --spectrum-actionbutton-static-background-color-selected-active: Highlight;
1735
- --spectrum-actionbutton-static-background-color-selected-disabled: GrayText;
1736
1619
  --spectrum-actionbutton-static-border-color: ButtonText;
1737
1620
  --spectrum-actionbutton-static-border-color-hover: Highlight;
1738
1621
  --spectrum-actionbutton-static-border-color-active: ButtonText;
@@ -1745,5 +1628,4 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
1745
1628
  --spectrum-actionbutton-static-color-selected-disabled: ButtonFace;
1746
1629
  }
1747
1630
  }
1748
-
1749
1631
  /*# sourceMappingURL=main.css.map */
package/dist/main.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"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","sources":["packages/@adobe/spectrum-css-temp/components/button/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.css.map"}
1
+ {"mappings":"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","sources":["packages/@adobe/spectrum-css-temp/components/button/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.css.map"}