@spothero/ui 22.3.0 → 22.3.5

package/dist/components/Popover/styles/popover-content.js

@@ -1,26 +1,30 @@
 "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;
-const popoverContentStyles = ({
-  variant
-}) => ({
-  padding: 4,
-  marginBottom: 0,
-  maxWidth: '20rem',
-  borderRadius: 'base',
-  background: variant === 'dark' ? 'secondary.default' : 'white',
-  boxShadow: '2px 2px 4px 0 rgba(0,45,91,0.1)',
-  color: variant === 'dark' ? 'white' : 'black',
-  borderColor: 'gray.100',
-  borderWidth: '1px',
-  borderStyle: 'solid',
-  '--popper-arrow-shadow-color': t => t.colors.gray['100'],
-  zIndex: 'layer10',
-  _focusVisible: {
-    outline: '3px solid rgba(91, 170, 250, 0.7)'
-  }
-});
-var _default = exports.default = popoverContentStyles;
+exports["default"] = void 0;
+var popoverContentStyles = function popoverContentStyles(_ref) {
+  var variant = _ref.variant;
+  return {
+    padding: 4,
+    marginBottom: 0,
+    maxWidth: '20rem',
+    borderRadius: 'base',
+    background: variant === 'dark' ? 'secondary.default' : 'white',
+    boxShadow: '2px 2px 4px 0 rgba(0,45,91,0.1)',
+    color: variant === 'dark' ? 'white' : 'black',
+    borderColor: 'gray.100',
+    borderWidth: '1px',
+    borderStyle: 'solid',
+    '--popper-arrow-shadow-color': function popperArrowShadowColor(t) {
+      return t.colors.gray['100'];
+    },
+    zIndex: 'layer10',
+    _focusVisible: {
+      outline: '3px solid rgba(91, 170, 250, 0.7)'
+    }
+  };
+};
+var _default = exports["default"] = popoverContentStyles;

package/dist/components/Popover/styles/popover-header.js

@@ -1,11 +1,12 @@
 "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;
-const headerStyles = {
+exports["default"] = void 0;
+var headerStyles = {
   marginBottom: 2,
   fontWeight: 'semibold'
 };
-var _default = exports.default = headerStyles;
+var _default = exports["default"] = headerStyles;

package/dist/components/Popover/styles/popper.js

@@ -1,10 +1,11 @@
 "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;
-const popperStyles = {
+exports["default"] = void 0;
+var popperStyles = {
   borderRadius: 'base'
 };
-var _default = exports.default = popperStyles;
+var _default = exports["default"] = popperStyles;

package/dist/components/Progress/Progress.js

@@ -1,24 +1,29 @@
 "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 _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 Progress = /*#__PURE__*/(0, _react.forwardRef)(({
-  isRounded,
-  ...props
-}, ref) => {
+var _excluded = ["isRounded"];
+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 Progress = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var isRounded = _ref.isRounded,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   // Passing `isRounded` in as a prop throws a 'React does not recognize the X prop on a DOM element' error. Passing `isRounded` through `sx` instead, allows for the prop to be utilized by the theme without being set on the DOM element, avoiding the error.
-  return /*#__PURE__*/_react.default.createElement(_react2.Progress, (0, _extends2.default)({
+  return /*#__PURE__*/_react["default"].createElement(_react2.Progress, (0, _extends2["default"])({
     ref: ref,
     sx: {
-      isRounded
+      isRounded: isRounded
     }
   }, props));
 });
@@ -34,4 +39,4 @@ Progress.defaultProps = {
   value: 0,
   variant: 'solid'
 };
-var _default = exports.default = Progress;
+var _default = exports["default"] = Progress;

package/dist/components/Progress/Progress.stories.js

@@ -1,22 +1,34 @@
 "use strict";
 
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
+_Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Progress = void 0;
+exports["default"] = exports.Progress = void 0;
+var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
+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 _Progress = _interopRequireDefault(require("./Progress"));
-var _default = exports.default = {
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _default = exports["default"] = {
   title: 'v2/Progress',
-  component: _Progress.default,
+  component: _Progress["default"],
   parameters: {
     removeBaseHtmlClass: true,
     importBy: 'Progress'
   },
-  argTypes: {
+  argTypes: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     colorScheme: {
       options: ['primary', 'secondary', 'green', 'yellow', 'red', 'gray'],
       control: {
@@ -30,9 +42,8 @@ var _default = exports.default = {
           gray: 'Gray'
         }
       }
-    },
-    ...(0, _disableArgs.default)('min'),
-    ...(0, _disableArgs.default)('max'),
+    }
+  }, (0, _disableArgs["default"])('min')), (0, _disableArgs["default"])('max')), {}, {
     size: {
       options: ['xl', 'lg', 'md', 'sm', 'xs'],
       control: {
@@ -45,12 +56,12 @@ var _default = exports.default = {
           xs: 'xs'
         }
       }
-    },
-    ...(0, _createControl.createRangeControl)({
-      name: 'value',
-      min: 0,
-      max: 100
-    }),
+    }
+  }, (0, _createControl.createRangeControl)({
+    name: 'value',
+    min: 0,
+    max: 100
+  })), {}, {
     variant: {
       options: ['solid', 'outlined'],
       control: {
@@ -61,12 +72,12 @@ var _default = exports.default = {
         }
       }
     }
-  }
+  })
 };
-const ProgressTemplate = args => {
-  return /*#__PURE__*/_react.default.createElement(_Progress.default, args);
+var ProgressTemplate = function ProgressTemplate(args) {
+  return /*#__PURE__*/_react["default"].createElement(_Progress["default"], args);
 };
-const Progress = exports.Progress = ProgressTemplate.bind({});
+var Progress = exports.Progress = (0, _bind["default"])(ProgressTemplate).call(ProgressTemplate, {});
 Progress.args = {
   colorScheme: 'primary',
   hasStripe: false,

package/dist/components/Progress/Progress.styles.js

@@ -1,43 +1,40 @@
 "use strict";
 
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
+_Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _merge = _interopRequireDefault(require("lodash/merge"));
 var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
 var _themeTools = require("@chakra-ui/theme-tools");
-const filledStyle = props => {
-  const {
-    colorScheme,
-    hasStripe,
-    isIndeterminate,
-    theme
-  } = props;
-  const bgColor = colorScheme === 'gray' ? `${colorScheme}.dark` : `${colorScheme}.default`;
-  const gradient = `linear-gradient(
-      to right,
-      transparent 0%,
-      ${(0, _themeTools.getColor)(theme, bgColor)} 50%,
-      transparent 100%
-    )`;
-  const addStripe = !isIndeterminate && hasStripe;
-  return {
-    ...(addStripe && (0, _themeTools.generateStripe)()),
-    ...(isIndeterminate ? {
-      bgImage: gradient
-    } : {
-      bgColor
-    })
-  };
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+var filledStyle = function filledStyle(props) {
+  var colorScheme = props.colorScheme,
+    hasStripe = props.hasStripe,
+    isIndeterminate = props.isIndeterminate,
+    theme = props.theme;
+  var bgColor = colorScheme === 'gray' ? "".concat(colorScheme, ".dark") : "".concat(colorScheme, ".default");
+  var gradient = "linear-gradient(\n      to right,\n      transparent 0%,\n      ".concat((0, _themeTools.getColor)(theme, bgColor), " 50%,\n      transparent 100%\n    )");
+  var addStripe = !isIndeterminate && hasStripe;
+  return _objectSpread(_objectSpread({}, addStripe && (0, _themeTools.generateStripe)()), isIndeterminate ? {
+    bgImage: gradient
+  } : {
+    bgColor: bgColor
+  });
 };
-const variantOutlined = props => {
-  const {
-    theme: {
-      colors
-    }
-  } = props;
+var variantOutlined = function variantOutlined(props) {
+  var colors = props.theme.colors;
   return {
     track: {
       bg: 'transparent',
@@ -46,23 +43,19 @@ const variantOutlined = props => {
     }
   };
 };
-const variantSolid = props => {
-  const {
-    theme: {
-      colors
-    }
-  } = props;
+var variantSolid = function variantSolid(props) {
+  var colors = props.theme.colors;
   return {
     track: {
       bg: colors.gray['100']
     }
   };
 };
-const variants = {
+var variants = {
   outlined: variantOutlined,
   solid: variantSolid
 };
-const sizes = {
+var sizes = {
   xl: {
     track: {
       height: 10
@@ -89,26 +82,21 @@ const sizes = {
     }
   }
 };
-const defaultProps = {
+var defaultProps = {
   size: 'lg',
   colorScheme: 'primary',
   variant: 'solid'
 };
-const overrides = {
-  defaultProps,
-  variants,
-  sizes,
-  baseStyle: props => {
-    const {
-      sx: {
-        isRounded
-      }
-    } = props;
-    return (0, _merge.default)(_theme.default.components.Progress.baseStyle(props), {
-      filledTrack: {
-        borderRightRadius: isRounded ? 'none' : 'base',
-        ...filledStyle(props)
-      },
+var overrides = {
+  defaultProps: defaultProps,
+  variants: variants,
+  sizes: sizes,
+  baseStyle: function baseStyle(props) {
+    var isRounded = props.sx.isRounded;
+    return (0, _merge["default"])(_theme["default"].components.Progress.baseStyle(props), {
+      filledTrack: _objectSpread({
+        borderRightRadius: isRounded ? 'none' : 'base'
+      }, filledStyle(props)),
       track: {
         borderRightRadius: isRounded ? 'full' : 'base',
         borderLeftRadius: isRounded ? 'full' : 'base'
@@ -116,7 +104,4 @@ const overrides = {
     });
   }
 };
-var _default = exports.default = {
-  ..._theme.default.components.Progress,
-  ...overrides
-};
+var _default = exports["default"] = _objectSpread(_objectSpread({}, _theme["default"].components.Progress), overrides);

package/dist/components/Radio/Radio.js

@@ -1,27 +1,33 @@
 "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 _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 Radio = /*#__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.Radio, (0, _extends2.default)({
+var _excluded = ["defaultChecked", "isChecked", "isDisabled", "value", "helperText", "children", "size"];
+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 Radio = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var defaultChecked = _ref.defaultChecked,
+    isChecked = _ref.isChecked,
+    isDisabled = _ref.isDisabled,
+    value = _ref.value,
+    helperText = _ref.helperText,
+    children = _ref.children,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'md' : _ref$size,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var helperTextSize = size === 'sm' || size === 'md' ? 'xs' : 'sm';
+  return /*#__PURE__*/_react["default"].createElement(_react2.Radio, (0, _extends2["default"])({
     ref: ref,
     defaultChecked: defaultChecked,
     isChecked: isChecked,
@@ -29,9 +35,9 @@ const Radio = /*#__PURE__*/(0, _react.forwardRef)(({
     isFocusable: !isDisabled,
     value: value,
     size: size
-  }, props), children, helperText && /*#__PURE__*/_react.default.createElement(_react2.Box, {
+  }, props), children, helperText && /*#__PURE__*/_react["default"].createElement(_react2.Box, {
     color: "gray.600",
     fontSize: helperTextSize
   }, helperText));
 });
-var _default = exports.default = Radio;
+var _default = exports["default"] = Radio;

package/dist/components/Radio/Radio.stories.js

@@ -1,29 +1,29 @@
 "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.Individual = exports.Group = void 0;
+exports["default"] = exports.Individual = exports.Group = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _Radio = _interopRequireDefault(require("./Radio"));
 var _RadioGroup = _interopRequireDefault(require("./RadioGroup"));
-var _default = exports.default = {
+var _default = exports["default"] = {
   title: 'v2/Radio',
-  component: _Radio.default,
+  component: _Radio["default"],
   parameters: {
     importBy: 'Radio',
     removeBaseHtmlClass: true,
     chakraLink: 'https://chakra-ui.com/docs/components/radio'
   }
 };
-const Individual = props => {
-  return /*#__PURE__*/_react.default.createElement(_Radio.default, (0, _extends2.default)({
+var Individual = exports.Individual = function Individual(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Radio["default"], (0, _extends2["default"])({
     value: "1"
   }, props), "Option 1");
 };
-exports.Individual = Individual;
 Individual.argTypes = {
   size: {
     options: ['sm', 'md', 'lg'],
@@ -68,25 +68,24 @@ Individual.args = {
   isChecked: false,
   size: 'md'
 };
-const Group = props => {
-  return /*#__PURE__*/_react.default.createElement(_RadioGroup.default, (0, _extends2.default)({
+var Group = exports.Group = function Group(props) {
+  return /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], (0, _extends2["default"])({
     name: "example1",
     defaultValue: "3",
     id: "example1",
     label: "Which option?"
-  }, props), /*#__PURE__*/_react.default.createElement(_Radio.default, {
+  }, props), /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
     value: "1"
-  }, "Option 1"), /*#__PURE__*/_react.default.createElement(_Radio.default, {
+  }, "Option 1"), /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
     value: "2"
-  }, "Option 2"), /*#__PURE__*/_react.default.createElement(_Radio.default, {
+  }, "Option 2"), /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
     value: "3"
-  }, "Option 3"), /*#__PURE__*/_react.default.createElement(_Radio.default, {
+  }, "Option 3"), /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
     value: "4"
   }, "Option 4"));
 };
-exports.Group = Group;
 Group.title = 'v2/RadioGroup';
-Group.component = _RadioGroup.default;
+Group.component = _RadioGroup["default"];
 Group.parameters = {
   importBy: 'RadioGroup'
 };

package/dist/components/Radio/RadioGroup.js

@@ -1,31 +1,36 @@
 "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 _react2 = require("@chakra-ui/react");
 var _FormControl = _interopRequireDefault(require("../FormControl/FormControl"));
-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 RadioGroup = /*#__PURE__*/(0, _react.forwardRef)(({
-  label,
-  errorMessage,
-  defaultValue,
-  isDisabled,
-  isInvalid,
-  isRequired,
-  name,
-  onChange,
-  value,
-  children,
-  direction,
-  ...props
-}, ref) => {
-  return /*#__PURE__*/_react.default.createElement(_FormControl.default, {
+var _excluded = ["label", "errorMessage", "defaultValue", "isDisabled", "isInvalid", "isRequired", "name", "onChange", "value", "children", "direction"];
+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 RadioGroup = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var label = _ref.label,
+    errorMessage = _ref.errorMessage,
+    defaultValue = _ref.defaultValue,
+    isDisabled = _ref.isDisabled,
+    isInvalid = _ref.isInvalid,
+    isRequired = _ref.isRequired,
+    name = _ref.name,
+    onChange = _ref.onChange,
+    value = _ref.value,
+    children = _ref.children,
+    direction = _ref.direction,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
     isInvalid: isInvalid,
     isDisabled: isDisabled,
     isRequired: isRequired,
@@ -33,15 +38,15 @@ const RadioGroup = /*#__PURE__*/(0, _react.forwardRef)(({
     label: label,
     inputId: props.id,
     isFieldset: true
-  }, /*#__PURE__*/_react.default.createElement(_react2.RadioGroup, (0, _extends2.default)({
+  }, /*#__PURE__*/_react["default"].createElement(_react2.RadioGroup, (0, _extends2["default"])({
     ref: ref,
     defaultValue: defaultValue,
     name: name,
     onChange: onChange,
     value: value
-  }, props), /*#__PURE__*/_react.default.createElement(_react2.Stack, {
+  }, props), /*#__PURE__*/_react["default"].createElement(_react2.Stack, {
     direction: direction ? direction : 'column',
     spacing: direction === 'row' ? 8 : 4
   }, children)));
 });
-var _default = exports.default = RadioGroup;
+var _default = exports["default"] = RadioGroup;

package/dist/components/Radio/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, "Radio", {
+_Object$defineProperty(exports, "Radio", {
   enumerable: true,
-  get: function () {
-    return _Radio.default;
+  get: function get() {
+    return _Radio["default"];
   }
 });
-Object.defineProperty(exports, "RadioGroup", {
+_Object$defineProperty(exports, "RadioGroup", {
   enumerable: true,
-  get: function () {
-    return _RadioGroup.default;
+  get: function get() {
+    return _RadioGroup["default"];
   }
 });
 var _Radio = _interopRequireDefault(require("./Radio"));