@pingux/astro 1.25.2-alpha.0 → 1.25.2
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.
|
@@ -30,7 +30,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
30
30
|
|
|
31
31
|
var _focus = require("@react-aria/focus");
|
|
32
32
|
|
|
33
|
-
var
|
|
33
|
+
var _ = require("../../");
|
|
34
34
|
|
|
35
35
|
var _hooks = require("../../hooks");
|
|
36
36
|
|
|
@@ -46,6 +46,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
46
46
|
|
|
47
47
|
/**
|
|
48
48
|
* In Astro, side panels are used to show details and present modal interactions.
|
|
49
|
+
*
|
|
50
|
+
* Note: The way the OverlayPanel displays in the Firefox browser differs from other browsers.
|
|
51
|
+
* This is a Storybook only issue and will not effect the way it works in your app. Be sure to
|
|
52
|
+
* use Chrome or Safari to view how this component works.
|
|
49
53
|
*/
|
|
50
54
|
var OverlayPanel = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
51
55
|
var _props$sx;
|
|
@@ -84,13 +88,13 @@ var OverlayPanel = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
84
88
|
|
|
85
89
|
return (0, _react2.jsx)(_focus.FocusScope, {
|
|
86
90
|
autoFocus: true
|
|
87
|
-
}, (0, _react2.jsx)(
|
|
91
|
+
}, (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
|
|
88
92
|
variant: "overlayPanel.overlayPanel",
|
|
89
93
|
ref: overlayPanelRef
|
|
90
94
|
}, others, {
|
|
91
95
|
className: classNames,
|
|
92
96
|
onKeyUp: handleClose
|
|
93
|
-
}), (0, _react2.jsx)(
|
|
97
|
+
}), (0, _react2.jsx)(_.Box, {
|
|
94
98
|
variant: "overlayPanel.overlayPanelBody",
|
|
95
99
|
className: classNames
|
|
96
100
|
}, children)));
|
|
@@ -6,11 +6,15 @@ var _excluded = ["children", "isOpen", "onClose", "className", "state", "size",
|
|
|
6
6
|
import React, { forwardRef, useRef, useImperativeHandle } from 'react';
|
|
7
7
|
import PropTypes from 'prop-types';
|
|
8
8
|
import { FocusScope } from '@react-aria/focus';
|
|
9
|
-
import Box from '
|
|
9
|
+
import { Box } from '../../';
|
|
10
10
|
import { useStatusClasses, useOverlayPanelState } from '../../hooks';
|
|
11
11
|
import { panelSizes } from '../../utils/devUtils/constants/panelSizes';
|
|
12
12
|
/**
|
|
13
13
|
* In Astro, side panels are used to show details and present modal interactions.
|
|
14
|
+
*
|
|
15
|
+
* Note: The way the OverlayPanel displays in the Firefox browser differs from other browsers.
|
|
16
|
+
* This is a Storybook only issue and will not effect the way it works in your app. Be sure to
|
|
17
|
+
* use Chrome or Safari to view how this component works.
|
|
14
18
|
*/
|
|
15
19
|
|
|
16
20
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|