@hipay/hipay-material-ui 3.15.2 → 3.15.3-beta.1

package/hi-svg-images/HiLogoWhite.js

@@ -1,23 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _pure = _interopRequireDefault(require("recompose/pure"));
-
+/**
+ * @ignore - internal component.
+ */
 var _ref = /*#__PURE__*/_react.default.createElement("path", {
   fill: "#fff",
   d: "M288.84 117.53a19.9 19.9 0 00-22.74-2.37 710.68 710.68 0 01-82.57 39.71C201.92 84.49 219.32 26.53 219.6 25.6a19.87 19.87 0 10-38-11.45c-.32 1-22.26 74.14-43.11 156.53a426.51 426.51 0 01-48.87 11.67c-4.56.8-8.89 1.46-13 2a1440.07 1440.07 0 0143.5-143.68 19.87 19.87 0 00-37.2-14 1438.29 1438.29 0 00-47.87 160.16 99.22 99.22 0 01-11.81-1A19.87 19.87 0 1016.51 225c1.45.25 4.81.76 10 1.15-3 15.08-5.74 30.44-8 45.83a19.87 19.87 0 1039.3 5.89c2.64-17.58 5.88-35.19 9.48-52.44 8.68-.8 18.42-2.05 29.19-3.93q15.38-2.69 31.21-6.65c-5.14 21.79-9.94 43.45-14 63.89a19.87 19.87 0 1039 7.72c5.33-26.92 12-56 19-84.76a653.51 653.51 0 0067.15-27.7c-4.92 13.74-9.61 27.78-13.37 41-4.95 17.39-7.68 31.24-8.36 42.33-1.16 19.06 4.06 32.2 15.53 39.06a19.87 19.87 0 0024.12-31.24c-.42-4-.23-16.52 9.84-49 8-25.94 19.4-55.09 27.7-76.38a19.87 19.87 0 00-5.46-22.24zM522.37 78.05c-3.31-17.28-13.12-31.6-28.37-41.42-21.67-14-54.74-19.25-98.29-15.76a399.66 399.66 0 00-56.64 8.69 19.87 19.87 0 009.35 38.62c.06 0 1.83-.43 4.9-1.08q-4.63 20.18-9.3 40.36-7.83 33.8-15.73 67.56c-8.84 2.49-14.25 3.82-14.41 3.86a19.86 19.86 0 004.2 39.16c-1.12 4.69-2.23 9.38-3.36 14.07-3.73 15.44-7.38 30.91-11.61 46.22-2.86 10.35 3.54 22.8 14.35 25.26s22.19-3.26 25.25-14.34c7.6-27.49 14-55.36 20.46-83.16 17.56-5.56 39-13.05 60.32-22.23 29.5-12.72 52.69-26.14 68.94-39.9 30.27-25.64 32.99-49.96 29.94-65.91zm-55.51 35.49c-13.18 11.19-32.93 22.51-58.71 33.65-11.56 5-23.27 9.48-34.34 13.4Q384 117.08 394 73.52q1.49-6.43 3-12.88l2.52-.2c33.44-2.62 59.39.79 73.07 9.62 6.22 4 9.56 8.77 10.84 15.47 1.44 7.99-4.11 17.47-16.57 28.01zM680.18 451.45a20.55 20.55 0 01-2.46-.15 19.87 19.87 0 01-17.29-22.15c4.69-38.09 23.1-97.5 42-151.52a181.77 181.77 0 01-4.15 3.58c-19.52 16.26-37 23.44-53.43 22-13.48-1.23-24.34-8.09-30.57-19.32a43.31 43.31 0 01-2.61-5.64 140.32 140.32 0 01-44.42 22.89c-13 4-29.63 7.27-42.15-2.9a28.14 28.14 0 01-7.82-9.9 112.84 112.84 0 01-16.65 9.62c-20.55 9.39-34.59 5.71-42.75 1-15.67-9.11-22.29-29.68-16.46-51.18a164.63 164.63 0 0126-53.65c24.52-33.77 48.95-51.11 72.61-51.56 17-.33 29.92 8.38 35.86 15.94a19.88 19.88 0 012.25 21c-5.53 11.43-19.77 44.9-22.88 69.2q-.06.62-.15 1.23c-.11 1-.21 2-.28 2.91-.18 2.47-.4 4.8-.6 7-.11 1.2-.23 2.51-.34 3.83l1.69-.5c28.32-8.67 47.3-27.8 59.82-47.22q2-6.66 4.52-13.9a433 433 0 0119.78-47 19.87 19.87 0 0137.34 12.22 204.1 204.1 0 01-19.9 55.85q-2.38 4.51-5 8.82c-5 18.68-4.62 28.33-3.6 31.72 2.72.14 20.77-1.25 60.6-52.1a624.13 624.13 0 0041.86-61.3 19.87 19.87 0 0135.54 17.57c-.75 1.88-77.07 188.16-86.67 266.16a19.87 19.87 0 01-19.69 17.45zm-147.6-266.69c-7 3.59-18.11 12.18-33 32.63a125.07 125.07 0 00-19.83 40.71 18.63 18.63 0 00-.69 5.47c4.83-1.27 16.73-6.34 37.75-26.35 3.25-18.37 10-37.9 15.77-52.46zm12.74-1z"
 });
-
 var _ref2 = /*#__PURE__*/_react.default.createElement("ellipse", {
   cx: 285.79,
   cy: 66.13,
@@ -26,10 +23,6 @@ var _ref2 = /*#__PURE__*/_react.default.createElement("ellipse", {
   transform: "rotate(-45 285.784 66.134)",
   fill: "#ffcf21"
 });
-
-/**
- * @ignore - internal component.
- */
 var HiLogoWhite = (0, _pure.default)(function (props) {
   return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
     viewBox: "0 0 788.05 451.45",
@@ -37,5 +30,4 @@ var HiLogoWhite = (0, _pure.default)(function (props) {
   }, props), _ref, _ref2);
 });
 HiLogoWhite.muiName = 'SvgImage';
-var _default = HiLogoWhite;
-exports.default = _default;
+var _default = exports.default = HiLogoWhite;

package/hi-svg-images/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +16,5 @@ Object.defineProperty(exports, "HiLogoWhite", {
     return _HiLogoWhite.default;
   }
 });
-
 var _HiLogo = _interopRequireDefault(require("./HiLogo"));
-
 var _HiLogoWhite = _interopRequireDefault(require("./HiLogoWhite"));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hipay/hipay-material-ui",
   "private": false,
-  "version": "3.15.2",
+  "version": "3.15.3-beta.1",
   "description": "React components that implement Google's Material Design.",
   "repository": {
     "type": "git",
@@ -13,7 +13,7 @@
   },
   "homepage": "http://materialui.hipay.dev.local/",
   "peerDependencies": {
-    "@hipay/design-system": "^1.3.1",
+    "@hipay/design-system": "1.7.3-beta.6",
     "@mui/material": "5.8.4",
     "@mui/styles": "5.8.4",
     "@mui/styled-engine": "npm:@mui/styled-engine-sc@5.10.0",

package/setupTest.js

@@ -1,44 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _enzyme = _interopRequireDefault(require("enzyme"));
-
 var _enzymeAdapterReact = _interopRequireDefault(require("enzyme-adapter-react-16"));
-
 _enzyme.default.configure({
   adapter: new _enzymeAdapterReact.default()
 });
+
 /**
  * SETUP JSDOM
  * https://github.com/airbnb/enzyme/blob/master/docs/guides/jsdom.md
  */
-
-
 var _require = require('jsdom'),
-    JSDOM = _require.JSDOM;
-
+  JSDOM = _require.JSDOM;
 var jsdom = new JSDOM('<!doctype html><html><body></body></html>');
 var window = jsdom.window;
-
 function copyProps(src, target) {
   Object.defineProperties(target, (0, _objectSpread2.default)({}, Object.getOwnPropertyDescriptors(src), {}, Object.getOwnPropertyDescriptors(target)));
 }
-
 global.window = window;
 global.document = window.document;
 global.navigator = {
   userAgent: 'node.js'
 };
-
 global.requestAnimationFrame = function (callback) {
   return setTimeout(callback, 0);
 };
-
 global.cancelAnimationFrame = function (id) {
   clearTimeout(id);
 };
-
 copyProps(window, global);

package/styleguide/Wrapper.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Wrapper;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styles = require("@mui/material/styles");
-
 var _theme = _interopRequireDefault(require("../theme"));
-
 function Wrapper(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/_react.default.createElement(_styles.StyledEngineProvider, {
@@ -21,5 +16,4 @@ function Wrapper(_ref) {
     theme: _theme.default
   }, children));
 }
-
 ;

package/styles/MuiThemeProvider.js

@@ -1,48 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _warning = _interopRequireDefault(require("warning"));
-
 var _brcast = _interopRequireDefault(require("brcast"));
-
 var _themeListener = _interopRequireWildcard(require("./themeListener"));
-
 var _exactProp = _interopRequireDefault(require("../utils/exactProp"));
-
-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 _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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 /**
  * This component takes a `theme` property.
  * It makes the `theme` available down the React tree thanks to React context.
@@ -50,55 +30,44 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
  */
 var MuiThemeProvider = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(MuiThemeProvider, _React$Component);
-
   var _super = _createSuper(MuiThemeProvider);
-
-  // We are not using the React state in order to avoid unnecessary rerender.
   function MuiThemeProvider(props, context) {
     var _this;
-
     (0, _classCallCheck2.default)(this, MuiThemeProvider);
-    _this = _super.call(this); // Get the outer theme from the context, can be null
-
+    _this = _super.call(this);
+    // Get the outer theme from the context, can be null
     _this.broadcast = (0, _brcast.default)();
     _this.unsubscribeId = null;
+    // We are not using the React state in order to avoid unnecessary rerender.
     _this.outerTheme = null;
-    _this.outerTheme = _themeListener.default.initial(context); // Propagate the theme so it can be accessed by the children
-
+    _this.outerTheme = _themeListener.default.initial(context);
+    // Propagate the theme so it can be accessed by the children
     _this.broadcast.setState(_this.mergeOuterLocalTheme(props.theme));
-
     return _this;
   }
-
   (0, _createClass2.default)(MuiThemeProvider, [{
     key: "getChildContext",
     value: function getChildContext() {
-      var _ref;
-
       var _this$props = this.props,
-          sheetsManager = _this$props.sheetsManager,
-          disableStylesGeneration = _this$props.disableStylesGeneration;
+        sheetsManager = _this$props.sheetsManager,
+        disableStylesGeneration = _this$props.disableStylesGeneration;
       var muiThemeProviderOptions = this.context.muiThemeProviderOptions || {};
-
       if (sheetsManager !== undefined) {
         muiThemeProviderOptions.sheetsManager = sheetsManager;
       }
-
       if (disableStylesGeneration !== undefined) {
         muiThemeProviderOptions.disableStylesGeneration = disableStylesGeneration;
       }
-
-      return _ref = {}, (0, _defineProperty2.default)(_ref, _themeListener.CHANNEL, this.broadcast), (0, _defineProperty2.default)(_ref, "muiThemeProviderOptions", muiThemeProviderOptions), _ref;
+      return (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _themeListener.CHANNEL, this.broadcast), "muiThemeProviderOptions", muiThemeProviderOptions);
     }
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-
       // Subscribe on the outer theme, if present
       this.unsubscribeId = _themeListener.default.subscribe(this.context, function (outerTheme) {
-        _this2.outerTheme = outerTheme; // Forward the parent theme update to the children
-
+        _this2.outerTheme = outerTheme;
+        // Forward the parent theme update to the children
         _this2.broadcast.setState(_this2.mergeOuterLocalTheme(_this2.props.theme));
       });
     }
@@ -116,8 +85,9 @@ var MuiThemeProvider = /*#__PURE__*/function (_React$Component) {
       if (this.unsubscribeId !== null) {
         _themeListener.default.unsubscribe(this.context, this.unsubscribeId);
       }
-    } // Simple merge between the outer theme and the local theme
+    }
 
+    // Simple merge between the outer theme and the local theme
   }, {
     key: "mergeOuterLocalTheme",
     value: function mergeOuterLocalTheme(localTheme) {
@@ -126,11 +96,9 @@ var MuiThemeProvider = /*#__PURE__*/function (_React$Component) {
         process.env.NODE_ENV !== "production" ? (0, _warning.default)(this.outerTheme, ['Material-UI: you are providing a theme function property ' + 'to the MuiThemeProvider component:', '<MuiThemeProvider theme={outerTheme => outerTheme} />', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\n')) : void 0;
         return localTheme(this.outerTheme);
       }
-
       if (!this.outerTheme) {
         return localTheme;
       }
-
       return (0, _objectSpread2.default)({}, this.outerTheme, {}, localTheme);
     }
   }, {
@@ -150,12 +118,10 @@ var MuiThemeProvider = /*#__PURE__*/function (_React$Component) {
   }]);
   return MuiThemeProvider;
 }(_react.default.Component);
-
 MuiThemeProvider.childContextTypes = (0, _objectSpread2.default)({}, _themeListener.default.contextTypes, {
   muiThemeProviderOptions: _propTypes.default.object
 });
 MuiThemeProvider.contextTypes = (0, _objectSpread2.default)({}, _themeListener.default.contextTypes, {
   muiThemeProviderOptions: _propTypes.default.object
 });
-var _default = MuiThemeProvider;
-exports.default = _default;
+var _default = exports.default = MuiThemeProvider;

package/styles/colorManipulator.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,9 +14,7 @@ exports.getLuminance = getLuminance;
 exports.lighten = lighten;
 exports.recomposeColor = recomposeColor;
 exports.rgbToHex = rgbToHex;
-
 var _warning = _interopRequireDefault(require("warning"));
-
 /* eslint-disable no-use-before-define */
 
 /**
@@ -32,67 +29,58 @@ function clamp(value) {
   var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   var max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
   process.env.NODE_ENV !== "production" ? (0, _warning.default)(value >= min && value <= max, "Material-UI: the value provided ".concat(value, " is out of range [").concat(min, ", ").concat(max, "].")) : void 0;
-
   if (value < min) {
     return min;
   }
-
   if (value > max) {
     return max;
   }
-
   return value;
 }
+
 /**
  * Converts a color from CSS hex format to CSS rgb format.
  *
  * @param {string} color - Hex color, i.e. #nnn or #nnnnnn
  * @returns {string} A CSS rgb color string
  */
-
-
 function convertHexToRGB(color) {
   color = color.substr(1);
   var re = new RegExp(".{1,".concat(color.length / 3, "}"), 'g');
   var colors = color.match(re);
-
   if (colors && colors[0].length === 1) {
     colors = colors.map(function (n) {
       return n + n;
     });
   }
-
   return colors ? "rgb(".concat(colors.map(function (n) {
     return parseInt(n, 16);
   }).join(', '), ")") : '';
 }
+
 /**
  * Converts a color from CSS rgb format to CSS hex format.
  *
  * @param {string} color - RGB color, i.e. rgb(n, n, n)
  * @returns {string} A CSS rgb color string, i.e. #nnnnnn
  */
-
-
 function rgbToHex(color) {
   // Pass hex straight through
   if (color.indexOf('#') === 0) {
     return color;
   }
-
   function intToHex(c) {
     var hex = c.toString(16);
     return hex.length === 1 ? "0".concat(hex) : hex;
   }
-
   var _decomposeColor = decomposeColor(color),
-      values = _decomposeColor.values;
-
+    values = _decomposeColor.values;
   values = values.map(function (n) {
     return intToHex(n);
   });
   return "#".concat(values.join(''));
 }
+
 /**
  * Returns an object with the type and values of a color.
  *
@@ -101,31 +89,27 @@ function rgbToHex(color) {
  * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
  * @returns {object} - A MUI color object: {type: string, values: number[]}
  */
-
-
 function decomposeColor(color) {
   if (color.charAt(0) === '#') {
     return decomposeColor(convertHexToRGB(color));
   }
-
   var marker = color.indexOf('(');
   var type = color.substring(0, marker);
   var values = color.substring(marker + 1, color.length - 1).split(',');
   values = values.map(function (value) {
     return parseFloat(value);
   });
-
   if (process.env.NODE_ENV !== 'production') {
     if (['rgb', 'rgba', 'hsl', 'hsla'].indexOf(type) === -1) {
       throw new Error(["Material-UI: unsupported `".concat(color, "` color."), 'We support the following formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla().'].join('\n'));
     }
   }
-
   return {
     type: type,
     values: values
   };
 }
+
 /**
  * Converts a color object with type and values to a string.
  *
@@ -134,26 +118,22 @@ function decomposeColor(color) {
  * @param {array} color.values - [n,n,n] or [n,n,n,n]
  * @returns {string} A CSS color string
  */
-
-
 function recomposeColor(color) {
   var type = color.type;
   var values = color.values;
-
   if (type.indexOf('rgb') !== -1) {
     // Only convert the first 3 values to int (i.e. not alpha)
     values = values.map(function (n, i) {
       return i < 3 ? parseInt(n, 10) : n;
     });
   }
-
   if (type.indexOf('hsl') !== -1) {
     values[1] = "".concat(values[1], "%");
     values[2] = "".concat(values[2], "%");
   }
-
   return "".concat(color.type, "(").concat(values.join(', '), ")");
 }
+
 /**
  * Calculates the contrast ratio between two colors.
  *
@@ -163,13 +143,12 @@ function recomposeColor(color) {
  * @param {string} background - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
  * @returns {number} A contrast ratio value in the range 0 - 21.
  */
-
-
 function getContrastRatio(foreground, background) {
   var lumA = getLuminance(foreground);
   var lumB = getLuminance(background);
   return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);
 }
+
 /**
  * The relative brightness of any point in a color space,
  * normalized to 0 for darkest black and 1 for lightest white.
@@ -179,24 +158,21 @@ function getContrastRatio(foreground, background) {
  * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
  * @returns {number} The relative brightness of the color in the range 0 - 1
  */
-
-
 function getLuminance(color) {
   var decomposedColor = decomposeColor(color);
-
   if (decomposedColor.type.indexOf('rgb') !== -1) {
     var rgb = decomposedColor.values.map(function (val) {
       val /= 255; // normalized
-
       return val <= 0.03928 ? val / 12.92 : Math.pow((val + 0.055) / 1.055, 2.4);
-    }); // Truncate at 3 digits
-
+    });
+    // Truncate at 3 digits
     return Number((0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2]).toFixed(3));
-  } // else if (decomposedColor.type.indexOf('hsl') !== -1)
-
+  }
 
+  // else if (decomposedColor.type.indexOf('hsl') !== -1)
   return decomposedColor.values[2] / 100;
 }
+
 /**
  * Darken or lighten a colour, depending on its luminance.
  * Light colors are darkened, dark colors are lightened.
@@ -205,12 +181,11 @@ function getLuminance(color) {
  * @param {number} coefficient=0.15 - multiplier in the range 0 - 1
  * @returns {string} A CSS color string. Hex input values are returned as rgb
  */
-
-
 function emphasize(color) {
   var coefficient = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.15;
   return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);
 }
+
 /**
  * Set the absolute transparency of a color.
  * Any existing alpha values are overwritten.
@@ -219,21 +194,18 @@ function emphasize(color) {
  * @param {number} value - value to set the alpha channel to in the range 0 -1
  * @returns {string} A CSS color string. Hex input values are returned as rgb
  */
-
-
 function fade(color, value) {
   process.env.NODE_ENV !== "production" ? (0, _warning.default)(color, "Material-UI: missing color argument in fade(".concat(color, ", ").concat(value, ").")) : void 0;
   if (!color) return color;
   color = decomposeColor(color);
   value = clamp(value);
-
   if (color.type === 'rgb' || color.type === 'hsl') {
     color.type += 'a';
   }
-
   color.values[3] = value;
   return recomposeColor(color);
 }
+
 /**
  * Darkens a color.
  *
@@ -241,14 +213,11 @@ function fade(color, value) {
  * @param {number} coefficient - multiplier in the range 0 - 1
  * @returns {string} A CSS color string. Hex input values are returned as rgb
  */
-
-
 function darken(color, coefficient) {
   process.env.NODE_ENV !== "production" ? (0, _warning.default)(color, "Material-UI: missing color argument in darken(".concat(color, ", ").concat(coefficient, ").")) : void 0;
   if (!color) return color;
   color = decomposeColor(color);
   coefficient = clamp(coefficient);
-
   if (color.type.indexOf('hsl') !== -1) {
     color.values[2] *= 1 - coefficient;
   } else if (color.type.indexOf('rgb') !== -1) {
@@ -256,9 +225,9 @@ function darken(color, coefficient) {
       color.values[i] *= 1 - coefficient;
     }
   }
-
   return recomposeColor(color);
 }
+
 /**
  * Lightens a color.
  *
@@ -266,14 +235,11 @@ function darken(color, coefficient) {
  * @param {number} coefficient - multiplier in the range 0 - 1
  * @returns {string} A CSS color string. Hex input values are returned as rgb
  */
-
-
 function lighten(color, coefficient) {
   process.env.NODE_ENV !== "production" ? (0, _warning.default)(color, "Material-UI: missing color argument in lighten(".concat(color, ", ").concat(coefficient, ").")) : void 0;
   if (!color) return color;
   color = decomposeColor(color);
   coefficient = clamp(coefficient);
-
   if (color.type.indexOf('hsl') !== -1) {
     color.values[2] += (100 - color.values[2]) * coefficient;
   } else if (color.type.indexOf('rgb') !== -1) {
@@ -281,6 +247,5 @@ function lighten(color, coefficient) {
       color.values[i] += (255 - color.values[i]) * coefficient;
     }
   }
-
   return recomposeColor(color);
 }

package/styles/createBreakpoints.js

@@ -1,74 +1,59 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createBreakpoints;
 exports.keys = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 // Sorted ASC by size. That's important.
 // It can't be configured as it's used statically for propTypes.
-var keys = ['xs', 'sm', 'md', 'lg', 'xl']; // Keep in mind that @media is inclusive by the CSS specification.
-
-exports.keys = keys;
+var keys = exports.keys = ['xs', 'sm', 'md', 'lg', 'xl'];
 
+// Keep in mind that @media is inclusive by the CSS specification.
 function createBreakpoints(breakpoints) {
   var _breakpoints$values = breakpoints.values,
-      values = _breakpoints$values === void 0 ? {
-    xs: 0,
-    sm: 600,
-    md: 960,
-    lg: 1280,
-    xl: 1920
-  } : _breakpoints$values,
-      _breakpoints$unit = breakpoints.unit,
-      unit = _breakpoints$unit === void 0 ? 'px' : _breakpoints$unit,
-      _breakpoints$step = breakpoints.step,
-      step = _breakpoints$step === void 0 ? 5 : _breakpoints$step,
-      other = (0, _objectWithoutProperties2.default)(breakpoints, ["values", "unit", "step"]);
-
+    values = _breakpoints$values === void 0 ? {
+      xs: 0,
+      sm: 600,
+      md: 960,
+      lg: 1280,
+      xl: 1920
+    } : _breakpoints$values,
+    _breakpoints$unit = breakpoints.unit,
+    unit = _breakpoints$unit === void 0 ? 'px' : _breakpoints$unit,
+    _breakpoints$step = breakpoints.step,
+    step = _breakpoints$step === void 0 ? 5 : _breakpoints$step,
+    other = (0, _objectWithoutProperties2.default)(breakpoints, ["values", "unit", "step"]);
   function up(key) {
     var value = typeof values[key] === 'number' ? values[key] : key;
     return "@media (min-width:".concat(value).concat(unit, ")");
   }
-
   function down(key) {
     var endIndex = keys.indexOf(key) + 1;
     var upperbound = values[keys[endIndex]];
-
     if (endIndex === keys.length) {
       // xl down applies to all sizes
       return up('xs');
     }
-
     var value = typeof upperbound === 'number' && endIndex > 0 ? upperbound : key;
     return "@media (max-width:".concat(value - step / 100).concat(unit, ")");
   }
-
   function between(start, end) {
     var endIndex = keys.indexOf(end) + 1;
-
     if (endIndex === keys.length) {
       return up(start);
     }
-
     return "@media (min-width:".concat(values[start]).concat(unit, ") and ") + "(max-width:".concat(values[keys[endIndex]] - step / 100).concat(unit, ")");
   }
-
   function only(key) {
     return between(key, key);
   }
-
   function width(key) {
     return values[key];
   }
-
   return (0, _objectSpread2.default)({
     keys: keys,
     values: values,