Badge
Markup canonic · components/badge.json
sursa = JSON · generat de scripts/build-catalog.py
Nou
Plătit
Citit
De făcut
42
Tonal (background tint)
.badge .success / .warn / .error / .ai / .pink / .neutral / .read / .live
La zi
Atenție
Eroare
În triaj
Vox
Finalizat
Citit
Live
Roz de atenție · .badge.pink
Pe obiect, roz are un singur sens: atenția — „e la tine", „n-ai văzut-o", „e cea curentă". Trei statusuri, nu o familie deschisă. Sănătatea rămâne semantică: plătit → .success, termen → .warn (și când e și de făcut), respins → .error, citit → .read. Text --c-pink-deep pe --c-pink-tint = 4.58:1, AA la 11px.
✅ cele trei statusuri de atenție — Vertigo: Acces · Mesaje SPV · Istoric
| Ecran | Element | Status |
|---|---|---|
| Acces | Împuternicire SPV · Popescu Consult SRL | De făcut |
| Mesaje SPV | Notificare conformare D394 · 2026-10-12 | Necitit |
| Mesaje SPV | Recipisă D300 · 2026-09-25 | Citit |
| Istoric | Septembrie 2026 | Curent |
| Istoric | August 2026 | Depusă |
| Declarații | D300 · septembrie 2026 | De făcut Scadent azi |
❌ ce nu face roz — și varianta corectă
| Greșit | De ce | Corect |
|---|---|---|
| Scadent azi | termen = sănătate, rămâne warn și când e de făcut | Scadent azi |
| Plătit | roz n-are grad de sănătate | Plătit |
| De făcut Respins | roz lângă roșu pe același rând — aici chiar se confundă | Respins |
| Necitit Curent | cel mult un status roz pe rând | Necitit |
| 7 | un contor nu e atenție — neutral / outline | 7 |
Gărzile: niciodată lângă .badge.error, cel mult unul pe rând, niciodată în .alert.error / .alert.warning, doar tonal — lintul (regula 20) le verifică în referințe.
Outline · .badge.outline
fundal alb + contur neutru, text fog — etichetă non-semantică, lizibilă pe bej și pe tint
Draft
v2.4
PDF
12
pe bej — aici outline-ul își justifică existența: un fill deschis ar dispărea
Draft
Draft
Cu dot
Plătit
Scadent
Restanță
Filled
.badge .filled .success / .warn / .error / .ai / .pink / .neutral / .read · .filled.pink = alb pe --c-pink, 3.67:1 — abatere declarată
Plătit
Scadent
Restant
AI
Nou
Arhivat
Citit
Dimensiune · .badge vs .badge.sm
aceeași tipografie (11px), diferă doar padding-ul: 3px 9px vs 1px 7px — 4px de înălțime
Implicit
Compact
La zi
La zi
implicit — badge de sine stătător, densitate normală
Nou
Plătit
Citit
compact — obligatoriu în .tabs, .tbl, .doc-list, .accordion-title, .sidebar (regula e în badge.json → sizes)
| Document | Status |
|---|---|
| Factură 2024-104 | Plătit |
| Factură 2024-105 | Scadent |
AI feed inline
clasificat AI
Vox a verificat 12 documente · acum 18 min
Iris a clasificat 3 cheltuieli · acum 2h