aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
63 lines (46 loc) • 1.28 kB
TypeScript
/**
* @deprecated Use createGlassStyle() from glassMixins instead
* This file contains hardcoded glass interaction patterns that bypass our token system.
*/
import { CSSProperties } from 'react';
export interface InteractiveGlassConfig {
hover?: boolean;
active?: boolean;
focus?: boolean;
disabled?: boolean;
scale?: number;
glow?: boolean;
ripple?: boolean;
transition?: string;
}
/**
*/
export declare const interactiveGlass: (config?: InteractiveGlassConfig) => CSSProperties;
/**
*/
export declare const createInteractiveGlassVariants: () => {};
/**
*/
export declare const createRippleEffect: (color?: string) => CSSProperties;
/**
*/
export declare const createMagneticEffect: (strength?: number) => CSSProperties;
/**
*/
export declare const glassButtonVariants: {};
export interface InteractiveState {
isHovered: boolean;
isActive: boolean;
isFocused: boolean;
isDisabled: boolean;
}
/**
*/
export declare const createInteractiveStateStyles: (state: InteractiveState) => CSSProperties;
/**
*/
export declare const createAccessibleInteractiveStyles: () => CSSProperties;
/**
*/
export declare const createTouchOptimizedStyles: () => CSSProperties;
//# sourceMappingURL=interactiveGlass.d.ts.map