2. Qué incorpora la versión 3.0
- Catálogo de componentes UI con anatomía, variantes, métricas y los seis estados obligatorios (reposo, hover, activo, foco, deshabilitado, error), destilado de Material 3, Carbon, Fluent 2 y Ant Design.
- Patrones UX para los momentos críticos: estados vacíos, carga, errores, confirmaciones destructivas, formularios y onboarding, sobre la base de GOV.UK y las heurísticas de Nielsen.
- Visualización de datos: paleta categórica accesible, reglas de elección de gráfico y principios de tinta-dato de Tufte, alineados con IBM Carbon Data Viz.
- Iconografía normada: estilo de trazo, rejilla, tamaños y emparejamiento con texto.
- Voz y microcopy: lenguaje claro, mensajes de error útiles y etiquetas accionables, según GOV.UK Content Design.
- Layouts canónicos con medidas: app shell, página de documento, dashboard, landing y asistente.
- Densidades compacta, cómoda y espaciosa, para alternar entre datos densos y lectura tranquila.
- Tokens expandidos: paleta de datos, tokens semánticos y de componente nuevos en
tokens.jsonymeridiano-tokens.css, más un preset de Tailwind listo para usar. - Diez ejemplos ejecutables en
ejemplos-de-uso-y-aplicacion/: Word, PowerPoint, Excel, HTML y React.
Y la revisión 3.1 añade, tras revalidar los sistemas de origen en su estado 2025-2026:
- Materiales con variantes y regla de capa (Apple Liquid Glass): vidrio regular y entintado, reservado a la capa de navegación, con efecto de borde al hacer scroll (§7.5).
- Formas expresivas con morphing y tensión (M3 Expressive) y tipografía enfatizada para momentos de jerarquía alta (§7.2, §7.4).
- Componentes nuevos: grupo de botones, botón dividido, botón de acción flotante (FAB) con menú y barra de herramientas flotante (§8.17, §8.18).
- Elevación oscura por luminosidad (Carbon), flujo de diseño dark-first y theming multimarca por semilla OKLCH (§5, §16).
- Accesibilidad WCAG 2.2 al detalle (los seis criterios nuevos) y patrones de interfaz para IA: streaming, transparencia, control y recuperación (§15, §17).