Tokens

Design tokens (color, typography, layout, etc.).

Accordion — Design tokens from accordion.json
Action bar — Design tokens from action-bar.json
Action button — Design tokens from action-button.json
Alert banner — Design tokens from alert-banner.json
Alert dialog — Design tokens from alert-dialog.json
Avatar group — Design tokens from avatar-group.json
Avatar — Design tokens from avatar.json
Bar panel — Design tokens from bar-panel.json
Body — Design tokens from body.json
Breadcrumbs — Design tokens from breadcrumbs.json
Button — Design tokens from button.json
Card horizontal — Design tokens from card-horizontal.json
Card — Design tokens from card.json
Checkbox — Design tokens from checkbox.json
Coach indicator — Design tokens from coach-indicator.json
Coach mark — Design tokens from coach-mark.json
Code — Design tokens from code.json
Collection card — Design tokens from collection-card.json
Color aliases — Semantic color tokens that reference the palette (e.g. focus, overlay).
Color area — Design tokens from color-area.json
Color component — Component-specific color tokens.
Color control — Design tokens from color-control.json
Color handle — Design tokens from color-handle.json
Color loupe — Design tokens from color-loupe.json
Color palette — Raw color values (hex/rgb) for the Spectrum palette.
Color slider — Design tokens from color-slider.json
Color wheel — Design tokens from color-wheel.json
Combo box — Design tokens from combo-box.json
Contextual help — Design tokens from contextual-help.json
Date field — Design tokens from date-field.json
Date picker — Design tokens from date-picker.json
Detail — Design tokens from detail.json
Divider — Design tokens from divider.json
Double calendar — Design tokens from double-calendar.json
Drop zone — Design tokens from drop-zone.json
Field label — Design tokens from field-label.json
Field — Design tokens from field.json
Floating action button — Design tokens from floating-action-button.json
Form item — Design tokens from form-item.json
Heading — Design tokens from heading.json
Help text — Design tokens from help-text.json
Icons — Color tokens for Spectrum icons (primary, hover, down, background, disabled).
Illustrated message — Design tokens from illustrated-message.json
In field button — Design tokens from in-field-button.json
In field progress circle — Design tokens from in-field-progress-circle.json
In line alert — Design tokens from in-line-alert.json
Layout component — Component-specific layout tokens.
Layout — Spacing, dimensions, corner radius, and other layout primitives.
List view — Design tokens from list-view.json
Menu — Design tokens from menu.json
Meter — Design tokens from meter.json
Number field — Design tokens from number-field.json
Opacity checkerboard — Design tokens from opacity-checkerboard.json
Picker — Design tokens from picker.json
Popover — Design tokens from popover.json
Progress bar — Design tokens from progress-bar.json
Progress circle — Design tokens from progress-circle.json
Radio button — Design tokens from radio-button.json
Rating — Design tokens from rating.json
Search field — Design tokens from search-field.json
Segmented control — Design tokens from segmented-control.json
Segmented text field — Design tokens from segmented-text-field.json
Select box — Design tokens from select-box.json
Semantic color palette — Semantic palette tokens (e.g. semantic blue, semantic red).
Side navigation — Design tokens from side-navigation.json
Single calendar — Design tokens from single-calendar.json
Slider — Design tokens from slider.json
Stack item — Design tokens from stack-item.json
Standard dialog — Design tokens from standard-dialog.json
Standard panel — Design tokens from standard-panel.json
Status light — Design tokens from status-light.json
Steplist — Design tokens from steplist.json
Swatch group — Design tokens from swatch-group.json
Swatch — Design tokens from swatch.json
Switch — Design tokens from switch.json
Table — Design tokens from table.json
Tabs — Design tokens from tabs.json
Tag field — Design tokens from tag-field.json
Tag — Design tokens from tag.json
Takeover dialog — Design tokens from takeover-dialog.json
Text area — Design tokens from text-area.json
Text field — Design tokens from text-field.json
Thumbnail — Design tokens from thumbnail.json
Time field — Design tokens from time-field.json
Title — Design tokens from title.json
Toast — Design tokens from toast.json
Tooltip — Design tokens from tooltip.json
Tray — Design tokens from tray.json
Tree view — Design tokens from tree-view.json
Triple calendar — Design tokens from triple-calendar.json
Typography — Font families, weights, sizes, letter spacing, and text alignment.
User card — Design tokens from user-card.json