@pingux/astro 2.143.0-alpha.0 → 2.143.0-alpha.2

package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts

@@ -1,4 +1,51 @@
+export declare const badgeDeleteButton: {
+    borderRadius: string;
+    cursor: string;
+    height: number;
+    p: number;
+    width: number;
+    transition: string;
+    outline: string;
+    border: string;
+    borderColor: string;
+    path: {
+        fill: string;
+    };
+    '&.is-focused': {
+        outline: string;
+        outlineColor: string;
+        outlineOffset: string;
+    };
+    '&.is-hovered': {
+        backgroundColor: string;
+        path: {
+            fill: string;
+        };
+    };
+    '&.is-pressed': {
+        backgroundColor: string;
+        borderColor: string;
+        path: {
+            fill: string;
+        };
+    };
+};
 declare const _default: {
+    accordion: {
+        accordion: {
+            '&:not(:last-of-type)': {
+                borderBottom: string;
+                borderBottomColor: string;
+            };
+            pb: string;
+        };
+        body: {
+            py: string;
+        };
+        header: {
+            p: string;
+        };
+    };
     attachment: {
         container: {
             backgroundColor: string;
@@ -20,279 +67,384 @@ declare const _default: {
             right: string;
         };
     };
-    navBar: {
-        container: {
-            fontFamily: string;
-            width: string;
-            p: string;
+    avatar: {
+        backgroundColor: string;
+        color: string;
+        cursor: string;
+        '&.is-orange': {
             backgroundColor: string;
-            boxShadow: string;
+            color: string;
         };
-        sectionContainer: {
-            pt: string;
+        '&.is-green': {
+            backgroundColor: string;
+            color: string;
         };
-        sectionButton: {
-            borderRadius: string;
-            '&.is-hovered': {
-                backgroundColor: string;
-            };
-            '&.is-pressed': {
-                backgroundColor: string;
-            };
-            '&.is-focused': {
-                outline: string;
-                outlineColor: string;
-                outlineOffset: string;
-            };
+        '&.is-purple': {
+            backgroundColor: string;
+            color: string;
         };
-        itemButton: {
-            py: string;
-            paddingLeft: string;
+        '&.is-pink': {
+            backgroundColor: string;
             color: string;
-            borderRadius: string;
-            '&.is-focused': {
-                outline: string;
-                outlineColor: string;
-                outlineOffset: string;
-            };
-            '&.is-hovered': {
-                backgroundColor: string;
-            };
-            '&.is-pressed': {
-                backgroundColor: string;
-                color: string;
-            };
-            '&.is-selected': {
-                bg: string;
-                boxShadow: string;
-                color: string;
-            };
         };
-        subtitle: {
+        '&.is-red': {
+            backgroundColor: string;
             color: string;
         };
-        headerText: {
+        '&.is-yellow': {
+            backgroundColor: string;
             color: string;
-            ml: string;
-            '.is-selected &': {
-                color: string;
-            };
         };
-        headerNav: {
-            borderRadius: string;
+        '&.is-cyan': {
+            backgroundColor: string;
             color: string;
-            '&.is-hovered': {
-                backgroundColor: string;
-            };
-            '&.is-focused': {
-                boxShadow: string;
-                WebkitBoxShadow: string;
-                MozBoxShadow: string;
-            };
         };
-        item: {
-            px: string;
-            py: string;
+        '&.is-teal': {
+            backgroundColor: string;
             color: string;
-            borderRadius: string;
-            '&.is-hovered': {
-                backgroundColor: string;
-            };
-            '> div > svg': {
-                fill: string;
-            };
-            '&.is-pressed': {
-                backgroundColor: string;
-            };
-            '&.is-selected': {
-                '> div > svg': {
+        };
+        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;
                 };
-                backgroundColor: string;
-                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': {
-                backgroundColor: string;
                 boxShadow: string;
             };
-            backgroundColor: string;
-            '> svg': {
-                fill: string;
-            };
-            '> div > svg': {
-                fill: string;
-            };
-        };
-        navBarItemBody: {
-            mb: 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;
-            };
+    buttonBar: {
+        container: {
+            gap: string;
+            backgroundColor: string;
         };
-    };
-    message: {
-        wrapper: {
+        justifyRightContainer: {
             gap: string;
-            right: string;
+            backgroundColor: string;
         };
-        item: {
-            maxWidth: number;
-            pointerEvents: string;
-            mb: string;
-            p: string;
-            wordBreak: string;
-            alignItems: string;
+    };
+    callout: {
+        base: {
+            width: string;
             backgroundColor: string;
-            borderLeftWidth: string;
-            borderLeftStyle: string;
+            lineHeight: string;
+            p: string;
+            border: string;
+            borderLeft: string;
             borderLeftColor: string;
+            borderRadius: string;
+            alignItems: string;
             color: string;
-            fontSize: string;
-            lineHeight: string;
-            borderRadius: number;
-            '& > svg': {
-                minWidth: string;
-                width: string;
-                height: string;
-                color: string;
-                path: {
-                    fill: string;
-                    transform: string;
-                    transformOrigin: string;
-                };
-                alignSelf: string;
-            };
-            '&.is-success': {
-                bg: string;
+            '&.is-success, > .is-success': {
+                borderColor: string;
                 borderLeftColor: string;
-                color: string;
             };
-            '&.is-warning': {
-                bg: string;
+            '&.is-warning, > .is-warning': {
+                borderColor: string;
                 borderLeftColor: string;
-                color: string;
             };
             '&.is-error, > .is-error': {
-                bg: string;
-            };
-            '&.is-error, > button > svg': {
-                color: string;
-                path: {
-                    fill: string;
-                };
-            };
-            '&.is-error': {
+                borderColor: string;
                 borderLeftColor: string;
             };
         };
+        icon: {
+            ml: string;
+            mr: string;
+            minWidth: string;
+            width: string;
+            height: string;
+        };
     };
-    modal: {
-        content: {
-            boxShadow: string;
-            px: string;
-            pb: string;
-            pt: number;
-            borderRadius: string;
-            opacity: number;
-            top: string;
-            transform: string;
-            transition: string;
-            m: string[];
-            maxHeight: string;
-            overflowY: string;
-            '&.is-open-no-transition': {
-                opacity: string;
-                transform: string;
+    codeView: {
+        theme: {
+            plain: {
+                color: string;
+                backgroundColor: string;
             };
-            '&.is-open.is-transitioning': {
-                opacity: string;
-                transform: 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;
             };
-            '&.is-extra-small': {
+            pre: {
+                backgroundColor: string;
+                padding: string;
+                height: string;
                 width: string;
-                maxWidth: string[];
+                overflowX: string;
+                overflowY: string;
+                fontSize: string;
+                '& .token-line': {
+                    display: string;
+                    alignItems: string;
+                    '& .token': {
+                        whiteSpace: string;
+                        wordBreak: string;
+                    };
+                };
+                fontFamily: string;
+                lineHeight: string;
             };
-            '&.is-small': {
-                width: string;
-                maxWidth: string[];
+            '&.has-no-copy-button': {
+                pre: {
+                    p: string;
+                };
             };
-            '&.is-medium': {
-                width: string;
-                maxWidth: string[];
+            '&.has-line-numbers': {
+                pre: {
+                    p: string;
+                    overflow: string;
+                    '& .token-line:first-of-type *': {
+                        pt: string;
+                    };
+                    '& .token-line': {
+                        display: string;
+                        '& .token': {
+                            whiteSpace: string;
+                        };
+                    };
+                };
             };
-            '&.is-large': {
-                width: string;
-                maxWidth: string[];
+        };
+        lineNo: {
+            display: string;
+            userSelect: string;
+            px: string;
+            m: string;
+            bg: string;
+            minWidth: number;
+            color: string;
+            lineHeight: string;
+        };
+        header: {
+            color: string;
+            px: string;
+            width: string;
+            border: string;
+            borderColor: string;
+            lineHeight: 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;
             };
-            '&.is-full': {
-                width: string;
-                maxWidth: string[];
+        };
+        selectableTableRow: {
+            bg: string;
+            '&.is-hovered': {
+                bg: string;
             };
+            '&.is-selected': {
+                bg: string;
+            };
+            '&.is-focused': {
+                boxShadow: string;
+                bg: string;
+            };
+            '&.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: string;
         };
-        header: {
-            pt: string;
-            bg: string;
-            mb: string;
+        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;
         };
     };
-    tab: {
-        borderRadius: string;
-        pt: string;
-        '& > span': {
-            px: string;
-            fontSize: string;
+    iconWrapper: {
+        sm: {
+            '&.is-circle': {
+                borderRadius: string;
+            };
+            borderRadius: string;
+            minHeight: string;
+            minWidth: string;
+            height: string;
+            width: string;
+            p: string;
         };
-        '&.is-focused': {
-            boxShadow: string;
-            outline: string;
-            outlineColor: string;
-            outlineOffset: string;
-            '& > span': {
-                outline: string;
+        md: {
+            '&.is-circle': {
+                borderRadius: string;
             };
+            borderRadius: string;
+            minHeight: string;
+            minWidth: string;
+            height: string;
+            width: string;
+            p: string;
         };
-        '& > div': {
-            borderBottom: string;
-            borderBottomColor: string;
-            ml: string;
+        lg: {
+            '&.is-circle': {
+                borderRadius: string;
+            };
+            borderRadius: string;
+            minHeight: string;
+            minWidth: string;
+            height: string;
+            width: string;
+            p: string;
         };
     };
-    menuTab: {
-        ml: string;
-    };
     listBox: {
         container: {
             px: string;
@@ -319,90 +471,24 @@ declare const _default: {
                 color: string;
                 bg: string;
             };
-        };
-    };
-    separator: {
-        base: {
-            bg: string;
-            '&.is-vertical': {
-                m: string;
-            };
-        };
-        navBarSeparator: {
-            my: string;
-            mx: string;
-            maxWidth: string;
-            backgroundColor: string;
-        };
-        navBarSubtitleSeparator: {
-            backgroundColor: string;
-        };
-    };
-    menuItem: {
-        item: {
-            bg: string;
-            padding: string;
-            outline: string;
-            color: string;
-            cursor: string;
-            '&.is-focused, &.is-selected, &.is-pressed': {
+            '&.is-condensed': {
+                pl: string;
                 bg: string;
-                color: string;
-                '> *': {
-                    color: string;
+                '&.is-selected': {
+                    bg: string;
+                };
+                '&.is-focused': {
+                    bg: string;
                 };
-            };
-            '&.is-pressed': {
-                color: string;
-                bg: string;
             };
         };
-        separator: {
-            my: string;
-        };
     };
-    avatar: {
-        backgroundColor: string;
-        color: string;
-        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;
+    listView: {
+        container: {
+            borderRadius: string;
+            border: string;
+            borderColor: string;
         };
-        display: string;
-        borderRadius: string;
-        textAlign: string;
-        alignItems: string;
-        justifyContent: string;
-        fontFamily: string;
     };
     listViewItem: {
         rightOfData: {
@@ -505,26 +591,6 @@ declare const _default: {
             height: string;
         };
     };
-    progressBar: {
-        transition: string;
-        container: {
-            backgroundColor: string;
-            borderRadius: string;
-            height: string;
-        };
-        percentageBar: {
-            backgroundColor: string;
-            borderRadius: string;
-            height: string;
-        };
-    };
-    listView: {
-        container: {
-            borderRadius: string;
-            border: string;
-            borderColor: string;
-        };
-    };
     lisViewItemChart: {
         title: {
             color: string;
@@ -538,278 +604,286 @@ declare const _default: {
         chartLabel: {
             color: string;
         };
-        trend: {
-            color: string;
+        trend: {
+            color: string;
+        };
+        chartButton: {
+            color: string;
+        };
+    };
+    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: string;
+            cursor: string;
+            '&.is-focused, &.is-selected, &.is-pressed': {
+                bg: string;
+                color: string;
+                '> *': {
+                    color: string;
+                };
+            };
+            '&.is-pressed': {
+                color: string;
+                bg: string;
+            };
+        };
+        separator: {
+            my: string;
+        };
+    };
+    menuTab: {
+        ml: string;
+    };
+    message: {
+        wrapper: {
+            gap: string;
+            right: string;
+        };
+        item: {
+            maxWidth: number;
+            pointerEvents: string;
+            mb: string;
+            p: string;
+            wordBreak: string;
+            alignItems: string;
+            backgroundColor: string;
+            borderLeftWidth: string;
+            borderLeftStyle: string;
+            borderLeftColor: string;
+            color: string;
+            fontSize: string;
+            lineHeight: string;
+            borderRadius: number;
+            '& > svg': {
+                minWidth: string;
+                width: string;
+                height: string;
+                color: string;
+                path: {
+                    fill: string;
+                    transform: string;
+                    transformOrigin: string;
+                };
+                alignSelf: string;
+            };
+            '&.is-success': {
+                bg: string;
+                borderLeftColor: string;
+                color: string;
+            };
+            '&.is-warning': {
+                bg: string;
+                borderLeftColor: string;
+                color: string;
+            };
+            '&.is-error, > .is-error': {
+                bg: string;
+            };
+            '&.is-error, > button > svg': {
+                color: string;
+                path: {
+                    fill: string;
+                };
+            };
+            '&.is-error': {
+                borderLeftColor: string;
+            };
+        };
+    };
+    modal: {
+        content: {
+            boxShadow: string;
+            px: string;
+            pb: string;
+            pt: number;
+            borderRadius: string;
+            opacity: number;
+            top: string;
+            transform: string;
+            transition: string;
+            m: string[];
+            maxHeight: string;
+            overflowY: string;
+            '&.is-open-no-transition': {
+                opacity: string;
+                transform: string;
+            };
+            '&.is-open.is-transitioning': {
+                opacity: string;
+                transform: string;
+            };
+            '&.is-extra-small': {
+                width: string;
+                maxWidth: string[];
+            };
+            '&.is-small': {
+                width: string;
+                maxWidth: string[];
+            };
+            '&.is-medium': {
+                width: string;
+                maxWidth: string[];
+            };
+            '&.is-large': {
+                width: string;
+                maxWidth: string[];
+            };
+            '&.is-full': {
+                width: string;
+                maxWidth: string[];
+            };
+        };
+        container: {
+            justifyContent: string;
         };
-        chartButton: {
-            color: string;
+        header: {
+            pt: string;
+            bg: string;
+            mb: string;
         };
     };
-    dataTable: {
+    navBar: {
         container: {
-            border: string;
-            borderColor: string;
-            borderRadius: string;
+            fontFamily: string;
+            width: string;
+            p: string;
+            backgroundColor: string;
+            boxShadow: string;
         };
-        tableRow: {
-            borderTop: string;
-            borderTopColor: string;
-            borderBottom: string;
-            pl: string;
-            '&:last-of-type': {
-                borderBottomLeftRadius: string;
-                borderBottomRightRadius: string;
-            };
+        sectionContainer: {
+            pt: string;
         };
-        selectableTableRow: {
-            bg: string;
+        sectionButton: {
+            borderRadius: string;
             '&.is-hovered': {
-                bg: string;
+                backgroundColor: string;
             };
-            '&.is-selected': {
-                bg: string;
+            '&.is-pressed': {
+                backgroundColor: string;
             };
             '&.is-focused': {
-                boxShadow: string;
-                bg: string;
-            };
-            '&.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: {
+        itemButton: {
             py: string;
-        };
-        tableCell: {
-            fontSize: string;
-            px: string;
-        };
-    };
-    codeView: {
-        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;
+            paddingLeft: string;
+            color: string;
             borderRadius: string;
-            width: number;
-            height: number;
-            my: string;
-            overflow: string;
-            alignItems: string;
-            '&.is-focused, &:focus': {
-                boxShadow: string;
+            '&.is-focused': {
                 outline: string;
+                outlineColor: string;
+                outlineOffset: string;
             };
-            pre: {
+            '&.is-hovered': {
                 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;
-                };
+            '&.is-pressed': {
+                backgroundColor: string;
+                color: string;
             };
-            '&.has-line-numbers': {
-                pre: {
-                    p: string;
-                    overflow: string;
-                    '& .token-line:first-of-type *': {
-                        pt: string;
-                    };
-                    '& .token-line': {
-                        display: string;
-                        '& .token': {
-                            whiteSpace: string;
-                        };
-                    };
-                };
+            '&.is-selected': {
+                bg: string;
+                boxShadow: string;
+                color: string;
             };
         };
-        lineNo: {
-            display: string;
-            userSelect: string;
-            px: string;
-            m: string;
-            bg: string;
-            minWidth: number;
+        subtitle: {
             color: string;
-            lineHeight: string;
         };
-        header: {
+        headerText: {
             color: string;
-            px: string;
-            width: string;
-            border: string;
-            borderColor: string;
-            lineHeight: string;
+            ml: string;
+            '.is-selected &': {
+                color: string;
+            };
         };
-    };
-    popoverMenu: {
-        container: {
-            transition: string;
-            '&.animate': {
-                opacity: number;
+        headerNav: {
+            borderRadius: string;
+            color: string;
+            '&.is-hovered': {
+                backgroundColor: string;
             };
-            '&.animate.is-mounted.is-transitioning': {
-                opacity: string;
+            '&.is-focused': {
+                boxShadow: string;
+                WebkitBoxShadow: string;
+                MozBoxShadow: string;
+            };
+        };
+        item: {
+            px: string;
+            py: string;
+            color: string;
+            borderRadius: string;
+            '&.is-hovered': {
+                backgroundColor: string;
+            };
+            '> div > svg': {
+                fill: string;
+            };
+            '&.is-pressed': {
+                backgroundColor: string;
+            };
+            '&.is-selected': {
+                '> div > svg': {
+                    fill: string;
+                };
+                backgroundColor: string;
+                boxShadow: string;
+            };
+            '&.is-focused': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+                boxShadow: string;
+                WebkitBoxShadow: string;
+                MozBoxShadow: string;
             };
         };
-        arrow: {
-            color: string;
-            '&:before': {
-                content: string;
-                position: string;
-                borderColor: string;
-                borderStyle: string;
+        itemHeaderContainer: {
+            boxShadow: string;
+            maxWidth: string;
+            px: string;
+            py: string;
+            '&.is-selected': {
+                backgroundColor: string;
+                boxShadow: string;
             };
-        };
-    };
-    prompt: {
-        container: {
             backgroundColor: string;
-            maxWidth: string;
-            width: string;
-            p: string;
-            borderRadius: string;
-            marginLeft: string;
-        };
-    };
-    tabs: {
-        '&.is-horizontal': {
-            gap: string;
-        };
-    };
-    menu: {
-        p: string;
-        border: string;
-        borderColor: string;
-    };
-    iconWrapper: {
-        sm: {
-            '&.is-circle': {
-                borderRadius: string;
+            '> svg': {
+                fill: string;
             };
-            borderRadius: string;
-            minHeight: string;
-            minWidth: string;
-            height: string;
-            width: string;
-            p: string;
-        };
-        md: {
-            '&.is-circle': {
-                borderRadius: string;
+            '> div > svg': {
+                fill: 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;
+        navBarItemBody: {
+            mb: string;
         };
     };
     overlayPanel: {
         container: {
             backgroundColor: string;
-            border: string;
+            borderColor: string;
         };
         aiPanelContainer: {
             backgroundColor: string;
@@ -849,20 +923,62 @@ declare const _default: {
             backgroundColor: string;
         };
     };
-    suggestions: {
-        justifyContent: string;
-        gap: string;
-        flexDirection: string;
-        '&.is-full-screen': {
-            gap: string;
-            flexDirection: string;
+    panelHeader: {
+        container: {
+            bg: string;
+            border: string;
+            minHeight: number;
+            maxHeight: number;
         };
-    };
-    suggestion: {
-        iconContainer: {
-            ml: string;
+        controls: {
+            alignSelf: string;
+            pt: string;
+        };
+        wrapper: {
             mr: string;
-            minWidth: string;
+        };
+    };
+    popoverMenu: {
+        container: {
+            transition: string;
+            '&.animate': {
+                opacity: number;
+            };
+            '&.animate.is-mounted.is-transitioning': {
+                opacity: string;
+            };
+        };
+        arrow: {
+            color: 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;
         };
     };
     response: {
@@ -936,6 +1052,82 @@ declare const _default: {
             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;
+                    '& > svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            '&.is-hovered': {
+                borderColor: string;
+                backgroundColor: string;
+                color: string;
+            };
+            '&.is-pressed': {
+                borderColor: string;
+                backgroundColor: string;
+                color: string;
+            };
+            '&.is-focused': {
+                position: string;
+                zIndex: string;
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+        };
+    };
+    separator: {
+        base: {
+            bg: string;
+            '&.is-vertical': {
+                m: string;
+            };
+        };
+        navBarSeparator: {
+            my: string;
+            mx: string;
+            maxWidth: string;
+            backgroundColor: string;
+        };
+        navBarSubtitleSeparator: {
+            backgroundColor: string;
+        };
+    };
     skeleton: {
         base: {
             backgroundColor: string;
@@ -1043,140 +1235,167 @@ declare const _default: {
             };
         };
     };
-    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;
-                    '& > svg': {
-                        path: {
-                            fill: string;
-                        };
-                    };
-                };
+    stepper: {
+        tab: {
+            mr: string;
+        };
+        line: {
+            mr: string;
+            borderBottomWidth: string;
+            borderBottomColor: string;
+            '&.is-inactive': {
+                borderBottomStyle: string;
+                borderBottomColor: string;
             };
-            '&.is-hovered': {
-                borderColor: string;
+        };
+        step: {
+            active: {
+                '&:before': {
+                    content: string;
+                    height: string;
+                    width: string;
+                    top: number;
+                    left: number;
+                    position: string;
+                    borderRadius: string;
+                    borderStyle: string;
+                    borderColor: string;
+                    borderWidth: string;
+                };
+                borderWidth: string;
+                width: number;
+                height: number;
+                minWidth: number;
+                minHeight: number;
+                position: string;
+                fontWeight: number;
+                fontSize: string;
                 backgroundColor: string;
+                borderColor: string;
                 color: string;
             };
-            '&.is-pressed': {
+            completed: {
                 borderColor: string;
-                backgroundColor: string;
-                color: string;
+                borderWidth: string;
+                width: number;
+                height: number;
+                minWidth: number;
+                minHeight: number;
+                position: string;
+                fontWeight: number;
+                fontSize: string;
             };
-            '&.is-focused': {
+            inactive: {
+                borderWidth: string;
+                width: number;
+                height: number;
+                minWidth: number;
+                minHeight: number;
                 position: string;
-                zIndex: string;
-                outline: string;
-                outlineColor: string;
-                outlineOffset: string;
+                fontWeight: number;
+                fontSize: string;
+                backgroundColor: string;
+                borderColor: string;
+                color: string;
             };
         };
     };
-    tooltip: {
-        container: {
-            backgroundColor: string;
-            borderRadius: string;
-            fontSize: string;
-            fontFamily: string;
+    suggestion: {
+        iconContainer: {
+            ml: string;
+            mr: string;
+            minWidth: string;
         };
     };
-    footer: {
-        container: {
-            fontFamily: string;
-            justifyContent: string;
-            backgroundColor: string;
-        };
-        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[];
+    suggestions: {
+        justifyContent: string;
+        gap: string;
+        flexDirection: string;
+        '&.is-full-screen': {
             gap: string;
-            flexWrap: string;
-            my: string;
-        };
-    };
-    loader: {
-        withinListView: {
-            color: string;
+            flexDirection: string;
         };
     };
-    callout: {
+    statusIcon: {
         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-default': {
+                bg: string;
+                path: {
+                    fill: string;
+                };
             };
-            '&.is-warning, > .is-warning': {
-                borderColor: string;
-                borderLeftColor: string;
+            '&.is-critical': {
+                bg: string;
+                path: {
+                    fill: string;
+                };
             };
-            '&.is-error, > .is-error': {
-                borderColor: string;
-                borderLeftColor: string;
+            '&.is-warning': {
+                bg: string;
+                path: {
+                    fill: string;
+                };
+            };
+            '&.is-info': {
+                bg: string;
+                path: {
+                    fill: string;
+                };
+            };
+            '&.is-major': {
+                bg: string;
+                path: {
+                    fill: string;
+                };
+            };
+            '&.is-minor': {
+                bg: string;
+                path: {
+                    fill: string;
+                };
+            };
+            '&.is-warning-neutral': {
+                bg: string;
+                path: {
+                    fill: string;
+                };
+            };
+            '&.is-fatal': {
+                bg: string;
+                path: {
+                    fill: string;
+                };
+            };
+            '&.is-selected.is-selected': {
+                bg: string;
+                '& > svg': {
+                    path: {
+                        fill: string;
+                    };
+                };
             };
         };
-        icon: {
+    };
+    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;
-            mr: string;
-            minWidth: string;
-            width: string;
-            height: string;
         };
     };
     table: {
@@ -1323,79 +1542,17 @@ declare const _default: {
             };
         };
     };
-    statusIcon: {
-        base: {
-            '&.is-default': {
-                bg: string;
-                path: {
-                    fill: string;
-                };
-            };
-            '&.is-critical': {
-                bg: string;
-                path: {
-                    fill: string;
-                };
-            };
-            '&.is-warning': {
-                bg: string;
-                path: {
-                    fill: string;
-                };
-            };
-            '&.is-info': {
-                bg: string;
-                path: {
-                    fill: string;
-                };
-            };
-            '&.is-major': {
-                bg: string;
-                path: {
-                    fill: string;
-                };
-            };
-            '&.is-minor': {
-                bg: string;
-                path: {
-                    fill: string;
-                };
-            };
-            '&.is-warning-neutral': {
-                bg: string;
-                path: {
-                    fill: string;
-                };
-            };
-            '&.is-fatal': {
-                bg: string;
-                path: {
-                    fill: string;
-                };
-            };
-            '&.is-selected.is-selected': {
-                bg: string;
-                '& > svg': {
-                    path: {
-                        fill: string;
-                    };
-                };
-            };
+    tabs: {
+        '&.is-horizontal': {
+            gap: string;
         };
     };
-    box: {
-        indeterminateCheckboxIcon: {
-            height: string;
-            width: string;
-            '&.is-disabled': {
-                '& rect[id="indeterminate-checkbox-icon-wrapper"]': {
-                    fill: string;
-                    stroke: string;
-                };
-            };
-            '&.is-focused': {
-                boxShadow: string;
-            };
+    tooltip: {
+        container: {
+            backgroundColor: string;
+            borderRadius: string;
+            fontSize: string;
+            fontFamily: string;
         };
     };
 };