Tokens
Design tokens (color, typography, layout, etc.).
- Color aliases — Semantic color tokens that reference the palette (e.g. focus, overlay).
- Color component — Component-specific color tokens.
- Color palette — Raw color values (hex/rgb) for the Spectrum palette.
- Icons — Color tokens for Spectrum icons (primary, hover, down, background, disabled).
- Layout component — Component-specific layout tokens.
- Layout — Spacing, dimensions, corner radius, and other layout primitives.
- Semantic color palette — Semantic palette tokens (e.g. semantic blue, semantic red).
- Typography — Font families, weights, sizes, letter spacing, and text alignment.