@voice-ai-workforce/react/dist/react/src/utils/theme.d.ts

React components with 3-tier interface modes for voice-controlled workforce applications

import { VoiceAITheme, VoiceAISize, VoiceAIPosition } from '../types/theme';
export declare const SIZE_CLASSES: {
    button: {
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
    };
    panel: {
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
    };
    text: {
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
    };
    spacing: {
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
    };
};
export declare const POSITION_CLASSES: Record<VoiceAIPosition, string>;
export declare const ANIMATION_CLASSES: {
    fadeIn: string;
    fadeOut: string;
    slideInFromTop: string;
    slideInFromBottom: string;
    slideInFromLeft: string;
    slideInFromRight: string;
    pulse: string;
    bounce: string;
    spin: string;
};
export declare function getStatusColor(status: string, theme: VoiceAITheme): string;
export declare function getVariantStyles(variant: string, theme: VoiceAITheme): {
    backgroundColor: string;
    color: string;
    borderColor: string;
};
export declare function getSizeStyles(size: VoiceAISize): {
    padding: string;
    fontSize: string;
};
export declare function validateTheme(theme: Partial<VoiceAITheme>): string[];
export declare function mergeThemes(base: VoiceAITheme, override: Partial<VoiceAITheme>): VoiceAITheme;
export declare function generateCSSCustomProperties(theme: VoiceAITheme): Record<string, string>;
export declare const BREAKPOINTS: {
    sm: string;
    md: string;
    lg: string;
    xl: string;
    '2xl': string;
};
export declare function createMediaQuery(breakpoint: keyof typeof BREAKPOINTS): string;
export declare function getAccessibleContrast(background: string, foreground: string): number;
export declare function ensureAccessibleColors(theme: VoiceAITheme): VoiceAITheme;
export declare function createDarkTheme(lightTheme: VoiceAITheme): VoiceAITheme;
export declare const COMMON_THEMES: {
    light: {
        colors: {
            primary: string;
            secondary: string;
            success: string;
            warning: string;
            error: string;
            surface: string;
            background: string;
            border: string;
        };
    };
    dark: {
        colors: {
            primary: string;
            secondary: string;
            success: string;
            warning: string;
            error: string;
            surface: string;
            background: string;
            border: string;
        };
    };
};
declare const _default: {
    SIZE_CLASSES: {
        button: {
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
        };
        panel: {
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
        };
        text: {
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
        };
        spacing: {
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
        };
    };
    POSITION_CLASSES: Record<VoiceAIPosition, string>;
    ANIMATION_CLASSES: {
        fadeIn: string;
        fadeOut: string;
        slideInFromTop: string;
        slideInFromBottom: string;
        slideInFromLeft: string;
        slideInFromRight: string;
        pulse: string;
        bounce: string;
        spin: string;
    };
    getStatusColor: typeof getStatusColor;
    getVariantStyles: typeof getVariantStyles;
    getSizeStyles: typeof getSizeStyles;
    validateTheme: typeof validateTheme;
    mergeThemes: typeof mergeThemes;
    generateCSSCustomProperties: typeof generateCSSCustomProperties;
    BREAKPOINTS: {
        sm: string;
        md: string;
        lg: string;
        xl: string;
        '2xl': string;
    };
    createMediaQuery: typeof createMediaQuery;
    getAccessibleContrast: typeof getAccessibleContrast;
    ensureAccessibleColors: typeof ensureAccessibleColors;
    createDarkTheme: typeof createDarkTheme;
    COMMON_THEMES: {
        light: {
            colors: {
                primary: string;
                secondary: string;
                success: string;
                warning: string;
                error: string;
                surface: string;
                background: string;
                border: string;
            };
        };
        dark: {
            colors: {
                primary: string;
                secondary: string;
                success: string;
                warning: string;
                error: string;
                surface: string;
                background: string;
                border: string;
            };
        };
    };
};
export default _default;