aura-glass/dist/core/mixins/glowEffects.d.ts

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

import { CSSProperties } from 'react';
export interface GlowConfig {
    color?: string;
    intensity?: 'subtle' | 'light' | 'standard' | 'strong' | 'intense';
    size?: number;
    spread?: number;
    blur?: number;
    animated?: boolean;
    animationDuration?: number;
    pulsing?: boolean;
    pulseSpeed?: number;
}
export interface GlowPreset {
    primary: GlowConfig;
    secondary: GlowConfig;
    success: GlowConfig;
    warning: GlowConfig;
    error: GlowConfig;
    info: GlowConfig;
}
export declare const glowEffects: {
    subtle: string;
    light: string;
    standard: string;
    strong: string;
    intense: string;
};
export declare const createGlowEffect: (config?: GlowConfig) => CSSProperties;
export declare const glowColors: {
    readonly white: "var(--glass-white)";
    readonly blue: "var(--glass-color-primary)";
    readonly indigo: "#6366f1";
    readonly purple: "#8b5cf6";
    readonly pink: "#ec4899";
    readonly red: "var(--glass-color-danger)";
    readonly orange: "#f97316";
    readonly amber: "var(--glass-color-warning)";
    readonly yellow: "#eab308";
    readonly lime: "#84cc16";
    readonly green: "#22c55e";
    readonly emerald: "var(--glass-color-success)";
    readonly teal: "#14b8a6";
    readonly cyan: "#06b6d4";
    readonly sky: "#0ea5e9";
    readonly gray: "var(--glass-gray-500)";
};
export declare const glowPresets: GlowPreset;
export declare const blueGlow: CSSProperties;
export declare const greenGlow: CSSProperties;
export declare const redGlow: CSSProperties;
export declare const whiteGlow: CSSProperties;
export declare const purpleGlow: CSSProperties;
export declare const orangeGlow: CSSProperties;
export declare const subtleGlow: (color?: string) => CSSProperties;
export declare const lightGlow: (color?: string) => CSSProperties;
export declare const standardGlow: (color?: string) => CSSProperties;
export declare const strongGlow: (color?: string) => CSSProperties;
export declare const intenseGlow: (color?: string) => CSSProperties;
export declare const pulsingGlow: (color?: string) => CSSProperties;
export declare const animatedGlow: (color?: string) => CSSProperties;
export declare const rainbowGlow: () => CSSProperties;
export declare const dualGlow: (color1: string, color2: string) => CSSProperties;
export declare const contextualGlow: {
    hover: (color?: string) => CSSProperties;
    focus: (color?: string) => CSSProperties;
    active: (color?: string) => CSSProperties;
    disabled: () => CSSProperties;
    loading: (color?: string) => CSSProperties;
    success: () => CSSProperties;
    error: () => CSSProperties;
    warning: () => CSSProperties;
};
export declare const glowKeyframes = "\n  @keyframes glow-animate {\n    0% { filter: drop-shadow(0 0 5px currentColor); }\n    50% { filter: drop-shadow(0 0 20px currentColor); }\n    100% { filter: drop-shadow(0 0 5px currentColor); }\n  }\n\n  @keyframes glow-pulse {\n    0% { box-shadow: 0 0 5px currentColor; }\n    100% { box-shadow: 0 0 25px currentColor; }\n  }\n\n  @keyframes rainbow-glow {\n    0% { filter: hue-rotate(0deg); }\n    100% { filter: hue-rotate(360deg); }\n  }\n\n  @keyframes dual-glow {\n    0% { filter: brightness(1); }\n    100% { filter: brightness(1.3); }\n  }\n";
export declare const injectGlowKeyframes: () => void;
//# sourceMappingURL=glowEffects.d.ts.map