@react-spectrum/toast 3.0.0-nightly.3114 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/dist/Toast.main.js +6 -15
  2. package/dist/Toast.main.js.map +1 -1
  3. package/dist/Toast.mjs +6 -15
  4. package/dist/Toast.module.js +6 -15
  5. package/dist/Toast.module.js.map +1 -1
  6. package/dist/ToastContainer.main.js +37 -12
  7. package/dist/ToastContainer.main.js.map +1 -1
  8. package/dist/ToastContainer.mjs +38 -13
  9. package/dist/ToastContainer.module.js +38 -13
  10. package/dist/ToastContainer.module.js.map +1 -1
  11. package/dist/Toaster.main.js +14 -4
  12. package/dist/Toaster.main.js.map +1 -1
  13. package/dist/Toaster.mjs +15 -5
  14. package/dist/Toaster.module.js +15 -5
  15. package/dist/Toaster.module.js.map +1 -1
  16. package/dist/{toastContainer.da404f80.css → toastContainer.6706a095.css} +69 -45
  17. package/dist/toastContainer.6706a095.css.map +1 -0
  18. package/dist/toastContainer_css.main.js +33 -11
  19. package/dist/toastContainer_css.main.js.map +1 -1
  20. package/dist/toastContainer_css.mjs +33 -11
  21. package/dist/toastContainer_css.module.js +33 -11
  22. package/dist/toastContainer_css.module.js.map +1 -1
  23. package/dist/toast_vars_css.main.js +10 -10
  24. package/dist/toast_vars_css.mjs +10 -10
  25. package/dist/toast_vars_css.module.js +10 -10
  26. package/dist/types.d.ts +4 -2
  27. package/dist/types.d.ts.map +1 -1
  28. package/dist/{vars.c6e65b7e.css → vars.84eec607.css} +16 -16
  29. package/dist/{vars.c6e65b7e.css.map → vars.84eec607.css.map} +1 -1
  30. package/package.json +17 -17
  31. package/src/Toast.tsx +3 -17
  32. package/src/ToastContainer.tsx +52 -24
  33. package/src/Toaster.tsx +12 -5
  34. package/src/toastContainer.css +46 -24
  35. package/dist/toastContainer.da404f80.css.map +0 -1
@@ -4,41 +4,63 @@ function $parcel$export(e, n, v, s) {
4
4
  }
5
5
  var $f3b51ac952d4aeac$exports = {};
6
6
 
7
+ $parcel$export($f3b51ac952d4aeac$exports, "bottom", () => $f3b51ac952d4aeac$export$40e543e69a8b3fbb, (v) => $f3b51ac952d4aeac$export$40e543e69a8b3fbb = v);
8
+ $parcel$export($f3b51ac952d4aeac$exports, "end", () => $f3b51ac952d4aeac$export$bd5df0f255a350f8, (v) => $f3b51ac952d4aeac$export$bd5df0f255a350f8 = v);
7
9
  $parcel$export($f3b51ac952d4aeac$exports, "fade-out", () => $f3b51ac952d4aeac$export$f562fd61c53bdcd9, (v) => $f3b51ac952d4aeac$export$f562fd61c53bdcd9 = v);
10
+ $parcel$export($f3b51ac952d4aeac$exports, "fadeOnly", () => $f3b51ac952d4aeac$export$b64c001c6ac355f3, (v) => $f3b51ac952d4aeac$export$b64c001c6ac355f3 = v);
8
11
  $parcel$export($f3b51ac952d4aeac$exports, "focus-ring", () => $f3b51ac952d4aeac$export$f39a09f249340e2a, (v) => $f3b51ac952d4aeac$export$f39a09f249340e2a = v);
9
12
  $parcel$export($f3b51ac952d4aeac$exports, "spectrum-FocusRing-ring", () => $f3b51ac952d4aeac$export$4109102f950813a6, (v) => $f3b51ac952d4aeac$export$4109102f950813a6 = v);
10
13
  $parcel$export($f3b51ac952d4aeac$exports, "spectrum-FocusRing", () => $f3b51ac952d4aeac$export$24c7f46a6e3605dd, (v) => $f3b51ac952d4aeac$export$24c7f46a6e3605dd = v);
11
14
  $parcel$export($f3b51ac952d4aeac$exports, "react-spectrum-ToastContainer", () => $f3b51ac952d4aeac$export$bed15bd1aa62542d, (v) => $f3b51ac952d4aeac$export$bed15bd1aa62542d = v);
12
15
  $parcel$export($f3b51ac952d4aeac$exports, "slide-in", () => $f3b51ac952d4aeac$export$1c220dee9e4dbe34, (v) => $f3b51ac952d4aeac$export$1c220dee9e4dbe34 = v);
16
+ $parcel$export($f3b51ac952d4aeac$exports, "slide-out", () => $f3b51ac952d4aeac$export$ec7246eb5d3e2aa3, (v) => $f3b51ac952d4aeac$export$ec7246eb5d3e2aa3 = v);
13
17
  $parcel$export($f3b51ac952d4aeac$exports, "spectrum-FocusRing--quiet", () => $f3b51ac952d4aeac$export$2927016961429360, (v) => $f3b51ac952d4aeac$export$2927016961429360 = v);
14
18
  $parcel$export($f3b51ac952d4aeac$exports, "spectrum-Toast", () => $f3b51ac952d4aeac$export$c8747d73d7954b9c, (v) => $f3b51ac952d4aeac$export$c8747d73d7954b9c = v);
15
19
  $parcel$export($f3b51ac952d4aeac$exports, "spectrum-Toast-contentWrapper", () => $f3b51ac952d4aeac$export$cc3ddc864ea8cf74, (v) => $f3b51ac952d4aeac$export$cc3ddc864ea8cf74 = v);
16
20
  $parcel$export($f3b51ac952d4aeac$exports, "spectrum-ToastContainer-list", () => $f3b51ac952d4aeac$export$110195e8d94c1813, (v) => $f3b51ac952d4aeac$export$110195e8d94c1813 = v);
17
21
  $parcel$export($f3b51ac952d4aeac$exports, "spectrum-ToastContainer-listitem", () => $f3b51ac952d4aeac$export$36fca876e8f72fde, (v) => $f3b51ac952d4aeac$export$36fca876e8f72fde = v);
22
+ $parcel$export($f3b51ac952d4aeac$exports, "start", () => $f3b51ac952d4aeac$export$b3571188c770cc5a, (v) => $f3b51ac952d4aeac$export$b3571188c770cc5a = v);
23
+ $parcel$export($f3b51ac952d4aeac$exports, "toast", () => $f3b51ac952d4aeac$export$b410431fab84fa58, (v) => $f3b51ac952d4aeac$export$b410431fab84fa58 = v);
24
+ $parcel$export($f3b51ac952d4aeac$exports, "top", () => $f3b51ac952d4aeac$export$1e95b668f3b82d, (v) => $f3b51ac952d4aeac$export$1e95b668f3b82d = v);
25
+ var $f3b51ac952d4aeac$export$40e543e69a8b3fbb;
26
+ var $f3b51ac952d4aeac$export$bd5df0f255a350f8;
18
27
  var $f3b51ac952d4aeac$export$f562fd61c53bdcd9;
28
+ var $f3b51ac952d4aeac$export$b64c001c6ac355f3;
19
29
  var $f3b51ac952d4aeac$export$f39a09f249340e2a;
20
30
  var $f3b51ac952d4aeac$export$4109102f950813a6;
21
31
  var $f3b51ac952d4aeac$export$24c7f46a6e3605dd;
22
32
  var $f3b51ac952d4aeac$export$bed15bd1aa62542d;
23
33
  var $f3b51ac952d4aeac$export$1c220dee9e4dbe34;
34
+ var $f3b51ac952d4aeac$export$ec7246eb5d3e2aa3;
24
35
  var $f3b51ac952d4aeac$export$2927016961429360;
25
36
  var $f3b51ac952d4aeac$export$c8747d73d7954b9c;
26
37
  var $f3b51ac952d4aeac$export$cc3ddc864ea8cf74;
27
38
  var $f3b51ac952d4aeac$export$110195e8d94c1813;
28
39
  var $f3b51ac952d4aeac$export$36fca876e8f72fde;
29
- $f3b51ac952d4aeac$export$f562fd61c53bdcd9 = `xynrca_fade-out`;
40
+ var $f3b51ac952d4aeac$export$b3571188c770cc5a;
41
+ var $f3b51ac952d4aeac$export$b410431fab84fa58;
42
+ var $f3b51ac952d4aeac$export$1e95b668f3b82d;
43
+ $f3b51ac952d4aeac$export$40e543e69a8b3fbb = `MuiPUq_bottom`;
44
+ $f3b51ac952d4aeac$export$bd5df0f255a350f8 = `MuiPUq_end`;
45
+ $f3b51ac952d4aeac$export$f562fd61c53bdcd9 = `MuiPUq_fade-out`;
30
46
  $f3b51ac952d4aeac$export$f562fd61c53bdcd9;
31
- $f3b51ac952d4aeac$export$f39a09f249340e2a = `xynrca_focus-ring`;
32
- $f3b51ac952d4aeac$export$4109102f950813a6 = `xynrca_spectrum-FocusRing-ring`;
33
- $f3b51ac952d4aeac$export$24c7f46a6e3605dd = `xynrca_spectrum-FocusRing ${$f3b51ac952d4aeac$export$4109102f950813a6}`;
34
- $f3b51ac952d4aeac$export$bed15bd1aa62542d = `xynrca_react-spectrum-ToastContainer ${$f3b51ac952d4aeac$export$24c7f46a6e3605dd}`;
35
- $f3b51ac952d4aeac$export$1c220dee9e4dbe34 = `xynrca_slide-in`;
47
+ $f3b51ac952d4aeac$export$b64c001c6ac355f3 = `MuiPUq_fadeOnly`;
48
+ $f3b51ac952d4aeac$export$f39a09f249340e2a = `MuiPUq_focus-ring`;
49
+ $f3b51ac952d4aeac$export$4109102f950813a6 = `MuiPUq_spectrum-FocusRing-ring`;
50
+ $f3b51ac952d4aeac$export$24c7f46a6e3605dd = `MuiPUq_spectrum-FocusRing ${$f3b51ac952d4aeac$export$4109102f950813a6}`;
51
+ $f3b51ac952d4aeac$export$bed15bd1aa62542d = `MuiPUq_react-spectrum-ToastContainer ${$f3b51ac952d4aeac$export$24c7f46a6e3605dd}`;
52
+ $f3b51ac952d4aeac$export$1c220dee9e4dbe34 = `MuiPUq_slide-in`;
36
53
  $f3b51ac952d4aeac$export$1c220dee9e4dbe34;
37
- $f3b51ac952d4aeac$export$2927016961429360 = `xynrca_spectrum-FocusRing--quiet`;
38
- $f3b51ac952d4aeac$export$c8747d73d7954b9c = `xynrca_spectrum-Toast ${$f3b51ac952d4aeac$export$24c7f46a6e3605dd}`;
39
- $f3b51ac952d4aeac$export$cc3ddc864ea8cf74 = `xynrca_spectrum-Toast-contentWrapper`;
40
- $f3b51ac952d4aeac$export$110195e8d94c1813 = `xynrca_spectrum-ToastContainer-list`;
41
- $f3b51ac952d4aeac$export$36fca876e8f72fde = `xynrca_spectrum-ToastContainer-listitem`;
54
+ $f3b51ac952d4aeac$export$ec7246eb5d3e2aa3 = `MuiPUq_slide-out`;
55
+ $f3b51ac952d4aeac$export$ec7246eb5d3e2aa3;
56
+ $f3b51ac952d4aeac$export$2927016961429360 = `MuiPUq_spectrum-FocusRing--quiet`;
57
+ $f3b51ac952d4aeac$export$c8747d73d7954b9c = `MuiPUq_spectrum-Toast ${$f3b51ac952d4aeac$export$24c7f46a6e3605dd}`;
58
+ $f3b51ac952d4aeac$export$cc3ddc864ea8cf74 = `MuiPUq_spectrum-Toast-contentWrapper`;
59
+ $f3b51ac952d4aeac$export$110195e8d94c1813 = `MuiPUq_spectrum-ToastContainer-list`;
60
+ $f3b51ac952d4aeac$export$36fca876e8f72fde = `MuiPUq_spectrum-ToastContainer-listitem`;
61
+ $f3b51ac952d4aeac$export$b3571188c770cc5a = `MuiPUq_start`;
62
+ $f3b51ac952d4aeac$export$b410431fab84fa58 = `MuiPUq_toast`;
63
+ $f3b51ac952d4aeac$export$1e95b668f3b82d = `MuiPUq_top`;
42
64
 
43
65
 
44
66
  export {$f3b51ac952d4aeac$exports as default};
@@ -4,41 +4,63 @@ function $parcel$export(e, n, v, s) {
4
4
  }
5
5
  var $f3b51ac952d4aeac$exports = {};
6
6
 
7
+ $parcel$export($f3b51ac952d4aeac$exports, "bottom", () => $f3b51ac952d4aeac$export$40e543e69a8b3fbb, (v) => $f3b51ac952d4aeac$export$40e543e69a8b3fbb = v);
8
+ $parcel$export($f3b51ac952d4aeac$exports, "end", () => $f3b51ac952d4aeac$export$bd5df0f255a350f8, (v) => $f3b51ac952d4aeac$export$bd5df0f255a350f8 = v);
7
9
  $parcel$export($f3b51ac952d4aeac$exports, "fade-out", () => $f3b51ac952d4aeac$export$f562fd61c53bdcd9, (v) => $f3b51ac952d4aeac$export$f562fd61c53bdcd9 = v);
10
+ $parcel$export($f3b51ac952d4aeac$exports, "fadeOnly", () => $f3b51ac952d4aeac$export$b64c001c6ac355f3, (v) => $f3b51ac952d4aeac$export$b64c001c6ac355f3 = v);
8
11
  $parcel$export($f3b51ac952d4aeac$exports, "focus-ring", () => $f3b51ac952d4aeac$export$f39a09f249340e2a, (v) => $f3b51ac952d4aeac$export$f39a09f249340e2a = v);
9
12
  $parcel$export($f3b51ac952d4aeac$exports, "spectrum-FocusRing-ring", () => $f3b51ac952d4aeac$export$4109102f950813a6, (v) => $f3b51ac952d4aeac$export$4109102f950813a6 = v);
10
13
  $parcel$export($f3b51ac952d4aeac$exports, "spectrum-FocusRing", () => $f3b51ac952d4aeac$export$24c7f46a6e3605dd, (v) => $f3b51ac952d4aeac$export$24c7f46a6e3605dd = v);
11
14
  $parcel$export($f3b51ac952d4aeac$exports, "react-spectrum-ToastContainer", () => $f3b51ac952d4aeac$export$bed15bd1aa62542d, (v) => $f3b51ac952d4aeac$export$bed15bd1aa62542d = v);
12
15
  $parcel$export($f3b51ac952d4aeac$exports, "slide-in", () => $f3b51ac952d4aeac$export$1c220dee9e4dbe34, (v) => $f3b51ac952d4aeac$export$1c220dee9e4dbe34 = v);
16
+ $parcel$export($f3b51ac952d4aeac$exports, "slide-out", () => $f3b51ac952d4aeac$export$ec7246eb5d3e2aa3, (v) => $f3b51ac952d4aeac$export$ec7246eb5d3e2aa3 = v);
13
17
  $parcel$export($f3b51ac952d4aeac$exports, "spectrum-FocusRing--quiet", () => $f3b51ac952d4aeac$export$2927016961429360, (v) => $f3b51ac952d4aeac$export$2927016961429360 = v);
14
18
  $parcel$export($f3b51ac952d4aeac$exports, "spectrum-Toast", () => $f3b51ac952d4aeac$export$c8747d73d7954b9c, (v) => $f3b51ac952d4aeac$export$c8747d73d7954b9c = v);
15
19
  $parcel$export($f3b51ac952d4aeac$exports, "spectrum-Toast-contentWrapper", () => $f3b51ac952d4aeac$export$cc3ddc864ea8cf74, (v) => $f3b51ac952d4aeac$export$cc3ddc864ea8cf74 = v);
16
20
  $parcel$export($f3b51ac952d4aeac$exports, "spectrum-ToastContainer-list", () => $f3b51ac952d4aeac$export$110195e8d94c1813, (v) => $f3b51ac952d4aeac$export$110195e8d94c1813 = v);
17
21
  $parcel$export($f3b51ac952d4aeac$exports, "spectrum-ToastContainer-listitem", () => $f3b51ac952d4aeac$export$36fca876e8f72fde, (v) => $f3b51ac952d4aeac$export$36fca876e8f72fde = v);
22
+ $parcel$export($f3b51ac952d4aeac$exports, "start", () => $f3b51ac952d4aeac$export$b3571188c770cc5a, (v) => $f3b51ac952d4aeac$export$b3571188c770cc5a = v);
23
+ $parcel$export($f3b51ac952d4aeac$exports, "toast", () => $f3b51ac952d4aeac$export$b410431fab84fa58, (v) => $f3b51ac952d4aeac$export$b410431fab84fa58 = v);
24
+ $parcel$export($f3b51ac952d4aeac$exports, "top", () => $f3b51ac952d4aeac$export$1e95b668f3b82d, (v) => $f3b51ac952d4aeac$export$1e95b668f3b82d = v);
25
+ var $f3b51ac952d4aeac$export$40e543e69a8b3fbb;
26
+ var $f3b51ac952d4aeac$export$bd5df0f255a350f8;
18
27
  var $f3b51ac952d4aeac$export$f562fd61c53bdcd9;
28
+ var $f3b51ac952d4aeac$export$b64c001c6ac355f3;
19
29
  var $f3b51ac952d4aeac$export$f39a09f249340e2a;
20
30
  var $f3b51ac952d4aeac$export$4109102f950813a6;
21
31
  var $f3b51ac952d4aeac$export$24c7f46a6e3605dd;
22
32
  var $f3b51ac952d4aeac$export$bed15bd1aa62542d;
23
33
  var $f3b51ac952d4aeac$export$1c220dee9e4dbe34;
34
+ var $f3b51ac952d4aeac$export$ec7246eb5d3e2aa3;
24
35
  var $f3b51ac952d4aeac$export$2927016961429360;
25
36
  var $f3b51ac952d4aeac$export$c8747d73d7954b9c;
26
37
  var $f3b51ac952d4aeac$export$cc3ddc864ea8cf74;
27
38
  var $f3b51ac952d4aeac$export$110195e8d94c1813;
28
39
  var $f3b51ac952d4aeac$export$36fca876e8f72fde;
29
- $f3b51ac952d4aeac$export$f562fd61c53bdcd9 = `xynrca_fade-out`;
40
+ var $f3b51ac952d4aeac$export$b3571188c770cc5a;
41
+ var $f3b51ac952d4aeac$export$b410431fab84fa58;
42
+ var $f3b51ac952d4aeac$export$1e95b668f3b82d;
43
+ $f3b51ac952d4aeac$export$40e543e69a8b3fbb = `MuiPUq_bottom`;
44
+ $f3b51ac952d4aeac$export$bd5df0f255a350f8 = `MuiPUq_end`;
45
+ $f3b51ac952d4aeac$export$f562fd61c53bdcd9 = `MuiPUq_fade-out`;
30
46
  $f3b51ac952d4aeac$export$f562fd61c53bdcd9;
31
- $f3b51ac952d4aeac$export$f39a09f249340e2a = `xynrca_focus-ring`;
32
- $f3b51ac952d4aeac$export$4109102f950813a6 = `xynrca_spectrum-FocusRing-ring`;
33
- $f3b51ac952d4aeac$export$24c7f46a6e3605dd = `xynrca_spectrum-FocusRing ${$f3b51ac952d4aeac$export$4109102f950813a6}`;
34
- $f3b51ac952d4aeac$export$bed15bd1aa62542d = `xynrca_react-spectrum-ToastContainer ${$f3b51ac952d4aeac$export$24c7f46a6e3605dd}`;
35
- $f3b51ac952d4aeac$export$1c220dee9e4dbe34 = `xynrca_slide-in`;
47
+ $f3b51ac952d4aeac$export$b64c001c6ac355f3 = `MuiPUq_fadeOnly`;
48
+ $f3b51ac952d4aeac$export$f39a09f249340e2a = `MuiPUq_focus-ring`;
49
+ $f3b51ac952d4aeac$export$4109102f950813a6 = `MuiPUq_spectrum-FocusRing-ring`;
50
+ $f3b51ac952d4aeac$export$24c7f46a6e3605dd = `MuiPUq_spectrum-FocusRing ${$f3b51ac952d4aeac$export$4109102f950813a6}`;
51
+ $f3b51ac952d4aeac$export$bed15bd1aa62542d = `MuiPUq_react-spectrum-ToastContainer ${$f3b51ac952d4aeac$export$24c7f46a6e3605dd}`;
52
+ $f3b51ac952d4aeac$export$1c220dee9e4dbe34 = `MuiPUq_slide-in`;
36
53
  $f3b51ac952d4aeac$export$1c220dee9e4dbe34;
37
- $f3b51ac952d4aeac$export$2927016961429360 = `xynrca_spectrum-FocusRing--quiet`;
38
- $f3b51ac952d4aeac$export$c8747d73d7954b9c = `xynrca_spectrum-Toast ${$f3b51ac952d4aeac$export$24c7f46a6e3605dd}`;
39
- $f3b51ac952d4aeac$export$cc3ddc864ea8cf74 = `xynrca_spectrum-Toast-contentWrapper`;
40
- $f3b51ac952d4aeac$export$110195e8d94c1813 = `xynrca_spectrum-ToastContainer-list`;
41
- $f3b51ac952d4aeac$export$36fca876e8f72fde = `xynrca_spectrum-ToastContainer-listitem`;
54
+ $f3b51ac952d4aeac$export$ec7246eb5d3e2aa3 = `MuiPUq_slide-out`;
55
+ $f3b51ac952d4aeac$export$ec7246eb5d3e2aa3;
56
+ $f3b51ac952d4aeac$export$2927016961429360 = `MuiPUq_spectrum-FocusRing--quiet`;
57
+ $f3b51ac952d4aeac$export$c8747d73d7954b9c = `MuiPUq_spectrum-Toast ${$f3b51ac952d4aeac$export$24c7f46a6e3605dd}`;
58
+ $f3b51ac952d4aeac$export$cc3ddc864ea8cf74 = `MuiPUq_spectrum-Toast-contentWrapper`;
59
+ $f3b51ac952d4aeac$export$110195e8d94c1813 = `MuiPUq_spectrum-ToastContainer-list`;
60
+ $f3b51ac952d4aeac$export$36fca876e8f72fde = `MuiPUq_spectrum-ToastContainer-listitem`;
61
+ $f3b51ac952d4aeac$export$b3571188c770cc5a = `MuiPUq_start`;
62
+ $f3b51ac952d4aeac$export$b410431fab84fa58 = `MuiPUq_toast`;
63
+ $f3b51ac952d4aeac$export$1e95b668f3b82d = `MuiPUq_top`;
42
64
 
43
65
 
44
66
  export {$f3b51ac952d4aeac$exports as default};
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAA;AAEA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAEA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAZA,4CAA6B,CAAC,eAAe,CAAC;AAC9C;AACA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAAuC,CAAC,0BAA0B,EAAE,0CAA0C,CAAC;AAC/G,4CAAkD,CAAC,qCAAqC,EAAE,0CAAqC,CAAC;AAChI,4CAA6B,CAAC,eAAe,CAAC;AAC9C;AACA,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAAmC,CAAC,sBAAsB,EAAE,0CAAqC,CAAC;AAClG,4CAAkD,CAAC,oCAAoC,CAAC;AACxF,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAAqD,CAAC,uCAAuC,CAAC","sources":["packages/@react-spectrum/toast/src/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 --slide-to: translateY(0);\n }\n\n &[data-position=bottom] {\n bottom: 0;\n flex-direction: column-reverse;\n --slide-from: translateY(100%);\n --slide-to: translateY(0);\n }\n\n &[data-placement=left] {\n align-items: flex-start;\n --slide-from: translateX(-100%);\n --slide-to: translateX(0);\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=right] {\n align-items: flex-end;\n --slide-from: translateX(100%);\n --slide-to: translateX(0);\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 &[data-animation=entering] {\n animation: slide-in 300ms;\n }\n\n &[data-animation=exiting] {\n animation: fade-out 300ms forwards;\n }\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-block-start: 0;\n margin-block-end: 0;\n margin-inline-start: 0;\n margin-inline-end: 0;\n padding-inline-start: 0;\n}\n\n.spectrum-ToastContainer-listitem {\n display: inline-block;\n}\n\n@keyframes slide-in {\n from {\n transform: var(--slide-from);\n }\n\n to {\n transform: var(--slide-to);\n }\n}\n\n@keyframes fade-out {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n}\n"],"names":[],"version":3,"file":"toastContainer_css.module.js.map"}
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/@react-spectrum/toast/src/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.module.js.map"}
@@ -23,16 +23,16 @@ var $b6e6aa676f8f9e47$export$36e75d1f579741b3;
23
23
  var $b6e6aa676f8f9e47$export$19218cf016f919e5;
24
24
  var $b6e6aa676f8f9e47$export$454f092ca47c3462;
25
25
  var $b6e6aa676f8f9e47$export$8e9e50fe392680b2;
26
- $b6e6aa676f8f9e47$export$1db4cca5b4ade39a = `O7O3BG_spectrum-Button`;
27
- $b6e6aa676f8f9e47$export$b752ce409e5660c = `O7O3BG_spectrum-ClearButton`;
28
- $b6e6aa676f8f9e47$export$c8747d73d7954b9c = `O7O3BG_spectrum-Toast`;
29
- $b6e6aa676f8f9e47$export$fcf916881d7253a9 = `O7O3BG_spectrum-Toast--info`;
30
- $b6e6aa676f8f9e47$export$bd5a0b226e8b302 = `O7O3BG_spectrum-Toast--negative`;
31
- $b6e6aa676f8f9e47$export$5c8e63d2763f4a55 = `O7O3BG_spectrum-Toast--positive`;
32
- $b6e6aa676f8f9e47$export$36e75d1f579741b3 = `O7O3BG_spectrum-Toast-body`;
33
- $b6e6aa676f8f9e47$export$19218cf016f919e5 = `O7O3BG_spectrum-Toast-buttons`;
34
- $b6e6aa676f8f9e47$export$454f092ca47c3462 = `O7O3BG_spectrum-Toast-content`;
35
- $b6e6aa676f8f9e47$export$8e9e50fe392680b2 = `O7O3BG_spectrum-Toast-typeIcon`;
26
+ $b6e6aa676f8f9e47$export$1db4cca5b4ade39a = `swo6Nq_spectrum-Button`;
27
+ $b6e6aa676f8f9e47$export$b752ce409e5660c = `swo6Nq_spectrum-ClearButton`;
28
+ $b6e6aa676f8f9e47$export$c8747d73d7954b9c = `swo6Nq_spectrum-Toast`;
29
+ $b6e6aa676f8f9e47$export$fcf916881d7253a9 = `swo6Nq_spectrum-Toast--info`;
30
+ $b6e6aa676f8f9e47$export$bd5a0b226e8b302 = `swo6Nq_spectrum-Toast--negative`;
31
+ $b6e6aa676f8f9e47$export$5c8e63d2763f4a55 = `swo6Nq_spectrum-Toast--positive`;
32
+ $b6e6aa676f8f9e47$export$36e75d1f579741b3 = `swo6Nq_spectrum-Toast-body`;
33
+ $b6e6aa676f8f9e47$export$19218cf016f919e5 = `swo6Nq_spectrum-Toast-buttons`;
34
+ $b6e6aa676f8f9e47$export$454f092ca47c3462 = `swo6Nq_spectrum-Toast-content`;
35
+ $b6e6aa676f8f9e47$export$8e9e50fe392680b2 = `swo6Nq_spectrum-Toast-typeIcon`;
36
36
 
37
37
 
38
38
  //# sourceMappingURL=toast_vars_css.main.js.map
@@ -24,16 +24,16 @@ var $e05a169dc2f4f928$export$36e75d1f579741b3;
24
24
  var $e05a169dc2f4f928$export$19218cf016f919e5;
25
25
  var $e05a169dc2f4f928$export$454f092ca47c3462;
26
26
  var $e05a169dc2f4f928$export$8e9e50fe392680b2;
27
- $e05a169dc2f4f928$export$1db4cca5b4ade39a = `O7O3BG_spectrum-Button`;
28
- $e05a169dc2f4f928$export$b752ce409e5660c = `O7O3BG_spectrum-ClearButton`;
29
- $e05a169dc2f4f928$export$c8747d73d7954b9c = `O7O3BG_spectrum-Toast`;
30
- $e05a169dc2f4f928$export$fcf916881d7253a9 = `O7O3BG_spectrum-Toast--info`;
31
- $e05a169dc2f4f928$export$bd5a0b226e8b302 = `O7O3BG_spectrum-Toast--negative`;
32
- $e05a169dc2f4f928$export$5c8e63d2763f4a55 = `O7O3BG_spectrum-Toast--positive`;
33
- $e05a169dc2f4f928$export$36e75d1f579741b3 = `O7O3BG_spectrum-Toast-body`;
34
- $e05a169dc2f4f928$export$19218cf016f919e5 = `O7O3BG_spectrum-Toast-buttons`;
35
- $e05a169dc2f4f928$export$454f092ca47c3462 = `O7O3BG_spectrum-Toast-content`;
36
- $e05a169dc2f4f928$export$8e9e50fe392680b2 = `O7O3BG_spectrum-Toast-typeIcon`;
27
+ $e05a169dc2f4f928$export$1db4cca5b4ade39a = `swo6Nq_spectrum-Button`;
28
+ $e05a169dc2f4f928$export$b752ce409e5660c = `swo6Nq_spectrum-ClearButton`;
29
+ $e05a169dc2f4f928$export$c8747d73d7954b9c = `swo6Nq_spectrum-Toast`;
30
+ $e05a169dc2f4f928$export$fcf916881d7253a9 = `swo6Nq_spectrum-Toast--info`;
31
+ $e05a169dc2f4f928$export$bd5a0b226e8b302 = `swo6Nq_spectrum-Toast--negative`;
32
+ $e05a169dc2f4f928$export$5c8e63d2763f4a55 = `swo6Nq_spectrum-Toast--positive`;
33
+ $e05a169dc2f4f928$export$36e75d1f579741b3 = `swo6Nq_spectrum-Toast-body`;
34
+ $e05a169dc2f4f928$export$19218cf016f919e5 = `swo6Nq_spectrum-Toast-buttons`;
35
+ $e05a169dc2f4f928$export$454f092ca47c3462 = `swo6Nq_spectrum-Toast-content`;
36
+ $e05a169dc2f4f928$export$8e9e50fe392680b2 = `swo6Nq_spectrum-Toast-typeIcon`;
37
37
 
38
38
 
39
39
  export {$e05a169dc2f4f928$exports as default};
@@ -24,16 +24,16 @@ var $e05a169dc2f4f928$export$36e75d1f579741b3;
24
24
  var $e05a169dc2f4f928$export$19218cf016f919e5;
25
25
  var $e05a169dc2f4f928$export$454f092ca47c3462;
26
26
  var $e05a169dc2f4f928$export$8e9e50fe392680b2;
27
- $e05a169dc2f4f928$export$1db4cca5b4ade39a = `O7O3BG_spectrum-Button`;
28
- $e05a169dc2f4f928$export$b752ce409e5660c = `O7O3BG_spectrum-ClearButton`;
29
- $e05a169dc2f4f928$export$c8747d73d7954b9c = `O7O3BG_spectrum-Toast`;
30
- $e05a169dc2f4f928$export$fcf916881d7253a9 = `O7O3BG_spectrum-Toast--info`;
31
- $e05a169dc2f4f928$export$bd5a0b226e8b302 = `O7O3BG_spectrum-Toast--negative`;
32
- $e05a169dc2f4f928$export$5c8e63d2763f4a55 = `O7O3BG_spectrum-Toast--positive`;
33
- $e05a169dc2f4f928$export$36e75d1f579741b3 = `O7O3BG_spectrum-Toast-body`;
34
- $e05a169dc2f4f928$export$19218cf016f919e5 = `O7O3BG_spectrum-Toast-buttons`;
35
- $e05a169dc2f4f928$export$454f092ca47c3462 = `O7O3BG_spectrum-Toast-content`;
36
- $e05a169dc2f4f928$export$8e9e50fe392680b2 = `O7O3BG_spectrum-Toast-typeIcon`;
27
+ $e05a169dc2f4f928$export$1db4cca5b4ade39a = `swo6Nq_spectrum-Button`;
28
+ $e05a169dc2f4f928$export$b752ce409e5660c = `swo6Nq_spectrum-ClearButton`;
29
+ $e05a169dc2f4f928$export$c8747d73d7954b9c = `swo6Nq_spectrum-Toast`;
30
+ $e05a169dc2f4f928$export$fcf916881d7253a9 = `swo6Nq_spectrum-Toast--info`;
31
+ $e05a169dc2f4f928$export$bd5a0b226e8b302 = `swo6Nq_spectrum-Toast--negative`;
32
+ $e05a169dc2f4f928$export$5c8e63d2763f4a55 = `swo6Nq_spectrum-Toast--positive`;
33
+ $e05a169dc2f4f928$export$36e75d1f579741b3 = `swo6Nq_spectrum-Toast-body`;
34
+ $e05a169dc2f4f928$export$19218cf016f919e5 = `swo6Nq_spectrum-Toast-buttons`;
35
+ $e05a169dc2f4f928$export$454f092ca47c3462 = `swo6Nq_spectrum-Toast-content`;
36
+ $e05a169dc2f4f928$export$8e9e50fe392680b2 = `swo6Nq_spectrum-Toast-typeIcon`;
37
37
 
38
38
 
39
39
  export {$e05a169dc2f4f928$exports as default};
package/dist/types.d.ts CHANGED
@@ -2,9 +2,11 @@ import { AriaToastRegionProps } from "@react-aria/toast";
2
2
  import { DOMProps } from "@react-types/shared";
3
3
  import { ReactElement } from "react";
4
4
  import { ToastOptions } from "@react-stately/toast";
5
+ type ToastPlacement = 'top' | 'top end' | 'bottom' | 'bottom end';
5
6
  export interface SpectrumToastContainerProps extends AriaToastRegionProps {
7
+ placement?: ToastPlacement;
6
8
  }
7
- export interface SpectrumToastOptions extends Omit<ToastOptions, 'priority'>, DOMProps {
9
+ export interface SpectrumToastOptions extends ToastOptions, DOMProps {
8
10
  /** A label for the action button within the toast. */
9
11
  actionLabel?: string;
10
12
  /** Handler that is called when the action button is pressed. */
@@ -17,7 +19,7 @@ type CloseFunction = () => void;
17
19
  * A ToastContainer renders the queued toasts in an application. It should be placed
18
20
  * at the root of the app.
19
21
  */
20
- export function ToastContainer(props: SpectrumToastContainerProps): ReactElement;
22
+ export function ToastContainer(props: SpectrumToastContainerProps): ReactElement | null;
21
23
  export const ToastQueue: {
22
24
  /** Queues a neutral toast. */
23
25
  neutral(children: string, options?: SpectrumToastOptions): CloseFunction;
@@ -1 +1 @@
1
- {"mappings":";;;;AEuBA,4CAA6C,SAAQ,oBAAoB;CAAG;AAE5E,qCAAsC,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,EAAE,QAAQ;IACpF,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,gFAAgF;IAChF,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B;AAED,qBAAqB,MAAM,IAAI,CAAC;AAyChC;;;GAGG;AACH,+BAA+B,KAAK,EAAE,2BAA2B,GAAG,YAAY,CAkD/E;AAuCD,OAAA,MAAM;IACJ,8BAA8B;sBACZ,MAAM,YAAW,oBAAoB,GAAQ,aAAa;IAG5E,+BAA+B;uBACZ,MAAM,YAAW,oBAAoB,GAAQ,aAAa;IAG7E,+BAA+B;uBACZ,MAAM,YAAW,oBAAoB,GAAQ,aAAa;IAG7E,qCAAqC;mBACtB,MAAM,YAAW,oBAAoB,GAAQ,aAAa;CAG1E,CAAC","sources":["packages/@react-spectrum/toast/src/packages/@react-spectrum/toast/src/Toast.tsx","packages/@react-spectrum/toast/src/packages/@react-spectrum/toast/src/Toaster.tsx","packages/@react-spectrum/toast/src/packages/@react-spectrum/toast/src/ToastContainer.tsx","packages/@react-spectrum/toast/src/packages/@react-spectrum/toast/src/index.ts","packages/@react-spectrum/toast/src/index.ts"],"sourcesContent":[null,null,null,null,"/*\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/// <reference types=\"css-module-types\" />\n\nexport {ToastContainer, ToastQueue} from './ToastContainer';\n\nexport type {SpectrumToastOptions, SpectrumToastContainerProps} from './ToastContainer';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
1
+ {"mappings":";;;;AEwBA,sBAA6B,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAAC;AAEzE,4CAA6C,SAAQ,oBAAoB;IACvE,SAAS,CAAC,EAAE,cAAc,CAAA;CAC3B;AAED,qCAAsC,SAAQ,YAAY,EAAE,QAAQ;IAClE,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,gFAAgF;IAChF,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B;AAED,qBAAqB,MAAM,IAAI,CAAC;AAmDhC;;;GAGG;AACH,+BAA+B,KAAK,EAAE,2BAA2B,GAAG,YAAY,GAAG,IAAI,CA+DtF;AAuCD,OAAA,MAAM;IACJ,8BAA8B;sBACZ,MAAM,YAAW,oBAAoB,GAAQ,aAAa;IAG5E,+BAA+B;uBACZ,MAAM,YAAW,oBAAoB,GAAQ,aAAa;IAG7E,+BAA+B;uBACZ,MAAM,YAAW,oBAAoB,GAAQ,aAAa;IAG7E,qCAAqC;mBACtB,MAAM,YAAW,oBAAoB,GAAQ,aAAa;CAG1E,CAAC","sources":["packages/@react-spectrum/toast/src/packages/@react-spectrum/toast/src/Toast.tsx","packages/@react-spectrum/toast/src/packages/@react-spectrum/toast/src/Toaster.tsx","packages/@react-spectrum/toast/src/packages/@react-spectrum/toast/src/ToastContainer.tsx","packages/@react-spectrum/toast/src/packages/@react-spectrum/toast/src/index.ts","packages/@react-spectrum/toast/src/index.ts"],"sourcesContent":[null,null,null,null,"/*\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/// <reference types=\"css-module-types\" />\n\nexport {ToastContainer, ToastQueue} from './ToastContainer';\n\nexport type {SpectrumToastOptions, SpectrumToastContainerProps} from './ToastContainer';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
@@ -1,11 +1,11 @@
1
- .O7O3BG_spectrum-Toast {
1
+ .swo6Nq_spectrum-Toast {
2
2
  box-sizing: border-box;
3
3
  border-radius: var(--spectrum-toast-border-radius, var(--spectrum-global-dimension-static-size-50));
4
+ max-width: 500px;
4
5
  font-size: var(--spectrum-toast-text-size, var(--spectrum-alias-font-size-default));
5
6
  -webkit-font-smoothing: antialiased;
6
7
  flex-direction: row;
7
8
  align-items: stretch;
8
- max-width: 500px;
9
9
  padding-block-start: var(--spectrum-toast-padding-y, var(--spectrum-global-dimension-size-100));
10
10
  padding-block-end: var(--spectrum-toast-padding-y, var(--spectrum-global-dimension-size-100));
11
11
  padding-inline-start: var(--spectrum-toast-padding-left, var(--spectrum-global-dimension-size-200));
@@ -13,7 +13,7 @@
13
13
  display: inline-flex;
14
14
  }
15
15
 
16
- .O7O3BG_spectrum-Toast-typeIcon {
16
+ .swo6Nq_spectrum-Toast-typeIcon {
17
17
  flex-grow: 0;
18
18
  flex-shrink: 0;
19
19
  margin-block-start: var(--spectrum-global-dimension-size-85);
@@ -22,7 +22,7 @@
22
22
  margin-inline-end: var(--spectrum-toast-icon-padding-right, var(--spectrum-global-dimension-size-150));
23
23
  }
24
24
 
25
- .O7O3BG_spectrum-Toast-content {
25
+ .swo6Nq_spectrum-Toast-content {
26
26
  box-sizing: border-box;
27
27
  text-align: start;
28
28
  flex: auto;
@@ -31,7 +31,7 @@
31
31
  padding-inline-start: 0;
32
32
  }
33
33
 
34
- .O7O3BG_spectrum-Toast-buttons {
34
+ .swo6Nq_spectrum-Toast-buttons {
35
35
  border-inline-start-style: solid;
36
36
  border-inline-start-width: 1px;
37
37
  flex: none;
@@ -40,11 +40,11 @@
40
40
  display: flex;
41
41
  }
42
42
 
43
- .O7O3BG_spectrum-Toast-buttons .O7O3BG_spectrum-Button + .O7O3BG_spectrum-Button, .O7O3BG_spectrum-Toast-buttons .O7O3BG_spectrum-Button + .O7O3BG_spectrum-ClearButton, .O7O3BG_spectrum-Toast-buttons .O7O3BG_spectrum-ClearButton + .O7O3BG_spectrum-Button, .O7O3BG_spectrum-Toast-buttons .O7O3BG_spectrum-ClearButton + .O7O3BG_spectrum-ClearButton {
43
+ .swo6Nq_spectrum-Toast-buttons .swo6Nq_spectrum-Button + .swo6Nq_spectrum-Button, .swo6Nq_spectrum-Toast-buttons .swo6Nq_spectrum-Button + .swo6Nq_spectrum-ClearButton, .swo6Nq_spectrum-Toast-buttons .swo6Nq_spectrum-ClearButton + .swo6Nq_spectrum-Button, .swo6Nq_spectrum-Toast-buttons .swo6Nq_spectrum-ClearButton + .swo6Nq_spectrum-ClearButton {
44
44
  margin-inline-start: var(--spectrum-toast-button-gap, var(--spectrum-global-dimension-size-100));
45
45
  }
46
46
 
47
- .O7O3BG_spectrum-Toast-body {
47
+ .swo6Nq_spectrum-Toast-body {
48
48
  justify-content: flex-end;
49
49
  align-self: center;
50
50
  column-gap: var(--spectrum-toast-content-padding-right, var(--spectrum-global-dimension-size-200));
@@ -54,38 +54,38 @@
54
54
  display: flex;
55
55
  }
56
56
 
57
- .O7O3BG_spectrum-Toast {
57
+ .swo6Nq_spectrum-Toast {
58
58
  background-color: var(--spectrum-alias-neutral-background-color);
59
59
  color: #fff;
60
60
  }
61
61
 
62
- .O7O3BG_spectrum-Toast-content {
62
+ .swo6Nq_spectrum-Toast-content {
63
63
  color: var(--spectrum-toast-text-color, var(--spectrum-global-color-static-white));
64
64
  }
65
65
 
66
- .O7O3BG_spectrum-Toast-typeIcon {
66
+ .swo6Nq_spectrum-Toast-typeIcon {
67
67
  color: #fff;
68
68
  }
69
69
 
70
- .O7O3BG_spectrum-Toast-buttons {
70
+ .swo6Nq_spectrum-Toast-buttons {
71
71
  border-inline-start-color: #fff3;
72
72
  }
73
73
 
74
- .O7O3BG_spectrum-Toast--negative {
74
+ .swo6Nq_spectrum-Toast--negative {
75
75
  background-color: var(--spectrum-negative-background-color-default);
76
76
  }
77
77
 
78
- .O7O3BG_spectrum-Toast--info {
78
+ .swo6Nq_spectrum-Toast--info {
79
79
  background-color: var(--spectrum-informative-background-color-default);
80
80
  }
81
81
 
82
- .O7O3BG_spectrum-Toast--positive {
82
+ .swo6Nq_spectrum-Toast--positive {
83
83
  background-color: var(--spectrum-positive-background-color-default);
84
84
  }
85
85
 
86
86
  @media (forced-colors: active) {
87
- .O7O3BG_spectrum-Toast {
87
+ .swo6Nq_spectrum-Toast {
88
88
  border: 1px solid #0000;
89
89
  }
90
90
  }
91
- /*# sourceMappingURL=vars.c6e65b7e.css.map */
91
+ /*# sourceMappingURL=vars.84eec607.css.map */
@@ -1 +1 @@
1
- {"mappings":"AAwBA;;;;;;;;;;;;;;;AAkBA;;;;;;;;;AAUA;;;;;;;;;AASA;;;;;;;;;AAUI;;;;AAOJ;;;;;;;;;;AAwBA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;EACE","sources":["packages/@adobe/spectrum-css-temp/components/toast/vars.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 './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"vars.c6e65b7e.css.map"}
1
+ {"mappings":"AAwBA;;;;;;;;;;;;;;;AAkBA;;;;;;;;;AAUA;;;;;;;;;AASA;;;;;;;;;AAUI;;;;AAOJ;;;;;;;;;;AAwBA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;EACE","sources":["packages/@adobe/spectrum-css-temp/components/toast/vars.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 './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"vars.84eec607.css.map"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/toast",
3
- "version": "3.0.0-nightly.3114+68403fe55",
3
+ "version": "3.0.1",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -36,31 +36,31 @@
36
36
  "url": "https://github.com/adobe/react-spectrum"
37
37
  },
38
38
  "dependencies": {
39
- "@react-aria/focus": "3.0.0-nightly.3114+68403fe55",
40
- "@react-aria/i18n": "3.0.0-nightly.3114+68403fe55",
41
- "@react-aria/overlays": "3.0.0-nightly.3114+68403fe55",
42
- "@react-aria/toast": "3.0.0-nightly.3114+68403fe55",
43
- "@react-aria/utils": "3.0.0-nightly.3114+68403fe55",
44
- "@react-spectrum/button": "3.0.0-nightly.3114+68403fe55",
45
- "@react-spectrum/utils": "3.0.0-nightly.3114+68403fe55",
46
- "@react-stately/toast": "3.0.0-nightly.5042+68403fe55",
47
- "@react-types/shared": "3.0.0-nightly.3114+68403fe55",
48
- "@spectrum-icons/ui": "3.0.0-nightly.3114+68403fe55",
39
+ "@react-aria/focus": "^3.20.1",
40
+ "@react-aria/i18n": "^3.12.7",
41
+ "@react-aria/overlays": "^3.26.1",
42
+ "@react-aria/toast": "^3.0.1",
43
+ "@react-aria/utils": "^3.28.1",
44
+ "@react-spectrum/button": "^3.16.12",
45
+ "@react-spectrum/utils": "^3.12.3",
46
+ "@react-stately/toast": "^3.0.0",
47
+ "@react-types/shared": "^3.28.0",
48
+ "@spectrum-icons/ui": "^3.6.14",
49
49
  "@swc/helpers": "^0.5.0",
50
- "use-sync-external-store": "^1.2.0"
50
+ "use-sync-external-store": "^1.4.0"
51
51
  },
52
52
  "devDependencies": {
53
- "@adobe/spectrum-css-temp": "3.0.0-nightly.3114+68403fe55",
54
- "@react-spectrum/test-utils-internal": "3.0.0-nightly.5042+68403fe55",
53
+ "@adobe/spectrum-css-temp": "3.0.0-alpha.1",
54
+ "@react-spectrum/test-utils-internal": "3.0.0-alpha.1",
55
55
  "@types/use-sync-external-store": "^0.0.3"
56
56
  },
57
57
  "peerDependencies": {
58
58
  "@react-spectrum/provider": "^3.0.0",
59
- "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0",
60
- "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
59
+ "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
60
+ "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
61
61
  },
62
62
  "publishConfig": {
63
63
  "access": "public"
64
64
  },
65
- "gitHead": "68403fe55489dce3de1b3094c957d598ad719861"
65
+ "gitHead": "9c4ebbc0c1972cc880febc29de995ca58caa3ba4"
66
66
  }
package/src/Toast.tsx CHANGED
@@ -48,11 +48,10 @@ export const ICONS = {
48
48
  positive: SuccessMedium
49
49
  };
50
50
 
51
- function Toast(props: SpectrumToastProps, ref: DOMRef<HTMLDivElement>) {
51
+ export const Toast = React.forwardRef(function Toast(props: SpectrumToastProps, ref: DOMRef<HTMLDivElement>) {
52
52
  let {
53
53
  toast: {
54
54
  key,
55
- animation,
56
55
  content: {
57
56
  children,
58
57
  variant,
@@ -103,17 +102,7 @@ function Toast(props: SpectrumToastProps, ref: DOMRef<HTMLDivElement>) {
103
102
  'spectrum-Toast',
104
103
  {'focus-ring': isFocusVisible}
105
104
  )
106
- )}
107
- style={{
108
- ...styleProps.style,
109
- zIndex: props.toast.priority
110
- }}
111
- data-animation={animation}
112
- onAnimationEnd={() => {
113
- if (animation === 'exiting') {
114
- state.remove(key);
115
- }
116
- }}>
105
+ )}>
117
106
  <div
118
107
  {...contentProps}
119
108
  className={classNames(toastContainerStyles, 'spectrum-Toast-contentWrapper')}>
@@ -142,7 +131,4 @@ function Toast(props: SpectrumToastProps, ref: DOMRef<HTMLDivElement>) {
142
131
  </div>
143
132
  </div>
144
133
  );
145
- }
146
-
147
- let _Toast = React.forwardRef(Toast);
148
- export {_Toast as Toast};
134
+ });