update the API wording to target the root

mui · May 27, 2019 · c1649b4 · c1649b4
1 parent 185c623
commit c1649b4
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 14 deletions.
diff --git a/packages/material-ui/src/Container/Container.js b/packages/material-ui/src/Container/Container.js
@@ -12,7 +12,7 @@ export const styles = theme => ({
     boxSizing: 'border-box',
     marginRight: 'auto',
   },
-  /* Styles applied to the inner `component` element if `disableGutters={false}`. */
+  /* Styles applied to the root element if `disableGutters={false}`. */
   gutters: {
     paddingLeft: theme.spacing(2),
     paddingRight: theme.spacing(2),
@@ -25,7 +25,7 @@ export const styles = theme => ({
       paddingRight: theme.spacing(4),
     },
   },
-  /* Styles applied to the inner `component` element if `fixed={true}`. */
+  /* Styles applied to the root element if `fixed={true}`. */
   fixed: Object.keys(theme.breakpoints.values).reduce((acc, breakpoint) => {
     const value = theme.breakpoints.values[breakpoint];
 
@@ -36,31 +36,31 @@ export const styles = theme => ({
     }
     return acc;
   }, {}),
-  /* Styles applied to the inner `component` element if `maxWidth="xs"`. */
+  /* Styles applied to the root element if `maxWidth="xs"`. */
   maxWidthXs: {
     [theme.breakpoints.up('xs')]: {
       maxWidth: Math.max(theme.breakpoints.values.xs, 444),
     },
   },
-  /* Styles applied to the inner `component` element if `maxWidth="sm"`. */
+  /* Styles applied to the root element if `maxWidth="sm"`. */
   maxWidthSm: {
     [theme.breakpoints.up('sm')]: {
       maxWidth: theme.breakpoints.values.sm,
     },
   },
-  /* Styles applied to the inner `component` element if `maxWidth="md"`. */
+  /* Styles applied to the root element if `maxWidth="md"`. */
   maxWidthMd: {
     [theme.breakpoints.up('md')]: {
       maxWidth: theme.breakpoints.values.md,
     },
   },
-  /* Styles applied to the inner `component` element if `maxWidth="lg"`. */
+  /* Styles applied to the root element if `maxWidth="lg"`. */
   maxWidthLg: {
     [theme.breakpoints.up('lg')]: {
       maxWidth: theme.breakpoints.values.lg,
     },
   },
-  /* Styles applied to the inner `component` element if `maxWidth="xl"`. */
+  /* Styles applied to the root element if `maxWidth="xl"`. */
   maxWidthXl: {
     [theme.breakpoints.up('xl')]: {
       maxWidth: theme.breakpoints.values.xl,

diff --git a/pages/api/container.md b/pages/api/container.md
@@ -38,13 +38,13 @@ This property accepts the following keys:
 | Name | Description |
 |:-----|:------------|
 | <span class="prop-name">root</span> | Styles applied to the root element.
-| <span class="prop-name">gutters</span> | Styles applied to the inner `component` element if `disableGutters={false}`.
-| <span class="prop-name">fixed</span> | Styles applied to the inner `component` element if `fixed={true}`.
-| <span class="prop-name">maxWidthXs</span> | Styles applied to the inner `component` element if `maxWidth="xs"`.
-| <span class="prop-name">maxWidthSm</span> | Styles applied to the inner `component` element if `maxWidth="sm"`.
-| <span class="prop-name">maxWidthMd</span> | Styles applied to the inner `component` element if `maxWidth="md"`.
-| <span class="prop-name">maxWidthLg</span> | Styles applied to the inner `component` element if `maxWidth="lg"`.
-| <span class="prop-name">maxWidthXl</span> | Styles applied to the inner `component` element if `maxWidth="xl"`.
+| <span class="prop-name">gutters</span> | Styles applied to the root element if `disableGutters={false}`.
+| <span class="prop-name">fixed</span> | Styles applied to the root element if `fixed={true}`.
+| <span class="prop-name">maxWidthXs</span> | Styles applied to the root element if `maxWidth="xs"`.
+| <span class="prop-name">maxWidthSm</span> | Styles applied to the root element if `maxWidth="sm"`.
+| <span class="prop-name">maxWidthMd</span> | Styles applied to the root element if `maxWidth="md"`.
+| <span class="prop-name">maxWidthLg</span> | Styles applied to the root element if `maxWidth="lg"`.
+| <span class="prop-name">maxWidthXl</span> | Styles applied to the root element if `maxWidth="xl"`.
 
 Have a look at the [overriding styles with classes](/customization/components/#overriding-styles-with-classes) section
 and the [implementation of the component](https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Container/Container.js)