Historial de cambios.

6 al 13 de noviembre de 2026

• Hero, componente nuevo en Contenido: Encabezado de página, Editorial, Foto a sangre, Dividido y De landing, cada uno con captura y página de ejemplo. El catálogo llega a 49 componentes.
• Patrones › Emails, página nueva: lo propio de un correo en HTML (estructura del contenido, ancho y dispositivos, y código) y cuatro correos de ejemplo —transaccional, comunicación interna, invitación y marketing— que se ven en escritorio y en el celular.
• Patrones › Formularios complejos, página nueva: recorrido, indicador de avance, preguntas y campos, personas y roles, lo que probamos y no funcionó, y una lista de revisión, con una ficha de incorporación como ejemplo. Sale de un solo caso probado: tómalo como punto de partida.
• Cards: el estilo suave pasa a ser el de uso general y aparece primero. El con línea queda para cuando una card suave no se distingue de lo que la rodea.
• Reglas pasa a llamarse Principios (documentacion/principios/; la dirección anterior ya no existe). La regla 6 queda «Toda recomendación de UX en Solar indica su fuente», sin el estado de evidencia.
• Qué es Solar › Definiciones o recomendaciones, reescrita y en dos columnas: puertas adentro son definiciones; hacia afuera, recomendaciones.

23 de octubre al 6 de noviembre de 2026

• Header rehecho: 25 opciones con captura y página de ejemplo. Reemplaza al Header anterior.
• Buscador, componente nuevo: cuatro variantes, sugerencias y página de resultados. Aplicado a cuatro de los headers.
• Recursos, página nueva: 23 herramientas, referencias y sistemas de diseño, con filtro por categoría.
• Una página por componente. Cada ficha vive ahora en componentes/<slug>/, con el slug igual al nombre del menú. 16 componentes cambiaron de dirección: si tenías un enlace guardado a una ficha, búscala de nuevo desde el catálogo.
• Docs en carpetas, una por sección (documentacion/<slug>/), con el diseño nuevo en las 16 secciones.
• Patrones pasa a tener portada y una carpeta por patrón, con su propio menú izquierdo.
• Patrones › Criterios › Composición, sección nueva: seis ejes para revisar una pieza antes de mostrarla —jerarquía, contraste, tipografía, espaciado, variación y visuales—, cada uno con su antes y después, y un apartado sobre hasta dónde se puede uno salir de ellos, también cuando quien construye es una IA.
• Preguntar a una IA: botón nuevo en los componentes, en Docs, en Instalación y en Patrones. Abre una IA con un prompt ya escrito sobre esa página.
• Tabla de datos y Tablas, componentes nuevos. Cards suma siete variantes suaves y Botones suma Contorno sobre fondo oscuro.
• Modal y Toast, ronda completa: los modales del catálogo que no se podían cerrar, closedby por tipo, dos recetas de fondo, el corte de scroll, las variantes Informativo y Acción forzada, pantalla completa en el celular y la regla del botón rojo, que alcanza también a Botones y a Menú desplegable.
• Panel lateral: tres anchos (288, 384 y 672 px), variante Lectura y el criterio de qué lado y qué ancho usar en cada caso.
• Stepper suma «Cuándo usarlo», con los topes de pasos (3 a 6, 8 de techo; el horizontal hasta 5 en escritorio y 3 en el celular) y una línea de uso por variante.
• Barras de progreso: «Cuándo usarlo» con los umbrales de espera, role="progressbar" en las 12 barras y los colores de la radial pasados a tokens, que antes quedaban con los valores del modo claro en el modo oscuro. Cambio visible: el radial grande pierde el degradado y queda en Azul CCS.
• Qué es Solar explica para qué existe —una experiencia unificada entre la CCS y sus empresas relacionadas, sin reinventar lo que ya está resuelto— y suma «Definiciones o recomendaciones»: puertas adentro son definiciones, publicadas son recomendaciones.
• Reglas y ¿Qué quieres hacer? dicen ahora «como el resto del ecosistema» en vez de «como la CCS», para que valgan igual para las empresas relacionadas y para quien use Solar desde afuera.
• «En corto» pasa a llamarse «En breve» en las páginas de Patrones. El ancla cambia de #en-corto a #en-breve.
• Vista previa con captura en el catálogo, y balanceo de líneas y detalles de pulido (radios concéntricos, íconos y animaciones) en todo Solar.

14 al 23 de octubre de 2026

• Componentes nuevos (21): Menú desplegable, Toggle y grupo de toggles, Tecla, Paleta de comandos, Avatar, Ítem, Estado vacío, Separador, Tabla de datos, Gráficos, Carrusel, Campo, Campo con complementos, Código de verificación, Combobox, Calendario, Deslizador, Carga de archivos, Popover, Panel lateral y Tarjeta al pasar el cursor. El catálogo llega a 47 componentes.
• Inputs & controles pasa a llamarse Controles, con una variante por control y el estado Solo lectura. Lo que ya tiene página propia (Campo, Carga de archivos y otros) se enlaza desde ahí. La dirección de la página no cambia.
• Casillas y radios con la clase ccs-check, y Controles revisado para accesibilidad: etiquetas, ayudas y errores enlazados al campo.
• Regla nueva: Solar no entrega JavaScript. Modal y Toast rehechos con el <dialog> del navegador; los componentes que lo necesitan explican su comportamiento en una sección propia.
• Colores nuevos para gráficos: siete series en orden fijo, con los complementarios del manual de marca (Violeta, Turquesa, Frambuesa y Mostaza son tokens nuevos), y su versión para modo oscuro.
• Regla de radios cerrada: rounded-ccs para superficies y botones, rounded-lg para campos y piezas internas, rounded-full para círculos y píldoras, rounded solo en casillas y rounded-none en muestras de color. Forma y sombra (Docs y Componentes) muestra los cinco.
• Estados de los botones: todo lo que se puede enfocar con el teclado muestra el anillo de foco de Solar; los botones se achican al 95 % al presionarlos; el deshabilitado en modo oscuro pasa a gris; el hover del Banner CTA usa un degradado en vez de un filtro de brillo; los botones de contorno usan el borde de los campos.
• Tooltip: los atajos usan el componente Tecla y hay una sección Comportamiento (cerrar con Esc, WCAG 1.4.13).
• La Vista previa del catálogo usa un fondo de puntos en vez de líneas diagonales.
• Patrones, sección nueva: Landings de conversión, con dos ejemplos, y Login, con siete variantes.
• La Wiki entra al menú de Solar.
• Para IA: llms.txt suma una guía para armar una maqueta y pregunta primero qué tipo de trabajo es.
• Licencia: página nueva en Docs y LICENSE.md. El código y la documentación son de uso libre; la marca de la CCS es de uso restringido. Los ejemplos ya no usan fotos, nombres ni logos reales.
• Los avisos del sitio usan el componente Alertas.

5 al 13 de octubre de 2026

• Portada rediseñada: foto a pantalla completa, título en el estilo nuevo Display y el logo de Solar a todo el ancho, con movimiento al hacer scroll.
• Tipografía nueva: Inter reemplaza a Work Sans.
• Los títulos, Display incluido, dejan el espaciado entre letras negativo, porque Inter ya viene ajustada.
• Los rótulos en mayúscula usan tracking-widest de Tailwind en vez de valores propios.
• Regla nueva: en producción, Tailwind se compila y las tipografías y los íconos se alojan en el proyecto. Instalación suma los pasos para alojar las tipografías y los íconos (iconify-icon.min.js y solar-iconos.js).

29 de septiembre al 2 de octubre de 2026

• Componente nuevo: Tooltip.
• Tags & Badges reordenado, con variantes con ícono.
• Iconografía rehecha con Solar Icons: dos familias, color por tokens e íconos sobre degradado.
• Alertas rehechas, con siete variantes y estados con ícono.
• Nueva convención de las páginas de componente: el texto va suelto y la vista previa muestra solo el componente. Los “por qué” son desplegables.
• Textos y tipografías: estilos nuevos H1 Hero y Body XL, y se quita Display.
• Encabezado de cada ficha de componente rediseñado, con título grande, bajada e imagen.
• Menú móvil unificado en todo el sitio, con botón dividido en Docs y Componentes.
• Voz y tono, pie de página compartido con la nota para IA y token Naranjo (propuesta).
• Escala de texto como tokens: los ocho estilos de Textos y tipografías pasan a clases text-ccs-*, y los tamaños que no son de Tailwind se ajustan al más cercano.
• Texto de interfaz con text-xs, text-sm y text-base de Tailwind, y criterio de cuándo Solar crea un token.
• Títulos y párrafos de todo el sitio con los estilos text-ccs-*; los títulos de sección de Docs pasan al H2 de la escala.
• Página nueva en Docs: Por qué Tailwind.

22 al 28 de septiembre de 2026

• Modo oscuro: un color oscuro por cada color de la paleta, aplicado a todo el sitio y a los componentes.
• El contraste se mide con APCA. Paleta oscura y colores de estado (éxito, advertencia, error) ajustados.
• Color por función pasa a Componentes, en el grupo Base. Se elimina Docs › Modo oscuro.
• Recursos para IA: llms.txt, un archivo .md por componente y reglas permanentes.
• Sección Cómo trabajar en Docs.
• Pestaña Colores en Botones y Alertas; botón con ceja.

15 al 21 de septiembre de 2026

• Sidebar fijo y layout de ancho completo.
• Menú móvil con navegación interna de dos niveles.
• Las páginas de componente muestran bloques de variantes con pestañas Vista previa y Código HTML, en los 25 componentes.
• Norma de uso de JetBrains Mono; Botones con escala de tamaños nueva.

8 al 14 de septiembre de 2026

• Nace Solar como sistema de diseño, evolución del UI Kit de la CCS.
• Portada, header flotante y fondo claro definidos.
• Fundamentos cerrados: Work Sans, espaciado, breakpoints y modo oscuro en un solo nivel.
• Navegación del sitio: Documentación y Componentes, con catálogo completo.

Solar usa tres números: mayor.menor.corrección. Mientras el sistema se construye, el número mayor es 0.

• Mayor: un cambio que obliga a los equipos a modificar su código, como renombrar o quitar un token o una clase. Solar pasa a 1.0.0 cuando se publique para su uso en producción.
• Menor: algo nuevo o rehecho que no rompe lo anterior: un componente, una variante, una regla o una página de documentación.
• Corrección: un arreglo que no cambia lo que se debe usar, como un color mal aplicado o un texto confuso. Se anota solo en el registro interno.

• Cada cambio importante se anota apenas se cierra, en la versión en curso. «Importante» no es lo mismo que «mayor»: mayor es el que rompe código.
• Una versión nueva se publica cada semana, con el cierre del viernes, si hubo algo que anotar.
• Un cambio que rompe código publica una versión mayor en el momento, sin esperar al viernes.
• El sitio se actualiza más seguido que las versiones: cada vez que una decisión queda cerrada. Que utiliza.me cambie no significa que haya versión nueva; la versión agrupa la semana para que puedas revisar de una vez si cambió algo que usas.