export * from 'styled-components';
export declare type Theme = typeof theme;
export declare const theme: {
    breakpoints: string[] & {
        xs?: string | undefined;
        sm?: string | undefined;
        md?: string | undefined;
        lg?: string | undefined;
        xl?: string | undefined;
        xxl?: string | undefined;
    };
    fonts: {
        body: string;
        mono: string;
    };
    colors: {
        primary: string;
        secondary: string;
        link: string;
        spinner: string;
        loadingSpinner: string;
        background: {
            muted: string;
        };
        error: string;
        button: {
            primary: {
                hover: string;
                disabled: string;
            };
            secondary: {
                hover: string;
                disabled: string;
            };
            inverted: {
                hover: string;
            };
        };
        text: {
            primary: string;
            secondary: string;
            discrete: string;
            warning: string;
            inverted: string;
            footer: string;
        };
        header: {
            background: string;
            subHeader: string;
        };
        footer: {
            muted: string;
            donate: string;
            border: string;
            separator: string;
        };
        accordion: {
            border: string;
            background: string;
        };
        tooltip: {
            background: string;
            border: string;
        };
        banner: {
            success: string;
            info: string;
            action: string;
            warning: string;
            error: string;
        };
        passwordBar: {
            green: string;
            yellow: string;
        };
        carousel: {
            active: string;
        };
        feature: {
            background: string;
        };
    };
    fontSizes: string[];
    lineHeights: string[];
    fontWeights: {
        body: number;
        heading: number;
        bold: number;
    };
    radii: {
        input: string;
        small: string;
        large: string;
        avatar: string;
        banner: string;
        badge: string;
        feature: string;
    };
    forms: {
        label: {
            marginBottom: string;
        };
        textarea: {
            fontFamily: string;
            borderWidth: string;
            borderStyle: string;
            borderColor: string;
            boxShadow: string;
            borderRadius: string;
            '&:focus': {
                outline: string;
            };
        };
        none: {
            margin: string;
            padding: string;
            border: string;
        };
    };
    shadows: {
        button: string;
        input: string;
    };
    text: {
        heading: {
            fontFamily: string;
            fontSize: number;
            lineHeight: number;
            fontWeight: string;
            color: string;
        };
        subHeading: {
            fontFamily: string;
            fontSize: number;
            lineHeight: number;
            color: string;
            fontWeight: string;
        };
        body: {
            fontFamily: string;
            fontSize: number;
            lineHeight: number;
            color: string;
        };
        code: {
            fontFamily: string;
            fontSize: number;
            lineHeight: number;
            color: string;
        };
        muted: {
            fontFamily: string;
            fontSize: number;
            lineHeight: number;
            color: string;
        };
        error: {
            fontFamily: string;
            fontSize: number;
            lineHeight: number;
            color: string;
        };
        small: {
            fontFamily: string;
            fontSize: string;
            lineHeight: string;
            color: string;
        };
    };
    buttons: {
        primary: {
            cursor: string;
            backgroundColor: string;
            color: string;
            fontSize: number;
            fontFamily: string;
            padding: string;
            borderRadius: string;
            transition: string;
            '&:hover': {
                backgroundColor: string;
            };
            '&:focus': {
                boxShadow: string;
                outline: string;
            };
            '&:disabled': {
                cursor: string;
                backgroundColor: string;
            };
        };
        secondary: {
            cursor: string;
            backgroundColor: string;
            color: string;
            fontSize: number;
            fontFamily: string;
            padding: string;
            borderRadius: string;
            transition: string;
            '&:hover': {
                backgroundColor: string;
            };
            '&:focus': {
                boxShadow: string;
                outline: string;
            };
            '&:disabled': {
                cursor: string;
                backgroundColor: string;
            };
        };
        inverted: {
            cursor: string;
            background: string;
            color: string;
            fontSize: number;
            fontFamily: string;
            padding: string;
            borderRadius: string;
            borderWidth: string;
            borderStyle: string;
            borderColor: string;
            transition: string;
            '&:hover': {
                backgroundColor: string;
                color: string;
            };
            '&:focus': {
                boxShadow: string;
                outline: string;
            };
            '&:disabled': {
                cursor: string;
                borderColor: string;
                color: string;
                '&:hover': {
                    background: string;
                    color: string;
                };
            };
        };
        clear: {
            cursor: string;
            background: string;
            color: string;
            fontSize: number;
            fontFamily: string;
            padding: string;
            boxShadow: string;
            transition: string;
            '&:hover': {
                transform: string;
            };
        };
    };
    variants: {
        avatar: {
            borderRadius: string;
        };
        clear: {
            bg: string;
            boxShadow: string;
            borderColor: string;
            padding: string;
            paddingTop: string;
        };
        badge: {
            borderRadius: string;
            bg: string;
            py: string;
            px: string;
            color: string;
            fontSize: string;
            lineHeight: string;
            nonce: {
                backgroundColor: string;
            };
        };
        banner: {
            success: {
                background: string;
                color: string;
            };
            info: {
                background: string;
                color: string;
            };
            action: {
                background: string;
                color: string;
            };
            warning: {
                background: string;
                color: string;
            };
            error: {
                background: string;
                color: string;
            };
            clear: {
                background: string;
                color: string;
            };
        };
        panel: {
            default: {
                background: string;
            };
            muted: {
                backgroundColor: string;
            };
        };
        input: {
            default: {
                fontFamily: string;
                borderWidth: string;
                borderStyle: string;
                borderColor: string;
                boxShadow: string;
                borderRadius: string;
                input: {
                    fontFamily: string;
                    color: string;
                    background: string;
                    '&:focus': {
                        outline: string;
                    };
                };
            };
            simple: {
                input: {
                    fontFamily: string;
                    backgroundColor: string;
                    borderRadius: string;
                    padding: string;
                    height: string;
                    border: string;
                    boxShadow: string;
                    color: string;
                    '::placeholder': {
                        color: string;
                    };
                    '&:focus': {
                        outline: string;
                    };
                };
            };
        };
        passwordBar: {
            backgroundColor: string;
            borderRadius: string;
            transition: string;
        };
        'horizontal-start': {
            alignItems: string;
            display: string;
            flexDirection: string;
        };
        'horizontal-center': {
            justifyContent: string;
            alignItems: string;
            display: string;
            flexDirection: string;
        };
        'vertical-start': {
            alignItems: string;
            display: string;
            flexDirection: string;
        };
        'vertical-center': {
            justifyContent: string;
            alignItems: string;
            display: string;
            flexDirection: string;
        };
    };
};