alert

Remove this token?

Six components read it today. This cannot be undone.

avatar

Placeholder portrait Placeholder portrait Placeholder portrait Placeholder portrait Placeholder portrait
Placeholder portrait ds Placeholder portrait ds Placeholder portrait ds Placeholder portrait ds Placeholder portrait ds
Placeholder portrait Placeholder portrait ds

badge

brand neutral info success warning danger

button

callout

checkbox

description list

Source
src/lib/styles/design-system.css
Schemes
One declaration, both halves, picked by light-dark().
Ramps
neutral, emerald, blue, green, amber, red

dialog

Remove this token

Six components read it today. Removing it changes what they paint, and the boards will stop describing it. This cannot be undone.

divider

dropdown

field

listbox

note

Info

Something worth reading, with nothing to do about it.

Success

A thing that finished, and finished well.

Warning

A state to notice before it becomes a failure.

Danger

A failure that stops the task, or an action that cannot be undone.

pagination

radio

stat

Declarations
eight groups
187
Colours
both schemes
151
Text levels below 4.5:1
tertiary only
1

table

Name Value Used for Status
text-base neutral-950 Body copy Passes
text-base-secondary neutral-500 Supporting copy 4.74:1
text-disabled neutral-400 Disabled controls Exempt
text-base-tertiary neutral-400 Decoration only 2.58:1

textarea

toggle