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

A comprehensive React-based libary for building modern web applications

import { default as React } from 'react';
export interface AlertTheme {
    container: {
        background: string;
        borderWidth: string;
        borderStyle: string;
        borderColor: string;
        borderRadius: string;
        boxShadow: string;
        backdropFilter: string;
        fontFamily: string;
        fontSize: string;
        lineHeight: string | number;
        padding: string;
        backgroundImage?: string;
    };
    containerHover: {
        transform: string;
        boxShadow: string;
        borderColor?: string;
    };
    severity: {
        error: {
            backgroundColor: string;
            borderColor: string;
            color: string;
            textShadow?: string;
        };
        warning: {
            backgroundColor: string;
            borderColor: string;
            color: string;
            textShadow?: string;
        };
        info: {
            backgroundColor: string;
            borderColor: string;
            color: string;
            textShadow?: string;
        };
        success: {
            backgroundColor: string;
            borderColor: string;
            color: string;
            textShadow?: string;
        };
    };
    icon: {
        width: string;
        height: string;
        filter?: string;
    };
    iconHover: {
        transform: string;
        filter?: string;
    };
    message: {
        fontWeight: string | number;
        letterSpacing?: string;
    };
    closeButton: {
        width: string;
        height: string;
        borderRadius: string;
        border: string;
        background: string;
        color: string;
        fontSize: string;
        fontFamily?: string;
        textShadow?: string;
    };
    closeButtonHover: {
        background: string;
        borderColor?: string;
        transform: string;
        boxShadow?: string;
    };
    transition: string;
}
export interface AlertStyles {
    theme?: 'light' | 'dark' | 'sacred';
    backgroundColor?: string;
    borderColor?: string;
    borderRadius?: string;
    borderWidth?: string;
    boxShadow?: string;
    backdropFilter?: string;
    backgroundImage?: string;
    fontFamily?: string;
    fontSize?: string;
    lineHeight?: string | number;
    padding?: string;
    hoverBackgroundColor?: string;
    hoverBorderColor?: string;
    hoverBoxShadow?: string;
    hoverTransform?: string;
    errorBackgroundColor?: string;
    errorBorderColor?: string;
    errorColor?: string;
    errorTextShadow?: string;
    warningBackgroundColor?: string;
    warningBorderColor?: string;
    warningColor?: string;
    warningTextShadow?: string;
    infoBackgroundColor?: string;
    infoBorderColor?: string;
    infoColor?: string;
    infoTextShadow?: string;
    successBackgroundColor?: string;
    successBorderColor?: string;
    successColor?: string;
    successTextShadow?: string;
    iconWidth?: string;
    iconHeight?: string;
    iconFilter?: string;
    iconHoverTransform?: string;
    iconHoverFilter?: string;
    messageColor?: string;
    messageFontWeight?: string | number;
    messageLetterSpacing?: string;
    closeButtonWidth?: string;
    closeButtonHeight?: string;
    closeButtonBorderRadius?: string;
    closeButtonBorder?: string;
    closeButtonBackground?: string;
    closeButtonColor?: string;
    closeButtonFontSize?: string;
    closeButtonFontFamily?: string;
    closeButtonTextShadow?: string;
    closeButtonHoverBackground?: string;
    closeButtonHoverBorderColor?: string;
    closeButtonHoverTransform?: string;
    closeButtonHoverBoxShadow?: string;
    gap?: string;
    margin?: string;
    marginTop?: string;
    marginBottom?: string;
    marginLeft?: string;
    marginRight?: string;
    transitionDuration?: string;
    transitionEasing?: string;
    outline?: boolean;
    width?: string;
    maxWidth?: string;
    minWidth?: string;
    height?: string;
    maxHeight?: string;
    minHeight?: string;
}
export declare const alertThemes: Record<'light' | 'dark' | 'sacred', AlertTheme>;
export declare const getAlertTheme: (styles?: AlertStyles) => AlertTheme;
export declare const getAlertStyles: (styles?: AlertStyles, severity?: "error" | "warning" | "info" | "success", isHovered?: boolean, isClosing?: boolean) => {
    container: React.CSSProperties;
    icon: React.CSSProperties;
    message: React.CSSProperties;
    closeButton: React.CSSProperties;
};
//# sourceMappingURL=alert.d.ts.map