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

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

import { CSSProperties } from 'react';
import { GlassIntent, GlassElevation, QualityTier } from '../../tokens/glass';
export interface GlassOptions {
    intent?: GlassIntent;
    elevation?: GlassElevation;
    tier?: QualityTier;
    interactive?: boolean;
    hoverLift?: boolean;
    focusRing?: boolean;
    press?: boolean;
}
/**
 * SINGLE PUBLIC API - Creates glass styles from canonical tokens
 *
 * This is the ONLY way to create glass styles going forward.
 * All other methods are deprecated.
 */
export declare function createGlassStyle(opts?: GlassOptions): CSSProperties;
/**
 * DEPRECATED: Legacy API support - will be removed in next version
 * @deprecated Use createGlassStyle() instead
 */
export declare function createGlassMixin(options?: any): CSSProperties;
/**
 * DEPRECATED: Legacy hover mixin
 * @deprecated Use CSS :hover with createGlassStyle({ hoverLift: true })
 */
export declare function createGlassHoverMixin(options?: any): CSSProperties;
/**
 * DEPRECATED: Legacy focus mixin
 * @deprecated Use CSS :focus-visible with createGlassStyle({ focusRing: true })
 */
export declare function createGlassFocusMixin(options?: any): CSSProperties;
/**
 * DEPRECATED: Legacy disabled mixin
 * @deprecated Use CSS :disabled with reduced opacity
 */
export declare function createGlassDisabledMixin(): CSSProperties;
/**
 * DEPRECATED: Legacy loading mixin
 * @deprecated Use modern loading UI patterns
 */
export declare function createGlassLoadingMixin(): CSSProperties;
/**
 * Utility: Generate CSS custom properties for dynamic theming
 * This creates CSS variables that can be overridden at runtime
 */
export declare function generateGlassThemeVariables(options?: {
    intent?: GlassIntent;
    elevation?: GlassElevation;
}): Record<string, string>;
/**
 * Utility: Create responsive glass styles for different screen sizes
 *
 * Returns CSS properties optimized for different performance tiers
 * based on typical device capabilities.
 */
export declare function createResponsiveGlassStyle(mobile: GlassOptions, tablet: GlassOptions, desktop: GlassOptions): Record<string, CSSProperties>;
/**
 * Performance helper: Detect if device supports high-quality glass
 */
export declare function canUseHighQualityGlass(): boolean;
/**
 * Performance helper: Get recommended tier for current device
 */
export declare function getRecommendedTier(): QualityTier;
export type { GlassIntent, GlassElevation, QualityTier };
export type GlassVariant = 'clear' | 'frosted' | 'tinted' | 'luminous' | 'dynamic';
export type BlurIntensity = 'none' | 'subtle' | 'medium' | 'strong' | 'intense';
//# sourceMappingURL=glassMixins.d.ts.map