fix(theme): hover-opacity in Link & Breadcrumb (#5170)

* Utilize `hover-opacity` in <Link> component.

* Add changeset

* chore(changeset): add issue number

* chore(theme): use hover-opacity for breadcrumb isCurrent = false

* chore(changeset): update changeset msg

---------

Co-authored-by: աӄա <wingkwong.code@gmail.com>
This commit is contained in:
Nathanael Shermett 2025-04-19 10:28:23 -05:00 committed by GitHub
parent 99a5bc2f4c
commit f223e1ff63
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 7 additions and 2 deletions

View File

@ -0,0 +1,5 @@
---
"@heroui/theme": patch
---
Utilize `hover-opacity` in Link & Breadcrumb component (#5169)

View File

@ -84,7 +84,7 @@ const breadcrumbItem = tv({
item: "cursor-default",
},
false: {
item: ["hover:opacity-80", "active:opacity-disabled"],
item: ["hover:opacity-hover", "active:opacity-disabled"],
},
},
isDisabled: {

View File

@ -50,7 +50,7 @@ const link = tv({
"after:transition-background",
"after:absolute",
],
false: "hover:opacity-80 active:opacity-disabled transition-opacity",
false: "hover:opacity-hover active:opacity-disabled transition-opacity",
},
isDisabled: {
true: "opacity-disabled cursor-default pointer-events-none",