@instructure/emotion 8.33.1 → 8.33.2-snapshot-5

package/lib/InstUISettingsProvider/index.js

@@ -1,29 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InstUISettingsProvider = InstUISettingsProvider;
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react2 = require("@emotion/react");
-
 var _TextDirectionContext = require("@instructure/ui-i18n/lib/TextDirectionContext.js");
-
 var _DeterministicIdContextProvider = require("@instructure/ui-react-utils/lib/DeterministicIdContext/DeterministicIdContextProvider.js");
-
 var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
-
 var _getTheme = require("../getTheme");
-
 /*
  * The MIT License (MIT)
  *
@@ -57,15 +47,13 @@ var _getTheme = require("../getTheme");
  */
 function InstUISettingsProvider(_ref) {
   let children = _ref.children,
-      _ref$theme = _ref.theme,
-      theme = _ref$theme === void 0 ? {} : _ref$theme,
-      dir = _ref.dir,
-      instanceCounterMap = _ref.instanceCounterMap,
-      as = _ref.as;
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? {} : _ref$theme,
+    dir = _ref.dir,
+    instanceCounterMap = _ref.instanceCounterMap,
+    as = _ref.as;
   const finalDir = dir || (0, _react.useContext)(_TextDirectionContext.TextDirectionContext);
-
   if (process.env.NODE_ENV !== 'production' && finalDir === 'auto') {}
-
   let providers = /*#__PURE__*/_react.default.createElement(_DeterministicIdContextProvider.DeterministicIdContextProvider, {
     instanceCounterMap: instanceCounterMap
   }, /*#__PURE__*/_react.default.createElement(_react2.ThemeProvider, {
@@ -73,7 +61,6 @@ function InstUISettingsProvider(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_TextDirectionContext.TextDirectionContext.Provider, {
     value: finalDir
   }, children)));
-
   if (dir) {
     const Element = (0, _getElementType.getElementType)(InstUISettingsProvider, {
       as
@@ -82,10 +69,8 @@ function InstUISettingsProvider(_ref) {
       dir: finalDir
     }, providers);
   } else if (as && process.env.NODE_ENV !== 'production') {}
-
   return providers;
 }
-
 InstUISettingsProvider.propTypes = {
   /* eslint-disable react/require-default-props */
   children: _propTypes.default.node,
@@ -94,8 +79,8 @@ InstUISettingsProvider.propTypes = {
   instanceCounterMap: _propTypes.default.instanceOf(Map),
   as: _propTypes.default.string
   /* eslint-enable react/require-default-props */
-
 };
+
 InstUISettingsProvider.defaultProps = {
   theme: {},
   as: void 0

package/lib/getComponentThemeOverride.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getComponentThemeOverride = exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -47,31 +46,29 @@ const getComponentThemeOverride = (theme, displayName, componentId, props, compo
   const name = displayName;
   const id = componentId;
   const _ref = props,
-        themeOverride = _ref.themeOverride;
+    themeOverride = _ref.themeOverride;
   const _ref2 = theme,
-        componentOverrides = _ref2.componentOverrides;
+    componentOverrides = _ref2.componentOverrides;
   let overridesFromTheme = {};
   let overrideFromComponent = {};
-
   if (componentOverrides) {
     overridesFromTheme = name && componentOverrides[name] || id && componentOverrides[id] || {};
   }
-
   if (themeOverride) {
     if (typeof themeOverride === 'function') {
-      overrideFromComponent = themeOverride(componentTheme || {}, // the `theme` technically could be a partial theme / override object too,
+      overrideFromComponent = themeOverride(componentTheme || {},
+      // the `theme` technically could be a partial theme / override object too,
       // but we want to display all possible options
       theme);
     } else {
       overrideFromComponent = themeOverride;
     }
   }
-
-  return { ...overridesFromTheme,
+  return {
+    ...overridesFromTheme,
     ...overrideFromComponent
   };
 };
-
 exports.getComponentThemeOverride = getComponentThemeOverride;
 var _default = getComponentThemeOverride;
 exports.default = _default;

package/lib/getTheme.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getTheme = exports.default = void 0;
-
 var _uiThemes = require("@instructure/ui-themes");
-
 var _themeRegistry = require("@instructure/theme-registry");
-
 var _isBaseTheme = require("@instructure/ui-utils/lib/isBaseTheme.js");
-
 var _mergeDeep = require("@instructure/ui-utils/lib/mergeDeep.js");
-
 /*
  * The MIT License (MIT)
  *
@@ -53,9 +48,7 @@ var _mergeDeep = require("@instructure/ui-utils/lib/mergeDeep.js");
  */
 const getTheme = themeOrOverride => function () {
   var _themeOrOverride, _themeOrOverride$them;
-
   let ancestorTheme = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-
   try {
     // If a valid InstUI theme is given, it just returns the theme.
     if ((0, _isBaseTheme.isBaseTheme)(themeOrOverride)) {
@@ -65,31 +58,26 @@ const getTheme = themeOrOverride => function () {
     // If the prop passed is not an Object, it will throw an error.
     // We are using this fail-safe here for the non-TS users,
     // because the whole page can break without a theme.
-    if (process.env.NODE_ENV !== 'production') {} // eslint-disable-next-line no-param-reassign
-
-
+    if (process.env.NODE_ENV !== 'production') {}
+    // eslint-disable-next-line no-param-reassign
     themeOrOverride = {};
-  } // we need to clone the ancestor theme not to override it
-
+  }
 
+  // we need to clone the ancestor theme not to override it
   let currentTheme;
-
   if (Object.keys(ancestorTheme).length === 0) {
     const globalTheme = _themeRegistry.ThemeRegistry.getCurrentTheme();
-
     if (process.env.NODE_ENV !== 'production' && !globalTheme) {}
-
     currentTheme = globalTheme || _uiThemes.canvas;
   } else {
     currentTheme = ancestorTheme;
   }
+  const themeName = currentTheme.key;
 
-  const themeName = currentTheme.key; // we pick the overrides for the current theme from the override object
-
+  // we pick the overrides for the current theme from the override object
   const currentThemeOverrides = ((_themeOrOverride = themeOrOverride) === null || _themeOrOverride === void 0 ? void 0 : (_themeOrOverride$them = _themeOrOverride.themeOverrides) === null || _themeOrOverride$them === void 0 ? void 0 : _themeOrOverride$them[themeName]) || themeOrOverride.themeOverrides || {};
   return (0, _mergeDeep.mergeDeep)(currentTheme, themeOrOverride, currentThemeOverrides);
 };
-
 exports.getTheme = getTheme;
 var _default = getTheme;
 exports.default = _default;

package/lib/index.js

@@ -68,9 +68,7 @@ Object.defineProperty(exports, "withStyle", {
     return _withStyle.withStyle;
   }
 });
-
 var _react = require("@emotion/react");
-
 Object.keys(_react).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -82,11 +80,7 @@ Object.keys(_react).forEach(function (key) {
     }
   });
 });
-
 var _EmotionThemeProvider = require("./EmotionThemeProvider");
-
 var _InstUISettingsProvider = require("./InstUISettingsProvider");
-
 var _withStyle = require("./withStyle");
-
 var _styleUtils = require("./styleUtils");

package/lib/styleUtils/ThemeablePropTypes.js

@@ -1,17 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ThemeablePropTypes = void 0;
 exports.shorthandPropType = shorthandPropType;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _ThemeablePropValues = require("./ThemeablePropValues");
-
 /*
  * The MIT License (MIT)
  *
@@ -35,13 +31,15 @@ var _ThemeablePropValues = require("./ThemeablePropValues");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const SHADOW_TYPES = _ThemeablePropValues.ThemeablePropValues.SHADOW_TYPES,
-      STACKING_TYPES = _ThemeablePropValues.ThemeablePropValues.STACKING_TYPES,
-      BORDER_WIDTHS = _ThemeablePropValues.ThemeablePropValues.BORDER_WIDTHS,
-      BORDER_RADII = _ThemeablePropValues.ThemeablePropValues.BORDER_RADII,
-      BACKGROUNDS = _ThemeablePropValues.ThemeablePropValues.BACKGROUNDS,
-      SIZES = _ThemeablePropValues.ThemeablePropValues.SIZES,
-      SPACING = _ThemeablePropValues.ThemeablePropValues.SPACING;
+  STACKING_TYPES = _ThemeablePropValues.ThemeablePropValues.STACKING_TYPES,
+  BORDER_WIDTHS = _ThemeablePropValues.ThemeablePropValues.BORDER_WIDTHS,
+  BORDER_RADII = _ThemeablePropValues.ThemeablePropValues.BORDER_RADII,
+  BACKGROUNDS = _ThemeablePropValues.ThemeablePropValues.BACKGROUNDS,
+  SIZES = _ThemeablePropValues.ThemeablePropValues.SIZES,
+  SPACING = _ThemeablePropValues.ThemeablePropValues.SPACING;
+
 /**
  * ---
  * category: utilities/themes
@@ -49,7 +47,6 @@ const SHADOW_TYPES = _ThemeablePropValues.ThemeablePropValues.SHADOW_TYPES,
  * Custom prop types for themeable React components.
  * @module ThemeablePropTypes
  */
-
 const ThemeablePropTypes = {
   shadow: _propTypes.default.oneOf(Object.values(SHADOW_TYPES)),
   stacking: _propTypes.default.oneOf(Object.values(STACKING_TYPES)),
@@ -60,26 +57,20 @@ const ThemeablePropTypes = {
   spacing: shorthandPropType(Object.values(SPACING))
 };
 exports.ThemeablePropTypes = ThemeablePropTypes;
-
 function shorthandPropType(validValues) {
   return function (props, propName, componentName, location) {
     const propValue = props[propName];
-
     if (typeof propValue === 'undefined') {
       return null;
     }
-
     if (typeof propValue !== 'string') {
       return new Error(`Invalid ${location} \`${propName}\` of type \`${typeof propValue}\` supplied to \`${componentName}\`, expected ` + `a string.`);
     }
-
     const propValues = propValue.split(' ');
     const valuesLength = propValues.length;
-
     if (valuesLength > 0 && valuesLength < 5) {
       for (let i = 0; i < valuesLength; i++) {
         const valueIndex = validValues.indexOf(propValues[i]);
-
         if (valueIndex === -1) {
           return new Error(`Invalid ${location} \`${propName}\` \`${propValues[i]}\` supplied to \`${componentName}\`, expected ` + `a one of \`${validValues.join(', ')}\`.`);
         }
@@ -87,10 +78,8 @@ function shorthandPropType(validValues) {
     } else {
       return new Error(`Invalid ${location} \`${propName}\` \`${propValue}\` supplied to \`${componentName}\`, expected ` + `between one and four of the following valid values: \`${validValues.join(', ')}\`.`);
     }
-
     return null;
   };
 }
-
 var _default = ThemeablePropTypes;
 exports.default = _default;

package/lib/styleUtils/ThemeablePropValues.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ThemeablePropValues = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -28,6 +27,7 @@ exports.default = exports.ThemeablePropValues = void 0;
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const ThemeablePropValues = {
   SHADOW_TYPES: {
     resting: 'resting',
@@ -83,8 +83,9 @@ const ThemeablePropValues = {
     xLarge: 'x-large',
     xxLarge: 'xx-large'
   }
-}; // SPACING
+};
 
+// SPACING
 exports.ThemeablePropValues = ThemeablePropValues;
 var _default = ThemeablePropValues;
 exports.default = _default;

package/lib/styleUtils/getShorthandPropValue.js

@@ -5,13 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getShorthandPropValue = getShorthandPropValue;
-
 var _isEmpty = require("@instructure/ui-utils/lib/isEmpty.js");
-
 var _camelize = require("@instructure/ui-utils/lib/camelize.js");
-
 var _console = require("@instructure/console");
-
 /*
  * The MIT License (MIT)
  *
@@ -56,30 +52,24 @@ function getShorthandPropValue(componentName, componentTheme, propValue, propNam
   if (typeof propValue !== 'string' || (0, _isEmpty.isEmpty)(componentTheme)) {
     return;
   }
-
   return propValue.split(' ').map(shortHandValue => {
     if (shortHandValue === 'auto' || shortHandValue === '0') {
       return shortHandValue;
     }
-
     if (shortHandValue === 'none') {
       return '0';
     }
-
     if (shortHandValue === 'circle') {
       return '100%';
     }
-
     if (shortHandValue === 'pill') {
       return '999em';
     }
-
     const themeVariableName = (0, _camelize.camelize)(`${propName}-${shortHandValue}`);
     const themeVariableValue = componentTheme[themeVariableName];
     (0, _console.logError)(typeof themeVariableValue !== 'undefined', `[${componentName}] '${themeVariableName}' is an invalid '${propName}' value.`);
     return themeVariableValue || '0';
   }).join(' ').trim();
 }
-
 var _default = getShorthandPropValue;
 exports.default = _default;

package/lib/styleUtils/index.js

@@ -39,15 +39,9 @@ Object.defineProperty(exports, "mirrorShorthandEdges", {
     return _mirrorShorthandEdges.mirrorShorthandEdges;
   }
 });
-
 var _ThemeablePropValues = require("./ThemeablePropValues");
-
 var _ThemeablePropTypes = require("./ThemeablePropTypes");
-
 var _makeThemeVars = require("./makeThemeVars");
-
 var _getShorthandPropValue = require("./getShorthandPropValue");
-
 var _mirrorShorthandCorners = require("./mirrorShorthandCorners");
-
 var _mirrorShorthandEdges = require("./mirrorShorthandEdges");

package/lib/styleUtils/makeThemeVars.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.makeThemeVars = makeThemeVars;
-
 var _camelize = require("@instructure/ui-utils/lib/camelize.js");
-
 /*
  * The MIT License (MIT)
  *
@@ -50,6 +48,5 @@ function makeThemeVars(prefix, vars) {
   });
   return themeVars;
 }
-
 var _default = makeThemeVars;
 exports.default = _default;

package/lib/styleUtils/mirrorShorthand.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.mirrorShorthandCorners = mirrorShorthandCorners;
 exports.mirrorShorthandEdges = mirrorShorthandEdges;
-
 /*
  * The MIT License (MIT)
  *
@@ -54,9 +53,7 @@ function mirrorShorthandEdges(values) {
   if (typeof values !== 'string') {
     return;
   }
-
   const valuesArr = values.split(' ');
-
   if (valuesArr.length === 4) {
     // swap the 2nd and 4th values
     ;
@@ -64,9 +61,9 @@ function mirrorShorthandEdges(values) {
     valuesArr[1] = _ref[0];
     valuesArr[3] = _ref[1];
   }
-
   return valuesArr.join(' ');
 }
+
 /**
  * Convert shorthand CSS properties for corners to rtl
  *
@@ -80,15 +77,11 @@ function mirrorShorthandEdges(values) {
  * @param {String} values - space delimited string values representing a CSS shorthand
  * @returns {String} a space delimited CSS shorthand string converted to RTL
  */
-
-
 function mirrorShorthandCorners(values) {
   if (typeof values !== 'string') {
     return;
   }
-
   const valuesArr = values.split(' ');
-
   if (valuesArr.length === 2) {
     // swap the 1st and 2nd values
     ;
@@ -96,12 +89,10 @@ function mirrorShorthandCorners(values) {
     valuesArr[0] = _ref2[0];
     valuesArr[1] = _ref2[1];
   }
-
   if (valuesArr.length === 3) {
     // convert 3 value syntax to 4 value syntax
     valuesArr.push(valuesArr[1]);
   }
-
   if (valuesArr.length === 4) {
     ;
     var _ref3 = [valuesArr[1], valuesArr[0], valuesArr[3], valuesArr[2]];
@@ -110,6 +101,5 @@ function mirrorShorthandCorners(values) {
     valuesArr[2] = _ref3[2];
     valuesArr[3] = _ref3[3];
   }
-
   return valuesArr.join(' ');
 }

package/lib/styleUtils/mirrorShorthandCorners.js

@@ -10,9 +10,7 @@ Object.defineProperty(exports, "mirrorShorthandCorners", {
     return _mirrorShorthand.mirrorShorthandCorners;
   }
 });
-
 var _mirrorShorthand = require("./mirrorShorthand");
-
 /*
  * The MIT License (MIT)
  *

package/lib/styleUtils/mirrorShorthandEdges.js

@@ -10,9 +10,7 @@ Object.defineProperty(exports, "mirrorShorthandEdges", {
     return _mirrorShorthand.mirrorShorthandEdges;
   }
 });
-
 var _mirrorShorthand = require("./mirrorShorthand");
-
 /*
  * The MIT License (MIT)
  *

package/lib/useTheme.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useTheme = exports.default = void 0;
-
 var _react = require("@emotion/react");
-
 var _uiThemes = require("@instructure/ui-themes");
-
 var _isEmpty = require("@instructure/ui-utils/lib/isEmpty.js");
-
 var _themeRegistry = require("@instructure/theme-registry");
-
 /*
  * The MIT License (MIT)
  *
@@ -48,22 +43,16 @@ var _themeRegistry = require("@instructure/theme-registry");
  */
 const useTheme = () => {
   let theme = (0, _react.useTheme)();
-
   if ((0, _isEmpty.isEmpty)(theme)) {
     const globalTheme = _themeRegistry.ThemeRegistry.getCurrentTheme();
-
     if (globalTheme) {
       return globalTheme;
     }
-
     if (process.env.NODE_ENV !== 'production') {}
-
     theme = _uiThemes.canvas;
   }
-
   return theme;
 };
-
 exports.useTheme = useTheme;
 var _default = useTheme;
 exports.default = _default;

package/lib/withStyle.js

@@ -1,30 +1,19 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.withStyle = exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _hoistNonReactStatics = _interopRequireDefault(require("hoist-non-react-statics"));
-
 var _deepEqual = require("@instructure/ui-utils/lib/deepEqual.js");
-
 var _console = require("@instructure/console");
-
 var _decorator = require("@instructure/ui-decorator/lib/decorator.js");
-
 var _getComponentThemeOverride = require("./getComponentThemeOverride");
-
 var _useTheme = require("./useTheme");
-
 /*
  * The MIT License (MIT)
  *
@@ -48,10 +37,12 @@ var _useTheme = require("./useTheme");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const defaultValues = {
   styles: {},
   makeStyles: () => {}
 };
+
 /**
  * ---
  * category: utilities/themes
@@ -127,75 +118,73 @@ const defaultValues = {
  * @param {function} generateComponentTheme - The function that returns the component's theme variables object
  * @returns {ReactElement} The decorated WithStyle Component
  */
-
 const withStyle = (0, _decorator.decorator)((ComposedComponent, generateStyle, generateComponentTheme) => {
   const displayName = ComposedComponent.displayName || ComposedComponent.name;
   const WithStyle = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     const theme = (0, _useTheme.useTheme)();
-
     if (props.styles) {
       (0, _console.warn)(false, `Manually passing the "styles" property is not allowed on the ${displayName} component. Using the default styles calculated by the @withStyle decorator instead.\n`, props.styles);
     }
-
     if (props.makeStyles) {
       (0, _console.warn)(false, `Manually passing the "makeStyles" property is not allowed on the ${displayName} component. Styles are calculated by the @withStyle decorator.`);
     }
-
-    const componentProps = { ...ComposedComponent.defaultProps,
+    const componentProps = {
+      ...ComposedComponent.defaultProps,
       ...props,
       ...defaultValues
     };
     let componentTheme = typeof generateComponentTheme === 'function' ? generateComponentTheme(theme) : {};
     const themeOverride = (0, _getComponentThemeOverride.getComponentThemeOverride)(theme, displayName, ComposedComponent.componentId, componentProps, componentTheme);
-    componentTheme = { ...componentTheme,
+    componentTheme = {
+      ...componentTheme,
       ...themeOverride
     };
-
     const _useState = (0, _react.useState)(generateStyle ? generateStyle(componentTheme, componentProps, {}) : {}),
-          _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-          styles = _useState2[0],
-          setStyles = _useState2[1];
-
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      styles = _useState2[0],
+      setStyles = _useState2[1];
     const makeStyleHandler = extraArgs => {
       const calculatedStyles = generateStyle(componentTheme, componentProps, extraArgs);
-
       if (!(0, _deepEqual.deepEqual)(calculatedStyles, styles)) {
         setStyles(calculatedStyles);
       }
     };
-
     return /*#__PURE__*/_react.default.createElement(ComposedComponent, Object.assign({
       ref: ref
     }, props, {
       makeStyles: makeStyleHandler,
-      styles: styles // passing themeOverrides is needed for components like Button
+      styles: styles
+      // passing themeOverrides is needed for components like Button
       // that have no makeStyles of their own and only pass themeOverrides
       // to the underlying component (e.g.: BaseButton)
       ,
       themeOverride: themeOverride
     }));
   });
-  (0, _hoistNonReactStatics.default)(WithStyle, ComposedComponent); // we have to pass these on, because sometimes users
+  (0, _hoistNonReactStatics.default)(WithStyle, ComposedComponent);
+
+  // we have to pass these on, because sometimes users
   // access propTypes of the component in other components
   // eslint-disable-next-line react/forbid-foreign-prop-types
-
   WithStyle.propTypes = ComposedComponent.propTypes;
-  WithStyle.defaultProps = ComposedComponent.defaultProps; // These static fields exist on InstUI components
+  WithStyle.defaultProps = ComposedComponent.defaultProps;
 
-  WithStyle.allowedProps = ComposedComponent.allowedProps; // we are exposing the theme generator for the docs generation
+  // These static fields exist on InstUI components
+  WithStyle.allowedProps = ComposedComponent.allowedProps;
 
-  WithStyle.generateComponentTheme = generateComponentTheme; // we have to add defaults to makeStyles and styles added by this decorator
-  // eslint-disable-next-line no-param-reassign
+  // we are exposing the theme generator for the docs generation
+  WithStyle.generateComponentTheme = generateComponentTheme;
 
-  ComposedComponent.defaultProps = { ...ComposedComponent.defaultProps,
+  // we have to add defaults to makeStyles and styles added by this decorator
+  // eslint-disable-next-line no-param-reassign
+  ComposedComponent.defaultProps = {
+    ...ComposedComponent.defaultProps,
     makeStyles: defaultValues.makeStyles,
     styles: defaultValues.styles
   };
-
   if (process.env.NODE_ENV !== 'production') {
     WithStyle.displayName = `WithStyle(${displayName})`;
   }
-
   return WithStyle;
 });
 exports.withStyle = withStyle;