Bump MUI Core to ^5.16.8 (#15644)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Jose Quintas <[email protected]> Co-authored-by: Lukas <[email protected]>
mui · Nov 29, 2024 · fa4a01b · fa4a01b
1 parent 1cbacd7
commit fa4a01b
Show file tree

Hide file tree

Showing 26 changed files with 212 additions and 177 deletions.
diff --git a/docs/package.json b/docs/package.json
@@ -28,14 +28,14 @@
     "@emotion/server": "^11.11.0",
     "@emotion/styled": "^11.13.5",
     "@mui/docs": "6.1.9",
-    "@mui/icons-material": "^5.16.7",
+    "@mui/icons-material": "^5.16.8",
     "@mui/joy": "^5.0.0-beta.48",
     "@mui/lab": "^5.0.0-alpha.173",
-    "@mui/material": "^5.16.7",
-    "@mui/material-nextjs": "^5.16.6",
-    "@mui/styles": "^5.16.7",
-    "@mui/system": "^5.16.7",
-    "@mui/utils": "^5.16.6",
+    "@mui/material": "^5.16.8",
+    "@mui/material-nextjs": "^5.16.8",
+    "@mui/styles": "^5.16.8",
+    "@mui/system": "^5.16.8",
+    "@mui/utils": "^5.16.8",
     "@mui/x-charts": "workspace:*",
     "@mui/x-charts-vendor": "workspace:*",
     "@mui/x-data-grid": "workspace:*",

diff --git a/docs/src/modules/components/CustomizationPlayground.tsx b/docs/src/modules/components/CustomizationPlayground.tsx
@@ -144,6 +144,7 @@ function StylingApproachTabs({ value, onChange, options }: TabsProps) {
       <StyledTabs
         value={value}
         onChange={onChange}
+        // eslint-disable-next-line material-ui/no-hardcoded-labels
         aria-label="Customization option"
         TabIndicatorProps={{ children: <span className="MuiTabs-indicatorSpan" /> }}
       >
@@ -240,6 +241,7 @@ function ColorSwitcher({
 }) {
   return (
     <React.Fragment>
+      {/* eslint-disable-next-line material-ui/no-hardcoded-labels */}
       <ConfigItemLabel>Color</ConfigItemLabel>
       <StyledToggleButtonGroup
         size="small"
@@ -250,6 +252,7 @@ function ColorSwitcher({
             handleTokenChange('color', value);
           }
         }}
+        // eslint-disable-next-line material-ui/no-hardcoded-labels
         aria-label="color palette"
       >
         {(Object.keys(DEFAULT_COLORS) as Array<ColorKey>).map((color) => (
@@ -354,6 +357,7 @@ const CustomizationPlayground = function CustomizationPlayground({
           <BrandingProvider>
             <PlaygroundConfigArea>
               <ConfigSectionWrapper>
+                {/* eslint-disable-next-line material-ui/no-hardcoded-labels */}
                 <ConfigLabel gutterBottom>Components</ConfigLabel>
                 <FormControl size="small" sx={{ backgroundColor: 'transparent', flexGrow: 1 }}>
                   <ComponentsSelect
@@ -371,6 +375,7 @@ const CustomizationPlayground = function CustomizationPlayground({
                 </FormControl>
                 {availableSlots && (
                   <React.Fragment>
+                    {/* eslint-disable-next-line material-ui/no-hardcoded-labels */}
                     <ConfigLabel gutterBottom>Slots</ConfigLabel>
                     <SlotItemsWrapper>
                       {(availableSlots as string[]).map((slot: string) => (
@@ -388,6 +393,7 @@ const CustomizationPlayground = function CustomizationPlayground({
                 )}
               </ConfigSectionWrapper>
               <ConfigSectionWrapper>
+                {/* eslint-disable-next-line material-ui/no-hardcoded-labels */}
                 <ConfigLabel gutterBottom>Playground</ConfigLabel>
                 <Stack sx={{ gap: 0.5 }}>
                   <ColorSwitcher {...{ handleTokenChange, selectedColor: selectedTokens.color }} />

diff --git a/docs/src/modules/components/DemoPropsForm.tsx b/docs/src/modules/components/DemoPropsForm.tsx
@@ -193,10 +193,12 @@ export default function ChartDemoPropsForm<T extends string>({
           component="h3"
           fontWeight="bold"
           sx={{ scrollMarginTop: 160, fontFamily: 'General Sans' }}
+          // eslint-disable-next-line material-ui/no-hardcoded-labels
         >
           Playground
         </Typography>
         <IconButton
+          // eslint-disable-next-line material-ui/no-hardcoded-labels
           aria-label="Reset all"
           size="small"
           onClick={() => onPropsChange(initialProps)}
@@ -427,6 +429,7 @@ export default function ChartDemoPropsForm<T extends string>({
           if (knob === 'placement') {
             return (
               <FormControl key={propName}>
+                {/* eslint-disable-next-line material-ui/no-hardcoded-labels */}
                 <FormLabel>Placement</FormLabel>
                 <RadioGroup
                   name="placement"

diff --git a/docs/src/modules/components/PickersPlayground.tsx b/docs/src/modules/components/PickersPlayground.tsx
@@ -104,8 +104,11 @@ function TriBooleanGroupControl({
             color="primary"
             fullWidth
           >
+            {/* eslint-disable-next-line material-ui/no-hardcoded-labels */}
             <ToggleButton value={''}>Undefined</ToggleButton>
+            {/* eslint-disable-next-line material-ui/no-hardcoded-labels */}
             <ToggleButton value>True</ToggleButton>
+            {/* eslint-disable-next-line material-ui/no-hardcoded-labels */}
             <ToggleButton value={false}>False</ToggleButton>
           </ToggleButtonGroup>
         }
@@ -270,6 +273,7 @@ function ViewSwitcher({
 
   return (
     <FormControl component="fieldset" variant="standard">
+      {/* eslint-disable-next-line material-ui/no-hardcoded-labels */}
       <FormLabel id="views-label" component="legend">
         Available views
       </FormLabel>
@@ -544,6 +548,7 @@ export default function PickersPlayground() {
       >
         <ComponentSection sx={{ width: { xs: '100%', md: '60%' }, padding: { xs: 2, md: 4 } }}>
           <FormControl fullWidth>
+            {/* eslint-disable-next-line material-ui/no-hardcoded-labels */}
             <InputLabel id="selected-component-family-label">Selected components</InputLabel>
             <Select
               labelId="selected-component-family-label"
@@ -657,6 +662,7 @@ export default function PickersPlayground() {
               justifyContent: 'space-between',
               alignItems: 'center',
             }}
+            // eslint-disable-next-line material-ui/no-hardcoded-labels
           >
             Playground
           </Typography>

diff --git a/docs/src/modules/components/overview/CommunityOrPro.tsx b/docs/src/modules/components/overview/CommunityOrPro.tsx
@@ -20,6 +20,7 @@ export default function CommunityOrPro() {
           sx={{ maxWidth: { xs: '500px', md: '100%' } }}
         >
           <Stack flexBasis={{ xs: '100%', md: '65%' }} sx={{ marginBottom: { xs: '16px', md: 0 } }}>
+            {/* eslint-disable-next-line material-ui/no-hardcoded-labels */}
             <Typography variant="body2" color="primary" fontWeight="semiBold">
               Community and Pro
             </Typography>
@@ -29,9 +30,11 @@ export default function CommunityOrPro() {
               fontWeight="semiBold"
               color="text.primary"
               fontSize="1.625rem"
+              // eslint-disable-next-line material-ui/no-hardcoded-labels
             >
               Two packages for every need
             </Typography>
+            {/* eslint-disable-next-line material-ui/no-hardcoded-labels */}
             <Typography variant="body1" color="text.secondary">
               Start with the free-forever Community version, then upgrade to Pro when you are ready
               for additional features and components.
@@ -43,6 +46,7 @@ export default function CommunityOrPro() {
             href="/x/introduction/licensing/"
             endIcon={<ArrowForwardIcon />}
             sx={{ width: 'fit-content' }}
+            // eslint-disable-next-line material-ui/no-hardcoded-labels
           >
             About licensing
           </Button>

diff --git a/docs/src/modules/components/overview/DateLibraries.tsx b/docs/src/modules/components/overview/DateLibraries.tsx
@@ -58,6 +58,7 @@ export default function DateLibraries() {
           <SectionHeadline
             overline="Date libraries"
             title={
+              // eslint-disable-next-line material-ui/no-hardcoded-labels
               <Typography variant="h2" fontSize="1.625rem">
                 Use your favorite date library
               </Typography>
@@ -76,6 +77,7 @@ export default function DateLibraries() {
               value={selectedLibrary}
               onChange={handleLibrarySwitch}
               size="small"
+              // eslint-disable-next-line material-ui/no-hardcoded-labels
               aria-label="Select language"
               exclusive
             >
@@ -91,6 +93,7 @@ export default function DateLibraries() {
               size="small"
               href="/x/react-date-pickers/base-concepts/#date-library"
               endIcon={<ArrowForwardIcon />}
+              // eslint-disable-next-line material-ui/no-hardcoded-labels
             >
               More info
             </Button>

diff --git a/docs/src/modules/components/overview/FeatureHighlight.tsx b/docs/src/modules/components/overview/FeatureHighlight.tsx
@@ -34,6 +34,7 @@ export default function FeatureHighlight() {
       <Divider />
       <Stack spacing={4} py={8} alignItems="center">
         <Stack spacing={1} sx={{ maxWidth: { xs: '500px', md: '100%' } }}>
+          {/* eslint-disable-next-line material-ui/no-hardcoded-labels */}
           <Typography variant="body2" color="primary" fontWeight="semiBold" textAlign="center">
             Using MUI X Date Pickers
           </Typography>
@@ -43,9 +44,11 @@ export default function FeatureHighlight() {
             fontWeight="semiBold"
             color="text.primary"
             textAlign="center"
+            // eslint-disable-next-line material-ui/no-hardcoded-labels
           >
             First-class developer experience
           </Typography>
+          {/* eslint-disable-next-line material-ui/no-hardcoded-labels */}
           <Typography variant="body1" color="text.secondary" textAlign="center">
             MUI X Date and Time Pickers are designed to be delightful and intuitive for developers
             and users alike.

diff --git a/docs/src/modules/components/overview/Internationalization.tsx b/docs/src/modules/components/overview/Internationalization.tsx
@@ -89,6 +89,7 @@ function DemoWrapper({
         })}
       >
         {ToolbarControls}
+        {/* eslint-disable-next-line material-ui/no-hardcoded-labels */}
         <Button size="small" href={link} endIcon={<ArrowForwardIcon />}>
           More info
         </Button>
@@ -184,14 +185,17 @@ function Controls({
     <Box sx={{ flexGrow: 1 }}>
       <ToggleButtonGroup
         size="small"
+        // eslint-disable-next-line material-ui/no-hardcoded-labels
         aria-label="Select language"
         value={selectedLanguage}
         exclusive
         onChange={handleLanguageSwitch}
       >
+        {/* eslint-disable-next-line material-ui/no-hardcoded-labels */}
         <ToggleButton value="ro" key="ro">
           Română
         </ToggleButton>
+        {/* eslint-disable-next-line material-ui/no-hardcoded-labels */}
         <ToggleButton value="en" key="en">
           English
         </ToggleButton>

diff --git a/docs/src/modules/components/overview/Keyboard.tsx b/docs/src/modules/components/overview/Keyboard.tsx
@@ -457,6 +457,7 @@ export default function Keyboard() {
           <SectionHeadline
             overline="Accessibility"
             title={
+              // eslint-disable-next-line material-ui/no-hardcoded-labels
               <Typography variant="h2" fontSize="1.625rem">
                 Assistive technology support
               </Typography>
@@ -468,6 +469,7 @@ export default function Keyboard() {
             href="/x/react-date-pickers/accessibility/"
             endIcon={<ArrowForwardIcon />}
             sx={{ width: 'fit-content' }}
+            // eslint-disable-next-line material-ui/no-hardcoded-labels
           >
             More info
           </Button>

diff --git a/docs/src/modules/components/overview/XLogo.tsx b/docs/src/modules/components/overview/XLogo.tsx
@@ -22,6 +22,7 @@ export default function XLogo() {
         }),
       ]}
     >
+      {/* eslint-disable-next-line material-ui/no-hardcoded-labels */}
       <IconImage width={28} height={28} loading="eager" name="product-advanced" /> MUI X
     </Typography>
   );

diff --git a/docs/src/modules/components/overview/mainDemo/Birthday.tsx b/docs/src/modules/components/overview/mainDemo/Birthday.tsx
@@ -25,6 +25,7 @@ export default function Birthday() {
             ),
           }}
         />
+        {/* eslint-disable-next-line material-ui/no-hardcoded-labels */}
         <Button variant="contained" fullWidth size="small">
           Submit
         </Button>

diff --git a/docs/src/modules/components/overview/mainDemo/DigitalClock.tsx b/docs/src/modules/components/overview/mainDemo/DigitalClock.tsx
@@ -41,6 +41,7 @@ function CustomLayout(props: PickersLayoutProps<Dayjs | null, TimeView>) {
 export default function DigitalClock() {
   return (
     <Card variant="outlined" sx={{ padding: 0.8, height: 'fit-content' }}>
+      {/* eslint-disable-next-line material-ui/no-hardcoded-labels */}
       <Typography variant="subtitle2" sx={{ pt: 1, pb: 2 }}>
         Book now!
       </Typography>

diff --git a/docs/src/modules/components/overview/mainDemo/FlightPicker.tsx b/docs/src/modules/components/overview/mainDemo/FlightPicker.tsx
@@ -9,6 +9,7 @@ import { DateRangePicker } from '@mui/x-date-pickers-pro/DateRangePicker';
 export default function FlightPicker() {
   return (
     <Card variant="outlined" sx={{ flexGrow: 1, padding: 1 }}>
+      {/* eslint-disable-next-line material-ui/no-hardcoded-labels */}
       <Typography variant="subtitle2" sx={{ pb: 2 }}>
         Book your flight
       </Typography>

diff --git a/package.json b/package.json
@@ -90,13 +90,13 @@
     "@emotion/cache": "^11.13.5",
     "@emotion/react": "^11.13.5",
     "@emotion/styled": "^11.13.5",
-    "@mui/icons-material": "^5.16.7",
+    "@mui/icons-material": "^5.16.8",
     "@mui/internal-babel-plugin-resolve-imports": "1.0.18",
     "@mui/internal-markdown": "^1.0.21",
     "@mui/internal-test-utils": "^1.0.22",
-    "@mui/material": "^5.16.7",
-    "@mui/monorepo": "github:mui/material-ui#f706939f7ce7fd90d8d4436515d752daff7395c6",
-    "@mui/utils": "^5.16.6",
+    "@mui/material": "^5.16.8",
+    "@mui/monorepo": "github:mui/material-ui#821784419eefb89e4ce7b66c4b602a1e33d2fa88",
+    "@mui/utils": "^5.16.8",
     "@next/eslint-plugin-next": "15.0.3",
     "@octokit/plugin-retry": "^7.1.2",
     "@octokit/rest": "^21.0.2",

diff --git a/packages/x-charts-pro/package.json b/packages/x-charts-pro/package.json
@@ -67,8 +67,8 @@
     }
   },
   "devDependencies": {
-    "@mui/material": "^5.16.7",
-    "@mui/system": "^5.16.7",
+    "@mui/material": "^5.16.8",
+    "@mui/system": "^5.16.8",
     "@react-spring/core": "^9.7.5",
     "@react-spring/shared": "^9.7.5",
     "@types/prop-types": "^15.7.13",

diff --git a/packages/x-charts/package.json b/packages/x-charts/package.json
@@ -68,8 +68,8 @@
   },
   "devDependencies": {
     "@mui/internal-test-utils": "^1.0.22",
-    "@mui/material": "^5.16.7",
-    "@mui/system": "^5.16.7",
+    "@mui/material": "^5.16.8",
+    "@mui/system": "^5.16.8",
     "@react-spring/core": "^9.7.5",
     "@react-spring/shared": "^9.7.5",
     "@types/prop-types": "^15.7.13",

diff --git a/packages/x-data-grid-generator/package.json b/packages/x-data-grid-generator/package.json
@@ -40,8 +40,8 @@
     "lru-cache": "^11.0.2"
   },
   "devDependencies": {
-    "@mui/icons-material": "^5.16.7",
-    "@mui/material": "^5.16.7",
+    "@mui/icons-material": "^5.16.8",
+    "@mui/material": "^5.16.8",
     "@types/chance": "^1.1.6",
     "rimraf": "^6.0.1"
   },

diff --git a/packages/x-data-grid-premium/package.json b/packages/x-data-grid-premium/package.json
@@ -73,8 +73,8 @@
   },
   "devDependencies": {
     "@mui/internal-test-utils": "^1.0.22",
-    "@mui/material": "^5.16.7",
-    "@mui/system": "^5.16.7",
+    "@mui/material": "^5.16.8",
+    "@mui/system": "^5.16.8",
     "@types/prop-types": "^15.7.13",
     "date-fns": "^2.30.0",
     "rimraf": "^6.0.1"

diff --git a/packages/x-data-grid-pro/package.json b/packages/x-data-grid-pro/package.json
@@ -71,8 +71,8 @@
   },
   "devDependencies": {
     "@mui/internal-test-utils": "^1.0.22",
-    "@mui/material": "^5.16.7",
-    "@mui/system": "^5.16.7",
+    "@mui/material": "^5.16.8",
+    "@mui/system": "^5.16.8",
     "@types/prop-types": "^15.7.13",
     "rimraf": "^6.0.1"
   },

diff --git a/packages/x-data-grid/package.json b/packages/x-data-grid/package.json
@@ -73,8 +73,8 @@
   "devDependencies": {
     "@mui/internal-test-utils": "^1.0.22",
     "@mui/joy": "^5.0.0-beta.48",
-    "@mui/material": "^5.16.7",
-    "@mui/system": "^5.16.7",
+    "@mui/material": "^5.16.8",
+    "@mui/system": "^5.16.8",
     "@mui/types": "^7.2.15",
     "@types/prop-types": "^15.7.13",
     "rimraf": "^6.0.1"

diff --git a/packages/x-date-pickers-pro/package.json b/packages/x-date-pickers-pro/package.json
@@ -97,8 +97,8 @@
   },
   "devDependencies": {
     "@mui/internal-test-utils": "^1.0.22",
-    "@mui/material": "^5.16.7",
-    "@mui/system": "^5.16.7",
+    "@mui/material": "^5.16.8",
+    "@mui/system": "^5.16.8",
     "@types/luxon": "^3.4.2",
     "@types/prop-types": "^15.7.13",
     "date-fns": "^2.30.0",

diff --git a/packages/x-date-pickers/package.json b/packages/x-date-pickers/package.json
@@ -99,8 +99,8 @@
   },
   "devDependencies": {
     "@mui/internal-test-utils": "^1.0.22",
-    "@mui/material": "^5.16.7",
-    "@mui/system": "^5.16.7",
+    "@mui/material": "^5.16.8",
+    "@mui/system": "^5.16.8",
     "@types/luxon": "^3.4.2",
     "@types/moment-hijri": "^2.1.4",
     "@types/moment-jalaali": "^0.7.9",

diff --git a/packages/x-tree-view-pro/package.json b/packages/x-tree-view-pro/package.json
@@ -73,8 +73,8 @@
   },
   "devDependencies": {
     "@mui/internal-test-utils": "^1.0.22",
-    "@mui/material": "^5.16.7",
-    "@mui/system": "^5.16.7",
+    "@mui/material": "^5.16.8",
+    "@mui/system": "^5.16.8",
     "@types/prop-types": "^15.7.13",
     "@types/use-sync-external-store": "^0.0.6",
     "rimraf": "^6.0.1"

diff --git a/packages/x-tree-view/package.json b/packages/x-tree-view/package.json
@@ -71,8 +71,8 @@
   },
   "devDependencies": {
     "@mui/internal-test-utils": "^1.0.22",
-    "@mui/material": "^5.16.7",
-    "@mui/system": "^5.16.7",
+    "@mui/material": "^5.16.8",
+    "@mui/system": "^5.16.8",
     "@types/prop-types": "^15.7.13",
     "@types/use-sync-external-store": "^0.0.6",
     "rimraf": "^6.0.1"