@mui/material 5.0.0 → 5.0.4

package/StepIcon/stepIconClasses.d.ts

@@ -1,16 +1,16 @@
-export interface StepIconClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the SVG text element. */
-    text: string;
-    /** State class applied to the root element if `active={true}`. */
-    active: string;
-    /** State class applied to the root element if `completed={true}`. */
-    completed: string;
-    /** State class applied to the root element if `error={true}`. */
-    error: string;
-}
-export declare type StepIconClassKey = keyof StepIconClasses;
-export declare function getStepIconUtilityClass(slot: string): string;
-declare const stepIconClasses: StepIconClasses;
-export default stepIconClasses;
+export interface StepIconClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the SVG text element. */
+    text: string;
+    /** State class applied to the root element if `active={true}`. */
+    active: string;
+    /** State class applied to the root element if `completed={true}`. */
+    completed: string;
+    /** State class applied to the root element if `error={true}`. */
+    error: string;
+}
+export declare type StepIconClassKey = keyof StepIconClasses;
+export declare function getStepIconUtilityClass(slot: string): string;
+declare const stepIconClasses: StepIconClasses;
+export default stepIconClasses;

package/StepLabel/stepLabelClasses.d.ts

@@ -1,28 +1,28 @@
-export interface StepLabelClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `orientation="horizontal"`. */
-    horizontal: string;
-    /** Styles applied to the root element if `orientation="vertical"`. */
-    vertical: string;
-    /** Styles applied to the label element that wraps `children`. */
-    label: string;
-    /** State class applied to the label element if `active={true}`. */
-    active: string;
-    /** State class applied to the label element if `completed={true}`. */
-    completed: string;
-    /** State class applied to the root and label elements if `error={true}`. */
-    error: string;
-    /** State class applied to the root and label elements if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the `icon` container element. */
-    iconContainer: string;
-    /** State class applied to the root and icon container and label if `alternativeLabel={true}`. */
-    alternativeLabel: string;
-    /** Styles applied to the container element which wraps label and `optional`. */
-    labelContainer: string;
-}
-export declare type StepLabelClassKey = keyof StepLabelClasses;
-export declare function getStepLabelUtilityClass(slot: string): string;
-declare const stepLabelClasses: StepLabelClasses;
-export default stepLabelClasses;
+export interface StepLabelClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `orientation="horizontal"`. */
+    horizontal: string;
+    /** Styles applied to the root element if `orientation="vertical"`. */
+    vertical: string;
+    /** Styles applied to the label element that wraps `children`. */
+    label: string;
+    /** State class applied to the label element if `active={true}`. */
+    active: string;
+    /** State class applied to the label element if `completed={true}`. */
+    completed: string;
+    /** State class applied to the root and label elements if `error={true}`. */
+    error: string;
+    /** State class applied to the root and label elements if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the `icon` container element. */
+    iconContainer: string;
+    /** State class applied to the root and icon container and label if `alternativeLabel={true}`. */
+    alternativeLabel: string;
+    /** Styles applied to the container element which wraps label and `optional`. */
+    labelContainer: string;
+}
+export declare type StepLabelClassKey = keyof StepLabelClasses;
+export declare function getStepLabelUtilityClass(slot: string): string;
+declare const stepLabelClasses: StepLabelClasses;
+export default stepLabelClasses;

package/Stepper/stepperClasses.d.ts

@@ -1,14 +1,14 @@
-export interface StepperClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `orientation="horizontal"`. */
-    horizontal: string;
-    /** Styles applied to the root element if `orientation="vertical"`. */
-    vertical: string;
-    /** Styles applied to the root element if `alternativeLabel={true}`. */
-    alternativeLabel: string;
-}
-export declare type StepperClassKey = keyof StepperClasses;
-export declare function getStepperUtilityClass(slot: string): string;
-declare const stepperClasses: StepperClasses;
-export default stepperClasses;
+export interface StepperClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `orientation="horizontal"`. */
+    horizontal: string;
+    /** Styles applied to the root element if `orientation="vertical"`. */
+    vertical: string;
+    /** Styles applied to the root element if `alternativeLabel={true}`. */
+    alternativeLabel: string;
+}
+export declare type StepperClassKey = keyof StepperClasses;
+export declare function getStepperUtilityClass(slot: string): string;
+declare const stepperClasses: StepperClasses;
+export default stepperClasses;

package/SvgIcon/svgIconClasses.d.ts

@@ -1,24 +1,24 @@
-export interface SvgIconClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `color="primary"`. */
-    colorPrimary: string;
-    /** Styles applied to the root element if `color="secondary"`. */
-    colorSecondary: string;
-    /** Styles applied to the root element if `color="action"`. */
-    colorAction: string;
-    /** Styles applied to the root element if `color="error"`. */
-    colorError: string;
-    /** Styles applied to the root element if `color="disabled"`. */
-    colorDisabled: string;
-    /** Styles applied to the root element if `fontSize="inherit"`. */
-    fontSizeInherit: string;
-    /** Styles applied to the root element if `fontSize="small"`. */
-    fontSizeSmall: string;
-    /** Styles applied to the root element if `fontSize="large"`. */
-    fontSizeLarge: string;
-}
-export declare type SvgIconClassKey = keyof SvgIconClasses;
-export declare function getSvgIconUtilityClass(slot: string): string;
-declare const svgIconClasses: SvgIconClasses;
-export default svgIconClasses;
+export interface SvgIconClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `color="primary"`. */
+    colorPrimary: string;
+    /** Styles applied to the root element if `color="secondary"`. */
+    colorSecondary: string;
+    /** Styles applied to the root element if `color="action"`. */
+    colorAction: string;
+    /** Styles applied to the root element if `color="error"`. */
+    colorError: string;
+    /** Styles applied to the root element if `color="disabled"`. */
+    colorDisabled: string;
+    /** Styles applied to the root element if `fontSize="inherit"`. */
+    fontSizeInherit: string;
+    /** Styles applied to the root element if `fontSize="small"`. */
+    fontSizeSmall: string;
+    /** Styles applied to the root element if `fontSize="large"`. */
+    fontSizeLarge: string;
+}
+export declare type SvgIconClassKey = keyof SvgIconClasses;
+export declare function getSvgIconUtilityClass(slot: string): string;
+declare const svgIconClasses: SvgIconClasses;
+export default svgIconClasses;

package/Switch/Switch.js

@@ -89,7 +89,9 @@ const SwitchSwitchBase = styled(SwitchBase, {
     const {
       ownerState
     } = props;
-    return [styles.switchBase, styles.input, ownerState.color !== 'default' && styles[`color${capitalize(ownerState.color)}`]];
+    return [styles.switchBase, {
+      [`& .${switchClasses.input}`]: styles.input
+    }, ownerState.color !== 'default' && styles[`color${capitalize(ownerState.color)}`]];
   }
 })(({
   theme

package/Switch/switchClasses.d.ts

@@ -1,32 +1,32 @@
-export interface SwitchClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `edge="start"`. */
-    edgeStart: string;
-    /** Styles applied to the root element if `edge="end"`. */
-    edgeEnd: string;
-    /** Styles applied to the internal `SwitchBase` component's `root` class. */
-    switchBase: string;
-    /** Styles applied to the internal SwitchBase component's root element if `color="primary"`. */
-    colorPrimary: string;
-    /** Styles applied to the internal SwitchBase component's root element if `color="secondary"`. */
-    colorSecondary: string;
-    /** Styles applied to the root element if `size="small"`. */
-    sizeSmall: string;
-    /** Styles applied to the root element if `size="medium"`. */
-    sizeMedium: string;
-    /** State class applied to the internal `SwitchBase` component's `checked` class. */
-    checked: string;
-    /** State class applied to the internal SwitchBase component's disabled class. */
-    disabled: string;
-    /** Styles applied to the internal SwitchBase component's input element. */
-    input: string;
-    /** Styles used to create the thumb passed to the internal `SwitchBase` component `icon` prop. */
-    thumb: string;
-    /** Styles applied to the track element. */
-    track: string;
-}
-export declare type SwitchClassKey = keyof SwitchClasses;
-export declare function getSwitchUtilityClass(slot: string): string;
-declare const switchClasses: SwitchClasses;
-export default switchClasses;
+export interface SwitchClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `edge="start"`. */
+    edgeStart: string;
+    /** Styles applied to the root element if `edge="end"`. */
+    edgeEnd: string;
+    /** Styles applied to the internal `SwitchBase` component's `root` class. */
+    switchBase: string;
+    /** Styles applied to the internal SwitchBase component's root element if `color="primary"`. */
+    colorPrimary: string;
+    /** Styles applied to the internal SwitchBase component's root element if `color="secondary"`. */
+    colorSecondary: string;
+    /** Styles applied to the root element if `size="small"`. */
+    sizeSmall: string;
+    /** Styles applied to the root element if `size="medium"`. */
+    sizeMedium: string;
+    /** State class applied to the internal `SwitchBase` component's `checked` class. */
+    checked: string;
+    /** State class applied to the internal SwitchBase component's disabled class. */
+    disabled: string;
+    /** Styles applied to the internal SwitchBase component's input element. */
+    input: string;
+    /** Styles used to create the thumb passed to the internal `SwitchBase` component `icon` prop. */
+    thumb: string;
+    /** Styles applied to the track element. */
+    track: string;
+}
+export declare type SwitchClassKey = keyof SwitchClasses;
+export declare function getSwitchUtilityClass(slot: string): string;
+declare const switchClasses: SwitchClasses;
+export default switchClasses;

package/Tab/Tab.js

@@ -25,7 +25,8 @@ const useUtilityClasses = ownerState => {
     disabled
   } = ownerState;
   const slots = {
-    root: ['root', icon && label && 'labelIcon', `textColor${capitalize(textColor)}`, fullWidth && 'fullWidth', wrapped && 'wrapped', selected && 'selected', disabled && 'disabled']
+    root: ['root', icon && label && 'labelIcon', `textColor${capitalize(textColor)}`, fullWidth && 'fullWidth', wrapped && 'wrapped', selected && 'selected', disabled && 'disabled'],
+    iconWrapper: ['iconWrapper']
   };
   return composeClasses(slots, getTabUtilityClass, classes);
 };
@@ -58,7 +59,7 @@ const TabRoot = styled(ButtonBase, {
   minHeight: 72,
   paddingTop: 9,
   paddingBottom: 9,
-  [`& > *:first-child`]: {
+  [`& > .${tabClasses.iconWrapper}`]: {
     marginBottom: 6
   }
 }, ownerState.textColor === 'inherit' && {
@@ -107,7 +108,7 @@ const Tab = /*#__PURE__*/React.forwardRef(function Tab(inProps, ref) {
     disableFocusRipple = false,
     // eslint-disable-next-line react/prop-types
     fullWidth,
-    icon,
+    icon: iconProp,
     // eslint-disable-next-line react/prop-types
     indicator,
     label,
@@ -129,7 +130,7 @@ const Tab = /*#__PURE__*/React.forwardRef(function Tab(inProps, ref) {
     disabled,
     disableFocusRipple,
     selected,
-    icon: !!icon,
+    icon: !!iconProp,
     label: !!label,
     fullWidth,
     textColor,
@@ -137,6 +138,9 @@ const Tab = /*#__PURE__*/React.forwardRef(function Tab(inProps, ref) {
   });
 
   const classes = useUtilityClasses(ownerState);
+  const icon = iconProp && label && /*#__PURE__*/React.isValidElement(iconProp) ? /*#__PURE__*/React.cloneElement(iconProp, {
+    className: clsx(classes.iconWrapper, iconProp.props.className)
+  }) : iconProp;
 
   const handleClick = event => {
     if (!selected && onChange) {

package/Tab/tabClasses.d.ts

@@ -1,24 +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;
-}
-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

@@ -2,5 +2,5 @@ import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
 export function getTabUtilityClass(slot) {
   return generateUtilityClass('MuiTab', slot);
 }
-const tabClasses = generateUtilityClasses('MuiTab', ['root', 'labelIcon', 'textColorInherit', 'textColorPrimary', 'textColorSecondary', 'selected', 'disabled', 'fullWidth', 'wrapped']);
+const tabClasses = generateUtilityClasses('MuiTab', ['root', 'labelIcon', 'textColorInherit', 'textColorPrimary', 'textColorSecondary', 'selected', 'disabled', 'fullWidth', 'wrapped', 'iconWrapper']);
 export default tabClasses;

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/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/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/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/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/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/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/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/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;