declare const theme: {
    colors: {
        white: string;
        black: string;
        'maple-50': string;
        'maple-100': string;
        'maple-200': string;
        'maple-300': string;
        'maple-400': string;
        'maple-500': string;
        'maple-600': string;
        'maple-700': string;
        'maple-800': string;
        'maple-900': string;
        'maple-1000': string;
        'blue-50': string;
        'blue-100': string;
        'blue-200': string;
        'blue-300': string;
        'blue-400': string;
        'blue-500': string;
        'blue-600': string;
        'blue-700': string;
        'blue-800': string;
        'blue-900': string;
        'blue-1000': string;
        'green-50': string;
        'green-100': string;
        'green-200': string;
        'green-300': string;
        'green-400': string;
        'green-500': string;
        'green-600': string;
        'green-700': string;
        'green-800': string;
        'green-900': string;
        'green-1000': string;
        'orange-50': string;
        'orange-100': string;
        'orange-200': string;
        'orange-300': string;
        'orange-400': string;
        'orange-500': string;
        'orange-600': string;
        'orange-700': string;
        'orange-800': string;
        'orange-900': string;
        'orange-1000': string;
        'gray-50': string;
        'gray-100': string;
        'gray-200': string;
        'gray-300': string;
        'gray-400': string;
        'gray-500': string;
        'gray-600': string;
        'gray-700': string;
        'gray-800': string;
        'gray-850': string;
        'gray-900': string;
        'gray-950': string;
        'gray-1000': string;
        primary: string;
        secondary: string;
        danger: string;
        warning: string;
        textBody: string;
        textHeading: string;
        textDimmed: string;
        dimmed: string;
        disabled: string;
        bodyBg: string;
    };
    breakpoints: string[];
    fontFamily: {
        serif: string;
        'sans-serif': string;
        monospace: string;
    };
    space: (string | number)[];
    lineHeights: (string | number)[];
    fontSizes: {
        'text-xxl': string;
        'text-xl': string;
        'text-l': string;
        text: string;
        'text-s': string;
        'text-xs': string;
        'text-xxs': string;
        xxlarge: string;
        xlarge: string;
        large: string;
        '': string;
        small: string;
        xsmall: string;
        xxsmall: string;
    };
    fontWeights: {
        regular: string;
        bold: string;
    };
    letterSpacings: string[];
    shadows: string[];
    innerShadows: string[];
    innerShadowsN: string[];
    borderShadows: string[];
    radii: {
        'radius-1': string;
        'radius-2': string;
        'radius-circle': string;
    };
    transition: {
        'transition-duration-fast': string;
        'transition-duration-base': string;
        'transition-duration-slow': string;
    };
    alertVariants: {
        success: {
            background: string;
            borderColor: string;
        };
        info: {
            background: string;
            borderColor: string;
        };
        danger: {
            background: string;
            borderColor: string;
        };
        warning: {
            background: string;
            borderColor: string;
        };
    };
    badgeVariants: {
        default: {
            backgroundColor: string;
            color: string;
        };
        success: {
            backgroundColor: string;
            color: string;
        };
        warning: {
            backgroundColor: string;
            color: string;
        };
        danger: {
            backgroundColor: string;
            color: string;
        };
        info: {
            backgroundColor: string;
            color: string;
        };
        important: {
            backgroundColor: string;
            color: string;
        };
    };
    buttonVariants: {
        fill: {
            primary: {
                backgroundImage: string;
                backgroundColor: string;
                borderColor: string;
                color: string;
                '&:hover': {
                    color: string;
                    backgroundColor: string;
                    backgroundImage: string;
                };
                '&:active': {
                    boxShadow: string;
                };
            };
            secondary: {
                backgroundImage: string;
                backgroundColor: string;
                borderColor: string;
                color: string;
                '&:hover': {
                    color: string;
                    backgroundColor: string;
                    backgroundImage: string;
                    borderColor: string;
                };
                '&:active': {
                    boxShadow: string;
                };
            };
            danger: {
                backgroundImage: string;
                backgroundColor: string;
                borderColor: string;
                color: string;
                '&:hover': {
                    color: string;
                    backgroundColor: string;
                    backgroundImage: string;
                    borderColor: string;
                };
                '&:active': {
                    boxShadow: string;
                };
            };
            neutral: {
                backgroundImage: string;
                backgroundColor: string;
                borderColor: string;
                color: string;
                '&:hover': {
                    color: string;
                    backgroundColor: string;
                    backgroundImage: string;
                    borderColor: string;
                };
                '&:active': {
                    boxShadow: string;
                };
            };
        };
        outline: {
            primary: {
                color: string;
                backgroundColor: string;
                borderColor: string;
                '&:hover': {
                    backgroundColor: string;
                    color: string;
                    boxShadow: string;
                    backgroundImage: string;
                };
                '&:active': {
                    boxShadow: string;
                };
            };
            secondary: {
                color: string;
                backgroundColor: string;
                borderColor: string;
                '&:hover': {
                    backgroundColor: string;
                    color: string;
                    boxShadow: string;
                    backgroundImage: string;
                };
                '&:active': {
                    boxShadow: string;
                };
            };
            danger: {
                color: string;
                backgroundColor: string;
                borderColor: string;
                '&:hover': {
                    backgroundColor: string;
                    color: string;
                    boxShadow: string;
                    backgroundImage: string;
                };
                '&:active': {
                    boxShadow: string;
                };
            };
        };
    };
    buttonIconVariants: {
        fill: {
            primary: {
                fill: string;
                color: string;
                '.cr-icon__details-2': {
                    color: string;
                    fill: string;
                };
            };
            secondary: {
                fill: string;
                color: string;
                '.cr-icon__details-2': {
                    color: string;
                    fill: string;
                };
            };
            danger: {
                fill: string;
                color: string;
                '.cr-icon__details-2': {
                    color: string;
                    fill: string;
                };
            };
            neutral: {
                fill: string;
                color: string;
                '.cr-icon__details-2': {
                    color: string;
                    fill: string;
                };
            };
        };
        outline: {
            primary: {
                fill: string;
                color: string;
            };
            secondary: {
                fill: string;
                color: string;
            };
            danger: {
                fill: string;
                color: string;
            };
            neutral: {
                fill: string;
                color: string;
            };
        };
    };
    cardStyles: {
        background: string;
        header: {
            border: string;
        };
        footer: {
            border: string;
        };
    };
    cardVariants: {
        neutral: {
            boxShadow: string;
        };
        top: {
            boxShadow: string;
        };
    };
    checkboxStyles: {
        background: string;
        borderColor: string;
        color: string;
        focus: {
            boxShadow: string;
        };
        indeterminate: {
            border: string;
            background: string;
        };
        checked: {
            background: string;
            border: string;
            color: string;
        };
        label: {
            color: string;
        };
        description: {
            color: string;
        };
    };
    dividerStyles: {
        color: string;
        cardColor: string;
    };
    inputStyles: {
        background: string;
        color: string;
        border: string;
        boxShadow: string;
        placeholder: {
            color: string;
        };
        hover: {
            border: string;
        };
        active: {
            border: string;
        };
        disabled: {
            color: string;
            background: string;
        };
        focus: {
            border: string;
        };
        helper: {
            background: string;
        };
        warning: {
            color: string;
        };
        error: {
            border: string;
            color: string;
        };
        valid: {
            color: string;
        };
        readonly: {
            color: string;
            background: string;
        };
        label: {
            color: string;
        };
        autofilled: {
            background: string;
            color: string;
        };
        autocomplete: {
            border: string;
            controlDropdownIndicator: {
                color: string;
            };
            controlHover: {
                border: string;
            };
            indicator: {
                color: string;
            };
            optionSelected: {
                background: string;
                color: string;
            };
            multiValue: {
                color: string;
                background: string;
                backgroundDisabled: string;
                border: string;
                borderDisabled: string;
            };
            multiValueLabel: {
                color: string;
                colorDisabled: string;
            };
            multiValueRemove: {
                color: string;
                colorDisabled: string;
            };
        };
    };
    logoVariants: {
        flame: {
            default: {
                fill: string;
            };
            'red-white': {
                fill: string;
            };
            dive: {
                fill: string;
            };
            night: {
                fill: string;
            };
            snow: {
                fill: string;
            };
            maple: {
                fill: string;
            };
        };
        word: {
            default: {
                fill: string;
            };
            'red-white': {
                fill: string;
            };
            dive: {
                fill: string;
            };
            night: {
                fill: string;
            };
            snow: {
                fill: string;
            };
            maple: {
                fill: string;
            };
        };
    };
    radioStyles: {
        background: string;
        border: string;
        color: string;
        focus: {
            boxShadow: string;
        };
        checked: {
            background: string;
            border: string;
        };
        description: {
            color: string;
        };
        label: {
            color: string;
        };
    };
    selectStyles: {
        backgroundColor: string;
        background: string;
        border: string;
        color: string;
        focusBorder: string;
        disabledColor: string;
        disabledBackground: string;
    };
    switchStyles: {
        on: {
            background: string;
            border: string;
            color: string;
            focusBorder: string;
            errorBorder: string;
            checkedBorder: string;
        };
        off: {
            background: string;
            border: string;
            color: string;
        };
        slider: {
            border: string;
            background: string;
            shadow: string;
        };
        icons: {
            checkmarkBackground: string;
            crossBackground: string;
        };
    };
    tagStyles: {
        main: {
            background: string;
            hoverBackground: string;
            activeBackground: string;
            focusBorder: string;
            color: string;
            boxShadow: string;
        };
        remove: {
            background: string;
            hoverBackground: string;
            activeBackground: string;
            icon: {
                background: string;
                details: string;
                hoverBackground: string;
                focusBackground: string;
                focusBoxShadow: string;
                activeBackground: string;
            };
        };
    };
    tooltipStyles: {
        light: {
            background: string;
            border: string;
            color: string;
        };
        dark: {
            background: string;
            border: string;
            color: string;
        };
    };
    modalStyles: {
        overlay: {
            background: string;
        };
        modal: {
            background: string;
            color: string;
        };
        header: {
            border: string;
            color: string;
        };
        footer: {
            background: string;
            border: string;
        };
    };
    progressStyles: {
        background: string;
        progressBar: {
            background: string;
            backgroundSize: string;
        };
        progressBarStatic: {
            background: string;
        };
    };
    popoverStyles: {
        boxShadow: string;
        arrowColor: string;
        light: {
            background: string;
        };
        dark: {
            background: string;
        };
    };
    textStyles: {
        color: string;
        link: {
            color: string;
        };
    };
    boneStyles: {
        background: string;
    };
    groupStyles: {
        addon: {
            background: string;
            borderColor: string;
        };
    };
    wordmarkStyles: {
        border: string;
        light: {
            color: string;
        };
        dark: {
            color: string;
        };
    };
    tableStyles: {
        progress: {
            background: string;
            backgroundSize: string;
            loadingBackground: string;
        };
        tr: {
            hover: {
                background: string;
            };
            borderColor: string;
        };
        dropdown: {
            hover: {
                background: string;
            };
        };
        sortable: {
            button: {
                background: string;
            };
        };
    };
    sidebarStyles: {
        background: string;
        borderColor: string;
        iconDetails: string;
        sidebarLink: {
            focus: {
                background: string;
            };
            active: {
                background: string;
            };
        };
        menulink: {
            normal: {
                color: string;
            };
            danger: {
                color: string;
            };
        };
        shopButton: {
            background: string;
            active: {
                background: string;
            };
            hover: {
                background: string;
            };
        };
        lockButton: {
            borderColor: string;
        };
    };
    npsStyles: {
        text: {
            dimmed: string;
        };
    };
};
export { theme };