[DataGrid] Refactor: remove missed theme (mui#16122)

lauri865 · Jan 10, 2025 · e93f4d2 · e93f4d2
1 parent 9c2224f
commit e93f4d2
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/packages/x-data-grid/src/components/panel/GridPanelContent.tsx b/packages/x-data-grid/src/components/panel/GridPanelContent.tsx
@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { styled, SxProps, Theme } from '@mui/system';
 import composeClasses from '@mui/utils/composeClasses';
+import { vars } from '../../constants/cssVariables';
 import type { DataGridProcessedProps } from '../../models/props/DataGridProps';
 import { getDataGridUtilityClass } from '../../constants/gridClasses';
 import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
@@ -23,15 +24,15 @@ const GridPanelContentRoot = styled('div', {
   name: 'MuiDataGrid',
   slot: 'PanelContent',
   overridesResolver: (props, styles) => styles.panelContent,
-})<{ ownerState: OwnerState }>(({ theme }) => ({
+})<{ ownerState: OwnerState }>({
   display: 'flex',
   flexDirection: 'column',
   overflow: 'auto',
   flex: '1 1',
   maxHeight: 400,
-  padding: theme.spacing(2.5, 1.5, 2, 1),
-  gap: theme.spacing(2.5),
-}));
+  padding: vars.spacing(2.5, 1.5, 2, 1),
+  gap: vars.spacing(2.5),
+});
 
 function GridPanelContent(props: React.HTMLAttributes<HTMLDivElement> & { sx?: SxProps<Theme> }) {
   const { className, ...other } = props;