@spothero/ui 17.0.2 → 17.0.3-beta.0

package/dist/components/Modal/Modal.stories.js

@@ -1,58 +1,22 @@
 "use strict";
 
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-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 _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TransactionalWithExpandingContent = exports.Transactional = exports.Passive = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@chakra-ui/react");
-
 var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
-
 var _createControl = require("storybook/utils/create-control");
-
 var _index = require("./index");
-
 var _Button = _interopRequireDefault(require("../Button/Button"));
-
 var _Text = _interopRequireDefault(require("../Text/Text"));
-
 var _Heading = _interopRequireDefault(require("../Heading/Heading"));
-
 var _Accordion = _interopRequireWildcard(require("../Accordion"));
-
-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; }
-
-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 source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
 var _default = {
   title: 'v2/Modal',
   component: _index.Modal,
@@ -61,7 +25,9 @@ var _default = {
     removeBaseHtmlClass: true,
     chakraLink: 'https://chakra-ui.com/docs/overlay/Modal'
   },
-  argTypes: _objectSpread(_objectSpread(_objectSpread({}, (0, _createControl.createSelectControl)('size', ['sm', 'md', 'lg'])), (0, _disableArgs.default)(['isOpen', 'onClose', 'footer'])), {}, {
+  argTypes: {
+    ...(0, _createControl.createSelectControl)('size', ['sm', 'md', 'lg']),
+    ...(0, _disableArgs.default)(['isOpen', 'onClose', 'footer']),
     hideCloseButton: {
       control: {
         type: 'boolean'
@@ -77,103 +43,73 @@ var _default = {
         type: 'text'
       }
     }
-  }),
+  },
   args: {
     size: 'md'
   }
 };
 exports.default = _default;
-
-var Transactional = function Transactional(props) {
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
-
-  var isMobile = (0, _react2.useBreakpointValue)({
+const Transactional = props => {
+  const [open, setOpen] = (0, _react.useState)(false);
+  const isMobile = (0, _react2.useBreakpointValue)({
     base: true,
     tablet: false
   });
   return /*#__PURE__*/_react.default.createElement(_react2.Box, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
     marginBottom: 2
   }, "A \"Transactional\" modal just refers to one with a", ' ', /*#__PURE__*/_react.default.createElement("code", null, "footer"), " prop."), /*#__PURE__*/_react.default.createElement(_Button.default, {
-    onClick: function onClick() {
-      return setOpen(true);
-    }
+    onClick: () => setOpen(true)
   }, "Open Modal"), /*#__PURE__*/_react.default.createElement(_index.Modal, (0, _extends2.default)({}, props, {
     footer: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
-      onClick: function onClick() {
-        return setOpen(false);
-      },
+      onClick: () => setOpen(false),
       variant: "secondary",
       marginRight: 4
     }, "Cancel"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-      onClick: function onClick() {
-        return setOpen(false);
-      },
+      onClick: () => setOpen(false),
       variant: "primary"
     }, "Submit")),
     isMobile: isMobile,
     isOpen: open,
-    onClose: function onClose() {
-      return setOpen(false);
-    }
+    onClose: () => setOpen(false)
   }), props.children));
 };
-
 exports.Transactional = Transactional;
 Transactional.args = {
   header: 'Transactional',
   children: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tincidunt lectus et mauris viverra, nec tincidunt arcu rhoncus. Duis pellentesque vestibulum orci ut mattis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis vel malesuada ligula. Cras dapibus enim sem. Suspendisse potenti. Mauris tempus non tortor eu placerat. Pellentesque faucibus dui vitae purus iaculis, ac convallis turpis gravida. Ut ac massa pretium, finibus quam vitae, aliquet libero. orci ut mattis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis vel malesuada ligula. Cras dapibus enim sem. Suspendisse potenti. Mauris tempus non tortor eu placerat. Pellentesque faucibus dui vitae purus iaculis, ac convallis turpis gravida. Ut ac massa pretium, finibus quam vitae, aliquet libero.'
 };
-
-var Passive = function Passive(props) {
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      open = _useState4[0],
-      setOpen = _useState4[1];
-
-  var isMobile = (0, _react2.useBreakpointValue)({
+const Passive = props => {
+  const [open, setOpen] = (0, _react.useState)(false);
+  const isMobile = (0, _react2.useBreakpointValue)({
     base: true,
     tablet: false
   });
   return /*#__PURE__*/_react.default.createElement(_react2.Box, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
     marginBottom: 2
   }, "A \"Passive\" modal just refers to one with no", ' ', /*#__PURE__*/_react.default.createElement("code", null, "footer"), " prop."), /*#__PURE__*/_react.default.createElement(_Button.default, {
-    onClick: function onClick() {
-      return setOpen(true);
-    }
+    onClick: () => setOpen(true)
   }, "Open Modal"), /*#__PURE__*/_react.default.createElement(_index.Modal, (0, _extends2.default)({}, props, {
     isMobile: isMobile,
     isOpen: open,
-    onClose: function onClose() {
-      return setOpen(false);
-    }
+    onClose: () => setOpen(false)
   }), props.children));
 };
-
 exports.Passive = Passive;
 Passive.args = {
   header: 'Passive',
   children: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tincidunt lectus et mauris viverra, nec tincidunt arcu rhoncus. Duis pellentesque vestibulum orci ut mattis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis vel malesuada ligula. Cras dapibus enim sem. Suspendisse potenti. Mauris tempus non tortor eu placerat. Pellentesque faucibus dui vitae purus iaculis, ac convallis turpis gravida. Ut ac massa pretium, finibus quam vitae, aliquet libero. orci ut mattis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis vel malesuada ligula. Cras dapibus enim sem. Suspendisse potenti. Mauris tempus non tortor eu placerat. Pellentesque faucibus dui vitae purus iaculis, ac convallis turpis gravida. Ut ac massa pretium, finibus quam vitae, aliquet libero.'
 };
-
-var TransactionalWithExpandingContent = function TransactionalWithExpandingContent(props) {
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      open = _useState6[0],
-      setOpen = _useState6[1];
-
-  var accordionRefs = [/*#__PURE__*/_react.default.createRef(), /*#__PURE__*/_react.default.createRef()];
-  var isMobile = (0, _react2.useBreakpointValue)({
+const TransactionalWithExpandingContent = props => {
+  const [open, setOpen] = (0, _react.useState)(false);
+  const accordionRefs = [/*#__PURE__*/_react.default.createRef(), /*#__PURE__*/_react.default.createRef()];
+  const isMobile = (0, _react2.useBreakpointValue)({
     base: true,
     tablet: false
   });
-
-  var handleAccordionChange = function handleAccordionChange(index) {
+  const handleAccordionChange = index => {
     if (accordionRefs[index]) {
       // Timeout so that scroll doesn't happen until accordion animation complete
-      setTimeout(function () {
+      setTimeout(() => {
         accordionRefs[index].current.scrollIntoView({
           behavior: 'smooth',
           block: 'start'
@@ -181,7 +117,6 @@ var TransactionalWithExpandingContent = function TransactionalWithExpandingConte
       }, 150);
     }
   };
-
   return /*#__PURE__*/_react.default.createElement(_react2.Box, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
     marginBottom: 2
   }, "When content inside a modal dynamically expands, the modal should scroll to that new content."), /*#__PURE__*/_react.default.createElement(_Text.default, {
@@ -189,15 +124,11 @@ var TransactionalWithExpandingContent = function TransactionalWithExpandingConte
   }, "However, this is something we'll need to implement on a case by case basis when it applies."), /*#__PURE__*/_react.default.createElement(_Text.default, {
     marginBottom: 2
   }, "Feel free to check the code of this demo to see an example of how we might do that."), /*#__PURE__*/_react.default.createElement(_Button.default, {
-    onClick: function onClick() {
-      return setOpen(true);
-    }
+    onClick: () => setOpen(true)
   }, "Open Modal"), /*#__PURE__*/_react.default.createElement(_index.Modal, (0, _extends2.default)({}, props, {
     header: "Transactional with Expanding Content",
     footer: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
-      onClick: function onClick() {
-        return setOpen(false);
-      },
+      onClick: () => setOpen(false),
       variant: "secondary",
       marginRight: 4
     }, "Cancel"), /*#__PURE__*/_react.default.createElement(_Button.default, {
@@ -205,9 +136,7 @@ var TransactionalWithExpandingContent = function TransactionalWithExpandingConte
     }, "Submit")),
     isMobile: isMobile,
     isOpen: open,
-    onClose: function onClose() {
-      return setOpen(false);
-    }
+    onClose: () => setOpen(false)
   }), /*#__PURE__*/_react.default.createElement(_react2.Box, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
     marginBottom: 2
   }, "Try opening an Accordion when it is at the very bottom of the modal."), /*#__PURE__*/_react.default.createElement(_Text.default, {
@@ -231,6 +160,7 @@ var TransactionalWithExpandingContent = function TransactionalWithExpandingConte
     textAlign: "left"
   }, "Accordion 2"), /*#__PURE__*/_react.default.createElement(_Accordion.AccordionIcon, null))), /*#__PURE__*/_react.default.createElement(_Accordion.AccordionPanel, null, /*#__PURE__*/_react.default.createElement(_Text.default, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tincidunt lectus et mauris viverra, nec tincidunt arcu rhoncus. Duis pellentesque vestibulum orci ut mattis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis vel malesuada ligula. Cras dapibus enim sem. Suspendisse potenti. Mauris tempus non tortor eu placerat. Pellentesque faucibus dui vitae purus iaculis, ac convallis turpis gravida. Ut ac massa pretium, finibus quam vitae, aliquet libero. Aliquam et urna condimentum, sagittis nisl hendrerit, elementum velit. Nullam quis nisl dictum, suscipit ligula nec, elementum libero. Nullam eu lorem convallis, dictum nisl in, condimentum dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Viva")))))));
 };
-
 exports.TransactionalWithExpandingContent = TransactionalWithExpandingContent;
-TransactionalWithExpandingContent.argTypes = _objectSpread({}, (0, _disableArgs.default)(['children', 'header']));
+TransactionalWithExpandingContent.argTypes = {
+  ...(0, _disableArgs.default)(['children', 'header'])
+};

package/dist/components/Modal/index.js

@@ -1,15 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Modal.default;
   }
 });
-
 var _Modal = _interopRequireDefault(require("./Modal"));

package/dist/components/Modal/styles/body.js

@@ -1,33 +1,16 @@
 "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 _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
-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"));
-
-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 source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var _default = function _default(_ref) {
-  var footer = _ref.footer,
-      header = _ref.header,
-      hideCloseButton = _ref.hideCloseButton;
-  var scrollingHeaderStyles = header || !hideCloseButton ? {
+var _default = _ref => {
+  let {
+    footer,
+    header,
+    hideCloseButton
+  } = _ref;
+  const scrollingHeaderStyles = header || !hideCloseButton ? {
     // The following adapted from https://lea.verou.me/2012/04/background-attachment-local/
     background: 'linear-gradient(white 30%, white), linear-gradient(rgb(0 0 0 / 10%) 0%, white)',
     backgroundRepeat: 'no-repeat',
@@ -35,14 +18,14 @@ var _default = function _default(_ref) {
     backgroundSize: '100% 30px, 100% 10px',
     backgroundAttachment: 'local, scroll'
   } : {};
-  return _objectSpread({
+  return {
     borderBottomRadius: footer ? null : 'md',
     paddingX: 4,
     paddingBottom: 4,
     flex: 1,
     overflow: 'auto',
-    display: 'flex'
-  }, scrollingHeaderStyles);
+    display: 'flex',
+    ...scrollingHeaderStyles
+  };
 };
-
 exports.default = _default;

package/dist/components/Modal/styles/closeButton.js

@@ -4,9 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var _default = function _default(_ref) {
-  var header = _ref.header;
+var _default = _ref => {
+  let {
+    header
+  } = _ref;
   return {
     position: 'absolute',
     top: header ? 4 : 2,
@@ -23,5 +24,4 @@ var _default = function _default(_ref) {
     }
   };
 };
-
 exports.default = _default;

package/dist/components/Modal/styles/dialog.js

@@ -4,9 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var _default = function _default(_ref) {
-  var footer = _ref.footer;
+var _default = _ref => {
+  let {
+    footer
+  } = _ref;
   return {
     borderRadius: 'md',
     borderBottomRadius: {
@@ -21,5 +22,4 @@ var _default = function _default(_ref) {
     paddingBottom: footer ? 0 : 4
   };
 };
-
 exports.default = _default;

package/dist/components/Modal/styles/dialogContainer.js

@@ -1,17 +1,10 @@
 "use strict";
 
-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 _display$zIndex$justi;
-
-var _default = (_display$zIndex$justi = {
+var _default = {
   display: 'flex',
   zIndex: 'layer8',
   justifyContent: 'center',
@@ -20,7 +13,8 @@ var _default = (_display$zIndex$justi = {
     tablet: 'center'
   },
   height: '100%',
-  minHeight: '-moz-available'
-}, (0, _defineProperty2.default)(_display$zIndex$justi, "minHeight", '-webkit-fill-available'), (0, _defineProperty2.default)(_display$zIndex$justi, "minHeight", 'fill-available'), _display$zIndex$justi);
-
+  minHeight: '-moz-available',
+  minHeight: '-webkit-fill-available',
+  minHeight: 'fill-available'
+};
 exports.default = _default;

package/dist/components/Modal/styles/header.js

@@ -4,10 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var _default = function _default(_ref) {
-  var hideCloseButton = _ref.hideCloseButton,
-      header = _ref.header;
+var _default = _ref => {
+  let {
+    hideCloseButton,
+    header
+  } = _ref;
   return {
     padding: !hideCloseButton || header ? 4 : 2,
     fontSize: 'xl',
@@ -16,5 +17,4 @@ var _default = function _default(_ref) {
     minHeight: header || hideCloseButton ? null : 12
   };
 };
-
 exports.default = _default;

package/dist/components/Modal/styles/index.js

@@ -1,43 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _merge = _interopRequireDefault(require("lodash/merge"));
-
 var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
-
 var _overlay = _interopRequireDefault(require("./overlay"));
-
 var _dialogContainer = _interopRequireDefault(require("./dialogContainer"));
-
 var _dialog = _interopRequireDefault(require("./dialog"));
-
 var _header = _interopRequireDefault(require("./header"));
-
 var _closeButton = _interopRequireDefault(require("./closeButton"));
-
 var _body = _interopRequireDefault(require("./body"));
-
 var _footer = _interopRequireDefault(require("./footer"));
-
-var baseStyle = function baseStyle(props) {
-  return {
-    overlay: _overlay.default,
-    dialogContainer: _dialogContainer.default,
-    dialog: (0, _dialog.default)(props),
-    header: (0, _header.default)(props),
-    closeButton: (0, _closeButton.default)(props),
-    body: (0, _body.default)(props),
-    footer: _footer.default
-  };
-};
-
-var sizes = {
+const baseStyle = props => ({
+  overlay: _overlay.default,
+  dialogContainer: _dialogContainer.default,
+  dialog: (0, _dialog.default)(props),
+  header: (0, _header.default)(props),
+  closeButton: (0, _closeButton.default)(props),
+  body: (0, _body.default)(props),
+  footer: _footer.default
+});
+const sizes = {
   sm: {
     dialog: {
       // Would have preferred object syntax here and below, but wasn't working for whatever reason
@@ -61,10 +47,8 @@ var sizes = {
     }
   }
 };
-
 var _default = (0, _merge.default)(_theme.default.components.Modal, {
-  baseStyle: baseStyle,
-  sizes: sizes
+  baseStyle,
+  sizes
 });
-
 exports.default = _default;

package/dist/components/Popover/Popover.js

@@ -1,48 +1,27 @@
 "use strict";
 
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-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 _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@chakra-ui/react");
-
-var _excluded = ["children"];
-
-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; }
-
-var Popover = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _context;
-
-  var children = props.children,
-      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
+const Popover = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    children,
+    ...rest
+  } = props;
   return /*#__PURE__*/_react.default.createElement(_react2.Popover, (0, _extends2.default)({}, rest, {
     ref: ref
-  }), (0, _map.default)(_context = _react.Children.toArray(children)).call(_context, function (child, index) {
-    return /*#__PURE__*/(0, _react.cloneElement)(child, {
-      ref: ref,
-      variant: props.variant,
-      key: "Popover-child-".concat(index)
-    });
-  }));
+  }), _react.Children.toArray(children).map((child, index) => /*#__PURE__*/(0, _react.cloneElement)(child, {
+    ref,
+    variant: props.variant,
+    key: `Popover-child-${index}`
+  })));
 });
 var _default = Popover;
 exports.default = _default;