Generative UI Tokens

Shared token arrays used by the default generative UI vocabulary for sizing, color, alignment, and component variants.

API Reference

ALERT_TONES

const ALERT_TONES: readonly ["info", "success", "warning", "danger"];

ALIGNS

const ALIGNS: readonly ["start", "center", "end"];

BUTTON_STYLES

const BUTTON_STYLES: readonly ["primary", "secondary", "outline", "ghost", "danger"];

COLORS

const COLORS: readonly ["emphasis", "secondary", "alpha-70", "white", "white-70", "white-50"];

ICON_NAMES

const ICON_NAMES: readonly ["sun", "moon", "cloud", "rain", "snow", "wind", "play", "pause", "check", "x", "star", "heart", "arrow-right", "arrow-up-right", "chevron-right", "calendar", "clock", "map-pin", "plane", "truck", "credit-card", "user", "search", "bell"];

IMAGE_SIZE_TOKENS

const IMAGE_SIZE_TOKENS: readonly ["sm", "md", "lg"];

JUSTIFIES

const JUSTIFIES: readonly ["start", "center", "end", "between"];

TEXT_SIZES

const TEXT_SIZES: readonly ["sm", "md", "lg", "xl", "2xl", "3xl"];

WEIGHTS

const WEIGHTS: readonly ["normal", "medium", "semibold", "bold"];