@spothero/ui 22.3.0 → 22.3.5

package/dist/components/Select/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 variants = {
+var variants = {
   outline: {
     field: {
       border: '1px solid',
@@ -26,12 +27,16 @@ const variants = {
       },
       _invalid: {
         borderColor: 'error',
-        boxShadow: t => `0 0 0 1px ${t.colors.error}`
+        boxShadow: function boxShadow(t) {
+          return "0 0 0 1px ".concat(t.colors.error);
+        }
       },
       _focus: {
         zIndex: 1,
         borderColor: 'primary.400',
-        boxShadow: t => `0 0 0 1px ${t.colors.primary['400']}`
+        boxShadow: function boxShadow(t) {
+          return "0 0 0 1px ".concat(t.colors.primary['400']);
+        }
       }
     },
     addon: {
@@ -41,6 +46,6 @@ const variants = {
     }
   }
 };
-var _default = exports.default = (0, _merge.default)(_theme.default.components.Select, {
-  variants
+var _default = exports["default"] = (0, _merge["default"])(_theme["default"].components.Select, {
+  variants: variants
 });

package/dist/components/SelectionCard/SelectionCard.js

@@ -1,34 +1,40 @@
 "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 _Radio = require("../Radio");
 var _Checkbox = _interopRequireDefault(require("../Checkbox"));
-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 SelectionCard = /*#__PURE__*/(0, _react.forwardRef)(({
-  isChecked,
-  isDisabled,
-  value,
-  helperText,
-  expandableChildren,
-  defaultChecked,
-  isRadio,
-  label,
-  isExpandable,
-  size = 'md',
-  ...props
-}, ref) => {
-  const Component = isRadio ? _Radio.Radio : _Checkbox.default;
-  const expandableTextSize = size === 'sm' || size === 'md' ? 'xs' : 'sm';
-  const hasExpandableContent = isExpandable && isChecked && expandableChildren;
-  return /*#__PURE__*/_react.default.createElement(_react2.Box, {
+var _excluded = ["isChecked", "isDisabled", "value", "helperText", "expandableChildren", "defaultChecked", "isRadio", "label", "isExpandable", "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 SelectionCard = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var isChecked = _ref.isChecked,
+    isDisabled = _ref.isDisabled,
+    value = _ref.value,
+    helperText = _ref.helperText,
+    expandableChildren = _ref.expandableChildren,
+    defaultChecked = _ref.defaultChecked,
+    isRadio = _ref.isRadio,
+    label = _ref.label,
+    isExpandable = _ref.isExpandable,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'md' : _ref$size,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var Component = isRadio ? _Radio.Radio : _Checkbox["default"];
+  var expandableTextSize = size === 'sm' || size === 'md' ? 'xs' : 'sm';
+  var hasExpandableContent = isExpandable && isChecked && expandableChildren;
+  return /*#__PURE__*/_react["default"].createElement(_react2.Box, {
     paddingBottom: hasExpandableContent ? 3 : 0,
     borderRadius: "lg",
     borderColor: isChecked ? 'primary.default' : 'gray.medium',
@@ -36,10 +42,10 @@ const SelectionCard = /*#__PURE__*/(0, _react.forwardRef)(({
     _hover: {
       borderColor: isDisabled ? 'gray.medium' : 'primary.default'
     }
-  }, /*#__PURE__*/_react.default.createElement(_react2.Box, {
+  }, /*#__PURE__*/_react["default"].createElement(_react2.Box, {
     borderColor: "gray.medium",
     borderBottomWidth: hasExpandableContent ? '1px' : 0
-  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+  }, /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
     ref: ref,
     isChecked: isChecked,
     isDisabled: isDisabled,
@@ -51,11 +57,11 @@ const SelectionCard = /*#__PURE__*/(0, _react.forwardRef)(({
     width: "100%",
     paddingX: 4,
     paddingY: 3
-  }, props), label)), hasExpandableContent && /*#__PURE__*/_react.default.createElement(_react2.Box, {
+  }, props), label)), hasExpandableContent && /*#__PURE__*/_react["default"].createElement(_react2.Box, {
     color: "gray.600",
     fontSize: expandableTextSize,
     paddingTop: 3,
     paddingX: 4
   }, expandableChildren));
 });
-var _default = exports.default = SelectionCard;
+var _default = exports["default"] = SelectionCard;

package/dist/components/SelectionCard/SelectionCard.stories.js

@@ -1,29 +1,30 @@
 "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.SelectionCard = void 0;
+exports["default"] = exports.SelectionCard = void 0;
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectDestructuringEmpty"));
 var _react = _interopRequireDefault(require("react"));
 var _SelectionCard = _interopRequireDefault(require("./SelectionCard"));
-var _default = exports.default = {
+var _default = exports["default"] = {
   title: 'v2/SelectionCard',
-  component: _SelectionCard.default,
+  component: _SelectionCard["default"],
   parameters: {
     importBy: 'SelectionCard',
     removeBaseHtmlClass: true
   }
 };
-const SelectionCard = ({
-  ...props
-}) => {
-  return /*#__PURE__*/_react.default.createElement(_SelectionCard.default, (0, _extends2.default)({
+var SelectionCard = exports.SelectionCard = function SelectionCard(_ref) {
+  var props = (0, _assign["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
+  return /*#__PURE__*/_react["default"].createElement(_SelectionCard["default"], (0, _extends2["default"])({
     value: "1"
   }, props));
 };
-exports.SelectionCard = SelectionCard;
 SelectionCard.argTypes = {
   size: {
     options: ['sm', 'md', 'lg'],

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

package/dist/components/Skeleton/Skeleton.stories.js

@@ -1,13 +1,15 @@
 "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.SkeletonText = exports.SkeletonCircle = exports.Skeleton = void 0;
+exports["default"] = exports.SkeletonText = exports.SkeletonCircle = exports.Skeleton = void 0;
+var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
 var _react = _interopRequireDefault(require("react"));
 var _index = require("./index");
-var _default = exports.default = {
+var _default = exports["default"] = {
   title: 'v2/Skeleton',
   component: _index.Skeleton,
   parameters: {
@@ -15,9 +17,15 @@ var _default = exports.default = {
     chakraLink: 'https://chakra-ui.com/docs/components/skeleton/'
   }
 };
-const SkeletonTemplate = props => /*#__PURE__*/_react.default.createElement(_index.Skeleton, props, "Text");
-const SkeletonCircleTemplate = props => /*#__PURE__*/_react.default.createElement(_index.SkeletonCircle, null, "Text");
-const SkeletonTextTemplate = props => /*#__PURE__*/_react.default.createElement(_index.SkeletonText, null, "Text");
-const Skeleton = exports.Skeleton = SkeletonTemplate.bind({});
-const SkeletonCircle = exports.SkeletonCircle = SkeletonCircleTemplate.bind({});
-const SkeletonText = exports.SkeletonText = SkeletonTextTemplate.bind({});
+var SkeletonTemplate = function SkeletonTemplate(props) {
+  return /*#__PURE__*/_react["default"].createElement(_index.Skeleton, props, "Text");
+};
+var SkeletonCircleTemplate = function SkeletonCircleTemplate(props) {
+  return /*#__PURE__*/_react["default"].createElement(_index.SkeletonCircle, null, "Text");
+};
+var SkeletonTextTemplate = function SkeletonTextTemplate(props) {
+  return /*#__PURE__*/_react["default"].createElement(_index.SkeletonText, null, "Text");
+};
+var Skeleton = exports.Skeleton = (0, _bind["default"])(SkeletonTemplate).call(SkeletonTemplate, {});
+var SkeletonCircle = exports.SkeletonCircle = (0, _bind["default"])(SkeletonCircleTemplate).call(SkeletonCircleTemplate, {});
+var SkeletonText = exports.SkeletonText = (0, _bind["default"])(SkeletonTextTemplate).call(SkeletonTextTemplate, {});

package/dist/components/Skeleton/Skeleton.styles.js

@@ -1,9 +1,10 @@
 "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 _theme = _interopRequireDefault(require("@chakra-ui/theme"));
-var _default = exports.default = _theme.default.components.Skeleton;
+var _default = exports["default"] = _theme["default"].components.Skeleton;

package/dist/components/Skeleton/index.js

@@ -1,23 +1,24 @@
 "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
 });
-Object.defineProperty(exports, "Skeleton", {
+_Object$defineProperty(exports, "Skeleton", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _react.Skeleton;
   }
 });
-Object.defineProperty(exports, "SkeletonCircle", {
+_Object$defineProperty(exports, "SkeletonCircle", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _react.SkeletonCircle;
   }
 });
-Object.defineProperty(exports, "SkeletonText", {
+_Object$defineProperty(exports, "SkeletonText", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _react.SkeletonText;
   }
 });

package/dist/components/Spinner/Spinner.js

@@ -1,23 +1,28 @@
 "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 _Spinner = require("./Spinner.styles");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const Spinner = /*#__PURE__*/(0, _react.forwardRef)(({
-  size,
-  thickness,
-  ...props
-}, ref) => {
-  const thicknessString = thickness ? `${thickness}px` : _Spinner.thicknesses[size] ? `${_Spinner.thicknesses[size]}px` : '2px';
-  return /*#__PURE__*/_react.default.createElement(_react2.Spinner, (0, _extends2.default)({
+var _excluded = ["size", "thickness"];
+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 Spinner = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var size = _ref.size,
+    thickness = _ref.thickness,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var thicknessString = thickness ? "".concat(thickness, "px") : _Spinner.thicknesses[size] ? "".concat(_Spinner.thicknesses[size], "px") : '2px';
+  return /*#__PURE__*/_react["default"].createElement(_react2.Spinner, (0, _extends2["default"])({
     ref: ref,
     role: "status",
     color: "primary.default",
@@ -26,4 +31,4 @@ const Spinner = /*#__PURE__*/(0, _react.forwardRef)(({
     size: size || _Spinner.SIZE_MAP['2xl']
   }, props));
 });
-var _default = exports.default = Spinner;
+var _default = exports["default"] = Spinner;

package/dist/components/Spinner/Spinner.stories.js

@@ -1,47 +1,70 @@
 "use strict";
 
+var _Object$keys2 = 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 _forEachInstanceProperty2 = 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.Thickness = exports.Speed = exports.Size = exports.Overview = exports.EmptyColor = exports.Color = void 0;
+exports["default"] = exports.Thickness = exports.Speed = exports.Size = exports.Overview = exports.EmptyColor = exports.Color = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+var _reduce = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/reduce"));
+var _entries = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/entries"));
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
 var _react = _interopRequireDefault(require("react"));
 var _colors = _interopRequireDefault(require("../../theme/base/colors"));
 var _Spinner = require("./Spinner.styles");
 var _createControl = require("storybook/utils/create-control");
 var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
 var _Spinner2 = _interopRequireDefault(require("./Spinner"));
-var _default = exports.default = {
+var _context;
+function ownKeys(e, r) { var t = _Object$keys2(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 _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty2(_context4 = ownKeys(Object(t), !0)).call(_context4, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty2(_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _default = exports["default"] = {
   title: 'v2/Spinner',
-  component: _Spinner2.default,
+  component: _Spinner2["default"],
   parameters: {
     removeBaseHtmlClass: true,
     importBy: 'Spinner'
   }
 };
-const allColors = Object.entries(_colors.default).reduce((acc, [colorName, color]) => {
+var allColors = (0, _reduce["default"])(_context = (0, _entries["default"])(_colors["default"])).call(_context, function (acc, _ref) {
+  var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+    colorName = _ref2[0],
+    color = _ref2[1];
   if (typeof color === 'string') {
     acc.push(colorName);
   } else {
-    Object.keys(color).forEach(stop => {
-      acc.push(`${colorName}.${stop}`);
+    var _context2;
+    (0, _forEach["default"])(_context2 = (0, _keys["default"])(color)).call(_context2, function (stop) {
+      var _context3;
+      acc.push((0, _concat["default"])(_context3 = "".concat(colorName, ".")).call(_context3, stop));
     });
   }
   return acc;
 }, []);
-const colorControl = key => (0, _createControl.createSelectControl)(key, allColors);
-const Template = props => /*#__PURE__*/_react.default.createElement(_Spinner2.default, props);
-const Overview = exports.Overview = Template.bind({});
-Overview.argTypes = {
-  ...colorControl('color'),
-  ...colorControl('emptyColor'),
-  ...(0, _createControl.createSelectControl)('size', Object.keys(_Spinner.sizes)),
-  ...(0, _createControl.createRangeControl)({
-    name: 'thickness',
-    min: 1,
-    max: 100
-  })
+var colorControl = function colorControl(key) {
+  return (0, _createControl.createSelectControl)(key, allColors);
 };
+var Template = function Template(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Spinner2["default"], props);
+};
+var Overview = exports.Overview = (0, _bind["default"])(Template).call(Template, {});
+Overview.argTypes = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, colorControl('color')), colorControl('emptyColor')), (0, _createControl.createSelectControl)('size', (0, _keys["default"])(_Spinner.sizes))), (0, _createControl.createRangeControl)({
+  name: 'thickness',
+  min: 1,
+  max: 100
+}));
 Overview.args = {
   speed: '1s',
   size: _Spinner.SIZE_MAP['2xl'],
@@ -49,8 +72,8 @@ Overview.args = {
   color: 'primary.default',
   emptyColor: 'gray.medium'
 };
-const Speed = exports.Speed = Template.bind({});
-Speed.argTypes = (0, _disableArgs.default)(['size', 'color', 'emptyColor', 'thickness']);
+var Speed = exports.Speed = (0, _bind["default"])(Template).call(Template, {});
+Speed.argTypes = (0, _disableArgs["default"])(['size', 'color', 'emptyColor', 'thickness']);
 Speed.args = {
   speed: '1s',
   size: _Spinner.SIZE_MAP['2xl'],
@@ -58,40 +81,28 @@ Speed.args = {
   emptyColor: 'gray.medium',
   thickness: _Spinner.thicknesses[_Spinner.SIZE_MAP['2xl']]
 };
-const Size = exports.Size = Template.bind({});
-Size.argTypes = {
-  ...(0, _createControl.createSelectControl)('size', Object.keys(_Spinner.sizes)),
-  ...(0, _disableArgs.default)(['speed', 'color', 'emptyColor', 'thickness'])
-};
+var Size = exports.Size = (0, _bind["default"])(Template).call(Template, {});
+Size.argTypes = _objectSpread(_objectSpread({}, (0, _createControl.createSelectControl)('size', (0, _keys["default"])(_Spinner.sizes))), (0, _disableArgs["default"])(['speed', 'color', 'emptyColor', 'thickness']));
 Size.args = {
   size: _Spinner.SIZE_MAP['2xl']
 };
-const Thickness = exports.Thickness = Template.bind({});
-Thickness.argTypes = {
-  ...(0, _disableArgs.default)(['speed', 'size', 'emptyColor', 'color']),
-  ...(0, _createControl.createRangeControl)({
-    name: 'thickness',
-    min: 1,
-    max: 100
-  })
-};
+var Thickness = exports.Thickness = (0, _bind["default"])(Template).call(Template, {});
+Thickness.argTypes = _objectSpread(_objectSpread({}, (0, _disableArgs["default"])(['speed', 'size', 'emptyColor', 'color'])), (0, _createControl.createRangeControl)({
+  name: 'thickness',
+  min: 1,
+  max: 100
+}));
 Thickness.args = {
   thickness: _Spinner.thicknesses[_Spinner.SIZE_MAP['5xl']]
 };
-const Color = exports.Color = Template.bind({});
-Color.argTypes = {
-  ...colorControl('color'),
-  ...(0, _disableArgs.default)(['speed', 'size', 'emptyColor', 'thickness'])
-};
+var Color = exports.Color = (0, _bind["default"])(Template).call(Template, {});
+Color.argTypes = _objectSpread(_objectSpread({}, colorControl('color')), (0, _disableArgs["default"])(['speed', 'size', 'emptyColor', 'thickness']));
 Color.args = {
   thickness: 6,
   color: 'primary.default'
 };
-const EmptyColor = exports.EmptyColor = Template.bind({});
-EmptyColor.argTypes = {
-  ...colorControl('emptyColor'),
-  ...(0, _disableArgs.default)(['speed', 'size', 'color', 'thickness'])
-};
+var EmptyColor = exports.EmptyColor = (0, _bind["default"])(Template).call(Template, {});
+EmptyColor.argTypes = _objectSpread(_objectSpread({}, colorControl('emptyColor')), (0, _disableArgs["default"])(['speed', 'size', 'color', 'thickness']));
 EmptyColor.args = {
   thickness: 6,
   emptyColor: 'gray.medium'

package/dist/components/Spinner/Spinner.styles.js

@@ -1,14 +1,17 @@
 "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.thicknesses = exports.sizes = exports.default = exports.SIZE_MAP = void 0;
-var _merge = _interopRequireDefault(require("lodash/merge"));
+exports.thicknesses = exports.sizes = exports["default"] = exports.SIZE_MAP = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _merge2 = _interopRequireDefault(require("lodash/merge"));
 var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
-const spinnerStyles = _theme.default.components.Spinner;
-const SIZE_MAP = exports.SIZE_MAP = {
+var _merge, _thicknesses;
+var spinnerStyles = _theme["default"].components.Spinner;
+var SIZE_MAP = exports.SIZE_MAP = {
   xs: 'xs',
   sm: 'sm',
   md: 'md',
@@ -24,62 +27,41 @@ const SIZE_MAP = exports.SIZE_MAP = {
   '9xl': '9xl',
   '10xl': '10xl'
 };
-const sizes = exports.sizes = (0, _merge.default)(spinnerStyles.sizes, {
-  [SIZE_MAP['2xl']]: {
-    w: '4rem',
-    h: '4rem'
-  },
-  [SIZE_MAP['3xl']]: {
-    w: '5rem',
-    h: '5rem'
-  },
-  [SIZE_MAP['4xl']]: {
-    w: '6rem',
-    h: '6rem'
-  },
-  [SIZE_MAP['5xl']]: {
-    w: '7rem',
-    h: '7rem'
-  },
-  [SIZE_MAP['6xl']]: {
-    w: '8rem',
-    h: '8rem'
-  },
-  [SIZE_MAP['7xl']]: {
-    w: '9rem',
-    h: '9rem'
-  },
-  [SIZE_MAP['8xl']]: {
-    w: '10rem',
-    h: '10rem'
-  },
-  [SIZE_MAP['9xl']]: {
-    w: '11rem',
-    h: '11rem'
-  },
-  [SIZE_MAP['10xl']]: {
-    w: '12rem',
-    h: '12rem'
-  }
-});
-const thicknesses = exports.thicknesses = {
-  [SIZE_MAP.xl]: 3,
-  [SIZE_MAP['2xl']]: 4,
-  [SIZE_MAP['3xl']]: 5,
-  [SIZE_MAP['4xl']]: 6,
-  [SIZE_MAP['5xl']]: 7,
-  [SIZE_MAP['6xl']]: 8,
-  [SIZE_MAP['7xl']]: 9,
-  [SIZE_MAP['8xl']]: 10,
-  [SIZE_MAP['9xl']]: 11,
-  [SIZE_MAP['10xl']]: 12
-};
-const defaultProps = {
+var sizes = exports.sizes = (0, _merge2["default"])(spinnerStyles.sizes, (_merge = {}, (0, _defineProperty2["default"])(_merge, SIZE_MAP['2xl'], {
+  w: '4rem',
+  h: '4rem'
+}), (0, _defineProperty2["default"])(_merge, SIZE_MAP['3xl'], {
+  w: '5rem',
+  h: '5rem'
+}), (0, _defineProperty2["default"])(_merge, SIZE_MAP['4xl'], {
+  w: '6rem',
+  h: '6rem'
+}), (0, _defineProperty2["default"])(_merge, SIZE_MAP['5xl'], {
+  w: '7rem',
+  h: '7rem'
+}), (0, _defineProperty2["default"])(_merge, SIZE_MAP['6xl'], {
+  w: '8rem',
+  h: '8rem'
+}), (0, _defineProperty2["default"])(_merge, SIZE_MAP['7xl'], {
+  w: '9rem',
+  h: '9rem'
+}), (0, _defineProperty2["default"])(_merge, SIZE_MAP['8xl'], {
+  w: '10rem',
+  h: '10rem'
+}), (0, _defineProperty2["default"])(_merge, SIZE_MAP['9xl'], {
+  w: '11rem',
+  h: '11rem'
+}), (0, _defineProperty2["default"])(_merge, SIZE_MAP['10xl'], {
+  w: '12rem',
+  h: '12rem'
+}), _merge));
+var thicknesses = exports.thicknesses = (_thicknesses = {}, (0, _defineProperty2["default"])(_thicknesses, SIZE_MAP.xl, 3), (0, _defineProperty2["default"])(_thicknesses, SIZE_MAP['2xl'], 4), (0, _defineProperty2["default"])(_thicknesses, SIZE_MAP['3xl'], 5), (0, _defineProperty2["default"])(_thicknesses, SIZE_MAP['4xl'], 6), (0, _defineProperty2["default"])(_thicknesses, SIZE_MAP['5xl'], 7), (0, _defineProperty2["default"])(_thicknesses, SIZE_MAP['6xl'], 8), (0, _defineProperty2["default"])(_thicknesses, SIZE_MAP['7xl'], 9), (0, _defineProperty2["default"])(_thicknesses, SIZE_MAP['8xl'], 10), (0, _defineProperty2["default"])(_thicknesses, SIZE_MAP['9xl'], 11), (0, _defineProperty2["default"])(_thicknesses, SIZE_MAP['10xl'], 12), _thicknesses);
+var defaultProps = {
   speed: '2s',
   size: SIZE_MAP['2xl'],
   thickness: thicknesses[SIZE_MAP['2xl']]
 };
-var _default = exports.default = {
-  sizes,
-  defaultProps
+var _default = exports["default"] = {
+  sizes: sizes,
+  defaultProps: defaultProps
 };