@mui/material 5.0.2 → 5.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "5.0.2",
+  "version": "5.0.6",
   "private": false,
   "author": "MUI Team",
   "description": "Quickly build beautiful React apps. MUI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.",
@@ -26,7 +26,7 @@
     "url": "https://opencollective.com/material-ui"
   },
   "peerDependencies": {
-    "@emotion/react": "^11.4.1",
+    "@emotion/react": "^11.5.0",
     "@emotion/styled": "^11.3.0",
     "@types/react": "^16.8.6 || ^17.0.0",
     "react": "^17.0.2",
@@ -45,12 +45,11 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.15.4",
-    "@mui/core": "5.0.0-alpha.49",
-    "@mui/system": "^5.0.2",
+    "@mui/core": "5.0.0-alpha.53",
+    "@mui/system": "^5.0.6",
     "@mui/types": "^7.0.0",
     "@mui/utils": "^5.0.1",
-    "@popperjs/core": "^2.4.4",
-    "@types/react-transition-group": "^4.4.3",
+    "@types/react-transition-group": "^4.4.4",
     "clsx": "^1.1.1",
     "csstype": "^3.0.9",
     "hoist-non-react-statics": "^3.3.2",

package/styles/components.d.ts

@@ -128,9 +128,6 @@ export interface Components {
     styleOverrides?: ComponentsOverrides['MuiContainer'];
     variants?: ComponentsVariants['MuiContainer'];
   };
-  /**
-   * @deprecated See CssBaseline.d.ts
-   */
   MuiCssBaseline?: {
     defaultProps?: ComponentsProps['MuiCssBaseline'];
     styleOverrides?: ComponentsOverrides['MuiCssBaseline'];
@@ -431,6 +428,10 @@ export interface Components {
     styleOverrides?: ComponentsOverrides['MuiSpeedDialIcon'];
     variants?: ComponentsVariants['MuiSpeedDialIcon'];
   };
+  MuiStack?: {
+    defaultProps?: ComponentsProps['MuiStack'];
+    variants?: ComponentsVariants['MuiStack'];
+  };
   MuiStep?: {
     defaultProps?: ComponentsProps['MuiStep'];
     styleOverrides?: ComponentsOverrides['MuiStep'];

package/styles/index.d.ts

@@ -36,7 +36,11 @@ export {
   Breakpoints,
   BreakpointsOptions,
   CreateMUIStyled,
+  Interpolation,
+  CSSInterpolation,
   CSSObject,
+  css,
+  keyframes,
   // color manipulators
   hexToRgb,
   rgbToHex,

package/styles/index.js

@@ -1,5 +1,5 @@
 export { default as adaptV4Theme } from './adaptV4Theme';
-export { hexToRgb, rgbToHex, hslToRgb, decomposeColor, recomposeColor, getContrastRatio, getLuminance, emphasize, alpha, darken, lighten } from '@mui/system';
+export { hexToRgb, rgbToHex, hslToRgb, decomposeColor, recomposeColor, getContrastRatio, getLuminance, emphasize, alpha, darken, lighten, css, keyframes } from '@mui/system';
 export { default as createTheme, createMuiTheme } from './createTheme';
 export { default as unstable_createMuiStrictModeTheme } from './createMuiStrictModeTheme';
 export { default as createStyles } from './createStyles';

package/styles/props.d.ts

@@ -86,6 +86,7 @@ import { SnackbarProps } from '../Snackbar';
 import { SpeedDialProps } from '../SpeedDial';
 import { SpeedDialActionProps } from '../SpeedDialAction';
 import { SpeedDialIconProps } from '../SpeedDialIcon';
+import { StackProps } from '../Stack';
 import { StepButtonProps } from '../StepButton';
 import { StepConnectorProps } from '../StepConnector';
 import { StepContentProps } from '../StepContent';
@@ -207,6 +208,7 @@ export interface ComponentsPropsList {
   MuiSpeedDial: SpeedDialProps;
   MuiSpeedDialAction: SpeedDialActionProps;
   MuiSpeedDialIcon: SpeedDialIconProps;
+  MuiStack: StackProps;
   MuiStep: StepProps;
   MuiStepButton: StepButtonProps;
   MuiStepConnector: StepConnectorProps;

package/styles/styled.d.ts

@@ -1,6 +1,10 @@
 import { CreateMUIStyled } from '@mui/system';
 import { Theme } from './createTheme';
 
+export function rootShouldForwardProp(prop: string): boolean;
+
+export function slotShouldForwardProp(prop: string): boolean;
+
 /**
  * Custom styled utility that has a default MUI theme.
  * @param tag HTML tag or component that should serve as base.

package/transitions/index.d.ts

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

package/transitions/transition.d.ts

@@ -1,14 +1,14 @@
-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>> {
-    style?: React.CSSProperties;
-}
+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>> {
+    style?: React.CSSProperties;
+}

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 {};