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

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.js

@@ -6,6 +6,7 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _colors = require("../colors");
 var _avatar = require("./avatar");
 var _callout = _interopRequireDefault(require("./callout"));
 var _footer = require("./footer");
@@ -198,6 +199,11 @@ var _default = {
     caption: {
       color: 'text.secondary'
     },
+    thead: {
+      '&.is-sticky': {
+        boxShadow: "0 1px 0 ".concat(_colors.colors.border.base)
+      }
+    },
     head: {
       color: 'text.secondary'
     },

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

@@ -3230,6 +3230,7 @@ declare const _default: {
             borderColor: string;
             transition: string;
             '&.is-focused': {
+                backgroundColor: string;
                 outline: string;
                 outlineColor: string;
                 outlineOffset: string;
@@ -3279,6 +3280,7 @@ declare const _default: {
             border: string;
             transition: string;
             '&.is-focused': {
+                backgroundColor: string;
                 outline: string;
                 outlineColor: string;
                 outlineOffset: string;
@@ -4576,6 +4578,36 @@ declare const _default: {
             };
         };
         tableBase: {
+            container: {
+                '& > thead > tr': {
+                    '& > th:first-of-type': {
+                        borderTopLeftRadius: string;
+                    };
+                    '& > th:last-of-type': {
+                        borderTopRightRadius: string;
+                    };
+                };
+                '& > tbody > tr:last-child': {
+                    borderBottom: string;
+                    borderBottomLeftRadius: string;
+                    borderBottomRightRadius: string;
+                    '& > td:first-of-type': {
+                        borderBottomLeftRadius: string;
+                    };
+                    '& > td:last-of-type': {
+                        borderBottomRightRadius: string;
+                    };
+                };
+                '&.has-caption > thead > tr:first-of-type > th': {
+                    borderRadius: string;
+                };
+                '&.has-pagination > tbody > tr:last-child': {
+                    borderRadius: number;
+                    '& > td': {
+                        borderRadius: number;
+                    };
+                };
+            };
             caption: {
                 backgroundColor: string;
                 px: string;
@@ -4606,17 +4638,8 @@ declare const _default: {
             thead: {
                 borderBottomColor: string;
                 backgroundColor: string;
-                '&:not(.has-caption)': {
-                    borderTopLeftRadius: string;
-                    borderTopRightRadius: string;
-                    '& > tr:first-child': {
-                        '& > th:first-of-type': {
-                            borderTopLeftRadius: string;
-                        };
-                        '& > th:last-of-type': {
-                            borderTopRightRadius: string;
-                        };
-                    };
+                '&.is-sticky': {
+                    boxShadow: string;
                 };
             };
             head: {
@@ -4638,17 +4661,6 @@ declare const _default: {
                 backgroundColor: string;
                 borderBottomLeftRadius: string;
                 borderBottomRightRadius: string;
-                '& > tr:last-child': {
-                    borderBottom: string;
-                    borderBottomLeftRadius: string;
-                    borderBottomRightRadius: string;
-                    '& > td:first-of-type': {
-                        borderBottomLeftRadius: string;
-                    };
-                    '& > td:last-of-type': {
-                        borderBottomRightRadius: string;
-                    };
-                };
             };
             data: {
                 py: string;

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

@@ -6,6 +6,7 @@ declare const _default: {
         borderColor: string;
         transition: string;
         '&.is-focused': {
+            backgroundColor: string;
             outline: string;
             outlineColor: string;
             outlineOffset: string;
@@ -55,6 +56,7 @@ declare const _default: {
         border: string;
         transition: string;
         '&.is-focused': {
+            backgroundColor: string;
             outline: string;
             outlineColor: string;
             outlineOffset: string;

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

@@ -25,6 +25,7 @@ var interactive = {
   borderColor: 'border.base',
   transition: 'border-color .25s ease-in',
   '&.is-focused': {
+    backgroundColor: 'background.base',
     outline: '2px solid',
     outlineColor: 'focus',
     outlineOffset: '0px'

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

@@ -1,4 +1,34 @@
 export declare const tableBase: {
+    container: {
+        '& > thead > tr': {
+            '& > th:first-of-type': {
+                borderTopLeftRadius: string;
+            };
+            '& > th:last-of-type': {
+                borderTopRightRadius: string;
+            };
+        };
+        '& > tbody > tr:last-child': {
+            borderBottom: string;
+            borderBottomLeftRadius: string;
+            borderBottomRightRadius: string;
+            '& > td:first-of-type': {
+                borderBottomLeftRadius: string;
+            };
+            '& > td:last-of-type': {
+                borderBottomRightRadius: string;
+            };
+        };
+        '&.has-caption > thead > tr:first-of-type > th': {
+            borderRadius: string;
+        };
+        '&.has-pagination > tbody > tr:last-child': {
+            borderRadius: number;
+            '& > td': {
+                borderRadius: number;
+            };
+        };
+    };
     caption: {
         backgroundColor: string;
         px: string;
@@ -29,17 +59,8 @@ export declare const tableBase: {
     thead: {
         borderBottomColor: string;
         backgroundColor: string;
-        '&:not(.has-caption)': {
-            borderTopLeftRadius: string;
-            borderTopRightRadius: string;
-            '& > tr:first-child': {
-                '& > th:first-of-type': {
-                    borderTopLeftRadius: string;
-                };
-                '& > th:last-of-type': {
-                    borderTopRightRadius: string;
-                };
-            };
+        '&.is-sticky': {
+            boxShadow: string;
         };
     };
     head: {
@@ -61,17 +82,6 @@ export declare const tableBase: {
         backgroundColor: string;
         borderBottomLeftRadius: string;
         borderBottomRightRadius: string;
-        '& > tr:last-child': {
-            borderBottom: string;
-            borderBottomLeftRadius: string;
-            borderBottomRightRadius: string;
-            '& > td:first-of-type': {
-                borderBottomLeftRadius: string;
-            };
-            '& > td:last-of-type': {
-                borderBottomRightRadius: string;
-            };
-        };
     };
     data: {
         py: string;

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

@@ -14,6 +14,7 @@ _Object$defineProperty(exports, "__esModule", {
 });
 exports.tableBase = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _colors = _interopRequireDefault(require("../colors/colors"));
 var _button = require("./button");
 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; }
@@ -21,6 +22,36 @@ var borderRadius = '16px';
 var defaultFocus = _objectSpread(_objectSpread({}, _button.defaultFocus), {}, {
   outlineOffset: '-2px'
 });
+var container = {
+  '& > thead > tr': {
+    '& > th:first-of-type': {
+      borderTopLeftRadius: borderRadius
+    },
+    '& > th:last-of-type': {
+      borderTopRightRadius: borderRadius
+    }
+  },
+  '& > tbody > tr:last-child': {
+    borderBottom: 'unset',
+    borderBottomLeftRadius: borderRadius,
+    borderBottomRightRadius: borderRadius,
+    '& > td:first-of-type': {
+      borderBottomLeftRadius: borderRadius
+    },
+    '& > td:last-of-type': {
+      borderBottomRightRadius: borderRadius
+    }
+  },
+  '&.has-caption > thead > tr:first-of-type > th': {
+    borderRadius: '0'
+  },
+  '&.has-pagination > tbody > tr:last-child': {
+    borderRadius: 0,
+    '& > td': {
+      borderRadius: 0
+    }
+  }
+};
 var caption = {
   backgroundColor: 'background.base',
   px: 'lg',
@@ -47,17 +78,8 @@ var row = {
 var thead = {
   borderBottomColor: 'border.base',
   backgroundColor: 'background.base',
-  '&:not(.has-caption)': {
-    borderTopLeftRadius: borderRadius,
-    borderTopRightRadius: borderRadius,
-    '& > tr:first-child': {
-      '& > th:first-of-type': {
-        borderTopLeftRadius: borderRadius
-      },
-      '& > th:last-of-type': {
-        borderTopRightRadius: borderRadius
-      }
-    }
+  '&.is-sticky': {
+    boxShadow: "0 1px 0 ".concat(_colors["default"].border.base)
   }
 };
 var head = {
@@ -74,24 +96,14 @@ var tbody = {
   borderBottom: 'unset',
   backgroundColor: 'background.base',
   borderBottomLeftRadius: borderRadius,
-  borderBottomRightRadius: borderRadius,
-  '& > tr:last-child': {
-    borderBottom: 'unset',
-    borderBottomLeftRadius: borderRadius,
-    borderBottomRightRadius: borderRadius,
-    '& > td:first-of-type': {
-      borderBottomLeftRadius: borderRadius
-    },
-    '& > td:last-of-type': {
-      borderBottomRightRadius: borderRadius
-    }
-  }
+  borderBottomRightRadius: borderRadius
 };
 var data = _objectSpread(_objectSpread({}, head), {}, {
   py: 'md',
   fontWeight: '1'
 });
 var tableBase = {
+  container: container,
   caption: caption,
   row: row,
   thead: thead,

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

@@ -1225,6 +1225,36 @@ declare const _default: {
         };
     };
     tableBase: {
+        container: {
+            '& > thead > tr': {
+                '& > th:first-of-type': {
+                    borderTopLeftRadius: string;
+                };
+                '& > th:last-of-type': {
+                    borderTopRightRadius: string;
+                };
+            };
+            '& > tbody > tr:last-child': {
+                borderBottom: string;
+                borderBottomLeftRadius: string;
+                borderBottomRightRadius: string;
+                '& > td:first-of-type': {
+                    borderBottomLeftRadius: string;
+                };
+                '& > td:last-of-type': {
+                    borderBottomRightRadius: string;
+                };
+            };
+            '&.has-caption > thead > tr:first-of-type > th': {
+                borderRadius: string;
+            };
+            '&.has-pagination > tbody > tr:last-child': {
+                borderRadius: number;
+                '& > td': {
+                    borderRadius: number;
+                };
+            };
+        };
         caption: {
             backgroundColor: string;
             px: string;
@@ -1255,17 +1285,8 @@ declare const _default: {
         thead: {
             borderBottomColor: string;
             backgroundColor: string;
-            '&:not(.has-caption)': {
-                borderTopLeftRadius: string;
-                borderTopRightRadius: string;
-                '& > tr:first-child': {
-                    '& > th:first-of-type': {
-                        borderTopLeftRadius: string;
-                    };
-                    '& > th:last-of-type': {
-                        borderTopRightRadius: string;
-                    };
-                };
+            '&.is-sticky': {
+                boxShadow: string;
             };
         };
         head: {
@@ -1287,17 +1308,6 @@ declare const _default: {
             backgroundColor: string;
             borderBottomLeftRadius: string;
             borderBottomRightRadius: string;
-            '& > tr:last-child': {
-                borderBottom: string;
-                borderBottomLeftRadius: string;
-                borderBottomRightRadius: string;
-                '& > td:first-of-type': {
-                    borderBottomLeftRadius: string;
-                };
-                '& > td:last-of-type': {
-                    borderBottomRightRadius: string;
-                };
-            };
         };
         data: {
             py: string;

package/lib/cjs/types/tableBase.d.ts

@@ -16,13 +16,11 @@ export interface TableBaseProps<T extends object> extends TableProps<T>, Omit<Ba
     hasSelectionCheckboxes?: boolean;
     'data-testid'?: string;
     caption?: ReactNode | string;
-    tableBodyProps?: Record<string, unknown>;
     isStickyHeader?: boolean;
 }
 export interface TableRowGroupProps extends BaseProp {
-    type: 'thead' | 'tbody' | 'tfoot';
+    type: 'thead' | 'tbody';
     children: ReactNode;
-    hasCaption?: boolean;
     isSticky?: boolean;
 }
 export interface TableHeaderRowProps<T> extends BaseProp {
@@ -59,3 +57,6 @@ export interface TableSelectAllCellProps<T> extends BaseProp {
     state: TableState<T>;
     layoutState: TableColumnResizeState<T>;
 }
+export interface TableCaptionProps {
+    caption: string | React.ReactNode;
+}

package/lib/components/Card/Card.styles.js

@@ -87,7 +87,10 @@ var activeCard = _objectSpread(_objectSpread({}, interactive), {}, {
 });
 var tableWrapper = _objectSpread(_objectSpread({}, container), {}, {
   padding: 0,
-  boxShadow: 'none'
+  boxShadow: 'none',
+  overflow: 'auto',
+  scrollPaddingTop: '50px',
+  scrollPaddingBottom: '20px'
 });
 export default {
   container: container,