Unable to target checkbox label with classNames prop

[joshenlim]

Bug report

I'm trying to implement the Checkbox component but realised that the labels have font weight 500 by default. I tried to pass classNames to the checkbox component but it does not target the <span> tag in the label - I'm wondering if that might be possible?

e.g <Checkbox className="font-normal text-gray-500" />

The classes are getting added, but the labels aren't getting the styles

[joshenlim]

Also for dark mode, i noticed that the checkbox has a flicker of an outline / border when you click it if the cursor is not yet focusing on the checkbox option

Screen.Recording.2021-01-07.at.2.33.43.AM.mov

[MildTomato]

@joshenlim made new issue for flicker

[MildTomato]

I'm not sure about this, hard to really say if the style and classnames should be applied to the Label or the Checkbox its self.

I'll change the font-family and font-weight to be inherit though, but you may also end up overriding the style of the 'description' as well.

[MildTomato]

@joshenlim try this out on new version. should work.