import { RecipeVariants } from '@vanilla-extract/recipes';
export declare const buttonStyle: import('@vanilla-extract/recipes').RuntimeFn<{
    size: {
        medium: {
            fontSize: string;
            lineHeight: string;
        };
        small: {
            fontSize: string;
            lineHeight: string;
        };
        large: {
            fontSize: string;
            lineHeight: string;
            padding: string;
        };
    };
    variant: {
        regular: {
            fontWeight: number;
            fontStyle: "normal";
        };
        semibold: {
            fontWeight: number;
            fontStyle: "normal";
        };
        outline: {
            background: "none";
            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            ":hover": {
                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            };
        };
        error: {
            background: "none";
            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            ":hover": {
                background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            };
            ":active": {
                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                outline: "none";
            };
            ":focus": {
                background: "none";
                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            };
        };
    };
}>;
export type ButtonStyle = RecipeVariants<typeof buttonStyle>;
//# sourceMappingURL=button.css.d.ts.map