@mui/system 5.12.1 → 5.13.1

package/GlobalStyles/GlobalStyles.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-import { Interpolation } from '@mui/styled-engine';
-import { Theme as SystemTheme } from '../createTheme';
-export interface GlobalStylesProps<Theme = SystemTheme> {
-    styles: Interpolation<Theme>;
-    defaultTheme?: object;
-    themeId?: string;
-}
-declare function GlobalStyles<Theme = SystemTheme>({ styles, themeId, defaultTheme, }: GlobalStylesProps<Theme>): JSX.Element;
-declare namespace GlobalStyles {
-    var propTypes: any;
-}
-export default GlobalStyles;
+/// <reference types="react" />
+import { Interpolation } from '@mui/styled-engine';
+import { Theme as SystemTheme } from '../createTheme';
+export interface GlobalStylesProps<Theme = SystemTheme> {
+    styles: Interpolation<Theme>;
+    defaultTheme?: object;
+    themeId?: string;
+}
+declare function GlobalStyles<Theme = SystemTheme>({ styles, themeId, defaultTheme, }: GlobalStylesProps<Theme>): JSX.Element;
+declare namespace GlobalStyles {
+    var propTypes: any;
+}
+export default GlobalStyles;

package/GlobalStyles/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './GlobalStyles';
-export * from './GlobalStyles';
+export { default } from './GlobalStyles';
+export * from './GlobalStyles';

package/Stack/Stack.d.ts

@@ -1,14 +1,14 @@
-/**
- *
- * Demos:
- *
- * - [Stack (Joy UI)](https://mui.com/joy/react-stack/)
- * - [Stack (Material UI)](https://mui.com/material-ui/react-stack/)
- * - [Stack (MUI System)](https://mui.com/system/react-stack/)
- *
- * API:
- *
- * - [Stack API](https://mui.com/system/api/stack/)
- */
-declare const Stack: import("@mui/types").OverridableComponent<import("./StackProps").StackTypeMap<{}, "div">>;
-export default Stack;
+/**
+ *
+ * Demos:
+ *
+ * - [Stack (Joy UI)](https://mui.com/joy-ui/react-stack/)
+ * - [Stack (Material UI)](https://mui.com/material-ui/react-stack/)
+ * - [Stack (MUI System)](https://mui.com/system/react-stack/)
+ *
+ * API:
+ *
+ * - [Stack API](https://mui.com/system/api/stack/)
+ */
+declare const Stack: import("@mui/types").OverridableComponent<import("./StackProps").StackTypeMap<{}, "div">>;
+export default Stack;

package/Stack/Stack.js

@@ -11,7 +11,7 @@ var _createStack = _interopRequireDefault(require("./createStack"));
  *
  * Demos:
  *
- * - [Stack (Joy UI)](https://mui.com/joy/react-stack/)
+ * - [Stack (Joy UI)](https://mui.com/joy-ui/react-stack/)
  * - [Stack (Material UI)](https://mui.com/material-ui/react-stack/)
  * - [Stack (MUI System)](https://mui.com/system/react-stack/)
  *

package/Stack/StackProps.d.ts

@@ -1,53 +1,53 @@
-import * as React from 'react';
-import { OverrideProps } from '@mui/types';
-import { ResponsiveStyleValue, SxProps } from '../styleFunctionSx';
-import { SystemProps } from '../Box';
-import { Theme } from '../createTheme';
-export interface StackBaseProps {
-    /**
-     * The content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Defines the `flex-direction` style property.
-     * It is applied for all screen sizes.
-     * @default 'column'
-     */
-    direction?: ResponsiveStyleValue<'row' | 'row-reverse' | 'column' | 'column-reverse'>;
-    /**
-     * Defines the space between immediate children.
-     * @default 0
-     */
-    spacing?: ResponsiveStyleValue<number | string>;
-    /**
-     * Add an element between each child.
-     */
-    divider?: React.ReactNode;
-    /**
-     * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
-     *
-     * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),
-     * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
-     *
-     * To enable this flag globally, follow the theme's default props configuration.
-     * @default false
-     */
-    useFlexGap?: boolean;
-}
-export interface StackTypeMap<P = {}, D extends React.ElementType = 'div'> {
-    props: P & StackBaseProps & {
-        /**
-         * The system prop, which allows defining system overrides as well as additional CSS styles.
-         */
-        sx?: SxProps<Theme>;
-    } & SystemProps<Theme>;
-    defaultComponent: D;
-}
-export type StackProps<D extends React.ElementType = StackTypeMap['defaultComponent'], P = {
-    component?: React.ElementType;
-}> = OverrideProps<StackTypeMap<P, D>, D>;
-export interface StackOwnerState {
-    direction: StackProps['direction'];
-    spacing: StackProps['spacing'];
-    useFlexGap: boolean;
-}
+import * as React from 'react';
+import { OverrideProps } from '@mui/types';
+import { ResponsiveStyleValue, SxProps } from '../styleFunctionSx';
+import { SystemProps } from '../Box';
+import { Theme } from '../createTheme';
+export interface StackBaseProps {
+    /**
+     * The content of the component.
+     */
+    children?: React.ReactNode;
+    /**
+     * Defines the `flex-direction` style property.
+     * It is applied for all screen sizes.
+     * @default 'column'
+     */
+    direction?: ResponsiveStyleValue<'row' | 'row-reverse' | 'column' | 'column-reverse'>;
+    /**
+     * Defines the space between immediate children.
+     * @default 0
+     */
+    spacing?: ResponsiveStyleValue<number | string>;
+    /**
+     * Add an element between each child.
+     */
+    divider?: React.ReactNode;
+    /**
+     * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
+     *
+     * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),
+     * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
+     *
+     * To enable this flag globally, follow the theme's default props configuration.
+     * @default false
+     */
+    useFlexGap?: boolean;
+}
+export interface StackTypeMap<P = {}, D extends React.ElementType = 'div'> {
+    props: P & StackBaseProps & {
+        /**
+         * The system prop, which allows defining system overrides as well as additional CSS styles.
+         */
+        sx?: SxProps<Theme>;
+    } & SystemProps<Theme>;
+    defaultComponent: D;
+}
+export type StackProps<D extends React.ElementType = StackTypeMap['defaultComponent'], P = {
+    component?: React.ElementType;
+}> = OverrideProps<StackTypeMap<P, D>, D>;
+export interface StackOwnerState {
+    direction: StackProps['direction'];
+    spacing: StackProps['spacing'];
+    useFlexGap: boolean;
+}

package/Stack/createStack.d.ts

@@ -1,21 +1,21 @@
-import * as React from 'react';
-import { OverridableComponent } from '@mui/types';
-import { StackTypeMap, StackOwnerState } from './StackProps';
-import { Breakpoints } from '../createTheme/createBreakpoints';
-import { Spacing } from '../createTheme/createSpacing';
-interface StyleFunctionProps {
-    theme: {
-        breakpoints: Breakpoints;
-        spacing: Spacing;
-    };
-    ownerState: StackOwnerState;
-}
-declare const defaultCreateStyledComponent: import("@mui/styled-engine").CreateStyledComponent<import("../createStyled").MUIStyledCommonProps<any>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}, any>;
-declare function useThemePropsDefault<T extends {}>(props: T): T & {};
-export declare const style: ({ ownerState, theme }: StyleFunctionProps) => any;
-export default function createStack(options?: {
-    createStyledComponent?: typeof defaultCreateStyledComponent;
-    useThemeProps?: typeof useThemePropsDefault;
-    componentName?: string;
-}): OverridableComponent<StackTypeMap<{}, "div">>;
-export {};
+import * as React from 'react';
+import { OverridableComponent } from '@mui/types';
+import { StackTypeMap, StackOwnerState } from './StackProps';
+import { Breakpoints } from '../createTheme/createBreakpoints';
+import { Spacing } from '../createTheme/createSpacing';
+interface StyleFunctionProps {
+    theme: {
+        breakpoints: Breakpoints;
+        spacing: Spacing;
+    };
+    ownerState: StackOwnerState;
+}
+declare const defaultCreateStyledComponent: import("@mui/styled-engine").CreateStyledComponent<import("../createStyled").MUIStyledCommonProps<any>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}, any>;
+declare function useThemePropsDefault<T extends {}>(props: T): T & {};
+export declare const style: ({ ownerState, theme }: StyleFunctionProps) => any;
+export default function createStack(options?: {
+    createStyledComponent?: typeof defaultCreateStyledComponent;
+    useThemeProps?: typeof useThemePropsDefault;
+    componentName?: string;
+}): OverridableComponent<StackTypeMap<{}, "div">>;
+export {};

package/Stack/createStack.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = createStack;
 exports.style = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -19,7 +17,6 @@ var _createTheme = _interopRequireDefault(require("../createTheme"));
 var _breakpoints = require("../breakpoints");
 var _spacing = require("../spacing");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"];
 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; }
 const defaultTheme = (0, _createTheme.default)();
@@ -68,17 +65,18 @@ const style = ({
   ownerState,
   theme
 }) => {
-  let styles = (0, _extends2.default)({
+  let styles = {
     display: 'flex',
-    flexDirection: 'column'
-  }, (0, _breakpoints.handleBreakpoints)({
-    theme
-  }, (0, _breakpoints.resolveBreakpointValues)({
-    values: ownerState.direction,
-    breakpoints: theme.breakpoints.values
-  }), propValue => ({
-    flexDirection: propValue
-  })));
+    flexDirection: 'column',
+    ...(0, _breakpoints.handleBreakpoints)({
+      theme
+    }, (0, _breakpoints.resolveBreakpointValues)({
+      values: ownerState.direction,
+      breakpoints: theme.breakpoints.values
+    }), propValue => ({
+      flexDirection: propValue
+    }))
+  };
   if (ownerState.spacing) {
     const transformer = (0, _spacing.createUnarySpacing)(theme);
     const base = Object.keys(theme.breakpoints.values).reduce((acc, breakpoint) => {
@@ -143,29 +141,29 @@ function createStack(options = {}) {
     const themeProps = useThemeProps(inProps);
     const props = (0, _styleFunctionSx.extendSxProp)(themeProps); // `color` type conflicts with html color attribute.
     const {
-        component = 'div',
-        direction = 'column',
-        spacing = 0,
-        divider,
-        children,
-        className,
-        useFlexGap = false
-      } = props,
-      other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      component = 'div',
+      direction = 'column',
+      spacing = 0,
+      divider,
+      children,
+      className,
+      useFlexGap = false,
+      ...other
+    } = props;
     const ownerState = {
       direction,
       spacing,
       useFlexGap
     };
     const classes = useUtilityClasses();
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(StackRoot, (0, _extends2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(StackRoot, {
       as: component,
       ownerState: ownerState,
       ref: ref,
-      className: (0, _clsx.default)(classes.root, className)
-    }, other, {
+      className: (0, _clsx.default)(classes.root, className),
+      ...other,
       children: divider ? joinChildren(children, divider) : children
-    }));
+    });
   });
   process.env.NODE_ENV !== "production" ? Stack.propTypes /* remove-proptypes */ = {
     children: _propTypes.default.node,

package/Stack/index.d.ts

@@ -1,5 +1,5 @@
-export { default } from './Stack';
-export { default as createStack } from './createStack';
-export * from './StackProps';
-export { default as stackClasses } from './stackClasses';
-export * from './stackClasses';
+export { default } from './Stack';
+export { default as createStack } from './createStack';
+export * from './StackProps';
+export { default as stackClasses } from './stackClasses';
+export * from './stackClasses';

package/Stack/stackClasses.d.ts

@@ -1,8 +1,8 @@
-export interface StackClasses {
-    /** Styles applied to the root element. */
-    root: string;
-}
-export type StackClassKey = keyof StackClasses;
-export declare function getStackUtilityClass(slot: string): string;
-declare const stackClasses: StackClasses;
-export default stackClasses;
+export interface StackClasses {
+    /** Styles applied to the root element. */
+    root: string;
+}
+export type StackClassKey = keyof StackClasses;
+export declare function getStackUtilityClass(slot: string): string;
+declare const stackClasses: StackClasses;
+export default stackClasses;

package/ThemeProvider/ThemeProvider.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _privateTheming = require("@mui/private-theming");
@@ -21,9 +20,10 @@ function useThemeScoping(themeId, upperTheme, localTheme, isPrivate = false) {
     const resolvedTheme = themeId ? upperTheme[themeId] || upperTheme : upperTheme;
     if (typeof localTheme === 'function') {
       const mergedTheme = localTheme(resolvedTheme);
-      const result = themeId ? (0, _extends2.default)({}, upperTheme, {
+      const result = themeId ? {
+        ...upperTheme,
         [themeId]: mergedTheme
-      }) : mergedTheme;
+      } : mergedTheme;
       // must return a function for the private theme to NOT merge with the upper theme.
       // see the test case "use provided theme from a callback" in ThemeProvider.test.js
       if (isPrivate) {
@@ -31,9 +31,13 @@ function useThemeScoping(themeId, upperTheme, localTheme, isPrivate = false) {
       }
       return result;
     }
-    return themeId ? (0, _extends2.default)({}, upperTheme, {
+    return themeId ? {
+      ...upperTheme,
       [themeId]: localTheme
-    }) : (0, _extends2.default)({}, upperTheme, localTheme);
+    } : {
+      ...upperTheme,
+      ...localTheme
+    };
   }, [themeId, upperTheme, localTheme, isPrivate]);
 }
 

package/Unstable_Grid/Grid.d.ts

@@ -1,12 +1,12 @@
-/**
- *
- * Demos:
- *
- * - [Grid (Material UI)](https://mui.com/material-ui/react-grid/)
- *
- * API:
- *
- * - [Grid API](https://mui.com/system/api/grid/)
- */
-declare const Grid: import("@mui/types").OverridableComponent<import("./GridProps").GridTypeMap<{}, "div">>;
-export default Grid;
+/**
+ *
+ * Demos:
+ *
+ * - [Grid (Material UI)](https://mui.com/material-ui/react-grid/)
+ *
+ * API:
+ *
+ * - [Grid API](https://mui.com/system/api/grid/)
+ */
+declare const Grid: import("@mui/types").OverridableComponent<import("./GridProps").GridTypeMap<{}, "div">>;
+export default Grid;