@react-spectrum/overlays 5.9.2 → 5.10.0
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/import.mjs +6 -6
- package/dist/main.js +10 -10
- package/dist/main.js.map +1 -1
- package/dist/module.js +6 -6
- package/dist/module.js.map +1 -1
- package/dist/types/src/index.d.ts +6 -0
- package/package.json +13 -33
- package/src/index.ts +7 -5
- package/dist/Modal.main.js +0 -93
- package/dist/Modal.main.js.map +0 -1
- package/dist/Modal.mjs +0 -88
- package/dist/Modal.module.js +0 -88
- package/dist/Modal.module.js.map +0 -1
- package/dist/OpenTransition.main.js +0 -44
- package/dist/OpenTransition.main.js.map +0 -1
- package/dist/OpenTransition.mjs +0 -35
- package/dist/OpenTransition.module.js +0 -35
- package/dist/OpenTransition.module.js.map +0 -1
- package/dist/Overlay.main.js +0 -75
- package/dist/Overlay.main.js.map +0 -1
- package/dist/Overlay.mjs +0 -66
- package/dist/Overlay.module.js +0 -66
- package/dist/Overlay.module.js.map +0 -1
- package/dist/Popover.main.js +0 -206
- package/dist/Popover.main.js.map +0 -1
- package/dist/Popover.mjs +0 -201
- package/dist/Popover.module.js +0 -201
- package/dist/Popover.module.js.map +0 -1
- package/dist/Tray.main.js +0 -105
- package/dist/Tray.main.js.map +0 -1
- package/dist/Tray.mjs +0 -100
- package/dist/Tray.module.js +0 -100
- package/dist/Tray.module.js.map +0 -1
- package/dist/Underlay.main.js +0 -54
- package/dist/Underlay.main.js.map +0 -1
- package/dist/Underlay.mjs +0 -49
- package/dist/Underlay.module.js +0 -49
- package/dist/Underlay.module.js.map +0 -1
- package/dist/modal_vars_css.main.js +0 -59
- package/dist/modal_vars_css.main.js.map +0 -1
- package/dist/modal_vars_css.mjs +0 -61
- package/dist/modal_vars_css.module.js +0 -61
- package/dist/modal_vars_css.module.js.map +0 -1
- package/dist/overlays.c765f49e.css +0 -131
- package/dist/overlays.c765f49e.css.map +0 -1
- package/dist/overlays.ec5cd7e2.css +0 -210
- package/dist/overlays.ec5cd7e2.css.map +0 -1
- package/dist/overlays.ef39a1b9.css +0 -197
- package/dist/overlays.ef39a1b9.css.map +0 -1
- package/dist/overlays.f1e5a60e.css +0 -184
- package/dist/overlays.f1e5a60e.css.map +0 -1
- package/dist/overlays.f8d97b78.css +0 -12
- package/dist/overlays.f8d97b78.css.map +0 -1
- package/dist/overlays_css.main.js +0 -35
- package/dist/overlays_css.main.js.map +0 -1
- package/dist/overlays_css.mjs +0 -37
- package/dist/overlays_css.module.js +0 -37
- package/dist/overlays_css.module.js.map +0 -1
- package/dist/popover_vars_css.main.js +0 -83
- package/dist/popover_vars_css.main.js.map +0 -1
- package/dist/popover_vars_css.mjs +0 -85
- package/dist/popover_vars_css.module.js +0 -85
- package/dist/popover_vars_css.module.js.map +0 -1
- package/dist/tray_vars_css.main.js +0 -53
- package/dist/tray_vars_css.main.js.map +0 -1
- package/dist/tray_vars_css.mjs +0 -55
- package/dist/tray_vars_css.module.js +0 -55
- package/dist/tray_vars_css.module.js.map +0 -1
- package/dist/types.d.ts +0 -51
- package/dist/types.d.ts.map +0 -1
- package/dist/underlay_vars_css.main.js +0 -50
- package/dist/underlay_vars_css.main.js.map +0 -1
- package/dist/underlay_vars_css.mjs +0 -52
- package/dist/underlay_vars_css.module.js +0 -52
- package/dist/underlay_vars_css.module.js.map +0 -1
- package/src/Modal.tsx +0 -109
- package/src/OpenTransition.tsx +0 -47
- package/src/Overlay.tsx +0 -77
- package/src/Popover.tsx +0 -253
- package/src/Tray.tsx +0 -120
- package/src/Underlay.tsx +0 -43
- package/src/overlays.css +0 -32
package/dist/Tray.module.js
DELETED
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
import {Overlay as $70305dc5fb729c3b$export$c6fdb837b070b4ff} from "./Overlay.module.js";
|
|
2
|
-
import "./overlays.f8d97b78.css";
|
|
3
|
-
import $3XF9U$overlays_cssmodulejs from "./overlays_css.module.js";
|
|
4
|
-
import "./overlays.f1e5a60e.css";
|
|
5
|
-
import $3XF9U$tray_vars_cssmodulejs from "./tray_vars_css.module.js";
|
|
6
|
-
import {Underlay as $76a452f4e3df11be$export$f360afc887607b02} from "./Underlay.module.js";
|
|
7
|
-
import {useModalOverlay as $3XF9U$useModalOverlay, DismissButton as $3XF9U$DismissButton} from "@react-aria/overlays";
|
|
8
|
-
import {useDOMRef as $3XF9U$useDOMRef, useStyleProps as $3XF9U$useStyleProps, classNames as $3XF9U$classNames} from "@react-spectrum/utils";
|
|
9
|
-
import $3XF9U$react, {forwardRef as $3XF9U$forwardRef, useRef as $3XF9U$useRef} from "react";
|
|
10
|
-
import {useObjectRef as $3XF9U$useObjectRef, useViewportSize as $3XF9U$useViewportSize} from "@react-aria/utils";
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
function $parcel$interopDefault(a) {
|
|
14
|
-
return a && a.__esModule ? a.default : a;
|
|
15
|
-
}
|
|
16
|
-
/*
|
|
17
|
-
* Copyright 2020 Adobe. All rights reserved.
|
|
18
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
19
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
20
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
21
|
-
*
|
|
22
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
23
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
24
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
25
|
-
* governing permissions and limitations under the License.
|
|
26
|
-
*/
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
const $1afc87f3d16a5a1c$export$4589ed81930b555c = /*#__PURE__*/ (0, $3XF9U$forwardRef)(function Tray(props, ref) {
|
|
35
|
-
let { children: children, state: state, ...otherProps } = props;
|
|
36
|
-
let domRef = (0, $3XF9U$useDOMRef)(ref);
|
|
37
|
-
let wrapperRef = (0, $3XF9U$useRef)(null);
|
|
38
|
-
return /*#__PURE__*/ (0, $3XF9U$react).createElement((0, $70305dc5fb729c3b$export$c6fdb837b070b4ff), {
|
|
39
|
-
...otherProps,
|
|
40
|
-
isOpen: state.isOpen,
|
|
41
|
-
nodeRef: wrapperRef
|
|
42
|
-
}, /*#__PURE__*/ (0, $3XF9U$react).createElement($1afc87f3d16a5a1c$var$TrayWrapper, {
|
|
43
|
-
...props,
|
|
44
|
-
wrapperRef: wrapperRef,
|
|
45
|
-
ref: domRef
|
|
46
|
-
}, children));
|
|
47
|
-
});
|
|
48
|
-
let $1afc87f3d16a5a1c$var$TrayWrapper = /*#__PURE__*/ (0, $3XF9U$forwardRef)(function(props, ref) {
|
|
49
|
-
let { children: children, isOpen: isOpen, isFixedHeight: isFixedHeight, state: state, wrapperRef: wrapperRef } = props;
|
|
50
|
-
let { styleProps: styleProps } = (0, $3XF9U$useStyleProps)(props);
|
|
51
|
-
let objRef = (0, $3XF9U$useObjectRef)(ref);
|
|
52
|
-
let { modalProps: modalProps, underlayProps: underlayProps } = (0, $3XF9U$useModalOverlay)({
|
|
53
|
-
...props,
|
|
54
|
-
isDismissable: true
|
|
55
|
-
}, state, objRef);
|
|
56
|
-
// We need to measure the window's height in JS rather than using percentages in CSS
|
|
57
|
-
// so that contents (e.g. menu) can inherit the max-height properly. Using percentages
|
|
58
|
-
// does not work properly because there is nothing to base the percentage on.
|
|
59
|
-
// We cannot use vh units because mobile browsers adjust the window height dynamically
|
|
60
|
-
// when the address bar/bottom toolbars show and hide on scroll and vh units are fixed.
|
|
61
|
-
// Also, the visual viewport is smaller than the layout viewport when the virtual keyboard
|
|
62
|
-
// is up, so use the VisualViewport API to ensure the tray is displayed above the keyboard.
|
|
63
|
-
let viewport = (0, $3XF9U$useViewportSize)();
|
|
64
|
-
let wrapperStyle = {
|
|
65
|
-
'--spectrum-visual-viewport-height': viewport.height + 'px',
|
|
66
|
-
// position: fixed elements are clipped by Safari on iOS 26, so we use
|
|
67
|
-
// position: absolute and manually set the top to the scrollY.
|
|
68
|
-
// The page can't scroll while the tray is open so this doesn't need to update.
|
|
69
|
-
top: typeof window !== 'undefined' ? window.scrollY : 0
|
|
70
|
-
};
|
|
71
|
-
let wrapperClassName = (0, $3XF9U$classNames)((0, ($parcel$interopDefault($3XF9U$tray_vars_cssmodulejs))), 'spectrum-Tray-wrapper');
|
|
72
|
-
let className = (0, $3XF9U$classNames)((0, ($parcel$interopDefault($3XF9U$tray_vars_cssmodulejs))), 'spectrum-Tray', {
|
|
73
|
-
'is-open': isOpen,
|
|
74
|
-
'spectrum-Tray--fixedHeight': isFixedHeight
|
|
75
|
-
}, (0, $3XF9U$classNames)((0, ($parcel$interopDefault($3XF9U$overlays_cssmodulejs))), 'spectrum-Tray', 'react-spectrum-Tray'), styleProps.className);
|
|
76
|
-
// Attach Transition's nodeRef to outer most wrapper for node.reflow: https://github.com/reactjs/react-transition-group/blob/c89f807067b32eea6f68fd6c622190d88ced82e2/src/Transition.js#L231
|
|
77
|
-
return /*#__PURE__*/ (0, $3XF9U$react).createElement("div", {
|
|
78
|
-
ref: wrapperRef
|
|
79
|
-
}, /*#__PURE__*/ (0, $3XF9U$react).createElement((0, $76a452f4e3df11be$export$f360afc887607b02), {
|
|
80
|
-
...underlayProps,
|
|
81
|
-
isOpen: isOpen
|
|
82
|
-
}), /*#__PURE__*/ (0, $3XF9U$react).createElement("div", {
|
|
83
|
-
className: wrapperClassName,
|
|
84
|
-
style: wrapperStyle
|
|
85
|
-
}, /*#__PURE__*/ (0, $3XF9U$react).createElement("div", {
|
|
86
|
-
...styleProps,
|
|
87
|
-
...modalProps,
|
|
88
|
-
className: className,
|
|
89
|
-
ref: objRef,
|
|
90
|
-
"data-testid": "tray"
|
|
91
|
-
}, /*#__PURE__*/ (0, $3XF9U$react).createElement((0, $3XF9U$DismissButton), {
|
|
92
|
-
onDismiss: state.close
|
|
93
|
-
}), children, /*#__PURE__*/ (0, $3XF9U$react).createElement((0, $3XF9U$DismissButton), {
|
|
94
|
-
onDismiss: state.close
|
|
95
|
-
}))));
|
|
96
|
-
});
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
export {$1afc87f3d16a5a1c$export$4589ed81930b555c as Tray};
|
|
100
|
-
//# sourceMappingURL=Tray.module.js.map
|
package/dist/Tray.module.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAyBM,MAAM,0DAAO,CAAA,GAAA,iBAAS,EAAE,SAAS,KAAK,KAAgB,EAAE,GAA2B;IACxF,IAAI,YAAC,QAAQ,SAAE,KAAK,EAAE,GAAG,YAAW,GAAG;IACvC,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,IAAI,aAAa,CAAA,GAAA,aAAK,EAAkB;IAExC,qBACE,gCAAC,CAAA,GAAA,yCAAM;QAAG,GAAG,UAAU;QAAE,QAAQ,MAAM,MAAM;QAAE,SAAS;qBACtD,gCAAC;QAAa,GAAG,KAAK;QAAE,YAAY;QAAY,KAAK;OAClD;AAIT;AAEA,IAAI,kDAAc,CAAA,GAAA,iBAAS,EAAE,SAAU,KAAuB,EAAE,GAAwC;IACtG,IAAI,YACF,QAAQ,UACR,MAAM,iBACN,aAAa,SACb,KAAK,cACL,UAAU,EACX,GAAG;IACJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,mBAAW,EAAE;IAE1B,IAAI,cAAC,UAAU,iBAAE,aAAa,EAAC,GAAG,CAAA,GAAA,sBAAc,EAAE;QAChD,GAAG,KAAK;QACR,eAAe;IACjB,GAAG,OAAO;IAEV,oFAAoF;IACpF,sFAAsF;IACtF,6EAA6E;IAC7E,sFAAsF;IACtF,uFAAuF;IACvF,0FAA0F;IAC1F,2FAA2F;IAC3F,IAAI,WAAW,CAAA,GAAA,sBAAc;IAC7B,IAAI,eAAoB;QACtB,qCAAqC,SAAS,MAAM,GAAG;QACvD,sEAAsE;QACtE,8DAA8D;QAC9D,+EAA+E;QAC/E,KAAK,OAAO,WAAW,cAAc,OAAO,OAAO,GAAG;IACxD;IAEA,IAAI,mBAAmB,CAAA,GAAA,iBAAS,EAC9B,CAAA,GAAA,sDAAS,GACT;IAGF,IAAI,YAAY,CAAA,GAAA,iBAAS,EACvB,CAAA,GAAA,sDAAS,GACT,iBACA;QACE,WAAW;QACX,8BAA8B;IAChC,GACA,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,qDAAa,GACb,iBACA,wBAEF,WAAW,SAAS;IAGtB,4LAA4L;IAC5L,qBACE,gCAAC;QAAI,KAAK;qBACR,gCAAC,CAAA,GAAA,yCAAO;QAAG,GAAG,aAAa;QAAE,QAAQ;sBACrC,gCAAC;QAAI,WAAW;QAAkB,OAAO;qBACvC,gCAAC;QACE,GAAG,UAAU;QACb,GAAG,UAAU;QACd,WAAW;QACX,KAAK;QACL,eAAY;qBACZ,gCAAC,CAAA,GAAA,oBAAY;QAAE,WAAW,MAAM,KAAK;QACpC,wBACD,gCAAC,CAAA,GAAA,oBAAY;QAAE,WAAW,MAAM,KAAK;;AAK/C","sources":["packages/@react-spectrum/overlays/src/Tray.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 {AriaModalOverlayProps, DismissButton, useModalOverlay} from '@react-aria/overlays';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, RefObject, StyleProps} from '@react-types/shared';\nimport {Overlay} from './Overlay';\nimport {OverlayProps} from '@react-types/overlays';\nimport {OverlayTriggerState} from '@react-stately/overlays';\nimport overrideStyles from './overlays.css';\nimport React, {ForwardedRef, forwardRef, ReactNode, useRef} from 'react';\nimport trayStyles from '@adobe/spectrum-css-temp/components/tray/vars.css';\nimport {Underlay} from './Underlay';\nimport {useObjectRef, useViewportSize} from '@react-aria/utils';\n\ninterface TrayProps extends AriaModalOverlayProps, StyleProps, Omit<OverlayProps, 'nodeRef' | 'shouldContainFocus'> {\n children: ReactNode,\n state: OverlayTriggerState,\n isFixedHeight?: boolean\n}\n\ninterface TrayWrapperProps extends TrayProps {\n isOpen?: boolean,\n wrapperRef: RefObject<HTMLDivElement | null>\n}\n\nexport const Tray = forwardRef(function Tray(props: TrayProps, ref: DOMRef<HTMLDivElement>) {\n let {children, state, ...otherProps} = props;\n let domRef = useDOMRef(ref);\n let wrapperRef = useRef<HTMLDivElement>(null);\n\n return (\n <Overlay {...otherProps} isOpen={state.isOpen} nodeRef={wrapperRef}>\n <TrayWrapper {...props} wrapperRef={wrapperRef} ref={domRef}>\n {children}\n </TrayWrapper>\n </Overlay>\n );\n});\n\nlet TrayWrapper = forwardRef(function (props: TrayWrapperProps, ref: ForwardedRef<HTMLDivElement | null>) {\n let {\n children,\n isOpen,\n isFixedHeight,\n state,\n wrapperRef\n } = props;\n let {styleProps} = useStyleProps(props);\n let objRef = useObjectRef(ref);\n\n let {modalProps, underlayProps} = useModalOverlay({\n ...props,\n isDismissable: true\n }, state, objRef);\n\n // We need to measure the window's height in JS rather than using percentages in CSS\n // so that contents (e.g. menu) can inherit the max-height properly. Using percentages\n // does not work properly because there is nothing to base the percentage on.\n // We cannot use vh units because mobile browsers adjust the window height dynamically\n // when the address bar/bottom toolbars show and hide on scroll and vh units are fixed.\n // Also, the visual viewport is smaller than the layout viewport when the virtual keyboard\n // is up, so use the VisualViewport API to ensure the tray is displayed above the keyboard.\n let viewport = useViewportSize();\n let wrapperStyle: any = {\n '--spectrum-visual-viewport-height': viewport.height + 'px',\n // position: fixed elements are clipped by Safari on iOS 26, so we use\n // position: absolute and manually set the top to the scrollY.\n // The page can't scroll while the tray is open so this doesn't need to update.\n top: typeof window !== 'undefined' ? window.scrollY : 0\n };\n\n let wrapperClassName = classNames(\n trayStyles,\n 'spectrum-Tray-wrapper'\n );\n\n let className = classNames(\n trayStyles,\n 'spectrum-Tray',\n {\n 'is-open': isOpen,\n 'spectrum-Tray--fixedHeight': isFixedHeight\n },\n classNames(\n overrideStyles,\n 'spectrum-Tray',\n 'react-spectrum-Tray'\n ),\n styleProps.className\n );\n\n // Attach Transition's nodeRef to outer most wrapper for node.reflow: https://github.com/reactjs/react-transition-group/blob/c89f807067b32eea6f68fd6c622190d88ced82e2/src/Transition.js#L231\n return (\n <div ref={wrapperRef}>\n <Underlay {...underlayProps} isOpen={isOpen} />\n <div className={wrapperClassName} style={wrapperStyle}>\n <div\n {...styleProps}\n {...modalProps}\n className={className}\n ref={objRef}\n data-testid=\"tray\">\n <DismissButton onDismiss={state.close} />\n {children}\n <DismissButton onDismiss={state.close} />\n </div>\n </div>\n </div>\n );\n});\n"],"names":[],"version":3,"file":"Tray.module.js.map"}
|
package/dist/Underlay.main.js
DELETED
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
require("./overlays.c765f49e.css");
|
|
2
|
-
var $42908e91b4c5f428$exports = require("./underlay_vars_css.main.js");
|
|
3
|
-
var $hjXq7$reactspectrumutils = require("@react-spectrum/utils");
|
|
4
|
-
var $hjXq7$reactariautils = require("@react-aria/utils");
|
|
5
|
-
var $hjXq7$react = require("react");
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
function $parcel$interopDefault(a) {
|
|
9
|
-
return a && a.__esModule ? a.default : a;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
function $parcel$export(e, n, v, s) {
|
|
13
|
-
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
$parcel$export(module.exports, "Underlay", () => $b900e75089bdd9cd$export$f360afc887607b02);
|
|
17
|
-
/*
|
|
18
|
-
* Copyright 2020 Adobe. All rights reserved.
|
|
19
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
20
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
21
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
22
|
-
*
|
|
23
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
24
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
25
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
26
|
-
* governing permissions and limitations under the License.
|
|
27
|
-
*/
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
function $b900e75089bdd9cd$export$f360afc887607b02({ isOpen: isOpen, isTransparent: isTransparent, ...otherProps }) {
|
|
32
|
-
let pageHeight = undefined;
|
|
33
|
-
if (typeof document !== 'undefined') {
|
|
34
|
-
let scrollingElement = (0, $hjXq7$reactariautils.isScrollable)(document.body) ? document.body : document.scrollingElement || document.documentElement;
|
|
35
|
-
// Prevent Firefox from adding scrollbars when the page has a fractional height.
|
|
36
|
-
let fractionalHeightDifference = scrollingElement.getBoundingClientRect().height % 1;
|
|
37
|
-
pageHeight = scrollingElement.scrollHeight - fractionalHeightDifference;
|
|
38
|
-
}
|
|
39
|
-
return /*#__PURE__*/ (0, ($parcel$interopDefault($hjXq7$react))).createElement("div", {
|
|
40
|
-
"data-testid": "underlay",
|
|
41
|
-
...otherProps,
|
|
42
|
-
// Cover the entire document so iOS 26 Safari doesn't clip the underlay to the inner viewport.
|
|
43
|
-
style: {
|
|
44
|
-
height: pageHeight
|
|
45
|
-
},
|
|
46
|
-
className: (0, $hjXq7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($42908e91b4c5f428$exports))), 'spectrum-Underlay', {
|
|
47
|
-
'is-open': isOpen,
|
|
48
|
-
'spectrum-Underlay--transparent': isTransparent
|
|
49
|
-
})
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
//# sourceMappingURL=Underlay.main.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AAYM,SAAS,0CAAS,UAAC,MAAM,iBAAE,aAAa,EAAE,GAAG,YAA0B;IAC5E,IAAI,aAAiC;IACrC,IAAI,OAAO,aAAa,aAAa;QACnC,IAAI,mBAAmB,CAAA,GAAA,kCAAW,EAAE,SAAS,IAAI,IAAI,SAAS,IAAI,GAAG,SAAS,gBAAgB,IAAI,SAAS,eAAe;QAC1H,gFAAgF;QAChF,IAAI,6BAA6B,iBAAiB,qBAAqB,GAAG,MAAM,GAAG;QACnF,aAAa,iBAAiB,YAAY,GAAG;IAC/C;IAEA,qBACE,0DAAC;QACC,eAAY;QACX,GAAG,UAAU;QACd,8FAA8F;QAC9F,OAAO;YAAC,QAAQ;QAAU;QAC1B,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAa,GAAG,qBAAqB;YACzD,WAAW;YACX,kCAAkC;QACpC;;AAEN","sources":["packages/@react-spectrum/overlays/src/Underlay.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 {classNames} from '@react-spectrum/utils';\nimport {isScrollable} from '@react-aria/utils';\nimport React, {JSX} from 'react';\nimport underlayStyles from '@adobe/spectrum-css-temp/components/underlay/vars.css';\n\ninterface UnderlayProps {\n isOpen?: boolean,\n isTransparent?: boolean\n}\n\nexport function Underlay({isOpen, isTransparent, ...otherProps}: UnderlayProps): JSX.Element {\n let pageHeight: number | undefined = undefined;\n if (typeof document !== 'undefined') {\n let scrollingElement = isScrollable(document.body) ? document.body : document.scrollingElement || document.documentElement;\n // Prevent Firefox from adding scrollbars when the page has a fractional height.\n let fractionalHeightDifference = scrollingElement.getBoundingClientRect().height % 1;\n pageHeight = scrollingElement.scrollHeight - fractionalHeightDifference;\n }\n\n return (\n <div\n data-testid=\"underlay\"\n {...otherProps}\n // Cover the entire document so iOS 26 Safari doesn't clip the underlay to the inner viewport.\n style={{height: pageHeight}}\n className={classNames(underlayStyles, 'spectrum-Underlay', {\n 'is-open': isOpen,\n 'spectrum-Underlay--transparent': isTransparent\n })} />\n );\n}\n"],"names":[],"version":3,"file":"Underlay.main.js.map"}
|
package/dist/Underlay.mjs
DELETED
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import "./overlays.c765f49e.css";
|
|
2
|
-
import $j2iDu$underlay_vars_cssmodulejs from "./underlay_vars_css.mjs";
|
|
3
|
-
import {classNames as $j2iDu$classNames} from "@react-spectrum/utils";
|
|
4
|
-
import {isScrollable as $j2iDu$isScrollable} from "@react-aria/utils";
|
|
5
|
-
import $j2iDu$react from "react";
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
function $parcel$interopDefault(a) {
|
|
9
|
-
return a && a.__esModule ? a.default : a;
|
|
10
|
-
}
|
|
11
|
-
/*
|
|
12
|
-
* Copyright 2020 Adobe. All rights reserved.
|
|
13
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
14
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
15
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
16
|
-
*
|
|
17
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
18
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
19
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
20
|
-
* governing permissions and limitations under the License.
|
|
21
|
-
*/
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
function $76a452f4e3df11be$export$f360afc887607b02({ isOpen: isOpen, isTransparent: isTransparent, ...otherProps }) {
|
|
26
|
-
let pageHeight = undefined;
|
|
27
|
-
if (typeof document !== 'undefined') {
|
|
28
|
-
let scrollingElement = (0, $j2iDu$isScrollable)(document.body) ? document.body : document.scrollingElement || document.documentElement;
|
|
29
|
-
// Prevent Firefox from adding scrollbars when the page has a fractional height.
|
|
30
|
-
let fractionalHeightDifference = scrollingElement.getBoundingClientRect().height % 1;
|
|
31
|
-
pageHeight = scrollingElement.scrollHeight - fractionalHeightDifference;
|
|
32
|
-
}
|
|
33
|
-
return /*#__PURE__*/ (0, $j2iDu$react).createElement("div", {
|
|
34
|
-
"data-testid": "underlay",
|
|
35
|
-
...otherProps,
|
|
36
|
-
// Cover the entire document so iOS 26 Safari doesn't clip the underlay to the inner viewport.
|
|
37
|
-
style: {
|
|
38
|
-
height: pageHeight
|
|
39
|
-
},
|
|
40
|
-
className: (0, $j2iDu$classNames)((0, ($parcel$interopDefault($j2iDu$underlay_vars_cssmodulejs))), 'spectrum-Underlay', {
|
|
41
|
-
'is-open': isOpen,
|
|
42
|
-
'spectrum-Underlay--transparent': isTransparent
|
|
43
|
-
})
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
export {$76a452f4e3df11be$export$f360afc887607b02 as Underlay};
|
|
49
|
-
//# sourceMappingURL=Underlay.module.js.map
|
package/dist/Underlay.module.js
DELETED
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import "./overlays.c765f49e.css";
|
|
2
|
-
import $j2iDu$underlay_vars_cssmodulejs from "./underlay_vars_css.module.js";
|
|
3
|
-
import {classNames as $j2iDu$classNames} from "@react-spectrum/utils";
|
|
4
|
-
import {isScrollable as $j2iDu$isScrollable} from "@react-aria/utils";
|
|
5
|
-
import $j2iDu$react from "react";
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
function $parcel$interopDefault(a) {
|
|
9
|
-
return a && a.__esModule ? a.default : a;
|
|
10
|
-
}
|
|
11
|
-
/*
|
|
12
|
-
* Copyright 2020 Adobe. All rights reserved.
|
|
13
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
14
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
15
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
16
|
-
*
|
|
17
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
18
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
19
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
20
|
-
* governing permissions and limitations under the License.
|
|
21
|
-
*/
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
function $76a452f4e3df11be$export$f360afc887607b02({ isOpen: isOpen, isTransparent: isTransparent, ...otherProps }) {
|
|
26
|
-
let pageHeight = undefined;
|
|
27
|
-
if (typeof document !== 'undefined') {
|
|
28
|
-
let scrollingElement = (0, $j2iDu$isScrollable)(document.body) ? document.body : document.scrollingElement || document.documentElement;
|
|
29
|
-
// Prevent Firefox from adding scrollbars when the page has a fractional height.
|
|
30
|
-
let fractionalHeightDifference = scrollingElement.getBoundingClientRect().height % 1;
|
|
31
|
-
pageHeight = scrollingElement.scrollHeight - fractionalHeightDifference;
|
|
32
|
-
}
|
|
33
|
-
return /*#__PURE__*/ (0, $j2iDu$react).createElement("div", {
|
|
34
|
-
"data-testid": "underlay",
|
|
35
|
-
...otherProps,
|
|
36
|
-
// Cover the entire document so iOS 26 Safari doesn't clip the underlay to the inner viewport.
|
|
37
|
-
style: {
|
|
38
|
-
height: pageHeight
|
|
39
|
-
},
|
|
40
|
-
className: (0, $j2iDu$classNames)((0, ($parcel$interopDefault($j2iDu$underlay_vars_cssmodulejs))), 'spectrum-Underlay', {
|
|
41
|
-
'is-open': isOpen,
|
|
42
|
-
'spectrum-Underlay--transparent': isTransparent
|
|
43
|
-
})
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
export {$76a452f4e3df11be$export$f360afc887607b02 as Underlay};
|
|
49
|
-
//# sourceMappingURL=Underlay.module.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AAYM,SAAS,0CAAS,UAAC,MAAM,iBAAE,aAAa,EAAE,GAAG,YAA0B;IAC5E,IAAI,aAAiC;IACrC,IAAI,OAAO,aAAa,aAAa;QACnC,IAAI,mBAAmB,CAAA,GAAA,mBAAW,EAAE,SAAS,IAAI,IAAI,SAAS,IAAI,GAAG,SAAS,gBAAgB,IAAI,SAAS,eAAe;QAC1H,gFAAgF;QAChF,IAAI,6BAA6B,iBAAiB,qBAAqB,GAAG,MAAM,GAAG;QACnF,aAAa,iBAAiB,YAAY,GAAG;IAC/C;IAEA,qBACE,gCAAC;QACC,eAAY;QACX,GAAG,UAAU;QACd,8FAA8F;QAC9F,OAAO;YAAC,QAAQ;QAAU;QAC1B,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0DAAa,GAAG,qBAAqB;YACzD,WAAW;YACX,kCAAkC;QACpC;;AAEN","sources":["packages/@react-spectrum/overlays/src/Underlay.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 {classNames} from '@react-spectrum/utils';\nimport {isScrollable} from '@react-aria/utils';\nimport React, {JSX} from 'react';\nimport underlayStyles from '@adobe/spectrum-css-temp/components/underlay/vars.css';\n\ninterface UnderlayProps {\n isOpen?: boolean,\n isTransparent?: boolean\n}\n\nexport function Underlay({isOpen, isTransparent, ...otherProps}: UnderlayProps): JSX.Element {\n let pageHeight: number | undefined = undefined;\n if (typeof document !== 'undefined') {\n let scrollingElement = isScrollable(document.body) ? document.body : document.scrollingElement || document.documentElement;\n // Prevent Firefox from adding scrollbars when the page has a fractional height.\n let fractionalHeightDifference = scrollingElement.getBoundingClientRect().height % 1;\n pageHeight = scrollingElement.scrollHeight - fractionalHeightDifference;\n }\n\n return (\n <div\n data-testid=\"underlay\"\n {...otherProps}\n // Cover the entire document so iOS 26 Safari doesn't clip the underlay to the inner viewport.\n style={{height: pageHeight}}\n className={classNames(underlayStyles, 'spectrum-Underlay', {\n 'is-open': isOpen,\n 'spectrum-Underlay--transparent': isTransparent\n })} />\n );\n}\n"],"names":[],"version":3,"file":"Underlay.module.js.map"}
|
|
@@ -1,59 +0,0 @@
|
|
|
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, "focus-ring", () => $86571b803f942ff3$export$f39a09f249340e2a, (v) => $86571b803f942ff3$export$f39a09f249340e2a = v);
|
|
7
|
-
$parcel$export(module.exports, "i18nFontFamily", () => $86571b803f942ff3$export$8c4ee2c50c22c514, (v) => $86571b803f942ff3$export$8c4ee2c50c22c514 = v);
|
|
8
|
-
$parcel$export(module.exports, "spectrum-overlay--open", () => $86571b803f942ff3$export$a397eb58038aa381, (v) => $86571b803f942ff3$export$a397eb58038aa381 = v);
|
|
9
|
-
$parcel$export(module.exports, "is-open", () => $86571b803f942ff3$export$a9781837241c946d, (v) => $86571b803f942ff3$export$a9781837241c946d = v);
|
|
10
|
-
$parcel$export(module.exports, "spectrum-FocusRing-ring", () => $86571b803f942ff3$export$4109102f950813a6, (v) => $86571b803f942ff3$export$4109102f950813a6 = v);
|
|
11
|
-
$parcel$export(module.exports, "spectrum-FocusRing", () => $86571b803f942ff3$export$24c7f46a6e3605dd, (v) => $86571b803f942ff3$export$24c7f46a6e3605dd = v);
|
|
12
|
-
$parcel$export(module.exports, "spectrum-FocusRing--quiet", () => $86571b803f942ff3$export$2927016961429360, (v) => $86571b803f942ff3$export$2927016961429360 = v);
|
|
13
|
-
$parcel$export(module.exports, "spectrum-overlay", () => $86571b803f942ff3$export$39eed38e2296a1d6, (v) => $86571b803f942ff3$export$39eed38e2296a1d6 = v);
|
|
14
|
-
$parcel$export(module.exports, "spectrum-Modal", () => $86571b803f942ff3$export$4c0b1e44c3834c85, (v) => $86571b803f942ff3$export$4c0b1e44c3834c85 = v);
|
|
15
|
-
$parcel$export(module.exports, "spectrum-Modal--fullscreen", () => $86571b803f942ff3$export$a4423fa77727431a, (v) => $86571b803f942ff3$export$a4423fa77727431a = v);
|
|
16
|
-
$parcel$export(module.exports, "spectrum-Modal--fullscreenTakeover", () => $86571b803f942ff3$export$175dd699720b5fb7, (v) => $86571b803f942ff3$export$175dd699720b5fb7 = v);
|
|
17
|
-
$parcel$export(module.exports, "spectrum-Modal--responsive", () => $86571b803f942ff3$export$fd1e42aa8ea02a1, (v) => $86571b803f942ff3$export$fd1e42aa8ea02a1 = v);
|
|
18
|
-
$parcel$export(module.exports, "spectrum-Modal-wrapper", () => $86571b803f942ff3$export$35bea187ff802494, (v) => $86571b803f942ff3$export$35bea187ff802494 = v);
|
|
19
|
-
$parcel$export(module.exports, "spectrum-overlay--bottom--open", () => $86571b803f942ff3$export$a96755f239de61ee, (v) => $86571b803f942ff3$export$a96755f239de61ee = v);
|
|
20
|
-
$parcel$export(module.exports, "spectrum-overlay--left--open", () => $86571b803f942ff3$export$a85c0c6b6cf8598c, (v) => $86571b803f942ff3$export$a85c0c6b6cf8598c = v);
|
|
21
|
-
$parcel$export(module.exports, "spectrum-overlay--right--open", () => $86571b803f942ff3$export$85aaa87e65e040bf, (v) => $86571b803f942ff3$export$85aaa87e65e040bf = v);
|
|
22
|
-
$parcel$export(module.exports, "spectrum-overlay--top--open", () => $86571b803f942ff3$export$b9768db7ffc1bc2, (v) => $86571b803f942ff3$export$b9768db7ffc1bc2 = v);
|
|
23
|
-
var $86571b803f942ff3$export$f39a09f249340e2a;
|
|
24
|
-
var $86571b803f942ff3$export$8c4ee2c50c22c514;
|
|
25
|
-
var $86571b803f942ff3$export$a397eb58038aa381;
|
|
26
|
-
var $86571b803f942ff3$export$a9781837241c946d;
|
|
27
|
-
var $86571b803f942ff3$export$4109102f950813a6;
|
|
28
|
-
var $86571b803f942ff3$export$24c7f46a6e3605dd;
|
|
29
|
-
var $86571b803f942ff3$export$2927016961429360;
|
|
30
|
-
var $86571b803f942ff3$export$39eed38e2296a1d6;
|
|
31
|
-
var $86571b803f942ff3$export$4c0b1e44c3834c85;
|
|
32
|
-
var $86571b803f942ff3$export$a4423fa77727431a;
|
|
33
|
-
var $86571b803f942ff3$export$175dd699720b5fb7;
|
|
34
|
-
var $86571b803f942ff3$export$fd1e42aa8ea02a1;
|
|
35
|
-
var $86571b803f942ff3$export$35bea187ff802494;
|
|
36
|
-
var $86571b803f942ff3$export$a96755f239de61ee;
|
|
37
|
-
var $86571b803f942ff3$export$a85c0c6b6cf8598c;
|
|
38
|
-
var $86571b803f942ff3$export$85aaa87e65e040bf;
|
|
39
|
-
var $86571b803f942ff3$export$b9768db7ffc1bc2;
|
|
40
|
-
$86571b803f942ff3$export$f39a09f249340e2a = `OdG0hG_focus-ring`;
|
|
41
|
-
$86571b803f942ff3$export$8c4ee2c50c22c514 = `OdG0hG_i18nFontFamily`;
|
|
42
|
-
$86571b803f942ff3$export$a397eb58038aa381 = `OdG0hG_spectrum-overlay--open`;
|
|
43
|
-
$86571b803f942ff3$export$a9781837241c946d = `OdG0hG_is-open ${$86571b803f942ff3$export$a397eb58038aa381}`;
|
|
44
|
-
$86571b803f942ff3$export$4109102f950813a6 = `OdG0hG_spectrum-FocusRing-ring`;
|
|
45
|
-
$86571b803f942ff3$export$24c7f46a6e3605dd = `OdG0hG_spectrum-FocusRing ${$86571b803f942ff3$export$4109102f950813a6}`;
|
|
46
|
-
$86571b803f942ff3$export$2927016961429360 = `OdG0hG_spectrum-FocusRing--quiet`;
|
|
47
|
-
$86571b803f942ff3$export$39eed38e2296a1d6 = `OdG0hG_spectrum-overlay`;
|
|
48
|
-
$86571b803f942ff3$export$4c0b1e44c3834c85 = `OdG0hG_spectrum-Modal ${$86571b803f942ff3$export$39eed38e2296a1d6}`;
|
|
49
|
-
$86571b803f942ff3$export$a4423fa77727431a = `OdG0hG_spectrum-Modal--fullscreen`;
|
|
50
|
-
$86571b803f942ff3$export$175dd699720b5fb7 = `OdG0hG_spectrum-Modal--fullscreenTakeover`;
|
|
51
|
-
$86571b803f942ff3$export$fd1e42aa8ea02a1 = `OdG0hG_spectrum-Modal--responsive`;
|
|
52
|
-
$86571b803f942ff3$export$35bea187ff802494 = `OdG0hG_spectrum-Modal-wrapper`;
|
|
53
|
-
$86571b803f942ff3$export$a96755f239de61ee = `OdG0hG_spectrum-overlay--bottom--open`;
|
|
54
|
-
$86571b803f942ff3$export$a85c0c6b6cf8598c = `OdG0hG_spectrum-overlay--left--open`;
|
|
55
|
-
$86571b803f942ff3$export$85aaa87e65e040bf = `OdG0hG_spectrum-overlay--right--open`;
|
|
56
|
-
$86571b803f942ff3$export$b9768db7ffc1bc2 = `OdG0hG_spectrum-overlay--top--open`;
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
//# sourceMappingURL=modal_vars_css.main.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAhBA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAA4B,CAAC,eAAe,EAAE,2CAA0C;AACxF,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAAuC,CAAC,0BAA0B,EAAE,2CAA2C;AAC/G,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAAqC,CAAC,uBAAuB,CAAC;AAC9D,4CAAmC,CAAC,sBAAsB,EAAE,2CAAoC;AAChG,4CAA+C,CAAC,iCAAiC,CAAC;AAClF,4CAAuD,CAAC,yCAAyC,CAAC;AAClG,2CAA+C,CAAC,iCAAiC,CAAC;AAClF,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAAkD,CAAC,oCAAoC,CAAC;AACxF,2CAAgD,CAAC,kCAAkC,CAAC","sources":["packages/@adobe/spectrum-css-temp/components/modal/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":"modal_vars_css.main.js.map"}
|
package/dist/modal_vars_css.mjs
DELETED
|
@@ -1,61 +0,0 @@
|
|
|
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 $f7ed9f5201273840$exports = {};
|
|
6
|
-
|
|
7
|
-
$parcel$export($f7ed9f5201273840$exports, "focus-ring", () => $f7ed9f5201273840$export$f39a09f249340e2a, (v) => $f7ed9f5201273840$export$f39a09f249340e2a = v);
|
|
8
|
-
$parcel$export($f7ed9f5201273840$exports, "i18nFontFamily", () => $f7ed9f5201273840$export$8c4ee2c50c22c514, (v) => $f7ed9f5201273840$export$8c4ee2c50c22c514 = v);
|
|
9
|
-
$parcel$export($f7ed9f5201273840$exports, "spectrum-overlay--open", () => $f7ed9f5201273840$export$a397eb58038aa381, (v) => $f7ed9f5201273840$export$a397eb58038aa381 = v);
|
|
10
|
-
$parcel$export($f7ed9f5201273840$exports, "is-open", () => $f7ed9f5201273840$export$a9781837241c946d, (v) => $f7ed9f5201273840$export$a9781837241c946d = v);
|
|
11
|
-
$parcel$export($f7ed9f5201273840$exports, "spectrum-FocusRing-ring", () => $f7ed9f5201273840$export$4109102f950813a6, (v) => $f7ed9f5201273840$export$4109102f950813a6 = v);
|
|
12
|
-
$parcel$export($f7ed9f5201273840$exports, "spectrum-FocusRing", () => $f7ed9f5201273840$export$24c7f46a6e3605dd, (v) => $f7ed9f5201273840$export$24c7f46a6e3605dd = v);
|
|
13
|
-
$parcel$export($f7ed9f5201273840$exports, "spectrum-FocusRing--quiet", () => $f7ed9f5201273840$export$2927016961429360, (v) => $f7ed9f5201273840$export$2927016961429360 = v);
|
|
14
|
-
$parcel$export($f7ed9f5201273840$exports, "spectrum-overlay", () => $f7ed9f5201273840$export$39eed38e2296a1d6, (v) => $f7ed9f5201273840$export$39eed38e2296a1d6 = v);
|
|
15
|
-
$parcel$export($f7ed9f5201273840$exports, "spectrum-Modal", () => $f7ed9f5201273840$export$4c0b1e44c3834c85, (v) => $f7ed9f5201273840$export$4c0b1e44c3834c85 = v);
|
|
16
|
-
$parcel$export($f7ed9f5201273840$exports, "spectrum-Modal--fullscreen", () => $f7ed9f5201273840$export$a4423fa77727431a, (v) => $f7ed9f5201273840$export$a4423fa77727431a = v);
|
|
17
|
-
$parcel$export($f7ed9f5201273840$exports, "spectrum-Modal--fullscreenTakeover", () => $f7ed9f5201273840$export$175dd699720b5fb7, (v) => $f7ed9f5201273840$export$175dd699720b5fb7 = v);
|
|
18
|
-
$parcel$export($f7ed9f5201273840$exports, "spectrum-Modal--responsive", () => $f7ed9f5201273840$export$fd1e42aa8ea02a1, (v) => $f7ed9f5201273840$export$fd1e42aa8ea02a1 = v);
|
|
19
|
-
$parcel$export($f7ed9f5201273840$exports, "spectrum-Modal-wrapper", () => $f7ed9f5201273840$export$35bea187ff802494, (v) => $f7ed9f5201273840$export$35bea187ff802494 = v);
|
|
20
|
-
$parcel$export($f7ed9f5201273840$exports, "spectrum-overlay--bottom--open", () => $f7ed9f5201273840$export$a96755f239de61ee, (v) => $f7ed9f5201273840$export$a96755f239de61ee = v);
|
|
21
|
-
$parcel$export($f7ed9f5201273840$exports, "spectrum-overlay--left--open", () => $f7ed9f5201273840$export$a85c0c6b6cf8598c, (v) => $f7ed9f5201273840$export$a85c0c6b6cf8598c = v);
|
|
22
|
-
$parcel$export($f7ed9f5201273840$exports, "spectrum-overlay--right--open", () => $f7ed9f5201273840$export$85aaa87e65e040bf, (v) => $f7ed9f5201273840$export$85aaa87e65e040bf = v);
|
|
23
|
-
$parcel$export($f7ed9f5201273840$exports, "spectrum-overlay--top--open", () => $f7ed9f5201273840$export$b9768db7ffc1bc2, (v) => $f7ed9f5201273840$export$b9768db7ffc1bc2 = v);
|
|
24
|
-
var $f7ed9f5201273840$export$f39a09f249340e2a;
|
|
25
|
-
var $f7ed9f5201273840$export$8c4ee2c50c22c514;
|
|
26
|
-
var $f7ed9f5201273840$export$a397eb58038aa381;
|
|
27
|
-
var $f7ed9f5201273840$export$a9781837241c946d;
|
|
28
|
-
var $f7ed9f5201273840$export$4109102f950813a6;
|
|
29
|
-
var $f7ed9f5201273840$export$24c7f46a6e3605dd;
|
|
30
|
-
var $f7ed9f5201273840$export$2927016961429360;
|
|
31
|
-
var $f7ed9f5201273840$export$39eed38e2296a1d6;
|
|
32
|
-
var $f7ed9f5201273840$export$4c0b1e44c3834c85;
|
|
33
|
-
var $f7ed9f5201273840$export$a4423fa77727431a;
|
|
34
|
-
var $f7ed9f5201273840$export$175dd699720b5fb7;
|
|
35
|
-
var $f7ed9f5201273840$export$fd1e42aa8ea02a1;
|
|
36
|
-
var $f7ed9f5201273840$export$35bea187ff802494;
|
|
37
|
-
var $f7ed9f5201273840$export$a96755f239de61ee;
|
|
38
|
-
var $f7ed9f5201273840$export$a85c0c6b6cf8598c;
|
|
39
|
-
var $f7ed9f5201273840$export$85aaa87e65e040bf;
|
|
40
|
-
var $f7ed9f5201273840$export$b9768db7ffc1bc2;
|
|
41
|
-
$f7ed9f5201273840$export$f39a09f249340e2a = `OdG0hG_focus-ring`;
|
|
42
|
-
$f7ed9f5201273840$export$8c4ee2c50c22c514 = `OdG0hG_i18nFontFamily`;
|
|
43
|
-
$f7ed9f5201273840$export$a397eb58038aa381 = `OdG0hG_spectrum-overlay--open`;
|
|
44
|
-
$f7ed9f5201273840$export$a9781837241c946d = `OdG0hG_is-open ${$f7ed9f5201273840$export$a397eb58038aa381}`;
|
|
45
|
-
$f7ed9f5201273840$export$4109102f950813a6 = `OdG0hG_spectrum-FocusRing-ring`;
|
|
46
|
-
$f7ed9f5201273840$export$24c7f46a6e3605dd = `OdG0hG_spectrum-FocusRing ${$f7ed9f5201273840$export$4109102f950813a6}`;
|
|
47
|
-
$f7ed9f5201273840$export$2927016961429360 = `OdG0hG_spectrum-FocusRing--quiet`;
|
|
48
|
-
$f7ed9f5201273840$export$39eed38e2296a1d6 = `OdG0hG_spectrum-overlay`;
|
|
49
|
-
$f7ed9f5201273840$export$4c0b1e44c3834c85 = `OdG0hG_spectrum-Modal ${$f7ed9f5201273840$export$39eed38e2296a1d6}`;
|
|
50
|
-
$f7ed9f5201273840$export$a4423fa77727431a = `OdG0hG_spectrum-Modal--fullscreen`;
|
|
51
|
-
$f7ed9f5201273840$export$175dd699720b5fb7 = `OdG0hG_spectrum-Modal--fullscreenTakeover`;
|
|
52
|
-
$f7ed9f5201273840$export$fd1e42aa8ea02a1 = `OdG0hG_spectrum-Modal--responsive`;
|
|
53
|
-
$f7ed9f5201273840$export$35bea187ff802494 = `OdG0hG_spectrum-Modal-wrapper`;
|
|
54
|
-
$f7ed9f5201273840$export$a96755f239de61ee = `OdG0hG_spectrum-overlay--bottom--open`;
|
|
55
|
-
$f7ed9f5201273840$export$a85c0c6b6cf8598c = `OdG0hG_spectrum-overlay--left--open`;
|
|
56
|
-
$f7ed9f5201273840$export$85aaa87e65e040bf = `OdG0hG_spectrum-overlay--right--open`;
|
|
57
|
-
$f7ed9f5201273840$export$b9768db7ffc1bc2 = `OdG0hG_spectrum-overlay--top--open`;
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
export {$f7ed9f5201273840$exports as default};
|
|
61
|
-
//# sourceMappingURL=modal_vars_css.module.js.map
|
|
@@ -1,61 +0,0 @@
|
|
|
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 $f7ed9f5201273840$exports = {};
|
|
6
|
-
|
|
7
|
-
$parcel$export($f7ed9f5201273840$exports, "focus-ring", () => $f7ed9f5201273840$export$f39a09f249340e2a, (v) => $f7ed9f5201273840$export$f39a09f249340e2a = v);
|
|
8
|
-
$parcel$export($f7ed9f5201273840$exports, "i18nFontFamily", () => $f7ed9f5201273840$export$8c4ee2c50c22c514, (v) => $f7ed9f5201273840$export$8c4ee2c50c22c514 = v);
|
|
9
|
-
$parcel$export($f7ed9f5201273840$exports, "spectrum-overlay--open", () => $f7ed9f5201273840$export$a397eb58038aa381, (v) => $f7ed9f5201273840$export$a397eb58038aa381 = v);
|
|
10
|
-
$parcel$export($f7ed9f5201273840$exports, "is-open", () => $f7ed9f5201273840$export$a9781837241c946d, (v) => $f7ed9f5201273840$export$a9781837241c946d = v);
|
|
11
|
-
$parcel$export($f7ed9f5201273840$exports, "spectrum-FocusRing-ring", () => $f7ed9f5201273840$export$4109102f950813a6, (v) => $f7ed9f5201273840$export$4109102f950813a6 = v);
|
|
12
|
-
$parcel$export($f7ed9f5201273840$exports, "spectrum-FocusRing", () => $f7ed9f5201273840$export$24c7f46a6e3605dd, (v) => $f7ed9f5201273840$export$24c7f46a6e3605dd = v);
|
|
13
|
-
$parcel$export($f7ed9f5201273840$exports, "spectrum-FocusRing--quiet", () => $f7ed9f5201273840$export$2927016961429360, (v) => $f7ed9f5201273840$export$2927016961429360 = v);
|
|
14
|
-
$parcel$export($f7ed9f5201273840$exports, "spectrum-overlay", () => $f7ed9f5201273840$export$39eed38e2296a1d6, (v) => $f7ed9f5201273840$export$39eed38e2296a1d6 = v);
|
|
15
|
-
$parcel$export($f7ed9f5201273840$exports, "spectrum-Modal", () => $f7ed9f5201273840$export$4c0b1e44c3834c85, (v) => $f7ed9f5201273840$export$4c0b1e44c3834c85 = v);
|
|
16
|
-
$parcel$export($f7ed9f5201273840$exports, "spectrum-Modal--fullscreen", () => $f7ed9f5201273840$export$a4423fa77727431a, (v) => $f7ed9f5201273840$export$a4423fa77727431a = v);
|
|
17
|
-
$parcel$export($f7ed9f5201273840$exports, "spectrum-Modal--fullscreenTakeover", () => $f7ed9f5201273840$export$175dd699720b5fb7, (v) => $f7ed9f5201273840$export$175dd699720b5fb7 = v);
|
|
18
|
-
$parcel$export($f7ed9f5201273840$exports, "spectrum-Modal--responsive", () => $f7ed9f5201273840$export$fd1e42aa8ea02a1, (v) => $f7ed9f5201273840$export$fd1e42aa8ea02a1 = v);
|
|
19
|
-
$parcel$export($f7ed9f5201273840$exports, "spectrum-Modal-wrapper", () => $f7ed9f5201273840$export$35bea187ff802494, (v) => $f7ed9f5201273840$export$35bea187ff802494 = v);
|
|
20
|
-
$parcel$export($f7ed9f5201273840$exports, "spectrum-overlay--bottom--open", () => $f7ed9f5201273840$export$a96755f239de61ee, (v) => $f7ed9f5201273840$export$a96755f239de61ee = v);
|
|
21
|
-
$parcel$export($f7ed9f5201273840$exports, "spectrum-overlay--left--open", () => $f7ed9f5201273840$export$a85c0c6b6cf8598c, (v) => $f7ed9f5201273840$export$a85c0c6b6cf8598c = v);
|
|
22
|
-
$parcel$export($f7ed9f5201273840$exports, "spectrum-overlay--right--open", () => $f7ed9f5201273840$export$85aaa87e65e040bf, (v) => $f7ed9f5201273840$export$85aaa87e65e040bf = v);
|
|
23
|
-
$parcel$export($f7ed9f5201273840$exports, "spectrum-overlay--top--open", () => $f7ed9f5201273840$export$b9768db7ffc1bc2, (v) => $f7ed9f5201273840$export$b9768db7ffc1bc2 = v);
|
|
24
|
-
var $f7ed9f5201273840$export$f39a09f249340e2a;
|
|
25
|
-
var $f7ed9f5201273840$export$8c4ee2c50c22c514;
|
|
26
|
-
var $f7ed9f5201273840$export$a397eb58038aa381;
|
|
27
|
-
var $f7ed9f5201273840$export$a9781837241c946d;
|
|
28
|
-
var $f7ed9f5201273840$export$4109102f950813a6;
|
|
29
|
-
var $f7ed9f5201273840$export$24c7f46a6e3605dd;
|
|
30
|
-
var $f7ed9f5201273840$export$2927016961429360;
|
|
31
|
-
var $f7ed9f5201273840$export$39eed38e2296a1d6;
|
|
32
|
-
var $f7ed9f5201273840$export$4c0b1e44c3834c85;
|
|
33
|
-
var $f7ed9f5201273840$export$a4423fa77727431a;
|
|
34
|
-
var $f7ed9f5201273840$export$175dd699720b5fb7;
|
|
35
|
-
var $f7ed9f5201273840$export$fd1e42aa8ea02a1;
|
|
36
|
-
var $f7ed9f5201273840$export$35bea187ff802494;
|
|
37
|
-
var $f7ed9f5201273840$export$a96755f239de61ee;
|
|
38
|
-
var $f7ed9f5201273840$export$a85c0c6b6cf8598c;
|
|
39
|
-
var $f7ed9f5201273840$export$85aaa87e65e040bf;
|
|
40
|
-
var $f7ed9f5201273840$export$b9768db7ffc1bc2;
|
|
41
|
-
$f7ed9f5201273840$export$f39a09f249340e2a = `OdG0hG_focus-ring`;
|
|
42
|
-
$f7ed9f5201273840$export$8c4ee2c50c22c514 = `OdG0hG_i18nFontFamily`;
|
|
43
|
-
$f7ed9f5201273840$export$a397eb58038aa381 = `OdG0hG_spectrum-overlay--open`;
|
|
44
|
-
$f7ed9f5201273840$export$a9781837241c946d = `OdG0hG_is-open ${$f7ed9f5201273840$export$a397eb58038aa381}`;
|
|
45
|
-
$f7ed9f5201273840$export$4109102f950813a6 = `OdG0hG_spectrum-FocusRing-ring`;
|
|
46
|
-
$f7ed9f5201273840$export$24c7f46a6e3605dd = `OdG0hG_spectrum-FocusRing ${$f7ed9f5201273840$export$4109102f950813a6}`;
|
|
47
|
-
$f7ed9f5201273840$export$2927016961429360 = `OdG0hG_spectrum-FocusRing--quiet`;
|
|
48
|
-
$f7ed9f5201273840$export$39eed38e2296a1d6 = `OdG0hG_spectrum-overlay`;
|
|
49
|
-
$f7ed9f5201273840$export$4c0b1e44c3834c85 = `OdG0hG_spectrum-Modal ${$f7ed9f5201273840$export$39eed38e2296a1d6}`;
|
|
50
|
-
$f7ed9f5201273840$export$a4423fa77727431a = `OdG0hG_spectrum-Modal--fullscreen`;
|
|
51
|
-
$f7ed9f5201273840$export$175dd699720b5fb7 = `OdG0hG_spectrum-Modal--fullscreenTakeover`;
|
|
52
|
-
$f7ed9f5201273840$export$fd1e42aa8ea02a1 = `OdG0hG_spectrum-Modal--responsive`;
|
|
53
|
-
$f7ed9f5201273840$export$35bea187ff802494 = `OdG0hG_spectrum-Modal-wrapper`;
|
|
54
|
-
$f7ed9f5201273840$export$a96755f239de61ee = `OdG0hG_spectrum-overlay--bottom--open`;
|
|
55
|
-
$f7ed9f5201273840$export$a85c0c6b6cf8598c = `OdG0hG_spectrum-overlay--left--open`;
|
|
56
|
-
$f7ed9f5201273840$export$85aaa87e65e040bf = `OdG0hG_spectrum-overlay--right--open`;
|
|
57
|
-
$f7ed9f5201273840$export$b9768db7ffc1bc2 = `OdG0hG_spectrum-overlay--top--open`;
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
export {$f7ed9f5201273840$exports as default};
|
|
61
|
-
//# sourceMappingURL=modal_vars_css.module.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAhBA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAA4B,CAAC,eAAe,EAAE,2CAA0C;AACxF,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAAuC,CAAC,0BAA0B,EAAE,2CAA2C;AAC/G,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAAqC,CAAC,uBAAuB,CAAC;AAC9D,4CAAmC,CAAC,sBAAsB,EAAE,2CAAoC;AAChG,4CAA+C,CAAC,iCAAiC,CAAC;AAClF,4CAAuD,CAAC,yCAAyC,CAAC;AAClG,2CAA+C,CAAC,iCAAiC,CAAC;AAClF,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAAkD,CAAC,oCAAoC,CAAC;AACxF,2CAAgD,CAAC,kCAAkC,CAAC","sources":["packages/@adobe/spectrum-css-temp/components/modal/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":"modal_vars_css.module.js.map"}
|
|
@@ -1,131 +0,0 @@
|
|
|
1
|
-
.fdFt3W_i18nFontFamily {
|
|
2
|
-
font-synthesis: weight;
|
|
3
|
-
font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.fdFt3W_i18nFontFamily:lang(ar) {
|
|
7
|
-
font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.fdFt3W_i18nFontFamily:lang(he) {
|
|
11
|
-
font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.fdFt3W_i18nFontFamily:lang(zh) {
|
|
15
|
-
font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.fdFt3W_i18nFontFamily:lang(zh-Hans) {
|
|
19
|
-
font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.fdFt3W_i18nFontFamily:lang(zh-Hant) {
|
|
23
|
-
font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.fdFt3W_i18nFontFamily:lang(zh-SG), .fdFt3W_i18nFontFamily:lang(zh-CN) {
|
|
27
|
-
font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.fdFt3W_i18nFontFamily:lang(ko) {
|
|
31
|
-
font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.fdFt3W_i18nFontFamily:lang(ja) {
|
|
35
|
-
font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.fdFt3W_spectrum-FocusRing-ring {
|
|
39
|
-
--spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
|
|
40
|
-
--spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
|
|
41
|
-
--spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
|
|
42
|
-
--spectrum-focus-ring-border-size: 0px;
|
|
43
|
-
--spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.fdFt3W_spectrum-FocusRing-ring:after {
|
|
47
|
-
border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
|
|
48
|
-
content: "";
|
|
49
|
-
margin: calc(-1 * var(--spectrum-focus-ring-border-size));
|
|
50
|
-
pointer-events: none;
|
|
51
|
-
transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
|
|
52
|
-
display: block;
|
|
53
|
-
position: absolute;
|
|
54
|
-
inset: 0;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.fdFt3W_spectrum-FocusRing.fdFt3W_focus-ring:after {
|
|
58
|
-
margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
|
|
59
|
-
box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.fdFt3W_spectrum-FocusRing--quiet:after {
|
|
63
|
-
border-radius: 0;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
.fdFt3W_spectrum-FocusRing--quiet.fdFt3W_focus-ring:after {
|
|
67
|
-
margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
|
|
68
|
-
box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
@media (forced-colors: active) {
|
|
72
|
-
.fdFt3W_spectrum-FocusRing, .fdFt3W_spectrum-FocusRing-ring, .fdFt3W_spectrum-FocusRing--quiet {
|
|
73
|
-
--spectrum-high-contrast-focus-ring-color: Highlight;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
:is(.fdFt3W_spectrum-FocusRing, .fdFt3W_spectrum-FocusRing-ring, .fdFt3W_spectrum-FocusRing--quiet):after {
|
|
77
|
-
forced-color-adjust: none;
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
.fdFt3W_spectrum-overlay {
|
|
82
|
-
visibility: hidden;
|
|
83
|
-
opacity: 0;
|
|
84
|
-
transition: transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out, opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out, visibility 0s linear var(--spectrum-global-animation-duration-100, .13s);
|
|
85
|
-
pointer-events: none;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
.fdFt3W_spectrum-overlay--open {
|
|
89
|
-
visibility: visible;
|
|
90
|
-
opacity: .9999;
|
|
91
|
-
pointer-events: auto;
|
|
92
|
-
transition-delay: 0s;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
.fdFt3W_spectrum-overlay--bottom--open {
|
|
96
|
-
transform: translateY(var(--spectrum-overlay-positive-transform-distance));
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
.fdFt3W_spectrum-overlay--top--open {
|
|
100
|
-
transform: translateY(var(--spectrum-overlay-negative-transform-distance));
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
.fdFt3W_spectrum-overlay--right--open {
|
|
104
|
-
transform: translateX(var(--spectrum-overlay-positive-transform-distance));
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
.fdFt3W_spectrum-overlay--left--open {
|
|
108
|
-
transform: translateX(var(--spectrum-overlay-negative-transform-distance));
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
.fdFt3W_spectrum-Underlay {
|
|
112
|
-
z-index: 1;
|
|
113
|
-
transition: opacity var(--spectrum-dialog-background-exit-animation-duration, var(--spectrum-global-animation-duration-300)) cubic-bezier(.5, 0, 1, 1) var(--spectrum-dialog-background-exit-animation-delay, var(--spectrum-global-animation-duration-200)), visibility 0s linear calc(var(--spectrum-dialog-background-exit-animation-delay, var(--spectrum-global-animation-duration-200)) + var(--spectrum-dialog-background-exit-animation-duration, var(--spectrum-global-animation-duration-300)));
|
|
114
|
-
position: absolute;
|
|
115
|
-
inset: 0;
|
|
116
|
-
overflow: hidden;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
.fdFt3W_spectrum-Underlay.fdFt3W_spectrum-Underlay--transparent {
|
|
120
|
-
background: none;
|
|
121
|
-
transition: none;
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
.fdFt3W_is-open {
|
|
125
|
-
transition: opacity var(--spectrum-dialog-background-entry-animation-duration, var(--spectrum-global-animation-duration-600)) cubic-bezier(0, 0, .4, 1) 0s;
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
.fdFt3W_spectrum-Underlay {
|
|
129
|
-
background: var(--spectrum-dialog-underlay-background-color, var(--spectrum-alias-background-color-modal-overlay));
|
|
130
|
-
}
|
|
131
|
-
/*# sourceMappingURL=overlays.c765f49e.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAkBJ;;;;;;;AAYA;;;;;;;AAWA;;;;AAIA;;;;AAUA;;;;AAIA;;;;AAIA;;;;;;;;AAmBE;;;;;AAMF;;;;AAmBA","sources":["packages/@adobe/spectrum-css-temp/components/underlay/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":"overlays.c765f49e.css.map"}
|