Page
page
Shell
shell
Container
container
Card
card
Sunken
sunken
Modal
modal
Standout
standout
Default
component
Hover
component-hover
Active
component-active
On Sunken
component-on-sunken
On Inverted
component-on-inverted
Subtle
component-on-container-subtle
Strong
component-on-container-strong
transparent
transparent-hover
transparent-active
Primary
primary-foreground
Secondary
secondary-foreground
Tertiary
tertiary-foreground
Disabled
disabled-foreground
Solid
brand-solid
Solid Hover
brand-solid-hover
Solid Active
brand-solid-active
brand-subtle
Subtle Hover
brand-subtle-hover
Foreground
brand-foreground
On Solid
on-brand-solid-foreground
On Subtle
on-brand-subtle-foreground
positive-solid
positive-solid-hover
positive-subtle
positive-foreground
on-positive-solid-foreground
on-positive-subtle-foreground
warning-solid
warning-solid-hover
warning-subtle
warning-foreground
on-warning-solid-foreground
on-warning-subtle-foreground
danger-solid
danger-solid-hover
danger-solid-active
danger-subtle
danger-subtle-hover
danger-foreground
on-danger-solid-foreground
on-danger-subtle-foreground
inverted-solid
inverted-solid-hover
inverted-solid-active
on-inverted-foreground
Standout Primary
on-standout-primary-foreground
Standout Secondary
on-standout-secondary-foreground
border-default
border-subtle
border-strong
Inverted
border-inverted
Brand Default
brand-border-default
Brand Subtle
brand-border-subtle
Brand Focus
brand-border-focus
Positive
positive-border-default
Warning
warning-border-default
Danger
danger-border-default
Danger subtle
danger-border-subtle
Background
disabled
Previous
Brand
Next
Radius