Skip to Content
PatternsNíveis de risco

Níveis de risco

Sistema de 5 níveis para classificação de crises. Cada nível tem tokens bg, border e text.

Níveis

NívelScoreTokensContexto
Estável0–19--risk-stable-*Sem atividade relevante
Monitor20–39--risk-monitor-*Sinais fracos detectados
Atenção40–59--risk-attention-*Monitoramento ativo
Alto60–79--risk-high-*Alerta significativo
Crítico80–100--risk-critical-*Crise ativa

Aliases (retrocompatibilidade)

AliasMapeia para
--risk-safe-*--risk-stable-*
--risk-medium-*--risk-attention-*

Uso

// Uso direto: <div className="bg-[var(--risk-stable-bg)] text-[var(--risk-stable-text)]"> Estável </div> // Via helper de utilidade: const riskToken = \`--risk-\${level}-bg\`

Regras

  • Sempre use tokens semânticos — nunca cores hardcoded para risco
  • Não use tokens de risco para estados de feedback de UI — use --delta-error-*
  • Novos componentes devem usar tokens canônicos, não aliases
Last updated on