@crtobiasdelsud/portal-ui 1.0.4 → 1.0.6

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Changelog
 
+## [Unreleased] — 2026-05-18
+
+### Fixed
+
+- `EditorOutput` + `EditorOutputFull`: `@editorjs/quote` guarda `caption` como HTML via `innerHTML`; se renderizaba como texto plano mostrando tags HTML crudos en el autor de la cita. Corregido con `dangerouslySetInnerHTML`.
+
+---
+
+## 1.0.2 — 2026-05-15
+
+Patch release. Fixes menores sobre la migracion 1.0.0; sin breaking changes
+en API publica. Detalle de cambios: ver `git log v1.0.1..v1.0.2 -- src/`.
+
+## 1.0.1 — 2026-05-14
+
+Patch release post-1.0.0. Sin breaking changes en API publica.
+Detalle de cambios: ver `git log v1.0.0..v1.0.1 -- src/`.
+
 ## 1.0.0 — 2026-05-14
 
 Migración 100% completa. Paridad total entre portal y CMS — todos los

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crtobiasdelsud/portal-ui",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "Componentes compartidos entre el portal (Next) y el CMS (Vite) — widgets, views, providers para adapters y article pool.",
   "type": "module",
   "main": "./src/index.js",

package/src/components/EditorOutput/EditorOutput.jsx

@@ -109,7 +109,7 @@ function Block({ block, cls, isAmp }) {
       return (
         <blockquote className={cls.quote} suppressHydrationWarning>
           <p dangerouslySetInnerHTML={{ __html: block.data.text }} suppressHydrationWarning />
-          {block.data.caption && <cite>{block.data.caption}</cite>}
+          {block.data.caption && <cite dangerouslySetInnerHTML={{ __html: block.data.caption }} suppressHydrationWarning />}
         </blockquote>
       )
 

package/src/components/EditorOutputFull/EditorOutputFull.jsx

@@ -109,7 +109,7 @@ function Block({ block, cls, isAmp }) {
       return (
         <blockquote className={cls.quote}>
           <p dangerouslySetInnerHTML={{ __html: block.data.text }} />
-          {block.data.caption && <cite>{block.data.caption}</cite>}
+          {block.data.caption && <cite dangerouslySetInnerHTML={{ __html: block.data.caption }} />}
         </blockquote>
       )
 

package/src/components/Footers/FooterSimple/FooterSimple.jsx

@@ -33,13 +33,19 @@ export default function FooterSimple({ isAmp = false }) {
   } = s
   const social = { ...headerSocial, ...(s.social ?? {}) }
 
-  const safeTextColor = footerTextColor ?? theme.textColor ?? '#ffffff'
+  // Colores propios del footer (footer.settings) con fallback al theme global
+  const footerBg     = s.backgroundColor ?? theme.secondary ?? '#0D1333'
+  const footerText   = s.textColor ?? footerTextColor ?? theme.textColor ?? '#ffffff'
+  const footerAccent = s.primaryColor ?? theme.primary ?? footerBg
+  const footerFont   = s.fontFamily
+
   const inlineStyle = {
-    color: safeTextColor,
-    '--primary-color':        theme.primary,
-    '--secondary-color':      theme.secondary,
-    '--text-color':           safeTextColor,
-    '--social-hover-filter':  theme.primary ? hexToCssFilter(theme.primary) : 'none',
+    color: footerText,
+    ...(footerFont && { fontFamily: footerFont }),
+    '--primary-color':        footerAccent,
+    '--secondary-color':      footerBg,
+    '--text-color':           footerText,
+    '--social-hover-filter':  footerAccent ? hexToCssFilter(footerAccent) : 'none',
   }
 
   const logoEl = (logoUrl || iconUrl) && (
@@ -140,8 +146,8 @@ export default function FooterSimple({ isAmp = false }) {
   }
 
   return (
-    <div className={styles.fullcontainer}>
-      <footer className={styles.container} style={inlineStyle}>
+    <div className={styles.fullcontainer} style={inlineStyle}>
+      <footer className={styles.container}>
 
       {/* ── MAIN: izq (logo+slogan+legal) | der (nav + social+links) ── */}
       <div className={styles.mainRow}>

package/src/components/Footers/FooterSimple/FooterSimple.module.scss

@@ -14,13 +14,13 @@
   display: flex;
   align-items: center;
   padding-left: 15px;
-  
-  color: white;
+
+  color: var(--text-color, #fff);
     font-family: var(--font-inter, Inter, sans-serif);
 }
 
 .fullcontainer{
-  color: white;
+  color: var(--text-color, #fff);
 
 }
 
@@ -34,7 +34,7 @@
   box-sizing: border-box;
   margin-top: auto;
   min-height: 268px;
-  color: white;
+  color: var(--text-color, #fff);
 }
 
 // ── MAIN ROW (2 columns) ──────────────────────────────────────────────────────
@@ -91,7 +91,7 @@
   width: 100%;
 
   @media (min-width: $tablet) {
-    border-top: 1px solid white;
+    border-top: 1px solid var(--text-color, #fff);
     padding-top: 20px;
     flex-direction: row;
     align-items: center;
@@ -155,10 +155,9 @@
   text-transform: uppercase;
   color: inherit;
   opacity: 1;
-  transition: opacity 0.15s;
-  
+  transition: color 0.15s;
 
-  &:hover { opacity: 1; }
+  &:hover { color: var(--primary-color, #B1043F); }
 }
 
 // ── Divider ───────────────────────────────────────────────────────────────────
@@ -209,7 +208,7 @@
   }
 
   a {
-    color: white;
+    color: var(--text-color, #fff);
   }
 }
 
@@ -246,11 +245,11 @@
   color: inherit;
   text-decoration: none;
     opacity: 1;
-  transition: opacity 0.15s;
+  transition: color 0.15s;
   white-space: nowrap;
 
   &:hover {
-    opacity: 1;
+    color: var(--primary-color, #B1043F);
     text-decoration: underline;
   }
 }