@react-spectrum/toast 3.0.0-beta.3 → 3.0.0-beta.5

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 CHANGED
@@ -1,18 +1,19 @@
1
1
  import "./main.css";
2
- import $jn1ib$react, {useRef as $jn1ib$useRef, useEffect as $jn1ib$useEffect} from "react";
2
+ import $jn1ib$react, {useRef as $jn1ib$useRef, useEffect as $jn1ib$useEffect, useContext as $jn1ib$useContext, createContext as $jn1ib$createContext} from "react";
3
3
  import {ToastQueue as $jn1ib$ToastQueue, useToastQueue as $jn1ib$useToastQueue} from "@react-stately/toast";
4
4
  import {useSyncExternalStore as $jn1ib$useSyncExternalStore} from "use-sync-external-store/shim/index.js";
5
5
  import $jn1ib$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
6
6
  import {Button as $jn1ib$Button, ClearButton as $jn1ib$ClearButton} from "@react-spectrum/button";
7
- import {useDOMRef as $jn1ib$useDOMRef, useStyleProps as $jn1ib$useStyleProps, classNames as $jn1ib$classNames, useIsMobileDevice as $jn1ib$useIsMobileDevice} from "@react-spectrum/utils";
7
+ import {useDOMRef as $jn1ib$useDOMRef, useStyleProps as $jn1ib$useStyleProps, classNames as $jn1ib$classNames} from "@react-spectrum/utils";
8
8
  import $jn1ib$spectrumiconsuiCrossMedium from "@spectrum-icons/ui/CrossMedium";
9
9
  import $jn1ib$spectrumiconsuiInfoMedium from "@spectrum-icons/ui/InfoMedium";
10
10
  import $jn1ib$spectrumiconsuiSuccessMedium from "@spectrum-icons/ui/SuccessMedium";
11
11
  import {useLocalizedStringFormatter as $jn1ib$useLocalizedStringFormatter} from "@react-aria/i18n";
12
12
  import {useToast as $jn1ib$useToast, useToastRegion as $jn1ib$useToastRegion} from "@react-aria/toast";
13
- import {FocusRing as $jn1ib$FocusRing} from "@react-aria/focus";
13
+ import {mergeProps as $jn1ib$mergeProps} from "@react-aria/utils";
14
14
  import {Provider as $jn1ib$Provider} from "@react-spectrum/provider";
15
15
  import $jn1ib$reactdom from "react-dom";
16
+ import {useFocusRing as $jn1ib$useFocusRing} from "@react-aria/focus";
16
17
 
17
18
  function $parcel$interopDefault(a) {
18
19
  return a && a.__esModule ? a.default : a;
@@ -371,56 +372,108 @@ $41e47081d30453d1$exports = {
371
372
 
372
373
  var $e05a169dc2f4f928$exports = {};
373
374
 
374
- $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast", () => $e05a169dc2f4f928$export$c8747d73d7954b9c, (v) => $e05a169dc2f4f928$export$c8747d73d7954b9c = v);
375
- $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast-typeIcon", () => $e05a169dc2f4f928$export$8e9e50fe392680b2, (v) => $e05a169dc2f4f928$export$8e9e50fe392680b2 = v);
376
- $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast-content", () => $e05a169dc2f4f928$export$454f092ca47c3462, (v) => $e05a169dc2f4f928$export$454f092ca47c3462 = v);
377
- $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast-buttons", () => $e05a169dc2f4f928$export$19218cf016f919e5, (v) => $e05a169dc2f4f928$export$19218cf016f919e5 = v);
378
375
  $parcel$export($e05a169dc2f4f928$exports, "spectrum-Button", () => $e05a169dc2f4f928$export$1db4cca5b4ade39a, (v) => $e05a169dc2f4f928$export$1db4cca5b4ade39a = v);
379
376
  $parcel$export($e05a169dc2f4f928$exports, "spectrum-ClearButton", () => $e05a169dc2f4f928$export$b752ce409e5660c, (v) => $e05a169dc2f4f928$export$b752ce409e5660c = v);
380
- $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast-body", () => $e05a169dc2f4f928$export$36e75d1f579741b3, (v) => $e05a169dc2f4f928$export$36e75d1f579741b3 = v);
381
- $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast--negative", () => $e05a169dc2f4f928$export$bd5a0b226e8b302, (v) => $e05a169dc2f4f928$export$bd5a0b226e8b302 = v);
377
+ $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast", () => $e05a169dc2f4f928$export$c8747d73d7954b9c, (v) => $e05a169dc2f4f928$export$c8747d73d7954b9c = v);
382
378
  $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast--info", () => $e05a169dc2f4f928$export$fcf916881d7253a9, (v) => $e05a169dc2f4f928$export$fcf916881d7253a9 = v);
379
+ $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast--negative", () => $e05a169dc2f4f928$export$bd5a0b226e8b302, (v) => $e05a169dc2f4f928$export$bd5a0b226e8b302 = v);
383
380
  $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast--positive", () => $e05a169dc2f4f928$export$5c8e63d2763f4a55, (v) => $e05a169dc2f4f928$export$5c8e63d2763f4a55 = v);
384
- var $e05a169dc2f4f928$export$c8747d73d7954b9c;
385
- var $e05a169dc2f4f928$export$8e9e50fe392680b2;
386
- var $e05a169dc2f4f928$export$454f092ca47c3462;
387
- var $e05a169dc2f4f928$export$19218cf016f919e5;
381
+ $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast-body", () => $e05a169dc2f4f928$export$36e75d1f579741b3, (v) => $e05a169dc2f4f928$export$36e75d1f579741b3 = v);
382
+ $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast-buttons", () => $e05a169dc2f4f928$export$19218cf016f919e5, (v) => $e05a169dc2f4f928$export$19218cf016f919e5 = v);
383
+ $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast-content", () => $e05a169dc2f4f928$export$454f092ca47c3462, (v) => $e05a169dc2f4f928$export$454f092ca47c3462 = v);
384
+ $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast-typeIcon", () => $e05a169dc2f4f928$export$8e9e50fe392680b2, (v) => $e05a169dc2f4f928$export$8e9e50fe392680b2 = v);
388
385
  var $e05a169dc2f4f928$export$1db4cca5b4ade39a;
389
386
  var $e05a169dc2f4f928$export$b752ce409e5660c;
390
- var $e05a169dc2f4f928$export$36e75d1f579741b3;
391
- var $e05a169dc2f4f928$export$bd5a0b226e8b302;
387
+ var $e05a169dc2f4f928$export$c8747d73d7954b9c;
392
388
  var $e05a169dc2f4f928$export$fcf916881d7253a9;
389
+ var $e05a169dc2f4f928$export$bd5a0b226e8b302;
393
390
  var $e05a169dc2f4f928$export$5c8e63d2763f4a55;
394
- $e05a169dc2f4f928$export$c8747d73d7954b9c = "spectrum-Toast_11df86";
395
- $e05a169dc2f4f928$export$8e9e50fe392680b2 = "spectrum-Toast-typeIcon_11df86";
396
- $e05a169dc2f4f928$export$454f092ca47c3462 = "spectrum-Toast-content_11df86";
397
- $e05a169dc2f4f928$export$19218cf016f919e5 = "spectrum-Toast-buttons_11df86";
398
- $e05a169dc2f4f928$export$1db4cca5b4ade39a = "spectrum-Button_11df86";
399
- $e05a169dc2f4f928$export$b752ce409e5660c = "spectrum-ClearButton_11df86";
400
- $e05a169dc2f4f928$export$36e75d1f579741b3 = "spectrum-Toast-body_11df86";
401
- $e05a169dc2f4f928$export$bd5a0b226e8b302 = "spectrum-Toast--negative_11df86";
402
- $e05a169dc2f4f928$export$fcf916881d7253a9 = "spectrum-Toast--info_11df86";
403
- $e05a169dc2f4f928$export$5c8e63d2763f4a55 = "spectrum-Toast--positive_11df86";
391
+ var $e05a169dc2f4f928$export$36e75d1f579741b3;
392
+ var $e05a169dc2f4f928$export$19218cf016f919e5;
393
+ var $e05a169dc2f4f928$export$454f092ca47c3462;
394
+ var $e05a169dc2f4f928$export$8e9e50fe392680b2;
395
+ $e05a169dc2f4f928$export$1db4cca5b4ade39a = `O7O3BG_spectrum-Button`;
396
+ $e05a169dc2f4f928$export$b752ce409e5660c = `O7O3BG_spectrum-ClearButton`;
397
+ $e05a169dc2f4f928$export$c8747d73d7954b9c = `O7O3BG_spectrum-Toast`;
398
+ $e05a169dc2f4f928$export$fcf916881d7253a9 = `O7O3BG_spectrum-Toast--info`;
399
+ $e05a169dc2f4f928$export$bd5a0b226e8b302 = `O7O3BG_spectrum-Toast--negative`;
400
+ $e05a169dc2f4f928$export$5c8e63d2763f4a55 = `O7O3BG_spectrum-Toast--positive`;
401
+ $e05a169dc2f4f928$export$36e75d1f579741b3 = `O7O3BG_spectrum-Toast-body`;
402
+ $e05a169dc2f4f928$export$19218cf016f919e5 = `O7O3BG_spectrum-Toast-buttons`;
403
+ $e05a169dc2f4f928$export$454f092ca47c3462 = `O7O3BG_spectrum-Toast-content`;
404
+ $e05a169dc2f4f928$export$8e9e50fe392680b2 = `O7O3BG_spectrum-Toast-typeIcon`;
404
405
 
405
406
 
406
407
 
407
408
  var $f3b51ac952d4aeac$exports = {};
408
409
 
409
- $parcel$export($f3b51ac952d4aeac$exports, "react-spectrum-ToastContainer", () => $f3b51ac952d4aeac$export$bed15bd1aa62542d, (v) => $f3b51ac952d4aeac$export$bed15bd1aa62542d = v);
410
+ $parcel$export($f3b51ac952d4aeac$exports, "fade-out", () => $f3b51ac952d4aeac$export$f562fd61c53bdcd9, (v) => $f3b51ac952d4aeac$export$f562fd61c53bdcd9 = v);
410
411
  $parcel$export($f3b51ac952d4aeac$exports, "focus-ring", () => $f3b51ac952d4aeac$export$f39a09f249340e2a, (v) => $f3b51ac952d4aeac$export$f39a09f249340e2a = v);
411
- $parcel$export($f3b51ac952d4aeac$exports, "spectrum-Toast", () => $f3b51ac952d4aeac$export$c8747d73d7954b9c, (v) => $f3b51ac952d4aeac$export$c8747d73d7954b9c = v);
412
+ $parcel$export($f3b51ac952d4aeac$exports, "react-spectrum-ToastContainer", () => $f3b51ac952d4aeac$export$bed15bd1aa62542d, (v) => $f3b51ac952d4aeac$export$bed15bd1aa62542d = v);
412
413
  $parcel$export($f3b51ac952d4aeac$exports, "slide-in", () => $f3b51ac952d4aeac$export$1c220dee9e4dbe34, (v) => $f3b51ac952d4aeac$export$1c220dee9e4dbe34 = v);
413
- $parcel$export($f3b51ac952d4aeac$exports, "fade-out", () => $f3b51ac952d4aeac$export$f562fd61c53bdcd9, (v) => $f3b51ac952d4aeac$export$f562fd61c53bdcd9 = v);
414
- var $f3b51ac952d4aeac$export$bed15bd1aa62542d;
414
+ $parcel$export($f3b51ac952d4aeac$exports, "spectrum-FocusRing-ring", () => $f3b51ac952d4aeac$export$4109102f950813a6, (v) => $f3b51ac952d4aeac$export$4109102f950813a6 = v);
415
+ $parcel$export($f3b51ac952d4aeac$exports, "spectrum-FocusRing", () => $f3b51ac952d4aeac$export$24c7f46a6e3605dd, (v) => $f3b51ac952d4aeac$export$24c7f46a6e3605dd = v);
416
+ $parcel$export($f3b51ac952d4aeac$exports, "spectrum-FocusRing--quiet", () => $f3b51ac952d4aeac$export$2927016961429360, (v) => $f3b51ac952d4aeac$export$2927016961429360 = v);
417
+ $parcel$export($f3b51ac952d4aeac$exports, "spectrum-Toast", () => $f3b51ac952d4aeac$export$c8747d73d7954b9c, (v) => $f3b51ac952d4aeac$export$c8747d73d7954b9c = v);
418
+ var $f3b51ac952d4aeac$export$f562fd61c53bdcd9;
415
419
  var $f3b51ac952d4aeac$export$f39a09f249340e2a;
416
- var $f3b51ac952d4aeac$export$c8747d73d7954b9c;
420
+ var $f3b51ac952d4aeac$export$bed15bd1aa62542d;
417
421
  var $f3b51ac952d4aeac$export$1c220dee9e4dbe34;
418
- var $f3b51ac952d4aeac$export$f562fd61c53bdcd9;
419
- $f3b51ac952d4aeac$export$bed15bd1aa62542d = "react-spectrum-ToastContainer_21a698";
420
- $f3b51ac952d4aeac$export$f39a09f249340e2a = "focus-ring_21a698";
421
- $f3b51ac952d4aeac$export$c8747d73d7954b9c = "spectrum-Toast_21a698";
422
- $f3b51ac952d4aeac$export$1c220dee9e4dbe34 = "slide-in_21a698";
423
- $f3b51ac952d4aeac$export$f562fd61c53bdcd9 = "fade-out_21a698";
422
+ var $f3b51ac952d4aeac$export$4109102f950813a6;
423
+ var $f3b51ac952d4aeac$export$24c7f46a6e3605dd;
424
+ var $f3b51ac952d4aeac$export$2927016961429360;
425
+ var $f3b51ac952d4aeac$export$c8747d73d7954b9c;
426
+ $f3b51ac952d4aeac$export$f562fd61c53bdcd9 = `xynrca_fade-out`;
427
+ $f3b51ac952d4aeac$export$f562fd61c53bdcd9;
428
+ $f3b51ac952d4aeac$export$f39a09f249340e2a = `xynrca_focus-ring`;
429
+ $f3b51ac952d4aeac$export$bed15bd1aa62542d = `xynrca_react-spectrum-ToastContainer`;
430
+ $f3b51ac952d4aeac$export$1c220dee9e4dbe34 = `xynrca_slide-in`;
431
+ $f3b51ac952d4aeac$export$1c220dee9e4dbe34;
432
+ $f3b51ac952d4aeac$export$4109102f950813a6 = `xynrca_spectrum-FocusRing-ring`;
433
+ $f3b51ac952d4aeac$export$24c7f46a6e3605dd = `xynrca_spectrum-FocusRing ${$f3b51ac952d4aeac$export$4109102f950813a6}`;
434
+ $f3b51ac952d4aeac$export$2927016961429360 = `xynrca_spectrum-FocusRing--quiet`;
435
+ $f3b51ac952d4aeac$export$c8747d73d7954b9c = `xynrca_spectrum-Toast ${$f3b51ac952d4aeac$export$24c7f46a6e3605dd}`;
436
+
437
+
438
+ /*
439
+ * Copyright 2020 Adobe. All rights reserved.
440
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
441
+ * you may not use this file except in compliance with the License. You may obtain a copy
442
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
443
+ *
444
+ * Unless required by applicable law or agreed to in writing, software distributed under
445
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
446
+ * OF ANY KIND, either express or implied. See the License for the specific language
447
+ * governing permissions and limitations under the License.
448
+ */
449
+
450
+
451
+
452
+
453
+
454
+
455
+
456
+ const $e46feef4e4c28a4b$export$9194c0aa0cd7a9ff = /*#__PURE__*/ (0, $jn1ib$createContext)(false);
457
+ function $e46feef4e4c28a4b$export$fb98e3a2a4cd92d7(props) {
458
+ let { children: children, state: state } = props;
459
+ let ref = (0, $jn1ib$useRef)();
460
+ let { regionProps: regionProps } = (0, $jn1ib$useToastRegion)(props, state, ref);
461
+ let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $jn1ib$useFocusRing)();
462
+ let contents = /*#__PURE__*/ (0, $jn1ib$react).createElement((0, $jn1ib$Provider), {
463
+ UNSAFE_style: {
464
+ background: "transparent"
465
+ }
466
+ }, /*#__PURE__*/ (0, $jn1ib$react).createElement($e46feef4e4c28a4b$export$9194c0aa0cd7a9ff.Provider, {
467
+ value: isFocusVisible
468
+ }, /*#__PURE__*/ (0, $jn1ib$react).createElement("div", {
469
+ ...(0, $jn1ib$mergeProps)(regionProps, focusProps),
470
+ ref: ref,
471
+ "data-position": "bottom",
472
+ "data-placement": "center",
473
+ className: (0, $jn1ib$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f3b51ac952d4aeac$exports))), "react-spectrum-ToastContainer")
474
+ }, children)));
475
+ return /*#__PURE__*/ (0, $jn1ib$reactdom).createPortal(contents, document.body);
476
+ }
424
477
 
425
478
 
426
479
 
@@ -431,13 +484,15 @@ const $7e7a2952509f3a56$export$fde44257752a9f60 = {
431
484
  positive: (0, $jn1ib$spectrumiconsuiSuccessMedium)
432
485
  };
433
486
  function $7e7a2952509f3a56$var$Toast(props, ref) {
434
- let { toast: { key: key , animation: animation , content: { children: children , variant: variant , actionLabel: actionLabel , onAction: onAction , shouldCloseOnAction: shouldCloseOnAction } } , state: state , ...otherProps } = props;
487
+ var _state_visibleToasts_;
488
+ let { toast: { key: key, animation: animation, content: { children: children, variant: variant, actionLabel: actionLabel, onAction: onAction, shouldCloseOnAction: shouldCloseOnAction } }, state: state, ...otherProps } = props;
435
489
  let domRef = (0, $jn1ib$useDOMRef)(ref);
436
- let { closeButtonProps: closeButtonProps , titleProps: titleProps , toastProps: toastProps } = (0, $jn1ib$useToast)(props, state, domRef);
437
- let { styleProps: styleProps } = (0, $jn1ib$useStyleProps)(otherProps);
490
+ let { closeButtonProps: closeButtonProps, titleProps: titleProps, toastProps: toastProps } = (0, $jn1ib$useToast)(props, state, domRef);
491
+ let { styleProps: styleProps } = (0, $jn1ib$useStyleProps)(otherProps);
438
492
  let stringFormatter = (0, $jn1ib$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($41e47081d30453d1$exports))));
439
493
  let iconLabel = variant && variant !== "neutral" ? stringFormatter.format(variant) : null;
440
494
  let Icon = $7e7a2952509f3a56$export$fde44257752a9f60[variant];
495
+ let isFocusVisible = (0, $jn1ib$useContext)((0, $e46feef4e4c28a4b$export$9194c0aa0cd7a9ff));
441
496
  const handleAction = ()=>{
442
497
  if (onAction) onAction();
443
498
  if (shouldCloseOnAction) state.close(key);
@@ -448,7 +503,9 @@ function $7e7a2952509f3a56$var$Toast(props, ref) {
448
503
  ref: domRef,
449
504
  className: (0, $jn1ib$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($e05a169dc2f4f928$exports))), "spectrum-Toast", {
450
505
  ["spectrum-Toast--" + variant]: variant
451
- }, styleProps.className, (0, $jn1ib$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f3b51ac952d4aeac$exports))), "spectrum-Toast")),
506
+ }, styleProps.className, (0, $jn1ib$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f3b51ac952d4aeac$exports))), "spectrum-Toast", {
507
+ "focus-ring": props.toast.key === ((_state_visibleToasts_ = state.visibleToasts[0]) === null || _state_visibleToasts_ === void 0 ? void 0 : _state_visibleToasts_.key) && isFocusVisible
508
+ })),
452
509
  style: {
453
510
  ...styleProps.style,
454
511
  zIndex: props.toast.priority
@@ -480,44 +537,6 @@ function $7e7a2952509f3a56$var$Toast(props, ref) {
480
537
  let $7e7a2952509f3a56$export$8d8dc7d5f743331b = /*#__PURE__*/ (0, $jn1ib$react).forwardRef($7e7a2952509f3a56$var$Toast);
481
538
 
482
539
 
483
- /*
484
- * Copyright 2020 Adobe. All rights reserved.
485
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
486
- * you may not use this file except in compliance with the License. You may obtain a copy
487
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
488
- *
489
- * Unless required by applicable law or agreed to in writing, software distributed under
490
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
491
- * OF ANY KIND, either express or implied. See the License for the specific language
492
- * governing permissions and limitations under the License.
493
- */
494
-
495
-
496
-
497
-
498
-
499
-
500
- function $e46feef4e4c28a4b$export$fb98e3a2a4cd92d7(props) {
501
- let { children: children , state: state } = props;
502
- let containerPlacement = (0, $jn1ib$useIsMobileDevice)() ? "center" : "right";
503
- let ref = (0, $jn1ib$useRef)();
504
- let { regionProps: regionProps } = (0, $jn1ib$useToastRegion)(props, state, ref);
505
- let contents = /*#__PURE__*/ (0, $jn1ib$react).createElement((0, $jn1ib$Provider), {
506
- UNSAFE_style: {
507
- background: "transparent"
508
- }
509
- }, /*#__PURE__*/ (0, $jn1ib$react).createElement((0, $jn1ib$FocusRing), {
510
- focusRingClass: (0, $jn1ib$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f3b51ac952d4aeac$exports))), "focus-ring")
511
- }, /*#__PURE__*/ (0, $jn1ib$react).createElement("div", {
512
- ...regionProps,
513
- ref: ref,
514
- "data-position": "bottom",
515
- "data-placement": containerPlacement,
516
- className: (0, $jn1ib$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f3b51ac952d4aeac$exports))), "react-spectrum-ToastContainer")
517
- }, children)));
518
- return /*#__PURE__*/ (0, $jn1ib$reactdom).createPortal(contents, document.body);
519
- }
520
-
521
540
 
522
541
 
523
542
 
package/dist/main.css CHANGED
@@ -1 +1 @@
1
- [dir=ltr] .spectrum-Toast_11df86{padding-right:var(--spectrum-toast-padding-right,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Toast_11df86{padding-left:var(--spectrum-toast-padding-right,var(--spectrum-global-dimension-size-100))}[dir=ltr] .spectrum-Toast_11df86{padding-left:var(--spectrum-toast-padding-left,var(--spectrum-global-dimension-size-200))}[dir=rtl] .spectrum-Toast_11df86{padding-right:var(--spectrum-toast-padding-left,var(--spectrum-global-dimension-size-200))}.spectrum-Toast_11df86{box-sizing:border-box;max-width:500px;border-radius:var(--spectrum-toast-border-radius,var(--spectrum-global-dimension-static-size-50));padding-top:var(--spectrum-toast-padding-y,var(--spectrum-global-dimension-size-100));padding-bottom:var(--spectrum-toast-padding-y,var(--spectrum-global-dimension-size-100));font-size:var(--spectrum-toast-text-size,var(--spectrum-alias-font-size-default));-webkit-font-smoothing:antialiased;flex-direction:row;align-items:stretch;display:inline-flex}[dir=ltr] .spectrum-Toast-typeIcon_11df86{margin-right:var(--spectrum-toast-icon-padding-right,var(--spectrum-global-dimension-size-150))}[dir=rtl] .spectrum-Toast-typeIcon_11df86{margin-left:var(--spectrum-toast-icon-padding-right,var(--spectrum-global-dimension-size-150))}[dir=ltr] .spectrum-Toast-typeIcon_11df86{margin-left:0}[dir=rtl] .spectrum-Toast-typeIcon_11df86{margin-right:0}.spectrum-Toast-typeIcon_11df86{margin-top:var(--spectrum-global-dimension-size-85);margin-bottom:var(--spectrum-global-dimension-size-85);flex-grow:0;flex-shrink:0}[dir=ltr] .spectrum-Toast-content_11df86{padding-left:0}[dir=rtl] .spectrum-Toast-content_11df86{padding-right:0}[dir=ltr] .spectrum-Toast-content_11df86{text-align:left}[dir=rtl] .spectrum-Toast-content_11df86{text-align:right}.spectrum-Toast-content_11df86{box-sizing:border-box;padding-top:var(--spectrum-global-dimension-size-65);padding-bottom:var(--spectrum-global-dimension-size-65);flex:auto}.spectrum-Toast-buttons_11df86{flex:none;align-items:flex-start;display:flex}[dir=ltr] .spectrum-Toast-buttons_11df86 .spectrum-Button_11df86+.spectrum-Button_11df86,[dir=ltr] .spectrum-Toast-buttons_11df86 .spectrum-Button_11df86+.spectrum-ClearButton_11df86,[dir=ltr] .spectrum-Toast-buttons_11df86 .spectrum-ClearButton_11df86+.spectrum-Button_11df86,[dir=ltr] .spectrum-Toast-buttons_11df86 .spectrum-ClearButton_11df86+.spectrum-ClearButton_11df86{margin-left:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Toast-buttons_11df86 .spectrum-Button_11df86+.spectrum-Button_11df86,[dir=rtl] .spectrum-Toast-buttons_11df86 .spectrum-Button_11df86+.spectrum-ClearButton_11df86,[dir=rtl] .spectrum-Toast-buttons_11df86 .spectrum-ClearButton_11df86+.spectrum-Button_11df86,[dir=rtl] .spectrum-Toast-buttons_11df86 .spectrum-ClearButton_11df86+.spectrum-ClearButton_11df86{margin-right:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}[dir=ltr] .spectrum-Toast-body_11df86{padding-right:var(--spectrum-toast-content-padding-right,var(--spectrum-global-dimension-size-200))}[dir=rtl] .spectrum-Toast-body_11df86{padding-left:var(--spectrum-toast-content-padding-right,var(--spectrum-global-dimension-size-200))}.spectrum-Toast-body_11df86{justify-content:flex-end;align-self:center;column-gap:var(--spectrum-toast-content-padding-right,var(--spectrum-global-dimension-size-200));flex-wrap:wrap;flex:auto;display:flex}[dir=ltr] .spectrum-Toast-body_11df86+.spectrum-Toast-buttons_11df86{padding-left:var(--spectrum-toast-padding-right,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Toast-body_11df86+.spectrum-Toast-buttons_11df86{padding-right:var(--spectrum-toast-padding-right,var(--spectrum-global-dimension-size-100))}[dir=ltr] .spectrum-Toast-body_11df86+.spectrum-Toast-buttons_11df86{border-left-width:1px}[dir=rtl] .spectrum-Toast-body_11df86+.spectrum-Toast-buttons_11df86{border-right-width:1px}[dir=ltr] .spectrum-Toast-body_11df86+.spectrum-Toast-buttons_11df86{border-left-style:solid}[dir=rtl] .spectrum-Toast-body_11df86+.spectrum-Toast-buttons_11df86{border-right-style:solid}.spectrum-Toast_11df86{background-color:var(--spectrum-alias-neutral-background-color);color:#fff}.spectrum-Toast-content_11df86{color:var(--spectrum-toast-text-color,var(--spectrum-global-color-static-white))}.spectrum-Toast-typeIcon_11df86{color:#fff}[dir=ltr] .spectrum-Toast-buttons_11df86{border-left-color:#fff3}[dir=rtl] .spectrum-Toast-buttons_11df86{border-right-color:#fff3}.spectrum-Toast--negative_11df86{background-color:var(--spectrum-negative-background-color-default)}.spectrum-Toast--info_11df86{background-color:var(--spectrum-informative-background-color-default)}.spectrum-Toast--positive_11df86{background-color:var(--spectrum-positive-background-color-default)}@media (forced-colors:active){.spectrum-Toast_11df86{border:1px solid #0000}}.react-spectrum-ToastContainer_21a698>:first-child{--spectrum-focus-ring-border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);--spectrum-focus-ring-border-size:0px;--spectrum-focus-ring-color:var(--spectrum-high-contrast-focus-ring-color,var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color)))}.react-spectrum-ToastContainer_21a698>:first-child:after{border-radius:calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));content:"";margin:calc(-1*var(--spectrum-focus-ring-border-size));pointer-events:none;transition:box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-out,margin var(--spectrum-global-animation-duration-100,.13s)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.react-spectrum-ToastContainer_21a698.focus-ring_21a698>:first-child:after{margin:calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size));box-shadow:0 0 0 var(--spectrum-focus-ring-size)var(--spectrum-focus-ring-color)}[dir=ltr] .react-spectrum-ToastContainer_21a698{left:0}[dir=rtl] .react-spectrum-ToastContainer_21a698,[dir=ltr] .react-spectrum-ToastContainer_21a698{right:0}[dir=rtl] .react-spectrum-ToastContainer_21a698{left:0}.react-spectrum-ToastContainer_21a698{z-index:100050;pointer-events:none;outline:none;display:flex;position:fixed}.react-spectrum-ToastContainer_21a698>:first-child{--spectrum-focus-ring-border-radius:var(--spectrum-toast-border-radius,var(--spectrum-global-dimension-static-size-50));--spectrum-focus-ring-gap:var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25));--spectrum-focus-ring-size:var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25))}.react-spectrum-ToastContainer_21a698 .spectrum-Toast_21a698{pointer-events:all;margin:16px;position:absolute}.react-spectrum-ToastContainer_21a698[data-position=top]{--slide-from:translateY(-100%);--slide-to:translateY(0);flex-direction:column;top:0}.react-spectrum-ToastContainer_21a698[data-position=bottom]{--slide-from:translateY(100%);--slide-to:translateY(0);flex-direction:column-reverse;bottom:0}.react-spectrum-ToastContainer_21a698[data-placement=left]{--slide-from:translateX(-100%);--slide-to:translateX(0);align-items:flex-start}[dir=rtl] .react-spectrum-ToastContainer_21a698[data-placement=left]{--slide-from:translateX(100%)}.react-spectrum-ToastContainer_21a698[data-placement=center]{align-items:center}.react-spectrum-ToastContainer_21a698[data-placement=right]{--slide-from:translateX(100%);--slide-to:translateX(0);align-items:flex-end}[dir=rtl] .react-spectrum-ToastContainer_21a698[data-placement=right]{--slide-from:translateX(-100%)}.spectrum-Toast_21a698[data-animation=entering]{animation:.3s slide-in_21a698}.spectrum-Toast_21a698[data-animation=exiting]{animation:.3s forwards fade-out_21a698}@keyframes slide-in_21a698{0%{transform:var(--slide-from)}to{transform:var(--slide-to)}}@keyframes fade-out_21a698{0%{opacity:1}to{opacity:0}}
1
+ .O7O3BG_spectrum-Toast{box-sizing:border-box;border-radius:var(--spectrum-toast-border-radius,var(--spectrum-global-dimension-static-size-50));font-size:var(--spectrum-toast-text-size,var(--spectrum-alias-font-size-default));-webkit-font-smoothing:antialiased;padding-top:var(--spectrum-toast-padding-y,var(--spectrum-global-dimension-size-100));padding-bottom:var(--spectrum-toast-padding-y,var(--spectrum-global-dimension-size-100));flex-direction:row;align-items:stretch;max-width:500px;display:inline-flex}.O7O3BG_spectrum-Toast:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--spectrum-toast-padding-left,var(--spectrum-global-dimension-size-200));padding-right:var(--spectrum-toast-padding-right,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--spectrum-toast-padding-left,var(--spectrum-global-dimension-size-200));padding-right:var(--spectrum-toast-padding-right,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--spectrum-toast-padding-left,var(--spectrum-global-dimension-size-200));padding-right:var(--spectrum-toast-padding-right,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:var(--spectrum-toast-padding-left,var(--spectrum-global-dimension-size-200));padding-left:var(--spectrum-toast-padding-right,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:var(--spectrum-toast-padding-left,var(--spectrum-global-dimension-size-200));padding-left:var(--spectrum-toast-padding-right,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast-typeIcon{margin-top:var(--spectrum-global-dimension-size-85);margin-bottom:var(--spectrum-global-dimension-size-85);flex-grow:0;flex-shrink:0}.O7O3BG_spectrum-Toast-typeIcon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:0;margin-right:var(--spectrum-toast-icon-padding-right,var(--spectrum-global-dimension-size-150))}.O7O3BG_spectrum-Toast-typeIcon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:0;margin-right:var(--spectrum-toast-icon-padding-right,var(--spectrum-global-dimension-size-150))}.O7O3BG_spectrum-Toast-typeIcon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:0;margin-right:var(--spectrum-toast-icon-padding-right,var(--spectrum-global-dimension-size-150))}.O7O3BG_spectrum-Toast-typeIcon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0;margin-left:var(--spectrum-toast-icon-padding-right,var(--spectrum-global-dimension-size-150))}.O7O3BG_spectrum-Toast-typeIcon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0;margin-left:var(--spectrum-toast-icon-padding-right,var(--spectrum-global-dimension-size-150))}.O7O3BG_spectrum-Toast-content{box-sizing:border-box;text-align:start;padding-top:var(--spectrum-global-dimension-size-65);padding-bottom:var(--spectrum-global-dimension-size-65);flex:auto}.O7O3BG_spectrum-Toast-content:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:0}.O7O3BG_spectrum-Toast-content:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:0}.O7O3BG_spectrum-Toast-content:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:0}.O7O3BG_spectrum-Toast-content:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:0}.O7O3BG_spectrum-Toast-content:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:0}.O7O3BG_spectrum-Toast-buttons{flex:none;align-items:flex-start;display:flex}.O7O3BG_spectrum-Toast-buttons .O7O3BG_spectrum-Button+.O7O3BG_spectrum-Button:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast-buttons .O7O3BG_spectrum-Button+.O7O3BG_spectrum-Button:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast-buttons .O7O3BG_spectrum-Button+.O7O3BG_spectrum-Button:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast-buttons .O7O3BG_spectrum-Button+.O7O3BG_spectrum-Button:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast-buttons .O7O3BG_spectrum-Button+.O7O3BG_spectrum-Button:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast-buttons .O7O3BG_spectrum-Button+.O7O3BG_spectrum-ClearButton:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast-buttons .O7O3BG_spectrum-Button+.O7O3BG_spectrum-ClearButton:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast-buttons .O7O3BG_spectrum-Button+.O7O3BG_spectrum-ClearButton:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast-buttons .O7O3BG_spectrum-Button+.O7O3BG_spectrum-ClearButton:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast-buttons .O7O3BG_spectrum-Button+.O7O3BG_spectrum-ClearButton:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast-buttons .O7O3BG_spectrum-ClearButton+.O7O3BG_spectrum-Button:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast-buttons .O7O3BG_spectrum-ClearButton+.O7O3BG_spectrum-Button:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast-buttons .O7O3BG_spectrum-ClearButton+.O7O3BG_spectrum-Button:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast-buttons .O7O3BG_spectrum-ClearButton+.O7O3BG_spectrum-Button:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast-buttons .O7O3BG_spectrum-ClearButton+.O7O3BG_spectrum-Button:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast-buttons .O7O3BG_spectrum-ClearButton+.O7O3BG_spectrum-ClearButton:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast-buttons .O7O3BG_spectrum-ClearButton+.O7O3BG_spectrum-ClearButton:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast-buttons .O7O3BG_spectrum-ClearButton+.O7O3BG_spectrum-ClearButton:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast-buttons .O7O3BG_spectrum-ClearButton+.O7O3BG_spectrum-ClearButton:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast-buttons .O7O3BG_spectrum-ClearButton+.O7O3BG_spectrum-ClearButton:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}:-webkit-any()+.O7O3BG_spectrum-Button:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}:is()+.O7O3BG_spectrum-Button:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}:-webkit-any()+.O7O3BG_spectrum-Button:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}:is()+.O7O3BG_spectrum-Button:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}:is()+.O7O3BG_spectrum-Button:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}:-webkit-any()+.O7O3BG_spectrum-Button:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}:is()+.O7O3BG_spectrum-Button:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}:-webkit-any()+.O7O3BG_spectrum-ClearButton:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}:is()+.O7O3BG_spectrum-ClearButton:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}:-webkit-any()+.O7O3BG_spectrum-ClearButton:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}:is()+.O7O3BG_spectrum-ClearButton:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}:is()+.O7O3BG_spectrum-ClearButton:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}:-webkit-any()+.O7O3BG_spectrum-ClearButton:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}:is()+.O7O3BG_spectrum-ClearButton:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--spectrum-toast-button-gap,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast-body{justify-content:flex-end;align-self:center;column-gap:var(--spectrum-toast-content-padding-right,var(--spectrum-global-dimension-size-200));flex-wrap:wrap;flex:auto;display:flex}.O7O3BG_spectrum-Toast-body:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--spectrum-toast-content-padding-right,var(--spectrum-global-dimension-size-200))}.O7O3BG_spectrum-Toast-body:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--spectrum-toast-content-padding-right,var(--spectrum-global-dimension-size-200))}.O7O3BG_spectrum-Toast-body:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--spectrum-toast-content-padding-right,var(--spectrum-global-dimension-size-200))}.O7O3BG_spectrum-Toast-body:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--spectrum-toast-content-padding-right,var(--spectrum-global-dimension-size-200))}.O7O3BG_spectrum-Toast-body:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--spectrum-toast-content-padding-right,var(--spectrum-global-dimension-size-200))}.O7O3BG_spectrum-Toast-body+.O7O3BG_spectrum-Toast-buttons{border-inline-start-style:solid;border-inline-start-width:1px}.O7O3BG_spectrum-Toast-body+.O7O3BG_spectrum-Toast-buttons:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--spectrum-toast-padding-right,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast-body+.O7O3BG_spectrum-Toast-buttons:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--spectrum-toast-padding-right,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast-body+.O7O3BG_spectrum-Toast-buttons:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--spectrum-toast-padding-right,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast-body+.O7O3BG_spectrum-Toast-buttons:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:var(--spectrum-toast-padding-right,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast-body+.O7O3BG_spectrum-Toast-buttons:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:var(--spectrum-toast-padding-right,var(--spectrum-global-dimension-size-100))}.O7O3BG_spectrum-Toast{background-color:var(--spectrum-alias-neutral-background-color);color:#fff}.O7O3BG_spectrum-Toast-content{color:var(--spectrum-toast-text-color,var(--spectrum-global-color-static-white))}.O7O3BG_spectrum-Toast-typeIcon{color:#fff}.O7O3BG_spectrum-Toast-buttons{border-inline-start-color:#fff3}.O7O3BG_spectrum-Toast--negative{background-color:var(--spectrum-negative-background-color-default)}.O7O3BG_spectrum-Toast--info{background-color:var(--spectrum-informative-background-color-default)}.O7O3BG_spectrum-Toast--positive{background-color:var(--spectrum-positive-background-color-default)}@media (forced-colors:active){.O7O3BG_spectrum-Toast{border:1px solid #0000}}.xynrca_spectrum-FocusRing-ring{--spectrum-focus-ring-border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);--spectrum-focus-ring-border-size:0px;--spectrum-focus-ring-color:var(--spectrum-high-contrast-focus-ring-color,var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color)))}.xynrca_spectrum-FocusRing-ring:after{border-radius:calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));content:"";margin:calc(-1*var(--spectrum-focus-ring-border-size));pointer-events:none;transition:box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-out,margin var(--spectrum-global-animation-duration-100,.13s)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.xynrca_spectrum-FocusRing.xynrca_focus-ring:after{margin:calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size));box-shadow:0 0 0 var(--spectrum-focus-ring-size)var(--spectrum-focus-ring-color)}.xynrca_spectrum-FocusRing--quiet:after{border-radius:0}.xynrca_spectrum-FocusRing--quiet.xynrca_focus-ring:after{margin:0 0 calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size))0;box-shadow:0 var(--spectrum-focus-ring-size)0 var(--spectrum-focus-ring-color)}.xynrca_react-spectrum-ToastContainer{z-index:100050;pointer-events:none;outline:none;display:flex;position:fixed;left:0;right:0}.xynrca_react-spectrum-ToastContainer .xynrca_spectrum-Toast{pointer-events:all;margin:16px;position:absolute}.xynrca_react-spectrum-ToastContainer[data-position=top]{--slide-from:translateY(-100%);--slide-to:translateY(0);flex-direction:column;top:0}.xynrca_react-spectrum-ToastContainer[data-position=bottom]{--slide-from:translateY(100%);--slide-to:translateY(0);flex-direction:column-reverse;bottom:0}.xynrca_react-spectrum-ToastContainer[data-placement=left]{--slide-from:translateX(-100%);--slide-to:translateX(0);align-items:flex-start}.xynrca_react-spectrum-ToastContainer[data-placement=left]:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--slide-from:translateX(100%)}.xynrca_react-spectrum-ToastContainer[data-placement=left]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--slide-from:translateX(100%)}.xynrca_react-spectrum-ToastContainer[data-placement=center]{align-items:center}.xynrca_react-spectrum-ToastContainer[data-placement=right]{--slide-from:translateX(100%);--slide-to:translateX(0);align-items:flex-end}.xynrca_react-spectrum-ToastContainer[data-placement=right]:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--slide-from:translateX(-100%)}.xynrca_react-spectrum-ToastContainer[data-placement=right]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--slide-from:translateX(-100%)}.xynrca_spectrum-Toast{--spectrum-focus-ring-border-radius:var(--spectrum-toast-border-radius,var(--spectrum-global-dimension-static-size-50));--spectrum-focus-ring-gap:var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25));--spectrum-focus-ring-size:var(--spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25))}.xynrca_spectrum-Toast[data-animation=entering]{animation:.3s xynrca_slide-in}.xynrca_spectrum-Toast[data-animation=exiting]{animation:.3s forwards xynrca_fade-out}@keyframes xynrca_slide-in{0%{transform:var(--slide-from)}to{transform:var(--slide-to)}}@keyframes xynrca_fade-out{0%{opacity:1}to{opacity:0}}
package/dist/main.js CHANGED
@@ -10,9 +10,10 @@ var $9Oq2J$spectrumiconsuiInfoMedium = require("@spectrum-icons/ui/InfoMedium");
10
10
  var $9Oq2J$spectrumiconsuiSuccessMedium = require("@spectrum-icons/ui/SuccessMedium");
11
11
  var $9Oq2J$reactariai18n = require("@react-aria/i18n");
12
12
  var $9Oq2J$reactariatoast = require("@react-aria/toast");
13
- var $9Oq2J$reactariafocus = require("@react-aria/focus");
13
+ var $9Oq2J$reactariautils = require("@react-aria/utils");
14
14
  var $9Oq2J$reactspectrumprovider = require("@react-spectrum/provider");
15
15
  var $9Oq2J$reactdom = require("react-dom");
16
+ var $9Oq2J$reactariafocus = require("@react-aria/focus");
16
17
 
17
18
  function $parcel$export(e, n, v, s) {
18
19
  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
@@ -374,56 +375,108 @@ $1e709ec471c88b75$exports = {
374
375
 
375
376
  var $b6e6aa676f8f9e47$exports = {};
376
377
 
377
- $parcel$export($b6e6aa676f8f9e47$exports, "spectrum-Toast", () => $b6e6aa676f8f9e47$export$c8747d73d7954b9c, (v) => $b6e6aa676f8f9e47$export$c8747d73d7954b9c = v);
378
- $parcel$export($b6e6aa676f8f9e47$exports, "spectrum-Toast-typeIcon", () => $b6e6aa676f8f9e47$export$8e9e50fe392680b2, (v) => $b6e6aa676f8f9e47$export$8e9e50fe392680b2 = v);
379
- $parcel$export($b6e6aa676f8f9e47$exports, "spectrum-Toast-content", () => $b6e6aa676f8f9e47$export$454f092ca47c3462, (v) => $b6e6aa676f8f9e47$export$454f092ca47c3462 = v);
380
- $parcel$export($b6e6aa676f8f9e47$exports, "spectrum-Toast-buttons", () => $b6e6aa676f8f9e47$export$19218cf016f919e5, (v) => $b6e6aa676f8f9e47$export$19218cf016f919e5 = v);
381
378
  $parcel$export($b6e6aa676f8f9e47$exports, "spectrum-Button", () => $b6e6aa676f8f9e47$export$1db4cca5b4ade39a, (v) => $b6e6aa676f8f9e47$export$1db4cca5b4ade39a = v);
382
379
  $parcel$export($b6e6aa676f8f9e47$exports, "spectrum-ClearButton", () => $b6e6aa676f8f9e47$export$b752ce409e5660c, (v) => $b6e6aa676f8f9e47$export$b752ce409e5660c = v);
383
- $parcel$export($b6e6aa676f8f9e47$exports, "spectrum-Toast-body", () => $b6e6aa676f8f9e47$export$36e75d1f579741b3, (v) => $b6e6aa676f8f9e47$export$36e75d1f579741b3 = v);
384
- $parcel$export($b6e6aa676f8f9e47$exports, "spectrum-Toast--negative", () => $b6e6aa676f8f9e47$export$bd5a0b226e8b302, (v) => $b6e6aa676f8f9e47$export$bd5a0b226e8b302 = v);
380
+ $parcel$export($b6e6aa676f8f9e47$exports, "spectrum-Toast", () => $b6e6aa676f8f9e47$export$c8747d73d7954b9c, (v) => $b6e6aa676f8f9e47$export$c8747d73d7954b9c = v);
385
381
  $parcel$export($b6e6aa676f8f9e47$exports, "spectrum-Toast--info", () => $b6e6aa676f8f9e47$export$fcf916881d7253a9, (v) => $b6e6aa676f8f9e47$export$fcf916881d7253a9 = v);
382
+ $parcel$export($b6e6aa676f8f9e47$exports, "spectrum-Toast--negative", () => $b6e6aa676f8f9e47$export$bd5a0b226e8b302, (v) => $b6e6aa676f8f9e47$export$bd5a0b226e8b302 = v);
386
383
  $parcel$export($b6e6aa676f8f9e47$exports, "spectrum-Toast--positive", () => $b6e6aa676f8f9e47$export$5c8e63d2763f4a55, (v) => $b6e6aa676f8f9e47$export$5c8e63d2763f4a55 = v);
387
- var $b6e6aa676f8f9e47$export$c8747d73d7954b9c;
388
- var $b6e6aa676f8f9e47$export$8e9e50fe392680b2;
389
- var $b6e6aa676f8f9e47$export$454f092ca47c3462;
390
- var $b6e6aa676f8f9e47$export$19218cf016f919e5;
384
+ $parcel$export($b6e6aa676f8f9e47$exports, "spectrum-Toast-body", () => $b6e6aa676f8f9e47$export$36e75d1f579741b3, (v) => $b6e6aa676f8f9e47$export$36e75d1f579741b3 = v);
385
+ $parcel$export($b6e6aa676f8f9e47$exports, "spectrum-Toast-buttons", () => $b6e6aa676f8f9e47$export$19218cf016f919e5, (v) => $b6e6aa676f8f9e47$export$19218cf016f919e5 = v);
386
+ $parcel$export($b6e6aa676f8f9e47$exports, "spectrum-Toast-content", () => $b6e6aa676f8f9e47$export$454f092ca47c3462, (v) => $b6e6aa676f8f9e47$export$454f092ca47c3462 = v);
387
+ $parcel$export($b6e6aa676f8f9e47$exports, "spectrum-Toast-typeIcon", () => $b6e6aa676f8f9e47$export$8e9e50fe392680b2, (v) => $b6e6aa676f8f9e47$export$8e9e50fe392680b2 = v);
391
388
  var $b6e6aa676f8f9e47$export$1db4cca5b4ade39a;
392
389
  var $b6e6aa676f8f9e47$export$b752ce409e5660c;
393
- var $b6e6aa676f8f9e47$export$36e75d1f579741b3;
394
- var $b6e6aa676f8f9e47$export$bd5a0b226e8b302;
390
+ var $b6e6aa676f8f9e47$export$c8747d73d7954b9c;
395
391
  var $b6e6aa676f8f9e47$export$fcf916881d7253a9;
392
+ var $b6e6aa676f8f9e47$export$bd5a0b226e8b302;
396
393
  var $b6e6aa676f8f9e47$export$5c8e63d2763f4a55;
397
- $b6e6aa676f8f9e47$export$c8747d73d7954b9c = "spectrum-Toast_11df86";
398
- $b6e6aa676f8f9e47$export$8e9e50fe392680b2 = "spectrum-Toast-typeIcon_11df86";
399
- $b6e6aa676f8f9e47$export$454f092ca47c3462 = "spectrum-Toast-content_11df86";
400
- $b6e6aa676f8f9e47$export$19218cf016f919e5 = "spectrum-Toast-buttons_11df86";
401
- $b6e6aa676f8f9e47$export$1db4cca5b4ade39a = "spectrum-Button_11df86";
402
- $b6e6aa676f8f9e47$export$b752ce409e5660c = "spectrum-ClearButton_11df86";
403
- $b6e6aa676f8f9e47$export$36e75d1f579741b3 = "spectrum-Toast-body_11df86";
404
- $b6e6aa676f8f9e47$export$bd5a0b226e8b302 = "spectrum-Toast--negative_11df86";
405
- $b6e6aa676f8f9e47$export$fcf916881d7253a9 = "spectrum-Toast--info_11df86";
406
- $b6e6aa676f8f9e47$export$5c8e63d2763f4a55 = "spectrum-Toast--positive_11df86";
394
+ var $b6e6aa676f8f9e47$export$36e75d1f579741b3;
395
+ var $b6e6aa676f8f9e47$export$19218cf016f919e5;
396
+ var $b6e6aa676f8f9e47$export$454f092ca47c3462;
397
+ var $b6e6aa676f8f9e47$export$8e9e50fe392680b2;
398
+ $b6e6aa676f8f9e47$export$1db4cca5b4ade39a = `O7O3BG_spectrum-Button`;
399
+ $b6e6aa676f8f9e47$export$b752ce409e5660c = `O7O3BG_spectrum-ClearButton`;
400
+ $b6e6aa676f8f9e47$export$c8747d73d7954b9c = `O7O3BG_spectrum-Toast`;
401
+ $b6e6aa676f8f9e47$export$fcf916881d7253a9 = `O7O3BG_spectrum-Toast--info`;
402
+ $b6e6aa676f8f9e47$export$bd5a0b226e8b302 = `O7O3BG_spectrum-Toast--negative`;
403
+ $b6e6aa676f8f9e47$export$5c8e63d2763f4a55 = `O7O3BG_spectrum-Toast--positive`;
404
+ $b6e6aa676f8f9e47$export$36e75d1f579741b3 = `O7O3BG_spectrum-Toast-body`;
405
+ $b6e6aa676f8f9e47$export$19218cf016f919e5 = `O7O3BG_spectrum-Toast-buttons`;
406
+ $b6e6aa676f8f9e47$export$454f092ca47c3462 = `O7O3BG_spectrum-Toast-content`;
407
+ $b6e6aa676f8f9e47$export$8e9e50fe392680b2 = `O7O3BG_spectrum-Toast-typeIcon`;
407
408
 
408
409
 
409
410
 
410
411
  var $e20782d0579ed886$exports = {};
411
412
 
412
- $parcel$export($e20782d0579ed886$exports, "react-spectrum-ToastContainer", () => $e20782d0579ed886$export$bed15bd1aa62542d, (v) => $e20782d0579ed886$export$bed15bd1aa62542d = v);
413
+ $parcel$export($e20782d0579ed886$exports, "fade-out", () => $e20782d0579ed886$export$f562fd61c53bdcd9, (v) => $e20782d0579ed886$export$f562fd61c53bdcd9 = v);
413
414
  $parcel$export($e20782d0579ed886$exports, "focus-ring", () => $e20782d0579ed886$export$f39a09f249340e2a, (v) => $e20782d0579ed886$export$f39a09f249340e2a = v);
414
- $parcel$export($e20782d0579ed886$exports, "spectrum-Toast", () => $e20782d0579ed886$export$c8747d73d7954b9c, (v) => $e20782d0579ed886$export$c8747d73d7954b9c = v);
415
+ $parcel$export($e20782d0579ed886$exports, "react-spectrum-ToastContainer", () => $e20782d0579ed886$export$bed15bd1aa62542d, (v) => $e20782d0579ed886$export$bed15bd1aa62542d = v);
415
416
  $parcel$export($e20782d0579ed886$exports, "slide-in", () => $e20782d0579ed886$export$1c220dee9e4dbe34, (v) => $e20782d0579ed886$export$1c220dee9e4dbe34 = v);
416
- $parcel$export($e20782d0579ed886$exports, "fade-out", () => $e20782d0579ed886$export$f562fd61c53bdcd9, (v) => $e20782d0579ed886$export$f562fd61c53bdcd9 = v);
417
- var $e20782d0579ed886$export$bed15bd1aa62542d;
417
+ $parcel$export($e20782d0579ed886$exports, "spectrum-FocusRing-ring", () => $e20782d0579ed886$export$4109102f950813a6, (v) => $e20782d0579ed886$export$4109102f950813a6 = v);
418
+ $parcel$export($e20782d0579ed886$exports, "spectrum-FocusRing", () => $e20782d0579ed886$export$24c7f46a6e3605dd, (v) => $e20782d0579ed886$export$24c7f46a6e3605dd = v);
419
+ $parcel$export($e20782d0579ed886$exports, "spectrum-FocusRing--quiet", () => $e20782d0579ed886$export$2927016961429360, (v) => $e20782d0579ed886$export$2927016961429360 = v);
420
+ $parcel$export($e20782d0579ed886$exports, "spectrum-Toast", () => $e20782d0579ed886$export$c8747d73d7954b9c, (v) => $e20782d0579ed886$export$c8747d73d7954b9c = v);
421
+ var $e20782d0579ed886$export$f562fd61c53bdcd9;
418
422
  var $e20782d0579ed886$export$f39a09f249340e2a;
419
- var $e20782d0579ed886$export$c8747d73d7954b9c;
423
+ var $e20782d0579ed886$export$bed15bd1aa62542d;
420
424
  var $e20782d0579ed886$export$1c220dee9e4dbe34;
421
- var $e20782d0579ed886$export$f562fd61c53bdcd9;
422
- $e20782d0579ed886$export$bed15bd1aa62542d = "react-spectrum-ToastContainer_21a698";
423
- $e20782d0579ed886$export$f39a09f249340e2a = "focus-ring_21a698";
424
- $e20782d0579ed886$export$c8747d73d7954b9c = "spectrum-Toast_21a698";
425
- $e20782d0579ed886$export$1c220dee9e4dbe34 = "slide-in_21a698";
426
- $e20782d0579ed886$export$f562fd61c53bdcd9 = "fade-out_21a698";
425
+ var $e20782d0579ed886$export$4109102f950813a6;
426
+ var $e20782d0579ed886$export$24c7f46a6e3605dd;
427
+ var $e20782d0579ed886$export$2927016961429360;
428
+ var $e20782d0579ed886$export$c8747d73d7954b9c;
429
+ $e20782d0579ed886$export$f562fd61c53bdcd9 = `xynrca_fade-out`;
430
+ $e20782d0579ed886$export$f562fd61c53bdcd9;
431
+ $e20782d0579ed886$export$f39a09f249340e2a = `xynrca_focus-ring`;
432
+ $e20782d0579ed886$export$bed15bd1aa62542d = `xynrca_react-spectrum-ToastContainer`;
433
+ $e20782d0579ed886$export$1c220dee9e4dbe34 = `xynrca_slide-in`;
434
+ $e20782d0579ed886$export$1c220dee9e4dbe34;
435
+ $e20782d0579ed886$export$4109102f950813a6 = `xynrca_spectrum-FocusRing-ring`;
436
+ $e20782d0579ed886$export$24c7f46a6e3605dd = `xynrca_spectrum-FocusRing ${$e20782d0579ed886$export$4109102f950813a6}`;
437
+ $e20782d0579ed886$export$2927016961429360 = `xynrca_spectrum-FocusRing--quiet`;
438
+ $e20782d0579ed886$export$c8747d73d7954b9c = `xynrca_spectrum-Toast ${$e20782d0579ed886$export$24c7f46a6e3605dd}`;
439
+
440
+
441
+ /*
442
+ * Copyright 2020 Adobe. All rights reserved.
443
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
444
+ * you may not use this file except in compliance with the License. You may obtain a copy
445
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
446
+ *
447
+ * Unless required by applicable law or agreed to in writing, software distributed under
448
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
449
+ * OF ANY KIND, either express or implied. See the License for the specific language
450
+ * governing permissions and limitations under the License.
451
+ */
452
+
453
+
454
+
455
+
456
+
457
+
458
+
459
+ const $5b9f2c86c1b1395c$export$9194c0aa0cd7a9ff = /*#__PURE__*/ (0, $9Oq2J$react.createContext)(false);
460
+ function $5b9f2c86c1b1395c$export$fb98e3a2a4cd92d7(props) {
461
+ let { children: children, state: state } = props;
462
+ let ref = (0, $9Oq2J$react.useRef)();
463
+ let { regionProps: regionProps } = (0, $9Oq2J$reactariatoast.useToastRegion)(props, state, ref);
464
+ let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $9Oq2J$reactariafocus.useFocusRing)();
465
+ let contents = /*#__PURE__*/ (0, ($parcel$interopDefault($9Oq2J$react))).createElement((0, $9Oq2J$reactspectrumprovider.Provider), {
466
+ UNSAFE_style: {
467
+ background: "transparent"
468
+ }
469
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($9Oq2J$react))).createElement($5b9f2c86c1b1395c$export$9194c0aa0cd7a9ff.Provider, {
470
+ value: isFocusVisible
471
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($9Oq2J$react))).createElement("div", {
472
+ ...(0, $9Oq2J$reactariautils.mergeProps)(regionProps, focusProps),
473
+ ref: ref,
474
+ "data-position": "bottom",
475
+ "data-placement": "center",
476
+ className: (0, $9Oq2J$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($e20782d0579ed886$exports))), "react-spectrum-ToastContainer")
477
+ }, children)));
478
+ return /*#__PURE__*/ (0, ($parcel$interopDefault($9Oq2J$reactdom))).createPortal(contents, document.body);
479
+ }
427
480
 
428
481
 
429
482
 
@@ -434,13 +487,15 @@ const $6c5bd1047ecc310e$export$fde44257752a9f60 = {
434
487
  positive: (0, ($parcel$interopDefault($9Oq2J$spectrumiconsuiSuccessMedium)))
435
488
  };
436
489
  function $6c5bd1047ecc310e$var$Toast(props, ref) {
437
- let { toast: { key: key , animation: animation , content: { children: children , variant: variant , actionLabel: actionLabel , onAction: onAction , shouldCloseOnAction: shouldCloseOnAction } } , state: state , ...otherProps } = props;
490
+ var _state_visibleToasts_;
491
+ let { toast: { key: key, animation: animation, content: { children: children, variant: variant, actionLabel: actionLabel, onAction: onAction, shouldCloseOnAction: shouldCloseOnAction } }, state: state, ...otherProps } = props;
438
492
  let domRef = (0, $9Oq2J$reactspectrumutils.useDOMRef)(ref);
439
- let { closeButtonProps: closeButtonProps , titleProps: titleProps , toastProps: toastProps } = (0, $9Oq2J$reactariatoast.useToast)(props, state, domRef);
440
- let { styleProps: styleProps } = (0, $9Oq2J$reactspectrumutils.useStyleProps)(otherProps);
493
+ let { closeButtonProps: closeButtonProps, titleProps: titleProps, toastProps: toastProps } = (0, $9Oq2J$reactariatoast.useToast)(props, state, domRef);
494
+ let { styleProps: styleProps } = (0, $9Oq2J$reactspectrumutils.useStyleProps)(otherProps);
441
495
  let stringFormatter = (0, $9Oq2J$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($1e709ec471c88b75$exports))));
442
496
  let iconLabel = variant && variant !== "neutral" ? stringFormatter.format(variant) : null;
443
497
  let Icon = $6c5bd1047ecc310e$export$fde44257752a9f60[variant];
498
+ let isFocusVisible = (0, $9Oq2J$react.useContext)((0, $5b9f2c86c1b1395c$export$9194c0aa0cd7a9ff));
444
499
  const handleAction = ()=>{
445
500
  if (onAction) onAction();
446
501
  if (shouldCloseOnAction) state.close(key);
@@ -451,7 +506,9 @@ function $6c5bd1047ecc310e$var$Toast(props, ref) {
451
506
  ref: domRef,
452
507
  className: (0, $9Oq2J$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($b6e6aa676f8f9e47$exports))), "spectrum-Toast", {
453
508
  ["spectrum-Toast--" + variant]: variant
454
- }, styleProps.className, (0, $9Oq2J$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($e20782d0579ed886$exports))), "spectrum-Toast")),
509
+ }, styleProps.className, (0, $9Oq2J$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($e20782d0579ed886$exports))), "spectrum-Toast", {
510
+ "focus-ring": props.toast.key === ((_state_visibleToasts_ = state.visibleToasts[0]) === null || _state_visibleToasts_ === void 0 ? void 0 : _state_visibleToasts_.key) && isFocusVisible
511
+ })),
455
512
  style: {
456
513
  ...styleProps.style,
457
514
  zIndex: props.toast.priority
@@ -483,44 +540,6 @@ function $6c5bd1047ecc310e$var$Toast(props, ref) {
483
540
  let $6c5bd1047ecc310e$export$8d8dc7d5f743331b = /*#__PURE__*/ (0, ($parcel$interopDefault($9Oq2J$react))).forwardRef($6c5bd1047ecc310e$var$Toast);
484
541
 
485
542
 
486
- /*
487
- * Copyright 2020 Adobe. All rights reserved.
488
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
489
- * you may not use this file except in compliance with the License. You may obtain a copy
490
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
491
- *
492
- * Unless required by applicable law or agreed to in writing, software distributed under
493
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
494
- * OF ANY KIND, either express or implied. See the License for the specific language
495
- * governing permissions and limitations under the License.
496
- */
497
-
498
-
499
-
500
-
501
-
502
-
503
- function $5b9f2c86c1b1395c$export$fb98e3a2a4cd92d7(props) {
504
- let { children: children , state: state } = props;
505
- let containerPlacement = (0, $9Oq2J$reactspectrumutils.useIsMobileDevice)() ? "center" : "right";
506
- let ref = (0, $9Oq2J$react.useRef)();
507
- let { regionProps: regionProps } = (0, $9Oq2J$reactariatoast.useToastRegion)(props, state, ref);
508
- let contents = /*#__PURE__*/ (0, ($parcel$interopDefault($9Oq2J$react))).createElement((0, $9Oq2J$reactspectrumprovider.Provider), {
509
- UNSAFE_style: {
510
- background: "transparent"
511
- }
512
- }, /*#__PURE__*/ (0, ($parcel$interopDefault($9Oq2J$react))).createElement((0, $9Oq2J$reactariafocus.FocusRing), {
513
- focusRingClass: (0, $9Oq2J$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($e20782d0579ed886$exports))), "focus-ring")
514
- }, /*#__PURE__*/ (0, ($parcel$interopDefault($9Oq2J$react))).createElement("div", {
515
- ...regionProps,
516
- ref: ref,
517
- "data-position": "bottom",
518
- "data-placement": containerPlacement,
519
- className: (0, $9Oq2J$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($e20782d0579ed886$exports))), "react-spectrum-ToastContainer")
520
- }, children)));
521
- return /*#__PURE__*/ (0, ($parcel$interopDefault($9Oq2J$reactdom))).createPortal(contents, document.body);
522
- }
523
-
524
543
 
525
544
 
526
545