SVG.
Los SVG de interfaz heredan color y preservan nombre, proporción y grosor.
Referencia
Tailwind genera estas utilidades durante el build. Style fija los tokens aceptados, los defaults y las restricciones del grupo.
| Propiedad o familia | Uso en v10 | Criterio |
|---|---|---|
| fill | Superficies del icono | currentColor cuando corresponde |
| stroke | Iconos de línea | currentColor y contraste del control |
| stroke-width | Consistencia de familia | No variar por marca sin activo canónico |
Reglas de Style
- Icono decorativo usa aria-hidden.
- Icono autónomo recibe nombre accesible.
- No editar logos fuera de LOGOS-CANONICOS.md.
- Definir width, height y viewBox para evitar saltos.
Contrato de uso
- Usar utilidades para ajustes locales y prototipos acotados.
- Usar una clase semántica de Kit cuando el patrón se repite o tiene comportamiento.
- No construir clases dinámicamente; cada nombre debe aparecer completo en el código fuente.
- No usar valores arbitrarios para reemplazar un token que falta. Proponer primero el token.
- Verificar 320 px, 200% de zoom, tema oscuro y reducción de movimiento cuando aplique.