export declare const buttonVariants: import("@vanilla-extract/recipes").RuntimeFn<{
    variant: {
        outlined: {
            backgroundColor: "transparent";
            border: `2px solid var(--${string})` | `2px solid var(--${string}, ${string})` | `2px solid var(--${string}, ${number})`;
            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            '&:hover:not(:disabled), &:focus:not(:disabled)': {
                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            };
        };
        contained: {
            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            border: `2px solid var(--${string})` | `2px solid var(--${string}, ${string})` | `2px solid var(--${string}, ${number})`;
            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            '&:hover:not(:disabled), &:focus:not(:disabled)': {
                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            };
        };
    };
    disabled: {
        false: {};
        true: {
            opacity: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            cursor: "not-allowed";
        };
    };
    size: {
        sm: {
            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            paddingBlock: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            paddingInline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        md: {
            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            paddingBlock: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            paddingInline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
        lg: {
            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            paddingBlock: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            paddingInline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
        };
    };
}>;
//# sourceMappingURL=button.css.d.ts.map