@spothero/ui 21.1.1-beta.1 → 21.2.2-beta.0

package/dist/components/Alert/Alert.js

@@ -10,20 +10,20 @@ var _react = _interopRequireWildcard(require("react"));
 var _merge = _interopRequireDefault(require("lodash/merge"));
 var _react2 = require("@chakra-ui/react");
 var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
-var _times = _interopRequireDefault(require("@spothero/icons/times"));
-var _filledInfoCircle = _interopRequireDefault(require("@spothero/icons/filled-info-circle"));
-var _filledExclamationCircle = _interopRequireDefault(require("@spothero/icons/filled-exclamation-circle"));
-var _filledCheckCircle = _interopRequireDefault(require("@spothero/icons/filled-check-circle"));
+var _Times = _interopRequireDefault(require("../../../../fe-icons/dist/Times.js"));
+var _FilledInfoCircle = _interopRequireDefault(require("../../../../fe-icons/dist/FilledInfoCircle.js"));
+var _FilledExclamationCircle = _interopRequireDefault(require("../../../../fe-icons/dist/FilledExclamationCircle.js"));
+var _FilledCheckCircle = _interopRequireDefault(require("../../../../fe-icons/dist/FilledCheckCircle.js"));
 var _Button = _interopRequireDefault(require("../Button/Button"));
 var _Icon = _interopRequireDefault(require("../Icon/Icon"));
 var _notifications = require("../../theme/base/notifications");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const statusIconMapping = {
-  [_notifications.NOTIFICATION_STATUSES.WARNING]: _filledExclamationCircle.default,
-  [_notifications.NOTIFICATION_STATUSES.SUCCESS]: _filledCheckCircle.default,
-  [_notifications.NOTIFICATION_STATUSES.ERROR]: _filledExclamationCircle.default,
-  [_notifications.NOTIFICATION_STATUSES.NEUTRAL]: _filledInfoCircle.default
+  [_notifications.NOTIFICATION_STATUSES.WARNING]: _FilledExclamationCircle.default,
+  [_notifications.NOTIFICATION_STATUSES.SUCCESS]: _FilledCheckCircle.default,
+  [_notifications.NOTIFICATION_STATUSES.ERROR]: _FilledExclamationCircle.default,
+  [_notifications.NOTIFICATION_STATUSES.NEUTRAL]: _FilledInfoCircle.default
 };
 const Alert = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
@@ -65,7 +65,7 @@ const Alert = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   }), /*#__PURE__*/_react.default.createElement(_Icon.default, {
     width: 3,
     height: "auto",
-    as: _times.default
+    as: _Times.default
   })) : null));
 });
 Alert.defaultProps = {

package/dist/components/AutoSuggestSelect/AutoSuggestSelect.js

@@ -10,7 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _FormControl = _interopRequireDefault(require("../FormControl/FormControl"));
 var _async = _interopRequireDefault(require("react-select/async"));
 var _react2 = require("@chakra-ui/react");
-var _timesCircle = _interopRequireDefault(require("@spothero/icons/times-circle"));
+var _TimesCircle = _interopRequireDefault(require("../../../../fe-icons/dist/TimesCircle.js"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const AutoSuggestSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
@@ -123,7 +123,7 @@ const AutoSuggestSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
       style: clearIndicatorStyles,
       ref: innerRef
-    }, innerProps), /*#__PURE__*/_react.default.createElement(_timesCircle.default, null));
+    }, innerProps), /*#__PURE__*/_react.default.createElement(_TimesCircle.default, null));
   };
   return /*#__PURE__*/_react.default.createElement(_FormControl.default, {
     errorMessage: errorMessage,

package/dist/components/Button/stories/button.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 var _react = _interopRequireDefault(require("react"));
 var _capitalize = _interopRequireDefault(require("lodash/capitalize"));
 var _react2 = require("@chakra-ui/react");
-var _check = _interopRequireDefault(require("@spothero/icons/check"));
+var _Check = _interopRequireDefault(require("../../../../../fe-icons/dist/Check.js"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _buttonProps = _interopRequireDefault(require("../button-props"));
 const ButtonTemplate = (props, _ref) => {
@@ -27,7 +27,7 @@ const ButtonTemplate = (props, _ref) => {
     mr: 4,
     mb: 4
   }), props.variant, " Variant"), /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
-    leftIcon: /*#__PURE__*/_react.default.createElement(_check.default, {
+    leftIcon: /*#__PURE__*/_react.default.createElement(_Check.default, {
       width: "1rem"
     })
   }, props, {

package/dist/components/Button/stories/overview.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 var _react = _interopRequireDefault(require("react"));
 var _capitalize = _interopRequireDefault(require("lodash/capitalize"));
 var _react2 = require("@chakra-ui/react");
-var _check = _interopRequireDefault(require("@spothero/icons/check"));
+var _Check = _interopRequireDefault(require("../../../../../fe-icons/dist/Check.js"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _Button2 = require("../Button.styles");
 var _Text = _interopRequireDefault(require("../../Text/Text"));
@@ -34,7 +34,7 @@ const variationsArray = _ref => {
   }, {
     variant,
     children: `leftIcon`,
-    leftIcon: /*#__PURE__*/_react.default.createElement(_check.default, {
+    leftIcon: /*#__PURE__*/_react.default.createElement(_Check.default, {
       width: "1rem"
     })
   }, {

package/dist/components/Icon/Icon.stories.js

@@ -6,8 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Icon = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _icons = require("@spothero/icons");
+var icons = _interopRequireWildcard(require("@spothero/icons"));
 var _Icon = _interopRequireDefault(require("./Icon"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var _default = {
   title: 'v2/Icon',
   component: _Icon.default,
@@ -16,23 +18,13 @@ var _default = {
   }
 };
 exports.default = _default;
-const Template = props => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-  as: _icons.HeroCar,
+const Template = props => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Object.keys(icons).map(icon => /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  key: icon,
+  as: icons[icon],
   color: "primary.default",
   height: "24",
-  width: "24"
-}), /*#__PURE__*/_react.default.createElement(_Icon.default, {
-  as: _icons.S4BLogo,
-  color: "gray.dark",
-  height: "24",
-  width: "24",
-  paddingLeft: "16"
-}), /*#__PURE__*/_react.default.createElement(_Icon.default, {
-  as: _icons.Shield,
-  color: "green.default",
-  height: "24",
   width: "24",
   paddingLeft: "16"
-}));
+})));
 const Icon = Template.bind({});
 exports.Icon = Icon;

package/dist/components/Link/Link.stories.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Overview = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@chakra-ui/react");
-var _share = _interopRequireDefault(require("@spothero/icons/share"));
+var _Share = _interopRequireDefault(require("../../../../fe-icons/dist/Share.js"));
 var _Text = _interopRequireDefault(require("../Text/Text"));
 var _Link = _interopRequireDefault(require("./Link"));
 var _default = {
@@ -37,7 +37,7 @@ const OverviewTemplate = (props, _ref) => {
   }, "Links can have", ' ', /*#__PURE__*/_react.default.createElement(_Link.default, {
     href: "#",
     variant: hasDarkBackground ? 'onDark' : 'standard'
-  }, "icons inline ", /*#__PURE__*/_react.default.createElement(_share.default, {
+  }, "icons inline ", /*#__PURE__*/_react.default.createElement(_Share.default, {
     width: "1rem"
   }))), /*#__PURE__*/_react.default.createElement(_Text.default, {
     color: hasDarkBackground ? 'text.primary.dark' : 'text.primary.light'

package/dist/components/Select/Select.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@chakra-ui/react");
-var _chevronDown = _interopRequireDefault(require("@spothero/icons/chevron-down"));
+var _ChevronDown = _interopRequireDefault(require("../../../../fe-icons/dist/ChevronDown.js"));
 var _Icon = _interopRequireDefault(require("../Icon/Icon"));
 var _FormControl = _interopRequireDefault(require("../FormControl/FormControl"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -39,7 +39,7 @@ const Select = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     inputId: props.id
   }, /*#__PURE__*/_react.default.createElement(_react2.Select, (0, _extends2.default)({
     icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      as: _chevronDown.default
+      as: _ChevronDown.default
     }),
     iconSize: 12,
     fontWeight: "regular",

package/dist/components/ToggleButtonGroup/ToggleButtonGroup.js

@@ -13,15 +13,14 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /**
  * @example (
- * <ToggleButton onChange={handleChangeValue} value={value}>
+ * <ToggleButtonGroup onChange={handleChangeValue} value={value}>
  *  <Button value={value1}>label1</Button>
  *  <Button value={value2}>label2</Button>
- * </ToggleButton>
+ * </ToggleButtonGroup>
  * )
  * @note
  * must have multiple child elements
  */
-// const ToggleButtonGroup = forwardRef(({onChange, value, children, groupProps}, ref) => {
 const ToggleButtonGroup = /*#__PURE__*/(0, _react2.forwardRef)((props, ref) => {
   const {
     onChange,

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

@@ -38,11 +38,17 @@ const Template = props => {
     onChange: onChange
   }), /*#__PURE__*/_react.default.createElement(_Button.Button, {
     key: "single",
-    value: "single"
+    value: "single",
+    fontSize: "xs"
   }, "Single Bookings"), /*#__PURE__*/_react.default.createElement(_Button.Button, {
     key: "multiple",
-    value: "multiple"
-  }, "Multiple Bookings")));
+    value: "multiple",
+    fontSize: "xs"
+  }, "Multiple Bookings"), /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    key: "blah",
+    value: "blah",
+    fontSize: "xs"
+  }, "Blah Bookings")));
 };
 const ToggleButtonGroup = Template.bind({});
 exports.ToggleButtonGroup = ToggleButtonGroup;

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

@@ -7,7 +7,6 @@ exports.inactiveStyles = exports.defaultStyles = exports.buttonGroupStyles = exp
 const defaultStyles = {
   border: 0,
   borderRadius: '4px',
-  fontSize: 'xs',
   fontWeight: 'normal',
   paddingX: 4,
   paddingY: 1,

package/dist/components/index.js

@@ -80,7 +80,8 @@ var _exportNames = {
   BasicInput: true,
   useControllableState: true,
   usePrefersReducedMotion: true,
-  keyframes: true
+  keyframes: true,
+  BoxProps: true
 };
 Object.defineProperty(exports, "Alert", {
   enumerable: true,
@@ -118,6 +119,12 @@ Object.defineProperty(exports, "Box", {
     return _react.Box;
   }
 });
+Object.defineProperty(exports, "BoxProps", {
+  enumerable: true,
+  get: function () {
+    return _react.BoxProps;
+  }
+});
 Object.defineProperty(exports, "Breadcrumb", {
   enumerable: true,
   get: function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spothero/ui",
-  "version": "21.1.1-beta.1",
+  "version": "21.2.2-beta.0",
   "description": "SpotHero's React component UI library.",
   "main": "./dist/components/index.js",
   "exports": "./dist/components/index.js",
@@ -8,23 +8,6 @@
   "files": [
     "dist"
   ],
-  "babel": {
-    "presets": [
-      "@spothero/spothero"
-    ],
-    "plugins": [
-      [
-        "module-resolver",
-        {
-          "alias": {
-            "components": "./src/components",
-            "theme": "./src/theme",
-            "utils": "./src/utils"
-          }
-        }
-      ]
-    ]
-  },
   "browserslist": [
     "extends @spothero/browserslist-config"
   ],
@@ -95,11 +78,11 @@
     "webpack-merge": "5.1.4",
     "css-loader": "5.1.3",
     "sass-loader": "10.2.1",
-    "@spothero/browserslist-config": "4.0.0",
     "@spothero/babel-preset-spothero": "5.0.0",
+    "@spothero/browserslist-config": "4.0.0",
     "@spothero/core": "7.0.0",
-    "@spothero/icons": "8.0.0",
     "@spothero/eslint-config": "6.0.0",
+    "@spothero/icons": "8.0.2-beta.0",
     "@spothero/npm-publisher": "7.0.0",
     "@spothero/prettier-config": "4.0.0",
     "@spothero/stylelint-config": "6.0.0"