@mui/material 5.0.5 → 5.2.0

package/Switch/switchClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getSwitchUtilityClass(slot) {
   return generateUtilityClass('MuiSwitch', slot);
 }

package/Tab/Tab.js

@@ -4,7 +4,7 @@ const _excluded = ["className", "disabled", "disableFocusRipple", "fullWidth", "
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import ButtonBase from '../ButtonBase';
 import capitalize from '../utils/capitalize';
 import useThemeProps from '../styles/useThemeProps';
@@ -270,7 +270,7 @@ process.env.NODE_ENV !== "production" ? Tab.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
 
   /**
    * You can provide your own value. Otherwise, we fallback to the child position index.

package/Tab/tabClasses.d.ts

@@ -1,26 +1,26 @@
-export interface TabClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if both `icon` and `label` are provided. */
-    labelIcon: string;
-    /** Styles applied to the root element if the parent [`Tabs`](/api/tabs/) has `textColor="inherit"`. */
-    textColorInherit: string;
-    /** Styles applied to the root element if the parent [`Tabs`](/api/tabs/) has `textColor="primary"`. */
-    textColorPrimary: string;
-    /** Styles applied to the root element if the parent [`Tabs`](/api/tabs/) has `textColor="secondary"`. */
-    textColorSecondary: string;
-    /** State class applied to the root element if `selected={true}` (controlled by the Tabs component). */
-    selected: string;
-    /** State class applied to the root element if `disabled={true}` (controlled by the Tabs component). */
-    disabled: string;
-    /** Styles applied to the root element if `fullWidth={true}` (controlled by the Tabs component). */
-    fullWidth: string;
-    /** Styles applied to the root element if `wrapped={true}`. */
-    wrapped: string;
-    /** Styles applied to the wrapper element of `icon` if `icon` is provided. */
-    iconWrapper: string;
-}
-export declare type TabClassKey = keyof TabClasses;
-export declare function getTabUtilityClass(slot: string): string;
-declare const tabClasses: TabClasses;
-export default tabClasses;
+export interface TabClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if both `icon` and `label` are provided. */
+    labelIcon: string;
+    /** Styles applied to the root element if the parent [`Tabs`](/api/tabs/) has `textColor="inherit"`. */
+    textColorInherit: string;
+    /** Styles applied to the root element if the parent [`Tabs`](/api/tabs/) has `textColor="primary"`. */
+    textColorPrimary: string;
+    /** Styles applied to the root element if the parent [`Tabs`](/api/tabs/) has `textColor="secondary"`. */
+    textColorSecondary: string;
+    /** State class applied to the root element if `selected={true}` (controlled by the Tabs component). */
+    selected: string;
+    /** State class applied to the root element if `disabled={true}` (controlled by the Tabs component). */
+    disabled: string;
+    /** Styles applied to the root element if `fullWidth={true}` (controlled by the Tabs component). */
+    fullWidth: string;
+    /** Styles applied to the root element if `wrapped={true}`. */
+    wrapped: string;
+    /** Styles applied to the wrapper element of `icon` if `icon` is provided. */
+    iconWrapper: string;
+}
+export declare type TabClassKey = keyof TabClasses;
+export declare function getTabUtilityClass(slot: string): string;
+declare const tabClasses: TabClasses;
+export default tabClasses;

package/Tab/tabClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTabUtilityClass(slot) {
   return generateUtilityClass('MuiTab', slot);
 }

package/TabScrollButton/TabScrollButton.js

@@ -9,7 +9,7 @@ const _excluded = ["className", "direction", "orientation", "disabled"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import KeyboardArrowLeft from '../internal/svg-icons/KeyboardArrowLeft';
 import KeyboardArrowRight from '../internal/svg-icons/KeyboardArrowRight';
 import ButtonBase from '../ButtonBase';
@@ -132,6 +132,6 @@ process.env.NODE_ENV !== "production" ? TabScrollButton.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default TabScrollButton;

package/TabScrollButton/tabScrollButtonClasses.d.ts

@@ -1,12 +1,12 @@
-export interface TabScrollButtonClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `orientation="vertical"`. */
-    vertical: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-}
-export declare type TabScrollButtonClassKey = keyof TabScrollButtonClasses;
-export declare function getTabScrollButtonUtilityClass(slot: string): string;
-declare const tabScrollButtonClasses: TabScrollButtonClasses;
-export default tabScrollButtonClasses;
+export interface TabScrollButtonClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `orientation="vertical"`. */
+    vertical: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+}
+export declare type TabScrollButtonClassKey = keyof TabScrollButtonClasses;
+export declare function getTabScrollButtonUtilityClass(slot: string): string;
+declare const tabScrollButtonClasses: TabScrollButtonClasses;
+export default tabScrollButtonClasses;

package/TabScrollButton/tabScrollButtonClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTabScrollButtonUtilityClass(slot) {
   return generateUtilityClass('MuiTabScrollButton', slot);
 }

package/Table/Table.js

@@ -4,7 +4,7 @@ const _excluded = ["className", "component", "padding", "size", "stickyHeader"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import TableContext from './TableContext';
 import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';
@@ -142,6 +142,6 @@ process.env.NODE_ENV !== "production" ? Table.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default Table;

package/Table/tableClasses.d.ts

@@ -1,10 +1,10 @@
-export interface TableClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `stickyHeader={true}`. */
-    stickyHeader: string;
-}
-export declare type TableClassKey = keyof TableClasses;
-export declare function getTableUtilityClass(slot: string): string;
-declare const tableClasses: TableClasses;
-export default tableClasses;
+export interface TableClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `stickyHeader={true}`. */
+    stickyHeader: string;
+}
+export declare type TableClassKey = keyof TableClasses;
+export declare function getTableUtilityClass(slot: string): string;
+declare const tableClasses: TableClasses;
+export default tableClasses;

package/Table/tableClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTableUtilityClass(slot) {
   return generateUtilityClass('MuiTable', slot);
 }

package/TableBody/TableBody.js

@@ -4,7 +4,7 @@ const _excluded = ["className", "component"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import Tablelvl2Context from '../Table/Tablelvl2Context';
 import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';
@@ -92,6 +92,6 @@ process.env.NODE_ENV !== "production" ? TableBody.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default TableBody;

package/TableBody/tableBodyClasses.d.ts

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

package/TableBody/tableBodyClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTableBodyUtilityClass(slot) {
   return generateUtilityClass('MuiTableBody', slot);
 }

package/TableCell/TableCell.js

@@ -4,7 +4,7 @@ const _excluded = ["align", "className", "component", "padding", "scope", "size"
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { darken, alpha, lighten } from '@mui/system';
 import capitalize from '../utils/capitalize';
 import TableContext from '../Table/TableContext';
@@ -222,7 +222,7 @@ process.env.NODE_ENV !== "production" ? TableCell.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
 
   /**
    * Specify the cell type.

package/TableCell/tableCellClasses.d.ts

@@ -1,32 +1,32 @@
-export interface TableCellClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `variant="head"` or `context.table.head`. */
-    head: string;
-    /** Styles applied to the root element if `variant="body"` or `context.table.body`. */
-    body: string;
-    /** Styles applied to the root element if `variant="footer"` or `context.table.footer`. */
-    footer: string;
-    /** Styles applied to the root element if `size="small"`. */
-    sizeSmall: string;
-    /** Styles applied to the root element if `size="medium"`. */
-    sizeMedium: string;
-    /** Styles applied to the root element if `padding="checkbox"`. */
-    paddingCheckbox: string;
-    /** Styles applied to the root element if `padding="none"`. */
-    paddingNone: string;
-    /** Styles applied to the root element if `align="left"`. */
-    alignLeft: string;
-    /** Styles applied to the root element if `align="center"`. */
-    alignCenter: string;
-    /** Styles applied to the root element if `align="right"`. */
-    alignRight: string;
-    /** Styles applied to the root element if `align="justify"`. */
-    alignJustify: string;
-    /** Styles applied to the root element if `context.table.stickyHeader={true}`. */
-    stickyHeader: string;
-}
-export declare type TableCellClassKey = keyof TableCellClasses;
-export declare function getTableCellUtilityClass(slot: string): string;
-declare const tableCellClasses: TableCellClasses;
-export default tableCellClasses;
+export interface TableCellClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `variant="head"` or `context.table.head`. */
+    head: string;
+    /** Styles applied to the root element if `variant="body"` or `context.table.body`. */
+    body: string;
+    /** Styles applied to the root element if `variant="footer"` or `context.table.footer`. */
+    footer: string;
+    /** Styles applied to the root element if `size="small"`. */
+    sizeSmall: string;
+    /** Styles applied to the root element if `size="medium"`. */
+    sizeMedium: string;
+    /** Styles applied to the root element if `padding="checkbox"`. */
+    paddingCheckbox: string;
+    /** Styles applied to the root element if `padding="none"`. */
+    paddingNone: string;
+    /** Styles applied to the root element if `align="left"`. */
+    alignLeft: string;
+    /** Styles applied to the root element if `align="center"`. */
+    alignCenter: string;
+    /** Styles applied to the root element if `align="right"`. */
+    alignRight: string;
+    /** Styles applied to the root element if `align="justify"`. */
+    alignJustify: string;
+    /** Styles applied to the root element if `context.table.stickyHeader={true}`. */
+    stickyHeader: string;
+}
+export declare type TableCellClassKey = keyof TableCellClasses;
+export declare function getTableCellUtilityClass(slot: string): string;
+declare const tableCellClasses: TableCellClasses;
+export default tableCellClasses;

package/TableCell/tableCellClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTableCellUtilityClass(slot) {
   return generateUtilityClass('MuiTableCell', slot);
 }

package/TableContainer/TableContainer.js

@@ -4,7 +4,7 @@ const _excluded = ["className", "component"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';
 import { getTableContainerUtilityClass } from './tableContainerClasses';
@@ -84,6 +84,6 @@ process.env.NODE_ENV !== "production" ? TableContainer.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default TableContainer;

package/TableContainer/tableContainerClasses.d.ts

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

package/TableContainer/tableContainerClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTableContainerUtilityClass(slot) {
   return generateUtilityClass('MuiTableContainer', slot);
 }

package/TableFooter/TableFooter.js

@@ -4,7 +4,7 @@ const _excluded = ["className", "component"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import Tablelvl2Context from '../Table/Tablelvl2Context';
 import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';
@@ -92,6 +92,6 @@ process.env.NODE_ENV !== "production" ? TableFooter.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default TableFooter;

package/TableFooter/tableFooterClasses.d.ts

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

package/TableFooter/tableFooterClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTableFooterUtilityClass(slot) {
   return generateUtilityClass('MuiTableFooter', slot);
 }

package/TableHead/TableHead.js

@@ -4,7 +4,7 @@ const _excluded = ["className", "component"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import Tablelvl2Context from '../Table/Tablelvl2Context';
 import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';
@@ -92,6 +92,6 @@ process.env.NODE_ENV !== "production" ? TableHead.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default TableHead;

package/TableHead/tableHeadClasses.d.ts

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

package/TableHead/tableHeadClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTableHeadUtilityClass(slot) {
   return generateUtilityClass('MuiTableHead', slot);
 }

package/TablePagination/TablePagination.d.ts

@@ -56,7 +56,7 @@ export interface TablePaginationTypeMap<P, D extends React.ElementType> {
        *
        * For localization purposes, you can use the provided [translations](/guides/localization/).
        * @default function defaultLabelDisplayedRows({ from, to, count }) {
-       *   return `${from}-${to} of ${count !== -1 ? count : `more than ${to}`}`;
+       *   return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
        * }
        */
       labelDisplayedRows?: (paginationInfo: LabelDisplayedRowsArgs) => React.ReactNode;

package/TablePagination/TablePagination.js

@@ -8,7 +8,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { chainPropTypes, integerPropType } from '@mui/utils';
-import { unstable_composeClasses as composeClasses, isHostComponent } from '@mui/core';
+import { unstable_composeClasses as composeClasses, isHostComponent } from '@mui/base';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import InputBase from '../InputBase';
@@ -117,7 +117,7 @@ function defaultLabelDisplayedRows({
   to,
   count
 }) {
-  return `${from}-${to} of ${count !== -1 ? count : `more than ${to}`}`;
+  return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
 }
 
 function defaultGetAriaLabel(type) {
@@ -322,7 +322,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
    *
    * For localization purposes, you can use the provided [translations](/guides/localization/).
    * @default function defaultLabelDisplayedRows({ from, to, count }) {
-   *   return `${from}-${to} of ${count !== -1 ? count : `more than ${to}`}`;
+   *   return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
    * }
    */
   labelDisplayedRows: PropTypes.func,
@@ -417,6 +417,6 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default TablePagination;

package/TablePagination/tablePaginationClasses.d.ts

@@ -1,28 +1,28 @@
-export interface TablePaginationClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the Toolbar component. */
-    toolbar: string;
-    /** Styles applied to the spacer element. */
-    spacer: string;
-    /** Styles applied to the select label Typography element. */
-    selectLabel: string;
-    /** Styles applied to the Select component `root` element. */
-    selectRoot: string;
-    /** Styles applied to the Select component `select` class. */
-    select: string;
-    /** Styles applied to the Select component `icon` class. */
-    selectIcon: string;
-    /** Styles applied to the Select component `root` element. */
-    input: string;
-    /** Styles applied to the MenuItem component. */
-    menuItem: string;
-    /** Styles applied to the displayed rows Typography element. */
-    displayedRows: string;
-    /** Styles applied to the internal `TablePaginationActions` component. */
-    actions: string;
-}
-export declare type TablePaginationClassKey = keyof TablePaginationClasses;
-export declare function getTablePaginationUtilityClass(slot: string): string;
-declare const tablePaginationClasses: TablePaginationClasses;
-export default tablePaginationClasses;
+export interface TablePaginationClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the Toolbar component. */
+    toolbar: string;
+    /** Styles applied to the spacer element. */
+    spacer: string;
+    /** Styles applied to the select label Typography element. */
+    selectLabel: string;
+    /** Styles applied to the Select component `root` element. */
+    selectRoot: string;
+    /** Styles applied to the Select component `select` class. */
+    select: string;
+    /** Styles applied to the Select component `icon` class. */
+    selectIcon: string;
+    /** Styles applied to the Select component `root` element. */
+    input: string;
+    /** Styles applied to the MenuItem component. */
+    menuItem: string;
+    /** Styles applied to the displayed rows Typography element. */
+    displayedRows: string;
+    /** Styles applied to the internal `TablePaginationActions` component. */
+    actions: string;
+}
+export declare type TablePaginationClassKey = keyof TablePaginationClasses;
+export declare function getTablePaginationUtilityClass(slot: string): string;
+declare const tablePaginationClasses: TablePaginationClasses;
+export default tablePaginationClasses;

package/TablePagination/tablePaginationClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTablePaginationUtilityClass(slot) {
   return generateUtilityClass('MuiTablePagination', slot);
 }

package/TableRow/TableRow.js

@@ -4,7 +4,7 @@ const _excluded = ["className", "component", "hover", "selected"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { alpha } from '@mui/system';
 import Tablelvl2Context from '../Table/Tablelvl2Context';
 import useThemeProps from '../styles/useThemeProps';
@@ -136,6 +136,6 @@ process.env.NODE_ENV !== "production" ? TableRow.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default TableRow;

package/TableRow/tableRowClasses.d.ts

@@ -1,16 +1,16 @@
-export interface TableRowClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** State class applied to the root element if `selected={true}`. */
-    selected: string;
-    /** State class applied to the root element if `hover={true}`. */
-    hover: string;
-    /** Styles applied to the root element if table variant="head". */
-    head: string;
-    /** Styles applied to the root element if table variant="footer". */
-    footer: string;
-}
-export declare type TableRowClassKey = keyof TableRowClasses;
-export declare function getTableRowUtilityClass(slot: string): string;
-declare const tableRowClasses: TableRowClasses;
-export default tableRowClasses;
+export interface TableRowClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** State class applied to the root element if `selected={true}`. */
+    selected: string;
+    /** State class applied to the root element if `hover={true}`. */
+    hover: string;
+    /** Styles applied to the root element if table variant="head". */
+    head: string;
+    /** Styles applied to the root element if table variant="footer". */
+    footer: string;
+}
+export declare type TableRowClassKey = keyof TableRowClasses;
+export declare function getTableRowUtilityClass(slot: string): string;
+declare const tableRowClasses: TableRowClasses;
+export default tableRowClasses;

package/TableRow/tableRowClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTableRowUtilityClass(slot) {
   return generateUtilityClass('MuiTableRow', slot);
 }