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

package/dist/components/Toast/Toast.stories.js

@@ -10,9 +10,9 @@ 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(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 = {
+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 = {
   title: 'v2/Toast',
   component: _Alert.default,
   parameters: {
@@ -21,7 +21,6 @@ var _default = {
     chakraLink: 'https://chakra-ui.com/docs/components/toast'
   }
 };
-exports.default = _default;
 const Template = props => {
   const toast = (0, _react2.useToast)();
   const addToast = () => {
@@ -46,8 +45,7 @@ const Template = props => {
     onClick: addToast
   }, "Show Toast"));
 };
-const Toast = Template.bind({});
-exports.Toast = Toast;
+const Toast = exports.Toast = Template.bind({});
 Toast.argTypes = {
   buttonProps: {
     table: {

package/dist/components/ToggleButtonGroup/ToggleButtonGroup.js

@@ -9,8 +9,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 var _react = require("@chakra-ui/react");
 var _react2 = _interopRequireWildcard(require("react"));
 var _styles = require("./styles");
-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; }
+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; }
 /**
  * @example (
  * <ToggleButtonGroup onChange={handleChangeValue} value={value}>
@@ -56,5 +56,4 @@ const ToggleButtonGroup = /*#__PURE__*/(0, _react2.forwardRef)((props, ref) => {
     });
   }));
 });
-var _default = ToggleButtonGroup;
-exports.default = _default;
+var _default = exports.default = ToggleButtonGroup;

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

@@ -10,9 +10,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@chakra-ui/react");
 var _Button = require("../Button");
 var _ToggleButtonGroup = _interopRequireDefault(require("./ToggleButtonGroup"));
-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 = {
+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 = {
   title: 'v2/ToggleButtonGroup',
   displayName: 'ToggleButtonGroup',
   component: _ToggleButtonGroup.default,
@@ -24,7 +24,6 @@ var _default = {
     Storybook's background is white so the ToggleButtonGroup is hard to see.
     The ToggleButtonGroup is typically displayed against a light green background.
 */
-exports.default = _default;
 const Template = props => {
   const [toggleValue, setToggleValue] = (0, _react.useState)("multiple");
   const onChange = value => {
@@ -50,6 +49,5 @@ const Template = props => {
     fontSize: "xs"
   }, "Blah Bookings")));
 };
-const ToggleButtonGroup = Template.bind({});
-exports.ToggleButtonGroup = ToggleButtonGroup;
+const ToggleButtonGroup = exports.ToggleButtonGroup = Template.bind({});
 ToggleButtonGroup.args = {};

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.inactiveStyles = exports.defaultStyles = exports.buttonGroupStyles = exports.activeStyles = void 0;
-const defaultStyles = {
+const defaultStyles = exports.defaultStyles = {
   border: 0,
   borderRadius: '4px',
   fontWeight: 'normal',
@@ -17,8 +17,7 @@ const defaultStyles = {
     boxShadow: '0 0 0 2px rgba(158, 202, 237, 1)'
   }
 };
-exports.defaultStyles = defaultStyles;
-const inactiveStyles = {
+const inactiveStyles = exports.inactiveStyles = {
   color: 'black',
   borderColor: 'gray.100',
   bg: 'gray.100',
@@ -29,8 +28,7 @@ const inactiveStyles = {
     bg: 'gray.100'
   }
 };
-exports.inactiveStyles = inactiveStyles;
-const activeStyles = {
+const activeStyles = exports.activeStyles = {
   color: 'black',
   fontWeight: 'semibold',
   boxShadow: 'sm',
@@ -42,10 +40,8 @@ const activeStyles = {
     bg: 'white'
   }
 };
-exports.activeStyles = activeStyles;
-const buttonGroupStyles = {
+const buttonGroupStyles = exports.buttonGroupStyles = {
   borderRadius: '4px',
   backgroundColor: 'gray.100',
   padding: 1
-};
-exports.buttonGroupStyles = buttonGroupStyles;
+};

package/dist/components/index.js

@@ -644,5 +644,5 @@ var _AutoSuggestSelect = require("./AutoSuggestSelect");
 var _Badge = _interopRequireDefault(require("./Badge/Badge"));
 var _ToggleButtonGroup = _interopRequireDefault(require("./ToggleButtonGroup/ToggleButtonGroup"));
 var _react = require("@chakra-ui/react");
-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; }
+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; }

package/dist/theme/base/breakpoints.js

@@ -20,5 +20,4 @@ const breakpoints = (0, _themeTools.createBreakpoints)({
   // 1024px
   desktopXL: '90rem' // 1440px
 });
-var _default = breakpoints;
-exports.default = _default;
+var _default = exports.default = breakpoints;

package/dist/theme/base/colors.js

@@ -135,5 +135,4 @@ const colors = {
   brandBlue,
   modalOverlay
 };
-var _default = colors;
-exports.default = _default;
+var _default = exports.default = colors;

package/dist/theme/base/notifications.js

@@ -4,19 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.notificationStatusStyles = exports.notificationSizeStyles = exports.notificationBaseStyle = exports.NOTIFICATION_STATUSES = void 0;
-const NOTIFICATION_STATUSES = {
+const NOTIFICATION_STATUSES = exports.NOTIFICATION_STATUSES = {
   NEUTRAL: 'neutral',
   ERROR: 'error',
   WARNING: 'warning',
   SUCCESS: 'success'
 };
-exports.NOTIFICATION_STATUSES = NOTIFICATION_STATUSES;
 const NOTIFICATION_SIZES = {
   SM: 'sm',
   MD: 'md',
   LG: 'lg'
 };
-const notificationBaseStyle = {
+const notificationBaseStyle = exports.notificationBaseStyle = {
   container: {
     paddingY: 2,
     borderRadius: 'base'
@@ -88,7 +87,6 @@ const notificationBaseStyle = {
     }
   }
 };
-exports.notificationBaseStyle = notificationBaseStyle;
 const notificationStatusStyles = status => {
   switch (status) {
     case NOTIFICATION_STATUSES.NEUTRAL:

package/dist/theme/base/shadows.js

@@ -12,5 +12,4 @@ const shadows = {
   // primary.400, 70% opacity
   drawer: '-8px 0 16px 0 rgba(33,33,33,.1)'
 };
-var _default = (0, _merge.default)(_theme.default.shadows, shadows);
-exports.default = _default;
+var _default = exports.default = (0, _merge.default)(_theme.default.shadows, shadows);

package/dist/theme/base/sizes.js

@@ -11,7 +11,6 @@ const container = {
   // 720px
   desktop: '72rem' // 1152px
 };
-
 const sizes = {
   container,
   0: '0',
@@ -84,5 +83,4 @@ const sizes = {
   max: 'max-content',
   min: 'min-content'
 };
-var _default = sizes;
-exports.default = _default;
+var _default = exports.default = sizes;

package/dist/theme/base/typography.js

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.fonts = exports.fontWeights = exports.fontSizes = void 0;
-const fonts = {
+const fonts = exports.fonts = {
   heading: `"Open Sans", sans-serif`,
   body: `"Open Sans", sans-serif`
 };
-exports.fonts = fonts;
-const fontSizes = {
+const fontSizes = exports.fontSizes = {
   '5xl': '3.5rem',
   // 56px
   '4xl': '3rem',
@@ -30,11 +29,9 @@ const fontSizes = {
   // 14px
   xs: '0.75rem' // 12px
 };
-exports.fontSizes = fontSizes;
-const fontWeights = {
+const fontWeights = exports.fontWeights = {
   light: 300,
   normal: 400,
   semibold: 600,
   bold: 700
-};
-exports.fontWeights = fontWeights;
+};

package/dist/theme/base/zindices.js

@@ -30,5 +30,4 @@ const indices = {
   // equivalent to $z-index-notification in fe-core
   layer10: 1000 // equivalent to $z-index-top in fe-core
 };
-var _default = indices;
-exports.default = _default;
+var _default = exports.default = indices;

package/dist/theme/global.js

@@ -22,8 +22,7 @@ const global = {
     display: 'inline-block'
   }
 };
-var _default = global;
-exports.default = _default;
+var _default = exports.default = global;
 const Fonts = () => /*#__PURE__*/_react.default.createElement(_react2.Global, {
   styles: `
             @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');

package/dist/theme/index.js

@@ -10,8 +10,8 @@ var base = _interopRequireWildcard(require("./base"));
 var _react = require("@chakra-ui/react");
 var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
 var components = _interopRequireWildcard(require("../components/styles"));
-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; }
+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; }
 // import merge from 'lodash/merge';
 
 // use this to extend the base theme of chakra, this adds on top of what is defined in baseConfig
@@ -33,5 +33,4 @@ const baseConfig = {
   ...base,
   components
 };
-var _default = (0, _react.extendTheme)(extendedTheme, baseConfig);
-exports.default = _default;
+var _default = exports.default = (0, _react.extendTheme)(extendedTheme, baseConfig);

package/dist/utils/Spaces.js

@@ -16,5 +16,4 @@ const Spaces = _ref => {
     }
   });
 };
-var _default = Spaces;
-exports.default = _default;
+var _default = exports.default = Spaces;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spothero/ui",
-  "version": "21.2.2-beta.0",
+  "version": "21.4.0-beta.1",
   "description": "SpotHero's React component UI library.",
   "main": "./dist/components/index.js",
   "exports": "./dist/components/index.js",
@@ -8,6 +8,23 @@
   "files": [
     "dist"
   ],
+  "babel": {
+    "presets": [
+      "@spothero/spothero"
+    ],
+    "plugins": [
+      [
+        "module-resolver",
+        {
+          "alias": {
+            "components": "./src/components",
+            "theme": "./src/theme",
+            "utils": "./src/utils"
+          }
+        }
+      ]
+    ]
+  },
   "browserslist": [
     "extends @spothero/browserslist-config"
   ],
@@ -37,8 +54,8 @@
     ]
   },
   "devDependencies": {
-    "@babel/cli": "7.14.5",
-    "@babel/core": "7.14.6",
+    "@babel/cli": "7.23.9",
+    "@babel/core": "7.23.9",
     "@babel/runtime-corejs3": "7.14.7",
     "@storybook/addon-actions": "6.5.16",
     "@storybook/addon-essentials": "6.5.16",
@@ -66,7 +83,6 @@
     "moment-timezone": "0.5.40",
     "msw": "0.27.0",
     "prop-types": "15.7.2",
-    "push-dir": "0.4.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-hot-loader": "4.12.21",
@@ -78,11 +94,11 @@
     "webpack-merge": "5.1.4",
     "css-loader": "5.1.3",
     "sass-loader": "10.2.1",
-    "@spothero/babel-preset-spothero": "5.0.0",
+    "@spothero/babel-preset-spothero": "5.1.0-beta.1",
     "@spothero/browserslist-config": "4.0.0",
     "@spothero/core": "7.0.0",
-    "@spothero/eslint-config": "6.0.0",
-    "@spothero/icons": "8.0.2-beta.0",
+    "@spothero/eslint-config": "6.1.0-beta.1",
+    "@spothero/icons": "8.1.0-beta.1",
     "@spothero/npm-publisher": "7.0.0",
     "@spothero/prettier-config": "4.0.0",
     "@spothero/stylelint-config": "6.0.0"
@@ -101,7 +117,7 @@
     "regenerator-runtime": "0.13.7",
     "ssr-window": "1.0.1",
     "transitionEnd": "1.0.2",
-    "@spothero/utils": "14.0.0"
+    "@spothero/utils": "14.1.0-beta.1"
   },
   "peerDependencies": {
     "classnames": "^2.2.6",
@@ -122,8 +138,8 @@
     "test:unit:watch": "DEBUG_PRINT_LIMIT=-1 pnpm run test:template -- --watch",
     "build:v2": "BABEL_ENV=production babel src -d dist",
     "build": "pnpm run clean && pnpm run build:v2",
-    "build:storybook": "NODE_OPTIONS=--openssl-legacy-provider build-storybook -o ./docs/v2",
     "release": "npm-release",
-    "publish-storybook": "pnpm run build:storybook && push-dir --dir=docs/v2 --branch=gh-pages --allow-unclean"
+    "build-storybook": "NODE_OPTIONS=--openssl-legacy-provider build-storybook -o ./docs/v2",
+    "publish-storybook": "pnpm run build:storybook"
   }
 }