@react-spectrum/button 3.13.0 → 3.14.1
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 +127 -112
- package/dist/main.css +1 -1
- package/dist/main.js +127 -112
- package/dist/main.js.map +1 -1
- package/dist/module.js +127 -112
- package/dist/module.js.map +1 -1
- package/package.json +15 -15
- package/src/Button.tsx +11 -11
package/dist/import.mjs
CHANGED
@@ -290,102 +290,117 @@ $94fed84ca44dbd5b$exports = {
|
|
290
290
|
|
291
291
|
var $086e93d2352a4536$exports = {};
|
292
292
|
|
293
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-Button", () => $086e93d2352a4536$export$1db4cca5b4ade39a, (v) => $086e93d2352a4536$export$1db4cca5b4ade39a = v);
|
294
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton", () => $086e93d2352a4536$export$53da69f51b770d3, (v) => $086e93d2352a4536$export$53da69f51b770d3 = v);
|
295
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-LogicButton", () => $086e93d2352a4536$export$36ae67a131730482, (v) => $086e93d2352a4536$export$36ae67a131730482 = v);
|
296
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-FieldButton", () => $086e93d2352a4536$export$a024c99ecf6b5741, (v) => $086e93d2352a4536$export$a024c99ecf6b5741 = v);
|
297
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-ClearButton", () => $086e93d2352a4536$export$b752ce409e5660c, (v) => $086e93d2352a4536$export$b752ce409e5660c = v);
|
298
293
|
$parcel$export($086e93d2352a4536$exports, "focus-ring", () => $086e93d2352a4536$export$f39a09f249340e2a, (v) => $086e93d2352a4536$export$f39a09f249340e2a = v);
|
299
|
-
$parcel$export($086e93d2352a4536$exports, "
|
300
|
-
$parcel$export($086e93d2352a4536$exports, "
|
301
|
-
$parcel$export($086e93d2352a4536$exports, "is-hovered", () => $086e93d2352a4536$export$b8813cd5d7824ce7, (v) => $086e93d2352a4536$export$b8813cd5d7824ce7 = v);
|
302
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-Button-label", () => $086e93d2352a4536$export$c081ba562e204942, (v) => $086e93d2352a4536$export$c081ba562e204942 = v);
|
303
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-Button--iconOnly", () => $086e93d2352a4536$export$c1d306ec0fae3838, (v) => $086e93d2352a4536$export$c1d306ec0fae3838 = v);
|
304
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-Button--pending", () => $086e93d2352a4536$export$54592d0984f245d5, (v) => $086e93d2352a4536$export$54592d0984f245d5 = v);
|
305
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-Button-circleLoader", () => $086e93d2352a4536$export$76d4531f0342bbe0, (v) => $086e93d2352a4536$export$76d4531f0342bbe0 = v);
|
306
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton-label", () => $086e93d2352a4536$export$ebb4635c66bacdb9, (v) => $086e93d2352a4536$export$ebb4635c66bacdb9 = v);
|
307
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton-hold", () => $086e93d2352a4536$export$4a4f01c443eff992, (v) => $086e93d2352a4536$export$4a4f01c443eff992 = v);
|
308
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--quiet", () => $086e93d2352a4536$export$40e1f009544bacf3, (v) => $086e93d2352a4536$export$40e1f009544bacf3 = v);
|
294
|
+
$parcel$export($086e93d2352a4536$exports, "i18nFontFamily", () => $086e93d2352a4536$export$8c4ee2c50c22c514, (v) => $086e93d2352a4536$export$8c4ee2c50c22c514 = v);
|
295
|
+
$parcel$export($086e93d2352a4536$exports, "is-active", () => $086e93d2352a4536$export$20fd0f7cd4e6112f, (v) => $086e93d2352a4536$export$20fd0f7cd4e6112f = v);
|
309
296
|
$parcel$export($086e93d2352a4536$exports, "is-disabled", () => $086e93d2352a4536$export$d35bc1e505d1ebbf, (v) => $086e93d2352a4536$export$d35bc1e505d1ebbf = v);
|
297
|
+
$parcel$export($086e93d2352a4536$exports, "is-focused", () => $086e93d2352a4536$export$e7dc768d35940237, (v) => $086e93d2352a4536$export$e7dc768d35940237 = v);
|
298
|
+
$parcel$export($086e93d2352a4536$exports, "is-hovered", () => $086e93d2352a4536$export$b8813cd5d7824ce7, (v) => $086e93d2352a4536$export$b8813cd5d7824ce7 = v);
|
310
299
|
$parcel$export($086e93d2352a4536$exports, "is-open", () => $086e93d2352a4536$export$a9781837241c946d, (v) => $086e93d2352a4536$export$a9781837241c946d = v);
|
311
|
-
$parcel$export($086e93d2352a4536$exports, "
|
312
|
-
$parcel$export($086e93d2352a4536$exports, "is-active", () => $086e93d2352a4536$export$20fd0f7cd4e6112f, (v) => $086e93d2352a4536$export$20fd0f7cd4e6112f = v);
|
313
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-ClearButton--overBackground", () => $086e93d2352a4536$export$116f2fccf941d34d, (v) => $086e93d2352a4536$export$116f2fccf941d34d = v);
|
300
|
+
$parcel$export($086e93d2352a4536$exports, "is-placeholder", () => $086e93d2352a4536$export$e5b2f5233e4e5194, (v) => $086e93d2352a4536$export$e5b2f5233e4e5194 = v);
|
314
301
|
$parcel$export($086e93d2352a4536$exports, "is-selected", () => $086e93d2352a4536$export$1e0fb04f31d3c22a, (v) => $086e93d2352a4536$export$1e0fb04f31d3c22a = v);
|
302
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-BaseButton", () => $086e93d2352a4536$export$f7b415378ab4f839, (v) => $086e93d2352a4536$export$f7b415378ab4f839 = v);
|
303
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-FocusRing-ring", () => $086e93d2352a4536$export$4109102f950813a6, (v) => $086e93d2352a4536$export$4109102f950813a6 = v);
|
304
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-FocusRing", () => $086e93d2352a4536$export$24c7f46a6e3605dd, (v) => $086e93d2352a4536$export$24c7f46a6e3605dd = v);
|
305
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton", () => $086e93d2352a4536$export$53da69f51b770d3, (v) => $086e93d2352a4536$export$53da69f51b770d3 = v);
|
315
306
|
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--emphasized", () => $086e93d2352a4536$export$5aabb61a966e266f, (v) => $086e93d2352a4536$export$5aabb61a966e266f = v);
|
316
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--
|
307
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--quiet", () => $086e93d2352a4536$export$40e1f009544bacf3, (v) => $086e93d2352a4536$export$40e1f009544bacf3 = v);
|
317
308
|
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--staticBlack", () => $086e93d2352a4536$export$8f7c9db66978d20f, (v) => $086e93d2352a4536$export$8f7c9db66978d20f = v);
|
318
309
|
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--staticColor", () => $086e93d2352a4536$export$29b7b5d6a5a497c5, (v) => $086e93d2352a4536$export$29b7b5d6a5a497c5 = v);
|
310
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--staticWhite", () => $086e93d2352a4536$export$ccc536e1adbdc059, (v) => $086e93d2352a4536$export$ccc536e1adbdc059 = v);
|
311
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton-hold", () => $086e93d2352a4536$export$4a4f01c443eff992, (v) => $086e93d2352a4536$export$4a4f01c443eff992 = v);
|
312
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton-label", () => $086e93d2352a4536$export$ebb4635c66bacdb9, (v) => $086e93d2352a4536$export$ebb4635c66bacdb9 = v);
|
313
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-Button", () => $086e93d2352a4536$export$1db4cca5b4ade39a, (v) => $086e93d2352a4536$export$1db4cca5b4ade39a = v);
|
314
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-Button--iconOnly", () => $086e93d2352a4536$export$c1d306ec0fae3838, (v) => $086e93d2352a4536$export$c1d306ec0fae3838 = v);
|
315
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-Button--overBackground", () => $086e93d2352a4536$export$5cda1128f9112d2e, (v) => $086e93d2352a4536$export$5cda1128f9112d2e = v);
|
316
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-Button--pending", () => $086e93d2352a4536$export$54592d0984f245d5, (v) => $086e93d2352a4536$export$54592d0984f245d5 = v);
|
317
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-Button-circleLoader", () => $086e93d2352a4536$export$76d4531f0342bbe0, (v) => $086e93d2352a4536$export$76d4531f0342bbe0 = v);
|
318
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-Button-label", () => $086e93d2352a4536$export$c081ba562e204942, (v) => $086e93d2352a4536$export$c081ba562e204942 = v);
|
319
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-ClearButton", () => $086e93d2352a4536$export$b752ce409e5660c, (v) => $086e93d2352a4536$export$b752ce409e5660c = v);
|
320
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-ClearButton--overBackground", () => $086e93d2352a4536$export$116f2fccf941d34d, (v) => $086e93d2352a4536$export$116f2fccf941d34d = v);
|
321
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-ClearButton--small", () => $086e93d2352a4536$export$49280ffa5236ba8b, (v) => $086e93d2352a4536$export$49280ffa5236ba8b = v);
|
322
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-FieldButton", () => $086e93d2352a4536$export$a024c99ecf6b5741, (v) => $086e93d2352a4536$export$a024c99ecf6b5741 = v);
|
323
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-FieldButton--invalid", () => $086e93d2352a4536$export$c9f503f672e8a3c1, (v) => $086e93d2352a4536$export$c9f503f672e8a3c1 = v);
|
324
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-FocusRing--quiet", () => $086e93d2352a4536$export$2927016961429360, (v) => $086e93d2352a4536$export$2927016961429360 = v);
|
325
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-FieldButton--quiet", () => $086e93d2352a4536$export$5ca7b274e4fff9fc, (v) => $086e93d2352a4536$export$5ca7b274e4fff9fc = v);
|
326
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-Icon", () => $086e93d2352a4536$export$d374b04f30360026, (v) => $086e93d2352a4536$export$d374b04f30360026 = v);
|
327
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-LogicButton", () => $086e93d2352a4536$export$36ae67a131730482, (v) => $086e93d2352a4536$export$36ae67a131730482 = v);
|
319
328
|
$parcel$export($086e93d2352a4536$exports, "spectrum-LogicButton--and", () => $086e93d2352a4536$export$e52daab43a62c528, (v) => $086e93d2352a4536$export$e52daab43a62c528 = v);
|
320
329
|
$parcel$export($086e93d2352a4536$exports, "spectrum-LogicButton--or", () => $086e93d2352a4536$export$da76be6126aaa633, (v) => $086e93d2352a4536$export$da76be6126aaa633 = v);
|
321
|
-
$parcel$export($086e93d2352a4536$exports, "is-focused", () => $086e93d2352a4536$export$e7dc768d35940237, (v) => $086e93d2352a4536$export$e7dc768d35940237 = v);
|
322
|
-
$parcel$export($086e93d2352a4536$exports, "is-placeholder", () => $086e93d2352a4536$export$e5b2f5233e4e5194, (v) => $086e93d2352a4536$export$e5b2f5233e4e5194 = v);
|
323
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-FieldButton--invalid", () => $086e93d2352a4536$export$c9f503f672e8a3c1, (v) => $086e93d2352a4536$export$c9f503f672e8a3c1 = v);
|
324
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-Button--overBackground", () => $086e93d2352a4536$export$5cda1128f9112d2e, (v) => $086e93d2352a4536$export$5cda1128f9112d2e = v);
|
325
|
-
var $086e93d2352a4536$export$1db4cca5b4ade39a;
|
326
|
-
var $086e93d2352a4536$export$53da69f51b770d3;
|
327
|
-
var $086e93d2352a4536$export$36ae67a131730482;
|
328
|
-
var $086e93d2352a4536$export$a024c99ecf6b5741;
|
329
|
-
var $086e93d2352a4536$export$b752ce409e5660c;
|
330
330
|
var $086e93d2352a4536$export$f39a09f249340e2a;
|
331
|
-
var $086e93d2352a4536$export$
|
332
|
-
var $086e93d2352a4536$export$
|
333
|
-
var $086e93d2352a4536$export$b8813cd5d7824ce7;
|
334
|
-
var $086e93d2352a4536$export$c081ba562e204942;
|
335
|
-
var $086e93d2352a4536$export$c1d306ec0fae3838;
|
336
|
-
var $086e93d2352a4536$export$54592d0984f245d5;
|
337
|
-
var $086e93d2352a4536$export$76d4531f0342bbe0;
|
338
|
-
var $086e93d2352a4536$export$ebb4635c66bacdb9;
|
339
|
-
var $086e93d2352a4536$export$4a4f01c443eff992;
|
340
|
-
var $086e93d2352a4536$export$40e1f009544bacf3;
|
331
|
+
var $086e93d2352a4536$export$8c4ee2c50c22c514;
|
332
|
+
var $086e93d2352a4536$export$20fd0f7cd4e6112f;
|
341
333
|
var $086e93d2352a4536$export$d35bc1e505d1ebbf;
|
334
|
+
var $086e93d2352a4536$export$e7dc768d35940237;
|
335
|
+
var $086e93d2352a4536$export$b8813cd5d7824ce7;
|
342
336
|
var $086e93d2352a4536$export$a9781837241c946d;
|
343
|
-
var $086e93d2352a4536$export$
|
344
|
-
var $086e93d2352a4536$export$20fd0f7cd4e6112f;
|
345
|
-
var $086e93d2352a4536$export$116f2fccf941d34d;
|
337
|
+
var $086e93d2352a4536$export$e5b2f5233e4e5194;
|
346
338
|
var $086e93d2352a4536$export$1e0fb04f31d3c22a;
|
339
|
+
var $086e93d2352a4536$export$f7b415378ab4f839;
|
340
|
+
var $086e93d2352a4536$export$4109102f950813a6;
|
341
|
+
var $086e93d2352a4536$export$24c7f46a6e3605dd;
|
342
|
+
var $086e93d2352a4536$export$53da69f51b770d3;
|
347
343
|
var $086e93d2352a4536$export$5aabb61a966e266f;
|
348
|
-
var $086e93d2352a4536$export$
|
344
|
+
var $086e93d2352a4536$export$40e1f009544bacf3;
|
349
345
|
var $086e93d2352a4536$export$8f7c9db66978d20f;
|
350
346
|
var $086e93d2352a4536$export$29b7b5d6a5a497c5;
|
347
|
+
var $086e93d2352a4536$export$ccc536e1adbdc059;
|
348
|
+
var $086e93d2352a4536$export$4a4f01c443eff992;
|
349
|
+
var $086e93d2352a4536$export$ebb4635c66bacdb9;
|
350
|
+
var $086e93d2352a4536$export$1db4cca5b4ade39a;
|
351
|
+
var $086e93d2352a4536$export$c1d306ec0fae3838;
|
352
|
+
var $086e93d2352a4536$export$5cda1128f9112d2e;
|
353
|
+
var $086e93d2352a4536$export$54592d0984f245d5;
|
354
|
+
var $086e93d2352a4536$export$76d4531f0342bbe0;
|
355
|
+
var $086e93d2352a4536$export$c081ba562e204942;
|
356
|
+
var $086e93d2352a4536$export$b752ce409e5660c;
|
357
|
+
var $086e93d2352a4536$export$116f2fccf941d34d;
|
358
|
+
var $086e93d2352a4536$export$49280ffa5236ba8b;
|
359
|
+
var $086e93d2352a4536$export$a024c99ecf6b5741;
|
360
|
+
var $086e93d2352a4536$export$c9f503f672e8a3c1;
|
361
|
+
var $086e93d2352a4536$export$2927016961429360;
|
362
|
+
var $086e93d2352a4536$export$5ca7b274e4fff9fc;
|
363
|
+
var $086e93d2352a4536$export$d374b04f30360026;
|
364
|
+
var $086e93d2352a4536$export$36ae67a131730482;
|
351
365
|
var $086e93d2352a4536$export$e52daab43a62c528;
|
352
366
|
var $086e93d2352a4536$export$da76be6126aaa633;
|
353
|
-
|
354
|
-
|
355
|
-
|
356
|
-
|
357
|
-
$086e93d2352a4536$export$
|
358
|
-
$086e93d2352a4536$export$
|
359
|
-
$086e93d2352a4536$export$
|
360
|
-
$086e93d2352a4536$export$
|
361
|
-
$086e93d2352a4536$export$
|
362
|
-
$086e93d2352a4536$export$
|
363
|
-
$086e93d2352a4536$export$
|
364
|
-
$086e93d2352a4536$export$
|
365
|
-
$086e93d2352a4536$export$
|
366
|
-
$086e93d2352a4536$export$
|
367
|
-
$086e93d2352a4536$export$
|
368
|
-
$086e93d2352a4536$export$
|
369
|
-
$086e93d2352a4536$export$
|
370
|
-
$086e93d2352a4536$export$
|
371
|
-
$086e93d2352a4536$export$4a4f01c443eff992 =
|
372
|
-
$086e93d2352a4536$export$
|
373
|
-
$086e93d2352a4536$export$
|
374
|
-
$086e93d2352a4536$export$
|
375
|
-
$086e93d2352a4536$export$
|
376
|
-
$086e93d2352a4536$export$
|
377
|
-
$086e93d2352a4536$export$
|
378
|
-
$086e93d2352a4536$export$
|
379
|
-
$086e93d2352a4536$export$
|
380
|
-
$086e93d2352a4536$export$
|
381
|
-
$086e93d2352a4536$export$
|
382
|
-
$086e93d2352a4536$export$
|
383
|
-
$086e93d2352a4536$export$
|
384
|
-
$086e93d2352a4536$export$
|
385
|
-
$086e93d2352a4536$export$
|
386
|
-
$086e93d2352a4536$export$
|
387
|
-
$086e93d2352a4536$export$
|
388
|
-
$086e93d2352a4536$export$
|
367
|
+
$086e93d2352a4536$export$f39a09f249340e2a = `Dniwja_focus-ring`;
|
368
|
+
$086e93d2352a4536$export$8c4ee2c50c22c514 = `Dniwja_i18nFontFamily`;
|
369
|
+
$086e93d2352a4536$export$20fd0f7cd4e6112f = `Dniwja_is-active`;
|
370
|
+
$086e93d2352a4536$export$d35bc1e505d1ebbf = `Dniwja_is-disabled`;
|
371
|
+
$086e93d2352a4536$export$e7dc768d35940237 = `Dniwja_is-focused`;
|
372
|
+
$086e93d2352a4536$export$b8813cd5d7824ce7 = `Dniwja_is-hovered`;
|
373
|
+
$086e93d2352a4536$export$a9781837241c946d = `Dniwja_is-open`;
|
374
|
+
$086e93d2352a4536$export$e5b2f5233e4e5194 = `Dniwja_is-placeholder`;
|
375
|
+
$086e93d2352a4536$export$1e0fb04f31d3c22a = `Dniwja_is-selected`;
|
376
|
+
$086e93d2352a4536$export$f7b415378ab4f839 = `Dniwja_spectrum-BaseButton ${$086e93d2352a4536$export$8c4ee2c50c22c514}`;
|
377
|
+
$086e93d2352a4536$export$4109102f950813a6 = `Dniwja_spectrum-FocusRing-ring`;
|
378
|
+
$086e93d2352a4536$export$24c7f46a6e3605dd = `Dniwja_spectrum-FocusRing ${$086e93d2352a4536$export$4109102f950813a6}`;
|
379
|
+
$086e93d2352a4536$export$53da69f51b770d3 = `Dniwja_spectrum-ActionButton ${$086e93d2352a4536$export$f7b415378ab4f839} ${$086e93d2352a4536$export$24c7f46a6e3605dd}`;
|
380
|
+
$086e93d2352a4536$export$5aabb61a966e266f = `Dniwja_spectrum-ActionButton--emphasized`;
|
381
|
+
$086e93d2352a4536$export$40e1f009544bacf3 = `Dniwja_spectrum-ActionButton--quiet`;
|
382
|
+
$086e93d2352a4536$export$8f7c9db66978d20f = `Dniwja_spectrum-ActionButton--staticBlack`;
|
383
|
+
$086e93d2352a4536$export$29b7b5d6a5a497c5 = `Dniwja_spectrum-ActionButton--staticColor`;
|
384
|
+
$086e93d2352a4536$export$ccc536e1adbdc059 = `Dniwja_spectrum-ActionButton--staticWhite`;
|
385
|
+
$086e93d2352a4536$export$4a4f01c443eff992 = `Dniwja_spectrum-ActionButton-hold`;
|
386
|
+
$086e93d2352a4536$export$ebb4635c66bacdb9 = `Dniwja_spectrum-ActionButton-label`;
|
387
|
+
$086e93d2352a4536$export$1db4cca5b4ade39a = `Dniwja_spectrum-Button ${$086e93d2352a4536$export$f7b415378ab4f839} ${$086e93d2352a4536$export$24c7f46a6e3605dd}`;
|
388
|
+
$086e93d2352a4536$export$c1d306ec0fae3838 = `Dniwja_spectrum-Button--iconOnly`;
|
389
|
+
$086e93d2352a4536$export$5cda1128f9112d2e = `Dniwja_spectrum-Button--overBackground`;
|
390
|
+
$086e93d2352a4536$export$54592d0984f245d5 = `Dniwja_spectrum-Button--pending`;
|
391
|
+
$086e93d2352a4536$export$76d4531f0342bbe0 = `Dniwja_spectrum-Button-circleLoader`;
|
392
|
+
$086e93d2352a4536$export$c081ba562e204942 = `Dniwja_spectrum-Button-label`;
|
393
|
+
$086e93d2352a4536$export$b752ce409e5660c = `Dniwja_spectrum-ClearButton ${$086e93d2352a4536$export$f7b415378ab4f839} ${$086e93d2352a4536$export$24c7f46a6e3605dd}`;
|
394
|
+
$086e93d2352a4536$export$116f2fccf941d34d = `Dniwja_spectrum-ClearButton--overBackground`;
|
395
|
+
$086e93d2352a4536$export$49280ffa5236ba8b = `Dniwja_spectrum-ClearButton--small`;
|
396
|
+
$086e93d2352a4536$export$a024c99ecf6b5741 = `Dniwja_spectrum-FieldButton ${$086e93d2352a4536$export$f7b415378ab4f839} ${$086e93d2352a4536$export$24c7f46a6e3605dd}`;
|
397
|
+
$086e93d2352a4536$export$c9f503f672e8a3c1 = `Dniwja_spectrum-FieldButton--invalid`;
|
398
|
+
$086e93d2352a4536$export$2927016961429360 = `Dniwja_spectrum-FocusRing--quiet`;
|
399
|
+
$086e93d2352a4536$export$5ca7b274e4fff9fc = `Dniwja_spectrum-FieldButton--quiet ${$086e93d2352a4536$export$2927016961429360}`;
|
400
|
+
$086e93d2352a4536$export$d374b04f30360026 = `Dniwja_spectrum-Icon`;
|
401
|
+
$086e93d2352a4536$export$36ae67a131730482 = `Dniwja_spectrum-LogicButton ${$086e93d2352a4536$export$f7b415378ab4f839} ${$086e93d2352a4536$export$24c7f46a6e3605dd}`;
|
402
|
+
$086e93d2352a4536$export$e52daab43a62c528 = `Dniwja_spectrum-LogicButton--and`;
|
403
|
+
$086e93d2352a4536$export$da76be6126aaa633 = `Dniwja_spectrum-LogicButton--or`;
|
389
404
|
|
390
405
|
|
391
406
|
|
@@ -394,8 +409,8 @@ $086e93d2352a4536$export$5cda1128f9112d2e = "spectrum-Button--overBackground_e2d
|
|
394
409
|
|
395
410
|
|
396
411
|
function $b865a6f0049e2d66$var$disablePendingProps(props) {
|
397
|
-
// Don't allow interaction while
|
398
|
-
if (props.
|
412
|
+
// Don't allow interaction while isPending is true
|
413
|
+
if (props.isPending) {
|
399
414
|
props.onPress = undefined;
|
400
415
|
props.onPressStart = undefined;
|
401
416
|
props.onPressEnd = undefined;
|
@@ -412,31 +427,31 @@ function $b865a6f0049e2d66$var$Button(props, ref) {
|
|
412
427
|
props = (0, $d7FTw$useProviderProps)(props);
|
413
428
|
props = (0, $d7FTw$useSlotProps)(props, "button");
|
414
429
|
props = $b865a6f0049e2d66$var$disablePendingProps(props);
|
415
|
-
let { elementType: ElementType = "button"
|
430
|
+
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;
|
416
431
|
let domRef = (0, $d7FTw$useFocusableRef)(ref);
|
417
|
-
let { buttonProps: buttonProps
|
418
|
-
let { hoverProps: hoverProps
|
432
|
+
let { buttonProps: buttonProps, isPressed: isPressed } = (0, $d7FTw$useButton)(props, domRef);
|
433
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $d7FTw$useHover)({
|
419
434
|
isDisabled: isDisabled
|
420
435
|
});
|
421
436
|
let stringFormatter = (0, $d7FTw$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($94fed84ca44dbd5b$exports))));
|
422
|
-
let { styleProps: styleProps
|
437
|
+
let { styleProps: styleProps } = (0, $d7FTw$useStyleProps)(otherProps);
|
423
438
|
let hasLabel = (0, $d7FTw$useHasChild)(`.${(0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)))["spectrum-Button-label"]}`, domRef);
|
424
439
|
let hasIcon = (0, $d7FTw$useHasChild)(`.${(0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)))["spectrum-Icon"]}`, domRef);
|
425
440
|
let [isProgressVisible, setIsProgressVisible] = (0, $d7FTw$useState)(false);
|
426
441
|
(0, $d7FTw$useEffect)(()=>{
|
427
442
|
let timeout;
|
428
|
-
if (
|
443
|
+
if (isPending) // Start timer when isPending is set to true.
|
429
444
|
timeout = setTimeout(()=>{
|
430
445
|
setIsProgressVisible(true);
|
431
446
|
}, 1000);
|
432
|
-
else // Exit loading state when
|
447
|
+
else // Exit loading state when isPending is set to false. */
|
433
448
|
setIsProgressVisible(false);
|
434
449
|
return ()=>{
|
435
|
-
// Clean up on unmount or when user removes
|
450
|
+
// Clean up on unmount or when user removes isPending prop before entering loading state.
|
436
451
|
clearTimeout(timeout);
|
437
452
|
};
|
438
453
|
}, [
|
439
|
-
|
454
|
+
isPending
|
440
455
|
]);
|
441
456
|
if (variant === "cta") variant = "accent";
|
442
457
|
else if (variant === "overBackground") {
|
@@ -453,8 +468,8 @@ function $b865a6f0049e2d66$var$Button(props, ref) {
|
|
453
468
|
"data-variant": variant,
|
454
469
|
"data-style": style,
|
455
470
|
"data-static-color": staticColor || undefined,
|
456
|
-
"aria-disabled":
|
457
|
-
"aria-live":
|
471
|
+
"aria-disabled": isPending || undefined,
|
472
|
+
"aria-live": isPending ? "polite" : undefined,
|
458
473
|
className: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "spectrum-Button", {
|
459
474
|
"spectrum-Button--iconOnly": hasIcon && !hasLabel,
|
460
475
|
"is-disabled": isDisabled || isProgressVisible,
|
@@ -477,7 +492,7 @@ function $b865a6f0049e2d66$var$Button(props, ref) {
|
|
477
492
|
isIndeterminate: true,
|
478
493
|
size: "S",
|
479
494
|
UNSAFE_className: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "spectrum-Button-circleLoader"),
|
480
|
-
|
495
|
+
staticColor: staticColor
|
481
496
|
}), typeof children === "string" ? /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$Text), null, children) : children)));
|
482
497
|
}
|
483
498
|
/**
|
@@ -510,14 +525,14 @@ function $b865a6f0049e2d66$var$Button(props, ref) {
|
|
510
525
|
function $042ad0b3a4a55b33$var$ActionButton(props, ref) {
|
511
526
|
props = (0, $d7FTw$useProviderProps)(props);
|
512
527
|
props = (0, $d7FTw$useSlotProps)(props, "actionButton");
|
513
|
-
let { isQuiet: isQuiet
|
514
|
-
holdAffordance
|
528
|
+
let { isQuiet: isQuiet, isDisabled: isDisabled, staticColor: staticColor, children: children, autoFocus: autoFocus, holdAffordance: // @ts-ignore (private)
|
529
|
+
holdAffordance, ...otherProps } = props;
|
515
530
|
let domRef = (0, $d7FTw$useFocusableRef)(ref);
|
516
|
-
let { buttonProps: buttonProps
|
517
|
-
let { hoverProps: hoverProps
|
531
|
+
let { buttonProps: buttonProps, isPressed: isPressed } = (0, $d7FTw$useButton)(props, domRef);
|
532
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $d7FTw$useHover)({
|
518
533
|
isDisabled: isDisabled
|
519
534
|
});
|
520
|
-
let { styleProps: styleProps
|
535
|
+
let { styleProps: styleProps } = (0, $d7FTw$useStyleProps)(otherProps);
|
521
536
|
let isTextOnly = (0, $d7FTw$react).Children.toArray(props.children).every((c)=>!/*#__PURE__*/ (0, $d7FTw$react).isValidElement(c));
|
522
537
|
return /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$FocusRing), {
|
523
538
|
focusRingClass: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "focus-ring"),
|
@@ -575,13 +590,13 @@ function $042ad0b3a4a55b33$var$ActionButton(props, ref) {
|
|
575
590
|
// @private
|
576
591
|
function $b43bd559b476d0c4$var$FieldButton(props, ref) {
|
577
592
|
props = (0, $d7FTw$useSlotProps)(props, "button");
|
578
|
-
let { isQuiet: isQuiet
|
593
|
+
let { isQuiet: isQuiet, isDisabled: isDisabled, validationState: validationState, isInvalid: isInvalid, children: children, autoFocus: autoFocus, isActive: isActive, focusRingClass: focusRingClass, ...otherProps } = props;
|
579
594
|
let domRef = (0, $d7FTw$useFocusableRef)(ref);
|
580
|
-
let { buttonProps: buttonProps
|
581
|
-
let { hoverProps: hoverProps
|
595
|
+
let { buttonProps: buttonProps, isPressed: isPressed } = (0, $d7FTw$useButton)(props, domRef);
|
596
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $d7FTw$useHover)({
|
582
597
|
isDisabled: isDisabled
|
583
598
|
});
|
584
|
-
let { styleProps: styleProps
|
599
|
+
let { styleProps: styleProps } = (0, $d7FTw$useStyleProps)(otherProps);
|
585
600
|
return /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$FocusRing), {
|
586
601
|
focusRingClass: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "focus-ring", focusRingClass),
|
587
602
|
autoFocus: autoFocus
|
@@ -627,13 +642,13 @@ let $b43bd559b476d0c4$export$47dc48f595b075da = /*#__PURE__*/ (0, $d7FTw$react).
|
|
627
642
|
|
628
643
|
function $45108e3c482ee88b$var$LogicButton(props, ref) {
|
629
644
|
props = (0, $d7FTw$useProviderProps)(props);
|
630
|
-
let { variant: variant
|
645
|
+
let { variant: variant, children: children, isDisabled: isDisabled, autoFocus: autoFocus, ...otherProps } = props;
|
631
646
|
let domRef = (0, $d7FTw$useFocusableRef)(ref);
|
632
|
-
let { buttonProps: buttonProps
|
633
|
-
let { hoverProps: hoverProps
|
647
|
+
let { buttonProps: buttonProps, isPressed: isPressed } = (0, $d7FTw$useButton)(props, domRef);
|
648
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $d7FTw$useHover)({
|
634
649
|
isDisabled: isDisabled
|
635
650
|
});
|
636
|
-
let { styleProps: styleProps
|
651
|
+
let { styleProps: styleProps } = (0, $d7FTw$useStyleProps)(otherProps);
|
637
652
|
return /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$FocusRing), {
|
638
653
|
focusRingClass: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "focus-ring"),
|
639
654
|
autoFocus: autoFocus
|
@@ -677,16 +692,16 @@ function $45108e3c482ee88b$var$LogicButton(props, ref) {
|
|
677
692
|
function $dd24e555a16de2ae$var$ClearButton(props, ref) {
|
678
693
|
let { children: children = /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$spectrumiconsuiCrossSmall), {
|
679
694
|
UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)))["spectrum-Icon"]
|
680
|
-
})
|
695
|
+
}), focusClassName: focusClassName, variant: variant, autoFocus: autoFocus, isDisabled: isDisabled, preventFocus: preventFocus, elementType: elementType = preventFocus ? "div" : "button", ...otherProps } = props;
|
681
696
|
let domRef = (0, $d7FTw$useFocusableRef)(ref);
|
682
|
-
let { buttonProps: buttonProps
|
697
|
+
let { buttonProps: buttonProps, isPressed: isPressed } = (0, $d7FTw$useButton)({
|
683
698
|
...props,
|
684
699
|
elementType: elementType
|
685
700
|
}, domRef);
|
686
|
-
let { hoverProps: hoverProps
|
701
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $d7FTw$useHover)({
|
687
702
|
isDisabled: isDisabled
|
688
703
|
});
|
689
|
-
let { styleProps: styleProps
|
704
|
+
let { styleProps: styleProps } = (0, $d7FTw$useStyleProps)(otherProps);
|
690
705
|
// For cases like the clear button in a search field, remove the tabIndex so
|
691
706
|
// iOS 14 with VoiceOver doesn't focus the button and hide the keyboard when
|
692
707
|
// moving the cursor over the clear button.
|
@@ -732,14 +747,14 @@ let $dd24e555a16de2ae$export$13ec83e50bf04290 = /*#__PURE__*/ (0, $d7FTw$react).
|
|
732
747
|
|
733
748
|
function $3979c7c23b0bd270$var$ToggleButton(props, ref) {
|
734
749
|
props = (0, $d7FTw$useProviderProps)(props);
|
735
|
-
let { isQuiet: isQuiet
|
750
|
+
let { isQuiet: isQuiet, isDisabled: isDisabled, isEmphasized: isEmphasized, staticColor: staticColor, children: children, autoFocus: autoFocus, ...otherProps } = props;
|
736
751
|
let domRef = (0, $d7FTw$useFocusableRef)(ref);
|
737
752
|
let state = (0, $d7FTw$useToggleState)(props);
|
738
|
-
let { buttonProps: buttonProps
|
739
|
-
let { hoverProps: hoverProps
|
753
|
+
let { buttonProps: buttonProps, isPressed: isPressed } = (0, $d7FTw$useToggleButton)(props, state, domRef);
|
754
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $d7FTw$useHover)({
|
740
755
|
isDisabled: isDisabled
|
741
756
|
});
|
742
|
-
let { styleProps: styleProps
|
757
|
+
let { styleProps: styleProps } = (0, $d7FTw$useStyleProps)(otherProps);
|
743
758
|
let isTextOnly = (0, $d7FTw$react).Children.toArray(props.children).every((c)=>!/*#__PURE__*/ (0, $d7FTw$react).isValidElement(c));
|
744
759
|
return /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$FocusRing), {
|
745
760
|
focusRingClass: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "focus-ring"),
|