export declare const BUTTON_ELEMENT_POSITIONS: {
    readonly LEFT: "left";
    readonly RIGHT: "right";
};
export declare const PROP_DEFAULTS: {
    readonly badge: undefined;
    readonly badgePosition: "left";
    readonly children: "";
    readonly disabled: false;
    readonly iconPosition: "left";
    readonly loading: false;
    readonly monochrome: false;
    readonly size: "medium";
    readonly tabIndex: 0;
    readonly variant: "primary";
};
export declare const BUTTON_VARIANTS: {
    readonly PRIMARY: "primary";
    readonly SECONDARY: "secondary";
    readonly TEXT: "text";
    readonly PLAIN: "plain";
    readonly DELETE: "delete";
    readonly WEBSITE: "website";
};
export declare const BUTTON_SIZE_SPECS: {
    small: {
        font: string;
        horizontal: string;
        horizontalWithIcon: string;
        minHeight: string;
        vertical: string;
    };
    medium: {
        font: string;
        horizontal: string;
        horizontalWithIcon: string;
        minHeight: string;
        vertical: string;
    };
    large: {
        font: string;
        horizontal: string;
        horizontalWithIcon: string;
        minHeight: string;
        vertical: string;
    };
};
export declare const BUTTON_COLOR_SPECS: {
    primary: {
        default: {
            background: string;
            boxShadow: string;
            text: string;
        };
        hover: {
            background: string;
            boxShadow: string;
            text: string;
        };
        active: {
            background: string;
            boxShadow: string;
            text: string;
        };
        focus: {
            background: string;
            boxShadow: string;
            text: string;
        };
    };
    secondary: {
        default: {
            background: string;
            boxShadow: string;
            text: string;
        };
        hover: {
            background: string;
            boxShadow: string;
            text: string;
        };
        active: {
            background: string;
            boxShadow: string;
            text: string;
        };
        focus: {
            background: string;
            boxShadow: string;
            text: string;
        };
    };
    text: {
        default: {
            background: string;
            boxShadow: string;
            text: string;
        };
        hover: {
            background: string;
            boxShadow: string;
            text: string;
        };
        active: {
            background: string;
            boxShadow: string;
            text: string;
        };
        focus: {
            background: string;
            boxShadow: string;
            text: string;
        };
    };
    plain: {
        default: {
            background: string;
            boxShadow: string;
            text: string;
        };
        hover: {
            background: string;
            boxShadow: string;
            text: string;
        };
        active: {
            background: string;
            boxShadow: string;
            text: string;
        };
        focus: {
            background: string;
            boxShadow: string;
            text: string;
        };
    };
    delete: {
        default: {
            background: string;
            boxShadow: string;
            text: string;
        };
        hover: {
            background: string;
            boxShadow: string;
            text: string;
        };
        active: {
            background: string;
            boxShadow: string;
            text: string;
        };
        focus: {
            background: string;
            boxShadow: string;
            text: string;
        };
    };
    website: {
        default: {
            background: string;
            boxShadow: string;
            text: string;
        };
        hover: {
            background: string;
            boxShadow: string;
            text: string;
        };
        active: {
            background: string;
            boxShadow: string;
            text: string;
        };
        focus: {
            background: string;
            boxShadow: string;
            text: string;
        };
    };
};