@spothero/ui 17.1.0 → 17.2.0

package/dist/theme/global.js

@@ -1,21 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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");
-
-var global = {
+const global = {
   'html, body': {
     color: 'text.primary.light'
   },
@@ -31,22 +24,96 @@ var global = {
 };
 var _default = global;
 exports.default = _default;
+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');
+            /* Copied from https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap */
+            /* latin-ext */
+            @font-face {
+                font-family: 'Open Sans';
+                font-style: normal;
+                font-weight: 700;
+                src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOXOhpKKSTj5PW.woff2) format('woff2');
+                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: 'Open Sans';
+                font-style: normal;
+                font-weight: 600;
+                src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOXOhpKKSTj5PW.woff2) format('woff2');
+                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: 'Open Sans';
+                font-style: normal;
+                font-weight: 400;
+                src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFW50bf8pkAp6a.woff2) format('woff2');
+                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: 'Open Sans';
+                font-style: normal;
+                font-weight: 300;
+                src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OXOhpKKSTj5PW.woff2) format('woff2');
+                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 = _ref => {
+  let {
+    useLegacyOverrides
+  } = _ref;
+  return useLegacyOverrides ? /*#__PURE__*/_react.default.createElement(_react2.Global, {
+    styles: `
+        h1,
+        h2,
+        h3,
+        h4,
+        h5,
+        h6 {
+            margin-top: 0;
+            font-weight: ${_base.fontWeights.semibold};
+        }
 
-var Fonts = function Fonts() {
-  return /*#__PURE__*/_react.default.createElement(_react2.Global, {
-    styles: "\n            @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');\n            /* Copied from https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap */\n            /* latin-ext */\n            @font-face {\n                font-family: 'Open Sans';\n                font-style: normal;\n                font-weight: 700;\n                src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOXOhpKKSTj5PW.woff2) format('woff2');\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: 'Open Sans';\n                font-style: normal;\n                font-weight: 600;\n                src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOXOhpKKSTj5PW.woff2) format('woff2');\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: 'Open Sans';\n                font-style: normal;\n                font-weight: 400;\n                src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFW50bf8pkAp6a.woff2) format('woff2');\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: 'Open Sans';\n                font-style: normal;\n                font-weight: 300;\n                src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OXOhpKKSTj5PW.woff2) format('woff2');\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        "
-  });
-};
+        .heading-sm {
+            font-size: ${_base.fontSizes.base};
+        }
+        .heading-md {
+            font-size: ${_base.fontSizes.md};
+        }
+        .heading-lg {
+            font-size: ${_base.fontSizes['5xl']};
+        }
 
-exports.Fonts = Fonts;
+        p {
+            line-height: 1.5;
+        }
 
-var LegacyOverrides = function LegacyOverrides(_ref) {
-  var _context, _context2, _context3, _context4, _context5, _context6;
+        a {
+            outline: none;
+            text-align: left;
+            color: ${_base.colors.primary.default};
+            text-decoration: none;
 
-  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        ")
+            &:active,
+            &:focus {
+                outline: none;
+            }
+
+            &:hover {
+                color: ${_base.colors.primary['700']};
+            }
+        }
+
+        small {
+            font-size: ${_base.fontSizes.xs};
+        }
+
+        `
   }) : null;
 };
-
 exports.LegacyOverrides = LegacyOverrides;

package/dist/theme/index.js

@@ -1,63 +1,37 @@
 "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 _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+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; }
+// import merge from 'lodash/merge';
 
 // use this to extend the base theme of chakra, this adds on top of what is defined in baseConfig
-var extendedTheme = {
+const extendedTheme = {
   initialColorMode: 'light',
   useSystemColorMode: false,
   styles: {
     global: _global.default
   },
-  remToPixels: function remToPixels(rem) {
-    var baseSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 16;
-    return !rem ? 0 : "".concat(baseSize * Number(rem.replace('rem', '')));
+  remToPixels: function (rem) {
+    let baseSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 16;
+    return !rem ? 0 : `${baseSize * Number(rem.replace('rem', ''))}`;
   }
-}; // use this to override base themes from Chakra
-
-var baseConfig = _objectSpread(_objectSpread(_objectSpread({}, _theme.default), base), {}, {
-  components: components
-});
-
+};
+
+// use this to override base themes from Chakra
+const baseConfig = {
+  ..._theme.default,
+  ...base,
+  components
+};
 var _default = (0, _react.extendTheme)(extendedTheme, baseConfig);
-
 exports.default = _default;

package/dist/utils/Spaces.js

@@ -1,27 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var _fill = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/fill"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var Spaces = function Spaces(_ref) {
-  var _context;
-
-  var _ref$spaces = _ref.spaces,
-      spaces = _ref$spaces === void 0 ? 3 : _ref$spaces;
+const Spaces = _ref => {
+  let {
+    spaces = 3
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("span", {
     dangerouslySetInnerHTML: {
-      __html: (0, _fill.default)(_context = Array(spaces)).call(_context, ' ').join('')
+      __html: Array(spaces).fill(' ').join('')
     }
   });
 };
-
 var _default = Spaces;
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spothero/ui",
-  "version": "17.1.0",
+  "version": "17.2.0",
   "description": "SpotHero's React component UI library.",
   "main": "./dist/components/index.js",
   "exports": "./dist/components/index.js",
@@ -76,7 +76,6 @@
     "@babel/cli": "7.14.5",
     "@babel/core": "7.14.6",
     "@babel/runtime-corejs3": "7.14.7",
-    "@jackfranklin/test-data-bot": "1.3.0",
     "@spothero/babel-preset-spothero": "*",
     "@spothero/browserslist-config": "*",
     "@spothero/core": "*",
@@ -128,6 +127,7 @@
     "@chakra-ui/theme-tools": "1.3.6",
     "@emotion/react": "11.1.5",
     "@emotion/styled": "11.1.5",
+    "@faker-js/faker": "7.6.0",
     "@spothero/utils": "*",
     "@storybook/addon-a11y": "6.5.16",
     "core-js": "3.6.5",
@@ -147,4 +147,4 @@
     "react-redux": ">=7.0.0",
     "redux": ">=4.0.0"
   }
-}
+}

package/dist/components/Accordion/Accordion.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _react.Accordion;
-  }
-});
-
-var _react = require("@chakra-ui/react");

package/dist/components/Accordion/styles/button.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _Heading = require("../../Heading/Heading.styles");
-
-var button = {
-  fontSize: _Heading.variants.h4.fontSize,
-  fontWeight: 'semibold',
-  px: 0,
-  py: {
-    base: 4,
-    tablet: 6
-  },
-  '& svg': {
-    color: 'primary.default'
-  }
-};
-var _default = button;
-exports.default = _default;

package/dist/components/Accordion/styles/container.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var container = {
-  borderTopWidth: '1px',
-  borderColor: 'gray.medium',
-  _last: {
-    borderBottomWidth: '1px'
-  }
-};
-var _default = container;
-exports.default = _default;

package/dist/components/Accordion/styles/panel.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var panel = {
-  pt: 0,
-  px: 0,
-  pb: 6
-};
-var _default = panel;
-exports.default = _default;