@spothero/ui 21.6.4-beta.0 → 22.0.0-beta.3

package/dist/components/Accordion/Accordion.stories.js

@@ -19,14 +19,13 @@ var _default = exports.default = {
     removeBaseHtmlClass: true
   }
 };
-const AccordionTemplate = _ref => {
-  let {
-    index,
-    variant,
-    allowToggle,
-    accordionText,
-    allowMultiple
-  } = _ref;
+const AccordionTemplate = ({
+  index,
+  variant,
+  allowToggle,
+  accordionText,
+  allowMultiple
+}) => {
   const multipleOptions = allowMultiple ? {
     allowMultiple,
     defaultIndex: index

package/dist/components/Accordion/AccordionActionButton.js

@@ -8,11 +8,10 @@ var _react = require("@chakra-ui/react");
 var _react2 = _interopRequireWildcard(require("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 AccordionActionButton = /*#__PURE__*/(0, _react2.forwardRef)((_ref, ref) => {
-  let {
-    children,
-    onClick
-  } = _ref;
+const AccordionActionButton = /*#__PURE__*/(0, _react2.forwardRef)(({
+  children,
+  onClick
+}, ref) => {
   const handleOnClick = e => {
     if (onClick) {
       e.preventDefault();

package/dist/components/Alert/Alert.js

@@ -10,35 +10,34 @@ var _react = _interopRequireWildcard(require("react"));
 var _merge = _interopRequireDefault(require("lodash/merge"));
 var _react2 = require("@chakra-ui/react");
 var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
-var _times = _interopRequireDefault(require("@spothero/icons/times"));
-var _filledInfoCircle = _interopRequireDefault(require("@spothero/icons/filled-info-circle"));
-var _filledExclamationCircle = _interopRequireDefault(require("@spothero/icons/filled-exclamation-circle"));
-var _filledCheckCircle = _interopRequireDefault(require("@spothero/icons/filled-check-circle"));
+var _x = _interopRequireDefault(require("@spothero/icons/x"));
+var _infoCircleFilled = _interopRequireDefault(require("@spothero/icons/info-circle-filled"));
+var _exclamationCircleFilled = _interopRequireDefault(require("@spothero/icons/exclamation-circle-filled"));
+var _checkmarkCircleFilled = _interopRequireDefault(require("@spothero/icons/checkmark-circle-filled"));
 var _Button = _interopRequireDefault(require("../Button/Button"));
 var _Icon = _interopRequireDefault(require("../Icon/Icon"));
 var _notifications = require("../../theme/base/notifications");
 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 statusIconMapping = {
-  [_notifications.NOTIFICATION_STATUSES.WARNING]: _filledExclamationCircle.default,
-  [_notifications.NOTIFICATION_STATUSES.SUCCESS]: _filledCheckCircle.default,
-  [_notifications.NOTIFICATION_STATUSES.ERROR]: _filledExclamationCircle.default,
-  [_notifications.NOTIFICATION_STATUSES.NEUTRAL]: _filledInfoCircle.default
+  [_notifications.NOTIFICATION_STATUSES.WARNING]: _exclamationCircleFilled.default,
+  [_notifications.NOTIFICATION_STATUSES.SUCCESS]: _checkmarkCircleFilled.default,
+  [_notifications.NOTIFICATION_STATUSES.ERROR]: _exclamationCircleFilled.default,
+  [_notifications.NOTIFICATION_STATUSES.NEUTRAL]: _infoCircleFilled.default
 };
-const Alert = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    status,
-    title,
-    buttonProps,
-    buttonText,
-    buttonOnBottom,
-    showDismiss,
-    onDismissClick,
-    showIcon,
-    description,
-    icon,
-    ...props
-  } = _ref;
+const Alert = /*#__PURE__*/(0, _react.forwardRef)(({
+  status,
+  title,
+  buttonProps,
+  buttonText,
+  buttonOnBottom,
+  showDismiss,
+  onDismissClick,
+  showIcon,
+  description,
+  icon,
+  ...props
+}, ref) => {
   const IconVariant = icon || statusIconMapping[status];
   // the issue with storybook breaking with hooks is still a problem, but once that's resolved this should be memoized
   const style = (0, _merge.default)({
@@ -65,7 +64,7 @@ const Alert = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   }), /*#__PURE__*/_react.default.createElement(_Icon.default, {
     width: 3,
     height: "auto",
-    as: _times.default
+    as: _x.default
   })) : null));
 });
 Alert.defaultProps = {

package/dist/components/AutoSuggestSelect/AutoSuggestSelect.js

@@ -10,24 +10,22 @@ var _react = _interopRequireWildcard(require("react"));
 var _FormControl = _interopRequireDefault(require("../FormControl/FormControl"));
 var _async = _interopRequireDefault(require("react-select/async"));
 var _react2 = require("@chakra-ui/react");
-var _timesCircle = _interopRequireDefault(require("@spothero/icons/times-circle"));
+var _xCircle = _interopRequireDefault(require("@spothero/icons/x-circle"));
 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 AutoSuggestSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    id,
-    label,
-    helperText,
-    errorMessage,
-    isInvalid,
-    isDisabled,
-    isRequired,
-    getOptions,
-    onChange,
-    iconSrc,
-    placeholder,
-    defaultValue = null
-  } = _ref;
+const AutoSuggestSelect = /*#__PURE__*/(0, _react.forwardRef)(({
+  id,
+  label,
+  helperText,
+  errorMessage,
+  isInvalid,
+  isDisabled,
+  isRequired,
+  getOptions,
+  onChange,
+  iconSrc,
+  placeholder
+}, ref) => {
   const {
     colors,
     fontSizes,
@@ -36,23 +34,20 @@ const AutoSuggestSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   const handleChange = selectedOption => {
     onChange(selectedOption);
   };
-  const icon = function () {
-    let color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'transparent';
-    return {
-      alignItems: 'center',
-      display: 'flex',
-      ':before': {
-        backgroundColor: color,
-        content: '" "',
-        display: 'block',
-        marginRight: sizes['3'],
-        height: sizes['4'],
-        width: sizes['5'],
-        mask: `url(${iconSrc}) no-repeat 50% 50%`,
-        maskSize: 'contain'
-      }
-    };
-  };
+  const icon = (color = 'transparent') => ({
+    alignItems: 'center',
+    display: 'flex',
+    ':before': {
+      backgroundColor: color,
+      content: '" "',
+      display: 'block',
+      marginRight: sizes['3'],
+      height: sizes['4'],
+      width: sizes['5'],
+      mask: `url(${iconSrc}) no-repeat 50% 50%`,
+      maskSize: 'contain'
+    }
+  });
   const baseText = {
     fontSize: fontSizes.base,
     color: colors.black
@@ -116,16 +111,13 @@ const AutoSuggestSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   };
 
   /** React Select allows you to override the clear indicator with your own custom component: https://react-select.com/components */
-  const ClearIndicator = _ref2 => {
-    let {
-      innerRef,
-      innerProps
-    } = _ref2;
-    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-      style: clearIndicatorStyles,
-      ref: innerRef
-    }, innerProps), /*#__PURE__*/_react.default.createElement(_timesCircle.default, null));
-  };
+  const ClearIndicator = ({
+    innerRef,
+    innerProps
+  }) => /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    style: clearIndicatorStyles,
+    ref: innerRef
+  }, innerProps), /*#__PURE__*/_react.default.createElement(_xCircle.default, null));
   return /*#__PURE__*/_react.default.createElement(_FormControl.default, {
     errorMessage: errorMessage,
     isRequired: isRequired,
@@ -147,7 +139,6 @@ const AutoSuggestSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     isDisabled: isDisabled,
     id: id,
     placeholder: placeholder,
-    defaultValue: defaultValue,
     styles: customStyles,
     ref: ref
   }));

package/dist/components/Button/Button.js

@@ -11,29 +11,23 @@ var _react2 = require("@chakra-ui/react");
 var _buttonProps = _interopRequireDefault(require("./button-props"));
 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 anchorProps = function () {
-  let isExternal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  return {
-    as: 'a',
-    type: null,
-    ...(isExternal && {
-      target: '_blank',
-      rel: 'noopener noreferrer'
-    })
-  };
-};
-const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    asAnchor,
-    isExternal,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_react2.Button, (0, _extends2.default)({
-    iconSpacing: 2
-  }, props, (asAnchor || props.as === 'a') && anchorProps(isExternal), {
-    ref: ref
-  }));
+const anchorProps = (isExternal = false) => ({
+  as: 'a',
+  type: null,
+  ...(isExternal && {
+    target: '_blank',
+    rel: 'noopener noreferrer'
+  })
 });
+const Button = /*#__PURE__*/(0, _react.forwardRef)(({
+  asAnchor,
+  isExternal,
+  ...props
+}, ref) => /*#__PURE__*/_react.default.createElement(_react2.Button, (0, _extends2.default)({
+  iconSpacing: 2
+}, props, (asAnchor || props.as === 'a') && anchorProps(isExternal), {
+  ref: ref
+})));
 Button.propTypes = _buttonProps.default;
 Button.defaultProps = {
   variant: 'primary',

package/dist/components/Button/stories/button.js

@@ -9,13 +9,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 var _react = _interopRequireDefault(require("react"));
 var _capitalize = _interopRequireDefault(require("lodash/capitalize"));
 var _react2 = require("@chakra-ui/react");
-var _check = _interopRequireDefault(require("@spothero/icons/check"));
+var _checkmark = _interopRequireDefault(require("@spothero/icons/checkmark"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _buttonProps = _interopRequireDefault(require("../button-props"));
-const ButtonTemplate = (props, _ref) => {
-  let {
-    hasDarkBackground
-  } = _ref;
+const ButtonTemplate = (props, {
+  hasDarkBackground
+}) => {
   const variant = `${props.variant}${hasDarkBackground ? 'OnDark' : ''}`;
   return /*#__PURE__*/_react.default.createElement(_react2.Box, null, /*#__PURE__*/_react.default.createElement(_react2.Box, {
     mb: 4
@@ -27,7 +26,7 @@ const ButtonTemplate = (props, _ref) => {
     mr: 4,
     mb: 4
   }), props.variant, " Variant"), /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
-    leftIcon: /*#__PURE__*/_react.default.createElement(_check.default, {
+    leftIcon: /*#__PURE__*/_react.default.createElement(_checkmark.default, {
       width: "1rem"
     })
   }, props, {

package/dist/components/Button/stories/overview.js

@@ -9,15 +9,14 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 var _react = _interopRequireDefault(require("react"));
 var _capitalize = _interopRequireDefault(require("lodash/capitalize"));
 var _react2 = require("@chakra-ui/react");
-var _check = _interopRequireDefault(require("@spothero/icons/check"));
+var _checkmark = _interopRequireDefault(require("@spothero/icons/checkmark"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _Button2 = require("../Button.styles");
 var _Text = _interopRequireDefault(require("../../Text/Text"));
-const variationsArray = _ref => {
-  let {
-    baseVariantName,
-    hasDarkBackground
-  } = _ref;
+const variationsArray = ({
+  baseVariantName,
+  hasDarkBackground
+}) => {
   const variant = `${baseVariantName}${hasDarkBackground ? 'OnDark' : ''}`;
   return [{
     variant,
@@ -34,7 +33,7 @@ const variationsArray = _ref => {
   }, {
     variant,
     children: `leftIcon`,
-    leftIcon: /*#__PURE__*/_react.default.createElement(_check.default, {
+    leftIcon: /*#__PURE__*/_react.default.createElement(_checkmark.default, {
       width: "1rem"
     })
   }, {
@@ -44,24 +43,21 @@ const variationsArray = _ref => {
     href: '#'
   }];
 };
-const OverviewTemplate = (args, _ref2) => {
-  let {
-    hasDarkBackground
-  } = _ref2;
-  return /*#__PURE__*/_react.default.createElement(_react2.Box, null, Object.keys(_Button2.variants).filter(name => !/ondark/i.test(name)).map((baseVariantName, index) => /*#__PURE__*/_react.default.createElement(_react2.Box, {
-    key: index,
-    mb: 4
-  }, /*#__PURE__*/_react.default.createElement(_Text.default, {
-    mb: "2",
-    color: hasDarkBackground ? 'text.primary.dark' : 'text.primary.light'
-  }, (0, _capitalize.default)(baseVariantName), ":"), /*#__PURE__*/_react.default.createElement(_react2.Box, null, variationsArray({
-    baseVariantName,
-    hasDarkBackground
-  }).map((props, key) => /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
-    key: key
-  }, props, {
-    mr: 4,
-    mb: 4
-  })))))));
-};
+const OverviewTemplate = (args, {
+  hasDarkBackground
+}) => /*#__PURE__*/_react.default.createElement(_react2.Box, null, Object.keys(_Button2.variants).filter(name => !/ondark/i.test(name)).map((baseVariantName, index) => /*#__PURE__*/_react.default.createElement(_react2.Box, {
+  key: index,
+  mb: 4
+}, /*#__PURE__*/_react.default.createElement(_Text.default, {
+  mb: "2",
+  color: hasDarkBackground ? 'text.primary.dark' : 'text.primary.light'
+}, (0, _capitalize.default)(baseVariantName), ":"), /*#__PURE__*/_react.default.createElement(_react2.Box, null, variationsArray({
+  baseVariantName,
+  hasDarkBackground
+}).map((props, key) => /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
+  key: key
+}, props, {
+  mr: 4,
+  mb: 4
+})))))));
 var _default = exports.default = OverviewTemplate;

package/dist/components/Checkbox/Checkbox.js

@@ -10,17 +10,16 @@ var _react = _interopRequireWildcard(require("react"));
 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 Checkbox = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    defaultChecked,
-    isChecked,
-    isDisabled,
-    value,
-    helperText,
-    children,
-    size = 'md',
-    ...props
-  } = _ref;
+const Checkbox = /*#__PURE__*/(0, _react.forwardRef)(({
+  defaultChecked,
+  isChecked,
+  isDisabled,
+  value,
+  helperText,
+  children,
+  size = 'md',
+  ...props
+}, ref) => {
   const helperTextSize = size === 'sm' || size === 'md' ? 'xs' : 'sm';
   return /*#__PURE__*/_react.default.createElement(_react2.Checkbox, (0, _extends2.default)({
     ref: ref,

package/dist/components/CreatableSelect/CreatableSelect.js

@@ -27,20 +27,19 @@ const DropdownIndicator = props => {
 };
 
 // Exporting without forwardRef for storybook to work
-const CreatableSelectNode = _ref => {
-  let {
-    id,
-    label,
-    isInvalid = false,
-    isLoading = false,
-    isRequired,
-    options = [],
-    placeholder = '',
-    errorMessage,
-    helperText,
-    innerRef,
-    ...props
-  } = _ref;
+const CreatableSelectNode = ({
+  id,
+  label,
+  isInvalid = false,
+  isLoading = false,
+  isRequired,
+  options = [],
+  placeholder = '',
+  errorMessage,
+  helperText,
+  innerRef,
+  ...props
+}) => {
   const {
     colors,
     fontSizes

package/dist/components/Divider/Divider.js

@@ -11,12 +11,11 @@ var _react2 = require("@chakra-ui/react");
 var _Divider = require("./Divider.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 Divider = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    variant,
-    colorScheme: borderColor,
-    ...props
-  } = _ref;
+const Divider = /*#__PURE__*/(0, _react.forwardRef)(({
+  variant,
+  colorScheme: borderColor,
+  ...props
+}, ref) => {
   return /*#__PURE__*/_react.default.createElement(_react2.Divider, (0, _extends2.default)({}, _Divider.colorScheme[borderColor], {
     variant: variant
   }, props, {

package/dist/components/Drawer/Drawer.js

@@ -10,12 +10,11 @@ var _react = _interopRequireWildcard(require("react"));
 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 Drawer = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    header,
-    children,
-    ...props
-  } = _ref;
+const Drawer = /*#__PURE__*/(0, _react.forwardRef)(({
+  header,
+  children,
+  ...props
+}, ref) => {
   return /*#__PURE__*/_react.default.createElement(_react2.Drawer, (0, _extends2.default)({
     placement: "right"
   }, props, {

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

@@ -7,11 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _merge = _interopRequireDefault(require("lodash/merge"));
 var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
-const body = _ref => {
-  let {
-    hasFooter,
-    ...props
-  } = _ref;
+const body = ({
+  hasFooter,
+  ...props
+}) => {
   return {
     overflowY: 'auto',
     padding: 6,

package/dist/components/FormControl/FormControl.js

@@ -11,51 +11,48 @@ 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)((_ref, ref) => {
-  let {
-    children,
-    label,
-    inputId,
-    helperText,
-    errorMessage,
-    isFieldset,
-    isOptional,
-    customRequiredText,
-    ...props
-  } = _ref;
-  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?.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));
-});
+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)));
 FormControl.propTypes = {
   inputId: _propTypes.default.string.isRequired,
   label: _propTypes.default.string,

package/dist/components/Grid/Grid.js

@@ -12,15 +12,12 @@ 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)((_ref, ref) => {
-  let {
-    isCompact,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_react2.Grid, (0, _extends2.default)({}, _Grid.baseStyles, isCompact && _Grid.compactStyles, props, {
-    ref: ref
-  }));
-});
+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
+})));
 Grid.propTypes = {
   /** This will reduce the grid gap by half */
   isCompact: _propTypes.default.bool