@spothero/ui 22.3.2 → 22.3.5

package/dist/components/FormControl/FormControl.js

@@ -1,67 +1,74 @@
 "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 _propTypes = _interopRequireDefault(require("prop-types"));
 var _react2 = require("@chakra-ui/react");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const FormControl = /*#__PURE__*/(0, _react.forwardRef)(({
-  children,
-  label,
-  inputId,
-  helperText,
-  errorMessage,
-  isFieldset,
-  isOptional,
-  customRequiredText,
-  ...props
-}, ref) => /*#__PURE__*/_react.default.createElement(_react2.FormControl, (0, _extends2.default)({}, props, {
-  ref: ref,
-  as: isFieldset ? 'fieldset' : 'div',
-  borderWidth: "0"
-}), label && /*#__PURE__*/_react.default.createElement(_react2.FormLabel, {
-  color: "gray.600",
-  fontWeight: "semibold",
-  marginBottom: helperText ? 0 : 1,
-  fontSize: "sm",
-  htmlFor: inputId,
-  as: isFieldset ? 'legend' : 'label',
-  requiredIndicator: props?.isRequired && customRequiredText ? /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    marginLeft: 1,
-    as: "span",
-    variant: "caption",
-    color: "text.secondary.light"
-  }, customRequiredText) : null,
-  optionalIndicator: isOptional && !props?.isRequired ? /*#__PURE__*/_react.default.createElement(_react2.Text, {
-    marginLeft: 1,
-    as: "span",
-    variant: "caption",
-    color: "text.secondary.light"
-  }, "Optional") : null
-}, label), helperText && /*#__PURE__*/_react.default.createElement(_react2.FormHelperText, {
-  color: "gray.600",
-  marginBottom: 1,
-  fontSize: "xs"
-}, helperText), children, /*#__PURE__*/_react.default.createElement(_react2.FormErrorMessage, {
-  color: "error",
-  mt: 1,
-  fontSize: "xs"
-}, errorMessage)));
+var _excluded = ["children", "label", "inputId", "helperText", "errorMessage", "isFieldset", "isOptional", "customRequiredText"];
+function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? _Object$getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? _Object$defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var FormControl = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var children = _ref.children,
+    label = _ref.label,
+    inputId = _ref.inputId,
+    helperText = _ref.helperText,
+    errorMessage = _ref.errorMessage,
+    isFieldset = _ref.isFieldset,
+    isOptional = _ref.isOptional,
+    customRequiredText = _ref.customRequiredText,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_react2.FormControl, (0, _extends2["default"])({}, props, {
+    ref: ref,
+    as: isFieldset ? 'fieldset' : 'div',
+    borderWidth: "0"
+  }), label && /*#__PURE__*/_react["default"].createElement(_react2.FormLabel, {
+    color: "gray.600",
+    fontWeight: "semibold",
+    marginBottom: helperText ? 0 : 1,
+    fontSize: "sm",
+    htmlFor: inputId,
+    as: isFieldset ? 'legend' : 'label',
+    requiredIndicator: props !== null && props !== void 0 && props.isRequired && customRequiredText ? /*#__PURE__*/_react["default"].createElement(_react2.Text, {
+      marginLeft: 1,
+      as: "span",
+      variant: "caption",
+      color: "text.secondary.light"
+    }, customRequiredText) : null,
+    optionalIndicator: isOptional && !(props !== null && props !== void 0 && props.isRequired) ? /*#__PURE__*/_react["default"].createElement(_react2.Text, {
+      marginLeft: 1,
+      as: "span",
+      variant: "caption",
+      color: "text.secondary.light"
+    }, "Optional") : null
+  }, label), helperText && /*#__PURE__*/_react["default"].createElement(_react2.FormHelperText, {
+    color: "gray.600",
+    marginBottom: 1,
+    fontSize: "xs"
+  }, helperText), children, /*#__PURE__*/_react["default"].createElement(_react2.FormErrorMessage, {
+    color: "error",
+    mt: 1,
+    fontSize: "xs"
+  }, errorMessage));
+});
 FormControl.propTypes = {
-  inputId: _propTypes.default.string.isRequired,
-  label: _propTypes.default.string,
-  helperText: _propTypes.default.string,
-  errorMessage: _propTypes.default.string,
-  children: _propTypes.default.element,
-  isFieldset: _propTypes.default.bool,
-  isOptional: _propTypes.default.bool,
-  isRequired: _propTypes.default.bool,
-  customRequiredText: _propTypes.default.string
+  inputId: _propTypes["default"].string.isRequired,
+  label: _propTypes["default"].string,
+  helperText: _propTypes["default"].string,
+  errorMessage: _propTypes["default"].string,
+  children: _propTypes["default"].element,
+  isFieldset: _propTypes["default"].bool,
+  isOptional: _propTypes["default"].bool,
+  isRequired: _propTypes["default"].bool,
+  customRequiredText: _propTypes["default"].string
 };
-var _default = exports.default = FormControl;
+var _default = exports["default"] = FormControl;

package/dist/components/Grid/Grid.js

@@ -1,28 +1,35 @@
 "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 _propTypes = _interopRequireDefault(require("prop-types"));
 var _react2 = require("@chakra-ui/react");
 var _Grid = require("./Grid.styles");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const Grid = /*#__PURE__*/(0, _react.forwardRef)(({
-  isCompact,
-  ...props
-}, ref) => /*#__PURE__*/_react.default.createElement(_react2.Grid, (0, _extends2.default)({}, _Grid.baseStyles, isCompact && _Grid.compactStyles, props, {
-  ref: ref
-})));
+var _excluded = ["isCompact"];
+function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? _Object$getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? _Object$defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var Grid = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var isCompact = _ref.isCompact,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_react2.Grid, (0, _extends2["default"])({}, _Grid.baseStyles, isCompact && _Grid.compactStyles, props, {
+    ref: ref
+  }));
+});
 Grid.propTypes = {
   /** This will reduce the grid gap by half */
-  isCompact: _propTypes.default.bool
+  isCompact: _propTypes["default"].bool
 };
 Grid.defaultProps = {
   isCompact: false
 };
-var _default = exports.default = Grid;
+var _default = exports["default"] = Grid;

package/dist/components/Grid/Grid.stories.js

@@ -1,34 +1,42 @@
 "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 = exports.GridItemStartEnd = exports.GridItemSpan = exports.GridColumnLayout = exports.Grid = void 0;
+exports["default"] = exports.GridItemStartEnd = exports.GridItemSpan = exports.GridColumnLayout = exports.Grid = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+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 _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@chakra-ui/react");
 var _Grid = _interopRequireDefault(require("./Grid"));
-var _ = require("./..");
-const rangeControl = (max, min = 1) => ({
-  control: {
-    max,
-    min,
-    step: 1,
-    type: 'range'
-  }
-});
-const spanMap = {
+var _excluded = ["isCompact"];
+var rangeControl = function rangeControl(max) {
+  var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  return {
+    control: {
+      max: max,
+      min: min,
+      step: 1,
+      type: 'range'
+    }
+  };
+};
+var spanMap = {
   1: 12,
   2: 6,
   3: 4,
   4: 3
 };
-var _default = exports.default = {
+var _default = exports["default"] = {
   title: 'v2/Grid',
-  component: _Grid.default,
+  component: _Grid["default"],
   subcomponents: {
-    GridItemComponent: _.GridItem
+    GridItemComponent: _react2.GridItem
   },
   parameters: {
     removeBaseHtmlClass: true
@@ -39,29 +47,34 @@ var _default = exports.default = {
     }
   }
 };
-const GridTemplate = (args, {
-  hasDarkBackground
-}) => /*#__PURE__*/_react.default.createElement(_.Container, null, /*#__PURE__*/_react.default.createElement(_Grid.default, (0, _extends2.default)({}, args, {
-  bg: hasDarkBackground ? 'secondary.700' : 'secondary.default'
-}), Array(12).fill(null).map((Item, index) => /*#__PURE__*/_react.default.createElement(_.GridItem, {
-  key: `GridItem-${index}`,
-  colSpan: 1
-}, /*#__PURE__*/_react.default.createElement(_react2.Box, {
-  h: "20rem",
-  bg: hasDarkBackground ? 'primary.400' : 'primary.default'
-})))));
-const Grid = exports.Grid = GridTemplate.bind({});
-const GridItemTemplate = ({
-  isCompact,
-  ...args
-}) => /*#__PURE__*/_react.default.createElement(_.Container, null, /*#__PURE__*/_react.default.createElement(_Grid.default, {
-  bg: "secondary.default",
-  isCompact: isCompact
-}, /*#__PURE__*/_react.default.createElement(_.GridItem, args, /*#__PURE__*/_react.default.createElement(_react2.Box, {
-  h: "20rem",
-  bg: "primary.default"
-}))));
-const GridItemSpan = exports.GridItemSpan = GridItemTemplate.bind({});
+var GridTemplate = function GridTemplate(args, _ref) {
+  var _context, _context2;
+  var hasDarkBackground = _ref.hasDarkBackground;
+  return /*#__PURE__*/_react["default"].createElement(_react2.Container, null, /*#__PURE__*/_react["default"].createElement(_Grid["default"], (0, _extends2["default"])({}, args, {
+    bg: hasDarkBackground ? 'secondary.700' : 'secondary.default'
+  }), (0, _map["default"])(_context = (0, _fill["default"])(_context2 = Array(12)).call(_context2, null)).call(_context, function (Item, index) {
+    return /*#__PURE__*/_react["default"].createElement(_react2.GridItem, {
+      key: "GridItem-".concat(index),
+      colSpan: 1
+    }, /*#__PURE__*/_react["default"].createElement(_react2.Box, {
+      h: "20rem",
+      bg: hasDarkBackground ? 'primary.400' : 'primary.default'
+    }));
+  })));
+};
+var Grid = exports.Grid = (0, _bind["default"])(GridTemplate).call(GridTemplate, {});
+var GridItemTemplate = function GridItemTemplate(_ref2) {
+  var isCompact = _ref2.isCompact,
+    args = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_react2.Container, null, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+    bg: "secondary.default",
+    isCompact: isCompact
+  }, /*#__PURE__*/_react["default"].createElement(_react2.GridItem, args, /*#__PURE__*/_react["default"].createElement(_react2.Box, {
+    h: "20rem",
+    bg: "primary.default"
+  }))));
+};
+var GridItemSpan = exports.GridItemSpan = (0, _bind["default"])(GridItemTemplate).call(GridItemTemplate, {});
 GridItemSpan.storyName = 'GridItem - span prop';
 GridItemSpan.argTypes = {
   colSpan: rangeControl(12)
@@ -69,7 +82,7 @@ GridItemSpan.argTypes = {
 GridItemSpan.args = {
   colSpan: 12
 };
-const GridItemStartEnd = exports.GridItemStartEnd = GridItemTemplate.bind({});
+var GridItemStartEnd = exports.GridItemStartEnd = (0, _bind["default"])(GridItemTemplate).call(GridItemTemplate, {});
 GridItemStartEnd.storyName = 'GridItem - start/end prop';
 GridItemStartEnd.argTypes = {
   colStart: rangeControl(12),
@@ -79,18 +92,22 @@ GridItemStartEnd.args = {
   colStart: 1,
   colEnd: 2
 };
-const ColumnLayoutTemplate = ({
-  numberOfColumns
-}) => /*#__PURE__*/_react.default.createElement(_.Container, null, /*#__PURE__*/_react.default.createElement(_Grid.default, {
-  bg: "secondary.default"
-}, Array(numberOfColumns).fill(null).map((item, index) => /*#__PURE__*/_react.default.createElement(_.GridItem, {
-  key: `GridItem-${index}`,
-  colSpan: spanMap[numberOfColumns]
-}, /*#__PURE__*/_react.default.createElement(_react2.Box, {
-  h: "20rem",
-  bg: "primary.default"
-})))));
-const GridColumnLayout = exports.GridColumnLayout = ColumnLayoutTemplate.bind({});
+var ColumnLayoutTemplate = function ColumnLayoutTemplate(_ref3) {
+  var _context3, _context4;
+  var numberOfColumns = _ref3.numberOfColumns;
+  return /*#__PURE__*/_react["default"].createElement(_react2.Container, null, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+    bg: "secondary.default"
+  }, (0, _map["default"])(_context3 = (0, _fill["default"])(_context4 = Array(numberOfColumns)).call(_context4, null)).call(_context3, function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement(_react2.GridItem, {
+      key: "GridItem-".concat(index),
+      colSpan: spanMap[numberOfColumns]
+    }, /*#__PURE__*/_react["default"].createElement(_react2.Box, {
+      h: "20rem",
+      bg: "primary.default"
+    }));
+  })));
+};
+var GridColumnLayout = exports.GridColumnLayout = (0, _bind["default"])(ColumnLayoutTemplate).call(ColumnLayoutTemplate, {});
 GridColumnLayout.storyName = 'Grid - MultiColumn Layout';
 GridColumnLayout.argTypes = {
   numberOfColumns: rangeControl(4)

package/dist/components/Grid/Grid.styles.js

@@ -1,17 +1,18 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports.compactStyles = exports.baseStyles = void 0;
 // NOTE: considering adding a specifc prop for grid row padding
-const baseStyles = exports.baseStyles = {
+var baseStyles = exports.baseStyles = {
   gap: {
     base: 4,
     tablet: 8
   },
   templateColumns: 'repeat(12, 1fr)'
 };
-const compactStyles = exports.compactStyles = {
+var compactStyles = exports.compactStyles = {
   gap: 4
 };

package/dist/components/Grid/GridItem.js

@@ -1,17 +1,23 @@
 "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 _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@chakra-ui/react");
 var _GridItem = _interopRequireDefault(require("./GridItem.styles"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const GridItem = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/_react.default.createElement(_react2.GridItem, (0, _extends2.default)({}, _GridItem.default, props, {
-  ref: ref
-})));
-var _default = exports.default = GridItem;
+function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? _Object$getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? _Object$defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var GridItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  return /*#__PURE__*/_react["default"].createElement(_react2.GridItem, (0, _extends2["default"])({}, _GridItem["default"], props, {
+    ref: ref
+  }));
+});
+var _default = exports["default"] = GridItem;

package/dist/components/Grid/GridItem.styles.js

@@ -1,13 +1,14 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 // NOTE: styles NOT in the Chakra's base styles do not need to explicitly export baseStyles
 // TODO: move this comment to the readme
 
-const styles = {
+var styles = {
   colSpan: 12
 };
-var _default = exports.default = styles;
+var _default = exports["default"] = styles;

package/dist/components/Grid/index.js

@@ -1,19 +1,20 @@
 "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, "GridItem", {
+_Object$defineProperty(exports, "GridItem", {
   enumerable: true,
-  get: function () {
-    return _GridItem.default;
+  get: function get() {
+    return _GridItem["default"];
   }
 });
-Object.defineProperty(exports, "default", {
+_Object$defineProperty(exports, "default", {
   enumerable: true,
-  get: function () {
-    return _Grid.default;
+  get: function get() {
+    return _Grid["default"];
   }
 });
 var _Grid = _interopRequireDefault(require("./Grid"));

package/dist/components/Heading/Heading.js

@@ -1,27 +1,34 @@
 "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 _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react2 = require("@chakra-ui/react");
 var _Heading = require("./Heading.styles");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const Heading = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/_react.default.createElement(_react2.Heading, (0, _extends2.default)({}, props, {
-  ref: ref,
-  variant: props.variant || props.as || 'h2'
-})));
+function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? _Object$getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? _Object$defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var Heading = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  return /*#__PURE__*/_react["default"].createElement(_react2.Heading, (0, _extends2["default"])({}, props, {
+    ref: ref,
+    variant: props.variant || props.as || 'h2'
+  }));
+});
 Heading.propTypes = {
   /** The React node that will render inside the element */
-  children: _propTypes.default.node,
+  children: _propTypes["default"].node,
   /** Controls the underlying level of the html heading tag */
-  as: _propTypes.default.oneOf(Object.keys(_Heading.variants)),
+  as: _propTypes["default"].oneOf((0, _keys["default"])(_Heading.variants)),
   /** The styling that will be applied to the component regardless of the underlying html */
-  variant: _propTypes.default.oneOf(Object.keys(_Heading.variants))
+  variant: _propTypes["default"].oneOf((0, _keys["default"])(_Heading.variants))
 };
-var _default = exports.default = Heading;
+var _default = exports["default"] = Heading;

package/dist/components/Heading/Heading.stories.js

@@ -1,16 +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
 });
-exports.default = exports.Heading = void 0;
+exports["default"] = exports.Heading = void 0;
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
 var _react = _interopRequireDefault(require("react"));
 var _Heading = require("./Heading.styles");
 var _Heading2 = _interopRequireDefault(require("./Heading"));
-var _default = exports.default = {
+var _default = exports["default"] = {
   title: 'v2/Heading',
-  component: _Heading2.default,
+  component: _Heading2["default"],
   parameters: {
     removeBaseHtmlClass: true
   },
@@ -18,13 +21,13 @@ var _default = exports.default = {
     as: {
       control: {
         type: 'select',
-        options: Object.keys(_Heading.variants)
+        options: (0, _keys["default"])(_Heading.variants)
       }
     },
     variant: {
       control: {
         type: 'select',
-        options: Object.keys(_Heading.variants)
+        options: (0, _keys["default"])(_Heading.variants)
       }
     },
     children: {
@@ -34,8 +37,10 @@ var _default = exports.default = {
     }
   }
 };
-const Template = props => /*#__PURE__*/_react.default.createElement(_Heading2.default, props);
-const Heading = exports.Heading = Template.bind({});
+var Template = function Template(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Heading2["default"], props);
+};
+var Heading = exports.Heading = (0, _bind["default"])(Template).call(Template, {});
 Heading.args = {
   children: 'Heading'
 };