Status and feedback
The square badge that says what state a thing is in: dot plus label on a 12% soft fill. One vocabulary for the whole admin, owned by status-feedback; catalogue items are always Draft, Available or Retired.
Lifted from the approved family page at build time; interact with it.
Square, soft fill, status-coloured text. The dot is the default.
.chip.chip.draft.chip.available.chip.retired.chip.warning.chip.danger.chip.locked.chip.ended.chip.unmapped--status-soft-alpha from families/status-feedback/#status-chips
Same chip, seven forms.
.chip.chip.plain.chip.lg.chip.ico.sf-dl from families/status-feedback/#chip-anatomy
Five roles and a lock. Every text-on-fill pair clears 4.5:1.
| Role | Token | Used for | Text on fill |
|---|---|---|---|
| Success | --success | Available, Paid, Delivered, In sync, Live, Resolved | 5.9:1 |
| Info | --info | Draft, Preview, In production, Open, Running | 6.0:1 |
| Warning | --warning | Awaiting payment, Retrying, Drift, Hold, Behind preview | 5.3:1 |
| Danger | --destructive | Payment failed, ERP failed, Missing, Failed, High | 5.6:1 |
| Neutral | --neutral | Retired, Closed, Refunded, Paused, Unknown | 5.5:1 |
| Locked | --locked | Admin only, Locked (slate on the muted ground) | 5.9:1 |
--success--info--warning--destructive--neutral--locked from families/status-feedback/#chip-roles
A campaign that ran its course, and a column no backend stage feeds yet.
.chip.ended.chip.unmapped.k-unmapped.dot.neutral from families/page-primitives/#chips