[core] Batch small changes (#26738)

Author: oliviertassinari

benchmark/browser/webpack.config.js

@@ -33,9 +33,6 @@ module.exports = {
     ],
   },
   resolve: {
-    alias: {
-      'react-dom$': 'react-dom/profiling',
-    },
     extensions: ['.js', '.ts', '.tsx'],
   },
 };

docs/notifications.json

@@ -1,12 +1,12 @@
 [
-  {
-    "id": 27,
-    "text": "You can <a style=\"color: inherit;\" target=\"_blank\" rel=\"noopener\" href=\"https://twitter.com/MaterialUI\">follow us on Twitter</a> to receive exclusive tips and updates about Material-UI and the React ecosystem."
-  },
   {
     "id": 35,
     "title": "Let's translate!",
     "text": "<a style=\"color: inherit;\" target=\"_blank\" rel=\"noopener\" data-ga-event-category=\"l10n\" data-ga-event-action=\"notification\" data-ga-event-label=\"zh\" href=\"https://translate.material-ui.com/\">帮助 Material-UI 将文档翻译成中文</a>. 🇨🇳",
     "userLanguage": "zh"
+  },
+  {
+    "id": 53,
+    "text": "You can <a style=\"color: inherit;\" target=\"_blank\" rel=\"noopener\" href=\"https://twitter.com/MaterialUI\">follow us on Twitter</a> to receive exclusive tips and updates about Material-UI and the React ecosystem."
   }
 ]

docs/pages/branding/mui-x.tsx

@@ -490,7 +490,8 @@ const communityData = [
 const Slider = styled('div')(({ theme }) => ({
   scrollSnapType: 'x mandatory',
   display: 'flex',
-  WebkitOverflowScrolling: 'touch', // Add iOS momentum scrolling.
+  // Add iOS momentum scrolling for iOS < 13.0
+  WebkitOverflowScrolling: 'touch',
   overflowX: 'scroll',
   margin: '0 -15px',
   '& > div': {

docs/public/_redirects

@@ -25,6 +25,8 @@ https://material-ui.dev/* https://material-ui.com/:splat 301!
 /r/x-license https://material-ui.com/store/items/material-ui-pro/
 /r/migration-v4 /guides/migration-v4/
 
+/x/license/ https://docs.google.com/document/d/1nkd5JP5wCefo6UwpVi6PnbTaw8DxhstkCZlfHV5ZgfI/edit?usp=sharing 301
+
 # Legacy redirection
 # Added in chronological order
 # To be removed at some point

docs/public/static/ads-in-house/divjoy.png

@@ -97,13 +97,6 @@ const inHouseAds = [
     description:
       '<b>For Figma</b>. A large UI kit with over 600 handcrafted Material-UI components 🎨.',
   },
-  {
-    name: 'divjoy',
-    link: 'https://divjoy.com?via=material-ui',
-    img: '/static/ads-in-house/divjoy.png',
-    description:
-      '<b>Divjoy</b>. Create your Material-UI app in minutes. You’ll get a nice template, authentication, database integration, subscription payments, and more.',
-  },
 ];
 
 function Ad(props) {

docs/src/modules/components/Ad.js

@@ -66,9 +66,11 @@ For instance, we can implement the ["recommended"](https://material.io/design/la
 
 Responsive values is supported by:
 
-- `spacing`
-- `direction`
 - `columns`
+- `columnSpacing`
+- `direction`
+- `rowSpacing`
+- `spacing`
 - all the [other props](#system-props) of the system
 
 > ⚠️ When using a responsive `columns` prop, each grid item needs its corresponding breakpoint.

docs/src/pages/components/grid/grid.md

@@ -148,39 +148,39 @@ export default function ScrollPlayground() {
   const classes = useStyles();
 
   const jsx = `
-  <Popper
-    placement="${placement}"
-    disablePortal={${disablePortal}}
-    modifiers={[
-      {
-          name: 'flip',
-          enabled: ${flip.enabled},
-          options: {
-            altBoundary: ${flip.altBoundary},
-            rootBoundary: '${flip.rootBoundary}',
-            padding: 8
-          }
+<Popper
+  placement="${placement}"
+  disablePortal={${disablePortal}}
+  modifiers={[
+    {
+      name: 'flip',
+      enabled: ${flip.enabled},
+      options: {
+        altBoundary: ${flip.altBoundary},
+        rootBoundary: '${flip.rootBoundary}',
+        padding: 8,
       },
-      {
-        name: 'preventOverflow',
-        enabled: ${preventOverflow.enabled},
-        options: {
-          altAxis: ${preventOverflow.altAxis},
-          altBoundary: ${preventOverflow.altBoundary},
-          tether: ${preventOverflow.tether},
-          rootBoundary: ${preventOverflow.rootBoundary},
-          padding: 8
-        }
+    },
+    {
+      name: 'preventOverflow',
+      enabled: ${preventOverflow.enabled},
+      options: {
+        altAxis: ${preventOverflow.altAxis},
+        altBoundary: ${preventOverflow.altBoundary},
+        tether: ${preventOverflow.tether},
+        rootBoundary: '${preventOverflow.rootBoundary}',
+        padding: 8,
       },
-      {
-        name: 'arrow',
-        enabled: ${arrow},
-        options: {
-            element: arrowRef,
-        }
+    },
+    {
+      name: 'arrow',
+      enabled: ${arrow},
+      options: {
+        element: arrowRef,
       },
-    ]}
-  >
+    },
+  ]}
+>
   `;
   const id = open ? 'scroll-playground' : null;
 

docs/src/pages/components/popper/ScrollPlayground.js

@@ -29,7 +29,8 @@ const DialogContentRoot = styled('div', {
   },
 })(({ theme, styleProps }) => ({
   flex: '1 1 auto',
-  WebkitOverflowScrolling: 'touch', // Add iOS momentum scrolling.
+  // Add iOS momentum scrolling for iOS < 13.0
+  WebkitOverflowScrolling: 'touch',
   overflowY: 'auto',
   padding: '20px 24px',
   ...(styleProps.dividers

packages/material-ui/src/DialogContent/DialogContent.js

@@ -79,7 +79,8 @@ const DrawerPaper = styled(Paper, {
   height: '100%',
   flex: '1 0 auto',
   zIndex: theme.zIndex.drawer,
-  WebkitOverflowScrolling: 'touch', // Add iOS momentum scrolling.
+  // Add iOS momentum scrolling for iOS < 13.0
+  WebkitOverflowScrolling: 'touch',
   // temporary style
   position: 'fixed',
   top: 0,