Design tokens

CSS custom properties and the JS token map exported from @coloxo/ui.

Location

Tokens live in packages/ui/src/tokens and packages/ui/src/styles/tokens.css.

Prefix

All design tokens use the --cx- prefix for isolation from host styles.

Coverage

Color, typography, spacing, radius, borders, shadows, control heights, motion, z-index, and focus rings.

JS import

Import the token map for documentation tooling or runtime introspection.

tsx
import { tokens } from "@coloxo/ui";