mirror of
https://github.com/zooai/design.git
synced 2026-10-30 14:50:04 +00:00
zooqueen
cef8f7f1c6
The fork's colors.css was still Hanzo monochrome with renamed comments. Rewrite it as Zoo's actual brand: the six colors from brand.json as CSS vars, --primary = yellow, --accent = magenta, focus ring + state colors brand-true, near-black ground. Fix the docs/prompts that still described a monochrome/opacity-ladder aesthetic — Zoo is loud, color is the point.
10 lines
576 B
TypeScript
10 lines
576 B
TypeScript
/** The Zoo button. six-color: primary is white-on-black, everything else is a hairline or nothing.
|
|
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
/** primary = white fill (the one CTA per view). destructive is the only hued variant. */
|
|
variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'link' | 'destructive';
|
|
size?: 'sm' | 'default' | 'lg' | 'icon';
|
|
/** Fully rounded. Marketing CTAs and nav actions are pills; app-surface buttons are not. */
|
|
pill?: boolean;
|
|
}
|
|
export function Button(props: ButtonProps): JSX.Element;
|