Files
zeekay d954227524 feat: Lux Design System — tokens, components, brand assets, guidelines
Monochrome, dark by default. One hue rendered through an opacity ladder.
Tokens (color, type, spacing, radius, elevation, motion) + core/forms/navigation/
overlays components + brand guidelines + ui kit. The single source of truth for
every Lux surface — loadable and editable.
2026-07-24 17:21:07 -07:00

11 lines
516 B
TypeScript

/** Chrome-gradient headline text — the one gradient Lux permits. */
export interface ChromeTextProps extends React.HTMLAttributes<HTMLElement> {
/** Element to render, e.g. "h1" | "h2". */
as?: keyof JSX.IntrinsicElements;
/** chrome = white→white/60 (default). deep = white→neutral-500, for very large display type. */
tone?: 'chrome' | 'deep';
/** Optional uppercase eyebrow rendered above the headline. */
preHeading?: string;
}
export function ChromeText(props: ChromeTextProps): JSX.Element;