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

A comprehensive React-based libary for building modern web applications

import { default as React } from 'react';
export interface ChipTheme {
    container: {
        backgroundColor: string;
        border: string;
        borderRadius: string;
        boxShadow: string;
        backdropFilter: string;
        fontFamily: string;
        fontSize: string;
        fontWeight: string | number;
        color: string;
        textShadow?: string;
        padding: string;
        height: string;
        backgroundImage?: string;
    };
    containerHover: {
        transform: string;
        boxShadow: string;
        backgroundColor: string;
        borderColor?: string;
        color: string;
        backgroundImage?: string;
    };
    containerDisabled: {
        opacity: number;
        backgroundColor: string;
        color: string;
        borderColor?: string;
        textShadow?: string;
    };
    icon: {
        width: string;
        height: string;
        marginRight: string;
        display: string;
        alignItems: string;
        justifyContent: string;
        flexShrink: number;
        color: string;
    };
    iconHover: {
        transform?: string;
        color?: string;
    };
    iconDisabled: {
        opacity: number;
        color: string;
    };
    closeButton: {
        marginLeft: string;
        marginRight: string;
        padding: string;
        borderRadius: string;
        border: string;
        backgroundColor: string;
        color: string;
        transition: string;
    };
    closeButtonHover: {
        backgroundColor: string;
        color: string;
        transform: string;
        boxShadow?: string;
    };
    closeButtonDisabled: {
        color: string;
        cursor: string;
    };
    glyph: {
        position: string;
        fontSize: string;
        color: string;
        transition: string;
        pointerEvents: string;
        zIndex: number;
    };
    glyphLeft: {
        left: string;
        top: string;
        transform: string;
    };
    glyphRight: {
        right: string;
        top: string;
        transform: string;
    };
    glyphVisible: {
        opacity: number;
    };
    shimmer: {
        position: string;
        top: string;
        left: string;
        width: string;
        height: string;
        backgroundImage: string;
    };
    transition: string;
}
export interface ChipStyles {
    theme?: 'light' | 'dark' | 'sacred';
    outline?: boolean;
    backgroundColor?: string;
    borderColor?: string;
    borderRadius?: string;
    borderWidth?: string;
    boxShadow?: string;
    backdropFilter?: string;
    backgroundImage?: string;
    fontFamily?: string;
    fontSize?: string;
    fontWeight?: string | number;
    color?: string;
    textShadow?: string;
    padding?: string;
    height?: string;
    iconWidth?: string;
    iconHeight?: string;
    iconMarginRight?: string;
    iconColor?: string;
    iconHoverColor?: string;
    iconHoverTransform?: string;
    iconDisabledOpacity?: number;
    iconDisabledColor?: string;
    hoverBackgroundColor?: string;
    hoverBorderColor?: string;
    hoverBoxShadow?: string;
    hoverTransform?: string;
    hoverColor?: string;
    hoverBackgroundImage?: string;
    disabledOpacity?: number;
    disabledBackgroundColor?: string;
    disabledColor?: string;
    disabledBorderColor?: string;
    disabledTextShadow?: string;
    transitionDuration?: string;
    transitionEasing?: string;
    disabled?: boolean;
    width?: string;
    maxWidth?: string;
    minWidth?: string;
    maxHeight?: string;
    whiteSpace?: 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line';
    wordBreak?: 'normal' | 'break-all' | 'keep-all' | 'break-word';
    wordWrap?: 'normal' | 'break-word';
}
export declare const chipThemes: Record<'light' | 'dark' | 'sacred', ChipTheme>;
export declare const getChipTheme: (styles?: ChipStyles) => ChipTheme;
export declare const getChipStyles: (styles?: ChipStyles, isHovered?: boolean, isDisabled?: boolean) => {
    container: React.CSSProperties;
    icon: React.CSSProperties;
    closeButton: React.CSSProperties;
    closeButtonHover: React.CSSProperties;
    closeButtonDisabled: React.CSSProperties;
    glyph: React.CSSProperties;
    glyphLeft: React.CSSProperties;
    glyphRight: React.CSSProperties;
    glyphVisible: React.CSSProperties;
    shimmer: React.CSSProperties;
};
//# sourceMappingURL=chip.d.ts.map