react-ecosistema-unp 1.2.2 → 1.2.3

package/dist/assets/Tarjeta.css

@@ -1 +1 @@
-.bg-unp{border-radius:6px 6px 0 0!important;background-color:#303d50!important}.tarjeta-unp{border-radius:12px!important;box-shadow:0 6px 10px #00000019;border-bottom-left-radius:12px;margin-bottom:1.5rem}.tarjeta-header-unp{border-top-left-radius:12px!important;border-top-right-radius:12px!important}
+.bg-unp{border-radius:6px 6px 0 0!important;background-color:#303d50!important}.tarjeta-unp{border-radius:12px!important;box-shadow:0 6px 10px #00000019;border-bottom-left-radius:12px;margin-bottom:1.5rem}.tarjeta-header-unp{border-top-left-radius:12px!important;border-top-right-radius:12px!important}.card-close-button{background:none;border:none;font-size:1.5em;cursor:pointer;color:#fff;margin-left:auto}.card-close-button:hover{color:#d36269}

package/dist/cards/tarjeta/Tarjeta.js

@@ -1,59 +1,64 @@
-import { jsxs as p, jsx as s } from "react/jsx-runtime";
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
 import e from "react";
 import '../../assets/Bootstrap.css';import '../../assets/Tarjeta.css';/* empty css                     */
 /* empty css                       */
-import { C as j, a as g } from "../../Card-BXqmurzN.js";
-import { C as S } from "../../CardBody-RoDe1y90.js";
-import { B as x } from "../../Button-DMwpnJlD.js";
-const N = {
+import { C as j, a as C } from "../../Card-BXqmurzN.js";
+import { C as N } from "../../CardBody-RoDe1y90.js";
+import { B as S } from "../../Button-DMwpnJlD.js";
+const h = {
   marginBottom: "20px",
   width: "100px"
-}, _ = ({
-  title: m,
-  header: a = !1,
-  children: n,
-  method: i = "get",
+}, L = ({
+  title: c,
+  header: s = !1,
+  children: i,
+  method: l = "get",
   validated: d = !1,
-  onSubmit: c,
-  hasPaddingTop: y = !0
+  onSubmit: u,
+  hasPaddingTop: y = !0,
+  onClose: a
 }) => {
-  const r = e.Children.toArray(n), f = r[0] && e.isValidElement(r[0]) && r[0].type.displayName === "Subtitulo", o = r.filter(
+  const n = e.Children.toArray(i), f = n[0] && e.isValidElement(n[0]) && n[0].type.displayName === "Subtitulo", m = n.filter(
     (t) => e.isValidElement(t) && t.type.displayName === "SeccionTarjeta"
-  ), u = o.length > 0, C = e.Children.map(n, (t, l) => e.isValidElement(t) && t.type.displayName === "SeccionTarjeta" ? e.cloneElement(t, {
-    isGray: t.props.isGray ?? l % 2 === 1,
-    isLast: t.props.isLast ?? l === o.length - 1
+  ), g = m.length > 0, b = e.Children.map(i, (t, p) => e.isValidElement(t) && t.type.displayName === "SeccionTarjeta" ? e.cloneElement(t, {
+    isGray: t.props.isGray ?? p % 2 === 1,
+    isLast: t.props.isLast ?? p === m.length - 1
   }) : t);
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ o(
     "form",
     {
-      method: i,
+      method: l,
       noValidate: !0,
-      onSubmit: c,
+      onSubmit: u,
       className: d ? "was-validated" : "",
       children: [
-        /* @__PURE__ */ p(j, { className: "border-0 tarjeta-unp", children: [
-          /* @__PURE__ */ s(
-            g,
+        /* @__PURE__ */ o(j, { className: "border-0 tarjeta-unp", children: [
+          /* @__PURE__ */ o(
+            C,
             {
               className: "bg-unp text-light tarjeta-header-unp",
               style: {
-                paddingTop: "1rem",
-                paddingBottom: "1rem",
-                fontSize: a ? "1.125rem" : "1.075rem",
-                fontWeight: a ? 500 : "",
-                display: a ? "flex" : "",
-                justifyContent: a ? "center" : ""
+                paddingTop: a ? "0.55rem" : "1rem",
+                paddingBottom: a ? "0.55rem" : "1rem",
+                fontSize: s ? "1.125rem" : "1.075rem",
+                fontWeight: s ? 500 : "",
+                display: "flex",
+                justifyContent: s ? "center" : "space-between",
+                alignItems: "center"
               },
-              children: m
+              children: [
+                /* @__PURE__ */ r("span", { style: { marginLeft: s && a ? "auto" : "" }, children: c }),
+                a && /* @__PURE__ */ r("button", { className: "card-close-button", onClick: a, type: "button", children: "×" })
+              ]
             }
           ),
-          u ? C : /* @__PURE__ */ s(S, { className: `${f || !y ? "pt-0" : ""}`, children: n })
+          g ? b : /* @__PURE__ */ r(N, { className: `${f || !y ? "pt-0" : ""}`, children: i })
         ] }),
-        i === "post" && /* @__PURE__ */ s("div", { style: { display: "flex", justifyContent: "end" }, children: /* @__PURE__ */ s(x, { variant: "unp_send", style: N, type: "submit", children: "Enviar" }) })
+        l === "post" && /* @__PURE__ */ r("div", { style: { display: "flex", justifyContent: "end" }, children: /* @__PURE__ */ r(S, { variant: "unp_send", style: h, type: "submit", children: "Enviar" }) })
       ]
     }
   );
 };
 export {
-  _ as Tarjeta
+  L as Tarjeta
 };

package/dist/lib/cards/tarjeta/Tarjeta.d.ts

@@ -8,6 +8,7 @@ interface TarjetaProps {
     validated?: boolean;
     onSubmit?: (...args: any[]) => any;
     hasPaddingTop?: boolean;
+    onClose?: (...args: any[]) => any;
 }
 declare const Tarjeta: React.FC<TarjetaProps>;
 export { Tarjeta };

package/package.json

@@ -2,7 +2,7 @@
   "name": "react-ecosistema-unp",
   "author": "Ecosistema de Información - Unidad Nacional de Protección",
   "private": false,
-  "version": "1.2.2",
+  "version": "1.2.3",
   "type": "module",
   "exports": {
     ".": {