declare const textColor: `var(--${string})`;
declare const underlineColor: `var(--${string})`;
export declare const hoverBackgroundColor: `var(--${string})`;
declare const activeBackgroundColor: `var(--${string})`;
declare const slotGap: `var(--${string})`;
declare const focusRingOuter: `var(--${string})`;
export declare const outerButton: import("@vanilla-extract/recipes").RuntimeFn<{
    color: {
        neutral: {};
        primary: {
            vars: {
                [textColor]: string;
                [underlineColor]: string;
                [hoverBackgroundColor]: string;
                [activeBackgroundColor]: string;
                [focusRingOuter]: string;
            };
        };
        success: {
            vars: {
                [textColor]: string;
                [underlineColor]: string;
                [hoverBackgroundColor]: string;
                [activeBackgroundColor]: string;
                [focusRingOuter]: string;
            };
        };
        warning: {
            vars: {
                [textColor]: string;
                [underlineColor]: string;
                [hoverBackgroundColor]: string;
                [activeBackgroundColor]: string;
                [focusRingOuter]: string;
            };
        };
        critical: {
            vars: {
                [textColor]: string;
                [underlineColor]: string;
                [hoverBackgroundColor]: string;
                [activeBackgroundColor]: string;
                [focusRingOuter]: string;
            };
        };
    };
    visuallyDisabled: {
        true: {
            cursor: "not-allowed";
        };
    };
}>;
export declare const keyboardActive: string;
export declare const openState: string;
export declare const innerChrome: import("@vanilla-extract/recipes").RuntimeFn<{
    visuallyDisabled: {
        true: {
            color: string;
            textDecorationColor: string;
            selectors: {
                [x: string]: {
                    backgroundColor: "transparent";
                };
            };
        };
    };
    loadingText: {
        true: {
            color: string;
        };
    };
    iconOnly: {
        true: {
            paddingInline: string;
            paddingBlock: "calc((1lh - 1em) / 2)";
            vars: {
                [slotGap]: string;
            };
            '@supports': {
                'not (width: 1lh)': {
                    paddingBlock: "0.2em";
                };
            };
        };
    };
    hasPrefix: {
        true: {
            paddingInlineStart: string;
        };
    };
    hasSuffix: {
        true: {
            paddingInlineEnd: string;
        };
    };
    keyboardFocused: {
        true: {
            boxShadow: `0 0 0 ${string} var(--${string}) inset`;
        };
    };
}>;
export declare const withFreeform: string;
export declare const iconSlot: string;
export declare const prefixSlot: string;
export declare const suffixSlot: string;
export declare const loadingSpinner: string;
export {};
//# sourceMappingURL=InlineButton.css.d.ts.map