goobs-frontend/dist/theme/icon.d.ts

A comprehensive React-based libary for building modern web applications

import { default as React } from 'react';
export declare const SACRED_GLYPHS: string[];
export interface IconTheme {
    /** Base icon container styling */
    container: React.CSSProperties;
    /** SVG icon styling */
    icon: React.CSSProperties;
    /** Icon hover state styling */
    iconHover: React.CSSProperties;
    /** Sacred glyph styling (sacred theme only) */
    glyph: React.CSSProperties;
    /** Sacred glyph visible state styling */
    glyphVisible: React.CSSProperties;
    /** Transition configuration */
    transition: string;
}
export interface IconStyles {
    /** Theme selection: light, dark, or sacred */
    theme?: 'light' | 'dark' | 'sacred';
    /** Whether the icon is disabled */
    disabled?: boolean;
    /** Custom icon size */
    size?: number;
    /** Custom icon color */
    color?: string;
    /** Custom hover color */
    hoverColor?: string;
    /** Custom background color */
    backgroundColor?: string;
    /** Custom hover background color */
    hoverBackgroundColor?: string;
    /** Custom border radius */
    borderRadius?: string;
    /** Custom padding */
    padding?: string;
    /** Custom margin */
    margin?: string;
    /** Custom filter effects */
    filter?: string;
    /** Custom hover filter effects */
    hoverFilter?: string;
    /** Custom transform effects */
    transform?: string;
    /** Custom hover transform effects */
    hoverTransform?: string;
    /** Custom transition duration */
    transitionDuration?: string;
    /** Custom box shadow */
    boxShadow?: string;
    /** Custom hover box shadow */
    hoverBoxShadow?: string;
    /** Sacred glyph color override */
    sacredGlyphColor?: string;
    /** Sacred glyph size override */
    sacredGlyphSize?: string;
    /** Show sacred glyph on hover only */
    sacredGlyphOnHoverOnly?: boolean;
}
export declare const iconThemes: Record<'light' | 'dark' | 'sacred', IconTheme>;
export declare const getIconTheme: (styles?: IconStyles) => IconTheme;
export declare const getIconStyles: (styles?: IconStyles, isHovered?: boolean, isDisabled?: boolean) => {
    container: React.CSSProperties;
    icon: React.CSSProperties;
    glyph: React.CSSProperties;
    isSacredTheme: boolean;
};
export declare const injectSacredKeyframes: () => void;
//# sourceMappingURL=icon.d.ts.map