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

A comprehensive React-based libary for building modern web applications

import { default as React } from 'react';
export interface DialogTheme {
    backdrop: {
        position: string;
        inset: string;
        zIndex: number;
        display: string;
        alignItems: string;
        justifyContent: string;
        backgroundColor: string;
        backdropFilter: string;
        padding: string;
        overflow: string;
    };
    dialog: {
        position: string;
        backgroundColor: string;
        borderRadius: string;
        boxShadow: string;
        border: string;
        backdropFilter: string;
        backgroundImage?: string;
        maxHeight: string;
        maxWidth: string;
        minWidth: string;
        display: string;
        flexDirection: string;
    };
    content: {
        overflowY: string;
        overflowX: string;
        maxHeight: string;
        scrollbarWidth: string;
        scrollbarColor?: string;
        msOverflowStyle?: string;
        WebkitScrollbarWidth?: string;
    };
    scrollbar: {
        width: string;
        backgroundColor: string;
        borderRadius: string;
    };
    scrollbarThumb: {
        backgroundColor: string;
        borderRadius: string;
        border?: string;
        backgroundImage?: string;
    };
    scrollbarTrack: {
        backgroundColor: string;
        borderRadius: string;
    };
    transition: string;
}
export interface DialogStyles {
    theme?: 'light' | 'dark' | 'sacred';
    backgroundColor?: string;
    borderColor?: string;
    borderRadius?: string;
    borderWidth?: string;
    boxShadow?: string;
    backdropFilter?: string;
    backgroundImage?: string;
    backdropBackgroundColor?: string;
    backdropBlur?: string;
    maxWidth?: string;
    width?: string;
    minWidth?: string;
    height?: string;
    maxHeight?: string;
    minHeight?: string;
    padding?: string;
    margin?: string;
    topOffset?: string;
    enableScrolling?: boolean;
    scrollbarStyle?: 'auto' | 'thin' | 'none';
    scrollbarColor?: string;
    scrollbarThumbColor?: string;
    scrollbarTrackColor?: string;
    fullWidth?: boolean;
    transitionDuration?: string;
    transitionEasing?: string;
    zIndex?: number;
}
export declare const dialogThemes: Record<'light' | 'dark' | 'sacred', DialogTheme>;
export declare const getDialogTheme: (styles?: DialogStyles) => DialogTheme;
export declare const getDialogStyles: (styles?: DialogStyles, screenSize?: "mobile" | "tablet" | "desktop") => {
    backdrop: React.CSSProperties;
    dialog: React.CSSProperties;
    content: React.CSSProperties;
    scrollbarCSS: string;
    contentClassName: string;
};
//# sourceMappingURL=dialog.d.ts.map