fix: #6776

Ensure `InputIcon` can be styled when in unstyled mode
primefaces · Sep 25, 2024 · 6d14f53 · 6d14f53
1 parent f487a2f
commit 6d14f53
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git 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
@@ -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
@@ -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>
             );
         }