styrbord-tokens

Colors

background-defaultbackground-tintedsurface-defaultsurface-tintedsurface-hoversurface-activeborder-subtleborder-defaultborder-strongtext-subtletext-defaultbase-defaultbase-hoverbase-activebase-contrast-subtlebase-contrast-default
primary
accent
extra1
extra2
neutral
info
success
warning
danger

Typography

body xs
body sm
body md
body lg
body xl
body-short xs
body-short sm
body-short md
body-short lg
body-short xl
body-long xs
body-long sm
body-long md
body-long lg
body-long xl
heading 2xs
heading xs
heading sm
heading md
heading lg
heading xl
heading 2xl
data-size=[md] data-size=[sm] data-size=[lg]
font size 1 font size 1 font size 1
font size 2 font size 2 font size 2
font size 3 font size 3 font size 3
font size 4 font size 4 font size 4
font size 5 font size 5 font size 5
font size 6 font size 6 font size 6
font size 7 font size 7 font size 7
font size 8 font size 8 font size 8
font size 9 font size 9 font size 9
font size 10 font size 10 font size 10

Border Radius

--ds-border-radius-sm
--ds-border-radius-md
--ds-border-radius-lg
--ds-border-radius-xl
--ds-border-radius-default
--ds-border-radius-full

Sizes

--ds-size-0
--ds-size-1
--ds-size-2
--ds-size-3
--ds-size-4
--ds-size-5
--ds-size-6
--ds-size-7
--ds-size-8
--ds-size-9
--ds-size-10
--ds-size-11
--ds-size-12
--ds-size-13
--ds-size-14
--ds-size-15
--ds-size-18
--ds-size-22
--ds-size-26
--ds-size-30