mirror of
https://github.com/hanzoai/agency.git
synced 2026-11-02 19:13:28 +00:00
593 lines
27 KiB
Plaintext
593 lines
27 KiB
Plaintext
/** colors tokens (from tokens/colors.css). Values are raw CSS. */
|
|
export declare const colors: {
|
|
readonly 'neutral-50': "#FAFAFA";
|
|
readonly 'neutral-100': "#F5F5F5";
|
|
readonly 'neutral-200': "#E5E5E5";
|
|
readonly 'neutral-300': "#D4D4D4";
|
|
readonly 'neutral-400': "#A3A3A3";
|
|
readonly 'neutral-500': "#737373";
|
|
readonly 'neutral-600': "#525252";
|
|
readonly 'neutral-700': "#404040";
|
|
readonly 'neutral-800': "#262626";
|
|
readonly 'neutral-900': "#171717";
|
|
readonly 'neutral-950': "#0A0A0A";
|
|
readonly 'pure-black': "#000000";
|
|
readonly 'pure-white': "#FFFFFF";
|
|
readonly 'hanzo-black': "#0A0A0B";
|
|
readonly 'hanzo-white': "#FFFFFF";
|
|
readonly 'white-03': "rgb(255 255 255 / .03)";
|
|
readonly 'white-05': "rgb(255 255 255 / .05)";
|
|
readonly 'white-06': "rgb(255 255 255 / .06)";
|
|
readonly 'white-08': "rgb(255 255 255 / .08)";
|
|
readonly 'white-10': "rgb(255 255 255 / .10)";
|
|
readonly 'white-14': "rgb(255 255 255 / .14)";
|
|
readonly 'white-15': "rgb(255 255 255 / .15)";
|
|
readonly 'white-16': "rgb(255 255 255 / .16)";
|
|
readonly 'white-18': "rgb(255 255 255 / .18)";
|
|
readonly 'white-20': "rgb(255 255 255 / .20)";
|
|
readonly 'white-22': "rgb(255 255 255 / .22)";
|
|
readonly 'white-30': "rgb(255 255 255 / .30)";
|
|
readonly 'white-40': "rgb(255 255 255 / .40)";
|
|
readonly 'white-45': "rgb(255 255 255 / .45)";
|
|
readonly 'white-55': "rgb(255 255 255 / .55)";
|
|
readonly 'white-60': "rgb(255 255 255 / .60)";
|
|
readonly 'white-78': "rgb(255 255 255 / .78)";
|
|
readonly 'white-80': "rgb(255 255 255 / .80)";
|
|
readonly 'white-92': "rgb(255 255 255 / .92)";
|
|
readonly background: "#0a0a0a";
|
|
readonly foreground: "#e5e5e5";
|
|
readonly card: "#0f0f0f";
|
|
readonly 'card-foreground': "#e5e5e5";
|
|
readonly popover: "#0f0f0f";
|
|
readonly 'popover-foreground': "#e5e5e5";
|
|
readonly primary: "#fafafa";
|
|
readonly 'primary-hover': "#e5e5e5";
|
|
readonly 'primary-foreground': "#0a0a0a";
|
|
readonly secondary: "#262626";
|
|
readonly 'secondary-hover': "#333333";
|
|
readonly 'secondary-foreground': "#fafafa";
|
|
readonly muted: "#171717";
|
|
readonly 'muted-foreground': "#a3a3a3";
|
|
readonly accent: "#262626";
|
|
readonly 'accent-foreground': "#fafafa";
|
|
readonly destructive: "var(--state-error)";
|
|
readonly 'destructive-hover': "#dc2626";
|
|
readonly 'destructive-foreground': "#fafafa";
|
|
readonly border: "var(--white-10)";
|
|
readonly 'border-strong': "var(--white-16)";
|
|
readonly 'border-control': "var(--white-15)";
|
|
readonly 'border-focus': "var(--white-22)";
|
|
readonly 'border-selected': "var(--white-30)";
|
|
readonly input: "var(--border-control)";
|
|
readonly ring: "var(--white-40)";
|
|
readonly 'ring-halo': "var(--white-10)";
|
|
readonly brand: "#e4e4e7";
|
|
readonly 'brand-foreground': "#09090b";
|
|
readonly 'brand-muted': "#a3a3a3";
|
|
readonly black: "#000000";
|
|
readonly white: "#fafafa";
|
|
readonly selection: "var(--white-20)";
|
|
readonly glass: "var(--white-05)";
|
|
readonly 'glass-strong': "var(--white-08)";
|
|
readonly 'surface-page': "var(--background)";
|
|
readonly 'surface-card': "rgb(38 38 38 / .5)";
|
|
readonly 'surface-card-emphasis': "rgb(38 38 38 / .75)";
|
|
readonly 'surface-card-quiet': "rgb(38 38 38 / .35)";
|
|
readonly 'surface-overlay': "rgb(23 23 23 / .92)";
|
|
readonly 'surface-header': "rgb(0 0 0 / .7)";
|
|
readonly 'surface-scrim': "rgb(0 0 0 / .8)";
|
|
readonly 'surface-0': "var(--background)";
|
|
readonly 'surface-1': "var(--card)";
|
|
readonly 'surface-2': "var(--muted)";
|
|
readonly 'surface-3': "var(--secondary)";
|
|
readonly 'text-primary': "#fafafa";
|
|
readonly 'text-secondary': "var(--white-78)";
|
|
readonly 'text-tertiary': "var(--white-55)";
|
|
readonly 'text-helper': "var(--muted-foreground)";
|
|
readonly 'text-disabled': "var(--white-30)";
|
|
readonly 'state-error': "#ef4444";
|
|
readonly 'state-error-text': "#fca5a5";
|
|
readonly 'state-error-bg': "rgb(239 68 68 / .1)";
|
|
readonly 'state-online': "#4ade80";
|
|
readonly 'state-success': "#22c55e";
|
|
readonly 'chrome-dot-red': "rgb(239 68 68 / .6)";
|
|
readonly 'chrome-dot-yellow': "rgb(234 179 8 / .6)";
|
|
readonly 'chrome-dot-green': "rgb(34 197 94 / .6)";
|
|
};
|
|
/** typography tokens (from tokens/typography.css). Values are raw CSS. */
|
|
export declare const typography: {
|
|
readonly 'type-scale': "1";
|
|
readonly 'type-ratio': "1";
|
|
readonly 'text-floor': "0.625rem";
|
|
readonly 'text-ceiling': "30vw";
|
|
readonly 'text-xs': "0.6875rem";
|
|
readonly 'leading-xs': "1rem";
|
|
readonly 'text-sm': "0.8125rem";
|
|
readonly 'leading-sm': "1.15rem";
|
|
readonly 'text-base': "0.875rem";
|
|
readonly 'leading-base': "1.35rem";
|
|
readonly 'text-lg': "0.9375rem";
|
|
readonly 'leading-lg': "1.4rem";
|
|
readonly 'text-xl': "1.0625rem";
|
|
readonly 'leading-xl': "1.55rem";
|
|
readonly 'text-2xl': "1.3125rem";
|
|
readonly 'leading-2xl': "1.7rem";
|
|
readonly 'text-3xl': "1.625rem";
|
|
readonly 'leading-3xl': "1.95rem";
|
|
readonly 'text-4xl': "2rem";
|
|
readonly 'leading-4xl': "2.25rem";
|
|
readonly 'text-5xl': "2.5rem";
|
|
readonly 'leading-5xl': "1.05";
|
|
readonly 'text-6xl': "3.25rem";
|
|
readonly 'leading-6xl': "1";
|
|
readonly 'text-7xl': "4rem";
|
|
readonly 'leading-7xl': "1";
|
|
readonly 'text-8xl': "5.25rem";
|
|
readonly 'leading-8xl': "1";
|
|
readonly 'text-9xl': "7rem";
|
|
readonly 'leading-9xl': "1";
|
|
readonly 'font-size-xs': "var(--text-xs)";
|
|
readonly 'font-size-sm': "var(--text-sm)";
|
|
readonly 'font-size-base': "var(--text-base)";
|
|
readonly 'font-size-lg': "var(--text-lg)";
|
|
readonly 'font-size-xl': "var(--text-xl)";
|
|
readonly 'font-size-2xl': "var(--text-2xl)";
|
|
readonly 'font-size-3xl': "var(--text-3xl)";
|
|
readonly 'font-size-4xl': "var(--text-4xl)";
|
|
readonly 'font-size-5xl': "var(--text-5xl)";
|
|
readonly 'font-size-6xl': "var(--text-6xl)";
|
|
readonly 'font-size-7xl': "var(--text-7xl)";
|
|
readonly 'font-size-8xl': "var(--text-8xl)";
|
|
readonly 'font-size-9xl': "var(--text-9xl)";
|
|
readonly 'text-control': "var(--text-sm)";
|
|
readonly 'weight-normal': "400";
|
|
readonly 'weight-medium': "500";
|
|
readonly 'weight-semibold': "600";
|
|
readonly 'weight-bold': "700";
|
|
readonly 'tracking-tight': "-0.025em";
|
|
readonly 'tracking-normal': "0em";
|
|
readonly 'tracking-wide': "0.025em";
|
|
readonly 'tracking-widest': "0.1em";
|
|
readonly 'leading-none': "1";
|
|
readonly 'leading-tight': "1.25";
|
|
readonly 'leading-snug': "1.375";
|
|
readonly 'leading-normal': "1.5";
|
|
readonly 'leading-relaxed': "1.625";
|
|
readonly 'leading-golden': "1.618";
|
|
readonly 'type-hero': "600 var(--text-5xl)/1.05 var(--font-display)";
|
|
readonly 'type-h2': "700 var(--text-4xl)/var(--leading-4xl) var(--font-display)";
|
|
readonly 'type-h3': "600 var(--text-xl)/var(--leading-xl) var(--font-display)";
|
|
readonly 'type-lead': "400 var(--text-lg)/var(--leading-relaxed) var(--font-sans)";
|
|
readonly 'type-body': "400 var(--text-sm)/var(--leading-sm) var(--font-sans)";
|
|
readonly 'type-caption': "400 var(--text-xs)/var(--leading-xs) var(--font-sans)";
|
|
readonly 'type-code': "400 var(--text-sm)/var(--leading-relaxed) var(--font-mono)";
|
|
readonly 'type-eyebrow': "600 0.625rem/1 var(--font-sans)";
|
|
};
|
|
/** spacing tokens (from tokens/spacing.css). Values are raw CSS. */
|
|
export declare const spacing: {
|
|
readonly density: "1";
|
|
readonly 'space-0': "0";
|
|
readonly 'space-1': "0.25rem";
|
|
readonly 'space-2': "0.5rem";
|
|
readonly 'space-3': "0.75rem";
|
|
readonly 'space-4': "1rem";
|
|
readonly 'space-5': "1.25rem";
|
|
readonly 'space-6': "1.5rem";
|
|
readonly 'space-8': "2rem";
|
|
readonly 'space-10': "2.5rem";
|
|
readonly 'space-12': "3rem";
|
|
readonly 'space-14': "3.5rem";
|
|
readonly 'space-16': "4rem";
|
|
readonly 'space-20': "5rem";
|
|
readonly 'space-24': "6rem";
|
|
readonly 'space-32': "8rem";
|
|
readonly 'golden-1': "0.25rem";
|
|
readonly 'golden-2': "0.405rem";
|
|
readonly 'golden-3': "0.654rem";
|
|
readonly 'golden-4': "1.059rem";
|
|
readonly 'golden-5': "1.713rem";
|
|
readonly 'golden-6': "2.772rem";
|
|
readonly 'golden-7': "4.487rem";
|
|
readonly 'golden-8': "7.26rem";
|
|
readonly 'golden-9': "11.749rem";
|
|
readonly 'golden-split': "38.2% 61.8%";
|
|
readonly 'container-max': "80rem";
|
|
readonly 'container-prose': "48rem";
|
|
readonly 'container-wide': "72rem";
|
|
readonly gutter: "max(1rem,var(--safe-left),var(--safe-right))";
|
|
readonly 'gutter-sm': "1.5rem";
|
|
readonly 'gutter-lg': "2rem";
|
|
readonly 'section-y': "2.5rem";
|
|
readonly 'section-y-lg': "3.5rem";
|
|
readonly 'hero-y': "3rem";
|
|
readonly 'hero-y-lg': "4.5rem";
|
|
readonly 'header-height': "3.5rem";
|
|
readonly 'tap-target': "44px";
|
|
readonly 'control-height-sm': "32px";
|
|
readonly 'control-height': "36px";
|
|
readonly 'control-height-lg': "40px";
|
|
readonly 'control-height-xl': "52px";
|
|
readonly 'safe-top': "env(safe-area-inset-top,0px)";
|
|
readonly 'safe-right': "env(safe-area-inset-right,0px)";
|
|
readonly 'safe-bottom': "env(safe-area-inset-bottom,0px)";
|
|
readonly 'safe-left': "env(safe-area-inset-left,0px)";
|
|
};
|
|
/** grid tokens (from tokens/grid.css). Values are raw CSS. */
|
|
export declare const grid: {
|
|
readonly 'grid-columns': "12";
|
|
readonly 'grid-gap': "var(--space-6)";
|
|
readonly 'grid-gap-tight': "var(--space-4)";
|
|
readonly 'grid-gap-loose': "var(--space-8)";
|
|
readonly 'breakpoint-sm': "40rem";
|
|
readonly 'breakpoint-md': "48rem";
|
|
readonly 'breakpoint-lg': "64rem";
|
|
readonly 'breakpoint-xl': "80rem";
|
|
readonly 'breakpoint-2xl': "96rem";
|
|
readonly 'grid-card-min': "18rem";
|
|
readonly 'grid-card-min-wide': "24rem";
|
|
};
|
|
/** radius tokens (from tokens/radius.css). Values are raw CSS. */
|
|
export declare const radius: {
|
|
readonly radius: "0.5rem";
|
|
readonly 'radius-sm': "0.375rem";
|
|
readonly 'radius-md': "0.5rem";
|
|
readonly 'radius-lg': "0.75rem";
|
|
readonly 'radius-xl': "1rem";
|
|
readonly 'radius-2xl': "1.5rem";
|
|
readonly 'radius-composer': "28px";
|
|
readonly 'radius-full': "9999px";
|
|
};
|
|
/** elevation tokens (from tokens/elevation.css). Values are raw CSS. */
|
|
export declare const elevation: {
|
|
readonly 'shadow-none': "none";
|
|
readonly 'shadow-floating': "0 24px 60px -16px rgb(0 0 0 / .75)";
|
|
readonly 'shadow-inset-hairline': "inset 0 0 0 1px var(--white-10)";
|
|
readonly 'edge-highlight': "inset 0 1px 0 0 rgb(255 255 255 / .10)";
|
|
readonly bloom: "0 0 24px -2px rgb(255 255 255 / .28)";
|
|
readonly 'ring-focus': "0 0 0 3px var(--ring-halo)";
|
|
readonly 'shadow-sm': "0 1px 2px 0 rgb(0 0 0 / .40)";
|
|
readonly shadow: "0 1px 3px 0 rgb(0 0 0 / .45), 0 1px 2px -1px rgb(0 0 0 / .45)";
|
|
readonly 'shadow-md': "0 4px 6px -1px rgb(0 0 0 / .50), 0 2px 4px -2px rgb(0 0 0 / .50)";
|
|
readonly 'shadow-lg': "0 10px 15px -3px rgb(0 0 0 / .55), 0 4px 6px -4px rgb(0 0 0 / .55)";
|
|
readonly 'shadow-xl': "0 20px 25px -5px rgb(0 0 0 / .60), 0 8px 10px -6px rgb(0 0 0 / .60)";
|
|
readonly 'shadow-2xl': "var(--shadow-floating)";
|
|
readonly 'sheet-0': "var(--surface-page)";
|
|
readonly 'sheet-1': "var(--surface-card)";
|
|
readonly 'sheet-2': "var(--surface-card-emphasis)";
|
|
readonly 'shadow-sheet-1': "var(--edge-highlight),0 1px 2px 0 rgb(0 0 0 / .40)";
|
|
readonly 'shadow-sheet-2': "var(--edge-highlight),0 10px 15px -3px rgb(0 0 0 / .55),0 4px 6px -4px rgb(0 0 0 / .55)";
|
|
readonly fold: "12px";
|
|
readonly 'fold-face': "linear-gradient(315deg,var(--glass-strong) 0,var(--glass-strong) calc(var(--fold) - 1px),var(--border-strong) calc(var(--fold) - 1px),var(--border-strong) var(--fold),transparent var(--fold))";
|
|
readonly 'glow-hero': "radial-gradient(circle,rgb(255 255 255 / .12) 0%,transparent 68%)";
|
|
readonly 'glow-hero-blur': "120px";
|
|
readonly 'sheen-card': "radial-gradient(120% 120% at 80% 0%,rgb(255 255 255 / .08) 0%,transparent 55%)";
|
|
readonly 'sheen-edge': "linear-gradient(90deg,transparent,rgb(255 255 255 / .14) 50%,transparent)";
|
|
readonly 'gradient-chrome': "linear-gradient(to right,#ffffff,var(--white-80),var(--white-60))";
|
|
readonly 'gradient-chrome-2': "linear-gradient(to right,#ffffff,var(--neutral-500))";
|
|
readonly 'gradient-protect': "linear-gradient(to bottom,var(--white-10),transparent)";
|
|
};
|
|
/** motion tokens (from tokens/motion.css). Values are raw CSS. */
|
|
export declare const motion: {
|
|
readonly 'duration-fast': "150ms";
|
|
readonly 'duration-base': "300ms";
|
|
readonly 'duration-slow': "400ms";
|
|
readonly 'duration-slower': "500ms";
|
|
readonly 'duration-glow': "9s";
|
|
readonly 'duration-press': "90ms";
|
|
readonly 'ease-out': "cubic-bezier(0,0,0.2,1)";
|
|
readonly 'ease-in-out': "cubic-bezier(0.4,0,0.2,1)";
|
|
readonly 'ease-emphasis': "cubic-bezier(0.16,1,0.3,1)";
|
|
readonly stagger: "60ms";
|
|
readonly 'entry-rise': "16px";
|
|
readonly 'entry-rise-lg': "24px";
|
|
};
|
|
/** zIndex tokens (from tokens/z.css). Values are raw CSS. */
|
|
export declare const zIndex: {
|
|
readonly 'z-base': "0";
|
|
readonly 'z-raised': "10";
|
|
readonly 'z-sticky': "200";
|
|
readonly 'z-header': "300";
|
|
readonly 'z-dropdown': "400";
|
|
readonly 'z-overlay': "500";
|
|
readonly 'z-modal': "600";
|
|
readonly 'z-popover': "700";
|
|
readonly 'z-toast': "800";
|
|
readonly 'z-tooltip': "var(--z-popover)";
|
|
readonly 'z-notification': "var(--z-toast)";
|
|
};
|
|
/** fonts tokens (from tokens/fonts.css). Values are raw CSS. */
|
|
export declare const fonts: {
|
|
readonly 'font-sans': "\"Zen\",ui-sans-serif,system-ui,sans-serif";
|
|
readonly 'font-display': "var(--font-sans)";
|
|
readonly 'font-mono': "\"Zen Mono\",ui-monospace,SFMono-Regular,monospace";
|
|
readonly 'font-serif': "Georgia,serif";
|
|
readonly 'font-feature-settings': "normal";
|
|
};
|
|
/** base tokens (from tokens/base.css). Values are raw CSS. */
|
|
export declare const base: {
|
|
readonly 'ring-offset': "-2px";
|
|
};
|
|
/** Every token, keyed by its literal CSS custom-property name ('--background', …). */
|
|
export declare const cssVars: {
|
|
readonly '--neutral-50': "#FAFAFA";
|
|
readonly '--neutral-100': "#F5F5F5";
|
|
readonly '--neutral-200': "#E5E5E5";
|
|
readonly '--neutral-300': "#D4D4D4";
|
|
readonly '--neutral-400': "#A3A3A3";
|
|
readonly '--neutral-500': "#737373";
|
|
readonly '--neutral-600': "#525252";
|
|
readonly '--neutral-700': "#404040";
|
|
readonly '--neutral-800': "#262626";
|
|
readonly '--neutral-900': "#171717";
|
|
readonly '--neutral-950': "#0A0A0A";
|
|
readonly '--pure-black': "#000000";
|
|
readonly '--pure-white': "#FFFFFF";
|
|
readonly '--hanzo-black': "#0A0A0B";
|
|
readonly '--hanzo-white': "#FFFFFF";
|
|
readonly '--white-03': "rgb(255 255 255 / .03)";
|
|
readonly '--white-05': "rgb(255 255 255 / .05)";
|
|
readonly '--white-06': "rgb(255 255 255 / .06)";
|
|
readonly '--white-08': "rgb(255 255 255 / .08)";
|
|
readonly '--white-10': "rgb(255 255 255 / .10)";
|
|
readonly '--white-14': "rgb(255 255 255 / .14)";
|
|
readonly '--white-15': "rgb(255 255 255 / .15)";
|
|
readonly '--white-16': "rgb(255 255 255 / .16)";
|
|
readonly '--white-18': "rgb(255 255 255 / .18)";
|
|
readonly '--white-20': "rgb(255 255 255 / .20)";
|
|
readonly '--white-22': "rgb(255 255 255 / .22)";
|
|
readonly '--white-30': "rgb(255 255 255 / .30)";
|
|
readonly '--white-40': "rgb(255 255 255 / .40)";
|
|
readonly '--white-45': "rgb(255 255 255 / .45)";
|
|
readonly '--white-55': "rgb(255 255 255 / .55)";
|
|
readonly '--white-60': "rgb(255 255 255 / .60)";
|
|
readonly '--white-78': "rgb(255 255 255 / .78)";
|
|
readonly '--white-80': "rgb(255 255 255 / .80)";
|
|
readonly '--white-92': "rgb(255 255 255 / .92)";
|
|
readonly '--background': "#0a0a0a";
|
|
readonly '--foreground': "#e5e5e5";
|
|
readonly '--card': "#0f0f0f";
|
|
readonly '--card-foreground': "#e5e5e5";
|
|
readonly '--popover': "#0f0f0f";
|
|
readonly '--popover-foreground': "#e5e5e5";
|
|
readonly '--primary': "#fafafa";
|
|
readonly '--primary-hover': "#e5e5e5";
|
|
readonly '--primary-foreground': "#0a0a0a";
|
|
readonly '--secondary': "#262626";
|
|
readonly '--secondary-hover': "#333333";
|
|
readonly '--secondary-foreground': "#fafafa";
|
|
readonly '--muted': "#171717";
|
|
readonly '--muted-foreground': "#a3a3a3";
|
|
readonly '--accent': "#262626";
|
|
readonly '--accent-foreground': "#fafafa";
|
|
readonly '--destructive': "var(--state-error)";
|
|
readonly '--destructive-hover': "#dc2626";
|
|
readonly '--destructive-foreground': "#fafafa";
|
|
readonly '--border': "var(--white-10)";
|
|
readonly '--border-strong': "var(--white-16)";
|
|
readonly '--border-control': "var(--white-15)";
|
|
readonly '--border-focus': "var(--white-22)";
|
|
readonly '--border-selected': "var(--white-30)";
|
|
readonly '--input': "var(--border-control)";
|
|
readonly '--ring': "var(--white-40)";
|
|
readonly '--ring-halo': "var(--white-10)";
|
|
readonly '--brand': "#e4e4e7";
|
|
readonly '--brand-foreground': "#09090b";
|
|
readonly '--brand-muted': "#a3a3a3";
|
|
readonly '--black': "#000000";
|
|
readonly '--white': "#fafafa";
|
|
readonly '--selection': "var(--white-20)";
|
|
readonly '--glass': "var(--white-05)";
|
|
readonly '--glass-strong': "var(--white-08)";
|
|
readonly '--surface-page': "var(--background)";
|
|
readonly '--surface-card': "rgb(38 38 38 / .5)";
|
|
readonly '--surface-card-emphasis': "rgb(38 38 38 / .75)";
|
|
readonly '--surface-card-quiet': "rgb(38 38 38 / .35)";
|
|
readonly '--surface-overlay': "rgb(23 23 23 / .92)";
|
|
readonly '--surface-header': "rgb(0 0 0 / .7)";
|
|
readonly '--surface-scrim': "rgb(0 0 0 / .8)";
|
|
readonly '--surface-0': "var(--background)";
|
|
readonly '--surface-1': "var(--card)";
|
|
readonly '--surface-2': "var(--muted)";
|
|
readonly '--surface-3': "var(--secondary)";
|
|
readonly '--text-primary': "#fafafa";
|
|
readonly '--text-secondary': "var(--white-78)";
|
|
readonly '--text-tertiary': "var(--white-55)";
|
|
readonly '--text-helper': "var(--muted-foreground)";
|
|
readonly '--text-disabled': "var(--white-30)";
|
|
readonly '--state-error': "#ef4444";
|
|
readonly '--state-error-text': "#fca5a5";
|
|
readonly '--state-error-bg': "rgb(239 68 68 / .1)";
|
|
readonly '--state-online': "#4ade80";
|
|
readonly '--state-success': "#22c55e";
|
|
readonly '--chrome-dot-red': "rgb(239 68 68 / .6)";
|
|
readonly '--chrome-dot-yellow': "rgb(234 179 8 / .6)";
|
|
readonly '--chrome-dot-green': "rgb(34 197 94 / .6)";
|
|
readonly '--type-scale': "1";
|
|
readonly '--type-ratio': "1";
|
|
readonly '--text-floor': "0.625rem";
|
|
readonly '--text-ceiling': "30vw";
|
|
readonly '--text-xs': "0.6875rem";
|
|
readonly '--leading-xs': "1rem";
|
|
readonly '--text-sm': "0.8125rem";
|
|
readonly '--leading-sm': "1.15rem";
|
|
readonly '--text-base': "0.875rem";
|
|
readonly '--leading-base': "1.35rem";
|
|
readonly '--text-lg': "0.9375rem";
|
|
readonly '--leading-lg': "1.4rem";
|
|
readonly '--text-xl': "1.0625rem";
|
|
readonly '--leading-xl': "1.55rem";
|
|
readonly '--text-2xl': "1.3125rem";
|
|
readonly '--leading-2xl': "1.7rem";
|
|
readonly '--text-3xl': "1.625rem";
|
|
readonly '--leading-3xl': "1.95rem";
|
|
readonly '--text-4xl': "2rem";
|
|
readonly '--leading-4xl': "2.25rem";
|
|
readonly '--text-5xl': "2.5rem";
|
|
readonly '--leading-5xl': "1.05";
|
|
readonly '--text-6xl': "3.25rem";
|
|
readonly '--leading-6xl': "1";
|
|
readonly '--text-7xl': "4rem";
|
|
readonly '--leading-7xl': "1";
|
|
readonly '--text-8xl': "5.25rem";
|
|
readonly '--leading-8xl': "1";
|
|
readonly '--text-9xl': "7rem";
|
|
readonly '--leading-9xl': "1";
|
|
readonly '--font-size-xs': "var(--text-xs)";
|
|
readonly '--font-size-sm': "var(--text-sm)";
|
|
readonly '--font-size-base': "var(--text-base)";
|
|
readonly '--font-size-lg': "var(--text-lg)";
|
|
readonly '--font-size-xl': "var(--text-xl)";
|
|
readonly '--font-size-2xl': "var(--text-2xl)";
|
|
readonly '--font-size-3xl': "var(--text-3xl)";
|
|
readonly '--font-size-4xl': "var(--text-4xl)";
|
|
readonly '--font-size-5xl': "var(--text-5xl)";
|
|
readonly '--font-size-6xl': "var(--text-6xl)";
|
|
readonly '--font-size-7xl': "var(--text-7xl)";
|
|
readonly '--font-size-8xl': "var(--text-8xl)";
|
|
readonly '--font-size-9xl': "var(--text-9xl)";
|
|
readonly '--text-control': "var(--text-sm)";
|
|
readonly '--weight-normal': "400";
|
|
readonly '--weight-medium': "500";
|
|
readonly '--weight-semibold': "600";
|
|
readonly '--weight-bold': "700";
|
|
readonly '--tracking-tight': "-0.025em";
|
|
readonly '--tracking-normal': "0em";
|
|
readonly '--tracking-wide': "0.025em";
|
|
readonly '--tracking-widest': "0.1em";
|
|
readonly '--leading-none': "1";
|
|
readonly '--leading-tight': "1.25";
|
|
readonly '--leading-snug': "1.375";
|
|
readonly '--leading-normal': "1.5";
|
|
readonly '--leading-relaxed': "1.625";
|
|
readonly '--leading-golden': "1.618";
|
|
readonly '--type-hero': "600 var(--text-5xl)/1.05 var(--font-display)";
|
|
readonly '--type-h2': "700 var(--text-4xl)/var(--leading-4xl) var(--font-display)";
|
|
readonly '--type-h3': "600 var(--text-xl)/var(--leading-xl) var(--font-display)";
|
|
readonly '--type-lead': "400 var(--text-lg)/var(--leading-relaxed) var(--font-sans)";
|
|
readonly '--type-body': "400 var(--text-sm)/var(--leading-sm) var(--font-sans)";
|
|
readonly '--type-caption': "400 var(--text-xs)/var(--leading-xs) var(--font-sans)";
|
|
readonly '--type-code': "400 var(--text-sm)/var(--leading-relaxed) var(--font-mono)";
|
|
readonly '--type-eyebrow': "600 0.625rem/1 var(--font-sans)";
|
|
readonly '--density': "1";
|
|
readonly '--space-0': "0";
|
|
readonly '--space-1': "0.25rem";
|
|
readonly '--space-2': "0.5rem";
|
|
readonly '--space-3': "0.75rem";
|
|
readonly '--space-4': "1rem";
|
|
readonly '--space-5': "1.25rem";
|
|
readonly '--space-6': "1.5rem";
|
|
readonly '--space-8': "2rem";
|
|
readonly '--space-10': "2.5rem";
|
|
readonly '--space-12': "3rem";
|
|
readonly '--space-14': "3.5rem";
|
|
readonly '--space-16': "4rem";
|
|
readonly '--space-20': "5rem";
|
|
readonly '--space-24': "6rem";
|
|
readonly '--space-32': "8rem";
|
|
readonly '--golden-1': "0.25rem";
|
|
readonly '--golden-2': "0.405rem";
|
|
readonly '--golden-3': "0.654rem";
|
|
readonly '--golden-4': "1.059rem";
|
|
readonly '--golden-5': "1.713rem";
|
|
readonly '--golden-6': "2.772rem";
|
|
readonly '--golden-7': "4.487rem";
|
|
readonly '--golden-8': "7.26rem";
|
|
readonly '--golden-9': "11.749rem";
|
|
readonly '--golden-split': "38.2% 61.8%";
|
|
readonly '--container-max': "80rem";
|
|
readonly '--container-prose': "48rem";
|
|
readonly '--container-wide': "72rem";
|
|
readonly '--gutter': "max(1rem,var(--safe-left),var(--safe-right))";
|
|
readonly '--gutter-sm': "1.5rem";
|
|
readonly '--gutter-lg': "2rem";
|
|
readonly '--section-y': "2.5rem";
|
|
readonly '--section-y-lg': "3.5rem";
|
|
readonly '--hero-y': "3rem";
|
|
readonly '--hero-y-lg': "4.5rem";
|
|
readonly '--header-height': "3.5rem";
|
|
readonly '--tap-target': "44px";
|
|
readonly '--control-height-sm': "32px";
|
|
readonly '--control-height': "36px";
|
|
readonly '--control-height-lg': "40px";
|
|
readonly '--control-height-xl': "52px";
|
|
readonly '--safe-top': "env(safe-area-inset-top,0px)";
|
|
readonly '--safe-right': "env(safe-area-inset-right,0px)";
|
|
readonly '--safe-bottom': "env(safe-area-inset-bottom,0px)";
|
|
readonly '--safe-left': "env(safe-area-inset-left,0px)";
|
|
readonly '--grid-columns': "12";
|
|
readonly '--grid-gap': "var(--space-6)";
|
|
readonly '--grid-gap-tight': "var(--space-4)";
|
|
readonly '--grid-gap-loose': "var(--space-8)";
|
|
readonly '--breakpoint-sm': "40rem";
|
|
readonly '--breakpoint-md': "48rem";
|
|
readonly '--breakpoint-lg': "64rem";
|
|
readonly '--breakpoint-xl': "80rem";
|
|
readonly '--breakpoint-2xl': "96rem";
|
|
readonly '--grid-card-min': "18rem";
|
|
readonly '--grid-card-min-wide': "24rem";
|
|
readonly '--radius': "0.5rem";
|
|
readonly '--radius-sm': "0.375rem";
|
|
readonly '--radius-md': "0.5rem";
|
|
readonly '--radius-lg': "0.75rem";
|
|
readonly '--radius-xl': "1rem";
|
|
readonly '--radius-2xl': "1.5rem";
|
|
readonly '--radius-composer': "28px";
|
|
readonly '--radius-full': "9999px";
|
|
readonly '--shadow-none': "none";
|
|
readonly '--shadow-floating': "0 24px 60px -16px rgb(0 0 0 / .75)";
|
|
readonly '--shadow-inset-hairline': "inset 0 0 0 1px var(--white-10)";
|
|
readonly '--edge-highlight': "inset 0 1px 0 0 rgb(255 255 255 / .10)";
|
|
readonly '--bloom': "0 0 24px -2px rgb(255 255 255 / .28)";
|
|
readonly '--ring-focus': "0 0 0 3px var(--ring-halo)";
|
|
readonly '--shadow-sm': "0 1px 2px 0 rgb(0 0 0 / .40)";
|
|
readonly '--shadow': "0 1px 3px 0 rgb(0 0 0 / .45), 0 1px 2px -1px rgb(0 0 0 / .45)";
|
|
readonly '--shadow-md': "0 4px 6px -1px rgb(0 0 0 / .50), 0 2px 4px -2px rgb(0 0 0 / .50)";
|
|
readonly '--shadow-lg': "0 10px 15px -3px rgb(0 0 0 / .55), 0 4px 6px -4px rgb(0 0 0 / .55)";
|
|
readonly '--shadow-xl': "0 20px 25px -5px rgb(0 0 0 / .60), 0 8px 10px -6px rgb(0 0 0 / .60)";
|
|
readonly '--shadow-2xl': "var(--shadow-floating)";
|
|
readonly '--sheet-0': "var(--surface-page)";
|
|
readonly '--sheet-1': "var(--surface-card)";
|
|
readonly '--sheet-2': "var(--surface-card-emphasis)";
|
|
readonly '--shadow-sheet-1': "var(--edge-highlight),0 1px 2px 0 rgb(0 0 0 / .40)";
|
|
readonly '--shadow-sheet-2': "var(--edge-highlight),0 10px 15px -3px rgb(0 0 0 / .55),0 4px 6px -4px rgb(0 0 0 / .55)";
|
|
readonly '--fold': "12px";
|
|
readonly '--fold-face': "linear-gradient(315deg,var(--glass-strong) 0,var(--glass-strong) calc(var(--fold) - 1px),var(--border-strong) calc(var(--fold) - 1px),var(--border-strong) var(--fold),transparent var(--fold))";
|
|
readonly '--glow-hero': "radial-gradient(circle,rgb(255 255 255 / .12) 0%,transparent 68%)";
|
|
readonly '--glow-hero-blur': "120px";
|
|
readonly '--sheen-card': "radial-gradient(120% 120% at 80% 0%,rgb(255 255 255 / .08) 0%,transparent 55%)";
|
|
readonly '--sheen-edge': "linear-gradient(90deg,transparent,rgb(255 255 255 / .14) 50%,transparent)";
|
|
readonly '--gradient-chrome': "linear-gradient(to right,#ffffff,var(--white-80),var(--white-60))";
|
|
readonly '--gradient-chrome-2': "linear-gradient(to right,#ffffff,var(--neutral-500))";
|
|
readonly '--gradient-protect': "linear-gradient(to bottom,var(--white-10),transparent)";
|
|
readonly '--duration-fast': "150ms";
|
|
readonly '--duration-base': "300ms";
|
|
readonly '--duration-slow': "400ms";
|
|
readonly '--duration-slower': "500ms";
|
|
readonly '--duration-glow': "9s";
|
|
readonly '--duration-press': "90ms";
|
|
readonly '--ease-out': "cubic-bezier(0,0,0.2,1)";
|
|
readonly '--ease-in-out': "cubic-bezier(0.4,0,0.2,1)";
|
|
readonly '--ease-emphasis': "cubic-bezier(0.16,1,0.3,1)";
|
|
readonly '--stagger': "60ms";
|
|
readonly '--entry-rise': "16px";
|
|
readonly '--entry-rise-lg': "24px";
|
|
readonly '--z-base': "0";
|
|
readonly '--z-raised': "10";
|
|
readonly '--z-sticky': "200";
|
|
readonly '--z-header': "300";
|
|
readonly '--z-dropdown': "400";
|
|
readonly '--z-overlay': "500";
|
|
readonly '--z-modal': "600";
|
|
readonly '--z-popover': "700";
|
|
readonly '--z-toast': "800";
|
|
readonly '--z-tooltip': "var(--z-popover)";
|
|
readonly '--z-notification': "var(--z-toast)";
|
|
readonly '--font-sans': "\"Zen\",ui-sans-serif,system-ui,sans-serif";
|
|
readonly '--font-display': "var(--font-sans)";
|
|
readonly '--font-mono': "\"Zen Mono\",ui-monospace,SFMono-Regular,monospace";
|
|
readonly '--font-serif': "Georgia,serif";
|
|
readonly '--font-feature-settings': "normal";
|
|
readonly '--ring-offset': "-2px";
|
|
};
|
|
export type CssVarName = keyof typeof cssVars;
|
|
//# sourceMappingURL=tokens.gen.d.ts.map |