@mui/material 5.1.1 → 5.2.3

package/node/Tooltip/Tooltip.js

@@ -830,7 +830,7 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * Tooltip title. Zero-length titles string are never displayed.
@@ -848,7 +848,7 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes
 
   /**
    * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition) component.
+   * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
    */
   TransitionProps: _propTypes.default.object
 } : void 0;

package/node/Typography/Typography.js

@@ -203,7 +203,7 @@ process.env.NODE_ENV !== "production" ? Typography.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * Applies the theme typography styles.

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.1.1
+/** @license MUI v5.2.3
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/node/locale/index.js

@@ -3,7 +3,88 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.zhTW = exports.zhHK = exports.zhCN = exports.viVN = exports.ukUA = exports.trTR = exports.thTH = exports.svSE = exports.skSK = exports.siLK = exports.ruRU = exports.roRO = exports.ptPT = exports.ptBR = exports.plPL = exports.nlNL = exports.kzKZ = exports.koKR = exports.khKH = exports.jaJP = exports.itIT = exports.isIS = exports.idID = exports.hyAM = exports.huHU = exports.hiIN = exports.heIL = exports.frFR = exports.fiFI = exports.faIR = exports.etEE = exports.esES = exports.enUS = exports.elGR = exports.deDE = exports.csCZ = exports.caES = exports.bnBD = exports.bgBG = exports.azAZ = exports.arSD = exports.arEG = void 0;
+exports.zhTW = exports.zhHK = exports.zhCN = exports.viVN = exports.ukUA = exports.trTR = exports.thTH = exports.svSE = exports.skSK = exports.siLK = exports.ruRU = exports.roRO = exports.ptPT = exports.ptBR = exports.plPL = exports.nlNL = exports.kzKZ = exports.koKR = exports.khKH = exports.jaJP = exports.itIT = exports.isIS = exports.idID = exports.hyAM = exports.huHU = exports.hiIN = exports.heIL = exports.frFR = exports.fiFI = exports.faIR = exports.etEE = exports.esES = exports.enUS = exports.elGR = exports.deDE = exports.csCZ = exports.caES = exports.bnBD = exports.bgBG = exports.azAZ = exports.arSD = exports.arEG = exports.amET = void 0;
+const amET = {
+  components: {
+    MuiBreadcrumbs: {
+      defaultProps: {
+        expandText: 'መንገድ አሳይ'
+      }
+    },
+    MuiTablePagination: {
+      defaultProps: {
+        getItemAriaLabel: type => {
+          if (type === 'first') {
+            return 'ወደ መጀመሪያው ገጽ ይሂዱ';
+          }
+
+          if (type === 'last') {
+            return 'ወደ መጨረሻው ገጽ ይሂዱ';
+          }
+
+          if (type === 'next') {
+            return 'ወደ ቀጣዩ ገጽ ይሂዱ';
+          } // if (type === 'previous') {
+
+
+          return 'ወደ ቀዳሚው ገጽ ይሂዱ';
+        },
+        labelRowsPerPage: 'ረድፎች በአንድ ገጽ:',
+        labelDisplayedRows: ({
+          from,
+          to,
+          count
+        }) => `${from}-${to} ከ ${count !== -1 ? count : `${to} በላይ`}`
+      }
+    },
+    MuiRating: {
+      defaultProps: {
+        getLabelText: value => `${value} ኮከ${value !== 1 ? 'ቦች' : 'ብ'}`,
+        emptyLabelText: 'ባዶ'
+      }
+    },
+    MuiAutocomplete: {
+      defaultProps: {
+        clearText: 'አጽዳ',
+        closeText: 'ዝጋ',
+        loadingText: 'በመጫን ላይ…',
+        noOptionsText: 'አማራጮች የሉም',
+        openText: 'ክፈት'
+      }
+    },
+    MuiAlert: {
+      defaultProps: {
+        closeText: 'ዝጋ'
+      }
+    },
+    MuiPagination: {
+      defaultProps: {
+        'aria-label': 'የገጽ አሰሳ',
+        getItemAriaLabel: (type, page, selected) => {
+          if (type === 'page') {
+            return `${selected ? '' : 'ወደ '}ገጽ ${page}${selected ? '' : ' ሂድ'}`;
+          }
+
+          if (type === 'first') {
+            return 'ወደ መጀመሪያው ገጽ ይሂዱ';
+          }
+
+          if (type === 'last') {
+            return 'ወደ መጨረሻው ገጽ ይሂዱ';
+          }
+
+          if (type === 'next') {
+            return 'ወደ ቀጣዩ ገጽ ይሂዱ';
+          } // if (type === 'previous') {
+
+
+          return 'ወደ ቀዳሚው ገጽ ይሂዱ';
+        }
+      }
+    }
+  }
+};
+exports.amET = amET;
 const arEG = {
   components: {
     MuiBreadcrumbs: {

package/node/styles/adaptV4Theme.js

@@ -43,7 +43,7 @@ function adaptV4Theme(inputTheme) {
     const componentValue = theme.components[component] || {};
     componentValue.defaultProps = props[component];
     theme.components[component] = componentValue;
-  }); // css overrides
+  }); // CSS overrides
 
   Object.keys(styleOverrides).forEach(component => {
     const componentValue = theme.components[component] || {};

package/node/styles/index.js

@@ -89,6 +89,12 @@ Object.defineProperty(exports, "experimentalStyled", {
     return _styled.default;
   }
 });
+Object.defineProperty(exports, "experimental_sx", {
+  enumerable: true,
+  get: function () {
+    return _system.experimental_sx;
+  }
+});
 Object.defineProperty(exports, "getContrastRatio", {
   enumerable: true,
   get: function () {

package/node/styles/responsiveFontSizes.js

@@ -22,7 +22,7 @@ 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
+  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);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "5.1.1",
+  "version": "5.2.3",
   "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.",
@@ -24,7 +24,7 @@
   "homepage": "https://mui.com/",
   "funding": {
     "type": "opencollective",
-    "url": "https://opencollective.com/material-ui"
+    "url": "https://opencollective.com/mui"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",
@@ -46,13 +46,13 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.16.3",
-    "@mui/base": "5.0.0-alpha.55",
-    "@mui/system": "^5.1.1",
+    "@mui/base": "5.0.0-alpha.59",
+    "@mui/system": "^5.2.3",
     "@mui/types": "^7.1.0",
-    "@mui/utils": "^5.1.1",
+    "@mui/utils": "^5.2.3",
     "@types/react-transition-group": "^4.4.4",
     "clsx": "^1.1.1",
-    "csstype": "^3.0.9",
+    "csstype": "^3.0.10",
     "hoist-non-react-statics": "^3.3.2",
     "prop-types": "^15.7.2",
     "react-is": "^17.0.2",

package/styles/adaptV4Theme.js

@@ -32,7 +32,7 @@ export default function adaptV4Theme(inputTheme) {
     const componentValue = theme.components[component] || {};
     componentValue.defaultProps = props[component];
     theme.components[component] = componentValue;
-  }); // css overrides
+  }); // CSS overrides
 
   Object.keys(styleOverrides).forEach(component => {
     const componentValue = theme.components[component] || {};

package/styles/cssUtils.d.ts

@@ -0,0 +1,32 @@
+import { CSSProperties } from './createTypography';
+
+export function isUnitless(value: string): boolean;
+
+export function getUnit(input: string): string;
+
+export function toUnitless(value: string): number;
+
+export function convertLength(baseFontSize: string): (length: string, toUnit: string) => string;
+
+export interface AlignPropertyParams {
+  size: number;
+  grid: number;
+}
+export function alignProperty(params: AlignPropertyParams): number;
+
+export interface FontGridParams {
+  lineHeight: number;
+  pixels: number;
+  htmlFontSize: number;
+}
+export function fontGrid(params: FontGridParams): number;
+
+export interface ResponsivePropertyParams {
+  cssProperty: string;
+  min: number;
+  max: number;
+  unit?: string;
+  breakpoints?: number[];
+  transform?: (value: number) => number;
+}
+export function responsiveProperty(params: ResponsivePropertyParams): CSSProperties;

package/styles/index.d.ts

@@ -55,6 +55,9 @@ export {
   lighten,
   ColorFormat,
   ColorObject,
+  StyledEngineProvider,
+  SxProps,
+  experimental_sx,
 } from '@mui/system';
 export { default as useTheme } from './useTheme';
 export { default as useThemeProps } from './useThemeProps';
@@ -69,7 +72,7 @@ export { ComponentsProps, ComponentsPropsList } from './props';
 export { ComponentsVariants } from './variants';
 export { ComponentsOverrides, ComponentNameToClassKey } from './overrides';
 export { Components } from './components';
-export { StyledEngineProvider } from '@mui/system';
+export { getUnit as unstable_getUnit, toUnitless as unstable_toUnitless } from './cssUtils';
 
 export type ClassNameMap<ClassKey extends string = string> = Record<ClassKey, string>;
 

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, css, keyframes } from '@mui/system';
+export { hexToRgb, rgbToHex, hslToRgb, decomposeColor, recomposeColor, getContrastRatio, getLuminance, emphasize, alpha, darken, lighten, css, keyframes, experimental_sx } 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/responsiveFontSizes.js

@@ -12,7 +12,7 @@ export default function responsiveFontSizes(themeInput, options = {}) {
   const theme = _extends({}, themeInput);
 
   theme.typography = _extends({}, theme.typography);
-  const typography = theme.typography; // Convert between css lengths e.g. em->px or px->rem
+  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 = convertLength(typography.htmlFontSize);

package/styles/variants.d.ts

@@ -1,9 +1,10 @@
-import { CSSInterpolation } from '@mui/system';
+import { Interpolation } from '@mui/system';
+import { Theme } from './createTheme';
 import { ComponentsPropsList } from './props';
 
 export type ComponentsVariants = {
   [Name in keyof ComponentsPropsList]?: Array<{
     props: Partial<ComponentsPropsList[Name]>;
-    style: CSSInterpolation;
+    style: Interpolation<{ theme: Theme }>;
   }>;
 };

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