Changelog

Formato basado en Keep a Changelog. Versionado SemVer.

[3.4.0] — 2026-06-13

plantillas-documentales/: hub web con seis plantillas con el lenguaje Meridiano aplicado —acta de reunión, informe técnico, carta formal, memorando, artículo APA 7 y artículo IEEE (dos columnas)—, cada una con vista previa online y descarga en DOCX, PDF, RTF y ODT para máxima compatibilidad entre sistemas y editores
Logo neutral reemplazable (logo-neutral.svg/.png): el cliente solo sustituye su marca
APA e IEEE se entregan como plantillas separadas por su maquetación estructuralmente distinta (una columna a doble espacio vs. dos columnas compactas), cada una fiel a su estándar
Generadores re-ejecutables: generar.py (DOCX con python-docx + conversión LibreOffice headless) y generar_hub.py (index.html desde los metadatos de cada plantilla). Hub con 0 violaciones axe en claro y oscuro
Enlazadas desde la vitrina y la portada del sitio

Muestras de color que copian su valor hex al portapapeles con un clic (deleite de desarrollador), accesibles por teclado
Pestañas y acordeón añadidos al showcase de componentes (completitud para diseño)
Pista pulsante en el deslizador de matiz para primerizos, respetando prefers-reduced-motion

vitrina/: página de muestra adaptativa que reúne los 21 componentes, ambos gráficos y la tabla en una sola experiencia. Deslizador de matiz OKLCH que re-tinta el sistema entero en vivo, conmutadores de tema y densidad, contadores animados, revelado por scroll con física de resortes y celebración con confeti — todo respetando prefers-reduced-motion y con mejora progresiva (sin JS, el contenido sigue visible)
Voz editorial: Source Serif 4 para titulares, Inter para UI, JetBrains Mono para datos
Desplegada en vivo: la raíz del sitio (https://meridiano.ingeniumcodex.com) redirige a la vitrina; 0 violaciones axe en claro y oscuro en todos los matices

11 web components nuevos en @meridiano/componentes@0.2.0 (21 en total), derivados de las 63 fricciones reales: m-select, m-radio-grupo/m-radio, m-checkbox (con indeterminado), m-tabs, m-tabla (orden, selección, paginación, densidad, accesible), m-progreso (medidor con umbrales y modo pasos), m-pasos (stepper de asistente), m-banner (error a nivel de página), m-fab (con menú), m-barra-lateral/m-barra-superior (app shell §12.1)
Prueba de integración del barril: 21 custom elements registran sin colisión, axe 0 violaciones en claro y oscuro
Cada componente con pruebas Playwright+axe propias en verde (formulario, tabla, estructura)

Sitio: permisos del CSS de tokens (era 600 → nginx 403, el sitio cargaba sin estilos); chmod a+rX en el Dockerfile
Sitio: versión dinámica desde el CHANGELOG; páginas de comparativa y backlog publicadas

F0: scorecard (benchmark-referentes.md) con medición real de 7 dimensiones frente a 6 referentes
F1: CI de calidad en GitHub Actions (tokens-y-contraste + accesibilidad + regresion-visual) y paquete instalable @meridiano/tokens con build y salidas multiplataforma
F2: @meridiano/componentes (8 web components light DOM: botón, campo, badge, tarjeta KPI, switch, toast, modal, acordeón) y @meridiano/graficos (3 gráficos SVG con buenas prácticas por defecto), todos con pruebas Playwright+axe en verde (29/29)
F3: correo HTML (transaccional + boletín), RTL con propiedades lógicas CSS + reglas equivalentes Word, alto contraste certificado (20/20 pares) y guía normativa de sonido y hápticas
F4: sitio de documentación viva (27 páginas + playground APCA en vivo + generador de temas por semilla interactivo, validado 21/21)
F5: marco de adopción real con registro de fricciones, 3 proyectos candidatos y 3 fricciones ya cosechadas
F6: generador de temas certificados por semilla OKLCH (herramientas/generar_tema.py), servidor MCP de UI generativa con 6 herramientas y 10 evaluaciones, y re-medición del scorecard (de 2/7 a 3/7 dimensiones ganadas)
Hoja de cálculo de referentes HCI con 21 fuentes oficiales y 9 oportunidades (referentes-hci.xlsx)
Ruta de mejora con 7 dimensiones medibles y 6 fases (ruta-de-mejora.md)

Tokens exito-texto (#17804F) y advertencia-texto (#96600B): funcionales como texto pequeño sobre claro con WCAG AA garantizado (4,96:1 y 5,28:1); en oscuro resuelven a los funcionales oscuros
Primitivos verde-700 y ambar-700; 6 variables nuevas en Figma (89 en total)

Ejemplos web 06-09 re-alineados a los tokens v3.1: cierre de todas las violaciones de contraste de la auditoría (pizarra→grafito en texto pequeño claro, grises y funcionales del tema oscuro, bordes acero); línea base de regresión visual recapturada

Revalidación de sistemas de origen: variantes de material (regular/entintado/sólido) y regla del vidrio en capa de navegación (Apple Liquid Glass); formas expresivas con morphing y tensión, grupo de botones, botón dividido, FAB y barra flotante, tipografía enfatizada (M3 Expressive); elevación oscura por luminosidad (Carbon); flujo dark-first; theming multimarca por semilla OKLCH; seis criterios nuevos de WCAG 2.2; patrones de interfaz para IA
Neutro acero (#DBE0E6) para bordes de controles y superficies oscuras 2 y 3
Medición APCA real (herramientas/medir_apca.py + informe-apca.md): 24/24 pares válidos tras corregir grises y funcionales del tema oscuro
Salidas multiplataforma de tokens: SwiftUI, Jetpack Compose y Flutter (herramientas/generar_tokens_plataformas.py)
Variables nativas en Figma (83 variables, 5 colecciones) + GUIA-FIGMA.md
Set de iconos propio: 28 SVG en rejilla 24 con trazo 1.5 (iconos/)
Plantillas de Office: Meridiano.dotx, Meridiano.potx, Meridiano.xltx (plantillas/)
Documento maestro en Word y PDF con TOC real (Sistema-Meridiano-v3.1.docx/.pdf)
Auditoría de accesibilidad (axe + teclado) y regresión visual con línea base 16/16 (pruebas/)
Guía de adopción (guia-de-adopcion.md) y CHANGELOG

Autoría del sistema: Andrés García (documentos, ejemplos y propiedades de archivo)
Tema oscuro: texto secundario #AEB6C0, terciario #949DA9, éxito #2FB97E, error #EA767F, info #30AECF (validados APCA)

Catálogo de componentes UI con anatomía, métricas y seis estados obligatorios
Patrones UX, visualización de datos, iconografía, voz y microcopy, layouts canónicos, densidades
Paleta categórica de datos dato-1…6; preset de Tailwind
Diez ejemplos ejecutables: Word, PowerPoint, Excel, HTML y React (ejemplos-de-uso-y-aplicacion/)

Tokens DTCG en tres niveles, color OKLCH con respaldo hex, escalas fluidas con clamp(), fuente variable, movimiento por resortes, material adaptativo, modo oscuro semántico