react-ecosistema-unp 0.9.16-pre-release → 1.0.0-pre-release.1

package/dist/assets/ContenedorVentana.css

@@ -0,0 +1 @@
+.container-ecosistema-unp{margin:0 auto;width:min(1100px,92%);max-width:100%;box-sizing:border-box;padding:0 .5rem;transition:width .3s ease}@media (max-width: 1600px){.container-ecosistema-unp{width:min(1000px,90%)}}@media (max-width: 1333px){.container-ecosistema-unp{width:min(950px,88%)}}@media (max-width: 1176px){.container-ecosistema-unp{width:min(850px,92%)}}@media (max-width: 1024px){.container-ecosistema-unp{width:min(800px,95%)}}@media (max-width: 900px){.container-ecosistema-unp{width:90%}}@media (max-width: 768px){.container-ecosistema-unp{width:95%;padding:0 1rem}}@media (max-width: 480px){.container-ecosistema-unp{width:100%;padding:0 .75rem}}

package/dist/assets/ContenidoModal.css

@@ -1 +1 @@
-.modal-title-container{display:flex;justify-content:space-between;align-items:center}.red-item{height:30px;width:8px;background-color:#d13c47;border-top-right-radius:5px;border-bottom-right-radius:5px}.modal-subtitle-container-left{display:flex;justify-content:center;align-items:center;font-weight:500;gap:.5rem}.modal-subtitle{margin:0;padding:0;font-size:1.1rem;color:#303d50;font-weight:600}.modal-subtitle-container-right{display:flex;justify-content:flex-end;overflow:visible}.animation-wrapper{position:relative;display:grid;grid-template-columns:1fr;width:100%}.buttons-group,.close-group{grid-row-start:1;grid-column-start:1;display:flex;gap:1rem;align-items:center;transition:all .2s cubic-bezier(.1,0,.1,1)}.buttons-group{opacity:1}.close-group{opacity:0;justify-content:flex-end}.buttons-group.hide{opacity:0}.close-group.show{opacity:1}.icon-registro{font-size:1.4rem;transition:all .3s ease-in-out;color:#646c73}.icon-registro:hover{color:#1f79ef;transition:all .3s ease-in-out;cursor:pointer}.icon-close-registro{font-size:1.4rem;transition:all .3s ease-in-out;color:#d13c47}.icon-close-registro:hover{color:#a31a23;transition:all .3s ease-in-out;cursor:pointer}.modal-horizontal-line{border-radius:10px;border-top:2px solid #D13C47;margin-top:.5rem;opacity:.75}.modal-title-body{height:calc(100% - 72px);overflow-y:auto;width:calc(100% + 15px);padding-right:5px;margin-right:-15px}.modal-title-body::-webkit-scrollbar{width:10px}.modal-title-body::-webkit-scrollbar-track{background-color:transparent}.modal-title-body::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:10px;border:3px solid transparent;background-clip:padding-box}.icon-container{position:relative;display:inline-block}.tooltip-text{z-index:9999;visibility:hidden;width:max-content;background-color:#737a83e7;color:#fff;text-align:center;border-radius:8px;padding:8px 12px;position:absolute;z-index:1000;top:100%;right:0;margin-top:8px;opacity:0;transition:opacity .1s;pointer-events:none;font-size:.9rem;transition:all .1s ease-in-out}.icon-container:hover .tooltip-text{visibility:visible;opacity:1}
+.modal-title-container{display:flex;justify-content:space-between;align-items:center}.red-item{height:30px;width:8px;background-color:#d13c47;border-top-right-radius:5px;border-bottom-right-radius:5px}.modal-subtitle-container-left{display:flex;justify-content:center;align-items:center;font-weight:500;gap:.5rem}.modal-subtitle{margin:0;padding:0;font-size:1.1rem;color:#303d50;font-weight:600}.modal-subtitle-container-right{display:flex;justify-content:flex-end;overflow:visible}.animation-wrapper{position:relative;display:grid;grid-template-columns:1fr;width:100%}.buttons-group,.close-group{grid-row-start:1;grid-column-start:1;display:flex;gap:1rem;align-items:center;transition:all .2s cubic-bezier(.1,0,.1,1)}.buttons-group{opacity:1}.close-group{opacity:0;justify-content:flex-end}.buttons-group.hide{opacity:0}.close-group.show{opacity:1}.icon-registro{font-size:1.4rem;transition:all .3s ease-in-out;color:#646c73}.icon-registro:hover{color:#1f79ef;transition:all .3s ease-in-out;cursor:pointer}.icon-close-registro{font-size:1.4rem;transition:all .3s ease-in-out;color:#d13c47}.icon-close-registro:hover{color:#a31a23;transition:all .3s ease-in-out;cursor:pointer}.modal-horizontal-line{border-radius:10px;border-top:2px solid #D13C47;margin-top:.5rem;opacity:.75}.modal-title-body{height:calc(100% - 88px);overflow-y:auto;padding:.5rem;scrollbar-gutter:stable;padding-right:8px;margin-right:-8px;box-sizing:border-box}.modal-title-body::-webkit-scrollbar{width:10px}.modal-title-body::-webkit-scrollbar-track{background-color:transparent}.modal-title-body::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:20px;border:3px solid transparent;background-clip:padding-box}.icon-container{position:relative;display:inline-block}.tooltip-text{z-index:9999;visibility:hidden;width:max-content;background-color:#737a83e7;color:#fff;text-align:center;border-radius:8px;padding:8px 12px;position:absolute;z-index:1000;top:100%;right:0;margin-top:8px;opacity:0;transition:opacity .1s;pointer-events:none;font-size:.9rem;transition:all .1s ease-in-out}.icon-container:hover .tooltip-text{visibility:visible;opacity:1}

package/dist/assets/Encabezado.css

@@ -1 +1 @@
-.title-container{display:flex;gap:1rem;align-items:center;align-content:center}.logo-subtitle-container{height:100%;display:flex;gap:.66rem;align-items:center}.red-section{height:60px;width:10px;background-color:#d13c47;border-top-right-radius:7px;border-bottom-right-radius:7px}.img-logo{height:52px;object-fit:cover}.title{font-weight:500;font-size:1.55rem;color:#232323}.subtitle{font-size:1.05rem;color:#3f3f3f}.subtitle-container{display:flex;flex-direction:column}
+.title-container{display:flex;gap:1rem;align-items:center;align-content:center;margin-top:1.75rem;margin-bottom:1.75rem}.logo-subtitle-container{height:100%;display:flex;gap:.66rem;align-items:center}.red-section{height:60px;width:10px;background-color:#d13c47;border-top-right-radius:7px;border-bottom-right-radius:7px}.img-logo{height:52px;object-fit:cover}.title{font-weight:500;font-size:1.55rem;color:#232323}.subtitle{font-size:1.05rem;color:#3f3f3f}.subtitle-container{display:flex;flex-direction:column}

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:1.75rem;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: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/SeccionTarjeta.css

@@ -1 +1 @@
-.tarjeta-container-section{background-color:#f7f7f7}.tarjeta-container-last{border-bottom-left-radius:12px;border-bottom-right-radius:12px}
+.tarjeta-container-section{background-color:#f7f7f7}

package/dist/assets/Tabla.css

@@ -1 +1 @@
-.table_container{display:flex;flex-direction:column;gap:1.5rem;text-align:center;margin-top:2rem}.table-scroll{position:relative;max-height:70vh;overflow-y:auto;overflow-x:auto;margin-right:5px;margin-left:5px;border-radius:10px;box-shadow:0 2px 12px #00000016;background:#f9fafa}.table-scroll th,.table-scroll td{white-space:nowrap;word-wrap:normal;min-width:100px;padding-left:15px;padding-right:15px}.table-scroll::-webkit-scrollbar{width:20px}.table-scroll::-webkit-scrollbar-track{background:linear-gradient(to bottom right,#f9fafa,#f9fafa,#fff);border-top-right-radius:10px;border-bottom-right-radius:10px}.table-scroll::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:10px;border:6px solid transparent;background-clip:padding-box}thead tr th{background-color:#fff!important;border-bottom:1px solid #DEE2E6!important;position:sticky;top:0;z-index:2}.table td,.table th{text-align:center;vertical-align:middle}.table{margin-bottom:0!important}.table-header-unp{background-color:#f9fafa!important;color:#2c2c2c!important;font-weight:600;font-size:1.1rem;padding:1.25rem 0!important}.cell-with-modal{transition:background-color .3s ease}.cell-with-modal:hover{background-color:#303d50!important;color:#fff;font-weight:600}.data-count,.data-unp{font-weight:500;font-size:.85rem;margin-top:1rem;margin-left:5px;margin-right:5px;color:#8c8c8f}.animation-container{gap:2rem;height:73vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#919191}@media (min-width: 1800px){.table-scroll{max-height:75vh}}
+.table_container{display:flex;flex-direction:column;gap:1.5rem;text-align:center;margin-top:.75rem}.table-scroll{position:relative;max-height:70vh;overflow-y:auto;overflow-x:auto;margin-right:5px;margin-left:5px;border-radius:10px;box-shadow:0 2px 12px #00000016;background:#f9fafa}.table-scroll th,.table-scroll td{white-space:nowrap;word-wrap:normal;min-width:100px;padding-left:15px;padding-right:15px}.table-scroll::-webkit-scrollbar{width:20px}.table-scroll::-webkit-scrollbar-track{background:linear-gradient(to bottom right,#f9fafa,#f9fafa,#fff);border-top-right-radius:10px;border-bottom-right-radius:10px}.table-scroll::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:10px;border:6px solid transparent;background-clip:padding-box}thead tr th{background-color:#fff!important;border-bottom:1px solid #DEE2E6!important;position:sticky;top:0;z-index:2}.table td,.table th{text-align:center;vertical-align:middle}.table{margin-bottom:0!important}.table-header-unp{background-color:#f9fafa!important;color:#2c2c2c!important;font-weight:600;font-size:1.1rem;padding:1.25rem 0!important}.cell-with-modal{transition:background-color .3s ease}.cell-with-modal:hover{background-color:#303d50!important;color:#fff;font-weight:600}.data-count,.data-unp{font-weight:500;font-size:.85rem;margin-top:1rem;margin-left:5px;margin-right:5px;color:#8c8c8f}.animation-container{gap:2rem;height:73vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#919191}@media (min-width: 1800px){.table-scroll{max-height:75vh}}

package/dist/assets/TablaRegistros.css

@@ -1 +1 @@
-.unp-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-left:5px;margin-right:5px;margin-top:1.25rem;margin-bottom:1.75rem}.inputs-container{display:flex;justify-content:end;width:35%;gap:1rem}@media (max-width: 1400px){.inputs-container{width:40%}}@media (max-width: 1300px){.inputs-container{width:42.5%}}@media (max-width: 1200px){.inputs-container{width:45%}}@media (max-width: 992px){.inputs-container{width:50%}}@media (max-width: 768px){.inputs-container{width:60%}}
+.unp-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-left:5px;margin-right:5px}.inputs-container{display:flex;justify-content:end;width:35%;gap:1rem}@media (max-width: 1400px){.inputs-container{width:40%}}@media (max-width: 1300px){.inputs-container{width:42.5%}}@media (max-width: 1200px){.inputs-container{width:45%}}@media (max-width: 992px){.inputs-container{width:50%}}@media (max-width: 768px){.inputs-container{width:60%}}

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}.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/assets/TarjetaInfo.css

@@ -1 +1 @@
-.tarjeta-info-container{display:flex;flex-direction:column;justify-content:space-between;border:1px solid #F4F4F4;border-radius:10px;box-shadow:0 2px 4px #00000014}.tarjeta-info-titulo-container{display:flex;flex-grow:1;justify-content:space-between;padding:1rem;color:#303d50;font-weight:500}.tarjeta-info-label-container{display:flex;gap:1rem;align-items:center}.tarjeta-info-icon{font-size:20px}.tarjeta-info-label{font-size:1.1rem;font-weight:700;margin-left:.66rem;color:#303d50}.tarjeta-info-show-container{font-size:20px;display:flex;align-items:center;gap:10px}.tarjeta-info-show-button{background-color:transparent!important;font-size:1.25rem!important;color:#303d50;padding:0rem!important;cursor:pointer}.tarjeta-info-show-button:hover{color:#697586;transition:all .3s ease-in-out}.tarjeta-info-children-container{overflow:hidden;transition:all .4s ease-in-out}.tarjeta-info-children-container::-webkit-scrollbar{width:10px}.tarjeta-info-children-container::-webkit-scrollbar-track{background:transparent}.tarjeta-info-children-container::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:10px;border:3px solid transparent;background-clip:padding-box}.tarjeta-info-content{padding:0 1rem 1rem}
+.tarjeta-info-container{display:flex;flex-direction:column;justify-content:space-between;border:1px solid #F4F4F4;border-radius:10px;box-shadow:0 2px 4px #00000014;margin-bottom:1.5rem}.tarjeta-info-titulo-container{display:flex;flex-grow:1;justify-content:space-between;padding:1rem;color:#303d50;font-weight:500}.tarjeta-info-label-container{display:flex;gap:1rem;align-items:center}.tarjeta-info-icon{font-size:20px}.tarjeta-info-label{font-size:1.1rem;font-weight:700;margin-left:.66rem;color:#303d50}.tarjeta-info-show-container{font-size:20px;display:flex;align-items:center;gap:10px}.tarjeta-info-show-button{background-color:transparent!important;font-size:1.25rem!important;color:#303d50;padding:0rem!important;cursor:pointer}.tarjeta-info-show-button:hover{color:#697586;transition:all .3s ease-in-out}.tarjeta-info-children-container{overflow:hidden;transition:all .4s ease-in-out}.tarjeta-info-children-container::-webkit-scrollbar{width:10px}.tarjeta-info-children-container::-webkit-scrollbar-track{background:transparent}.tarjeta-info-children-container::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:10px;border:3px solid transparent;background-clip:padding-box}.tarjeta-info-content{padding:0 1rem 1rem}

package/dist/cards/tarjeta/Tarjeta.js

@@ -1,38 +1,53 @@
-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 b } from "../../Button-DMwpnJlD.js";
-const S = {
+import { C, a as j } from "../../Card-BXqmurzN.js";
+import { C as S } from "../../CardBody-RoDe1y90.js";
+import { B as g } from "../../Button-DMwpnJlD.js";
+const x = {
   marginBottom: "20px",
   width: "100px"
 }, v = ({
-  title: p,
-  children: s,
-  method: n,
-  validated: m = !1,
-  onSubmit: d
+  title: m,
+  header: a,
+  children: n,
+  method: i,
+  validated: d = !1,
+  onSubmit: c
 }) => {
-  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), y = 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, u = 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 mb-4 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(C, { className: "border-0 tarjeta-unp", children: [
+          /* @__PURE__ */ s(
+            j,
+            {
+              className: "bg-unp text-light tarjeta-header-unp",
+              style: {
+                paddingTop: "1rem",
+                paddingBottom: "1rem",
+                fontSize: a ? "1.1rem" : "1.075rem",
+                fontWeight: a ? 500 : "",
+                display: a ? "flex" : "",
+                justifyContent: a ? "center" : ""
+              },
+              children: m
+            }
+          ),
+          f ? u : /* @__PURE__ */ s(S, { className: `${y ? "pt-0" : ""}`, children: n })
         ] }),
-        n === "POST" || n === "post" && /* @__PURE__ */ r("div", { style: { display: "flex", justifyContent: "end" }, children: /* @__PURE__ */ r(b, { variant: "unp_send", style: S, type: "submit", children: "Enviar" }) })
+        i === "POST" || i === "post" && /* @__PURE__ */ s("div", { style: { display: "flex", justifyContent: "end" }, children: /* @__PURE__ */ s(g, { variant: "unp_send", style: x, type: "submit", children: "Enviar" }) })
       ]
     }
   );

package/dist/cards/tarjeta/seccion-tarjeta/SeccionTarjeta.js

@@ -1,13 +1,22 @@
-import { jsx as s } from "react/jsx-runtime";
-import e from "react";
-import { C as l } from "../../../CardBody-RoDe1y90.js";
-import '../../../assets/SeccionTarjeta.css';const n = ({ isGray: r = !1, children: a, isLast: o = !1 }) => {
-  const t = e.Children.toArray(a), i = t[0] && e.isValidElement(t[0]) && t[0].type.displayName === "Subtitulo";
-  return /* @__PURE__ */ s(l, { className: `${r ? "tarjeta-container-section" : ""} 
-            ${o ? "tarjeta-container-last" : ""} 
-            ${i ? "pt-0" : ""}`, children: a });
+import { jsx as l } from "react/jsx-runtime";
+import o from "react";
+import { C as d } from "../../../CardBody-RoDe1y90.js";
+import '../../../assets/SeccionTarjeta.css';const m = ({ isGray: a = !1, children: e, isLast: r = !1, hasPaddingTop: i = !0 }) => {
+  const t = o.Children.toArray(e), s = t[0] && o.isValidElement(t[0]) && t[0].type.displayName === "Subtitulo";
+  return /* @__PURE__ */ l(
+    d,
+    {
+      className: `${a ? "tarjeta-container-section" : ""} 
+            ${s || !i ? "pt-0" : ""}`,
+      style: {
+        borderBottomLeftRadius: r ? "12px" : "",
+        borderBottomRightRadius: r ? "12px" : ""
+      },
+      children: e
+    }
+  );
 };
-n.displayName = "SeccionTarjeta";
+m.displayName = "SeccionTarjeta";
 export {
-  n as SeccionTarjeta
+  m as SeccionTarjeta
 };

package/dist/cards/tarjeta-lectura/TarjetaLectura.js

@@ -1,7 +1,7 @@
 import { jsxs as i, Fragment as l, jsx as e } from "react/jsx-runtime";
 import { useState as v, useRef as d, useEffect as y } from "react";
-import { Logo as _ } from "../../ui/logo/Logo.js";
-import { SeccionTarjetaLectura as g } from "./seccion-tarjeta-lectura/SeccionTarjetaLectura.js";
+import { Logo as g } from "../../ui/logo/Logo.js";
+import { SeccionTarjetaLectura as _ } from "./seccion-tarjeta-lectura/SeccionTarjetaLectura.js";
 import '../../assets/Bootstrap.css';import '../../assets/TarjetaLectura.css';/* empty css                       */
 import { B as h } from "../../Button-DMwpnJlD.js";
 const k = ({ title: m, subtitle: u, headerContent: f, stepContent: n, children: o }) => {
@@ -17,11 +17,11 @@ const k = ({ title: m, subtitle: u, headerContent: f, stepContent: n, children:
           /* @__PURE__ */ e("h3", { children: m }),
           /* @__PURE__ */ e("h5", { children: u })
         ] }),
-        /* @__PURE__ */ e("div", { className: "logo_container_qy", children: /* @__PURE__ */ e(_, { type: "entidad", variant: "unidad", color: "rojo", height: "80px" }) })
+        /* @__PURE__ */ e("div", { className: "logo_container_qy", children: /* @__PURE__ */ e(g, { type: "entidad", variant: "unidad", color: "gris", height: "90px" }) })
       ] }),
       /* @__PURE__ */ e("div", { className: "section_header_container_qy", children: f }),
       n ? /* @__PURE__ */ i("div", { ref: c, children: [
-        /* @__PURE__ */ e(g, { title: "Secciones", children: /* @__PURE__ */ e("ul", { id: "paginador-tarjeta-lectura", children: n.map((s, a) => /* @__PURE__ */ i(
+        /* @__PURE__ */ e(_, { title: "Secciones", children: /* @__PURE__ */ e("ul", { id: "paginador-tarjeta-lectura", children: n.map((s, a) => /* @__PURE__ */ i(
           "li",
           {
             className: a <= r ? "active" : "",

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

@@ -1,6 +1,7 @@
 import { default as React } from 'react';
 interface TarjetaProps {
     title: string;
+    header?: boolean;
     children: React.ReactNode;
     method?: string;
     validated?: boolean;

package/dist/lib/cards/tarjeta/seccion-tarjeta/SeccionTarjeta.d.ts

@@ -3,6 +3,7 @@ export interface SeccionTarjetaProps {
     isGray?: boolean;
     children: React.ReactNode;
     isLast?: boolean;
+    hasPaddingTop?: boolean;
 }
 declare const SeccionTarjeta: React.FC<SeccionTarjetaProps>;
 export { SeccionTarjeta };

package/dist/lib/ui/contenedor-ventana/ContenedorVentana.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface ContenedorVentanaProps {
+    children?: React.ReactNode;
+    style?: React.CSSProperties;
+}
+declare const ContenedorVentana: React.FC<ContenedorVentanaProps>;
+export { ContenedorVentana };

package/dist/lib/ui.d.ts

@@ -5,3 +5,4 @@ export { Paginador } from './ui/paginador/Paginador.js';
 export { Logo } from './ui/logo/Logo.js';
 export { ItemsModal } from './ui/items-modal/ItemsModal.js';
 export { IconoTooltip } from './ui/icono-tooltip/IconoTooltip.js';
+export { ContenedorVentana } from './ui/contenedor-ventana/ContenedorVentana.js';

package/dist/tables/tabla-registros/encabezado-tabla/EncabezadoTabla.js

@@ -2,15 +2,16 @@ import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import { Encabezado as a } from "../../../ui/encabezado/Encabezado.js";
 import "../../../ui/subtitulo/Subtitulo.js";
 import "react";
-import '../../../assets/IconoTooltip.css';import '../../../assets/ItemsModal.css';import '../../../assets/Bootstrap.css';import '../../../assets/Paginador.css';import '../../../assets/ContenidoModal.css';/* empty css                               */
+import '../../../assets/ContenedorVentana.css';import '../../../assets/IconoTooltip.css';import '../../../assets/ItemsModal.css';import '../../../assets/Bootstrap.css';import '../../../assets/Paginador.css';import '../../../assets/ContenidoModal.css';/* empty css                               */
 /* empty css                          */
 /* empty css                          */
 import "../../../ui/logo/Logo.js";
 import "react-router-dom";
 /* empty css                           */
 /* empty css                             */
+/* empty css                                  */
 import { BusquedaInput as e } from "../buscador/Buscador.js";
-const E = ({
+const N = ({
   title: m,
   subtitle: t,
   data: p,
@@ -24,5 +25,5 @@ const E = ({
   ] })
 ] });
 export {
-  E as EncabezadoTabla
+  N as EncabezadoTabla
 };

package/dist/ui/contenedor-ventana/ContenedorVentana.js

@@ -0,0 +1,6 @@
+import { jsx as o } from "react/jsx-runtime";
+import '../../assets/ContenedorVentana.css';/* empty css                               */
+const a = ({ style: e, children: n }) => /* @__PURE__ */ o("div", { className: "container-ecosistema-unp", style: e, children: n });
+export {
+  a as ContenedorVentana
+};

package/dist/ui/contenido-modal/ContenidoModal.js

@@ -1,18 +1,18 @@
-import { jsxs as s, Fragment as N, jsx as e } from "react/jsx-runtime";
-import p, { useState as n } from "react";
+import { jsxs as s, Fragment as p, jsx as e } from "react/jsx-runtime";
+import N, { useState as n } from "react";
 import { f } from "../../index-D_9gBL0I.js";
 import '../../assets/ContenidoModal.css';/* empty css                            */
 const x = ({ title: u, modalContent: i, children: d }) => {
   const [t, l] = n(0), [m, r] = n(!0), [c, o] = n(!1);
-  return /* @__PURE__ */ s(N, { children: [
-    /* @__PURE__ */ s("div", { style: { marginBottom: "2rem" }, children: [
+  return /* @__PURE__ */ s(p, { children: [
+    /* @__PURE__ */ s("div", { style: { padding: "0.5rem" }, children: [
       /* @__PURE__ */ s("div", { className: "modal-title-container", children: [
         /* @__PURE__ */ s("div", { className: "modal-subtitle-container-left", children: [
           /* @__PURE__ */ e("div", { className: "red-item" }),
           /* @__PURE__ */ e("div", { className: "modal-subtitle", children: c && i && t ? i[t].label : u })
         ] }),
         /* @__PURE__ */ e("div", { className: "modal-subtitle-container-right", children: i && /* @__PURE__ */ s("div", { className: "animation-wrapper", children: [
-          m && /* @__PURE__ */ e("div", { className: `buttons-group ${c ? "hide" : "show"}`, children: i.slice(1).map((a, h) => /* @__PURE__ */ e(p.Fragment, { children: a.icon && /* @__PURE__ */ s("div", { className: "icon-container", children: [
+          m && /* @__PURE__ */ e("div", { className: `buttons-group ${c ? "hide" : "show"}`, children: i.slice(1).map((a, h) => /* @__PURE__ */ e(N.Fragment, { children: a.icon && /* @__PURE__ */ s("div", { className: "icon-container", children: [
             /* @__PURE__ */ e(
               a.icon,
               {

package/dist/ui.js

@@ -1,16 +1,18 @@
 import { Encabezado as t } from "./ui/encabezado/Encabezado.js";
 import { Subtitulo as m } from "./ui/subtitulo/Subtitulo.js";
-import { ContenidoModal as f } from "./ui/contenido-modal/ContenidoModal.js";
-import { Paginador as a } from "./ui/paginador/Paginador.js";
-import { Logo as n } from "./ui/logo/Logo.js";
+import { ContenidoModal as p } from "./ui/contenido-modal/ContenidoModal.js";
+import { Paginador as f } from "./ui/paginador/Paginador.js";
+import { Logo as d } from "./ui/logo/Logo.js";
 import { ItemsModal as l } from "./ui/items-modal/ItemsModal.js";
 import { IconoTooltip as c } from "./ui/icono-tooltip/IconoTooltip.js";
+import { ContenedorVentana as u } from "./ui/contenedor-ventana/ContenedorVentana.js";
 export {
-  f as ContenidoModal,
+  u as ContenedorVentana,
+  p as ContenidoModal,
   t as Encabezado,
   c as IconoTooltip,
   l as ItemsModal,
-  n as Logo,
-  a as Paginador,
+  d as Logo,
+  f as Paginador,
   m as Subtitulo
 };

package/package.json

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