@adobe/react-spectrum 3.47.0 → 3.47.1

package/dist/private/toast/toastContainer.css

@@ -1,4 +1,4 @@
-.MuiPUq_spectrum-FocusRing-ring {
+._3aCmBa_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);
@@ -6,43 +6,44 @@
   --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
 }
 
-.MuiPUq_spectrum-FocusRing-ring:after {
+._3aCmBa_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;
+      margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
   display: block;
   position: absolute;
   inset: 0;
 }
 
-.MuiPUq_spectrum-FocusRing.MuiPUq_focus-ring:after {
+._3aCmBa_spectrum-FocusRing._3aCmBa_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);
 }
 
-.MuiPUq_spectrum-FocusRing--quiet:after {
+._3aCmBa_spectrum-FocusRing--quiet:after {
   border-radius: 0;
 }
 
-.MuiPUq_spectrum-FocusRing--quiet.MuiPUq_focus-ring:after {
-  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
+._3aCmBa_spectrum-FocusRing--quiet._3aCmBa_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);
 }
 
 @media (forced-colors: active) {
-  .MuiPUq_spectrum-FocusRing, .MuiPUq_spectrum-FocusRing-ring, .MuiPUq_spectrum-FocusRing--quiet {
+  ._3aCmBa_spectrum-FocusRing, ._3aCmBa_spectrum-FocusRing-ring, ._3aCmBa_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
   }
 
-  :is(.MuiPUq_spectrum-FocusRing, .MuiPUq_spectrum-FocusRing-ring, .MuiPUq_spectrum-FocusRing--quiet):after {
+  :is(._3aCmBa_spectrum-FocusRing, ._3aCmBa_spectrum-FocusRing-ring, ._3aCmBa_spectrum-FocusRing--quiet):after {
     forced-color-adjust: none;
   }
 }
 
-.MuiPUq_react-spectrum-ToastContainer {
+._3aCmBa_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));
@@ -56,46 +57,46 @@
   inset-inline: 0;
 }
 
-.MuiPUq_react-spectrum-ToastContainer .MuiPUq_spectrum-Toast {
+._3aCmBa_react-spectrum-ToastContainer ._3aCmBa_spectrum-Toast {
   pointer-events: all;
   margin: 8px;
 }
 
-.MuiPUq_react-spectrum-ToastContainer[data-position="top"] {
+._3aCmBa_react-spectrum-ToastContainer[data-position="top"] {
   --slide-from: translateY(-100%);
   flex-direction: column;
   top: 0;
 }
 
-.MuiPUq_react-spectrum-ToastContainer[data-position="bottom"] {
+._3aCmBa_react-spectrum-ToastContainer[data-position="bottom"] {
   --slide-from: translateY(100%);
   flex-direction: column-reverse;
   bottom: 0;
 }
 
-.MuiPUq_react-spectrum-ToastContainer[data-placement="start"] {
+._3aCmBa_react-spectrum-ToastContainer[data-placement="start"] {
   --slide-from: translateX(-100%);
   align-items: flex-start;
 }
 
-.MuiPUq_react-spectrum-ToastContainer[data-placement="start"]: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)) {
+._3aCmBa_react-spectrum-ToastContainer[data-placement="start"]: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%);
 }
 
-.MuiPUq_react-spectrum-ToastContainer[data-placement="center"] {
+._3aCmBa_react-spectrum-ToastContainer[data-placement="center"] {
   align-items: center;
 }
 
-.MuiPUq_react-spectrum-ToastContainer[data-placement="end"] {
+._3aCmBa_react-spectrum-ToastContainer[data-placement="end"] {
   --slide-from: translateX(100%);
   align-items: flex-end;
 }
 
-.MuiPUq_react-spectrum-ToastContainer[data-placement="end"]: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)) {
+._3aCmBa_react-spectrum-ToastContainer[data-placement="end"]: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%);
 }
 
-.MuiPUq_spectrum-Toast {
+._3aCmBa_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));
@@ -103,11 +104,11 @@
   position: relative;
 }
 
-.MuiPUq_spectrum-Toast .MuiPUq_spectrum-Toast-contentWrapper {
+._3aCmBa_spectrum-Toast ._3aCmBa_spectrum-Toast-contentWrapper {
   display: inline-flex;
 }
 
-.MuiPUq_spectrum-ToastContainer-list {
+._3aCmBa_spectrum-ToastContainer-list {
   display: inherit;
   flex-direction: inherit;
   align-items: inherit;
@@ -116,64 +117,64 @@
   list-style-type: none;
 }
 
-.MuiPUq_spectrum-ToastContainer-listitem {
-  view-transition-class: MuiPUq_toast;
+._3aCmBa_spectrum-ToastContainer-listitem {
+  view-transition-class: _3aCmBa_toast;
   display: inline-block;
 }
 
-@keyframes MuiPUq_slide-in {
+@keyframes _3aCmBa_slide-in {
   from {
     translate: var(--slideX) var(--slideY);
     opacity: 0;
   }
 }
 
-@keyframes MuiPUq_slide-out {
+@keyframes _3aCmBa_slide-out {
   to {
     translate: var(--slideX) var(--slideY);
     opacity: 0;
   }
 }
 
-@keyframes MuiPUq_fade-out {
+@keyframes _3aCmBa_fade-out {
   to {
     opacity: 0;
   }
 }
 
-::view-transition-group(.MuiPUq_toast) {
+::view-transition-group(._3aCmBa_toast) {
   animation-duration: .3s;
 }
 
-::view-transition-group(.MuiPUq_toast.MuiPUq_bottom) {
+::view-transition-group(._3aCmBa_toast._3aCmBa_bottom) {
   --slideX: 0;
   --slideY: calc(100% + 12px);
 }
 
-::view-transition-group(.MuiPUq_toast.MuiPUq_top) {
+::view-transition-group(._3aCmBa_toast._3aCmBa_top) {
   --slideX: 0;
   --slideY: calc(-100% - 12px);
 }
 
-::view-transition-group(.MuiPUq_toast.MuiPUq_start) {
+::view-transition-group(._3aCmBa_toast._3aCmBa_start) {
   --slideX: calc(-100% - 12px);
   --slideY: 0;
 }
 
-::view-transition-group(.MuiPUq_toast.MuiPUq_end) {
+::view-transition-group(._3aCmBa_toast._3aCmBa_end) {
   --slideX: calc(100% + 12px);
   --slideY: 0;
 }
 
-::view-transition-new(.MuiPUq_toast):only-child {
-  animation-name: MuiPUq_slide-in;
+::view-transition-new(._3aCmBa_toast):only-child {
+  animation-name: _3aCmBa_slide-in;
 }
 
-::view-transition-old(.MuiPUq_toast):only-child {
-  animation-name: MuiPUq_slide-out;
+::view-transition-old(._3aCmBa_toast):only-child {
+  animation-name: _3aCmBa_slide-out;
 }
 
-::view-transition-old(.MuiPUq_toast.MuiPUq_fadeOnly):only-child {
-  animation-name: MuiPUq_fade-out;
+::view-transition-old(._3aCmBa_toast._3aCmBa_fadeOnly):only-child {
+  animation-name: _3aCmBa_fade-out;
 }
 /*# sourceMappingURL=toastContainer.css.map */

package/dist/private/toast/toastContainer.css.map

@@ -1 +1 @@
-{"mappings":"AAYA;;;;;;;;AAOE;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA","sources":["packages/@adobe/react-spectrum/src/toast/toastContainer.css"],"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\n@import \"@adobe/spectrum-css-temp/components/commons/focus-ring.css\";\n\n.react-spectrum-ToastContainer {\n  composes: spectrum-FocusRing;\n  --spectrum-focus-ring-border-radius: var(--spectrum-toast-border-radius);\n  --spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap);\n  --spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size);\n\n  position: fixed;\n  inset-inline-start: 0;\n  inset-inline-end: 0;\n  z-index: 100050; /* above modals */\n  display: flex;\n  pointer-events: none;\n  outline: none;\n  /* keep focus ring inside the viewport */\n  margin-block-end: 8px;\n  margin-inline: 8px;\n\n  .spectrum-Toast {\n    margin: 8px;\n    pointer-events: all;\n  }\n\n  &[data-position=top] {\n    top: 0;\n    flex-direction: column;\n    --slide-from: translateY(-100%);\n  }\n\n  &[data-position=bottom] {\n    bottom: 0;\n    flex-direction: column-reverse;\n    --slide-from: translateY(100%);\n  }\n\n  &[data-placement=start] {\n    align-items: flex-start;\n    --slide-from: translateX(-100%);\n\n    &:dir(rtl) {\n      --slide-from: translateX(100%);\n    }\n  }\n\n  &[data-placement=center] {\n    align-items: center;\n  }\n\n  &[data-placement=end] {\n    align-items: flex-end;\n    --slide-from: translateX(100%);\n\n    &:dir(rtl) {\n      --slide-from: translateX(-100%);\n    }\n  }\n}\n\n.spectrum-Toast {\n  composes: spectrum-FocusRing;\n  --spectrum-focus-ring-border-radius: var(--spectrum-toast-border-radius);\n  --spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap);\n  --spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size);\n\n  position: relative;\n  outline: none;\n\n  .spectrum-Toast-contentWrapper {\n    display: inline-flex;\n  }\n}\n\n.spectrum-ToastContainer-list {\n  display: inherit;\n  flex-direction: inherit;\n  align-items: inherit;\n  list-style-type: none;\n  margin: 0;\n  padding-inline-start: 0;\n}\n\n.spectrum-ToastContainer-listitem {\n  display: inline-block;\n  view-transition-class: toast;\n}\n\n@keyframes slide-in {\n  from {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n\n@keyframes slide-out {\n  to {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n\n@keyframes fade-out {\n  to {\n    opacity: 0;\n  }\n}\n\n::view-transition-group(.toast) {\n  animation-duration: 300ms;\n}\n\n::view-transition-group(.toast.bottom) {\n  --slideX: 0;\n  --slideY: calc(100% + 12px);\n}\n\n::view-transition-group(.toast.top) {\n  --slideX: 0;\n  --slideY: calc(-100% - 12px);\n}\n\n::view-transition-group(.toast.start) {\n  --slideX: calc(-100% - 12px);\n  --slideY: 0;\n}\n\n::view-transition-group(.toast.end) {\n  --slideX: calc(100% + 12px);\n  --slideY: 0;\n}\n\n::view-transition-new(.toast):only-child {\n  animation-name: slide-in;\n}\n\n::view-transition-old(.toast):only-child {\n  animation-name: slide-out;\n}\n\n::view-transition-old(.toast.fadeOnly):only-child {\n  animation-name: fade-out;\n}\n"],"names":[],"version":3,"file":"toastContainer.css.map"}
+{"mappings":"AAYA;;;;;;;;AAUE","sources":["packages/@adobe/react-spectrum/src/toast/toastContainer.css"],"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\n@import '@adobe/spectrum-css-temp/components/commons/focus-ring.css';\n\n.react-spectrum-ToastContainer {\n  composes: spectrum-FocusRing;\n  --spectrum-focus-ring-border-radius: var(--spectrum-toast-border-radius);\n  --spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap);\n  --spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size);\n\n  position: fixed;\n  inset-inline-start: 0;\n  inset-inline-end: 0;\n  z-index: 100050; /* above modals */\n  display: flex;\n  pointer-events: none;\n  outline: none;\n  /* keep focus ring inside the viewport */\n  margin-block-end: 8px;\n  margin-inline: 8px;\n\n  .spectrum-Toast {\n    margin: 8px;\n    pointer-events: all;\n  }\n\n  &[data-position='top'] {\n    top: 0;\n    flex-direction: column;\n    --slide-from: translateY(-100%);\n  }\n\n  &[data-position='bottom'] {\n    bottom: 0;\n    flex-direction: column-reverse;\n    --slide-from: translateY(100%);\n  }\n\n  &[data-placement='start'] {\n    align-items: flex-start;\n    --slide-from: translateX(-100%);\n\n    &:dir(rtl) {\n      --slide-from: translateX(100%);\n    }\n  }\n\n  &[data-placement='center'] {\n    align-items: center;\n  }\n\n  &[data-placement='end'] {\n    align-items: flex-end;\n    --slide-from: translateX(100%);\n\n    &:dir(rtl) {\n      --slide-from: translateX(-100%);\n    }\n  }\n}\n\n.spectrum-Toast {\n  composes: spectrum-FocusRing;\n  --spectrum-focus-ring-border-radius: var(--spectrum-toast-border-radius);\n  --spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap);\n  --spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size);\n\n  position: relative;\n  outline: none;\n\n  .spectrum-Toast-contentWrapper {\n    display: inline-flex;\n  }\n}\n\n.spectrum-ToastContainer-list {\n  display: inherit;\n  flex-direction: inherit;\n  align-items: inherit;\n  list-style-type: none;\n  margin: 0;\n  padding-inline-start: 0;\n}\n\n.spectrum-ToastContainer-listitem {\n  display: inline-block;\n  view-transition-class: toast;\n}\n\n@keyframes slide-in {\n  from {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n\n@keyframes slide-out {\n  to {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n\n@keyframes fade-out {\n  to {\n    opacity: 0;\n  }\n}\n\n::view-transition-group(.toast) {\n  animation-duration: 300ms;\n}\n\n::view-transition-group(.toast.bottom) {\n  --slideX: 0;\n  --slideY: calc(100% + 12px);\n}\n\n::view-transition-group(.toast.top) {\n  --slideX: 0;\n  --slideY: calc(-100% - 12px);\n}\n\n::view-transition-group(.toast.start) {\n  --slideX: calc(-100% - 12px);\n  --slideY: 0;\n}\n\n::view-transition-group(.toast.end) {\n  --slideX: calc(100% + 12px);\n  --slideY: 0;\n}\n\n::view-transition-new(.toast):only-child {\n  animation-name: slide-in;\n}\n\n::view-transition-old(.toast):only-child {\n  animation-name: slide-out;\n}\n\n::view-transition-old(.toast.fadeOnly):only-child {\n  animation-name: fade-out;\n}\n"],"names":[],"version":3,"file":"toastContainer.css.map"}

package/dist/private/toast/toastContainer_css.cjs

@@ -39,27 +39,27 @@ var $1e451ff201076fe2$export$36fca876e8f72fde;
 var $1e451ff201076fe2$export$b3571188c770cc5a;
 var $1e451ff201076fe2$export$b410431fab84fa58;
 var $1e451ff201076fe2$export$1e95b668f3b82d;
-$1e451ff201076fe2$export$40e543e69a8b3fbb = `MuiPUq_bottom`;
-$1e451ff201076fe2$export$bd5df0f255a350f8 = `MuiPUq_end`;
-$1e451ff201076fe2$export$f562fd61c53bdcd9 = `MuiPUq_fade-out`;
+$1e451ff201076fe2$export$40e543e69a8b3fbb = `_3aCmBa_bottom`;
+$1e451ff201076fe2$export$bd5df0f255a350f8 = `_3aCmBa_end`;
+$1e451ff201076fe2$export$f562fd61c53bdcd9 = `_3aCmBa_fade-out`;
 $1e451ff201076fe2$export$f562fd61c53bdcd9;
-$1e451ff201076fe2$export$b64c001c6ac355f3 = `MuiPUq_fadeOnly`;
-$1e451ff201076fe2$export$f39a09f249340e2a = `MuiPUq_focus-ring`;
-$1e451ff201076fe2$export$4109102f950813a6 = `MuiPUq_spectrum-FocusRing-ring`;
-$1e451ff201076fe2$export$24c7f46a6e3605dd = `MuiPUq_spectrum-FocusRing ${$1e451ff201076fe2$export$4109102f950813a6}`;
-$1e451ff201076fe2$export$bed15bd1aa62542d = `MuiPUq_react-spectrum-ToastContainer ${$1e451ff201076fe2$export$24c7f46a6e3605dd}`;
-$1e451ff201076fe2$export$1c220dee9e4dbe34 = `MuiPUq_slide-in`;
+$1e451ff201076fe2$export$b64c001c6ac355f3 = `_3aCmBa_fadeOnly`;
+$1e451ff201076fe2$export$f39a09f249340e2a = `_3aCmBa_focus-ring`;
+$1e451ff201076fe2$export$4109102f950813a6 = `_3aCmBa_spectrum-FocusRing-ring`;
+$1e451ff201076fe2$export$24c7f46a6e3605dd = `_3aCmBa_spectrum-FocusRing ${$1e451ff201076fe2$export$4109102f950813a6}`;
+$1e451ff201076fe2$export$bed15bd1aa62542d = `_3aCmBa_react-spectrum-ToastContainer ${$1e451ff201076fe2$export$24c7f46a6e3605dd}`;
+$1e451ff201076fe2$export$1c220dee9e4dbe34 = `_3aCmBa_slide-in`;
 $1e451ff201076fe2$export$1c220dee9e4dbe34;
-$1e451ff201076fe2$export$ec7246eb5d3e2aa3 = `MuiPUq_slide-out`;
+$1e451ff201076fe2$export$ec7246eb5d3e2aa3 = `_3aCmBa_slide-out`;
 $1e451ff201076fe2$export$ec7246eb5d3e2aa3;
-$1e451ff201076fe2$export$2927016961429360 = `MuiPUq_spectrum-FocusRing--quiet`;
-$1e451ff201076fe2$export$c8747d73d7954b9c = `MuiPUq_spectrum-Toast ${$1e451ff201076fe2$export$24c7f46a6e3605dd}`;
-$1e451ff201076fe2$export$cc3ddc864ea8cf74 = `MuiPUq_spectrum-Toast-contentWrapper`;
-$1e451ff201076fe2$export$110195e8d94c1813 = `MuiPUq_spectrum-ToastContainer-list`;
-$1e451ff201076fe2$export$36fca876e8f72fde = `MuiPUq_spectrum-ToastContainer-listitem`;
-$1e451ff201076fe2$export$b3571188c770cc5a = `MuiPUq_start`;
-$1e451ff201076fe2$export$b410431fab84fa58 = `MuiPUq_toast`;
-$1e451ff201076fe2$export$1e95b668f3b82d = `MuiPUq_top`;
+$1e451ff201076fe2$export$2927016961429360 = `_3aCmBa_spectrum-FocusRing--quiet`;
+$1e451ff201076fe2$export$c8747d73d7954b9c = `_3aCmBa_spectrum-Toast ${$1e451ff201076fe2$export$24c7f46a6e3605dd}`;
+$1e451ff201076fe2$export$cc3ddc864ea8cf74 = `_3aCmBa_spectrum-Toast-contentWrapper`;
+$1e451ff201076fe2$export$110195e8d94c1813 = `_3aCmBa_spectrum-ToastContainer-list`;
+$1e451ff201076fe2$export$36fca876e8f72fde = `_3aCmBa_spectrum-ToastContainer-listitem`;
+$1e451ff201076fe2$export$b3571188c770cc5a = `_3aCmBa_start`;
+$1e451ff201076fe2$export$b410431fab84fa58 = `_3aCmBa_toast`;
+$1e451ff201076fe2$export$1e95b668f3b82d = `_3aCmBa_top`;
 
 
 //# sourceMappingURL=toastContainer_css.cjs.map

package/dist/private/toast/toastContainer_css.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AAEA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAEA,IAAA;AAEA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AApBA,4CAA2B,CAAC,aAAa,CAAC;AAC1C,4CAAwB,CAAC,UAAU,CAAC;AACpC,4CAA6B,CAAC,eAAe,CAAC;AAC9C;AACA,4CAA6B,CAAC,eAAe,CAAC;AAC9C,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAAuC,CAAC,0BAA0B,EAAE,2CAA2C;AAC/G,4CAAkD,CAAC,qCAAqC,EAAE,2CAAsC;AAChI,4CAA6B,CAAC,eAAe,CAAC;AAC9C;AACA,4CAA8B,CAAC,gBAAgB,CAAC;AAChD;AACA,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAAmC,CAAC,sBAAsB,EAAE,2CAAsC;AAClG,4CAAkD,CAAC,oCAAoC,CAAC;AACxF,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAAqD,CAAC,uCAAuC,CAAC;AAC9F,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAA0B,CAAC,YAAY,CAAC;AACxC,0CAAwB,CAAC,UAAU,CAAC","sources":["packages/@adobe/react-spectrum/src/toast/toastContainer.css"],"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\n@import \"@adobe/spectrum-css-temp/components/commons/focus-ring.css\";\n\n.react-spectrum-ToastContainer {\n  composes: spectrum-FocusRing;\n  --spectrum-focus-ring-border-radius: var(--spectrum-toast-border-radius);\n  --spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap);\n  --spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size);\n\n  position: fixed;\n  inset-inline-start: 0;\n  inset-inline-end: 0;\n  z-index: 100050; /* above modals */\n  display: flex;\n  pointer-events: none;\n  outline: none;\n  /* keep focus ring inside the viewport */\n  margin-block-end: 8px;\n  margin-inline: 8px;\n\n  .spectrum-Toast {\n    margin: 8px;\n    pointer-events: all;\n  }\n\n  &[data-position=top] {\n    top: 0;\n    flex-direction: column;\n    --slide-from: translateY(-100%);\n  }\n\n  &[data-position=bottom] {\n    bottom: 0;\n    flex-direction: column-reverse;\n    --slide-from: translateY(100%);\n  }\n\n  &[data-placement=start] {\n    align-items: flex-start;\n    --slide-from: translateX(-100%);\n\n    &:dir(rtl) {\n      --slide-from: translateX(100%);\n    }\n  }\n\n  &[data-placement=center] {\n    align-items: center;\n  }\n\n  &[data-placement=end] {\n    align-items: flex-end;\n    --slide-from: translateX(100%);\n\n    &:dir(rtl) {\n      --slide-from: translateX(-100%);\n    }\n  }\n}\n\n.spectrum-Toast {\n  composes: spectrum-FocusRing;\n  --spectrum-focus-ring-border-radius: var(--spectrum-toast-border-radius);\n  --spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap);\n  --spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size);\n\n  position: relative;\n  outline: none;\n\n  .spectrum-Toast-contentWrapper {\n    display: inline-flex;\n  }\n}\n\n.spectrum-ToastContainer-list {\n  display: inherit;\n  flex-direction: inherit;\n  align-items: inherit;\n  list-style-type: none;\n  margin: 0;\n  padding-inline-start: 0;\n}\n\n.spectrum-ToastContainer-listitem {\n  display: inline-block;\n  view-transition-class: toast;\n}\n\n@keyframes slide-in {\n  from {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n\n@keyframes slide-out {\n  to {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n\n@keyframes fade-out {\n  to {\n    opacity: 0;\n  }\n}\n\n::view-transition-group(.toast) {\n  animation-duration: 300ms;\n}\n\n::view-transition-group(.toast.bottom) {\n  --slideX: 0;\n  --slideY: calc(100% + 12px);\n}\n\n::view-transition-group(.toast.top) {\n  --slideX: 0;\n  --slideY: calc(-100% - 12px);\n}\n\n::view-transition-group(.toast.start) {\n  --slideX: calc(-100% - 12px);\n  --slideY: 0;\n}\n\n::view-transition-group(.toast.end) {\n  --slideX: calc(100% + 12px);\n  --slideY: 0;\n}\n\n::view-transition-new(.toast):only-child {\n  animation-name: slide-in;\n}\n\n::view-transition-old(.toast):only-child {\n  animation-name: slide-out;\n}\n\n::view-transition-old(.toast.fadeOnly):only-child {\n  animation-name: fade-out;\n}\n"],"names":[],"version":3,"file":"toastContainer_css.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AAEA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAEA,IAAA;AAEA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AApBA,4CAA2B,CAAC,cAAc,CAAC;AAC3C,4CAAwB,CAAC,WAAW,CAAC;AACrC,4CAA6B,CAAC,gBAAgB,CAAC;AAC/C;AACA,4CAA6B,CAAC,gBAAgB,CAAC;AAC/C,4CAA+B,CAAC,kBAAkB,CAAC;AACnD,4CAA4C,CAAC,+BAA+B,CAAC;AAC7E,4CAAuC,CAAC,2BAA2B,EAAE,2CAA2C;AAChH,4CAAkD,CAAC,sCAAsC,EAAE,2CAAsC;AACjI,4CAA6B,CAAC,gBAAgB,CAAC;AAC/C;AACA,4CAA8B,CAAC,iBAAiB,CAAC;AACjD;AACA,4CAA8C,CAAC,iCAAiC,CAAC;AACjF,4CAAmC,CAAC,uBAAuB,EAAE,2CAAsC;AACnG,4CAAkD,CAAC,qCAAqC,CAAC;AACzF,4CAAiD,CAAC,oCAAoC,CAAC;AACvF,4CAAqD,CAAC,wCAAwC,CAAC;AAC/F,4CAA0B,CAAC,aAAa,CAAC;AACzC,4CAA0B,CAAC,aAAa,CAAC;AACzC,0CAAwB,CAAC,WAAW,CAAC","sources":["packages/@adobe/react-spectrum/src/toast/toastContainer.css"],"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\n@import '@adobe/spectrum-css-temp/components/commons/focus-ring.css';\n\n.react-spectrum-ToastContainer {\n  composes: spectrum-FocusRing;\n  --spectrum-focus-ring-border-radius: var(--spectrum-toast-border-radius);\n  --spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap);\n  --spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size);\n\n  position: fixed;\n  inset-inline-start: 0;\n  inset-inline-end: 0;\n  z-index: 100050; /* above modals */\n  display: flex;\n  pointer-events: none;\n  outline: none;\n  /* keep focus ring inside the viewport */\n  margin-block-end: 8px;\n  margin-inline: 8px;\n\n  .spectrum-Toast {\n    margin: 8px;\n    pointer-events: all;\n  }\n\n  &[data-position='top'] {\n    top: 0;\n    flex-direction: column;\n    --slide-from: translateY(-100%);\n  }\n\n  &[data-position='bottom'] {\n    bottom: 0;\n    flex-direction: column-reverse;\n    --slide-from: translateY(100%);\n  }\n\n  &[data-placement='start'] {\n    align-items: flex-start;\n    --slide-from: translateX(-100%);\n\n    &:dir(rtl) {\n      --slide-from: translateX(100%);\n    }\n  }\n\n  &[data-placement='center'] {\n    align-items: center;\n  }\n\n  &[data-placement='end'] {\n    align-items: flex-end;\n    --slide-from: translateX(100%);\n\n    &:dir(rtl) {\n      --slide-from: translateX(-100%);\n    }\n  }\n}\n\n.spectrum-Toast {\n  composes: spectrum-FocusRing;\n  --spectrum-focus-ring-border-radius: var(--spectrum-toast-border-radius);\n  --spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap);\n  --spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size);\n\n  position: relative;\n  outline: none;\n\n  .spectrum-Toast-contentWrapper {\n    display: inline-flex;\n  }\n}\n\n.spectrum-ToastContainer-list {\n  display: inherit;\n  flex-direction: inherit;\n  align-items: inherit;\n  list-style-type: none;\n  margin: 0;\n  padding-inline-start: 0;\n}\n\n.spectrum-ToastContainer-listitem {\n  display: inline-block;\n  view-transition-class: toast;\n}\n\n@keyframes slide-in {\n  from {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n\n@keyframes slide-out {\n  to {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n\n@keyframes fade-out {\n  to {\n    opacity: 0;\n  }\n}\n\n::view-transition-group(.toast) {\n  animation-duration: 300ms;\n}\n\n::view-transition-group(.toast.bottom) {\n  --slideX: 0;\n  --slideY: calc(100% + 12px);\n}\n\n::view-transition-group(.toast.top) {\n  --slideX: 0;\n  --slideY: calc(-100% - 12px);\n}\n\n::view-transition-group(.toast.start) {\n  --slideX: calc(-100% - 12px);\n  --slideY: 0;\n}\n\n::view-transition-group(.toast.end) {\n  --slideX: calc(100% + 12px);\n  --slideY: 0;\n}\n\n::view-transition-new(.toast):only-child {\n  animation-name: slide-in;\n}\n\n::view-transition-old(.toast):only-child {\n  animation-name: slide-out;\n}\n\n::view-transition-old(.toast.fadeOnly):only-child {\n  animation-name: fade-out;\n}\n"],"names":[],"version":3,"file":"toastContainer_css.cjs.map"}

package/dist/private/toast/toastContainer_css.mjs

@@ -40,27 +40,27 @@ var $56fb291f272555e0$export$36fca876e8f72fde;
 var $56fb291f272555e0$export$b3571188c770cc5a;
 var $56fb291f272555e0$export$b410431fab84fa58;
 var $56fb291f272555e0$export$1e95b668f3b82d;
-$56fb291f272555e0$export$40e543e69a8b3fbb = `MuiPUq_bottom`;
-$56fb291f272555e0$export$bd5df0f255a350f8 = `MuiPUq_end`;
-$56fb291f272555e0$export$f562fd61c53bdcd9 = `MuiPUq_fade-out`;
+$56fb291f272555e0$export$40e543e69a8b3fbb = `_3aCmBa_bottom`;
+$56fb291f272555e0$export$bd5df0f255a350f8 = `_3aCmBa_end`;
+$56fb291f272555e0$export$f562fd61c53bdcd9 = `_3aCmBa_fade-out`;
 $56fb291f272555e0$export$f562fd61c53bdcd9;
-$56fb291f272555e0$export$b64c001c6ac355f3 = `MuiPUq_fadeOnly`;
-$56fb291f272555e0$export$f39a09f249340e2a = `MuiPUq_focus-ring`;
-$56fb291f272555e0$export$4109102f950813a6 = `MuiPUq_spectrum-FocusRing-ring`;
-$56fb291f272555e0$export$24c7f46a6e3605dd = `MuiPUq_spectrum-FocusRing ${$56fb291f272555e0$export$4109102f950813a6}`;
-$56fb291f272555e0$export$bed15bd1aa62542d = `MuiPUq_react-spectrum-ToastContainer ${$56fb291f272555e0$export$24c7f46a6e3605dd}`;
-$56fb291f272555e0$export$1c220dee9e4dbe34 = `MuiPUq_slide-in`;
+$56fb291f272555e0$export$b64c001c6ac355f3 = `_3aCmBa_fadeOnly`;
+$56fb291f272555e0$export$f39a09f249340e2a = `_3aCmBa_focus-ring`;
+$56fb291f272555e0$export$4109102f950813a6 = `_3aCmBa_spectrum-FocusRing-ring`;
+$56fb291f272555e0$export$24c7f46a6e3605dd = `_3aCmBa_spectrum-FocusRing ${$56fb291f272555e0$export$4109102f950813a6}`;
+$56fb291f272555e0$export$bed15bd1aa62542d = `_3aCmBa_react-spectrum-ToastContainer ${$56fb291f272555e0$export$24c7f46a6e3605dd}`;
+$56fb291f272555e0$export$1c220dee9e4dbe34 = `_3aCmBa_slide-in`;
 $56fb291f272555e0$export$1c220dee9e4dbe34;
-$56fb291f272555e0$export$ec7246eb5d3e2aa3 = `MuiPUq_slide-out`;
+$56fb291f272555e0$export$ec7246eb5d3e2aa3 = `_3aCmBa_slide-out`;
 $56fb291f272555e0$export$ec7246eb5d3e2aa3;
-$56fb291f272555e0$export$2927016961429360 = `MuiPUq_spectrum-FocusRing--quiet`;
-$56fb291f272555e0$export$c8747d73d7954b9c = `MuiPUq_spectrum-Toast ${$56fb291f272555e0$export$24c7f46a6e3605dd}`;
-$56fb291f272555e0$export$cc3ddc864ea8cf74 = `MuiPUq_spectrum-Toast-contentWrapper`;
-$56fb291f272555e0$export$110195e8d94c1813 = `MuiPUq_spectrum-ToastContainer-list`;
-$56fb291f272555e0$export$36fca876e8f72fde = `MuiPUq_spectrum-ToastContainer-listitem`;
-$56fb291f272555e0$export$b3571188c770cc5a = `MuiPUq_start`;
-$56fb291f272555e0$export$b410431fab84fa58 = `MuiPUq_toast`;
-$56fb291f272555e0$export$1e95b668f3b82d = `MuiPUq_top`;
+$56fb291f272555e0$export$2927016961429360 = `_3aCmBa_spectrum-FocusRing--quiet`;
+$56fb291f272555e0$export$c8747d73d7954b9c = `_3aCmBa_spectrum-Toast ${$56fb291f272555e0$export$24c7f46a6e3605dd}`;
+$56fb291f272555e0$export$cc3ddc864ea8cf74 = `_3aCmBa_spectrum-Toast-contentWrapper`;
+$56fb291f272555e0$export$110195e8d94c1813 = `_3aCmBa_spectrum-ToastContainer-list`;
+$56fb291f272555e0$export$36fca876e8f72fde = `_3aCmBa_spectrum-ToastContainer-listitem`;
+$56fb291f272555e0$export$b3571188c770cc5a = `_3aCmBa_start`;
+$56fb291f272555e0$export$b410431fab84fa58 = `_3aCmBa_toast`;
+$56fb291f272555e0$export$1e95b668f3b82d = `_3aCmBa_top`;
 
 
 export {$56fb291f272555e0$exports as default};

package/dist/private/toast/toastContainer_css.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AAEA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAEA,IAAA;AAEA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AApBA,4CAA2B,CAAC,aAAa,CAAC;AAC1C,4CAAwB,CAAC,UAAU,CAAC;AACpC,4CAA6B,CAAC,eAAe,CAAC;AAC9C;AACA,4CAA6B,CAAC,eAAe,CAAC;AAC9C,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAAuC,CAAC,0BAA0B,EAAE,2CAA2C;AAC/G,4CAAkD,CAAC,qCAAqC,EAAE,2CAAsC;AAChI,4CAA6B,CAAC,eAAe,CAAC;AAC9C;AACA,4CAA8B,CAAC,gBAAgB,CAAC;AAChD;AACA,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAAmC,CAAC,sBAAsB,EAAE,2CAAsC;AAClG,4CAAkD,CAAC,oCAAoC,CAAC;AACxF,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAAqD,CAAC,uCAAuC,CAAC;AAC9F,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAA0B,CAAC,YAAY,CAAC;AACxC,0CAAwB,CAAC,UAAU,CAAC","sources":["packages/@adobe/react-spectrum/src/toast/toastContainer.css"],"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\n@import \"@adobe/spectrum-css-temp/components/commons/focus-ring.css\";\n\n.react-spectrum-ToastContainer {\n  composes: spectrum-FocusRing;\n  --spectrum-focus-ring-border-radius: var(--spectrum-toast-border-radius);\n  --spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap);\n  --spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size);\n\n  position: fixed;\n  inset-inline-start: 0;\n  inset-inline-end: 0;\n  z-index: 100050; /* above modals */\n  display: flex;\n  pointer-events: none;\n  outline: none;\n  /* keep focus ring inside the viewport */\n  margin-block-end: 8px;\n  margin-inline: 8px;\n\n  .spectrum-Toast {\n    margin: 8px;\n    pointer-events: all;\n  }\n\n  &[data-position=top] {\n    top: 0;\n    flex-direction: column;\n    --slide-from: translateY(-100%);\n  }\n\n  &[data-position=bottom] {\n    bottom: 0;\n    flex-direction: column-reverse;\n    --slide-from: translateY(100%);\n  }\n\n  &[data-placement=start] {\n    align-items: flex-start;\n    --slide-from: translateX(-100%);\n\n    &:dir(rtl) {\n      --slide-from: translateX(100%);\n    }\n  }\n\n  &[data-placement=center] {\n    align-items: center;\n  }\n\n  &[data-placement=end] {\n    align-items: flex-end;\n    --slide-from: translateX(100%);\n\n    &:dir(rtl) {\n      --slide-from: translateX(-100%);\n    }\n  }\n}\n\n.spectrum-Toast {\n  composes: spectrum-FocusRing;\n  --spectrum-focus-ring-border-radius: var(--spectrum-toast-border-radius);\n  --spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap);\n  --spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size);\n\n  position: relative;\n  outline: none;\n\n  .spectrum-Toast-contentWrapper {\n    display: inline-flex;\n  }\n}\n\n.spectrum-ToastContainer-list {\n  display: inherit;\n  flex-direction: inherit;\n  align-items: inherit;\n  list-style-type: none;\n  margin: 0;\n  padding-inline-start: 0;\n}\n\n.spectrum-ToastContainer-listitem {\n  display: inline-block;\n  view-transition-class: toast;\n}\n\n@keyframes slide-in {\n  from {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n\n@keyframes slide-out {\n  to {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n\n@keyframes fade-out {\n  to {\n    opacity: 0;\n  }\n}\n\n::view-transition-group(.toast) {\n  animation-duration: 300ms;\n}\n\n::view-transition-group(.toast.bottom) {\n  --slideX: 0;\n  --slideY: calc(100% + 12px);\n}\n\n::view-transition-group(.toast.top) {\n  --slideX: 0;\n  --slideY: calc(-100% - 12px);\n}\n\n::view-transition-group(.toast.start) {\n  --slideX: calc(-100% - 12px);\n  --slideY: 0;\n}\n\n::view-transition-group(.toast.end) {\n  --slideX: calc(100% + 12px);\n  --slideY: 0;\n}\n\n::view-transition-new(.toast):only-child {\n  animation-name: slide-in;\n}\n\n::view-transition-old(.toast):only-child {\n  animation-name: slide-out;\n}\n\n::view-transition-old(.toast.fadeOnly):only-child {\n  animation-name: fade-out;\n}\n"],"names":[],"version":3,"file":"toastContainer_css.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AAEA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAEA,IAAA;AAEA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AApBA,4CAA2B,CAAC,cAAc,CAAC;AAC3C,4CAAwB,CAAC,WAAW,CAAC;AACrC,4CAA6B,CAAC,gBAAgB,CAAC;AAC/C;AACA,4CAA6B,CAAC,gBAAgB,CAAC;AAC/C,4CAA+B,CAAC,kBAAkB,CAAC;AACnD,4CAA4C,CAAC,+BAA+B,CAAC;AAC7E,4CAAuC,CAAC,2BAA2B,EAAE,2CAA2C;AAChH,4CAAkD,CAAC,sCAAsC,EAAE,2CAAsC;AACjI,4CAA6B,CAAC,gBAAgB,CAAC;AAC/C;AACA,4CAA8B,CAAC,iBAAiB,CAAC;AACjD;AACA,4CAA8C,CAAC,iCAAiC,CAAC;AACjF,4CAAmC,CAAC,uBAAuB,EAAE,2CAAsC;AACnG,4CAAkD,CAAC,qCAAqC,CAAC;AACzF,4CAAiD,CAAC,oCAAoC,CAAC;AACvF,4CAAqD,CAAC,wCAAwC,CAAC;AAC/F,4CAA0B,CAAC,aAAa,CAAC;AACzC,4CAA0B,CAAC,aAAa,CAAC;AACzC,0CAAwB,CAAC,WAAW,CAAC","sources":["packages/@adobe/react-spectrum/src/toast/toastContainer.css"],"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\n@import '@adobe/spectrum-css-temp/components/commons/focus-ring.css';\n\n.react-spectrum-ToastContainer {\n  composes: spectrum-FocusRing;\n  --spectrum-focus-ring-border-radius: var(--spectrum-toast-border-radius);\n  --spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap);\n  --spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size);\n\n  position: fixed;\n  inset-inline-start: 0;\n  inset-inline-end: 0;\n  z-index: 100050; /* above modals */\n  display: flex;\n  pointer-events: none;\n  outline: none;\n  /* keep focus ring inside the viewport */\n  margin-block-end: 8px;\n  margin-inline: 8px;\n\n  .spectrum-Toast {\n    margin: 8px;\n    pointer-events: all;\n  }\n\n  &[data-position='top'] {\n    top: 0;\n    flex-direction: column;\n    --slide-from: translateY(-100%);\n  }\n\n  &[data-position='bottom'] {\n    bottom: 0;\n    flex-direction: column-reverse;\n    --slide-from: translateY(100%);\n  }\n\n  &[data-placement='start'] {\n    align-items: flex-start;\n    --slide-from: translateX(-100%);\n\n    &:dir(rtl) {\n      --slide-from: translateX(100%);\n    }\n  }\n\n  &[data-placement='center'] {\n    align-items: center;\n  }\n\n  &[data-placement='end'] {\n    align-items: flex-end;\n    --slide-from: translateX(100%);\n\n    &:dir(rtl) {\n      --slide-from: translateX(-100%);\n    }\n  }\n}\n\n.spectrum-Toast {\n  composes: spectrum-FocusRing;\n  --spectrum-focus-ring-border-radius: var(--spectrum-toast-border-radius);\n  --spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap);\n  --spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size);\n\n  position: relative;\n  outline: none;\n\n  .spectrum-Toast-contentWrapper {\n    display: inline-flex;\n  }\n}\n\n.spectrum-ToastContainer-list {\n  display: inherit;\n  flex-direction: inherit;\n  align-items: inherit;\n  list-style-type: none;\n  margin: 0;\n  padding-inline-start: 0;\n}\n\n.spectrum-ToastContainer-listitem {\n  display: inline-block;\n  view-transition-class: toast;\n}\n\n@keyframes slide-in {\n  from {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n\n@keyframes slide-out {\n  to {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n\n@keyframes fade-out {\n  to {\n    opacity: 0;\n  }\n}\n\n::view-transition-group(.toast) {\n  animation-duration: 300ms;\n}\n\n::view-transition-group(.toast.bottom) {\n  --slideX: 0;\n  --slideY: calc(100% + 12px);\n}\n\n::view-transition-group(.toast.top) {\n  --slideX: 0;\n  --slideY: calc(-100% - 12px);\n}\n\n::view-transition-group(.toast.start) {\n  --slideX: calc(-100% - 12px);\n  --slideY: 0;\n}\n\n::view-transition-group(.toast.end) {\n  --slideX: calc(100% + 12px);\n  --slideY: 0;\n}\n\n::view-transition-new(.toast):only-child {\n  animation-name: slide-in;\n}\n\n::view-transition-old(.toast):only-child {\n  animation-name: slide-out;\n}\n\n::view-transition-old(.toast.fadeOnly):only-child {\n  animation-name: fade-out;\n}\n"],"names":[],"version":3,"file":"toastContainer_css.mjs.map"}