react-ecosistema-unp 1.0.0-pre-release → 1.0.0-pre-release.2

package/dist/assets/Modal.css

@@ -1 +1 @@
-.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:flex-end;align-items:center;transition:opacity .4s ease;opacity:0;visibility:hidden;z-index:1000}.modal-overlay.show{opacity:1;visibility:visible}.modal-overlay.hide{opacity:0;visibility:none}.modal-container{width:42%;height:95vh;background:#fff;box-shadow:0 4px 8px #0003;position:relative;transform:translate(100%);transition:transform .4s ease,opacity .4s ease;border-radius:12px;margin:1.75em}.modal-container.show{transform:translate(0);opacity:1}.modal-container.hide{transform:translate(100%);opacity:0}@media (max-width: 1920px){.modal-container{width:40%!important}}@media (max-width: 1800px){.modal-container{width:42.5%!important}}@media (max-width: 1650px){.modal-container{width:45%!important}}@media (max-width: 1500px){.modal-container{width:50%!important}}@media (max-width: 1425px){.modal-container{width:55%!important}}@media (max-width: 1275px){.modal-container{width:57.5%!important}}@media (max-width: 1150px){.modal-container{width:60%!important}}@media (max-width: 992px){.modal-container{width:70%!important}}@media (max-width: 768px){.modal-container{width:80%!important}}.modal_header{display:flex;justify-content:space-between;align-items:center;padding:10px 30px;background-color:#303d50;color:#fff;font-weight:500;font-size:16px;border-radius:12px 12px 0 0}.modal_body{padding:1rem;height:calc(100% - 56px);border-radius:0 0 12px 12px;overflow-y:auto}.close_button{background:none;border:none;font-size:1.5em;cursor:pointer;color:#fff}.close_button:hover{color:#d36269}.unp-row-subtitle{margin-bottom:4rem}.modal_subtitle_container{display:flex;gap:.5rem;font-size:18px;font-weight:400;align-items:center}.modal_body::-webkit-scrollbar{width:10px}.modal_body::-webkit-scrollbar-track{background:transparent}.modal_body::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:10px;border:3px solid transparent;background-clip:padding-box}
+.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:flex-end;align-items:center;transition:opacity .4s ease;opacity:0;visibility:hidden;z-index:1000}.modal-overlay.show{opacity:1;visibility:visible}.modal-overlay.hide{opacity:0;visibility:none}.modal-container{width:42%;height:95vh;background:#fff;box-shadow:0 4px 8px #0003;position:relative;transform:translate(100%);transition:transform .4s ease,opacity .4s ease;border-radius:12px;margin:1.75em}.modal-container.show{transform:translate(0);opacity:1}.modal-container.hide{transform:translate(100%);opacity:0}@media (max-width: 1920px){.modal-container{width:40%!important}}@media (max-width: 1800px){.modal-container{width:42.5%!important}}@media (max-width: 1650px){.modal-container{width:45%!important}}@media (max-width: 1500px){.modal-container{width:50%!important}}@media (max-width: 1425px){.modal-container{width:55%!important}}@media (max-width: 1275px){.modal-container{width:57.5%!important}}@media (max-width: 1150px){.modal-container{width:60%!important}}@media (max-width: 992px){.modal-container{width:70%!important}}@media (max-width: 768px){.modal-container{width:80%!important}}.modal_header{display:flex;justify-content:space-between;align-items:center;padding:10px 30px;background-color:#303d50;color:#fff;font-weight:500;font-size:16px;border-radius:12px 12px 0 0}.modal_body{padding:1.25rem 1.75rem 1rem;height:calc(100% - 56px);border-radius:0 0 12px 12px;overflow-y:auto}.close_button{background:none;border:none;font-size:1.5em;cursor:pointer;color:#fff}.close_button:hover{color:#d36269}.unp-row-subtitle{margin-bottom:4rem}.modal_subtitle_container{display:flex;gap:.5rem;font-size:18px;font-weight:400;align-items:center}.modal_body::-webkit-scrollbar{width:10px}.modal_body::-webkit-scrollbar-track{background:transparent}.modal_body::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:10px;border:3px solid transparent;background-clip:padding-box}

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;font-size:1.075rem}
+.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}

package/dist/cards/tarjeta/Tarjeta.js

@@ -1,42 +1,58 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import t from "react";
+import { jsxs as p, jsx as s } from "react/jsx-runtime";
+import e from "react";
 import '../../assets/Bootstrap.css';import '../../assets/Tarjeta.css';/* empty css                       */
-import { C as f, a as j } from "../../Card-BXqmurzN.js";
-import { C } from "../../CardBody-RoDe1y90.js";
-import { B as S } from "../../Button-DMwpnJlD.js";
-const b = {
+import { C as j, a as S } from "../../Card-BXqmurzN.js";
+import { C as g } from "../../CardBody-RoDe1y90.js";
+import { B as x } from "../../Button-DMwpnJlD.js";
+const N = {
   marginBottom: "20px",
   width: "100px"
-}, v = ({
-  title: p,
-  children: s,
-  method: n,
-  validated: m = !1,
-  onSubmit: d
+}, V = ({
+  title: m,
+  header: a,
+  children: n,
+  method: i,
+  validated: d = !1,
+  onSubmit: c,
+  hasPaddingTop: y = !0
 }) => {
-  const a = t.Children.toArray(s), c = a[0] && t.isValidElement(a[0]) && a[0].type.displayName === "Subtitulo", i = a.filter(
-    (e) => t.isValidElement(e) && e.type.displayName === "SeccionTarjeta"
-  ), y = i.length > 0, u = t.Children.map(s, (e, o) => t.isValidElement(e) && e.type.displayName === "SeccionTarjeta" ? t.cloneElement(e, {
-    isGray: e.props.isGray ?? o % 2 === 1,
-    isLast: e.props.isLast ?? o === i.length - 1
-  }) : e);
-  return /* @__PURE__ */ l(
+  const r = e.Children.toArray(n), u = r[0] && e.isValidElement(r[0]) && r[0].type.displayName === "Subtitulo", o = r.filter(
+    (t) => e.isValidElement(t) && t.type.displayName === "SeccionTarjeta"
+  ), f = 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
+  }) : t);
+  return /* @__PURE__ */ p(
     "form",
     {
-      method: n,
+      method: i,
       noValidate: !0,
-      onSubmit: d,
-      className: m ? "was-validated" : "",
+      onSubmit: c,
+      className: d ? "was-validated" : "",
       children: [
-        /* @__PURE__ */ l(f, { className: "border-0 tarjeta-unp", children: [
-          /* @__PURE__ */ r(j, { className: "d-flex justify-content-between align-items-center bg-unp text-light py-3 tarjeta-header-unp", children: p }),
-          y ? u : /* @__PURE__ */ r(C, { className: `${c ? "pt-0" : ""}`, children: s })
+        /* @__PURE__ */ p(j, { className: "border-0 tarjeta-unp", children: [
+          /* @__PURE__ */ s(
+            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" : ""
+              },
+              children: m
+            }
+          ),
+          f ? C : /* @__PURE__ */ s(g, { className: `${u || !y ? "pt-0" : ""}`, children: n })
         ] }),
-        n === "POST" || n === "post" && /* @__PURE__ */ r("div", { style: { display: "flex", justifyContent: "end" }, children: /* @__PURE__ */ r(S, { variant: "unp_send", style: b, type: "submit", children: "Enviar" }) })
+        i === "POST" || i === "post" && /* @__PURE__ */ s("div", { style: { display: "flex", justifyContent: "end" }, children: /* @__PURE__ */ s(x, { variant: "unp_send", style: N, type: "submit", children: "Enviar" }) })
       ]
     }
   );
 };
 export {
-  v as Tarjeta
+  V as Tarjeta
 };

package/dist/cards/tarjeta-lectura/seccion-tarjeta-lectura/SeccionTarjetaLectura.js

@@ -1,12 +1,16 @@
-import { jsxs as n, Fragment as d, jsx as r } from "react/jsx-runtime";
+import { jsxs as d, Fragment as l, jsx as r } from "react/jsx-runtime";
 import i from "react";
-import '../../../assets/SeccionTarjetaLectura.css';const o = ({ title: a, children: t }) => {
-  const e = i.Children.toArray(t), s = e[0] && i.isValidElement(e[0]) && e[0].type.displayName === "Subtitulo";
-  return /* @__PURE__ */ n(d, { children: [
+import '../../../assets/SeccionTarjetaLectura.css';const c = ({
+  title: a,
+  children: t,
+  hasPaddingTop: s = !0
+}) => {
+  const e = i.Children.toArray(t), n = e[0] && i.isValidElement(e[0]) && e[0].type.displayName === "Subtitulo";
+  return /* @__PURE__ */ d(l, { children: [
     /* @__PURE__ */ r("div", { className: "section_header_qy", children: /* @__PURE__ */ r("span", { children: a }) }),
-    /* @__PURE__ */ r("div", { style: { padding: `${s ? "0rem" : "1.25rem"} 1.25rem 1.25rem 1.25rem` }, children: t })
+    /* @__PURE__ */ r("div", { style: { padding: `${n || !s ? "0rem" : "1.25rem"} 1.25rem 1.25rem 1.25rem` }, children: t })
   ] });
 };
 export {
-  o as SeccionTarjetaLectura
+  c as SeccionTarjetaLectura
 };

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

@@ -1,10 +1,12 @@
 import { default as React } from 'react';
 interface TarjetaProps {
     title: string;
+    header?: boolean;
     children: React.ReactNode;
     method?: string;
     validated?: boolean;
     onSubmit?: (...args: any[]) => any;
+    hasPaddingTop?: boolean;
 }
 declare const Tarjeta: React.FC<TarjetaProps>;
 export { Tarjeta };

package/dist/lib/cards/tarjeta-lectura/seccion-tarjeta-lectura/SeccionTarjetaLectura.d.ts

@@ -2,6 +2,7 @@ import { default as React } from 'react';
 interface SeccionTarjetaLecturaProps {
     title: string;
     children: React.ReactNode;
+    hasPaddingTop?: boolean;
 }
 declare const SeccionTarjetaLectura: React.FC<SeccionTarjetaLecturaProps>;
 export { SeccionTarjetaLectura };

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.0.0-pre-release",
+  "version": "1.0.0-pre-release.2",
   "type": "module",
   "exports": {
     ".": {