goobs-frontend/dist/components/Fade/index.d.ts

A comprehensive React-based libary for building modern web applications

import { default as React } from 'react';
export interface FadeStyles {
    /** Theme variant: 'light' (default), 'dark', or 'sacred' — changes only the default transition timing. */
    theme?: 'light' | 'dark' | 'sacred';
    /** Visibility toggle: false fades out, anything else (including unset) shows the content. */
    in?: boolean;
    /** Fade duration in milliseconds; wins over transitionDuration. */
    timeout?: number;
    /** Full CSS transition shorthand; replaces the computed transition verbatim. */
    transition?: string;
    /** Fade duration as a CSS time (e.g. '0.3s'); superseded by timeout. */
    transitionDuration?: string;
    /** Transition delay. */
    transitionDelay?: string;
    /** Transition timing function. */
    transitionTimingFunction?: string;
    /** Renders the disabled treatment (data-disabled) — purely visual. */
    disabled?: boolean;
}
export interface FadeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
    /** The content to be wrapped with fade transition. */
    children: React.ReactNode;
    /** Comprehensive styling options including theme, animation timing, and transition properties. */
    styles?: FadeStyles;
}
/**
 * A fade transition component with theming support for smooth opacity animations.
 *
 * Theme/state are driven by CSS (data-theme + data-state + data-disabled on the
 * root); only caller-supplied timing overrides remain in JS, passed through as
 * CSS custom properties consumed by Fade.module.css.
 */
declare const Fade: React.ForwardRefExoticComponent<FadeProps & React.RefAttributes<HTMLDivElement>>;
export default Fade;
//# sourceMappingURL=index.d.ts.map