Initializing...
| Name | Value | Preview |
|---|---|---|
| --ds-border-radius-s | ||
| --ds-border-radius-m | ||
| --ds-border-radius-l |
| Name | Value | Preview |
|---|---|---|
| --ds-color-text-success | ||
| --ds-color-text-link | ||
| --ds-color-text-error | ||
| --ds-color-text-inverse | ||
| --ds-color-text-disabled | ||
| --ds-color-text-secondary | ||
| --ds-color-text-primary | ||
| --ds-color-background-2 | ||
| --ds-color-background-1 | ||
| --ds-color-ui-alert-dark | ||
| --ds-color-ui-alert-default | ||
| --ds-color-ui-alert-light | ||
| --ds-color-ui-success-dark | ||
| --ds-color-ui-success-default | ||
| --ds-color-ui-success-light | ||
| --ds-color-ui-error-dark | ||
| --ds-color-ui-error-default | ||
| --ds-color-ui-error-light | ||
| --ds-color-ui-disabled | ||
| --ds-color-ui-quaternary | ||
| --ds-color-ui-tertiary | ||
| --ds-color-ui-secondary | ||
| --ds-color-ui-primary | ||
| --ds-color-brand-secondary-darker | ||
| --ds-color-brand-secondary-dark | ||
| --ds-color-brand-secondary-main | ||
| --ds-color-brand-secondary-light | ||
| --ds-color-brand-primary-darker | ||
| --ds-color-brand-primary-dark | ||
| --ds-color-brand-primary-main | ||
| --ds-color-brand-primary-light |
| Name | Value | Preview |
|---|---|---|
| --ds-elevation-100 | ||
| --ds-elevation-80 | ||
| --ds-elevation-60 | ||
| --ds-elevation-40 | ||
| --ds-elevation-20 |
| Name | Value | Preview |
|---|---|---|
| --ds-space-1 | ||
| --ds-space-2 | ||
| --ds-space-3 | ||
| --ds-space-4 | ||
| --ds-space-5 | ||
| --ds-space-6 | ||
| --ds-space-7 | ||
| --ds-space-8 | ||
| --ds-space-9 | ||
| --ds-space-10 | ||
| --ds-space-11 | ||
| --ds-space-12 |
| Name | Value | Preview |
|---|---|---|
| --ds-font-scale-xs | Lorem ipsum | |
| --ds-font-scale-s | Lorem ipsum | |
| --ds-font-scale-m | Lorem ipsum | |
| --ds-font-scale-l | Lorem ipsum | |
| --ds-font-scale-xl | Lorem ipsum | |
| --ds-font-scale-2xl | Lorem ipsum | |
| --ds-font-scale-3xl | Lorem ipsum | |
| --ds-font-scale-4xl | Lorem ipsum | |
| --ds-font-scale-5xl | Lorem ipsum |
| Name | Value | Preview |
|---|---|---|
| --ds-font-weight-roboto-bold | Lorem ipsum | |
| --ds-font-weight-roboto-medium | Lorem ipsum | |
| --ds-font-weight-roboto-regular | Lorem ipsum |
| Name | Value | Preview |
|---|---|---|
| --ds-letter-spacing-4 | Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsam veniam eum dicta. | |
| --ds-letter-spacing-0 | Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsam veniam eum dicta. |
| Name | Value | Preview |
|---|---|---|
| --ds-line-height-150 | Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsam veniam eum dicta. | |
| --ds-line-height-125 | Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsam veniam eum dicta. | |
| --ds-line-height-100 | Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsam veniam eum dicta. |