@react-spectrum/toast 3.0.0-beta.12 → 3.0.0-beta.13
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 +14 -10
- package/dist/Toast.main.js.map +1 -1
- package/dist/Toast.mjs +16 -12
- package/dist/Toast.module.js +16 -12
- package/dist/Toast.module.js.map +1 -1
- package/dist/ToastContainer.main.js +12 -3
- package/dist/ToastContainer.main.js.map +1 -1
- package/dist/ToastContainer.mjs +16 -3
- package/dist/ToastContainer.module.js +16 -3
- package/dist/ToastContainer.module.js.map +1 -1
- package/dist/Toaster.main.js +8 -7
- package/dist/Toaster.main.js.map +1 -1
- package/dist/Toaster.mjs +8 -6
- package/dist/Toaster.module.js +8 -6
- package/dist/Toaster.module.js.map +1 -1
- package/dist/{toastContainer.b596792c.css → toastContainer.da404f80.css} +27 -3
- package/dist/toastContainer.da404f80.css.map +1 -0
- package/dist/toastContainer_css.main.js +16 -7
- package/dist/toastContainer_css.main.js.map +1 -1
- package/dist/toastContainer_css.mjs +16 -7
- package/dist/toastContainer_css.module.js +16 -7
- package/dist/toastContainer_css.module.js.map +1 -1
- package/dist/types.d.ts.map +1 -1
- package/dist/{vars.85cde188.css → vars.c6e65b7e.css} +4 -7
- package/dist/vars.c6e65b7e.css.map +1 -0
- package/package.json +14 -14
- package/src/Toast.tsx +27 -22
- package/src/ToastContainer.tsx +15 -7
- package/src/Toaster.tsx +18 -15
- package/src/toastContainer.css +32 -2
- package/dist/toastContainer.b596792c.css.map +0 -1
- package/dist/vars.85cde188.css.map +0 -1
package/dist/Toaster.main.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
require("./toastContainer.
|
|
1
|
+
require("./toastContainer.da404f80.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");
|
|
5
|
+
var $acAHv$reactariafocus = require("@react-aria/focus");
|
|
5
6
|
var $acAHv$reactariautils = require("@react-aria/utils");
|
|
6
7
|
var $acAHv$reactspectrumprovider = require("@react-spectrum/provider");
|
|
7
8
|
var $acAHv$react = require("react");
|
|
8
9
|
var $acAHv$reactdom = require("react-dom");
|
|
9
|
-
var $acAHv$reactariafocus = require("@react-aria/focus");
|
|
10
10
|
var $acAHv$reactariaoverlays = require("@react-aria/overlays");
|
|
11
11
|
|
|
12
12
|
|
|
@@ -18,7 +18,6 @@ function $parcel$export(e, n, v, s) {
|
|
|
18
18
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
$parcel$export(module.exports, "ToasterContext", () => $5b9f2c86c1b1395c$export$9194c0aa0cd7a9ff);
|
|
22
21
|
$parcel$export(module.exports, "Toaster", () => $5b9f2c86c1b1395c$export$fb98e3a2a4cd92d7);
|
|
23
22
|
/*
|
|
24
23
|
* Copyright 2020 Adobe. All rights reserved.
|
|
@@ -42,7 +41,7 @@ $parcel$export(module.exports, "Toaster", () => $5b9f2c86c1b1395c$export$fb98e3a
|
|
|
42
41
|
const $5b9f2c86c1b1395c$export$9194c0aa0cd7a9ff = /*#__PURE__*/ (0, $acAHv$react.createContext)(false);
|
|
43
42
|
function $5b9f2c86c1b1395c$export$fb98e3a2a4cd92d7(props) {
|
|
44
43
|
let { children: children, state: state } = props;
|
|
45
|
-
let ref = (0, $acAHv$react.useRef)();
|
|
44
|
+
let ref = (0, $acAHv$react.useRef)(undefined);
|
|
46
45
|
let { regionProps: regionProps } = (0, $acAHv$reactariatoast.useToastRegion)(props, state, ref);
|
|
47
46
|
let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $acAHv$reactariafocus.useFocusRing)();
|
|
48
47
|
let { getContainer: getContainer } = (0, $acAHv$reactariaoverlays.useUNSTABLE_PortalContext)();
|
|
@@ -50,15 +49,17 @@ function $5b9f2c86c1b1395c$export$fb98e3a2a4cd92d7(props) {
|
|
|
50
49
|
UNSAFE_style: {
|
|
51
50
|
background: 'transparent'
|
|
52
51
|
}
|
|
53
|
-
}, /*#__PURE__*/ (0, ($parcel$interopDefault($acAHv$react))).createElement($5b9f2c86c1b1395c$export$9194c0aa0cd7a9ff.Provider, {
|
|
52
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($acAHv$react))).createElement((0, $acAHv$reactariafocus.FocusScope), null, /*#__PURE__*/ (0, ($parcel$interopDefault($acAHv$react))).createElement($5b9f2c86c1b1395c$export$9194c0aa0cd7a9ff.Provider, {
|
|
54
53
|
value: isFocusVisible
|
|
55
54
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($acAHv$react))).createElement("div", {
|
|
56
55
|
...(0, $acAHv$reactariautils.mergeProps)(regionProps, focusProps),
|
|
57
56
|
ref: ref,
|
|
58
57
|
"data-position": "bottom",
|
|
59
58
|
"data-placement": "center",
|
|
60
|
-
className: (0, $acAHv$reactspectrumutils.classNames)((0, ($parcel$interopDefault($e20782d0579ed886$exports))), 'react-spectrum-ToastContainer'
|
|
61
|
-
|
|
59
|
+
className: (0, $acAHv$reactspectrumutils.classNames)((0, ($parcel$interopDefault($e20782d0579ed886$exports))), 'react-spectrum-ToastContainer', {
|
|
60
|
+
'focus-ring': isFocusVisible
|
|
61
|
+
})
|
|
62
|
+
}, children))));
|
|
62
63
|
var _getContainer;
|
|
63
64
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($acAHv$reactdom))).createPortal(contents, (_getContainer = getContainer === null || getContainer === void 0 ? void 0 : getContainer()) !== null && _getContainer !== void 0 ? _getContainer : document.body);
|
|
64
65
|
}
|
package/dist/Toaster.main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AAkBM,MAAM,0DAAiB,CAAA,GAAA,0BAAY,EAAE;AAErC,SAAS,0CAAQ,KAA0B;IAChD,IAAI,YACF,QAAQ,SACR,KAAK,EACN,GAAG;IAEJ,IAAI,MAAM,CAAA,GAAA,mBAAK,EAAE;IACjB,IAAI,eAAC,WAAW,EAAC,GAAG,CAAA,GAAA,oCAAa,EAAE,OAAO,OAAO;IACjD,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,kCAAW;IAC9C,IAAI,gBAAC,YAAY,EAAC,GAAG,CAAA,GAAA,kDAAwB;IAE7C,IAAI,yBACF,0DAAC,CAAA,GAAA,qCAAO;QAAE,cAAc;YAAC,YAAY;QAAa;qBAChD,0DAAC,CAAA,GAAA,gCAAS,uBACR,0DAAC,0CAAe,QAAQ;QAAC,OAAO;qBAC9B,0DAAC;QACE,GAAG,CAAA,GAAA,gCAAS,EAAE,aAAa,WAAW;QACvC,KAAK;QACL,iBAAc;QACd,kBAAe;QACf,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,mDAAmB,GACnB,iCACA;YAAC,cAAc;QAAc;OAE9B;QAO4B;IAAvC,qBAAO,CAAA,GAAA,yCAAO,EAAE,YAAY,CAAC,UAAU,CAAA,gBAAA,yBAAA,mCAAA,4BAAA,2BAAA,gBAAoB,SAAS,IAAI;AAC1E","sources":["packages/@react-spectrum/toast/src/Toaster.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaToastRegionProps, useToastRegion} from '@react-aria/toast';\nimport {classNames} from '@react-spectrum/utils';\nimport {FocusScope, useFocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport {Provider} from '@react-spectrum/provider';\nimport React, {createContext, ReactElement, ReactNode, useRef} from 'react';\nimport ReactDOM from 'react-dom';\nimport toastContainerStyles from './toastContainer.css';\nimport {ToastState} from '@react-stately/toast';\nimport {useUNSTABLE_PortalContext} from '@react-aria/overlays';\n\ninterface ToastContainerProps extends AriaToastRegionProps {\n children: ReactNode,\n state: ToastState<unknown>\n}\n\nexport const ToasterContext = createContext(false);\n\nexport function Toaster(props: ToastContainerProps): ReactElement {\n let {\n children,\n state\n } = props;\n\n let ref = useRef(undefined);\n let {regionProps} = useToastRegion(props, state, ref);\n let {focusProps, isFocusVisible} = useFocusRing();\n let {getContainer} = useUNSTABLE_PortalContext();\n\n let contents = (\n <Provider UNSAFE_style={{background: 'transparent'}}>\n <FocusScope>\n <ToasterContext.Provider value={isFocusVisible}>\n <div\n {...mergeProps(regionProps, focusProps)}\n ref={ref}\n data-position=\"bottom\"\n data-placement=\"center\"\n className={classNames(\n toastContainerStyles,\n 'react-spectrum-ToastContainer',\n {'focus-ring': isFocusVisible}\n )}>\n {children}\n </div>\n </ToasterContext.Provider>\n </FocusScope>\n </Provider>\n );\n\n return ReactDOM.createPortal(contents, getContainer?.() ?? document.body);\n}\n"],"names":[],"version":3,"file":"Toaster.main.js.map"}
|
package/dist/Toaster.mjs
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import "./toastContainer.
|
|
1
|
+
import "./toastContainer.da404f80.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";
|
|
5
|
+
import {useFocusRing as $7Pdp8$useFocusRing, FocusScope as $7Pdp8$FocusScope} from "@react-aria/focus";
|
|
5
6
|
import {mergeProps as $7Pdp8$mergeProps} from "@react-aria/utils";
|
|
6
7
|
import {Provider as $7Pdp8$Provider} from "@react-spectrum/provider";
|
|
7
8
|
import $7Pdp8$react, {createContext as $7Pdp8$createContext, useRef as $7Pdp8$useRef} from "react";
|
|
8
9
|
import $7Pdp8$reactdom from "react-dom";
|
|
9
|
-
import {useFocusRing as $7Pdp8$useFocusRing} from "@react-aria/focus";
|
|
10
10
|
import {useUNSTABLE_PortalContext as $7Pdp8$useUNSTABLE_PortalContext} from "@react-aria/overlays";
|
|
11
11
|
|
|
12
12
|
|
|
@@ -35,7 +35,7 @@ function $parcel$interopDefault(a) {
|
|
|
35
35
|
const $e46feef4e4c28a4b$export$9194c0aa0cd7a9ff = /*#__PURE__*/ (0, $7Pdp8$createContext)(false);
|
|
36
36
|
function $e46feef4e4c28a4b$export$fb98e3a2a4cd92d7(props) {
|
|
37
37
|
let { children: children, state: state } = props;
|
|
38
|
-
let ref = (0, $7Pdp8$useRef)();
|
|
38
|
+
let ref = (0, $7Pdp8$useRef)(undefined);
|
|
39
39
|
let { regionProps: regionProps } = (0, $7Pdp8$useToastRegion)(props, state, ref);
|
|
40
40
|
let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $7Pdp8$useFocusRing)();
|
|
41
41
|
let { getContainer: getContainer } = (0, $7Pdp8$useUNSTABLE_PortalContext)();
|
|
@@ -43,15 +43,17 @@ function $e46feef4e4c28a4b$export$fb98e3a2a4cd92d7(props) {
|
|
|
43
43
|
UNSAFE_style: {
|
|
44
44
|
background: 'transparent'
|
|
45
45
|
}
|
|
46
|
-
}, /*#__PURE__*/ (0, $7Pdp8$react).createElement($e46feef4e4c28a4b$export$9194c0aa0cd7a9ff.Provider, {
|
|
46
|
+
}, /*#__PURE__*/ (0, $7Pdp8$react).createElement((0, $7Pdp8$FocusScope), null, /*#__PURE__*/ (0, $7Pdp8$react).createElement($e46feef4e4c28a4b$export$9194c0aa0cd7a9ff.Provider, {
|
|
47
47
|
value: isFocusVisible
|
|
48
48
|
}, /*#__PURE__*/ (0, $7Pdp8$react).createElement("div", {
|
|
49
49
|
...(0, $7Pdp8$mergeProps)(regionProps, focusProps),
|
|
50
50
|
ref: ref,
|
|
51
51
|
"data-position": "bottom",
|
|
52
52
|
"data-placement": "center",
|
|
53
|
-
className: (0, $7Pdp8$classNames)((0, ($parcel$interopDefault($7Pdp8$toastContainer_cssmodulejs))), 'react-spectrum-ToastContainer'
|
|
54
|
-
|
|
53
|
+
className: (0, $7Pdp8$classNames)((0, ($parcel$interopDefault($7Pdp8$toastContainer_cssmodulejs))), 'react-spectrum-ToastContainer', {
|
|
54
|
+
'focus-ring': isFocusVisible
|
|
55
|
+
})
|
|
56
|
+
}, children))));
|
|
55
57
|
var _getContainer;
|
|
56
58
|
return /*#__PURE__*/ (0, $7Pdp8$reactdom).createPortal(contents, (_getContainer = getContainer === null || getContainer === void 0 ? void 0 : getContainer()) !== null && _getContainer !== void 0 ? _getContainer : document.body);
|
|
57
59
|
}
|
package/dist/Toaster.module.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import "./toastContainer.
|
|
1
|
+
import "./toastContainer.da404f80.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";
|
|
5
|
+
import {useFocusRing as $7Pdp8$useFocusRing, FocusScope as $7Pdp8$FocusScope} from "@react-aria/focus";
|
|
5
6
|
import {mergeProps as $7Pdp8$mergeProps} from "@react-aria/utils";
|
|
6
7
|
import {Provider as $7Pdp8$Provider} from "@react-spectrum/provider";
|
|
7
8
|
import $7Pdp8$react, {createContext as $7Pdp8$createContext, useRef as $7Pdp8$useRef} from "react";
|
|
8
9
|
import $7Pdp8$reactdom from "react-dom";
|
|
9
|
-
import {useFocusRing as $7Pdp8$useFocusRing} from "@react-aria/focus";
|
|
10
10
|
import {useUNSTABLE_PortalContext as $7Pdp8$useUNSTABLE_PortalContext} from "@react-aria/overlays";
|
|
11
11
|
|
|
12
12
|
|
|
@@ -35,7 +35,7 @@ function $parcel$interopDefault(a) {
|
|
|
35
35
|
const $e46feef4e4c28a4b$export$9194c0aa0cd7a9ff = /*#__PURE__*/ (0, $7Pdp8$createContext)(false);
|
|
36
36
|
function $e46feef4e4c28a4b$export$fb98e3a2a4cd92d7(props) {
|
|
37
37
|
let { children: children, state: state } = props;
|
|
38
|
-
let ref = (0, $7Pdp8$useRef)();
|
|
38
|
+
let ref = (0, $7Pdp8$useRef)(undefined);
|
|
39
39
|
let { regionProps: regionProps } = (0, $7Pdp8$useToastRegion)(props, state, ref);
|
|
40
40
|
let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $7Pdp8$useFocusRing)();
|
|
41
41
|
let { getContainer: getContainer } = (0, $7Pdp8$useUNSTABLE_PortalContext)();
|
|
@@ -43,15 +43,17 @@ function $e46feef4e4c28a4b$export$fb98e3a2a4cd92d7(props) {
|
|
|
43
43
|
UNSAFE_style: {
|
|
44
44
|
background: 'transparent'
|
|
45
45
|
}
|
|
46
|
-
}, /*#__PURE__*/ (0, $7Pdp8$react).createElement($e46feef4e4c28a4b$export$9194c0aa0cd7a9ff.Provider, {
|
|
46
|
+
}, /*#__PURE__*/ (0, $7Pdp8$react).createElement((0, $7Pdp8$FocusScope), null, /*#__PURE__*/ (0, $7Pdp8$react).createElement($e46feef4e4c28a4b$export$9194c0aa0cd7a9ff.Provider, {
|
|
47
47
|
value: isFocusVisible
|
|
48
48
|
}, /*#__PURE__*/ (0, $7Pdp8$react).createElement("div", {
|
|
49
49
|
...(0, $7Pdp8$mergeProps)(regionProps, focusProps),
|
|
50
50
|
ref: ref,
|
|
51
51
|
"data-position": "bottom",
|
|
52
52
|
"data-placement": "center",
|
|
53
|
-
className: (0, $7Pdp8$classNames)((0, ($parcel$interopDefault($7Pdp8$toastContainer_cssmodulejs))), 'react-spectrum-ToastContainer'
|
|
54
|
-
|
|
53
|
+
className: (0, $7Pdp8$classNames)((0, ($parcel$interopDefault($7Pdp8$toastContainer_cssmodulejs))), 'react-spectrum-ToastContainer', {
|
|
54
|
+
'focus-ring': isFocusVisible
|
|
55
|
+
})
|
|
56
|
+
}, children))));
|
|
55
57
|
var _getContainer;
|
|
56
58
|
return /*#__PURE__*/ (0, $7Pdp8$reactdom).createPortal(contents, (_getContainer = getContainer === null || getContainer === void 0 ? void 0 : getContainer()) !== null && _getContainer !== void 0 ? _getContainer : document.body);
|
|
57
59
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AAkBM,MAAM,0DAAiB,CAAA,GAAA,oBAAY,EAAE;AAErC,SAAS,0CAAQ,KAA0B;IAChD,IAAI,YACF,QAAQ,SACR,KAAK,EACN,GAAG;IAEJ,IAAI,MAAM,CAAA,GAAA,aAAK;
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AAkBM,MAAM,0DAAiB,CAAA,GAAA,oBAAY,EAAE;AAErC,SAAS,0CAAQ,KAA0B;IAChD,IAAI,YACF,QAAQ,SACR,KAAK,EACN,GAAG;IAEJ,IAAI,MAAM,CAAA,GAAA,aAAK,EAAE;IACjB,IAAI,eAAC,WAAW,EAAC,GAAG,CAAA,GAAA,qBAAa,EAAE,OAAO,OAAO;IACjD,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW;IAC9C,IAAI,gBAAC,YAAY,EAAC,GAAG,CAAA,GAAA,gCAAwB;IAE7C,IAAI,yBACF,gCAAC,CAAA,GAAA,eAAO;QAAE,cAAc;YAAC,YAAY;QAAa;qBAChD,gCAAC,CAAA,GAAA,iBAAS,uBACR,gCAAC,0CAAe,QAAQ;QAAC,OAAO;qBAC9B,gCAAC;QACE,GAAG,CAAA,GAAA,iBAAS,EAAE,aAAa,WAAW;QACvC,KAAK;QACL,iBAAc;QACd,kBAAe;QACf,WAAW,CAAA,GAAA,iBAAS,EAClB,CAAA,GAAA,2DAAmB,GACnB,iCACA;YAAC,cAAc;QAAc;OAE9B;QAO4B;IAAvC,qBAAO,CAAA,GAAA,eAAO,EAAE,YAAY,CAAC,UAAU,CAAA,gBAAA,yBAAA,mCAAA,4BAAA,2BAAA,gBAAoB,SAAS,IAAI;AAC1E","sources":["packages/@react-spectrum/toast/src/Toaster.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaToastRegionProps, useToastRegion} from '@react-aria/toast';\nimport {classNames} from '@react-spectrum/utils';\nimport {FocusScope, useFocusRing} from '@react-aria/focus';\nimport {mergeProps} from '@react-aria/utils';\nimport {Provider} from '@react-spectrum/provider';\nimport React, {createContext, ReactElement, ReactNode, useRef} from 'react';\nimport ReactDOM from 'react-dom';\nimport toastContainerStyles from './toastContainer.css';\nimport {ToastState} from '@react-stately/toast';\nimport {useUNSTABLE_PortalContext} from '@react-aria/overlays';\n\ninterface ToastContainerProps extends AriaToastRegionProps {\n children: ReactNode,\n state: ToastState<unknown>\n}\n\nexport const ToasterContext = createContext(false);\n\nexport function Toaster(props: ToastContainerProps): ReactElement {\n let {\n children,\n state\n } = props;\n\n let ref = useRef(undefined);\n let {regionProps} = useToastRegion(props, state, ref);\n let {focusProps, isFocusVisible} = useFocusRing();\n let {getContainer} = useUNSTABLE_PortalContext();\n\n let contents = (\n <Provider UNSAFE_style={{background: 'transparent'}}>\n <FocusScope>\n <ToasterContext.Provider value={isFocusVisible}>\n <div\n {...mergeProps(regionProps, focusProps)}\n ref={ref}\n data-position=\"bottom\"\n data-placement=\"center\"\n className={classNames(\n toastContainerStyles,\n 'react-spectrum-ToastContainer',\n {'focus-ring': isFocusVisible}\n )}>\n {children}\n </div>\n </ToasterContext.Provider>\n </FocusScope>\n </Provider>\n );\n\n return ReactDOM.createPortal(contents, getContainer?.() ?? document.body);\n}\n"],"names":[],"version":3,"file":"Toaster.module.js.map"}
|
|
@@ -42,10 +42,14 @@
|
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
.xynrca_react-spectrum-ToastContainer {
|
|
45
|
+
--spectrum-focus-ring-border-radius: var(--spectrum-toast-border-radius, var(--spectrum-global-dimension-static-size-50));
|
|
46
|
+
--spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25));
|
|
47
|
+
--spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size, var(--spectrum-global-dimension-static-size-25));
|
|
45
48
|
z-index: 100050;
|
|
46
49
|
pointer-events: none;
|
|
47
50
|
outline: none;
|
|
48
51
|
margin-block-end: 8px;
|
|
52
|
+
margin-inline: 8px;
|
|
49
53
|
display: flex;
|
|
50
54
|
position: fixed;
|
|
51
55
|
left: 0;
|
|
@@ -60,14 +64,14 @@
|
|
|
60
64
|
.xynrca_react-spectrum-ToastContainer[data-position="top"] {
|
|
61
65
|
--slide-from: translateY(-100%);
|
|
62
66
|
--slide-to: translateY(0);
|
|
63
|
-
flex-direction: column
|
|
67
|
+
flex-direction: column;
|
|
64
68
|
top: 0;
|
|
65
69
|
}
|
|
66
70
|
|
|
67
71
|
.xynrca_react-spectrum-ToastContainer[data-position="bottom"] {
|
|
68
72
|
--slide-from: translateY(100%);
|
|
69
73
|
--slide-to: translateY(0);
|
|
70
|
-
flex-direction: column;
|
|
74
|
+
flex-direction: column-reverse;
|
|
71
75
|
bottom: 0;
|
|
72
76
|
}
|
|
73
77
|
|
|
@@ -107,6 +111,8 @@
|
|
|
107
111
|
--spectrum-focus-ring-border-radius: var(--spectrum-toast-border-radius, var(--spectrum-global-dimension-static-size-50));
|
|
108
112
|
--spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25));
|
|
109
113
|
--spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size, var(--spectrum-global-dimension-static-size-25));
|
|
114
|
+
outline: none;
|
|
115
|
+
position: relative;
|
|
110
116
|
}
|
|
111
117
|
|
|
112
118
|
.xynrca_spectrum-Toast[data-animation="entering"] {
|
|
@@ -117,6 +123,24 @@
|
|
|
117
123
|
animation: .3s forwards xynrca_fade-out;
|
|
118
124
|
}
|
|
119
125
|
|
|
126
|
+
.xynrca_spectrum-Toast .xynrca_spectrum-Toast-contentWrapper {
|
|
127
|
+
display: inline-flex;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.xynrca_spectrum-ToastContainer-list {
|
|
131
|
+
display: inherit;
|
|
132
|
+
flex-direction: inherit;
|
|
133
|
+
align-items: inherit;
|
|
134
|
+
margin-block: 0;
|
|
135
|
+
margin-inline: 0;
|
|
136
|
+
padding-inline-start: 0;
|
|
137
|
+
list-style-type: none;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
.xynrca_spectrum-ToastContainer-listitem {
|
|
141
|
+
display: inline-block;
|
|
142
|
+
}
|
|
143
|
+
|
|
120
144
|
@keyframes xynrca_slide-in {
|
|
121
145
|
from {
|
|
122
146
|
transform: var(--slide-from);
|
|
@@ -136,4 +160,4 @@
|
|
|
136
160
|
opacity: 0;
|
|
137
161
|
}
|
|
138
162
|
}
|
|
139
|
-
/*# sourceMappingURL=toastContainer.
|
|
163
|
+
/*# sourceMappingURL=toastContainer.da404f80.css.map */
|
|
@@ -0,0 +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.da404f80.css.map"}
|
|
@@ -5,30 +5,39 @@ function $parcel$export(e, n, v, s) {
|
|
|
5
5
|
|
|
6
6
|
$parcel$export(module.exports, "fade-out", () => $e20782d0579ed886$export$f562fd61c53bdcd9, (v) => $e20782d0579ed886$export$f562fd61c53bdcd9 = v);
|
|
7
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
8
|
$parcel$export(module.exports, "spectrum-FocusRing-ring", () => $e20782d0579ed886$export$4109102f950813a6, (v) => $e20782d0579ed886$export$4109102f950813a6 = v);
|
|
11
9
|
$parcel$export(module.exports, "spectrum-FocusRing", () => $e20782d0579ed886$export$24c7f46a6e3605dd, (v) => $e20782d0579ed886$export$24c7f46a6e3605dd = v);
|
|
10
|
+
$parcel$export(module.exports, "react-spectrum-ToastContainer", () => $e20782d0579ed886$export$bed15bd1aa62542d, (v) => $e20782d0579ed886$export$bed15bd1aa62542d = v);
|
|
11
|
+
$parcel$export(module.exports, "slide-in", () => $e20782d0579ed886$export$1c220dee9e4dbe34, (v) => $e20782d0579ed886$export$1c220dee9e4dbe34 = v);
|
|
12
12
|
$parcel$export(module.exports, "spectrum-FocusRing--quiet", () => $e20782d0579ed886$export$2927016961429360, (v) => $e20782d0579ed886$export$2927016961429360 = v);
|
|
13
13
|
$parcel$export(module.exports, "spectrum-Toast", () => $e20782d0579ed886$export$c8747d73d7954b9c, (v) => $e20782d0579ed886$export$c8747d73d7954b9c = v);
|
|
14
|
+
$parcel$export(module.exports, "spectrum-Toast-contentWrapper", () => $e20782d0579ed886$export$cc3ddc864ea8cf74, (v) => $e20782d0579ed886$export$cc3ddc864ea8cf74 = v);
|
|
15
|
+
$parcel$export(module.exports, "spectrum-ToastContainer-list", () => $e20782d0579ed886$export$110195e8d94c1813, (v) => $e20782d0579ed886$export$110195e8d94c1813 = v);
|
|
16
|
+
$parcel$export(module.exports, "spectrum-ToastContainer-listitem", () => $e20782d0579ed886$export$36fca876e8f72fde, (v) => $e20782d0579ed886$export$36fca876e8f72fde = v);
|
|
14
17
|
var $e20782d0579ed886$export$f562fd61c53bdcd9;
|
|
15
18
|
var $e20782d0579ed886$export$f39a09f249340e2a;
|
|
16
|
-
var $e20782d0579ed886$export$bed15bd1aa62542d;
|
|
17
|
-
var $e20782d0579ed886$export$1c220dee9e4dbe34;
|
|
18
19
|
var $e20782d0579ed886$export$4109102f950813a6;
|
|
19
20
|
var $e20782d0579ed886$export$24c7f46a6e3605dd;
|
|
21
|
+
var $e20782d0579ed886$export$bed15bd1aa62542d;
|
|
22
|
+
var $e20782d0579ed886$export$1c220dee9e4dbe34;
|
|
20
23
|
var $e20782d0579ed886$export$2927016961429360;
|
|
21
24
|
var $e20782d0579ed886$export$c8747d73d7954b9c;
|
|
25
|
+
var $e20782d0579ed886$export$cc3ddc864ea8cf74;
|
|
26
|
+
var $e20782d0579ed886$export$110195e8d94c1813;
|
|
27
|
+
var $e20782d0579ed886$export$36fca876e8f72fde;
|
|
22
28
|
$e20782d0579ed886$export$f562fd61c53bdcd9 = `xynrca_fade-out`;
|
|
23
29
|
$e20782d0579ed886$export$f562fd61c53bdcd9;
|
|
24
30
|
$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
31
|
$e20782d0579ed886$export$4109102f950813a6 = `xynrca_spectrum-FocusRing-ring`;
|
|
29
32
|
$e20782d0579ed886$export$24c7f46a6e3605dd = `xynrca_spectrum-FocusRing ${$e20782d0579ed886$export$4109102f950813a6}`;
|
|
33
|
+
$e20782d0579ed886$export$bed15bd1aa62542d = `xynrca_react-spectrum-ToastContainer ${$e20782d0579ed886$export$24c7f46a6e3605dd}`;
|
|
34
|
+
$e20782d0579ed886$export$1c220dee9e4dbe34 = `xynrca_slide-in`;
|
|
35
|
+
$e20782d0579ed886$export$1c220dee9e4dbe34;
|
|
30
36
|
$e20782d0579ed886$export$2927016961429360 = `xynrca_spectrum-FocusRing--quiet`;
|
|
31
37
|
$e20782d0579ed886$export$c8747d73d7954b9c = `xynrca_spectrum-Toast ${$e20782d0579ed886$export$24c7f46a6e3605dd}`;
|
|
38
|
+
$e20782d0579ed886$export$cc3ddc864ea8cf74 = `xynrca_spectrum-Toast-contentWrapper`;
|
|
39
|
+
$e20782d0579ed886$export$110195e8d94c1813 = `xynrca_spectrum-ToastContainer-list`;
|
|
40
|
+
$e20782d0579ed886$export$36fca876e8f72fde = `xynrca_spectrum-ToastContainer-listitem`;
|
|
32
41
|
|
|
33
42
|
|
|
34
43
|
//# sourceMappingURL=toastContainer_css.main.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"
|
|
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.main.js.map"}
|
|
@@ -6,30 +6,39 @@ var $f3b51ac952d4aeac$exports = {};
|
|
|
6
6
|
|
|
7
7
|
$parcel$export($f3b51ac952d4aeac$exports, "fade-out", () => $f3b51ac952d4aeac$export$f562fd61c53bdcd9, (v) => $f3b51ac952d4aeac$export$f562fd61c53bdcd9 = v);
|
|
8
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
9
|
$parcel$export($f3b51ac952d4aeac$exports, "spectrum-FocusRing-ring", () => $f3b51ac952d4aeac$export$4109102f950813a6, (v) => $f3b51ac952d4aeac$export$4109102f950813a6 = v);
|
|
12
10
|
$parcel$export($f3b51ac952d4aeac$exports, "spectrum-FocusRing", () => $f3b51ac952d4aeac$export$24c7f46a6e3605dd, (v) => $f3b51ac952d4aeac$export$24c7f46a6e3605dd = v);
|
|
11
|
+
$parcel$export($f3b51ac952d4aeac$exports, "react-spectrum-ToastContainer", () => $f3b51ac952d4aeac$export$bed15bd1aa62542d, (v) => $f3b51ac952d4aeac$export$bed15bd1aa62542d = v);
|
|
12
|
+
$parcel$export($f3b51ac952d4aeac$exports, "slide-in", () => $f3b51ac952d4aeac$export$1c220dee9e4dbe34, (v) => $f3b51ac952d4aeac$export$1c220dee9e4dbe34 = v);
|
|
13
13
|
$parcel$export($f3b51ac952d4aeac$exports, "spectrum-FocusRing--quiet", () => $f3b51ac952d4aeac$export$2927016961429360, (v) => $f3b51ac952d4aeac$export$2927016961429360 = v);
|
|
14
14
|
$parcel$export($f3b51ac952d4aeac$exports, "spectrum-Toast", () => $f3b51ac952d4aeac$export$c8747d73d7954b9c, (v) => $f3b51ac952d4aeac$export$c8747d73d7954b9c = v);
|
|
15
|
+
$parcel$export($f3b51ac952d4aeac$exports, "spectrum-Toast-contentWrapper", () => $f3b51ac952d4aeac$export$cc3ddc864ea8cf74, (v) => $f3b51ac952d4aeac$export$cc3ddc864ea8cf74 = v);
|
|
16
|
+
$parcel$export($f3b51ac952d4aeac$exports, "spectrum-ToastContainer-list", () => $f3b51ac952d4aeac$export$110195e8d94c1813, (v) => $f3b51ac952d4aeac$export$110195e8d94c1813 = v);
|
|
17
|
+
$parcel$export($f3b51ac952d4aeac$exports, "spectrum-ToastContainer-listitem", () => $f3b51ac952d4aeac$export$36fca876e8f72fde, (v) => $f3b51ac952d4aeac$export$36fca876e8f72fde = v);
|
|
15
18
|
var $f3b51ac952d4aeac$export$f562fd61c53bdcd9;
|
|
16
19
|
var $f3b51ac952d4aeac$export$f39a09f249340e2a;
|
|
17
|
-
var $f3b51ac952d4aeac$export$bed15bd1aa62542d;
|
|
18
|
-
var $f3b51ac952d4aeac$export$1c220dee9e4dbe34;
|
|
19
20
|
var $f3b51ac952d4aeac$export$4109102f950813a6;
|
|
20
21
|
var $f3b51ac952d4aeac$export$24c7f46a6e3605dd;
|
|
22
|
+
var $f3b51ac952d4aeac$export$bed15bd1aa62542d;
|
|
23
|
+
var $f3b51ac952d4aeac$export$1c220dee9e4dbe34;
|
|
21
24
|
var $f3b51ac952d4aeac$export$2927016961429360;
|
|
22
25
|
var $f3b51ac952d4aeac$export$c8747d73d7954b9c;
|
|
26
|
+
var $f3b51ac952d4aeac$export$cc3ddc864ea8cf74;
|
|
27
|
+
var $f3b51ac952d4aeac$export$110195e8d94c1813;
|
|
28
|
+
var $f3b51ac952d4aeac$export$36fca876e8f72fde;
|
|
23
29
|
$f3b51ac952d4aeac$export$f562fd61c53bdcd9 = `xynrca_fade-out`;
|
|
24
30
|
$f3b51ac952d4aeac$export$f562fd61c53bdcd9;
|
|
25
31
|
$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
32
|
$f3b51ac952d4aeac$export$4109102f950813a6 = `xynrca_spectrum-FocusRing-ring`;
|
|
30
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`;
|
|
36
|
+
$f3b51ac952d4aeac$export$1c220dee9e4dbe34;
|
|
31
37
|
$f3b51ac952d4aeac$export$2927016961429360 = `xynrca_spectrum-FocusRing--quiet`;
|
|
32
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`;
|
|
33
42
|
|
|
34
43
|
|
|
35
44
|
export {$f3b51ac952d4aeac$exports as default};
|
|
@@ -6,30 +6,39 @@ var $f3b51ac952d4aeac$exports = {};
|
|
|
6
6
|
|
|
7
7
|
$parcel$export($f3b51ac952d4aeac$exports, "fade-out", () => $f3b51ac952d4aeac$export$f562fd61c53bdcd9, (v) => $f3b51ac952d4aeac$export$f562fd61c53bdcd9 = v);
|
|
8
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
9
|
$parcel$export($f3b51ac952d4aeac$exports, "spectrum-FocusRing-ring", () => $f3b51ac952d4aeac$export$4109102f950813a6, (v) => $f3b51ac952d4aeac$export$4109102f950813a6 = v);
|
|
12
10
|
$parcel$export($f3b51ac952d4aeac$exports, "spectrum-FocusRing", () => $f3b51ac952d4aeac$export$24c7f46a6e3605dd, (v) => $f3b51ac952d4aeac$export$24c7f46a6e3605dd = v);
|
|
11
|
+
$parcel$export($f3b51ac952d4aeac$exports, "react-spectrum-ToastContainer", () => $f3b51ac952d4aeac$export$bed15bd1aa62542d, (v) => $f3b51ac952d4aeac$export$bed15bd1aa62542d = v);
|
|
12
|
+
$parcel$export($f3b51ac952d4aeac$exports, "slide-in", () => $f3b51ac952d4aeac$export$1c220dee9e4dbe34, (v) => $f3b51ac952d4aeac$export$1c220dee9e4dbe34 = v);
|
|
13
13
|
$parcel$export($f3b51ac952d4aeac$exports, "spectrum-FocusRing--quiet", () => $f3b51ac952d4aeac$export$2927016961429360, (v) => $f3b51ac952d4aeac$export$2927016961429360 = v);
|
|
14
14
|
$parcel$export($f3b51ac952d4aeac$exports, "spectrum-Toast", () => $f3b51ac952d4aeac$export$c8747d73d7954b9c, (v) => $f3b51ac952d4aeac$export$c8747d73d7954b9c = v);
|
|
15
|
+
$parcel$export($f3b51ac952d4aeac$exports, "spectrum-Toast-contentWrapper", () => $f3b51ac952d4aeac$export$cc3ddc864ea8cf74, (v) => $f3b51ac952d4aeac$export$cc3ddc864ea8cf74 = v);
|
|
16
|
+
$parcel$export($f3b51ac952d4aeac$exports, "spectrum-ToastContainer-list", () => $f3b51ac952d4aeac$export$110195e8d94c1813, (v) => $f3b51ac952d4aeac$export$110195e8d94c1813 = v);
|
|
17
|
+
$parcel$export($f3b51ac952d4aeac$exports, "spectrum-ToastContainer-listitem", () => $f3b51ac952d4aeac$export$36fca876e8f72fde, (v) => $f3b51ac952d4aeac$export$36fca876e8f72fde = v);
|
|
15
18
|
var $f3b51ac952d4aeac$export$f562fd61c53bdcd9;
|
|
16
19
|
var $f3b51ac952d4aeac$export$f39a09f249340e2a;
|
|
17
|
-
var $f3b51ac952d4aeac$export$bed15bd1aa62542d;
|
|
18
|
-
var $f3b51ac952d4aeac$export$1c220dee9e4dbe34;
|
|
19
20
|
var $f3b51ac952d4aeac$export$4109102f950813a6;
|
|
20
21
|
var $f3b51ac952d4aeac$export$24c7f46a6e3605dd;
|
|
22
|
+
var $f3b51ac952d4aeac$export$bed15bd1aa62542d;
|
|
23
|
+
var $f3b51ac952d4aeac$export$1c220dee9e4dbe34;
|
|
21
24
|
var $f3b51ac952d4aeac$export$2927016961429360;
|
|
22
25
|
var $f3b51ac952d4aeac$export$c8747d73d7954b9c;
|
|
26
|
+
var $f3b51ac952d4aeac$export$cc3ddc864ea8cf74;
|
|
27
|
+
var $f3b51ac952d4aeac$export$110195e8d94c1813;
|
|
28
|
+
var $f3b51ac952d4aeac$export$36fca876e8f72fde;
|
|
23
29
|
$f3b51ac952d4aeac$export$f562fd61c53bdcd9 = `xynrca_fade-out`;
|
|
24
30
|
$f3b51ac952d4aeac$export$f562fd61c53bdcd9;
|
|
25
31
|
$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
32
|
$f3b51ac952d4aeac$export$4109102f950813a6 = `xynrca_spectrum-FocusRing-ring`;
|
|
30
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`;
|
|
36
|
+
$f3b51ac952d4aeac$export$1c220dee9e4dbe34;
|
|
31
37
|
$f3b51ac952d4aeac$export$2927016961429360 = `xynrca_spectrum-FocusRing--quiet`;
|
|
32
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`;
|
|
33
42
|
|
|
34
43
|
|
|
35
44
|
export {$f3b51ac952d4aeac$exports as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"
|
|
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"}
|
package/dist/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;
|
|
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"}
|
|
@@ -32,8 +32,11 @@
|
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
.O7O3BG_spectrum-Toast-buttons {
|
|
35
|
+
border-inline-start-style: solid;
|
|
36
|
+
border-inline-start-width: 1px;
|
|
35
37
|
flex: none;
|
|
36
38
|
align-items: flex-start;
|
|
39
|
+
padding-inline-start: var(--spectrum-toast-padding-right, var(--spectrum-global-dimension-size-100));
|
|
37
40
|
display: flex;
|
|
38
41
|
}
|
|
39
42
|
|
|
@@ -51,12 +54,6 @@
|
|
|
51
54
|
display: flex;
|
|
52
55
|
}
|
|
53
56
|
|
|
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
57
|
.O7O3BG_spectrum-Toast {
|
|
61
58
|
background-color: var(--spectrum-alias-neutral-background-color);
|
|
62
59
|
color: #fff;
|
|
@@ -91,4 +88,4 @@
|
|
|
91
88
|
border: 1px solid #0000;
|
|
92
89
|
}
|
|
93
90
|
}
|
|
94
|
-
/*# sourceMappingURL=vars.
|
|
91
|
+
/*# sourceMappingURL=vars.c6e65b7e.css.map */
|
|
@@ -0,0 +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"}
|
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.13",
|
|
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.
|
|
40
|
-
"@react-aria/i18n": "^3.
|
|
41
|
-
"@react-aria/overlays": "^3.
|
|
42
|
-
"@react-aria/toast": "3.0.0-beta.
|
|
43
|
-
"@react-aria/utils": "^3.
|
|
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.0",
|
|
40
|
+
"@react-aria/i18n": "^3.12.0",
|
|
41
|
+
"@react-aria/overlays": "^3.23.0",
|
|
42
|
+
"@react-aria/toast": "3.0.0-beta.13",
|
|
43
|
+
"@react-aria/utils": "^3.25.0",
|
|
44
|
+
"@react-spectrum/button": "^3.16.5",
|
|
45
|
+
"@react-spectrum/utils": "^3.11.8",
|
|
46
|
+
"@react-stately/toast": "3.0.0-beta.5",
|
|
47
|
+
"@react-types/shared": "^3.24.0",
|
|
48
|
+
"@spectrum-icons/ui": "^3.6.8",
|
|
49
49
|
"@swc/helpers": "^0.5.0",
|
|
50
50
|
"use-sync-external-store": "^1.2.0"
|
|
51
51
|
},
|
|
@@ -56,11 +56,11 @@
|
|
|
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",
|
|
60
|
-
"react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.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"
|
|
61
61
|
},
|
|
62
62
|
"publishConfig": {
|
|
63
63
|
"access": "public"
|
|
64
64
|
},
|
|
65
|
-
"gitHead": "
|
|
65
|
+
"gitHead": "86d80e3216bc32e75108831cf3a5a720bc849206"
|
|
66
66
|
}
|