@club-employes/utopia
Version:
🎨 Modern Vue 3 design system with multi-brand theming, design tokens, and 30+ components. Supports Club Employés & Gifteo brands with light/dark modes.
21 lines (20 loc) • 826 B
TypeScript
export type TextTag = "p" | "span" | "strong" | "em" | "label" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
export type TextWeight = "thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold" | "extrabold" | "black";
export type TextAlign = "left" | "center" | "right" | "justify";
export type TextTransform = "uppercase" | "lowercase" | "capitalize";
export type TextSize = "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl";
export interface TextProps {
as?: TextTag;
family?: "sans" | "mono" | string;
weight?: TextWeight;
align?: TextAlign;
transform?: TextTransform;
truncate?: boolean;
noWrap?: boolean;
variant?: "h1Modal | h2Modal";
size?: TextSize;
color?: string;
underline?: boolean;
italic?: boolean;
strike?: boolean;
}