@react-spectrum/button 3.12.4 → 3.14.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/import.mjs +418 -108
- package/dist/main.css +1 -1
- package/dist/main.js +417 -107
- package/dist/main.js.map +1 -1
- package/dist/module.js +418 -108
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +1 -0
- package/dist/types.d.ts.map +1 -1
- package/package.json +15 -12
- package/src/Button.tsx +54 -3
- package/src/FieldButton.tsx +3 -1
package/dist/main.js
CHANGED
|
@@ -2,10 +2,12 @@ require("./main.css");
|
|
|
2
2
|
var $IPaYO$reactspectrumutils = require("@react-spectrum/utils");
|
|
3
3
|
var $IPaYO$reactariafocus = require("@react-aria/focus");
|
|
4
4
|
var $IPaYO$reactariautils = require("@react-aria/utils");
|
|
5
|
+
var $IPaYO$reactspectrumprogress = require("@react-spectrum/progress");
|
|
5
6
|
var $IPaYO$react = require("react");
|
|
6
7
|
var $IPaYO$reactspectrumtext = require("@react-spectrum/text");
|
|
7
8
|
var $IPaYO$reactariabutton = require("@react-aria/button");
|
|
8
9
|
var $IPaYO$reactariainteractions = require("@react-aria/interactions");
|
|
10
|
+
var $IPaYO$reactariai18n = require("@react-aria/i18n");
|
|
9
11
|
var $IPaYO$reactspectrumprovider = require("@react-spectrum/provider");
|
|
10
12
|
var $IPaYO$spectrumiconsuiCornerTriangle = require("@spectrum-icons/ui/CornerTriangle");
|
|
11
13
|
var $IPaYO$spectrumiconsuiCrossSmall = require("@spectrum-icons/ui/CrossSmall");
|
|
@@ -47,118 +49,417 @@ $parcel$export(module.exports, "ToggleButton", () => $b5c927da7d8f1be6$export$d2
|
|
|
47
49
|
* governing permissions and limitations under the License.
|
|
48
50
|
*/
|
|
49
51
|
|
|
52
|
+
var $b2da92ebd9a2bc00$exports = {};
|
|
53
|
+
var $8dfbe9f11d8f0c18$exports = {};
|
|
54
|
+
$8dfbe9f11d8f0c18$exports = {
|
|
55
|
+
"loading": `جارٍ التحميل...`
|
|
56
|
+
};
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
var $f1d09da51b7863de$exports = {};
|
|
60
|
+
$f1d09da51b7863de$exports = {
|
|
61
|
+
"loading": `Зареждане...`
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
var $a938a0b253d9f247$exports = {};
|
|
66
|
+
$a938a0b253d9f247$exports = {
|
|
67
|
+
"loading": `Načítání...`
|
|
68
|
+
};
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
var $cf0c54eea40f6fcb$exports = {};
|
|
72
|
+
$cf0c54eea40f6fcb$exports = {
|
|
73
|
+
"loading": `Indlæser ...`
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
|
|
77
|
+
var $4748cd40594ea272$exports = {};
|
|
78
|
+
$4748cd40594ea272$exports = {
|
|
79
|
+
"loading": `Wird geladen …`
|
|
80
|
+
};
|
|
81
|
+
|
|
82
|
+
|
|
83
|
+
var $650c1cff0501e881$exports = {};
|
|
84
|
+
$650c1cff0501e881$exports = {
|
|
85
|
+
"loading": `Φόρτωση…`
|
|
86
|
+
};
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
var $e400898e815c69b7$exports = {};
|
|
90
|
+
$e400898e815c69b7$exports = {
|
|
91
|
+
"loading": `Loading…`
|
|
92
|
+
};
|
|
93
|
+
|
|
94
|
+
|
|
95
|
+
var $6d85accad7f1b1b0$exports = {};
|
|
96
|
+
$6d85accad7f1b1b0$exports = {
|
|
97
|
+
"loading": `Cargando…`
|
|
98
|
+
};
|
|
99
|
+
|
|
100
|
+
|
|
101
|
+
var $8bd503882fd613bd$exports = {};
|
|
102
|
+
$8bd503882fd613bd$exports = {
|
|
103
|
+
"loading": `Laadimine...`
|
|
104
|
+
};
|
|
105
|
+
|
|
106
|
+
|
|
107
|
+
var $23d05f8457cd40f2$exports = {};
|
|
108
|
+
$23d05f8457cd40f2$exports = {
|
|
109
|
+
"loading": `Ladataan…`
|
|
110
|
+
};
|
|
111
|
+
|
|
112
|
+
|
|
113
|
+
var $e63063aea75f1c21$exports = {};
|
|
114
|
+
$e63063aea75f1c21$exports = {
|
|
115
|
+
"loading": `Chargement en cours…`
|
|
116
|
+
};
|
|
117
|
+
|
|
118
|
+
|
|
119
|
+
var $9906c3303b98f896$exports = {};
|
|
120
|
+
$9906c3303b98f896$exports = {
|
|
121
|
+
"loading": `טוען...`
|
|
122
|
+
};
|
|
123
|
+
|
|
124
|
+
|
|
125
|
+
var $8e94047ff7a4f28e$exports = {};
|
|
126
|
+
$8e94047ff7a4f28e$exports = {
|
|
127
|
+
"loading": `Učitavam...`
|
|
128
|
+
};
|
|
129
|
+
|
|
130
|
+
|
|
131
|
+
var $29cc0bceb80e8c91$exports = {};
|
|
132
|
+
$29cc0bceb80e8c91$exports = {
|
|
133
|
+
"loading": `Betöltés folyamatban…`
|
|
134
|
+
};
|
|
135
|
+
|
|
136
|
+
|
|
137
|
+
var $986fbd55bef3d71d$exports = {};
|
|
138
|
+
$986fbd55bef3d71d$exports = {
|
|
139
|
+
"loading": `Caricamento...`
|
|
140
|
+
};
|
|
141
|
+
|
|
142
|
+
|
|
143
|
+
var $7f1ef5a9cae227cd$exports = {};
|
|
144
|
+
$7f1ef5a9cae227cd$exports = {
|
|
145
|
+
"loading": `読み込み中...`
|
|
146
|
+
};
|
|
147
|
+
|
|
148
|
+
|
|
149
|
+
var $9d9c1e7e8c3604b6$exports = {};
|
|
150
|
+
$9d9c1e7e8c3604b6$exports = {
|
|
151
|
+
"loading": `로드 중…`
|
|
152
|
+
};
|
|
153
|
+
|
|
154
|
+
|
|
155
|
+
var $bb0c9e2a421c29e6$exports = {};
|
|
156
|
+
$bb0c9e2a421c29e6$exports = {
|
|
157
|
+
"loading": `Įkeliama…`
|
|
158
|
+
};
|
|
159
|
+
|
|
160
|
+
|
|
161
|
+
var $d4bcb4a7735702a6$exports = {};
|
|
162
|
+
$d4bcb4a7735702a6$exports = {
|
|
163
|
+
"loading": `Notiek ielāde…`
|
|
164
|
+
};
|
|
165
|
+
|
|
166
|
+
|
|
167
|
+
var $bbac6f483322e4cb$exports = {};
|
|
168
|
+
$bbac6f483322e4cb$exports = {
|
|
169
|
+
"loading": `Laster inn ...`
|
|
170
|
+
};
|
|
171
|
+
|
|
172
|
+
|
|
173
|
+
var $2e38f272eed1ee93$exports = {};
|
|
174
|
+
$2e38f272eed1ee93$exports = {
|
|
175
|
+
"loading": `Laden...`
|
|
176
|
+
};
|
|
177
|
+
|
|
178
|
+
|
|
179
|
+
var $efdabc3b4ba6ae3a$exports = {};
|
|
180
|
+
$efdabc3b4ba6ae3a$exports = {
|
|
181
|
+
"loading": `Wczytywanie...`
|
|
182
|
+
};
|
|
183
|
+
|
|
184
|
+
|
|
185
|
+
var $32c199c1c0b84ea6$exports = {};
|
|
186
|
+
$32c199c1c0b84ea6$exports = {
|
|
187
|
+
"loading": `Carregando...`
|
|
188
|
+
};
|
|
189
|
+
|
|
190
|
+
|
|
191
|
+
var $4525387e786c4e45$exports = {};
|
|
192
|
+
$4525387e786c4e45$exports = {
|
|
193
|
+
"loading": `A carregar...`
|
|
194
|
+
};
|
|
195
|
+
|
|
196
|
+
|
|
197
|
+
var $946eea38cb062cf0$exports = {};
|
|
198
|
+
$946eea38cb062cf0$exports = {
|
|
199
|
+
"loading": `Se încarcă...`
|
|
200
|
+
};
|
|
201
|
+
|
|
202
|
+
|
|
203
|
+
var $fe41a7461b3fc080$exports = {};
|
|
204
|
+
$fe41a7461b3fc080$exports = {
|
|
205
|
+
"loading": `Загрузка...`
|
|
206
|
+
};
|
|
207
|
+
|
|
208
|
+
|
|
209
|
+
var $2d1b4cc9945c3226$exports = {};
|
|
210
|
+
$2d1b4cc9945c3226$exports = {
|
|
211
|
+
"loading": `Načítava sa...`
|
|
212
|
+
};
|
|
213
|
+
|
|
214
|
+
|
|
215
|
+
var $5d18d41ac4266fa7$exports = {};
|
|
216
|
+
$5d18d41ac4266fa7$exports = {
|
|
217
|
+
"loading": `Nalaganje ...`
|
|
218
|
+
};
|
|
219
|
+
|
|
220
|
+
|
|
221
|
+
var $b2209169f376772d$exports = {};
|
|
222
|
+
$b2209169f376772d$exports = {
|
|
223
|
+
"loading": `Učitavam...`
|
|
224
|
+
};
|
|
225
|
+
|
|
226
|
+
|
|
227
|
+
var $d3ab0389431476ca$exports = {};
|
|
228
|
+
$d3ab0389431476ca$exports = {
|
|
229
|
+
"loading": `Läser in...`
|
|
230
|
+
};
|
|
231
|
+
|
|
232
|
+
|
|
233
|
+
var $33bce89e4fc9865a$exports = {};
|
|
234
|
+
$33bce89e4fc9865a$exports = {
|
|
235
|
+
"loading": `Yükleniyor...`
|
|
236
|
+
};
|
|
237
|
+
|
|
238
|
+
|
|
239
|
+
var $a803ef1dfa0d114e$exports = {};
|
|
240
|
+
$a803ef1dfa0d114e$exports = {
|
|
241
|
+
"loading": `Завантаження…`
|
|
242
|
+
};
|
|
243
|
+
|
|
244
|
+
|
|
245
|
+
var $732189c02a0cbea0$exports = {};
|
|
246
|
+
$732189c02a0cbea0$exports = {
|
|
247
|
+
"loading": `正在加载...`
|
|
248
|
+
};
|
|
249
|
+
|
|
250
|
+
|
|
251
|
+
var $feaa03429c1f5a33$exports = {};
|
|
252
|
+
$feaa03429c1f5a33$exports = {
|
|
253
|
+
"loading": `載入中…`
|
|
254
|
+
};
|
|
255
|
+
|
|
256
|
+
|
|
257
|
+
$b2da92ebd9a2bc00$exports = {
|
|
258
|
+
"ar-AE": $8dfbe9f11d8f0c18$exports,
|
|
259
|
+
"bg-BG": $f1d09da51b7863de$exports,
|
|
260
|
+
"cs-CZ": $a938a0b253d9f247$exports,
|
|
261
|
+
"da-DK": $cf0c54eea40f6fcb$exports,
|
|
262
|
+
"de-DE": $4748cd40594ea272$exports,
|
|
263
|
+
"el-GR": $650c1cff0501e881$exports,
|
|
264
|
+
"en-US": $e400898e815c69b7$exports,
|
|
265
|
+
"es-ES": $6d85accad7f1b1b0$exports,
|
|
266
|
+
"et-EE": $8bd503882fd613bd$exports,
|
|
267
|
+
"fi-FI": $23d05f8457cd40f2$exports,
|
|
268
|
+
"fr-FR": $e63063aea75f1c21$exports,
|
|
269
|
+
"he-IL": $9906c3303b98f896$exports,
|
|
270
|
+
"hr-HR": $8e94047ff7a4f28e$exports,
|
|
271
|
+
"hu-HU": $29cc0bceb80e8c91$exports,
|
|
272
|
+
"it-IT": $986fbd55bef3d71d$exports,
|
|
273
|
+
"ja-JP": $7f1ef5a9cae227cd$exports,
|
|
274
|
+
"ko-KR": $9d9c1e7e8c3604b6$exports,
|
|
275
|
+
"lt-LT": $bb0c9e2a421c29e6$exports,
|
|
276
|
+
"lv-LV": $d4bcb4a7735702a6$exports,
|
|
277
|
+
"nb-NO": $bbac6f483322e4cb$exports,
|
|
278
|
+
"nl-NL": $2e38f272eed1ee93$exports,
|
|
279
|
+
"pl-PL": $efdabc3b4ba6ae3a$exports,
|
|
280
|
+
"pt-BR": $32c199c1c0b84ea6$exports,
|
|
281
|
+
"pt-PT": $4525387e786c4e45$exports,
|
|
282
|
+
"ro-RO": $946eea38cb062cf0$exports,
|
|
283
|
+
"ru-RU": $fe41a7461b3fc080$exports,
|
|
284
|
+
"sk-SK": $2d1b4cc9945c3226$exports,
|
|
285
|
+
"sl-SI": $5d18d41ac4266fa7$exports,
|
|
286
|
+
"sr-SP": $b2209169f376772d$exports,
|
|
287
|
+
"sv-SE": $d3ab0389431476ca$exports,
|
|
288
|
+
"tr-TR": $33bce89e4fc9865a$exports,
|
|
289
|
+
"uk-UA": $a803ef1dfa0d114e$exports,
|
|
290
|
+
"zh-CN": $732189c02a0cbea0$exports,
|
|
291
|
+
"zh-TW": $feaa03429c1f5a33$exports
|
|
292
|
+
};
|
|
293
|
+
|
|
294
|
+
|
|
295
|
+
|
|
50
296
|
|
|
51
297
|
|
|
52
298
|
var $afc5a4514aca2340$exports = {};
|
|
53
299
|
|
|
54
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button", () => $afc5a4514aca2340$export$1db4cca5b4ade39a, (v) => $afc5a4514aca2340$export$1db4cca5b4ade39a = v);
|
|
55
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton", () => $afc5a4514aca2340$export$53da69f51b770d3, (v) => $afc5a4514aca2340$export$53da69f51b770d3 = v);
|
|
56
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-LogicButton", () => $afc5a4514aca2340$export$36ae67a131730482, (v) => $afc5a4514aca2340$export$36ae67a131730482 = v);
|
|
57
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-FieldButton", () => $afc5a4514aca2340$export$a024c99ecf6b5741, (v) => $afc5a4514aca2340$export$a024c99ecf6b5741 = v);
|
|
58
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-ClearButton", () => $afc5a4514aca2340$export$b752ce409e5660c, (v) => $afc5a4514aca2340$export$b752ce409e5660c = v);
|
|
59
300
|
$parcel$export($afc5a4514aca2340$exports, "focus-ring", () => $afc5a4514aca2340$export$f39a09f249340e2a, (v) => $afc5a4514aca2340$export$f39a09f249340e2a = v);
|
|
60
|
-
$parcel$export($afc5a4514aca2340$exports, "
|
|
61
|
-
$parcel$export($afc5a4514aca2340$exports, "
|
|
62
|
-
$parcel$export($afc5a4514aca2340$exports, "is-hovered", () => $afc5a4514aca2340$export$b8813cd5d7824ce7, (v) => $afc5a4514aca2340$export$b8813cd5d7824ce7 = v);
|
|
63
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button-label", () => $afc5a4514aca2340$export$c081ba562e204942, (v) => $afc5a4514aca2340$export$c081ba562e204942 = v);
|
|
64
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--iconOnly", () => $afc5a4514aca2340$export$c1d306ec0fae3838, (v) => $afc5a4514aca2340$export$c1d306ec0fae3838 = v);
|
|
65
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton-label", () => $afc5a4514aca2340$export$ebb4635c66bacdb9, (v) => $afc5a4514aca2340$export$ebb4635c66bacdb9 = v);
|
|
66
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton-hold", () => $afc5a4514aca2340$export$4a4f01c443eff992, (v) => $afc5a4514aca2340$export$4a4f01c443eff992 = v);
|
|
67
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--quiet", () => $afc5a4514aca2340$export$40e1f009544bacf3, (v) => $afc5a4514aca2340$export$40e1f009544bacf3 = v);
|
|
301
|
+
$parcel$export($afc5a4514aca2340$exports, "i18nFontFamily", () => $afc5a4514aca2340$export$8c4ee2c50c22c514, (v) => $afc5a4514aca2340$export$8c4ee2c50c22c514 = v);
|
|
302
|
+
$parcel$export($afc5a4514aca2340$exports, "is-active", () => $afc5a4514aca2340$export$20fd0f7cd4e6112f, (v) => $afc5a4514aca2340$export$20fd0f7cd4e6112f = v);
|
|
68
303
|
$parcel$export($afc5a4514aca2340$exports, "is-disabled", () => $afc5a4514aca2340$export$d35bc1e505d1ebbf, (v) => $afc5a4514aca2340$export$d35bc1e505d1ebbf = v);
|
|
304
|
+
$parcel$export($afc5a4514aca2340$exports, "is-focused", () => $afc5a4514aca2340$export$e7dc768d35940237, (v) => $afc5a4514aca2340$export$e7dc768d35940237 = v);
|
|
305
|
+
$parcel$export($afc5a4514aca2340$exports, "is-hovered", () => $afc5a4514aca2340$export$b8813cd5d7824ce7, (v) => $afc5a4514aca2340$export$b8813cd5d7824ce7 = v);
|
|
69
306
|
$parcel$export($afc5a4514aca2340$exports, "is-open", () => $afc5a4514aca2340$export$a9781837241c946d, (v) => $afc5a4514aca2340$export$a9781837241c946d = v);
|
|
70
|
-
$parcel$export($afc5a4514aca2340$exports, "
|
|
71
|
-
$parcel$export($afc5a4514aca2340$exports, "is-active", () => $afc5a4514aca2340$export$20fd0f7cd4e6112f, (v) => $afc5a4514aca2340$export$20fd0f7cd4e6112f = v);
|
|
72
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-ClearButton--overBackground", () => $afc5a4514aca2340$export$116f2fccf941d34d, (v) => $afc5a4514aca2340$export$116f2fccf941d34d = v);
|
|
307
|
+
$parcel$export($afc5a4514aca2340$exports, "is-placeholder", () => $afc5a4514aca2340$export$e5b2f5233e4e5194, (v) => $afc5a4514aca2340$export$e5b2f5233e4e5194 = v);
|
|
73
308
|
$parcel$export($afc5a4514aca2340$exports, "is-selected", () => $afc5a4514aca2340$export$1e0fb04f31d3c22a, (v) => $afc5a4514aca2340$export$1e0fb04f31d3c22a = v);
|
|
309
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-BaseButton", () => $afc5a4514aca2340$export$f7b415378ab4f839, (v) => $afc5a4514aca2340$export$f7b415378ab4f839 = v);
|
|
310
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-FocusRing-ring", () => $afc5a4514aca2340$export$4109102f950813a6, (v) => $afc5a4514aca2340$export$4109102f950813a6 = v);
|
|
311
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-FocusRing", () => $afc5a4514aca2340$export$24c7f46a6e3605dd, (v) => $afc5a4514aca2340$export$24c7f46a6e3605dd = v);
|
|
312
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton", () => $afc5a4514aca2340$export$53da69f51b770d3, (v) => $afc5a4514aca2340$export$53da69f51b770d3 = v);
|
|
74
313
|
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--emphasized", () => $afc5a4514aca2340$export$5aabb61a966e266f, (v) => $afc5a4514aca2340$export$5aabb61a966e266f = v);
|
|
75
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--
|
|
314
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--quiet", () => $afc5a4514aca2340$export$40e1f009544bacf3, (v) => $afc5a4514aca2340$export$40e1f009544bacf3 = v);
|
|
76
315
|
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--staticBlack", () => $afc5a4514aca2340$export$8f7c9db66978d20f, (v) => $afc5a4514aca2340$export$8f7c9db66978d20f = v);
|
|
77
316
|
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--staticColor", () => $afc5a4514aca2340$export$29b7b5d6a5a497c5, (v) => $afc5a4514aca2340$export$29b7b5d6a5a497c5 = v);
|
|
317
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--staticWhite", () => $afc5a4514aca2340$export$ccc536e1adbdc059, (v) => $afc5a4514aca2340$export$ccc536e1adbdc059 = v);
|
|
318
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton-hold", () => $afc5a4514aca2340$export$4a4f01c443eff992, (v) => $afc5a4514aca2340$export$4a4f01c443eff992 = v);
|
|
319
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton-label", () => $afc5a4514aca2340$export$ebb4635c66bacdb9, (v) => $afc5a4514aca2340$export$ebb4635c66bacdb9 = v);
|
|
320
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button", () => $afc5a4514aca2340$export$1db4cca5b4ade39a, (v) => $afc5a4514aca2340$export$1db4cca5b4ade39a = v);
|
|
321
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--iconOnly", () => $afc5a4514aca2340$export$c1d306ec0fae3838, (v) => $afc5a4514aca2340$export$c1d306ec0fae3838 = v);
|
|
322
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--overBackground", () => $afc5a4514aca2340$export$5cda1128f9112d2e, (v) => $afc5a4514aca2340$export$5cda1128f9112d2e = v);
|
|
323
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--pending", () => $afc5a4514aca2340$export$54592d0984f245d5, (v) => $afc5a4514aca2340$export$54592d0984f245d5 = v);
|
|
324
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button-circleLoader", () => $afc5a4514aca2340$export$76d4531f0342bbe0, (v) => $afc5a4514aca2340$export$76d4531f0342bbe0 = v);
|
|
325
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button-label", () => $afc5a4514aca2340$export$c081ba562e204942, (v) => $afc5a4514aca2340$export$c081ba562e204942 = v);
|
|
326
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-ClearButton", () => $afc5a4514aca2340$export$b752ce409e5660c, (v) => $afc5a4514aca2340$export$b752ce409e5660c = v);
|
|
327
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-ClearButton--overBackground", () => $afc5a4514aca2340$export$116f2fccf941d34d, (v) => $afc5a4514aca2340$export$116f2fccf941d34d = v);
|
|
328
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-ClearButton--small", () => $afc5a4514aca2340$export$49280ffa5236ba8b, (v) => $afc5a4514aca2340$export$49280ffa5236ba8b = v);
|
|
329
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-FieldButton", () => $afc5a4514aca2340$export$a024c99ecf6b5741, (v) => $afc5a4514aca2340$export$a024c99ecf6b5741 = v);
|
|
330
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-FieldButton--invalid", () => $afc5a4514aca2340$export$c9f503f672e8a3c1, (v) => $afc5a4514aca2340$export$c9f503f672e8a3c1 = v);
|
|
331
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-FocusRing--quiet", () => $afc5a4514aca2340$export$2927016961429360, (v) => $afc5a4514aca2340$export$2927016961429360 = v);
|
|
332
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-FieldButton--quiet", () => $afc5a4514aca2340$export$5ca7b274e4fff9fc, (v) => $afc5a4514aca2340$export$5ca7b274e4fff9fc = v);
|
|
333
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-Icon", () => $afc5a4514aca2340$export$d374b04f30360026, (v) => $afc5a4514aca2340$export$d374b04f30360026 = v);
|
|
334
|
+
$parcel$export($afc5a4514aca2340$exports, "spectrum-LogicButton", () => $afc5a4514aca2340$export$36ae67a131730482, (v) => $afc5a4514aca2340$export$36ae67a131730482 = v);
|
|
78
335
|
$parcel$export($afc5a4514aca2340$exports, "spectrum-LogicButton--and", () => $afc5a4514aca2340$export$e52daab43a62c528, (v) => $afc5a4514aca2340$export$e52daab43a62c528 = v);
|
|
79
336
|
$parcel$export($afc5a4514aca2340$exports, "spectrum-LogicButton--or", () => $afc5a4514aca2340$export$da76be6126aaa633, (v) => $afc5a4514aca2340$export$da76be6126aaa633 = v);
|
|
80
|
-
$parcel$export($afc5a4514aca2340$exports, "is-focused", () => $afc5a4514aca2340$export$e7dc768d35940237, (v) => $afc5a4514aca2340$export$e7dc768d35940237 = v);
|
|
81
|
-
$parcel$export($afc5a4514aca2340$exports, "is-placeholder", () => $afc5a4514aca2340$export$e5b2f5233e4e5194, (v) => $afc5a4514aca2340$export$e5b2f5233e4e5194 = v);
|
|
82
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-FieldButton--invalid", () => $afc5a4514aca2340$export$c9f503f672e8a3c1, (v) => $afc5a4514aca2340$export$c9f503f672e8a3c1 = v);
|
|
83
|
-
$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--overBackground", () => $afc5a4514aca2340$export$5cda1128f9112d2e, (v) => $afc5a4514aca2340$export$5cda1128f9112d2e = v);
|
|
84
|
-
var $afc5a4514aca2340$export$1db4cca5b4ade39a;
|
|
85
|
-
var $afc5a4514aca2340$export$53da69f51b770d3;
|
|
86
|
-
var $afc5a4514aca2340$export$36ae67a131730482;
|
|
87
|
-
var $afc5a4514aca2340$export$a024c99ecf6b5741;
|
|
88
|
-
var $afc5a4514aca2340$export$b752ce409e5660c;
|
|
89
337
|
var $afc5a4514aca2340$export$f39a09f249340e2a;
|
|
90
|
-
var $afc5a4514aca2340$export$
|
|
91
|
-
var $afc5a4514aca2340$export$
|
|
92
|
-
var $afc5a4514aca2340$export$b8813cd5d7824ce7;
|
|
93
|
-
var $afc5a4514aca2340$export$c081ba562e204942;
|
|
94
|
-
var $afc5a4514aca2340$export$c1d306ec0fae3838;
|
|
95
|
-
var $afc5a4514aca2340$export$ebb4635c66bacdb9;
|
|
96
|
-
var $afc5a4514aca2340$export$4a4f01c443eff992;
|
|
97
|
-
var $afc5a4514aca2340$export$40e1f009544bacf3;
|
|
338
|
+
var $afc5a4514aca2340$export$8c4ee2c50c22c514;
|
|
339
|
+
var $afc5a4514aca2340$export$20fd0f7cd4e6112f;
|
|
98
340
|
var $afc5a4514aca2340$export$d35bc1e505d1ebbf;
|
|
341
|
+
var $afc5a4514aca2340$export$e7dc768d35940237;
|
|
342
|
+
var $afc5a4514aca2340$export$b8813cd5d7824ce7;
|
|
99
343
|
var $afc5a4514aca2340$export$a9781837241c946d;
|
|
100
|
-
var $afc5a4514aca2340$export$
|
|
101
|
-
var $afc5a4514aca2340$export$20fd0f7cd4e6112f;
|
|
102
|
-
var $afc5a4514aca2340$export$116f2fccf941d34d;
|
|
344
|
+
var $afc5a4514aca2340$export$e5b2f5233e4e5194;
|
|
103
345
|
var $afc5a4514aca2340$export$1e0fb04f31d3c22a;
|
|
346
|
+
var $afc5a4514aca2340$export$f7b415378ab4f839;
|
|
347
|
+
var $afc5a4514aca2340$export$4109102f950813a6;
|
|
348
|
+
var $afc5a4514aca2340$export$24c7f46a6e3605dd;
|
|
349
|
+
var $afc5a4514aca2340$export$53da69f51b770d3;
|
|
104
350
|
var $afc5a4514aca2340$export$5aabb61a966e266f;
|
|
105
|
-
var $afc5a4514aca2340$export$
|
|
351
|
+
var $afc5a4514aca2340$export$40e1f009544bacf3;
|
|
106
352
|
var $afc5a4514aca2340$export$8f7c9db66978d20f;
|
|
107
353
|
var $afc5a4514aca2340$export$29b7b5d6a5a497c5;
|
|
354
|
+
var $afc5a4514aca2340$export$ccc536e1adbdc059;
|
|
355
|
+
var $afc5a4514aca2340$export$4a4f01c443eff992;
|
|
356
|
+
var $afc5a4514aca2340$export$ebb4635c66bacdb9;
|
|
357
|
+
var $afc5a4514aca2340$export$1db4cca5b4ade39a;
|
|
358
|
+
var $afc5a4514aca2340$export$c1d306ec0fae3838;
|
|
359
|
+
var $afc5a4514aca2340$export$5cda1128f9112d2e;
|
|
360
|
+
var $afc5a4514aca2340$export$54592d0984f245d5;
|
|
361
|
+
var $afc5a4514aca2340$export$76d4531f0342bbe0;
|
|
362
|
+
var $afc5a4514aca2340$export$c081ba562e204942;
|
|
363
|
+
var $afc5a4514aca2340$export$b752ce409e5660c;
|
|
364
|
+
var $afc5a4514aca2340$export$116f2fccf941d34d;
|
|
365
|
+
var $afc5a4514aca2340$export$49280ffa5236ba8b;
|
|
366
|
+
var $afc5a4514aca2340$export$a024c99ecf6b5741;
|
|
367
|
+
var $afc5a4514aca2340$export$c9f503f672e8a3c1;
|
|
368
|
+
var $afc5a4514aca2340$export$2927016961429360;
|
|
369
|
+
var $afc5a4514aca2340$export$5ca7b274e4fff9fc;
|
|
370
|
+
var $afc5a4514aca2340$export$d374b04f30360026;
|
|
371
|
+
var $afc5a4514aca2340$export$36ae67a131730482;
|
|
108
372
|
var $afc5a4514aca2340$export$e52daab43a62c528;
|
|
109
373
|
var $afc5a4514aca2340$export$da76be6126aaa633;
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
$afc5a4514aca2340$export$
|
|
115
|
-
$afc5a4514aca2340$export$
|
|
116
|
-
$afc5a4514aca2340$export$
|
|
117
|
-
$afc5a4514aca2340$export$
|
|
118
|
-
$afc5a4514aca2340$export$
|
|
119
|
-
$afc5a4514aca2340$export$
|
|
120
|
-
$afc5a4514aca2340$export$
|
|
121
|
-
$afc5a4514aca2340$export$
|
|
122
|
-
$afc5a4514aca2340$export$
|
|
123
|
-
$afc5a4514aca2340$export$
|
|
124
|
-
$afc5a4514aca2340$export$
|
|
125
|
-
$afc5a4514aca2340$export$
|
|
126
|
-
$afc5a4514aca2340$export$
|
|
127
|
-
$afc5a4514aca2340$export$
|
|
128
|
-
$afc5a4514aca2340$export$
|
|
129
|
-
$afc5a4514aca2340$export$
|
|
130
|
-
$afc5a4514aca2340$export$
|
|
131
|
-
$afc5a4514aca2340$export$
|
|
132
|
-
$afc5a4514aca2340$export$
|
|
133
|
-
$afc5a4514aca2340$export$
|
|
134
|
-
$afc5a4514aca2340$export$
|
|
135
|
-
$afc5a4514aca2340$export$
|
|
136
|
-
$afc5a4514aca2340$export$
|
|
137
|
-
$afc5a4514aca2340$export$
|
|
138
|
-
$afc5a4514aca2340$export$
|
|
139
|
-
$afc5a4514aca2340$export$
|
|
140
|
-
$afc5a4514aca2340$export$
|
|
141
|
-
$afc5a4514aca2340$export$
|
|
142
|
-
$afc5a4514aca2340$export$
|
|
143
|
-
$afc5a4514aca2340$export$
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
374
|
+
$afc5a4514aca2340$export$f39a09f249340e2a = `Dniwja_focus-ring`;
|
|
375
|
+
$afc5a4514aca2340$export$8c4ee2c50c22c514 = `Dniwja_i18nFontFamily`;
|
|
376
|
+
$afc5a4514aca2340$export$20fd0f7cd4e6112f = `Dniwja_is-active`;
|
|
377
|
+
$afc5a4514aca2340$export$d35bc1e505d1ebbf = `Dniwja_is-disabled`;
|
|
378
|
+
$afc5a4514aca2340$export$e7dc768d35940237 = `Dniwja_is-focused`;
|
|
379
|
+
$afc5a4514aca2340$export$b8813cd5d7824ce7 = `Dniwja_is-hovered`;
|
|
380
|
+
$afc5a4514aca2340$export$a9781837241c946d = `Dniwja_is-open`;
|
|
381
|
+
$afc5a4514aca2340$export$e5b2f5233e4e5194 = `Dniwja_is-placeholder`;
|
|
382
|
+
$afc5a4514aca2340$export$1e0fb04f31d3c22a = `Dniwja_is-selected`;
|
|
383
|
+
$afc5a4514aca2340$export$f7b415378ab4f839 = `Dniwja_spectrum-BaseButton ${$afc5a4514aca2340$export$8c4ee2c50c22c514}`;
|
|
384
|
+
$afc5a4514aca2340$export$4109102f950813a6 = `Dniwja_spectrum-FocusRing-ring`;
|
|
385
|
+
$afc5a4514aca2340$export$24c7f46a6e3605dd = `Dniwja_spectrum-FocusRing ${$afc5a4514aca2340$export$4109102f950813a6}`;
|
|
386
|
+
$afc5a4514aca2340$export$53da69f51b770d3 = `Dniwja_spectrum-ActionButton ${$afc5a4514aca2340$export$f7b415378ab4f839} ${$afc5a4514aca2340$export$24c7f46a6e3605dd}`;
|
|
387
|
+
$afc5a4514aca2340$export$5aabb61a966e266f = `Dniwja_spectrum-ActionButton--emphasized`;
|
|
388
|
+
$afc5a4514aca2340$export$40e1f009544bacf3 = `Dniwja_spectrum-ActionButton--quiet`;
|
|
389
|
+
$afc5a4514aca2340$export$8f7c9db66978d20f = `Dniwja_spectrum-ActionButton--staticBlack`;
|
|
390
|
+
$afc5a4514aca2340$export$29b7b5d6a5a497c5 = `Dniwja_spectrum-ActionButton--staticColor`;
|
|
391
|
+
$afc5a4514aca2340$export$ccc536e1adbdc059 = `Dniwja_spectrum-ActionButton--staticWhite`;
|
|
392
|
+
$afc5a4514aca2340$export$4a4f01c443eff992 = `Dniwja_spectrum-ActionButton-hold`;
|
|
393
|
+
$afc5a4514aca2340$export$ebb4635c66bacdb9 = `Dniwja_spectrum-ActionButton-label`;
|
|
394
|
+
$afc5a4514aca2340$export$1db4cca5b4ade39a = `Dniwja_spectrum-Button ${$afc5a4514aca2340$export$f7b415378ab4f839} ${$afc5a4514aca2340$export$24c7f46a6e3605dd}`;
|
|
395
|
+
$afc5a4514aca2340$export$c1d306ec0fae3838 = `Dniwja_spectrum-Button--iconOnly`;
|
|
396
|
+
$afc5a4514aca2340$export$5cda1128f9112d2e = `Dniwja_spectrum-Button--overBackground`;
|
|
397
|
+
$afc5a4514aca2340$export$54592d0984f245d5 = `Dniwja_spectrum-Button--pending`;
|
|
398
|
+
$afc5a4514aca2340$export$76d4531f0342bbe0 = `Dniwja_spectrum-Button-circleLoader`;
|
|
399
|
+
$afc5a4514aca2340$export$c081ba562e204942 = `Dniwja_spectrum-Button-label`;
|
|
400
|
+
$afc5a4514aca2340$export$b752ce409e5660c = `Dniwja_spectrum-ClearButton ${$afc5a4514aca2340$export$f7b415378ab4f839} ${$afc5a4514aca2340$export$24c7f46a6e3605dd}`;
|
|
401
|
+
$afc5a4514aca2340$export$116f2fccf941d34d = `Dniwja_spectrum-ClearButton--overBackground`;
|
|
402
|
+
$afc5a4514aca2340$export$49280ffa5236ba8b = `Dniwja_spectrum-ClearButton--small`;
|
|
403
|
+
$afc5a4514aca2340$export$a024c99ecf6b5741 = `Dniwja_spectrum-FieldButton ${$afc5a4514aca2340$export$f7b415378ab4f839} ${$afc5a4514aca2340$export$24c7f46a6e3605dd}`;
|
|
404
|
+
$afc5a4514aca2340$export$c9f503f672e8a3c1 = `Dniwja_spectrum-FieldButton--invalid`;
|
|
405
|
+
$afc5a4514aca2340$export$2927016961429360 = `Dniwja_spectrum-FocusRing--quiet`;
|
|
406
|
+
$afc5a4514aca2340$export$5ca7b274e4fff9fc = `Dniwja_spectrum-FieldButton--quiet ${$afc5a4514aca2340$export$2927016961429360}`;
|
|
407
|
+
$afc5a4514aca2340$export$d374b04f30360026 = `Dniwja_spectrum-Icon`;
|
|
408
|
+
$afc5a4514aca2340$export$36ae67a131730482 = `Dniwja_spectrum-LogicButton ${$afc5a4514aca2340$export$f7b415378ab4f839} ${$afc5a4514aca2340$export$24c7f46a6e3605dd}`;
|
|
409
|
+
$afc5a4514aca2340$export$e52daab43a62c528 = `Dniwja_spectrum-LogicButton--and`;
|
|
410
|
+
$afc5a4514aca2340$export$da76be6126aaa633 = `Dniwja_spectrum-LogicButton--or`;
|
|
411
|
+
|
|
412
|
+
|
|
413
|
+
|
|
414
|
+
|
|
415
|
+
|
|
416
|
+
|
|
417
|
+
|
|
418
|
+
function $842a195ed1671b15$var$disablePendingProps(props) {
|
|
419
|
+
// Don't allow interaction while isPending is true
|
|
420
|
+
if (props.isPending) {
|
|
421
|
+
props.onPress = undefined;
|
|
422
|
+
props.onPressStart = undefined;
|
|
423
|
+
props.onPressEnd = undefined;
|
|
424
|
+
props.onPressChange = undefined;
|
|
425
|
+
props.onPressUp = undefined;
|
|
426
|
+
props.onKeyDown = undefined;
|
|
427
|
+
props.onKeyUp = undefined;
|
|
428
|
+
props.onClick = undefined;
|
|
429
|
+
props.href = undefined;
|
|
430
|
+
}
|
|
431
|
+
return props;
|
|
432
|
+
}
|
|
150
433
|
function $842a195ed1671b15$var$Button(props, ref) {
|
|
151
434
|
props = (0, $IPaYO$reactspectrumprovider.useProviderProps)(props);
|
|
152
435
|
props = (0, $IPaYO$reactspectrumutils.useSlotProps)(props, "button");
|
|
153
|
-
|
|
436
|
+
props = $842a195ed1671b15$var$disablePendingProps(props);
|
|
437
|
+
let { elementType: ElementType = "button", children: children, variant: variant, style: style = variant === "accent" || variant === "cta" ? "fill" : "outline", staticColor: staticColor, isDisabled: isDisabled, isPending: isPending, autoFocus: autoFocus, ...otherProps } = props;
|
|
154
438
|
let domRef = (0, $IPaYO$reactspectrumutils.useFocusableRef)(ref);
|
|
155
|
-
let { buttonProps: buttonProps
|
|
156
|
-
let { hoverProps: hoverProps
|
|
439
|
+
let { buttonProps: buttonProps, isPressed: isPressed } = (0, $IPaYO$reactariabutton.useButton)(props, domRef);
|
|
440
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $IPaYO$reactariainteractions.useHover)({
|
|
157
441
|
isDisabled: isDisabled
|
|
158
442
|
});
|
|
159
|
-
let
|
|
443
|
+
let stringFormatter = (0, $IPaYO$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($b2da92ebd9a2bc00$exports))));
|
|
444
|
+
let { styleProps: styleProps } = (0, $IPaYO$reactspectrumutils.useStyleProps)(otherProps);
|
|
160
445
|
let hasLabel = (0, $IPaYO$reactspectrumutils.useHasChild)(`.${(0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)))["spectrum-Button-label"]}`, domRef);
|
|
161
446
|
let hasIcon = (0, $IPaYO$reactspectrumutils.useHasChild)(`.${(0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)))["spectrum-Icon"]}`, domRef);
|
|
447
|
+
let [isProgressVisible, setIsProgressVisible] = (0, $IPaYO$react.useState)(false);
|
|
448
|
+
(0, $IPaYO$react.useEffect)(()=>{
|
|
449
|
+
let timeout;
|
|
450
|
+
if (isPending) // Start timer when isPending is set to true.
|
|
451
|
+
timeout = setTimeout(()=>{
|
|
452
|
+
setIsProgressVisible(true);
|
|
453
|
+
}, 1000);
|
|
454
|
+
else // Exit loading state when isPending is set to false. */
|
|
455
|
+
setIsProgressVisible(false);
|
|
456
|
+
return ()=>{
|
|
457
|
+
// Clean up on unmount or when user removes isPending prop before entering loading state.
|
|
458
|
+
clearTimeout(timeout);
|
|
459
|
+
};
|
|
460
|
+
}, [
|
|
461
|
+
isPending
|
|
462
|
+
]);
|
|
162
463
|
if (variant === "cta") variant = "accent";
|
|
163
464
|
else if (variant === "overBackground") {
|
|
164
465
|
variant = "primary";
|
|
@@ -174,11 +475,14 @@ function $842a195ed1671b15$var$Button(props, ref) {
|
|
|
174
475
|
"data-variant": variant,
|
|
175
476
|
"data-style": style,
|
|
176
477
|
"data-static-color": staticColor || undefined,
|
|
478
|
+
"aria-disabled": isPending || undefined,
|
|
479
|
+
"aria-live": isPending ? "polite" : undefined,
|
|
177
480
|
className: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-Button", {
|
|
178
481
|
"spectrum-Button--iconOnly": hasIcon && !hasLabel,
|
|
179
|
-
"is-disabled": isDisabled,
|
|
482
|
+
"is-disabled": isDisabled || isProgressVisible,
|
|
180
483
|
"is-active": isPressed,
|
|
181
|
-
"is-hovered": isHovered
|
|
484
|
+
"is-hovered": isHovered,
|
|
485
|
+
"spectrum-Button--pending": isProgressVisible
|
|
182
486
|
}, styleProps.className)
|
|
183
487
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement((0, $IPaYO$reactspectrumutils.SlotProvider), {
|
|
184
488
|
slots: {
|
|
@@ -190,7 +494,13 @@ function $842a195ed1671b15$var$Button(props, ref) {
|
|
|
190
494
|
UNSAFE_className: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-Button-label")
|
|
191
495
|
}
|
|
192
496
|
}
|
|
193
|
-
},
|
|
497
|
+
}, isProgressVisible && /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement((0, $IPaYO$reactspectrumprogress.ProgressCircle), {
|
|
498
|
+
"aria-label": stringFormatter.format("loading"),
|
|
499
|
+
isIndeterminate: true,
|
|
500
|
+
size: "S",
|
|
501
|
+
UNSAFE_className: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "spectrum-Button-circleLoader"),
|
|
502
|
+
staticColor: staticColor
|
|
503
|
+
}), typeof children === "string" ? /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement((0, $IPaYO$reactspectrumtext.Text), null, children) : children)));
|
|
194
504
|
}
|
|
195
505
|
/**
|
|
196
506
|
* Buttons allow users to perform an action or to navigate to another page.
|
|
@@ -222,14 +532,14 @@ function $842a195ed1671b15$var$Button(props, ref) {
|
|
|
222
532
|
function $65dbde0e8e7aba71$var$ActionButton(props, ref) {
|
|
223
533
|
props = (0, $IPaYO$reactspectrumprovider.useProviderProps)(props);
|
|
224
534
|
props = (0, $IPaYO$reactspectrumutils.useSlotProps)(props, "actionButton");
|
|
225
|
-
let { isQuiet: isQuiet
|
|
226
|
-
holdAffordance
|
|
535
|
+
let { isQuiet: isQuiet, isDisabled: isDisabled, staticColor: staticColor, children: children, autoFocus: autoFocus, holdAffordance: // @ts-ignore (private)
|
|
536
|
+
holdAffordance, ...otherProps } = props;
|
|
227
537
|
let domRef = (0, $IPaYO$reactspectrumutils.useFocusableRef)(ref);
|
|
228
|
-
let { buttonProps: buttonProps
|
|
229
|
-
let { hoverProps: hoverProps
|
|
538
|
+
let { buttonProps: buttonProps, isPressed: isPressed } = (0, $IPaYO$reactariabutton.useButton)(props, domRef);
|
|
539
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $IPaYO$reactariainteractions.useHover)({
|
|
230
540
|
isDisabled: isDisabled
|
|
231
541
|
});
|
|
232
|
-
let { styleProps: styleProps
|
|
542
|
+
let { styleProps: styleProps } = (0, $IPaYO$reactspectrumutils.useStyleProps)(otherProps);
|
|
233
543
|
let isTextOnly = (0, ($parcel$interopDefault($IPaYO$react))).Children.toArray(props.children).every((c)=>!/*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).isValidElement(c));
|
|
234
544
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement((0, $IPaYO$reactariafocus.FocusRing), {
|
|
235
545
|
focusRingClass: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "focus-ring"),
|
|
@@ -287,13 +597,13 @@ function $65dbde0e8e7aba71$var$ActionButton(props, ref) {
|
|
|
287
597
|
// @private
|
|
288
598
|
function $5931ec1ea1ec1b0d$var$FieldButton(props, ref) {
|
|
289
599
|
props = (0, $IPaYO$reactspectrumutils.useSlotProps)(props, "button");
|
|
290
|
-
let { isQuiet: isQuiet
|
|
600
|
+
let { isQuiet: isQuiet, isDisabled: isDisabled, validationState: validationState, isInvalid: isInvalid, children: children, autoFocus: autoFocus, isActive: isActive, focusRingClass: focusRingClass, ...otherProps } = props;
|
|
291
601
|
let domRef = (0, $IPaYO$reactspectrumutils.useFocusableRef)(ref);
|
|
292
|
-
let { buttonProps: buttonProps
|
|
293
|
-
let { hoverProps: hoverProps
|
|
602
|
+
let { buttonProps: buttonProps, isPressed: isPressed } = (0, $IPaYO$reactariabutton.useButton)(props, domRef);
|
|
603
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $IPaYO$reactariainteractions.useHover)({
|
|
294
604
|
isDisabled: isDisabled
|
|
295
605
|
});
|
|
296
|
-
let { styleProps: styleProps
|
|
606
|
+
let { styleProps: styleProps } = (0, $IPaYO$reactspectrumutils.useStyleProps)(otherProps);
|
|
297
607
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement((0, $IPaYO$reactariafocus.FocusRing), {
|
|
298
608
|
focusRingClass: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "focus-ring", focusRingClass),
|
|
299
609
|
autoFocus: autoFocus
|
|
@@ -304,7 +614,7 @@ function $5931ec1ea1ec1b0d$var$FieldButton(props, ref) {
|
|
|
304
614
|
"spectrum-FieldButton--quiet": isQuiet,
|
|
305
615
|
"is-active": isActive || isPressed,
|
|
306
616
|
"is-disabled": isDisabled,
|
|
307
|
-
"spectrum-FieldButton--invalid": validationState === "invalid",
|
|
617
|
+
"spectrum-FieldButton--invalid": isInvalid || validationState === "invalid",
|
|
308
618
|
"is-hovered": isHovered
|
|
309
619
|
}, styleProps.className)
|
|
310
620
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement((0, $IPaYO$reactspectrumutils.SlotProvider), {
|
|
@@ -339,13 +649,13 @@ let $5931ec1ea1ec1b0d$export$47dc48f595b075da = /*#__PURE__*/ (0, ($parcel$inter
|
|
|
339
649
|
|
|
340
650
|
function $3bd294eda342b0c4$var$LogicButton(props, ref) {
|
|
341
651
|
props = (0, $IPaYO$reactspectrumprovider.useProviderProps)(props);
|
|
342
|
-
let { variant: variant
|
|
652
|
+
let { variant: variant, children: children, isDisabled: isDisabled, autoFocus: autoFocus, ...otherProps } = props;
|
|
343
653
|
let domRef = (0, $IPaYO$reactspectrumutils.useFocusableRef)(ref);
|
|
344
|
-
let { buttonProps: buttonProps
|
|
345
|
-
let { hoverProps: hoverProps
|
|
654
|
+
let { buttonProps: buttonProps, isPressed: isPressed } = (0, $IPaYO$reactariabutton.useButton)(props, domRef);
|
|
655
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $IPaYO$reactariainteractions.useHover)({
|
|
346
656
|
isDisabled: isDisabled
|
|
347
657
|
});
|
|
348
|
-
let { styleProps: styleProps
|
|
658
|
+
let { styleProps: styleProps } = (0, $IPaYO$reactspectrumutils.useStyleProps)(otherProps);
|
|
349
659
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement((0, $IPaYO$reactariafocus.FocusRing), {
|
|
350
660
|
focusRingClass: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "focus-ring"),
|
|
351
661
|
autoFocus: autoFocus
|
|
@@ -389,16 +699,16 @@ function $3bd294eda342b0c4$var$LogicButton(props, ref) {
|
|
|
389
699
|
function $9c84a434f1c9da63$var$ClearButton(props, ref) {
|
|
390
700
|
let { children: children = /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement((0, ($parcel$interopDefault($IPaYO$spectrumiconsuiCrossSmall))), {
|
|
391
701
|
UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)))["spectrum-Icon"]
|
|
392
|
-
})
|
|
702
|
+
}), focusClassName: focusClassName, variant: variant, autoFocus: autoFocus, isDisabled: isDisabled, preventFocus: preventFocus, elementType: elementType = preventFocus ? "div" : "button", ...otherProps } = props;
|
|
393
703
|
let domRef = (0, $IPaYO$reactspectrumutils.useFocusableRef)(ref);
|
|
394
|
-
let { buttonProps: buttonProps
|
|
704
|
+
let { buttonProps: buttonProps, isPressed: isPressed } = (0, $IPaYO$reactariabutton.useButton)({
|
|
395
705
|
...props,
|
|
396
706
|
elementType: elementType
|
|
397
707
|
}, domRef);
|
|
398
|
-
let { hoverProps: hoverProps
|
|
708
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $IPaYO$reactariainteractions.useHover)({
|
|
399
709
|
isDisabled: isDisabled
|
|
400
710
|
});
|
|
401
|
-
let { styleProps: styleProps
|
|
711
|
+
let { styleProps: styleProps } = (0, $IPaYO$reactspectrumutils.useStyleProps)(otherProps);
|
|
402
712
|
// For cases like the clear button in a search field, remove the tabIndex so
|
|
403
713
|
// iOS 14 with VoiceOver doesn't focus the button and hide the keyboard when
|
|
404
714
|
// moving the cursor over the clear button.
|
|
@@ -444,14 +754,14 @@ let $9c84a434f1c9da63$export$13ec83e50bf04290 = /*#__PURE__*/ (0, ($parcel$inter
|
|
|
444
754
|
|
|
445
755
|
function $b5c927da7d8f1be6$var$ToggleButton(props, ref) {
|
|
446
756
|
props = (0, $IPaYO$reactspectrumprovider.useProviderProps)(props);
|
|
447
|
-
let { isQuiet: isQuiet
|
|
757
|
+
let { isQuiet: isQuiet, isDisabled: isDisabled, isEmphasized: isEmphasized, staticColor: staticColor, children: children, autoFocus: autoFocus, ...otherProps } = props;
|
|
448
758
|
let domRef = (0, $IPaYO$reactspectrumutils.useFocusableRef)(ref);
|
|
449
759
|
let state = (0, $IPaYO$reactstatelytoggle.useToggleState)(props);
|
|
450
|
-
let { buttonProps: buttonProps
|
|
451
|
-
let { hoverProps: hoverProps
|
|
760
|
+
let { buttonProps: buttonProps, isPressed: isPressed } = (0, $IPaYO$reactariabutton.useToggleButton)(props, state, domRef);
|
|
761
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $IPaYO$reactariainteractions.useHover)({
|
|
452
762
|
isDisabled: isDisabled
|
|
453
763
|
});
|
|
454
|
-
let { styleProps: styleProps
|
|
764
|
+
let { styleProps: styleProps } = (0, $IPaYO$reactspectrumutils.useStyleProps)(otherProps);
|
|
455
765
|
let isTextOnly = (0, ($parcel$interopDefault($IPaYO$react))).Children.toArray(props.children).every((c)=>!/*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).isValidElement(c));
|
|
456
766
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($IPaYO$react))).createElement((0, $IPaYO$reactariafocus.FocusRing), {
|
|
457
767
|
focusRingClass: (0, $IPaYO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports))), "focus-ring"),
|