Rorder variants in docs demos

mui · Nov 13, 2020 · d9e4380 · d9e4380
1 parent 4d3b03d
commit d9e4380
Show file tree

Hide file tree

Showing 21 changed files with 238 additions and 240 deletions.
diff --git a/docs/src/pages/components/text-fields/BasicTextFields.js b/docs/src/pages/components/text-fields/BasicTextFields.js
@@ -16,9 +16,9 @@ export default function BasicTextFields() {
 
   return (
     <form className={classes.root} noValidate autoComplete="off">
-      <TextField id="standard-basic" label="Standard" variant="standard" />
-      <TextField id="filled-basic" label="Filled" variant="filled" />
       <TextField id="outlined-basic" label="Outlined" />
+      <TextField id="filled-basic" label="Filled" variant="filled" />
+      <TextField id="standard-basic" label="Standard" variant="standard" />
     </form>
   );
 }
diff --git a/docs/src/pages/components/text-fields/BasicTextFields.tsx b/docs/src/pages/components/text-fields/BasicTextFields.tsx
@@ -18,9 +18,9 @@ export default function BasicTextFields() {
 
   return (
     <form className={classes.root} noValidate autoComplete="off">
-      <TextField id="standard-basic" label="Standard" variant="standard" />
-      <TextField id="filled-basic" label="Filled" variant="filled" />
       <TextField id="outlined-basic" label="Outlined" />
+      <TextField id="filled-basic" label="Filled" variant="filled" />
+      <TextField id="standard-basic" label="Standard" variant="standard" />
     </form>
   );
 }
diff --git a/docs/src/pages/components/text-fields/ColorTextFields.js b/docs/src/pages/components/text-fields/ColorTextFields.js
@@ -17,10 +17,9 @@ export default function ColorTextFields() {
   return (
     <form className={classes.root} noValidate autoComplete="off">
       <TextField
-        id="standard-secondary"
-        label="Standard secondary"
+        id="outlined-secondary"
+        label="Outlined secondary"
         color="secondary"
-        variant="standard"
       />
       <TextField
         id="filled-secondary"
@@ -29,9 +28,10 @@ export default function ColorTextFields() {
         color="secondary"
       />
       <TextField
-        id="outlined-secondary"
-        label="Outlined secondary"
+        id="standard-secondary"
+        label="Standard secondary"
         color="secondary"
+        variant="standard"
       />
     </form>
   );

diff --git a/docs/src/pages/components/text-fields/ColorTextFields.tsx b/docs/src/pages/components/text-fields/ColorTextFields.tsx
@@ -19,10 +19,9 @@ export default function ColorTextFields() {
   return (
     <form className={classes.root} noValidate autoComplete="off">
       <TextField
-        id="standard-secondary"
-        label="Standard secondary"
+        id="outlined-secondary"
+        label="Outlined secondary"
         color="secondary"
-        variant="standard"
       />
       <TextField
         id="filled-secondary"
@@ -31,9 +30,10 @@ export default function ColorTextFields() {
         color="secondary"
       />
       <TextField
-        id="outlined-secondary"
-        label="Outlined secondary"
+        id="standard-secondary"
+        label="Standard secondary"
         color="secondary"
+        variant="standard"
       />
     </form>
   );

diff --git a/docs/src/pages/components/text-fields/CustomizedInputs.js b/docs/src/pages/components/text-fields/CustomizedInputs.js
@@ -101,10 +101,7 @@ function RedditTextField(props) {
   const classes = useStylesReddit();
 
   return (
-    <TextField
-      InputProps={{ classes, disableUnderline: true }}
-      {...props}
-    />
+    <TextField InputProps={{ classes, disableUnderline: true }} {...props} />
   );
 }
 
@@ -194,6 +191,7 @@ export default function CustomizedInputs() {
         className={classes.margin}
         label="CSS validation style"
         required
+        variant="outlined"
         defaultValue="Success"
         id="validation-outlined-input"
       />

diff --git a/docs/src/pages/components/text-fields/FormPropsTextFields.js b/docs/src/pages/components/text-fields/FormPropsTextFields.js
@@ -19,55 +19,44 @@ export default function FormPropsTextFields() {
       <div>
         <TextField
           required
-          id="standard-required"
+          id="outlined-required"
           label="Required"
           defaultValue="Hello World"
-          variant="standard"
         />
         <TextField
           disabled
-          id="standard-disabled"
+          id="outlined-disabled"
           label="Disabled"
           defaultValue="Hello World"
-          variant="standard"
         />
         <TextField
-          id="standard-password-input"
+          id="outlined-password-input"
           label="Password"
           type="password"
           autoComplete="current-password"
-          variant="standard"
         />
         <TextField
-          id="standard-read-only-input"
+          id="outlined-read-only-input"
           label="Read Only"
           defaultValue="Hello World"
           InputProps={{
             readOnly: true,
           }}
-          variant="standard"
         />
         <TextField
-          id="standard-number"
+          id="outlined-number"
           label="Number"
           type="number"
           InputLabelProps={{
             shrink: true,
           }}
-          variant="standard"
-        />
-        <TextField
-          id="standard-search"
-          label="Search field"
-          type="search"
-          variant="standard"
         />
+        <TextField id="outlined-search" label="Search field" type="search" />
         <TextField
-          id="standard-helperText"
+          id="outlined-helperText"
           label="Helper text"
           defaultValue="Default Value"
           helperText="Some important text"
-          variant="standard"
         />
       </div>
       <div>
@@ -127,44 +116,55 @@ export default function FormPropsTextFields() {
       <div>
         <TextField
           required
-          id="outlined-required"
+          id="standard-required"
           label="Required"
           defaultValue="Hello World"
+          variant="standard"
         />
         <TextField
           disabled
-          id="outlined-disabled"
+          id="standard-disabled"
           label="Disabled"
           defaultValue="Hello World"
+          variant="standard"
         />
         <TextField
-          id="outlined-password-input"
+          id="standard-password-input"
           label="Password"
           type="password"
           autoComplete="current-password"
+          variant="standard"
         />
         <TextField
-          id="outlined-read-only-input"
+          id="standard-read-only-input"
           label="Read Only"
           defaultValue="Hello World"
           InputProps={{
             readOnly: true,
           }}
+          variant="standard"
         />
         <TextField
-          id="outlined-number"
+          id="standard-number"
           label="Number"
           type="number"
           InputLabelProps={{
             shrink: true,
           }}
+          variant="standard"
         />
-        <TextField id="outlined-search" label="Search field" type="search" />
         <TextField
-          id="outlined-helperText"
+          id="standard-search"
+          label="Search field"
+          type="search"
+          variant="standard"
+        />
+        <TextField
+          id="standard-helperText"
           label="Helper text"
           defaultValue="Default Value"
           helperText="Some important text"
+          variant="standard"
         />
       </div>
     </form>

diff --git a/docs/src/pages/components/text-fields/FormPropsTextFields.tsx b/docs/src/pages/components/text-fields/FormPropsTextFields.tsx
@@ -21,55 +21,44 @@ export default function FormPropsTextFields() {
       <div>
         <TextField
           required
-          id="standard-required"
+          id="outlined-required"
           label="Required"
           defaultValue="Hello World"
-          variant="standard"
         />
         <TextField
           disabled
-          id="standard-disabled"
+          id="outlined-disabled"
           label="Disabled"
           defaultValue="Hello World"
-          variant="standard"
         />
         <TextField
-          id="standard-password-input"
+          id="outlined-password-input"
           label="Password"
           type="password"
           autoComplete="current-password"
-          variant="standard"
         />
         <TextField
-          id="standard-read-only-input"
+          id="outlined-read-only-input"
           label="Read Only"
           defaultValue="Hello World"
           InputProps={{
             readOnly: true,
           }}
-          variant="standard"
         />
         <TextField
-          id="standard-number"
+          id="outlined-number"
           label="Number"
           type="number"
           InputLabelProps={{
             shrink: true,
           }}
-          variant="standard"
-        />
-        <TextField
-          id="standard-search"
-          label="Search field"
-          type="search"
-          variant="standard"
         />
+        <TextField id="outlined-search" label="Search field" type="search" />
         <TextField
-          id="standard-helperText"
+          id="outlined-helperText"
           label="Helper text"
           defaultValue="Default Value"
           helperText="Some important text"
-          variant="standard"
         />
       </div>
       <div>
@@ -129,44 +118,55 @@ export default function FormPropsTextFields() {
       <div>
         <TextField
           required
-          id="outlined-required"
+          id="standard-required"
           label="Required"
           defaultValue="Hello World"
+          variant="standard"
         />
         <TextField
           disabled
-          id="outlined-disabled"
+          id="standard-disabled"
           label="Disabled"
           defaultValue="Hello World"
+          variant="standard"
         />
         <TextField
-          id="outlined-password-input"
+          id="standard-password-input"
           label="Password"
           type="password"
           autoComplete="current-password"
+          variant="standard"
         />
         <TextField
-          id="outlined-read-only-input"
+          id="standard-read-only-input"
           label="Read Only"
           defaultValue="Hello World"
           InputProps={{
             readOnly: true,
           }}
+          variant="standard"
         />
         <TextField
-          id="outlined-number"
+          id="standard-number"
           label="Number"
           type="number"
           InputLabelProps={{
             shrink: true,
           }}
+          variant="standard"
         />
-        <TextField id="outlined-search" label="Search field" type="search" />
         <TextField
-          id="outlined-helperText"
+          id="standard-search"
+          label="Search field"
+          type="search"
+          variant="standard"
+        />
+        <TextField
+          id="standard-helperText"
           label="Helper text"
           defaultValue="Default Value"
           helperText="Some important text"
+          variant="standard"
         />
       </div>
     </form>