@spothero/ui 22.3.0 → 22.3.5

package/dist/theme/base/zindices.js

@@ -1,10 +1,11 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-const indices = {
+exports["default"] = void 0;
+var indices = {
   hide: -100,
   // equivalent to $z-index-negative in fe-core (https://github.com/spothero/fe-core/blob/main/utils/_defaults.scss)
   auto: 'auto',
@@ -30,4 +31,4 @@ const indices = {
   // equivalent to $z-index-notification in fe-core
   layer10: 1000 // equivalent to $z-index-top in fe-core
 };
-var _default = exports.default = indices;
+var _default = exports["default"] = indices;

package/dist/theme/global.js

@@ -1,14 +1,16 @@
 "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.LegacyOverrides = exports.Fonts = void 0;
+exports["default"] = exports.LegacyOverrides = exports.Fonts = void 0;
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _base = require("./base");
-const global = {
+var global = {
   'html, body': {
     color: 'text.primary.light'
   },
@@ -22,89 +24,16 @@ const global = {
     display: 'inline-block'
   }
 };
-var _default = exports.default = global;
-const Fonts = () => /*#__PURE__*/_react.default.createElement(_react2.Global, {
-  styles: `
-            @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
-            /* latin-ext */
-            @font-face {
-                font-family: "Plus Jakarta Sans", sans-serif;
-                font-style: normal;
-                font-weight: 700;
-                unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-            }
-            /* latin-ext */
-            @font-face {
-                font-family: "Plus Jakarta Sans", sans-serif;
-                font-style: normal;
-                font-weight: 600;
-                unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-            }
-            /* latin-ext */
-            @font-face {
-                font-family: "Plus Jakarta Sans", sans-serif;
-                font-style: normal;
-                font-weight: 400;
-                unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-            }
-            /* latin-ext */
-            @font-face {
-                font-family: "Plus Jakarta Sans", sans-serif;
-                font-style: normal;
-                font-weight: 300;
-                unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-            }
-        `
-});
-exports.Fonts = Fonts;
-const LegacyOverrides = ({
-  useLegacyOverrides
-}) => useLegacyOverrides ? /*#__PURE__*/_react.default.createElement(_react2.Global, {
-  styles: `
-        h1,
-        h2,
-        h3,
-        h4,
-        h5,
-        h6 {
-            margin-top: 0;
-            font-weight: ${_base.fontWeights.semibold};
-        }
-
-        .heading-sm {
-            font-size: ${_base.fontSizes.base};
-        }
-        .heading-md {
-            font-size: ${_base.fontSizes.md};
-        }
-        .heading-lg {
-            font-size: ${_base.fontSizes['5xl']};
-        }
-
-        p {
-            line-height: 1.5;
-        }
-
-        a {
-            outline: none;
-            text-align: left;
-            color: ${_base.colors.primary.default};
-            text-decoration: none;
-
-            &:active,
-            &:focus {
-                outline: none;
-            }
-
-            &:hover {
-                color: ${_base.colors.primary['700']};
-            }
-        }
-
-        small {
-            font-size: ${_base.fontSizes.xs};
-        }
-
-        `
-}) : null;
-exports.LegacyOverrides = LegacyOverrides;
+var _default = exports["default"] = global;
+var Fonts = exports.Fonts = function Fonts() {
+  return /*#__PURE__*/_react["default"].createElement(_react2.Global, {
+    styles: "\n            @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');\n            /* latin-ext */\n            @font-face {\n                font-family: \"Plus Jakarta Sans\", sans-serif;\n                font-style: normal;\n                font-weight: 700;\n                unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n            }\n            /* latin-ext */\n            @font-face {\n                font-family: \"Plus Jakarta Sans\", sans-serif;\n                font-style: normal;\n                font-weight: 600;\n                unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n            }\n            /* latin-ext */\n            @font-face {\n                font-family: \"Plus Jakarta Sans\", sans-serif;\n                font-style: normal;\n                font-weight: 400;\n                unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n            }\n            /* latin-ext */\n            @font-face {\n                font-family: \"Plus Jakarta Sans\", sans-serif;\n                font-style: normal;\n                font-weight: 300;\n                unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n            }\n        "
+  });
+};
+var LegacyOverrides = exports.LegacyOverrides = function LegacyOverrides(_ref) {
+  var _context, _context2, _context3, _context4, _context5, _context6;
+  var useLegacyOverrides = _ref.useLegacyOverrides;
+  return useLegacyOverrides ? /*#__PURE__*/_react["default"].createElement(_react2.Global, {
+    styles: (0, _concat["default"])(_context = (0, _concat["default"])(_context2 = (0, _concat["default"])(_context3 = (0, _concat["default"])(_context4 = (0, _concat["default"])(_context5 = (0, _concat["default"])(_context6 = "\n        h1,\n        h2,\n        h3,\n        h4,\n        h5,\n        h6 {\n            margin-top: 0;\n            font-weight: ".concat(_base.fontWeights.semibold, ";\n        }\n\n        .heading-sm {\n            font-size: ")).call(_context6, _base.fontSizes.base, ";\n        }\n        .heading-md {\n            font-size: ")).call(_context5, _base.fontSizes.md, ";\n        }\n        .heading-lg {\n            font-size: ")).call(_context4, _base.fontSizes['5xl'], ";\n        }\n\n        p {\n            line-height: 1.5;\n        }\n\n        a {\n            outline: none;\n            text-align: left;\n            color: ")).call(_context3, _base.colors.primary["default"], ";\n            text-decoration: none;\n\n            &:active,\n            &:focus {\n                outline: none;\n            }\n\n            &:hover {\n                color: ")).call(_context2, _base.colors.primary['700'], ";\n            }\n        }\n\n        small {\n            font-size: ")).call(_context, _base.fontSizes.xs, ";\n        }\n\n        ")
+  }) : null;
+};

package/dist/theme/index.js

@@ -1,33 +1,45 @@
 "use strict";
 
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
+_Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _global = _interopRequireDefault(require("./global"));
 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(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';
-
+function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? _Object$getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? _Object$defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; } // import merge from 'lodash/merge';
 // use this to extend the base theme of chakra, this adds on top of what is defined in baseConfig
-const extendedTheme = {
+var extendedTheme = {
   initialColorMode: 'light',
   useSystemColorMode: false,
   styles: {
-    global: _global.default
+    global: _global["default"]
   },
-  remToPixels: (rem, baseSize = 16) => !rem ? 0 : `${baseSize * Number(rem.replace('rem', ''))}`
+  remToPixels: function remToPixels(rem) {
+    var baseSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 16;
+    return !rem ? 0 : "".concat(baseSize * Number(rem.replace('rem', '')));
+  }
 };
 
 // use this to override base themes from Chakra
-const baseConfig = {
-  ..._theme.default,
-  ...base,
-  components
-};
-var _default = exports.default = (0, _react.extendTheme)(extendedTheme, baseConfig);
+var baseConfig = _objectSpread(_objectSpread(_objectSpread({}, _theme["default"]), base), {}, {
+  components: components
+});
+var _default = exports["default"] = (0, _react.extendTheme)(extendedTheme, baseConfig);

package/dist/utils/Spaces.js

@@ -1,16 +1,21 @@
 "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 _fill = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/fill"));
 var _react = _interopRequireDefault(require("react"));
-const Spaces = ({
-  spaces = 3
-}) => /*#__PURE__*/_react.default.createElement("span", {
-  dangerouslySetInnerHTML: {
-    __html: Array(spaces).fill(' ').join('')
-  }
-});
-var _default = exports.default = Spaces;
+var Spaces = function Spaces(_ref) {
+  var _context;
+  var _ref$spaces = _ref.spaces,
+    spaces = _ref$spaces === void 0 ? 3 : _ref$spaces;
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    dangerouslySetInnerHTML: {
+      __html: (0, _fill["default"])(_context = Array(spaces)).call(_context, ' ').join('')
+    }
+  });
+};
+var _default = exports["default"] = Spaces;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spothero/ui",
-  "version": "22.3.0",
+  "version": "22.3.5",
   "description": "SpotHero's React component UI library.",
   "main": "./dist/components/index.js",
   "exports": "./dist/components/index.js",
@@ -25,9 +25,10 @@
       ]
     ]
   },
-  "browserslist": [
-    "extends @spothero/browserslist-config"
-  ],
+  "browserslist": {
+    "target": "web",
+    "extends": "@spothero/browserslist-config"
+  },
   "prettier": "@spothero/prettier-config",
   "stylelint": {
     "extends": [
@@ -57,10 +58,14 @@
     "@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",
-    "@storybook/addon-links": "6.5.16",
-    "@storybook/react": "6.5.16",
+    "@storybook/addon-a11y": "7.6.19",
+    "@storybook/addon-actions": "7.6.19",
+    "@storybook/addon-essentials": "7.6.19",
+    "@storybook/addon-links": "7.6.19",
+    "@storybook/components": "7.6.19",
+    "@storybook/react": "7.6.19",
+    "@storybook/react-webpack5": "7.6.19",
+    "@storybook/theming": "7.6.19",
     "@testing-library/jest-dom": "5.11.9",
     "@testing-library/react": "14.0.0",
     "@testing-library/user-event": "12.8.1",
@@ -70,12 +75,13 @@
     "babel-plugin-module-resolver": "5.0.0",
     "chalk": "4.1.0",
     "classnames": "2.2.6",
+    "css-loader": "5.1.3",
     "eslint-loader": "4.0.2",
     "get-contrast-ratio": "0.2.1",
     "jest": "28.1.2",
     "jest-chain": "1.1.5",
-    "jest-environment-jsdom": "28.1.2",
     "jest-date-mock": "1.0.8",
+    "jest-environment-jsdom": "28.1.2",
     "jest-extended": "3.2.4",
     "jest-watch-typeahead": "0.6.1",
     "lodash": "4.17.21",
@@ -89,35 +95,35 @@
     "react-redux": "7.2.8",
     "redux": "4.1.2",
     "regenerator-runtime": "0.13.7",
+    "sass-loader": "10.2.1",
     "start-server-and-test": "1.12.6",
+    "storybook": "7.6.19",
     "style-loader": "1.2.1",
     "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.1.0",
     "@spothero/core": "7.0.1",
     "@spothero/eslint-config": "6.1.0",
-    "@spothero/icons": "9.0.1",
+    "@spothero/browserslist-config": "4.0.0",
     "@spothero/npm-publisher": "7.0.0",
+    "@spothero/icons": "9.0.2",
     "@spothero/stylelint-config": "6.0.0",
     "@spothero/prettier-config": "4.0.0"
   },
   "dependencies": {
+    "@babel/preset-env": "7.23.9",
     "@chakra-ui/react": "1.8.8",
     "@chakra-ui/theme": "1.14.1",
     "@chakra-ui/theme-tools": "1.3.6",
     "@emotion/react": "11.1.5",
     "@emotion/styled": "11.1.5",
     "@faker-js/faker": "7.6.0",
-    "@storybook/addon-a11y": "6.5.16",
     "core-js": "3.6.5",
     "framer-motion": "4.1.17",
     "react-select": "5.4.0",
     "regenerator-runtime": "0.13.7",
     "ssr-window": "1.0.1",
     "transitionEnd": "1.0.2",
-    "@spothero/utils": "15.0.1"
+    "@spothero/utils": "15.0.2"
   },
   "peerDependencies": {
     "classnames": "^2.2.6",
@@ -131,7 +137,7 @@
   "scripts": {
     "clean": "rm -rf docs v2 lib styles coverage || true",
     "lint": "eslint .storybook src --ext .jsx,.js",
-    "start": "NODE_OPTIONS=--openssl-legacy-provider start-storybook -p 6006",
+    "start": "NODE_OPTIONS=--openssl-legacy-provider storybook dev -p 6006",
     "test": "pnpm run test:unit",
     "test:template": "NODE_ENV=test jest --config ./jest.config.json --bail --silent",
     "test:unit": "pnpm run test:template",
@@ -139,7 +145,7 @@
     "build:v2": "BABEL_ENV=production babel src -d dist",
     "build": "pnpm run clean && pnpm run build:v2",
     "release": "npm-release",
-    "build-storybook": "NODE_OPTIONS=--openssl-legacy-provider build-storybook -o ./docs/v2",
-    "publish-storybook": "pnpm run build:storybook"
+    "build-storybook": "NODE_OPTIONS=--openssl-legacy-provider storybook build -o ./docs/v2",
+    "publish-storybook": "pnpm run build-storybook"
   }
 }