@pingux/astro 2.119.0 → 2.120.0-alpha.0

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

@@ -1372,7 +1372,7 @@ declare const _default: {
         };
     };
     badges: {
-        primary: {
+        baseBadge: {
             backgroundColor: string;
             '& span': {
                 color: string;
@@ -1389,7 +1389,7 @@ declare const _default: {
             display: string;
             width: string;
         };
-        baseBadge: {
+        primary: {
             backgroundColor: string;
             '& span': {
                 color: string;
@@ -1514,6 +1514,101 @@ declare const _default: {
                 fontSize: string;
             };
         };
+        activeStatusBadge: {
+            minWidth: string;
+            border: string;
+            backgroundColor: string;
+            '& span': {
+                color: string;
+                fontSize: string;
+                fontWeight: number;
+            };
+            alignItems: string;
+            justifyContent: string;
+            py: string;
+            px: string;
+            borderRadius: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+        };
+        warningStatusBadge: {
+            minWidth: string;
+            border: string;
+            backgroundColor: string;
+            '& span': {
+                color: string;
+                fontSize: string;
+                fontWeight: number;
+            };
+            alignItems: string;
+            justifyContent: string;
+            py: string;
+            px: string;
+            borderRadius: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+        };
+        criticalStatusBadge: {
+            minWidth: string;
+            border: string;
+            backgroundColor: string;
+            '& span': {
+                color: string;
+                fontSize: string;
+                fontWeight: number;
+            };
+            alignItems: string;
+            justifyContent: string;
+            py: string;
+            px: string;
+            borderRadius: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+        };
+        healthyStatusBadge: {
+            minWidth: string;
+            border: string;
+            backgroundColor: string;
+            '& span': {
+                color: string;
+                fontSize: string;
+                fontWeight: number;
+            };
+            alignItems: string;
+            justifyContent: string;
+            py: string;
+            px: string;
+            borderRadius: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+        };
+        secondaryStatusBadge: {
+            minWidth: string;
+            border: string;
+            backgroundColor: string;
+            '& span': {
+                color: string;
+                fontSize: string;
+                fontWeight: number;
+            };
+            alignItems: string;
+            justifyContent: string;
+            py: string;
+            px: string;
+            borderRadius: string;
+            fontSize: string;
+            alignSelf: string;
+            display: string;
+            width: string;
+        };
         badgeDeleteButton: {
             borderRadius: string;
             cursor: string;
@@ -2532,20 +2627,61 @@ declare const _default: {
                 borderTopColor: string;
                 borderBottom: string;
                 pl: string;
+                '&:last-of-type': {
+                    borderBottomLeftRadius: string;
+                    borderBottomRightRadius: string;
+                };
+            };
+            selectableTableRow: {
+                bg: string;
+                '&.is-hovered': {
+                    bg: string;
+                };
+                '&.is-selected': {
+                    bg: string;
+                };
+                '&.is-focused': {
+                    boxShadow: string;
+                    bg: string;
+                };
+                '&.is-disabled': {
+                    opacity: string;
+                };
+                borderTop: string;
+                borderTopColor: string;
+                borderBottom: string;
+                pl: string;
+                '&:last-of-type': {
+                    borderBottomLeftRadius: string;
+                    borderBottomRightRadius: string;
+                };
             };
             tableHeadWrapper: {
                 borderBottom: string;
             };
             tableHeadCell: {
-                pl: string;
+                px: string;
                 fontWeight: string;
                 fontSize: string;
+                '&.is-first-column': {
+                    borderTopLeftRadius: string;
+                };
+                '&.is-last-column': {
+                    borderTopRightRadius: string;
+                };
+                '&.is-key-focused': {
+                    outline: string;
+                    outlineStyle: string;
+                    outlineColor: string;
+                    outlineOffset: string;
+                };
             };
             rowHeader: {
                 py: string;
             };
             tableCell: {
                 fontSize: string;
+                px: string;
             };
         };
         codeView: {

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

@@ -31,7 +31,7 @@ export declare const badgeDeleteButton: {
     };
 };
 export declare const badges: {
-    primary: {
+    baseBadge: {
         backgroundColor: string;
         '& span': {
             color: string;
@@ -48,7 +48,7 @@ export declare const badges: {
         display: string;
         width: string;
     };
-    baseBadge: {
+    primary: {
         backgroundColor: string;
         '& span': {
             color: string;
@@ -173,6 +173,101 @@ export declare const badges: {
             fontSize: string;
         };
     };
+    activeStatusBadge: {
+        minWidth: string;
+        border: string;
+        backgroundColor: string;
+        '& span': {
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+        };
+        alignItems: string;
+        justifyContent: string;
+        py: string;
+        px: string;
+        borderRadius: string;
+        fontSize: string;
+        alignSelf: string;
+        display: string;
+        width: string;
+    };
+    warningStatusBadge: {
+        minWidth: string;
+        border: string;
+        backgroundColor: string;
+        '& span': {
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+        };
+        alignItems: string;
+        justifyContent: string;
+        py: string;
+        px: string;
+        borderRadius: string;
+        fontSize: string;
+        alignSelf: string;
+        display: string;
+        width: string;
+    };
+    criticalStatusBadge: {
+        minWidth: string;
+        border: string;
+        backgroundColor: string;
+        '& span': {
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+        };
+        alignItems: string;
+        justifyContent: string;
+        py: string;
+        px: string;
+        borderRadius: string;
+        fontSize: string;
+        alignSelf: string;
+        display: string;
+        width: string;
+    };
+    healthyStatusBadge: {
+        minWidth: string;
+        border: string;
+        backgroundColor: string;
+        '& span': {
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+        };
+        alignItems: string;
+        justifyContent: string;
+        py: string;
+        px: string;
+        borderRadius: string;
+        fontSize: string;
+        alignSelf: string;
+        display: string;
+        width: string;
+    };
+    secondaryStatusBadge: {
+        minWidth: string;
+        border: string;
+        backgroundColor: string;
+        '& span': {
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+        };
+        alignItems: string;
+        justifyContent: string;
+        py: string;
+        px: string;
+        borderRadius: string;
+        fontSize: string;
+        alignSelf: string;
+        display: string;
+        width: string;
+    };
     badgeDeleteButton: {
         borderRadius: string;
         cursor: string;

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

@@ -33,6 +33,56 @@ var baseBadge = {
   width: 'fit-content',
   '& span': _objectSpread({}, badgeFont)
 };
+var primary = _objectSpread(_objectSpread({}, baseBadge), {}, {
+  backgroundColor: '#eaf1fb !important',
+  '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
+    color: '#1967d2'
+  })
+});
+var secondary = _objectSpread(_objectSpread({}, baseBadge), {}, {
+  backgroundColor: '#f6f8fa !important',
+  '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
+    color: 'gray-900'
+  })
+});
+var success = _objectSpread(_objectSpread({}, baseBadge), {}, {
+  backgroundColor: '#d3eddf !important',
+  '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
+    color: 'success.dark'
+  })
+});
+var danger = _objectSpread(_objectSpread({}, baseBadge), {}, {
+  backgroundColor: '#f8d8d5 !important',
+  '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
+    color: 'red-700'
+  })
+});
+var warning = _objectSpread(_objectSpread({}, baseBadge), {}, {
+  backgroundColor: '#fff1da !important',
+  '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
+    color: 'yellow-700'
+  })
+});
+var dark = _objectSpread(_objectSpread({}, baseBadge), {}, {
+  backgroundColor: 'black !important',
+  '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
+    color: 'white'
+  })
+});
+var selectedItemBadge = _objectSpread(_objectSpread({}, baseBadge), {}, {
+  backgroundColor: '#eaf2fd !important',
+  paddingRight: '0px !important',
+  '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
+    fontSize: '14px',
+    color: 'text.primary',
+    fontWeight: 400
+  })
+});
+var readOnlyBadge = {
+  '& span': {
+    fontSize: '14px'
+  }
+};
 var badgeDeleteButton = _objectSpread(_objectSpread({}, _button["default"].iconButtons.base), {}, {
   borderRadius: '50%',
   cursor: 'pointer',
@@ -41,63 +91,35 @@ var badgeDeleteButton = _objectSpread(_objectSpread({}, _button["default"].iconB
   width: 14
 });
 exports.badgeDeleteButton = badgeDeleteButton;
+var dataTableBadge = {
+  minWidth: '100px',
+  border: 'none'
+};
+var activeStatusBadge = _objectSpread(_objectSpread({}, primary), dataTableBadge);
+var warningStatusBadge = _objectSpread(_objectSpread({}, warning), dataTableBadge);
+var criticalStatusBadge = _objectSpread(_objectSpread({}, danger), dataTableBadge);
+var healthyStatusBadge = _objectSpread(_objectSpread({}, success), dataTableBadge);
+var secondaryStatusBadge = _objectSpread(_objectSpread({}, secondary), dataTableBadge);
 var badges = {
-  primary: _objectSpread(_objectSpread({}, baseBadge), {}, {
-    backgroundColor: '#eaf1fb !important',
-    '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
-      color: '#1967d2'
-    })
-  }),
   baseBadge: _objectSpread(_objectSpread({}, baseBadge), {}, {
     backgroundColor: '#eaf1fb !important',
     '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
       color: '#1967d2'
     })
   }),
-  secondary: _objectSpread(_objectSpread({}, baseBadge), {}, {
-    backgroundColor: '#f6f8fa !important',
-    '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
-      color: 'gray-900'
-    })
-  }),
-  success: _objectSpread(_objectSpread({}, baseBadge), {}, {
-    backgroundColor: '#d3eddf !important',
-    '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
-      color: 'success.dark'
-    })
-  }),
-  danger: _objectSpread(_objectSpread({}, baseBadge), {}, {
-    backgroundColor: '#f8d8d5 !important',
-    '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
-      color: 'red-700'
-    })
-  }),
-  warning: _objectSpread(_objectSpread({}, baseBadge), {}, {
-    backgroundColor: '#fff1da !important',
-    '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
-      color: 'yellow-700'
-    })
-  }),
-  dark: _objectSpread(_objectSpread({}, baseBadge), {}, {
-    backgroundColor: 'black !important',
-    '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
-      color: 'white'
-    })
-  }),
-  selectedItemBadge: _objectSpread(_objectSpread({}, baseBadge), {}, {
-    backgroundColor: '#eaf2fd !important',
-    paddingRight: '0px !important',
-    '& span': _objectSpread(_objectSpread({}, badgeFont), {}, {
-      fontSize: '14px',
-      color: 'text.primary',
-      fontWeight: 400
-    })
-  }),
-  readOnlyBadge: {
-    '& span': {
-      fontSize: '14px'
-    }
-  },
+  primary: primary,
+  secondary: secondary,
+  success: success,
+  danger: danger,
+  warning: warning,
+  dark: dark,
+  selectedItemBadge: selectedItemBadge,
+  readOnlyBadge: readOnlyBadge,
+  activeStatusBadge: activeStatusBadge,
+  warningStatusBadge: warningStatusBadge,
+  criticalStatusBadge: criticalStatusBadge,
+  healthyStatusBadge: healthyStatusBadge,
+  secondaryStatusBadge: secondaryStatusBadge,
   badgeDeleteButton: badgeDeleteButton
 };
 exports.badges = badges;

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

@@ -0,0 +1,68 @@
+export declare const 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;
+        };
+        '&.is-selected': {
+            bg: string;
+        };
+        '&.is-focused': {
+            boxShadow: string;
+            bg: string;
+        };
+        '&.is-disabled': {
+            opacity: string;
+        };
+        borderTop: string;
+        borderTopColor: string;
+        borderBottom: string;
+        pl: string;
+        '&:last-of-type': {
+            borderBottomLeftRadius: string;
+            borderBottomRightRadius: string;
+        };
+    };
+    tableHeadWrapper: {
+        borderBottom: string;
+    };
+    tableHeadCell: {
+        px: string;
+        fontWeight: string;
+        fontSize: string;
+        '&.is-first-column': {
+            borderTopLeftRadius: string;
+        };
+        '&.is-last-column': {
+            borderTopRightRadius: string;
+        };
+        '&.is-key-focused': {
+            outline: string;
+            outlineStyle: string;
+            outlineColor: string;
+            outlineOffset: string;
+        };
+    };
+    rowHeader: {
+        py: string;
+    };
+    tableCell: {
+        fontSize: string;
+        px: string;
+    };
+};

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

@@ -0,0 +1,82 @@
+"use strict";
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dataTable = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var container = {
+  border: '1px solid',
+  borderColor: 'border.base',
+  borderRadius: '16px'
+};
+var tableRow = {
+  borderTop: '1px solid',
+  borderTopColor: 'border.base',
+  borderBottom: '0',
+  pl: 'lg',
+  '&:last-of-type': {
+    borderBottomLeftRadius: '16px',
+    borderBottomRightRadius: '16px'
+  }
+};
+var selectableTableRow = _objectSpread(_objectSpread({}, tableRow), {}, {
+  bg: 'background.base',
+  '&.is-hovered': {
+    bg: 'gray-100'
+  },
+  '&.is-selected': {
+    bg: 'gray-100'
+  },
+  '&.is-focused': {
+    boxShadow: '0 0 0 3px inset #1a73e8',
+    bg: 'gray-100'
+  },
+  '&.is-disabled': {
+    opacity: '0.5 !important'
+  }
+});
+var dataTable = {
+  container: container,
+  tableRow: tableRow,
+  selectableTableRow: selectableTableRow,
+  tableHeadWrapper: {
+    borderBottom: '0'
+  },
+  tableHeadCell: {
+    px: 'lg',
+    fontWeight: '2',
+    fontSize: 'md',
+    '&.is-first-column': {
+      borderTopLeftRadius: '16px'
+    },
+    '&.is-last-column': {
+      borderTopRightRadius: '16px'
+    },
+    '&.is-key-focused': {
+      outline: '1px',
+      outlineStyle: 'solid',
+      outlineColor: 'active',
+      outlineOffset: '-2px'
+    }
+  },
+  rowHeader: {
+    py: '20px !important'
+  },
+  tableCell: {
+    fontSize: 'md',
+    px: 'lg'
+  }
+};
+exports.dataTable = dataTable;

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

@@ -695,20 +695,61 @@ declare const _default: {
             borderTopColor: string;
             borderBottom: string;
             pl: string;
+            '&:last-of-type': {
+                borderBottomLeftRadius: string;
+                borderBottomRightRadius: string;
+            };
+        };
+        selectableTableRow: {
+            bg: string;
+            '&.is-hovered': {
+                bg: string;
+            };
+            '&.is-selected': {
+                bg: string;
+            };
+            '&.is-focused': {
+                boxShadow: string;
+                bg: string;
+            };
+            '&.is-disabled': {
+                opacity: string;
+            };
+            borderTop: string;
+            borderTopColor: string;
+            borderBottom: string;
+            pl: string;
+            '&:last-of-type': {
+                borderBottomLeftRadius: string;
+                borderBottomRightRadius: string;
+            };
         };
         tableHeadWrapper: {
             borderBottom: string;
         };
         tableHeadCell: {
-            pl: string;
+            px: string;
             fontWeight: string;
             fontSize: string;
+            '&.is-first-column': {
+                borderTopLeftRadius: string;
+            };
+            '&.is-last-column': {
+                borderTopRightRadius: string;
+            };
+            '&.is-key-focused': {
+                outline: string;
+                outlineStyle: string;
+                outlineColor: string;
+                outlineOffset: string;
+            };
         };
         rowHeader: {
             py: string;
         };
         tableCell: {
             fontSize: string;
+            px: string;
         };
     };
     codeView: {