diff --git a/.changeset/forty-melons-cover.md b/.changeset/forty-melons-cover.md new file mode 100644 index 0000000000..2a0d652a06 --- /dev/null +++ b/.changeset/forty-melons-cover.md @@ -0,0 +1,6 @@ +--- +"@heroui/input": patch +"@heroui/theme": patch +--- + +hide password reveal button (#5984) diff --git a/packages/components/input/package.json b/packages/components/input/package.json index d79bda8475..76d0d21a86 100644 --- a/packages/components/input/package.json +++ b/packages/components/input/package.json @@ -36,7 +36,7 @@ "peerDependencies": { "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", - "@heroui/theme": ">=2.4.23", + "@heroui/theme": ">=2.4.24", "@heroui/system": ">=2.4.18" }, "dependencies": { diff --git a/packages/core/theme/src/components/input.ts b/packages/core/theme/src/components/input.ts index 5759b5f307..01af7da396 100644 --- a/packages/core/theme/src/components/input.ts +++ b/packages/core/theme/src/components/input.ts @@ -50,6 +50,7 @@ const input = tv({ "autofill:bg-transparent bg-clip-text", // Safari autofill styling fix - ensures text color is visible in dark mode "dark:autofill:[-webkit-text-fill-color:hsl(var(--heroui-foreground))]", + "[&::-ms-reveal]:hidden", ], clearButton: [ "p-2",