@react-spectrum/toast 3.0.0-beta.11 → 3.0.0-beta.13

package/dist/ToastContainer.module.js

@@ -1,10 +1,17 @@
 import {Toast as $7e7a2952509f3a56$export$8d8dc7d5f743331b} from "./Toast.module.js";
+import "./toastContainer.da404f80.css";
+import $5lmgI$toastContainer_cssmodulejs from "./toastContainer_css.module.js";
 import {Toaster as $e46feef4e4c28a4b$export$fb98e3a2a4cd92d7} from "./Toaster.module.js";
+import {classNames as $5lmgI$classNames} from "@react-spectrum/utils";
 import {filterDOMProps as $5lmgI$filterDOMProps} from "@react-aria/utils";
 import $5lmgI$react, {useRef as $5lmgI$useRef, useEffect as $5lmgI$useEffect} from "react";
 import {ToastQueue as $5lmgI$ToastQueue, useToastQueue as $5lmgI$useToastQueue} from "@react-stately/toast";
 import {useSyncExternalStore as $5lmgI$useSyncExternalStore} from "use-sync-external-store/shim/index.js";
 
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -21,6 +28,8 @@ import {useSyncExternalStore as $5lmgI$useSyncExternalStore} from "use-sync-exte
 
 
 
+
+
 // There is a single global toast queue instance for the whole app, initialized lazily.
 let $02c59b34bd70955a$var$globalToastQueue = null;
 function $02c59b34bd70955a$var$getGlobalToastQueue() {
@@ -53,7 +62,7 @@ function $02c59b34bd70955a$export$f2815235e76a62b9(props) {
     // Only the first one will actually render.
     // We use a ref to do this, since it will have a stable identity
     // over the lifetime of the component.
-    let ref = (0, $5lmgI$useRef)();
+    let ref = (0, $5lmgI$useRef)(undefined);
     // eslint-disable-next-line arrow-body-style
     (0, $5lmgI$useEffect)(()=>{
         $02c59b34bd70955a$var$toastProviders.add(ref);
@@ -75,17 +84,21 @@ function $02c59b34bd70955a$export$f2815235e76a62b9(props) {
     if (ref === activeToastContainer && state.visibleToasts.length > 0) return /*#__PURE__*/ (0, $5lmgI$react).createElement((0, $e46feef4e4c28a4b$export$fb98e3a2a4cd92d7), {
         state: state,
         ...props
-    }, state.visibleToasts.map((toast)=>/*#__PURE__*/ (0, $5lmgI$react).createElement((0, $7e7a2952509f3a56$export$8d8dc7d5f743331b), {
+    }, /*#__PURE__*/ (0, $5lmgI$react).createElement("ol", {
+        className: (0, $5lmgI$classNames)((0, ($parcel$interopDefault($5lmgI$toastContainer_cssmodulejs))), 'spectrum-ToastContainer-list')
+    }, state.visibleToasts.slice().reverse().map((toast)=>/*#__PURE__*/ (0, $5lmgI$react).createElement("li", {
             key: toast.key,
+            className: (0, $5lmgI$classNames)((0, ($parcel$interopDefault($5lmgI$toastContainer_cssmodulejs))), 'spectrum-ToastContainer-listitem')
+        }, /*#__PURE__*/ (0, $5lmgI$react).createElement((0, $7e7a2952509f3a56$export$8d8dc7d5f743331b), {
             toast: toast,
             state: state
-        })));
+        })))));
     return null;
 }
 function $02c59b34bd70955a$var$addToast(children, variant, options = {}) {
     // Dispatch a custom event so that toasts can be intercepted and re-targeted, e.g. when inside an iframe.
-    if (typeof CustomEvent !== "undefined" && typeof window !== "undefined") {
-        let event = new CustomEvent("react-spectrum-toast", {
+    if (typeof CustomEvent !== 'undefined' && typeof window !== 'undefined') {
+        let event = new CustomEvent('react-spectrum-toast', {
             cancelable: true,
             bubbles: true,
             detail: {
@@ -118,16 +131,16 @@ function $02c59b34bd70955a$var$addToast(children, variant, options = {}) {
 }
 const $02c59b34bd70955a$export$f1f8569633bbbec4 = {
     /** Queues a neutral toast. */ neutral (children, options = {}) {
-        return $02c59b34bd70955a$var$addToast(children, "neutral", options);
+        return $02c59b34bd70955a$var$addToast(children, 'neutral', options);
     },
     /** Queues a positive toast. */ positive (children, options = {}) {
-        return $02c59b34bd70955a$var$addToast(children, "positive", options);
+        return $02c59b34bd70955a$var$addToast(children, 'positive', options);
     },
     /** Queues a negative toast. */ negative (children, options = {}) {
-        return $02c59b34bd70955a$var$addToast(children, "negative", options);
+        return $02c59b34bd70955a$var$addToast(children, 'negative', options);
     },
     /** Queues an informational toast. */ info (children, options = {}) {
-        return $02c59b34bd70955a$var$addToast(children, "info", options);
+        return $02c59b34bd70955a$var$addToast(children, 'info', options);
     }
 };
 

package/dist/ToastContainer.module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/toast/src/ToastContainer.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaToastRegionProps} from '@react-aria/toast';\nimport {DOMProps} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\nimport React, {ReactElement, useEffect, useRef} from 'react';\nimport {SpectrumToastValue, Toast} from './Toast';\nimport {Toaster} from './Toaster';\nimport {ToastOptions, ToastQueue, useToastQueue} from '@react-stately/toast';\nimport {useSyncExternalStore} from 'use-sync-external-store/shim/index.js';\n\nexport interface SpectrumToastContainerProps extends AriaToastRegionProps {}\n\nexport interface SpectrumToastOptions extends Omit<ToastOptions, 'priority'>, DOMProps {\n  /** A label for the action button within the toast. */\n  actionLabel?: string,\n  /** Handler that is called when the action button is pressed. */\n  onAction?: () => void,\n  /** Whether the toast should automatically close when an action is performed. */\n  shouldCloseOnAction?: boolean\n}\n\ntype CloseFunction = () => void;\n\n// There is a single global toast queue instance for the whole app, initialized lazily.\nlet globalToastQueue: ToastQueue<SpectrumToastValue> | null = null;\nfunction getGlobalToastQueue() {\n  if (!globalToastQueue) {\n    globalToastQueue = new ToastQueue({\n      maxVisibleToasts: Infinity,\n      hasExitAnimation: true\n    });\n  }\n\n  return globalToastQueue;\n}\n\n// For testing. Not exported from the package index.\nexport function clearToastQueue() {\n  globalToastQueue = null;\n}\n\nlet toastProviders = new Set();\nlet subscriptions = new Set<() => void>();\nfunction subscribe(fn: () => void) {\n  subscriptions.add(fn);\n  return () => subscriptions.delete(fn);\n}\n\nfunction triggerSubscriptions() {\n  for (let fn of subscriptions) {\n    fn();\n  }\n}\n\nfunction getActiveToastContainer() {\n  return toastProviders.values().next().value;\n}\n\nfunction useActiveToastContainer() {\n  return useSyncExternalStore(subscribe, getActiveToastContainer, getActiveToastContainer);\n}\n\n/**\n * A ToastContainer renders the queued toasts in an application. It should be placed\n * at the root of the app.\n */\nexport function ToastContainer(props: SpectrumToastContainerProps): ReactElement {\n  // Track all toast provider instances in a set.\n  // Only the first one will actually render.\n  // We use a ref to do this, since it will have a stable identity\n  // over the lifetime of the component.\n  let ref = useRef();\n\n  // eslint-disable-next-line arrow-body-style\n  useEffect(() => {\n    toastProviders.add(ref);\n    triggerSubscriptions();\n\n    return () => {\n      // When this toast provider unmounts, reset all animations so that\n      // when the new toast provider renders, it is seamless.\n      for (let toast of getGlobalToastQueue().visibleToasts) {\n        toast.animation = null;\n      }\n\n      // Remove this toast provider, and call subscriptions.\n      // This will cause all other instances to re-render,\n      // and the first one to become the new active toast provider.\n      toastProviders.delete(ref);\n      triggerSubscriptions();\n    };\n  }, []);\n\n  // Only render if this is the active toast provider instance, and there are visible toasts.\n  let activeToastContainer = useActiveToastContainer();\n  let state = useToastQueue(getGlobalToastQueue());\n  if (ref === activeToastContainer && state.visibleToasts.length > 0) {\n    return (\n      <Toaster state={state} {...props}>\n        {state.visibleToasts.map((toast) => (\n          <Toast\n            key={toast.key}\n            toast={toast}\n            state={state} />\n        ))}\n      </Toaster>\n    );\n  }\n\n  return null;\n}\n\nfunction addToast(children: string, variant: SpectrumToastValue['variant'], options: SpectrumToastOptions = {}) {\n  // Dispatch a custom event so that toasts can be intercepted and re-targeted, e.g. when inside an iframe.\n  if (typeof CustomEvent !== 'undefined' && typeof window !== 'undefined') {\n    let event = new CustomEvent('react-spectrum-toast', {\n      cancelable: true,\n      bubbles: true,\n      detail: {\n        children,\n        variant,\n        options\n      }\n    });\n\n    let shouldContinue = window.dispatchEvent(event);\n    if (!shouldContinue) {\n      return;\n    }\n  }\n\n  let value = {\n    children,\n    variant,\n    actionLabel: options.actionLabel,\n    onAction: options.onAction,\n    shouldCloseOnAction: options.shouldCloseOnAction,\n    ...filterDOMProps(options)\n  };\n\n  // Minimum time of 5s from https://spectrum.adobe.com/page/toast/#Auto-dismissible\n  // Actionable toasts cannot be auto dismissed. That would fail WCAG SC 2.2.1.\n  // It is debatable whether non-actionable toasts would also fail.\n  let timeout = options.timeout && !options.onAction ? Math.max(options.timeout, 5000) : null;\n  let queue = getGlobalToastQueue();\n  let key = queue.add(value, {timeout, onClose: options.onClose});\n  return () => queue.close(key);\n}\n\nconst SpectrumToastQueue = {\n  /** Queues a neutral toast. */\n  neutral(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'neutral', options);\n  },\n  /** Queues a positive toast. */\n  positive(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'positive', options);\n  },\n  /** Queues a negative toast. */\n  negative(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'negative', options);\n  },\n  /** Queues an informational toast. */\n  info(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'info', options);\n  }\n};\n\nexport {SpectrumToastQueue as ToastQueue};\n"],"names":[],"version":3,"file":"ToastContainer.module.js.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/toast/src/ToastContainer.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaToastRegionProps} from '@react-aria/toast';\nimport {classNames} from '@react-spectrum/utils';\nimport {DOMProps} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\nimport React, {ReactElement, useEffect, useRef} from 'react';\nimport {SpectrumToastValue, Toast} from './Toast';\nimport toastContainerStyles from './toastContainer.css';\nimport {Toaster} from './Toaster';\nimport {ToastOptions, ToastQueue, useToastQueue} from '@react-stately/toast';\nimport {useSyncExternalStore} from 'use-sync-external-store/shim/index.js';\n\nexport interface SpectrumToastContainerProps extends AriaToastRegionProps {}\n\nexport interface SpectrumToastOptions extends Omit<ToastOptions, 'priority'>, DOMProps {\n  /** A label for the action button within the toast. */\n  actionLabel?: string,\n  /** Handler that is called when the action button is pressed. */\n  onAction?: () => void,\n  /** Whether the toast should automatically close when an action is performed. */\n  shouldCloseOnAction?: boolean\n}\n\ntype CloseFunction = () => void;\n\n// There is a single global toast queue instance for the whole app, initialized lazily.\nlet globalToastQueue: ToastQueue<SpectrumToastValue> | null = null;\nfunction getGlobalToastQueue() {\n  if (!globalToastQueue) {\n    globalToastQueue = new ToastQueue({\n      maxVisibleToasts: Infinity,\n      hasExitAnimation: true\n    });\n  }\n\n  return globalToastQueue;\n}\n\n// For testing. Not exported from the package index.\nexport function clearToastQueue() {\n  globalToastQueue = null;\n}\n\nlet toastProviders = new Set();\nlet subscriptions = new Set<() => void>();\nfunction subscribe(fn: () => void) {\n  subscriptions.add(fn);\n  return () => subscriptions.delete(fn);\n}\n\nfunction triggerSubscriptions() {\n  for (let fn of subscriptions) {\n    fn();\n  }\n}\n\nfunction getActiveToastContainer() {\n  return toastProviders.values().next().value;\n}\n\nfunction useActiveToastContainer() {\n  return useSyncExternalStore(subscribe, getActiveToastContainer, getActiveToastContainer);\n}\n\n/**\n * A ToastContainer renders the queued toasts in an application. It should be placed\n * at the root of the app.\n */\nexport function ToastContainer(props: SpectrumToastContainerProps): ReactElement {\n  // Track all toast provider instances in a set.\n  // Only the first one will actually render.\n  // We use a ref to do this, since it will have a stable identity\n  // over the lifetime of the component.\n  let ref = useRef(undefined);\n\n  // eslint-disable-next-line arrow-body-style\n  useEffect(() => {\n    toastProviders.add(ref);\n    triggerSubscriptions();\n\n    return () => {\n      // When this toast provider unmounts, reset all animations so that\n      // when the new toast provider renders, it is seamless.\n      for (let toast of getGlobalToastQueue().visibleToasts) {\n        toast.animation = null;\n      }\n\n      // Remove this toast provider, and call subscriptions.\n      // This will cause all other instances to re-render,\n      // and the first one to become the new active toast provider.\n      toastProviders.delete(ref);\n      triggerSubscriptions();\n    };\n  }, []);\n\n  // Only render if this is the active toast provider instance, and there are visible toasts.\n  let activeToastContainer = useActiveToastContainer();\n  let state = useToastQueue(getGlobalToastQueue());\n\n  if (ref === activeToastContainer && state.visibleToasts.length > 0) {\n    return (\n      <Toaster state={state} {...props}>\n        <ol className={classNames(toastContainerStyles, 'spectrum-ToastContainer-list')}>\n          {state.visibleToasts.slice().reverse().map((toast) => (\n            <li\n              key={toast.key}\n              className={classNames(toastContainerStyles, 'spectrum-ToastContainer-listitem')}>\n              <Toast\n                toast={toast}\n                state={state} />\n            </li>\n          ))}\n        </ol>\n      </Toaster>\n    );\n  }\n\n  return null;\n}\n\nfunction addToast(children: string, variant: SpectrumToastValue['variant'], options: SpectrumToastOptions = {}) {\n  // Dispatch a custom event so that toasts can be intercepted and re-targeted, e.g. when inside an iframe.\n  if (typeof CustomEvent !== 'undefined' && typeof window !== 'undefined') {\n    let event = new CustomEvent('react-spectrum-toast', {\n      cancelable: true,\n      bubbles: true,\n      detail: {\n        children,\n        variant,\n        options\n      }\n    });\n\n    let shouldContinue = window.dispatchEvent(event);\n    if (!shouldContinue) {\n      return;\n    }\n  }\n\n  let value = {\n    children,\n    variant,\n    actionLabel: options.actionLabel,\n    onAction: options.onAction,\n    shouldCloseOnAction: options.shouldCloseOnAction,\n    ...filterDOMProps(options)\n  };\n\n  // Minimum time of 5s from https://spectrum.adobe.com/page/toast/#Auto-dismissible\n  // Actionable toasts cannot be auto dismissed. That would fail WCAG SC 2.2.1.\n  // It is debatable whether non-actionable toasts would also fail.\n  let timeout = options.timeout && !options.onAction ? Math.max(options.timeout, 5000) : null;\n  let queue = getGlobalToastQueue();\n  let key = queue.add(value, {timeout, onClose: options.onClose});\n  return () => queue.close(key);\n}\n\nconst SpectrumToastQueue = {\n  /** Queues a neutral toast. */\n  neutral(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'neutral', options);\n  },\n  /** Queues a positive toast. */\n  positive(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'positive', options);\n  },\n  /** Queues a negative toast. */\n  negative(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'negative', options);\n  },\n  /** Queues an informational toast. */\n  info(children: string, options: SpectrumToastOptions = {}): CloseFunction {\n    return addToast(children, 'info', options);\n  }\n};\n\nexport {SpectrumToastQueue as ToastQueue};\n"],"names":[],"version":3,"file":"ToastContainer.module.js.map"}

package/dist/Toaster.main.js

@@ -1,12 +1,12 @@
-require("./toastContainer.b596792c.css");
+require("./toastContainer.da404f80.css");
 var $e20782d0579ed886$exports = require("./toastContainer_css.main.js");
 var $acAHv$reactariatoast = require("@react-aria/toast");
 var $acAHv$reactspectrumutils = require("@react-spectrum/utils");
+var $acAHv$reactariafocus = require("@react-aria/focus");
 var $acAHv$reactariautils = require("@react-aria/utils");
 var $acAHv$reactspectrumprovider = require("@react-spectrum/provider");
 var $acAHv$react = require("react");
 var $acAHv$reactdom = require("react-dom");
-var $acAHv$reactariafocus = require("@react-aria/focus");
 var $acAHv$reactariaoverlays = require("@react-aria/overlays");
 
 
@@ -18,7 +18,6 @@ function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-$parcel$export(module.exports, "ToasterContext", () => $5b9f2c86c1b1395c$export$9194c0aa0cd7a9ff);
 $parcel$export(module.exports, "Toaster", () => $5b9f2c86c1b1395c$export$fb98e3a2a4cd92d7);
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -42,23 +41,25 @@ $parcel$export(module.exports, "Toaster", () => $5b9f2c86c1b1395c$export$fb98e3a
 const $5b9f2c86c1b1395c$export$9194c0aa0cd7a9ff = /*#__PURE__*/ (0, $acAHv$react.createContext)(false);
 function $5b9f2c86c1b1395c$export$fb98e3a2a4cd92d7(props) {
     let { children: children, state: state } = props;
-    let ref = (0, $acAHv$react.useRef)();
+    let ref = (0, $acAHv$react.useRef)(undefined);
     let { regionProps: regionProps } = (0, $acAHv$reactariatoast.useToastRegion)(props, state, ref);
     let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $acAHv$reactariafocus.useFocusRing)();
     let { getContainer: getContainer } = (0, $acAHv$reactariaoverlays.useUNSTABLE_PortalContext)();
     let contents = /*#__PURE__*/ (0, ($parcel$interopDefault($acAHv$react))).createElement((0, $acAHv$reactspectrumprovider.Provider), {
         UNSAFE_style: {
-            background: "transparent"
+            background: 'transparent'
         }
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($acAHv$react))).createElement($5b9f2c86c1b1395c$export$9194c0aa0cd7a9ff.Provider, {
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($acAHv$react))).createElement((0, $acAHv$reactariafocus.FocusScope), null, /*#__PURE__*/ (0, ($parcel$interopDefault($acAHv$react))).createElement($5b9f2c86c1b1395c$export$9194c0aa0cd7a9ff.Provider, {
         value: isFocusVisible
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($acAHv$react))).createElement("div", {
         ...(0, $acAHv$reactariautils.mergeProps)(regionProps, focusProps),
         ref: ref,
         "data-position": "bottom",
         "data-placement": "center",
-        className: (0, $acAHv$reactspectrumutils.classNames)((0, ($parcel$interopDefault($e20782d0579ed886$exports))), "react-spectrum-ToastContainer")
-    }, children)));
+        className: (0, $acAHv$reactspectrumutils.classNames)((0, ($parcel$interopDefault($e20782d0579ed886$exports))), 'react-spectrum-ToastContainer', {
+            'focus-ring': isFocusVisible
+        })
+    }, children))));
     var _getContainer;
     return /*#__PURE__*/ (0, ($parcel$interopDefault($acAHv$reactdom))).createPortal(contents, (_getContainer = getContainer === null || getContainer === void 0 ? void 0 : getContainer()) !== null && _getContainer !== void 0 ? _getContainer : document.body);
 }

package/dist/Toaster.main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AAkBM,MAAM,0DAAiB,CAAA,GAAA,0BAAY,EAAE;AAErC,SAAS,0CAAQ,KAA0B;IAChD,IAAI,YACF,QAAQ,SACR,KAAK,EACN,GAAG;IAEJ,IAAI,MAAM,CAAA,GAAA,mBAAK;IACf,IAAI,eAAC,WAAW,EAAC,GAAG,CAAA,GAAA,oCAAa,EAAE,OAAO,OAAO;IACjD,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,kCAAW;IAC9C,IAAI,gBAAC,YAAY,EAAC,GAAG,CAAA,GAAA,kDAAwB;IAE7C,IAAI,yBACF,0DAAC,CAAA,GAAA,qCAAO;QAAE,cAAc;YAAC,YAAY;QAAa;qBAChD,0DAAC,0CAAe,QAAQ;QAAC,OAAO;qBAC9B,0DAAC;QACE,GAAG,CAAA,GAAA,gCAAS,EAAE,aAAa,WAAW;QACvC,KAAK;QACL,iBAAc;QACd,kBAAe;QACf,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,mDAAmB,GACnB;OAED;QAM8B;IAAvC,qBAAO,CAAA,GAAA,yCAAO,EAAE,YAAY,CAAC,UAAU,CAAA,gBAAA,yBAAA,mCAAA,4BAAA,2BAAA,gBAAoB,SAAS,IAAI;AAC1E","sources":["packages/@react-spectrum/toast/src/Toaster.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaToastRegionProps, useToastRegion} from '@react-aria/toast';\nimport {classNames} from '@react-spectrum/utils';\nimport {mergeProps} from '@react-aria/utils';\nimport {Provider} from '@react-spectrum/provider';\nimport React, {createContext, ReactElement, ReactNode, useRef} from 'react';\nimport ReactDOM from 'react-dom';\nimport toastContainerStyles from './toastContainer.css';\nimport {ToastState} from '@react-stately/toast';\nimport {useFocusRing} from '@react-aria/focus';\nimport {useUNSTABLE_PortalContext} from '@react-aria/overlays';\n\ninterface ToastContainerProps extends AriaToastRegionProps {\n  children: ReactNode,\n  state: ToastState<unknown>\n}\n\nexport const ToasterContext = createContext(false);\n\nexport function Toaster(props: ToastContainerProps): ReactElement {\n  let {\n    children,\n    state\n  } = props;\n\n  let ref = useRef();\n  let {regionProps} = useToastRegion(props, state, ref);\n  let {focusProps, isFocusVisible} = useFocusRing();\n  let {getContainer} = useUNSTABLE_PortalContext();\n\n  let contents = (\n    <Provider UNSAFE_style={{background: 'transparent'}}>\n      <ToasterContext.Provider value={isFocusVisible}>\n        <div\n          {...mergeProps(regionProps, focusProps)}\n          ref={ref}\n          data-position=\"bottom\"\n          data-placement=\"center\"\n          className={classNames(\n            toastContainerStyles,\n            'react-spectrum-ToastContainer'\n          )}>\n          {children}\n        </div>\n      </ToasterContext.Provider>\n    </Provider>\n  );\n\n  return ReactDOM.createPortal(contents, getContainer?.() ?? document.body);\n}\n"],"names":[],"version":3,"file":"Toaster.main.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AAkBM,MAAM,0DAAiB,CAAA,GAAA,0BAAY,EAAE;AAErC,SAAS,0CAAQ,KAA0B;IAChD,IAAI,YACF,QAAQ,SACR,KAAK,EACN,GAAG;IAEJ,IAAI,MAAM,CAAA,GAAA,mBAAK,EAAE;IACjB,IAAI,eAAC,WAAW,EAAC,GAAG,CAAA,GAAA,oCAAa,EAAE,OAAO,OAAO;IACjD,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,kCAAW;IAC9C,IAAI,gBAAC,YAAY,EAAC,GAAG,CAAA,GAAA,kDAAwB;IAE7C,IAAI,yBACF,0DAAC,CAAA,GAAA,qCAAO;QAAE,cAAc;YAAC,YAAY;QAAa;qBAChD,0DAAC,CAAA,GAAA,gCAAS,uBACR,0DAAC,0CAAe,QAAQ;QAAC,OAAO;qBAC9B,0DAAC;QACE,GAAG,CAAA,GAAA,gCAAS,EAAE,aAAa,WAAW;QACvC,KAAK;QACL,iBAAc;QACd,kBAAe;QACf,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,mDAAmB,GACnB,iCACA;YAAC,cAAc;QAAc;OAE9B;QAO4B;IAAvC,qBAAO,CAAA,GAAA,yCAAO,EAAE,YAAY,CAAC,UAAU,CAAA,gBAAA,yBAAA,mCAAA,4BAAA,2BAAA,gBAAoB,SAAS,IAAI;AAC1E","sources":["packages/@react-spectrum/toast/src/Toaster.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaToastRegionProps, useToastRegion} from '@react-aria/toast';\nimport {classNames} from '@react-spectrum/utils';\nimport {FocusScope, useFocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport {Provider} from '@react-spectrum/provider';\nimport React, {createContext, ReactElement, ReactNode, useRef} from 'react';\nimport ReactDOM from 'react-dom';\nimport toastContainerStyles from './toastContainer.css';\nimport {ToastState} from '@react-stately/toast';\nimport {useUNSTABLE_PortalContext} from '@react-aria/overlays';\n\ninterface ToastContainerProps extends AriaToastRegionProps {\n  children: ReactNode,\n  state: ToastState<unknown>\n}\n\nexport const ToasterContext = createContext(false);\n\nexport function Toaster(props: ToastContainerProps): ReactElement {\n  let {\n    children,\n    state\n  } = props;\n\n  let ref = useRef(undefined);\n  let {regionProps} = useToastRegion(props, state, ref);\n  let {focusProps, isFocusVisible} = useFocusRing();\n  let {getContainer} = useUNSTABLE_PortalContext();\n\n  let contents = (\n    <Provider UNSAFE_style={{background: 'transparent'}}>\n      <FocusScope>\n        <ToasterContext.Provider value={isFocusVisible}>\n          <div\n            {...mergeProps(regionProps, focusProps)}\n            ref={ref}\n            data-position=\"bottom\"\n            data-placement=\"center\"\n            className={classNames(\n              toastContainerStyles,\n              'react-spectrum-ToastContainer',\n              {'focus-ring': isFocusVisible}\n            )}>\n            {children}\n          </div>\n        </ToasterContext.Provider>\n      </FocusScope>\n    </Provider>\n  );\n\n  return ReactDOM.createPortal(contents, getContainer?.() ?? document.body);\n}\n"],"names":[],"version":3,"file":"Toaster.main.js.map"}

package/dist/Toaster.mjs

@@ -1,12 +1,12 @@
-import "./toastContainer.b596792c.css";
+import "./toastContainer.da404f80.css";
 import $7Pdp8$toastContainer_cssmodulejs from "./toastContainer_css.mjs";
 import {useToastRegion as $7Pdp8$useToastRegion} from "@react-aria/toast";
 import {classNames as $7Pdp8$classNames} from "@react-spectrum/utils";
+import {useFocusRing as $7Pdp8$useFocusRing, FocusScope as $7Pdp8$FocusScope} from "@react-aria/focus";
 import {mergeProps as $7Pdp8$mergeProps} from "@react-aria/utils";
 import {Provider as $7Pdp8$Provider} from "@react-spectrum/provider";
 import $7Pdp8$react, {createContext as $7Pdp8$createContext, useRef as $7Pdp8$useRef} from "react";
 import $7Pdp8$reactdom from "react-dom";
-import {useFocusRing as $7Pdp8$useFocusRing} from "@react-aria/focus";
 import {useUNSTABLE_PortalContext as $7Pdp8$useUNSTABLE_PortalContext} from "@react-aria/overlays";
 
 
@@ -35,27 +35,29 @@ function $parcel$interopDefault(a) {
 const $e46feef4e4c28a4b$export$9194c0aa0cd7a9ff = /*#__PURE__*/ (0, $7Pdp8$createContext)(false);
 function $e46feef4e4c28a4b$export$fb98e3a2a4cd92d7(props) {
     let { children: children, state: state } = props;
-    let ref = (0, $7Pdp8$useRef)();
+    let ref = (0, $7Pdp8$useRef)(undefined);
     let { regionProps: regionProps } = (0, $7Pdp8$useToastRegion)(props, state, ref);
     let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $7Pdp8$useFocusRing)();
     let { getContainer: getContainer } = (0, $7Pdp8$useUNSTABLE_PortalContext)();
     let contents = /*#__PURE__*/ (0, $7Pdp8$react).createElement((0, $7Pdp8$Provider), {
         UNSAFE_style: {
-            background: "transparent"
+            background: 'transparent'
         }
-    }, /*#__PURE__*/ (0, $7Pdp8$react).createElement($e46feef4e4c28a4b$export$9194c0aa0cd7a9ff.Provider, {
+    }, /*#__PURE__*/ (0, $7Pdp8$react).createElement((0, $7Pdp8$FocusScope), null, /*#__PURE__*/ (0, $7Pdp8$react).createElement($e46feef4e4c28a4b$export$9194c0aa0cd7a9ff.Provider, {
         value: isFocusVisible
     }, /*#__PURE__*/ (0, $7Pdp8$react).createElement("div", {
         ...(0, $7Pdp8$mergeProps)(regionProps, focusProps),
         ref: ref,
         "data-position": "bottom",
         "data-placement": "center",
-        className: (0, $7Pdp8$classNames)((0, ($parcel$interopDefault($7Pdp8$toastContainer_cssmodulejs))), "react-spectrum-ToastContainer")
-    }, children)));
+        className: (0, $7Pdp8$classNames)((0, ($parcel$interopDefault($7Pdp8$toastContainer_cssmodulejs))), 'react-spectrum-ToastContainer', {
+            'focus-ring': isFocusVisible
+        })
+    }, children))));
     var _getContainer;
     return /*#__PURE__*/ (0, $7Pdp8$reactdom).createPortal(contents, (_getContainer = getContainer === null || getContainer === void 0 ? void 0 : getContainer()) !== null && _getContainer !== void 0 ? _getContainer : document.body);
 }
 
 
 export {$e46feef4e4c28a4b$export$9194c0aa0cd7a9ff as ToasterContext, $e46feef4e4c28a4b$export$fb98e3a2a4cd92d7 as Toaster};
-//# sourceMappingURL=Toaster.mjs.map
+//# sourceMappingURL=Toaster.module.js.map

package/dist/Toaster.module.js

@@ -1,12 +1,12 @@
-import "./toastContainer.b596792c.css";
+import "./toastContainer.da404f80.css";
 import $7Pdp8$toastContainer_cssmodulejs from "./toastContainer_css.module.js";
 import {useToastRegion as $7Pdp8$useToastRegion} from "@react-aria/toast";
 import {classNames as $7Pdp8$classNames} from "@react-spectrum/utils";
+import {useFocusRing as $7Pdp8$useFocusRing, FocusScope as $7Pdp8$FocusScope} from "@react-aria/focus";
 import {mergeProps as $7Pdp8$mergeProps} from "@react-aria/utils";
 import {Provider as $7Pdp8$Provider} from "@react-spectrum/provider";
 import $7Pdp8$react, {createContext as $7Pdp8$createContext, useRef as $7Pdp8$useRef} from "react";
 import $7Pdp8$reactdom from "react-dom";
-import {useFocusRing as $7Pdp8$useFocusRing} from "@react-aria/focus";
 import {useUNSTABLE_PortalContext as $7Pdp8$useUNSTABLE_PortalContext} from "@react-aria/overlays";
 
 
@@ -35,23 +35,25 @@ function $parcel$interopDefault(a) {
 const $e46feef4e4c28a4b$export$9194c0aa0cd7a9ff = /*#__PURE__*/ (0, $7Pdp8$createContext)(false);
 function $e46feef4e4c28a4b$export$fb98e3a2a4cd92d7(props) {
     let { children: children, state: state } = props;
-    let ref = (0, $7Pdp8$useRef)();
+    let ref = (0, $7Pdp8$useRef)(undefined);
     let { regionProps: regionProps } = (0, $7Pdp8$useToastRegion)(props, state, ref);
     let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $7Pdp8$useFocusRing)();
     let { getContainer: getContainer } = (0, $7Pdp8$useUNSTABLE_PortalContext)();
     let contents = /*#__PURE__*/ (0, $7Pdp8$react).createElement((0, $7Pdp8$Provider), {
         UNSAFE_style: {
-            background: "transparent"
+            background: 'transparent'
         }
-    }, /*#__PURE__*/ (0, $7Pdp8$react).createElement($e46feef4e4c28a4b$export$9194c0aa0cd7a9ff.Provider, {
+    }, /*#__PURE__*/ (0, $7Pdp8$react).createElement((0, $7Pdp8$FocusScope), null, /*#__PURE__*/ (0, $7Pdp8$react).createElement($e46feef4e4c28a4b$export$9194c0aa0cd7a9ff.Provider, {
         value: isFocusVisible
     }, /*#__PURE__*/ (0, $7Pdp8$react).createElement("div", {
         ...(0, $7Pdp8$mergeProps)(regionProps, focusProps),
         ref: ref,
         "data-position": "bottom",
         "data-placement": "center",
-        className: (0, $7Pdp8$classNames)((0, ($parcel$interopDefault($7Pdp8$toastContainer_cssmodulejs))), "react-spectrum-ToastContainer")
-    }, children)));
+        className: (0, $7Pdp8$classNames)((0, ($parcel$interopDefault($7Pdp8$toastContainer_cssmodulejs))), 'react-spectrum-ToastContainer', {
+            'focus-ring': isFocusVisible
+        })
+    }, children))));
     var _getContainer;
     return /*#__PURE__*/ (0, $7Pdp8$reactdom).createPortal(contents, (_getContainer = getContainer === null || getContainer === void 0 ? void 0 : getContainer()) !== null && _getContainer !== void 0 ? _getContainer : document.body);
 }

package/dist/Toaster.module.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AAkBM,MAAM,0DAAiB,CAAA,GAAA,oBAAY,EAAE;AAErC,SAAS,0CAAQ,KAA0B;IAChD,IAAI,YACF,QAAQ,SACR,KAAK,EACN,GAAG;IAEJ,IAAI,MAAM,CAAA,GAAA,aAAK;IACf,IAAI,eAAC,WAAW,EAAC,GAAG,CAAA,GAAA,qBAAa,EAAE,OAAO,OAAO;IACjD,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW;IAC9C,IAAI,gBAAC,YAAY,EAAC,GAAG,CAAA,GAAA,gCAAwB;IAE7C,IAAI,yBACF,gCAAC,CAAA,GAAA,eAAO;QAAE,cAAc;YAAC,YAAY;QAAa;qBAChD,gCAAC,0CAAe,QAAQ;QAAC,OAAO;qBAC9B,gCAAC;QACE,GAAG,CAAA,GAAA,iBAAS,EAAE,aAAa,WAAW;QACvC,KAAK;QACL,iBAAc;QACd,kBAAe;QACf,WAAW,CAAA,GAAA,iBAAS,EAClB,CAAA,GAAA,2DAAmB,GACnB;OAED;QAM8B;IAAvC,qBAAO,CAAA,GAAA,eAAO,EAAE,YAAY,CAAC,UAAU,CAAA,gBAAA,yBAAA,mCAAA,4BAAA,2BAAA,gBAAoB,SAAS,IAAI;AAC1E","sources":["packages/@react-spectrum/toast/src/Toaster.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaToastRegionProps, useToastRegion} from '@react-aria/toast';\nimport {classNames} from '@react-spectrum/utils';\nimport {mergeProps} from '@react-aria/utils';\nimport {Provider} from '@react-spectrum/provider';\nimport React, {createContext, ReactElement, ReactNode, useRef} from 'react';\nimport ReactDOM from 'react-dom';\nimport toastContainerStyles from './toastContainer.css';\nimport {ToastState} from '@react-stately/toast';\nimport {useFocusRing} from '@react-aria/focus';\nimport {useUNSTABLE_PortalContext} from '@react-aria/overlays';\n\ninterface ToastContainerProps extends AriaToastRegionProps {\n  children: ReactNode,\n  state: ToastState<unknown>\n}\n\nexport const ToasterContext = createContext(false);\n\nexport function Toaster(props: ToastContainerProps): ReactElement {\n  let {\n    children,\n    state\n  } = props;\n\n  let ref = useRef();\n  let {regionProps} = useToastRegion(props, state, ref);\n  let {focusProps, isFocusVisible} = useFocusRing();\n  let {getContainer} = useUNSTABLE_PortalContext();\n\n  let contents = (\n    <Provider UNSAFE_style={{background: 'transparent'}}>\n      <ToasterContext.Provider value={isFocusVisible}>\n        <div\n          {...mergeProps(regionProps, focusProps)}\n          ref={ref}\n          data-position=\"bottom\"\n          data-placement=\"center\"\n          className={classNames(\n            toastContainerStyles,\n            'react-spectrum-ToastContainer'\n          )}>\n          {children}\n        </div>\n      </ToasterContext.Provider>\n    </Provider>\n  );\n\n  return ReactDOM.createPortal(contents, getContainer?.() ?? document.body);\n}\n"],"names":[],"version":3,"file":"Toaster.module.js.map"}
+{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AAkBM,MAAM,0DAAiB,CAAA,GAAA,oBAAY,EAAE;AAErC,SAAS,0CAAQ,KAA0B;IAChD,IAAI,YACF,QAAQ,SACR,KAAK,EACN,GAAG;IAEJ,IAAI,MAAM,CAAA,GAAA,aAAK,EAAE;IACjB,IAAI,eAAC,WAAW,EAAC,GAAG,CAAA,GAAA,qBAAa,EAAE,OAAO,OAAO;IACjD,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW;IAC9C,IAAI,gBAAC,YAAY,EAAC,GAAG,CAAA,GAAA,gCAAwB;IAE7C,IAAI,yBACF,gCAAC,CAAA,GAAA,eAAO;QAAE,cAAc;YAAC,YAAY;QAAa;qBAChD,gCAAC,CAAA,GAAA,iBAAS,uBACR,gCAAC,0CAAe,QAAQ;QAAC,OAAO;qBAC9B,gCAAC;QACE,GAAG,CAAA,GAAA,iBAAS,EAAE,aAAa,WAAW;QACvC,KAAK;QACL,iBAAc;QACd,kBAAe;QACf,WAAW,CAAA,GAAA,iBAAS,EAClB,CAAA,GAAA,2DAAmB,GACnB,iCACA;YAAC,cAAc;QAAc;OAE9B;QAO4B;IAAvC,qBAAO,CAAA,GAAA,eAAO,EAAE,YAAY,CAAC,UAAU,CAAA,gBAAA,yBAAA,mCAAA,4BAAA,2BAAA,gBAAoB,SAAS,IAAI;AAC1E","sources":["packages/@react-spectrum/toast/src/Toaster.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaToastRegionProps, useToastRegion} from '@react-aria/toast';\nimport {classNames} from '@react-spectrum/utils';\nimport {FocusScope, useFocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport {Provider} from '@react-spectrum/provider';\nimport React, {createContext, ReactElement, ReactNode, useRef} from 'react';\nimport ReactDOM from 'react-dom';\nimport toastContainerStyles from './toastContainer.css';\nimport {ToastState} from '@react-stately/toast';\nimport {useUNSTABLE_PortalContext} from '@react-aria/overlays';\n\ninterface ToastContainerProps extends AriaToastRegionProps {\n  children: ReactNode,\n  state: ToastState<unknown>\n}\n\nexport const ToasterContext = createContext(false);\n\nexport function Toaster(props: ToastContainerProps): ReactElement {\n  let {\n    children,\n    state\n  } = props;\n\n  let ref = useRef(undefined);\n  let {regionProps} = useToastRegion(props, state, ref);\n  let {focusProps, isFocusVisible} = useFocusRing();\n  let {getContainer} = useUNSTABLE_PortalContext();\n\n  let contents = (\n    <Provider UNSAFE_style={{background: 'transparent'}}>\n      <FocusScope>\n        <ToasterContext.Provider value={isFocusVisible}>\n          <div\n            {...mergeProps(regionProps, focusProps)}\n            ref={ref}\n            data-position=\"bottom\"\n            data-placement=\"center\"\n            className={classNames(\n              toastContainerStyles,\n              'react-spectrum-ToastContainer',\n              {'focus-ring': isFocusVisible}\n            )}>\n            {children}\n          </div>\n        </ToasterContext.Provider>\n      </FocusScope>\n    </Provider>\n  );\n\n  return ReactDOM.createPortal(contents, getContainer?.() ?? document.body);\n}\n"],"names":[],"version":3,"file":"Toaster.module.js.map"}

package/dist/ar-AE.mjs

@@ -7,4 +7,4 @@ $4ef3586572b5c0bd$exports = {
 
 
 export {$4ef3586572b5c0bd$exports as default};
-//# sourceMappingURL=ar-AE.mjs.map
+//# sourceMappingURL=ar-AE.module.js.map

package/dist/bg-BG.mjs

@@ -7,4 +7,4 @@ $9294a3bc0be7c803$exports = {
 
 
 export {$9294a3bc0be7c803$exports as default};
-//# sourceMappingURL=bg-BG.mjs.map
+//# sourceMappingURL=bg-BG.module.js.map

package/dist/cs-CZ.mjs

@@ -7,4 +7,4 @@ $2301cc9fa70c79b7$exports = {
 
 
 export {$2301cc9fa70c79b7$exports as default};
-//# sourceMappingURL=cs-CZ.mjs.map
+//# sourceMappingURL=cs-CZ.module.js.map

package/dist/da-DK.mjs

@@ -7,4 +7,4 @@ $db68d63440e07cc2$exports = {
 
 
 export {$db68d63440e07cc2$exports as default};
-//# sourceMappingURL=da-DK.mjs.map
+//# sourceMappingURL=da-DK.module.js.map

package/dist/de-DE.mjs

@@ -7,4 +7,4 @@ $59f85255004b972f$exports = {
 
 
 export {$59f85255004b972f$exports as default};
-//# sourceMappingURL=de-DE.mjs.map
+//# sourceMappingURL=de-DE.module.js.map

package/dist/el-GR.mjs

@@ -7,4 +7,4 @@ $897a62d7e05e3ae7$exports = {
 
 
 export {$897a62d7e05e3ae7$exports as default};
-//# sourceMappingURL=el-GR.mjs.map
+//# sourceMappingURL=el-GR.module.js.map

package/dist/en-US.mjs

@@ -7,4 +7,4 @@ $cd5f6f9dc2665e8f$exports = {
 
 
 export {$cd5f6f9dc2665e8f$exports as default};
-//# sourceMappingURL=en-US.mjs.map
+//# sourceMappingURL=en-US.module.js.map

package/dist/es-ES.mjs

@@ -7,4 +7,4 @@ $91da3b58720e2afa$exports = {
 
 
 export {$91da3b58720e2afa$exports as default};
-//# sourceMappingURL=es-ES.mjs.map
+//# sourceMappingURL=es-ES.module.js.map

package/dist/et-EE.mjs

@@ -7,4 +7,4 @@ $d881203a181403bc$exports = {
 
 
 export {$d881203a181403bc$exports as default};
-//# sourceMappingURL=et-EE.mjs.map
+//# sourceMappingURL=et-EE.module.js.map

package/dist/fi-FI.mjs

@@ -7,4 +7,4 @@ $b39cb8320f170f5d$exports = {
 
 
 export {$b39cb8320f170f5d$exports as default};
-//# sourceMappingURL=fi-FI.mjs.map
+//# sourceMappingURL=fi-FI.module.js.map

package/dist/fr-FR.mjs

@@ -7,4 +7,4 @@ $3dcec82c37bb9c69$exports = {
 
 
 export {$3dcec82c37bb9c69$exports as default};
-//# sourceMappingURL=fr-FR.mjs.map
+//# sourceMappingURL=fr-FR.module.js.map

package/dist/he-IL.mjs

@@ -7,4 +7,4 @@ $70451b8bc8958a93$exports = {
 
 
 export {$70451b8bc8958a93$exports as default};
-//# sourceMappingURL=he-IL.mjs.map
+//# sourceMappingURL=he-IL.module.js.map

package/dist/hr-HR.mjs

@@ -7,4 +7,4 @@ $8192b2e4907779a9$exports = {
 
 
 export {$8192b2e4907779a9$exports as default};
-//# sourceMappingURL=hr-HR.mjs.map
+//# sourceMappingURL=hr-HR.module.js.map

package/dist/hu-HU.mjs

@@ -7,4 +7,4 @@ $734bda6365304ddb$exports = {
 
 
 export {$734bda6365304ddb$exports as default};
-//# sourceMappingURL=hu-HU.mjs.map
+//# sourceMappingURL=hu-HU.module.js.map

package/dist/intlStrings.mjs

@@ -107,4 +107,4 @@ $41e47081d30453d1$exports = {
 
 
 export {$41e47081d30453d1$exports as default};
-//# sourceMappingURL=intlStrings.mjs.map
+//# sourceMappingURL=intlStrings.module.js.map

package/dist/it-IT.mjs

@@ -7,4 +7,4 @@ $c985376db8169cb9$exports = {
 
 
 export {$c985376db8169cb9$exports as default};
-//# sourceMappingURL=it-IT.mjs.map
+//# sourceMappingURL=it-IT.module.js.map

package/dist/ja-JP.mjs

@@ -7,4 +7,4 @@ $0a814f0515b1f941$exports = {
 
 
 export {$0a814f0515b1f941$exports as default};
-//# sourceMappingURL=ja-JP.mjs.map
+//# sourceMappingURL=ja-JP.module.js.map

package/dist/ko-KR.mjs

@@ -7,4 +7,4 @@ $87900002a59b18f5$exports = {
 
 
 export {$87900002a59b18f5$exports as default};
-//# sourceMappingURL=ko-KR.mjs.map
+//# sourceMappingURL=ko-KR.module.js.map

package/dist/lt-LT.mjs

@@ -7,4 +7,4 @@ $b083aee709113368$exports = {
 
 
 export {$b083aee709113368$exports as default};
-//# sourceMappingURL=lt-LT.mjs.map
+//# sourceMappingURL=lt-LT.module.js.map

package/dist/lv-LV.mjs

@@ -7,4 +7,4 @@ $641d21187f9a9953$exports = {
 
 
 export {$641d21187f9a9953$exports as default};
-//# sourceMappingURL=lv-LV.mjs.map
+//# sourceMappingURL=lv-LV.module.js.map

package/dist/nb-NO.mjs

@@ -7,4 +7,4 @@ $920b9baf5fdd305b$exports = {
 
 
 export {$920b9baf5fdd305b$exports as default};
-//# sourceMappingURL=nb-NO.mjs.map
+//# sourceMappingURL=nb-NO.module.js.map

package/dist/nl-NL.mjs

@@ -7,4 +7,4 @@ $ac88c25d97133768$exports = {
 
 
 export {$ac88c25d97133768$exports as default};
-//# sourceMappingURL=nl-NL.mjs.map
+//# sourceMappingURL=nl-NL.module.js.map

package/dist/pl-PL.mjs

@@ -7,4 +7,4 @@ $dea3c2ca37b0afea$exports = {
 
 
 export {$dea3c2ca37b0afea$exports as default};
-//# sourceMappingURL=pl-PL.mjs.map
+//# sourceMappingURL=pl-PL.module.js.map

package/dist/pt-BR.mjs

@@ -7,4 +7,4 @@ $36b701dae6c5c88a$exports = {
 
 
 export {$36b701dae6c5c88a$exports as default};
-//# sourceMappingURL=pt-BR.mjs.map
+//# sourceMappingURL=pt-BR.module.js.map

package/dist/pt-PT.mjs

@@ -7,4 +7,4 @@ $959bf461c37c3856$exports = {
 
 
 export {$959bf461c37c3856$exports as default};
-//# sourceMappingURL=pt-PT.mjs.map
+//# sourceMappingURL=pt-PT.module.js.map

package/dist/ro-RO.mjs

@@ -7,4 +7,4 @@ $584332ecb6a69cb1$exports = {
 
 
 export {$584332ecb6a69cb1$exports as default};
-//# sourceMappingURL=ro-RO.mjs.map
+//# sourceMappingURL=ro-RO.module.js.map

package/dist/ru-RU.mjs

@@ -7,4 +7,4 @@ $b3a312739e8cca16$exports = {
 
 
 export {$b3a312739e8cca16$exports as default};
-//# sourceMappingURL=ru-RU.mjs.map
+//# sourceMappingURL=ru-RU.module.js.map

package/dist/sk-SK.mjs

@@ -7,4 +7,4 @@ $531de2843c7d5aa0$exports = {
 
 
 export {$531de2843c7d5aa0$exports as default};
-//# sourceMappingURL=sk-SK.mjs.map
+//# sourceMappingURL=sk-SK.module.js.map

package/dist/sl-SI.mjs

@@ -7,4 +7,4 @@ $52846db7e4bedb0e$exports = {
 
 
 export {$52846db7e4bedb0e$exports as default};
-//# sourceMappingURL=sl-SI.mjs.map
+//# sourceMappingURL=sl-SI.module.js.map

package/dist/sr-SP.mjs

@@ -7,4 +7,4 @@ $20c8bedbc8241336$exports = {
 
 
 export {$20c8bedbc8241336$exports as default};
-//# sourceMappingURL=sr-SP.mjs.map
+//# sourceMappingURL=sr-SP.module.js.map

package/dist/sv-SE.mjs

@@ -7,4 +7,4 @@ $7a9bac9c7f5066c3$exports = {
 
 
 export {$7a9bac9c7f5066c3$exports as default};
-//# sourceMappingURL=sv-SE.mjs.map
+//# sourceMappingURL=sv-SE.module.js.map

package/dist/{toastContainer.b596792c.css → toastContainer.da404f80.css}

@@ -42,10 +42,14 @@
 }
 
 .xynrca_react-spectrum-ToastContainer {
+  --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));
   z-index: 100050;
   pointer-events: none;
   outline: none;
   margin-block-end: 8px;
+  margin-inline: 8px;
   display: flex;
   position: fixed;
   left: 0;
@@ -60,14 +64,14 @@
 .xynrca_react-spectrum-ToastContainer[data-position="top"] {
   --slide-from: translateY(-100%);
   --slide-to: translateY(0);
-  flex-direction: column-reverse;
+  flex-direction: column;
   top: 0;
 }
 
 .xynrca_react-spectrum-ToastContainer[data-position="bottom"] {
   --slide-from: translateY(100%);
   --slide-to: translateY(0);
-  flex-direction: column;
+  flex-direction: column-reverse;
   bottom: 0;
 }
 
@@ -107,6 +111,8 @@
   --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));
+  outline: none;
+  position: relative;
 }
 
 .xynrca_spectrum-Toast[data-animation="entering"] {
@@ -117,6 +123,24 @@
   animation: .3s forwards xynrca_fade-out;
 }
 
+.xynrca_spectrum-Toast .xynrca_spectrum-Toast-contentWrapper {
+  display: inline-flex;
+}
+
+.xynrca_spectrum-ToastContainer-list {
+  display: inherit;
+  flex-direction: inherit;
+  align-items: inherit;
+  margin-block: 0;
+  margin-inline: 0;
+  padding-inline-start: 0;
+  list-style-type: none;
+}
+
+.xynrca_spectrum-ToastContainer-listitem {
+  display: inline-block;
+}
+
 @keyframes xynrca_slide-in {
   from {
     transform: var(--slide-from);
@@ -136,4 +160,4 @@
     opacity: 0;
   }
 }
-/*# sourceMappingURL=toastContainer.b596792c.css.map */
+/*# sourceMappingURL=toastContainer.da404f80.css.map */