aura-glass/dist/utils/themeHelpers.d.ts

A comprehensive glassmorphism design system for React applications with 142+ production-ready components

export interface ThemeColors {
    primary: string;
    secondary: string;
    accent: string;
    background: string;
    surface: string;
    text: string;
    textSecondary: string;
    border: string;
    error: string;
    warning: string;
    success: string;
    info: string;
}
export interface ThemeSpacing {
    xs: string;
    sm: string;
    md: string;
    lg: string;
    xl: string;
    xxl: string;
}
export interface ThemeTypography {
    fontFamily: string;
    fontSize: {
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
        xxl: string;
    };
    fontWeight: {
        light: number;
        normal: number;
        medium: number;
        semibold: number;
        bold: number;
    };
    lineHeight: {
        tight: number;
        normal: number;
        relaxed: number;
    };
}
export interface GlassTheme {
    colors: ThemeColors;
    spacing: ThemeSpacing;
    typography: ThemeTypography;
    borderRadius: string;
    boxShadow: string;
    backdropFilter: string;
    transition: string;
}
export declare const createGlassTheme: (baseTheme?: Partial<GlassTheme>) => GlassTheme;
export declare const getThemeValue: (theme: GlassTheme, path: string, fallback?: any) => any;
export declare const createThemeVariant: (baseTheme: GlassTheme, overrides: Partial<GlassTheme>) => GlassTheme;
export declare const adjustColorOpacity: (color: string, opacity: number) => string;
export declare const lightenColor: (color: string, amount: number) => string;
export declare const darkenColor: (color: string, amount: number) => string;
export declare const createSpacingScale: (base?: number) => ThemeSpacing;
export declare const getSpacingValue: (spacing: ThemeSpacing, size: keyof ThemeSpacing) => string;
export declare const createTypographyScale: (baseSize?: number, scale?: number) => ThemeTypography["fontSize"];
export declare const createFontWeightScale: () => ThemeTypography["fontWeight"];
export declare const validateTheme: (theme: Partial<GlassTheme>) => string[];
export declare const generateThemeCSSVariables: (theme: GlassTheme) => string;
export declare const mergeThemes: (...themes: Partial<GlassTheme>[]) => Partial<GlassTheme>;
export declare const createDarkTheme: () => GlassTheme;
export declare const createLightTheme: () => GlassTheme;
//# sourceMappingURL=themeHelpers.d.ts.map