@react-spectrum/toast 3.0.0-beta.10 → 3.0.0-beta.12

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 (47) hide show
  1. package/dist/Toast.main.js +112 -0
  2. package/dist/Toast.main.js.map +1 -0
  3. package/dist/Toast.mjs +107 -0
  4. package/dist/Toast.module.js +107 -0
  5. package/dist/Toast.module.js.map +1 -0
  6. package/dist/ToastContainer.main.js +146 -0
  7. package/dist/ToastContainer.main.js.map +1 -0
  8. package/dist/ToastContainer.mjs +136 -0
  9. package/dist/ToastContainer.module.js +136 -0
  10. package/dist/ToastContainer.module.js.map +1 -0
  11. package/dist/Toaster.main.js +67 -0
  12. package/dist/Toaster.main.js.map +1 -0
  13. package/dist/Toaster.mjs +61 -0
  14. package/dist/Toaster.module.js +61 -0
  15. package/dist/Toaster.module.js.map +1 -0
  16. package/dist/import.mjs +1 -451
  17. package/dist/intlStrings.main.js +108 -0
  18. package/dist/intlStrings.main.js.map +1 -0
  19. package/dist/intlStrings.mjs +110 -0
  20. package/dist/intlStrings.module.js +110 -0
  21. package/dist/intlStrings.module.js.map +1 -0
  22. package/dist/main.js +3 -449
  23. package/dist/main.js.map +1 -1
  24. package/dist/module.js +1 -451
  25. package/dist/module.js.map +1 -1
  26. package/dist/{main.css → toastContainer.b596792c.css} +16 -119
  27. package/dist/toastContainer.b596792c.css.map +1 -0
  28. package/dist/toastContainer_css.main.js +34 -0
  29. package/dist/toastContainer_css.main.js.map +1 -0
  30. package/dist/toastContainer_css.mjs +36 -0
  31. package/dist/toastContainer_css.module.js +36 -0
  32. package/dist/toastContainer_css.module.js.map +1 -0
  33. package/dist/toast_vars_css.main.js +38 -0
  34. package/dist/toast_vars_css.main.js.map +1 -0
  35. package/dist/toast_vars_css.mjs +40 -0
  36. package/dist/toast_vars_css.module.js +40 -0
  37. package/dist/toast_vars_css.module.js.map +1 -0
  38. package/dist/types.d.ts +2 -1
  39. package/dist/types.d.ts.map +1 -1
  40. package/dist/vars.85cde188.css +94 -0
  41. package/dist/vars.85cde188.css.map +1 -0
  42. package/package.json +13 -12
  43. package/src/Toast.tsx +4 -2
  44. package/src/ToastContainer.tsx +7 -21
  45. package/src/Toaster.tsx +3 -1
  46. package/src/toastContainer.css +4 -4
  47. package/dist/main.css.map +0 -1
@@ -1,109 +1,3 @@
1
- .O7O3BG_spectrum-Toast {
2
- box-sizing: border-box;
3
- border-radius: var(--spectrum-toast-border-radius, var(--spectrum-global-dimension-static-size-50));
4
- font-size: var(--spectrum-toast-text-size, var(--spectrum-alias-font-size-default));
5
- -webkit-font-smoothing: antialiased;
6
- flex-direction: row;
7
- align-items: stretch;
8
- max-width: 500px;
9
- padding-block-start: var(--spectrum-toast-padding-y, var(--spectrum-global-dimension-size-100));
10
- padding-block-end: var(--spectrum-toast-padding-y, var(--spectrum-global-dimension-size-100));
11
- padding-inline-start: var(--spectrum-toast-padding-left, var(--spectrum-global-dimension-size-200));
12
- padding-inline-end: var(--spectrum-toast-padding-right, var(--spectrum-global-dimension-size-100));
13
- display: inline-flex;
14
- }
15
-
16
- .O7O3BG_spectrum-Toast-typeIcon {
17
- flex-grow: 0;
18
- flex-shrink: 0;
19
- margin-block-start: var(--spectrum-global-dimension-size-85);
20
- margin-block-end: var(--spectrum-global-dimension-size-85);
21
- margin-inline-start: 0;
22
- margin-inline-end: var(--spectrum-toast-icon-padding-right, var(--spectrum-global-dimension-size-150));
23
- }
24
-
25
- .O7O3BG_spectrum-Toast-content {
26
- box-sizing: border-box;
27
- text-align: start;
28
- flex: auto;
29
- padding-block-start: var(--spectrum-global-dimension-size-65);
30
- padding-block-end: var(--spectrum-global-dimension-size-65);
31
- padding-inline-start: 0;
32
- }
33
-
34
- .O7O3BG_spectrum-Toast-buttons {
35
- flex: none;
36
- align-items: flex-start;
37
- display: flex;
38
- }
39
-
40
- .O7O3BG_spectrum-Toast-buttons .O7O3BG_spectrum-Button + .O7O3BG_spectrum-Button {
41
- margin-inline-start: var(--spectrum-toast-button-gap, var(--spectrum-global-dimension-size-100));
42
- }
43
-
44
- .O7O3BG_spectrum-Toast-buttons .O7O3BG_spectrum-Button + .O7O3BG_spectrum-ClearButton {
45
- margin-inline-start: var(--spectrum-toast-button-gap, var(--spectrum-global-dimension-size-100));
46
- }
47
-
48
- .O7O3BG_spectrum-Toast-buttons .O7O3BG_spectrum-ClearButton + .O7O3BG_spectrum-Button {
49
- margin-inline-start: var(--spectrum-toast-button-gap, var(--spectrum-global-dimension-size-100));
50
- }
51
-
52
- .O7O3BG_spectrum-Toast-buttons .O7O3BG_spectrum-ClearButton + .O7O3BG_spectrum-ClearButton {
53
- margin-inline-start: var(--spectrum-toast-button-gap, var(--spectrum-global-dimension-size-100));
54
- }
55
-
56
- .O7O3BG_spectrum-Toast-body {
57
- justify-content: flex-end;
58
- align-self: center;
59
- column-gap: var(--spectrum-toast-content-padding-right, var(--spectrum-global-dimension-size-200));
60
- flex-wrap: wrap;
61
- flex: auto;
62
- padding-inline-end: var(--spectrum-toast-content-padding-right, var(--spectrum-global-dimension-size-200));
63
- display: flex;
64
- }
65
-
66
- .O7O3BG_spectrum-Toast-body + .O7O3BG_spectrum-Toast-buttons {
67
- border-inline-start-style: solid;
68
- border-inline-start-width: 1px;
69
- padding-inline-start: var(--spectrum-toast-padding-right, var(--spectrum-global-dimension-size-100));
70
- }
71
-
72
- .O7O3BG_spectrum-Toast {
73
- background-color: var(--spectrum-alias-neutral-background-color);
74
- color: #fff;
75
- }
76
-
77
- .O7O3BG_spectrum-Toast-content {
78
- color: var(--spectrum-toast-text-color, var(--spectrum-global-color-static-white));
79
- }
80
-
81
- .O7O3BG_spectrum-Toast-typeIcon {
82
- color: #fff;
83
- }
84
-
85
- .O7O3BG_spectrum-Toast-buttons {
86
- border-inline-start-color: #fff3;
87
- }
88
-
89
- .O7O3BG_spectrum-Toast--negative {
90
- background-color: var(--spectrum-negative-background-color-default);
91
- }
92
-
93
- .O7O3BG_spectrum-Toast--info {
94
- background-color: var(--spectrum-informative-background-color-default);
95
- }
96
-
97
- .O7O3BG_spectrum-Toast--positive {
98
- background-color: var(--spectrum-positive-background-color-default);
99
- }
100
-
101
- @media (forced-colors: active) {
102
- .O7O3BG_spectrum-Toast {
103
- border: 1px solid #0000;
104
- }
105
- }
106
-
107
1
  .xynrca_spectrum-FocusRing-ring {
108
2
  --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
109
3
  --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
@@ -120,13 +14,7 @@
120
14
  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
121
15
  display: block;
122
16
  position: absolute;
123
- top: 0;
124
- bottom: 0;
125
- left: 0;
126
- right: 0;
127
- }
128
-
129
- .xynrca_spectrum-FocusRing {
17
+ inset: 0;
130
18
  }
131
19
 
132
20
  .xynrca_spectrum-FocusRing.xynrca_focus-ring:after {
@@ -143,10 +31,21 @@
143
31
  box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
144
32
  }
145
33
 
34
+ @media (forced-colors: active) {
35
+ .xynrca_spectrum-FocusRing, .xynrca_spectrum-FocusRing-ring, .xynrca_spectrum-FocusRing--quiet {
36
+ --spectrum-high-contrast-focus-ring-color: Highlight;
37
+ }
38
+
39
+ :is(.xynrca_spectrum-FocusRing, .xynrca_spectrum-FocusRing-ring, .xynrca_spectrum-FocusRing--quiet):after {
40
+ forced-color-adjust: none;
41
+ }
42
+ }
43
+
146
44
  .xynrca_react-spectrum-ToastContainer {
147
45
  z-index: 100050;
148
46
  pointer-events: none;
149
47
  outline: none;
48
+ margin-block-end: 8px;
150
49
  display: flex;
151
50
  position: fixed;
152
51
  left: 0;
@@ -155,21 +54,20 @@
155
54
 
156
55
  .xynrca_react-spectrum-ToastContainer .xynrca_spectrum-Toast {
157
56
  pointer-events: all;
158
- margin: 16px;
159
- position: absolute;
57
+ margin: 8px;
160
58
  }
161
59
 
162
60
  .xynrca_react-spectrum-ToastContainer[data-position="top"] {
163
61
  --slide-from: translateY(-100%);
164
62
  --slide-to: translateY(0);
165
- flex-direction: column;
63
+ flex-direction: column-reverse;
166
64
  top: 0;
167
65
  }
168
66
 
169
67
  .xynrca_react-spectrum-ToastContainer[data-position="bottom"] {
170
68
  --slide-from: translateY(100%);
171
69
  --slide-to: translateY(0);
172
- flex-direction: column-reverse;
70
+ flex-direction: column;
173
71
  bottom: 0;
174
72
  }
175
73
 
@@ -238,5 +136,4 @@
238
136
  opacity: 0;
239
137
  }
240
138
  }
241
-
242
- /*# sourceMappingURL=main.css.map */
139
+ /*# sourceMappingURL=toastContainer.b596792c.css.map */
@@ -0,0 +1 @@
1
+ {"mappings":"AAYA;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAMJ;;;;;;;;;;;AAUE;;;;;AAKA;;;;;;;AAOA;;;;;;;AAOA;;;;;;AAKE;;;;AAAA;;;;AAKF;;;;AAIA;;;;;;AAKE;;;;AAAA;;;;AAMJ;;;;;;AAME;;;;AAIA;;;;AAKF;;;;;;;;;;AAUA","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 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 margin-block-end: 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-reverse;\n --slide-from: translateY(-100%);\n --slide-to: translateY(0);\n }\n\n &[data-position=bottom] {\n bottom: 0;\n flex-direction: column;\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 &[data-animation=entering] {\n animation: slide-in 300ms;\n }\n\n &[data-animation=exiting] {\n animation: fade-out 300ms forwards;\n }\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.b596792c.css.map"}
@@ -0,0 +1,34 @@
1
+
2
+ function $parcel$export(e, n, v, s) {
3
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
4
+ }
5
+
6
+ $parcel$export(module.exports, "fade-out", () => $e20782d0579ed886$export$f562fd61c53bdcd9, (v) => $e20782d0579ed886$export$f562fd61c53bdcd9 = v);
7
+ $parcel$export(module.exports, "focus-ring", () => $e20782d0579ed886$export$f39a09f249340e2a, (v) => $e20782d0579ed886$export$f39a09f249340e2a = v);
8
+ $parcel$export(module.exports, "react-spectrum-ToastContainer", () => $e20782d0579ed886$export$bed15bd1aa62542d, (v) => $e20782d0579ed886$export$bed15bd1aa62542d = v);
9
+ $parcel$export(module.exports, "slide-in", () => $e20782d0579ed886$export$1c220dee9e4dbe34, (v) => $e20782d0579ed886$export$1c220dee9e4dbe34 = v);
10
+ $parcel$export(module.exports, "spectrum-FocusRing-ring", () => $e20782d0579ed886$export$4109102f950813a6, (v) => $e20782d0579ed886$export$4109102f950813a6 = v);
11
+ $parcel$export(module.exports, "spectrum-FocusRing", () => $e20782d0579ed886$export$24c7f46a6e3605dd, (v) => $e20782d0579ed886$export$24c7f46a6e3605dd = v);
12
+ $parcel$export(module.exports, "spectrum-FocusRing--quiet", () => $e20782d0579ed886$export$2927016961429360, (v) => $e20782d0579ed886$export$2927016961429360 = v);
13
+ $parcel$export(module.exports, "spectrum-Toast", () => $e20782d0579ed886$export$c8747d73d7954b9c, (v) => $e20782d0579ed886$export$c8747d73d7954b9c = v);
14
+ var $e20782d0579ed886$export$f562fd61c53bdcd9;
15
+ var $e20782d0579ed886$export$f39a09f249340e2a;
16
+ var $e20782d0579ed886$export$bed15bd1aa62542d;
17
+ var $e20782d0579ed886$export$1c220dee9e4dbe34;
18
+ var $e20782d0579ed886$export$4109102f950813a6;
19
+ var $e20782d0579ed886$export$24c7f46a6e3605dd;
20
+ var $e20782d0579ed886$export$2927016961429360;
21
+ var $e20782d0579ed886$export$c8747d73d7954b9c;
22
+ $e20782d0579ed886$export$f562fd61c53bdcd9 = `xynrca_fade-out`;
23
+ $e20782d0579ed886$export$f562fd61c53bdcd9;
24
+ $e20782d0579ed886$export$f39a09f249340e2a = `xynrca_focus-ring`;
25
+ $e20782d0579ed886$export$bed15bd1aa62542d = `xynrca_react-spectrum-ToastContainer`;
26
+ $e20782d0579ed886$export$1c220dee9e4dbe34 = `xynrca_slide-in`;
27
+ $e20782d0579ed886$export$1c220dee9e4dbe34;
28
+ $e20782d0579ed886$export$4109102f950813a6 = `xynrca_spectrum-FocusRing-ring`;
29
+ $e20782d0579ed886$export$24c7f46a6e3605dd = `xynrca_spectrum-FocusRing ${$e20782d0579ed886$export$4109102f950813a6}`;
30
+ $e20782d0579ed886$export$2927016961429360 = `xynrca_spectrum-FocusRing--quiet`;
31
+ $e20782d0579ed886$export$c8747d73d7954b9c = `xynrca_spectrum-Toast ${$e20782d0579ed886$export$24c7f46a6e3605dd}`;
32
+
33
+
34
+ //# sourceMappingURL=toastContainer_css.main.js.map
@@ -0,0 +1 @@
1
+ {"mappings":";;;;;;;;;;;;;AAAA,IAAA;AAEA,IAAA;AACA,IAAA;AACA,IAAA;AAEA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AATA,4CAA6B,CAAC,eAAe,CAAC;AAC9C;AACA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAkD,CAAC,oCAAoC,CAAC;AACxF,4CAA6B,CAAC,eAAe,CAAC;AAC9C;AACA,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAAuC,CAAC,0BAA0B,EAAE,0CAA0C,CAAC;AAC/G,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAAmC,CAAC,sBAAsB,EAAE,0CAAqC,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 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 margin-block-end: 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-reverse;\n --slide-from: translateY(-100%);\n --slide-to: translateY(0);\n }\n\n &[data-position=bottom] {\n bottom: 0;\n flex-direction: column;\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 &[data-animation=entering] {\n animation: slide-in 300ms;\n }\n\n &[data-animation=exiting] {\n animation: fade-out 300ms forwards;\n }\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.main.js.map"}
@@ -0,0 +1,36 @@
1
+
2
+ function $parcel$export(e, n, v, s) {
3
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
4
+ }
5
+ var $f3b51ac952d4aeac$exports = {};
6
+
7
+ $parcel$export($f3b51ac952d4aeac$exports, "fade-out", () => $f3b51ac952d4aeac$export$f562fd61c53bdcd9, (v) => $f3b51ac952d4aeac$export$f562fd61c53bdcd9 = v);
8
+ $parcel$export($f3b51ac952d4aeac$exports, "focus-ring", () => $f3b51ac952d4aeac$export$f39a09f249340e2a, (v) => $f3b51ac952d4aeac$export$f39a09f249340e2a = v);
9
+ $parcel$export($f3b51ac952d4aeac$exports, "react-spectrum-ToastContainer", () => $f3b51ac952d4aeac$export$bed15bd1aa62542d, (v) => $f3b51ac952d4aeac$export$bed15bd1aa62542d = v);
10
+ $parcel$export($f3b51ac952d4aeac$exports, "slide-in", () => $f3b51ac952d4aeac$export$1c220dee9e4dbe34, (v) => $f3b51ac952d4aeac$export$1c220dee9e4dbe34 = v);
11
+ $parcel$export($f3b51ac952d4aeac$exports, "spectrum-FocusRing-ring", () => $f3b51ac952d4aeac$export$4109102f950813a6, (v) => $f3b51ac952d4aeac$export$4109102f950813a6 = v);
12
+ $parcel$export($f3b51ac952d4aeac$exports, "spectrum-FocusRing", () => $f3b51ac952d4aeac$export$24c7f46a6e3605dd, (v) => $f3b51ac952d4aeac$export$24c7f46a6e3605dd = v);
13
+ $parcel$export($f3b51ac952d4aeac$exports, "spectrum-FocusRing--quiet", () => $f3b51ac952d4aeac$export$2927016961429360, (v) => $f3b51ac952d4aeac$export$2927016961429360 = v);
14
+ $parcel$export($f3b51ac952d4aeac$exports, "spectrum-Toast", () => $f3b51ac952d4aeac$export$c8747d73d7954b9c, (v) => $f3b51ac952d4aeac$export$c8747d73d7954b9c = v);
15
+ var $f3b51ac952d4aeac$export$f562fd61c53bdcd9;
16
+ var $f3b51ac952d4aeac$export$f39a09f249340e2a;
17
+ var $f3b51ac952d4aeac$export$bed15bd1aa62542d;
18
+ var $f3b51ac952d4aeac$export$1c220dee9e4dbe34;
19
+ var $f3b51ac952d4aeac$export$4109102f950813a6;
20
+ var $f3b51ac952d4aeac$export$24c7f46a6e3605dd;
21
+ var $f3b51ac952d4aeac$export$2927016961429360;
22
+ var $f3b51ac952d4aeac$export$c8747d73d7954b9c;
23
+ $f3b51ac952d4aeac$export$f562fd61c53bdcd9 = `xynrca_fade-out`;
24
+ $f3b51ac952d4aeac$export$f562fd61c53bdcd9;
25
+ $f3b51ac952d4aeac$export$f39a09f249340e2a = `xynrca_focus-ring`;
26
+ $f3b51ac952d4aeac$export$bed15bd1aa62542d = `xynrca_react-spectrum-ToastContainer`;
27
+ $f3b51ac952d4aeac$export$1c220dee9e4dbe34 = `xynrca_slide-in`;
28
+ $f3b51ac952d4aeac$export$1c220dee9e4dbe34;
29
+ $f3b51ac952d4aeac$export$4109102f950813a6 = `xynrca_spectrum-FocusRing-ring`;
30
+ $f3b51ac952d4aeac$export$24c7f46a6e3605dd = `xynrca_spectrum-FocusRing ${$f3b51ac952d4aeac$export$4109102f950813a6}`;
31
+ $f3b51ac952d4aeac$export$2927016961429360 = `xynrca_spectrum-FocusRing--quiet`;
32
+ $f3b51ac952d4aeac$export$c8747d73d7954b9c = `xynrca_spectrum-Toast ${$f3b51ac952d4aeac$export$24c7f46a6e3605dd}`;
33
+
34
+
35
+ export {$f3b51ac952d4aeac$exports as default};
36
+ //# sourceMappingURL=toastContainer_css.module.js.map
@@ -0,0 +1,36 @@
1
+
2
+ function $parcel$export(e, n, v, s) {
3
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
4
+ }
5
+ var $f3b51ac952d4aeac$exports = {};
6
+
7
+ $parcel$export($f3b51ac952d4aeac$exports, "fade-out", () => $f3b51ac952d4aeac$export$f562fd61c53bdcd9, (v) => $f3b51ac952d4aeac$export$f562fd61c53bdcd9 = v);
8
+ $parcel$export($f3b51ac952d4aeac$exports, "focus-ring", () => $f3b51ac952d4aeac$export$f39a09f249340e2a, (v) => $f3b51ac952d4aeac$export$f39a09f249340e2a = v);
9
+ $parcel$export($f3b51ac952d4aeac$exports, "react-spectrum-ToastContainer", () => $f3b51ac952d4aeac$export$bed15bd1aa62542d, (v) => $f3b51ac952d4aeac$export$bed15bd1aa62542d = v);
10
+ $parcel$export($f3b51ac952d4aeac$exports, "slide-in", () => $f3b51ac952d4aeac$export$1c220dee9e4dbe34, (v) => $f3b51ac952d4aeac$export$1c220dee9e4dbe34 = v);
11
+ $parcel$export($f3b51ac952d4aeac$exports, "spectrum-FocusRing-ring", () => $f3b51ac952d4aeac$export$4109102f950813a6, (v) => $f3b51ac952d4aeac$export$4109102f950813a6 = v);
12
+ $parcel$export($f3b51ac952d4aeac$exports, "spectrum-FocusRing", () => $f3b51ac952d4aeac$export$24c7f46a6e3605dd, (v) => $f3b51ac952d4aeac$export$24c7f46a6e3605dd = v);
13
+ $parcel$export($f3b51ac952d4aeac$exports, "spectrum-FocusRing--quiet", () => $f3b51ac952d4aeac$export$2927016961429360, (v) => $f3b51ac952d4aeac$export$2927016961429360 = v);
14
+ $parcel$export($f3b51ac952d4aeac$exports, "spectrum-Toast", () => $f3b51ac952d4aeac$export$c8747d73d7954b9c, (v) => $f3b51ac952d4aeac$export$c8747d73d7954b9c = v);
15
+ var $f3b51ac952d4aeac$export$f562fd61c53bdcd9;
16
+ var $f3b51ac952d4aeac$export$f39a09f249340e2a;
17
+ var $f3b51ac952d4aeac$export$bed15bd1aa62542d;
18
+ var $f3b51ac952d4aeac$export$1c220dee9e4dbe34;
19
+ var $f3b51ac952d4aeac$export$4109102f950813a6;
20
+ var $f3b51ac952d4aeac$export$24c7f46a6e3605dd;
21
+ var $f3b51ac952d4aeac$export$2927016961429360;
22
+ var $f3b51ac952d4aeac$export$c8747d73d7954b9c;
23
+ $f3b51ac952d4aeac$export$f562fd61c53bdcd9 = `xynrca_fade-out`;
24
+ $f3b51ac952d4aeac$export$f562fd61c53bdcd9;
25
+ $f3b51ac952d4aeac$export$f39a09f249340e2a = `xynrca_focus-ring`;
26
+ $f3b51ac952d4aeac$export$bed15bd1aa62542d = `xynrca_react-spectrum-ToastContainer`;
27
+ $f3b51ac952d4aeac$export$1c220dee9e4dbe34 = `xynrca_slide-in`;
28
+ $f3b51ac952d4aeac$export$1c220dee9e4dbe34;
29
+ $f3b51ac952d4aeac$export$4109102f950813a6 = `xynrca_spectrum-FocusRing-ring`;
30
+ $f3b51ac952d4aeac$export$24c7f46a6e3605dd = `xynrca_spectrum-FocusRing ${$f3b51ac952d4aeac$export$4109102f950813a6}`;
31
+ $f3b51ac952d4aeac$export$2927016961429360 = `xynrca_spectrum-FocusRing--quiet`;
32
+ $f3b51ac952d4aeac$export$c8747d73d7954b9c = `xynrca_spectrum-Toast ${$f3b51ac952d4aeac$export$24c7f46a6e3605dd}`;
33
+
34
+
35
+ export {$f3b51ac952d4aeac$exports as default};
36
+ //# sourceMappingURL=toastContainer_css.module.js.map
@@ -0,0 +1 @@
1
+ {"mappings":";;;;;;;;;;;;;;AAAA,IAAA;AAEA,IAAA;AACA,IAAA;AACA,IAAA;AAEA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AATA,4CAA6B,CAAC,eAAe,CAAC;AAC9C;AACA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAkD,CAAC,oCAAoC,CAAC;AACxF,4CAA6B,CAAC,eAAe,CAAC;AAC9C;AACA,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAAuC,CAAC,0BAA0B,EAAE,0CAA0C,CAAC;AAC/G,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAAmC,CAAC,sBAAsB,EAAE,0CAAqC,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 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 margin-block-end: 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-reverse;\n --slide-from: translateY(-100%);\n --slide-to: translateY(0);\n }\n\n &[data-position=bottom] {\n bottom: 0;\n flex-direction: column;\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 &[data-animation=entering] {\n animation: slide-in 300ms;\n }\n\n &[data-animation=exiting] {\n animation: fade-out 300ms forwards;\n }\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"}
@@ -0,0 +1,38 @@
1
+
2
+ function $parcel$export(e, n, v, s) {
3
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
4
+ }
5
+
6
+ $parcel$export(module.exports, "spectrum-Button", () => $b6e6aa676f8f9e47$export$1db4cca5b4ade39a, (v) => $b6e6aa676f8f9e47$export$1db4cca5b4ade39a = v);
7
+ $parcel$export(module.exports, "spectrum-ClearButton", () => $b6e6aa676f8f9e47$export$b752ce409e5660c, (v) => $b6e6aa676f8f9e47$export$b752ce409e5660c = v);
8
+ $parcel$export(module.exports, "spectrum-Toast", () => $b6e6aa676f8f9e47$export$c8747d73d7954b9c, (v) => $b6e6aa676f8f9e47$export$c8747d73d7954b9c = v);
9
+ $parcel$export(module.exports, "spectrum-Toast--info", () => $b6e6aa676f8f9e47$export$fcf916881d7253a9, (v) => $b6e6aa676f8f9e47$export$fcf916881d7253a9 = v);
10
+ $parcel$export(module.exports, "spectrum-Toast--negative", () => $b6e6aa676f8f9e47$export$bd5a0b226e8b302, (v) => $b6e6aa676f8f9e47$export$bd5a0b226e8b302 = v);
11
+ $parcel$export(module.exports, "spectrum-Toast--positive", () => $b6e6aa676f8f9e47$export$5c8e63d2763f4a55, (v) => $b6e6aa676f8f9e47$export$5c8e63d2763f4a55 = v);
12
+ $parcel$export(module.exports, "spectrum-Toast-body", () => $b6e6aa676f8f9e47$export$36e75d1f579741b3, (v) => $b6e6aa676f8f9e47$export$36e75d1f579741b3 = v);
13
+ $parcel$export(module.exports, "spectrum-Toast-buttons", () => $b6e6aa676f8f9e47$export$19218cf016f919e5, (v) => $b6e6aa676f8f9e47$export$19218cf016f919e5 = v);
14
+ $parcel$export(module.exports, "spectrum-Toast-content", () => $b6e6aa676f8f9e47$export$454f092ca47c3462, (v) => $b6e6aa676f8f9e47$export$454f092ca47c3462 = v);
15
+ $parcel$export(module.exports, "spectrum-Toast-typeIcon", () => $b6e6aa676f8f9e47$export$8e9e50fe392680b2, (v) => $b6e6aa676f8f9e47$export$8e9e50fe392680b2 = v);
16
+ var $b6e6aa676f8f9e47$export$1db4cca5b4ade39a;
17
+ var $b6e6aa676f8f9e47$export$b752ce409e5660c;
18
+ var $b6e6aa676f8f9e47$export$c8747d73d7954b9c;
19
+ var $b6e6aa676f8f9e47$export$fcf916881d7253a9;
20
+ var $b6e6aa676f8f9e47$export$bd5a0b226e8b302;
21
+ var $b6e6aa676f8f9e47$export$5c8e63d2763f4a55;
22
+ var $b6e6aa676f8f9e47$export$36e75d1f579741b3;
23
+ var $b6e6aa676f8f9e47$export$19218cf016f919e5;
24
+ var $b6e6aa676f8f9e47$export$454f092ca47c3462;
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`;
36
+
37
+
38
+ //# sourceMappingURL=toast_vars_css.main.js.map
@@ -0,0 +1 @@
1
+ {"mappings":";;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AATA,4CAAoC,CAAC,sBAAsB,CAAC;AAC5D,2CAAyC,CAAC,2BAA2B,CAAC;AACtE,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAyC,CAAC,2BAA2B,CAAC;AACtE,2CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAAwC,CAAC,0BAA0B,CAAC;AACpE,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAA4C,CAAC,8BAA8B,CAAC","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":"toast_vars_css.main.js.map"}
@@ -0,0 +1,40 @@
1
+
2
+ function $parcel$export(e, n, v, s) {
3
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
4
+ }
5
+ var $e05a169dc2f4f928$exports = {};
6
+
7
+ $parcel$export($e05a169dc2f4f928$exports, "spectrum-Button", () => $e05a169dc2f4f928$export$1db4cca5b4ade39a, (v) => $e05a169dc2f4f928$export$1db4cca5b4ade39a = v);
8
+ $parcel$export($e05a169dc2f4f928$exports, "spectrum-ClearButton", () => $e05a169dc2f4f928$export$b752ce409e5660c, (v) => $e05a169dc2f4f928$export$b752ce409e5660c = v);
9
+ $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast", () => $e05a169dc2f4f928$export$c8747d73d7954b9c, (v) => $e05a169dc2f4f928$export$c8747d73d7954b9c = v);
10
+ $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast--info", () => $e05a169dc2f4f928$export$fcf916881d7253a9, (v) => $e05a169dc2f4f928$export$fcf916881d7253a9 = v);
11
+ $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast--negative", () => $e05a169dc2f4f928$export$bd5a0b226e8b302, (v) => $e05a169dc2f4f928$export$bd5a0b226e8b302 = v);
12
+ $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast--positive", () => $e05a169dc2f4f928$export$5c8e63d2763f4a55, (v) => $e05a169dc2f4f928$export$5c8e63d2763f4a55 = v);
13
+ $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast-body", () => $e05a169dc2f4f928$export$36e75d1f579741b3, (v) => $e05a169dc2f4f928$export$36e75d1f579741b3 = v);
14
+ $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast-buttons", () => $e05a169dc2f4f928$export$19218cf016f919e5, (v) => $e05a169dc2f4f928$export$19218cf016f919e5 = v);
15
+ $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast-content", () => $e05a169dc2f4f928$export$454f092ca47c3462, (v) => $e05a169dc2f4f928$export$454f092ca47c3462 = v);
16
+ $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast-typeIcon", () => $e05a169dc2f4f928$export$8e9e50fe392680b2, (v) => $e05a169dc2f4f928$export$8e9e50fe392680b2 = v);
17
+ var $e05a169dc2f4f928$export$1db4cca5b4ade39a;
18
+ var $e05a169dc2f4f928$export$b752ce409e5660c;
19
+ var $e05a169dc2f4f928$export$c8747d73d7954b9c;
20
+ var $e05a169dc2f4f928$export$fcf916881d7253a9;
21
+ var $e05a169dc2f4f928$export$bd5a0b226e8b302;
22
+ var $e05a169dc2f4f928$export$5c8e63d2763f4a55;
23
+ var $e05a169dc2f4f928$export$36e75d1f579741b3;
24
+ var $e05a169dc2f4f928$export$19218cf016f919e5;
25
+ var $e05a169dc2f4f928$export$454f092ca47c3462;
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`;
37
+
38
+
39
+ export {$e05a169dc2f4f928$exports as default};
40
+ //# sourceMappingURL=toast_vars_css.module.js.map
@@ -0,0 +1,40 @@
1
+
2
+ function $parcel$export(e, n, v, s) {
3
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
4
+ }
5
+ var $e05a169dc2f4f928$exports = {};
6
+
7
+ $parcel$export($e05a169dc2f4f928$exports, "spectrum-Button", () => $e05a169dc2f4f928$export$1db4cca5b4ade39a, (v) => $e05a169dc2f4f928$export$1db4cca5b4ade39a = v);
8
+ $parcel$export($e05a169dc2f4f928$exports, "spectrum-ClearButton", () => $e05a169dc2f4f928$export$b752ce409e5660c, (v) => $e05a169dc2f4f928$export$b752ce409e5660c = v);
9
+ $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast", () => $e05a169dc2f4f928$export$c8747d73d7954b9c, (v) => $e05a169dc2f4f928$export$c8747d73d7954b9c = v);
10
+ $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast--info", () => $e05a169dc2f4f928$export$fcf916881d7253a9, (v) => $e05a169dc2f4f928$export$fcf916881d7253a9 = v);
11
+ $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast--negative", () => $e05a169dc2f4f928$export$bd5a0b226e8b302, (v) => $e05a169dc2f4f928$export$bd5a0b226e8b302 = v);
12
+ $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast--positive", () => $e05a169dc2f4f928$export$5c8e63d2763f4a55, (v) => $e05a169dc2f4f928$export$5c8e63d2763f4a55 = v);
13
+ $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast-body", () => $e05a169dc2f4f928$export$36e75d1f579741b3, (v) => $e05a169dc2f4f928$export$36e75d1f579741b3 = v);
14
+ $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast-buttons", () => $e05a169dc2f4f928$export$19218cf016f919e5, (v) => $e05a169dc2f4f928$export$19218cf016f919e5 = v);
15
+ $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast-content", () => $e05a169dc2f4f928$export$454f092ca47c3462, (v) => $e05a169dc2f4f928$export$454f092ca47c3462 = v);
16
+ $parcel$export($e05a169dc2f4f928$exports, "spectrum-Toast-typeIcon", () => $e05a169dc2f4f928$export$8e9e50fe392680b2, (v) => $e05a169dc2f4f928$export$8e9e50fe392680b2 = v);
17
+ var $e05a169dc2f4f928$export$1db4cca5b4ade39a;
18
+ var $e05a169dc2f4f928$export$b752ce409e5660c;
19
+ var $e05a169dc2f4f928$export$c8747d73d7954b9c;
20
+ var $e05a169dc2f4f928$export$fcf916881d7253a9;
21
+ var $e05a169dc2f4f928$export$bd5a0b226e8b302;
22
+ var $e05a169dc2f4f928$export$5c8e63d2763f4a55;
23
+ var $e05a169dc2f4f928$export$36e75d1f579741b3;
24
+ var $e05a169dc2f4f928$export$19218cf016f919e5;
25
+ var $e05a169dc2f4f928$export$454f092ca47c3462;
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`;
37
+
38
+
39
+ export {$e05a169dc2f4f928$exports as default};
40
+ //# sourceMappingURL=toast_vars_css.module.js.map
@@ -0,0 +1 @@
1
+ {"mappings":";;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AATA,4CAAoC,CAAC,sBAAsB,CAAC;AAC5D,2CAAyC,CAAC,2BAA2B,CAAC;AACtE,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAyC,CAAC,2BAA2B,CAAC;AACtE,2CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAAwC,CAAC,0BAA0B,CAAC;AACpE,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAA4C,CAAC,8BAA8B,CAAC","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":"toast_vars_css.module.js.map"}
package/dist/types.d.ts CHANGED
@@ -1,9 +1,10 @@
1
1
  import { AriaToastRegionProps } from "@react-aria/toast";
2
+ import { DOMProps } from "@react-types/shared";
2
3
  import { ReactElement } from "react";
3
4
  import { ToastOptions } from "@react-stately/toast";
4
5
  export interface SpectrumToastContainerProps extends AriaToastRegionProps {
5
6
  }
6
- export interface SpectrumToastOptions extends Omit<ToastOptions, 'priority'> {
7
+ export interface SpectrumToastOptions extends Omit<ToastOptions, 'priority'>, DOMProps {
7
8
  /** A label for the action button within the toast. */
8
9
  actionLabel?: string;
9
10
  /** Handler that is called when the action button is pressed. */
@@ -1 +1 @@
1
- {"mappings":";;;AEmBA,4CAA6C,SAAQ,oBAAoB;CAAG;AAE5E,qCAAsC,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC;IAC1E,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,CA4C/E;AAsCD,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/Toaster.tsx","packages/@react-spectrum/toast/src/packages/@react-spectrum/toast/src/Toast.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":";;;;AEqBA,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,CA4C/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/Toaster.tsx","packages/@react-spectrum/toast/src/packages/@react-spectrum/toast/src/Toast.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"}
@@ -0,0 +1,94 @@
1
+ .O7O3BG_spectrum-Toast {
2
+ box-sizing: border-box;
3
+ border-radius: var(--spectrum-toast-border-radius, var(--spectrum-global-dimension-static-size-50));
4
+ font-size: var(--spectrum-toast-text-size, var(--spectrum-alias-font-size-default));
5
+ -webkit-font-smoothing: antialiased;
6
+ flex-direction: row;
7
+ align-items: stretch;
8
+ max-width: 500px;
9
+ padding-block-start: var(--spectrum-toast-padding-y, var(--spectrum-global-dimension-size-100));
10
+ padding-block-end: var(--spectrum-toast-padding-y, var(--spectrum-global-dimension-size-100));
11
+ padding-inline-start: var(--spectrum-toast-padding-left, var(--spectrum-global-dimension-size-200));
12
+ padding-inline-end: var(--spectrum-toast-padding-right, var(--spectrum-global-dimension-size-100));
13
+ display: inline-flex;
14
+ }
15
+
16
+ .O7O3BG_spectrum-Toast-typeIcon {
17
+ flex-grow: 0;
18
+ flex-shrink: 0;
19
+ margin-block-start: var(--spectrum-global-dimension-size-85);
20
+ margin-block-end: var(--spectrum-global-dimension-size-85);
21
+ margin-inline-start: 0;
22
+ margin-inline-end: var(--spectrum-toast-icon-padding-right, var(--spectrum-global-dimension-size-150));
23
+ }
24
+
25
+ .O7O3BG_spectrum-Toast-content {
26
+ box-sizing: border-box;
27
+ text-align: start;
28
+ flex: auto;
29
+ padding-block-start: var(--spectrum-global-dimension-size-65);
30
+ padding-block-end: var(--spectrum-global-dimension-size-65);
31
+ padding-inline-start: 0;
32
+ }
33
+
34
+ .O7O3BG_spectrum-Toast-buttons {
35
+ flex: none;
36
+ align-items: flex-start;
37
+ display: flex;
38
+ }
39
+
40
+ .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 {
41
+ margin-inline-start: var(--spectrum-toast-button-gap, var(--spectrum-global-dimension-size-100));
42
+ }
43
+
44
+ .O7O3BG_spectrum-Toast-body {
45
+ justify-content: flex-end;
46
+ align-self: center;
47
+ column-gap: var(--spectrum-toast-content-padding-right, var(--spectrum-global-dimension-size-200));
48
+ flex-wrap: wrap;
49
+ flex: auto;
50
+ padding-inline-end: var(--spectrum-toast-content-padding-right, var(--spectrum-global-dimension-size-200));
51
+ display: flex;
52
+ }
53
+
54
+ .O7O3BG_spectrum-Toast-body + .O7O3BG_spectrum-Toast-buttons {
55
+ border-inline-start-style: solid;
56
+ border-inline-start-width: 1px;
57
+ padding-inline-start: var(--spectrum-toast-padding-right, var(--spectrum-global-dimension-size-100));
58
+ }
59
+
60
+ .O7O3BG_spectrum-Toast {
61
+ background-color: var(--spectrum-alias-neutral-background-color);
62
+ color: #fff;
63
+ }
64
+
65
+ .O7O3BG_spectrum-Toast-content {
66
+ color: var(--spectrum-toast-text-color, var(--spectrum-global-color-static-white));
67
+ }
68
+
69
+ .O7O3BG_spectrum-Toast-typeIcon {
70
+ color: #fff;
71
+ }
72
+
73
+ .O7O3BG_spectrum-Toast-buttons {
74
+ border-inline-start-color: #fff3;
75
+ }
76
+
77
+ .O7O3BG_spectrum-Toast--negative {
78
+ background-color: var(--spectrum-negative-background-color-default);
79
+ }
80
+
81
+ .O7O3BG_spectrum-Toast--info {
82
+ background-color: var(--spectrum-informative-background-color-default);
83
+ }
84
+
85
+ .O7O3BG_spectrum-Toast--positive {
86
+ background-color: var(--spectrum-positive-background-color-default);
87
+ }
88
+
89
+ @media (forced-colors: active) {
90
+ .O7O3BG_spectrum-Toast {
91
+ border: 1px solid #0000;
92
+ }
93
+ }
94
+ /*# sourceMappingURL=vars.85cde188.css.map */
@@ -0,0 +1 @@
1
+ {"mappings":"AAwBA;;;;;;;;;;;;;;;AAkBA;;;;;;;;;AAUA;;;;;;;;;AASA;;;;;;AAOI;;;;AAOJ;;;;;;;;;;AAWE;;;;;;AAoBF;;;;;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.85cde188.css.map"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/toast",
3
- "version": "3.0.0-beta.10",
3
+ "version": "3.0.0-beta.12",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -36,21 +36,22 @@
36
36
  "url": "https://github.com/adobe/react-spectrum"
37
37
  },
38
38
  "dependencies": {
39
- "@react-aria/focus": "^3.16.2",
40
- "@react-aria/i18n": "^3.10.2",
41
- "@react-aria/toast": "3.0.0-beta.10",
42
- "@react-aria/utils": "^3.23.2",
43
- "@react-spectrum/button": "^3.16.2",
44
- "@react-spectrum/utils": "^3.11.5",
45
- "@react-stately/toast": "3.0.0-beta.2",
46
- "@react-types/shared": "^3.22.1",
47
- "@spectrum-icons/ui": "^3.6.5",
39
+ "@react-aria/focus": "^3.17.1",
40
+ "@react-aria/i18n": "^3.11.1",
41
+ "@react-aria/overlays": "^3.22.1",
42
+ "@react-aria/toast": "3.0.0-beta.12",
43
+ "@react-aria/utils": "^3.24.1",
44
+ "@react-spectrum/button": "^3.16.4",
45
+ "@react-spectrum/utils": "^3.11.7",
46
+ "@react-stately/toast": "3.0.0-beta.4",
47
+ "@react-types/shared": "^3.23.1",
48
+ "@spectrum-icons/ui": "^3.6.7",
48
49
  "@swc/helpers": "^0.5.0",
49
50
  "use-sync-external-store": "^1.2.0"
50
51
  },
51
52
  "devDependencies": {
52
53
  "@adobe/spectrum-css-temp": "3.0.0-alpha.1",
53
- "@react-spectrum/test-utils": "3.0.0-alpha.1",
54
+ "@react-spectrum/test-utils-internal": "3.0.0-alpha.1",
54
55
  "@types/use-sync-external-store": "^0.0.3"
55
56
  },
56
57
  "peerDependencies": {
@@ -61,5 +62,5 @@
61
62
  "publishConfig": {
62
63
  "access": "public"
63
64
  },
64
- "gitHead": "de9f84a22583fc741c29b341d14cd35ef4cca161"
65
+ "gitHead": "b77d7d594dff4dcfb5359bffbcfd18142b146433"
65
66
  }