@pingux/astro 2.221.6 → 2.234.0-alpha.0

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

@@ -131,6 +131,23 @@ declare const _default: {
                 lightYellow: string;
                 lightIndigo: string;
             };
+            secondary: {
+                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;
@@ -861,35 +878,6 @@ declare const _default: {
                 boxShadow: string;
                 alignSelf: string;
             };
-            invertedBadgeDeleteButton: {
-                transition: string;
-                p: number;
-                height: number;
-                width: number;
-                '&.is-focused': {
-                    outline: string;
-                    outlineColor: string;
-                    outlineOffset: string;
-                };
-                '&.is-pressed': {
-                    backgroundColor: string;
-                    path: {
-                        fill: string;
-                    };
-                };
-                '&.is-hovered': {
-                    bg: string;
-                };
-                path: {
-                    fill: string;
-                };
-                outline: string;
-                borderRadius: string;
-                border: string;
-                cursor: string;
-                boxShadow: string;
-                alignSelf: string;
-            };
             clearSelectionButton: {
                 top: string;
                 right: string;
@@ -976,6 +964,9 @@ declare const _default: {
         primaryWithIcon: {
             display: string;
             color: string;
+            '> span': {
+                color: string;
+            };
             backgroundColor: string;
             borderColor: string;
             '&.is-pressed': {
@@ -1246,6 +1237,9 @@ declare const _default: {
                 boxShadow: string;
                 alignSelf: string;
             };
+            arrayField: {
+                deleteButton: import("theme-ui").ThemeUICSSObject;
+            };
             responseToolbar: {
                 '&.is-not-loaded': {
                     display: string;
@@ -1378,6 +1372,38 @@ declare const _default: {
                     alignSelf: string;
                 };
             };
+            invertedBadgeDeleteButton: {
+                path: {
+                    fill: string;
+                };
+                '&.is-hovered': {
+                    bg: string;
+                    path: {
+                        fill: string;
+                    };
+                };
+                '&.is-pressed': {
+                    bg: string;
+                    path: {
+                        fill: string;
+                    };
+                };
+                transition: string;
+                p: number;
+                height: number;
+                width: number;
+                '&.is-focused': {
+                    outline: string;
+                    outlineColor: string;
+                    outlineOffset: string;
+                };
+                outline: string;
+                borderRadius: string;
+                border: string;
+                cursor: string;
+                boxShadow: string;
+                alignSelf: string;
+            };
             messageCloseButton: {
                 minWidth: string;
                 width: string;
@@ -1450,6 +1476,9 @@ declare const _default: {
                 alignSelf: string;
             };
             copyButton: {
+                path: {
+                    fill: string;
+                };
                 default: {
                     mx: string;
                     path: {
@@ -1856,14 +1885,33 @@ declare const _default: {
     forms: {
         input: import("theme-ui").ThemeUICSSObject;
         label: import("theme-ui").ThemeUICSSObject;
+        checkboxField: {
+            container: {
+                mb: string;
+            };
+        };
         checkbox: {
             height: string;
             width: string;
+            borderRadius: number;
             color: string;
             mr: string;
-            'input ~ &.is-focused': {
-                boxShadow: string;
+            'input:checked ~ &': {
+                color: string;
             };
+            '.is-focused &': {
+                outline: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
+            'input:disabled ~ &': {
+                opacity: number;
+            };
+        };
+        checkboxFieldGroup: {
+            container: import("theme-ui").ThemeUICSSObject;
+            items: import("theme-ui").ThemeUICSSObject;
+            item: import("theme-ui").ThemeUICSSObject;
         };
         comboBox: {
             input: {
@@ -1875,12 +1923,16 @@ declare const _default: {
             button: {
                 border: string;
             };
+            inputInContainerSlot: {
+                right: number;
+            };
         };
         select: {
             borderRadius: number;
             borderColor: string;
             color: string;
             height: number;
+            pr: number;
             '&.is-disabled': {
                 opacity: number;
                 borderColor: string;
@@ -1904,6 +1956,14 @@ declare const _default: {
             base: {
                 color: string;
                 mr: string;
+                height: number;
+                width: number;
+                '.is-horizontal &': {
+                    mr: string;
+                };
+                'input:checked ~ &': {
+                    color: string;
+                };
                 'input ~ &.is-focused': {
                     boxShadow: string;
                     border: string;
@@ -1926,6 +1986,17 @@ declare const _default: {
                     transformOrigin?: undefined;
                 };
             };
+            outerContainer: {
+                '.is-horizontal &': {
+                    mr: string;
+                };
+            };
+            checkedContent: {
+                pl: string;
+            };
+        };
+        radioGroupWrapper: {
+            rowGap: string;
         };
         search: {
             wrapper: {
@@ -3171,10 +3242,14 @@ declare const _default: {
         };
         tabLabel: {
             color: string;
-            wordBreak: string;
+            fontWeight: number;
+            wordBreak: "break-word";
             lineHeight: string;
             mb: string;
             mt: string;
+            '.is-disabled &': {
+                opacity: number;
+            };
             '.is-selected &': {
                 color: string;
                 mb: string;
@@ -3271,6 +3346,8 @@ declare const _default: {
         mdiWeb: string;
         MenuDown: string;
         MenuUp: string;
+        tabPickerDown: string;
+        tabPickerUp: string;
         monitoringIcon: import("@pingux/mdi-react").MdiReactIconComponentType;
         openInNew: string;
         overviewIcon: string;
@@ -3289,6 +3366,10 @@ declare const _default: {
         ImageOutlineIcon: string;
         helpHint: string;
         ModalCloseIcon: string;
+        errorCalloutBadge: import("@pingux/mdi-react").MdiReactIconComponentType;
+        infoCalloutBadge: import("@pingux/mdi-react").MdiReactIconComponentType;
+        successCalloutBadge: import("@pingux/mdi-react").MdiReactIconComponentType;
+        warningCalloutBadge: import("@pingux/mdi-react").MdiReactIconComponentType;
     };
     fonts: {
         standard: string;
@@ -3350,6 +3431,7 @@ declare const _default: {
         };
         baseBadge: {
             '& span': {
+                color: string;
                 fontWeight: string;
             };
             '& button': {
@@ -3366,6 +3448,7 @@ declare const _default: {
                 };
             };
             '& svg': {
+                color: string;
                 path: {
                     fill: string;
                 };
@@ -3379,9 +3462,11 @@ declare const _default: {
             display: string;
             width: string;
             color: string;
+            backgroundColor: string;
         };
         default: {
             '& span': {
+                color: string;
                 fontWeight: string;
             };
             '& button': {
@@ -3398,6 +3483,7 @@ declare const _default: {
                 };
             };
             '& svg': {
+                color: string;
                 path: {
                     fill: string;
                 };
@@ -3411,6 +3497,7 @@ declare const _default: {
             display: string;
             width: string;
             color: string;
+            backgroundColor: string;
         };
         primary: {
             backgroundColor: string;
@@ -3432,6 +3519,7 @@ declare const _default: {
                 };
             };
             '& svg': {
+                color: string;
                 path: {
                     fill: string;
                 };
@@ -3466,6 +3554,7 @@ declare const _default: {
                 };
             };
             '& svg': {
+                color: string;
                 path: {
                     fill: string;
                 };
@@ -3500,6 +3589,7 @@ declare const _default: {
                 };
             };
             '& svg': {
+                color: string;
                 path: {
                     fill: string;
                 };
@@ -3534,6 +3624,7 @@ declare const _default: {
                 };
             };
             '& svg': {
+                color: string;
                 path: {
                     fill: string;
                 };
@@ -3568,6 +3659,7 @@ declare const _default: {
                 };
             };
             '& svg': {
+                color: string;
                 path: {
                     fill: string;
                 };
@@ -3602,6 +3694,7 @@ declare const _default: {
                 };
             };
             '& svg': {
+                color: string;
                 path: {
                     fill: string;
                 };
@@ -3636,6 +3729,7 @@ declare const _default: {
                 };
             };
             '& svg': {
+                color: string;
                 path: {
                     fill: string;
                 };
@@ -3670,6 +3764,7 @@ declare const _default: {
                 };
             };
             '& svg': {
+                color: string;
                 path: {
                     fill: string;
                 };
@@ -3704,6 +3799,7 @@ declare const _default: {
                 };
             };
             '& svg': {
+                color: string;
                 path: {
                     fill: string;
                 };
@@ -3739,6 +3835,7 @@ declare const _default: {
                 };
             };
             '& svg': {
+                color: string;
                 path: {
                     fill: string;
                 };
@@ -3754,6 +3851,12 @@ declare const _default: {
             color: string;
         };
         selected: {
+            '& svg': {
+                color: string;
+                path: {
+                    fill: string;
+                };
+            };
             backgroundColor: string;
             '& span': {
                 color: string;
@@ -3772,11 +3875,6 @@ declare const _default: {
                     };
                 };
             };
-            '& svg': {
-                path: {
-                    fill: string;
-                };
-            };
             alignItems: string;
             justifyContent: string;
             padding: string;
@@ -3811,6 +3909,7 @@ declare const _default: {
                 };
             };
             '& svg': {
+                color: string;
                 path: {
                     fill: string;
                 };
@@ -3848,6 +3947,7 @@ declare const _default: {
                 };
             };
             '& svg': {
+                color: string;
                 path: {
                     fill: string;
                 };
@@ -3863,6 +3963,12 @@ declare const _default: {
             color: string;
         };
         activeStatusBadge: {
+            '& svg': {
+                color: string;
+                path: {
+                    fill: string;
+                };
+            };
             backgroundColor: string;
             '& span': {
                 color: string;
@@ -3881,11 +3987,6 @@ declare const _default: {
                     };
                 };
             };
-            '& svg': {
-                path: {
-                    fill: string;
-                };
-            };
             alignItems: string;
             justifyContent: string;
             padding: string;
@@ -3898,6 +3999,12 @@ declare const _default: {
             border: string;
         };
         warningStatusBadge: {
+            '& svg': {
+                color: string;
+                path: {
+                    fill: string;
+                };
+            };
             backgroundColor: string;
             '& span': {
                 color: string;
@@ -3916,11 +4023,6 @@ declare const _default: {
                     };
                 };
             };
-            '& svg': {
-                path: {
-                    fill: string;
-                };
-            };
             alignItems: string;
             justifyContent: string;
             padding: string;
@@ -3933,6 +4035,13 @@ declare const _default: {
             border: string;
         };
         criticalStatusBadge: {
+            border: string;
+            '& svg': {
+                color: string;
+                path: {
+                    fill: string;
+                };
+            };
             backgroundColor: string;
             '& span': {
                 color: string;
@@ -3951,11 +4060,6 @@ declare const _default: {
                     };
                 };
             };
-            '& svg': {
-                path: {
-                    fill: string;
-                };
-            };
             alignItems: string;
             justifyContent: string;
             padding: string;
@@ -3965,9 +4069,15 @@ declare const _default: {
             display: string;
             width: string;
             color: string;
-            border: string;
         };
         healthyStatusBadge: {
+            border: string;
+            '& svg': {
+                color: string;
+                path: {
+                    fill: string;
+                };
+            };
             '& span': {
                 color: string;
                 fontWeight: string;
@@ -3986,11 +4096,6 @@ declare const _default: {
                     };
                 };
             };
-            '& svg': {
-                path: {
-                    fill: string;
-                };
-            };
             alignItems: string;
             justifyContent: string;
             padding: string;
@@ -4000,9 +4105,15 @@ declare const _default: {
             display: string;
             width: string;
             color: string;
-            border: string;
         };
         secondaryStatusBadge: {
+            border: string;
+            '& svg': {
+                color: string;
+                path: {
+                    fill: string;
+                };
+            };
             backgroundColor: string;
             '& span': {
                 color: string;
@@ -4021,11 +4132,6 @@ declare const _default: {
                     };
                 };
             };
-            '& svg': {
-                path: {
-                    fill: string;
-                };
-            };
             alignItems: string;
             justifyContent: string;
             padding: string;
@@ -4035,7 +4141,6 @@ declare const _default: {
             display: string;
             width: string;
             color: string;
-            border: string;
         };
         badgeDeleteButton: {
             borderRadius: string;
@@ -4124,6 +4229,7 @@ declare const _default: {
                 };
             };
             '& svg': {
+                color: string;
                 path: {
                     fill: string;
                 };
@@ -4143,6 +4249,48 @@ declare const _default: {
             color: string;
         };
         invertedRemovableBadge: {
+            backgroundColor: string;
+            '& span': {
+                color: string;
+            };
+            '& svg': {
+                path: {
+                    fill: string;
+                };
+            };
+            '& button.is-hovered': {
+                backgroundColor: string;
+            };
+            '& button.is-hovered svg path': {
+                fill: string;
+            };
+            '& button.is-pressed svg path': {
+                fill: string;
+            };
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            alignItems: string;
+            justifyContent: string;
+            padding: string;
+            borderRadius: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+            color: string;
+        };
+        convenienceDefault: {
             backgroundColor: string;
             '& span': {
                 color: string;
@@ -4162,6 +4310,7 @@ declare const _default: {
                 };
             };
             '& svg': {
+                color: string;
                 path: {
                     fill: string;
                 };
@@ -4177,16 +4326,148 @@ declare const _default: {
             color: string;
         };
         errorCalloutBadge: {
+            border: string;
+            '& svg': {
+                color: string;
+                path: {
+                    fill: string;
+                };
+            };
             backgroundColor: string;
+            '& span': {
+                color: string;
+                fontWeight: string;
+            };
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            alignItems: string;
+            justifyContent: string;
+            padding: string;
+            borderRadius: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+            color: string;
         };
         infoCalloutBadge: {
+            '& svg': {
+                color: string;
+                path: {
+                    fill: string;
+                };
+            };
             backgroundColor: string;
+            '& span': {
+                color: string;
+                fontWeight: string;
+            };
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            alignItems: string;
+            justifyContent: string;
+            padding: string;
+            borderRadius: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+            color: string;
+            border: string;
         };
         successCalloutBadge: {
+            border: string;
+            '& svg': {
+                color: string;
+                path: {
+                    fill: string;
+                };
+            };
+            '& span': {
+                color: string;
+                fontWeight: string;
+            };
             backgroundColor: string;
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            alignItems: string;
+            justifyContent: string;
+            padding: string;
+            borderRadius: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+            color: string;
         };
         warningCalloutBadge: {
+            '& svg': {
+                color: string;
+                path: {
+                    fill: string;
+                };
+            };
             backgroundColor: string;
+            '& span': {
+                color: string;
+                fontWeight: string;
+            };
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            alignItems: string;
+            justifyContent: string;
+            padding: string;
+            borderRadius: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+            color: string;
+            border: string;
         };
         tableBaseBadge: {
             active: {
@@ -4199,6 +4480,7 @@ declare const _default: {
                 minWidth: string;
                 border: string;
                 '& span': {
+                    color: string;
                     fontWeight: string;
                 };
                 '& button': {
@@ -4215,6 +4497,7 @@ declare const _default: {
                     };
                 };
                 '& svg': {
+                    color: string;
                     path: {
                         fill: string;
                     };
@@ -4239,6 +4522,7 @@ declare const _default: {
                 minWidth: string;
                 border: string;
                 '& span': {
+                    color: string;
                     fontWeight: string;
                 };
                 '& button': {
@@ -4255,6 +4539,7 @@ declare const _default: {
                     };
                 };
                 '& svg': {
+                    color: string;
                     path: {
                         fill: string;
                     };
@@ -4279,6 +4564,7 @@ declare const _default: {
                 minWidth: string;
                 border: string;
                 '& span': {
+                    color: string;
                     fontWeight: string;
                 };
                 '& button': {
@@ -4295,6 +4581,7 @@ declare const _default: {
                     };
                 };
                 '& svg': {
+                    color: string;
                     path: {
                         fill: string;
                     };
@@ -4319,6 +4606,7 @@ declare const _default: {
                 minWidth: string;
                 border: string;
                 '& span': {
+                    color: string;
                     fontWeight: string;
                 };
                 '& button': {
@@ -4335,6 +4623,7 @@ declare const _default: {
                     };
                 };
                 '& svg': {
+                    color: string;
                     path: {
                         fill: string;
                     };
@@ -4359,6 +4648,7 @@ declare const _default: {
                 minWidth: string;
                 border: string;
                 '& span': {
+                    color: string;
                     fontWeight: string;
                 };
                 '& button': {
@@ -4375,6 +4665,7 @@ declare const _default: {
                     };
                 };
                 '& svg': {
+                    color: string;
                     path: {
                         fill: string;
                     };
@@ -4532,6 +4823,7 @@ declare const _default: {
         lg: number;
         xl: number;
         xx: string;
+        'md-s': string;
     };
     links: {
         app: {
@@ -5029,6 +5321,13 @@ declare const _default: {
             };
             item: {};
         };
+        arrayField: {
+            listItem: import("theme-ui").ThemeUICSSObject;
+            helperTextContainer: import("theme-ui").ThemeUICSSObject;
+            bottomBar: import("theme-ui").ThemeUICSSObject;
+            addButton: import("theme-ui").ThemeUICSSObject;
+            addButtonText: import("theme-ui").ThemeUICSSObject;
+        };
         attachment: {
             container: {
                 backgroundColor: string;
@@ -5229,7 +5528,9 @@ declare const _default: {
             indeterminateCheckboxIcon: {
                 height: string;
                 width: string;
+                color: string;
                 '&.is-disabled': {
+                    opacity: number;
                     '& rect[id="indeterminate-checkbox-icon-wrapper"]': {
                         fill: string;
                         stroke: string;
@@ -5321,6 +5622,11 @@ declare const _default: {
                 height: string;
             };
         };
+        checkboxFieldGroup: {
+            container: import("theme-ui").ThemeUICSSObject;
+            items: import("theme-ui").ThemeUICSSObject;
+            item: import("theme-ui").ThemeUICSSObject;
+        };
         codeView: {
             default: {
                 theme: {
@@ -5437,6 +5743,9 @@ declare const _default: {
                     lineHeight: string;
                 };
                 copyButton: {
+                    path: {
+                        fill: string;
+                    };
                     default: {
                         mx: string;
                         path: {
@@ -5568,6 +5877,9 @@ declare const _default: {
                     backgroundColor: string;
                 };
                 copyButton: {
+                    path: {
+                        fill: string;
+                    };
                     default: {
                         mx: string;
                         path: {
@@ -5658,6 +5970,18 @@ declare const _default: {
                 px: string;
             };
         };
+        emptyState: {
+            container: {
+                flexDirection: string;
+                alignItems: string;
+                justifyContent: string;
+                height: string;
+                width: string;
+                gap: string;
+                py: string;
+                textAlign: string;
+            };
+        };
         environmentBreadcrumb: {
             button: {
                 current: {
@@ -5721,6 +6045,19 @@ declare const _default: {
                 fontWeight: number;
             };
         };
+        iconBadge: {
+            container: {
+                alignItems: string;
+                justifyContent: string;
+                borderRadius: string;
+            };
+            badgeCircle: {
+                bottom: string;
+                height: string;
+                width: string;
+                borderRadius: string;
+            };
+        };
         iconWrapper: {
             xs: {
                 justifyContent: string;
@@ -5794,16 +6131,16 @@ declare const _default: {
             };
         };
         labelValuePairs: {
+            value: {
+                color: string;
+                fontWeight: number;
+            };
             container: {
                 gap: string;
             };
             fieldItem: {
                 gap: string;
             };
-            value: {
-                fontWeight: number;
-                color: string;
-            };
             subLabel: {
                 fontSize: string;
                 fontWeight: number;
@@ -5815,8 +6152,8 @@ declare const _default: {
                 p: number;
             };
             option: {
-                py: any;
-                pl: any;
+                py: string;
+                pl: string;
                 pr: number;
                 justifyContent: string;
                 borderRadius: number;
@@ -5894,6 +6231,9 @@ declare const _default: {
             iconWrapper: {
                 ml: string;
             };
+            imageContainer: {
+                width: string;
+            };
             imageWrapper: {
                 ml: string;
             };
@@ -5926,6 +6266,36 @@ declare const _default: {
                     };
                 };
             };
+            container: {
+                p: number;
+                bg: string;
+                '&.is-selected': {
+                    bg: string;
+                };
+                borderBottom: string;
+                '&.has-separator': {
+                    borderBottom: string;
+                    borderBottomColor: string;
+                };
+                '&.is-hovered': {
+                    bg: string;
+                };
+                '&.is-focused': {
+                    boxShadow: string;
+                    bg: string;
+                };
+                '&.is-first-item': {
+                    borderTopLeftRadius: string;
+                    borderTopRightRadius: string;
+                };
+                '&.is-last-item': {
+                    borderBottomLeftRadius: string;
+                    borderBottomRightRadius: string;
+                    '&.has-separator': {
+                        border: string;
+                    };
+                };
+            };
             styledContainer: {
                 bg: string;
                 '&.is-hovered': {
@@ -6084,6 +6454,11 @@ declare const _default: {
         menuTab: {
             ml: string;
         };
+        tabPickerExpandIcon: {
+            ml: string;
+            width: string;
+            height: string;
+        };
         message: {
             wrapper: {
                 gap: string;
@@ -6571,8 +6946,18 @@ declare const _default: {
                 borderRadius: string;
                 p: string;
             };
+            calendarHeaderContainer: {
+                mt: number;
+                height: string;
+                mb: string;
+                width: string;
+            };
             columnHeader: {
                 color: string;
+                fontWeight: number;
+                '&.is-disabled': {
+                    opacity: number;
+                };
             };
             calendarRow: {
                 bg: string;
@@ -7021,6 +7406,9 @@ declare const _default: {
             '& > span': {
                 px: string;
                 fontSize: string;
+                mb: string;
+                mt: string;
+                minWidth: number;
             };
             '&.is-focused': {
                 boxShadow: string;
@@ -7196,6 +7584,7 @@ declare const _default: {
             };
         };
         tabs: {
+            mb: string;
             '&.is-horizontal': {
                 gap: string;
             };
@@ -7251,7 +7640,12 @@ declare const _default: {
         };
     };
     images: {
-        avatar: {};
+        avatar: {
+            borderRadius: string;
+            width: string;
+            height: string;
+            objectFit: string;
+        };
     };
     overrides: {
         codeView: {
@@ -7370,6 +7764,9 @@ declare const _default: {
                     lineHeight: string;
                 };
                 copyButton: {
+                    path: {
+                        fill: string;
+                    };
                     default: {
                         mx: string;
                         path: {
@@ -7501,6 +7898,9 @@ declare const _default: {
                     backgroundColor: string;
                 };
                 copyButton: {
+                    path: {
+                        fill: string;
+                    };
                     default: {
                         mx: string;
                         path: {