Badges base
Badges base (primarios genericos)
ID: CAT-B-BADGESLos 6 badges primarios son la fuente de verdad. Todos los badges aplicados se derivan de estos usando las clases definidas en styles/global.css.
Clase base (comun a todos)
.badge-general (sin tono)BDG-BASE
Elementos baseTYP-XS-NORMAL
Ejemplo
Los 6 badges primarios
| Componente | Variante | Preview | Clase CSS | Uso |
|---|---|---|---|---|
| Badge | verde | Exito | .badge-verde-primario | Exito / activo |
| Badge | naranja | Advertencia | .badge-naranja-primario | Advertencia / pendiente |
| Badge | azul | Informativo | .badge-azul-primario | Informativo / en curso |
| Badge | rojo | Error | .badge-rojo-primario | Error / critico |
| Badge | rojo-intenso | Error fatal | .badge-rojo-intenso | Error fatal / pausado |
| Badge | morado | Especial | .badge-morado-primario | Especial / destacado |
| Badge | gris | Neutral | .badge-gris-secundario | Neutral / desconocido |
Regla: todos los badges del dashboard usan
.badge-general + uno de estos 6 tonos. Nunca se crean estilos nuevos en componentes.