[docs] Fix e.g. typo

CHANGELOG.md

@@ -10720,7 +10720,7 @@ A big thanks to the 20 contributors who made this release possible. Here are som
 - [Avatar] Fix usage of srcset property (#23286) @matheuspiment
 - [ClickAwayListener] Fix mounting behavior in Portals in React 17 (#23315) @eps1lon
 - [core] Allow React 17 (#23311) @eps1lon
-- [Icon] Fix translation, e.g Google Translate (#23237) @cbeltrangomez84
+- [Icon] Fix translation, e.g. Google Translate (#23237) @cbeltrangomez84
 - [LinearProgress] Fix Safari's bug during composition of different paint (#23293) @montogeek
 - [Radio] Fix dot misalignment in Safari (#23239) @anasufana
 - [styled-engine] Fix tagged template syntax with multiple expressions (#23269) @eps1lon

CHANGELOG.old.md

@@ -5540,7 +5540,7 @@ you to add them up quickly in your head without having to worry about decimals.
 
 - [docs] Fix search suggestions on dark mode (#13874) @rfbotto
 - [docs] Add accessibility section to selection-controls with demo (#13896) @wyseguyonline
-- [docs] Add support for multiple demo variants e.g JS or Hooks (#13873) @adeelibr
+- [docs] Add support for multiple demo variants e.g. JS or Hooks (#13873) @adeelibr
 - [docs] Remove the withRoot HOC (#13909) @oliviertassinari
 - [docs] Add material-ui-pickers in pickers page (#13697) @dmtrKovalenko
 - [docs] Continue #13806 and port back some fix from @system (#13917) @oliviertassinari

docs/data/joy/components/autocomplete/FreeSoloCreateOptionDialog.js

@@ -80,7 +80,7 @@ export default function FreeSoloCreateOptionDialog() {
           }}
           options={top100Films}
           getOptionLabel={(option) => {
-            // e.g value selected with enter, right from the input
+            // e.g. value selected with enter, right from the input
             if (typeof option === 'string') {
               return option;
             }

docs/data/joy/components/autocomplete/FreeSoloCreateOptionDialog.tsx

@@ -80,7 +80,7 @@ export default function FreeSoloCreateOptionDialog() {
           }}
           options={top100Films}
           getOptionLabel={(option) => {
-            // e.g value selected with enter, right from the input
+            // e.g. value selected with enter, right from the input
             if (typeof option === 'string') {
               return option;
             }

docs/data/material/components/autocomplete/FreeSoloCreateOptionDialog.js

@@ -75,7 +75,7 @@ export default function FreeSoloCreateOptionDialog() {
         id="free-solo-dialog-demo"
         options={top100Films}
         getOptionLabel={(option) => {
-          // e.g value selected with enter, right from the input
+          // e.g. value selected with enter, right from the input
           if (typeof option === 'string') {
             return option;
           }

docs/data/material/components/autocomplete/FreeSoloCreateOptionDialog.tsx

@@ -75,7 +75,7 @@ export default function FreeSoloCreateOptionDialog() {
         id="free-solo-dialog-demo"
         options={top100Films}
         getOptionLabel={(option) => {
-          // e.g value selected with enter, right from the input
+          // e.g. value selected with enter, right from the input
           if (typeof option === 'string') {
             return option;
           }

docs/data/material/guides/minimizing-bundle-size/minimizing-bundle-size-pt.md

@@ -206,7 +206,7 @@ Finalmente, você pode converter sua base de código existente com esse [codemod
 
 The package published on npm is **transpiled**, with [Babel](https://github.com/babel/babel), to take into account the [supported platforms](/material-ui/getting-started/supported-platforms/).
 
-⚠️ Para minimizar a duplicação de código nos pacotes de usuários, autores de biblioteca são **fortemente desencorajados** a importar de qualquer um dos outros pacotes. Otherwise it's not guaranteed that dependencies used also use legacy or modern bundles. Instead, use these bundles at the bundler level with e.g [Webpack's `resolve.alias`](https://webpack.js.org/configuration/resolve/#resolvealias):
+⚠️ Para minimizar a duplicação de código nos pacotes de usuários, autores de biblioteca são **fortemente desencorajados** a importar de qualquer um dos outros pacotes. Otherwise it's not guaranteed that dependencies used also use legacy or modern bundles. Instead, use these bundles at the bundler level with e.g. [Webpack's `resolve.alias`](https://webpack.js.org/configuration/resolve/#resolvealias):
 
 ```js
 {

docs/data/material/guides/minimizing-bundle-size/minimizing-bundle-size-zh.md

@@ -206,7 +206,7 @@ module.exports = override(useBabelRc());
 
 The package published on npm is **transpiled**, with [Babel](https://github.com/babel/babel), to take into account the [supported platforms](/material-ui/getting-started/supported-platforms/).
 
-⚠️ 为了尽量减少用户捆绑包中的重复代码，库作者 **非常不鼓励** 从任何其他捆绑包中导入。 Otherwise it's not guaranteed that dependencies used also use legacy or modern bundles. Otherwise it's not guaranteed that dependencies used also use legacy or modern bundles. Instead, use these bundles at the bundler level with e.g [Webpack's `resolve.alias`](https://webpack.js.org/configuration/resolve/#resolvealias):
+⚠️ 为了尽量减少用户捆绑包中的重复代码，库作者 **非常不鼓励** 从任何其他捆绑包中导入。 Otherwise it's not guaranteed that dependencies used also use legacy or modern bundles. Otherwise it's not guaranteed that dependencies used also use legacy or modern bundles. Instead, use these bundles at the bundler level with e.g. [Webpack's `resolve.alias`](https://webpack.js.org/configuration/resolve/#resolvealias):
 
 ```js
 {

docs/data/material/guides/minimizing-bundle-size/minimizing-bundle-size.md

@@ -213,7 +213,7 @@ The package published on npm is **transpiled**, with [Babel](https://github.com/
 
 ⚠️ Developers are **strongly discouraged** to import from any of the other bundles directly.
 Otherwise it's not guaranteed that dependencies used also use legacy or modern bundles.
-Instead, use these bundles at the bundler level with e.g [Webpack's `resolve.alias`](https://webpack.js.org/configuration/resolve/#resolvealias):
+Instead, use these bundles at the bundler level with e.g. [Webpack's `resolve.alias`](https://webpack.js.org/configuration/resolve/#resolvealias):
 
 ```js
 {

docs/src/modules/sandbox/Dependencies.ts

@@ -128,7 +128,7 @@ export default function SandboxDependencies(
         deps[name] = versions[name] ? versions[name] : 'latest';
       }
 
-      // e.g date-fns
+      // e.g. date-fns
       const dateAdapterMatch = fullName.match(
         /^@mui\/(lab|x-date-pickers)\/(?<adapterName>Adapter.*)/,
       ) as RegExpMatchArrayWithGroups<{ adapterName: string }>;

docs/translations/api-docs/circular-progress/circular-progress-pt.json

@@ -4,7 +4,7 @@
     "classes": "Sobrescreve ou extende os estilos aplicados para o componente. Veja a <a href=\"#css\">API CSS</a> abaixo para maiores detalhes.",
     "color": "The color of the component. It supports both default and custom theme colors, which can be added as shown in the <a href=\"https://mui.com/material-ui/customization/palette/#adding-new-colors\">palette customization guide</a>.",
     "disableShrink": "If <code>true</code>, the shrink animation is disabled. This only works if variant is <code>indeterminate</code>.",
-    "size": "The size of the circle. If using a number, the pixel unit is assumed. If using a string, you need to provide the CSS unit, e.g &#39;3rem&#39;.",
+    "size": "The size of the circle. If using a number, the pixel unit is assumed. If using a string, you need to provide the CSS unit, e.g. &#39;3rem&#39;.",
     "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.",
     "thickness": "The thickness of the circle.",
     "value": "The value of the progress indicator for the determinate variant. Value between 0 and 100.",

docs/translations/api-docs/circular-progress/circular-progress-zh.json

@@ -4,7 +4,7 @@
     "classes": "Override or extend the styles applied to the component. See <a href=\"#css\">CSS API</a> below for more details.",
     "color": "The color of the component. It supports both default and custom theme colors, which can be added as shown in the <a href=\"https://mui.com/material-ui/customization/palette/#adding-new-colors\">palette customization guide</a>.",
     "disableShrink": "If <code>true</code>, the shrink animation is disabled. This only works if variant is <code>indeterminate</code>.",
-    "size": "The size of the circle. If using a number, the pixel unit is assumed. If using a string, you need to provide the CSS unit, e.g &#39;3rem&#39;.",
+    "size": "The size of the circle. If using a number, the pixel unit is assumed. If using a string, you need to provide the CSS unit, e.g. &#39;3rem&#39;.",
     "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.",
     "thickness": "The thickness of the circle.",
     "value": "The value of the progress indicator for the determinate variant. Value between 0 and 100.",

docs/translations/api-docs/circular-progress/circular-progress.json

@@ -9,7 +9,7 @@
       "description": "If <code>true</code>, the shrink animation is disabled. This only works if variant is <code>indeterminate</code>."
     },
     "size": {
-      "description": "The size of the component. If using a number, the pixel unit is assumed. If using a string, you need to provide the CSS unit, e.g &#39;3rem&#39;."
+      "description": "The size of the component. If using a number, the pixel unit is assumed. If using a string, you need to provide the CSS unit, e.g. &#39;3rem&#39;."
     },
     "sx": {
       "description": "The system prop that allows defining system overrides as well as additional CSS styles."

packages/mui-material/src/CircularProgress/CircularProgress.d.ts

@@ -31,7 +31,7 @@ export interface CircularProgressProps
   /**
    * The size of the component.
    * If using a number, the pixel unit is assumed.
-   * If using a string, you need to provide the CSS unit, e.g '3rem'.
+   * If using a string, you need to provide the CSS unit, e.g. '3rem'.
    * @default 40
    */
   size?: number | string;

packages/mui-material/src/CircularProgress/CircularProgress.js

@@ -238,7 +238,7 @@ CircularProgress.propTypes /* remove-proptypes */ = {
   /**
    * The size of the component.
    * If using a number, the pixel unit is assumed.
-   * If using a string, you need to provide the CSS unit, e.g '3rem'.
+   * If using a string, you need to provide the CSS unit, e.g. '3rem'.
    * @default 40
    */
   size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),

test/README.md

@@ -248,7 +248,7 @@ Possible values for `version`:
 
 - default: `stable` (minimum supported React version)
 - a tag on npm e.g. `next`, `experimental` or `latest`
-- an older version e.g `^17.0.0`
+- an older version e.g. `^17.0.0`
 
 #### CI
 

test/utils/initMatchers.ts

@@ -163,7 +163,7 @@ chai.use((chaiAPI, utils) => {
     // `CSSStyleDeclaration` is not constructable
     // https://stackoverflow.com/a/52732909/3406963
     // this is not equivalent to the declaration from `getComputedStyle`
-    // e.g `getComputedStyle` would return a readonly declaration
+    // e.g. `getComputedStyle` would return a readonly declaration
     // let's hope this doesn't get passed around until it's no longer clear where it comes from
     const declaration = document.createElement('span').style;