From 7bd5a47a8d0df1c0e1b98092261f87327ad8d2a3 Mon Sep 17 00:00:00 2001
From: Danilo Leal <67129314+danilo-leal@users.noreply.github.com>
Date: Wed, 20 Sep 2023 17:03:42 -0300
Subject: [PATCH 1/4] simplify the demo

---
 docs/data/joy/components/button/ButtonLoadingIndicator.js      | 3 +--
 docs/data/joy/components/button/ButtonLoadingIndicator.tsx     | 3 +--
 .../joy/components/button/ButtonLoadingIndicator.tsx.preview   | 2 +-
 3 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/docs/data/joy/components/button/ButtonLoadingIndicator.js b/docs/data/joy/components/button/ButtonLoadingIndicator.js
index 218db616a29f1e..7fa168c95093aa 100644
--- a/docs/data/joy/components/button/ButtonLoadingIndicator.js
+++ b/docs/data/joy/components/button/ButtonLoadingIndicator.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
 import Stack from '@mui/joy/Stack';
-import SendIcon from '@mui/icons-material/Send';
 import Button from '@mui/joy/Button';
 
 export default function ButtonLoadingIndicator() {
   return (
     <Stack spacing={2} direction="row">
-      <Button loading endDecorator={<SendIcon />} variant="solid">
+      <Button loading variant="solid">
         Send
       </Button>
       <Button loading loadingIndicator="Loading…" variant="outlined">
diff --git a/docs/data/joy/components/button/ButtonLoadingIndicator.tsx b/docs/data/joy/components/button/ButtonLoadingIndicator.tsx
index 218db616a29f1e..7fa168c95093aa 100644
--- a/docs/data/joy/components/button/ButtonLoadingIndicator.tsx
+++ b/docs/data/joy/components/button/ButtonLoadingIndicator.tsx
@@ -1,12 +1,11 @@
 import * as React from 'react';
 import Stack from '@mui/joy/Stack';
-import SendIcon from '@mui/icons-material/Send';
 import Button from '@mui/joy/Button';
 
 export default function ButtonLoadingIndicator() {
   return (
     <Stack spacing={2} direction="row">
-      <Button loading endDecorator={<SendIcon />} variant="solid">
+      <Button loading variant="solid">
         Send
       </Button>
       <Button loading loadingIndicator="Loading…" variant="outlined">
diff --git a/docs/data/joy/components/button/ButtonLoadingIndicator.tsx.preview b/docs/data/joy/components/button/ButtonLoadingIndicator.tsx.preview
index ca37d5ae89ed8c..f72297ef3d10d5 100644
--- a/docs/data/joy/components/button/ButtonLoadingIndicator.tsx.preview
+++ b/docs/data/joy/components/button/ButtonLoadingIndicator.tsx.preview
@@ -1,4 +1,4 @@
-<Button loading endDecorator={<SendIcon />} variant="solid">
+<Button loading variant="solid">
   Send
 </Button>
 <Button loading loadingIndicator="Loading…" variant="outlined">

From b1af0b549f58f8344a494e5e5224a2b584890cb7 Mon Sep 17 00:00:00 2001
From: Danilo Leal <67129314+danilo-leal@users.noreply.github.com>
Date: Wed, 20 Sep 2023 21:04:04 -0300
Subject: [PATCH 2/4] simplifying demos

---
 docs/data/joy/components/button/ButtonLoadingIndicator.js   | 6 +++---
 docs/data/joy/components/button/ButtonLoadingIndicator.tsx  | 6 +++---
 .../components/button/ButtonLoadingIndicator.tsx.preview    | 6 +++---
 docs/data/joy/components/button/ButtonLoadingPosition.js    | 6 +++---
 docs/data/joy/components/button/ButtonLoadingPosition.tsx   | 6 +++---
 .../joy/components/button/ButtonLoadingPosition.tsx.preview | 6 +++---
 6 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/docs/data/joy/components/button/ButtonLoadingIndicator.js b/docs/data/joy/components/button/ButtonLoadingIndicator.js
index 7fa168c95093aa..bdb8096be4b3f4 100644
--- a/docs/data/joy/components/button/ButtonLoadingIndicator.js
+++ b/docs/data/joy/components/button/ButtonLoadingIndicator.js
@@ -5,11 +5,11 @@ import Button from '@mui/joy/Button';
 export default function ButtonLoadingIndicator() {
   return (
     <Stack spacing={2} direction="row">
-      <Button loading variant="solid">
-        Send
+      <Button loading variant="outlined">
+        Default
       </Button>
       <Button loading loadingIndicator="Loading…" variant="outlined">
-        Fetch data
+        Custom
       </Button>
     </Stack>
   );
diff --git a/docs/data/joy/components/button/ButtonLoadingIndicator.tsx b/docs/data/joy/components/button/ButtonLoadingIndicator.tsx
index 7fa168c95093aa..bdb8096be4b3f4 100644
--- a/docs/data/joy/components/button/ButtonLoadingIndicator.tsx
+++ b/docs/data/joy/components/button/ButtonLoadingIndicator.tsx
@@ -5,11 +5,11 @@ import Button from '@mui/joy/Button';
 export default function ButtonLoadingIndicator() {
   return (
     <Stack spacing={2} direction="row">
-      <Button loading variant="solid">
-        Send
+      <Button loading variant="outlined">
+        Default
       </Button>
       <Button loading loadingIndicator="Loading…" variant="outlined">
-        Fetch data
+        Custom
       </Button>
     </Stack>
   );
diff --git a/docs/data/joy/components/button/ButtonLoadingIndicator.tsx.preview b/docs/data/joy/components/button/ButtonLoadingIndicator.tsx.preview
index f72297ef3d10d5..b1a6866a20a526 100644
--- a/docs/data/joy/components/button/ButtonLoadingIndicator.tsx.preview
+++ b/docs/data/joy/components/button/ButtonLoadingIndicator.tsx.preview
@@ -1,6 +1,6 @@
-<Button loading variant="solid">
-  Send
+<Button loading variant="outlined">
+  Default
 </Button>
 <Button loading loadingIndicator="Loading…" variant="outlined">
-  Fetch data
+  Custom
 </Button>
\ No newline at end of file
diff --git a/docs/data/joy/components/button/ButtonLoadingPosition.js b/docs/data/joy/components/button/ButtonLoadingPosition.js
index 4c851a0de942f7..885358b6f1e421 100644
--- a/docs/data/joy/components/button/ButtonLoadingPosition.js
+++ b/docs/data/joy/components/button/ButtonLoadingPosition.js
@@ -7,15 +7,15 @@ export default function ButtonLoadingPosition() {
   return (
     <Stack spacing={2} direction="row">
       <Button loading loadingPosition="start" variant="outlined">
-        Fetch data
+        Start
       </Button>
       <Button
         loading
         loadingPosition="end"
         endDecorator={<SendIcon />}
-        variant="solid"
+        variant="outlined"
       >
-        Send
+        End
       </Button>
     </Stack>
   );
diff --git a/docs/data/joy/components/button/ButtonLoadingPosition.tsx b/docs/data/joy/components/button/ButtonLoadingPosition.tsx
index 4c851a0de942f7..885358b6f1e421 100644
--- a/docs/data/joy/components/button/ButtonLoadingPosition.tsx
+++ b/docs/data/joy/components/button/ButtonLoadingPosition.tsx
@@ -7,15 +7,15 @@ export default function ButtonLoadingPosition() {
   return (
     <Stack spacing={2} direction="row">
       <Button loading loadingPosition="start" variant="outlined">
-        Fetch data
+        Start
       </Button>
       <Button
         loading
         loadingPosition="end"
         endDecorator={<SendIcon />}
-        variant="solid"
+        variant="outlined"
       >
-        Send
+        End
       </Button>
     </Stack>
   );
diff --git a/docs/data/joy/components/button/ButtonLoadingPosition.tsx.preview b/docs/data/joy/components/button/ButtonLoadingPosition.tsx.preview
index 711e7cf236fcf7..81e63e6e2ac047 100644
--- a/docs/data/joy/components/button/ButtonLoadingPosition.tsx.preview
+++ b/docs/data/joy/components/button/ButtonLoadingPosition.tsx.preview
@@ -1,11 +1,11 @@
 <Button loading loadingPosition="start" variant="outlined">
-  Fetch data
+  Start
 </Button>
 <Button
   loading
   loadingPosition="end"
   endDecorator={<SendIcon />}
-  variant="solid"
+  variant="outlined"
 >
-  Send
+  End
 </Button>
\ No newline at end of file

From 9c8ca4370638bf32dc77531cc925b84fb008183f Mon Sep 17 00:00:00 2001
From: Danilo Leal <67129314+danilo-leal@users.noreply.github.com>
Date: Wed, 20 Sep 2023 22:18:52 -0300
Subject: [PATCH 3/4] simplify it more!

---
 .../data/joy/components/button/ButtonLoadingIndicator.js | 6 ++----
 .../joy/components/button/ButtonLoadingIndicator.tsx     | 6 ++----
 .../components/button/ButtonLoadingIndicator.tsx.preview | 6 ++----
 docs/data/joy/components/button/ButtonLoadingPosition.js | 9 ++-------
 .../data/joy/components/button/ButtonLoadingPosition.tsx | 9 ++-------
 .../components/button/ButtonLoadingPosition.tsx.preview  | 9 ++-------
 6 files changed, 12 insertions(+), 33 deletions(-)

diff --git a/docs/data/joy/components/button/ButtonLoadingIndicator.js b/docs/data/joy/components/button/ButtonLoadingIndicator.js
index bdb8096be4b3f4..1c7ee08cf349e4 100644
--- a/docs/data/joy/components/button/ButtonLoadingIndicator.js
+++ b/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>
diff --git a/docs/data/joy/components/button/ButtonLoadingIndicator.tsx b/docs/data/joy/components/button/ButtonLoadingIndicator.tsx
index bdb8096be4b3f4..1c7ee08cf349e4 100644
--- a/docs/data/joy/components/button/ButtonLoadingIndicator.tsx
+++ b/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>
diff --git a/docs/data/joy/components/button/ButtonLoadingIndicator.tsx.preview b/docs/data/joy/components/button/ButtonLoadingIndicator.tsx.preview
index b1a6866a20a526..0a6efd65cfe58c 100644
--- a/docs/data/joy/components/button/ButtonLoadingIndicator.tsx.preview
+++ b/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>
\ No newline at end of file
diff --git a/docs/data/joy/components/button/ButtonLoadingPosition.js b/docs/data/joy/components/button/ButtonLoadingPosition.js
index 885358b6f1e421..581a696a66b472 100644
--- a/docs/data/joy/components/button/ButtonLoadingPosition.js
+++ b/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>
diff --git a/docs/data/joy/components/button/ButtonLoadingPosition.tsx b/docs/data/joy/components/button/ButtonLoadingPosition.tsx
index 885358b6f1e421..581a696a66b472 100644
--- a/docs/data/joy/components/button/ButtonLoadingPosition.tsx
+++ b/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>
diff --git a/docs/data/joy/components/button/ButtonLoadingPosition.tsx.preview b/docs/data/joy/components/button/ButtonLoadingPosition.tsx.preview
index 81e63e6e2ac047..bfd56d5dd5007e 100644
--- a/docs/data/joy/components/button/ButtonLoadingPosition.tsx.preview
+++ b/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>
\ No newline at end of file

From 1d525a4b99294c492713c86ab56b876e17df97a8 Mon Sep 17 00:00:00 2001
From: Danilo Leal <67129314+danilo-leal@users.noreply.github.com>
Date: Wed, 20 Sep 2023 22:47:11 -0300
Subject: [PATCH 4/4] bonus simplification (decorator demo)

---
 docs/data/joy/components/button/ButtonIcons.js          | 8 ++------
 docs/data/joy/components/button/ButtonIcons.tsx         | 8 ++------
 docs/data/joy/components/button/ButtonIcons.tsx.preview | 7 ++-----
 3 files changed, 6 insertions(+), 17 deletions(-)

diff --git a/docs/data/joy/components/button/ButtonIcons.js b/docs/data/joy/components/button/ButtonIcons.js
index 92f1fad0a6e88b..9f5ae31a1952ab 100644
--- a/docs/data/joy/components/button/ButtonIcons.js
+++ b/docs/data/joy/components/button/ButtonIcons.js
@@ -3,17 +3,13 @@ import Box from '@mui/joy/Box';
 import Button from '@mui/joy/Button';
 import Add from '@mui/icons-material/Add';
 import KeyboardArrowRight from '@mui/icons-material/KeyboardArrowRight';
-import ThumbUp from '@mui/icons-material/ThumbUp';
 
 export default function ButtonIcons() {
   return (
     <Box sx={{ display: 'flex', gap: 2, flexWrap: 'wrap' }}>
       <Button startDecorator={<Add />}>Add to cart</Button>
-      <Button aria-label="Like" variant="outlined" color="neutral">
-        <ThumbUp />
-      </Button>
-      <Button variant="soft" endDecorator={<KeyboardArrowRight />} color="success">
-        Checkout
+      <Button endDecorator={<KeyboardArrowRight />} color="success">
+        Go to checkout
       </Button>
     </Box>
   );
diff --git a/docs/data/joy/components/button/ButtonIcons.tsx b/docs/data/joy/components/button/ButtonIcons.tsx
index 92f1fad0a6e88b..9f5ae31a1952ab 100644
--- a/docs/data/joy/components/button/ButtonIcons.tsx
+++ b/docs/data/joy/components/button/ButtonIcons.tsx
@@ -3,17 +3,13 @@ import Box from '@mui/joy/Box';
 import Button from '@mui/joy/Button';
 import Add from '@mui/icons-material/Add';
 import KeyboardArrowRight from '@mui/icons-material/KeyboardArrowRight';
-import ThumbUp from '@mui/icons-material/ThumbUp';
 
 export default function ButtonIcons() {
   return (
     <Box sx={{ display: 'flex', gap: 2, flexWrap: 'wrap' }}>
       <Button startDecorator={<Add />}>Add to cart</Button>
-      <Button aria-label="Like" variant="outlined" color="neutral">
-        <ThumbUp />
-      </Button>
-      <Button variant="soft" endDecorator={<KeyboardArrowRight />} color="success">
-        Checkout
+      <Button endDecorator={<KeyboardArrowRight />} color="success">
+        Go to checkout
       </Button>
     </Box>
   );
diff --git a/docs/data/joy/components/button/ButtonIcons.tsx.preview b/docs/data/joy/components/button/ButtonIcons.tsx.preview
index afff65cdf0dd2f..c6f6c28970d81d 100644
--- a/docs/data/joy/components/button/ButtonIcons.tsx.preview
+++ b/docs/data/joy/components/button/ButtonIcons.tsx.preview
@@ -1,7 +1,4 @@
 <Button startDecorator={<Add />}>Add to cart</Button>
-<Button aria-label="Like" variant="outlined" color="neutral">
-  <ThumbUp />
-</Button>
-<Button variant="soft" endDecorator={<KeyboardArrowRight />} color="success">
-  Checkout
+<Button endDecorator={<KeyboardArrowRight />} color="success">
+  Go to checkout
 </Button>
\ No newline at end of file