UNPKG

@youwen/ai-design-system

Version:

Enterprise AI-driven design system with comprehensive design tokens

32 lines (31 loc) 1.17 kB
/** * CSS变量生成系统 * 将Design Tokens转换为CSS变量,支持主题切换 */ import { type ThemeName, type ThemeMode } from './theme-tokens'; export declare function generateAllCSSVariables(theme?: ThemeName, mode?: ThemeMode): Record<string, string>; export declare function generateCSSString(theme?: ThemeName, mode?: ThemeMode): string; export declare function generateResponsiveCSS(): string; export declare class CSSVariableManager { private currentTheme; private currentMode; constructor(); setTheme(theme: ThemeName, mode?: ThemeMode): void; setMode(mode: ThemeMode): void; toggleMode(): void; private loadSavedTheme; private saveTheme; private applyVariables; getCurrentTheme(): { theme: "blue" | "green" | "purple" | "amber"; mode: ThemeMode; }; getVariable(variableName: string): string; injectCSS(): void; } export declare const cssVariableSystem: { generateAllCSSVariables: typeof generateAllCSSVariables; generateCSSString: typeof generateCSSString; generateResponsiveCSS: typeof generateResponsiveCSS; CSSVariableManager: typeof CSSVariableManager; };