@nextui-org/react 1.0.1-alpha.50 → 1.0.1-alpha.51
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/cjs/index.d.ts +2 -0
- package/cjs/index.js +12 -2
- package/cjs/modal/modal-wrapper.js +14 -7
- package/esm/index.d.ts +2 -0
- package/esm/index.js +3 -1
- package/esm/modal/modal-wrapper.js +15 -8
- package/package.json +1 -1
- package/umd/nextui.js +223 -212
- package/umd/nextui.min.js +1 -1
package/cjs/index.d.ts
CHANGED
|
@@ -10,6 +10,7 @@ export { default as useBodyScroll } from './use-body-scroll';
|
|
|
10
10
|
export { default as useClickAway } from './use-click-away';
|
|
11
11
|
export { default as useClickAnywhere } from './use-click-anywhere';
|
|
12
12
|
export { default as useInput } from './use-input';
|
|
13
|
+
export { default as useKeyboard } from './use-keyboard';
|
|
13
14
|
export { default as Avatar } from './avatar';
|
|
14
15
|
export { default as CssBaseline } from './css-baseline';
|
|
15
16
|
export { default as Checkbox } from './checkbox';
|
|
@@ -41,3 +42,4 @@ export { default as Input } from './input';
|
|
|
41
42
|
export { default as Textarea } from './textarea';
|
|
42
43
|
export { default as Modal } from './modal';
|
|
43
44
|
export { default as useModal } from './modal/use-modal';
|
|
45
|
+
export { default as Backdrop } from './backdrop';
|
package/cjs/index.js
CHANGED
|
@@ -15,6 +15,7 @@ var _exportNames = {
|
|
|
15
15
|
useClickAway: true,
|
|
16
16
|
useClickAnywhere: true,
|
|
17
17
|
useInput: true,
|
|
18
|
+
useKeyboard: true,
|
|
18
19
|
Avatar: true,
|
|
19
20
|
CssBaseline: true,
|
|
20
21
|
Checkbox: true,
|
|
@@ -39,9 +40,10 @@ var _exportNames = {
|
|
|
39
40
|
Input: true,
|
|
40
41
|
Textarea: true,
|
|
41
42
|
Modal: true,
|
|
42
|
-
useModal: true
|
|
43
|
+
useModal: true,
|
|
44
|
+
Backdrop: true
|
|
43
45
|
};
|
|
44
|
-
exports.useModal = exports.Modal = exports.Textarea = exports.Input = exports.Tooltip = exports.Snippet = exports.Container = exports.Code = exports.Divider = exports.Col = exports.Row = exports.Image = exports.Card = exports.Grid = exports.Button = exports.Loading = exports.Link = exports.User = exports.Spacer = exports.Switch = exports.Radio = exports.Text = exports.Checkbox = exports.CssBaseline = exports.Avatar = exports.useInput = exports.useClickAnywhere = exports.useClickAway = exports.useBodyScroll = exports.useSSR = exports.usePortal = exports.useTheme = exports.useResize = exports.useRealShape = exports.useCurrentState = exports.ThemeProvider = void 0;
|
|
46
|
+
exports.Backdrop = exports.useModal = exports.Modal = exports.Textarea = exports.Input = exports.Tooltip = exports.Snippet = exports.Container = exports.Code = exports.Divider = exports.Col = exports.Row = exports.Image = exports.Card = exports.Grid = exports.Button = exports.Loading = exports.Link = exports.User = exports.Spacer = exports.Switch = exports.Radio = exports.Text = exports.Checkbox = exports.CssBaseline = exports.Avatar = exports.useKeyboard = exports.useInput = exports.useClickAnywhere = exports.useClickAway = exports.useBodyScroll = exports.useSSR = exports.usePortal = exports.useTheme = exports.useResize = exports.useRealShape = exports.useCurrentState = exports.ThemeProvider = void 0;
|
|
45
47
|
|
|
46
48
|
var _types = require("./theme/types");
|
|
47
49
|
|
|
@@ -96,6 +98,10 @@ var _useInput = _interopRequireDefault(require("./use-input"));
|
|
|
96
98
|
|
|
97
99
|
exports.useInput = _useInput.default;
|
|
98
100
|
|
|
101
|
+
var _useKeyboard = _interopRequireDefault(require("./use-keyboard"));
|
|
102
|
+
|
|
103
|
+
exports.useKeyboard = _useKeyboard.default;
|
|
104
|
+
|
|
99
105
|
var _avatar = _interopRequireDefault(require("./avatar"));
|
|
100
106
|
|
|
101
107
|
exports.Avatar = _avatar.default;
|
|
@@ -232,6 +238,10 @@ var _useModal = _interopRequireDefault(require("./modal/use-modal"));
|
|
|
232
238
|
|
|
233
239
|
exports.useModal = _useModal.default;
|
|
234
240
|
|
|
241
|
+
var _backdrop = _interopRequireDefault(require("./backdrop"));
|
|
242
|
+
|
|
243
|
+
exports.Backdrop = _backdrop.default;
|
|
244
|
+
|
|
235
245
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
236
246
|
|
|
237
247
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -48,6 +48,12 @@ const ModalWrapper = ({
|
|
|
48
48
|
const modalContent = (0, _react.useRef)(null);
|
|
49
49
|
const tabStart = (0, _react.useRef)(null);
|
|
50
50
|
const tabEnd = (0, _react.useRef)(null);
|
|
51
|
+
const [rendered, setRendered] = (0, _react.useState)(false);
|
|
52
|
+
(0, _react.useEffect)(() => {
|
|
53
|
+
setTimeout(() => {
|
|
54
|
+
setRendered(true);
|
|
55
|
+
}, 300);
|
|
56
|
+
}, []);
|
|
51
57
|
(0, _react.useEffect)(() => {
|
|
52
58
|
if (!visible) return;
|
|
53
59
|
const activeElement = document.activeElement;
|
|
@@ -89,27 +95,28 @@ const ModalWrapper = ({
|
|
|
89
95
|
onKeyDown: onKeyDown,
|
|
90
96
|
ref: modalContent,
|
|
91
97
|
...props,
|
|
92
|
-
className: _style.default.dynamic([["
|
|
98
|
+
className: _style.default.dynamic([["1270377280", [scroll ? 'calc(100vh - 200px)' : 'inherit', theme.type === 'light' ? theme.palette.background : theme.palette.accents_1, theme.palette.foreground, theme.layout.radius, theme.expressiveness.shadowLarge, theme.layout.gap, theme.layout.gap, theme.layout.gap]]]) + " " + (props && props.className != null && props.className || (0, _clsx.default)('modal-wrapper', {
|
|
93
99
|
fullscreen: fullScreen,
|
|
94
100
|
'with-close-button': closeButton,
|
|
95
|
-
'modal-rebound': rebound
|
|
101
|
+
'modal-rebound': rebound,
|
|
102
|
+
rendered
|
|
96
103
|
}, className) || ""),
|
|
97
104
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
98
105
|
tabIndex: 0,
|
|
99
106
|
"aria-hidden": "true",
|
|
100
107
|
ref: tabStart,
|
|
101
|
-
className: _style.default.dynamic([["
|
|
108
|
+
className: _style.default.dynamic([["1270377280", [scroll ? 'calc(100vh - 200px)' : 'inherit', theme.type === 'light' ? theme.palette.background : theme.palette.accents_1, theme.palette.foreground, theme.layout.radius, theme.expressiveness.shadowLarge, theme.layout.gap, theme.layout.gap, theme.layout.gap]]]) + " " + "hide-tab"
|
|
102
109
|
}), closeButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_modalCloseButton.default, {
|
|
103
110
|
onClick: handleClose
|
|
104
111
|
}), children, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
105
112
|
tabIndex: 0,
|
|
106
113
|
"aria-hidden": "true",
|
|
107
114
|
ref: tabEnd,
|
|
108
|
-
className: _style.default.dynamic([["
|
|
115
|
+
className: _style.default.dynamic([["1270377280", [scroll ? 'calc(100vh - 200px)' : 'inherit', theme.type === 'light' ? theme.palette.background : theme.palette.accents_1, theme.palette.foreground, theme.layout.radius, theme.expressiveness.shadowLarge, theme.layout.gap, theme.layout.gap, theme.layout.gap]]]) + " " + "hide-tab"
|
|
109
116
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_style.default, {
|
|
110
|
-
id: "
|
|
111
|
-
dynamic: [scroll ? 'calc(100vh - 200px)' : 'inherit', theme.palette.background, theme.palette.foreground, theme.layout.radius, theme.expressiveness.shadowLarge, theme.layout.gap, theme.layout.gap, theme.layout.gap],
|
|
112
|
-
children: `.modal-wrapper.__jsx-style-dynamic-selector{max-width:100%;vertical-align:middle;overflow:hidden;height:-webkit-fit-content(20em);height:-moz-fit-content(20em);height:fit-content(20em);max-height:${scroll ? 'calc(100vh - 200px)' : 'inherit'};display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;box-sizing:border-box;background-color:${theme.palette.background};color:${theme.palette.foreground};border-radius:${theme.layout.radius};box-shadow:${theme.expressiveness.shadowLarge};
|
|
117
|
+
id: "1270377280",
|
|
118
|
+
dynamic: [scroll ? 'calc(100vh - 200px)' : 'inherit', theme.type === 'light' ? theme.palette.background : theme.palette.accents_1, theme.palette.foreground, theme.layout.radius, theme.expressiveness.shadowLarge, theme.layout.gap, theme.layout.gap, theme.layout.gap],
|
|
119
|
+
children: `.modal-wrapper.__jsx-style-dynamic-selector{max-width:100%;vertical-align:middle;overflow:hidden;height:-webkit-fit-content(20em);height:-moz-fit-content(20em);height:fit-content(20em);max-height:${scroll ? 'calc(100vh - 200px)' : 'inherit'};display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;box-sizing:border-box;background-color:${theme.type === 'light' ? theme.palette.background : theme.palette.accents_1};color:${theme.palette.foreground};border-radius:${theme.layout.radius};box-shadow:${theme.expressiveness.shadowLarge};outline:none;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}.hide-tab.__jsx-style-dynamic-selector{outline:none;overflow:hidden;width:0;height:0;opacity:0;}.fullscreen.__jsx-style-dynamic-selector{width:100%;height:100%;max-height:100%;}.modal-rebound.__jsx-style-dynamic-selector:not(.fullscreen){-webkit-animation-duration:250ms;animation-duration:250ms;-webkit-animation-name:rebound-__jsx-style-dynamic-selector;animation-name:rebound-__jsx-style-dynamic-selector;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}.modal-wrapper-enter.__jsx-style-dynamic-selector:not(.rendered){-webkit-animation-name:appearance-in-__jsx-style-dynamic-selector;animation-name:appearance-in-__jsx-style-dynamic-selector;-webkit-animation-duration:200ms;animation-duration:200ms;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-direction:normal;animation-direction:normal;}.modal-wrapper-leave.__jsx-style-dynamic-selector{-webkit-animation-name:appearance-out-__jsx-style-dynamic-selector;animation-name:appearance-out-__jsx-style-dynamic-selector;-webkit-animation-duration:50ms;animation-duration:50ms;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}.with-close-button.__jsx-style-dynamic-selector{padding-top:${theme.layout.gap};}.fullscreen.__jsx-style-dynamic-selector .close-icon{top:${theme.layout.gap};right:calc(${theme.layout.gap} * 0.5);}.fullscreen.__jsx-style-dynamic-selector .close-icon svg{width:24px;height:24px;}@-webkit-keyframes appearance-in-__jsx-style-dynamic-selector{0%{opacity:0;-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);}60%{opacity:0.75;-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}@keyframes appearance-in-__jsx-style-dynamic-selector{0%{opacity:0;-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);}60%{opacity:0.75;-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}@-webkit-keyframes appearance-out-__jsx-style-dynamic-selector{0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}100%{opacity:0;-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);}}@keyframes appearance-out-__jsx-style-dynamic-selector{0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}100%{opacity:0;-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);}}@-webkit-keyframes rebound-__jsx-style-dynamic-selector{0%{-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);}40%{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}80%{-webkit-transform:scale(0.98);-ms-transform:scale(0.98);transform:scale(0.98);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}@keyframes rebound-__jsx-style-dynamic-selector{0%{-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);}40%{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}80%{-webkit-transform:scale(0.98);-ms-transform:scale(0.98);transform:scale(0.98);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}`
|
|
113
120
|
})]
|
|
114
121
|
})
|
|
115
122
|
});
|
package/esm/index.d.ts
CHANGED
|
@@ -10,6 +10,7 @@ export { default as useBodyScroll } from './use-body-scroll';
|
|
|
10
10
|
export { default as useClickAway } from './use-click-away';
|
|
11
11
|
export { default as useClickAnywhere } from './use-click-anywhere';
|
|
12
12
|
export { default as useInput } from './use-input';
|
|
13
|
+
export { default as useKeyboard } from './use-keyboard';
|
|
13
14
|
export { default as Avatar } from './avatar';
|
|
14
15
|
export { default as CssBaseline } from './css-baseline';
|
|
15
16
|
export { default as Checkbox } from './checkbox';
|
|
@@ -41,3 +42,4 @@ export { default as Input } from './input';
|
|
|
41
42
|
export { default as Textarea } from './textarea';
|
|
42
43
|
export { default as Modal } from './modal';
|
|
43
44
|
export { default as useModal } from './modal/use-modal';
|
|
45
|
+
export { default as Backdrop } from './backdrop';
|
package/esm/index.js
CHANGED
|
@@ -11,6 +11,7 @@ export { default as useBodyScroll } from './use-body-scroll';
|
|
|
11
11
|
export { default as useClickAway } from './use-click-away';
|
|
12
12
|
export { default as useClickAnywhere } from './use-click-anywhere';
|
|
13
13
|
export { default as useInput } from './use-input';
|
|
14
|
+
export { default as useKeyboard } from './use-keyboard';
|
|
14
15
|
export { default as Avatar } from './avatar';
|
|
15
16
|
export { default as CssBaseline } from './css-baseline';
|
|
16
17
|
export { default as Checkbox } from './checkbox';
|
|
@@ -41,4 +42,5 @@ export { default as Tooltip } from './tooltip';
|
|
|
41
42
|
export { default as Input } from './input';
|
|
42
43
|
export { default as Textarea } from './textarea';
|
|
43
44
|
export { default as Modal } from './modal';
|
|
44
|
-
export { default as useModal } from './modal/use-modal';
|
|
45
|
+
export { default as useModal } from './modal/use-modal';
|
|
46
|
+
export { default as Backdrop } from './backdrop';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _JSXStyle from "styled-jsx/style";
|
|
2
|
-
import React, { useEffect, useRef } from 'react';
|
|
2
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
3
3
|
import withDefaults from '../utils/with-defaults';
|
|
4
4
|
import useTheme from '../use-theme';
|
|
5
5
|
import CSSTransition from '../utils/css-transition';
|
|
@@ -29,6 +29,12 @@ const ModalWrapper = ({
|
|
|
29
29
|
const modalContent = useRef(null);
|
|
30
30
|
const tabStart = useRef(null);
|
|
31
31
|
const tabEnd = useRef(null);
|
|
32
|
+
const [rendered, setRendered] = useState(false);
|
|
33
|
+
useEffect(() => {
|
|
34
|
+
setTimeout(() => {
|
|
35
|
+
setRendered(true);
|
|
36
|
+
}, 300);
|
|
37
|
+
}, []);
|
|
32
38
|
useEffect(() => {
|
|
33
39
|
if (!visible) return;
|
|
34
40
|
const activeElement = document.activeElement;
|
|
@@ -70,27 +76,28 @@ const ModalWrapper = ({
|
|
|
70
76
|
onKeyDown: onKeyDown,
|
|
71
77
|
ref: modalContent,
|
|
72
78
|
...props,
|
|
73
|
-
className: _JSXStyle.dynamic([["
|
|
79
|
+
className: _JSXStyle.dynamic([["1270377280", [scroll ? 'calc(100vh - 200px)' : 'inherit', theme.type === 'light' ? theme.palette.background : theme.palette.accents_1, theme.palette.foreground, theme.layout.radius, theme.expressiveness.shadowLarge, theme.layout.gap, theme.layout.gap, theme.layout.gap]]]) + " " + (props && props.className != null && props.className || cslx('modal-wrapper', {
|
|
74
80
|
fullscreen: fullScreen,
|
|
75
81
|
'with-close-button': closeButton,
|
|
76
|
-
'modal-rebound': rebound
|
|
82
|
+
'modal-rebound': rebound,
|
|
83
|
+
rendered
|
|
77
84
|
}, className) || ""),
|
|
78
85
|
children: [/*#__PURE__*/_jsx("div", {
|
|
79
86
|
tabIndex: 0,
|
|
80
87
|
"aria-hidden": "true",
|
|
81
88
|
ref: tabStart,
|
|
82
|
-
className: _JSXStyle.dynamic([["
|
|
89
|
+
className: _JSXStyle.dynamic([["1270377280", [scroll ? 'calc(100vh - 200px)' : 'inherit', theme.type === 'light' ? theme.palette.background : theme.palette.accents_1, theme.palette.foreground, theme.layout.radius, theme.expressiveness.shadowLarge, theme.layout.gap, theme.layout.gap, theme.layout.gap]]]) + " " + "hide-tab"
|
|
83
90
|
}), closeButton && /*#__PURE__*/_jsx(ModalCloseButton, {
|
|
84
91
|
onClick: handleClose
|
|
85
92
|
}), children, /*#__PURE__*/_jsx("div", {
|
|
86
93
|
tabIndex: 0,
|
|
87
94
|
"aria-hidden": "true",
|
|
88
95
|
ref: tabEnd,
|
|
89
|
-
className: _JSXStyle.dynamic([["
|
|
96
|
+
className: _JSXStyle.dynamic([["1270377280", [scroll ? 'calc(100vh - 200px)' : 'inherit', theme.type === 'light' ? theme.palette.background : theme.palette.accents_1, theme.palette.foreground, theme.layout.radius, theme.expressiveness.shadowLarge, theme.layout.gap, theme.layout.gap, theme.layout.gap]]]) + " " + "hide-tab"
|
|
90
97
|
}), /*#__PURE__*/_jsx(_JSXStyle, {
|
|
91
|
-
id: "
|
|
92
|
-
dynamic: [scroll ? 'calc(100vh - 200px)' : 'inherit', theme.palette.background, theme.palette.foreground, theme.layout.radius, theme.expressiveness.shadowLarge, theme.layout.gap, theme.layout.gap, theme.layout.gap],
|
|
93
|
-
children: `.modal-wrapper.__jsx-style-dynamic-selector{max-width:100%;vertical-align:middle;overflow:hidden;height:-webkit-fit-content(20em);height:-moz-fit-content(20em);height:fit-content(20em);max-height:${scroll ? 'calc(100vh - 200px)' : 'inherit'};display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;box-sizing:border-box;background-color:${theme.palette.background};color:${theme.palette.foreground};border-radius:${theme.layout.radius};box-shadow:${theme.expressiveness.shadowLarge};
|
|
98
|
+
id: "1270377280",
|
|
99
|
+
dynamic: [scroll ? 'calc(100vh - 200px)' : 'inherit', theme.type === 'light' ? theme.palette.background : theme.palette.accents_1, theme.palette.foreground, theme.layout.radius, theme.expressiveness.shadowLarge, theme.layout.gap, theme.layout.gap, theme.layout.gap],
|
|
100
|
+
children: `.modal-wrapper.__jsx-style-dynamic-selector{max-width:100%;vertical-align:middle;overflow:hidden;height:-webkit-fit-content(20em);height:-moz-fit-content(20em);height:fit-content(20em);max-height:${scroll ? 'calc(100vh - 200px)' : 'inherit'};display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;box-sizing:border-box;background-color:${theme.type === 'light' ? theme.palette.background : theme.palette.accents_1};color:${theme.palette.foreground};border-radius:${theme.layout.radius};box-shadow:${theme.expressiveness.shadowLarge};outline:none;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}.hide-tab.__jsx-style-dynamic-selector{outline:none;overflow:hidden;width:0;height:0;opacity:0;}.fullscreen.__jsx-style-dynamic-selector{width:100%;height:100%;max-height:100%;}.modal-rebound.__jsx-style-dynamic-selector:not(.fullscreen){-webkit-animation-duration:250ms;animation-duration:250ms;-webkit-animation-name:rebound-__jsx-style-dynamic-selector;animation-name:rebound-__jsx-style-dynamic-selector;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}.modal-wrapper-enter.__jsx-style-dynamic-selector:not(.rendered){-webkit-animation-name:appearance-in-__jsx-style-dynamic-selector;animation-name:appearance-in-__jsx-style-dynamic-selector;-webkit-animation-duration:200ms;animation-duration:200ms;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-direction:normal;animation-direction:normal;}.modal-wrapper-leave.__jsx-style-dynamic-selector{-webkit-animation-name:appearance-out-__jsx-style-dynamic-selector;animation-name:appearance-out-__jsx-style-dynamic-selector;-webkit-animation-duration:50ms;animation-duration:50ms;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}.with-close-button.__jsx-style-dynamic-selector{padding-top:${theme.layout.gap};}.fullscreen.__jsx-style-dynamic-selector .close-icon{top:${theme.layout.gap};right:calc(${theme.layout.gap} * 0.5);}.fullscreen.__jsx-style-dynamic-selector .close-icon svg{width:24px;height:24px;}@-webkit-keyframes appearance-in-__jsx-style-dynamic-selector{0%{opacity:0;-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);}60%{opacity:0.75;-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}@keyframes appearance-in-__jsx-style-dynamic-selector{0%{opacity:0;-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);}60%{opacity:0.75;-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}@-webkit-keyframes appearance-out-__jsx-style-dynamic-selector{0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}100%{opacity:0;-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);}}@keyframes appearance-out-__jsx-style-dynamic-selector{0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}100%{opacity:0;-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);}}@-webkit-keyframes rebound-__jsx-style-dynamic-selector{0%{-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);}40%{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}80%{-webkit-transform:scale(0.98);-ms-transform:scale(0.98);transform:scale(0.98);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}@keyframes rebound-__jsx-style-dynamic-selector{0%{-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);}40%{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}80%{-webkit-transform:scale(0.98);-ms-transform:scale(0.98);transform:scale(0.98);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}`
|
|
94
101
|
})]
|
|
95
102
|
})
|
|
96
103
|
});
|