@mui/material 5.10.13 → 5.10.15

package/styles/responsiveFontSizes.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = responsiveFontSizes;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _utils = require("@mui/utils");
-
 var _cssUtils = require("./cssUtils");
-
 function responsiveFontSizes(themeInput, options = {}) {
   const {
     breakpoints = ['sm', 'md', 'lg'],
@@ -22,37 +17,32 @@ function responsiveFontSizes(themeInput, options = {}) {
   } = options;
   const theme = (0, _extends2.default)({}, themeInput);
   theme.typography = (0, _extends2.default)({}, theme.typography);
-  const typography = theme.typography; // Convert between CSS lengths e.g. em->px or px->rem
-  // Set the baseFontSize for your project. Defaults to 16px (also the browser default).
+  const typography = theme.typography;
 
+  // Convert between CSS lengths e.g. em->px or px->rem
+  // Set the baseFontSize for your project. Defaults to 16px (also the browser default).
   const convert = (0, _cssUtils.convertLength)(typography.htmlFontSize);
   const breakpointValues = breakpoints.map(x => theme.breakpoints.values[x]);
   variants.forEach(variant => {
     const style = typography[variant];
     const remFontSize = parseFloat(convert(style.fontSize, 'rem'));
-
     if (remFontSize <= 1) {
       return;
     }
-
     const maxFontSize = remFontSize;
     const minFontSize = 1 + (maxFontSize - 1) / factor;
     let {
       lineHeight
     } = style;
-
     if (!(0, _cssUtils.isUnitless)(lineHeight) && !disableAlign) {
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported non-unitless line height with grid alignment.
 Use unitless line heights instead.` : (0, _utils.formatMuiErrorMessage)(6));
     }
-
     if (!(0, _cssUtils.isUnitless)(lineHeight)) {
       // make it unitless
       lineHeight = parseFloat(convert(lineHeight, 'rem')) / parseFloat(remFontSize);
     }
-
     let transform = null;
-
     if (!disableAlign) {
       transform = value => (0, _cssUtils.alignProperty)({
         size: value,
@@ -63,7 +53,6 @@ Use unitless line heights instead.` : (0, _utils.formatMuiErrorMessage)(6));
         })
       });
     }
-
     typography[variant] = (0, _extends2.default)({}, style, (0, _cssUtils.responsiveProperty)({
       cssProperty: 'fontSize',
       min: minFontSize,

package/styles/shadows.js

@@ -7,12 +7,11 @@ exports.default = void 0;
 const shadowKeyUmbraOpacity = 0.2;
 const shadowKeyPenumbraOpacity = 0.14;
 const shadowAmbientShadowOpacity = 0.12;
-
 function createShadow(...px) {
   return [`${px[0]}px ${px[1]}px ${px[2]}px ${px[3]}px rgba(0,0,0,${shadowKeyUmbraOpacity})`, `${px[4]}px ${px[5]}px ${px[6]}px ${px[7]}px rgba(0,0,0,${shadowKeyPenumbraOpacity})`, `${px[8]}px ${px[9]}px ${px[10]}px ${px[11]}px rgba(0,0,0,${shadowAmbientShadowOpacity})`].join(',');
-} // Values from https://github.com/material-components/material-components-web/blob/be8747f94574669cb5e7add1a7c54fa41a89cec7/packages/mdc-elevation/_variables.scss
-
+}
 
+// Values from https://github.com/material-components/material-components-web/blob/be8747f94574669cb5e7add1a7c54fa41a89cec7/packages/mdc-elevation/_variables.scss
 const shadows = ['none', createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), createShadow(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), createShadow(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
 var _default = shadows;
 exports.default = _default;

package/styles/styled.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.slotShouldForwardProp = exports.rootShouldForwardProp = exports.default = void 0;
-
 var _system = require("@mui/system");
-
 var _defaultTheme = _interopRequireDefault(require("./defaultTheme"));
-
 const rootShouldForwardProp = prop => (0, _system.shouldForwardProp)(prop) && prop !== 'classes';
-
 exports.rootShouldForwardProp = rootShouldForwardProp;
 const slotShouldForwardProp = _system.shouldForwardProp;
 exports.slotShouldForwardProp = slotShouldForwardProp;

package/styles/useTheme.js

@@ -1,29 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useTheme;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _system = require("@mui/system");
-
 var _defaultTheme = _interopRequireDefault(require("./defaultTheme"));
-
 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; }
-
 function useTheme() {
   const theme = (0, _system.useTheme)(_defaultTheme.default);
-
   if (process.env.NODE_ENV !== 'production') {
     // eslint-disable-next-line react-hooks/rules-of-hooks
     React.useDebugValue(theme);
   }
-
   return theme;
 }

package/styles/useThemeProps.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useThemeProps;
-
 var _system = require("@mui/system");
-
 var _defaultTheme = _interopRequireDefault(require("./defaultTheme"));
-
 function useThemeProps({
   props,
   name

package/styles/withStyles.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = withStyles;
-
 var _utils = require("@mui/utils");
-
 function withStyles() {
   throw new Error(process.env.NODE_ENV !== "production" ? `MUI: withStyles is no longer exported from @mui/material/styles.
 You have to import it from @mui/styles.

package/styles/withTheme.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = withTheme;
-
 var _utils = require("@mui/utils");
-
 function withTheme() {
   throw new Error(process.env.NODE_ENV !== "production" ? `MUI: withTheme is no longer exported from @mui/material/styles.
 You have to import it from @mui/styles.

package/themeCssVarsAugmentation/index.d.ts

@@ -1,6 +1,7 @@
 import type {
   CssVarsTheme,
   CssVarsPalette,
+  PaletteBackgroundChannel,
   PaletteCommonChannel,
   PaletteColorChannel,
   PaletteTextChannel,
@@ -18,6 +19,7 @@ declare module '@mui/material/styles' {
   // Extend the type that will be used in palette
   interface CommonColors extends PaletteCommonChannel {}
   interface PaletteColor extends PaletteColorChannel {}
+  interface TypeBackground extends PaletteBackgroundChannel {}
   interface TypeText extends PaletteTextChannel {}
   interface TypeAction extends PaletteActionChannel {}
 

package/transitions/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _transition = require("./transition");
-
 Object.keys(_transition).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _transition[key]) return;

package/transitions/utils.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getTransitionProps = getTransitionProps;
 exports.reflow = void 0;
-
 const reflow = node => node.scrollTop;
-
 exports.reflow = reflow;
-
 function getTransitionProps(props, options) {
   var _style$transitionDura, _style$transitionTimi;
-
   const {
     timeout,
     easing,