@spothero/ui 22.3.2 → 22.3.5

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

@@ -1,10 +1,20 @@
 "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.Accordion = void 0;
+exports["default"] = exports.Accordion = void 0;
+var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@chakra-ui/react");
@@ -13,53 +23,54 @@ var _Text = _interopRequireDefault(require("../Text/Text"));
 var _Heading = _interopRequireDefault(require("../Heading/Heading"));
 var _createControl = require("storybook/utils/create-control");
 var _index = require("./index");
-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/Accordion',
   parameters: {
     removeBaseHtmlClass: true
   }
 };
-const AccordionTemplate = ({
-  index,
-  variant,
-  allowToggle,
-  accordionText,
-  allowMultiple
-}) => {
-  const multipleOptions = allowMultiple ? {
-    allowMultiple,
+var AccordionTemplate = function AccordionTemplate(_ref) {
+  var index = _ref.index,
+    variant = _ref.variant,
+    allowToggle = _ref.allowToggle,
+    accordionText = _ref.accordionText,
+    allowMultiple = _ref.allowMultiple;
+  var multipleOptions = allowMultiple ? {
+    allowMultiple: allowMultiple,
     defaultIndex: index
   } : '';
-  const toggleOptions = allowToggle ? {
-    allowToggle
+  var toggleOptions = allowToggle ? {
+    allowToggle: allowToggle
   } : '';
-  const handleOnClick = () => {
+  var handleOnClick = function handleOnClick() {
     // eslint-disable-next-line no-alert
     alert('Hello World');
   };
-  return /*#__PURE__*/_react.default.createElement(_index.Accordion, (0, _extends2.default)({}, toggleOptions, multipleOptions, {
+  return /*#__PURE__*/_react["default"].createElement(_index.Accordion, (0, _extends2["default"])({}, toggleOptions, multipleOptions, {
     variant: variant
-  }), /*#__PURE__*/_react.default.createElement(_index.AccordionItem, null, /*#__PURE__*/_react.default.createElement(_Heading.default, {
+  }), /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, null, /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
     as: "h3"
-  }, /*#__PURE__*/_react.default.createElement(_index.AccordionButton, null, /*#__PURE__*/_react.default.createElement(_react2.Box, {
+  }, /*#__PURE__*/_react["default"].createElement(_index.AccordionButton, null, /*#__PURE__*/_react["default"].createElement(_react2.Box, {
     flex: "1",
     textAlign: "left"
-  }, "Default Accordion"), /*#__PURE__*/_react.default.createElement(_index.AccordionIcon, null))), /*#__PURE__*/_react.default.createElement(_index.AccordionPanel, null, /*#__PURE__*/_react.default.createElement(_Text.default, null, accordionText))), /*#__PURE__*/_react.default.createElement(_index.AccordionItem, null, /*#__PURE__*/_react.default.createElement(_Heading.default, {
+  }, "Default Accordion"), /*#__PURE__*/_react["default"].createElement(_index.AccordionIcon, null))), /*#__PURE__*/_react["default"].createElement(_index.AccordionPanel, null, /*#__PURE__*/_react["default"].createElement(_Text["default"], null, accordionText))), /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, null, /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
     as: "h3"
-  }, /*#__PURE__*/_react.default.createElement(_index.AccordionButton, null, /*#__PURE__*/_react.default.createElement(_index.AccordionIcon, null), /*#__PURE__*/_react.default.createElement(_react2.Box, {
+  }, /*#__PURE__*/_react["default"].createElement(_index.AccordionButton, null, /*#__PURE__*/_react["default"].createElement(_index.AccordionIcon, null), /*#__PURE__*/_react["default"].createElement(_react2.Box, {
     flex: "1",
     textAlign: "left"
-  }, "Right Aligned Accordion Icon"))), /*#__PURE__*/_react.default.createElement(_index.AccordionPanel, null, /*#__PURE__*/_react.default.createElement(_Text.default, null, accordionText))), /*#__PURE__*/_react.default.createElement(_index.AccordionItem, null, /*#__PURE__*/_react.default.createElement(_Heading.default, {
+  }, "Right Aligned Accordion Icon"))), /*#__PURE__*/_react["default"].createElement(_index.AccordionPanel, null, /*#__PURE__*/_react["default"].createElement(_Text["default"], null, accordionText))), /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, null, /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
     as: "h3"
-  }, /*#__PURE__*/_react.default.createElement(_index.AccordionButton, null, /*#__PURE__*/_react.default.createElement(_react2.Box, {
+  }, /*#__PURE__*/_react["default"].createElement(_index.AccordionButton, null, /*#__PURE__*/_react["default"].createElement(_react2.Box, {
     flex: "1",
     textAlign: "left"
-  }, "Accordion with Additional Action Button"), /*#__PURE__*/_react.default.createElement(_index.AccordionActionButton, {
+  }, "Accordion with Additional Action Button"), /*#__PURE__*/_react["default"].createElement(_index.AccordionActionButton, {
     onClick: handleOnClick
-  }, "Action"), /*#__PURE__*/_react.default.createElement(_index.AccordionIcon, null))), /*#__PURE__*/_react.default.createElement(_index.AccordionPanel, null, /*#__PURE__*/_react.default.createElement(_Text.default, null, accordionText))));
+  }, "Action"), /*#__PURE__*/_react["default"].createElement(_index.AccordionIcon, null))), /*#__PURE__*/_react["default"].createElement(_index.AccordionPanel, null, /*#__PURE__*/_react["default"].createElement(_Text["default"], null, accordionText))));
 };
-const Accordion = exports.Accordion = AccordionTemplate.bind({});
-Accordion.argTypes = {
+var Accordion = exports.Accordion = (0, _bind["default"])(AccordionTemplate).call(AccordionTemplate, {});
+Accordion.argTypes = _objectSpread({
   accordionText: {
     control: {
       type: 'text'
@@ -79,9 +90,8 @@ Accordion.argTypes = {
     control: {
       type: 'number'
     }
-  },
-  ...(0, _createControl.createSelectControl)('variant', ['lined', 'contained'])
-};
+  }
+}, (0, _createControl.createSelectControl)('variant', ['lined', 'contained']));
 Accordion.args = {
   accordionText: _faker.faker.random.words(100),
   allowMultiple: true,

package/dist/components/Accordion/AccordionActionButton.js

@@ -1,24 +1,27 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
+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");
+_Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 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)(({
-  children,
-  onClick
-}, ref) => {
-  const handleOnClick = e => {
+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 AccordionActionButton = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
+  var children = _ref.children,
+    onClick = _ref.onClick;
+  var handleOnClick = function handleOnClick(e) {
     if (onClick) {
       e.preventDefault();
     }
-    onClick?.();
+    onClick === null || onClick === void 0 ? void 0 : onClick();
   };
-  return /*#__PURE__*/_react2.default.createElement(_react.Box, {
+  return /*#__PURE__*/_react2["default"].createElement(_react.Box, {
     ref: ref,
     fontSize: "sm",
     role: "button",
@@ -26,4 +29,4 @@ const AccordionActionButton = /*#__PURE__*/(0, _react2.forwardRef)(({
     color: "primary.default"
   }, children);
 });
-var _default = exports.default = AccordionActionButton;
+var _default = exports["default"] = AccordionActionButton;

package/dist/components/Accordion/index.js

@@ -1,42 +1,43 @@
 "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, "Accordion", {
+_Object$defineProperty(exports, "Accordion", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _react.Accordion;
   }
 });
-Object.defineProperty(exports, "AccordionActionButton", {
+_Object$defineProperty(exports, "AccordionActionButton", {
   enumerable: true,
-  get: function () {
-    return _AccordionActionButton.default;
+  get: function get() {
+    return _AccordionActionButton["default"];
   }
 });
-Object.defineProperty(exports, "AccordionButton", {
+_Object$defineProperty(exports, "AccordionButton", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _react.AccordionButton;
   }
 });
-Object.defineProperty(exports, "AccordionIcon", {
+_Object$defineProperty(exports, "AccordionIcon", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _react.AccordionIcon;
   }
 });
-Object.defineProperty(exports, "AccordionItem", {
+_Object$defineProperty(exports, "AccordionItem", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _react.AccordionItem;
   }
 });
-Object.defineProperty(exports, "AccordionPanel", {
+_Object$defineProperty(exports, "AccordionPanel", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _react.AccordionPanel;
   }
 });

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

@@ -1,13 +1,14 @@
 "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 = void 0;
+exports["default"] = void 0;
 var _merge = _interopRequireDefault(require("lodash/merge"));
 var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
-const baseStyle = {
+var baseStyle = {
   icon: {
     color: 'primary.default'
   },
@@ -25,7 +26,7 @@ const baseStyle = {
     borderColor: 'gray.medium'
   }
 };
-const variants = {
+var variants = {
   lined: {
     button: {
       px: 2,
@@ -66,11 +67,11 @@ const variants = {
     }
   }
 };
-const defaultProps = {
+var defaultProps = {
   variant: 'lined'
 };
-var _default = exports.default = (0, _merge.default)(_theme.default.components.Accordion, {
-  variants,
-  baseStyle,
-  defaultProps
+var _default = exports["default"] = (0, _merge["default"])(_theme["default"].components.Accordion, {
+  variants: variants,
+  baseStyle: baseStyle,
+  defaultProps: defaultProps
 });

package/dist/components/Alert/Alert.js

@@ -1,11 +1,23 @@
 "use strict";
 
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+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 _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _merge = _interopRequireDefault(require("lodash/merge"));
 var _react2 = require("@chakra-ui/react");
@@ -17,54 +29,50 @@ var _checkmarkCircleFilled = _interopRequireDefault(require("@spothero/icons/che
 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]: _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)(({
-  status,
-  title,
-  buttonProps,
-  buttonText,
-  buttonOnBottom,
-  showDismiss,
-  onDismissClick,
-  showIcon,
-  description,
-  icon,
-  ...props
-}, ref) => {
-  const IconVariant = icon || statusIconMapping[status];
+var _excluded = ["status", "title", "buttonProps", "buttonText", "buttonOnBottom", "showDismiss", "onDismissClick", "showIcon", "description", "icon"];
+var _statusIconMapping;
+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; }
+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 statusIconMapping = (_statusIconMapping = {}, (0, _defineProperty2["default"])(_statusIconMapping, _notifications.NOTIFICATION_STATUSES.WARNING, _exclamationCircleFilled["default"]), (0, _defineProperty2["default"])(_statusIconMapping, _notifications.NOTIFICATION_STATUSES.SUCCESS, _checkmarkCircleFilled["default"]), (0, _defineProperty2["default"])(_statusIconMapping, _notifications.NOTIFICATION_STATUSES.ERROR, _exclamationCircleFilled["default"]), (0, _defineProperty2["default"])(_statusIconMapping, _notifications.NOTIFICATION_STATUSES.NEUTRAL, _infoCircleFilled["default"]), _statusIconMapping);
+var Alert = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var status = _ref.status,
+    title = _ref.title,
+    buttonProps = _ref.buttonProps,
+    buttonText = _ref.buttonText,
+    buttonOnBottom = _ref.buttonOnBottom,
+    showDismiss = _ref.showDismiss,
+    onDismissClick = _ref.onDismissClick,
+    showIcon = _ref.showIcon,
+    description = _ref.description,
+    icon = _ref.icon,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var 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)({
-    ..._theme.default.components.Alert.baseStyle
-  }, _notifications.notificationBaseStyle, (0, _notifications.notificationStatusStyles)(status), (0, _notifications.notificationSizeStyles)(props.size));
-  return /*#__PURE__*/_react.default.createElement(_react2.Alert, (0, _extends2.default)({}, style.container, {
+  var style = (0, _merge["default"])(_objectSpread({}, _theme["default"].components.Alert.baseStyle), _notifications.notificationBaseStyle, (0, _notifications.notificationStatusStyles)(status), (0, _notifications.notificationSizeStyles)(props.size));
+  return /*#__PURE__*/_react["default"].createElement(_react2.Alert, (0, _extends2["default"])({}, style.container, {
     "data-status": status
   }, props, {
     ref: ref
-  }), showIcon ? /*#__PURE__*/_react.default.createElement(_Icon.default, (0, _extends2.default)({}, style.icon, {
+  }), showIcon ? /*#__PURE__*/_react["default"].createElement(_Icon["default"], (0, _extends2["default"])({}, style.icon, {
     as: IconVariant
-  })) : null, /*#__PURE__*/_react.default.createElement(_react2.VStack, {
+  })) : null, /*#__PURE__*/_react["default"].createElement(_react2.VStack, {
     spacing: 0,
     alignItems: "flex-start"
-  }, title ? /*#__PURE__*/_react.default.createElement(_react2.AlertTitle, style.title, title) : null, description ? /*#__PURE__*/_react.default.createElement(_react2.AlertDescription, style.description, description) : null, buttonOnBottom && buttonText && buttonProps ? /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, style.actionButton, {
+  }, title ? /*#__PURE__*/_react["default"].createElement(_react2.AlertTitle, style.title, title) : null, description ? /*#__PURE__*/_react["default"].createElement(_react2.AlertDescription, style.description, description) : null, buttonOnBottom && buttonText && buttonProps ? /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({}, style.actionButton, {
     variant: "tertiary"
-  }, buttonProps), buttonText) : null), /*#__PURE__*/_react.default.createElement(_react2.Flex, {
+  }, buttonProps), buttonText) : null), /*#__PURE__*/_react["default"].createElement(_react2.Flex, {
     alignItems: "center",
     marginLeft: "auto"
-  }, !buttonOnBottom && buttonText && buttonProps ? /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, style.actionButton, {
+  }, !buttonOnBottom && buttonText && buttonProps ? /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({}, style.actionButton, {
     variant: "tertiary"
-  }, buttonProps), buttonText) : null, showDismiss ? /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, style.dismissButton, {
+  }, buttonProps), buttonText) : null, showDismiss ? /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({}, style.dismissButton, {
     onClick: onDismissClick
-  }), /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  }), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
     width: 6,
     height: "auto",
-    as: _x.default
+    as: _x["default"]
   })) : null));
 });
 Alert.defaultProps = {
@@ -80,4 +88,4 @@ Alert.defaultProps = {
   size: 'md',
   icon: null
 };
-var _default = exports.default = Alert;
+var _default = exports["default"] = Alert;

package/dist/components/Alert/Alert.stories.js

@@ -1,49 +1,64 @@
 "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.Alert = void 0;
+exports["default"] = exports.Alert = void 0;
+var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@chakra-ui/react");
 var _createControl = require("storybook/utils/create-control");
 var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
 var _Alert = _interopRequireDefault(require("./Alert"));
-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/Alert',
-  component: _Alert.default,
+  component: _Alert["default"],
   parameters: {
     removeBaseHtmlClass: true
   }
 };
-const AlertTemplate = props => /*#__PURE__*/_react.default.createElement(_react2.VStack, {
-  alignItems: "flex-start"
-}, /*#__PURE__*/_react.default.createElement(_react2.Text, null, "Status: Success"), /*#__PURE__*/_react.default.createElement(_Alert.default, (0, _extends2.default)({
-  status: "success"
-}, props)), /*#__PURE__*/_react.default.createElement(_react2.Text, null, "Status: Error"), /*#__PURE__*/_react.default.createElement(_Alert.default, (0, _extends2.default)({
-  status: "error"
-}, props)), /*#__PURE__*/_react.default.createElement(_react2.Text, null, "Status: Warning"), /*#__PURE__*/_react.default.createElement(_Alert.default, (0, _extends2.default)({
-  status: "warning"
-}, props)), /*#__PURE__*/_react.default.createElement(_react2.Text, null, "Status: Neutral"), /*#__PURE__*/_react.default.createElement(_Alert.default, (0, _extends2.default)({
-  status: "neutral"
-}, props)));
-const Alert = exports.Alert = AlertTemplate.bind({});
-Alert.argTypes = {
-  ...(0, _createControl.createSelectControl)('size', ['sm', 'md', 'lg']),
-  ...(0, _disableArgs.default)(['buttonProps', 'onDismissClick', 'status'])
+var AlertTemplate = function AlertTemplate(props) {
+  return /*#__PURE__*/_react["default"].createElement(_react2.VStack, {
+    alignItems: "flex-start"
+  }, /*#__PURE__*/_react["default"].createElement(_react2.Text, null, "Status: Success"), /*#__PURE__*/_react["default"].createElement(_Alert["default"], (0, _extends2["default"])({
+    status: "success"
+  }, props)), /*#__PURE__*/_react["default"].createElement(_react2.Text, null, "Status: Error"), /*#__PURE__*/_react["default"].createElement(_Alert["default"], (0, _extends2["default"])({
+    status: "error"
+  }, props)), /*#__PURE__*/_react["default"].createElement(_react2.Text, null, "Status: Warning"), /*#__PURE__*/_react["default"].createElement(_Alert["default"], (0, _extends2["default"])({
+    status: "warning"
+  }, props)), /*#__PURE__*/_react["default"].createElement(_react2.Text, null, "Status: Neutral"), /*#__PURE__*/_react["default"].createElement(_Alert["default"], (0, _extends2["default"])({
+    status: "neutral"
+  }, props)));
 };
+var Alert = exports.Alert = (0, _bind["default"])(AlertTemplate).call(AlertTemplate, {});
+Alert.argTypes = _objectSpread(_objectSpread({}, (0, _createControl.createSelectControl)('size', ['sm', 'md', 'lg'])), (0, _disableArgs["default"])(['buttonProps', 'onDismissClick', 'status']));
 Alert.args = {
   title: 'Hello',
   buttonOnBottom: false,
   buttonText: 'Action',
   description: 'This is an alert.',
   buttonProps: {
-    onClick: () => console.log('Action clicked')
+    onClick: function onClick() {
+      return console.log('Action clicked');
+    }
   },
   showDismiss: true,
-  onDismissClick: () => console.log('dismissed'),
+  onDismissClick: function onDismissClick() {
+    return console.log('dismissed');
+  },
   showIcon: true,
   size: 'md'
 };

package/dist/components/Alert/index.js

@@ -1,13 +1,14 @@
 "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, "default", {
+_Object$defineProperty(exports, "default", {
   enumerable: true,
-  get: function () {
-    return _Alert.default;
+  get: function get() {
+    return _Alert["default"];
   }
 });
 var _Alert = _interopRequireDefault(require("./Alert"));