import { ButtonCompoundVariant } from './variants/types';
export declare const BUTTON_SHARED_STYLES: {
    /** Reset for icons rendered inside buttons. */
    icon: string;
    /** Base styles shared by Button and IconButton. */
    base: {
        display: "inline-flex";
        alignItems: "center";
        justifyContent: "center";
        lineHeight: `var(--${string})`;
        borderRadius: `var(--${string})`;
        border: "1px solid transparent";
        textDecoration: "none";
        cursor: "pointer";
        fontFamily: `var(--${string})`;
        transition: string;
        selectors: {
            '&:focus-visible': {
                outline: "none";
                boxShadow: `0 0 0 2px var(--${string}), 0 0 0 4px var(--${string})`;
            };
            '&:disabled': {
                pointerEvents: "none";
                opacity: number;
            };
        };
    };
    /** Variant dimension shared by Button and IconButton. */
    variantVariants: {
        contained: {};
        outlined: {
            backgroundColor: "transparent";
        };
        ghost: {
            backgroundColor: "transparent";
        };
    };
    /** Color dimension shared by Button and IconButton. */
    colorVariants: {
        primary: {};
        secondary: {};
        tertiary: {};
        destructive: {};
        success: {};
        warning: {};
        info: {};
    };
    /** Compound variants shared by Button and IconButton (variant × color). */
    compoundVariants: ButtonCompoundVariant[];
    /** Default variants shared by Button and IconButton. */
    defaultVariants: {
        variant: "contained";
        color: "primary";
        size: "md";
    };
};