From e5cc087e5de93576cd17417845b60f137c6bf9d8 Mon Sep 17 00:00:00 2001
From: ChinoUkaegbu <77782533+ChinoUkaegbu@users.noreply.github.com>
Date: Wed, 16 Oct 2024 11:14:46 +0000
Subject: [PATCH 1/3] dynamically modify the password icon aria-label

---
 .../data/material/components/text-fields/InputAdornments.js | 6 +++---
 .../material/components/text-fields/InputAdornments.tsx     | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/docs/data/material/components/text-fields/InputAdornments.js b/docs/data/material/components/text-fields/InputAdornments.js
index 4176586ca9e943..1b981f05e2249f 100644
--- a/docs/data/material/components/text-fields/InputAdornments.js
+++ b/docs/data/material/components/text-fields/InputAdornments.js
@@ -57,7 +57,7 @@ export default function InputAdornments() {
             endAdornment={
               <InputAdornment position="end">
                 <IconButton
-                  aria-label="toggle password visibility"
+                  aria-label={showPassword ? 'display the password' : 'hide the password'}
                   onClick={handleClickShowPassword}
                   onMouseDown={handleMouseDownPassword}
                   onMouseUp={handleMouseUpPassword}
@@ -110,7 +110,7 @@ export default function InputAdornments() {
             endAdornment={
               <InputAdornment position="end">
                 <IconButton
-                  aria-label="toggle password visibility"
+                  aria-label={showPassword ? 'display the password' : 'hide the password'}
                   onClick={handleClickShowPassword}
                   onMouseDown={handleMouseDownPassword}
                   onMouseUp={handleMouseUpPassword}
@@ -161,7 +161,7 @@ export default function InputAdornments() {
             endAdornment={
               <InputAdornment position="end">
                 <IconButton
-                  aria-label="toggle password visibility"
+                  aria-label={showPassword ? 'display the password' : 'hide the password'}
                   onClick={handleClickShowPassword}
                   onMouseDown={handleMouseDownPassword}
                   onMouseUp={handleMouseUpPassword}
diff --git a/docs/data/material/components/text-fields/InputAdornments.tsx b/docs/data/material/components/text-fields/InputAdornments.tsx
index 661945ed50b13f..a69ad0c69b9ede 100644
--- a/docs/data/material/components/text-fields/InputAdornments.tsx
+++ b/docs/data/material/components/text-fields/InputAdornments.tsx
@@ -57,7 +57,7 @@ export default function InputAdornments() {
             endAdornment={
               <InputAdornment position="end">
                 <IconButton
-                  aria-label="toggle password visibility"
+                  aria-label={showPassword ? 'display the password' : 'hide the password'}
                   onClick={handleClickShowPassword}
                   onMouseDown={handleMouseDownPassword}
                   onMouseUp={handleMouseUpPassword}
@@ -110,7 +110,7 @@ export default function InputAdornments() {
             endAdornment={
               <InputAdornment position="end">
                 <IconButton
-                  aria-label="toggle password visibility"
+                  aria-label={showPassword ? 'display the password' : 'hide the password'}
                   onClick={handleClickShowPassword}
                   onMouseDown={handleMouseDownPassword}
                   onMouseUp={handleMouseUpPassword}
@@ -161,7 +161,7 @@ export default function InputAdornments() {
             endAdornment={
               <InputAdornment position="end">
                 <IconButton
-                  aria-label="toggle password visibility"
+                  aria-label={showPassword ? 'display the password' : 'hide the password'}
                   onClick={handleClickShowPassword}
                   onMouseDown={handleMouseDownPassword}
                   onMouseUp={handleMouseUpPassword}

From 33c14d37ab5dca722bf2702c501a63ebabfc512f Mon Sep 17 00:00:00 2001
From: ChinoUkaegbu <77782533+ChinoUkaegbu@users.noreply.github.com>
Date: Wed, 16 Oct 2024 11:38:34 +0000
Subject: [PATCH 2/3] run prettier and format demos

---
 .../components/text-fields/InputAdornments.js        | 12 +++++++++---
 .../components/text-fields/InputAdornments.tsx       | 12 +++++++++---
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/docs/data/material/components/text-fields/InputAdornments.js b/docs/data/material/components/text-fields/InputAdornments.js
index 1b981f05e2249f..60d20352aed30f 100644
--- a/docs/data/material/components/text-fields/InputAdornments.js
+++ b/docs/data/material/components/text-fields/InputAdornments.js
@@ -57,7 +57,9 @@ export default function InputAdornments() {
             endAdornment={
               <InputAdornment position="end">
                 <IconButton
-                  aria-label={showPassword ? 'display the password' : 'hide the password'}
+                  aria-label={
+                    showPassword ? 'display the password' : 'hide the password'
+                  }
                   onClick={handleClickShowPassword}
                   onMouseDown={handleMouseDownPassword}
                   onMouseUp={handleMouseUpPassword}
@@ -110,7 +112,9 @@ export default function InputAdornments() {
             endAdornment={
               <InputAdornment position="end">
                 <IconButton
-                  aria-label={showPassword ? 'display the password' : 'hide the password'}
+                  aria-label={
+                    showPassword ? 'display the password' : 'hide the password'
+                  }
                   onClick={handleClickShowPassword}
                   onMouseDown={handleMouseDownPassword}
                   onMouseUp={handleMouseUpPassword}
@@ -161,7 +165,9 @@ export default function InputAdornments() {
             endAdornment={
               <InputAdornment position="end">
                 <IconButton
-                  aria-label={showPassword ? 'display the password' : 'hide the password'}
+                  aria-label={
+                    showPassword ? 'display the password' : 'hide the password'
+                  }
                   onClick={handleClickShowPassword}
                   onMouseDown={handleMouseDownPassword}
                   onMouseUp={handleMouseUpPassword}
diff --git a/docs/data/material/components/text-fields/InputAdornments.tsx b/docs/data/material/components/text-fields/InputAdornments.tsx
index a69ad0c69b9ede..bbb4ba7ab30b10 100644
--- a/docs/data/material/components/text-fields/InputAdornments.tsx
+++ b/docs/data/material/components/text-fields/InputAdornments.tsx
@@ -57,7 +57,9 @@ export default function InputAdornments() {
             endAdornment={
               <InputAdornment position="end">
                 <IconButton
-                  aria-label={showPassword ? 'display the password' : 'hide the password'}
+                  aria-label={
+                    showPassword ? 'display the password' : 'hide the password'
+                  }
                   onClick={handleClickShowPassword}
                   onMouseDown={handleMouseDownPassword}
                   onMouseUp={handleMouseUpPassword}
@@ -110,7 +112,9 @@ export default function InputAdornments() {
             endAdornment={
               <InputAdornment position="end">
                 <IconButton
-                  aria-label={showPassword ? 'display the password' : 'hide the password'}
+                  aria-label={
+                    showPassword ? 'display the password' : 'hide the password'
+                  }
                   onClick={handleClickShowPassword}
                   onMouseDown={handleMouseDownPassword}
                   onMouseUp={handleMouseUpPassword}
@@ -161,7 +165,9 @@ export default function InputAdornments() {
             endAdornment={
               <InputAdornment position="end">
                 <IconButton
-                  aria-label={showPassword ? 'display the password' : 'hide the password'}
+                  aria-label={
+                    showPassword ? 'display the password' : 'hide the password'
+                  }
                   onClick={handleClickShowPassword}
                   onMouseDown={handleMouseDownPassword}
                   onMouseUp={handleMouseUpPassword}

From ece712319e0742332937f770e07d1885a04d044c Mon Sep 17 00:00:00 2001
From: ChinoUkaegbu <77782533+ChinoUkaegbu@users.noreply.github.com>
Date: Wed, 16 Oct 2024 12:16:40 +0000
Subject: [PATCH 3/3] switch hide and display order to correct order

---
 .../data/material/components/text-fields/InputAdornments.js | 6 +++---
 .../material/components/text-fields/InputAdornments.tsx     | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/docs/data/material/components/text-fields/InputAdornments.js b/docs/data/material/components/text-fields/InputAdornments.js
index 60d20352aed30f..6827769521ffae 100644
--- a/docs/data/material/components/text-fields/InputAdornments.js
+++ b/docs/data/material/components/text-fields/InputAdornments.js
@@ -58,7 +58,7 @@ export default function InputAdornments() {
               <InputAdornment position="end">
                 <IconButton
                   aria-label={
-                    showPassword ? 'display the password' : 'hide the password'
+                    showPassword ? 'hide the password' : 'display the password'
                   }
                   onClick={handleClickShowPassword}
                   onMouseDown={handleMouseDownPassword}
@@ -113,7 +113,7 @@ export default function InputAdornments() {
               <InputAdornment position="end">
                 <IconButton
                   aria-label={
-                    showPassword ? 'display the password' : 'hide the password'
+                    showPassword ? 'hide the password' : 'display the password'
                   }
                   onClick={handleClickShowPassword}
                   onMouseDown={handleMouseDownPassword}
@@ -166,7 +166,7 @@ export default function InputAdornments() {
               <InputAdornment position="end">
                 <IconButton
                   aria-label={
-                    showPassword ? 'display the password' : 'hide the password'
+                    showPassword ? 'hide the password' : 'display the password'
                   }
                   onClick={handleClickShowPassword}
                   onMouseDown={handleMouseDownPassword}
diff --git a/docs/data/material/components/text-fields/InputAdornments.tsx b/docs/data/material/components/text-fields/InputAdornments.tsx
index bbb4ba7ab30b10..64cbceb4b63176 100644
--- a/docs/data/material/components/text-fields/InputAdornments.tsx
+++ b/docs/data/material/components/text-fields/InputAdornments.tsx
@@ -58,7 +58,7 @@ export default function InputAdornments() {
               <InputAdornment position="end">
                 <IconButton
                   aria-label={
-                    showPassword ? 'display the password' : 'hide the password'
+                    showPassword ? 'hide the password' : 'display the password'
                   }
                   onClick={handleClickShowPassword}
                   onMouseDown={handleMouseDownPassword}
@@ -113,7 +113,7 @@ export default function InputAdornments() {
               <InputAdornment position="end">
                 <IconButton
                   aria-label={
-                    showPassword ? 'display the password' : 'hide the password'
+                    showPassword ? 'hide the password' : 'display the password'
                   }
                   onClick={handleClickShowPassword}
                   onMouseDown={handleMouseDownPassword}
@@ -166,7 +166,7 @@ export default function InputAdornments() {
               <InputAdornment position="end">
                 <IconButton
                   aria-label={
-                    showPassword ? 'display the password' : 'hide the password'
+                    showPassword ? 'hide the password' : 'display the password'
                   }
                   onClick={handleClickShowPassword}
                   onMouseDown={handleMouseDownPassword}