@react-spectrum/button 3.15.0 → 3.16.0
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/ar-AE.main.js +6 -0
- package/dist/ar-AE.main.js.map +1 -0
- package/dist/ar-AE.mjs +8 -0
- package/dist/ar-AE.module.js +8 -0
- package/dist/ar-AE.module.js.map +1 -0
- package/dist/bg-BG.main.js +6 -0
- package/dist/bg-BG.main.js.map +1 -0
- package/dist/bg-BG.mjs +8 -0
- package/dist/bg-BG.module.js +8 -0
- package/dist/bg-BG.module.js.map +1 -0
- package/dist/cs-CZ.main.js +6 -0
- package/dist/cs-CZ.main.js.map +1 -0
- package/dist/cs-CZ.mjs +8 -0
- package/dist/cs-CZ.module.js +8 -0
- package/dist/cs-CZ.module.js.map +1 -0
- package/dist/da-DK.main.js +6 -0
- package/dist/da-DK.main.js.map +1 -0
- package/dist/da-DK.mjs +8 -0
- package/dist/da-DK.module.js +8 -0
- package/dist/da-DK.module.js.map +1 -0
- package/dist/de-DE.main.js +6 -0
- package/dist/de-DE.main.js.map +1 -0
- package/dist/de-DE.mjs +8 -0
- package/dist/de-DE.module.js +8 -0
- package/dist/de-DE.module.js.map +1 -0
- package/dist/el-GR.main.js +6 -0
- package/dist/el-GR.main.js.map +1 -0
- package/dist/el-GR.mjs +8 -0
- package/dist/el-GR.module.js +8 -0
- package/dist/el-GR.module.js.map +1 -0
- package/dist/en-US.main.js +6 -0
- package/dist/en-US.main.js.map +1 -0
- package/dist/en-US.mjs +8 -0
- package/dist/en-US.module.js +8 -0
- package/dist/en-US.module.js.map +1 -0
- package/dist/es-ES.main.js +6 -0
- package/dist/es-ES.main.js.map +1 -0
- package/dist/es-ES.mjs +8 -0
- package/dist/es-ES.module.js +8 -0
- package/dist/es-ES.module.js.map +1 -0
- package/dist/et-EE.main.js +6 -0
- package/dist/et-EE.main.js.map +1 -0
- package/dist/et-EE.mjs +8 -0
- package/dist/et-EE.module.js +8 -0
- package/dist/et-EE.module.js.map +1 -0
- package/dist/fi-FI.main.js +6 -0
- package/dist/fi-FI.main.js.map +1 -0
- package/dist/fi-FI.mjs +8 -0
- package/dist/fi-FI.module.js +8 -0
- package/dist/fi-FI.module.js.map +1 -0
- package/dist/fr-FR.main.js +6 -0
- package/dist/fr-FR.main.js.map +1 -0
- package/dist/fr-FR.mjs +8 -0
- package/dist/fr-FR.module.js +8 -0
- package/dist/fr-FR.module.js.map +1 -0
- package/dist/he-IL.main.js +6 -0
- package/dist/he-IL.main.js.map +1 -0
- package/dist/he-IL.mjs +8 -0
- package/dist/he-IL.module.js +8 -0
- package/dist/he-IL.module.js.map +1 -0
- package/dist/hr-HR.main.js +6 -0
- package/dist/hr-HR.main.js.map +1 -0
- package/dist/hr-HR.mjs +8 -0
- package/dist/hr-HR.module.js +8 -0
- package/dist/hr-HR.module.js.map +1 -0
- package/dist/hu-HU.main.js +6 -0
- package/dist/hu-HU.main.js.map +1 -0
- package/dist/hu-HU.mjs +8 -0
- package/dist/hu-HU.module.js +8 -0
- package/dist/hu-HU.module.js.map +1 -0
- package/dist/import.mjs +82 -180
- package/dist/it-IT.main.js +6 -0
- package/dist/it-IT.main.js.map +1 -0
- package/dist/it-IT.mjs +8 -0
- package/dist/it-IT.module.js +8 -0
- package/dist/it-IT.module.js.map +1 -0
- package/dist/ja-JP.main.js +6 -0
- package/dist/ja-JP.main.js.map +1 -0
- package/dist/ja-JP.mjs +8 -0
- package/dist/ja-JP.module.js +8 -0
- package/dist/ja-JP.module.js.map +1 -0
- package/dist/ko-KR.main.js +6 -0
- package/dist/ko-KR.main.js.map +1 -0
- package/dist/ko-KR.mjs +8 -0
- package/dist/ko-KR.module.js +8 -0
- package/dist/ko-KR.module.js.map +1 -0
- package/dist/lt-LT.main.js +6 -0
- package/dist/lt-LT.main.js.map +1 -0
- package/dist/lt-LT.mjs +8 -0
- package/dist/lt-LT.module.js +8 -0
- package/dist/lt-LT.module.js.map +1 -0
- package/dist/lv-LV.main.js +6 -0
- package/dist/lv-LV.main.js.map +1 -0
- package/dist/lv-LV.mjs +8 -0
- package/dist/lv-LV.module.js +8 -0
- package/dist/lv-LV.module.js.map +1 -0
- package/dist/main.css +1771 -1
- package/dist/main.css.map +1 -0
- package/dist/main.js +80 -178
- package/dist/main.js.map +1 -1
- package/dist/module.js +82 -180
- package/dist/module.js.map +1 -1
- package/dist/nb-NO.main.js +6 -0
- package/dist/nb-NO.main.js.map +1 -0
- package/dist/nb-NO.mjs +8 -0
- package/dist/nb-NO.module.js +8 -0
- package/dist/nb-NO.module.js.map +1 -0
- package/dist/nl-NL.main.js +6 -0
- package/dist/nl-NL.main.js.map +1 -0
- package/dist/nl-NL.mjs +8 -0
- package/dist/nl-NL.module.js +8 -0
- package/dist/nl-NL.module.js.map +1 -0
- package/dist/pl-PL.main.js +6 -0
- package/dist/pl-PL.main.js.map +1 -0
- package/dist/pl-PL.mjs +8 -0
- package/dist/pl-PL.module.js +8 -0
- package/dist/pl-PL.module.js.map +1 -0
- package/dist/pt-BR.main.js +6 -0
- package/dist/pt-BR.main.js.map +1 -0
- package/dist/pt-BR.mjs +8 -0
- package/dist/pt-BR.module.js +8 -0
- package/dist/pt-BR.module.js.map +1 -0
- package/dist/pt-PT.main.js +6 -0
- package/dist/pt-PT.main.js.map +1 -0
- package/dist/pt-PT.mjs +8 -0
- package/dist/pt-PT.module.js +8 -0
- package/dist/pt-PT.module.js.map +1 -0
- package/dist/ro-RO.main.js +6 -0
- package/dist/ro-RO.main.js.map +1 -0
- package/dist/ro-RO.mjs +8 -0
- package/dist/ro-RO.module.js +8 -0
- package/dist/ro-RO.module.js.map +1 -0
- package/dist/ru-RU.main.js +6 -0
- package/dist/ru-RU.main.js.map +1 -0
- package/dist/ru-RU.mjs +8 -0
- package/dist/ru-RU.module.js +8 -0
- package/dist/ru-RU.module.js.map +1 -0
- package/dist/sk-SK.main.js +6 -0
- package/dist/sk-SK.main.js.map +1 -0
- package/dist/sk-SK.mjs +8 -0
- package/dist/sk-SK.module.js +8 -0
- package/dist/sk-SK.module.js.map +1 -0
- package/dist/sl-SI.main.js +6 -0
- package/dist/sl-SI.main.js.map +1 -0
- package/dist/sl-SI.mjs +8 -0
- package/dist/sl-SI.module.js +8 -0
- package/dist/sl-SI.module.js.map +1 -0
- package/dist/sr-SP.main.js +6 -0
- package/dist/sr-SP.main.js.map +1 -0
- package/dist/sr-SP.mjs +8 -0
- package/dist/sr-SP.module.js +8 -0
- package/dist/sr-SP.module.js.map +1 -0
- package/dist/sv-SE.main.js +6 -0
- package/dist/sv-SE.main.js.map +1 -0
- package/dist/sv-SE.mjs +8 -0
- package/dist/sv-SE.module.js +8 -0
- package/dist/sv-SE.module.js.map +1 -0
- package/dist/tr-TR.main.js +6 -0
- package/dist/tr-TR.main.js.map +1 -0
- package/dist/tr-TR.mjs +8 -0
- package/dist/tr-TR.module.js +8 -0
- package/dist/tr-TR.module.js.map +1 -0
- package/dist/types.d.ts.map +1 -1
- package/dist/uk-UA.main.js +6 -0
- package/dist/uk-UA.main.js.map +1 -0
- package/dist/uk-UA.mjs +8 -0
- package/dist/uk-UA.module.js +8 -0
- package/dist/uk-UA.module.js.map +1 -0
- package/dist/zh-CN.main.js +6 -0
- package/dist/zh-CN.main.js.map +1 -0
- package/dist/zh-CN.mjs +8 -0
- package/dist/zh-CN.module.js +8 -0
- package/dist/zh-CN.module.js.map +1 -0
- package/dist/zh-TW.main.js +6 -0
- package/dist/zh-TW.main.js.map +1 -0
- package/dist/zh-TW.mjs +8 -0
- package/dist/zh-TW.module.js +8 -0
- package/dist/zh-TW.module.js.map +1 -0
- package/package.json +11 -11
- package/src/Button.tsx +52 -12
package/dist/import.mjs
CHANGED
@@ -1,12 +1,48 @@
|
|
1
|
+
"use client";
|
2
|
+
|
3
|
+
import $3d5058299051dde5$exports from "./ar-AE.mjs";
|
4
|
+
import $b09fec806b7b8f22$exports from "./bg-BG.mjs";
|
5
|
+
import $ca0549dfb1669363$exports from "./cs-CZ.mjs";
|
6
|
+
import $98f2907c0694c5b6$exports from "./da-DK.mjs";
|
7
|
+
import $9d6fce77106482c8$exports from "./de-DE.mjs";
|
8
|
+
import $db5c63cb8d95d7a4$exports from "./el-GR.mjs";
|
9
|
+
import $94e4262f3b79d866$exports from "./en-US.mjs";
|
10
|
+
import $16cf2bb6affc1ca9$exports from "./es-ES.mjs";
|
11
|
+
import $d2a4cd1ccd3b9660$exports from "./et-EE.mjs";
|
12
|
+
import $0aa3ceafb597db1b$exports from "./fi-FI.mjs";
|
13
|
+
import $5779b104f19b7b1a$exports from "./fr-FR.mjs";
|
14
|
+
import $33aba885fd306c4d$exports from "./he-IL.mjs";
|
15
|
+
import $30a099a3f19b59af$exports from "./hr-HR.mjs";
|
16
|
+
import $f257504b02c6b23f$exports from "./hu-HU.mjs";
|
17
|
+
import $b6e12833733478ab$exports from "./it-IT.mjs";
|
18
|
+
import $e69fac8c5f9d6043$exports from "./ja-JP.mjs";
|
19
|
+
import $a9b740b7d23548d0$exports from "./ko-KR.mjs";
|
20
|
+
import $4d8ca888adc67de0$exports from "./lt-LT.mjs";
|
21
|
+
import $5d3a845adaaa328a$exports from "./lv-LV.mjs";
|
22
|
+
import $20112446b2d06d6e$exports from "./nb-NO.mjs";
|
23
|
+
import $168501f8ff8ad607$exports from "./nl-NL.mjs";
|
24
|
+
import $7d885e2935e9ed01$exports from "./pl-PL.mjs";
|
25
|
+
import $ece77a10c9739c65$exports from "./pt-BR.mjs";
|
26
|
+
import $8dbae7e3487e6fc7$exports from "./pt-PT.mjs";
|
27
|
+
import $4ab371254445a3f4$exports from "./ro-RO.mjs";
|
28
|
+
import $c5ac7ec630c67dba$exports from "./ru-RU.mjs";
|
29
|
+
import $846eaea7e21f7fbf$exports from "./sk-SK.mjs";
|
30
|
+
import $dde062d6acd4e43a$exports from "./sl-SI.mjs";
|
31
|
+
import $579b7ae9c5494112$exports from "./sr-SP.mjs";
|
32
|
+
import $3b62c0bcc6cf3c98$exports from "./sv-SE.mjs";
|
33
|
+
import $31f966e58b99834b$exports from "./tr-TR.mjs";
|
34
|
+
import $a3d99ea5d46a3d12$exports from "./uk-UA.mjs";
|
35
|
+
import $6e4b63af77288b7a$exports from "./zh-CN.mjs";
|
36
|
+
import $be993a68bccef72a$exports from "./zh-TW.mjs";
|
1
37
|
import "./main.css";
|
2
38
|
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";
|
3
39
|
import {FocusRing as $d7FTw$FocusRing} from "@react-aria/focus";
|
4
|
-
import {mergeProps as $d7FTw$mergeProps} from "@react-aria/utils";
|
40
|
+
import {useId as $d7FTw$useId, isAppleDevice as $d7FTw$isAppleDevice, isFirefox as $d7FTw$isFirefox, mergeProps as $d7FTw$mergeProps} from "@react-aria/utils";
|
5
41
|
import {ProgressCircle as $d7FTw$ProgressCircle} from "@react-spectrum/progress";
|
6
42
|
import $d7FTw$react, {useState as $d7FTw$useState, useEffect as $d7FTw$useEffect} from "react";
|
7
43
|
import {Text as $d7FTw$Text} from "@react-spectrum/text";
|
8
44
|
import {useButton as $d7FTw$useButton, useToggleButton as $d7FTw$useToggleButton} from "@react-aria/button";
|
9
|
-
import {useHover as $d7FTw$useHover} from "@react-aria/interactions";
|
45
|
+
import {useHover as $d7FTw$useHover, useFocus as $d7FTw$useFocus} from "@react-aria/interactions";
|
10
46
|
import {useLocalizedStringFormatter as $d7FTw$useLocalizedStringFormatter} from "@react-aria/i18n";
|
11
47
|
import {useProviderProps as $d7FTw$useProviderProps} from "@react-spectrum/provider";
|
12
48
|
import $d7FTw$spectrumiconsuiCornerTriangle from "@spectrum-icons/ui/CornerTriangle";
|
@@ -45,208 +81,38 @@ function $parcel$export(e, n, v, s) {
|
|
45
81
|
*/
|
46
82
|
|
47
83
|
var $94fed84ca44dbd5b$exports = {};
|
48
|
-
var $3d5058299051dde5$exports = {};
|
49
|
-
$3d5058299051dde5$exports = {
|
50
|
-
"loading": `\u{62C}\u{627}\u{631}\u{64D} \u{627}\u{644}\u{62A}\u{62D}\u{645}\u{64A}\u{644}...`
|
51
|
-
};
|
52
|
-
|
53
|
-
|
54
|
-
var $b09fec806b7b8f22$exports = {};
|
55
|
-
$b09fec806b7b8f22$exports = {
|
56
|
-
"loading": `\u{417}\u{430}\u{440}\u{435}\u{436}\u{434}\u{430}\u{43D}\u{435}...`
|
57
|
-
};
|
58
|
-
|
59
|
-
|
60
|
-
var $ca0549dfb1669363$exports = {};
|
61
|
-
$ca0549dfb1669363$exports = {
|
62
|
-
"loading": `Na\u{10D}\xedt\xe1n\xed...`
|
63
|
-
};
|
64
|
-
|
65
|
-
|
66
|
-
var $98f2907c0694c5b6$exports = {};
|
67
|
-
$98f2907c0694c5b6$exports = {
|
68
|
-
"loading": `Indl\xe6ser ...`
|
69
|
-
};
|
70
|
-
|
71
|
-
|
72
|
-
var $9d6fce77106482c8$exports = {};
|
73
|
-
$9d6fce77106482c8$exports = {
|
74
|
-
"loading": `Wird geladen \u{2026}`
|
75
|
-
};
|
76
|
-
|
77
|
-
|
78
|
-
var $db5c63cb8d95d7a4$exports = {};
|
79
|
-
$db5c63cb8d95d7a4$exports = {
|
80
|
-
"loading": `\u{3A6}\u{3CC}\u{3C1}\u{3C4}\u{3C9}\u{3C3}\u{3B7}\u{2026}`
|
81
|
-
};
|
82
|
-
|
83
|
-
|
84
|
-
var $94e4262f3b79d866$exports = {};
|
85
|
-
$94e4262f3b79d866$exports = {
|
86
|
-
"loading": `Loading\u{2026}`
|
87
|
-
};
|
88
84
|
|
89
85
|
|
90
|
-
var $16cf2bb6affc1ca9$exports = {};
|
91
|
-
$16cf2bb6affc1ca9$exports = {
|
92
|
-
"loading": `Cargando\u{2026}`
|
93
|
-
};
|
94
86
|
|
95
87
|
|
96
|
-
var $d2a4cd1ccd3b9660$exports = {};
|
97
|
-
$d2a4cd1ccd3b9660$exports = {
|
98
|
-
"loading": `Laadimine...`
|
99
|
-
};
|
100
88
|
|
101
89
|
|
102
|
-
var $0aa3ceafb597db1b$exports = {};
|
103
|
-
$0aa3ceafb597db1b$exports = {
|
104
|
-
"loading": `Ladataan\u{2026}`
|
105
|
-
};
|
106
90
|
|
107
91
|
|
108
|
-
var $5779b104f19b7b1a$exports = {};
|
109
|
-
$5779b104f19b7b1a$exports = {
|
110
|
-
"loading": `Chargement en cours\u{2026}`
|
111
|
-
};
|
112
92
|
|
113
93
|
|
114
|
-
var $33aba885fd306c4d$exports = {};
|
115
|
-
$33aba885fd306c4d$exports = {
|
116
|
-
"loading": `\u{5D8}\u{5D5}\u{5E2}\u{5DF}...`
|
117
|
-
};
|
118
94
|
|
119
95
|
|
120
|
-
var $30a099a3f19b59af$exports = {};
|
121
|
-
$30a099a3f19b59af$exports = {
|
122
|
-
"loading": `U\u{10D}itavam...`
|
123
|
-
};
|
124
96
|
|
125
97
|
|
126
|
-
var $f257504b02c6b23f$exports = {};
|
127
|
-
$f257504b02c6b23f$exports = {
|
128
|
-
"loading": `Bet\xf6lt\xe9s folyamatban\u{2026}`
|
129
|
-
};
|
130
98
|
|
131
99
|
|
132
|
-
var $b6e12833733478ab$exports = {};
|
133
|
-
$b6e12833733478ab$exports = {
|
134
|
-
"loading": `Caricamento...`
|
135
|
-
};
|
136
100
|
|
137
101
|
|
138
|
-
var $e69fac8c5f9d6043$exports = {};
|
139
|
-
$e69fac8c5f9d6043$exports = {
|
140
|
-
"loading": `\u{8AAD}\u{307F}\u{8FBC}\u{307F}\u{4E2D}...`
|
141
|
-
};
|
142
102
|
|
143
103
|
|
144
|
-
var $a9b740b7d23548d0$exports = {};
|
145
|
-
$a9b740b7d23548d0$exports = {
|
146
|
-
"loading": `\u{B85C}\u{B4DC} \u{C911}\u{2026}`
|
147
|
-
};
|
148
104
|
|
149
105
|
|
150
|
-
var $4d8ca888adc67de0$exports = {};
|
151
|
-
$4d8ca888adc67de0$exports = {
|
152
|
-
"loading": `\u{12E}keliama\u{2026}`
|
153
|
-
};
|
154
106
|
|
155
107
|
|
156
|
-
var $5d3a845adaaa328a$exports = {};
|
157
|
-
$5d3a845adaaa328a$exports = {
|
158
|
-
"loading": `Notiek iel\u{101}de\u{2026}`
|
159
|
-
};
|
160
108
|
|
161
109
|
|
162
|
-
var $20112446b2d06d6e$exports = {};
|
163
|
-
$20112446b2d06d6e$exports = {
|
164
|
-
"loading": `Laster inn ...`
|
165
|
-
};
|
166
110
|
|
167
111
|
|
168
|
-
var $168501f8ff8ad607$exports = {};
|
169
|
-
$168501f8ff8ad607$exports = {
|
170
|
-
"loading": `Laden...`
|
171
|
-
};
|
172
112
|
|
173
113
|
|
174
|
-
var $7d885e2935e9ed01$exports = {};
|
175
|
-
$7d885e2935e9ed01$exports = {
|
176
|
-
"loading": `Wczytywanie...`
|
177
|
-
};
|
178
114
|
|
179
115
|
|
180
|
-
var $ece77a10c9739c65$exports = {};
|
181
|
-
$ece77a10c9739c65$exports = {
|
182
|
-
"loading": `Carregando...`
|
183
|
-
};
|
184
|
-
|
185
|
-
|
186
|
-
var $8dbae7e3487e6fc7$exports = {};
|
187
|
-
$8dbae7e3487e6fc7$exports = {
|
188
|
-
"loading": `A carregar...`
|
189
|
-
};
|
190
|
-
|
191
|
-
|
192
|
-
var $4ab371254445a3f4$exports = {};
|
193
|
-
$4ab371254445a3f4$exports = {
|
194
|
-
"loading": `Se \xeencarc\u{103}...`
|
195
|
-
};
|
196
|
-
|
197
|
-
|
198
|
-
var $c5ac7ec630c67dba$exports = {};
|
199
|
-
$c5ac7ec630c67dba$exports = {
|
200
|
-
"loading": `\u{417}\u{430}\u{433}\u{440}\u{443}\u{437}\u{43A}\u{430}...`
|
201
|
-
};
|
202
|
-
|
203
|
-
|
204
|
-
var $846eaea7e21f7fbf$exports = {};
|
205
|
-
$846eaea7e21f7fbf$exports = {
|
206
|
-
"loading": `Na\u{10D}\xedtava sa...`
|
207
|
-
};
|
208
|
-
|
209
|
-
|
210
|
-
var $dde062d6acd4e43a$exports = {};
|
211
|
-
$dde062d6acd4e43a$exports = {
|
212
|
-
"loading": `Nalaganje ...`
|
213
|
-
};
|
214
|
-
|
215
|
-
|
216
|
-
var $579b7ae9c5494112$exports = {};
|
217
|
-
$579b7ae9c5494112$exports = {
|
218
|
-
"loading": `U\u{10D}itavam...`
|
219
|
-
};
|
220
|
-
|
221
|
-
|
222
|
-
var $3b62c0bcc6cf3c98$exports = {};
|
223
|
-
$3b62c0bcc6cf3c98$exports = {
|
224
|
-
"loading": `L\xe4ser in...`
|
225
|
-
};
|
226
|
-
|
227
|
-
|
228
|
-
var $31f966e58b99834b$exports = {};
|
229
|
-
$31f966e58b99834b$exports = {
|
230
|
-
"loading": `Y\xfckleniyor...`
|
231
|
-
};
|
232
|
-
|
233
|
-
|
234
|
-
var $a3d99ea5d46a3d12$exports = {};
|
235
|
-
$a3d99ea5d46a3d12$exports = {
|
236
|
-
"loading": `\u{417}\u{430}\u{432}\u{430}\u{43D}\u{442}\u{430}\u{436}\u{435}\u{43D}\u{43D}\u{44F}\u{2026}`
|
237
|
-
};
|
238
|
-
|
239
|
-
|
240
|
-
var $6e4b63af77288b7a$exports = {};
|
241
|
-
$6e4b63af77288b7a$exports = {
|
242
|
-
"loading": `\u{6B63}\u{5728}\u{52A0}\u{8F7D}...`
|
243
|
-
};
|
244
|
-
|
245
|
-
|
246
|
-
var $be993a68bccef72a$exports = {};
|
247
|
-
$be993a68bccef72a$exports = {
|
248
|
-
"loading": `\u{8F09}\u{5165}\u{4E2D}\u{2026}`
|
249
|
-
};
|
250
116
|
|
251
117
|
|
252
118
|
$94fed84ca44dbd5b$exports = {
|
@@ -426,6 +292,7 @@ function $b865a6f0049e2d66$var$disablePendingProps(props) {
|
|
426
292
|
return props;
|
427
293
|
}
|
428
294
|
function $b865a6f0049e2d66$var$Button(props, ref) {
|
295
|
+
var _buttonProps_arialabelledby;
|
429
296
|
props = (0, $d7FTw$useProviderProps)(props);
|
430
297
|
props = (0, $d7FTw$useSlotProps)(props, "button");
|
431
298
|
props = $b865a6f0049e2d66$var$disablePendingProps(props);
|
@@ -435,11 +302,23 @@ function $b865a6f0049e2d66$var$Button(props, ref) {
|
|
435
302
|
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $d7FTw$useHover)({
|
436
303
|
isDisabled: isDisabled
|
437
304
|
});
|
438
|
-
let
|
305
|
+
let [isFocused, onFocusChange] = (0, $d7FTw$useState)(false);
|
306
|
+
let { focusProps: focusProps } = (0, $d7FTw$useFocus)({
|
307
|
+
onFocusChange: onFocusChange,
|
308
|
+
isDisabled: isDisabled
|
309
|
+
});
|
310
|
+
let stringFormatter = (0, $d7FTw$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($94fed84ca44dbd5b$exports))), "@react-spectrum/button");
|
439
311
|
let { styleProps: styleProps } = (0, $d7FTw$useStyleProps)(otherProps);
|
440
312
|
let hasLabel = (0, $d7FTw$useHasChild)(`.${(0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)))["spectrum-Button-label"]}`, domRef);
|
441
313
|
let hasIcon = (0, $d7FTw$useHasChild)(`.${(0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)))["spectrum-Icon"]}`, domRef);
|
314
|
+
// an aria label will block children and their labels from being read, this is undesirable for pending state
|
315
|
+
let hasAriaLabel = !!buttonProps["aria-label"] || !!buttonProps["aria-labelledby"];
|
442
316
|
let [isProgressVisible, setIsProgressVisible] = (0, $d7FTw$useState)(false);
|
317
|
+
let backupButtonId = (0, $d7FTw$useId)();
|
318
|
+
let buttonId = buttonProps.id || backupButtonId;
|
319
|
+
let iconId = (0, $d7FTw$useId)();
|
320
|
+
let textId = (0, $d7FTw$useId)();
|
321
|
+
let spinnerId = (0, $d7FTw$useId)();
|
443
322
|
(0, $d7FTw$useEffect)(()=>{
|
444
323
|
let timeout;
|
445
324
|
if (isPending) // Start timer when isPending is set to true.
|
@@ -460,18 +339,25 @@ function $b865a6f0049e2d66$var$Button(props, ref) {
|
|
460
339
|
variant = "primary";
|
461
340
|
staticColor = "white";
|
462
341
|
}
|
342
|
+
const isPendingAriaLiveLabel = `${hasAriaLabel ? buttonProps["aria-label"] : ""} ${stringFormatter.format("pending")}`.trim();
|
343
|
+
var _buttonProps_arialabelledby_replace;
|
344
|
+
const isPendingAriaLiveLabelledby = hasAriaLabel ? (_buttonProps_arialabelledby_replace = (_buttonProps_arialabelledby = buttonProps["aria-labelledby"]) === null || _buttonProps_arialabelledby === void 0 ? void 0 : _buttonProps_arialabelledby.replace(buttonId, spinnerId)) !== null && _buttonProps_arialabelledby_replace !== void 0 ? _buttonProps_arialabelledby_replace : spinnerId : `${hasIcon ? iconId : ""} ${hasLabel ? textId : ""} ${spinnerId}`.trim();
|
345
|
+
let ariaLive = "polite";
|
346
|
+
if ((0, $d7FTw$isAppleDevice)() && (!hasAriaLabel || (0, $d7FTw$isFirefox)())) ariaLive = "off";
|
463
347
|
return /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$FocusRing), {
|
464
348
|
focusRingClass: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "focus-ring"),
|
465
349
|
autoFocus: autoFocus
|
466
350
|
}, /*#__PURE__*/ (0, $d7FTw$react).createElement(Element, {
|
467
351
|
...styleProps,
|
468
|
-
...(0, $d7FTw$mergeProps)(buttonProps, hoverProps),
|
352
|
+
...(0, $d7FTw$mergeProps)(buttonProps, hoverProps, focusProps),
|
353
|
+
id: buttonId,
|
469
354
|
ref: domRef,
|
470
355
|
"data-variant": variant,
|
471
356
|
"data-style": style,
|
472
357
|
"data-static-color": staticColor || undefined,
|
473
|
-
"aria-disabled": isPending
|
474
|
-
"aria-
|
358
|
+
"aria-disabled": isPending ? "true" : undefined,
|
359
|
+
"aria-label": isPending ? isPendingAriaLiveLabel : buttonProps["aria-label"],
|
360
|
+
"aria-labelledby": isPending ? isPendingAriaLiveLabelledby : buttonProps["aria-labelledby"],
|
475
361
|
className: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "spectrum-Button", {
|
476
362
|
"spectrum-Button--iconOnly": hasIcon && !hasLabel,
|
477
363
|
"is-disabled": isDisabled || isProgressVisible,
|
@@ -482,20 +368,36 @@ function $b865a6f0049e2d66$var$Button(props, ref) {
|
|
482
368
|
}, /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$SlotProvider), {
|
483
369
|
slots: {
|
484
370
|
icon: {
|
371
|
+
id: iconId,
|
485
372
|
size: "S",
|
486
373
|
UNSAFE_className: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "spectrum-Icon")
|
487
374
|
},
|
488
375
|
text: {
|
376
|
+
id: textId,
|
489
377
|
UNSAFE_className: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "spectrum-Button-label")
|
490
378
|
}
|
491
379
|
}
|
492
|
-
},
|
493
|
-
"aria-
|
380
|
+
}, typeof children === "string" ? /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$Text), null, children) : children, isPending && /*#__PURE__*/ (0, $d7FTw$react).createElement("div", {
|
381
|
+
"aria-hidden": "true",
|
382
|
+
style: {
|
383
|
+
visibility: isProgressVisible ? "visible" : "hidden"
|
384
|
+
},
|
385
|
+
className: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "spectrum-Button-circleLoader")
|
386
|
+
}, /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$ProgressCircle), {
|
387
|
+
"aria-label": isPendingAriaLiveLabel,
|
494
388
|
isIndeterminate: true,
|
495
389
|
size: "S",
|
496
|
-
UNSAFE_className: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "spectrum-Button-circleLoader"),
|
497
390
|
staticColor: staticColor
|
498
|
-
}),
|
391
|
+
})), isPending && /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$react).Fragment, null, /*#__PURE__*/ (0, $d7FTw$react).createElement("div", {
|
392
|
+
"aria-live": isFocused ? ariaLive : "off"
|
393
|
+
}, isProgressVisible && /*#__PURE__*/ (0, $d7FTw$react).createElement("div", {
|
394
|
+
role: "img",
|
395
|
+
"aria-labelledby": isPendingAriaLiveLabelledby
|
396
|
+
})), /*#__PURE__*/ (0, $d7FTw$react).createElement("div", {
|
397
|
+
id: spinnerId,
|
398
|
+
role: "img",
|
399
|
+
"aria-label": isPendingAriaLiveLabel
|
400
|
+
})))));
|
499
401
|
}
|
500
402
|
/**
|
501
403
|
* Buttons allow users to perform an action or to navigate to another page.
|
@@ -0,0 +1 @@
|
|
1
|
+
{"mappings":"AAAA,iBAAiB;IAAG,WAAW,CAAC,UAAU,CAAC;AAC3C","sources":["packages/@react-spectrum/button/intl/it-IT.json"],"sourcesContent":["{\n \"pending\": \"in sospeso\"\n}\n"],"names":[],"version":3,"file":"it-IT.main.js.map"}
|
package/dist/it-IT.mjs
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
{"mappings":";AAAA,4BAAiB;IAAG,WAAW,CAAC,UAAU,CAAC;AAC3C","sources":["packages/@react-spectrum/button/intl/it-IT.json"],"sourcesContent":["{\n \"pending\": \"in sospeso\"\n}\n"],"names":[],"version":3,"file":"it-IT.module.js.map"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"mappings":"AAAA,iBAAiB;IAAG,WAAW,CAAC,gBAAE,CAAC;AACnC","sources":["packages/@react-spectrum/button/intl/ja-JP.json"],"sourcesContent":["{\n \"pending\": \"保留\"\n}\n"],"names":[],"version":3,"file":"ja-JP.main.js.map"}
|
package/dist/ja-JP.mjs
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
{"mappings":";AAAA,4BAAiB;IAAG,WAAW,CAAC,gBAAE,CAAC;AACnC","sources":["packages/@react-spectrum/button/intl/ja-JP.json"],"sourcesContent":["{\n \"pending\": \"保留\"\n}\n"],"names":[],"version":3,"file":"ja-JP.module.js.map"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"mappings":"AAAA,iBAAiB;IAAG,WAAW,CAAC,yBAAI,CAAC;AACrC","sources":["packages/@react-spectrum/button/intl/ko-KR.json"],"sourcesContent":["{\n \"pending\": \"보류 중\"\n}\n"],"names":[],"version":3,"file":"ko-KR.main.js.map"}
|
package/dist/ko-KR.mjs
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
{"mappings":";AAAA,4BAAiB;IAAG,WAAW,CAAC,yBAAI,CAAC;AACrC","sources":["packages/@react-spectrum/button/intl/ko-KR.json"],"sourcesContent":["{\n \"pending\": \"보류 중\"\n}\n"],"names":[],"version":3,"file":"ko-KR.module.js.map"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"mappings":"AAAA,iBAAiB;IAAG,WAAW,CAAC,QAAQ,CAAC;AACzC","sources":["packages/@react-spectrum/button/intl/lt-LT.json"],"sourcesContent":["{\n \"pending\": \"laukiama\"\n}\n"],"names":[],"version":3,"file":"lt-LT.main.js.map"}
|
package/dist/lt-LT.mjs
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
{"mappings":";AAAA,4BAAiB;IAAG,WAAW,CAAC,QAAQ,CAAC;AACzC","sources":["packages/@react-spectrum/button/intl/lt-LT.json"],"sourcesContent":["{\n \"pending\": \"laukiama\"\n}\n"],"names":[],"version":3,"file":"lt-LT.module.js.map"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"mappings":"AAAA,iBAAiB;IAAG,WAAW,CAAC,KAAK,CAAC;AACtC","sources":["packages/@react-spectrum/button/intl/lv-LV.json"],"sourcesContent":["{\n \"pending\": \"gaida\"\n}\n"],"names":[],"version":3,"file":"lv-LV.main.js.map"}
|
package/dist/lv-LV.mjs
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
{"mappings":";AAAA,4BAAiB;IAAG,WAAW,CAAC,KAAK,CAAC;AACtC","sources":["packages/@react-spectrum/button/intl/lv-LV.json"],"sourcesContent":["{\n \"pending\": \"gaida\"\n}\n"],"names":[],"version":3,"file":"lv-LV.module.js.map"}
|