Update "checkboxes" page (#1888)

Automatically generated. Merged on Netlify CMS.

docs/pages/checkboxes.md

@@ -4,8 +4,8 @@ layout: variation
 section: components
 variation_groups:
   - variations:
-      - variation_code_snippet: >-
-          <div class="m-form-field m-form-field__checkbox">
+      - variation_code_snippet: >+
+          <h4> States</h4><div class="m-form-field m-form-field__checkbox">
               <input class="a-checkbox" type="checkbox" id="test_checkbox">
               <label class="a-label" for="test_checkbox">Default</label>
           </div>
@@ -54,11 +54,12 @@ variation_groups:
               <input class="a-checkbox" type="checkbox" id="test_checkbox_basic_disabled_selected" disabled checked>
               <label class="a-label" for="test_checkbox_basic_disabled_selected">Disabled/selected</label>
           </div>
-        variation_description: ''
-        variation_name: Standard checkbox
-        variation_specs: ''
+
+        variation_description: ""
+        variation_name: Checkbox
+        variation_specs: ""
       - variation_is_deprecated: false
-        variation_name: Standard checkbox with helper text
+        variation_name: Checkbox (with helper text)
         variation_code_snippet: >-
           <div class="m-form-field m-form-field__checkbox">
               <input class="a-radio" type="checkbox" id="test_checkbox_basic_helper">
@@ -71,8 +72,7 @@ variation_groups:
           </div>
       - variation_is_deprecated: false
         variation_name: Large target area checkbox
-        variation_description:
-          For better usability, consider using the checkboxes with
+        variation_description: For better usability, consider using the checkboxes with
           large target areas. These are easier to interact with (especially on
           smaller screens) and harder to miss. They are especially desirable
           when the form will have heavy mobile usage. Given the amount of real
@@ -144,9 +144,9 @@ variation_groups:
           </div>
 
           -->
-        variation_specs: ''
+        variation_specs: ""
       - variation_is_deprecated: false
-        variation_name: Large target area checkbox with helper text
+        variation_name: Large target area checkbox (with helper text)
         variation_code_snippet: >-
           <div class="m-form-field m-form-field__checkbox
           m-form-field__lg-target">
@@ -176,7 +176,7 @@ description: Use checkboxes when the user can select more than one option from a
   group. Make clear with helper text that this is the case. Use [radio
   buttons](/design-system/components/radio-buttons) when the user can select
   only one choice from a group.
-use_cases: ''
+use_cases: ""
 behavior: >-
   Selecting the checkbox or touching the label text next to it should toggle the
   state of the checkbox on and off.
@@ -186,5 +186,5 @@ behavior: >-
 accessibility: To optimize screen reader accessibility, lay out checkboxes
   vertically rather than horizontally.
 last_updated: 2019-09-17T14:30:15.293Z
-research: ''
+research: ""
 ---