improvements: checkbox and radio styles, additional properties

[tiller1010]

https://werkbotstudios.teamwork.com/app/tasks/38958698

Summary

checkbox and radio styles, additional properties

Testing Steps

• build into site
• create a user form with checkboxes and radios
• (optional) create a basic html form using an embed content layout

<h2>standard code form</h2>

<form class="fw-form">

<div class="field checkbox">
<input type="checkbox">
<label>label</label>
</div>

<div class="field checkboxset ">
<div>
<input type="checkbox">
<label>label</label>
</div>
<div>
<input type="checkbox">
<label>label</label>
</div>
<div>
<input type="checkbox">
<label>label</label>
</div>
</div>

<div class="field optionset">
<div>
<input type="radio">
<label>label</label>
</div>
<div>
<input type="radio">
<label>label</label>
</div>
</div>

</form>

• confirm the radio and checkboxes look good
• confirm the added properties make sense

Issues/Concerns

• It looks like the left property was updated for the focus styles. I changed the default back to 0.
• I reduced the radio icon font size slightly so that it matches the width of the checkbox icon. This should help keep the labels aligned.

Git Flow

• DO NOT delete "release/*" or "hotfix/*" branches after merging a PR. These are used to publish the next release, and they are deleted automatically.
• "Squash and merge" is good on "feature/*" into "develop"
• "Create a merge commit" is good on "release/*" or "hotfix/*" into "main"
• With npm repositories, the version number must be incremented manually, before merging the release.

[aletail]

This looks good!