[core] Upgrade monorepo

docs/pages/x/api/date-pickers/date-field.json

@@ -84,7 +84,7 @@
     "TextField": { "default": "TextField from '@mui/material'", "type": { "name": "elementType" } }
   },
   "name": "DateField",
-  "styles": { "classes": [], "globalClasses": {}, "name": "MuiDateField" },
+  "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiDateField" },
   "filename": "/packages/x-date-pickers/src/DateField/DateField.tsx",
   "demos": "<ul><li><a href=\"/x/react-date-pickers/date-field/\">Date Field</a></li>\n<li><a href=\"/x/react-date-pickers/fields/\">Fields</a></li></ul>",
   "packages": [

docs/pages/x/api/date-pickers/date-time-field.json

@@ -97,7 +97,7 @@
     "TextField": { "default": "TextField from '@mui/material'", "type": { "name": "elementType" } }
   },
   "name": "DateTimeField",
-  "styles": { "classes": [], "globalClasses": {}, "name": "MuiDateTimeField" },
+  "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiDateTimeField" },
   "filename": "/packages/x-date-pickers/src/DateTimeField/DateTimeField.tsx",
   "demos": "<ul><li><a href=\"/x/react-date-pickers/date-time-field/\">Date Time Field</a></li>\n<li><a href=\"/x/react-date-pickers/fields/\">Fields</a></li></ul>",
   "packages": [

docs/pages/x/api/date-pickers/pickers-action-bar.json

@@ -17,7 +17,7 @@
   },
   "slots": {},
   "name": "PickersActionBar",
-  "styles": { "classes": [], "globalClasses": {}, "name": "MuiPickersActionBar" },
+  "styles": { "classes": ["root", "spacing"], "globalClasses": {}, "name": "MuiPickersActionBar" },
   "filename": "/packages/x-date-pickers/src/PickersActionBar/PickersActionBar.tsx",
   "inheritance": null,
   "demos": "<ul><li><a href=\"/x/react-date-pickers/custom-layout/\">Custom layout</a></li></ul>",

docs/pages/x/api/date-pickers/single-input-date-range-field.json

@@ -82,7 +82,7 @@
     "TextField": { "default": "TextField from '@mui/material'", "type": { "name": "elementType" } }
   },
   "name": "SingleInputDateRangeField",
-  "styles": { "classes": [], "globalClasses": {}, "name": "MuiSingleInputDateRangeField" },
+  "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiSingleInputDateRangeField" },
   "filename": "/packages/x-date-pickers-pro/src/SingleInputDateRangeField/SingleInputDateRangeField.tsx",
   "demos": "<ul><li><a href=\"/x/react-date-pickers/date-range-field/\">Date Range Field </a></li>\n<li><a href=\"/x/react-date-pickers/fields/\">Fields</a></li></ul>",
   "packages": [

docs/pages/x/api/date-pickers/single-input-date-time-range-field.json

@@ -93,7 +93,11 @@
   },
   "slots": { "Input": { "default": "TextField", "type": { "name": "elementType" } } },
   "name": "SingleInputDateTimeRangeField",
-  "styles": { "classes": [], "globalClasses": {}, "name": "MuiSingleInputDateTimeRangeField" },
+  "styles": {
+    "classes": ["root"],
+    "globalClasses": {},
+    "name": "MuiSingleInputDateTimeRangeField"
+  },
   "filename": "/packages/x-date-pickers-pro/src/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.tsx",
   "demos": "<ul><li><a href=\"/x/react-date-pickers/date-time-range-field/\">Date Time Range Field </a></li>\n<li><a href=\"/x/react-date-pickers/fields/\">Fields</a></li></ul>",
   "packages": [

docs/pages/x/api/date-pickers/single-input-time-range-field.json

@@ -88,7 +88,7 @@
   },
   "slots": { "Input": { "default": "TextField", "type": { "name": "elementType" } } },
   "name": "SingleInputTimeRangeField",
-  "styles": { "classes": [], "globalClasses": {}, "name": "MuiSingleInputTimeRangeField" },
+  "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiSingleInputTimeRangeField" },
   "filename": "/packages/x-date-pickers-pro/src/SingleInputTimeRangeField/SingleInputTimeRangeField.tsx",
   "demos": "<ul><li><a href=\"/x/react-date-pickers/fields/\">Fields</a></li>\n<li><a href=\"/x/react-date-pickers/time-range-field/\">Time Range Field </a></li></ul>",
   "packages": [

docs/pages/x/api/date-pickers/time-field.json

@@ -90,7 +90,7 @@
     "TextField": { "default": "TextField from '@mui/material'", "type": { "name": "elementType" } }
   },
   "name": "TimeField",
-  "styles": { "classes": [], "globalClasses": {}, "name": "MuiTimeField" },
+  "styles": { "classes": ["root"], "globalClasses": {}, "name": "MuiTimeField" },
   "filename": "/packages/x-date-pickers/src/TimeField/TimeField.tsx",
   "demos": "<ul><li><a href=\"/x/react-date-pickers/fields/\">Fields</a></li>\n<li><a href=\"/x/react-date-pickers/time-field/\">Time Field</a></li></ul>",
   "packages": [

docs/scripts/api/buildComponentsDocumentation.ts

@@ -249,7 +249,7 @@ const buildComponentDocumentation = async (options: {
 
   reactApi.demos = findXDemos(reactApi.name, pagesMarkdown);
 
-  reactApi.styles = await parseStyles(reactApi, project.program as any);
+  reactApi.styles = await parseStyles({ project, componentName: reactApi.name });
   reactApi.styles.name = reactApi.name.startsWith('Grid')
     ? 'MuiDataGrid' // TODO: Read from @slot annotation
     : `Mui${reactApi.name.replace(/(Pro|Premium)$/, '')}`;

docs/translations/api-docs/date-pickers/date-field.json

@@ -41,7 +41,7 @@
     "value": "The selected value. Used when the component is controlled.",
     "variant": "The variant to use."
   },
-  "classDescriptions": {},
+  "classDescriptions": { "root": { "description": "Styles applied to the root element." } },
   "slotDescriptions": {
     "TextField": "Form control with an input to render the value.\nReceives the same props as <code>@mui/material/TextField</code>."
   }

docs/translations/api-docs/date-pickers/date-time-field.json

@@ -50,7 +50,7 @@
     "value": "The selected value. Used when the component is controlled.",
     "variant": "The variant to use."
   },
-  "classDescriptions": {},
+  "classDescriptions": { "root": { "description": "Styles applied to the root element." } },
   "slotDescriptions": {
     "TextField": "Form control with an input to render the value.\nReceives the same props as <code>@mui/material/TextField</code>."
   }

docs/translations/api-docs/date-pickers/pickers-action-bar.json

@@ -5,6 +5,13 @@
     "disableSpacing": "If <code>true</code>, the actions do not have additional margin.",
     "sx": "The system prop that allows defining system overrides as well as additional CSS styles. See the <a href=\"/system/getting-started/the-sx-prop/\">`sx` page</a> for more details."
   },
-  "classDescriptions": {},
+  "classDescriptions": {
+    "root": { "description": "Styles applied to the root element." },
+    "spacing": {
+      "description": "Styles applied to {{nodeName}} unless {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "<code>disableSpacing={true}</code>"
+    }
+  },
   "slotDescriptions": {}
 }

docs/translations/api-docs/date-pickers/single-input-date-range-field.json

@@ -39,7 +39,7 @@
     "value": "The selected value. Used when the component is controlled.",
     "variant": "The variant to use."
   },
-  "classDescriptions": {},
+  "classDescriptions": { "root": { "description": "Styles applied to the root element." } },
   "slotDescriptions": {
     "TextField": "Form control with an input to render the value.\nReceives the same props as <code>@mui/material/TextField</code>."
   }

docs/translations/api-docs/date-pickers/single-input-date-time-range-field.json

@@ -48,6 +48,6 @@
     "value": "The selected value. Used when the component is controlled.",
     "variant": "The variant to use."
   },
-  "classDescriptions": {},
+  "classDescriptions": { "root": { "description": "Styles applied to the root element." } },
   "slotDescriptions": { "Input": "Input rendered." }
 }

docs/translations/api-docs/date-pickers/single-input-time-range-field.json

@@ -43,6 +43,6 @@
     "value": "The selected value. Used when the component is controlled.",
     "variant": "The variant to use."
   },
-  "classDescriptions": {},
+  "classDescriptions": { "root": { "description": "Styles applied to the root element." } },
   "slotDescriptions": { "Input": "Input rendered." }
 }

docs/translations/api-docs/date-pickers/time-field.json

@@ -43,7 +43,7 @@
     "value": "The selected value. Used when the component is controlled.",
     "variant": "The variant to use."
   },
-  "classDescriptions": {},
+  "classDescriptions": { "root": { "description": "Styles applied to the root element." } },
   "slotDescriptions": {
     "TextField": "Form control with an input to render the value.\nReceives the same props as <code>@mui/material/TextField</code>."
   }

yarn.lock

@@ -2431,8 +2431,8 @@
     react-transition-group "^4.4.5"
 
 "@mui/monorepo@https://github.com/mui/material-ui.git#master":
-  version "5.11.3"
-  resolved "https://github.com/mui/material-ui.git#c616ce9552d03699008fe896c6602e2262e45cf3"
+  version "5.11.5"
+  resolved "https://github.com/mui/material-ui.git#6311da54b32e265b207d267b00ae6d41e15216db"
 
 "@mui/private-theming@^5.11.2":
   version "5.11.2"