export declare const buttonRecipe: import("@vanilla-extract/recipes").RuntimeFn<{ isLoading: { true: { ":disabled": { color: "transparent"; }; }; false: { ":disabled": { color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; }; }; color: { primary: string; secondary: string; success: string; error: string; transparent: { backgroundColor: "transparent"; }; }; buttonType: { box: { ":disabled": { backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; }; text: (string | { position: "relative"; })[]; icon: (string | { display: "grid"; gridAutoFlow: "column"; })[]; }; }>; export declare const boxedButton: import("@vanilla-extract/recipes").RuntimeFn<{ density: { default: string; compact: string; }; }>; export declare const iconButton: import("@vanilla-extract/recipes").RuntimeFn<{ showLabel: { left: { paddingLeft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; right: { paddingRight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; none: string; }; }>; export declare const textButtonText: import("@vanilla-extract/recipes").RuntimeFn<{ underline: { true: { selectors: { [x: string]: { borderBottomColor: "inherit"; } | { borderBottomColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; }; }; false: { borderBottomColor: "transparent"; }; }; }>; //# sourceMappingURL=styles.css.d.ts.map