@youwen/ai-design-system/dist/styles/enterprise-tailwind-config.d.ts

Enterprise AI-driven design system with comprehensive design tokens

/**
 * 企业级通用 Tailwind CSS 配置
 * 基于Figma实际设计规范的完整Tailwind扩展
 */
export declare const enterpriseTailwindConfig: {
    darkMode: string[];
    theme: {
        extend: {
            colors: {
                brand: {
                    primary: "#3B82F6";
                    secondary: "#10B981";
                    accent: "#8B5CF6";
                    warning: "#F59E0B";
                };
                bg: {
                    'dark-primary': "#0A0A0A";
                    'dark-secondary': "#313540";
                    'dark-surface': "#1A1A1A";
                    'light-primary': "#F5F5F5";
                    'light-secondary': "#FFFFFF";
                    'light-surface': "#FFFFFF";
                };
                text: {
                    'dark-primary': "#FFFFFF";
                    'dark-secondary': "#B8BCC8";
                    'dark-tertiary': "#9CA3AF";
                    'light-primary': "#0A0A0A";
                    'light-secondary': "#6B7280";
                    'light-tertiary': "#9CA3AF";
                };
                semantic: {
                    success: "#10B981";
                    warning: "#F59E0B";
                    error: "#EF4444";
                    info: "#3B82F6";
                };
            };
            fontFamily: {
                primary: "\"Inter\", -apple-system, BlinkMacSystemFont, sans-serif";
                fallback: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif";
                enterprise: string[];
            };
            fontSize: {
                'widget-title': ("24px" | {
                    lineHeight: "28px";
                    fontWeight: "500";
                })[];
                'widget-big': ("40px" | {
                    lineHeight: "44px";
                    fontWeight: "400";
                })[];
                'widget-medium': ("24px" | {
                    lineHeight: "28px";
                    fontWeight: "400";
                })[];
                'widget-small': ("16px" | {
                    lineHeight: "20px";
                    fontWeight: "400";
                })[];
                'widget-mini': ("12px" | {
                    lineHeight: "16px";
                    fontWeight: "400";
                })[];
            };
            width: {
                container: "430px";
                slot: "195px";
                'container-md': "430px";
                'widget-sm': "195px";
            };
            height: {
                container: "225px";
                'container-min': "180px";
                slot: "97px";
                'container-md': "225px";
                'widget-sm': "97px";
            };
            spacing: {
                padding: "15px";
                'title-height': "24px";
                'title-margin': "15px";
                'content-offset': "40px";
                'slot-gap': "15px";
                'text-gap': "6px";
                'widget-padding': "15px";
                'widget-gap': "6px";
                'widget-offset': "2px";
                'widget-content-top': "40px";
            };
            borderRadius: {
                sm: "4px";
                md: "8px";
                lg: "12px";
                xl: "16px";
            };
            boxShadow: {
                widget: "0 2px 8px rgba(0, 0, 0, 0.1)";
                'widget-hover': "0 4px 16px rgba(0, 0, 0, 0.15)";
                'widget-active': "0 1px 4px rgba(0, 0, 0, 0.1)";
                low: "0 1px 3px rgba(0, 0, 0, 0.1)";
                medium: "0 4px 6px rgba(0, 0, 0, 0.1)";
                high: "0 10px 15px rgba(0, 0, 0, 0.1)";
                highest: "0 25px 50px rgba(0, 0, 0, 0.25)";
            };
            transitionDuration: {
                fast: "150ms";
                normal: "300ms";
                slow: "500ms";
            };
            transitionTimingFunction: {
                'ease-out': "cubic-bezier(0.0, 0.0, 0.2, 1)";
                'ease-in': "cubic-bezier(0.4, 0.0, 1, 1)";
                'ease-in-out': "cubic-bezier(0.4, 0.0, 0.2, 1)";
            };
            screens: {
                mobile: "320px";
                tablet: "768px";
                desktop: "1024px";
                wide: "1440px";
            };
            gridTemplateColumns: {
                slots: string;
                'widget-grid': string;
            };
            gridTemplateRows: {
                slots: string;
                'widget-grid': string;
            };
            gap: {
                slot: "15px";
                widget: "15px";
            };
        };
    };
    plugins: (({ addUtilities, addComponents, theme }: {
        addUtilities: any;
        addComponents: any;
        theme: any;
    }) => void)[];
};
export declare const injectEnterpriseCSSVariables: () => void;
export declare const setEnterpriseTheme: (mode: 'light' | 'dark') => void;
export default enterpriseTailwindConfig;