@spothero/ui 17.1.0-beta.5 → 17.1.1

package/dist/components/List/List.js

@@ -1,45 +1,25 @@
 "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 _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@chakra-ui/react");
-
-var _excluded = ["type"];
-
-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 unorderedProps = {
+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 unorderedProps = {
   as: 'ul',
   styleType: 'disc'
 };
-var orderedProps = {
+const orderedProps = {
   as: 'ol',
   styleType: 'decimal'
 };
-var STYLE_POSITIONS = {
+const STYLE_POSITIONS = {
   unset: 'unset',
   revert: 'revert',
   inside: 'inside',
@@ -47,28 +27,26 @@ var STYLE_POSITIONS = {
   initial: 'initial',
   inherit: 'inherit'
 };
-var TYPES = {
+const TYPES = {
   ordered: 'ordered',
   unstyled: 'unstyled',
   unordered: 'unordered'
 };
-
-var getListProps = function getListProps(type) {
+const getListProps = type => {
   switch (type) {
     case TYPES.ordered:
       return orderedProps;
-
     case TYPES.unordered:
       return unorderedProps;
-
     default:
       return;
   }
 };
-
-var List = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var type = _ref.type,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+const List = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    type,
+    ...props
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_react2.List, (0, _extends2.default)({}, getListProps(type), props, {
     ref: ref
   }));
@@ -79,10 +57,9 @@ List.defaultProps = {
 };
 List.propTypes = {
   /** The position of the list style */
-  stylePosition: _propTypes.default.oneOf((0, _keys.default)(STYLE_POSITIONS)),
-
+  stylePosition: _propTypes.default.oneOf(Object.keys(STYLE_POSITIONS)),
   /** Changes the underlying markdown to be an ordered or unorderd list, (unstyled will render a ul by default) */
-  type: _propTypes.default.oneOf((0, _keys.default)(TYPES))
+  type: _propTypes.default.oneOf(Object.keys(TYPES))
 };
 var _default = List;
 exports.default = _default;

package/dist/components/List/List.stories.js

@@ -1,62 +1,26 @@
 "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 = exports.Unstyled = exports.Unordered = exports.Overview = exports.Ordered = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _fill = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/fill"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _testDataBot = require("@jackfranklin/test-data-bot");
-
+var _faker = require("@faker-js/faker");
 var _List = _interopRequireDefault(require("./List"));
-
 var _index = require("./index");
-
 var _Spaces = _interopRequireDefault(require("../../utils/Spaces"));
-
 var _Text = _interopRequireDefault(require("../Text/Text"));
-
 var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
-
-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 DISABLE_TYPE = (0, _disableArgs.default)('type');
-var randomListText = (0, _testDataBot.build)('ListText', {
-  fields: {
-    text: (0, _testDataBot.fake)(function (f) {
-      return f.random.words(10);
-    })
-  }
-});
-
-var Usage = function Usage(_ref) {
-  var type = _ref.type;
-  return /*#__PURE__*/_react.default.createElement(_Text.default, null, "<List", type ? " type=\"".concat(type, "\"") : '', ">", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, null), "<ListItem>", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, {
+const DISABLE_TYPE = (0, _disableArgs.default)('type');
+const Usage = _ref => {
+  let {
+    type
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_Text.default, null, "<List", type ? ` type="${type}"` : '', ">", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, null), "<ListItem>", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, {
     spaces: 6
   }), "...", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, null), "</ListItem>", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, null), "...", /*#__PURE__*/_react.default.createElement("br", null), "</List>");
 };
-
 var _default = {
   title: 'v2/List',
   component: _List.default,
@@ -69,25 +33,17 @@ var _default = {
   }
 };
 exports.default = _default;
-
-var OverviewTemplate = function OverviewTemplate(props) {
-  var _context, _context2;
-
-  return /*#__PURE__*/_react.default.createElement(_List.default, props, (0, _map.default)(_context = (0, _fill.default)(_context2 = Array(10)).call(_context2, null)).call(_context, function (_, index) {
-    return /*#__PURE__*/_react.default.createElement(_index.ListItem, {
-      key: index
-    }, randomListText().text);
-  }));
-};
-
-var Overview = OverviewTemplate.bind({});
+const OverviewTemplate = props => /*#__PURE__*/_react.default.createElement(_List.default, props, Array(10).fill(null).map((_, index) => /*#__PURE__*/_react.default.createElement(_index.ListItem, {
+  key: index
+}, _faker.faker.random.words(10))));
+const Overview = OverviewTemplate.bind({});
 exports.Overview = Overview;
 Overview.parameters = {
   usage: [/*#__PURE__*/_react.default.createElement(Usage, {
     key: 1
   })]
 };
-var Unordered = OverviewTemplate.bind({});
+const Unordered = OverviewTemplate.bind({});
 exports.Unordered = Unordered;
 Unordered.argTypes = DISABLE_TYPE;
 Unordered.parameters = {
@@ -99,7 +55,7 @@ Unordered.parameters = {
 Unordered.args = {
   type: 'unordered'
 };
-var Ordered = OverviewTemplate.bind({});
+const Ordered = OverviewTemplate.bind({});
 exports.Ordered = Ordered;
 Ordered.argTypes = DISABLE_TYPE;
 Ordered.parameters = {
@@ -111,14 +67,17 @@ Ordered.parameters = {
 Ordered.args = {
   type: 'ordered'
 };
-var Unstyled = OverviewTemplate.bind({});
+const Unstyled = OverviewTemplate.bind({});
 exports.Unstyled = Unstyled;
 Unstyled.parameters = {
   usage: [/*#__PURE__*/_react.default.createElement(Usage, {
     key: 1
   })]
 };
-Unstyled.argTypes = _objectSpread(_objectSpread({}, DISABLE_TYPE), (0, _disableArgs.default)('stylePosition'));
+Unstyled.argTypes = {
+  ...DISABLE_TYPE,
+  ...(0, _disableArgs.default)('stylePosition')
+};
 Unstyled.args = {
   type: 'unstyled'
 };

package/dist/components/List/index.js

@@ -1,23 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "ListItem", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _react.ListItem;
   }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _List.default;
   }
 });
-
 var _List = _interopRequireDefault(require("./List"));
-
 var _react = require("@chakra-ui/react");

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

@@ -1,24 +1,17 @@
 "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 _item = _interopRequireDefault(require("./item.styles"));
-
-var baseStyle = {
+const baseStyle = {
   item: _item.default
 };
-
 var _default = (0, _merge.default)(_theme.default.components.List, {
-  baseStyle: baseStyle
+  baseStyle
 });
-
 exports.default = _default;

package/dist/components/List/styles/item.styles.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var item = {
+const item = {
   mb: 2
 };
 var _default = item;

package/dist/components/Loader/Loader.js

@@ -1,52 +1,37 @@
 "use strict";
 
 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 _react2 = require("@chakra-ui/react");
-
-var _excluded = ["color", "loaderBackgroundColor", "isInfinite", "size", "thickness", "trackColor", "value"];
-
-var Loader = function Loader(_ref) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'success' : _ref$color,
-      _ref$loaderBackground = _ref.loaderBackgroundColor,
-      loaderBackgroundColor = _ref$loaderBackground === void 0 ? 'transparent' : _ref$loaderBackground,
-      _ref$isInfinite = _ref.isInfinite,
-      isInfinite = _ref$isInfinite === void 0 ? true : _ref$isInfinite,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 12 : _ref$size,
-      _ref$thickness = _ref.thickness,
-      thickness = _ref$thickness === void 0 ? 2 : _ref$thickness,
-      _ref$trackColor = _ref.trackColor,
-      trackColor = _ref$trackColor === void 0 ? 'gray.medium' : _ref$trackColor,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? 0 : _ref$value,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+const Loader = _ref => {
+  let {
+    color = 'success',
+    loaderBackgroundColor = 'transparent',
+    isInfinite = true,
+    size = 12,
+    thickness = 2,
+    trackColor = 'gray.medium',
+    value = 0,
+    ...props
+  } = _ref;
   /* -------------------------------------------------------------------- *\
       Note: Since most of the props for this component control multiple
       styles at a time, it was decided that it made the most sense to set
       up the default style-related properties here in lou of creating an
       overly complex styles file.
   \* -------------------------------------------------------------------- */
-  var loaderDefaultProps = {
-    color: color,
+  const loaderDefaultProps = {
+    color,
     isIndeterminate: isInfinite,
-    size: size,
-    thickness: thickness,
-    trackColor: trackColor,
-    value: value,
+    size,
+    thickness,
+    trackColor,
+    value,
     capIsRound: true
   };
   return /*#__PURE__*/_react.default.createElement(_react2.CircularProgress, (0, _extends2.default)({
@@ -57,6 +42,5 @@ var Loader = function Loader(_ref) {
     }
   }, loaderDefaultProps, props));
 };
-
 var _default = Loader;
 exports.default = _default;

package/dist/components/Loader/Loader.stories.js

@@ -1,36 +1,14 @@
 "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 = exports.Overview = exports.InfiniteLoader = exports.FiniteLoader = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
-
 var _createControl = require("storybook/utils/create-control");
-
 var _Loader = _interopRequireDefault(require("./Loader"));
-
-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 = {
   title: 'v2/Loader',
   component: _Loader.default,
@@ -38,7 +16,7 @@ var _default = {
     removeBaseHtmlClass: true,
     importBy: 'Loader'
   },
-  argTypes: _objectSpread(_objectSpread({
+  argTypes: {
     color: {
       options: ['primary.default', 'secondary.default', 'white', 'success', 'warning', 'error'],
       control: {
@@ -96,25 +74,23 @@ var _default = {
           white: 'White'
         }
       }
-    }
-  }, (0, _createControl.createRangeControl)({
-    name: 'thickness',
-    min: 2,
-    max: 16,
-    step: 2
-  })), (0, _createControl.createRangeControl)({
-    name: 'value',
-    min: 1,
-    max: 100
-  }))
+    },
+    ...(0, _createControl.createRangeControl)({
+      name: 'thickness',
+      min: 2,
+      max: 16,
+      step: 2
+    }),
+    ...(0, _createControl.createRangeControl)({
+      name: 'value',
+      min: 1,
+      max: 100
+    })
+  }
 };
 exports.default = _default;
-
-var Template = function Template(props) {
-  return /*#__PURE__*/_react.default.createElement(_Loader.default, props);
-};
-
-var Overview = Template.bind({});
+const Template = props => /*#__PURE__*/_react.default.createElement(_Loader.default, props);
+const Overview = Template.bind({});
 exports.Overview = Overview;
 Overview.args = {
   color: 'success',
@@ -125,16 +101,20 @@ Overview.args = {
   trackColor: 'gray.medium',
   value: 35
 };
-var FiniteLoader = Template.bind({});
+const FiniteLoader = Template.bind({});
 exports.FiniteLoader = FiniteLoader;
-FiniteLoader.argTypes = _objectSpread({}, (0, _disableArgs.default)(['color', 'isInfinite', 'loaderBackgroundColor', 'size', 'thickness', 'trackColor']));
+FiniteLoader.argTypes = {
+  ...(0, _disableArgs.default)(['color', 'isInfinite', 'loaderBackgroundColor', 'size', 'thickness', 'trackColor'])
+};
 FiniteLoader.args = {
   isInfinite: false,
   value: 35
 };
-var InfiniteLoader = Template.bind({});
+const InfiniteLoader = Template.bind({});
 exports.InfiniteLoader = InfiniteLoader;
-InfiniteLoader.argTypes = _objectSpread({}, (0, _disableArgs.default)(['color', 'loaderBackgroundColor', 'size', 'thickness', 'trackColor', 'value']));
+InfiniteLoader.argTypes = {
+  ...(0, _disableArgs.default)(['color', 'loaderBackgroundColor', 'size', 'thickness', 'trackColor', 'value'])
+};
 InfiniteLoader.args = {
   isInfinite: true
 };

package/dist/components/Modal/Modal.js

@@ -1,52 +1,46 @@
 "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 _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@chakra-ui/react");
-
 var _header = _interopRequireDefault(require("./styles/header"));
-
-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 _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; }
 /**
  * @param {boolean} isMobile - Whether or not the Modal is opened in a mobile viewport
  * @param {boolean} isOpen - Whether or not the Modal is open
  * @param {React.ReactNode} children - The header text of the modal
  * @param {()=>void} [onClose] - Callback invoked to close the Modal. Not required, but strongly suggested.
  * @param {('sm'|'md'|'lg')} [size] - The size of the modal. If unspecified, uses "md" styles.
+ * @param {object} [contentStyling] - Style props to be passed into the modal content
+ * @param {object} [headerStyling] - Style props to be passed into the modal header
+ * @param {object} [footerStyling] - Style props to be passed into the modal footer
  * @param {React.ReactNode} [header] - The node for the header. Likely just a string.
  * @param {React.ReactNode} [footer] - The node for the footer. Likely some  control buttons.
  * @param {React.ReactNode} [hideCloseButton] - Whether or not to show the close button
  * @returns {React.ReactElement} - The Modal component
  */
-var Modal = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var header = props.header,
-      footer = props.footer,
-      children = props.children,
-      hideCloseButton = props.hideCloseButton,
-      isMobile = props.isMobile;
+const Modal = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    header,
+    footer,
+    children,
+    hideCloseButton,
+    isMobile,
+    contentStyling = {},
+    headerStyling = {},
+    footerStyling = {}
+  } = props;
   return /*#__PURE__*/_react.default.createElement(_react2.Modal, (0, _extends2.default)({
     motionPreset: isMobile ? 'slideInBottom' : 'scale'
   }, props, {
     ref: ref
-  }), /*#__PURE__*/_react.default.createElement(_react2.ModalOverlay, null), /*#__PURE__*/_react.default.createElement(_react2.ModalContent, null, header ? /*#__PURE__*/_react.default.createElement(_react2.ModalHeader, null, header) : /*#__PURE__*/_react.default.createElement(_react2.Box, (0, _header.default)(props)), hideCloseButton ? null : /*#__PURE__*/_react.default.createElement(_react2.ModalCloseButton, null), /*#__PURE__*/_react.default.createElement(_react2.ModalBody, null, children), footer ? /*#__PURE__*/_react.default.createElement(_react2.ModalFooter, null, footer) : null));
+  }), /*#__PURE__*/_react.default.createElement(_react2.ModalOverlay, null), /*#__PURE__*/_react.default.createElement(_react2.ModalContent, contentStyling, header ? /*#__PURE__*/_react.default.createElement(_react2.ModalHeader, headerStyling, header) : /*#__PURE__*/_react.default.createElement(_react2.Box, (0, _header.default)(props)), hideCloseButton ? null : /*#__PURE__*/_react.default.createElement(_react2.ModalCloseButton, null), /*#__PURE__*/_react.default.createElement(_react2.ModalBody, null, children), footer ? /*#__PURE__*/_react.default.createElement(_react2.ModalFooter, footerStyling, footer) : null));
 });
 var _default = Modal;
 exports.default = _default;