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

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

@@ -9,11 +9,42 @@ import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/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) { _defineProperty(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; }
+import colors from '../colors/colors';
 import { defaultFocus as baseFocus } from './button';
 var borderRadius = '16px';
 var defaultFocus = _objectSpread(_objectSpread({}, baseFocus), {}, {
   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',
@@ -40,17 +71,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.border.base)
   }
 };
 var head = {
@@ -67,24 +89,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'
 });
 export var tableBase = {
+  container: container,
   caption: caption,
   row: row,
   thead: thead,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.142.1-alpha.1",
+  "version": "2.143.0-alpha.0",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",