Checkbox label gets `not-allowed` cursor but input itself still has `pointer`

[dylanatsmith]

Description

This is especially confusing when FormControl.label has visuallyHidden.

Screen.Recording.2024-01-23.at.09.16.04.mov

Steps to reproduce

https://primer.style/react/storybook/?path=/story/components-checkbox-features--disabled

Version

dotcom prod

Browser

Firefox

[siddharthkp]

Good catch! Definitely looks like a bug. (automatically) Added to the weekly prioritisation call.

For maintainers reading this, looks like the problem is in the Checkbox component, not FormControl. See disabled story: https://primer.style/react/storybook/?path=/story/components-checkbox-features--disabled

• Potential fix: Checkbox: Add cursor:not-allowed to unchecked disabled state #4176