react-openfin-mat-impl/assets/jss/comp/button.style.d.ts

Materialize UI implementation of react-openfin

declare const buttonStyle: {
    button: {
        minHeight: string;
        minWidth: string;
        backgroundColor: string;
        color: string;
        boxShadow: string;
        border: string;
        borderRadius: string;
        position: string;
        padding: string;
        margin: string;
        fontSize: string;
        fontWeight: string;
        textTransform: string;
        letterSpacing: string;
        willChange: string;
        transition: string;
        lineHeight: string;
        textAlign: string;
        whiteSpace: string;
        verticalAlign: string;
        touchAction: string;
        cursor: string;
        "&:hover,&:focus": {
            color: string;
            backgroundColor: string;
            boxShadow: string;
        };
        "& .fab,& .fas,& .far,& .fal, &.material-icons": {
            position: string;
            display: string;
            top: string;
            marginTop: string;
            marginBottom: string;
            fontSize: string;
            marginRight: string;
            verticalAlign: string;
        };
        "& svg": {
            position: string;
            display: string;
            top: string;
            width: string;
            height: string;
            marginRight: string;
            verticalAlign: string;
        };
        "&$justIcon": {
            "& .fab,& .fas,& .far,& .fal,& .material-icons": {
                marginTop: string;
                position: string;
                width: string;
                transform: string;
                left: string;
                top: string;
                height: string;
                lineHeight: string;
                fontSize: string;
            };
        };
    };
    white: {
        "&,&:focus,&:hover": {
            backgroundColor: string;
            color: string;
        };
    };
    rose: {
        color: string;
        backgroundColor: string;
        boxShadow: string;
        "&:hover,&:focus": {
            backgroundColor: string;
            boxShadow: string;
        };
    };
    primary: {
        color: string;
        backgroundColor: string;
        boxShadow: string;
        "&:hover,&:focus": {
            backgroundColor: string;
            boxShadow: string;
        };
    };
    info: {
        color: string;
        backgroundColor: string;
        boxShadow: string;
        "&:hover,&:focus": {
            backgroundColor: string;
            boxShadow: string;
        };
    };
    success: {
        color: string;
        backgroundColor: string;
        boxShadow: string;
        "&:hover,&:focus": {
            backgroundColor: string;
            boxShadow: string;
        };
    };
    warning: {
        color: string;
        backgroundColor: string;
        boxShadow: string;
        "&:hover,&:focus": {
            backgroundColor: string;
            boxShadow: string;
        };
    };
    danger: {
        color: string;
        backgroundColor: string;
        boxShadow: string;
        "&:hover,&:focus": {
            backgroundColor: string;
            boxShadow: string;
        };
    };
    simple: {
        "&,&:focus,&:hover": {
            color: string;
            background: string;
            boxShadow: string;
        };
        "&$rose": {
            "&,&:focus,&:hover,&:visited": {
                color: string;
            };
        };
        "&$primary": {
            "&,&:focus,&:hover,&:visited": {
                color: string;
            };
        };
        "&$info": {
            "&,&:focus,&:hover,&:visited": {
                color: string;
            };
        };
        "&$success": {
            "&,&:focus,&:hover,&:visited": {
                color: string;
            };
        };
        "&$warning": {
            "&,&:focus,&:hover,&:visited": {
                color: string;
            };
        };
        "&$danger": {
            "&,&:focus,&:hover,&:visited": {
                color: string;
            };
        };
    };
    transparent: {
        "&,&:focus,&:hover": {
            color: string;
            background: string;
            boxShadow: string;
        };
    };
    disabled: {
        opacity: string;
        pointerEvents: string;
    };
    lg: {
        padding: string;
        fontSize: string;
        lineHeight: string;
        borderRadius: string;
    };
    sm: {
        padding: string;
        fontSize: string;
        lineHeight: string;
        borderRadius: string;
    };
    round: {
        borderRadius: string;
    };
    block: {
        width: string;
    };
    link: {
        "&,&:hover,&:focus": {
            backgroundColor: string;
            color: string;
            boxShadow: string;
        };
    };
    justIcon: {
        paddingLeft: string;
        paddingRight: string;
        fontSize: string;
        height: string;
        minWidth: string;
        width: string;
        "& .fab,& .fas,& .far,& .fal,& svg,& .material-icons": {
            marginRight: string;
        };
        "&$lg": {
            height: string;
            minWidth: string;
            width: string;
            lineHeight: string;
            "& .fab,& .fas,& .far,& .fal,& .material-icons": {
                fontSize: string;
                lineHeight: string;
            };
            "& svg": {
                width: string;
                height: string;
            };
        };
        "&$sm": {
            height: string;
            minWidth: string;
            width: string;
            "& .fab,& .fas,& .far,& .fal,& .material-icons": {
                fontSize: string;
                lineHeight: string;
            };
            "& svg": {
                width: string;
                height: string;
            };
        };
    };
};
export default buttonStyle;