@react-spectrum/toast 3.0.0-beta.14 → 3.0.0-beta.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Toast.main.js +2 -2
- package/dist/Toast.mjs +2 -2
- package/dist/Toast.module.js +2 -2
- package/dist/ToastContainer.main.js +1 -1
- package/dist/ToastContainer.mjs +1 -1
- package/dist/ToastContainer.module.js +1 -1
- package/dist/Toaster.main.js +1 -1
- package/dist/Toaster.mjs +1 -1
- package/dist/Toaster.module.js +1 -1
- package/dist/{toastContainer.da404f80.css → toastContainer.5957ce49.css} +29 -29
- package/dist/{toastContainer.da404f80.css.map → toastContainer.5957ce49.css.map} +1 -1
- package/dist/toastContainer_css.main.js +11 -11
- package/dist/toastContainer_css.mjs +11 -11
- package/dist/toastContainer_css.module.js +11 -11
- package/dist/toast_vars_css.main.js +10 -10
- package/dist/toast_vars_css.mjs +10 -10
- package/dist/toast_vars_css.module.js +10 -10
- package/dist/{vars.c6e65b7e.css → vars.fdf6eb7e.css} +15 -15
- package/dist/{vars.c6e65b7e.css.map → vars.fdf6eb7e.css.map} +1 -1
- package/package.json +12 -12
package/dist/Toast.main.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
var $1e709ec471c88b75$exports = require("./intlStrings.main.js");
|
|
2
|
-
require("./vars.
|
|
2
|
+
require("./vars.fdf6eb7e.css");
|
|
3
3
|
var $b6e6aa676f8f9e47$exports = require("./toast_vars_css.main.js");
|
|
4
|
-
require("./toastContainer.
|
|
4
|
+
require("./toastContainer.5957ce49.css");
|
|
5
5
|
var $e20782d0579ed886$exports = require("./toastContainer_css.main.js");
|
|
6
6
|
var $8Jify$spectrumiconsuiAlertMedium = require("@spectrum-icons/ui/AlertMedium");
|
|
7
7
|
var $8Jify$reactspectrumbutton = require("@react-spectrum/button");
|
package/dist/Toast.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import $iu2Jc$intlStringsmodulejs from "./intlStrings.mjs";
|
|
2
|
-
import "./vars.
|
|
2
|
+
import "./vars.fdf6eb7e.css";
|
|
3
3
|
import $iu2Jc$toast_vars_cssmodulejs from "./toast_vars_css.mjs";
|
|
4
|
-
import "./toastContainer.
|
|
4
|
+
import "./toastContainer.5957ce49.css";
|
|
5
5
|
import $iu2Jc$toastContainer_cssmodulejs from "./toastContainer_css.mjs";
|
|
6
6
|
import $iu2Jc$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
|
|
7
7
|
import {Button as $iu2Jc$Button, ClearButton as $iu2Jc$ClearButton} from "@react-spectrum/button";
|
package/dist/Toast.module.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import $iu2Jc$intlStringsmodulejs from "./intlStrings.module.js";
|
|
2
|
-
import "./vars.
|
|
2
|
+
import "./vars.fdf6eb7e.css";
|
|
3
3
|
import $iu2Jc$toast_vars_cssmodulejs from "./toast_vars_css.module.js";
|
|
4
|
-
import "./toastContainer.
|
|
4
|
+
import "./toastContainer.5957ce49.css";
|
|
5
5
|
import $iu2Jc$toastContainer_cssmodulejs from "./toastContainer_css.module.js";
|
|
6
6
|
import $iu2Jc$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
|
|
7
7
|
import {Button as $iu2Jc$Button, ClearButton as $iu2Jc$ClearButton} from "@react-spectrum/button";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
var $6c5bd1047ecc310e$exports = require("./Toast.main.js");
|
|
2
|
-
require("./toastContainer.
|
|
2
|
+
require("./toastContainer.5957ce49.css");
|
|
3
3
|
var $e20782d0579ed886$exports = require("./toastContainer_css.main.js");
|
|
4
4
|
var $5b9f2c86c1b1395c$exports = require("./Toaster.main.js");
|
|
5
5
|
var $5IVGU$reactspectrumutils = require("@react-spectrum/utils");
|
package/dist/ToastContainer.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import {Toast as $7e7a2952509f3a56$export$8d8dc7d5f743331b} from "./Toast.mjs";
|
|
2
|
-
import "./toastContainer.
|
|
2
|
+
import "./toastContainer.5957ce49.css";
|
|
3
3
|
import $5lmgI$toastContainer_cssmodulejs from "./toastContainer_css.mjs";
|
|
4
4
|
import {Toaster as $e46feef4e4c28a4b$export$fb98e3a2a4cd92d7} from "./Toaster.mjs";
|
|
5
5
|
import {classNames as $5lmgI$classNames} from "@react-spectrum/utils";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import {Toast as $7e7a2952509f3a56$export$8d8dc7d5f743331b} from "./Toast.module.js";
|
|
2
|
-
import "./toastContainer.
|
|
2
|
+
import "./toastContainer.5957ce49.css";
|
|
3
3
|
import $5lmgI$toastContainer_cssmodulejs from "./toastContainer_css.module.js";
|
|
4
4
|
import {Toaster as $e46feef4e4c28a4b$export$fb98e3a2a4cd92d7} from "./Toaster.module.js";
|
|
5
5
|
import {classNames as $5lmgI$classNames} from "@react-spectrum/utils";
|
package/dist/Toaster.main.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require("./toastContainer.
|
|
1
|
+
require("./toastContainer.5957ce49.css");
|
|
2
2
|
var $e20782d0579ed886$exports = require("./toastContainer_css.main.js");
|
|
3
3
|
var $acAHv$reactariatoast = require("@react-aria/toast");
|
|
4
4
|
var $acAHv$reactspectrumutils = require("@react-spectrum/utils");
|
package/dist/Toaster.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "./toastContainer.
|
|
1
|
+
import "./toastContainer.5957ce49.css";
|
|
2
2
|
import $7Pdp8$toastContainer_cssmodulejs from "./toastContainer_css.mjs";
|
|
3
3
|
import {useToastRegion as $7Pdp8$useToastRegion} from "@react-aria/toast";
|
|
4
4
|
import {classNames as $7Pdp8$classNames} from "@react-spectrum/utils";
|
package/dist/Toaster.module.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "./toastContainer.
|
|
1
|
+
import "./toastContainer.5957ce49.css";
|
|
2
2
|
import $7Pdp8$toastContainer_cssmodulejs from "./toastContainer_css.module.js";
|
|
3
3
|
import {useToastRegion as $7Pdp8$useToastRegion} from "@react-aria/toast";
|
|
4
4
|
import {classNames as $7Pdp8$classNames} from "@react-spectrum/utils";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
.cFmmsa_spectrum-FocusRing-ring {
|
|
2
2
|
--spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
|
|
3
3
|
--spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
|
|
4
4
|
--spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
--spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
.
|
|
9
|
+
.cFmmsa_spectrum-FocusRing-ring:after {
|
|
10
10
|
border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
|
|
11
11
|
content: "";
|
|
12
12
|
margin: calc(-1 * var(--spectrum-focus-ring-border-size));
|
|
@@ -17,31 +17,31 @@
|
|
|
17
17
|
inset: 0;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
.
|
|
20
|
+
.cFmmsa_spectrum-FocusRing.cFmmsa_focus-ring:after {
|
|
21
21
|
margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
|
|
22
22
|
box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
.
|
|
25
|
+
.cFmmsa_spectrum-FocusRing--quiet:after {
|
|
26
26
|
border-radius: 0;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
-
.
|
|
29
|
+
.cFmmsa_spectrum-FocusRing--quiet.cFmmsa_focus-ring:after {
|
|
30
30
|
margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
|
|
31
31
|
box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
@media (forced-colors: active) {
|
|
35
|
-
.
|
|
35
|
+
.cFmmsa_spectrum-FocusRing, .cFmmsa_spectrum-FocusRing-ring, .cFmmsa_spectrum-FocusRing--quiet {
|
|
36
36
|
--spectrum-high-contrast-focus-ring-color: Highlight;
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
-
:is(.
|
|
39
|
+
:is(.cFmmsa_spectrum-FocusRing, .cFmmsa_spectrum-FocusRing-ring, .cFmmsa_spectrum-FocusRing--quiet):after {
|
|
40
40
|
forced-color-adjust: none;
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
43
|
|
|
44
|
-
.
|
|
44
|
+
.cFmmsa_react-spectrum-ToastContainer {
|
|
45
45
|
--spectrum-focus-ring-border-radius: var(--spectrum-toast-border-radius, var(--spectrum-global-dimension-static-size-50));
|
|
46
46
|
--spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25));
|
|
47
47
|
--spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size, var(--spectrum-global-dimension-static-size-25));
|
|
@@ -56,58 +56,58 @@
|
|
|
56
56
|
right: 0;
|
|
57
57
|
}
|
|
58
58
|
|
|
59
|
-
.
|
|
59
|
+
.cFmmsa_react-spectrum-ToastContainer .cFmmsa_spectrum-Toast {
|
|
60
60
|
pointer-events: all;
|
|
61
61
|
margin: 8px;
|
|
62
62
|
}
|
|
63
63
|
|
|
64
|
-
.
|
|
64
|
+
.cFmmsa_react-spectrum-ToastContainer[data-position="top"] {
|
|
65
65
|
--slide-from: translateY(-100%);
|
|
66
66
|
--slide-to: translateY(0);
|
|
67
67
|
flex-direction: column;
|
|
68
68
|
top: 0;
|
|
69
69
|
}
|
|
70
70
|
|
|
71
|
-
.
|
|
71
|
+
.cFmmsa_react-spectrum-ToastContainer[data-position="bottom"] {
|
|
72
72
|
--slide-from: translateY(100%);
|
|
73
73
|
--slide-to: translateY(0);
|
|
74
74
|
flex-direction: column-reverse;
|
|
75
75
|
bottom: 0;
|
|
76
76
|
}
|
|
77
77
|
|
|
78
|
-
.
|
|
78
|
+
.cFmmsa_react-spectrum-ToastContainer[data-placement="left"] {
|
|
79
79
|
--slide-from: translateX(-100%);
|
|
80
80
|
--slide-to: translateX(0);
|
|
81
81
|
align-items: flex-start;
|
|
82
82
|
}
|
|
83
83
|
|
|
84
|
-
.
|
|
84
|
+
.cFmmsa_react-spectrum-ToastContainer[data-placement="left"]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
85
85
|
--slide-from: translateX(100%);
|
|
86
86
|
}
|
|
87
87
|
|
|
88
|
-
.
|
|
88
|
+
.cFmmsa_react-spectrum-ToastContainer[data-placement="left"]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
89
89
|
--slide-from: translateX(100%);
|
|
90
90
|
}
|
|
91
91
|
|
|
92
|
-
.
|
|
92
|
+
.cFmmsa_react-spectrum-ToastContainer[data-placement="center"] {
|
|
93
93
|
align-items: center;
|
|
94
94
|
}
|
|
95
95
|
|
|
96
|
-
.
|
|
96
|
+
.cFmmsa_react-spectrum-ToastContainer[data-placement="right"] {
|
|
97
97
|
--slide-from: translateX(100%);
|
|
98
98
|
--slide-to: translateX(0);
|
|
99
99
|
align-items: flex-end;
|
|
100
100
|
}
|
|
101
101
|
|
|
102
|
-
.
|
|
102
|
+
.cFmmsa_react-spectrum-ToastContainer[data-placement="right"]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
103
103
|
--slide-from: translateX(-100%);
|
|
104
104
|
}
|
|
105
105
|
|
|
106
|
-
.
|
|
106
|
+
.cFmmsa_react-spectrum-ToastContainer[data-placement="right"]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
107
107
|
--slide-from: translateX(-100%);
|
|
108
108
|
}
|
|
109
109
|
|
|
110
|
-
.
|
|
110
|
+
.cFmmsa_spectrum-Toast {
|
|
111
111
|
--spectrum-focus-ring-border-radius: var(--spectrum-toast-border-radius, var(--spectrum-global-dimension-static-size-50));
|
|
112
112
|
--spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25));
|
|
113
113
|
--spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size, var(--spectrum-global-dimension-static-size-25));
|
|
@@ -115,19 +115,19 @@
|
|
|
115
115
|
position: relative;
|
|
116
116
|
}
|
|
117
117
|
|
|
118
|
-
.
|
|
119
|
-
animation: .3s
|
|
118
|
+
.cFmmsa_spectrum-Toast[data-animation="entering"] {
|
|
119
|
+
animation: .3s cFmmsa_slide-in;
|
|
120
120
|
}
|
|
121
121
|
|
|
122
|
-
.
|
|
123
|
-
animation: .3s forwards
|
|
122
|
+
.cFmmsa_spectrum-Toast[data-animation="exiting"] {
|
|
123
|
+
animation: .3s forwards cFmmsa_fade-out;
|
|
124
124
|
}
|
|
125
125
|
|
|
126
|
-
.
|
|
126
|
+
.cFmmsa_spectrum-Toast .cFmmsa_spectrum-Toast-contentWrapper {
|
|
127
127
|
display: inline-flex;
|
|
128
128
|
}
|
|
129
129
|
|
|
130
|
-
.
|
|
130
|
+
.cFmmsa_spectrum-ToastContainer-list {
|
|
131
131
|
display: inherit;
|
|
132
132
|
flex-direction: inherit;
|
|
133
133
|
align-items: inherit;
|
|
@@ -137,11 +137,11 @@
|
|
|
137
137
|
list-style-type: none;
|
|
138
138
|
}
|
|
139
139
|
|
|
140
|
-
.
|
|
140
|
+
.cFmmsa_spectrum-ToastContainer-listitem {
|
|
141
141
|
display: inline-block;
|
|
142
142
|
}
|
|
143
143
|
|
|
144
|
-
@keyframes
|
|
144
|
+
@keyframes cFmmsa_slide-in {
|
|
145
145
|
from {
|
|
146
146
|
transform: var(--slide-from);
|
|
147
147
|
}
|
|
@@ -151,7 +151,7 @@
|
|
|
151
151
|
}
|
|
152
152
|
}
|
|
153
153
|
|
|
154
|
-
@keyframes
|
|
154
|
+
@keyframes cFmmsa_fade-out {
|
|
155
155
|
from {
|
|
156
156
|
opacity: 1;
|
|
157
157
|
}
|
|
@@ -160,4 +160,4 @@
|
|
|
160
160
|
opacity: 0;
|
|
161
161
|
}
|
|
162
162
|
}
|
|
163
|
-
/*# sourceMappingURL=toastContainer.
|
|
163
|
+
/*# sourceMappingURL=toastContainer.5957ce49.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"AAYA;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAMJ;;;;;;;;;;;;;;;AAiBE;;;;;AAKA;;;;;;;AAOA;;;;;;;AAOA;;;;;;AAKE;;;;AAAA;;;;AAKF;;;;AAIA;;;;;;AAKE;;;;AAAA;;;;AAMJ;;;;;;;;AASE;;;;AAIA;;;;AAIA;;;;AAKF;;;;;;;;;;AAYA;;;;AAIA;;;;;;;;;;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 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.
|
|
1
|
+
{"mappings":"AAYA;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAMJ;;;;;;;;;;;;;;;AAiBE;;;;;AAKA;;;;;;;AAOA;;;;;;;AAOA;;;;;;AAKE;;;;AAAA;;;;AAKF;;;;AAIA;;;;;;AAKE;;;;AAAA;;;;AAMJ;;;;;;;;AASE;;;;AAIA;;;;AAIA;;;;AAKF;;;;;;;;;;AAYA;;;;AAIA;;;;;;;;;;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 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.5957ce49.css.map"}
|
|
@@ -25,19 +25,19 @@ var $e20782d0579ed886$export$c8747d73d7954b9c;
|
|
|
25
25
|
var $e20782d0579ed886$export$cc3ddc864ea8cf74;
|
|
26
26
|
var $e20782d0579ed886$export$110195e8d94c1813;
|
|
27
27
|
var $e20782d0579ed886$export$36fca876e8f72fde;
|
|
28
|
-
$e20782d0579ed886$export$f562fd61c53bdcd9 = `
|
|
28
|
+
$e20782d0579ed886$export$f562fd61c53bdcd9 = `cFmmsa_fade-out`;
|
|
29
29
|
$e20782d0579ed886$export$f562fd61c53bdcd9;
|
|
30
|
-
$e20782d0579ed886$export$f39a09f249340e2a = `
|
|
31
|
-
$e20782d0579ed886$export$4109102f950813a6 = `
|
|
32
|
-
$e20782d0579ed886$export$24c7f46a6e3605dd = `
|
|
33
|
-
$e20782d0579ed886$export$bed15bd1aa62542d = `
|
|
34
|
-
$e20782d0579ed886$export$1c220dee9e4dbe34 = `
|
|
30
|
+
$e20782d0579ed886$export$f39a09f249340e2a = `cFmmsa_focus-ring`;
|
|
31
|
+
$e20782d0579ed886$export$4109102f950813a6 = `cFmmsa_spectrum-FocusRing-ring`;
|
|
32
|
+
$e20782d0579ed886$export$24c7f46a6e3605dd = `cFmmsa_spectrum-FocusRing ${$e20782d0579ed886$export$4109102f950813a6}`;
|
|
33
|
+
$e20782d0579ed886$export$bed15bd1aa62542d = `cFmmsa_react-spectrum-ToastContainer ${$e20782d0579ed886$export$24c7f46a6e3605dd}`;
|
|
34
|
+
$e20782d0579ed886$export$1c220dee9e4dbe34 = `cFmmsa_slide-in`;
|
|
35
35
|
$e20782d0579ed886$export$1c220dee9e4dbe34;
|
|
36
|
-
$e20782d0579ed886$export$2927016961429360 = `
|
|
37
|
-
$e20782d0579ed886$export$c8747d73d7954b9c = `
|
|
38
|
-
$e20782d0579ed886$export$cc3ddc864ea8cf74 = `
|
|
39
|
-
$e20782d0579ed886$export$110195e8d94c1813 = `
|
|
40
|
-
$e20782d0579ed886$export$36fca876e8f72fde = `
|
|
36
|
+
$e20782d0579ed886$export$2927016961429360 = `cFmmsa_spectrum-FocusRing--quiet`;
|
|
37
|
+
$e20782d0579ed886$export$c8747d73d7954b9c = `cFmmsa_spectrum-Toast ${$e20782d0579ed886$export$24c7f46a6e3605dd}`;
|
|
38
|
+
$e20782d0579ed886$export$cc3ddc864ea8cf74 = `cFmmsa_spectrum-Toast-contentWrapper`;
|
|
39
|
+
$e20782d0579ed886$export$110195e8d94c1813 = `cFmmsa_spectrum-ToastContainer-list`;
|
|
40
|
+
$e20782d0579ed886$export$36fca876e8f72fde = `cFmmsa_spectrum-ToastContainer-listitem`;
|
|
41
41
|
|
|
42
42
|
|
|
43
43
|
//# sourceMappingURL=toastContainer_css.main.js.map
|
|
@@ -26,19 +26,19 @@ var $f3b51ac952d4aeac$export$c8747d73d7954b9c;
|
|
|
26
26
|
var $f3b51ac952d4aeac$export$cc3ddc864ea8cf74;
|
|
27
27
|
var $f3b51ac952d4aeac$export$110195e8d94c1813;
|
|
28
28
|
var $f3b51ac952d4aeac$export$36fca876e8f72fde;
|
|
29
|
-
$f3b51ac952d4aeac$export$f562fd61c53bdcd9 = `
|
|
29
|
+
$f3b51ac952d4aeac$export$f562fd61c53bdcd9 = `cFmmsa_fade-out`;
|
|
30
30
|
$f3b51ac952d4aeac$export$f562fd61c53bdcd9;
|
|
31
|
-
$f3b51ac952d4aeac$export$f39a09f249340e2a = `
|
|
32
|
-
$f3b51ac952d4aeac$export$4109102f950813a6 = `
|
|
33
|
-
$f3b51ac952d4aeac$export$24c7f46a6e3605dd = `
|
|
34
|
-
$f3b51ac952d4aeac$export$bed15bd1aa62542d = `
|
|
35
|
-
$f3b51ac952d4aeac$export$1c220dee9e4dbe34 = `
|
|
31
|
+
$f3b51ac952d4aeac$export$f39a09f249340e2a = `cFmmsa_focus-ring`;
|
|
32
|
+
$f3b51ac952d4aeac$export$4109102f950813a6 = `cFmmsa_spectrum-FocusRing-ring`;
|
|
33
|
+
$f3b51ac952d4aeac$export$24c7f46a6e3605dd = `cFmmsa_spectrum-FocusRing ${$f3b51ac952d4aeac$export$4109102f950813a6}`;
|
|
34
|
+
$f3b51ac952d4aeac$export$bed15bd1aa62542d = `cFmmsa_react-spectrum-ToastContainer ${$f3b51ac952d4aeac$export$24c7f46a6e3605dd}`;
|
|
35
|
+
$f3b51ac952d4aeac$export$1c220dee9e4dbe34 = `cFmmsa_slide-in`;
|
|
36
36
|
$f3b51ac952d4aeac$export$1c220dee9e4dbe34;
|
|
37
|
-
$f3b51ac952d4aeac$export$2927016961429360 = `
|
|
38
|
-
$f3b51ac952d4aeac$export$c8747d73d7954b9c = `
|
|
39
|
-
$f3b51ac952d4aeac$export$cc3ddc864ea8cf74 = `
|
|
40
|
-
$f3b51ac952d4aeac$export$110195e8d94c1813 = `
|
|
41
|
-
$f3b51ac952d4aeac$export$36fca876e8f72fde = `
|
|
37
|
+
$f3b51ac952d4aeac$export$2927016961429360 = `cFmmsa_spectrum-FocusRing--quiet`;
|
|
38
|
+
$f3b51ac952d4aeac$export$c8747d73d7954b9c = `cFmmsa_spectrum-Toast ${$f3b51ac952d4aeac$export$24c7f46a6e3605dd}`;
|
|
39
|
+
$f3b51ac952d4aeac$export$cc3ddc864ea8cf74 = `cFmmsa_spectrum-Toast-contentWrapper`;
|
|
40
|
+
$f3b51ac952d4aeac$export$110195e8d94c1813 = `cFmmsa_spectrum-ToastContainer-list`;
|
|
41
|
+
$f3b51ac952d4aeac$export$36fca876e8f72fde = `cFmmsa_spectrum-ToastContainer-listitem`;
|
|
42
42
|
|
|
43
43
|
|
|
44
44
|
export {$f3b51ac952d4aeac$exports as default};
|
|
@@ -26,19 +26,19 @@ var $f3b51ac952d4aeac$export$c8747d73d7954b9c;
|
|
|
26
26
|
var $f3b51ac952d4aeac$export$cc3ddc864ea8cf74;
|
|
27
27
|
var $f3b51ac952d4aeac$export$110195e8d94c1813;
|
|
28
28
|
var $f3b51ac952d4aeac$export$36fca876e8f72fde;
|
|
29
|
-
$f3b51ac952d4aeac$export$f562fd61c53bdcd9 = `
|
|
29
|
+
$f3b51ac952d4aeac$export$f562fd61c53bdcd9 = `cFmmsa_fade-out`;
|
|
30
30
|
$f3b51ac952d4aeac$export$f562fd61c53bdcd9;
|
|
31
|
-
$f3b51ac952d4aeac$export$f39a09f249340e2a = `
|
|
32
|
-
$f3b51ac952d4aeac$export$4109102f950813a6 = `
|
|
33
|
-
$f3b51ac952d4aeac$export$24c7f46a6e3605dd = `
|
|
34
|
-
$f3b51ac952d4aeac$export$bed15bd1aa62542d = `
|
|
35
|
-
$f3b51ac952d4aeac$export$1c220dee9e4dbe34 = `
|
|
31
|
+
$f3b51ac952d4aeac$export$f39a09f249340e2a = `cFmmsa_focus-ring`;
|
|
32
|
+
$f3b51ac952d4aeac$export$4109102f950813a6 = `cFmmsa_spectrum-FocusRing-ring`;
|
|
33
|
+
$f3b51ac952d4aeac$export$24c7f46a6e3605dd = `cFmmsa_spectrum-FocusRing ${$f3b51ac952d4aeac$export$4109102f950813a6}`;
|
|
34
|
+
$f3b51ac952d4aeac$export$bed15bd1aa62542d = `cFmmsa_react-spectrum-ToastContainer ${$f3b51ac952d4aeac$export$24c7f46a6e3605dd}`;
|
|
35
|
+
$f3b51ac952d4aeac$export$1c220dee9e4dbe34 = `cFmmsa_slide-in`;
|
|
36
36
|
$f3b51ac952d4aeac$export$1c220dee9e4dbe34;
|
|
37
|
-
$f3b51ac952d4aeac$export$2927016961429360 = `
|
|
38
|
-
$f3b51ac952d4aeac$export$c8747d73d7954b9c = `
|
|
39
|
-
$f3b51ac952d4aeac$export$cc3ddc864ea8cf74 = `
|
|
40
|
-
$f3b51ac952d4aeac$export$110195e8d94c1813 = `
|
|
41
|
-
$f3b51ac952d4aeac$export$36fca876e8f72fde = `
|
|
37
|
+
$f3b51ac952d4aeac$export$2927016961429360 = `cFmmsa_spectrum-FocusRing--quiet`;
|
|
38
|
+
$f3b51ac952d4aeac$export$c8747d73d7954b9c = `cFmmsa_spectrum-Toast ${$f3b51ac952d4aeac$export$24c7f46a6e3605dd}`;
|
|
39
|
+
$f3b51ac952d4aeac$export$cc3ddc864ea8cf74 = `cFmmsa_spectrum-Toast-contentWrapper`;
|
|
40
|
+
$f3b51ac952d4aeac$export$110195e8d94c1813 = `cFmmsa_spectrum-ToastContainer-list`;
|
|
41
|
+
$f3b51ac952d4aeac$export$36fca876e8f72fde = `cFmmsa_spectrum-ToastContainer-listitem`;
|
|
42
42
|
|
|
43
43
|
|
|
44
44
|
export {$f3b51ac952d4aeac$exports as default};
|
|
@@ -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 = `
|
|
27
|
-
$b6e6aa676f8f9e47$export$b752ce409e5660c = `
|
|
28
|
-
$b6e6aa676f8f9e47$export$c8747d73d7954b9c = `
|
|
29
|
-
$b6e6aa676f8f9e47$export$fcf916881d7253a9 = `
|
|
30
|
-
$b6e6aa676f8f9e47$export$bd5a0b226e8b302 = `
|
|
31
|
-
$b6e6aa676f8f9e47$export$5c8e63d2763f4a55 = `
|
|
32
|
-
$b6e6aa676f8f9e47$export$36e75d1f579741b3 = `
|
|
33
|
-
$b6e6aa676f8f9e47$export$19218cf016f919e5 = `
|
|
34
|
-
$b6e6aa676f8f9e47$export$454f092ca47c3462 = `
|
|
35
|
-
$b6e6aa676f8f9e47$export$8e9e50fe392680b2 = `
|
|
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
|
package/dist/toast_vars_css.mjs
CHANGED
|
@@ -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 = `
|
|
28
|
-
$e05a169dc2f4f928$export$b752ce409e5660c = `
|
|
29
|
-
$e05a169dc2f4f928$export$c8747d73d7954b9c = `
|
|
30
|
-
$e05a169dc2f4f928$export$fcf916881d7253a9 = `
|
|
31
|
-
$e05a169dc2f4f928$export$bd5a0b226e8b302 = `
|
|
32
|
-
$e05a169dc2f4f928$export$5c8e63d2763f4a55 = `
|
|
33
|
-
$e05a169dc2f4f928$export$36e75d1f579741b3 = `
|
|
34
|
-
$e05a169dc2f4f928$export$19218cf016f919e5 = `
|
|
35
|
-
$e05a169dc2f4f928$export$454f092ca47c3462 = `
|
|
36
|
-
$e05a169dc2f4f928$export$8e9e50fe392680b2 = `
|
|
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 = `
|
|
28
|
-
$e05a169dc2f4f928$export$b752ce409e5660c = `
|
|
29
|
-
$e05a169dc2f4f928$export$c8747d73d7954b9c = `
|
|
30
|
-
$e05a169dc2f4f928$export$fcf916881d7253a9 = `
|
|
31
|
-
$e05a169dc2f4f928$export$bd5a0b226e8b302 = `
|
|
32
|
-
$e05a169dc2f4f928$export$5c8e63d2763f4a55 = `
|
|
33
|
-
$e05a169dc2f4f928$export$36e75d1f579741b3 = `
|
|
34
|
-
$e05a169dc2f4f928$export$19218cf016f919e5 = `
|
|
35
|
-
$e05a169dc2f4f928$export$454f092ca47c3462 = `
|
|
36
|
-
$e05a169dc2f4f928$export$8e9e50fe392680b2 = `
|
|
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};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
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
4
|
font-size: var(--spectrum-toast-text-size, var(--spectrum-alias-font-size-default));
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
display: inline-flex;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
57
|
+
.swo6Nq_spectrum-Toast {
|
|
58
58
|
background-color: var(--spectrum-alias-neutral-background-color);
|
|
59
59
|
color: #fff;
|
|
60
60
|
}
|
|
61
61
|
|
|
62
|
-
.
|
|
62
|
+
.swo6Nq_spectrum-Toast-content {
|
|
63
63
|
color: var(--spectrum-toast-text-color, var(--spectrum-global-color-static-white));
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
-
.
|
|
66
|
+
.swo6Nq_spectrum-Toast-typeIcon {
|
|
67
67
|
color: #fff;
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
-
.
|
|
70
|
+
.swo6Nq_spectrum-Toast-buttons {
|
|
71
71
|
border-inline-start-color: #fff3;
|
|
72
72
|
}
|
|
73
73
|
|
|
74
|
-
.
|
|
74
|
+
.swo6Nq_spectrum-Toast--negative {
|
|
75
75
|
background-color: var(--spectrum-negative-background-color-default);
|
|
76
76
|
}
|
|
77
77
|
|
|
78
|
-
.
|
|
78
|
+
.swo6Nq_spectrum-Toast--info {
|
|
79
79
|
background-color: var(--spectrum-informative-background-color-default);
|
|
80
80
|
}
|
|
81
81
|
|
|
82
|
-
.
|
|
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
|
-
.
|
|
87
|
+
.swo6Nq_spectrum-Toast {
|
|
88
88
|
border: 1px solid #0000;
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
|
-
/*# sourceMappingURL=vars.
|
|
91
|
+
/*# sourceMappingURL=vars.fdf6eb7e.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.
|
|
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.fdf6eb7e.css.map"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/toast",
|
|
3
|
-
"version": "3.0.0-beta.
|
|
3
|
+
"version": "3.0.0-beta.16",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -36,16 +36,16 @@
|
|
|
36
36
|
"url": "https://github.com/adobe/react-spectrum"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@react-aria/focus": "^3.18.
|
|
40
|
-
"@react-aria/i18n": "^3.12.
|
|
41
|
-
"@react-aria/overlays": "^3.23.
|
|
42
|
-
"@react-aria/toast": "3.0.0-beta.
|
|
43
|
-
"@react-aria/utils": "^3.25.
|
|
44
|
-
"@react-spectrum/button": "^3.16.
|
|
45
|
-
"@react-spectrum/utils": "^3.11.
|
|
46
|
-
"@react-stately/toast": "3.0.0-beta.
|
|
47
|
-
"@react-types/shared": "^3.
|
|
48
|
-
"@spectrum-icons/ui": "^3.6.
|
|
39
|
+
"@react-aria/focus": "^3.18.4",
|
|
40
|
+
"@react-aria/i18n": "^3.12.3",
|
|
41
|
+
"@react-aria/overlays": "^3.23.4",
|
|
42
|
+
"@react-aria/toast": "3.0.0-beta.17",
|
|
43
|
+
"@react-aria/utils": "^3.25.3",
|
|
44
|
+
"@react-spectrum/button": "^3.16.8",
|
|
45
|
+
"@react-spectrum/utils": "^3.11.11",
|
|
46
|
+
"@react-stately/toast": "3.0.0-beta.6",
|
|
47
|
+
"@react-types/shared": "^3.25.0",
|
|
48
|
+
"@spectrum-icons/ui": "^3.6.10",
|
|
49
49
|
"@swc/helpers": "^0.5.0",
|
|
50
50
|
"use-sync-external-store": "^1.2.0"
|
|
51
51
|
},
|
|
@@ -62,5 +62,5 @@
|
|
|
62
62
|
"publishConfig": {
|
|
63
63
|
"access": "public"
|
|
64
64
|
},
|
|
65
|
-
"gitHead": "
|
|
65
|
+
"gitHead": "8e0a28d188cdbdbd2b32296fa034b1b02ddde229"
|
|
66
66
|
}
|