@pingux/astro 2.0.0-alpha.1 → 2.0.0-alpha.4

package/lib/cjs/components/TabPicker/TabPicker.js

@@ -1,92 +1,57 @@
 "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", {
   value: true
 });
-
 exports["default"] = void 0;
-
 var _some = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/some"));
-
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
 var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
-
 var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find-index"));
-
 var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
-
 var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
+var _reactStately = require("react-stately");
+var _interactions = require("@react-aria/interactions");
 var _ArrowDropDownIcon = _interopRequireDefault(require("mdi-react/ArrowDropDownIcon"));
-
 var _ArrowDropUpIcon = _interopRequireDefault(require("mdi-react/ArrowDropUpIcon"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _reactStately = require("react-stately");
-
-var _interactions = require("@react-aria/interactions");
-
-var _hooks = require("../../hooks");
-
 var _ = require("../..");
-
+var _hooks = require("../../hooks");
 var _Tab = require("../Tab");
-
 var _react2 = require("@emotion/react");
-
 var _excluded = ["className", "items", "state", "item"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /* istanbul ignore next */
 var TabPicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var className = _ref.className,
-      items = _ref.items,
-      state = _ref.state,
-      item = _ref.item,
-      others = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-
+    items = _ref.items,
+    state = _ref.state,
+    item = _ref.item,
+    others = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
   var _useState3 = (0, _react.useState)(state.selectedKey),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      selectedItem = _useState4[0],
-      setSelectedItem = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    selectedItem = _useState4[0],
+    setSelectedItem = _useState4[1];
   var selectionManager = state.selectionManager;
-
   var _useState5 = (0, _react.useState)(selectionManager.focusedKey),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      focusedItem = _useState6[0],
-      setFocusedItem = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    focusedItem = _useState6[0],
+    setFocusedItem = _useState6[1];
   var isTabFocused = selectionManager.focusedKey === item.key;
   var isTabSelected = state.selectedKey === item.key;
   var isListItemFocused = (0, _some["default"])(items).call(items, function (el) {
@@ -95,41 +60,34 @@ var TabPicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var isListItemSelected = (0, _some["default"])(items).call(items, function (el) {
     return el.key === state.selectedKey;
   });
-
   var _useMemo = (0, _react.useMemo)(function () {
-    var _context, _tabs$prevIndex, _tabs$nextIndex;
-
-    var tabs = (0, _filter["default"])(_context = (0, _from["default"])(state.collection)).call(_context, function (tab) {
-      var _tab$value;
-
-      return !(tab !== null && tab !== void 0 && (_tab$value = tab.value) !== null && _tab$value !== void 0 && _tab$value.isListItem);
-    });
-    var prevIndex = (0, _findIndex["default"])(tabs).call(tabs, function (tab) {
-      return tab.key === item.key;
-    }) - 1;
-    var nextIndex = (0, _findIndex["default"])(tabs).call(tabs, function (tab) {
-      return tab.key === item.key;
-    }) + 1;
-    return {
-      prevKey: ((_tabs$prevIndex = tabs[prevIndex]) === null || _tabs$prevIndex === void 0 ? void 0 : _tabs$prevIndex.key) || tabs[tabs.length].key,
-      nextKey: ((_tabs$nextIndex = tabs[nextIndex]) === null || _tabs$nextIndex === void 0 ? void 0 : _tabs$nextIndex.key) || tabs[0].key
-    };
-  }, []),
-      prevKey = _useMemo.prevKey,
-      nextKey = _useMemo.nextKey;
-
+      var _context, _tabs$prevIndex, _tabs$nextIndex;
+      var tabs = (0, _filter["default"])(_context = (0, _from["default"])(state.collection)).call(_context, function (tab) {
+        var _tab$value;
+        return !(tab !== null && tab !== void 0 && (_tab$value = tab.value) !== null && _tab$value !== void 0 && _tab$value.isListItem);
+      });
+      var prevIndex = (0, _findIndex["default"])(tabs).call(tabs, function (tab) {
+        return tab.key === item.key;
+      }) - 1;
+      var nextIndex = (0, _findIndex["default"])(tabs).call(tabs, function (tab) {
+        return tab.key === item.key;
+      }) + 1;
+      return {
+        prevKey: ((_tabs$prevIndex = tabs[prevIndex]) === null || _tabs$prevIndex === void 0 ? void 0 : _tabs$prevIndex.key) || tabs[tabs.length].key,
+        nextKey: ((_tabs$nextIndex = tabs[nextIndex]) === null || _tabs$nextIndex === void 0 ? void 0 : _tabs$nextIndex.key) || tabs[0].key
+      };
+    }, []),
+    prevKey = _useMemo.prevKey,
+    nextKey = _useMemo.nextKey;
   var _useStatusClasses = (0, _hooks.useStatusClasses)(className, {
-    isSelected: isListItemSelected
-  }),
-      classNames = _useStatusClasses.classNames;
-
+      isSelected: isListItemSelected
+    }),
+    classNames = _useStatusClasses.classNames;
   var menuRef = (0, _react.useRef)();
-
   var handleSelectedItem = function handleSelectedItem(currentItem) {
     state.setSelectedKey(currentItem);
     setFocusedItem(currentItem);
   };
-
   (0, _react.useEffect)(function () {
     if (selectedItem) {
       handleSelectedItem(selectedItem);
@@ -144,7 +102,6 @@ var TabPicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     if (isOpen && (isTabFocused || isListItemSelected) && menuRef.current) {
       if (focusedItem) {
         var _context2;
-
         (0, _find["default"])(_context2 = (0, _from["default"])(menuRef.current.children)).call(_context2, function (el) {
           return el.dataset.key === focusedItem;
         }).focus();
@@ -152,7 +109,6 @@ var TabPicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         menuRef.current.firstChild.focus();
       }
     }
-
     if (!isOpen && isTabSelected && !selectedItem) {
       setSelectedItem(selectionManager.focusedKey);
     }
@@ -179,7 +135,6 @@ var TabPicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       setFocusedItem(null);
     }
   }, [isTabSelected, isListItemSelected]);
-
   var handleKeyNavigation = function handleKeyNavigation(e) {
     switch (e.key) {
       case 'ArrowRight':
@@ -187,18 +142,15 @@ var TabPicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
           selectionManager.setFocusedKey(nextKey);
           break;
         }
-
       case 'ArrowLeft':
         {
           selectionManager.setFocusedKey(prevKey);
           break;
         }
-
       default:
         break;
     }
   };
-
   var tabProps = others;
   delete tabProps.onPointerDown;
   delete tabProps.onKeyDown;

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

@@ -1,18 +1,14 @@
 "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", {
   value: true
 });
-
 _Object$defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
     return _TabPicker["default"];
   }
 });
-
 var _TabPicker = _interopRequireDefault(require("./TabPicker"));

package/lib/cjs/components/Table/Table.js

@@ -1,27 +1,17 @@
 "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", {
   value: true
 });
-
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Box = _interopRequireDefault(require("../Box"));
-
 var _react2 = require("@emotion/react");
-
 var _excluded = ["children"];
-
 /**
  * Basic Table parent component.
  *
@@ -30,14 +20,14 @@ var _excluded = ["children"];
  * Accepts the `<TableBody>` component and/or the `<TableHead>` as children.
  *
  */
+
 var Table = function Table(props) {
   var children = props.children,
-      others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
     as: "table",
     variant: "table.container"
   }, others), children);
 };
-
 var _default = Table;
 exports["default"] = _default;

package/lib/cjs/components/Table/Table.stories.js

@@ -1,37 +1,22 @@
 "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", {
   value: true
 });
-
 exports["default"] = exports.Default = void 0;
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _Table = _interopRequireDefault(require("./Table"));
-
+var _index = require("../../index");
 var _TableBody = _interopRequireDefault(require("../TableBody"));
-
-var _TableRow = _interopRequireDefault(require("../TableRow"));
-
+var _TableCaption = _interopRequireDefault(require("../TableCaption"));
 var _TableCell = _interopRequireDefault(require("../TableCell"));
-
 var _TableHead = _interopRequireDefault(require("../TableHead"));
-
-var _TableCaption = _interopRequireDefault(require("../TableCaption"));
-
-var _index = require("../../index");
-
+var _TableRow = _interopRequireDefault(require("../TableRow"));
+var _Table = _interopRequireDefault(require("./Table"));
 var _react2 = require("@emotion/react");
-
 var _default = {
   title: 'Components/Table',
   component: _Table["default"]
@@ -56,7 +41,6 @@ var objects = [{
   population: '67,000,000',
   continent: 'Europe'
 }];
-
 var Default = function Default() {
   return (0, _react2.jsx)(_Table["default"], null, (0, _react2.jsx)(_TableCaption["default"], null, (0, _react2.jsx)(_index.Text, {
     fontWeight: 3,
@@ -70,7 +54,6 @@ var Default = function Default() {
     }, head);
   }))), (0, _react2.jsx)(_TableBody["default"], null, (0, _map["default"])(objects).call(objects, function (object) {
     var _context;
-
     return (0, _react2.jsx)(_TableRow["default"], {
       key: object.country
     }, (0, _map["default"])(_context = (0, _values["default"])(object)).call(_context, function (value) {
@@ -80,5 +63,4 @@ var Default = function Default() {
     }));
   })));
 };
-
 exports.Default = Default;

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

@@ -1,49 +1,32 @@
 "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["default"] = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _Text = require("../Text/Text.styles");
-
 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 head = _objectSpread(_objectSpread({}, _Text.text.label), {}, {
   fontWeight: 500,
   width: '100%',
   flexDirection: 'row !important',
   p: '10px'
 });
-
 var data = _objectSpread(_objectSpread({}, _Text.text.tableData), {}, {
   width: '100%',
   p: '10px'
 });
-
 var body = {
   borderTop: '1px solid',
   borderTopColor: 'neutral.40',

package/lib/cjs/components/Table/Table.test.js

@@ -1,33 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@testing-library/react");
-
-var _Table = _interopRequireDefault(require("./Table"));
-
+var _index = require("../../index");
+var _testAxe = _interopRequireDefault(require("../../utils/testUtils/testAxe"));
 var _TableBody = _interopRequireDefault(require("../TableBody"));
-
-var _TableRow = _interopRequireDefault(require("../TableRow"));
-
+var _TableCaption = _interopRequireDefault(require("../TableCaption"));
 var _TableCell = _interopRequireDefault(require("../TableCell"));
-
 var _TableHead = _interopRequireDefault(require("../TableHead"));
-
-var _TableCaption = _interopRequireDefault(require("../TableCaption"));
-
-var _index = require("../../index");
-
-var _testAxe = _interopRequireDefault(require("../../utils/testUtils/testAxe"));
-
+var _TableRow = _interopRequireDefault(require("../TableRow"));
+var _Table = _interopRequireDefault(require("./Table"));
 var _react3 = require("@emotion/react");
-
 var testId = 'test-table';
 var defaultProps = {
   'data-testid': testId
@@ -51,7 +37,6 @@ var objects = [{
   population: '67,000,000',
   continent: 'Europe'
 }];
-
 var getComponent = function getComponent() {
   return (0, _react2.render)((0, _react3.jsx)(_Table["default"], defaultProps, (0, _react3.jsx)(_TableCaption["default"], null, (0, _react3.jsx)(_index.Text, {
     fontWeight: 3,
@@ -65,7 +50,6 @@ var getComponent = function getComponent() {
     }, head);
   }))), (0, _react3.jsx)(_TableBody["default"], null, (0, _map["default"])(objects).call(objects, function (object) {
     var _context;
-
     return (0, _react3.jsx)(_TableRow["default"], {
       key: object.country
     }, (0, _map["default"])(_context = (0, _values["default"])(object)).call(_context, function (value) {
@@ -74,15 +58,13 @@ var getComponent = function getComponent() {
       }, value);
     }));
   }))));
-}; // Need to be added to each test file to test accessibility using axe.
-
+};
 
+// Need to be added to each test file to test accessibility using axe.
 (0, _testAxe["default"])(getComponent);
 test('default table', function () {
   getComponent();
-
   var table = _react2.screen.getByTestId(testId);
-
   expect(table).toBeInstanceOf(HTMLTableElement);
   expect(table).toBeInTheDocument();
 });

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

@@ -1,18 +1,14 @@
 "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", {
   value: true
 });
-
 _Object$defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
     return _Table["default"];
   }
 });
-
 var _Table = _interopRequireDefault(require("./Table"));

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

@@ -1,27 +1,17 @@
 "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", {
   value: true
 });
-
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Box = _interopRequireDefault(require("../Box"));
-
 var _react2 = require("@emotion/react");
-
 var _excluded = ["children"];
-
 /**
  * Basic TableBody component.
  *
@@ -30,14 +20,14 @@ var _excluded = ["children"];
  * Needs to be a child of the `<Table>` component. Accepts `<TableRow>` as children.
  *
  */
+
 var TableBody = function TableBody(props) {
   var children = props.children,
-      others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
     variant: "table.body",
     as: "tbody"
   }, others), children);
 };
-
 var _default = TableBody;
 exports["default"] = _default;

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

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

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

@@ -1,27 +1,17 @@
 "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", {
   value: true
 });
-
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Box = _interopRequireDefault(require("../Box"));
-
 var _react2 = require("@emotion/react");
-
 var _excluded = ["children"];
-
 /**
  * Basic TableCaption component.
  *
@@ -30,14 +20,14 @@ var _excluded = ["children"];
  * Needs to be a child of the `<Table>` component. Accepts text as children.
  *
  */
+
 var TableCaption = function TableCaption(props) {
   var children = props.children,
-      others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
     variant: "table.caption",
     as: "caption"
   }, others), children);
 };
-
 var _default = TableCaption;
 exports["default"] = _default;

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

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

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

@@ -1,29 +1,18 @@
 "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", {
   value: true
 });
-
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Box = _interopRequireDefault(require("../Box"));
-
 var _react2 = require("@emotion/react");
-
 var _excluded = ["children", "isHeading"];
-
 /**
  * TableCell component.
  *
@@ -32,16 +21,16 @@ var _excluded = ["children", "isHeading"];
  * Accepts text as children, and needs to have a `<TableRow>` as a parent.
  *
  */
+
 var TableCell = function TableCell(props) {
   var children = props.children,
-      isHeading = props.isHeading,
-      others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    isHeading = props.isHeading,
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
     variant: isHeading ? 'table.head' : 'table.data',
     as: isHeading ? 'th' : 'td'
   }, others), children);
 };
-
 TableCell.propTypes = {
   /** Determines whether or not the html rendered is a th or td element. */
   isHeading: _propTypes["default"].bool