From 6d14f53cfebcb40f9256ed7dad43fe7f58449417 Mon Sep 17 00:00:00 2001
From: Jared Scott <jared.scott@variable.team>
Date: Wed, 25 Sep 2024 16:49:44 +0800
Subject: [PATCH] fix: #6776

Ensure `InputIcon` can be styled when in unstyled mode
---
 components/doc/password/theming/tailwinddoc.js | 3 +++
 components/lib/passthrough/tailwind/index.js   | 3 +++
 components/lib/password/Password.js            | 4 +++-
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/components/doc/password/theming/tailwinddoc.js b/components/doc/password/theming/tailwinddoc.js
index 1ff18a5c48..4f1ad7b9e4 100644
--- a/components/doc/password/theming/tailwinddoc.js
+++ b/components/doc/password/theming/tailwinddoc.js
@@ -40,6 +40,9 @@ const Tailwind = {
         hideicon: {
             className: classNames('absolute top-1/2 -mt-2', 'right-3 text-gray-600 dark:text-white/70')
         },
+        inputIcon: {
+            root: 'mt-0'
+        },
         transition: TRANSITIONS.overlay
     }
 }
diff --git a/components/lib/passthrough/tailwind/index.js b/components/lib/passthrough/tailwind/index.js
index 2a658b456d..5876568ef5 100644
--- a/components/lib/passthrough/tailwind/index.js
+++ b/components/lib/passthrough/tailwind/index.js
@@ -1073,6 +1073,9 @@ const Tailwind = {
         hideIcon: {
             className: classNames('absolute top-1/2 -mt-2', 'right-3 text-gray-600 dark:text-white/70')
         },
+        inputIcon: {
+            root: 'mt-0'
+        },
         transition: TRANSITIONS.overlay
     },
     togglebutton: {
diff --git a/components/lib/password/Password.js b/components/lib/password/Password.js
index 2f4058956d..b09396d04c 100644
--- a/components/lib/password/Password.js
+++ b/components/lib/password/Password.js
@@ -483,7 +483,9 @@ export const Password = React.memo(
             input = (
                 <IconField className={cx('iconField')} pt={ptm('iconField')} __parentMetadata={{ parent: metaData }}>
                     {input}
-                    <InputIcon>{icon}</InputIcon>
+                    <InputIcon className={cx('inputIcon')} pt={ptm('inputIcon')} __parentMetadata={{ parent: metaData }}>
+                        {icon}
+                    </InputIcon>
                 </IconField>
             );
         }