fix: only highlight checkbox on hover when checkbox is enabled (#17526)

resolves #17503
This commit is contained in:
Jaayden Halko
2025-04-23 18:01:02 +01:00
committed by GitHub
parent 36a72a2b25
commit c1162eb9a8

View File

@ -24,7 +24,7 @@ export const Checkbox = React.forwardRef<
disabled:cursor-not-allowed disabled:bg-surface-primary disabled:data-[state=checked]:bg-surface-tertiary disabled:cursor-not-allowed disabled:bg-surface-primary disabled:data-[state=checked]:bg-surface-tertiary
data-[state=unchecked]:bg-surface-primary data-[state=unchecked]:bg-surface-primary
data-[state=checked]:bg-surface-invert-primary data-[state=checked]:text-content-invert data-[state=checked]:bg-surface-invert-primary data-[state=checked]:text-content-invert
hover:border-border-hover hover:data-[state=checked]:bg-surface-invert-secondary`, hover:enabled:border-border-hover hover:data-[state=checked]:bg-surface-invert-secondary`,
className, className,
)} )}
{...props} {...props}