tokens

Page actions AI-ready formats and sharing
Open LLM text
Share with AI
Ask Claude Ask ChatGPT Ask Gemini Ask Copilot

CSS custom property catalog — machine-readable index of --chirpui-* tokens.

EachTokenDefrecords a single CSS custom property: its name, semantic category, and scope (global or a component block name).

The catalog…

CSS custom property catalog — machine-readable index of --chirpui-* tokens.

EachTokenDefrecords a single CSS custom property: its name, semantic category, and scope (global or a component block name).

The catalog is bootstrapped byscripts/extract_tokens.pyand curated here as the source of truth. Tests validate it againstchirpui.cssto catch drift.

Categories

  • color — semantic colors, state colors, gradients
  • spacing — fluid spacing scale and role aliases
  • typography — font sizes, weights, families, line-heights
  • radius — border-radius scale
  • elevation — box-shadow tokens
  • motion — easing curves and durations
  • layout — structural tokens (container max, grid min, sidebar dims)
  • component — per-component override knobs (scoped)

tokens

Name Type Default Description
type
qualified_name
element_type
description
source_file
line_number
is_autodoc
autodoc_element
_autodoc_template
_autodoc_url_path
_autodoc_page_type
title
doc_content_hash

Symbols on this page

TokenDef
class

A single CSS custom property in the chirp-ui design system.

extract_css_tokens
function
def extract_css_tokens(css_path: Path | None = None) -> set[str]

Parse chirpui.css and return the set of declared --chirpui-* property names.

Parameters

Name Type Default Description
css_path Path | None None

View source · /home/runner/work/chirp-ui/chirp-ui/site/../src/chirp_ui/tokens.py:1