@eclass/ui-kit 1.7.1 → 1.7.4

package/dist/eclass-ui-kit.es.js

@@ -26083,23 +26083,26 @@ const styles = {
       borderStyle: "none"
     },
     ".chakra-modal__content-container": {
+      padding: "1.87rem",
       zIndex: "1400",
       justifyContent: "center",
       alignItems: "center",
       overflow: "auto"
     },
     ".chakra-modal__content": {
-      borderRadius: "8px",
+      borderRadius: "0.5rem",
       background: "white",
       color: "inherit",
       zIndex: "1400",
-      maxWidth: "589px"
+      maxWidth: "36.813rem",
+      boxShadow: "0px 4px 16px rgba(92, 92, 92, 0.2)"
     },
     ".chakra-modal__header": {
       paddingInlineStart: "1.5rem",
       paddingInlineEnd: "1.5rem",
       fontSize: "1.25rem",
       fontWeight: "700",
+      textAlign: "center",
       ".chakra-icon": {
         width: "13rem"
       }
@@ -26107,7 +26110,7 @@ const styles = {
     ".chakra-modal__close-btn": {
       width: "2rem",
       height: "2rem",
-      borderRadius: "8px",
+      borderRadius: "0.5rem",
       fontSize: "0.75rem",
       position: "absolute",
       top: "0.5rem",
@@ -27450,9 +27453,10 @@ function PaymentModal({
     onClose,
     size: "xl",
     blockScrollOnMount: false,
+    closeOnOverlayClick: false,
     children: [overlay, /* @__PURE__ */ jsxs(ModalContent, {
       marginTop: "0",
-      marginBottom: "10.75rem",
+      marginBottom: ["25.75rem", "15.75rem"],
       children: [/* @__PURE__ */ jsxs(ModalHeader, {
         justifyContent: "center",
         display: "flex",
@@ -27473,6 +27477,7 @@ function PaymentModal({
       }), /* @__PURE__ */ jsx(ModalBody, {
         p: "1rem 2rem 2rem 2rem",
         children: /* @__PURE__ */ jsx(Text, {
+          align: "center",
           children: modalPaymentText.body
         })
       }), /* @__PURE__ */ jsx(ModalFooter, {
@@ -27490,7 +27495,7 @@ function PaymentModal({
           _hover: cssButton,
           _focus: cssButton,
           _active: cssButton,
-          children: "Entendido"
+          children: modalPaymentText.buttonName
         })
       })]
     })]
@@ -27500,7 +27505,6 @@ Modal.displayName = "Modal";
 function Footer({
   modalPaymentText
 }) {
-  var _a;
   const {
     action,
     Profile: Profile2,
@@ -27519,7 +27523,7 @@ function Footer({
     setOverlay(true);
     onOpen();
   };
-  if (action == null || (action == null ? void 0 : action.enabled) && ((_a = action.href) == null ? void 0 : _a.length) === 0) {
+  if (action == null) {
     return null;
   }
   return /* @__PURE__ */ jsxs(Center, {
@@ -27537,6 +27541,7 @@ function Footer({
         mr: action.hasIcon ? "1.5rem" : "0",
         lineHeight: "1.172rem",
         p: "0",
+        zIndex: "inherit !important",
         _hover: cssButton,
         _focus: cssButton,
         _active: cssButton,