@icoms-detection/ui/dist/stitches/button.d.ts

This is the OFFICIAL UI library created by Icoms Detection to design their apps.

import { SizeProps } from "../utils/types";
export declare const stitchesButtonStyles: {
    variants: {
        variant: {
            primary: {
                color: string;
                backgroundColor: string;
                transitionDuration: string;
                "&:hover": {
                    filter: string;
                };
                "&:focus": {
                    boxShadow: string;
                };
            };
            secondary: {
                color: string;
                backgroundColor: string;
                transitionDuration: string;
                "&:hover": {
                    filter: string;
                };
            };
            ghost: {
                stroke: string;
                color: string;
                backgroundColor: string;
                transitionDuration: string;
                "&:hover": {
                    backgroundColor: string;
                };
            };
            outline: {
                stroke: string;
                color: string;
                ringColor: string;
                backgroundColor: string;
                transitionDuration: string;
                "&:hover": {
                    backgroundColor: string;
                    ringColor: string;
                };
            };
            text: {
                color: string;
                backgroundColor: string;
                padding: string;
                transitionDuration: string;
                "&:hover": {
                    color: string;
                };
            };
        };
        color: {
            primary: {};
            secondary: {};
        };
        size: Record<SizeProps, any>;
        squared: Record<SizeProps, any>;
        rounded: Record<SizeProps, any>;
        icon: {
            true: {
                padding: string;
                justifyContent: string;
            };
        };
        round: {
            true: {
                borderRadius: string;
            };
        };
        loading: {
            true: {
                "&:hover": {
                    cursor: string;
                };
            };
        };
    };
    compoundVariants: ({
        variant: string;
        color: string;
        css: {
            color: string;
            backgroundColor: string;
            "&:focus": {
                boxShadow: string;
            };
            stroke?: undefined;
            "&:hover"?: undefined;
            ringColor?: undefined;
        };
    } | {
        variant: string;
        color: string;
        css: {
            color: string;
            backgroundColor: string;
            "&:focus"?: undefined;
            stroke?: undefined;
            "&:hover"?: undefined;
            ringColor?: undefined;
        };
    } | {
        variant: string;
        color: string;
        css: {
            stroke: string;
            color: string;
            "&:hover": {
                backgroundColor: string;
                ringColor?: undefined;
                color?: undefined;
            };
            backgroundColor?: undefined;
            "&:focus"?: undefined;
            ringColor?: undefined;
        };
    } | {
        variant: string;
        color: string;
        css: {
            stroke: string;
            color: string;
            ringColor: string;
            "&:hover": {
                backgroundColor: string;
                ringColor: string;
                color?: undefined;
            };
            backgroundColor?: undefined;
            "&:focus"?: undefined;
        };
    } | {
        variant: string;
        color: string;
        css: {
            color: string;
            "&:hover": {
                color: string;
                backgroundColor?: undefined;
                ringColor?: undefined;
            };
            backgroundColor?: undefined;
            "&:focus"?: undefined;
            stroke?: undefined;
            ringColor?: undefined;
        };
    })[];
    borderRadius: string;
    display: string;
    justifyContent: string;
    alignItems: string;
    border: string;
    color: string;
    backgroundColor: string;
    fontWeight: number;
    fontFamily: string;
    paddingTop: string;
    fontSize: string;
    lineHeight: string;
    padding: string;
    paddingBottom: string;
    paddingLeft: string;
    paddingRight: string;
    "&:hover": {
        cursor: string;
    };
};