Checkbox shouldn't have margin-right

[buddhari]

Expected Behavior

Checkboxes shouldn't have a built-in margin-right.

Actual Behavior

There's a 16px margin-right for checkboxes right now, which is not as designed.

Spectrum-CSS version

2.8.0

synced to jira: https://jira.corp.adobe.com/browse/SDS-7323

[lazd]

So this is definitely wrong, but there are a couple reasons for it the fix will need to take into account:

1. Because the box of the checkbox must be aligned with the leftmost side its parent, the hitarea for the component falls outside of the bounds of root element. The right margin makes sure there's space for the hit area on the right side so it doesn't overlap with other controls
2. Because the hit area of the checkbox falls out, the right margin makes sure it doesn't overlap with a checkbox that follows it (whose hit area also falls out).

That said, we could fix this by reducing that margin by half and adding a little left margin to a checkbox when it follows another checkbox.

[misterbrownlee]

I brought this up in #qotd ... will follow up with any progress.

[lazd]

Per discussion on slack, we should be getting margin from a group, not from components. Right now, we have Field Group, but it does not apply margin. We should require the use of a Field Group (or add a new component, Checkbox Group) that applies the expected margin.