/// Extras
Token Explorer Every semantic --pds-* token, resolved live from the current theme, accent, and density. Filter by name or group; toggle the theme or accent in the top bar and the values update in place. Click any row to copy its token name.
color · 34
--pds-color-canvas — Copy --pds-color-surface — Copy --pds-color-surface-2 — Copy --pds-color-surface-3 — Copy --pds-color-ink — Copy --pds-color-secondary — Copy --pds-color-muted — Copy --pds-color-success — Copy --pds-color-success-bg — Copy --pds-color-success-fg — Copy --pds-color-warning — Copy --pds-color-warning-bg — Copy --pds-color-warning-fg — Copy --pds-color-danger — Copy --pds-color-danger-bg — Copy --pds-color-danger-fg — Copy --pds-color-info — Copy --pds-color-info-bg — Copy --pds-color-info-fg — Copy --pds-color-neutral — Copy --pds-color-neutral-bg — Copy --pds-color-neutral-fg — Copy --pds-accent — Copy --pds-accent-fg — Copy --pds-accent-muted — Copy --pds-btn-bg — Copy --pds-btn-fg — Copy --pds-color-ring — Copy --pds-border-subtle — Copy --pds-border-faint — Copy --pds-border-strong — Copy --pds-border-ctrl — Copy --pds-fill-ghost — Copy --pds-fill-ghost-hover — Copy
space · 36
--pds-space-1 — Copy --pds-space-2 — Copy --pds-space-3 — Copy --pds-space-3-5 — Copy --pds-space-4 — Copy --pds-space-4-5 — Copy --pds-space-5 — Copy --pds-space-5-5 — Copy --pds-space-6 — Copy --pds-space-6-5 — Copy --pds-space-8 — Copy --pds-space-8-5 — Copy --pds-space-10 — Copy --pds-space-11 — Copy --pds-space-12 — Copy --pds-space-14 — Copy --pds-space-16 — Copy --pds-space-24 — Copy --pds-gutter — Copy --pds-section-y — Copy --pds-card-pad — Copy --pds-grid-gap — Copy --pds-content-max — Copy --pds-radius-0 — Copy --pds-radius-sm — Copy --pds-radius-md — Copy --pds-control-h-sm — Copy --pds-control-h-md — Copy --pds-control-h-lg — Copy --pds-control-h-xl — Copy --pds-control-px-sm — Copy --pds-control-px-md — Copy --pds-control-px-lg — Copy --pds-control-px-xl — Copy --pds-badge-h — Copy --pds-chip-h — Copy
type · 24
--pds-font-sans — Copy --pds-font-mono — Copy --pds-text-label — Copy --pds-text-meta — Copy --pds-text-index — Copy --pds-text-body-sm — Copy --pds-text-body — Copy --pds-text-lead — Copy --pds-text-title — Copy --pds-text-h3 — Copy --pds-text-h2 — Copy --pds-text-h1 — Copy --pds-text-display — Copy --pds-text-display-fluid — Copy --pds-text-h1-fluid — Copy --pds-text-h2-fluid — Copy --pds-tracking-label — Copy --pds-tracking-btn — Copy --pds-tracking-chip — Copy --pds-tracking-meta — Copy --pds-tracking-title — Copy --pds-tracking-h2 — Copy --pds-tracking-h1 — Copy --pds-tracking-display — Copy
motion · 8
--pds-dur-instant — Copy --pds-dur-fast — Copy --pds-dur-base — Copy --pds-dur-invert — Copy --pds-dur-theme — Copy --pds-dur-draw — Copy --pds-ease — Copy --pds-ease-inout — Copy
z · 11
--pds-z-hide — Copy --pds-z-base — Copy --pds-z-raised — Copy --pds-z-sticky — Copy --pds-z-dropdown — Copy --pds-z-overlay — Copy --pds-z-drawer — Copy --pds-z-modal — Copy --pds-z-popover — Copy --pds-z-toast — Copy --pds-z-tooltip — Copy