@popsure/dirty-swan 0.56.0 → 0.56.2

package/dist/cjs/index.js

@@ -11444,7 +11444,7 @@ var InnerModal = function (_a) {
                     : (_d = classNames === null || classNames === void 0 ? void 0 : classNames.container) === null || _d === void 0 ? void 0 : _d.call(classNames, { isClosing: isClosing }), onClick: handleContainerClick, children: jsxRuntime.jsxs(FocusLockCombination, { returnFocus: true, children: [jsxRuntime.jsxs("div", { className: classNames$1('bg-white d-flex ai-center w100 px24 pt24 pb16', styles$u.header, {
                                 'jc-between': !!title,
                                 'jc-end': !title,
-                            }), children: [title && (jsxRuntime.jsx("div", { className: classNames$1(styles$u.title, titleSize === 'small' ? 'p-h4' : 'p-h2'), children: title })), dismissible && (jsxRuntime.jsx(Button, { hideLabel: true, leftIcon: jsxRuntime.jsx(XIcon, { color: "grey-700" }), onClick: handleOnClose, type: "button", variant: "textColor", className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.closeButton, 'p0', styles$u.closeButton), children: "Close modal" }))] }), jsxRuntime.jsx("div", { className: classNames$1('w100', classNames === null || classNames === void 0 ? void 0 : classNames.body, styles$u.body), ref: modalBodyRef, children: children }), footer && (jsxRuntime.jsx("div", { className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.footer, 'w100 bg-white', styles$u.footer), children: jsxRuntime.jsx("div", { className: "p24 pt16", children: footer }) }))] }) }) }) }));
+                            }), children: [title && (jsxRuntime.jsx("div", { className: classNames$1(styles$u.title, titleSize === 'small' ? 'p-h4' : 'p-h2', classNames === null || classNames === void 0 ? void 0 : classNames.title), children: title })), dismissible && (jsxRuntime.jsx(Button, { hideLabel: true, leftIcon: jsxRuntime.jsx(XIcon, { color: "grey-700", className: classNames === null || classNames === void 0 ? void 0 : classNames.closeButtonIcon }), onClick: handleOnClose, type: "button", variant: "textColor", className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.closeButton, 'p0', styles$u.closeButton), children: "Close modal" }))] }), jsxRuntime.jsx("div", { className: classNames$1('w100', classNames === null || classNames === void 0 ? void 0 : classNames.body, styles$u.body), ref: modalBodyRef, children: children }), footer && (jsxRuntime.jsx("div", { className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.footer, 'w100 bg-white', styles$u.footer), children: jsxRuntime.jsx("div", { className: "p24 pt16", children: footer }) }))] }) }) }) }));
 };
 var GenericModal = function (props) {
     var isOpen = props.isOpen, onClose = props.onClose, _a = props.dismissible, dismissible = _a === void 0 ? true : _a;
@@ -11456,18 +11456,14 @@ var GenericModal = function (props) {
 };
 
 var BottomModal = function (_a) {
-    var className = _a.className, rest = __rest$1(_a, ["className"]);
-    return (jsxRuntime.jsx(GenericModal, __assign({ titleSize: 'small', classNames: {
-            wrapper: classNames$1('w100', styles$v.wrapper),
-            container: function (_a) {
+    var className = _a.className, classNames = _a.classNames, rest = __rest$1(_a, ["className", "classNames"]);
+    return (jsxRuntime.jsx(GenericModal, __assign({ titleSize: "small", classNames: __assign(__assign({}, classNames), { wrapper: classNames$1('w100', styles$v.wrapper, classNames === null || classNames === void 0 ? void 0 : classNames.wrapper), container: function (_a) {
                 var _b;
                 var isClosing = _a.isClosing;
-                return classNames$1('bg-white d-flex fd-column w100', className, styles$v.container, (_b = {},
+                return classNames$1('bg-white d-flex fd-column w100', className, styles$v.container, classNames === null || classNames === void 0 ? void 0 : classNames.container, (_b = {},
                     _b[styles$v.containerClose] = isClosing,
                     _b));
-            },
-            body: styles$v.body,
-        } }, rest)));
+            }, body: classNames$1(styles$v.body, classNames === null || classNames === void 0 ? void 0 : classNames.body) }) }, rest)));
 };
 
 var css_248z$u = "@keyframes style-module_appear-in__2ZMqz {\n  0% {\n    transform: translateY(24px);\n    opacity: 0;\n    visibility: hidden;\n  }\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n    visibility: visible;\n  }\n}\n@keyframes style-module_disappear-out__38TSV {\n  0% {\n    transform: translateY(0);\n    opacity: 1;\n    visibility: visible;\n  }\n  100% {\n    transform: translateY(24px);\n    opacity: 0;\n    visibility: hidden;\n  }\n}\n.style-module_wrapper__qQirD {\n  position: relative;\n  min-height: 100%;\n  animation-name: style-module_appear-in__2ZMqz;\n  animation-duration: 0.4s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n}\n.style-module_wrapperClose__2aXSB {\n  animation-name: style-module_disappear-out__38TSV;\n  animation-duration: 0.4s;\n  animation-delay: 0s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n}\n\n.style-module_container__1XZj_ {\n  max-height: 90vh;\n  overflow: hidden;\n}";
@@ -11475,17 +11471,14 @@ var styles$t = {"wrapper":"style-module_wrapper__qQirD","appear-in":"style-modul
 styleInject(css_248z$u);
 
 var RegularModal = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, size = _a.size, rest = __rest$1(_a, ["className", "size"]);
-    return (jsxRuntime.jsx(GenericModal, __assign({ classNames: {
-            wrapper: function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, classNames = _a.classNames, size = _a.size, rest = __rest$1(_a, ["className", "classNames", "size"]);
+    return (jsxRuntime.jsx(GenericModal, __assign({ classNames: __assign(__assign({}, classNames), { wrapper: function (_a) {
                 var _b;
                 var isClosing = _a.isClosing;
-                return classNames$1('d-flex ai-center w90 mx-auto my0', className, styles$t.wrapper, (_b = {},
+                return classNames$1('d-flex ai-center w90 mx-auto my0', className, styles$t.wrapper, classNames === null || classNames === void 0 ? void 0 : classNames.wrapper, (_b = {},
                     _b[styles$t.wrapperClose] = isClosing,
                     _b));
-            },
-            container: classNames$1('bg-white br8 d-flex ai-center fd-column mx-auto my0', styles$t.container, size === 'large' ? 'wmx10' : 'wmx8')
-        } }, rest)));
+            }, container: classNames$1('bg-white br8 d-flex ai-center fd-column mx-auto my0', styles$t.container, size === 'large' ? 'wmx10' : 'wmx8', classNames === null || classNames === void 0 ? void 0 : classNames.container) }) }, rest)));
 };
 
 var css_248z$t = "@media (min-width: 34rem) {\n  .style-module_mobile__3k175 {\n    display: none;\n  }\n}\n@media (max-width: 34rem) {\n  .style-module_mobile__3k175 {\n    display: block !important;\n  }\n}\n\n@media (max-width: 34rem) {\n  .style-module_desktop__2lclr {\n    display: none;\n  }\n}";
@@ -11517,18 +11510,14 @@ var styles$r = {"container":"style-module_container__dyFzK","appear-in":"style-m
 styleInject(css_248z$s);
 
 var FullScreenModal = function (_a) {
-    var className = _a.className, rest = __rest$1(_a, ["className"]);
-    return (jsxRuntime.jsx(GenericModal, __assign({ titleSize: "small", classNames: {
-            wrapper: "w100",
-            container: function (_a) {
+    var className = _a.className, classNames = _a.classNames, rest = __rest$1(_a, ["className", "classNames"]);
+    return (jsxRuntime.jsx(GenericModal, __assign({ titleSize: "small", classNames: __assign(__assign({}, classNames), { wrapper: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.wrapper, 'w100'), container: function (_a) {
                 var _b;
                 var isClosing = _a.isClosing;
-                return classNames$1("bg-white d-flex fd-column w100", className, styles$r.container, (_b = {},
+                return classNames$1('bg-white d-flex fd-column w100', className, styles$r.container, classNames === null || classNames === void 0 ? void 0 : classNames.container, (_b = {},
                     _b[styles$r.containerClose] = isClosing,
                     _b));
-            },
-            body: styles$r.body,
-        } }, rest)));
+            }, body: classNames$1(styles$r.body, classNames === null || classNames === void 0 ? void 0 : classNames.body) }) }, rest)));
 };
 
 var infoImage = "data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0%29%22%3E%3Cpath%20d%3D%22M10%2018.3334C14.6024%2018.3334%2018.3334%2014.6024%2018.3334%2010C18.3334%205.39765%2014.6024%201.66669%2010%201.66669C5.39765%201.66669%201.66669%205.39765%201.66669%2010C1.66669%2014.6024%205.39765%2018.3334%2010%2018.3334Z%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%2013.3333V10%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%226.66665%22%20r%3D%220.833333%22%20fill%3D%22%238E8CEE%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E";