@pingux/astro 2.238.0-alpha.0 → 2.239.0-alpha.0

package/lib/cjs/components/TableBase/TableBase.styles.js

@@ -1,24 +1,12 @@
 "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", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+exports.default = void 0;
 var _onyxTokens = require("@pingux/onyx-tokens");
 var _Text = require("../Text/Text.styles");
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-var defaultFocus = {
+const defaultFocus = {
   outline: '1px',
   outlineStyle: 'solid',
   outlineColor: 'focus',
@@ -32,7 +20,7 @@ var defaultFocus = {
 //   - overflow:auto on the scroll container clips outward box-shadow
 // Pseudo-elements live inside the sticky cell's stacking context and render
 // within the visible viewport, so neither constraint applies.
-var stickyColumnSeparator = {
+const stickyColumnSeparator = {
   // 1px left border line — unaffected by border-collapse
   '&::after': {
     content: '""',
@@ -56,66 +44,66 @@ var stickyColumnSeparator = {
     pointerEvents: 'none'
   }
 };
-var container = {
+const container = {
   width: '100%',
   height: '100%',
   borderSpacing: '0',
   borderCollapse: 'collapse',
   position: 'relative',
   '&.is-last-column-sticky': {
-    'thead tr th:last-of-type': _objectSpread(_objectSpread({
+    'thead tr th:last-of-type': {
       position: 'sticky',
       right: 0,
       backgroundColor: 'white',
-      zIndex: 2
-    }, stickyColumnSeparator), {}, {
+      zIndex: 2,
+      ...stickyColumnSeparator,
       '&.is-focused': {
         borderStyle: 'solid',
         borderColor: 'transparent',
         borderWidth: '2px'
       }
-    }),
+    },
     'tbody tr': {
       '&.is-focused td:last-of-type': {
         borderStyle: 'solid',
         borderColor: 'transparent',
         borderWidth: '4px 2px'
       },
-      '&:nth-of-type(odd) td:last-of-type': _objectSpread(_objectSpread({
+      '&:nth-of-type(odd) td:last-of-type': {
         position: 'sticky',
         right: 0,
         zIndex: 1,
-        backgroundColor: 'inherit'
-      }, stickyColumnSeparator), {}, {
+        backgroundColor: 'inherit',
+        ...stickyColumnSeparator,
         '&.is-focused': {
           borderStyle: 'solid',
           borderColor: 'transparent',
           borderWidth: '2px'
         }
-      }),
-      '&:nth-of-type(even) td:last-of-type': _objectSpread(_objectSpread({
+      },
+      '&:nth-of-type(even) td:last-of-type': {
         position: 'sticky',
         right: 0,
         zIndex: 1,
-        backgroundColor: 'white'
-      }, stickyColumnSeparator), {}, {
+        backgroundColor: 'white',
+        ...stickyColumnSeparator,
         '&.is-focused': {
           borderStyle: 'solid',
           borderColor: 'transparent',
           borderWidth: '2px'
         }
-      })
+      }
     }
   }
 };
-var caption = {
+const caption = {
   fontFamily: 'standard',
   fontSize: 'lg',
   fontWeight: '2',
   p: 'sm',
   textAlign: 'left'
 };
-var thead = {
+const thead = {
   borderBottom: '1px solid',
   backgroundColor: 'white',
   borderBottomColor: 'neutral.40',
@@ -126,7 +114,8 @@ var thead = {
     boxShadow: '0 1px 0 #68747f'
   }
 };
-var head = _objectSpread(_objectSpread({}, _Text.text.label), {}, {
+const head = {
+  ..._Text.text.label,
   fontWeight: 500,
   textAlign: 'left',
   p: 'sm',
@@ -134,13 +123,14 @@ var head = _objectSpread(_objectSpread({}, _Text.text.label), {}, {
   '&:focus-visible': {
     outline: 'none'
   },
-  '&.is-focused': _objectSpread(_objectSpread({}, defaultFocus), {}, {
+  '&.is-focused': {
+    ...defaultFocus,
     '& .resizer': {
       backgroundColor: 'focus'
     }
-  })
-});
-var resizer = {
+  }
+};
+const resizer = {
   cursor: 'col-resize',
   display: 'inline-block',
   width: '2px',
@@ -153,7 +143,9 @@ var resizer = {
   position: 'absolute',
   right: '-0.25rem',
   top: '0',
-  '&.is-focused': _objectSpread({}, defaultFocus),
+  '&.is-focused': {
+    ...defaultFocus
+  },
   '&.is-resizing': {
     backgroundColor: 'focus',
     outline: '0px'
@@ -164,7 +156,8 @@ var resizer = {
 // text/icon, matching `head`'s typography, while remaining its own
 // focusable, activatable element (a sibling to the resizer, not a
 // descendant of it, or vice versa).
-var sortButton = _objectSpread(_objectSpread({}, _Text.text.label), {}, {
+const sortButton = {
+  ..._Text.text.label,
   fontWeight: 500,
   appearance: 'none',
   background: 'none',
@@ -173,21 +166,23 @@ var sortButton = _objectSpread(_objectSpread({}, _Text.text.label), {}, {
   margin: 0,
   cursor: 'pointer',
   textAlign: 'left'
-});
-var tbody = {
+};
+const tbody = {
   borderBottom: '1px solid',
   borderBottomColor: 'neutral.80',
   overflowX: 'auto',
   scrollPaddingBottom: '20px'
 };
-var row = {
+const row = {
   '&:nth-of-type(odd)': {
     backgroundColor: 'neutral.95'
   },
   '&:focus-visible': {
     outline: 'none'
   },
-  '&.is-focused': _objectSpread({}, defaultFocus),
+  '&.is-focused': {
+    ...defaultFocus
+  },
   '&.is-hovered': {
     // This is the hover state for the row
   },
@@ -206,18 +201,21 @@ var row = {
     }
   }
 };
-var data = _objectSpread(_objectSpread({}, _Text.text.tableData), {}, {
+const data = {
+  ..._Text.text.tableData,
   p: 'sm',
-  '&.is-focused': _objectSpread({}, defaultFocus)
-});
-var _default = exports["default"] = {
-  thead: thead,
-  tbody: tbody,
-  caption: caption,
-  container: container,
-  data: data,
-  head: head,
-  row: row,
-  resizer: resizer,
-  sortButton: sortButton
+  '&.is-focused': {
+    ...defaultFocus
+  }
+};
+var _default = exports.default = {
+  thead,
+  tbody,
+  caption,
+  container,
+  data,
+  head,
+  row,
+  resizer,
+  sortButton
 };

package/lib/cjs/components/TableBase/TableBaseEmptyState.js

@@ -1,33 +1,26 @@
 "use strict";
 
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _ControlPointDuplicateIcon = _interopRequireDefault(require("@pingux/mdi-react/ControlPointDuplicateIcon"));
 var _ = require("../..");
 var _react2 = require("@emotion/react");
-var _excluded = ["defaultIcon", "headerLabel", "descriptionLabel", "addButtonLabel", "onAddButtonPress"];
-function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var TableBaseEmptyState = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _props$defaultIcon = props.defaultIcon,
-    defaultIcon = _props$defaultIcon === void 0 ? _ControlPointDuplicateIcon["default"] : _props$defaultIcon,
-    _props$headerLabel = props.headerLabel,
-    headerLabel = _props$headerLabel === void 0 ? 'No items exist' : _props$headerLabel,
-    _props$descriptionLab = props.descriptionLabel,
-    descriptionLabel = _props$descriptionLab === void 0 ? 'Take action by doing x, y, z' : _props$descriptionLab,
-    addButtonLabel = props.addButtonLabel,
-    onAddButtonPress = props.onAddButtonPress,
-    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  return (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const TableBaseEmptyState = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    defaultIcon = _ControlPointDuplicateIcon.default,
+    headerLabel = 'No items exist',
+    descriptionLabel = 'Take action by doing x, y, z',
+    addButtonLabel,
+    onAddButtonPress,
+    ...others
+  } = props;
+  return (0, _react2.jsx)(_.Box, (0, _extends2.default)({
     ref: ref,
     isRow: false,
     alignItems: "center",
@@ -69,4 +62,4 @@ var TableBaseEmptyState = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
   }), addButtonLabel));
 });
 TableBaseEmptyState.displayName = 'TableBaseEmptyState';
-var _default = exports["default"] = TableBaseEmptyState;
+var _default = exports.default = TableBaseEmptyState;

package/lib/cjs/components/TableBase/index.js

@@ -1,20 +1,19 @@
 "use strict";
 
-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", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-_Object$defineProperty(exports, "TableBaseEmptyState", {
+Object.defineProperty(exports, "TableBaseEmptyState", {
   enumerable: true,
-  get: function get() {
-    return _TableBaseEmptyState["default"];
+  get: function () {
+    return _TableBaseEmptyState.default;
   }
 });
-_Object$defineProperty(exports, "default", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
-    return _TableBase["default"];
+  get: function () {
+    return _TableBase.default;
   }
 });
 var _TableBase = _interopRequireDefault(require("./TableBase"));

package/lib/cjs/components/TableBase/stories/NextGenTableBase.js

@@ -1,16 +1,15 @@
 "use strict";
 
-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", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _ = require("../../..");
 var _react2 = require("@emotion/react");
-var NextGenTableBase = function NextGenTableBase() {
-  var headers = [{
+const NextGenTableBase = () => {
+  const headers = [{
     key: 'type',
     name: 'Type'
   }, {
@@ -23,7 +22,7 @@ var NextGenTableBase = function NextGenTableBase() {
     key: 'total_grant',
     name: 'Total Grant'
   }];
-  var objects = [{
+  const objects = [{
     id: 1,
     type: 'Lorem ipsum',
     date: '2020-06-12',
@@ -50,18 +49,12 @@ var NextGenTableBase = function NextGenTableBase() {
     "aria-label": "table"
   }, (0, _react2.jsx)(_.THead, {
     columns: headers
-  }, function (column) {
-    return (0, _react2.jsx)(_.Column, {
-      key: column.key
-    }, column.name);
-  }), (0, _react2.jsx)(_.TBody, {
+  }, column => (0, _react2.jsx)(_.Column, {
+    key: column.key
+  }, column.name)), (0, _react2.jsx)(_.TBody, {
     items: objects
-  }, function (item) {
-    return (0, _react2.jsx)(_.Row, {
-      key: item.id
-    }, function (columnKey) {
-      return (0, _react2.jsx)(_.Cell, null, item[columnKey]);
-    });
-  })));
+  }, item => (0, _react2.jsx)(_.Row, {
+    key: item.id
+  }, columnKey => (0, _react2.jsx)(_.Cell, null, item[columnKey])))));
 };
-var _default = exports["default"] = NextGenTableBase;
+var _default = exports.default = NextGenTableBase;

package/lib/cjs/components/TableBase/tableBaseAttributes.js

@@ -1,23 +1,11 @@
 "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", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.tableBaseArgs = exports.tableBaseArgTypes = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _docArgTypes = require("../../utils/docUtils/docArgTypes");
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-var tableBaseArgTypes = exports.tableBaseArgTypes = {
+const tableBaseArgTypes = exports.tableBaseArgTypes = {
   selectionMode: {
     description: 'The type of selection allowed in the table.',
     control: {
@@ -32,15 +20,18 @@ var tableBaseArgTypes = exports.tableBaseArgTypes = {
     },
     options: ['replace', 'toggle']
   },
-  hasSelectionCheckboxes: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+  hasSelectionCheckboxes: {
+    ..._docArgTypes.booleanArg,
     description: 'Whether selection checkboxes are shown in each row and the header.'
-  }),
-  isStickyHeader: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+  },
+  isStickyHeader: {
+    ..._docArgTypes.booleanArg,
     description: 'Whether the table header remains fixed when the table body scrolls.'
-  }),
-  isLastColumnSticky: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+  },
+  isLastColumnSticky: {
+    ..._docArgTypes.booleanArg,
     description: 'Whether the last column is sticky and remains visible during horizontal scroll.'
-  }),
+  },
   caption: {
     description: 'An accessible caption or label for the table.',
     control: {
@@ -65,17 +56,20 @@ var tableBaseArgTypes = exports.tableBaseArgTypes = {
   children: {
     control: false
   },
-  onSortChange: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+  onSortChange: {
+    ..._docArgTypes.funcArg,
     description: 'Callback invoked when the sort descriptor changes.'
-  }),
-  onSelectionChange: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+  },
+  onSelectionChange: {
+    ..._docArgTypes.funcArg,
     description: 'Callback invoked when the selection state changes.'
-  }),
-  onRowAction: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+  },
+  onRowAction: {
+    ..._docArgTypes.funcArg,
     description: 'Callback fired when a row is pressed (pointer or Enter key), receiving the key of the pressed row.'
-  })
+  }
 };
-var tableBaseArgs = exports.tableBaseArgs = {
+const tableBaseArgs = exports.tableBaseArgs = {
   'aria-label': 'table',
   caption: 'Lorem ipsum',
   selectionMode: 'none',

package/lib/cjs/components/TableBody/TableBody.js

@@ -1,20 +1,15 @@
 "use strict";
 
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("../Box"));
 var _react2 = require("@emotion/react");
-var _excluded = ["children"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * Basic TableBody component.
  *
@@ -22,15 +17,15 @@ var _excluded = ["children"];
  *
  * Needs to be a child of the `<Table>` component. Accepts `<TableRow>` as children.
  *
- */
-function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var TableBody = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var children = props.children,
-    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
+ */const TableBody = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    children,
+    ...others
+  } = props;
+  return (0, _react2.jsx)(_Box.default, (0, _extends2.default)({
     ref: ref,
     variant: "table.body",
     as: "tbody"
   }, others), children);
 });
-var _default = exports["default"] = TableBody;
+var _default = exports.default = TableBody;

package/lib/cjs/components/TableBody/index.js

@@ -1,14 +1,13 @@
 "use strict";
 
-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", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-_Object$defineProperty(exports, "default", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
-    return _TableBody["default"];
+  get: function () {
+    return _TableBody.default;
   }
 });
 var _TableBody = _interopRequireDefault(require("./TableBody"));

package/lib/cjs/components/TableCaption/TableCaption.js

@@ -1,20 +1,15 @@
 "use strict";
 
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("../Box"));
 var _react2 = require("@emotion/react");
-var _excluded = ["children"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * Basic TableCaption component.
  *
@@ -22,15 +17,15 @@ var _excluded = ["children"];
  *
  * Needs to be a child of the `<Table>` component. Accepts text as children.
  *
- */
-function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var TableCaption = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var children = props.children,
-    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
+ */const TableCaption = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    children,
+    ...others
+  } = props;
+  return (0, _react2.jsx)(_Box.default, (0, _extends2.default)({
     ref: ref,
     variant: "table.caption",
     as: "caption"
   }, others), children);
 });
-var _default = exports["default"] = TableCaption;
+var _default = exports.default = TableCaption;

package/lib/cjs/components/TableCaption/index.js

@@ -1,14 +1,13 @@
 "use strict";
 
-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", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-_Object$defineProperty(exports, "default", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
-    return _TableCaption["default"];
+  get: function () {
+    return _TableCaption.default;
   }
 });
 var _TableCaption = _interopRequireDefault(require("./TableCaption"));

package/lib/cjs/components/TableCell/TableCell.js

@@ -1,20 +1,15 @@
 "use strict";
 
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("../Box"));
 var _react2 = require("@emotion/react");
-var _excluded = ["children", "isHeading"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * TableCell component.
  *
@@ -22,16 +17,16 @@ var _excluded = ["children", "isHeading"];
  *
  * Accepts text as children, and needs to have a `<TableRow>` as a parent.
  *
- */
-function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var TableCell = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var children = props.children,
-    isHeading = props.isHeading,
-    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
+ */const TableCell = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    children,
+    isHeading,
+    ...others
+  } = props;
+  return (0, _react2.jsx)(_Box.default, (0, _extends2.default)({
     ref: ref,
     variant: isHeading ? 'table.head' : 'table.data',
     as: isHeading ? 'th' : 'td'
   }, others), children);
 });
-var _default = exports["default"] = TableCell;
+var _default = exports.default = TableCell;