@mui/material 7.0.0-rc.0 → 7.0.1

package/modern/Tooltip/Tooltip.js

@@ -733,7 +733,7 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes /* remove-proptypes */
   /**
    * The components used for each slot inside.
    *
-   * @deprecated use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -747,7 +747,7 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes /* remove-proptypes */
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
    *
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -844,12 +844,12 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes /* remove-proptypes */
   placement: PropTypes.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
   /**
    * The component used for the popper.
-   * @deprecated use the `slots.popper` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated use the `slots.popper` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   PopperComponent: PropTypes.elementType,
   /**
    * Props applied to the [`Popper`](https://mui.com/material-ui/api/popper/) element.
-   * @deprecated use the `slotProps.popper` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated use the `slotProps.popper` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    * @default {}
    */
   PopperProps: PropTypes.object,
@@ -884,13 +884,13 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes /* remove-proptypes */
   /**
    * The component used for the transition.
    * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @deprecated use the `slots.transition` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated use the `slots.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   TransitionComponent: PropTypes.elementType,
   /**
    * Props applied to the transition element.
    * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
-   * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    * @default {}
    */
   TransitionProps: PropTypes.object

package/modern/Typography/Typography.d.ts

@@ -43,7 +43,7 @@ export interface TypographyOwnProps extends Omit<SystemProps<Theme>, 'color'> {
   /**
    * If `true`, the element will be a paragraph element.
    * @default false
-   * @deprecated Use the `component` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use the `component` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   paragraph?: boolean;
   /**
@@ -85,12 +85,12 @@ export interface TypographyTypeMap<AdditionalProps = {}, RootComponent extends R
  *
  * Demos:
  *
- * - [Breadcrumbs](https://next.mui.com/material-ui/react-breadcrumbs/)
- * - [Typography](https://next.mui.com/material-ui/react-typography/)
+ * - [Breadcrumbs](https://mui.com/material-ui/react-breadcrumbs/)
+ * - [Typography](https://mui.com/material-ui/react-typography/)
  *
  * API:
  *
- * - [Typography API](https://next.mui.com/material-ui/api/typography/)
+ * - [Typography API](https://mui.com/material-ui/api/typography/)
  */
 declare const Typography: OverridableComponent<TypographyTypeMap>;
 export type TypographyProps<RootComponent extends React.ElementType = TypographyTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TypographyTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/modern/Typography/Typography.js

@@ -228,7 +228,7 @@ process.env.NODE_ENV !== "production" ? Typography.propTypes /* remove-proptypes
   /**
    * If `true`, the element will be a paragraph element.
    * @default false
-   * @deprecated Use the `component` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use the `component` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   paragraph: PropTypes.bool,
   /**

package/modern/Zoom/Zoom.d.ts

@@ -34,16 +34,16 @@ export interface ZoomProps extends TransitionProps {
 
 /**
  * The Zoom transition can be used for the floating variant of the
- * [Button](https://next.mui.com/material-ui/react-button/#floating-action-buttons) component.
+ * [Button](https://mui.com/material-ui/react-button/#floating-action-buttons) component.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  *
  * Demos:
  *
- * - [Transitions](https://next.mui.com/material-ui/transitions/)
+ * - [Transitions](https://mui.com/material-ui/transitions/)
  *
  * API:
  *
- * - [Zoom API](https://next.mui.com/material-ui/api/zoom/)
+ * - [Zoom API](https://mui.com/material-ui/api/zoom/)
  * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
  */
 export default function Zoom(props: ZoomProps): React.JSX.Element;

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v7.0.0-rc.0
+ * @mui/material v7.0.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/internal/SwitchBase.d.ts

@@ -70,12 +70,12 @@ export interface SwitchBaseProps extends StandardProps<ButtonBaseProps, 'childre
   id?: string;
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
-   * @deprecated Use `slotProps.input` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
   /**
    * Pass a ref to the `input` element.
-   * @deprecated Use `slotProps.input.ref` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use `slotProps.input.ref` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   inputRef?: React.Ref<any>;
   /**

package/modern/styles/createTypography.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as CSS from 'csstype';
+import { CSSProperties } from "./createMixins.js";
 import { Palette } from "./createPalette.js";
 export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'button' | 'overline';
 export interface FontStyle {
@@ -11,28 +11,6 @@ export interface FontStyle {
   fontWeightBold: React.CSSProperties['fontWeight'];
   htmlFontSize: number;
 }
-export type NormalCssProperties = CSS.Properties<number | string>;
-export type Fontface = CSS.AtRule.FontFace & {
-  fallbacks?: CSS.AtRule.FontFace[];
-};
-
-/**
- * Allows the user to augment the properties available
- */
-export interface BaseCSSProperties extends NormalCssProperties {
-  '@font-face'?: Fontface | Fontface[];
-}
-export interface CSSProperties extends BaseCSSProperties {
-  // Allow pseudo selectors and media queries
-  // `unknown` is used since TS does not allow assigning an interface without
-  // an index signature to one with an index signature. This is to allow type safe
-  // module augmentation.
-  // Technically we want any key not typed in `BaseCSSProperties` to be of type
-  // `CSSProperties` but this doesn't work. The index signature needs to cover
-  // BaseCSSProperties as well. Usually you would use `BaseCSSProperties[keyof BaseCSSProperties]`
-  // but this would not allow assigning React.CSSProperties to CSSProperties
-  [k: string]: unknown | CSSProperties;
-}
 export interface FontStyleOptions extends Partial<FontStyle> {
   allVariants?: React.CSSProperties;
 }

package/modern/styles/cssUtils.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from "./createTypography.js";
+import { CSSProperties } from "./createMixins.js";
 export function isUnitless(value: string): boolean;
 export function getUnit(input: string): string;
 export function toUnitless(value: string): number;

package/modern/styles/index.d.ts

@@ -9,7 +9,7 @@ export { default as createStyles } from "./createStyles.js";
 export { TypographyVariants, TypographyVariantsOptions, TypographyStyle, TypographyVariant } from "./createTypography.js";
 export { default as responsiveFontSizes } from "./responsiveFontSizes.js";
 export { Duration, Easing, Transitions, TransitionsOptions, duration, easing } from "./createTransitions.js";
-export { Mixins } from "./createMixins.js";
+export { Mixins, CSSProperties, MixinsOptions } from "./createMixins.js";
 export { Direction, Breakpoint, BreakpointOverrides, Breakpoints, BreakpointsOptions, CreateMUIStyled, Interpolation, CSSInterpolation, CSSObject, css, keyframes,
 // color manipulators
 hexToRgb, rgbToHex, hslToRgb, decomposeColor, recomposeColor, getContrastRatio, getLuminance, emphasize, alpha, darken, lighten, ColorFormat, ColorObject, StyledEngineProvider, SxProps } from '@mui/system';
@@ -21,7 +21,7 @@ export { default as useTheme } from "./useTheme.js";
 export { default as useThemeProps } from "./useThemeProps.js";
 export * from "./useThemeProps.js";
 export { default as styled } from "./styled.js";
-export { default as ThemeProvider } from "./ThemeProvider.js";
+export { default as ThemeProvider, ThemeProviderProps } from "./ThemeProvider.js";
 export { ComponentsProps, ComponentsPropsList } from "./props.js";
 export { ComponentsVariants } from "./variants.js";
 export { ComponentsOverrides, ComponentNameToClassKey } from "./overrides.js";

package/modern/useAutocomplete/useAutocomplete.d.ts

@@ -223,7 +223,7 @@ export interface UseAutocompleteProps<Value, Multiple extends boolean | undefine
    *
    * @param {React.SyntheticEvent} event The event source of the callback.
    * @param {Value} option The highlighted option.
-   * @param {string} reason Can be: `"keyboard"`, `"auto"`, `"mouse"`, `"touch"`.
+   * @param {string} reason Can be: `"keyboard"`, `"mouse"`, `"touch"`.
    */
   onHighlightChange?: (event: React.SyntheticEvent, option: Value | null, reason: AutocompleteHighlightChangeReason) => void;
   /**
@@ -274,7 +274,7 @@ export interface UseAutocompleteProps<Value, Multiple extends boolean | undefine
   value?: AutocompleteValue<Value, Multiple, DisableClearable, FreeSolo>;
 }
 export interface UseAutocompleteParameters<Value, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> extends UseAutocompleteProps<Value, Multiple, DisableClearable, FreeSolo> {}
-export type AutocompleteHighlightChangeReason = 'keyboard' | 'mouse' | 'auto' | 'touch';
+export type AutocompleteHighlightChangeReason = 'keyboard' | 'mouse' | 'touch';
 export type AutocompleteChangeReason = 'createOption' | 'selectOption' | 'removeOption' | 'clear' | 'blur';
 export interface AutocompleteChangeDetails<Value = string> {
   option: Value;

package/modern/useAutocomplete/useAutocomplete.js

@@ -238,7 +238,7 @@ function useAutocomplete(props) {
   const setHighlightedIndex = useEventCallback(({
     event,
     index,
-    reason = 'auto'
+    reason
   }) => {
     highlightedIndexRef.current = index;
 
@@ -248,7 +248,7 @@ function useAutocomplete(props) {
     } else {
       inputRef.current.setAttribute('aria-activedescendant', `${id}-option-${index}`);
     }
-    if (onHighlightChange) {
+    if (onHighlightChange && ['mouse', 'keyboard', 'touch'].includes(reason)) {
       onHighlightChange(event, index === -1 ? null : filteredOptions[index], reason);
     }
     if (!listboxRef.current) {
@@ -301,7 +301,7 @@ function useAutocomplete(props) {
     event,
     diff,
     direction = 'next',
-    reason = 'auto'
+    reason
   }) => {
     if (!popupOpen) {
       return;

package/modern/version/index.js

@@ -1,6 +1,6 @@
-export const version = "7.0.0-rc.0";
+export const version = "7.0.1";
 export const major = Number("7");
 export const minor = Number("0");
-export const patch = Number("0");
-export const prerelease = "rc.0";
+export const patch = Number("1");
+export const prerelease = undefined;
 export default version;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "7.0.0-rc.0",
+  "version": "7.0.1",
   "private": false,
   "author": "MUI Team",
   "description": "Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.",
@@ -35,10 +35,10 @@
     "prop-types": "^15.8.1",
     "react-is": "^19.0.0",
     "react-transition-group": "^4.4.5",
-    "@mui/core-downloads-tracker": "^7.0.0-rc.0",
-    "@mui/system": "7.0.0-rc.0",
-    "@mui/types": "^7.3.1",
-    "@mui/utils": "7.0.0-rc.0"
+    "@mui/core-downloads-tracker": "^7.0.1",
+    "@mui/types": "^7.4.0",
+    "@mui/system": "^7.0.1",
+    "@mui/utils": "^7.0.1"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",
@@ -46,7 +46,7 @@
     "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@mui/material-pigment-css": "7.0.0-rc.0"
+    "@mui/material-pigment-css": "^7.0.1"
   },
   "peerDependenciesMeta": {
     "@types/react": {

package/styles/createTypography.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as CSS from 'csstype';
+import { CSSProperties } from "./createMixins.js";
 import { Palette } from "./createPalette.js";
 export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'button' | 'overline';
 export interface FontStyle {
@@ -11,28 +11,6 @@ export interface FontStyle {
   fontWeightBold: React.CSSProperties['fontWeight'];
   htmlFontSize: number;
 }
-export type NormalCssProperties = CSS.Properties<number | string>;
-export type Fontface = CSS.AtRule.FontFace & {
-  fallbacks?: CSS.AtRule.FontFace[];
-};
-
-/**
- * Allows the user to augment the properties available
- */
-export interface BaseCSSProperties extends NormalCssProperties {
-  '@font-face'?: Fontface | Fontface[];
-}
-export interface CSSProperties extends BaseCSSProperties {
-  // Allow pseudo selectors and media queries
-  // `unknown` is used since TS does not allow assigning an interface without
-  // an index signature to one with an index signature. This is to allow type safe
-  // module augmentation.
-  // Technically we want any key not typed in `BaseCSSProperties` to be of type
-  // `CSSProperties` but this doesn't work. The index signature needs to cover
-  // BaseCSSProperties as well. Usually you would use `BaseCSSProperties[keyof BaseCSSProperties]`
-  // but this would not allow assigning React.CSSProperties to CSSProperties
-  [k: string]: unknown | CSSProperties;
-}
 export interface FontStyleOptions extends Partial<FontStyle> {
   allVariants?: React.CSSProperties;
 }

package/styles/cssUtils.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from "./createTypography.js";
+import { CSSProperties } from "./createMixins.js";
 export function isUnitless(value: string): boolean;
 export function getUnit(input: string): string;
 export function toUnitless(value: string): number;

package/styles/index.d.ts

@@ -9,7 +9,7 @@ export { default as createStyles } from "./createStyles.js";
 export { TypographyVariants, TypographyVariantsOptions, TypographyStyle, TypographyVariant } from "./createTypography.js";
 export { default as responsiveFontSizes } from "./responsiveFontSizes.js";
 export { Duration, Easing, Transitions, TransitionsOptions, duration, easing } from "./createTransitions.js";
-export { Mixins } from "./createMixins.js";
+export { Mixins, CSSProperties, MixinsOptions } from "./createMixins.js";
 export { Direction, Breakpoint, BreakpointOverrides, Breakpoints, BreakpointsOptions, CreateMUIStyled, Interpolation, CSSInterpolation, CSSObject, css, keyframes,
 // color manipulators
 hexToRgb, rgbToHex, hslToRgb, decomposeColor, recomposeColor, getContrastRatio, getLuminance, emphasize, alpha, darken, lighten, ColorFormat, ColorObject, StyledEngineProvider, SxProps } from '@mui/system';
@@ -21,7 +21,7 @@ export { default as useTheme } from "./useTheme.js";
 export { default as useThemeProps } from "./useThemeProps.js";
 export * from "./useThemeProps.js";
 export { default as styled } from "./styled.js";
-export { default as ThemeProvider } from "./ThemeProvider.js";
+export { default as ThemeProvider, ThemeProviderProps } from "./ThemeProvider.js";
 export { ComponentsProps, ComponentsPropsList } from "./props.js";
 export { ComponentsVariants } from "./variants.js";
 export { ComponentsOverrides, ComponentNameToClassKey } from "./overrides.js";