@flodesk/grain 9.1.6 → 9.2.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/es/components/modal.js +43 -16
- package/package.json +1 -1
package/es/components/modal.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import "core-js/modules/es.object.keys.js";
|
|
2
2
|
import "core-js/modules/es.array.index-of.js";
|
|
3
3
|
import "core-js/modules/es.object.assign.js";
|
|
4
|
-
var _excluded = ["cardPadding", "cardMaxWidth", "children", "onCloseClick", "closeButtonProps"],
|
|
4
|
+
var _excluded = ["cardPadding", "cardMaxWidth", "cardMaxHeight", "cardRadius", "cardHeight", "children", "onCloseClick", "closeButtonProps", "hasOnClose"],
|
|
5
5
|
_excluded2 = ["children"],
|
|
6
6
|
_excluded3 = ["children"],
|
|
7
|
-
_excluded4 = ["children", "zIndex"],
|
|
7
|
+
_excluded4 = ["children", "zIndex", "paddingX"],
|
|
8
8
|
_excluded5 = ["children"],
|
|
9
|
-
_excluded6 = ["isOpen", "children", "onClose", "title", "description", "cardPadding", "cardMaxWidth", "zIndex", "initialFocus", "returnFocus", "closeButtonProps"];
|
|
9
|
+
_excluded6 = ["isOpen", "children", "onClose", "title", "description", "paddingX", "cardPadding", "cardMaxWidth", "cardMaxHeight", "cardHeight", "cardRadius", "zIndex", "initialFocus", "returnFocus", "closeButtonProps"];
|
|
10
10
|
import "core-js/modules/es.symbol.js";
|
|
11
11
|
import "core-js/modules/es.symbol.description.js";
|
|
12
12
|
|
|
@@ -23,7 +23,7 @@ import React, { Fragment, forwardRef } from 'react';
|
|
|
23
23
|
import { Dialog, Transition } from '@headlessui/react';
|
|
24
24
|
import { Box } from './box';
|
|
25
25
|
import { Text } from './text';
|
|
26
|
-
import { getTransition } from '../utilities';
|
|
26
|
+
import { getSpace, getTransition } from '../utilities';
|
|
27
27
|
import { css } from '@emotion/react';
|
|
28
28
|
import { IconButton } from './icon-button';
|
|
29
29
|
import { IconCross } from '../icons';
|
|
@@ -33,26 +33,31 @@ var modalZIndex = 1099;
|
|
|
33
33
|
var ModalCard = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
34
34
|
var cardPadding = _ref3.cardPadding,
|
|
35
35
|
cardMaxWidth = _ref3.cardMaxWidth,
|
|
36
|
+
cardMaxHeight = _ref3.cardMaxHeight,
|
|
37
|
+
cardRadius = _ref3.cardRadius,
|
|
38
|
+
cardHeight = _ref3.cardHeight,
|
|
36
39
|
children = _ref3.children,
|
|
37
40
|
onCloseClick = _ref3.onCloseClick,
|
|
38
41
|
closeButtonProps = _ref3.closeButtonProps,
|
|
42
|
+
hasOnClose = _ref3.hasOnClose,
|
|
39
43
|
props = _objectWithoutProperties(_ref3, _excluded);
|
|
40
44
|
|
|
41
45
|
return ___EmotionJSX(Box, _extends({
|
|
42
46
|
maxWidth: cardMaxWidth,
|
|
43
47
|
width: "100%",
|
|
44
48
|
position: "relative",
|
|
45
|
-
radius:
|
|
49
|
+
radius: cardRadius,
|
|
46
50
|
overflow: "hidden",
|
|
47
51
|
ref: ref,
|
|
48
52
|
backgroundColor: "floatingBackground",
|
|
49
53
|
shadow: "l"
|
|
50
54
|
}, props), ___EmotionJSX(Box, {
|
|
51
55
|
overflow: "auto",
|
|
52
|
-
maxHeight:
|
|
56
|
+
maxHeight: cardMaxHeight,
|
|
57
|
+
height: cardHeight
|
|
53
58
|
}, ___EmotionJSX(Box, {
|
|
54
59
|
padding: cardPadding
|
|
55
|
-
}, children)), ___EmotionJSX(Box, {
|
|
60
|
+
}, children)), hasOnClose && ___EmotionJSX(Box, {
|
|
56
61
|
position: "absolute",
|
|
57
62
|
right: "xs",
|
|
58
63
|
top: "xs"
|
|
@@ -68,7 +73,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
|
68
73
|
} : {
|
|
69
74
|
name: "xkiag4-Title",
|
|
70
75
|
styles: "margin:0;label:Title;",
|
|
71
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
76
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RFkiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbW9kYWwuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERpYWxvZywgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4vYm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuL3RleHQnO1xuaW1wb3J0IHsgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJy4vaWNvbi1idXR0b24nO1xuaW1wb3J0IHsgSWNvbkNyb3NzIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IG1vZGFsWkluZGV4ID0gMTA5OTtcblxuY29uc3QgTW9kYWxDYXJkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNhcmRQYWRkaW5nLFxuICAgICAgY2FyZE1heFdpZHRoLFxuICAgICAgY2FyZE1heEhlaWdodCxcbiAgICAgIGNhcmRSYWRpdXMsXG4gICAgICBjYXJkSGVpZ2h0LFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBvbkNsb3NlQ2xpY2ssXG4gICAgICBjbG9zZUJ1dHRvblByb3BzLFxuICAgICAgaGFzT25DbG9zZSxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8Qm94XG4gICAgICAgIG1heFdpZHRoPXtjYXJkTWF4V2lkdGh9XG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgICByYWRpdXM9e2NhcmRSYWRpdXN9XG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGJhY2tncm91bmRDb2xvcj1cImZsb2F0aW5nQmFja2dyb3VuZFwiXG4gICAgICAgIHNoYWRvdz1cImxcIlxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIDxCb3ggb3ZlcmZsb3c9XCJhdXRvXCIgbWF4SGVpZ2h0PXtjYXJkTWF4SGVpZ2h0fSBoZWlnaHQ9e2NhcmRIZWlnaHR9PlxuICAgICAgICAgIDxCb3ggcGFkZGluZz17Y2FyZFBhZGRpbmd9PntjaGlsZHJlbn08L0JveD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIHtoYXNPbkNsb3NlICYmIChcbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiByaWdodD1cInhzXCIgdG9wPVwieHNcIj5cbiAgICAgICAgICAgIDxJY29uQnV0dG9uIGljb249ezxJY29uQ3Jvc3MgLz59IG9uQ2xpY2s9e29uQ2xvc2VDbGlja30gey4uLmNsb3NlQnV0dG9uUHJvcHN9IC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICA8L0JveD5cbiAgICApO1xuICB9LFxuKTtcblxuY29uc3QgVGl0bGUgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRleHRcbiAgICB0YWc9XCJoM1wiXG4gICAgcmVmPXtyZWZ9XG4gICAgc2l6ZT1cInhsXCJcbiAgICB3ZWlnaHQ9XCJtZWRpdW1cIlxuICAgIHRyaW1Ub3BcbiAgICBjc3M9e2Nzc2BcbiAgICAgIG1hcmdpbjogMDtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKSk7XG5cbmNvbnN0IERlc2NyaXB0aW9uID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUZXh0XG4gICAgdGFnPVwicFwiXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBtYXJnaW46IDA7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvVGV4dD5cbikpO1xuXG5jb25zdCBSb290ID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgekluZGV4LCBwYWRkaW5nWCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxkaXZcbiAgICByZWY9e3JlZn1cbiAgICBjbGFzc05hbWU9XCJncm4tY29udGV4dFwiXG4gICAgY3NzPXtjc3NgXG4gICAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgICBwYWRkaW5nLWxlZnQ6ICR7Z2V0U3BhY2UocGFkZGluZ1gpfTtcbiAgICAgIHBhZGRpbmctcmlnaHQ6ICR7Z2V0U3BhY2UocGFkZGluZ1gpfTtcbiAgICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICBwbGFjZS1pdGVtczogY2VudGVyO1xuICAgICAgLmxlYXZlVG8sXG4gICAgICAuZW50ZXJGcm9tIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgIH1cbiAgICAgIC5lbnRlclRvLFxuICAgICAgLmxlYXZlVG8ge1xuICAgICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gICAgICB9XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvZGl2PlxuKSk7XG5cbmNvbnN0IEJhY2tkcm9wID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxCb3hcbiAgICByZWY9e3JlZn1cbiAgICBwb3NpdGlvbj1cImZpeGVkXCJcbiAgICB0b3A9XCIwXCJcbiAgICBsZWZ0PVwiMFwiXG4gICAgd2lkdGg9XCIxMDAlXCJcbiAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICBiYWNrZ3JvdW5kQ29sb3I9XCJiYWNrZHJvcFwiXG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L0JveD5cbikpO1xuXG5jb25zdCB0cmFuc2l0aW9uQ2hpbGRQcm9wcyA9IHtcbiAgZW50ZXI6ICdlbnRlcicsXG4gIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gIGVudGVyVG86ICdlbnRlclRvJyxcbiAgbGVhdmU6ICdsZWF2ZScsXG4gIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gIGxlYXZlVG86ICdsZWF2ZVRvJyxcbn07XG5cbmV4cG9ydCBjb25zdCBNb2RhbCA9ICh7XG4gIGlzT3BlbixcbiAgY2hpbGRyZW4sXG4gIG9uQ2xvc2UsXG4gIHRpdGxlLFxuICBkZXNjcmlwdGlvbixcbiAgcGFkZGluZ1ggPSAnbCcsXG4gIGNhcmRQYWRkaW5nID0gJ3hsJyxcbiAgY2FyZE1heFdpZHRoID0gNjgsXG4gIGNhcmRNYXhIZWlnaHQgPSAnOTB2aCcsXG4gIGNhcmRIZWlnaHQsXG4gIGNhcmRSYWRpdXMgPSAnbCcsXG4gIHpJbmRleCA9IG1vZGFsWkluZGV4LFxuICBpbml0aWFsRm9jdXMsXG4gIHJldHVybkZvY3VzLFxuICBjbG9zZUJ1dHRvblByb3BzLFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICBjb25zdCBoYXNPbkNsb3NlID0gQm9vbGVhbihvbkNsb3NlKTtcbiAgY29uc3QgaGFzQmFja2Ryb3AgPSBjYXJkSGVpZ2h0ICE9PSAnMTAwdmgnO1xuXG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gKCkgPT4ge1xuICAgIGlmIChoYXNPbkNsb3NlKSB7XG4gICAgICBvbkNsb3NlKCk7XG4gICAgfVxuICAgIGlmIChyZXR1cm5Gb2N1cykge1xuICAgICAgcmV0dXJuRm9jdXMuZm9jdXMoKTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8VHJhbnNpdGlvbiBhcHBlYXIgc2hvdz17aXNPcGVufSBhcz17RnJhZ21lbnR9PlxuICAgICAgPERpYWxvZ1xuICAgICAgICBhcz17Um9vdH1cbiAgICAgICAgb25DbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICAgIHpJbmRleD17ekluZGV4fVxuICAgICAgICBpbml0aWFsRm9jdXM9e2luaXRpYWxGb2N1c31cbiAgICAgICAgcGFkZGluZ1g9e3BhZGRpbmdYfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtoYXNCYWNrZHJvcCAmJiA8VHJhbnNpdGlvbi5DaGlsZCBhcz17QmFja2Ryb3B9IHsuLi50cmFuc2l0aW9uQ2hpbGRQcm9wc30gLz59XG5cbiAgICAgICAgPFRyYW5zaXRpb24uQ2hpbGQgYXM9e0ZyYWdtZW50fSB7Li4udHJhbnNpdGlvbkNoaWxkUHJvcHN9PlxuICAgICAgICAgIDxEaWFsb2cuUGFuZWxcbiAgICAgICAgICAgIGFzPXtNb2RhbENhcmR9XG4gICAgICAgICAgICBvbkNsb3NlQ2xpY2s9e29uQ2xvc2V9XG4gICAgICAgICAgICBjYXJkUGFkZGluZz17Y2FyZFBhZGRpbmd9XG4gICAgICAgICAgICBjYXJkTWF4V2lkdGg9e2NhcmRNYXhXaWR0aH1cbiAgICAgICAgICAgIGNhcmRNYXhIZWlnaHQ9e2NhcmRNYXhIZWlnaHR9XG4gICAgICAgICAgICBjYXJkSGVpZ2h0PXtjYXJkSGVpZ2h0fVxuICAgICAgICAgICAgY2xvc2VCdXR0b25Qcm9wcz17Y2xvc2VCdXR0b25Qcm9wc31cbiAgICAgICAgICAgIGhhc09uQ2xvc2U9e2hhc09uQ2xvc2V9XG4gICAgICAgICAgICBjYXJkUmFkaXVzPXtjYXJkUmFkaXVzfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHt0aXRsZSAmJiA8RGlhbG9nLlRpdGxlIGFzPXtUaXRsZX0+e3RpdGxlfTwvRGlhbG9nLlRpdGxlPn1cbiAgICAgICAgICAgIHtkZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICAgIDxCb3ggbWFyZ2luVG9wPVwic1wiPlxuICAgICAgICAgICAgICAgIDxEaWFsb2cuRGVzY3JpcHRpb24gYXM9e0Rlc2NyaXB0aW9ufT57ZGVzY3JpcHRpb259PC9EaWFsb2cuRGVzY3JpcHRpb24+XG4gICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L0RpYWxvZy5QYW5lbD5cbiAgICAgICAgPC9UcmFuc2l0aW9uLkNoaWxkPlxuICAgICAgPC9EaWFsb2c+XG4gICAgPC9UcmFuc2l0aW9uPlxuICApO1xufTtcblxuTW9kYWwuVGl0bGUgPSBUaXRsZTtcblxuTW9kYWwucHJvcFR5cGVzID0ge1xuICBpc09wZW46IFByb3BUeXBlcy5ib29sLFxuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIG9uQ2xvc2U6IFByb3BUeXBlcy5mdW5jLFxuICB0aXRsZTogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm5vZGVdKSxcbiAgZGVzY3JpcHRpb246IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5ub2RlXSksXG4gIGNhcmRQYWRkaW5nOiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRNYXhXaWR0aDogdHlwZXMuZGltZW5zaW9uLFxuICBjYXJkSGVpZ2h0OiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRNYXhIZWlnaHQ6IHR5cGVzLmRpbWVuc2lvbixcbiAgY2FyZFJhZGl1czogdHlwZXMucmFkaXVzLFxuICB6SW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgaW5pdGlhbEZvY3VzOiBQcm9wVHlwZXMubm9kZSxcbiAgcmV0dXJuRm9jdXM6IFByb3BUeXBlcy5ub2RlLFxuICBjbG9zZUJ1dHRvblByb3BzOiBQcm9wVHlwZXMub2JqZWN0LFxuICBwYWRkaW5nWDogdHlwZXMuZGltZW5zaW9uLFxufTtcbiJdfQ== */",
|
|
72
77
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
73
78
|
};
|
|
74
79
|
|
|
@@ -92,7 +97,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
92
97
|
} : {
|
|
93
98
|
name: "1jup6sr-Description",
|
|
94
99
|
styles: "margin:0;label:Description;",
|
|
95
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
100
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRVkiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbW9kYWwuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERpYWxvZywgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4vYm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuL3RleHQnO1xuaW1wb3J0IHsgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJy4vaWNvbi1idXR0b24nO1xuaW1wb3J0IHsgSWNvbkNyb3NzIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IG1vZGFsWkluZGV4ID0gMTA5OTtcblxuY29uc3QgTW9kYWxDYXJkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNhcmRQYWRkaW5nLFxuICAgICAgY2FyZE1heFdpZHRoLFxuICAgICAgY2FyZE1heEhlaWdodCxcbiAgICAgIGNhcmRSYWRpdXMsXG4gICAgICBjYXJkSGVpZ2h0LFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBvbkNsb3NlQ2xpY2ssXG4gICAgICBjbG9zZUJ1dHRvblByb3BzLFxuICAgICAgaGFzT25DbG9zZSxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8Qm94XG4gICAgICAgIG1heFdpZHRoPXtjYXJkTWF4V2lkdGh9XG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgICByYWRpdXM9e2NhcmRSYWRpdXN9XG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGJhY2tncm91bmRDb2xvcj1cImZsb2F0aW5nQmFja2dyb3VuZFwiXG4gICAgICAgIHNoYWRvdz1cImxcIlxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIDxCb3ggb3ZlcmZsb3c9XCJhdXRvXCIgbWF4SGVpZ2h0PXtjYXJkTWF4SGVpZ2h0fSBoZWlnaHQ9e2NhcmRIZWlnaHR9PlxuICAgICAgICAgIDxCb3ggcGFkZGluZz17Y2FyZFBhZGRpbmd9PntjaGlsZHJlbn08L0JveD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIHtoYXNPbkNsb3NlICYmIChcbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiByaWdodD1cInhzXCIgdG9wPVwieHNcIj5cbiAgICAgICAgICAgIDxJY29uQnV0dG9uIGljb249ezxJY29uQ3Jvc3MgLz59IG9uQ2xpY2s9e29uQ2xvc2VDbGlja30gey4uLmNsb3NlQnV0dG9uUHJvcHN9IC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICA8L0JveD5cbiAgICApO1xuICB9LFxuKTtcblxuY29uc3QgVGl0bGUgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRleHRcbiAgICB0YWc9XCJoM1wiXG4gICAgcmVmPXtyZWZ9XG4gICAgc2l6ZT1cInhsXCJcbiAgICB3ZWlnaHQ9XCJtZWRpdW1cIlxuICAgIHRyaW1Ub3BcbiAgICBjc3M9e2Nzc2BcbiAgICAgIG1hcmdpbjogMDtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKSk7XG5cbmNvbnN0IERlc2NyaXB0aW9uID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUZXh0XG4gICAgdGFnPVwicFwiXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBtYXJnaW46IDA7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvVGV4dD5cbikpO1xuXG5jb25zdCBSb290ID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgekluZGV4LCBwYWRkaW5nWCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxkaXZcbiAgICByZWY9e3JlZn1cbiAgICBjbGFzc05hbWU9XCJncm4tY29udGV4dFwiXG4gICAgY3NzPXtjc3NgXG4gICAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgICBwYWRkaW5nLWxlZnQ6ICR7Z2V0U3BhY2UocGFkZGluZ1gpfTtcbiAgICAgIHBhZGRpbmctcmlnaHQ6ICR7Z2V0U3BhY2UocGFkZGluZ1gpfTtcbiAgICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICBwbGFjZS1pdGVtczogY2VudGVyO1xuICAgICAgLmxlYXZlVG8sXG4gICAgICAuZW50ZXJGcm9tIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgIH1cbiAgICAgIC5lbnRlclRvLFxuICAgICAgLmxlYXZlVG8ge1xuICAgICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gICAgICB9XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvZGl2PlxuKSk7XG5cbmNvbnN0IEJhY2tkcm9wID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxCb3hcbiAgICByZWY9e3JlZn1cbiAgICBwb3NpdGlvbj1cImZpeGVkXCJcbiAgICB0b3A9XCIwXCJcbiAgICBsZWZ0PVwiMFwiXG4gICAgd2lkdGg9XCIxMDAlXCJcbiAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICBiYWNrZ3JvdW5kQ29sb3I9XCJiYWNrZHJvcFwiXG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L0JveD5cbikpO1xuXG5jb25zdCB0cmFuc2l0aW9uQ2hpbGRQcm9wcyA9IHtcbiAgZW50ZXI6ICdlbnRlcicsXG4gIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gIGVudGVyVG86ICdlbnRlclRvJyxcbiAgbGVhdmU6ICdsZWF2ZScsXG4gIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gIGxlYXZlVG86ICdsZWF2ZVRvJyxcbn07XG5cbmV4cG9ydCBjb25zdCBNb2RhbCA9ICh7XG4gIGlzT3BlbixcbiAgY2hpbGRyZW4sXG4gIG9uQ2xvc2UsXG4gIHRpdGxlLFxuICBkZXNjcmlwdGlvbixcbiAgcGFkZGluZ1ggPSAnbCcsXG4gIGNhcmRQYWRkaW5nID0gJ3hsJyxcbiAgY2FyZE1heFdpZHRoID0gNjgsXG4gIGNhcmRNYXhIZWlnaHQgPSAnOTB2aCcsXG4gIGNhcmRIZWlnaHQsXG4gIGNhcmRSYWRpdXMgPSAnbCcsXG4gIHpJbmRleCA9IG1vZGFsWkluZGV4LFxuICBpbml0aWFsRm9jdXMsXG4gIHJldHVybkZvY3VzLFxuICBjbG9zZUJ1dHRvblByb3BzLFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICBjb25zdCBoYXNPbkNsb3NlID0gQm9vbGVhbihvbkNsb3NlKTtcbiAgY29uc3QgaGFzQmFja2Ryb3AgPSBjYXJkSGVpZ2h0ICE9PSAnMTAwdmgnO1xuXG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gKCkgPT4ge1xuICAgIGlmIChoYXNPbkNsb3NlKSB7XG4gICAgICBvbkNsb3NlKCk7XG4gICAgfVxuICAgIGlmIChyZXR1cm5Gb2N1cykge1xuICAgICAgcmV0dXJuRm9jdXMuZm9jdXMoKTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8VHJhbnNpdGlvbiBhcHBlYXIgc2hvdz17aXNPcGVufSBhcz17RnJhZ21lbnR9PlxuICAgICAgPERpYWxvZ1xuICAgICAgICBhcz17Um9vdH1cbiAgICAgICAgb25DbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICAgIHpJbmRleD17ekluZGV4fVxuICAgICAgICBpbml0aWFsRm9jdXM9e2luaXRpYWxGb2N1c31cbiAgICAgICAgcGFkZGluZ1g9e3BhZGRpbmdYfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtoYXNCYWNrZHJvcCAmJiA8VHJhbnNpdGlvbi5DaGlsZCBhcz17QmFja2Ryb3B9IHsuLi50cmFuc2l0aW9uQ2hpbGRQcm9wc30gLz59XG5cbiAgICAgICAgPFRyYW5zaXRpb24uQ2hpbGQgYXM9e0ZyYWdtZW50fSB7Li4udHJhbnNpdGlvbkNoaWxkUHJvcHN9PlxuICAgICAgICAgIDxEaWFsb2cuUGFuZWxcbiAgICAgICAgICAgIGFzPXtNb2RhbENhcmR9XG4gICAgICAgICAgICBvbkNsb3NlQ2xpY2s9e29uQ2xvc2V9XG4gICAgICAgICAgICBjYXJkUGFkZGluZz17Y2FyZFBhZGRpbmd9XG4gICAgICAgICAgICBjYXJkTWF4V2lkdGg9e2NhcmRNYXhXaWR0aH1cbiAgICAgICAgICAgIGNhcmRNYXhIZWlnaHQ9e2NhcmRNYXhIZWlnaHR9XG4gICAgICAgICAgICBjYXJkSGVpZ2h0PXtjYXJkSGVpZ2h0fVxuICAgICAgICAgICAgY2xvc2VCdXR0b25Qcm9wcz17Y2xvc2VCdXR0b25Qcm9wc31cbiAgICAgICAgICAgIGhhc09uQ2xvc2U9e2hhc09uQ2xvc2V9XG4gICAgICAgICAgICBjYXJkUmFkaXVzPXtjYXJkUmFkaXVzfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHt0aXRsZSAmJiA8RGlhbG9nLlRpdGxlIGFzPXtUaXRsZX0+e3RpdGxlfTwvRGlhbG9nLlRpdGxlPn1cbiAgICAgICAgICAgIHtkZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICAgIDxCb3ggbWFyZ2luVG9wPVwic1wiPlxuICAgICAgICAgICAgICAgIDxEaWFsb2cuRGVzY3JpcHRpb24gYXM9e0Rlc2NyaXB0aW9ufT57ZGVzY3JpcHRpb259PC9EaWFsb2cuRGVzY3JpcHRpb24+XG4gICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L0RpYWxvZy5QYW5lbD5cbiAgICAgICAgPC9UcmFuc2l0aW9uLkNoaWxkPlxuICAgICAgPC9EaWFsb2c+XG4gICAgPC9UcmFuc2l0aW9uPlxuICApO1xufTtcblxuTW9kYWwuVGl0bGUgPSBUaXRsZTtcblxuTW9kYWwucHJvcFR5cGVzID0ge1xuICBpc09wZW46IFByb3BUeXBlcy5ib29sLFxuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIG9uQ2xvc2U6IFByb3BUeXBlcy5mdW5jLFxuICB0aXRsZTogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm5vZGVdKSxcbiAgZGVzY3JpcHRpb246IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5ub2RlXSksXG4gIGNhcmRQYWRkaW5nOiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRNYXhXaWR0aDogdHlwZXMuZGltZW5zaW9uLFxuICBjYXJkSGVpZ2h0OiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRNYXhIZWlnaHQ6IHR5cGVzLmRpbWVuc2lvbixcbiAgY2FyZFJhZGl1czogdHlwZXMucmFkaXVzLFxuICB6SW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgaW5pdGlhbEZvY3VzOiBQcm9wVHlwZXMubm9kZSxcbiAgcmV0dXJuRm9jdXM6IFByb3BUeXBlcy5ub2RlLFxuICBjbG9zZUJ1dHRvblByb3BzOiBQcm9wVHlwZXMub2JqZWN0LFxuICBwYWRkaW5nWDogdHlwZXMuZGltZW5zaW9uLFxufTtcbiJdfQ== */",
|
|
96
101
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
97
102
|
};
|
|
98
103
|
|
|
@@ -109,12 +114,13 @@ var Description = /*#__PURE__*/forwardRef(function (_ref5, ref) {
|
|
|
109
114
|
var Root = /*#__PURE__*/forwardRef(function (_ref6, ref) {
|
|
110
115
|
var children = _ref6.children,
|
|
111
116
|
zIndex = _ref6.zIndex,
|
|
117
|
+
paddingX = _ref6.paddingX,
|
|
112
118
|
props = _objectWithoutProperties(_ref6, _excluded4);
|
|
113
119
|
|
|
114
120
|
return ___EmotionJSX("div", _extends({
|
|
115
121
|
ref: ref,
|
|
116
122
|
className: "grn-context",
|
|
117
|
-
css: /*#__PURE__*/css("z-index:", zIndex, ";padding:
|
|
123
|
+
css: /*#__PURE__*/css("z-index:", zIndex, ";padding-left:", getSpace(paddingX), ";padding-right:", getSpace(paddingX), ";position:fixed;top:0;left:0;width:100%;height:100%;display:grid;place-items:center;.leaveTo,.enterFrom{opacity:0;}.enterTo,.leaveTo{transition-duration:", getTransition('fast'), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:Root;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RlkiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbW9kYWwuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERpYWxvZywgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4vYm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuL3RleHQnO1xuaW1wb3J0IHsgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJy4vaWNvbi1idXR0b24nO1xuaW1wb3J0IHsgSWNvbkNyb3NzIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IG1vZGFsWkluZGV4ID0gMTA5OTtcblxuY29uc3QgTW9kYWxDYXJkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNhcmRQYWRkaW5nLFxuICAgICAgY2FyZE1heFdpZHRoLFxuICAgICAgY2FyZE1heEhlaWdodCxcbiAgICAgIGNhcmRSYWRpdXMsXG4gICAgICBjYXJkSGVpZ2h0LFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBvbkNsb3NlQ2xpY2ssXG4gICAgICBjbG9zZUJ1dHRvblByb3BzLFxuICAgICAgaGFzT25DbG9zZSxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8Qm94XG4gICAgICAgIG1heFdpZHRoPXtjYXJkTWF4V2lkdGh9XG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgICByYWRpdXM9e2NhcmRSYWRpdXN9XG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGJhY2tncm91bmRDb2xvcj1cImZsb2F0aW5nQmFja2dyb3VuZFwiXG4gICAgICAgIHNoYWRvdz1cImxcIlxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIDxCb3ggb3ZlcmZsb3c9XCJhdXRvXCIgbWF4SGVpZ2h0PXtjYXJkTWF4SGVpZ2h0fSBoZWlnaHQ9e2NhcmRIZWlnaHR9PlxuICAgICAgICAgIDxCb3ggcGFkZGluZz17Y2FyZFBhZGRpbmd9PntjaGlsZHJlbn08L0JveD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIHtoYXNPbkNsb3NlICYmIChcbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiByaWdodD1cInhzXCIgdG9wPVwieHNcIj5cbiAgICAgICAgICAgIDxJY29uQnV0dG9uIGljb249ezxJY29uQ3Jvc3MgLz59IG9uQ2xpY2s9e29uQ2xvc2VDbGlja30gey4uLmNsb3NlQnV0dG9uUHJvcHN9IC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICA8L0JveD5cbiAgICApO1xuICB9LFxuKTtcblxuY29uc3QgVGl0bGUgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRleHRcbiAgICB0YWc9XCJoM1wiXG4gICAgcmVmPXtyZWZ9XG4gICAgc2l6ZT1cInhsXCJcbiAgICB3ZWlnaHQ9XCJtZWRpdW1cIlxuICAgIHRyaW1Ub3BcbiAgICBjc3M9e2Nzc2BcbiAgICAgIG1hcmdpbjogMDtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKSk7XG5cbmNvbnN0IERlc2NyaXB0aW9uID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUZXh0XG4gICAgdGFnPVwicFwiXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBtYXJnaW46IDA7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvVGV4dD5cbikpO1xuXG5jb25zdCBSb290ID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgekluZGV4LCBwYWRkaW5nWCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxkaXZcbiAgICByZWY9e3JlZn1cbiAgICBjbGFzc05hbWU9XCJncm4tY29udGV4dFwiXG4gICAgY3NzPXtjc3NgXG4gICAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgICBwYWRkaW5nLWxlZnQ6ICR7Z2V0U3BhY2UocGFkZGluZ1gpfTtcbiAgICAgIHBhZGRpbmctcmlnaHQ6ICR7Z2V0U3BhY2UocGFkZGluZ1gpfTtcbiAgICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICBwbGFjZS1pdGVtczogY2VudGVyO1xuICAgICAgLmxlYXZlVG8sXG4gICAgICAuZW50ZXJGcm9tIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgIH1cbiAgICAgIC5lbnRlclRvLFxuICAgICAgLmxlYXZlVG8ge1xuICAgICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gICAgICB9XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvZGl2PlxuKSk7XG5cbmNvbnN0IEJhY2tkcm9wID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxCb3hcbiAgICByZWY9e3JlZn1cbiAgICBwb3NpdGlvbj1cImZpeGVkXCJcbiAgICB0b3A9XCIwXCJcbiAgICBsZWZ0PVwiMFwiXG4gICAgd2lkdGg9XCIxMDAlXCJcbiAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICBiYWNrZ3JvdW5kQ29sb3I9XCJiYWNrZHJvcFwiXG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L0JveD5cbikpO1xuXG5jb25zdCB0cmFuc2l0aW9uQ2hpbGRQcm9wcyA9IHtcbiAgZW50ZXI6ICdlbnRlcicsXG4gIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gIGVudGVyVG86ICdlbnRlclRvJyxcbiAgbGVhdmU6ICdsZWF2ZScsXG4gIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gIGxlYXZlVG86ICdsZWF2ZVRvJyxcbn07XG5cbmV4cG9ydCBjb25zdCBNb2RhbCA9ICh7XG4gIGlzT3BlbixcbiAgY2hpbGRyZW4sXG4gIG9uQ2xvc2UsXG4gIHRpdGxlLFxuICBkZXNjcmlwdGlvbixcbiAgcGFkZGluZ1ggPSAnbCcsXG4gIGNhcmRQYWRkaW5nID0gJ3hsJyxcbiAgY2FyZE1heFdpZHRoID0gNjgsXG4gIGNhcmRNYXhIZWlnaHQgPSAnOTB2aCcsXG4gIGNhcmRIZWlnaHQsXG4gIGNhcmRSYWRpdXMgPSAnbCcsXG4gIHpJbmRleCA9IG1vZGFsWkluZGV4LFxuICBpbml0aWFsRm9jdXMsXG4gIHJldHVybkZvY3VzLFxuICBjbG9zZUJ1dHRvblByb3BzLFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICBjb25zdCBoYXNPbkNsb3NlID0gQm9vbGVhbihvbkNsb3NlKTtcbiAgY29uc3QgaGFzQmFja2Ryb3AgPSBjYXJkSGVpZ2h0ICE9PSAnMTAwdmgnO1xuXG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gKCkgPT4ge1xuICAgIGlmIChoYXNPbkNsb3NlKSB7XG4gICAgICBvbkNsb3NlKCk7XG4gICAgfVxuICAgIGlmIChyZXR1cm5Gb2N1cykge1xuICAgICAgcmV0dXJuRm9jdXMuZm9jdXMoKTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8VHJhbnNpdGlvbiBhcHBlYXIgc2hvdz17aXNPcGVufSBhcz17RnJhZ21lbnR9PlxuICAgICAgPERpYWxvZ1xuICAgICAgICBhcz17Um9vdH1cbiAgICAgICAgb25DbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICAgIHpJbmRleD17ekluZGV4fVxuICAgICAgICBpbml0aWFsRm9jdXM9e2luaXRpYWxGb2N1c31cbiAgICAgICAgcGFkZGluZ1g9e3BhZGRpbmdYfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtoYXNCYWNrZHJvcCAmJiA8VHJhbnNpdGlvbi5DaGlsZCBhcz17QmFja2Ryb3B9IHsuLi50cmFuc2l0aW9uQ2hpbGRQcm9wc30gLz59XG5cbiAgICAgICAgPFRyYW5zaXRpb24uQ2hpbGQgYXM9e0ZyYWdtZW50fSB7Li4udHJhbnNpdGlvbkNoaWxkUHJvcHN9PlxuICAgICAgICAgIDxEaWFsb2cuUGFuZWxcbiAgICAgICAgICAgIGFzPXtNb2RhbENhcmR9XG4gICAgICAgICAgICBvbkNsb3NlQ2xpY2s9e29uQ2xvc2V9XG4gICAgICAgICAgICBjYXJkUGFkZGluZz17Y2FyZFBhZGRpbmd9XG4gICAgICAgICAgICBjYXJkTWF4V2lkdGg9e2NhcmRNYXhXaWR0aH1cbiAgICAgICAgICAgIGNhcmRNYXhIZWlnaHQ9e2NhcmRNYXhIZWlnaHR9XG4gICAgICAgICAgICBjYXJkSGVpZ2h0PXtjYXJkSGVpZ2h0fVxuICAgICAgICAgICAgY2xvc2VCdXR0b25Qcm9wcz17Y2xvc2VCdXR0b25Qcm9wc31cbiAgICAgICAgICAgIGhhc09uQ2xvc2U9e2hhc09uQ2xvc2V9XG4gICAgICAgICAgICBjYXJkUmFkaXVzPXtjYXJkUmFkaXVzfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHt0aXRsZSAmJiA8RGlhbG9nLlRpdGxlIGFzPXtUaXRsZX0+e3RpdGxlfTwvRGlhbG9nLlRpdGxlPn1cbiAgICAgICAgICAgIHtkZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICAgIDxCb3ggbWFyZ2luVG9wPVwic1wiPlxuICAgICAgICAgICAgICAgIDxEaWFsb2cuRGVzY3JpcHRpb24gYXM9e0Rlc2NyaXB0aW9ufT57ZGVzY3JpcHRpb259PC9EaWFsb2cuRGVzY3JpcHRpb24+XG4gICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L0RpYWxvZy5QYW5lbD5cbiAgICAgICAgPC9UcmFuc2l0aW9uLkNoaWxkPlxuICAgICAgPC9EaWFsb2c+XG4gICAgPC9UcmFuc2l0aW9uPlxuICApO1xufTtcblxuTW9kYWwuVGl0bGUgPSBUaXRsZTtcblxuTW9kYWwucHJvcFR5cGVzID0ge1xuICBpc09wZW46IFByb3BUeXBlcy5ib29sLFxuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIG9uQ2xvc2U6IFByb3BUeXBlcy5mdW5jLFxuICB0aXRsZTogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm5vZGVdKSxcbiAgZGVzY3JpcHRpb246IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5ub2RlXSksXG4gIGNhcmRQYWRkaW5nOiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRNYXhXaWR0aDogdHlwZXMuZGltZW5zaW9uLFxuICBjYXJkSGVpZ2h0OiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRNYXhIZWlnaHQ6IHR5cGVzLmRpbWVuc2lvbixcbiAgY2FyZFJhZGl1czogdHlwZXMucmFkaXVzLFxuICB6SW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgaW5pdGlhbEZvY3VzOiBQcm9wVHlwZXMubm9kZSxcbiAgcmV0dXJuRm9jdXM6IFByb3BUeXBlcy5ub2RlLFxuICBjbG9zZUJ1dHRvblByb3BzOiBQcm9wVHlwZXMub2JqZWN0LFxuICBwYWRkaW5nWDogdHlwZXMuZGltZW5zaW9uLFxufTtcbiJdfQ== */")
|
|
118
124
|
}, props), children);
|
|
119
125
|
});
|
|
120
126
|
var Backdrop = /*#__PURE__*/forwardRef(function (_ref7, ref) {
|
|
@@ -145,10 +151,17 @@ export var Modal = function Modal(_ref8) {
|
|
|
145
151
|
onClose = _ref8.onClose,
|
|
146
152
|
title = _ref8.title,
|
|
147
153
|
description = _ref8.description,
|
|
154
|
+
_ref8$paddingX = _ref8.paddingX,
|
|
155
|
+
paddingX = _ref8$paddingX === void 0 ? 'l' : _ref8$paddingX,
|
|
148
156
|
_ref8$cardPadding = _ref8.cardPadding,
|
|
149
157
|
cardPadding = _ref8$cardPadding === void 0 ? 'xl' : _ref8$cardPadding,
|
|
150
158
|
_ref8$cardMaxWidth = _ref8.cardMaxWidth,
|
|
151
159
|
cardMaxWidth = _ref8$cardMaxWidth === void 0 ? 68 : _ref8$cardMaxWidth,
|
|
160
|
+
_ref8$cardMaxHeight = _ref8.cardMaxHeight,
|
|
161
|
+
cardMaxHeight = _ref8$cardMaxHeight === void 0 ? '90vh' : _ref8$cardMaxHeight,
|
|
162
|
+
cardHeight = _ref8.cardHeight,
|
|
163
|
+
_ref8$cardRadius = _ref8.cardRadius,
|
|
164
|
+
cardRadius = _ref8$cardRadius === void 0 ? 'l' : _ref8$cardRadius,
|
|
152
165
|
_ref8$zIndex = _ref8.zIndex,
|
|
153
166
|
zIndex = _ref8$zIndex === void 0 ? modalZIndex : _ref8$zIndex,
|
|
154
167
|
initialFocus = _ref8.initialFocus,
|
|
@@ -156,8 +169,13 @@ export var Modal = function Modal(_ref8) {
|
|
|
156
169
|
closeButtonProps = _ref8.closeButtonProps,
|
|
157
170
|
props = _objectWithoutProperties(_ref8, _excluded6);
|
|
158
171
|
|
|
172
|
+
var hasOnClose = Boolean(onClose);
|
|
173
|
+
var hasBackdrop = cardHeight !== '100vh';
|
|
174
|
+
|
|
159
175
|
var handleClose = function handleClose() {
|
|
160
|
-
|
|
176
|
+
if (hasOnClose) {
|
|
177
|
+
onClose();
|
|
178
|
+
}
|
|
161
179
|
|
|
162
180
|
if (returnFocus) {
|
|
163
181
|
returnFocus.focus();
|
|
@@ -172,8 +190,9 @@ export var Modal = function Modal(_ref8) {
|
|
|
172
190
|
as: Root,
|
|
173
191
|
onClose: handleClose,
|
|
174
192
|
zIndex: zIndex,
|
|
175
|
-
initialFocus: initialFocus
|
|
176
|
-
|
|
193
|
+
initialFocus: initialFocus,
|
|
194
|
+
paddingX: paddingX
|
|
195
|
+
}, props), hasBackdrop && ___EmotionJSX(Transition.Child, _extends({
|
|
177
196
|
as: Backdrop
|
|
178
197
|
}, transitionChildProps)), ___EmotionJSX(Transition.Child, _extends({
|
|
179
198
|
as: Fragment
|
|
@@ -182,7 +201,11 @@ export var Modal = function Modal(_ref8) {
|
|
|
182
201
|
onCloseClick: onClose,
|
|
183
202
|
cardPadding: cardPadding,
|
|
184
203
|
cardMaxWidth: cardMaxWidth,
|
|
185
|
-
|
|
204
|
+
cardMaxHeight: cardMaxHeight,
|
|
205
|
+
cardHeight: cardHeight,
|
|
206
|
+
closeButtonProps: closeButtonProps,
|
|
207
|
+
hasOnClose: hasOnClose,
|
|
208
|
+
cardRadius: cardRadius
|
|
186
209
|
}, title && ___EmotionJSX(Dialog.Title, {
|
|
187
210
|
as: Title
|
|
188
211
|
}, title), description && ___EmotionJSX(Box, {
|
|
@@ -195,13 +218,17 @@ Modal.Title = Title;
|
|
|
195
218
|
Modal.propTypes = {
|
|
196
219
|
isOpen: PropTypes.bool,
|
|
197
220
|
children: PropTypes.node,
|
|
198
|
-
onClose: PropTypes.func
|
|
221
|
+
onClose: PropTypes.func,
|
|
199
222
|
title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
|
|
200
223
|
description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
|
|
201
224
|
cardPadding: types.dimension,
|
|
202
225
|
cardMaxWidth: types.dimension,
|
|
226
|
+
cardHeight: types.dimension,
|
|
227
|
+
cardMaxHeight: types.dimension,
|
|
228
|
+
cardRadius: types.radius,
|
|
203
229
|
zIndex: types.zIndex,
|
|
204
230
|
initialFocus: PropTypes.node,
|
|
205
231
|
returnFocus: PropTypes.node,
|
|
206
|
-
closeButtonProps: PropTypes.object
|
|
232
|
+
closeButtonProps: PropTypes.object,
|
|
233
|
+
paddingX: types.dimension
|
|
207
234
|
};
|