Merge branch 'master' into remove-ponyfillglobal

Author: Janpot

.circleci/config.yml

@@ -379,7 +379,7 @@ jobs:
     <<: *default-job
     resource_class: 'medium+'
     docker:
-      - image: mcr.microsoft.com/playwright:v1.50.1-noble
+      - image: mcr.microsoft.com/playwright:v1.51.1-noble
     steps:
       - checkout
       - install_js:
@@ -407,7 +407,7 @@ jobs:
   test_e2e:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.50.1-noble
+      - image: mcr.microsoft.com/playwright:v1.51.1-noble
     steps:
       - checkout
       - install_js:
@@ -419,7 +419,7 @@ jobs:
     # NOTE: This workflow runs after successful docs deploy. See /test/e2e-website/README.md#ci
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.50.1-noble
+      - image: mcr.microsoft.com/playwright:v1.51.1-noble
     steps:
       - checkout
       - install_js:
@@ -432,7 +432,7 @@ jobs:
   test_profile:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.50.1-noble
+      - image: mcr.microsoft.com/playwright:v1.51.1-noble
     steps:
       - checkout
       - install_js:
@@ -457,7 +457,7 @@ jobs:
   test_regressions:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.50.1-noble
+      - image: mcr.microsoft.com/playwright:v1.51.1-noble
     steps:
       - checkout
       - install_js:
@@ -527,7 +527,7 @@ jobs:
   test_bundling_next_webpack4:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.50.1-noble
+      - image: mcr.microsoft.com/playwright:v1.51.1-noble
     working_directory: /tmp/material-ui/test/bundling/fixtures/next-webpack4/
     steps:
       - checkout:
@@ -545,7 +545,7 @@ jobs:
   test_bundling_next_webpack5:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.50.1-noble
+      - image: mcr.microsoft.com/playwright:v1.51.1-noble
     working_directory: /tmp/material-ui/test/bundling/fixtures/next-webpack5/
     steps:
       - checkout:
@@ -563,7 +563,7 @@ jobs:
   test_bundling_create_react_app:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.50.1-noble
+      - image: mcr.microsoft.com/playwright:v1.51.1-noble
     working_directory: /tmp/material-ui/test/bundling/fixtures/create-react-app/
     steps:
       - checkout:
@@ -581,7 +581,7 @@ jobs:
   test_bundling_snowpack:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.50.1-noble
+      - image: mcr.microsoft.com/playwright:v1.51.1-noble
     working_directory: /tmp/material-ui/test/bundling/fixtures/snowpack/
     steps:
       - checkout:
@@ -599,7 +599,7 @@ jobs:
   test_bundling_vite:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.50.1-noble
+      - image: mcr.microsoft.com/playwright:v1.51.1-noble
     working_directory: /tmp/material-ui/test/bundling/fixtures/vite/
     steps:
       - checkout:
@@ -617,7 +617,7 @@ jobs:
   test_bundling_esbuild:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.50.1-noble
+      - image: mcr.microsoft.com/playwright:v1.51.1-noble
     working_directory: /tmp/material-ui/test/bundling/fixtures/esbuild/
     steps:
       - checkout:
@@ -635,7 +635,7 @@ jobs:
   test_bundling_gatsby:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.50.1-noble
+      - image: mcr.microsoft.com/playwright:v1.51.1-noble
         environment:
           GATSBY_CPU_COUNT: '3'
     working_directory: /tmp/material-ui/test/bundling/fixtures/gatsby/
@@ -736,7 +736,7 @@ jobs:
   test_benchmark:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.50.1-noble
+      - image: mcr.microsoft.com/playwright:v1.51.1-noble
     steps:
       - checkout
       - install_js:

apps/pigment-css-vite-app/package.json

@@ -17,7 +17,7 @@
     "@mui/system": "workspace:^",
     "@mui/utils": "workspace:^",
     "clsx": "^2.1.1",
-    "playwright": "^1.50.1",
+    "playwright": "^1.51.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-error-boundary": "^5.0.0",

benchmark/package.json

@@ -11,7 +11,7 @@
     "server:system": "cd ../ && cross-env NODE_ENV=production BABEL_ENV=benchmark babel-node benchmark/server/scenarios/system.js --inspect=0.0.0.0:9229 --extensions \".tsx,.ts,.js\""
   },
   "dependencies": {
-    "@babel/runtime": "^7.26.9",
+    "@babel/runtime": "^7.26.10",
     "@chakra-ui/system": "^2.6.2",
     "@emotion/react": "^11.13.5",
     "@emotion/server": "^11.11.0",
@@ -25,7 +25,7 @@
     "express": "^4.21.2",
     "fs-extra": "^11.3.0",
     "jss": "^10.10.0",
-    "playwright": "^1.50.1",
+    "playwright": "^1.51.1",
     "prop-types": "^15.8.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",

docs/package.json

@@ -19,9 +19,9 @@
     "link-check": "tsx ./scripts/reportBrokenLinks.js"
   },
   "dependencies": {
-    "@babel/core": "^7.26.9",
-    "@babel/runtime": "^7.26.9",
-    "@babel/runtime-corejs2": "^7.26.9",
+    "@babel/core": "^7.26.10",
+    "@babel/runtime": "^7.26.10",
+    "@babel/runtime-corejs2": "^7.26.10",
     "@docsearch/react": "^3.9.0",
     "@emotion/cache": "^11.13.5",
     "@emotion/react": "^11.13.5",
@@ -137,7 +137,7 @@
     "cross-fetch": "^4.1.0",
     "gm": "^1.25.1",
     "marked": "^15.0.7",
-    "playwright": "^1.50.1",
+    "playwright": "^1.51.1",
     "prettier": "^3.5.3",
     "tailwindcss": "^3.4.17",
     "yargs": "^17.7.2"

docs/pages/material-ui/api/step-label.json

@@ -14,12 +14,15 @@
     "slotProps": {
       "type": {
         "name": "shape",
-        "description": "{ label?: func<br>&#124;&nbsp;object, stepIcon?: func<br>&#124;&nbsp;object }"
+        "description": "{ label?: func<br>&#124;&nbsp;object, root?: func<br>&#124;&nbsp;object, stepIcon?: func<br>&#124;&nbsp;object }"
       },
       "default": "{}"
     },
     "slots": {
-      "type": { "name": "shape", "description": "{ label?: elementType, stepIcon?: elementType }" },
+      "type": {
+        "name": "shape",
+        "description": "{ label?: elementType, root?: elementType, stepIcon?: elementType }"
+      },
       "default": "{}"
     },
     "StepIconComponent": {
@@ -46,6 +49,12 @@
     "import { StepLabel } from '@mui/material';"
   ],
   "slots": [
+    {
+      "name": "root",
+      "description": "The component that renders the root.",
+      "default": "span",
+      "class": "MuiStepLabel-root"
+    },
     {
       "name": "label",
       "description": "The component that renders the label.",
@@ -107,12 +116,6 @@
       "description": "Styles applied to the container element which wraps label and `optional`.",
       "isGlobal": false
     },
-    {
-      "key": "root",
-      "className": "MuiStepLabel-root",
-      "description": "Styles applied to the root element.",
-      "isGlobal": false
-    },
     {
       "key": "vertical",
       "className": "MuiStepLabel-vertical",

docs/pages/material-ui/api/switch.json

@@ -47,6 +47,20 @@
       },
       "default": "'medium'"
     },
+    "slotProps": {
+      "type": {
+        "name": "shape",
+        "description": "{ input?: func<br>&#124;&nbsp;object, root?: func<br>&#124;&nbsp;object, switchBase?: func<br>&#124;&nbsp;object, thumb?: func<br>&#124;&nbsp;object, track?: func<br>&#124;&nbsp;object }"
+      },
+      "default": "{}"
+    },
+    "slots": {
+      "type": {
+        "name": "shape",
+        "description": "{ input?: elementType, root?: elementType, switchBase?: elementType, thumb?: elementType, track?: elementType }"
+      },
+      "default": "{}"
+    },
     "sx": {
       "type": {
         "name": "union",
@@ -61,6 +75,38 @@
     "import Switch from '@mui/material/Switch';",
     "import { Switch } from '@mui/material';"
   ],
+  "slots": [
+    {
+      "name": "root",
+      "description": "The component that renders the root slot.",
+      "default": "'span'",
+      "class": "MuiSwitch-root"
+    },
+    {
+      "name": "track",
+      "description": "The component that renders the track slot.",
+      "default": "'span'",
+      "class": "MuiSwitch-track"
+    },
+    {
+      "name": "thumb",
+      "description": "The component that renders the thumb slot.",
+      "default": "'span'",
+      "class": "MuiSwitch-thumb"
+    },
+    {
+      "name": "switchBase",
+      "description": "The component that renders the switchBase slot.",
+      "default": "SwitchBase",
+      "class": "MuiSwitch-switchBase"
+    },
+    {
+      "name": "input",
+      "description": "The component that renders the switchBase's input slot.",
+      "default": "SwitchBaseInput",
+      "class": "MuiSwitch-input"
+    }
+  ],
   "classes": [
     {
       "key": "checked",
@@ -98,18 +144,6 @@
       "description": "Styles applied to the root element if `edge=\"start\"`.",
       "isGlobal": false
     },
-    {
-      "key": "input",
-      "className": "MuiSwitch-input",
-      "description": "Styles applied to the internal SwitchBase component's input element.",
-      "isGlobal": false
-    },
-    {
-      "key": "root",
-      "className": "MuiSwitch-root",
-      "description": "Styles applied to the root element.",
-      "isGlobal": false
-    },
     {
       "key": "sizeMedium",
       "className": "MuiSwitch-sizeMedium",
@@ -121,24 +155,6 @@
       "className": "MuiSwitch-sizeSmall",
       "description": "Styles applied to the root element if `size=\"small\"`.",
       "isGlobal": false
-    },
-    {
-      "key": "switchBase",
-      "className": "MuiSwitch-switchBase",
-      "description": "Styles applied to the internal `SwitchBase` component's `root` class.",
-      "isGlobal": false
-    },
-    {
-      "key": "thumb",
-      "className": "MuiSwitch-thumb",
-      "description": "Styles used to create the thumb passed to the internal `SwitchBase` component `icon` prop.",
-      "isGlobal": false
-    },
-    {
-      "key": "track",
-      "className": "MuiSwitch-track",
-      "description": "Styles applied to the track element.",
-      "isGlobal": false
     }
   ],
   "spread": true,

docs/translations/api-docs/step-label/step-label.json

@@ -60,7 +60,6 @@
       "description": "Styles applied to {{nodeName}}.",
       "nodeName": "the container element which wraps label and <code>optional</code>"
     },
-    "root": { "description": "Styles applied to the root element." },
     "vertical": {
       "description": "Styles applied to {{nodeName}} if {{conditions}}.",
       "nodeName": "the root element",
@@ -69,6 +68,7 @@
   },
   "slotDescriptions": {
     "label": "The component that renders the label.",
+    "root": "The component that renders the root.",
     "stepIcon": "The component to render in place of the <a href=\"https://mui.com/material-ui/api/step-icon/\"><code>StepIcon</code></a>."
   }
 }

docs/translations/api-docs/switch/switch.json

@@ -33,6 +33,8 @@
     "size": {
       "description": "The size of the component. <code>small</code> is equivalent to the dense switch styling."
     },
+    "slotProps": { "description": "The props used for each slot inside." },
+    "slots": { "description": "The components used for each slot inside." },
     "sx": {
       "description": "The system prop that allows defining system overrides as well as additional CSS styles."
     },
@@ -69,11 +71,6 @@
       "nodeName": "the root element",
       "conditions": "<code>edge=\"start\"</code>"
     },
-    "input": {
-      "description": "Styles applied to {{nodeName}}.",
-      "nodeName": "the internal SwitchBase component&#39;s input element"
-    },
-    "root": { "description": "Styles applied to the root element." },
     "sizeMedium": {
       "description": "Styles applied to {{nodeName}} if {{conditions}}.",
       "nodeName": "the root element",
@@ -83,14 +80,13 @@
       "description": "Styles applied to {{nodeName}} if {{conditions}}.",
       "nodeName": "the root element",
       "conditions": "<code>size=\"small\"</code>"
-    },
-    "switchBase": {
-      "description": "Styles applied to {{nodeName}}.",
-      "nodeName": "the internal <code>SwitchBase</code> component&#39;s <code>root</code> class"
-    },
-    "thumb": {
-      "description": "Styles used to create the thumb passed to the internal <code>SwitchBase</code> component <code>icon</code> prop."
-    },
-    "track": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the track element" }
+    }
+  },
+  "slotDescriptions": {
+    "input": "The component that renders the switchBase&#39;s input slot.",
+    "root": "The component that renders the root slot.",
+    "switchBase": "The component that renders the switchBase slot.",
+    "thumb": "The component that renders the thumb slot.",
+    "track": "The component that renders the track slot."
   }
 }