@spothero/ui 17.0.2 → 17.0.3-beta.0

package/dist/components/Popover/Popover.stories.js

@@ -1,42 +1,17 @@
 "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.Variant = exports.Placement = exports.NoHeader = exports.NoCloseButton = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-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 _index = require("./index");
-
 var _react2 = require("@chakra-ui/react");
-
 var _Button = _interopRequireDefault(require("../Button/Button"));
-
-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/Popover',
   component: _index.Popover,
@@ -49,53 +24,52 @@ var _default = {
     removeBaseHtmlClass: true,
     chakraLink: 'https://chakra-ui.com/docs/overlay/popover'
   },
-  argTypes: _objectSpread({}, (0, _disableArgs.default)('children'))
+  argTypes: {
+    ...(0, _disableArgs.default)('children')
+  }
 };
 exports.default = _default;
-
-var OverviewTemplate = function OverviewTemplate(props) {
-  return /*#__PURE__*/_react.default.createElement(_index.Popover, (0, _extends2.default)({
-    defaultIsOpen: true
-  }, props), /*#__PURE__*/_react.default.createElement(_react2.Flex, {
-    justifyContent: "center",
-    alignItems: "center"
-  }, /*#__PURE__*/_react.default.createElement(_index.PopoverTrigger, null, /*#__PURE__*/_react.default.createElement(_Button.default, null, "Trigger"))), /*#__PURE__*/_react.default.createElement(_index.PopoverContent, {
-    header: "Confirmation!"
-  }, "Are you sure you want to have that milkshake?"));
-};
-
-var Variant = OverviewTemplate.bind({});
+const OverviewTemplate = props => /*#__PURE__*/_react.default.createElement(_index.Popover, (0, _extends2.default)({
+  defaultIsOpen: true
+}, props), /*#__PURE__*/_react.default.createElement(_react2.Flex, {
+  justifyContent: "center",
+  alignItems: "center"
+}, /*#__PURE__*/_react.default.createElement(_index.PopoverTrigger, null, /*#__PURE__*/_react.default.createElement(_Button.default, null, "Trigger"))), /*#__PURE__*/_react.default.createElement(_index.PopoverContent, {
+  header: "Confirmation!"
+}, "Are you sure you want to have that milkshake?"));
+const Variant = OverviewTemplate.bind({});
 exports.Variant = Variant;
-Variant.argTypes = _objectSpread({}, (0, _createControl.createSelectControl)('variant', ['light', 'dark']));
+Variant.argTypes = {
+  ...(0, _createControl.createSelectControl)('variant', ['light', 'dark'])
+};
 Variant.args = {
   variant: 'light'
 };
-var Placement = OverviewTemplate.bind({});
+const Placement = OverviewTemplate.bind({});
 exports.Placement = Placement;
-Placement.argTypes = _objectSpread(_objectSpread({}, (0, _createControl.createSelectControl)('placement', ['top', 'right', 'bottom', 'left', 'auto', 'auto-start', 'auto-end', 'top-start', 'top-end', 'bottom-start', 'bottom-end', 'right-start', 'right-end', 'left-start', 'left-end'])), (0, _disableArgs.default)('variant'));
+Placement.argTypes = {
+  ...(0, _createControl.createSelectControl)('placement', ['top', 'right', 'bottom', 'left', 'auto', 'auto-start', 'auto-end', 'top-start', 'top-end', 'bottom-start', 'bottom-end', 'right-start', 'right-end', 'left-start', 'left-end']),
+  ...(0, _disableArgs.default)('variant')
+};
 Placement.args = {
   placement: 'bottom'
 };
-
-var NoHeaderTemplate = function NoHeaderTemplate(props) {
-  return /*#__PURE__*/_react.default.createElement(_index.Popover, (0, _extends2.default)({
-    defaultIsOpen: true
-  }, props), /*#__PURE__*/_react.default.createElement(_index.PopoverTrigger, null, /*#__PURE__*/_react.default.createElement(_Button.default, null, "Trigger")), /*#__PURE__*/_react.default.createElement(_index.PopoverContent, null, "Are you sure you want to have that milkshake?"));
-};
-
-var NoHeader = NoHeaderTemplate.bind({});
+const NoHeaderTemplate = props => /*#__PURE__*/_react.default.createElement(_index.Popover, (0, _extends2.default)({
+  defaultIsOpen: true
+}, props), /*#__PURE__*/_react.default.createElement(_index.PopoverTrigger, null, /*#__PURE__*/_react.default.createElement(_Button.default, null, "Trigger")), /*#__PURE__*/_react.default.createElement(_index.PopoverContent, null, "Are you sure you want to have that milkshake?"));
+const NoHeader = NoHeaderTemplate.bind({});
 exports.NoHeader = NoHeader;
-NoHeader.argTypes = _objectSpread({}, (0, _disableArgs.default)(['variant', 'placement']));
-
-var NoCloseButtonTemplate = function NoCloseButtonTemplate(props) {
-  return /*#__PURE__*/_react.default.createElement(_index.Popover, (0, _extends2.default)({
-    defaultIsOpen: true
-  }, props), /*#__PURE__*/_react.default.createElement(_index.PopoverTrigger, null, /*#__PURE__*/_react.default.createElement(_Button.default, null, "Trigger")), /*#__PURE__*/_react.default.createElement(_index.PopoverContent, {
-    hideCloseButton: true,
-    header: "Confirmation!"
-  }, "Are you sure you want to have that milkshake?"));
+NoHeader.argTypes = {
+  ...(0, _disableArgs.default)(['variant', 'placement'])
 };
-
-var NoCloseButton = NoCloseButtonTemplate.bind({});
+const NoCloseButtonTemplate = props => /*#__PURE__*/_react.default.createElement(_index.Popover, (0, _extends2.default)({
+  defaultIsOpen: true
+}, props), /*#__PURE__*/_react.default.createElement(_index.PopoverTrigger, null, /*#__PURE__*/_react.default.createElement(_Button.default, null, "Trigger")), /*#__PURE__*/_react.default.createElement(_index.PopoverContent, {
+  hideCloseButton: true,
+  header: "Confirmation!"
+}, "Are you sure you want to have that milkshake?"));
+const NoCloseButton = NoCloseButtonTemplate.bind({});
 exports.NoCloseButton = NoCloseButton;
-NoCloseButton.argTypes = _objectSpread({}, (0, _disableArgs.default)(['variant', 'placement']));
+NoCloseButton.argTypes = {
+  ...(0, _disableArgs.default)(['variant', 'placement'])
+};

package/dist/components/Popover/PopoverArrow.js

@@ -1,31 +1,17 @@
 "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 _popoverArrow = _interopRequireDefault(require("./styles/popover-arrow"));
-
-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 PopoverArrow = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+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 PopoverArrow = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   return /*#__PURE__*/_react.default.createElement(_react2.PopoverArrow, (0, _extends2.default)({
     ref: ref
   }, props, (0, _popoverArrow.default)(props)));

package/dist/components/Popover/PopoverCloseButton.js

@@ -1,31 +1,17 @@
 "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 _popoverCloseButton = _interopRequireDefault(require("./styles/popover-close-button"));
-
-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 PopoverCloseButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+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 PopoverCloseButton = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   return /*#__PURE__*/_react.default.createElement(_react2.PopoverCloseButton, (0, _extends2.default)({
     ref: ref
   }, props, (0, _popoverCloseButton.default)(props)));

package/dist/components/Popover/PopoverContent.js

@@ -1,42 +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 _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 _PopoverArrow = _interopRequireDefault(require("./PopoverArrow"));
-
 var _PopoverCloseButton = _interopRequireDefault(require("./PopoverCloseButton"));
-
-var _excluded = ["header", "variant", "children", "hideCloseButton"];
-
-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 PopoverContent = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var header = props.header,
-      variant = props.variant,
-      children = props.children,
-      hideCloseButton = props.hideCloseButton,
-      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const PopoverContent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    header,
+    variant,
+    children,
+    hideCloseButton,
+    ...rest
+  } = props;
   return /*#__PURE__*/_react.default.createElement(_react2.PopoverContent, (0, _extends2.default)({}, rest, {
     ref: ref
   }), /*#__PURE__*/_react.default.createElement(_PopoverArrow.default, {

package/dist/components/Popover/index.js

@@ -1,37 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "Popover", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Popover.default;
   }
 });
 Object.defineProperty(exports, "PopoverAnchor", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _react.PopoverAnchor;
   }
 });
 Object.defineProperty(exports, "PopoverContent", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _PopoverContent.default;
   }
 });
 Object.defineProperty(exports, "PopoverTrigger", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _react.PopoverTrigger;
   }
 });
-
 var _react = require("@chakra-ui/react");
-
 var _Popover = _interopRequireDefault(require("./Popover"));
-
 var _PopoverContent = _interopRequireDefault(require("./PopoverContent"));

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

@@ -1,38 +1,25 @@
 "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 _popper = _interopRequireDefault(require("./popper"));
-
 var _popoverBody = _interopRequireDefault(require("./popover-body"));
-
 var _popoverHeader = _interopRequireDefault(require("./popover-header"));
-
 var _popoverContent = _interopRequireDefault(require("./popover-content"));
-
-var parts = ['popper', 'content', 'header', 'body'];
-
-var baseStyle = function baseStyle(props) {
-  return {
-    header: _popoverHeader.default,
-    content: (0, _popoverContent.default)(props),
-    body: (0, _popoverBody.default)(props),
-    popper: _popper.default
-  };
-};
-
+const parts = ['popper', 'content', 'header', 'body'];
+const baseStyle = props => ({
+  header: _popoverHeader.default,
+  content: (0, _popoverContent.default)(props),
+  body: (0, _popoverBody.default)(props),
+  popper: _popper.default
+});
 var _default = (0, _merge.default)(_theme.default.components.Popover, {
-  parts: parts,
-  baseStyle: baseStyle
+  parts,
+  baseStyle
 });
-
 exports.default = _default;

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var arrowStyles = function arrowStyles(_ref) {
-  var variant = _ref.variant;
+const arrowStyles = _ref => {
+  let {
+    variant
+  } = _ref;
   return {
     backgroundColor: variant === 'dark' ? 'secondary.default' : 'white'
   };
 };
-
 var _default = arrowStyles;
 exports.default = _default;

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

@@ -4,12 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var body = function body(props) {
-  return {
-    fontSize: 'sm'
-  };
-};
-
+const body = props => ({
+  fontSize: 'sm'
+});
 var _default = body;
 exports.default = _default;

package/dist/components/Popover/styles/popover-close-button.js

@@ -4,15 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var pseudoStyles = function pseudoStyles(variant) {
-  return {
-    bgColor: variant === 'dark' ? 'gray.600' : 'gray.50'
-  };
-};
-
-var closeButtonStyles = function closeButtonStyles(_ref) {
-  var variant = _ref.variant;
+const pseudoStyles = variant => ({
+  bgColor: variant === 'dark' ? 'gray.600' : 'gray.50'
+});
+const closeButtonStyles = _ref => {
+  let {
+    variant
+  } = _ref;
   return {
     color: variant === 'dark' ? 'white' : 'black',
     fontSize: '0.5rem',
@@ -25,6 +23,5 @@ var closeButtonStyles = function closeButtonStyles(_ref) {
     _focus: pseudoStyles(variant)
   };
 };
-
 var _default = closeButtonStyles;
 exports.default = _default;

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

@@ -4,9 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var popoverContentStyles = function popoverContentStyles(_ref) {
-  var variant = _ref.variant;
+const popoverContentStyles = _ref => {
+  let {
+    variant
+  } = _ref;
   return {
     padding: 4,
     marginBottom: 0,
@@ -18,12 +19,9 @@ var popoverContentStyles = function popoverContentStyles(_ref) {
     borderColor: 'gray.100',
     borderWidth: '1px',
     borderStyle: 'solid',
-    '--popper-arrow-shadow-color': function popperArrowShadowColor(t) {
-      return t.colors.gray['100'];
-    },
+    '--popper-arrow-shadow-color': t => t.colors.gray['100'],
     zIndex: 'layer10'
   };
 };
-
 var _default = popoverContentStyles;
 exports.default = _default;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var headerStyles = {
+const headerStyles = {
   marginBottom: 2,
   fontWeight: 'semibold'
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var popperStyles = {
+const popperStyles = {
   borderRadius: 'base'
 };
 var _default = popperStyles;

package/dist/components/Radio/Radio.js

@@ -1,40 +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 _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@chakra-ui/react");
-
-var _excluded = ["defaultChecked", "isChecked", "isDisabled", "value", "helperText", "children"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var 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,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const Radio = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    defaultChecked,
+    isChecked,
+    isDisabled,
+    value,
+    helperText,
+    children,
+    ...props
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_react2.Radio, (0, _extends2.default)({
     ref: ref,
     defaultChecked: defaultChecked,

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

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 = {
   title: 'v2/Radio',
   component: _Radio.default,
@@ -25,13 +19,11 @@ var _default = {
   }
 };
 exports.default = _default;
-
-var Individual = function Individual(props) {
+const Individual = props => {
   return /*#__PURE__*/_react.default.createElement(_Radio.default, (0, _extends2.default)({
     value: "1"
   }, props), "Option 1");
 };
-
 exports.Individual = Individual;
 Individual.argTypes = {
   helperText: {
@@ -70,8 +62,7 @@ Individual.args = {
   isDisabled: false,
   isChecked: false
 };
-
-var Group = function Group(props) {
+const Group = props => {
   return /*#__PURE__*/_react.default.createElement(_RadioGroup.default, (0, _extends2.default)({
     name: "example1",
     defaultValue: "3",
@@ -87,7 +78,6 @@ var Group = function Group(props) {
     value: "4"
   }, "Option 4"));
 };
-
 exports.Group = Group;
 Group.title = 'v2/RadioGroup';
 Group.component = _RadioGroup.default;