@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 +97 -78
- package/dist/main.css +1 -1
- package/dist/main.js +95 -76
- package/dist/main.js.map +1 -1
- package/dist/module.js +97 -78
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts.map +1 -1
- package/package.json +10 -9
- package/src/Toast.tsx +5 -2
- package/src/Toaster.tsx +11 -8
- package/src/toastContainer.css +5 -11
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
|
|
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 {
|
|
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
|
|
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
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
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$
|
|
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$
|
|
395
|
-
$e05a169dc2f4f928$export$
|
|
396
|
-
$e05a169dc2f4f928$export$454f092ca47c3462
|
|
397
|
-
$e05a169dc2f4f928$export$
|
|
398
|
-
$e05a169dc2f4f928$export$1db4cca5b4ade39a =
|
|
399
|
-
$e05a169dc2f4f928$export$b752ce409e5660c =
|
|
400
|
-
$e05a169dc2f4f928$export$
|
|
401
|
-
$e05a169dc2f4f928$export$
|
|
402
|
-
$e05a169dc2f4f928$export$
|
|
403
|
-
$e05a169dc2f4f928$export$5c8e63d2763f4a55 =
|
|
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, "
|
|
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-
|
|
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, "
|
|
414
|
-
|
|
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$
|
|
420
|
+
var $f3b51ac952d4aeac$export$bed15bd1aa62542d;
|
|
417
421
|
var $f3b51ac952d4aeac$export$1c220dee9e4dbe34;
|
|
418
|
-
var $f3b51ac952d4aeac$export$
|
|
419
|
-
$f3b51ac952d4aeac$export$
|
|
420
|
-
$f3b51ac952d4aeac$export$
|
|
421
|
-
$f3b51ac952d4aeac$export$c8747d73d7954b9c
|
|
422
|
-
$f3b51ac952d4aeac$export$
|
|
423
|
-
$f3b51ac952d4aeac$export$f562fd61c53bdcd9
|
|
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
|
-
|
|
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
|
|
437
|
-
let { styleProps: styleProps
|
|
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$
|
|
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
|
|
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
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
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$
|
|
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$
|
|
398
|
-
$b6e6aa676f8f9e47$export$
|
|
399
|
-
$b6e6aa676f8f9e47$export$454f092ca47c3462
|
|
400
|
-
$b6e6aa676f8f9e47$export$
|
|
401
|
-
$b6e6aa676f8f9e47$export$1db4cca5b4ade39a =
|
|
402
|
-
$b6e6aa676f8f9e47$export$b752ce409e5660c =
|
|
403
|
-
$b6e6aa676f8f9e47$export$
|
|
404
|
-
$b6e6aa676f8f9e47$export$
|
|
405
|
-
$b6e6aa676f8f9e47$export$
|
|
406
|
-
$b6e6aa676f8f9e47$export$5c8e63d2763f4a55 =
|
|
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, "
|
|
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-
|
|
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, "
|
|
417
|
-
|
|
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$
|
|
423
|
+
var $e20782d0579ed886$export$bed15bd1aa62542d;
|
|
420
424
|
var $e20782d0579ed886$export$1c220dee9e4dbe34;
|
|
421
|
-
var $e20782d0579ed886$export$
|
|
422
|
-
$e20782d0579ed886$export$
|
|
423
|
-
$e20782d0579ed886$export$
|
|
424
|
-
$e20782d0579ed886$export$c8747d73d7954b9c
|
|
425
|
-
$e20782d0579ed886$export$
|
|
426
|
-
$e20782d0579ed886$export$f562fd61c53bdcd9
|
|
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
|
-
|
|
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
|
|
440
|
-
let { styleProps: styleProps
|
|
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
|
|