export declare const badgeDeleteButton: {
    borderRadius: string;
    cursor: string;
    height: number;
    p: number;
    width: number;
    path: {
        fill: string;
    };
    '&.is-hovered': {
        backgroundColor: any;
        path: {
            fill: string;
        };
    };
    '&.is-pressed': {
        backgroundColor: any;
        path: {
            fill: string;
        };
    };
    '&.is-focused': {
        outline: string;
        outlineColor: string;
        outlineOffset: string;
    };
    transition: string;
    outline: string;
    border: string;
    boxShadow: string;
    alignSelf: string;
};
declare const _default: {
    accordion: {
        accordion: {
            '&:not(:last-of-type)': {
                borderBottom: string;
                borderBottomColor: string;
            };
            pb: string;
            mb: string;
            mt: string;
        };
        body: {
            pt: string;
        };
        header: {
            '&.is-focused': {
                borderRadius: string;
            };
        };
    };
    accordionGrid: {
        header: {
            px: string;
            py: string;
            minHeight: string;
            border: string;
            '&.is-hovered': {
                backgroundColor: any;
            };
            '&.is-focused': {
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
        };
        body: {
            p: string;
            pt: number;
        };
        item: {};
    };
    attachment: {
        container: {
            backgroundColor: string;
            mt: string;
            borderRadius: string;
            border: string;
            borderColor: string;
            position: string;
            maxWidth: string;
            minWidth: string;
            '&.is-full-screen': {
                maxWidth: string;
                minWidth: string;
            };
        };
        iconWrapper: {
            position: string;
            top: string;
            right: string;
        };
    };
    avatar: {
        cursor: string;
        '&.is-orange': {
            backgroundColor: string;
            color: string;
        };
        '&.is-green': {
            backgroundColor: string;
            color: string;
        };
        '&.is-purple': {
            backgroundColor: string;
            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;
        };
        '&.size-sm': {
            width: string;
            height: string;
        };
        '&.size-md': {
            width: string;
            height: string;
        };
        '&.size-xmd': {
            width: string;
            height: string;
        };
        '&.size-lg': {
            width: string;
            height: string;
        };
        '&.size-xl': {
            width: string;
            height: string;
        };
        '&.font-size-sm': {
            fontSize: any;
        };
        '&.font-size-md': {
            fontSize: any;
        };
        '&.font-size-xmd': {
            fontSize: string;
        };
        '&.font-size-lg': {
            fontSize: any;
        };
        '&.font-size-xl': {
            fontSize: any;
        };
        '&.is-square': {
            borderRadius: string;
        };
        '&.is-square.size-lg': {
            borderRadius: string;
        };
        '&.is-square.size-xl': {
            borderRadius: string;
        };
        '&.is-logo': {
            borderWidth: string;
            borderStyle: string;
            borderColor: any;
            backgroundColor: string;
            '&.size-sm': {
                img: {
                    width: string;
                    height: string;
                    borderRadius: string;
                };
            };
            '&.size-md': {
                img: {
                    width: string;
                    height: string;
                    borderRadius: string;
                };
            };
            '&.size-xmd': {
                img: {
                    width: string;
                    height: string;
                    borderRadius: string;
                };
            };
            '&.size-lg': {
                img: {
                    width: string;
                    height: string;
                    borderRadius: string;
                };
            };
            '&.size-xl': {
                img: {
                    width: string;
                    height: string;
                    borderRadius: string;
                };
            };
        };
        '&.is-image:not(.is-logo)': {
            '&.size-sm': {
                img: {
                    width: string;
                    height: string;
                };
            };
            '&.size-md': {
                img: {
                    width: string;
                    height: string;
                };
            };
            '&.size-xmd': {
                img: {
                    width: string;
                    height: string;
                };
            };
            '&.size-lg': {
                img: {
                    width: string;
                    height: string;
                };
            };
            '&.size-xl': {
                img: {
                    width: string;
                    height: string;
                };
            };
        };
        display: string;
        borderRadius: string;
        textAlign: string;
        alignItems: string;
        justifyContent: string;
        fontFamily: string;
    };
    breadcrumb: {
        link: {
            fontWeight: number;
            fontSize: string;
        };
    };
    box: {
        indeterminateCheckboxIcon: {
            height: string;
            width: string;
            '&.is-disabled': {
                '& rect[id="indeterminate-checkbox-icon-wrapper"]': {
                    fill: string;
                    stroke: string;
                };
            };
            '&.is-focused': {
                boxShadow: string;
            };
        };
        inputDropDownContentLeft: {
            left: number;
            position: string;
            top: string;
            transform: string;
            height: string;
            width: string;
            justifyContent: string;
        };
        inputGroupContentLeft: {
            left: number;
            borderRight: string;
            position: string;
            top: string;
            transform: string;
            height: string;
            width: string;
            justifyContent: string;
        };
        inputDropDownContentRight: {
            right: number;
            position: string;
            top: string;
            transform: string;
            height: string;
            width: string;
            justifyContent: string;
        };
        inputGroupContentRight: {
            right: number;
            borderLeft: string;
            position: string;
            top: string;
            transform: string;
            height: string;
            width: string;
            justifyContent: string;
        };
    };
    buttonBar: {
        container: {
            gap: string;
            backgroundColor: string;
        };
        justifyRightContainer: {
            gap: string;
            backgroundColor: string;
        };
    };
    callout: {
        base: {
            width: string;
            backgroundColor: string;
            lineHeight: string;
            p: string;
            border: string;
            borderLeft: string;
            borderLeftColor: string;
            borderRadius: string;
            alignItems: string;
            color: string;
            '&.is-success, > .is-success': {
                borderColor: string;
                borderLeftColor: string;
            };
            '&.is-warning, > .is-warning': {
                borderColor: string;
                borderLeftColor: string;
            };
            '&.is-error, > .is-error': {
                borderColor: string;
                borderLeftColor: string;
            };
        };
        icon: {
            ml: string;
            mr: string;
            minWidth: string;
            width: string;
            height: string;
        };
    };
    codeView: {
        default: {
            theme: {
                plain: {
                    color: string;
                    backgroundColor: string;
                };
                styles: ({
                    types: string[];
                    style: {
                        color: string;
                        background?: undefined;
                        fontWeight?: undefined;
                        cursor?: undefined;
                    };
                } | {
                    types: string[];
                    style: {
                        color: string;
                        background: string;
                        fontWeight?: undefined;
                        cursor?: undefined;
                    };
                } | {
                    types: string[];
                    style: {
                        fontWeight: string;
                        color?: undefined;
                        background?: undefined;
                        cursor?: undefined;
                    };
                } | {
                    types: string[];
                    style: {
                        cursor: string;
                        color?: undefined;
                        background?: undefined;
                        fontWeight?: undefined;
                    };
                })[];
            };
            wrapper: {
                backgroundColor: string;
                border: string;
                borderColor: string;
                borderRadius: string;
                width: number;
                height: number;
                my: string;
                overflow: string;
                alignItems: string;
                '&.is-focused, &:focus': {
                    boxShadow: string;
                    outline: string;
                };
                pre: {
                    backgroundColor: string;
                    padding: string;
                    height: string;
                    width: string;
                    overflowX: string;
                    overflowY: string;
                    fontSize: string;
                    '& .token-line': {
                        display: string;
                        alignItems: string;
                        '& .token': {
                            whiteSpace: string;
                            wordBreak: string;
                        };
                    };
                    fontFamily: string;
                    lineHeight: string;
                };
                '&.has-no-copy-button': {
                    pre: {
                        p: string;
                    };
                };
                '&.has-line-numbers': {
                    pre: {
                        p: string;
                        overflow: string;
                        '& .token-line:first-of-type *': {
                            pt: string;
                        };
                        '& .token-line': {
                            display: string;
                            '& .token': {
                                whiteSpace: string;
                            };
                        };
                    };
                };
            };
            lineNo: {
                display: string;
                userSelect: string;
                px: string;
                m: string;
                bg: string;
                minWidth: number;
                color: string;
                lineHeight: string;
                backgroundColor: string;
            };
            header: {
                backgroundColor: string;
                color: string;
                px: string;
                width: string;
                borderBottom: string;
                borderBottomColor: string;
                lineHeight: string;
            };
            copyButton: {
                default: {
                    mx: string;
                    path: {
                        fill: string;
                    };
                    border: string;
                };
                light: {
                    mx: string;
                    path: {
                        fill: string;
                    };
                    border: string;
                };
            };
        };
        light: {
            theme: {
                styles: ({
                    types: string[];
                    style: {
                        color: string;
                        background?: undefined;
                        fontWeight?: undefined;
                        cursor?: undefined;
                    };
                } | {
                    types: string[];
                    style: {
                        color: string;
                        background: string;
                        fontWeight?: undefined;
                        cursor?: undefined;
                    };
                } | {
                    types: string[];
                    style: {
                        fontWeight: string;
                        color?: undefined;
                        background?: undefined;
                        cursor?: undefined;
                    };
                } | {
                    types: string[];
                    style: {
                        cursor: string;
                        color?: undefined;
                        background?: undefined;
                        fontWeight?: undefined;
                    };
                })[];
                plain: {
                    color: string;
                    backgroundColor: string;
                };
            };
            wrapper: {
                backgroundColor: string;
                borderColor: string;
                border: string;
                borderRadius: string;
                width: number;
                height: number;
                my: string;
                overflow: string;
                alignItems: string;
                '&.is-focused, &:focus': {
                    boxShadow: string;
                    outline: string;
                };
                pre: {
                    backgroundColor: string;
                    padding: string;
                    height: string;
                    width: string;
                    overflowX: string;
                    overflowY: string;
                    fontSize: string;
                    '& .token-line': {
                        display: string;
                        alignItems: string;
                        '& .token': {
                            whiteSpace: string;
                            wordBreak: string;
                        };
                    };
                    fontFamily: string;
                    lineHeight: string;
                };
                '&.has-no-copy-button': {
                    pre: {
                        p: string;
                    };
                };
                '&.has-line-numbers': {
                    pre: {
                        p: string;
                        overflow: string;
                        '& .token-line:first-of-type *': {
                            pt: string;
                        };
                        '& .token-line': {
                            display: string;
                            '& .token': {
                                whiteSpace: string;
                            };
                        };
                    };
                };
            };
            header: {
                backgroundColor: string;
                borderBottomColor: string;
                color: string;
                px: string;
                width: string;
                borderBottom: string;
                lineHeight: string;
            };
            lineNo: {
                display: string;
                userSelect: string;
                px: string;
                m: string;
                bg: string;
                minWidth: number;
                color: string;
                lineHeight: string;
                backgroundColor: string;
            };
            copyButton: {
                default: {
                    mx: string;
                    path: {
                        fill: string;
                    };
                    border: string;
                };
                light: {
                    mx: string;
                    path: {
                        fill: string;
                    };
                    border: string;
                };
            };
        };
    };
    dataTable: {
        container: {
            border: string;
            borderColor: string;
            borderRadius: string;
        };
        tableRow: {
            borderTop: string;
            borderTopColor: string;
            borderBottom: string;
            pl: string;
            '&:last-of-type': {
                borderBottomLeftRadius: string;
                borderBottomRightRadius: string;
            };
        };
        selectableTableRow: {
            bg: string;
            '&.is-hovered': {
                bg: any;
            };
            '&.is-selected': {
                bg: any;
            };
            '&.is-focused': {
                boxShadow: string;
                bg: any;
            };
            '&.is-disabled': {
                opacity: string;
            };
            borderTop: string;
            borderTopColor: string;
            borderBottom: string;
            pl: string;
            '&:last-of-type': {
                borderBottomLeftRadius: string;
                borderBottomRightRadius: string;
            };
        };
        tableHeadWrapper: {
            borderBottom: string;
        };
        tableHeadCell: {
            px: string;
            fontWeight: string;
            fontSize: string;
            '&.is-column-sortable': {
                svg: {
                    fill: string;
                };
            };
            '&.is-first-column': {
                borderTopLeftRadius: string;
            };
            '&.is-last-column': {
                borderTopRightRadius: string;
            };
            '&.is-key-focused': {
                outline: string;
                outlineStyle: string;
                outlineColor: string;
                outlineOffset: string;
            };
        };
        rowHeader: {
            py: string;
        };
        tableCell: {
            fontSize: string;
            px: string;
        };
    };
    fieldHelperText: {
        title: {
            fontSize: string;
            pt: string;
            mt: string;
            '&.is-default': {
                color: string;
            };
            '&.is-error': {
                color: string;
            };
            '&.is-warning': {
                color: string;
            };
            '&.is-success': {
                color: string;
            };
        };
    };
    footer: {
        container: {
            fontFamily: string;
            justifyContent: string;
            backgroundColor: any;
        };
        wrapper: {
            px: string[];
            py: string;
            maxWidth: string;
            mx: string;
            width: string;
            flexDirection: string[];
            justifyContent: string;
            alignItems: string;
        };
        footerLeftSection: {
            columnGap: string;
            flexDirection: string[];
        };
        footerNav: {
            listStyle: string;
            margin: string;
            padding: string;
            alignItems: string;
            justifyContent: string[];
            gap: string;
            flexWrap: string;
            my: string;
        };
    };
    iconWrapper: {
        sm: {
            '&.is-circle': {
                borderRadius: string;
            };
            borderRadius: string;
            minHeight: string;
            minWidth: string;
            height: string;
            width: string;
            p: string;
        };
        md: {
            '&.is-circle': {
                borderRadius: string;
            };
            borderRadius: string;
            minHeight: string;
            minWidth: string;
            height: string;
            width: string;
            p: string;
        };
        lg: {
            '&.is-circle': {
                borderRadius: string;
            };
            borderRadius: string;
            minHeight: string;
            minWidth: string;
            height: string;
            width: string;
            p: string;
        };
    };
    listBox: {
        container: {
            px: string;
            py: string;
        };
        option: {
            py: string;
            pl: string;
            pr: string;
            justifyContent: string;
            borderRadius: string;
            lineHeight: string;
            color: string;
            '&.is-focused': {
                color: string;
                bg: string;
                borderRadius: string;
            };
            '&.is-focus-visible': {
                boxShadow: string;
                borderRadius: string;
                zIndex: number;
            };
            '&.is-selected': {
                color: string;
                bg: string;
                pl: string;
                borderRadius: string;
                '&.is-focused': {
                    color: string;
                };
                '&.is-focus-visible': {
                    bg: string;
                };
            };
            '&.is-pressed': {
                color: string;
                bg: string;
            };
            '&.is-condensed': {
                pl: string;
                bg: string;
                color: string;
                '&.is-selected': {
                    bg: string;
                };
                '&.is-focused': {
                    bg: string;
                    color: string;
                };
            };
        };
        sectionTitle: {
            color: string;
            fontWeight: string;
            fontSize: string;
            lineHeight: string;
            textTransform: string;
            letterSpacing: string;
            pl: string;
            ml: string;
            py: string;
        };
    };
    listView: {
        container: {
            borderRadius: string;
            border: string;
            borderColor: string;
        };
    };
    listViewItem: {
        rightOfData: {
            whiteSpace: string;
        };
        iconContainer: {
            ml: string;
        };
        iconWrapper: {
            ml: string;
        };
        imageWrapper: {
            ml: string;
        };
        styledListItem: {
            bg: string;
            '&.is-selected': {
                bg: any;
            };
            borderBottom: string;
            '&.has-separator': {
                borderBottom: string;
                borderBottomColor: any;
            };
            '&.is-hovered': {
                bg: any;
            };
            '&.is-focused': {
                boxShadow: string;
                bg: any;
            };
            '&.is-first-item': {
                borderTopLeftRadius: string;
                borderTopRightRadius: string;
            };
            '&.is-last-item': {
                borderBottomLeftRadius: string;
                borderBottomRightRadius: string;
                '&.has-separator': {
                    border: string;
                };
            };
        };
        styledContainer: {
            bg: string;
            '&.is-hovered': {
                bg: string;
                cursor: string;
            };
        };
        expandableStyledListItem: {
            px: string;
            py: number;
            bg: string;
            '&.is-first-item': {
                borderTopLeftRadius: string;
                borderTopRightRadius: string;
            };
            '&.is-last-item': {
                borderBottomLeftRadius: string;
                borderBottomRightRadius: string;
                '&.is-expanded.is-hovered, &.is-expanded.is-expanded': {
                    borderBottomLeftRadius: string;
                    borderBottomRightRadius: string;
                };
            };
            '&.is-hovered': {
                bg: any;
            };
            '&.is-selected': {
                bg: any;
            };
            '&.is-focused': {
                boxShadow: string;
                bg: any;
            };
        };
        expandableItemBody: {
            px: string;
            outline: string;
            '&.is-last-item-body': {
                borderBottomLeftRadius: string;
                borderBottomRightRadius: string;
            };
            '&.is-focused': {
                boxShadow: string;
            };
        };
        expandableRow: {
            '&.has-separator': {
                borderBottomColor: any;
            };
            '&.has-separator.is-last-row': {
                border: string;
            };
        };
        editIcon: {
            width: string;
            height: string;
        };
        menuIcon: {
            width: string;
            height: string;
        };
        loaderContainer: {
            pt: string;
            pb: string;
        };
    };
    lisViewItemChart: {
        title: {
            color: any;
            fontSize: string;
        };
        count: {
            color: any;
            fontSize: string;
        };
        countLabel: {
            color: any;
            fontSize: string;
        };
        chartLabel: {
            color: any;
            fontSize: string;
        };
        trend: {
            color: any;
        };
        chartButton: {
            color: any;
        };
    };
    loader: {
        withinListView: {
            color: string;
            py: string;
        };
        circleSpinner: {
            borderColor: string;
        };
    };
    menu: {
        p: string;
        border: string;
        borderColor: string;
    };
    menuItem: {
        item: {
            bg: string;
            padding: string;
            outline: string;
            color: any;
            fontSize: string;
            lineHeight: string;
            cursor: string;
            borderRadius: string;
            '&.is-hovered': {
                bg: any;
                color: string;
                '> *': {
                    color: string;
                };
            };
            '&.is-focused': {
                bg: any;
                color: string;
                outline: string;
                outlineOffset: string;
                outlineColor: string;
                '> *': {
                    color: string;
                };
            };
            '&.is-pressed, &.is-selected': {
                bg: string;
                color: string;
                '> *': {
                    color: string;
                };
            };
        };
        separator: {
            my: string;
        };
    };
    menuSection: {
        sectionTitle: {
            fontWeight: string;
            fontSize: string;
            lineHeight: string;
            textTransform: string;
            letterSpacing: string;
            height: string;
            py: string;
            px: string;
            color: string;
            ml: number;
        };
    };
    menuTab: {
        ml: string;
    };
    message: {
        wrapper: {
            gap: string;
            right: string;
        };
        item: {
            maxWidth: number;
            pointerEvents: string;
            mb: string;
            p: string;
            wordBreak: string;
            alignItems: string;
            backgroundColor: any;
            borderLeftWidth: string;
            borderLeftStyle: string;
            borderLeftColor: string;
            color: any;
            fontSize: string;
            lineHeight: string;
            borderRadius: number;
            '& > svg': {
                minWidth: string;
                width: string;
                height: string;
                color: any;
                path: {
                    fill: any;
                    transform: string;
                    transformOrigin: string;
                };
                alignSelf: string;
            };
            '&.is-success': {
                bg: any;
                borderLeftColor: any;
                color: any;
            };
            '&.is-warning': {
                bg: string;
                borderLeftColor: any;
                color: any;
            };
            '&.is-error, > .is-error': {
                bg: string;
            };
            '&.is-error, > button > svg': {
                color: string;
                path: {
                    fill: any;
                };
            };
            '&.is-error': {
                borderLeftColor: any;
            };
        };
    };
    modal: {
        content: {
            boxShadow: string;
            borderRadius: string;
            opacity: number;
            transition: string;
            m: string[];
            '&.is-open-no-transition': {
                opacity: string;
                transform: string;
            };
            '&.is-open.is-transitioning': {
                opacity: string;
                transform: string;
            };
            '&.is-extra-small': {
                width: string;
                maxWidth: any[];
            };
            '&.is-small': {
                width: string;
                maxWidth: any[];
            };
            '&.is-medium': {
                width: string;
                maxWidth: any[];
            };
            '&.is-large': {
                width: string;
                maxWidth: any[];
            };
            '&.is-full': {
                width: string;
                maxWidth: string[];
            };
        };
        headingContainer: {
            borderBottom: string;
            borderBottomColor: any;
            bg: string;
            borderRadius: string;
        };
        header: {
            bg: string;
            borderBottom: string;
            borderBottomColor: string;
            borderRadius: string;
            px: string;
            py: string;
        };
        bodyContainer: {
            p: string;
        };
        body: {
            p: string;
        };
        footer: {
            borderTop: string;
            borderTopColor: string;
            borderRadius: string;
            p: string;
        };
        footerContainer: {
            borderTop: string;
            borderTopColor: string;
            borderRadius: string;
        };
    };
    navBar: {
        itemIcon: {
            color: string;
            fill: string;
        };
        itemIconSelected: {
            color: string;
            fill: string;
        };
        container: {
            fontFamily: string;
            width: string;
            p: string;
            backgroundColor: string;
            boxShadow: string;
        };
        sectionContainer: {
            pt: string;
        };
        sectionButton: {
            borderRadius: string;
            '&.is-hovered': {
                backgroundColor: string;
            };
            '&.is-pressed': {
                backgroundColor: any;
            };
            '&.is-focused': {
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
        };
        itemButton: {
            py: string;
            paddingLeft: string;
            color: any;
            borderRadius: string;
            fontWeight: number;
            fontSize: any;
            lineHeight: string;
            '&.is-focused': {
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
            '&.is-hovered': {
                backgroundColor: string;
            };
            '&.is-pressed': {
                backgroundColor: any;
                color: any;
            };
            '&.is-selected': {
                bg: any;
                boxShadow: string;
                color: string;
            };
        };
        subtitle: {
            color: any;
        };
        headerText: {
            color: any;
            fontWeight: number;
            fontSize: any;
            lineHeight: string;
            ml: string;
            '.is-selected &': {
                color: string;
            };
        };
        headerNav: {
            borderRadius: string;
            color: string;
            '&.is-hovered': {
                backgroundColor: string;
            };
            '&.is-focused': {
                boxShadow: string;
                WebkitBoxShadow: string;
                MozBoxShadow: string;
            };
        };
        item: {
            px: string;
            py: string;
            color: any;
            borderRadius: string;
            '&.is-hovered': {
                backgroundColor: any;
            };
            '> div > svg': {
                fill: any;
            };
            '> div > span': {
                color: string;
            };
            '&.is-pressed': {
                backgroundColor: any;
            };
            '&.is-selected': {
                '> div > svg': {
                    fill: string;
                };
                '> div > span': {
                    color: string;
                };
                '&.is-hovered': {
                    backgroundColor: string;
                };
                backgroundColor: any;
                boxShadow: string;
            };
            '&.is-focused': {
                outline: string;
                outlineColor: string;
                outlineOffset: string;
                boxShadow: string;
                WebkitBoxShadow: string;
                MozBoxShadow: string;
            };
        };
        itemHeaderContainer: {
            boxShadow: string;
            maxWidth: string;
            px: string;
            py: string;
            '&.is-selected': {
                '> svg': {
                    fill: string;
                };
                '> div > svg': {
                    fill: string;
                };
                '> div > span': {
                    color: string;
                };
                backgroundColor: any;
                boxShadow: string;
            };
            '&.is-hovered': {
                backgroundColor: string;
            };
            backgroundColor: string;
            '> svg': {
                fill: any;
            };
            '> div > svg': {
                fill: any;
            };
        };
        navBarItemBody: {
            mb: string;
        };
    };
    overlayPanel: {
        container: {
            backgroundColor: string;
            borderColor: string;
        };
        aiPanelContainer: {
            backgroundColor: string;
            border: string;
            borderLeft: string;
            position: string;
            overflowY: string;
            top: number;
            bottom: number;
            alignItems: string;
            justifyContent: string;
            boxShadow: string;
            display: string;
            opacity: number;
            right: string;
            transition: string;
            maxWidth: string;
            p: string;
            '&.is-small': {
                width: string;
            };
            '&.is-full': {
                width: string;
            };
            '&.is-open.is-transitioning': {
                right: number;
                opacity: number;
            };
        };
        body: {
            gap: string;
            minHeight: string;
            maxWidth: string;
            alignSelf: string;
        };
        innerPanel: {
            backgroundColor: string;
        };
    };
    panelHeader: {
        container: {
            bg: string;
            border: string;
            pt: string;
            px: string;
            pb: string;
        };
        controls: {
            gap: string;
            alignSelf: string;
            mr: string;
        };
        wrapper: {
            mr: string;
        };
    };
    popoverMenu: {
        container: {
            minWidth: string;
            boxShadow: string;
            transition: string;
            '&.animate': {
                opacity: number;
            };
            '&.animate.is-mounted.is-transitioning': {
                opacity: string;
            };
            '&.is-dark-mode': {
                color: string;
                alignItems: string;
                bg: any;
                '&[data-popover-placement^=top] > [data-popover-arrow="arrow"]:before': {
                    borderTopColor: any;
                };
                '&[data-popover-placement^=bottom] > [data-popover-arrow="arrow"]:before': {
                    borderBottomColor: any;
                };
                '&[data-popover-placement^=left] > [data-popover-arrow="arrow"]:before': {
                    borderLeftColor: any;
                };
                '&[data-popover-placement^=right] > [data-popover-arrow="arrow"]:before': {
                    borderRightColor: any;
                };
            };
        };
        arrow: {
            color: string;
            fontSize: string;
            '&:before': {
                content: string;
                position: string;
                borderColor: string;
                borderStyle: string;
            };
        };
    };
    progressBar: {
        transition: string;
        container: {
            backgroundColor: string;
            borderRadius: string;
            height: string;
        };
        percentageBar: {
            backgroundColor: string;
            borderRadius: string;
            height: string;
        };
    };
    prompt: {
        container: {
            backgroundColor: string;
            maxWidth: string;
            width: string;
            p: string;
            borderRadius: string;
            marginLeft: string;
        };
    };
    rangeCalendar: {
        calendarBody: {
            py: string;
            borderTop: string;
            borderTopColor: string;
            backgroundColor: string;
            '& > tr:nth-of-type(odd) ': {
                backgroundColor: string;
            };
        };
        calendarButton: {
            height: string;
            width: string;
            fontWeight: string;
            borderRadius: string;
            color: string;
            '&.is-hovered': {
                bg: string;
                color: string;
                cursor: string;
            };
            '&.is-selected': {
                bg: string;
                '&.is-hovered': {
                    bg: string;
                    color: string;
                };
            };
            '&.is-range-ends': {
                bg: string;
                color: string;
                outline: string;
                boxShadow: string;
            };
            '&.is-selection-start': {
                borderRadius: string;
            };
            '&.is-selection-end': {
                borderRadius: string;
            };
            '&.is-start-and-end': {
                borderRadius: string;
            };
            '&.is-focused': {
                outline: string;
                outlineStyle: string;
                outlineColor: string;
                outlineOffset: string;
            };
            '&.is-unavailable': {
                backgroundColor: any;
                color: string;
            };
            '&:not(.is-outside-visible-range)&.is-extreme&:not(.is-completely-disabled)': {
                backgroundColor: any;
                color: string;
                opacity: number;
            };
            '&.is-disabled': {
                '&.is-hovered': {
                    color: any;
                    backgroundColor: string;
                };
            };
        };
        calendarCell: {
            height: string;
        };
        calendarContainer: {
            width: string;
            textAlign: string;
            color: string;
            border: string;
            borderColor: string;
            boxShadow: string;
            borderRadius: string;
            p: string;
        };
        columnHeader: {
            color: string;
        };
        calendarRow: {
            bg: string;
        };
    };
    response: {
        iconWrapper: {
            border: string;
            p: string;
            borderColor: string;
            borderRadius: string;
            alignContent: string;
            alignItems: string;
            justifyContent: string;
            width: string;
            height: string;
            minWidth: string;
            minHeight: string;
        };
        list: {
            pl: string;
            listStyleType: string;
            listStylePosition: string;
            '&.is-numeric': {
                listStyleType: string;
            };
            '& > li': {
                '&:marker': {
                    content: string;
                };
            };
        };
        attachmentWrapper: {
            alignItems: string;
            height: string;
            border: string;
            borderColor: string;
            p: string;
            gap: string;
            borderRadius: string;
            '&.is-not-loaded': {
                display: string;
            };
        };
        toolbar: {
            '&.is-not-loaded': {
                display: string;
            };
        };
        markupComplexContainer: {
            display: string;
            flexDirection: string;
            '&.is-not-loaded': {
                display: string;
            };
        };
        textWrapper: {
            height: string;
            '&.has-bullet': {
                display: string;
                height: string;
            };
            '&.has-rendered': {
                display: string;
            };
            '&.has-block': {
                maxHeight: string;
                display: string;
            };
            '&::marker': {
                color: string;
            };
            listStylePosition: string;
            flexDirection: string;
        };
    };
    rockerButton: {
        innerContainer: {
            boxShadow: string;
            backgroundColor: string;
            borderRadius: string;
            padding: number;
            border: string;
        };
        thumbSwitch: {
            textTransform: string;
            backgroundColor: string;
            padding: string;
            height: string;
            color: string;
            border: string;
            borderColor: string;
            borderRadius: number;
            '&:not(:last-of-type)': {
                borderRight: string;
            };
            '&:first-of-type': {
                borderTopLeftRadius: string;
                borderBottomLeftRadius: string;
            };
            '&:last-of-type': {
                borderTopRightRadius: string;
                borderBottomRightRadius: string;
            };
            '&.is-selected': {
                color: string;
                backgroundColor: string;
                '& > div.status-icon': {
                    bg: string;
                    span: {
                        color: string;
                    };
                };
            };
            '&.is-hovered': {
                borderColor: string;
                backgroundColor: string;
                color: string;
            };
            '&.is-pressed': {
                borderColor: string;
                backgroundColor: string;
                color: string;
            };
            '&.is-focused:focus': {
                position: string;
                zIndex: string;
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
        };
    };
    searchNav: {
        tab: {
            marginBottom: string;
        };
    };
    separator: {
        base: {
            bg: string;
            my: string;
            '&.is-vertical': {
                m: string;
            };
        };
        navBarSeparator: {
            my: string;
            mx: string;
            maxWidth: string;
            backgroundColor: string;
        };
        navBarSubtitleSeparator: {
            backgroundColor: string;
        };
    };
    skeleton: {
        base: {
            backgroundColor: string;
            position: string;
            overflow: string;
            '&.is-pulsate': {
                animation: string;
            };
            '&.is-wave': {
                webkitMaskImage: string;
                '&:after': {
                    content: string;
                    background: string;
                    position: string;
                    webkitTransform: string;
                    mozTransform: string;
                    msTransform: string;
                    transform: string;
                    bottom: string;
                    left: string;
                    right: string;
                    top: string;
                    animation: string;
                };
            };
        };
        text: {
            height: string;
            transform: string;
            borderRadius: string;
            backgroundColor: string;
            position: string;
            overflow: string;
            '&.is-pulsate': {
                animation: string;
            };
            '&.is-wave': {
                webkitMaskImage: string;
                '&:after': {
                    content: string;
                    background: string;
                    position: string;
                    webkitTransform: string;
                    mozTransform: string;
                    msTransform: string;
                    transform: string;
                    bottom: string;
                    left: string;
                    right: string;
                    top: string;
                    animation: string;
                };
            };
        };
        circular: {
            borderRadius: string;
            backgroundColor: string;
            position: string;
            overflow: string;
            '&.is-pulsate': {
                animation: string;
            };
            '&.is-wave': {
                webkitMaskImage: string;
                '&:after': {
                    content: string;
                    background: string;
                    position: string;
                    webkitTransform: string;
                    mozTransform: string;
                    msTransform: string;
                    transform: string;
                    bottom: string;
                    left: string;
                    right: string;
                    top: string;
                    animation: string;
                };
            };
        };
        rounded: {
            borderRadius: string;
            backgroundColor: string;
            position: string;
            overflow: string;
            '&.is-pulsate': {
                animation: string;
            };
            '&.is-wave': {
                webkitMaskImage: string;
                '&:after': {
                    content: string;
                    background: string;
                    position: string;
                    webkitTransform: string;
                    mozTransform: string;
                    msTransform: string;
                    transform: string;
                    bottom: string;
                    left: string;
                    right: string;
                    top: string;
                    animation: string;
                };
            };
        };
    };
    stepper: {
        tab: {
            mr: string;
        };
        line: {
            mx: string;
            maxWidth: string;
            borderBottomWidth: string;
            borderBottomColor: string;
            '&.is-inactive': {
                borderBottomStyle: string;
                borderBottomColor: any;
            };
            '&.is-default': {
                width: string;
                height: string;
                maxHeight: string;
                borderBottomWidth: number;
                borderRightWidth: string;
                borderRightStyle: string;
                borderRightColor: any;
                my: string;
            };
        };
        step: {
            active: {
                '&.is-horizontal': {
                    '&:before': {
                        content: string;
                        height: string;
                        width: string;
                        top: number;
                        left: number;
                        position: string;
                        borderRadius: string;
                        borderStyle: string;
                        borderColor: string;
                        borderWidth: string;
                        zIndex: number;
                    };
                    borderWidth: string;
                    width: number;
                    height: number;
                    minWidth: number;
                    minHeight: number;
                    position: string;
                    fontWeight: number;
                    fontSize: string;
                    backgroundColor: string;
                    borderColor: string;
                    color: string;
                };
            };
            completed: {
                borderColor: string;
                borderWidth: string;
                width: number;
                height: number;
                minWidth: number;
                minHeight: number;
                position: string;
                fontWeight: number;
                fontSize: string;
            };
            inactive: {
                '&.is-horizontal': {
                    borderWidth: string;
                    width: number;
                    height: number;
                    minWidth: number;
                    minHeight: number;
                    position: string;
                    fontWeight: number;
                    fontSize: string;
                    backgroundColor: string;
                    borderColor: any;
                    color: string;
                };
            };
            default: {
                borderWidth: string;
                width: number;
                height: number;
                minWidth: number;
                minHeight: number;
                position: string;
                fontWeight: number;
                fontSize: string;
                backgroundColor: string;
                borderColor: any;
                color: string;
            };
        };
    };
    suggestion: {
        iconContainer: {
            ml: string;
            mr: string;
            minWidth: string;
        };
    };
    suggestions: {
        justifyContent: string;
        gap: string;
        flexDirection: string;
        '&.is-full-screen': {
            gap: string;
            flexDirection: string;
        };
    };
    statusIcon: {
        base: {
            '&.is-default': {
                bg: any;
                span: {
                    fontSize: string;
                    color: any;
                };
            };
            '&.is-critical': {
                bg: any;
                span: {
                    fontSize: string;
                    color: any;
                };
            };
            '&.is-warning': {
                bg: any;
                span: {
                    fontSize: string;
                    color: any;
                };
            };
            '&.is-info': {
                bg: any;
                span: {
                    fontSize: string;
                    color: any;
                };
            };
            '&.is-major': {
                bg: any;
                span: {
                    fontSize: string;
                    color: any;
                };
            };
            '&.is-minor': {
                bg: any;
                span: {
                    fontSize: string;
                    color: any;
                };
            };
            '&.is-warning-neutral': {
                bg: any;
                span: {
                    fontSize: string;
                    color: any;
                };
            };
            '&.is-fatal': {
                bg: any;
                span: {
                    fontSize: string;
                    color: any;
                };
            };
            '&.is-selected.is-selected': {
                bg: string;
                span: {
                    color: string;
                };
            };
        };
    };
    tab: {
        borderRadius: string;
        pt: string;
        '& > span': {
            px: string;
            fontSize: string;
        };
        '&.is-focused': {
            boxShadow: string;
            outline: string;
            outlineColor: string;
            outlineOffset: string;
            '& > span': {
                outline: string;
            };
        };
        '& > div': {
            borderBottom: string;
            borderBottomColor: string;
            ml: string;
        };
    };
    table: {
        container: {
            overflow: string;
        };
        caption: {
            px: string;
            color: string;
            borderBottom: string;
            borderBottomColor: string;
        };
        head: {
            px: string;
            py: string;
            fontSize: string;
            fontWeight: string;
            color: string;
            lineHeight: string;
        };
        body: {
            borderTopColor: string;
            borderBottom: string;
            backgroundColor: string;
            borderBottomLeftRadius: string;
            borderBottomRightRadius: string;
            '&& > tr:not(:last-child)': {
                borderBottom: string;
                borderBottomColor: string;
            };
            '&& > tr:nth-of-type(odd) ': {
                backgroundColor: string;
            };
            '&& > tr:last-child': {
                borderBottomLeftRadius: string;
                borderBottomRightRadius: string;
            };
        };
        data: {
            py: string;
            fontWeight: string;
            px: string;
            fontSize: string;
            color: string;
            lineHeight: string;
        };
    };
    tableBase: {
        container: {
            '& > thead > tr': {
                '& > th:first-of-type': {
                    borderTopLeftRadius: string;
                };
                '& > th:last-of-type': {
                    borderTopRightRadius: string;
                };
            };
            '& > tbody > tr:last-child': {
                borderBottom: string;
                borderBottomLeftRadius: string;
                borderBottomRightRadius: string;
                '&.is-focused': {
                    borderBottomLeftRadius: string;
                    borderBottomRightRadius: string;
                };
                '& > td:first-of-type': {
                    borderBottomLeftRadius: string;
                };
                '& > td:last-of-type': {
                    borderBottomRightRadius: string;
                };
            };
            '&.has-caption > thead > tr:first-of-type > th': {
                borderRadius: string;
            };
            '&.has-pagination > tbody > tr:last-child': {
                borderRadius: number;
                '& > td': {
                    borderRadius: number;
                };
            };
        };
        caption: {
            backgroundColor: string;
            px: string;
            color: string;
            borderBottom: string;
            borderBottomColor: string;
            borderTopLeftRadius: string;
            borderTopRightRadius: string;
        };
        row: {
            borderBottom: string;
            borderBottomColor: string;
            '&.is-focused': {
                outlineOffset: string;
                outline: string;
                outlineColor: string;
            };
            '&.is-hovered': {
                bg: string;
                '& > td:last-of-type': {
                    bg: string;
                };
            };
            '&:nth-of-type(odd)': {
                bg: string;
                '&.is-hovered': {
                    bg: string;
                };
                '& > td:last-of-type': {
                    bg: string;
                };
            };
        };
        thead: {
            borderBottomColor: string;
            backgroundColor: string;
            '&.is-sticky': {
                boxShadow: string;
            };
        };
        head: {
            px: string;
            py: string;
            fontSize: string;
            fontWeight: string;
            color: string;
            lineHeight: string;
            '&.is-focused': {
                outlineOffset: string;
                outline: string;
                outlineColor: string;
            };
            '&:last-of-type': {
                backgroundColor: string;
            };
        };
        tbody: {
            borderTopColor: string;
            borderBottom: string;
            backgroundColor: string;
            borderBottomLeftRadius: string;
            borderBottomRightRadius: string;
        };
        data: {
            py: string;
            fontWeight: string;
            '&:last-of-type': {
                backgroundColor: string;
                zIndex: number;
            };
            px: string;
            fontSize: string;
            color: string;
            lineHeight: string;
            '&.is-focused': {
                outlineOffset: string;
                outline: string;
                outlineColor: string;
            };
        };
    };
    tabs: {
        '&.is-horizontal': {
            gap: string;
        };
    };
    tooltip: {
        container: {
            backgroundColor: any;
            borderRadius: string;
            fontSize: string;
            fontFamily: string;
            lineHeight: string;
            p: string;
            px: string;
            py: string;
        };
        badge: {
            borderRadius: string;
            position: string;
            '&.is-focused:before': {
                position: string;
                content: string;
                width: string;
                height: string;
                padding: string;
                borderRadius: string;
                border: string;
                borderColor: string;
            };
        };
        inline: {
            color: any;
            '&.is-focused': {
                outline: string;
                outlineColor: string;
                outlineOffset: string;
            };
        };
    };
};
export default _default;