This is a follow-up task to T363416
Radio and Checkbox's current HTML structure has a top-level span element with nested div elements. Examples include:
- the input's content wrapper div
- the custom input div
- the nested Label component has a top-level div
We want to clean up the HTML in Checkbox and Radio.
Acceptance Criteria
- Change top-level span to a div in Radio and Checkbox.
- Update the CSS-only example markup to match the new Vue markup
- Ensure that the Radio and Checkbox styles are backward-compatible (if this is not possible, then let's discuss further on the task)
- Ensure this doesn't break existing code, especially for inline inputs. (CodexHTMLForm, etc)