@spothero/ui 22.3.0 → 22.3.5

package/dist/components/ThemeProvider/ThemeProvider.stories.js

@@ -1,51 +1,52 @@
 "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.ThemeProvider = void 0;
+exports["default"] = exports.ThemeProvider = void 0;
+var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@chakra-ui/react");
 var _ThemeProvider = _interopRequireDefault(require("./ThemeProvider"));
 var _Spaces = _interopRequireDefault(require("../../utils/Spaces"));
 var _Text = _interopRequireDefault(require("../Text/Text"));
 var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
-const Usage = () => {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "// RootComponent.jsx", /*#__PURE__*/_react.default.createElement("br", null), "...", /*#__PURE__*/_react.default.createElement("br", null), "return (", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, null), "<ThemeProvider>", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, {
+var Usage = function Usage() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "// RootComponent.jsx", /*#__PURE__*/_react["default"].createElement("br", null), "...", /*#__PURE__*/_react["default"].createElement("br", null), "return (", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_Spaces["default"], null), "<ThemeProvider>", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_Spaces["default"], {
     spaces: 6
-  }), "<App/>", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, null), "</ThemeProvider>", /*#__PURE__*/_react.default.createElement("br", null), ");", /*#__PURE__*/_react.default.createElement("br", null), "...");
+  }), "<App/>", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_Spaces["default"], null), "</ThemeProvider>", /*#__PURE__*/_react["default"].createElement("br", null), ");", /*#__PURE__*/_react["default"].createElement("br", null), "...");
 };
-var _default = exports.default = {
+var _default = exports["default"] = {
   title: 'v2/ThemeProvider',
-  component: _ThemeProvider.default,
+  component: _ThemeProvider["default"],
   parameters: {
     removeBaseHtmlClass: true,
-    usage: [/*#__PURE__*/_react.default.createElement(Usage, {
+    usage: [/*#__PURE__*/_react["default"].createElement(Usage, {
       key: 1
     })]
   }
 };
-const Template = (props, {
-  hasDarkBackground
-}) => {
-  const contentTextColor = hasDarkBackground ? 'text.primary.dark' : 'text.primary.light';
-  return /*#__PURE__*/_react.default.createElement(_react2.Box, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
+var Template = function Template(props, _ref) {
+  var hasDarkBackground = _ref.hasDarkBackground;
+  var contentTextColor = hasDarkBackground ? 'text.primary.dark' : 'text.primary.light';
+  return /*#__PURE__*/_react["default"].createElement(_react2.Box, null, /*#__PURE__*/_react["default"].createElement(_Text["default"], {
     mb: 8,
     color: contentTextColor
-  }, "As the name implies, this is a theme context provider that all of your v2 components utilize. It is required by all apps moving to v2"), /*#__PURE__*/_react.default.createElement(_Text.default, null), /*#__PURE__*/_react.default.createElement(_Text.default, {
+  }, "As the name implies, this is a theme context provider that all of your v2 components utilize. It is required by all apps moving to v2"), /*#__PURE__*/_react["default"].createElement(_Text["default"], null), /*#__PURE__*/_react["default"].createElement(_Text["default"], {
     mb: 8,
     color: contentTextColor
-  }, "ThemeProvider has a ", /*#__PURE__*/_react.default.createElement(_react2.Code, null, "theme"), " prop that takes a theme object. Unlike how we are both overriding and extending Chakra's default theme, this property only extends our default theme configuration."), ' ', /*#__PURE__*/_react.default.createElement(_Text.default, {
+  }, "ThemeProvider has a ", /*#__PURE__*/_react["default"].createElement(_react2.Code, null, "theme"), " prop that takes a theme object. Unlike how we are both overriding and extending Chakra's default theme, this property only extends our default theme configuration."), ' ', /*#__PURE__*/_react["default"].createElement(_Text["default"], {
     mb: 8,
     color: contentTextColor
-  }, "ThemeProvider has a ", /*#__PURE__*/_react.default.createElement(_react2.Code, null, "useLegacyOverrides"), " prop that is a boolean. If true, the ThemeProvider will insert the typography styling from .spothero-html"), ' ', /*#__PURE__*/_react.default.createElement(_Text.default, {
+  }, "ThemeProvider has a ", /*#__PURE__*/_react["default"].createElement(_react2.Code, null, "useLegacyOverrides"), " prop that is a boolean. If true, the ThemeProvider will insert the typography styling from .spothero-html"), ' ', /*#__PURE__*/_react["default"].createElement(_Text["default"], {
     mb: 8,
     color: contentTextColor
-  }, "ThemeProvider also has a ", /*#__PURE__*/_react.default.createElement(_react2.Code, null, "disableExternalFonts"), " prop that is a boolean. If true, the ThemeProvider will not load the font files from Google's CDN, and you will be able to handle fonts on a project-level."), ' ');
+  }, "ThemeProvider also has a ", /*#__PURE__*/_react["default"].createElement(_react2.Code, null, "disableExternalFonts"), " prop that is a boolean. If true, the ThemeProvider will not load the font files from Google's CDN, and you will be able to handle fonts on a project-level."), ' ');
 };
-const ThemeProvider = exports.ThemeProvider = Template.bind({});
+var ThemeProvider = exports.ThemeProvider = (0, _bind["default"])(Template).call(Template, {});
 ThemeProvider.parameters = {
   importBy: 'ThemeProvider'
 };
-ThemeProvider.argTypes = (0, _disableArgs.default)(['theme', 'children', 'useLegacyOverrides']);
+ThemeProvider.argTypes = (0, _disableArgs["default"])(['theme', 'children', 'useLegacyOverrides']);

package/dist/components/Toast/Toast.stories.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 = exports.Toast = void 0;
+exports["default"] = exports.Toast = void 0;
+var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _Alert = _interopRequireDefault(require("../Alert/Alert"));
 var _Button = _interopRequireDefault(require("../Button/Button"));
 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; }
-var _default = exports.default = {
+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 _default = exports["default"] = {
   title: 'v2/Toast',
-  component: _Alert.default,
+  component: _Alert["default"],
   parameters: {
     importBy: 'useToast',
     removeBaseHtmlClass: true,
     chakraLink: 'https://chakra-ui.com/docs/components/toast'
   }
 };
-const Template = props => {
-  const toast = (0, _react2.useToast)();
-  const addToast = () => {
-    const toastRef = /*#__PURE__*/(0, _react.createRef)();
-    const close = () => {
+var Template = function Template(props) {
+  var toast = (0, _react2.useToast)();
+  var addToast = function addToast() {
+    var toastRef = /*#__PURE__*/(0, _react.createRef)();
+    var close = function close() {
       if (toastRef.current) {
         toast.close(toastRef.current);
       }
@@ -33,19 +38,21 @@ const Template = props => {
     toastRef.current = toast({
       position: 'bottom-left',
       duration: 5000,
-      render: () => /*#__PURE__*/_react.default.createElement(_Alert.default, (0, _extends2.default)({}, props, {
-        onDismissClick: close
-      }))
+      render: function render() {
+        return /*#__PURE__*/_react["default"].createElement(_Alert["default"], (0, _extends2["default"])({}, props, {
+          onDismissClick: close
+        }));
+      }
     });
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_react2.VStack, {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_react2.VStack, {
     alignItems: "flex-start",
     marginBottom: 4
-  }, /*#__PURE__*/_react.default.createElement(_react2.Text, null, "Note that Toast is not actually a component in and of itself. The \"Toast\" in these examples is created by using the useToast hook provided by Chakra and then using our Alert component as the custom component that is is rendered.")), /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, /*#__PURE__*/_react["default"].createElement(_react2.Text, null, "Note that Toast is not actually a component in and of itself. The \"Toast\" in these examples is created by using the useToast hook provided by Chakra and then using our Alert component as the custom component that is is rendered.")), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
     onClick: addToast
   }, "Show Toast"));
 };
-const Toast = exports.Toast = Template.bind({});
+var Toast = exports.Toast = (0, _bind["default"])(Template).call(Template, {});
 Toast.argTypes = {
   buttonProps: {
     table: {

package/dist/components/ToggleButtonGroup/ToggleButtonGroup.js

@@ -1,16 +1,30 @@
 "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 _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _react = require("@chakra-ui/react");
 var _react2 = _interopRequireWildcard(require("react"));
 var _styles = require("./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; }
+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 _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @example (
  * <ToggleButtonGroup onChange={handleChangeValue} value={value}>
@@ -21,39 +35,31 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @note
  * must have multiple child elements
  */
-const ToggleButtonGroup = /*#__PURE__*/(0, _react2.forwardRef)((props, ref) => {
-  const {
-    onChange,
-    value,
-    children,
-    groupProps
-  } = props;
+var ToggleButtonGroup = /*#__PURE__*/(0, _react2.forwardRef)(function (props, ref) {
+  var _context;
+  var onChange = props.onChange,
+    value = props.value,
+    children = props.children,
+    groupProps = props.groupProps;
   if (!children) throw new Error('Children required');
 
   // iterate over array of child nodes to apply extended props
-  return /*#__PURE__*/_react2.default.createElement(_react.ButtonGroup, (0, _extends2.default)({
+  return /*#__PURE__*/_react2["default"].createElement(_react.ButtonGroup, (0, _extends2["default"])({
     ref: ref,
-    sx: {
-      ..._styles.buttonGroupStyles
-    }
-  }, groupProps), _react2.default.Children.map(children, CHILD => {
-    return /*#__PURE__*/_react2.default.cloneElement(CHILD, {
-      onClick: () => {
-        if (value === CHILD?.props?.value) return;
-        onChange(CHILD?.props?.value);
-      },
-      ...(value !== CHILD?.props?.value ? {
-        sx: {
-          ..._styles.defaultStyles,
-          ..._styles.inactiveStyles
-        }
-      } : {
-        sx: {
-          ..._styles.defaultStyles,
-          ..._styles.activeStyles
-        }
-      })
-    });
+    sx: _objectSpread({}, _styles.buttonGroupStyles)
+  }, groupProps), (0, _map["default"])(_context = _react2["default"].Children).call(_context, children, function (CHILD) {
+    var _CHILD$props3;
+    return /*#__PURE__*/_react2["default"].cloneElement(CHILD, _objectSpread({
+      onClick: function onClick() {
+        var _CHILD$props, _CHILD$props2;
+        if (value === (CHILD === null || CHILD === void 0 ? void 0 : (_CHILD$props = CHILD.props) === null || _CHILD$props === void 0 ? void 0 : _CHILD$props.value)) return;
+        onChange(CHILD === null || CHILD === void 0 ? void 0 : (_CHILD$props2 = CHILD.props) === null || _CHILD$props2 === void 0 ? void 0 : _CHILD$props2.value);
+      }
+    }, value !== (CHILD === null || CHILD === void 0 ? void 0 : (_CHILD$props3 = CHILD.props) === null || _CHILD$props3 === void 0 ? void 0 : _CHILD$props3.value) ? {
+      sx: _objectSpread(_objectSpread({}, _styles.defaultStyles), _styles.inactiveStyles)
+    } : {
+      sx: _objectSpread(_objectSpread({}, _styles.defaultStyles), _styles.activeStyles)
+    }));
   }));
 });
-var _default = exports.default = ToggleButtonGroup;
+var _default = exports["default"] = ToggleButtonGroup;

package/dist/components/ToggleButtonGroup/ToggleButtonGroup.stories.js

@@ -1,21 +1,27 @@
 "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 = exports.ToggleButtonGroup = void 0;
+exports["default"] = exports.ToggleButtonGroup = void 0;
+var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@chakra-ui/react");
 var _Button = require("../Button");
 var _ToggleButtonGroup = _interopRequireDefault(require("./ToggleButtonGroup"));
-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; }
-var _default = exports.default = {
+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 _default = exports["default"] = {
   title: 'v2/ToggleButtonGroup',
   displayName: 'ToggleButtonGroup',
-  component: _ToggleButtonGroup.default,
+  component: _ToggleButtonGroup["default"],
   parameters: {
     removeBaseHtmlClass: true
   }
@@ -24,30 +30,33 @@ var _default = exports.default = {
     Storybook's background is white so the ToggleButtonGroup is hard to see.
     The ToggleButtonGroup is typically displayed against a light green background.
 */
-const Template = props => {
-  const [toggleValue, setToggleValue] = (0, _react.useState)("multiple");
-  const onChange = value => {
+var Template = function Template(props) {
+  var _useState = (0, _react.useState)("multiple"),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    toggleValue = _useState2[0],
+    setToggleValue = _useState2[1];
+  var onChange = function onChange(value) {
     setToggleValue(value);
   };
-  return /*#__PURE__*/_react.default.createElement(_react2.Box, {
+  return /*#__PURE__*/_react["default"].createElement(_react2.Box, {
     backgroundColor: "green.50",
     padding: 8
-  }, /*#__PURE__*/_react.default.createElement(_ToggleButtonGroup.default, (0, _extends2.default)({}, props, {
+  }, /*#__PURE__*/_react["default"].createElement(_ToggleButtonGroup["default"], (0, _extends2["default"])({}, props, {
     value: toggleValue,
     onChange: onChange
-  }), /*#__PURE__*/_react.default.createElement(_Button.Button, {
+  }), /*#__PURE__*/_react["default"].createElement(_Button.Button, {
     key: "single",
     value: "single",
     fontSize: "xs"
-  }, "Single Bookings"), /*#__PURE__*/_react.default.createElement(_Button.Button, {
+  }, "Single Bookings"), /*#__PURE__*/_react["default"].createElement(_Button.Button, {
     key: "multiple",
     value: "multiple",
     fontSize: "xs"
-  }, "Multiple Bookings"), /*#__PURE__*/_react.default.createElement(_Button.Button, {
+  }, "Multiple Bookings"), /*#__PURE__*/_react["default"].createElement(_Button.Button, {
     key: "blah",
     value: "blah",
     fontSize: "xs"
   }, "Blah Bookings")));
 };
-const ToggleButtonGroup = exports.ToggleButtonGroup = Template.bind({});
+var ToggleButtonGroup = exports.ToggleButtonGroup = (0, _bind["default"])(Template).call(Template, {});
 ToggleButtonGroup.args = {};

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

package/dist/components/ToggleButtonGroup/styles/index.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.inactiveStyles = exports.defaultStyles = exports.buttonGroupStyles = exports.activeStyles = void 0;
-const defaultStyles = exports.defaultStyles = {
+var defaultStyles = exports.defaultStyles = {
   border: 0,
   borderRadius: '4px',
   fontWeight: 'normal',
@@ -17,7 +18,7 @@ const defaultStyles = exports.defaultStyles = {
     boxShadow: '0 0 0 2px rgba(158, 202, 237, 1)'
   }
 };
-const inactiveStyles = exports.inactiveStyles = {
+var inactiveStyles = exports.inactiveStyles = {
   color: 'black',
   borderColor: 'gray.100',
   bg: 'gray.100',
@@ -28,7 +29,7 @@ const inactiveStyles = exports.inactiveStyles = {
     bg: 'gray.100'
   }
 };
-const activeStyles = exports.activeStyles = {
+var activeStyles = exports.activeStyles = {
   color: 'black',
   fontWeight: 'semibold',
   boxShadow: 'sm',
@@ -40,7 +41,7 @@ const activeStyles = exports.activeStyles = {
     bg: 'white'
   }
 };
-const buttonGroupStyles = exports.buttonGroupStyles = {
+var buttonGroupStyles = exports.buttonGroupStyles = {
   borderRadius: '4px',
   backgroundColor: 'gray.100',
   padding: 1