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

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

@@ -40,6 +40,7 @@ declare const _default: {
             base: string;
             input: string;
             separator: string;
+            hairline: string;
         };
         active: string;
         primary: string;
@@ -87,6 +88,42 @@ declare const _default: {
             };
         };
         tooltip: string;
+        twoTone: {
+            bg: {
+                orange: string;
+                cyan: string;
+                green: string;
+                purple: string;
+                pink: string;
+                red: string;
+                yellow: string;
+                teal: string;
+                blue: string;
+                indigo: string;
+                lightBlue: string;
+                lightPink: string;
+                lightGreen: string;
+                lightYellow: string;
+                lightIndigo: string;
+            };
+            text: {
+                orange: string;
+                cyan: string;
+                green: string;
+                purple: string;
+                pink: string;
+                red: string;
+                yellow: string;
+                teal: string;
+                blue: string;
+                indigo: string;
+                lightBlue: string;
+                lightPink: string;
+                lightGreen: string;
+                lightYellow: string;
+                lightIndigo: string;
+            };
+        };
         neutral: {
             80: string;
         };
@@ -270,13 +307,13 @@ declare const _default: {
             transition: string;
             alignItems: string;
             justifyContent: string;
+            flexShrink: number;
             minWidth: string;
             cursor: string;
             display: string;
             maxWidth: string;
             fontFamily: string;
             fontSize: string;
-            flexGrow: string;
             fontWeight: number;
             textAlign: string;
             verticalAlign: string;
@@ -287,6 +324,7 @@ declare const _default: {
             borderColor: string;
             px: string;
             py: string;
+            maxHeight: string;
             height: string;
             '&.is-disabled': {
                 opacity: number;
@@ -318,13 +356,13 @@ declare const _default: {
             };
             alignItems: string;
             justifyContent: string;
+            flexShrink: number;
             minWidth: string;
             cursor: string;
             display: string;
             maxWidth: string;
             fontFamily: string;
             fontSize: string;
-            flexGrow: string;
             fontWeight: number;
             textAlign: string;
             verticalAlign: string;
@@ -333,6 +371,7 @@ declare const _default: {
             border: string;
             px: string;
             py: string;
+            maxHeight: string;
             height: string;
             '&.is-disabled': {
                 opacity: number;
@@ -362,13 +401,13 @@ declare const _default: {
             };
             alignItems: string;
             justifyContent: string;
+            flexShrink: number;
             minWidth: string;
             cursor: string;
             display: string;
             maxWidth: string;
             fontFamily: string;
             fontSize: string;
-            flexGrow: string;
             fontWeight: number;
             textAlign: string;
             verticalAlign: string;
@@ -377,6 +416,7 @@ declare const _default: {
             border: string;
             px: string;
             py: string;
+            maxHeight: string;
             height: string;
             '&.is-disabled': {
                 opacity: number;
@@ -397,13 +437,13 @@ declare const _default: {
             };
             alignItems: string;
             justifyContent: string;
+            flexShrink: number;
             minWidth: string;
             cursor: string;
             display: string;
             maxWidth: string;
             fontFamily: string;
             fontSize: string;
-            flexGrow: string;
             fontWeight: number;
             textAlign: string;
             verticalAlign: string;
@@ -412,6 +452,7 @@ declare const _default: {
             border: string;
             px: string;
             py: string;
+            maxHeight: string;
             height: string;
             '&.is-disabled': {
                 opacity: number;
@@ -429,13 +470,13 @@ declare const _default: {
             color: string;
             alignItems: string;
             justifyContent: string;
+            flexShrink: number;
             minWidth: string;
             cursor: string;
             display: string;
             maxWidth: string;
             fontFamily: string;
             fontSize: string;
-            flexGrow: string;
             fontWeight: number;
             textAlign: string;
             verticalAlign: string;
@@ -444,6 +485,7 @@ declare const _default: {
             border: string;
             px: string;
             py: string;
+            maxHeight: string;
             height: string;
             '&.is-disabled': {
                 opacity: number;
@@ -480,13 +522,13 @@ declare const _default: {
             };
             alignItems: string;
             justifyContent: string;
+            flexShrink: number;
             minWidth: string;
             cursor: string;
             display: string;
             maxWidth: string;
             fontFamily: string;
             fontSize: string;
-            flexGrow: string;
             fontWeight: number;
             textAlign: string;
             verticalAlign: string;
@@ -495,6 +537,7 @@ declare const _default: {
             border: string;
             px: string;
             py: string;
+            maxHeight: string;
             height: string;
             '&.is-disabled': {
                 opacity: number;
@@ -530,16 +573,17 @@ declare const _default: {
             };
             alignItems: string;
             justifyContent: string;
+            flexShrink: number;
             minWidth: string;
             cursor: string;
             maxWidth: string;
             fontFamily: string;
-            flexGrow: string;
             fontWeight: number;
             textAlign: string;
             verticalAlign: string;
             px: string;
             py: string;
+            maxHeight: string;
             '&.is-disabled': {
                 opacity: number;
             };
@@ -579,16 +623,17 @@ declare const _default: {
             };
             alignItems: string;
             justifyContent: string;
+            flexShrink: number;
             minWidth: string;
             cursor: string;
             maxWidth: string;
             fontFamily: string;
-            flexGrow: string;
             fontWeight: number;
             textAlign: string;
             verticalAlign: string;
             px: string;
             py: string;
+            maxHeight: string;
             '&.is-disabled': {
                 opacity: number;
             };
@@ -600,13 +645,13 @@ declare const _default: {
             color: string;
             alignItems: string;
             justifyContent: string;
+            flexShrink: number;
             minWidth: string;
             cursor: string;
             display: string;
             maxWidth: string;
             fontFamily: string;
             fontSize: string;
-            flexGrow: string;
             fontWeight: number;
             textAlign: string;
             verticalAlign: string;
@@ -615,6 +660,7 @@ declare const _default: {
             border: string;
             px: string;
             py: string;
+            maxHeight: string;
             height: string;
             '&.is-disabled': {
                 opacity: number;
@@ -634,13 +680,13 @@ declare const _default: {
             color: string;
             alignItems: string;
             justifyContent: string;
+            flexShrink: number;
             minWidth: string;
             cursor: string;
             display: string;
             maxWidth: string;
             fontFamily: string;
             fontSize: string;
-            flexGrow: string;
             fontWeight: number;
             textAlign: string;
             verticalAlign: string;
@@ -650,6 +696,7 @@ declare const _default: {
             borderColor: string;
             px: string;
             py: string;
+            maxHeight: string;
             height: string;
             '&.is-disabled': {
                 opacity: number;
@@ -676,13 +723,13 @@ declare const _default: {
             outlineColor: string;
             alignItems: string;
             justifyContent: string;
+            flexShrink: number;
             minWidth: string;
             cursor: string;
             display: string;
             maxWidth: string;
             fontFamily: string;
             fontSize: string;
-            flexGrow: string;
             fontWeight: number;
             textAlign: string;
             verticalAlign: string;
@@ -691,6 +738,7 @@ declare const _default: {
             border: string;
             px: string;
             py: string;
+            maxHeight: string;
             height: string;
             '&.is-disabled': {
                 opacity: number;
@@ -717,6 +765,119 @@ declare const _default: {
                 outline: string;
             };
         };
+        listBoxLink: {
+            color: string;
+            transition: string;
+            fontSize: string;
+            textDecoration: string;
+            px: string;
+            pt: string;
+            '&.is-pressed': {
+                textDecoration: string;
+                outline: string;
+                color: string;
+            };
+            '&.is-focused': {
+                textDecoration: string;
+                outline: string;
+            };
+            badgeDeleteButton: {
+                transition: string;
+                height: number;
+                p: number;
+                width: number;
+                border: string;
+                '&.is-focused': {
+                    backgroundColor: string;
+                    outline: string;
+                    outlineColor: string;
+                    outlineOffset: string;
+                };
+                '&.is-pressed': {
+                    backgroundColor: string;
+                    borderColor: string;
+                    path: {
+                        fill: string;
+                    };
+                };
+                '&.is-hovered': {
+                    bg: string;
+                };
+                cursor: string;
+                outline: string;
+                borderRadius: string;
+                borderColor: string;
+                path: {
+                    fill: string;
+                };
+            };
+            invertedBadgeDeleteButton: {
+                transition: string;
+                height: number;
+                p: number;
+                width: number;
+                border: string;
+                '&.is-focused': {
+                    backgroundColor: string;
+                    outline: string;
+                    outlineColor: string;
+                    outlineOffset: string;
+                };
+                '&.is-pressed': {
+                    backgroundColor: string;
+                    borderColor: string;
+                    path: {
+                        fill: string;
+                    };
+                };
+                '&.is-hovered': {
+                    bg: string;
+                };
+                cursor: string;
+                outline: string;
+                borderRadius: string;
+                borderColor: string;
+                path: {
+                    fill: string;
+                };
+            };
+            clearSelectionButton: {
+                top: string;
+                right: string;
+                bg: string;
+                '.is-float-label &': {
+                    top: string;
+                };
+                width: string;
+                height: string;
+                border: string;
+                position: string;
+                '& > svg': {
+                    minWidth: string;
+                    width: string;
+                    height: string;
+                };
+                '&.is-hovered': {
+                    bg: string;
+                };
+                '&.is-pressed': {
+                    bg: string;
+                };
+                cursor: string;
+                transition: string;
+                outline: string;
+                borderRadius: string;
+                borderColor: string;
+                path: {
+                    fill: string;
+                };
+                '&.is-focused': {
+                    outline: string;
+                    outlineColor: string;
+                    outlineOffset: string;
+                };
+            };
+        };
         withIcon: {
             display: string;
             path: {
@@ -744,12 +905,12 @@ declare const _default: {
             };
             alignItems: string;
             justifyContent: string;
+            flexShrink: number;
             minWidth: string;
             cursor: string;
             maxWidth: string;
             fontFamily: string;
             fontSize: string;
-            flexGrow: string;
             fontWeight: number;
             textAlign: string;
             verticalAlign: string;
@@ -758,6 +919,7 @@ declare const _default: {
             border: string;
             px: string;
             py: string;
+            maxHeight: string;
             height: string;
             '&.is-disabled': {
                 opacity: number;
@@ -790,12 +952,12 @@ declare const _default: {
             };
             alignItems: string;
             justifyContent: string;
+            flexShrink: number;
             minWidth: string;
             cursor: string;
             maxWidth: string;
             fontFamily: string;
             fontSize: string;
-            flexGrow: string;
             fontWeight: number;
             textAlign: string;
             verticalAlign: string;
@@ -804,6 +966,7 @@ declare const _default: {
             border: string;
             px: string;
             py: string;
+            maxHeight: string;
             height: string;
             '&.is-disabled': {
                 opacity: number;
@@ -842,16 +1005,17 @@ declare const _default: {
             };
             alignItems: string;
             justifyContent: string;
+            flexShrink: number;
             minWidth: string;
             cursor: string;
             maxWidth: string;
             fontFamily: string;
-            flexGrow: string;
             fontWeight: number;
             textAlign: string;
             verticalAlign: string;
             px: string;
             py: string;
+            maxHeight: string;
             '&.is-disabled': {
                 opacity: number;
             };
@@ -891,16 +1055,17 @@ declare const _default: {
             };
             alignItems: string;
             justifyContent: string;
+            flexShrink: number;
             minWidth: string;
             cursor: string;
             maxWidth: string;
             fontFamily: string;
-            flexGrow: string;
             fontWeight: number;
             textAlign: string;
             verticalAlign: string;
             px: string;
             py: string;
+            maxHeight: string;
             '&.is-disabled': {
                 opacity: number;
             };
@@ -1020,11 +1185,11 @@ declare const _default: {
                 backgroundColor: string;
                 borderColor: string;
                 color: string;
+                flexShrink: number;
                 minWidth: string;
                 cursor: string;
                 fontFamily: string;
                 fontSize: string;
-                flexGrow: string;
                 fontWeight: number;
                 textAlign: string;
                 verticalAlign: string;
@@ -1072,11 +1237,11 @@ declare const _default: {
                 backgroundColor: string;
                 borderColor: string;
                 color: string;
+                flexShrink: number;
                 minWidth: string;
                 cursor: string;
                 fontFamily: string;
                 fontSize: string;
-                flexGrow: string;
                 fontWeight: number;
                 textAlign: string;
                 verticalAlign: string;
@@ -1268,9 +1433,11 @@ declare const _default: {
                 borderColor: string;
             };
             copyButton: {
+                mx: string;
                 path: {
                     fill: string;
                 };
+                border: string;
             };
             deleteAttachment: {
                 backgroundColor: string;
@@ -1393,106 +1560,21 @@ declare const _default: {
                 };
             };
             hintButton: {
-                bg: string;
-                '&.is-hovered': {
-                    bg: string;
-                };
-            };
-            badgeDeleteButton: {
-                transition: string;
-                height: number;
-                p: number;
-                width: number;
-                border: string;
-                '&.is-focused': {
-                    backgroundColor: string;
-                    outline: string;
-                    outlineColor: string;
-                    outlineOffset: string;
-                };
-                '&.is-pressed': {
-                    backgroundColor: string;
-                    borderColor: string;
-                    path: {
-                        fill: string;
-                    };
-                };
-                '&.is-hovered': {
-                    bg: string;
-                };
-                cursor: string;
-                outline: string;
-                borderRadius: string;
-                borderColor: string;
+                backgroundColor: string;
                 path: {
                     fill: string;
                 };
-            };
-            invertedBadgeDeleteButton: {
-                transition: string;
-                height: number;
-                p: number;
-                width: number;
-                border: string;
                 '&.is-focused': {
-                    backgroundColor: string;
                     outline: string;
                     outlineColor: string;
                     outlineOffset: string;
                 };
-                '&.is-pressed': {
+                '&.is-hovered': {
                     backgroundColor: string;
-                    borderColor: string;
                     path: {
                         fill: string;
                     };
                 };
-                '&.is-hovered': {
-                    bg: string;
-                };
-                cursor: string;
-                outline: string;
-                borderRadius: string;
-                borderColor: string;
-                path: {
-                    fill: string;
-                };
-            };
-            clearSelectionButton: {
-                top: string;
-                right: string;
-                bg: string;
-                '.is-float-label &': {
-                    top: string;
-                };
-                width: string;
-                height: string;
-                border: string;
-                position: string;
-                '& > svg': {
-                    minWidth: string;
-                    width: string;
-                    height: string;
-                };
-                '&.is-hovered': {
-                    bg: string;
-                };
-                '&.is-pressed': {
-                    bg: string;
-                };
-                cursor: string;
-                transition: string;
-                outline: string;
-                borderRadius: string;
-                borderColor: string;
-                path: {
-                    fill: string;
-                };
-                '&.is-focused': {
-                    outline: string;
-                    outlineColor: string;
-                    outlineOffset: string;
-                };
             };
         };
         modalCloseButton: {
@@ -1557,11 +1639,11 @@ declare const _default: {
             borderColor: string;
             alignItems: string;
             justifyContent: string;
+            flexShrink: number;
             minWidth: string;
             cursor: string;
             fontFamily: string;
             fontSize: string;
-            flexGrow: string;
             fontWeight: number;
             textAlign: string;
             verticalAlign: string;
@@ -1569,6 +1651,7 @@ declare const _default: {
             borderRadius: string;
             px: string;
             py: string;
+            maxHeight: string;
             height: string;
             '&.is-disabled': {
                 opacity: number;
@@ -1612,6 +1695,9 @@ declare const _default: {
                 borderRadius: string;
                 height: string;
             };
+            button: {
+                border: string;
+            };
         };
         select: {
             borderRadius: string;
@@ -1674,6 +1760,42 @@ declare const _default: {
                 ml: string;
             };
         };
+        switch: {
+            container: {
+                minWidth: string;
+                color: string;
+                bg: string;
+                border: string;
+                borderColor: string;
+                borderRadius: number;
+                '&.is-selected': {
+                    bg: string;
+                    borderColor: string;
+                };
+            };
+            thumbContainer: {
+                bg: string;
+                border: string;
+                maxWidth: number;
+                height: number;
+                py: string;
+                px: string;
+                'label.is-selected &': {
+                    bg: string;
+                };
+            };
+            thumb: {
+                bg: string;
+                minHeight: number;
+                maxHeight: number;
+                width: number;
+                border: string;
+                '&.is-selected': {
+                    bg: string;
+                    transform: string;
+                };
+            };
+        };
         numberField: {
             arrowsWrapper: {
                 '> textarea': {
@@ -1774,6 +1896,15 @@ declare const _default: {
             fontSize: string;
             fontWeight: number;
         };
+        panelHeaderText: {
+            textOverflow: string;
+            overflow: string;
+            whiteSpace: string;
+            fontSize: string;
+            fontWeight: number;
+            color: string;
+            fontFamily: string;
+        };
         messagesText: {
             '&.is-success, &.is-warning, &.is-error, &.is-default': {
                 color: string;
@@ -1784,6 +1915,44 @@ declare const _default: {
                 };
             };
         };
+        H1: {
+            fontSize: string;
+            fontWeight: number;
+            color: string;
+            fontFamily: string;
+        };
+        H2: {
+            fontSize: string;
+            fontWeight: number;
+            color: string;
+            fontFamily: string;
+        };
+        H3: {
+            fontSize: string;
+            fontWeight: number;
+            color: string;
+            fontFamily: string;
+        };
+        H4: {
+            fontSize: string;
+            fontWeight: number;
+            color: string;
+            fontFamily: string;
+        };
+        H5: {
+            fontSize: string;
+            fontWeight: number;
+            color: string;
+            fontFamily: string;
+        };
+        H6: {
+            textTransform: string;
+            color: string;
+            fontFamily: string;
+            fontWeight: number;
+            fontSize: string;
+            letterSpacing: string;
+        };
         h1: {
             fontSize: string;
             fontWeight: number;
@@ -1820,6 +1989,21 @@ declare const _default: {
             fontFamily: string;
             fontWeight: number;
             fontSize: string;
+            letterSpacing: string;
+        };
+        base: {
+            lineHeight: string;
+        };
+        buttonSubtitle: {
+            fontSize: string;
+            fontWeight: number;
+        };
+        buttonTitle: {
+            fontSize: string;
+        };
+        pageHeaderBody: {
+            lineHeight: string;
+            color: string;
         };
         sideNavHeader: {
             py: string;
@@ -1917,7 +2101,6 @@ declare const _default: {
     badges: {
         baseBadge: {
             '& span': {
-                color: string;
                 fontSize: string;
                 fontWeight: number;
             };
@@ -1954,7 +2137,6 @@ declare const _default: {
         };
         default: {
             '& span': {
-                color: string;
                 fontSize: string;
                 fontWeight: number;
             };
@@ -1993,7 +2175,6 @@ declare const _default: {
             backgroundColor: string;
             color: string;
             '& span': {
-                color: string;
                 fontSize: string;
                 fontWeight: number;
             };
@@ -2069,7 +2250,6 @@ declare const _default: {
             backgroundColor: string;
             color: string;
             '& span': {
-                color: string;
                 fontSize: string;
                 fontWeight: number;
             };
@@ -2107,7 +2287,6 @@ declare const _default: {
             backgroundColor: string;
             color: string;
             '& span': {
-                color: string;
                 fontSize: string;
                 fontWeight: number;
             };
@@ -2145,7 +2324,6 @@ declare const _default: {
             backgroundColor: string;
             color: string;
             '& span': {
-                color: string;
                 fontSize: string;
                 fontWeight: number;
             };
@@ -2183,7 +2361,6 @@ declare const _default: {
             backgroundColor: string;
             color: string;
             '& span': {
-                color: string;
                 fontSize: string;
                 fontWeight: number;
             };
@@ -2221,7 +2398,6 @@ declare const _default: {
             backgroundColor: string;
             color: string;
             '& span': {
-                color: string;
                 fontSize: string;
                 fontWeight: number;
             };
@@ -2259,7 +2435,6 @@ declare const _default: {
             backgroundColor: string;
             color: string;
             '& span': {
-                color: string;
                 fontSize: string;
                 fontWeight: number;
             };
@@ -2297,7 +2472,6 @@ declare const _default: {
             backgroundColor: string;
             color: string;
             '& span': {
-                color: string;
                 fontSize: string;
                 fontWeight: number;
             };
@@ -2452,7 +2626,6 @@ declare const _default: {
             backgroundColor: string;
             color: string;
             '& span': {
-                color: string;
                 fontSize: string;
                 fontWeight: number;
             };
@@ -2492,7 +2665,6 @@ declare const _default: {
             backgroundColor: string;
             color: string;
             '& span': {
-                color: string;
                 fontSize: string;
                 fontWeight: number;
             };
@@ -2532,7 +2704,6 @@ declare const _default: {
             backgroundColor: string;
             color: string;
             '& span': {
-                color: string;
                 fontSize: string;
                 fontWeight: number;
             };
@@ -2572,7 +2743,6 @@ declare const _default: {
             backgroundColor: string;
             color: string;
             '& span': {
-                color: string;
                 fontSize: string;
                 fontWeight: number;
             };
@@ -2612,7 +2782,6 @@ declare const _default: {
             backgroundColor: string;
             color: string;
             '& span': {
-                color: string;
                 fontSize: string;
                 fontWeight: number;
             };
@@ -2723,7 +2892,6 @@ declare const _default: {
             backgroundColor: string;
             color: string;
             '& span': {
-                color: string;
                 fontSize: string;
                 fontWeight: number;
             };
@@ -2761,7 +2929,6 @@ declare const _default: {
             backgroundColor: string;
             color: string;
             '& span': {
-                color: string;
                 fontSize: string;
                 fontWeight: number;
             };
@@ -3123,13 +3290,13 @@ declare const _default: {
             };
             alignItems: string;
             justifyContent: string;
+            flexShrink: number;
             minWidth: string;
             cursor: string;
             display: string;
             maxWidth: string;
             fontFamily: string;
             fontSize: string;
-            flexGrow: string;
             fontWeight: number;
             textAlign: string;
             verticalAlign: string;
@@ -3138,6 +3305,7 @@ declare const _default: {
             border: string;
             px: string;
             py: string;
+            maxHeight: string;
             height: string;
             '&.is-disabled': {
                 opacity: number;
@@ -3170,13 +3338,13 @@ declare const _default: {
             };
             alignItems: string;
             justifyContent: string;
+            flexShrink: number;
             minWidth: string;
             cursor: string;
             display: string;
             maxWidth: string;
             fontFamily: string;
             fontSize: string;
-            flexGrow: string;
             fontWeight: number;
             textAlign: string;
             verticalAlign: string;
@@ -3185,6 +3353,7 @@ declare const _default: {
             border: string;
             px: string;
             py: string;
+            maxHeight: string;
             height: string;
             '&.is-disabled': {
                 opacity: number;
@@ -3352,6 +3521,21 @@ declare const _default: {
         };
     };
     variants: {
+        accordion: {
+            accordion: {
+                '&:not(:last-of-type)': {
+                    borderBottom: string;
+                    borderBottomColor: string;
+                };
+                pb: string;
+            };
+            body: {
+                py: string;
+            };
+            header: {
+                p: string;
+            };
+        };
         attachment: {
             container: {
                 backgroundColor: string;
@@ -3373,279 +3557,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;
-                };
+        };
+        buttonBar: {
+            container: {
+                gap: string;
                 backgroundColor: string;
-                '> svg': {
-                    fill: string;
-                };
-                '> div > svg': {
-                    fill: string;
-                };
             };
-            navBarItemBody: {
-                mb: string;
+            justifyRightContainer: {
+                gap: string;
+                backgroundColor: string;
             };
         };
-        fieldHelperText: {
-            title: {
-                fontSize: string;
-                pt: string;
-                mt: string;
-                '&.is-default': {
-                    color: 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-error': {
-                    color: string;
+                '&.is-warning, > .is-warning': {
+                    borderColor: string;
+                    borderLeftColor: string;
                 };
-                '&.is-warning': {
-                    color: string;
+                '&.is-error, > .is-error': {
+                    borderColor: string;
+                    borderLeftColor: string;
                 };
-                '&.is-success': {
+            };
+            icon: {
+                ml: string;
+                mr: string;
+                minWidth: string;
+                width: string;
+                height: 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;
+                    };
+                })[];
             };
-        };
-        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;
+                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;
-                    color: string;
-                    path: {
-                        fill: string;
-                        transform: string;
-                        transformOrigin: string;
+                    width: string;
+                    overflowX: string;
+                    overflowY: string;
+                    fontSize: string;
+                    '& .token-line': {
+                        display: string;
+                        alignItems: string;
+                        '& .token': {
+                            whiteSpace: string;
+                            wordBreak: string;
+                        };
                     };
-                    alignSelf: string;
+                    fontFamily: string;
+                    lineHeight: string;
                 };
-                '&.is-success': {
+                '&.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;
+            };
+            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;
+                };
+            };
+            selectableTableRow: {
+                bg: string;
+                '&.is-hovered': {
                     bg: string;
-                    borderLeftColor: string;
-                    color: string;
                 };
-                '&.is-warning': {
+                '&.is-selected': {
                     bg: string;
-                    borderLeftColor: string;
-                    color: string;
                 };
-                '&.is-error, > .is-error': {
+                '&.is-focused': {
+                    boxShadow: string;
                     bg: string;
                 };
-                '&.is-error, > button > svg': {
-                    color: string;
-                    path: {
-                        fill: string;
-                    };
+                '&.is-disabled': {
+                    opacity: string;
                 };
-                '&.is-error': {
-                    borderLeftColor: string;
+                borderTop: string;
+                borderTopColor: string;
+                borderBottom: string;
+                pl: string;
+                '&:last-of-type': {
+                    borderBottomLeftRadius: string;
+                    borderBottomRightRadius: string;
                 };
             };
-        };
-        modal: {
-            content: {
-                boxShadow: string;
+            tableHeadWrapper: {
+                borderBottom: string;
+            };
+            tableHeadCell: {
                 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;
+                fontWeight: string;
+                fontSize: string;
+                '&.is-column-sortable': {
+                    svg: {
+                        fill: string;
+                    };
                 };
-                '&.is-open.is-transitioning': {
-                    opacity: string;
-                    transform: string;
+                '&.is-first-column': {
+                    borderTopLeftRadius: string;
                 };
-                '&.is-extra-small': {
-                    width: string;
-                    maxWidth: string[];
+                '&.is-last-column': {
+                    borderTopRightRadius: string;
                 };
-                '&.is-small': {
-                    width: string;
-                    maxWidth: string[];
+                '&.is-key-focused': {
+                    outline: string;
+                    outlineStyle: string;
+                    outlineColor: string;
+                    outlineOffset: string;
                 };
-                '&.is-medium': {
-                    width: string;
-                    maxWidth: string[];
+            };
+            rowHeader: {
+                py: string;
+            };
+            tableCell: {
+                fontSize: string;
+                px: string;
+            };
+        };
+        fieldHelperText: {
+            title: {
+                fontSize: string;
+                pt: string;
+                mt: string;
+                '&.is-default': {
+                    color: string;
                 };
-                '&.is-large': {
-                    width: string;
-                    maxWidth: string[];
+                '&.is-error': {
+                    color: string;
                 };
-                '&.is-full': {
-                    width: string;
-                    maxWidth: 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;
@@ -3672,90 +3961,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: {
@@ -3858,26 +4081,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;
@@ -3891,278 +4094,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;
@@ -4202,20 +4413,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: {
@@ -4289,6 +4542,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;
@@ -4396,140 +4725,167 @@ declare const _default: {
                 };
             };
         };
-        rockerButton: {
-            innerContainer: {
-                boxShadow: string;
-                backgroundColor: string;
-                borderRadius: string;
-                padding: number;
-                border: string;
+        stepper: {
+            tab: {
+                mr: 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;
+            line: {
+                mr: string;
+                borderBottomWidth: string;
+                borderBottomColor: string;
+                '&.is-inactive': {
+                    borderBottomStyle: string;
+                    borderBottomColor: string;
                 };
-                '&.is-selected': {
-                    color: string;
-                    backgroundColor: string;
-                    '& > div.status-icon': {
-                        bg: string;
-                        '& > svg': {
-                            path: {
-                                fill: string;
-                            };
-                        };
+            };
+            step: {
+                active: {
+                    '&:before': {
+                        content: string;
+                        height: string;
+                        width: string;
+                        top: number;
+                        left: number;
+                        position: string;
+                        borderRadius: string;
+                        borderStyle: string;
+                        borderColor: string;
+                        borderWidth: string;
                     };
-                };
-                '&.is-hovered': {
-                    borderColor: 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: {
@@ -4676,79 +5032,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;
             };
         };
     };