@mui/material 5.10.14 → 5.10.16

package/styles/getOverlayAlpha.d.ts

@@ -0,0 +1,2 @@
+declare const getOverlayAlpha: (elevation: number) => string;
+export default getOverlayAlpha;

package/styles/getOverlayAlpha.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+// Inspired by https://github.com/material-components/material-components-ios/blob/bca36107405594d5b7b16265a5b0ed698f85a5ee/components/Elevation/src/UIColor%2BMaterialElevation.m#L61
+const getOverlayAlpha = elevation => {
+  let alphaValue;
+  if (elevation < 1) {
+    alphaValue = 5.11916 * elevation ** 2;
+  } else {
+    alphaValue = 4.5 * Math.log(elevation + 1) + 2;
+  }
+  return (alphaValue / 100).toFixed(2);
+};
+var _default = getOverlayAlpha;
+exports.default = _default;

package/styles/index.d.ts

@@ -128,4 +128,10 @@ export type {
   ThemeVars,
   ThemeCssVar,
   ThemeCssVarOverrides,
+  ColorSystemOptions,
 } from './experimental_extendTheme';
+export { default as getOverlayAlpha } from './getOverlayAlpha';
+
+// Private methods for creating parts of the theme
+export { default as private_createTypography } from './createTypography';
+export { default as private_excludeVariablesFromRoot } from './excludeVariablesFromRoot';

package/styles/index.js

@@ -38,7 +38,10 @@ var _exportNames = {
   makeStyles: true,
   withStyles: true,
   withTheme: true,
-  experimental_extendTheme: true
+  experimental_extendTheme: true,
+  getOverlayAlpha: true,
+  private_createTypography: true,
+  private_excludeVariablesFromRoot: true
 };
 Object.defineProperty(exports, "StyledEngineProvider", {
   enumerable: true,
@@ -148,6 +151,12 @@ Object.defineProperty(exports, "getLuminance", {
     return _system.getLuminance;
   }
 });
+Object.defineProperty(exports, "getOverlayAlpha", {
+  enumerable: true,
+  get: function () {
+    return _getOverlayAlpha.default;
+  }
+});
 Object.defineProperty(exports, "hexToRgb", {
   enumerable: true,
   get: function () {
@@ -178,6 +187,18 @@ Object.defineProperty(exports, "makeStyles", {
     return _makeStyles.default;
   }
 });
+Object.defineProperty(exports, "private_createTypography", {
+  enumerable: true,
+  get: function () {
+    return _createTypography.default;
+  }
+});
+Object.defineProperty(exports, "private_excludeVariablesFromRoot", {
+  enumerable: true,
+  get: function () {
+    return _excludeVariablesFromRoot.default;
+  }
+});
 Object.defineProperty(exports, "recomposeColor", {
   enumerable: true,
   get: function () {
@@ -272,5 +293,8 @@ Object.keys(_CssVarsProvider).forEach(function (key) {
   });
 });
 var _experimental_extendTheme = _interopRequireDefault(require("./experimental_extendTheme"));
+var _getOverlayAlpha = _interopRequireDefault(require("./getOverlayAlpha"));
+var _createTypography = _interopRequireDefault(require("./createTypography"));
+var _excludeVariablesFromRoot = _interopRequireDefault(require("./excludeVariablesFromRoot"));
 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; }

package/styles/responsiveFontSizes.d.ts

@@ -1,12 +1,12 @@
 import { Breakpoint } from '@mui/system';
+import { Typography } from './createTypography';
 import { Theme } from './createTheme';
-import { Variant } from './createTypography';
 
 export interface ResponsiveFontSizesOptions {
   breakpoints?: Breakpoint[];
   disableAlign?: boolean;
   factor?: number;
-  variants?: Variant[];
+  variants?: Array<keyof Typography>;
 }
 
 export default function responsiveFontSizes(

package/transitions/transition.d.ts

@@ -1,13 +1,13 @@
 import { TransitionProps as _TransitionProps, TransitionActions } from 'react-transition-group/Transition';
 import * as React from 'react';
-export declare type TransitionHandlerKeys = 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited';
-export declare type TransitionHandlerProps = Pick<_TransitionProps, TransitionHandlerKeys>;
+export type TransitionHandlerKeys = 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited';
+export type TransitionHandlerProps = Pick<_TransitionProps, TransitionHandlerKeys>;
 export interface EasingProps {
     easing: string | {
         enter?: string;
         exit?: string;
     };
 }
-export declare type TransitionKeys = 'in' | 'mountOnEnter' | 'unmountOnExit' | 'timeout' | 'easing' | 'addEndListener' | TransitionHandlerKeys;
+export type TransitionKeys = 'in' | 'mountOnEnter' | 'unmountOnExit' | 'timeout' | 'easing' | 'addEndListener' | TransitionHandlerKeys;
 export interface TransitionProps extends TransitionActions, Partial<Pick<_TransitionProps & EasingProps, TransitionKeys>>, React.HTMLAttributes<HTMLElement> {
 }