@youwen/ai-design-system
Version:
Enterprise AI-driven design system with comprehensive design tokens
32 lines (31 loc) • 1.17 kB
TypeScript
/**
* 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;
};