declare const _default: {
    rockerButton: {
        innerContainer: {
            backgroundColor: string;
        };
        thumbSwitch: {
            backgroundColor: string;
            color: any;
            '&.is-selected': {
                color: string;
                '& > div.status-icon': {
                    bg: string;
                };
            };
            '&.is-hovered': {
                color: string;
            };
            '&.is-pressed': {
                color: string;
            };
        };
    };
    rangeCalendar: {
        calendarButton: {
            color: string;
            '&.is-hovered': {
                bg: string;
                color: string;
                cursor: string;
            };
            '&.is-selected': {
                color: string;
                '&.is-hovered': {
                    bg: string;
                    color: string;
                };
            };
            '&.is-range-ends': {
                bg: string;
                color: string;
                outline: string;
                boxShadow: string;
            };
            '&.is-unavailable': {
                color: string;
                bg: string;
            };
            '&:not(.is-outside-visible-range)&.is-extreme&:not(.is-completely-disabled)': {
                color: string;
                bg: string;
                opacity: number;
            };
            '&.is-disabled': {
                '&.is-hovered': {
                    backgroundColor: string;
                    color: string;
                };
            };
        };
        columnHeader: {
            color: string;
        };
    };
    attachment: {
        container: {
            backgroundColor: string;
            borderColor: string;
        };
    };
    avatar: {
        color: string;
        cursor: string;
        '&.is-orange': {
            backgroundColor: string;
            color: string;
        };
        '&.is-green': {
            backgroundColor: string;
            color: string;
        };
        '&.is-purple': {
            backgroundColor: any;
            color: string;
        };
        '&.is-pink': {
            backgroundColor: string;
            color: string;
        };
        '&.is-red': {
            backgroundColor: string;
            color: string;
        };
        '&.is-yellow': {
            backgroundColor: string;
            color: string;
        };
        '&.is-cyan': {
            backgroundColor: string;
            color: string;
        };
        '&.is-teal': {
            backgroundColor: string;
            color: string;
        };
        '&.is-blue': {
            backgroundColor: string;
            color: string;
        };
        '&.is-indigo': {
            backgroundColor: string;
            color: string;
        };
        '&.is-logo': {
            borderColor: string;
            backgroundColor: string;
        };
        display: string;
        borderRadius: string;
        textAlign: string;
        alignItems: string;
        justifyContent: string;
        fontFamily: string;
    };
    message: {
        item: {
            backgroundColor: string;
            color: string;
            '> span': {
                color: string;
            };
            '&.is-success': {
                bg: string;
                borderLeftColor: any;
                color: string;
            };
            '&.is-success, > .is-success': {
                bg: string;
                color: string;
            };
            '&.is-warning': {
                bg: string;
                borderLeftColor: any;
                color: string;
            };
            '&.is-warning, > .is-warning': {
                bg: string;
                color: string;
            };
            '&.is-error, > .is-error': {
                bg: string;
                color: string;
            };
            '&.is-error, > button > svg': {
                color: string;
                path: {
                    fill: string;
                };
            };
            '&.is-warning, > button > svg': {
                color: string;
                path: {
                    fill: string;
                };
            };
            '&.is-success, > button > svg': {
                color: string;
                path: {
                    fill: string;
                };
            };
            '&.is-default, > button > svg': {
                color: string;
                path: {
                    fill: string;
                };
            };
            '&.is-error': {
                borderLeftColor: any;
            };
        };
    };
    menu: {
        backgroundColor: string;
        borderColor: string;
    };
    menuItem: {
        item: {
            bg: string;
            padding: string;
            outline: string;
            color: any;
            cursor: string;
            '&.is-hovered': {
                bg: string;
                color: any;
                '> *': {
                    color: any;
                };
            };
            '&.is-focused': {
                bg: string;
                color: any;
                outline: string;
                outlineOffset: string;
                outlineColor: string;
                '> *': {
                    color: any;
                };
            };
            '&.is-selected, &.is-pressed': {
                color: string;
                bg: any;
                '> *': {
                    color: any;
                };
            };
        };
        separator: {
            my: string;
        };
    };
    listViewItem: {
        styledListItem: {
            '&.has-separator': {
                borderBottom: string;
                borderBottomColor: string;
            };
            bg: string;
            '&.is-selected': {
                bg: string;
            };
            '&.is-hovered': {
                bg: string;
            };
            '&.is-focused': {
                boxShadow: string;
                bg: string;
            };
        };
        expandableStyledListItem: {
            '&.is-hovered': {
                bg: string;
            };
            '&.is-selected': {
                bg: string;
            };
            '&.is-focused': {
                bg: string;
            };
        };
        expandIcon: {
            color: any;
            fill: string;
        };
        expandableRow: {
            '&.has-separator': {
                borderBottomColor: string;
            };
        };
    };
    listView: {
        container: {
            borderColor: string;
        };
    };
    lisViewItemChart: {
        title: {
            color: any;
        };
        count: {
            color: any;
        };
        countLabel: {
            color: any;
        };
        chartLabel: {
            color: any;
        };
        trend: {
            color: any;
        };
        chartButton: {
            color: any;
        };
    };
    navBar: {
        container: {
            width: string;
            p: string;
            backgroundColor: string;
            boxShadow: string;
        };
        sectionButton: {
            '&.is-focused': {
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
            '&.is-pressed': {
                backgroundColor: string;
                color: string;
                fontFamily: string;
                '> div > span': {
                    color: string;
                };
                '> div > svg': {
                    fill: string;
                };
            };
            '&.is-hovered': {
                '> div': {
                    backgroundColor: string;
                };
            };
        };
        itemButton: {
            color: string;
            fontFamily: string;
            '&.is-selected': {
                backgroundColor: string;
                color: string;
                '> div > span': {
                    color: string;
                };
                '> div > svg': {
                    fill: string;
                };
            };
            '&.is-focused': {
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
            '&.is-hovered': {
                backgroundColor: string;
            };
            '&.is-pressed': {
                backgroundColor: string;
                color: string;
            };
        };
        subtitle: {
            fontFamily: string;
            color: string;
        };
        headerText: {
            color: string;
            fontFamily: string;
            '.is-selected &': {
                color: string;
            };
        };
        headerNav: {
            color: string;
            fontFamily: string;
            '&.is-hovered': {
                backgroundColor: string;
            };
            '&.is-focused': {
                boxShadow: string;
                WebkitBoxShadow: string;
                MozBoxShadow: string;
            };
        };
        item: {
            px: string;
            py: string;
            color: string;
            fontFamily: string;
            '&.is-hovered': {
                backgroundColor: string;
            };
            '> div > svg': {
                fill: string;
            };
            '&.is-selected': {
                '> div > svg': {
                    fill: string;
                };
                backgroundColor: string;
            };
            '&.is-focused': {
                outline: string;
                outlineColor: string;
                outlineOffset: string;
                boxShadow: string;
                WebkitBoxShadow: string;
                MozBoxShadow: string;
            };
            '&.is-pressed': {
                backgroundColor: string;
                '> div > span': {
                    color: string;
                };
                '> div > svg': {
                    fill: string;
                };
            };
        };
        itemHeaderContainer: {
            px: string;
            py: string;
            backgroundColor: string;
            '> svg': {
                fill: string;
            };
            '> div > svg': {
                fill: string;
            };
            '&.is-selected': {
                '> svg': {
                    fill: string;
                };
                backgroundColor: string;
            };
        };
    };
    listBox: {
        container: {
            backgroundColor: string;
            border: string;
            borderColor: string;
            borderRadius: string;
        };
        option: {
            color: any;
            '&.is-focused': {
                color: any;
                bg: string;
            };
            '&.is-selected': {
                color: any;
                bg: string;
                '&.is-focused': {
                    color: any;
                };
            };
            '&.is-condensed': {
                color: any;
                '&.is-focused': {
                    color: any;
                };
            };
            '&.is-focus-visible': {
                zIndex: number;
            };
        };
    };
    modal: {
        content: {
            bg: string;
        };
        headingContainer: {
            borderBottom: string;
            borderBottomColor: string;
            bg: string;
        };
        header: {
            borderBottom: string;
            borderBottomColor: string;
            bg: string;
        };
        body: {
            bg: string;
        };
        footer: {
            borderTop: string;
            borderTopColor: string;
            bg: string;
        };
        footerContainer: {
            borderTop: string;
            borderTopColor: string;
            bg: string;
        };
        buttonsContainer: {
            bg: string;
        };
    };
    tab: {
        '&.is-selected': {
            '& > span': {
                color: string;
            };
        };
        '&.is-hovered': {
            '& > span': {
                color: string;
            };
        };
    };
    iconBadge: {
        cyan: {
            backgroundColor: string;
            fill: string;
            color: string;
        };
        pink: {
            backgroundColor: string;
            fill: string;
            color: string;
        };
        green: {
            backgroundColor: string;
            fill: string;
            color: string;
        };
        orange: {
            backgroundColor: string;
            fill: string;
            color: string;
        };
        blue: {
            backgroundColor: string;
            fill: string;
            color: string;
        };
        red: {
            backgroundColor: string;
            fill: string;
            color: string;
        };
        teal: {
            backgroundColor: string;
            fill: string;
            color: string;
        };
        yellow: {
            backgroundColor: string;
            fill: string;
            color: string;
        };
        indigo: {
            backgroundColor: string;
            fill: string;
            color: string;
        };
        purple: {
            backgroundColor: string;
            fill: string;
            color: string;
        };
    };
    skeleton: {
        base: {
            backgroundColor: string;
        };
        text: {
            backgroundColor: string;
        };
        circular: {
            backgroundColor: string;
        };
        rounded: {
            backgroundColor: string;
        };
    };
    stepper: {
        step: {
            active: {
                '&.is-horizontal': {
                    color: string;
                };
            };
            inactive: {
                '&.is-horizontal': {
                    backgroundColor: string;
                };
            };
            default: {
                backgroundColor: string;
            };
        };
    };
    footer: {
        container: {
            backgroundColor: string;
        };
    };
    tooltip: {
        inline: {
            color: any;
            '&.is-hovered': {
                color: any;
            };
        };
    };
    popoverMenu: {
        container: {
            background: string;
        };
    };
    dataTable: {
        selectableTableRow: {
            '&.is-selected': {
                bg: string;
            };
            '&.is-hovered': {
                bg: string;
            };
            '&.is-focused': {
                boxShadow: string;
            };
        };
    };
    callout: {
        base: {
            color: string;
            '> span': {
                color: string;
            };
            '& > svg > path': {
                fill: string;
            };
            '&.is-success, > .is-success': {
                '& > svg > path': {
                    fill: string;
                };
            };
            '&.is-warning, > .is-warning': {
                '& > svg > path': {
                    fill: string;
                };
            };
            '&.is-error, > .is-error': {
                '& > svg > path': {
                    fill: string;
                };
            };
        };
    };
    table: {
        caption: {
            color: string;
        };
        head: {
            color: string;
        };
        data: {
            color: string;
        };
    };
    tableBase: {
        container: {
            '&.is-last-column-sticky': {
                'thead tr th:last-of-type': {
                    backgroundColor: string;
                };
                'tbody tr': {
                    '&:nth-of-type(even) td:last-of-type': {
                        backgroundColor: string;
                    };
                };
            };
        };
        caption: {
            color: string;
        };
        thead: {
            '&.is-sticky': {
                boxShadow: string;
            };
        };
        head: {
            color: string;
        };
        data: {
            color: string;
        };
    };
    statusIcon: {
        base: {
            '&.is-default': {
                bg: any;
                span: {
                    color: string;
                };
            };
            '&.is-critical': {
                bg: any;
                span: {
                    color: string;
                };
            };
            '&.is-warning': {
                bg: any;
                span: {
                    color: string;
                };
            };
            '&.is-info': {
                bg: any;
                span: {
                    color: string;
                };
            };
            '&.is-major': {
                bg: any;
                span: {
                    color: string;
                };
            };
            '&.is-minor': {
                bg: any;
                span: {
                    color: string;
                };
            };
            '&.is-warning-neutral': {
                bg: any;
                span: {
                    color: any;
                };
            };
            '&.is-fatal': {
                bg: any;
                span: {
                    color: any;
                };
            };
            '&.is-selected.is-selected': {
                bg: string;
                span: {
                    color: string;
                };
            };
        };
    };
    fieldHelperText: {
        title: {
            '&.is-default': {
                color: string;
            };
            '&.is-error': {
                color: string;
            };
            '&.is-warning': {
                color: string;
            };
            '&.is-success': {
                color: string;
            };
        };
    };
    overlayPanel: {
        container: {
            border: string;
            boxShadow: string;
        };
    };
    breadcrumb: {
        link: {
            color: string;
            '&.is-current': {
                color: string;
            };
        };
    };
    accordionGrid: {
        header: {
            '&.is-hovered': {
                backgroundColor: string;
            };
        };
    };
};
export default _default;