@react-spectrum/overlays 5.6.0 → 5.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Modal.main.js +7 -7
- package/dist/Modal.mjs +8 -8
- package/dist/Modal.module.js +7 -7
- package/dist/OpenTransition.mjs +1 -1
- package/dist/Overlay.main.js +2 -2
- package/dist/Overlay.mjs +3 -3
- package/dist/Overlay.module.js +2 -2
- package/dist/Popover.main.js +23 -23
- package/dist/Popover.mjs +24 -24
- package/dist/Popover.module.js +23 -23
- package/dist/Tray.main.js +6 -6
- package/dist/Tray.mjs +7 -7
- package/dist/Tray.module.js +6 -6
- package/dist/Underlay.main.js +3 -3
- package/dist/Underlay.mjs +4 -4
- package/dist/Underlay.module.js +3 -3
- package/dist/modal_vars_css.mjs +1 -1
- package/dist/overlays_css.mjs +1 -1
- package/dist/popover_vars_css.mjs +1 -1
- package/dist/tray_vars_css.mjs +1 -1
- package/dist/underlay_vars_css.mjs +1 -1
- package/package.json +9 -9
package/dist/Modal.main.js
CHANGED
|
@@ -52,23 +52,23 @@ function $fc75a6aa7a2b905b$var$Modal(props, ref) {
|
|
|
52
52
|
}, children));
|
|
53
53
|
}
|
|
54
54
|
let $fc75a6aa7a2b905b$var$typeMap = {
|
|
55
|
-
fullscreen:
|
|
56
|
-
fullscreenTakeover:
|
|
55
|
+
fullscreen: 'fullscreen',
|
|
56
|
+
fullscreenTakeover: 'fullscreenTakeover'
|
|
57
57
|
};
|
|
58
58
|
let $fc75a6aa7a2b905b$var$ModalWrapper = /*#__PURE__*/ (0, $aM0tW$react.forwardRef)(function(props, ref) {
|
|
59
59
|
let { type: type, children: children, state: state, isOpen: isOpen, wrapperRef: wrapperRef } = props;
|
|
60
60
|
let typeVariant = $fc75a6aa7a2b905b$var$typeMap[type];
|
|
61
61
|
let { styleProps: styleProps } = (0, $aM0tW$reactspectrumutils.useStyleProps)(props);
|
|
62
62
|
let { modalProps: modalProps, underlayProps: underlayProps } = (0, $aM0tW$reactariaoverlays.useModalOverlay)(props, state, ref);
|
|
63
|
-
let wrapperClassName = (0, $aM0tW$reactspectrumutils.classNames)((0, ($parcel$interopDefault($86571b803f942ff3$exports))),
|
|
64
|
-
let modalClassName = (0, $aM0tW$reactspectrumutils.classNames)((0, ($parcel$interopDefault($86571b803f942ff3$exports))),
|
|
65
|
-
|
|
66
|
-
}, (0, $aM0tW$reactspectrumutils.classNames)((0, ($parcel$interopDefault($e9a663ccb19ed1b0$exports))),
|
|
63
|
+
let wrapperClassName = (0, $aM0tW$reactspectrumutils.classNames)((0, ($parcel$interopDefault($86571b803f942ff3$exports))), 'spectrum-Modal-wrapper', (0, $aM0tW$reactspectrumutils.classNames)((0, ($parcel$interopDefault($e9a663ccb19ed1b0$exports))), 'spectrum-Modal-wrapper', 'react-spectrum-Modal-wrapper'));
|
|
64
|
+
let modalClassName = (0, $aM0tW$reactspectrumutils.classNames)((0, ($parcel$interopDefault($86571b803f942ff3$exports))), 'spectrum-Modal', {
|
|
65
|
+
'is-open': isOpen
|
|
66
|
+
}, (0, $aM0tW$reactspectrumutils.classNames)((0, ($parcel$interopDefault($e9a663ccb19ed1b0$exports))), 'spectrum-Modal', 'react-spectrum-Modal'), {
|
|
67
67
|
[`spectrum-Modal--${typeVariant}`]: typeVariant
|
|
68
68
|
}, styleProps.className);
|
|
69
69
|
let viewport = (0, $aM0tW$reactariautils.useViewportSize)();
|
|
70
70
|
let style = {
|
|
71
|
-
|
|
71
|
+
'--spectrum-visual-viewport-height': viewport.height + 'px'
|
|
72
72
|
};
|
|
73
73
|
// Attach Transition's nodeRef to outer most wrapper for node.reflow: https://github.com/reactjs/react-transition-group/blob/c89f807067b32eea6f68fd6c622190d88ced82e2/src/Transition.js#L231
|
|
74
74
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($aM0tW$react))).createElement("div", {
|
package/dist/Modal.mjs
CHANGED
|
@@ -46,23 +46,23 @@ function $842084dfa182af65$var$Modal(props, ref) {
|
|
|
46
46
|
}, children));
|
|
47
47
|
}
|
|
48
48
|
let $842084dfa182af65$var$typeMap = {
|
|
49
|
-
fullscreen:
|
|
50
|
-
fullscreenTakeover:
|
|
49
|
+
fullscreen: 'fullscreen',
|
|
50
|
+
fullscreenTakeover: 'fullscreenTakeover'
|
|
51
51
|
};
|
|
52
52
|
let $842084dfa182af65$var$ModalWrapper = /*#__PURE__*/ (0, $e9TuM$forwardRef)(function(props, ref) {
|
|
53
53
|
let { type: type, children: children, state: state, isOpen: isOpen, wrapperRef: wrapperRef } = props;
|
|
54
54
|
let typeVariant = $842084dfa182af65$var$typeMap[type];
|
|
55
55
|
let { styleProps: styleProps } = (0, $e9TuM$useStyleProps)(props);
|
|
56
56
|
let { modalProps: modalProps, underlayProps: underlayProps } = (0, $e9TuM$useModalOverlay)(props, state, ref);
|
|
57
|
-
let wrapperClassName = (0, $e9TuM$classNames)((0, ($parcel$interopDefault($e9TuM$modal_vars_cssmodulejs))),
|
|
58
|
-
let modalClassName = (0, $e9TuM$classNames)((0, ($parcel$interopDefault($e9TuM$modal_vars_cssmodulejs))),
|
|
59
|
-
|
|
60
|
-
}, (0, $e9TuM$classNames)((0, ($parcel$interopDefault($e9TuM$overlays_cssmodulejs))),
|
|
57
|
+
let wrapperClassName = (0, $e9TuM$classNames)((0, ($parcel$interopDefault($e9TuM$modal_vars_cssmodulejs))), 'spectrum-Modal-wrapper', (0, $e9TuM$classNames)((0, ($parcel$interopDefault($e9TuM$overlays_cssmodulejs))), 'spectrum-Modal-wrapper', 'react-spectrum-Modal-wrapper'));
|
|
58
|
+
let modalClassName = (0, $e9TuM$classNames)((0, ($parcel$interopDefault($e9TuM$modal_vars_cssmodulejs))), 'spectrum-Modal', {
|
|
59
|
+
'is-open': isOpen
|
|
60
|
+
}, (0, $e9TuM$classNames)((0, ($parcel$interopDefault($e9TuM$overlays_cssmodulejs))), 'spectrum-Modal', 'react-spectrum-Modal'), {
|
|
61
61
|
[`spectrum-Modal--${typeVariant}`]: typeVariant
|
|
62
62
|
}, styleProps.className);
|
|
63
63
|
let viewport = (0, $e9TuM$useViewportSize)();
|
|
64
64
|
let style = {
|
|
65
|
-
|
|
65
|
+
'--spectrum-visual-viewport-height': viewport.height + 'px'
|
|
66
66
|
};
|
|
67
67
|
// Attach Transition's nodeRef to outer most wrapper for node.reflow: https://github.com/reactjs/react-transition-group/blob/c89f807067b32eea6f68fd6c622190d88ced82e2/src/Transition.js#L231
|
|
68
68
|
return /*#__PURE__*/ (0, $e9TuM$react).createElement("div", {
|
|
@@ -85,4 +85,4 @@ let $842084dfa182af65$export$2b77a92f1a5ad772 = /*#__PURE__*/ (0, $e9TuM$forward
|
|
|
85
85
|
|
|
86
86
|
|
|
87
87
|
export {$842084dfa182af65$export$2b77a92f1a5ad772 as Modal};
|
|
88
|
-
//# sourceMappingURL=Modal.
|
|
88
|
+
//# sourceMappingURL=Modal.module.js.map
|
package/dist/Modal.module.js
CHANGED
|
@@ -46,23 +46,23 @@ function $842084dfa182af65$var$Modal(props, ref) {
|
|
|
46
46
|
}, children));
|
|
47
47
|
}
|
|
48
48
|
let $842084dfa182af65$var$typeMap = {
|
|
49
|
-
fullscreen:
|
|
50
|
-
fullscreenTakeover:
|
|
49
|
+
fullscreen: 'fullscreen',
|
|
50
|
+
fullscreenTakeover: 'fullscreenTakeover'
|
|
51
51
|
};
|
|
52
52
|
let $842084dfa182af65$var$ModalWrapper = /*#__PURE__*/ (0, $e9TuM$forwardRef)(function(props, ref) {
|
|
53
53
|
let { type: type, children: children, state: state, isOpen: isOpen, wrapperRef: wrapperRef } = props;
|
|
54
54
|
let typeVariant = $842084dfa182af65$var$typeMap[type];
|
|
55
55
|
let { styleProps: styleProps } = (0, $e9TuM$useStyleProps)(props);
|
|
56
56
|
let { modalProps: modalProps, underlayProps: underlayProps } = (0, $e9TuM$useModalOverlay)(props, state, ref);
|
|
57
|
-
let wrapperClassName = (0, $e9TuM$classNames)((0, ($parcel$interopDefault($e9TuM$modal_vars_cssmodulejs))),
|
|
58
|
-
let modalClassName = (0, $e9TuM$classNames)((0, ($parcel$interopDefault($e9TuM$modal_vars_cssmodulejs))),
|
|
59
|
-
|
|
60
|
-
}, (0, $e9TuM$classNames)((0, ($parcel$interopDefault($e9TuM$overlays_cssmodulejs))),
|
|
57
|
+
let wrapperClassName = (0, $e9TuM$classNames)((0, ($parcel$interopDefault($e9TuM$modal_vars_cssmodulejs))), 'spectrum-Modal-wrapper', (0, $e9TuM$classNames)((0, ($parcel$interopDefault($e9TuM$overlays_cssmodulejs))), 'spectrum-Modal-wrapper', 'react-spectrum-Modal-wrapper'));
|
|
58
|
+
let modalClassName = (0, $e9TuM$classNames)((0, ($parcel$interopDefault($e9TuM$modal_vars_cssmodulejs))), 'spectrum-Modal', {
|
|
59
|
+
'is-open': isOpen
|
|
60
|
+
}, (0, $e9TuM$classNames)((0, ($parcel$interopDefault($e9TuM$overlays_cssmodulejs))), 'spectrum-Modal', 'react-spectrum-Modal'), {
|
|
61
61
|
[`spectrum-Modal--${typeVariant}`]: typeVariant
|
|
62
62
|
}, styleProps.className);
|
|
63
63
|
let viewport = (0, $e9TuM$useViewportSize)();
|
|
64
64
|
let style = {
|
|
65
|
-
|
|
65
|
+
'--spectrum-visual-viewport-height': viewport.height + 'px'
|
|
66
66
|
};
|
|
67
67
|
// Attach Transition's nodeRef to outer most wrapper for node.reflow: https://github.com/reactjs/react-transition-group/blob/c89f807067b32eea6f68fd6c622190d88ced82e2/src/Transition.js#L231
|
|
68
68
|
return /*#__PURE__*/ (0, $e9TuM$react).createElement("div", {
|
package/dist/OpenTransition.mjs
CHANGED
package/dist/Overlay.main.js
CHANGED
|
@@ -53,8 +53,8 @@ function $2aebdc186fd41e87$var$Overlay(props, ref) {
|
|
|
53
53
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($5XfZ1$react))).createElement((0, $5XfZ1$reactspectrumprovider.Provider), {
|
|
54
54
|
ref: ref,
|
|
55
55
|
UNSAFE_style: {
|
|
56
|
-
background:
|
|
57
|
-
isolation:
|
|
56
|
+
background: 'transparent',
|
|
57
|
+
isolation: 'isolate'
|
|
58
58
|
},
|
|
59
59
|
isDisabled: false
|
|
60
60
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($5XfZ1$react))).createElement((0, $13f51cdc44d228b9$exports.OpenTransition), {
|
package/dist/Overlay.mjs
CHANGED
|
@@ -43,8 +43,8 @@ function $70305dc5fb729c3b$var$Overlay(props, ref) {
|
|
|
43
43
|
}, /*#__PURE__*/ (0, $eIXW5$react).createElement((0, $eIXW5$Provider), {
|
|
44
44
|
ref: ref,
|
|
45
45
|
UNSAFE_style: {
|
|
46
|
-
background:
|
|
47
|
-
isolation:
|
|
46
|
+
background: 'transparent',
|
|
47
|
+
isolation: 'isolate'
|
|
48
48
|
},
|
|
49
49
|
isDisabled: false
|
|
50
50
|
}, /*#__PURE__*/ (0, $eIXW5$react).createElement((0, $bc765a7a041310da$export$b847a40ee92eff38), {
|
|
@@ -63,4 +63,4 @@ let $70305dc5fb729c3b$export$c6fdb837b070b4ff = /*#__PURE__*/ (0, $eIXW5$react).
|
|
|
63
63
|
|
|
64
64
|
|
|
65
65
|
export {$70305dc5fb729c3b$export$c6fdb837b070b4ff as Overlay};
|
|
66
|
-
//# sourceMappingURL=Overlay.
|
|
66
|
+
//# sourceMappingURL=Overlay.module.js.map
|
package/dist/Overlay.module.js
CHANGED
|
@@ -43,8 +43,8 @@ function $70305dc5fb729c3b$var$Overlay(props, ref) {
|
|
|
43
43
|
}, /*#__PURE__*/ (0, $eIXW5$react).createElement((0, $eIXW5$Provider), {
|
|
44
44
|
ref: ref,
|
|
45
45
|
UNSAFE_style: {
|
|
46
|
-
background:
|
|
47
|
-
isolation:
|
|
46
|
+
background: 'transparent',
|
|
47
|
+
isolation: 'isolate'
|
|
48
48
|
},
|
|
49
49
|
isDisabled: false
|
|
50
50
|
}, /*#__PURE__*/ (0, $eIXW5$react).createElement((0, $bc765a7a041310da$export$b847a40ee92eff38), {
|
package/dist/Popover.main.js
CHANGED
|
@@ -46,10 +46,10 @@ $parcel$export(module.exports, "Popover", () => $f02bba55a62f20dd$export$5b6b194
|
|
|
46
46
|
* the path always starts at 0 so that it perfectly overlaps the popover's border.
|
|
47
47
|
* See bottom of file for more explanation.
|
|
48
48
|
*/ let $f02bba55a62f20dd$var$arrowPlacement = {
|
|
49
|
-
left:
|
|
50
|
-
right:
|
|
51
|
-
top:
|
|
52
|
-
bottom:
|
|
49
|
+
left: 'right',
|
|
50
|
+
right: 'right',
|
|
51
|
+
top: 'bottom',
|
|
52
|
+
bottom: 'bottom'
|
|
53
53
|
};
|
|
54
54
|
function $f02bba55a62f20dd$var$Popover(props, ref) {
|
|
55
55
|
let { children: children, state: state, ...otherProps } = props;
|
|
@@ -96,18 +96,18 @@ const $f02bba55a62f20dd$var$PopoverWrapper = /*#__PURE__*/ (0, $cgMBg$react.forw
|
|
|
96
96
|
...popoverProps.style
|
|
97
97
|
},
|
|
98
98
|
ref: ref,
|
|
99
|
-
className: (0, $cgMBg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($16e1dca4664d0b1c$exports))),
|
|
100
|
-
|
|
101
|
-
|
|
99
|
+
className: (0, $cgMBg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($16e1dca4664d0b1c$exports))), 'spectrum-Popover', `spectrum-Popover--${placement}`, {
|
|
100
|
+
'spectrum-Popover--withTip': !hideArrow,
|
|
101
|
+
'is-open': isOpen,
|
|
102
102
|
[`is-open--${placement}`]: isOpen
|
|
103
|
-
}, (0, $cgMBg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($e9a663ccb19ed1b0$exports))),
|
|
103
|
+
}, (0, $cgMBg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($e9a663ccb19ed1b0$exports))), 'spectrum-Popover', 'react-spectrum-Popover'), styleProps.className),
|
|
104
104
|
role: "presentation",
|
|
105
105
|
"data-testid": "popover"
|
|
106
106
|
}, (!isNonModal || enableBothDismissButtons) && /*#__PURE__*/ (0, ($parcel$interopDefault($cgMBg$react))).createElement((0, $cgMBg$reactariaoverlays.DismissButton), {
|
|
107
107
|
onDismiss: onDismissButtonPress
|
|
108
108
|
}), children, hideArrow ? null : /*#__PURE__*/ (0, ($parcel$interopDefault($cgMBg$react))).createElement($f02bba55a62f20dd$var$Arrow, {
|
|
109
109
|
arrowProps: arrowProps,
|
|
110
|
-
isLandscape: $f02bba55a62f20dd$var$arrowPlacement[placement] ===
|
|
110
|
+
isLandscape: $f02bba55a62f20dd$var$arrowPlacement[placement] === 'bottom',
|
|
111
111
|
arrowRef: arrowRef,
|
|
112
112
|
primary: primary,
|
|
113
113
|
secondary: secondary,
|
|
@@ -121,7 +121,7 @@ function $f02bba55a62f20dd$var$usePopoverBorderRadius(popoverRef) {
|
|
|
121
121
|
(0, $cgMBg$reactariautils.useLayoutEffect)(()=>{
|
|
122
122
|
if (popoverRef.current) {
|
|
123
123
|
let spectrumBorderRadius = window.getComputedStyle(popoverRef.current).borderRadius;
|
|
124
|
-
if (spectrumBorderRadius !==
|
|
124
|
+
if (spectrumBorderRadius !== '') setBorderRadius(parseInt(spectrumBorderRadius, 10));
|
|
125
125
|
}
|
|
126
126
|
}, [
|
|
127
127
|
popoverRef
|
|
@@ -135,10 +135,10 @@ function $f02bba55a62f20dd$var$useArrowSize() {
|
|
|
135
135
|
// get the css value for the tip size and divide it by 2 for this arrow implementation
|
|
136
136
|
(0, $cgMBg$reactariautils.useLayoutEffect)(()=>{
|
|
137
137
|
if (arrowRef.current) {
|
|
138
|
-
let spectrumTipWidth = window.getComputedStyle(arrowRef.current).getPropertyValue(
|
|
139
|
-
if (spectrumTipWidth !==
|
|
140
|
-
let spectrumBorderWidth = window.getComputedStyle(arrowRef.current).getPropertyValue(
|
|
141
|
-
if (spectrumBorderWidth !==
|
|
138
|
+
let spectrumTipWidth = window.getComputedStyle(arrowRef.current).getPropertyValue('--spectrum-popover-tip-size');
|
|
139
|
+
if (spectrumTipWidth !== '') setSize(parseInt(spectrumTipWidth, 10) / 2);
|
|
140
|
+
let spectrumBorderWidth = window.getComputedStyle(arrowRef.current).getPropertyValue('--spectrum-popover-tip-borderWidth');
|
|
141
|
+
if (spectrumBorderWidth !== '') setBorderWidth(parseInt(spectrumBorderWidth, 10));
|
|
142
142
|
}
|
|
143
143
|
}, []);
|
|
144
144
|
return {
|
|
@@ -156,23 +156,23 @@ function $f02bba55a62f20dd$var$Arrow(props) {
|
|
|
156
156
|
let secondaryMiddle = secondary / 2;
|
|
157
157
|
let secondaryEnd = secondary - halfBorderDiagonal;
|
|
158
158
|
let pathData = isLandscape ? [
|
|
159
|
-
|
|
159
|
+
'M',
|
|
160
160
|
secondaryStart,
|
|
161
161
|
primaryStart,
|
|
162
|
-
|
|
162
|
+
'L',
|
|
163
163
|
secondaryMiddle,
|
|
164
164
|
primaryEnd,
|
|
165
|
-
|
|
165
|
+
'L',
|
|
166
166
|
secondaryEnd,
|
|
167
167
|
primaryStart
|
|
168
168
|
] : [
|
|
169
|
-
|
|
169
|
+
'M',
|
|
170
170
|
primaryStart,
|
|
171
171
|
secondaryStart,
|
|
172
|
-
|
|
172
|
+
'L',
|
|
173
173
|
primaryEnd,
|
|
174
174
|
secondaryMiddle,
|
|
175
|
-
|
|
175
|
+
'L',
|
|
176
176
|
primaryStart,
|
|
177
177
|
secondaryEnd
|
|
178
178
|
];
|
|
@@ -180,12 +180,12 @@ function $f02bba55a62f20dd$var$Arrow(props) {
|
|
|
180
180
|
xmlns: "http://www.w3.org/svg/2000",
|
|
181
181
|
width: Math.ceil(isLandscape ? secondary : primary),
|
|
182
182
|
height: Math.ceil(isLandscape ? primary : secondary),
|
|
183
|
-
className: (0, $cgMBg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($16e1dca4664d0b1c$exports))),
|
|
183
|
+
className: (0, $cgMBg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($16e1dca4664d0b1c$exports))), 'spectrum-Popover-tip'),
|
|
184
184
|
ref: arrowRef,
|
|
185
185
|
...arrowProps
|
|
186
186
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($cgMBg$react))).createElement("path", {
|
|
187
|
-
className: (0, $cgMBg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($16e1dca4664d0b1c$exports))),
|
|
188
|
-
d: pathData.join(
|
|
187
|
+
className: (0, $cgMBg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($16e1dca4664d0b1c$exports))), 'spectrum-Popover-tip-triangle'),
|
|
188
|
+
d: pathData.join(' ')
|
|
189
189
|
}));
|
|
190
190
|
}
|
|
191
191
|
let $f02bba55a62f20dd$export$5b6b19405a83ff9d = /*#__PURE__*/ (0, $cgMBg$react.forwardRef)($f02bba55a62f20dd$var$Popover);
|
package/dist/Popover.mjs
CHANGED
|
@@ -40,10 +40,10 @@ function $parcel$interopDefault(a) {
|
|
|
40
40
|
* the path always starts at 0 so that it perfectly overlaps the popover's border.
|
|
41
41
|
* See bottom of file for more explanation.
|
|
42
42
|
*/ let $17b503f7de08fecc$var$arrowPlacement = {
|
|
43
|
-
left:
|
|
44
|
-
right:
|
|
45
|
-
top:
|
|
46
|
-
bottom:
|
|
43
|
+
left: 'right',
|
|
44
|
+
right: 'right',
|
|
45
|
+
top: 'bottom',
|
|
46
|
+
bottom: 'bottom'
|
|
47
47
|
};
|
|
48
48
|
function $17b503f7de08fecc$var$Popover(props, ref) {
|
|
49
49
|
let { children: children, state: state, ...otherProps } = props;
|
|
@@ -90,18 +90,18 @@ const $17b503f7de08fecc$var$PopoverWrapper = /*#__PURE__*/ (0, $4kQ6h$forwardRef
|
|
|
90
90
|
...popoverProps.style
|
|
91
91
|
},
|
|
92
92
|
ref: ref,
|
|
93
|
-
className: (0, $4kQ6h$classNames)((0, ($parcel$interopDefault($4kQ6h$popover_vars_cssmodulejs))),
|
|
94
|
-
|
|
95
|
-
|
|
93
|
+
className: (0, $4kQ6h$classNames)((0, ($parcel$interopDefault($4kQ6h$popover_vars_cssmodulejs))), 'spectrum-Popover', `spectrum-Popover--${placement}`, {
|
|
94
|
+
'spectrum-Popover--withTip': !hideArrow,
|
|
95
|
+
'is-open': isOpen,
|
|
96
96
|
[`is-open--${placement}`]: isOpen
|
|
97
|
-
}, (0, $4kQ6h$classNames)((0, ($parcel$interopDefault($4kQ6h$overlays_cssmodulejs))),
|
|
97
|
+
}, (0, $4kQ6h$classNames)((0, ($parcel$interopDefault($4kQ6h$overlays_cssmodulejs))), 'spectrum-Popover', 'react-spectrum-Popover'), styleProps.className),
|
|
98
98
|
role: "presentation",
|
|
99
99
|
"data-testid": "popover"
|
|
100
100
|
}, (!isNonModal || enableBothDismissButtons) && /*#__PURE__*/ (0, $4kQ6h$react).createElement((0, $4kQ6h$DismissButton), {
|
|
101
101
|
onDismiss: onDismissButtonPress
|
|
102
102
|
}), children, hideArrow ? null : /*#__PURE__*/ (0, $4kQ6h$react).createElement($17b503f7de08fecc$var$Arrow, {
|
|
103
103
|
arrowProps: arrowProps,
|
|
104
|
-
isLandscape: $17b503f7de08fecc$var$arrowPlacement[placement] ===
|
|
104
|
+
isLandscape: $17b503f7de08fecc$var$arrowPlacement[placement] === 'bottom',
|
|
105
105
|
arrowRef: arrowRef,
|
|
106
106
|
primary: primary,
|
|
107
107
|
secondary: secondary,
|
|
@@ -115,7 +115,7 @@ function $17b503f7de08fecc$var$usePopoverBorderRadius(popoverRef) {
|
|
|
115
115
|
(0, $4kQ6h$useLayoutEffect)(()=>{
|
|
116
116
|
if (popoverRef.current) {
|
|
117
117
|
let spectrumBorderRadius = window.getComputedStyle(popoverRef.current).borderRadius;
|
|
118
|
-
if (spectrumBorderRadius !==
|
|
118
|
+
if (spectrumBorderRadius !== '') setBorderRadius(parseInt(spectrumBorderRadius, 10));
|
|
119
119
|
}
|
|
120
120
|
}, [
|
|
121
121
|
popoverRef
|
|
@@ -129,10 +129,10 @@ function $17b503f7de08fecc$var$useArrowSize() {
|
|
|
129
129
|
// get the css value for the tip size and divide it by 2 for this arrow implementation
|
|
130
130
|
(0, $4kQ6h$useLayoutEffect)(()=>{
|
|
131
131
|
if (arrowRef.current) {
|
|
132
|
-
let spectrumTipWidth = window.getComputedStyle(arrowRef.current).getPropertyValue(
|
|
133
|
-
if (spectrumTipWidth !==
|
|
134
|
-
let spectrumBorderWidth = window.getComputedStyle(arrowRef.current).getPropertyValue(
|
|
135
|
-
if (spectrumBorderWidth !==
|
|
132
|
+
let spectrumTipWidth = window.getComputedStyle(arrowRef.current).getPropertyValue('--spectrum-popover-tip-size');
|
|
133
|
+
if (spectrumTipWidth !== '') setSize(parseInt(spectrumTipWidth, 10) / 2);
|
|
134
|
+
let spectrumBorderWidth = window.getComputedStyle(arrowRef.current).getPropertyValue('--spectrum-popover-tip-borderWidth');
|
|
135
|
+
if (spectrumBorderWidth !== '') setBorderWidth(parseInt(spectrumBorderWidth, 10));
|
|
136
136
|
}
|
|
137
137
|
}, []);
|
|
138
138
|
return {
|
|
@@ -150,23 +150,23 @@ function $17b503f7de08fecc$var$Arrow(props) {
|
|
|
150
150
|
let secondaryMiddle = secondary / 2;
|
|
151
151
|
let secondaryEnd = secondary - halfBorderDiagonal;
|
|
152
152
|
let pathData = isLandscape ? [
|
|
153
|
-
|
|
153
|
+
'M',
|
|
154
154
|
secondaryStart,
|
|
155
155
|
primaryStart,
|
|
156
|
-
|
|
156
|
+
'L',
|
|
157
157
|
secondaryMiddle,
|
|
158
158
|
primaryEnd,
|
|
159
|
-
|
|
159
|
+
'L',
|
|
160
160
|
secondaryEnd,
|
|
161
161
|
primaryStart
|
|
162
162
|
] : [
|
|
163
|
-
|
|
163
|
+
'M',
|
|
164
164
|
primaryStart,
|
|
165
165
|
secondaryStart,
|
|
166
|
-
|
|
166
|
+
'L',
|
|
167
167
|
primaryEnd,
|
|
168
168
|
secondaryMiddle,
|
|
169
|
-
|
|
169
|
+
'L',
|
|
170
170
|
primaryStart,
|
|
171
171
|
secondaryEnd
|
|
172
172
|
];
|
|
@@ -174,12 +174,12 @@ function $17b503f7de08fecc$var$Arrow(props) {
|
|
|
174
174
|
xmlns: "http://www.w3.org/svg/2000",
|
|
175
175
|
width: Math.ceil(isLandscape ? secondary : primary),
|
|
176
176
|
height: Math.ceil(isLandscape ? primary : secondary),
|
|
177
|
-
className: (0, $4kQ6h$classNames)((0, ($parcel$interopDefault($4kQ6h$popover_vars_cssmodulejs))),
|
|
177
|
+
className: (0, $4kQ6h$classNames)((0, ($parcel$interopDefault($4kQ6h$popover_vars_cssmodulejs))), 'spectrum-Popover-tip'),
|
|
178
178
|
ref: arrowRef,
|
|
179
179
|
...arrowProps
|
|
180
180
|
}, /*#__PURE__*/ (0, $4kQ6h$react).createElement("path", {
|
|
181
|
-
className: (0, $4kQ6h$classNames)((0, ($parcel$interopDefault($4kQ6h$popover_vars_cssmodulejs))),
|
|
182
|
-
d: pathData.join(
|
|
181
|
+
className: (0, $4kQ6h$classNames)((0, ($parcel$interopDefault($4kQ6h$popover_vars_cssmodulejs))), 'spectrum-Popover-tip-triangle'),
|
|
182
|
+
d: pathData.join(' ')
|
|
183
183
|
}));
|
|
184
184
|
}
|
|
185
185
|
let $17b503f7de08fecc$export$5b6b19405a83ff9d = /*#__PURE__*/ (0, $4kQ6h$forwardRef)($17b503f7de08fecc$var$Popover);
|
|
@@ -198,4 +198,4 @@ let $17b503f7de08fecc$export$5b6b19405a83ff9d = /*#__PURE__*/ (0, $4kQ6h$forward
|
|
|
198
198
|
*/
|
|
199
199
|
|
|
200
200
|
export {$17b503f7de08fecc$export$5b6b19405a83ff9d as Popover};
|
|
201
|
-
//# sourceMappingURL=Popover.
|
|
201
|
+
//# sourceMappingURL=Popover.module.js.map
|
package/dist/Popover.module.js
CHANGED
|
@@ -40,10 +40,10 @@ function $parcel$interopDefault(a) {
|
|
|
40
40
|
* the path always starts at 0 so that it perfectly overlaps the popover's border.
|
|
41
41
|
* See bottom of file for more explanation.
|
|
42
42
|
*/ let $17b503f7de08fecc$var$arrowPlacement = {
|
|
43
|
-
left:
|
|
44
|
-
right:
|
|
45
|
-
top:
|
|
46
|
-
bottom:
|
|
43
|
+
left: 'right',
|
|
44
|
+
right: 'right',
|
|
45
|
+
top: 'bottom',
|
|
46
|
+
bottom: 'bottom'
|
|
47
47
|
};
|
|
48
48
|
function $17b503f7de08fecc$var$Popover(props, ref) {
|
|
49
49
|
let { children: children, state: state, ...otherProps } = props;
|
|
@@ -90,18 +90,18 @@ const $17b503f7de08fecc$var$PopoverWrapper = /*#__PURE__*/ (0, $4kQ6h$forwardRef
|
|
|
90
90
|
...popoverProps.style
|
|
91
91
|
},
|
|
92
92
|
ref: ref,
|
|
93
|
-
className: (0, $4kQ6h$classNames)((0, ($parcel$interopDefault($4kQ6h$popover_vars_cssmodulejs))),
|
|
94
|
-
|
|
95
|
-
|
|
93
|
+
className: (0, $4kQ6h$classNames)((0, ($parcel$interopDefault($4kQ6h$popover_vars_cssmodulejs))), 'spectrum-Popover', `spectrum-Popover--${placement}`, {
|
|
94
|
+
'spectrum-Popover--withTip': !hideArrow,
|
|
95
|
+
'is-open': isOpen,
|
|
96
96
|
[`is-open--${placement}`]: isOpen
|
|
97
|
-
}, (0, $4kQ6h$classNames)((0, ($parcel$interopDefault($4kQ6h$overlays_cssmodulejs))),
|
|
97
|
+
}, (0, $4kQ6h$classNames)((0, ($parcel$interopDefault($4kQ6h$overlays_cssmodulejs))), 'spectrum-Popover', 'react-spectrum-Popover'), styleProps.className),
|
|
98
98
|
role: "presentation",
|
|
99
99
|
"data-testid": "popover"
|
|
100
100
|
}, (!isNonModal || enableBothDismissButtons) && /*#__PURE__*/ (0, $4kQ6h$react).createElement((0, $4kQ6h$DismissButton), {
|
|
101
101
|
onDismiss: onDismissButtonPress
|
|
102
102
|
}), children, hideArrow ? null : /*#__PURE__*/ (0, $4kQ6h$react).createElement($17b503f7de08fecc$var$Arrow, {
|
|
103
103
|
arrowProps: arrowProps,
|
|
104
|
-
isLandscape: $17b503f7de08fecc$var$arrowPlacement[placement] ===
|
|
104
|
+
isLandscape: $17b503f7de08fecc$var$arrowPlacement[placement] === 'bottom',
|
|
105
105
|
arrowRef: arrowRef,
|
|
106
106
|
primary: primary,
|
|
107
107
|
secondary: secondary,
|
|
@@ -115,7 +115,7 @@ function $17b503f7de08fecc$var$usePopoverBorderRadius(popoverRef) {
|
|
|
115
115
|
(0, $4kQ6h$useLayoutEffect)(()=>{
|
|
116
116
|
if (popoverRef.current) {
|
|
117
117
|
let spectrumBorderRadius = window.getComputedStyle(popoverRef.current).borderRadius;
|
|
118
|
-
if (spectrumBorderRadius !==
|
|
118
|
+
if (spectrumBorderRadius !== '') setBorderRadius(parseInt(spectrumBorderRadius, 10));
|
|
119
119
|
}
|
|
120
120
|
}, [
|
|
121
121
|
popoverRef
|
|
@@ -129,10 +129,10 @@ function $17b503f7de08fecc$var$useArrowSize() {
|
|
|
129
129
|
// get the css value for the tip size and divide it by 2 for this arrow implementation
|
|
130
130
|
(0, $4kQ6h$useLayoutEffect)(()=>{
|
|
131
131
|
if (arrowRef.current) {
|
|
132
|
-
let spectrumTipWidth = window.getComputedStyle(arrowRef.current).getPropertyValue(
|
|
133
|
-
if (spectrumTipWidth !==
|
|
134
|
-
let spectrumBorderWidth = window.getComputedStyle(arrowRef.current).getPropertyValue(
|
|
135
|
-
if (spectrumBorderWidth !==
|
|
132
|
+
let spectrumTipWidth = window.getComputedStyle(arrowRef.current).getPropertyValue('--spectrum-popover-tip-size');
|
|
133
|
+
if (spectrumTipWidth !== '') setSize(parseInt(spectrumTipWidth, 10) / 2);
|
|
134
|
+
let spectrumBorderWidth = window.getComputedStyle(arrowRef.current).getPropertyValue('--spectrum-popover-tip-borderWidth');
|
|
135
|
+
if (spectrumBorderWidth !== '') setBorderWidth(parseInt(spectrumBorderWidth, 10));
|
|
136
136
|
}
|
|
137
137
|
}, []);
|
|
138
138
|
return {
|
|
@@ -150,23 +150,23 @@ function $17b503f7de08fecc$var$Arrow(props) {
|
|
|
150
150
|
let secondaryMiddle = secondary / 2;
|
|
151
151
|
let secondaryEnd = secondary - halfBorderDiagonal;
|
|
152
152
|
let pathData = isLandscape ? [
|
|
153
|
-
|
|
153
|
+
'M',
|
|
154
154
|
secondaryStart,
|
|
155
155
|
primaryStart,
|
|
156
|
-
|
|
156
|
+
'L',
|
|
157
157
|
secondaryMiddle,
|
|
158
158
|
primaryEnd,
|
|
159
|
-
|
|
159
|
+
'L',
|
|
160
160
|
secondaryEnd,
|
|
161
161
|
primaryStart
|
|
162
162
|
] : [
|
|
163
|
-
|
|
163
|
+
'M',
|
|
164
164
|
primaryStart,
|
|
165
165
|
secondaryStart,
|
|
166
|
-
|
|
166
|
+
'L',
|
|
167
167
|
primaryEnd,
|
|
168
168
|
secondaryMiddle,
|
|
169
|
-
|
|
169
|
+
'L',
|
|
170
170
|
primaryStart,
|
|
171
171
|
secondaryEnd
|
|
172
172
|
];
|
|
@@ -174,12 +174,12 @@ function $17b503f7de08fecc$var$Arrow(props) {
|
|
|
174
174
|
xmlns: "http://www.w3.org/svg/2000",
|
|
175
175
|
width: Math.ceil(isLandscape ? secondary : primary),
|
|
176
176
|
height: Math.ceil(isLandscape ? primary : secondary),
|
|
177
|
-
className: (0, $4kQ6h$classNames)((0, ($parcel$interopDefault($4kQ6h$popover_vars_cssmodulejs))),
|
|
177
|
+
className: (0, $4kQ6h$classNames)((0, ($parcel$interopDefault($4kQ6h$popover_vars_cssmodulejs))), 'spectrum-Popover-tip'),
|
|
178
178
|
ref: arrowRef,
|
|
179
179
|
...arrowProps
|
|
180
180
|
}, /*#__PURE__*/ (0, $4kQ6h$react).createElement("path", {
|
|
181
|
-
className: (0, $4kQ6h$classNames)((0, ($parcel$interopDefault($4kQ6h$popover_vars_cssmodulejs))),
|
|
182
|
-
d: pathData.join(
|
|
181
|
+
className: (0, $4kQ6h$classNames)((0, ($parcel$interopDefault($4kQ6h$popover_vars_cssmodulejs))), 'spectrum-Popover-tip-triangle'),
|
|
182
|
+
d: pathData.join(' ')
|
|
183
183
|
}));
|
|
184
184
|
}
|
|
185
185
|
let $17b503f7de08fecc$export$5b6b19405a83ff9d = /*#__PURE__*/ (0, $4kQ6h$forwardRef)($17b503f7de08fecc$var$Popover);
|
package/dist/Tray.main.js
CHANGED
|
@@ -67,13 +67,13 @@ let $6b386deda21be662$var$TrayWrapper = /*#__PURE__*/ (0, $fWgpJ$react.forwardRe
|
|
|
67
67
|
// is up, so use the VisualViewport API to ensure the tray is displayed above the keyboard.
|
|
68
68
|
let viewport = (0, $fWgpJ$reactariautils.useViewportSize)();
|
|
69
69
|
let wrapperStyle = {
|
|
70
|
-
|
|
70
|
+
'--spectrum-visual-viewport-height': viewport.height + 'px'
|
|
71
71
|
};
|
|
72
|
-
let wrapperClassName = (0, $fWgpJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3ba16c5c57f2a636$exports))),
|
|
73
|
-
let className = (0, $fWgpJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3ba16c5c57f2a636$exports))),
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
}, (0, $fWgpJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($e9a663ccb19ed1b0$exports))),
|
|
72
|
+
let wrapperClassName = (0, $fWgpJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3ba16c5c57f2a636$exports))), 'spectrum-Tray-wrapper');
|
|
73
|
+
let className = (0, $fWgpJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3ba16c5c57f2a636$exports))), 'spectrum-Tray', {
|
|
74
|
+
'is-open': isOpen,
|
|
75
|
+
'spectrum-Tray--fixedHeight': isFixedHeight
|
|
76
|
+
}, (0, $fWgpJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($e9a663ccb19ed1b0$exports))), 'spectrum-Tray', 'react-spectrum-Tray'), styleProps.className);
|
|
77
77
|
// Attach Transition's nodeRef to outer most wrapper for node.reflow: https://github.com/reactjs/react-transition-group/blob/c89f807067b32eea6f68fd6c622190d88ced82e2/src/Transition.js#L231
|
|
78
78
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($fWgpJ$react))).createElement("div", {
|
|
79
79
|
ref: wrapperRef
|
package/dist/Tray.mjs
CHANGED
|
@@ -61,13 +61,13 @@ let $1afc87f3d16a5a1c$var$TrayWrapper = /*#__PURE__*/ (0, $3XF9U$forwardRef)(fun
|
|
|
61
61
|
// is up, so use the VisualViewport API to ensure the tray is displayed above the keyboard.
|
|
62
62
|
let viewport = (0, $3XF9U$useViewportSize)();
|
|
63
63
|
let wrapperStyle = {
|
|
64
|
-
|
|
64
|
+
'--spectrum-visual-viewport-height': viewport.height + 'px'
|
|
65
65
|
};
|
|
66
|
-
let wrapperClassName = (0, $3XF9U$classNames)((0, ($parcel$interopDefault($3XF9U$tray_vars_cssmodulejs))),
|
|
67
|
-
let className = (0, $3XF9U$classNames)((0, ($parcel$interopDefault($3XF9U$tray_vars_cssmodulejs))),
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
}, (0, $3XF9U$classNames)((0, ($parcel$interopDefault($3XF9U$overlays_cssmodulejs))),
|
|
66
|
+
let wrapperClassName = (0, $3XF9U$classNames)((0, ($parcel$interopDefault($3XF9U$tray_vars_cssmodulejs))), 'spectrum-Tray-wrapper');
|
|
67
|
+
let className = (0, $3XF9U$classNames)((0, ($parcel$interopDefault($3XF9U$tray_vars_cssmodulejs))), 'spectrum-Tray', {
|
|
68
|
+
'is-open': isOpen,
|
|
69
|
+
'spectrum-Tray--fixedHeight': isFixedHeight
|
|
70
|
+
}, (0, $3XF9U$classNames)((0, ($parcel$interopDefault($3XF9U$overlays_cssmodulejs))), 'spectrum-Tray', 'react-spectrum-Tray'), styleProps.className);
|
|
71
71
|
// Attach Transition's nodeRef to outer most wrapper for node.reflow: https://github.com/reactjs/react-transition-group/blob/c89f807067b32eea6f68fd6c622190d88ced82e2/src/Transition.js#L231
|
|
72
72
|
return /*#__PURE__*/ (0, $3XF9U$react).createElement("div", {
|
|
73
73
|
ref: wrapperRef
|
|
@@ -93,4 +93,4 @@ let $1afc87f3d16a5a1c$export$4589ed81930b555c = /*#__PURE__*/ (0, $3XF9U$forward
|
|
|
93
93
|
|
|
94
94
|
|
|
95
95
|
export {$1afc87f3d16a5a1c$export$4589ed81930b555c as Tray};
|
|
96
|
-
//# sourceMappingURL=Tray.
|
|
96
|
+
//# sourceMappingURL=Tray.module.js.map
|
package/dist/Tray.module.js
CHANGED
|
@@ -61,13 +61,13 @@ let $1afc87f3d16a5a1c$var$TrayWrapper = /*#__PURE__*/ (0, $3XF9U$forwardRef)(fun
|
|
|
61
61
|
// is up, so use the VisualViewport API to ensure the tray is displayed above the keyboard.
|
|
62
62
|
let viewport = (0, $3XF9U$useViewportSize)();
|
|
63
63
|
let wrapperStyle = {
|
|
64
|
-
|
|
64
|
+
'--spectrum-visual-viewport-height': viewport.height + 'px'
|
|
65
65
|
};
|
|
66
|
-
let wrapperClassName = (0, $3XF9U$classNames)((0, ($parcel$interopDefault($3XF9U$tray_vars_cssmodulejs))),
|
|
67
|
-
let className = (0, $3XF9U$classNames)((0, ($parcel$interopDefault($3XF9U$tray_vars_cssmodulejs))),
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
}, (0, $3XF9U$classNames)((0, ($parcel$interopDefault($3XF9U$overlays_cssmodulejs))),
|
|
66
|
+
let wrapperClassName = (0, $3XF9U$classNames)((0, ($parcel$interopDefault($3XF9U$tray_vars_cssmodulejs))), 'spectrum-Tray-wrapper');
|
|
67
|
+
let className = (0, $3XF9U$classNames)((0, ($parcel$interopDefault($3XF9U$tray_vars_cssmodulejs))), 'spectrum-Tray', {
|
|
68
|
+
'is-open': isOpen,
|
|
69
|
+
'spectrum-Tray--fixedHeight': isFixedHeight
|
|
70
|
+
}, (0, $3XF9U$classNames)((0, ($parcel$interopDefault($3XF9U$overlays_cssmodulejs))), 'spectrum-Tray', 'react-spectrum-Tray'), styleProps.className);
|
|
71
71
|
// Attach Transition's nodeRef to outer most wrapper for node.reflow: https://github.com/reactjs/react-transition-group/blob/c89f807067b32eea6f68fd6c622190d88ced82e2/src/Transition.js#L231
|
|
72
72
|
return /*#__PURE__*/ (0, $3XF9U$react).createElement("div", {
|
|
73
73
|
ref: wrapperRef
|
package/dist/Underlay.main.js
CHANGED
|
@@ -30,9 +30,9 @@ function $b900e75089bdd9cd$export$f360afc887607b02({ isOpen: isOpen, isTranspare
|
|
|
30
30
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($hjXq7$react))).createElement("div", {
|
|
31
31
|
"data-testid": "underlay",
|
|
32
32
|
...otherProps,
|
|
33
|
-
className: (0, $hjXq7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($42908e91b4c5f428$exports))),
|
|
34
|
-
|
|
35
|
-
|
|
33
|
+
className: (0, $hjXq7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($42908e91b4c5f428$exports))), 'spectrum-Underlay', {
|
|
34
|
+
'is-open': isOpen,
|
|
35
|
+
'spectrum-Underlay--transparent': isTransparent
|
|
36
36
|
})
|
|
37
37
|
});
|
|
38
38
|
}
|
package/dist/Underlay.mjs
CHANGED
|
@@ -24,13 +24,13 @@ function $76a452f4e3df11be$export$f360afc887607b02({ isOpen: isOpen, isTranspare
|
|
|
24
24
|
return /*#__PURE__*/ (0, $j2iDu$react).createElement("div", {
|
|
25
25
|
"data-testid": "underlay",
|
|
26
26
|
...otherProps,
|
|
27
|
-
className: (0, $j2iDu$classNames)((0, ($parcel$interopDefault($j2iDu$underlay_vars_cssmodulejs))),
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
className: (0, $j2iDu$classNames)((0, ($parcel$interopDefault($j2iDu$underlay_vars_cssmodulejs))), 'spectrum-Underlay', {
|
|
28
|
+
'is-open': isOpen,
|
|
29
|
+
'spectrum-Underlay--transparent': isTransparent
|
|
30
30
|
})
|
|
31
31
|
});
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
|
|
35
35
|
export {$76a452f4e3df11be$export$f360afc887607b02 as Underlay};
|
|
36
|
-
//# sourceMappingURL=Underlay.
|
|
36
|
+
//# sourceMappingURL=Underlay.module.js.map
|
package/dist/Underlay.module.js
CHANGED
|
@@ -24,9 +24,9 @@ function $76a452f4e3df11be$export$f360afc887607b02({ isOpen: isOpen, isTranspare
|
|
|
24
24
|
return /*#__PURE__*/ (0, $j2iDu$react).createElement("div", {
|
|
25
25
|
"data-testid": "underlay",
|
|
26
26
|
...otherProps,
|
|
27
|
-
className: (0, $j2iDu$classNames)((0, ($parcel$interopDefault($j2iDu$underlay_vars_cssmodulejs))),
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
className: (0, $j2iDu$classNames)((0, ($parcel$interopDefault($j2iDu$underlay_vars_cssmodulejs))), 'spectrum-Underlay', {
|
|
28
|
+
'is-open': isOpen,
|
|
29
|
+
'spectrum-Underlay--transparent': isTransparent
|
|
30
30
|
})
|
|
31
31
|
});
|
|
32
32
|
}
|
package/dist/modal_vars_css.mjs
CHANGED
package/dist/overlays_css.mjs
CHANGED
package/dist/tray_vars_css.mjs
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/overlays",
|
|
3
|
-
"version": "5.6.
|
|
3
|
+
"version": "5.6.1",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -36,13 +36,13 @@
|
|
|
36
36
|
"url": "https://github.com/adobe/react-spectrum"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@react-aria/interactions": "^3.21.
|
|
40
|
-
"@react-aria/overlays": "^3.22.
|
|
41
|
-
"@react-aria/utils": "^3.24.
|
|
42
|
-
"@react-spectrum/utils": "^3.11.
|
|
43
|
-
"@react-stately/overlays": "^3.6.
|
|
44
|
-
"@react-types/overlays": "^3.8.
|
|
45
|
-
"@react-types/shared": "^3.23.
|
|
39
|
+
"@react-aria/interactions": "^3.21.3",
|
|
40
|
+
"@react-aria/overlays": "^3.22.1",
|
|
41
|
+
"@react-aria/utils": "^3.24.1",
|
|
42
|
+
"@react-spectrum/utils": "^3.11.7",
|
|
43
|
+
"@react-stately/overlays": "^3.6.7",
|
|
44
|
+
"@react-types/overlays": "^3.8.7",
|
|
45
|
+
"@react-types/shared": "^3.23.1",
|
|
46
46
|
"@swc/helpers": "^0.5.0",
|
|
47
47
|
"react-transition-group": "^4.4.5"
|
|
48
48
|
},
|
|
@@ -57,5 +57,5 @@
|
|
|
57
57
|
"publishConfig": {
|
|
58
58
|
"access": "public"
|
|
59
59
|
},
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "b77d7d594dff4dcfb5359bffbcfd18142b146433"
|
|
61
61
|
}
|