docs(checkbox, field-group): update migration roadmap

- gives clarification on invalid checkbox consideration
- clarifies some of the implementation gaps for field group

Author: marissahuysentruyt

migration-roadmap/checkbox.md

@@ -265,7 +265,9 @@ None found for this component.
 ### CSS => SWC implementation gaps
 
 **New for S2:**
-The checkbox component in Spectrum 2 has the new down state (active) perspective shift applied. Additionally, the checkbox CSS was expanded to ensure coverage of a variety of interactive and variant states: hover, focus-visible, hover+disabled, checked+disabled, focus-visible+checked+hover, indeterminate+invalid, invalid+focused, disabled+read-only, etc.
+The checkbox component in Spectrum 2 has the new down state (active) perspective shift applied.
+
+Note: There is some discussion ongoing about the invalid styles for checkbox. Currently, CSS supports individual red borders on the checkbox component, however, these styles are not present in the Figma specs for checkbox. The only invalid styling supported by design is the negative help text found in the field group component. When migrating, we'll need to consider clarifying the invalid styling with the design team for individual checkboxes.
 
 **Features Missing from CSS:**
 

migration-roadmap/field-group.md

@@ -205,24 +205,24 @@ None found for this component.
 
 ### CSS => SWC mapping
 
-| CSS selector                       | Attribute or slot                    | Status                         |
-| ---------------------------------- | ------------------------------------ | ------------------------------ |
-| `.spectrum-FieldGroup`             | :host                                | Implemented                    |
-| `.spectrum-FieldGroup--horizontal` | `horizontal` attribute               | Implemented                    |
-| `.spectrum-FieldGroup--vertical`   | Default variant; `vertical attribute | Implemented                    |
-| `.spectrum-FieldGroup--sidelabel`  | Layout variant                       | Missing from WC                |
-| `.spectrum-FieldGroup--toplabel`   | Layout variant                       | Missing from WC                |
-| `.spectrum-FieldGroupInputLayout`  | Internal layout container            | Missing from WC                |
-| `.spectrum-FieldGroup-item`        | Individual field item classes        | Missing from WC                |
-| `.spectrum-HelpText`               | Help text styling                    | Implemented via `sp-help-text` |
+| CSS selector                       | Attribute or slot                     | Status                               |
+| ---------------------------------- | ------------------------------------- | ------------------------------------ |
+| `.spectrum-FieldGroup`             | `:host`                               | Implemented                          |
+| `.spectrum-FieldGroup--horizontal` | `horizontal` attribute                | Implemented                          |
+| `.spectrum-FieldGroup--vertical`   | Default variant; `vertical` attribute | Implemented                          |
+| `.spectrum-FieldGroup--sidelabel`  | Layout variant                        | Missing from WC (implementation gap) |
+| `.spectrum-FieldGroup--toplabel`   | Layout variant                        | Missing from WC (implementation gap) |
+| `.spectrum-FieldGroupInputLayout`  | Internal layout container             | Missing from WC (implementation gap) |
+| `.spectrum-FieldGroup-item`        | Individual field item classes         | Missing from WC (implementation gap) |
+| `.spectrum-HelpText`               | Help text styling                     | Implemented via `sp-help-text`       |
 
 ## Summary of changes
 
 ### CSS => SWC implementation gaps
 
 - In CSS, the field label is incorporated into the field group component in both S1 and S2, however `<sp-field-group>` does not have a slot for a corresponding `<sp-field-label>`. Because of this, `<sp-field-group>` doesn't technically support `.spectrum-FieldGroup--sidelabel` and `.spectrum-FieldGroup--toplabel` layout variants. However, `<sp-field-label>` can be defined as top- or side-aligned, so we may be able to reevaluate if this behavior can be supported.
-- `.spectrum-FieldGroupInputLayout` wrapper container is not generated by the web component.
-- `.spectrum-FieldGroup-item` classes are not automatically applied to slotted elements.
+- `.spectrum-FieldGroupInputLayout` wrapper container is not generated by the web component. This class is the flex container that orients the items vertically or horizontally.
+- `.spectrum-FieldGroup-item` classes are not automatically applied to slotted elements. The class provides the appropriate spacing between items.
 
 ### CSS Spectrum 2 changes