@mui/material 5.10.14 → 5.10.15

package/styles/experimental_extendTheme.d.ts

@@ -34,6 +34,8 @@ export type SupportedColorScheme = DefaultColorScheme | ExtendedColorScheme;
 export interface Opacity {
   inputPlaceholder: number;
   inputUnderline: number;
+  switchTrackDisabled: number;
+  switchTrack: number;
 }
 
 export type Overlays = [
@@ -238,6 +240,7 @@ export interface CssVarsPalette {
   success: PaletteColorChannel;
   warning: PaletteColorChannel;
   text: PaletteTextChannel;
+  background: PaletteBackgroundChannel;
   dividerChannel: string;
   action: PaletteActionChannel;
   Alert: PaletteAlert;
@@ -388,6 +391,16 @@ export interface CssVarsTheme extends ColorSystem {
   vars: ThemeVars;
   getCssVar: (field: ThemeCssVar, ...vars: ThemeCssVar[]) => string;
   getColorSchemeSelector: (colorScheme: SupportedColorScheme) => string;
+
+  // Default theme tokens
+  spacing: Theme['spacing'];
+  breakpints: Theme['breakpoints'];
+  shape: Theme['shape'];
+  typography: Theme['typography'];
+  transitions: Theme['transitions'];
+  shadows: Theme['shadows'];
+  mixins: Theme['mixins'];
+  zIndex: Theme['zIndex'];
 }
 
 /**

package/styles/experimental_extendTheme.js

@@ -11,14 +11,14 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _utils = require("@mui/utils");
 var _system = require("@mui/system");
 var _createTheme = _interopRequireDefault(require("./createTheme"));
-var _Paper = require("../Paper/Paper");
+var _getOverlayAlpha = _interopRequireDefault(require("./getOverlayAlpha"));
 const _excluded = ["colorSchemes", "cssVarPrefix"],
   _excluded2 = ["palette"];
 const defaultDarkOverlays = [...Array(25)].map((_, index) => {
   if (index === 0) {
     return undefined;
   }
-  const overlay = (0, _Paper.getOverlayAlpha)(index);
+  const overlay = (0, _getOverlayAlpha.default)(index);
   return `linear-gradient(rgba(255 255 255 / ${overlay}), rgba(255 255 255 / ${overlay}))`;
 });
 function assignNode(obj, keys) {

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/transitions/index.d.ts

@@ -1 +1 @@
-export * from './transition';
+export * from './transition';

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 interface EasingProps {
-    easing: string | {
-        enter?: string;
-        exit?: string;
-    };
-}
-export declare type TransitionKeys = 'in' | 'mountOnEnter' | 'unmountOnExit' | 'timeout' | 'easing' | 'addEndListener' | TransitionHandlerKeys;
-export interface TransitionProps extends TransitionActions, Partial<Pick<_TransitionProps & EasingProps, TransitionKeys>>, React.HTMLAttributes<HTMLElement> {
-}
+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 interface EasingProps {
+    easing: string | {
+        enter?: string;
+        exit?: string;
+    };
+}
+export declare type TransitionKeys = 'in' | 'mountOnEnter' | 'unmountOnExit' | 'timeout' | 'easing' | 'addEndListener' | TransitionHandlerKeys;
+export interface TransitionProps extends TransitionActions, Partial<Pick<_TransitionProps & EasingProps, TransitionKeys>>, React.HTMLAttributes<HTMLElement> {
+}

package/transitions/utils.d.ts

@@ -1,23 +1,23 @@
-import * as React from 'react';
-export declare const reflow: (node: Element) => number;
-interface ComponentProps {
-    easing: string | {
-        enter?: string;
-        exit?: string;
-    } | undefined;
-    style: React.CSSProperties | undefined;
-    timeout: number | {
-        enter?: number;
-        exit?: number;
-    };
-}
-interface Options {
-    mode: 'enter' | 'exit';
-}
-interface TransitionProps {
-    duration: string | number;
-    easing: string | undefined;
-    delay: string | undefined;
-}
-export declare function getTransitionProps(props: ComponentProps, options: Options): TransitionProps;
-export {};
+import * as React from 'react';
+export declare const reflow: (node: Element) => number;
+interface ComponentProps {
+    easing: string | {
+        enter?: string;
+        exit?: string;
+    } | undefined;
+    style: React.CSSProperties | undefined;
+    timeout: number | {
+        enter?: number;
+        exit?: number;
+    };
+}
+interface Options {
+    mode: 'enter' | 'exit';
+}
+interface TransitionProps {
+    duration: string | number;
+    easing: string | undefined;
+    delay: string | undefined;
+}
+export declare function getTransitionProps(props: ComponentProps, options: Options): TransitionProps;
+export {};