@spothero/ui 17.0.3 → 17.1.0-beta.3

package/dist/components/ThemeProvider/ThemeProvider.js

@@ -1,27 +1,47 @@
 "use strict";
 
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
 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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _react2 = require("@chakra-ui/react");
+
 var _theme = _interopRequireDefault(require("../../theme"));
+
 var _global = require("../../theme/global");
+
 var _merge = _interopRequireDefault(require("lodash/merge"));
-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 ThemeProvider = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    theme,
-    useLegacyOverrides,
-    disableExternalFonts = false,
-    children,
-    ...props
-  } = _ref;
+
+var _excluded = ["theme", "useLegacyOverrides", "disableExternalFonts", "children"];
+
+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; }
+
+var ThemeProvider = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var theme = _ref.theme,
+      useLegacyOverrides = _ref.useLegacyOverrides,
+      _ref$disableExternalF = _ref.disableExternalFonts,
+      disableExternalFonts = _ref$disableExternalF === void 0 ? false : _ref$disableExternalF,
+      children = _ref.children,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_react2.ChakraProvider, (0, _extends2.default)({}, props, {
     ref: ref,
     theme: (0, _merge.default)(_theme.default, theme)
@@ -32,10 +52,13 @@ const ThemeProvider = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
 ThemeProvider.propTypes = {
   /** If true, this will use the old `spothero-html` base styles */
   useLegacyOverrides: _propTypes.default.bool,
+
   /** If true, this will not load the `Fonts` global styles */
   disableExternalFonts: _propTypes.default.bool,
+
   /** The React node (generally your entire App) that will be provided the theme */
   children: _propTypes.default.node,
+
   /** Adds additional themeing on top of SpotHero's default configuration */
   theme: _propTypes.default.object
 };

package/dist/components/ThemeProvider/ThemeProvider.stories.js

@@ -1,21 +1,30 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ThemeProvider = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _react2 = require("@chakra-ui/react");
+
 var _ThemeProvider = _interopRequireDefault(require("./ThemeProvider"));
+
 var _Spaces = _interopRequireDefault(require("../../utils/Spaces"));
+
 var _Text = _interopRequireDefault(require("../Text/Text"));
+
 var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
-const Usage = () => {
+
+var Usage = function Usage() {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "// RootComponent.jsx", /*#__PURE__*/_react.default.createElement("br", null), "...", /*#__PURE__*/_react.default.createElement("br", null), "return (", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, null), "<ThemeProvider>", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, {
     spaces: 6
   }), "<App/>", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Spaces.default, null), "</ThemeProvider>", /*#__PURE__*/_react.default.createElement("br", null), ");", /*#__PURE__*/_react.default.createElement("br", null), "...");
 };
+
 var _default = {
   title: 'v2/ThemeProvider',
   component: _ThemeProvider.default,
@@ -27,11 +36,10 @@ var _default = {
   }
 };
 exports.default = _default;
-const Template = (props, _ref) => {
-  let {
-    hasDarkBackground
-  } = _ref;
-  const contentTextColor = hasDarkBackground ? 'text.primary.dark' : 'text.primary.light';
+
+var Template = function Template(props, _ref) {
+  var hasDarkBackground = _ref.hasDarkBackground;
+  var contentTextColor = hasDarkBackground ? 'text.primary.dark' : 'text.primary.light';
   return /*#__PURE__*/_react.default.createElement(_react2.Box, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
     mb: 8,
     color: contentTextColor
@@ -46,7 +54,8 @@ const Template = (props, _ref) => {
     color: contentTextColor
   }, "ThemeProvider also has a ", /*#__PURE__*/_react.default.createElement(_react2.Code, null, "disableExternalFonts"), " prop that is a boolean. If true, the ThemeProvider will not load the font files from Google's CDN, and you will be able to handle fonts on a project-level."), ' ');
 };
-const ThemeProvider = Template.bind({});
+
+var ThemeProvider = Template.bind({});
 exports.ThemeProvider = ThemeProvider;
 ThemeProvider.parameters = {
   importBy: 'ThemeProvider'