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

A comprehensive React-based libary for building modern web applications

import { default as React } from 'react';
export interface CheckboxTheme {
    wrapper: {
        transition: string;
    };
    container: {
        width: string;
        height: string;
    };
    box: {
        borderWidth: string;
        borderStyle: string;
        borderColor: string;
        borderRadius: string;
        backgroundColor: string;
        backdropFilter: string;
        boxShadow: string;
        backgroundImage?: string;
        transition: string;
    };
    boxHover: {
        backgroundColor: string;
        borderWidth?: string;
        borderStyle?: string;
        borderColor: string;
        transform: string;
        boxShadow: string;
        backgroundImage?: string;
    };
    boxChecked: {
        backgroundColor: string;
        borderWidth?: string;
        borderStyle?: string;
        borderColor: string;
        boxShadow: string;
        backgroundImage?: string;
    };
    boxIndeterminate: {
        backgroundColor: string;
        borderWidth?: string;
        borderStyle?: string;
        borderColor: string;
        boxShadow: string;
        backgroundImage?: string;
    };
    boxDisabled: {
        backgroundColor: string;
        borderWidth?: string;
        borderStyle?: string;
        borderColor: string;
        transform: string;
        boxShadow: string;
    };
    icon: {
        color: string;
        filter?: string;
        transform: string;
        transition: string;
    };
    iconVisible: {
        opacity: number;
        transform: string;
        filter?: string;
    };
    iconDisabled: {
        color: string;
        filter?: string;
    };
}
export interface CheckboxStyles {
    theme?: 'light' | 'dark' | 'sacred';
    width?: string;
    height?: string;
    borderColor?: string;
    borderRadius?: string;
    borderWidth?: string;
    backgroundColor?: string;
    backdropFilter?: string;
    boxShadow?: string;
    backgroundImage?: string;
    hoverBackgroundColor?: string;
    hoverBorderColor?: string;
    hoverBoxShadow?: string;
    hoverTransform?: string;
    hoverBackgroundImage?: string;
    checkedBackgroundColor?: string;
    checkedBorderColor?: string;
    checkedBoxShadow?: string;
    checkedBackgroundImage?: string;
    indeterminateBackgroundColor?: string;
    indeterminateBorderColor?: string;
    indeterminateBoxShadow?: string;
    indeterminateBackgroundImage?: string;
    disabledBackgroundColor?: string;
    disabledBorderColor?: string;
    disabledBoxShadow?: string;
    disabledTransform?: string;
    iconColor?: string;
    iconFilter?: string;
    iconTransform?: string;
    iconVisibleOpacity?: number;
    iconVisibleTransform?: string;
    iconVisibleFilter?: string;
    iconDisabledColor?: string;
    iconDisabledFilter?: string;
    margin?: string;
    marginTop?: string;
    marginBottom?: string;
    marginLeft?: string;
    marginRight?: string;
    transitionDuration?: string;
    transitionEasing?: string;
    disabled?: boolean;
    outline?: boolean;
}
export declare const checkboxThemes: Record<'light' | 'dark' | 'sacred', CheckboxTheme>;
export declare const getCheckboxTheme: (styles?: CheckboxStyles) => CheckboxTheme;
export declare const getCheckboxStyles: (styles?: CheckboxStyles, isHovered?: boolean, isChecked?: boolean, isIndeterminate?: boolean, isDisabled?: boolean) => {
    wrapper: React.CSSProperties;
    container: React.CSSProperties;
    input: React.CSSProperties;
    box: React.CSSProperties;
    icon: React.CSSProperties;
};
//# sourceMappingURL=checkbox.d.ts.map