@popsure/dirty-swan 0.38.5 → 0.38.6

package/dist/cjs/index.js

@@ -7005,8 +7005,8 @@ var Radio$1 = function (_a) {
         }) }), void 0));
 };
 
-var css_248z$l = "@keyframes style-module_fade-in__1GZgs {\n  0% {\n    background-color: rgba(0, 0, 0, 0);\n  }\n  100% {\n    background-color: rgba(0, 0, 0, 0.3);\n  }\n}\n@keyframes style-module_fade-out__30Bns {\n  from {\n    background-color: rgba(0, 0, 0, 0.3);\n  }\n  to {\n    background-color: rgba(0, 0, 0, 0);\n  }\n}\n@keyframes style-module_appear-in__3U2lu {\n  0% {\n    transform: translateY(100%);\n  }\n  80% {\n    transform: translateY(-2%);\n  }\n  100% {\n    transform: translateY(0);\n  }\n}\n@keyframes style-module_disappear-out__6pOVr {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(100%);\n  }\n}\n.style-module_close__1GERU {\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n}\n\n.style-module_overlay__AlX2J, .style-module_overlay--close__3E9GY {\n  position: fixed;\n  z-index: 100;\n  overflow: auto;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  animation: style-module_fade-in__1GZgs 0.3s both;\n}\n.style-module_overlay--close__3E9GY {\n  animation-delay: 0.1s;\n  animation: style-module_fade-out__30Bns 0.3s both;\n}\n\n.style-module_container__aOENo, .style-module_container--close__K506c {\n  position: relative;\n  background-color: white;\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  width: 100%;\n  animation-name: style-module_appear-in__3U2lu;\n  animation-duration: 0.4s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n  top: 0;\n}\n.style-module_container--close__K506c {\n  animation-name: style-module_disappear-out__6pOVr;\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_header__10iiH {\n  height: 60px;\n  display: flex;\n  align-items: center;\n  padding: 0 16px;\n}\n\n@media (max-width: 34rem) {\n  .style-module_content__mq_IJ {\n    padding-bottom: 48px;\n  }\n}";
-var styles$k = {"close":"style-module_close__1GERU","overlay":"style-module_overlay__AlX2J","overlay--close":"style-module_overlay--close__3E9GY","fade-in":"style-module_fade-in__1GZgs","fade-out":"style-module_fade-out__30Bns","container":"style-module_container__aOENo","container--close":"style-module_container--close__K506c","appear-in":"style-module_appear-in__3U2lu","disappear-out":"style-module_disappear-out__6pOVr","header":"style-module_header__10iiH","content":"style-module_content__mq_IJ"};
+var css_248z$l = "@keyframes style-module_fade-in__1GZgs {\n  0% {\n    background-color: rgba(0, 0, 0, 0);\n  }\n  100% {\n    background-color: rgba(0, 0, 0, 0.3);\n  }\n}\n@keyframes style-module_fade-out__30Bns {\n  from {\n    background-color: rgba(0, 0, 0, 0.3);\n  }\n  to {\n    background-color: rgba(0, 0, 0, 0);\n  }\n}\n@keyframes style-module_appear-in__3U2lu {\n  0% {\n    transform: translateY(100%);\n  }\n  80% {\n    transform: translateY(-2%);\n  }\n  100% {\n    transform: translateY(0);\n  }\n}\n@keyframes style-module_disappear-out__6pOVr {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(100%);\n  }\n}\n.style-module_close__1GERU {\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n}\n\n.style-module_overlay__AlX2J, .style-module_overlay--close__3E9GY {\n  position: fixed;\n  z-index: 100;\n  overflow: auto;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  animation: style-module_fade-in__1GZgs 0.3s both;\n}\n.style-module_overlay--close__3E9GY {\n  animation-delay: 0.1s;\n  animation: style-module_fade-out__30Bns 0.3s both;\n}\n\n.style-module_wrapper__200Xu {\n  position: relative;\n  top: 0;\n  width: 100%;\n  overflow: hidden;\n}\n\n.style-module_container__aOENo, .style-module_container--close__K506c {\n  background-color: white;\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  width: 100%;\n  animation-name: style-module_appear-in__3U2lu;\n  animation-duration: 0.4s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n}\n.style-module_container--close__K506c {\n  animation-name: style-module_disappear-out__6pOVr;\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_header__10iiH {\n  height: 60px;\n  display: flex;\n  align-items: center;\n  padding: 0 16px;\n}\n\n@media (max-width: 34rem) {\n  .style-module_content__mq_IJ {\n    padding-bottom: 48px;\n  }\n}";
+var styles$k = {"close":"style-module_close__1GERU","overlay":"style-module_overlay__AlX2J","overlay--close":"style-module_overlay--close__3E9GY","fade-in":"style-module_fade-in__1GZgs","fade-out":"style-module_fade-out__30Bns","wrapper":"style-module_wrapper__200Xu","container":"style-module_container__aOENo","container--close":"style-module_container--close__K506c","appear-in":"style-module_appear-in__3U2lu","disappear-out":"style-module_disappear-out__6pOVr","header":"style-module_header__10iiH","content":"style-module_content__mq_IJ"};
 styleInject(css_248z$l);
 
 var imageClose$1 = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18%206L6%2018%22%20stroke%3D%22%2326262E%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6%206L18%2018%22%20stroke%3D%22%2326262E%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
@@ -7065,12 +7065,12 @@ var BottomModal = function (_a) {
     if (!isOpen) {
         return jsxRuntime.jsx(jsxRuntime.Fragment, {}, void 0);
     }
-    return (jsxRuntime.jsx("div", __assign({ className: isClosing ? styles$k['overlay--close'] : styles$k.overlay, onClick: handleOnOverlayClick }, { children: jsxRuntime.jsxs("div", __assign({ className: (isClosing ? styles$k['container--close'] : styles$k.container) + " " + className, ref: containerRef, style: { top: containerXOffset + "px" }, onClick: handleContainerClick }, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames(styles$k.header, {
-                        'jc-between': !!title,
-                        'jc-end': !title
-                    }) }, { children: [jsxRuntime.jsx("div", __assign({ className: "p-h4 " + styles$k.title }, { children: title }), void 0),
-                        dismissible && (jsxRuntime.jsx("button", __assign({ type: "button", className: styles$k.close, onClick: handleOnClose }, { children: jsxRuntime.jsx("img", { src: imageClose$1, alt: "Close" }, void 0) }), void 0))] }), void 0),
-                jsxRuntime.jsx("div", __assign({ className: styles$k.content }, { children: children }), void 0)] }), void 0) }), void 0));
+    return (jsxRuntime.jsx("div", __assign({ className: isClosing ? styles$k['overlay--close'] : styles$k.overlay, onClick: handleOnOverlayClick }, { children: jsxRuntime.jsx("div", __assign({ className: styles$k.wrapper, ref: containerRef, onClick: handleContainerClick, style: { top: containerXOffset + "px" } }, { children: jsxRuntime.jsxs("div", __assign({ className: (isClosing ? styles$k['container--close'] : styles$k.container) + " " + className }, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames(styles$k.header, {
+                            'jc-between': !!title,
+                            'jc-end': !title
+                        }) }, { children: [jsxRuntime.jsx("div", __assign({ className: "p-h4 " + styles$k.title }, { children: title }), void 0),
+                            dismissible && (jsxRuntime.jsx("button", __assign({ type: "button", className: styles$k.close, onClick: handleOnClose }, { children: jsxRuntime.jsx("img", { src: imageClose$1, alt: "Close" }, void 0) }), void 0))] }), void 0),
+                    jsxRuntime.jsx("div", __assign({ className: styles$k.content }, { children: children }), void 0)] }), void 0) }), void 0) }), void 0));
 };
 
 var css_248z$k = "@keyframes style-module_fade-in__nLzzO {\n  0% {\n    background-color: rgba(0, 0, 0, 0);\n    visibility: hidden;\n  }\n  100% {\n    background-color: rgba(0, 0, 0, 0.3);\n    visibility: visible;\n  }\n}\n@keyframes style-module_fade-out__IuSV7 {\n  from {\n    background-color: rgba(0, 0, 0, 0.3);\n    visibility: visible;\n  }\n  to {\n    background-color: rgba(0, 0, 0, 0);\n    visibility: hidden;\n  }\n}\n@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_overlay__1Zbce, .style-module_overlay--close__2dytn {\n  position: fixed;\n  z-index: 100;\n  overflow: auto;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  animation: style-module_fade-in__nLzzO 0.3s both;\n}\n.style-module_overlay--close__2dytn {\n  animation-delay: 0.1s;\n  animation: style-module_fade-out__IuSV7 0.3s both;\n}\n\n.style-module_container__1XZj_, .style-module_container--close__3UYsJ {\n  position: relative;\n  display: flex;\n  align-items: center;\n  max-width: 592px;\n  width: 100%;\n  min-height: 100%;\n  margin: 0 auto;\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_container--close__3UYsJ {\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_body__lbUih {\n  background-color: white;\n  border-radius: 8px;\n  margin: 80px auto;\n}\n\n.style-module_header__2oEKp {\n  display: flex;\n  align-items: center;\n  padding: 24px 24px 0 24px;\n}\n\n.style-module_close__p3Axi {\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n}";