react-ecosistema-unp 1.2.2 → 1.2.4

package/dist/assets/Subtitulo.css

@@ -1 +1 @@
-.subtitulo-contenedor-fila{display:flex;justify-content:space-between;align-items:center}.subtitulo-contenedor-icon-subtitle{display:flex;justify-content:start;align-items:center}.subtitulo-icon{font-size:1.25rem;color:#303d50;margin-right:.66rem}.subtitulo-subtitle{font-size:1.1rem;font-weight:700;color:#303d50}
+.subtitulo-contenedor-fila{display:flex;justify-content:space-between;align-items:center}.subtitulo-contenedor-icon-subtitle{display:flex;justify-content:start;align-items:center}.subtitulo-icon{font-size:1.25rem;color:#303d50;margin-right:.66rem;flex-shrink:0}.subtitulo-subtitle{font-size:1.1rem;font-weight:700;color:#303d50}

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,65 @@
-import { jsxs as p, jsx as s } from "react/jsx-runtime";
-import e from "react";
+import { jsxs as o, jsx as e, Fragment as C } from "react/jsx-runtime";
+import a 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 N, a as S } from "../../Card-BXqmurzN.js";
+import { C as x } from "../../CardBody-RoDe1y90.js";
+import { B as h } from "../../Button-DMwpnJlD.js";
+const B = {
   marginBottom: "20px",
   width: "100px"
-}, _ = ({
-  title: m,
-  header: a = !1,
+}, A = ({
+  title: c,
+  header: s = !1,
   children: n,
-  method: i = "get",
+  method: l = "get",
   validated: d = !1,
-  onSubmit: c,
-  hasPaddingTop: y = !0
+  onSubmit: u,
+  hasPaddingTop: y = !0,
+  onClose: r,
+  hasBody: f = !0
 }) => {
-  const r = e.Children.toArray(n), f = r[0] && e.isValidElement(r[0]) && r[0].type.displayName === "Subtitulo", o = r.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
+  const i = a.Children.toArray(n), g = i[0] && a.isValidElement(i[0]) && i[0].type.displayName === "Subtitulo", m = i.filter(
+    (t) => a.isValidElement(t) && t.type.displayName === "SeccionTarjeta"
+  ), b = m.length > 0, j = a.Children.map(n, (t, p) => a.isValidElement(t) && t.type.displayName === "SeccionTarjeta" ? a.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(N, { className: "border-0 tarjeta-unp", children: [
+          /* @__PURE__ */ o(
+            S,
             {
               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: r ? "0.55rem" : "1rem",
+                paddingBottom: r ? "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__ */ e("span", { style: { marginLeft: s && r ? "auto" : "" }, children: c }),
+                r && /* @__PURE__ */ e("button", { className: "card-close-button", onClick: r, type: "button", children: "×" })
+              ]
             }
           ),
-          u ? C : /* @__PURE__ */ s(S, { className: `${f || !y ? "pt-0" : ""}`, children: n })
+          b ? j : f ? /* @__PURE__ */ e(x, { className: `${g || !y ? "pt-0" : ""}`, children: n }) : /* @__PURE__ */ e(C, { children: n })
         ] }),
-        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__ */ e("div", { style: { display: "flex", justifyContent: "end" }, children: /* @__PURE__ */ e(h, { variant: "unp_send", style: B, type: "submit", children: "Enviar" }) })
       ]
     }
   );
 };
 export {
-  _ as Tarjeta
+  A as Tarjeta
 };

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

@@ -8,6 +8,8 @@ interface TarjetaProps {
     validated?: boolean;
     onSubmit?: (...args: any[]) => any;
     hasPaddingTop?: boolean;
+    onClose?: (...args: any[]) => any;
+    hasBody?: boolean;
 }
 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.4",
   "type": "module",
   "exports": {
     ".": {