@mui/material 7.3.3 → 7.3.5

package/esm/Tabs/Tabs.js

@@ -638,11 +638,6 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
     }
     return undefined;
   }, [scrollable, scrollButtons, updateScrollObserver, childrenProp?.length]);
-  React.useEffect(() => {
-    if (scrollable && scrollButtons === 'auto' && (displayEndScroll || displayStartScroll)) {
-      scrollSelectedIntoView(true);
-    }
-  }, [displayEndScroll, displayStartScroll, scrollable, scrollButtons, scrollSelectedIntoView]);
   React.useEffect(() => {
     setMounted(true);
   }, []);

package/esm/ToggleButtonGroup/toggleButtonGroupClasses.d.ts

@@ -12,11 +12,11 @@ export interface ToggleButtonGroupClasses {
   /** Styles applied to the children. */
   grouped: string;
   /** Styles applied to the children if `orientation="horizontal"`.
-   *  @deprecated Combine the [.MuiToggleButtonGroup-horizontal](/material-ui/api/toggle-button-group/#toggle-button-group-classes-horizontal) and [.MuiToggleButtonGroup-grouped](/material-ui/api/toggle-button-group/#toggle-button-group-classes-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   *  @deprecated Combine the [.MuiToggleButtonGroup-horizontal](/material-ui/api/toggle-button-group/#toggle-button-group-classes-MuiToggleButtonGroup-horizontal) and [.MuiToggleButtonGroup-grouped](/material-ui/api/toggle-button-group/#toggle-button-group-classes-MuiToggleButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   groupedHorizontal: string;
   /** Styles applied to the children if `orientation="vertical"`.
-   * @deprecated Combine the [.MuiToggleButtonGroup-vertical](/material-ui/api/toggle-button-group/#toggle-button-group-classes-vertical) and [.MuiToggleButtonGroup-grouped](/material-ui/api/toggle-button-group/#toggle-button-group-classes-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Combine the [.MuiToggleButtonGroup-vertical](/material-ui/api/toggle-button-group/#toggle-button-group-classes-MuiToggleButtonGroup-vertical) and [.MuiToggleButtonGroup-grouped](/material-ui/api/toggle-button-group/#toggle-button-group-classes-MuiToggleButtonGroup-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   groupedVertical: string;
   /** Styles applied to the root element if `fullWidth={true}`. */

package/esm/Zoom/Zoom.d.ts

@@ -34,7 +34,7 @@ export interface ZoomProps extends TransitionProps {
 
 /**
  * The Zoom transition can be used for the floating variant of the
- * [Button](https://mui.com/material-ui/react-button/#floating-action-buttons) component.
+ * [Button](https://mui.com/material-ui/react-floating-action-button/#animation) component.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  *
  * Demos:

package/esm/Zoom/Zoom.js

@@ -20,7 +20,7 @@ const styles = {
 
 /**
  * The Zoom transition can be used for the floating variant of the
- * [Button](/material-ui/react-button/#floating-action-buttons) component.
+ * [Button](/material-ui/react-floating-action-button/#animation) component.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  */
 const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v7.3.3
+ * @mui/material v7.3.5
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/esm/internal/svg-icons/Add.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import { createSvgIcon } from "../../utils/index.js";
 
 /**

package/esm/internal/svg-icons/ArrowDownward.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**

package/esm/internal/svg-icons/ArrowDropDown.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**

package/esm/internal/svg-icons/Cancel.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**

package/esm/internal/svg-icons/CheckBox.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**

package/esm/internal/svg-icons/CheckBoxOutlineBlank.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**

package/esm/internal/svg-icons/CheckCircle.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**

package/esm/internal/svg-icons/Close.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**

package/esm/internal/svg-icons/ErrorOutline.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**

package/esm/internal/svg-icons/FirstPage.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**

package/esm/internal/svg-icons/IndeterminateCheckBox.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**

package/esm/internal/svg-icons/InfoOutlined.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**

package/esm/internal/svg-icons/KeyboardArrowLeft.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**

package/esm/internal/svg-icons/KeyboardArrowRight.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**

package/esm/internal/svg-icons/LastPage.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**

package/esm/internal/svg-icons/MoreHoriz.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**

package/esm/internal/svg-icons/NavigateBefore.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**

package/esm/internal/svg-icons/NavigateNext.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**

package/esm/internal/svg-icons/Person.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**

package/esm/internal/svg-icons/RadioButtonChecked.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**

package/esm/internal/svg-icons/RadioButtonUnchecked.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**

package/esm/internal/svg-icons/ReportProblemOutlined.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**

package/esm/internal/svg-icons/Star.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**

package/esm/internal/svg-icons/StarBorder.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**

package/esm/internal/svg-icons/SuccessOutlined.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**

package/esm/internal/svg-icons/Warning.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import createSvgIcon from "../../utils/createSvgIcon.js";
 
 /**

package/esm/locale/caES.js

@@ -1,28 +1,31 @@
 export const caES = {
   components: {
-    // MuiBreadcrumbs: {
-    //   defaultProps: {
-    //    expandText: 'Show path',
-    //   },
-    // },
+    MuiBreadcrumbs: {
+      defaultProps: {
+        expandText: 'Mostra el camí'
+      }
+    },
     MuiTablePagination: {
       defaultProps: {
-        // getItemAriaLabel: (type) => {
-        //   if (type === 'first') {
-        //     return 'Go to first page';
-        //   }
-        //   if (type === 'last') {
-        //     return 'Go to last page';
-        //   }
-        //   if (type === 'next') {
-        //     return 'Go to next page';
-        //   }
-        //   // if (type === 'previous') {
-        //   return 'Go to previous page';
-        // },
-        labelRowsPerPage: 'Files per pàgina:'
-        // labelDisplayedRows: ({ from, to, count }) =>
-        //   `${from}–${to} de ${count !== -1 ? count : `more than ${to}`}`,
+        getItemAriaLabel: type => {
+          if (type === 'first') {
+            return 'Ves a la primera pàgina';
+          }
+          if (type === 'last') {
+            return "Ves a l'última pàgina";
+          }
+          if (type === 'next') {
+            return 'Ves a la pàgina següent';
+          }
+          // if (type === 'previous') {
+          return 'Ves a la pàgina anterior';
+        },
+        labelRowsPerPage: 'Files per pàgina:',
+        labelDisplayedRows: ({
+          from,
+          to,
+          count
+        }) => `${from}–${to} de ${count !== -1 ? count : `més de ${to}`}`
       }
     },
     MuiRating: {
@@ -44,27 +47,27 @@ export const caES = {
       defaultProps: {
         closeText: 'Tancat'
       }
+    },
+    MuiPagination: {
+      defaultProps: {
+        'aria-label': 'Navegació entre pàgines',
+        getItemAriaLabel: (type, page, selected) => {
+          if (type === 'page') {
+            return `${selected ? '' : 'Ves a la '}pàgina ${page}`;
+          }
+          if (type === 'first') {
+            return 'Ves a la primera pàgina';
+          }
+          if (type === 'last') {
+            return "Ves a l'última pàgina";
+          }
+          if (type === 'next') {
+            return 'Ves a la pàgina següent';
+          }
+          // if (type === 'previous') {
+          return 'Ves a la pàgina anterior';
+        }
+      }
     }
-    // MuiPagination: {
-    //   defaultProps: {
-    //     'aria-label': 'Pagination navigation',
-    //     getItemAriaLabel: (type, page, selected) => {
-    //       if (type === 'page') {
-    //         return `${selected ? '' : 'Go to '}page ${page}`;
-    //       }
-    //       if (type === 'first') {
-    //         return 'Go to first page';
-    //       }
-    //       if (type === 'last') {
-    //         return 'Go to last page';
-    //       }
-    //       if (type === 'next') {
-    //         return 'Go to next page';
-    //       }
-    //       // if (type === 'previous') {
-    //       return 'Go to previous page';
-    //     },
-    //   },
-    // },
   }
 };

package/esm/styles/ThemeProvider.d.ts

@@ -72,5 +72,5 @@ export interface ThemeProviderProps<Theme = DefaultTheme> extends ThemeProviderC
 export default function ThemeProvider<Theme = DefaultTheme>({
   theme,
   ...props
-}: ThemeProviderProps<Theme>): React.JSX.Element;
+}: ThemeProviderProps<Theme>): import("react/jsx-runtime").JSX.Element;
 export {};

package/esm/styles/ThemeProviderWithVars.d.ts

@@ -1,7 +1,6 @@
-import * as React from 'react';
 import { SupportedColorScheme } from "./createThemeWithVars.js";
 declare const useColorScheme: () => import("@mui/system").ColorSchemeContextValue<SupportedColorScheme>, deprecatedGetInitColorSchemeScript: typeof import("@mui/system/InitColorSchemeScript").default;
-declare function Experimental_CssVarsProvider(props: any): React.JSX.Element;
+declare function Experimental_CssVarsProvider(props: any): import("react/jsx-runtime").JSX.Element;
 declare const getInitColorSchemeScript: typeof deprecatedGetInitColorSchemeScript;
 /**
  * TODO: remove this export in v7
@@ -26,7 +25,7 @@ declare const getInitColorSchemeScript: typeof deprecatedGetInitColorSchemeScrip
  *
  * To see the full documentation, check out https://mui.com/material-ui/customization/css-theme-variables/usage/.
  */
-export declare const CssVarsProvider: (props: React.PropsWithChildren<Partial<import("@mui/system").CssVarsProviderConfig<SupportedColorScheme>> & {
+export declare const CssVarsProvider: (props: import("react").PropsWithChildren<Partial<import("@mui/system").CssVarsProviderConfig<SupportedColorScheme>> & {
   theme?: {
     cssVariables?: false;
     cssVarPrefix?: string;

package/esm/styles/ThemeProviderWithVars.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import styleFunctionSx from '@mui/system/styleFunctionSx';
 import { unstable_createCssVarsProvider as createCssVarsProvider } from '@mui/system';
 import createTheme from "./createTheme.js";

package/esm/styles/createTheme.d.ts

@@ -1,14 +1,22 @@
+import { PaletteOptions } from "./createPalette.js";
+import { ColorSystemOptions } from "./createThemeFoundation.js";
 import { CssVarsThemeOptions } from "./createThemeWithVars.js";
-import { Theme, ThemeOptions } from "./createThemeNoVars.js";
-export type { ThemeOptions, Theme, CssThemeVariables } from "./createThemeNoVars.js";
+import { Theme, CssThemeVariables } from "./createThemeNoVars.js";
+export type { Theme, CssThemeVariables } from "./createThemeNoVars.js";
+type CssVarsOptions = CssThemeVariables extends {
+  enabled: true;
+} ? ColorSystemOptions : {};
+type CssVarsConfigList = 'colorSchemeSelector' | 'rootSelector' | 'disableCssColorScheme' | 'cssVarPrefix' | 'shouldSkipGeneratingVar' | 'nativeColor';
+export interface ThemeOptions extends CssVarsOptions, Omit<CssVarsThemeOptions, CssVarsConfigList> {
+  cssVariables?: boolean | Pick<CssVarsThemeOptions, CssVarsConfigList>;
+  palette?: PaletteOptions;
+}
 /**
  * Generate a theme base on the options received.
  * @param options Takes an incomplete theme object and adds the missing parts.
  * @param args Deep merge the arguments with the about to be returned theme.
  * @returns A complete, ready-to-use theme object.
  */
-export default function createTheme(options?: Omit<ThemeOptions, 'components'> & Pick<CssVarsThemeOptions, 'defaultColorScheme' | 'colorSchemes' | 'components'> & {
-  cssVariables?: boolean | Pick<CssVarsThemeOptions, 'colorSchemeSelector' | 'rootSelector' | 'disableCssColorScheme' | 'cssVarPrefix' | 'shouldSkipGeneratingVar' | 'nativeColor'>;
-},
+export default function createTheme(options?: ThemeOptions,
 // cast type to skip module augmentation test
 ...args: object[]): Theme;