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

jaaydenh · web-flow · commit c1162eb9a865 · 2025-04-23T13:01:02.000-04:00
resolves #17503
diff --git a/site/src/components/Checkbox/Checkbox.tsx b/site/src/components/Checkbox/Checkbox.tsx
@@ -24,7 +24,7 @@ export const Checkbox = React.forwardRef<
     	disabled:cursor-not-allowed disabled:bg-surface-primary disabled:data-[state=checked]:bg-surface-tertiary
     	data-[state=unchecked]:bg-surface-primary
     	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,
 		)}
 		{...props}
