simplify it more!

Author: danilo-leal

docs/data/joy/components/button/ButtonLoadingIndicator.js

@@ -5,10 +5,8 @@ import Button from '@mui/joy/Button';
 export default function ButtonLoadingIndicator() {
   return (
     <Stack spacing={2} direction="row">
-      <Button loading variant="outlined">
-        Default
-      </Button>
-      <Button loading loadingIndicator="Loading…" variant="outlined">
+      <Button loading>Default</Button>
+      <Button loading loadingIndicator="Loading…">
         Custom
       </Button>
     </Stack>

docs/data/joy/components/button/ButtonLoadingIndicator.tsx

@@ -5,10 +5,8 @@ import Button from '@mui/joy/Button';
 export default function ButtonLoadingIndicator() {
   return (
     <Stack spacing={2} direction="row">
-      <Button loading variant="outlined">
-        Default
-      </Button>
-      <Button loading loadingIndicator="Loading…" variant="outlined">
+      <Button loading>Default</Button>
+      <Button loading loadingIndicator="Loading…">
         Custom
       </Button>
     </Stack>

docs/data/joy/components/button/ButtonLoadingIndicator.tsx.preview

@@ -1,6 +1,4 @@
-<Button loading variant="outlined">
-  Default
-</Button>
-<Button loading loadingIndicator="Loading…" variant="outlined">
+<Button loading>Default</Button>
+<Button loading loadingIndicator="Loading…">
   Custom
 </Button>

docs/data/joy/components/button/ButtonLoadingPosition.js

@@ -6,15 +6,10 @@ import Button from '@mui/joy/Button';
 export default function ButtonLoadingPosition() {
   return (
     <Stack spacing={2} direction="row">
-      <Button loading loadingPosition="start" variant="outlined">
+      <Button loading loadingPosition="start">
         Start
       </Button>
-      <Button
-        loading
-        loadingPosition="end"
-        endDecorator={<SendIcon />}
-        variant="outlined"
-      >
+      <Button loading loadingPosition="end" endDecorator={<SendIcon />}>
         End
       </Button>
     </Stack>

docs/data/joy/components/button/ButtonLoadingPosition.tsx

@@ -6,15 +6,10 @@ import Button from '@mui/joy/Button';
 export default function ButtonLoadingPosition() {
   return (
     <Stack spacing={2} direction="row">
-      <Button loading loadingPosition="start" variant="outlined">
+      <Button loading loadingPosition="start">
         Start
       </Button>
-      <Button
-        loading
-        loadingPosition="end"
-        endDecorator={<SendIcon />}
-        variant="outlined"
-      >
+      <Button loading loadingPosition="end" endDecorator={<SendIcon />}>
         End
       </Button>
     </Stack>

docs/data/joy/components/button/ButtonLoadingPosition.tsx.preview

@@ -1,11 +1,6 @@
-<Button loading loadingPosition="start" variant="outlined">
+<Button loading loadingPosition="start">
   Start
 </Button>
-<Button
-  loading
-  loadingPosition="end"
-  endDecorator={<SendIcon />}
-  variant="outlined"
->
+<Button loading loadingPosition="end" endDecorator={<SendIcon />}>
   End
 </Button>