@react-spectrum/button 3.16.2 → 3.16.3

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 (86) hide show
  1. package/dist/ActionButton.main.js +97 -0
  2. package/dist/ActionButton.main.js.map +1 -0
  3. package/dist/ActionButton.mjs +92 -0
  4. package/dist/ActionButton.module.js +92 -0
  5. package/dist/ActionButton.module.js.map +1 -0
  6. package/dist/Button.main.js +177 -0
  7. package/dist/Button.main.js.map +1 -0
  8. package/dist/Button.mjs +172 -0
  9. package/dist/Button.module.js +172 -0
  10. package/dist/Button.module.js.map +1 -0
  11. package/dist/ClearButton.main.js +75 -0
  12. package/dist/ClearButton.main.js.map +1 -0
  13. package/dist/ClearButton.mjs +70 -0
  14. package/dist/ClearButton.module.js +70 -0
  15. package/dist/ClearButton.module.js.map +1 -0
  16. package/dist/FieldButton.main.js +72 -0
  17. package/dist/FieldButton.main.js.map +1 -0
  18. package/dist/FieldButton.mjs +67 -0
  19. package/dist/FieldButton.module.js +67 -0
  20. package/dist/FieldButton.module.js.map +1 -0
  21. package/dist/LogicButton.main.js +70 -0
  22. package/dist/LogicButton.main.js.map +1 -0
  23. package/dist/LogicButton.mjs +65 -0
  24. package/dist/LogicButton.module.js +65 -0
  25. package/dist/LogicButton.module.js.map +1 -0
  26. package/dist/ToggleButton.main.js +90 -0
  27. package/dist/ToggleButton.main.js.map +1 -0
  28. package/dist/ToggleButton.mjs +85 -0
  29. package/dist/ToggleButton.module.js +85 -0
  30. package/dist/ToggleButton.module.js.map +1 -0
  31. package/dist/ar-AE.mjs +1 -1
  32. package/dist/bg-BG.mjs +1 -1
  33. package/dist/button_vars_css.main.js +122 -0
  34. package/dist/button_vars_css.main.js.map +1 -0
  35. package/dist/button_vars_css.mjs +124 -0
  36. package/dist/button_vars_css.module.js +124 -0
  37. package/dist/button_vars_css.module.js.map +1 -0
  38. package/dist/cs-CZ.mjs +1 -1
  39. package/dist/da-DK.mjs +1 -1
  40. package/dist/de-DE.mjs +1 -1
  41. package/dist/el-GR.mjs +1 -1
  42. package/dist/en-US.mjs +1 -1
  43. package/dist/es-ES.mjs +1 -1
  44. package/dist/et-EE.mjs +1 -1
  45. package/dist/fi-FI.mjs +1 -1
  46. package/dist/fr-FR.mjs +1 -1
  47. package/dist/he-IL.mjs +1 -1
  48. package/dist/hr-HR.mjs +1 -1
  49. package/dist/hu-HU.mjs +1 -1
  50. package/dist/import.mjs +6 -678
  51. package/dist/intlStrings.main.js +108 -0
  52. package/dist/intlStrings.main.js.map +1 -0
  53. package/dist/intlStrings.mjs +110 -0
  54. package/dist/intlStrings.module.js +110 -0
  55. package/dist/intlStrings.module.js.map +1 -0
  56. package/dist/it-IT.mjs +1 -1
  57. package/dist/ja-JP.mjs +1 -1
  58. package/dist/ko-KR.mjs +1 -1
  59. package/dist/lt-LT.mjs +1 -1
  60. package/dist/lv-LV.mjs +1 -1
  61. package/dist/main.js +12 -680
  62. package/dist/main.js.map +1 -1
  63. package/dist/module.js +6 -678
  64. package/dist/module.js.map +1 -1
  65. package/dist/nb-NO.mjs +1 -1
  66. package/dist/nl-NL.mjs +1 -1
  67. package/dist/pl-PL.mjs +1 -1
  68. package/dist/pt-BR.mjs +1 -1
  69. package/dist/pt-PT.mjs +1 -1
  70. package/dist/ro-RO.mjs +1 -1
  71. package/dist/ru-RU.mjs +1 -1
  72. package/dist/sk-SK.mjs +1 -1
  73. package/dist/sl-SI.mjs +1 -1
  74. package/dist/sr-SP.mjs +1 -1
  75. package/dist/sv-SE.mjs +1 -1
  76. package/dist/tr-TR.mjs +1 -1
  77. package/dist/types.d.ts +6 -6
  78. package/dist/types.d.ts.map +1 -1
  79. package/dist/uk-UA.mjs +1 -1
  80. package/dist/{main.css → vars.4fe44343.css} +46 -150
  81. package/dist/vars.4fe44343.css.map +1 -0
  82. package/dist/zh-CN.mjs +1 -1
  83. package/dist/zh-TW.mjs +1 -1
  84. package/package.json +15 -15
  85. package/src/ActionButton.tsx +27 -15
  86. package/dist/main.css.map +0 -1
@@ -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 {
@@ -78,6 +68,16 @@
78
68
  box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
79
69
  }
80
70
 
71
+ @media (forced-colors: active) {
72
+ .Dniwja_spectrum-FocusRing, .Dniwja_spectrum-FocusRing-ring, .Dniwja_spectrum-FocusRing--quiet {
73
+ --spectrum-high-contrast-focus-ring-color: Highlight;
74
+ }
75
+
76
+ :is(.Dniwja_spectrum-FocusRing, .Dniwja_spectrum-FocusRing-ring, .Dniwja_spectrum-FocusRing--quiet):after {
77
+ forced-color-adjust: none;
78
+ }
79
+ }
80
+
81
81
  .Dniwja_spectrum-BaseButton {
82
82
  box-sizing: border-box;
83
83
  border-radius: var(--spectrum-button-border-radius);
@@ -121,16 +121,11 @@ button.Dniwja_spectrum-BaseButton {
121
121
 
122
122
  .Dniwja_spectrum-BaseButton::-moz-focus-inner {
123
123
  border: 0;
124
- margin-block-start: -2px;
125
- margin-block-end: -2px;
124
+ margin-block: -2px;
126
125
  padding: 0;
127
126
  }
128
127
 
129
- .Dniwja_spectrum-BaseButton:disabled {
130
- cursor: default;
131
- }
132
-
133
- .Dniwja_spectrum-BaseButton.Dniwja_is-disabled {
128
+ .Dniwja_spectrum-BaseButton:disabled, .Dniwja_spectrum-BaseButton.Dniwja_is-disabled {
134
129
  cursor: default;
135
130
  }
136
131
 
@@ -156,11 +151,7 @@ button.Dniwja_spectrum-BaseButton {
156
151
  padding-block-end: calc(var(--spectrum-global-dimension-size-50) + 1px);
157
152
  }
158
153
 
159
- .Dniwja_spectrum-Button.Dniwja_is-hovered {
160
- box-shadow: none;
161
- }
162
-
163
- .Dniwja_spectrum-Button:active {
154
+ .Dniwja_spectrum-Button.Dniwja_is-hovered, .Dniwja_spectrum-Button:active {
164
155
  box-shadow: none;
165
156
  }
166
157
 
@@ -186,11 +177,7 @@ button.Dniwja_spectrum-BaseButton {
186
177
  transform: translate(-50%, -50%);
187
178
  }
188
179
 
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 {
180
+ .Dniwja_spectrum-Button.Dniwja_spectrum-Button--pending .Dniwja_spectrum-Button-label, .Dniwja_spectrum-Button.Dniwja_spectrum-Button--pending .Dniwja_spectrum-Icon {
194
181
  opacity: 0;
195
182
  }
196
183
 
@@ -228,28 +215,24 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
228
215
  padding-inline-end: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
229
216
  }
230
217
 
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 {
218
+ .Dniwja_spectrum-ActionButton .Dniwja_spectrum-ActionButton-label:only-child, .Dniwja_spectrum-ActionButton .Dniwja_spectrum-ActionButton-hold + .Dniwja_spectrum-ActionButton-label:last-child {
236
219
  padding-inline-start: var(--spectrum-actionbutton-text-padding-x, var(--spectrum-global-dimension-size-150));
237
220
  }
238
221
 
239
- .Dniwja_spectrum-ActionButton .Dniwja_spectrum-Icon:only-child {
222
+ .Dniwja_spectrum-ActionButton .Dniwja_spectrum-Icon:only-child, .Dniwja_spectrum-ActionButton .Dniwja_spectrum-ActionButton-hold + .Dniwja_spectrum-Icon:last-child {
240
223
  padding-inline-end: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
241
224
  }
242
225
 
243
- .Dniwja_spectrum-ActionButton .Dniwja_spectrum-ActionButton-hold + .Dniwja_spectrum-Icon:last-child {
244
- padding-inline-end: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
226
+ .Dniwja_spectrum-ActionButton .Dniwja_spectrum-ActionGroup-itemIcon.Dniwja_spectrum-ActionGroup-itemIcon {
227
+ padding-inline-end: 0;
245
228
  }
246
229
 
247
230
  .Dniwja_spectrum-ActionButton-hold {
248
- position: absolute;
249
231
  bottom: var(--spectrum-actionbutton-hold-icon-padding-bottom, var(--spectrum-global-dimension-size-40));
232
+ position: absolute;
250
233
  }
251
234
 
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))) {
235
+ .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
236
  right: var(--spectrum-actionbutton-hold-icon-padding-right, var(--spectrum-global-dimension-size-40));
254
237
  }
255
238
 
@@ -313,28 +296,19 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
313
296
  cursor: default;
314
297
  --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
315
298
  --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;
299
+ padding-block: 0;
324
300
  padding-inline: var(--spectrum-dropdown-padding-x, var(--spectrum-global-dimension-size-150));
325
301
  --spectrum-button-border-width: var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin));
326
302
  --spectrum-button-border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
327
303
  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
304
  border-style: solid;
305
+ outline: none;
329
306
  margin: 0;
307
+ line-height: normal;
308
+ position: relative;
330
309
  }
331
310
 
332
- .Dniwja_spectrum-FieldButton:disabled {
333
- cursor: default;
334
- border-width: 0;
335
- }
336
-
337
- .Dniwja_spectrum-FieldButton.Dniwja_is-disabled {
311
+ .Dniwja_spectrum-FieldButton:disabled, .Dniwja_spectrum-FieldButton.Dniwja_is-disabled {
338
312
  cursor: default;
339
313
  border-width: 0;
340
314
  }
@@ -351,11 +325,7 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
351
325
  padding: 0;
352
326
  }
353
327
 
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 {
328
+ .Dniwja_spectrum-FieldButton--quiet:disabled.Dniwja_focus-ring, .Dniwja_spectrum-FieldButton--quiet.Dniwja_is-disabled.Dniwja_focus-ring {
359
329
  box-shadow: none;
360
330
  }
361
331
 
@@ -370,10 +340,8 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
370
340
  }
371
341
 
372
342
  .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;
343
+ margin-block: 0;
344
+ margin-inline: auto;
377
345
  }
378
346
 
379
347
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
@@ -482,12 +450,7 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
482
450
  color: var(--spectrum-high-contrast-button-face, var(--spectrum-button-text-color-down));
483
451
  }
484
452
 
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 {
453
+ .Dniwja_spectrum-Button[data-style="fill"]:disabled, .Dniwja_spectrum-Button[data-style="fill"].Dniwja_is-disabled {
491
454
  background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-button-color-disabled));
492
455
  color: var(--spectrum-high-contrast-gray-text, var(--spectrum-button-text-color-disabled));
493
456
  }
@@ -522,13 +485,7 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
522
485
  color: var(--spectrum-high-contrast-button-text, var(--spectrum-button-text-color-down));
523
486
  }
524
487
 
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 {
488
+ .Dniwja_spectrum-Button[data-style="outline"]:disabled, .Dniwja_spectrum-Button[data-style="outline"].Dniwja_is-disabled {
532
489
  border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-button-color-disabled));
533
490
  color: var(--spectrum-high-contrast-gray-text, var(--spectrum-button-text-color-disabled));
534
491
  background-color: #0000;
@@ -1133,13 +1090,7 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
1133
1090
  color: var(--spectrum-high-contrast-button-text, var(--spectrum-actionbutton-quiet-text-color-down, var(--spectrum-alias-text-color-down)));
1134
1091
  }
1135
1092
 
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 {
1093
+ .Dniwja_spectrum-ActionButton--quiet:disabled, .Dniwja_spectrum-ActionButton--quiet.Dniwja_is-disabled {
1143
1094
  background-color: var(--spectrum-high-contrast-button-face, var(--spectrum-actionbutton-quiet-background-color-disabled, var(--spectrum-alias-background-color-transparent)));
1144
1095
  border-color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-quiet-border-color-disabled, var(--spectrum-alias-border-color-transparent)));
1145
1096
  color: var(--spectrum-high-contrast-gray-text, var(--spectrum-actionbutton-quiet-text-color-disabled, var(--spectrum-alias-text-color-disabled)));
@@ -1226,11 +1177,7 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
1226
1177
  color: var(--spectrum-actionbutton-static-color);
1227
1178
  }
1228
1179
 
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 {
1180
+ .Dniwja_spectrum-ActionButton--staticColor.Dniwja_is-hovered .Dniwja_spectrum-Icon, .Dniwja_spectrum-ActionButton--staticColor.Dniwja_is-hovered .Dniwja_spectrum-ActionButton-hold {
1234
1181
  fill: var(--spectrum-actionbutton-static-color);
1235
1182
  }
1236
1183
 
@@ -1241,19 +1188,11 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
1241
1188
  color: var(--spectrum-actionbutton-static-color);
1242
1189
  }
1243
1190
 
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 {
1191
+ .Dniwja_spectrum-ActionButton--staticColor.Dniwja_focus-ring.Dniwja_is-hovered, .Dniwja_spectrum-ActionButton--staticColor.Dniwja_focus-ring.Dniwja_is-active {
1249
1192
  border-color: var(--spectrum-actionbutton-static-border-color-focus);
1250
1193
  }
1251
1194
 
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 {
1195
+ .Dniwja_spectrum-ActionButton--staticColor.Dniwja_focus-ring .Dniwja_spectrum-Icon, .Dniwja_spectrum-ActionButton--staticColor.Dniwja_focus-ring .Dniwja_spectrum-ActionButton-hold {
1257
1196
  fill: var(--spectrum-actionbutton-static-color);
1258
1197
  }
1259
1198
 
@@ -1273,11 +1212,7 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
1273
1212
  color: var(--spectrum-actionbutton-static-color-disabled);
1274
1213
  }
1275
1214
 
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 {
1215
+ .Dniwja_spectrum-ActionButton--staticColor:disabled .Dniwja_spectrum-Icon, .Dniwja_spectrum-ActionButton--staticColor:disabled .Dniwja_spectrum-ActionButton-hold {
1281
1216
  fill: var(--spectrum-actionbutton-static-color-disabled);
1282
1217
  }
1283
1218
 
@@ -1287,11 +1222,7 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
1287
1222
  color: var(--spectrum-actionbutton-static-color-disabled);
1288
1223
  }
1289
1224
 
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 {
1225
+ .Dniwja_spectrum-ActionButton--staticColor.Dniwja_is-disabled .Dniwja_spectrum-Icon, .Dniwja_spectrum-ActionButton--staticColor.Dniwja_is-disabled .Dniwja_spectrum-ActionButton-hold {
1295
1226
  fill: var(--spectrum-actionbutton-static-color-disabled);
1296
1227
  }
1297
1228
 
@@ -1456,13 +1387,7 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
1456
1387
  color: var(--spectrum-logicbutton-and-text-color, var(--spectrum-global-color-static-white));
1457
1388
  }
1458
1389
 
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 {
1390
+ .Dniwja_spectrum-LogicButton--and:disabled, .Dniwja_spectrum-LogicButton--and.Dniwja_is-disabled {
1466
1391
  background-color: var(--spectrum-logicbutton-and-background-color-disabled, var(--spectrum-global-color-gray-200));
1467
1392
  border-color: var(--spectrum-logicbutton-and-border-color-disabled, var(--spectrum-global-color-gray-200));
1468
1393
  color: var(--spectrum-logicbutton-and-text-color-disabled, var(--spectrum-alias-text-color-disabled));
@@ -1480,13 +1405,7 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
1480
1405
  color: var(--spectrum-logicbutton-or-text-color, var(--spectrum-global-color-static-white));
1481
1406
  }
1482
1407
 
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 {
1408
+ .Dniwja_spectrum-LogicButton--or:disabled, .Dniwja_spectrum-LogicButton--or.Dniwja_is-disabled {
1490
1409
  background-color: var(--spectrum-logicbutton-and-background-color-disabled, var(--spectrum-global-color-gray-200));
1491
1410
  border-color: var(--spectrum-logicbutton-and-border-color-disabled, var(--spectrum-global-color-gray-200));
1492
1411
  color: var(--spectrum-logicbutton-and-text-color-disabled, var(--spectrum-alias-text-color-disabled));
@@ -1566,19 +1485,11 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
1566
1485
  border-color: var(--spectrum-fieldbutton-border-color-error-hover, var(--spectrum-global-color-red-600));
1567
1486
  }
1568
1487
 
1569
- .Dniwja_spectrum-FieldButton.Dniwja_spectrum-FieldButton--invalid.Dniwja_is-active {
1570
- border-color: var(--spectrum-fieldbutton-border-color-error-down, var(--spectrum-global-color-red-600));
1571
- }
1572
-
1573
- .Dniwja_spectrum-FieldButton.Dniwja_spectrum-FieldButton--invalid.Dniwja_is-selected {
1488
+ .Dniwja_spectrum-FieldButton.Dniwja_spectrum-FieldButton--invalid.Dniwja_is-active, .Dniwja_spectrum-FieldButton.Dniwja_spectrum-FieldButton--invalid.Dniwja_is-selected {
1574
1489
  border-color: var(--spectrum-fieldbutton-border-color-error-down, var(--spectrum-global-color-red-600));
1575
1490
  }
1576
1491
 
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 {
1492
+ .Dniwja_spectrum-FieldButton.Dniwja_spectrum-FieldButton--invalid.Dniwja_focus-ring, .Dniwja_spectrum-FieldButton.Dniwja_spectrum-FieldButton--invalid.Dniwja_is-focused {
1582
1493
  border-color: var(--spectrum-fieldbutton-border-color-error-key-focus, var(--spectrum-alias-border-color-focus));
1583
1494
  }
1584
1495
 
@@ -1632,11 +1543,7 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
1632
1543
  border-color: var(--spectrum-fieldbutton-quiet-border-color-down, var(--spectrum-alias-border-color-transparent));
1633
1544
  }
1634
1545
 
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 {
1546
+ .Dniwja_spectrum-FieldButton--quiet.Dniwja_is-active.Dniwja_focus-ring, .Dniwja_spectrum-FieldButton--quiet.Dniwja_is-active.Dniwja_is-focused {
1640
1547
  background-color: var(--spectrum-fieldbutton-quiet-background-color-key-focus, var(--spectrum-alias-background-color-transparent));
1641
1548
  }
1642
1549
 
@@ -1645,20 +1552,11 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
1645
1552
  border-color: var(--spectrum-fieldbutton-quiet-border-color-down, var(--spectrum-alias-border-color-transparent));
1646
1553
  }
1647
1554
 
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 {
1555
+ .Dniwja_spectrum-FieldButton--quiet.Dniwja_is-selected.Dniwja_focus-ring, .Dniwja_spectrum-FieldButton--quiet.Dniwja_is-selected.Dniwja_is-focused {
1653
1556
  background-color: var(--spectrum-fieldbutton-quiet-background-color-key-focus, var(--spectrum-alias-background-color-transparent));
1654
1557
  }
1655
1558
 
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 {
1559
+ .Dniwja_spectrum-FieldButton--quiet:disabled, .Dniwja_spectrum-FieldButton--quiet.Dniwja_is-disabled {
1662
1560
  background-color: var(--spectrum-fieldbutton-quiet-background-color-disabled, var(--spectrum-alias-background-color-transparent));
1663
1561
  color: var(--spectrum-fieldbutton-text-color-disabled, var(--spectrum-alias-text-color-disabled));
1664
1562
  }
@@ -1732,7 +1630,6 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
1732
1630
  --spectrum-actionbutton-static-background-color-selected-hover: Highlight;
1733
1631
  --spectrum-actionbutton-static-background-color-selected-focus: Highlight;
1734
1632
  --spectrum-actionbutton-static-background-color-selected-active: Highlight;
1735
- --spectrum-actionbutton-static-background-color-selected-disabled: GrayText;
1736
1633
  --spectrum-actionbutton-static-border-color: ButtonText;
1737
1634
  --spectrum-actionbutton-static-border-color-hover: Highlight;
1738
1635
  --spectrum-actionbutton-static-border-color-active: ButtonText;
@@ -1745,5 +1642,4 @@ a.Dniwja_spectrum-Button, a.Dniwja_spectrum-ActionButton {
1745
1642
  --spectrum-actionbutton-static-color-selected-disabled: ButtonFace;
1746
1643
  }
1747
1644
  }
1748
-
1749
- /*# sourceMappingURL=main.css.map */
1645
+ /*# sourceMappingURL=vars.4fe44343.css.map */
@@ -0,0 +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":"vars.4fe44343.css.map"}
package/dist/zh-CN.mjs CHANGED
@@ -5,4 +5,4 @@ $6e4b63af77288b7a$exports = {
5
5
 
6
6
 
7
7
  export {$6e4b63af77288b7a$exports as default};
8
- //# sourceMappingURL=zh-CN.module.js.map
8
+ //# sourceMappingURL=zh-CN.mjs.map
package/dist/zh-TW.mjs CHANGED
@@ -5,4 +5,4 @@ $be993a68bccef72a$exports = {
5
5
 
6
6
 
7
7
  export {$be993a68bccef72a$exports as default};
8
- //# sourceMappingURL=zh-TW.module.js.map
8
+ //# sourceMappingURL=zh-TW.mjs.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/button",
3
- "version": "3.16.2",
3
+ "version": "3.16.3",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -36,23 +36,23 @@
36
36
  "url": "https://github.com/adobe/react-spectrum"
37
37
  },
38
38
  "dependencies": {
39
- "@react-aria/button": "^3.9.3",
40
- "@react-aria/focus": "^3.16.2",
41
- "@react-aria/i18n": "^3.10.2",
42
- "@react-aria/interactions": "^3.21.1",
43
- "@react-aria/utils": "^3.23.2",
44
- "@react-spectrum/progress": "^3.7.5",
45
- "@react-spectrum/text": "^3.5.3",
46
- "@react-spectrum/utils": "^3.11.5",
47
- "@react-stately/toggle": "^3.7.2",
48
- "@react-types/button": "^3.9.2",
49
- "@react-types/shared": "^3.22.1",
50
- "@spectrum-icons/ui": "^3.6.5",
39
+ "@react-aria/button": "^3.9.4",
40
+ "@react-aria/focus": "^3.17.0",
41
+ "@react-aria/i18n": "^3.11.0",
42
+ "@react-aria/interactions": "^3.21.2",
43
+ "@react-aria/utils": "^3.24.0",
44
+ "@react-spectrum/progress": "^3.7.6",
45
+ "@react-spectrum/text": "^3.5.4",
46
+ "@react-spectrum/utils": "^3.11.6",
47
+ "@react-stately/toggle": "^3.7.3",
48
+ "@react-types/button": "^3.9.3",
49
+ "@react-types/shared": "^3.23.0",
50
+ "@spectrum-icons/ui": "^3.6.6",
51
51
  "@swc/helpers": "^0.5.0"
52
52
  },
53
53
  "devDependencies": {
54
54
  "@adobe/spectrum-css-temp": "3.0.0-alpha.1",
55
- "@react-spectrum/test-utils": "3.0.0-alpha.1"
55
+ "@react-spectrum/test-utils-internal": "3.0.0-alpha.1"
56
56
  },
57
57
  "peerDependencies": {
58
58
  "@react-spectrum/provider": "^3.0.0",
@@ -61,5 +61,5 @@
61
61
  "publishConfig": {
62
62
  "access": "public"
63
63
  },
64
- "gitHead": "de9f84a22583fc741c29b341d14cd35ef4cca161"
64
+ "gitHead": "f645f29edc1322153fd60af4640cbcab1d992dbd"
65
65
  }
@@ -10,7 +10,7 @@
10
10
  * governing permissions and limitations under the License.
11
11
  */
12
12
 
13
- import {classNames, SlotProvider, useFocusableRef, useSlotProps, useStyleProps} from '@react-spectrum/utils';
13
+ import {classNames, ClearSlots, SlotProvider, useFocusableRef, useSlotProps, useStyleProps} from '@react-spectrum/utils';
14
14
  import CornerTriangle from '@spectrum-icons/ui/CornerTriangle';
15
15
  import {FocusableRef} from '@react-types/shared';
16
16
  import {FocusRing} from '@react-aria/focus';
@@ -26,6 +26,8 @@ import {useProviderProps} from '@react-spectrum/provider';
26
26
  function ActionButton(props: SpectrumActionButtonProps, ref: FocusableRef<HTMLButtonElement>) {
27
27
  props = useProviderProps(props);
28
28
  props = useSlotProps(props, 'actionButton');
29
+ let textProps = useSlotProps({UNSAFE_className: classNames(styles, 'spectrum-ActionButton-label')}, 'text');
30
+
29
31
  let {
30
32
  isQuiet,
31
33
  isDisabled,
@@ -34,6 +36,8 @@ function ActionButton(props: SpectrumActionButtonProps, ref: FocusableRef<HTMLBu
34
36
  autoFocus,
35
37
  // @ts-ignore (private)
36
38
  holdAffordance,
39
+ // @ts-ignore (private)
40
+ hideButtonText,
37
41
  ...otherProps
38
42
  } = props;
39
43
 
@@ -68,20 +72,28 @@ function ActionButton(props: SpectrumActionButtonProps, ref: FocusableRef<HTMLBu
68
72
  {holdAffordance &&
69
73
  <CornerTriangle UNSAFE_className={classNames(styles, 'spectrum-ActionButton-hold')} />
70
74
  }
71
- <SlotProvider
72
- slots={{
73
- icon: {
74
- size: 'S',
75
- UNSAFE_className: classNames(styles, 'spectrum-Icon')
76
- },
77
- text: {
78
- UNSAFE_className: classNames(styles, 'spectrum-ActionButton-label')
79
- }
80
- }}>
81
- {typeof children === 'string' || isTextOnly
82
- ? <Text>{children}</Text>
83
- : children}
84
- </SlotProvider>
75
+ <ClearSlots>
76
+ <SlotProvider
77
+ slots={{
78
+ icon: {
79
+ size: 'S',
80
+ UNSAFE_className: classNames(
81
+ styles,
82
+ 'spectrum-Icon',
83
+ {
84
+ 'spectrum-ActionGroup-itemIcon': hideButtonText
85
+ }
86
+ )
87
+ },
88
+ text: {
89
+ ...textProps
90
+ }
91
+ }}>
92
+ {typeof children === 'string' || isTextOnly
93
+ ? <Text>{children}</Text>
94
+ : children}
95
+ </SlotProvider>
96
+ </ClearSlots>
85
97
  </button>
86
98
  </FocusRing>
87
99
  );
package/dist/main.css.map DELETED
@@ -1 +0,0 @@
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"}