CheckboxGroup and RadioGroup don't pair well with FormControl due to missing size variants

[maximedegreve]

When using a CheckboxGroup or RadioGroup, it inherits a large heading. This doesn't align well with our other FormControl components, which typically use a medium font size and bold heading. Additionally, I couldn't find a group component/variant for Checkbox or Radio components in Figma.

The larger heading for CheckboxGroup and RadioGroup was likely intended to improve separation from the options. However, upon reviewing other design systems, a more consistent approach is to use regular styling for the options instead.

I also believe we are missing size variants for those components to ensure they pair well with TextInput which has 3 different sizes.

[mperrotti]

Emily and I discussed this during the Primer patterns working session and we're on board with the proposed change.

[mperrotti]

Feel free to assign me to this if you're triaging

[lukasoppermann]

Hey, I can take on the Figma change.

I couldn't find a group component/variant for Checkbox or Radio components in Figma.

This was on my do this, but I will tackle it now.

[lukasoppermann]

Figma is update:

[github-actions]

Uh oh! @lukasoppermann, the image you shared is missing helpful alt text. Check #5311 (comment).

Alt text is an invisible description that helps screen readers describe images to blind or low-vision users. If you are using markdown to display images, add your alt text inside the brackets of the markdown image.

Learn more about alt text at Basic writing and formatting syntax: images on GitHub Docs.

🤖 Beep boop! This comment was added automatically by github/accessibility-alt-text-bot.