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

A comprehensive React-based libary for building modern web applications

import { default as React } from 'react';
export interface CardTheme {
    container: {
        background: string;
        borderWidth?: string;
        borderStyle?: React.CSSProperties['borderStyle'];
        borderColor?: string;
        borderRadius: string;
        boxShadow: string;
        backdropFilter: string;
        position: React.CSSProperties['position'];
        overflow: React.CSSProperties['overflow'];
        transition: string;
        backgroundImage?: string;
        color?: string;
    };
    containerHover?: {
        transform?: string;
        boxShadow?: string;
        borderColor?: string;
        backgroundColor?: string;
    };
    containerDisabled?: {
        opacity: number;
        backgroundColor: string;
        color: string;
        borderColor?: string;
        cursor: React.CSSProperties['cursor'];
    };
    content: {
        padding: string;
        position?: React.CSSProperties['position'];
        zIndex?: number;
    };
    actions: {
        padding: string;
        display: React.CSSProperties['display'];
        alignItems: React.CSSProperties['alignItems'];
        justifyContent: React.CSSProperties['justifyContent'];
        gap: string;
        borderTop: string;
        position?: React.CSSProperties['position'];
        zIndex?: number;
    };
    header: {
        padding: string;
        display: React.CSSProperties['display'];
        alignItems: React.CSSProperties['alignItems'];
        position?: React.CSSProperties['position'];
        zIndex?: number;
    };
    glyph?: {
        position: React.CSSProperties['position'];
        fontSize: string;
        opacity: number;
        color: string;
        transition: string;
        pointerEvents: React.CSSProperties['pointerEvents'];
        zIndex: number;
    };
    shimmer?: {
        position: React.CSSProperties['position'];
        top: string;
        left: string;
        width: string;
        height: string;
        background: string;
        animation?: string;
        zIndex: number;
    };
}
export interface CardStyles {
    theme?: 'light' | 'dark' | 'sacred';
    backgroundColor?: string;
    borderColor?: string;
    borderRadius?: string;
    borderWidth?: string;
    borderStyle?: React.CSSProperties['borderStyle'];
    boxShadow?: string;
    backdropFilter?: string;
    backgroundImage?: string;
    color?: string;
    elevation?: number;
    contentPadding?: string;
    actionsPadding?: string;
    actionsJustify?: string;
    headerPadding?: string;
    margin?: string;
    marginTop?: string;
    marginBottom?: string;
    marginLeft?: string;
    marginRight?: string;
    width?: string;
    height?: string;
    minWidth?: string;
    minHeight?: string;
    maxWidth?: string;
    maxHeight?: string;
    hoverTransform?: string;
    hoverBoxShadow?: string;
    hoverBorderColor?: string;
    hoverBackgroundColor?: string;
    disabled?: boolean;
    disabledOpacity?: number;
    disabledBackgroundColor?: string;
    disabledColor?: string;
    disabledBorderColor?: string;
}
export declare const cardThemes: {
    light: CardTheme;
    dark: CardTheme;
    sacred: CardTheme;
};
export declare const getCardTheme: (theme?: "light" | "dark" | "sacred") => CardTheme;
export declare const getCardStyles: (styles?: CardStyles, isHovered?: boolean, isDisabled?: boolean, elevation?: number) => {
    container: React.CSSProperties;
    content: React.CSSProperties;
    actions: React.CSSProperties;
    header: React.CSSProperties;
    shimmer: React.CSSProperties;
    glyph: React.CSSProperties;
};
//# sourceMappingURL=card.d.ts.map