@spothero/ui 22.3.2 → 22.3.9-beta.0

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

@@ -1,53 +0,0 @@
-"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 _overlay = _interopRequireDefault(require("./overlay"));
-var _dialogContainer = _interopRequireDefault(require("./dialogContainer"));
-var _dialog = _interopRequireDefault(require("./dialog"));
-var _header = _interopRequireDefault(require("./header"));
-var _closeButton = _interopRequireDefault(require("./closeButton"));
-var _body = _interopRequireDefault(require("./body"));
-var _footer = _interopRequireDefault(require("./footer"));
-const baseStyle = props => ({
-  overlay: _overlay.default,
-  dialogContainer: _dialogContainer.default,
-  header: (0, _header.default)(props),
-  dialog: (0, _dialog.default)(props),
-  closeButton: (0, _closeButton.default)(props),
-  body: (0, _body.default)(props),
-  footer: _footer.default
-});
-const sizes = {
-  sm: {
-    dialog: {
-      // Would have preferred object syntax here and below, but wasn't working for whatever reason
-      maxWidth: ['100%', '100%', '48%', '32%', '24%'],
-      maxHeight: ['100%', '100%', '60%', '48%', '32%'],
-      minHeight: ['auto', 'auto', '32%', '32%', '24%']
-    }
-  },
-  md: {
-    dialog: {
-      maxWidth: ['100%', '100%', '84%', '60%', '48%'],
-      maxHeight: ['100%', '100%', '96%', '84%', '60%'],
-      minHeight: ['auto', 'auto', '84%', '60%', '48%']
-    }
-  },
-  lg: {
-    dialog: {
-      maxWidth: ['100%', '100%', '96%', '84%', '72%'],
-      maxHeight: ['100%', '100%', '96%', '96%', '84%'],
-      minHeight: ['auto', 'auto', '96%', '84%', '72%']
-    }
-  }
-};
-var _default = exports.default = (0, _merge.default)(_theme.default.components.Modal, {
-  baseStyle,
-  sizes
-});

package/dist/components/Modal/styles/overlay.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = exports.default = {
-  background: 'modalOverlay',
-  zIndex: 'layer8'
-};

package/dist/components/Popover/Popover.js

@@ -1,26 +0,0 @@
-"use strict";
-
-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");
-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 Popover = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  const {
-    children,
-    ...rest
-  } = props;
-  return /*#__PURE__*/_react.default.createElement(_react2.Popover, (0, _extends2.default)({}, rest, {
-    ref: ref
-  }), _react.Children.toArray(children).map((child, index) => /*#__PURE__*/(0, _react.cloneElement)(child, {
-    ref,
-    variant: props.variant,
-    key: `Popover-child-${index}`
-  })));
-});
-var _default = exports.default = Popover;

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

@@ -1,80 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Variant = exports.Placement = exports.NoHeader = exports.NoCloseButton = exports.NoArrow = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-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"));
-var _default = exports.default = {
-  title: 'v2/Popover',
-  component: _index.Popover,
-  subcomponents: {
-    PopoverContent: _index.PopoverContent,
-    PopoverTrigger: _index.PopoverTrigger
-  },
-  parameters: {
-    importBy: 'Popover',
-    removeBaseHtmlClass: true,
-    chakraLink: 'https://chakra-ui.com/docs/overlay/popover'
-  },
-  argTypes: {
-    ...(0, _disableArgs.default)('children')
-  }
-};
-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 = exports.Variant = OverviewTemplate.bind({});
-Variant.argTypes = {
-  ...(0, _createControl.createSelectControl)('variant', ['light', 'dark'])
-};
-Variant.args = {
-  variant: 'light'
-};
-const Placement = exports.Placement = OverviewTemplate.bind({});
-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'
-};
-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 = exports.NoHeader = NoHeaderTemplate.bind({});
-NoHeader.argTypes = {
-  ...(0, _disableArgs.default)(['variant', 'placement'])
-};
-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 = exports.NoCloseButton = NoCloseButtonTemplate.bind({});
-NoCloseButton.argTypes = {
-  ...(0, _disableArgs.default)(['variant', 'placement'])
-};
-const NoArrowTemplate = 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, {
-  hideArrow: true,
-  header: "Confirmation!"
-}, "Are you sure you want to have that milkshake?"));
-const NoArrow = exports.NoArrow = NoArrowTemplate.bind({});
-NoArrow.argTypes = {
-  ...(0, _disableArgs.default)(['variant', 'placement'])
-};

package/dist/components/Popover/PopoverArrow.js

@@ -1,19 +0,0 @@
-"use strict";
-
-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(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 PopoverArrow = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  return /*#__PURE__*/_react.default.createElement(_react2.PopoverArrow, (0, _extends2.default)({
-    ref: ref
-  }, props, (0, _popoverArrow.default)(props)));
-});
-var _default = exports.default = PopoverArrow;

package/dist/components/Popover/PopoverCloseButton.js

@@ -1,19 +0,0 @@
-"use strict";
-
-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(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 PopoverCloseButton = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  return /*#__PURE__*/_react.default.createElement(_react2.PopoverCloseButton, (0, _extends2.default)({
-    ref: ref
-  }, props, (0, _popoverCloseButton.default)(props)));
-});
-var _default = exports.default = PopoverCloseButton;

package/dist/components/Popover/PopoverContent.js

@@ -1,38 +0,0 @@
-"use strict";
-
-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("./PopoverArrow"));
-var _PopoverCloseButton = _interopRequireDefault(require("./PopoverCloseButton"));
-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 PopoverContent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  const {
-    header,
-    variant,
-    children,
-    hideCloseButton,
-    hideArrow,
-    popoverBodyProps,
-    ...rest
-  } = props;
-  return /*#__PURE__*/_react.default.createElement(_react2.PopoverContent, (0, _extends2.default)({}, rest, {
-    ref: ref
-  }), hideArrow ? null : /*#__PURE__*/_react.default.createElement(_PopoverArrow.default, {
-    variant: variant
-  }), hideCloseButton ? null : /*#__PURE__*/_react.default.createElement(_PopoverCloseButton.default, {
-    variant: variant
-  }), header ? /*#__PURE__*/_react.default.createElement(_react2.PopoverHeader, null, header) : null, /*#__PURE__*/_react.default.createElement(_react2.PopoverBody, popoverBodyProps, children));
-});
-PopoverContent.defaultProps = {
-  variant: 'light',
-  hideCloseButton: false,
-  hideArrow: false
-};
-var _default = exports.default = PopoverContent;

package/dist/components/Popover/index.js

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

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

@@ -1,24 +0,0 @@
-"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"));
-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 = exports.default = (0, _merge.default)(_theme.default.components.Popover, {
-  parts,
-  baseStyle
-});

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

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const arrowStyles = ({
-  variant
-}) => ({
-  backgroundColor: variant === 'dark' ? 'secondary.default' : 'white'
-});
-var _default = exports.default = arrowStyles;

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

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const body = props => ({
-  fontSize: 'sm'
-});
-var _default = exports.default = body;

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

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const pseudoStyles = variant => ({
-  bgColor: variant === 'dark' ? 'gray.600' : 'gray.50'
-});
-const closeButtonStyles = ({
-  variant
-}) => ({
-  color: variant === 'dark' ? 'white' : 'black',
-  fontSize: '0.5rem',
-  position: 'absolute',
-  top: 0,
-  right: 0,
-  padding: 4,
-  borderTopRightRadius: 4,
-  _hover: pseudoStyles(variant),
-  _focus: {
-    ...pseudoStyles(variant),
-    boxShadow: 'outline'
-  }
-});
-var _default = exports.default = closeButtonStyles;

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

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const popoverContentStyles = ({
-  variant
-}) => ({
-  padding: 4,
-  marginBottom: 0,
-  maxWidth: '20rem',
-  borderRadius: 'base',
-  background: variant === 'dark' ? 'secondary.default' : 'white',
-  boxShadow: '2px 2px 4px 0 rgba(0,45,91,0.1)',
-  color: variant === 'dark' ? 'white' : 'black',
-  borderColor: 'gray.100',
-  borderWidth: '1px',
-  borderStyle: 'solid',
-  '--popper-arrow-shadow-color': t => t.colors.gray['100'],
-  zIndex: 'layer10',
-  _focusVisible: {
-    outline: '3px solid rgba(91, 170, 250, 0.7)'
-  }
-});
-var _default = exports.default = popoverContentStyles;

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

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

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

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

package/dist/components/Progress/Progress.js

@@ -1,37 +0,0 @@
-"use strict";
-
-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");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const Progress = /*#__PURE__*/(0, _react.forwardRef)(({
-  isRounded,
-  ...props
-}, ref) => {
-  // Passing `isRounded` in as a prop throws a 'React does not recognize the X prop on a DOM element' error. Passing `isRounded` through `sx` instead, allows for the prop to be utilized by the theme without being set on the DOM element, avoiding the error.
-  return /*#__PURE__*/_react.default.createElement(_react2.Progress, (0, _extends2.default)({
-    ref: ref,
-    sx: {
-      isRounded
-    }
-  }, props));
-});
-Progress.defaultProps = {
-  colorScheme: 'primary',
-  hasStripe: false,
-  isAnimated: false,
-  isIndeterminate: false,
-  isRounded: false,
-  max: 100,
-  min: 0,
-  size: 'md',
-  value: 0,
-  variant: 'solid'
-};
-var _default = exports.default = Progress;

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

@@ -1,79 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Progress = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
-var _createControl = require("storybook/utils/create-control");
-var _Progress = _interopRequireDefault(require("./Progress"));
-var _default = exports.default = {
-  title: 'v2/Progress',
-  component: _Progress.default,
-  parameters: {
-    removeBaseHtmlClass: true,
-    importBy: 'Progress'
-  },
-  argTypes: {
-    colorScheme: {
-      options: ['primary', 'secondary', 'green', 'yellow', 'red', 'gray'],
-      control: {
-        type: 'radio',
-        labels: {
-          primary: 'Primary',
-          secondary: 'Secondary',
-          green: 'Green',
-          yellow: 'Yellow',
-          red: 'Red',
-          gray: 'Gray'
-        }
-      }
-    },
-    ...(0, _disableArgs.default)('min'),
-    ...(0, _disableArgs.default)('max'),
-    size: {
-      options: ['xl', 'lg', 'md', 'sm', 'xs'],
-      control: {
-        type: 'radio',
-        labels: {
-          xl: 'xl',
-          lg: 'lg',
-          md: 'md',
-          sm: 'sm',
-          xs: 'xs'
-        }
-      }
-    },
-    ...(0, _createControl.createRangeControl)({
-      name: 'value',
-      min: 0,
-      max: 100
-    }),
-    variant: {
-      options: ['solid', 'outlined'],
-      control: {
-        type: 'radio',
-        labels: {
-          solid: 'Solid',
-          outlined: 'Outlined'
-        }
-      }
-    }
-  }
-};
-const ProgressTemplate = args => {
-  return /*#__PURE__*/_react.default.createElement(_Progress.default, args);
-};
-const Progress = exports.Progress = ProgressTemplate.bind({});
-Progress.args = {
-  colorScheme: 'primary',
-  hasStripe: false,
-  isAnimated: false,
-  isIndeterminate: false,
-  isRounded: false,
-  size: 'md',
-  value: 80,
-  variant: 'solid'
-};

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

@@ -1,122 +0,0 @@
-"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 _themeTools = require("@chakra-ui/theme-tools");
-const filledStyle = props => {
-  const {
-    colorScheme,
-    hasStripe,
-    isIndeterminate,
-    theme
-  } = props;
-  const bgColor = colorScheme === 'gray' ? `${colorScheme}.dark` : `${colorScheme}.default`;
-  const gradient = `linear-gradient(
-      to right,
-      transparent 0%,
-      ${(0, _themeTools.getColor)(theme, bgColor)} 50%,
-      transparent 100%
-    )`;
-  const addStripe = !isIndeterminate && hasStripe;
-  return {
-    ...(addStripe && (0, _themeTools.generateStripe)()),
-    ...(isIndeterminate ? {
-      bgImage: gradient
-    } : {
-      bgColor
-    })
-  };
-};
-const variantOutlined = props => {
-  const {
-    theme: {
-      colors
-    }
-  } = props;
-  return {
-    track: {
-      bg: 'transparent',
-      borderWidth: '1px',
-      borderColor: colors.gray['200']
-    }
-  };
-};
-const variantSolid = props => {
-  const {
-    theme: {
-      colors
-    }
-  } = props;
-  return {
-    track: {
-      bg: colors.gray['100']
-    }
-  };
-};
-const variants = {
-  outlined: variantOutlined,
-  solid: variantSolid
-};
-const sizes = {
-  xl: {
-    track: {
-      height: 10
-    }
-  },
-  lg: {
-    track: {
-      height: 6
-    }
-  },
-  md: {
-    track: {
-      height: 4
-    }
-  },
-  sm: {
-    track: {
-      height: 2
-    }
-  },
-  xs: {
-    track: {
-      height: 1
-    }
-  }
-};
-const defaultProps = {
-  size: 'lg',
-  colorScheme: 'primary',
-  variant: 'solid'
-};
-const overrides = {
-  defaultProps,
-  variants,
-  sizes,
-  baseStyle: props => {
-    const {
-      sx: {
-        isRounded
-      }
-    } = props;
-    return (0, _merge.default)(_theme.default.components.Progress.baseStyle(props), {
-      filledTrack: {
-        borderRightRadius: isRounded ? 'none' : 'base',
-        ...filledStyle(props)
-      },
-      track: {
-        borderRightRadius: isRounded ? 'full' : 'base',
-        borderLeftRadius: isRounded ? 'full' : 'base'
-      }
-    });
-  }
-};
-var _default = exports.default = {
-  ..._theme.default.components.Progress,
-  ...overrides
-};