@pingux/astro 2.207.1-alpha.0 → 2.208.1-alpha.0

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

@@ -3011,6 +3011,12 @@ declare const _default: {
             fontWeight: number;
             fontFamily: string;
         };
+        headText: {
+            fontSize: string;
+            fontWeight: string;
+            color: any;
+            lineHeight: string;
+        };
         label: {
             fontSize: any;
         };
@@ -4153,6 +4159,208 @@ declare const _default: {
         warningCalloutBadge: {
             backgroundColor: string;
         };
+        tableBaseBadge: {
+            active: {
+                backgroundColor: string;
+                '& > span': {
+                    color: any;
+                    fontSize: string;
+                    lineHeight: string;
+                };
+                minWidth: string;
+                border: string;
+                '& span': {
+                    fontWeight: string;
+                };
+                '& button': {
+                    alignSelf: string;
+                    p: string;
+                    bg: string;
+                    '&.is-hovered': {
+                        bg: string;
+                        '& svg': {
+                            path: {
+                                fill: string;
+                            };
+                        };
+                    };
+                };
+                '& svg': {
+                    path: {
+                        fill: string;
+                    };
+                };
+                alignItems: string;
+                justifyContent: string;
+                padding: string;
+                borderRadius: string;
+                fontSize: string;
+                alignSelf: string;
+                display: string;
+                width: string;
+                color: string;
+            };
+            warning: {
+                backgroundColor: string;
+                '& > span': {
+                    color: any;
+                    fontSize: string;
+                    lineHeight: string;
+                };
+                minWidth: string;
+                border: string;
+                '& span': {
+                    fontWeight: string;
+                };
+                '& button': {
+                    alignSelf: string;
+                    p: string;
+                    bg: string;
+                    '&.is-hovered': {
+                        bg: string;
+                        '& svg': {
+                            path: {
+                                fill: string;
+                            };
+                        };
+                    };
+                };
+                '& svg': {
+                    path: {
+                        fill: string;
+                    };
+                };
+                alignItems: string;
+                justifyContent: string;
+                padding: string;
+                borderRadius: string;
+                fontSize: string;
+                alignSelf: string;
+                display: string;
+                width: string;
+                color: string;
+            };
+            critical: {
+                backgroundColor: string;
+                '& > span': {
+                    color: any;
+                    fontSize: string;
+                    lineHeight: string;
+                };
+                minWidth: string;
+                border: string;
+                '& span': {
+                    fontWeight: string;
+                };
+                '& button': {
+                    alignSelf: string;
+                    p: string;
+                    bg: string;
+                    '&.is-hovered': {
+                        bg: string;
+                        '& svg': {
+                            path: {
+                                fill: string;
+                            };
+                        };
+                    };
+                };
+                '& svg': {
+                    path: {
+                        fill: string;
+                    };
+                };
+                alignItems: string;
+                justifyContent: string;
+                padding: string;
+                borderRadius: string;
+                fontSize: string;
+                alignSelf: string;
+                display: string;
+                width: string;
+                color: string;
+            };
+            healthy: {
+                backgroundColor: string;
+                '& > span': {
+                    color: any;
+                    fontSize: string;
+                    lineHeight: string;
+                };
+                minWidth: string;
+                border: string;
+                '& span': {
+                    fontWeight: string;
+                };
+                '& button': {
+                    alignSelf: string;
+                    p: string;
+                    bg: string;
+                    '&.is-hovered': {
+                        bg: string;
+                        '& svg': {
+                            path: {
+                                fill: string;
+                            };
+                        };
+                    };
+                };
+                '& svg': {
+                    path: {
+                        fill: string;
+                    };
+                };
+                alignItems: string;
+                justifyContent: string;
+                padding: string;
+                borderRadius: string;
+                fontSize: string;
+                alignSelf: string;
+                display: string;
+                width: string;
+                color: string;
+            };
+            secondary: {
+                backgroundColor: string;
+                '& > span': {
+                    color: any;
+                    fontSize: string;
+                    lineHeight: string;
+                };
+                minWidth: string;
+                border: string;
+                '& span': {
+                    fontWeight: string;
+                };
+                '& button': {
+                    alignSelf: string;
+                    p: string;
+                    bg: string;
+                    '&.is-hovered': {
+                        bg: string;
+                        '& svg': {
+                            path: {
+                                fill: string;
+                            };
+                        };
+                    };
+                };
+                '& svg': {
+                    path: {
+                        fill: string;
+                    };
+                };
+                alignItems: string;
+                justifyContent: string;
+                padding: string;
+                borderRadius: string;
+                fontSize: string;
+                alignSelf: string;
+                display: string;
+                width: string;
+                color: string;
+            };
+        };
     };
     navigationHeader: {
         headerPlaceholder: {
@@ -4721,10 +4929,10 @@ declare const _default: {
             };
         };
         tableWrapper: {
+            boxShadow: string;
             p: string;
             borderColor: any;
             lineHeight: string;
-            boxShadow: string;
             border: string;
             borderRadius: string;
             display: string;
@@ -6851,50 +7059,47 @@ declare const _default: {
             caption: {
                 backgroundColor: string;
                 px: string;
-                color: string;
+                color: any;
                 borderBottom: string;
-                borderBottomColor: string;
+                borderBottomColor: any;
                 borderTopLeftRadius: string;
                 borderTopRightRadius: string;
             };
             row: {
                 borderBottom: string;
-                borderBottomColor: string;
+                borderBottomColor: any;
                 '&.is-focused': {
                     outlineOffset: string;
                     outline: string;
                     outlineColor: string;
                 };
                 '&.is-hovered': {
-                    bg: string;
+                    bg: any;
                     '& > td:last-of-type': {
-                        bg: string;
+                        bg: any;
                     };
                 };
                 '&:nth-of-type(odd)': {
-                    bg: string;
+                    bg: any;
                     '&.is-hovered': {
-                        bg: string;
+                        bg: any;
                     };
                     '& > td:last-of-type': {
-                        bg: string;
+                        bg: any;
                     };
                 };
             };
             thead: {
-                borderBottomColor: string;
+                borderBottomColor: any;
                 backgroundColor: string;
                 '&.is-sticky': {
+                    border: string;
                     boxShadow: string;
                 };
             };
             head: {
                 px: string;
                 py: string;
-                fontSize: string;
-                fontWeight: string;
-                color: string;
-                lineHeight: string;
                 '&.is-focused': {
                     outlineOffset: string;
                     outline: string;
@@ -6905,7 +7110,7 @@ declare const _default: {
                 };
             };
             tbody: {
-                borderTopColor: string;
+                borderTopColor: any;
                 borderBottom: string;
                 backgroundColor: string;
                 borderBottomLeftRadius: string;
@@ -6919,9 +7124,6 @@ declare const _default: {
                     zIndex: number;
                 };
                 px: string;
-                fontSize: string;
-                color: string;
-                lineHeight: string;
                 '&.is-focused': {
                     outlineOffset: string;
                     outline: string;

package/lib/cjs/styles/themes/next-gen/next-gen.js

@@ -61,7 +61,7 @@ var nextGenTheme = {
     codeView: 'Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace'
   },
   shadows: {
-    standard: (0, _concat["default"])(_context = "0 ".concat(_onyxTokens.astroTokens.spacing.card.shadow.y, " ")).call(_context, _onyxTokens.astroTokens.spacing.card.shadow.blur, " 0 rgba(0, 0, 0, 0.13)")
+    standard: (0, _concat["default"])(_context = "0 ".concat(_onyxTokens.astroTokens.spacing.card.shadow.y, "px ")).call(_context, _onyxTokens.astroTokens.spacing.card.shadow.blur, "px 0 rgba(0, 0, 0, 0.13)")
   },
   sizes: _sizes["default"],
   badges: _badges.badges,

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

@@ -875,4 +875,206 @@ export declare const badges: {
     warningCalloutBadge: {
         backgroundColor: string;
     };
+    tableBaseBadge: {
+        active: {
+            backgroundColor: string;
+            '& > span': {
+                color: any;
+                fontSize: string;
+                lineHeight: string;
+            };
+            minWidth: string;
+            border: string;
+            '& span': {
+                fontWeight: string;
+            };
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            '& svg': {
+                path: {
+                    fill: string;
+                };
+            };
+            alignItems: string;
+            justifyContent: string;
+            padding: string;
+            borderRadius: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+            color: string;
+        };
+        warning: {
+            backgroundColor: string;
+            '& > span': {
+                color: any;
+                fontSize: string;
+                lineHeight: string;
+            };
+            minWidth: string;
+            border: string;
+            '& span': {
+                fontWeight: string;
+            };
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            '& svg': {
+                path: {
+                    fill: string;
+                };
+            };
+            alignItems: string;
+            justifyContent: string;
+            padding: string;
+            borderRadius: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+            color: string;
+        };
+        critical: {
+            backgroundColor: string;
+            '& > span': {
+                color: any;
+                fontSize: string;
+                lineHeight: string;
+            };
+            minWidth: string;
+            border: string;
+            '& span': {
+                fontWeight: string;
+            };
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            '& svg': {
+                path: {
+                    fill: string;
+                };
+            };
+            alignItems: string;
+            justifyContent: string;
+            padding: string;
+            borderRadius: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+            color: string;
+        };
+        healthy: {
+            backgroundColor: string;
+            '& > span': {
+                color: any;
+                fontSize: string;
+                lineHeight: string;
+            };
+            minWidth: string;
+            border: string;
+            '& span': {
+                fontWeight: string;
+            };
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            '& svg': {
+                path: {
+                    fill: string;
+                };
+            };
+            alignItems: string;
+            justifyContent: string;
+            padding: string;
+            borderRadius: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+            color: string;
+        };
+        secondary: {
+            backgroundColor: string;
+            '& > span': {
+                color: any;
+                fontSize: string;
+                lineHeight: string;
+            };
+            minWidth: string;
+            border: string;
+            '& span': {
+                fontWeight: string;
+            };
+            '& button': {
+                alignSelf: string;
+                p: string;
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                    '& svg': {
+                        path: {
+                            fill: string;
+                        };
+                    };
+                };
+            };
+            '& svg': {
+                path: {
+                    fill: string;
+                };
+            };
+            alignItems: string;
+            justifyContent: string;
+            padding: string;
+            borderRadius: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+            color: string;
+        };
+    };
 };

package/lib/cjs/styles/themes/next-gen/variants/badges.js

@@ -152,6 +152,46 @@ var healthyStatusBadge = _objectSpread({
 var secondaryStatusBadge = _objectSpread({
   border: 'none'
 }, secondary);
+var tableBaseBadgeBaseStyle = _objectSpread(_objectSpread({}, baseBadge), {}, {
+  minWidth: '100px',
+  border: 'none'
+});
+var tableBaseBadgeSpanStyle = {
+  fontSize: '11.25px',
+  lineHeight: '1'
+};
+var tableBaseBadge = {
+  active: _objectSpread(_objectSpread({}, tableBaseBadgeBaseStyle), {}, {
+    backgroundColor: "".concat(_onyxTokens.astroTokens.color.blue[100], " !important"),
+    '& > span': _objectSpread(_objectSpread({}, tableBaseBadgeSpanStyle), {}, {
+      color: _onyxTokens.astroTokens.color.blue[600]
+    })
+  }),
+  warning: _objectSpread(_objectSpread({}, tableBaseBadgeBaseStyle), {}, {
+    backgroundColor: "".concat(_onyxTokens.astroTokens.color.yellow[100], " !important"),
+    '& > span': _objectSpread(_objectSpread({}, tableBaseBadgeSpanStyle), {}, {
+      color: _onyxTokens.astroTokens.color.blue[600]
+    })
+  }),
+  critical: _objectSpread(_objectSpread({}, tableBaseBadgeBaseStyle), {}, {
+    backgroundColor: "".concat(_onyxTokens.astroTokens.color.red[100], " !important"),
+    '& > span': _objectSpread(_objectSpread({}, tableBaseBadgeSpanStyle), {}, {
+      color: _onyxTokens.astroTokens.color.red[800]
+    })
+  }),
+  healthy: _objectSpread(_objectSpread({}, tableBaseBadgeBaseStyle), {}, {
+    backgroundColor: "".concat(_onyxTokens.astroTokens.color.green[100], " !important"),
+    '& > span': _objectSpread(_objectSpread({}, tableBaseBadgeSpanStyle), {}, {
+      color: _onyxTokens.astroTokens.color.green[800]
+    })
+  }),
+  secondary: _objectSpread(_objectSpread({}, tableBaseBadgeBaseStyle), {}, {
+    backgroundColor: "".concat(_onyxTokens.astroTokens.color.gray[100], " !important"),
+    '& > span': _objectSpread(_objectSpread({}, tableBaseBadgeSpanStyle), {}, {
+      color: _onyxTokens.astroTokens.color.gray[800]
+    })
+  })
+};
 var countBadge = _objectSpread(_objectSpread({}, baseBadge), {}, {
   backgroundColor: '#455469 !important',
   '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
@@ -205,5 +245,6 @@ var badges = exports.badges = {
   },
   warningCalloutBadge: {
     backgroundColor: 'white !important'
-  }
+  },
+  tableBaseBadge: tableBaseBadge
 };

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

@@ -114,10 +114,10 @@ declare const _default: {
         };
     };
     tableWrapper: {
+        boxShadow: string;
         p: string;
         borderColor: any;
         lineHeight: string;
-        boxShadow: string;
         border: string;
         borderRadius: string;
         display: string;

package/lib/cjs/styles/themes/next-gen/variants/cards.js

@@ -90,7 +90,9 @@ var suggestionRow = _objectSpread(_objectSpread({}, baseSuggestion), {}, {
 var suggestionColumn = _objectSpread(_objectSpread({}, baseSuggestion), {}, {
   display: 'flex'
 });
-var tableWrapper = _objectSpread({}, container);
+var tableWrapper = _objectSpread(_objectSpread({}, container), {}, {
+  boxShadow: 'standard'
+});
 var _default = exports["default"] = {
   interactive: interactive,
   dark: dark,

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

@@ -36,50 +36,47 @@ export declare const tableBase: {
     caption: {
         backgroundColor: string;
         px: string;
-        color: string;
+        color: any;
         borderBottom: string;
-        borderBottomColor: string;
+        borderBottomColor: any;
         borderTopLeftRadius: string;
         borderTopRightRadius: string;
     };
     row: {
         borderBottom: string;
-        borderBottomColor: string;
+        borderBottomColor: any;
         '&.is-focused': {
             outlineOffset: string;
             outline: string;
             outlineColor: string;
         };
         '&.is-hovered': {
-            bg: string;
+            bg: any;
             '& > td:last-of-type': {
-                bg: string;
+                bg: any;
             };
         };
         '&:nth-of-type(odd)': {
-            bg: string;
+            bg: any;
             '&.is-hovered': {
-                bg: string;
+                bg: any;
             };
             '& > td:last-of-type': {
-                bg: string;
+                bg: any;
             };
         };
     };
     thead: {
-        borderBottomColor: string;
+        borderBottomColor: any;
         backgroundColor: string;
         '&.is-sticky': {
+            border: string;
             boxShadow: string;
         };
     };
     head: {
         px: string;
         py: string;
-        fontSize: string;
-        fontWeight: string;
-        color: string;
-        lineHeight: string;
         '&.is-focused': {
             outlineOffset: string;
             outline: string;
@@ -90,7 +87,7 @@ export declare const tableBase: {
         };
     };
     tbody: {
-        borderTopColor: string;
+        borderTopColor: any;
         borderBottom: string;
         backgroundColor: string;
         borderBottomLeftRadius: string;
@@ -104,9 +101,6 @@ export declare const tableBase: {
             zIndex: number;
         };
         px: string;
-        fontSize: string;
-        color: string;
-        lineHeight: string;
         '&.is-focused': {
             outlineOffset: string;
             outline: string;