@primer/view-components 0.0.122-rc.d6b85e66 → 0.0.122-rc.fb66ed99

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/view-components",
-  "version": "0.0.122-rc.d6b85e66",
+  "version": "0.0.122-rc.fb66ed99",
   "description": "ViewComponents for the Primer Design System",
   "main": "app/assets/javascripts/primer_view_components.js",
   "module": "app/components/primer/primer.js",

package/static/arguments.json

@@ -2329,6 +2329,18 @@
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/text_field.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/text_field/default/",
     "parameters": [
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "N/A",
+        "description": "The size of the field. One of `:large`, `:medium`, or `:small`."
+      },
+      {
+        "name": "full_width",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "When set to `true`, the field will take up all the horizontal space allowed by its container."
+      },
       {
         "name": "name",
         "type": "String",
@@ -2345,19 +2357,19 @@
         "name": "class",
         "type": "String",
         "default": "N/A",
-        "description": "A list of CSS classes to add to the input. Exists for compatibility with Rails form builders."
+        "description": "CSS classes to include in the input's HTML `class` attribute. Exists for compatibility with Rails form builders."
       },
       {
         "name": "classes",
-        "type": "String",
+        "type": "Array",
         "default": "N/A",
-        "description": "A list of CSS classes to add to the input. Combined with the `:class` argument."
+        "description": "CSS classes to include in the input's HTML `class` attribute. Combined with the `:class` argument. The list may contain strings, hashes, or `nil` values, and is automatically cleaned up by Primer's [`class_name` helper](https://github.com/primer/view_components/blob/c9cb95c98fee3e2e27f4a10683f555e22285e7f1/app/lib/primer/class_name_helper.rb) (`nils`, falsy entries, and blank strings are ignored)."
       },
       {
         "name": "caption",
         "type": "String",
         "default": "N/A",
-        "description": "Caption text to render below the input."
+        "description": "A string describing the field and what sorts of input it expects. Displayed below the input."
       },
       {
         "name": "label",
@@ -2369,79 +2381,91 @@
         "name": "visually_hide_label",
         "type": "Boolean",
         "default": "N/A",
-        "description": "Whether or not to visually hide the label. If `true` the label will be hidden visually but still available to screen readers."
+        "description": "When set to `true`, hides the label. Although the label will be hidden visually, it will still be visible to screen readers."
       },
       {
-        "name": "size",
-        "type": "Symbol",
+        "name": "disabled",
+        "type": "Boolean",
         "default": "N/A",
-        "description": "The size of the field. One of `:large`, `:medium`, or `:small`."
+        "description": "When set to `true`, the input will not accept keyboard or mouse input."
       },
       {
-        "name": "show_clear_button",
+        "name": "hidden",
         "type": "Boolean",
         "default": "N/A",
-        "description": "Whether or not to include a clear button inside the input that clears the input's contents when clicked."
+        "description": "When set to `true`, visually hides the field."
       },
       {
-        "name": "clear_button_id",
+        "name": "invalid",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "If set to `true`, the input will be rendered with a red border. Implied if `validation_message` is truthy. This option is set to `true` automatically if the model object associated with the form reports that the input is invalid via Rails validations. It is provided for cases where the form does not have an associated model. If the input is invalid as determined by Rails validations, setting `invalid` to `false` will have no effect."
+      },
+      {
+        "name": "validation_message",
         "type": "String",
         "default": "N/A",
-        "description": "The HTML id attribute of the clear button."
+        "description": "A string displayed between the caption and the input indicating the input's contents are invalid. This option is, by default, set to the first Rails validation message for the input (assuming the form is associated with a model object). Use `validation_message` to override the default or to provide a validation message in case there is no associated model object."
       },
       {
-        "name": "full_width",
-        "type": "Boolean",
+        "name": "label_arguments",
+        "type": "Hash",
         "default": "N/A",
-        "description": "Controls whether or not the input takes the full width of its container."
+        "description": "Attributes that will be passed to Rails' `builder.label` method. These can be HTML attributes or any of the other label options Rails supports. They will appear as HTML attributes on the `<label>` tag."
       },
       {
-        "name": "disabled",
+        "name": "scope_name_to_model",
         "type": "Boolean",
         "default": "N/A",
-        "description": "Whether or not the input should accept keyboard and mouse input."
+        "description": "Default `true`. When set to `false`, prevents the model name from prefixing the field name. For example, if the field name is `my_field`, Rails will normally emit an HTML name attribute of `model[my_field]`. Setting `scope_name_to_model` to `false` will cause Rails to emit `my_field` instead."
       },
       {
-        "name": "invalid",
+        "name": "scope_id_to_model",
         "type": "Boolean",
         "default": "N/A",
-        "description": "If `true`, renders the input in a visually invalid state."
+        "description": "Default `true`. When set to `false`, prevents the model name from prefixing the field ID. For example, if the field name is `my_field`, Rails will normally emit an HTML ID attribute of `model_my_field`. Setting `scope_id_to_model` to `false` will cause Rails to emit `my_field` instead."
       },
       {
-        "name": "placeholder",
-        "type": "String",
+        "name": "required",
+        "type": "Boolean",
         "default": "N/A",
-        "description": "Placeholder text."
+        "description": "Default `false`. When set to `true`, causes an asterisk (*) to appear next to the field's label indicating it is a required field. Note that this option explicitly does _not_ add a `required` HTML attribute. Doing so would enable native browser validations, which are inaccessible and inconsistent with the Primer design system."
       },
       {
-        "name": "inset",
-        "type": "Boolean",
+        "name": "aria",
+        "type": "Hash",
         "default": "N/A",
-        "description": "If `true`, renders the input in a visually inset state."
+        "description": "Key/value pairs that represent Aria attributes and their values. Eg. `aria: { current: true }` becomes `aria-current=\"true\"`."
       },
       {
-        "name": "monospace",
-        "type": "Boolean",
+        "name": "data",
+        "type": "Hash",
         "default": "N/A",
-        "description": "If `true`, uses a monospace font for the input field."
+        "description": "Key/value pairs that represent data attributes and their values. Eg. `data: { foo: \"bar\" }` becomes `data-foo=\"bar\"`."
       },
       {
-        "name": "leading_visual",
+        "name": "system_arguments",
         "type": "Hash",
         "default": "N/A",
-        "description": "Renders a leading visual icon before the text field's cursor. The hash will be passed to Primer's [Octicon component](https://primer.style/view-components/components/octicon)."
+        "description": "A hash of attributes passed to the underlying Rails builder methods. These options may mean something special depending on the type of input, otherwise they are emitted as HTML attributes. See the [Rails documentation](https://guides.rubyonrails.org/form_helpers.html) for more information. In addition, the usual Primer utility arguments are accepted in system arguments. For example, passing `mt: 2` will add the `mt-2` class to the input. See the Primer system arguments docs for details."
       },
       {
-        "name": "validation_message",
+        "name": "placeholder",
         "type": "String",
         "default": "N/A",
-        "description": "A validation message to display beneath the input. Implicitly sets `invalid` to `true`."
+        "description": "Placeholder text."
       },
       {
-        "name": "label_arguments",
-        "type": "Hash",
+        "name": "inset",
+        "type": "Boolean",
         "default": "N/A",
-        "description": "System arugments passed to the Rails builder's `#label` method. These arguments will appear as HTML attributes on the `<label>` tag."
+        "description": "If `true`, renders the input in a visually inset state."
+      },
+      {
+        "name": "monospace",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "If `true`, uses a monospace font for the input field."
       },
       {
         "name": "auto_check_src",
@@ -2450,16 +2474,22 @@
         "description": "When provided, makes a request to the given URL whenever the contents of the text field changes. If the server responds with a non-2xx status code, the response body is used as the validation message."
       },
       {
-        "name": "system_arguments",
+        "name": "leading_visual",
         "type": "Hash",
         "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
+        "description": "Renders a leading visual icon before the text field's cursor. The hash will be passed to Primer's [Octicon](/components/beta/octicon) component."
       },
       {
-        "name": "block",
-        "type": "Proc",
+        "name": "show_clear_button",
+        "type": "Boolean",
         "default": "N/A",
-        "description": "Unused."
+        "description": "Whether or not to include a clear button inside the input that clears the input's contents when clicked."
+      },
+      {
+        "name": "clear_button_id",
+        "type": "String",
+        "default": "N/A",
+        "description": "The HTML id attribute of the clear button."
       }
     ]
   }

package/static/audited_at.json

@@ -17,6 +17,7 @@
   "Primer::Alpha::Dropdown::Menu": "",
   "Primer::Alpha::Dropdown::Menu::Item": "",
   "Primer::Alpha::FormButton": "",
+  "Primer::Alpha::FormControl": "",
   "Primer::Alpha::HellipButton": "",
   "Primer::Alpha::HiddenTextExpander": "",
   "Primer::Alpha::Image": "",

package/static/constants.json

@@ -224,6 +224,8 @@
   },
   "Primer::Alpha::FormButton": {
   },
+  "Primer::Alpha::FormControl": {
+  },
   "Primer::Alpha::HellipButton": {
   },
   "Primer::Alpha::HiddenTextExpander": {

package/static/previews.json

@@ -573,6 +573,48 @@
       }
     ]
   },
+  {
+    "name": "check_box",
+    "lookup_path": "primer/alpha/check_box",
+    "examples": [
+      {
+        "inspect_path": "/lookbook/inspect/primer/alpha/check_box/playground",
+        "preview_path": "/lookbook/preview/primer/alpha/check_box/playground",
+        "name": "playground"
+      },
+      {
+        "inspect_path": "/lookbook/inspect/primer/alpha/check_box/default",
+        "preview_path": "/lookbook/preview/primer/alpha/check_box/default",
+        "name": "default"
+      },
+      {
+        "inspect_path": "/lookbook/inspect/primer/alpha/check_box/options",
+        "preview_path": "/lookbook/preview/primer/alpha/check_box/options",
+        "name": "options"
+      }
+    ]
+  },
+  {
+    "name": "check_box_group",
+    "lookup_path": "primer/alpha/check_box_group",
+    "examples": [
+      {
+        "inspect_path": "/lookbook/inspect/primer/alpha/check_box_group/playground",
+        "preview_path": "/lookbook/preview/primer/alpha/check_box_group/playground",
+        "name": "playground"
+      },
+      {
+        "inspect_path": "/lookbook/inspect/primer/alpha/check_box_group/default",
+        "preview_path": "/lookbook/preview/primer/alpha/check_box_group/default",
+        "name": "default"
+      },
+      {
+        "inspect_path": "/lookbook/inspect/primer/alpha/check_box_group/options",
+        "preview_path": "/lookbook/preview/primer/alpha/check_box_group/options",
+        "name": "options"
+      }
+    ]
+  },
   {
     "name": "clipboard_copy",
     "lookup_path": "primer/beta/clipboard_copy",
@@ -780,103 +822,124 @@
       }
     ]
   },
+  {
+    "name": "form_control",
+    "lookup_path": "primer/alpha/form_control",
+    "examples": [
+      {
+        "inspect_path": "/lookbook/inspect/primer/alpha/form_control/playground",
+        "preview_path": "/lookbook/preview/primer/alpha/form_control/playground",
+        "name": "playground"
+      },
+      {
+        "inspect_path": "/lookbook/inspect/primer/alpha/form_control/default",
+        "preview_path": "/lookbook/preview/primer/alpha/form_control/default",
+        "name": "default"
+      },
+      {
+        "inspect_path": "/lookbook/inspect/primer/alpha/form_control/options",
+        "preview_path": "/lookbook/preview/primer/alpha/form_control/options",
+        "name": "options"
+      }
+    ]
+  },
   {
     "name": "forms",
-    "lookup_path": "primer/forms/forms",
+    "lookup_path": "primer/forms",
     "examples": [
       {
-        "inspect_path": "/lookbook/inspect/primer/forms/forms/single_text_field_form",
-        "preview_path": "/lookbook/preview/primer/forms/forms/single_text_field_form",
+        "inspect_path": "/lookbook/inspect/primer/forms/single_text_field_form",
+        "preview_path": "/lookbook/preview/primer/forms/single_text_field_form",
         "name": "single_text_field_form"
       },
       {
-        "inspect_path": "/lookbook/inspect/primer/forms/forms/multi_text_field_form",
-        "preview_path": "/lookbook/preview/primer/forms/forms/multi_text_field_form",
+        "inspect_path": "/lookbook/inspect/primer/forms/multi_text_field_form",
+        "preview_path": "/lookbook/preview/primer/forms/multi_text_field_form",
         "name": "multi_text_field_form"
       },
       {
-        "inspect_path": "/lookbook/inspect/primer/forms/forms/text_field_and_checkbox_form",
-        "preview_path": "/lookbook/preview/primer/forms/forms/text_field_and_checkbox_form",
+        "inspect_path": "/lookbook/inspect/primer/forms/text_field_and_checkbox_form",
+        "preview_path": "/lookbook/preview/primer/forms/text_field_and_checkbox_form",
         "name": "text_field_and_checkbox_form"
       },
       {
-        "inspect_path": "/lookbook/inspect/primer/forms/forms/horizontal_form",
-        "preview_path": "/lookbook/preview/primer/forms/forms/horizontal_form",
+        "inspect_path": "/lookbook/inspect/primer/forms/horizontal_form",
+        "preview_path": "/lookbook/preview/primer/forms/horizontal_form",
         "name": "horizontal_form"
       },
       {
-        "inspect_path": "/lookbook/inspect/primer/forms/forms/composed_form",
-        "preview_path": "/lookbook/preview/primer/forms/forms/composed_form",
+        "inspect_path": "/lookbook/inspect/primer/forms/composed_form",
+        "preview_path": "/lookbook/preview/primer/forms/composed_form",
         "name": "composed_form"
       },
       {
-        "inspect_path": "/lookbook/inspect/primer/forms/forms/submit_button_form",
-        "preview_path": "/lookbook/preview/primer/forms/forms/submit_button_form",
+        "inspect_path": "/lookbook/inspect/primer/forms/submit_button_form",
+        "preview_path": "/lookbook/preview/primer/forms/submit_button_form",
         "name": "submit_button_form"
       },
       {
-        "inspect_path": "/lookbook/inspect/primer/forms/forms/radio_button_group_form",
-        "preview_path": "/lookbook/preview/primer/forms/forms/radio_button_group_form",
+        "inspect_path": "/lookbook/inspect/primer/forms/radio_button_group_form",
+        "preview_path": "/lookbook/preview/primer/forms/radio_button_group_form",
         "name": "radio_button_group_form"
       },
       {
-        "inspect_path": "/lookbook/inspect/primer/forms/forms/check_box_group_form",
-        "preview_path": "/lookbook/preview/primer/forms/forms/check_box_group_form",
+        "inspect_path": "/lookbook/inspect/primer/forms/check_box_group_form",
+        "preview_path": "/lookbook/preview/primer/forms/check_box_group_form",
         "name": "check_box_group_form"
       },
       {
-        "inspect_path": "/lookbook/inspect/primer/forms/forms/array_check_box_group_form",
-        "preview_path": "/lookbook/preview/primer/forms/forms/array_check_box_group_form",
+        "inspect_path": "/lookbook/inspect/primer/forms/array_check_box_group_form",
+        "preview_path": "/lookbook/preview/primer/forms/array_check_box_group_form",
         "name": "array_check_box_group_form"
       },
       {
-        "inspect_path": "/lookbook/inspect/primer/forms/forms/select_list_form",
-        "preview_path": "/lookbook/preview/primer/forms/forms/select_list_form",
-        "name": "select_list_form"
+        "inspect_path": "/lookbook/inspect/primer/forms/select_form",
+        "preview_path": "/lookbook/preview/primer/forms/select_form",
+        "name": "select_form"
       },
       {
-        "inspect_path": "/lookbook/inspect/primer/forms/forms/radio_button_with_nested_form",
-        "preview_path": "/lookbook/preview/primer/forms/forms/radio_button_with_nested_form",
+        "inspect_path": "/lookbook/inspect/primer/forms/radio_button_with_nested_form",
+        "preview_path": "/lookbook/preview/primer/forms/radio_button_with_nested_form",
         "name": "radio_button_with_nested_form"
       },
       {
-        "inspect_path": "/lookbook/inspect/primer/forms/forms/check_box_with_nested_form",
-        "preview_path": "/lookbook/preview/primer/forms/forms/check_box_with_nested_form",
+        "inspect_path": "/lookbook/inspect/primer/forms/check_box_with_nested_form",
+        "preview_path": "/lookbook/preview/primer/forms/check_box_with_nested_form",
         "name": "check_box_with_nested_form"
       },
       {
-        "inspect_path": "/lookbook/inspect/primer/forms/forms/caption_template_form",
-        "preview_path": "/lookbook/preview/primer/forms/forms/caption_template_form",
+        "inspect_path": "/lookbook/inspect/primer/forms/caption_template_form",
+        "preview_path": "/lookbook/preview/primer/forms/caption_template_form",
         "name": "caption_template_form"
       },
       {
-        "inspect_path": "/lookbook/inspect/primer/forms/forms/after_content_form",
-        "preview_path": "/lookbook/preview/primer/forms/forms/after_content_form",
+        "inspect_path": "/lookbook/inspect/primer/forms/after_content_form",
+        "preview_path": "/lookbook/preview/primer/forms/after_content_form",
         "name": "after_content_form"
       },
       {
-        "inspect_path": "/lookbook/inspect/primer/forms/forms/invalid_form",
-        "preview_path": "/lookbook/preview/primer/forms/forms/invalid_form",
+        "inspect_path": "/lookbook/inspect/primer/forms/invalid_form",
+        "preview_path": "/lookbook/preview/primer/forms/invalid_form",
         "name": "invalid_form"
       },
       {
-        "inspect_path": "/lookbook/inspect/primer/forms/forms/multi_input_form",
-        "preview_path": "/lookbook/preview/primer/forms/forms/multi_input_form",
+        "inspect_path": "/lookbook/inspect/primer/forms/multi_input_form",
+        "preview_path": "/lookbook/preview/primer/forms/multi_input_form",
         "name": "multi_input_form"
       },
       {
-        "inspect_path": "/lookbook/inspect/primer/forms/forms/name_with_question_mark_form",
-        "preview_path": "/lookbook/preview/primer/forms/forms/name_with_question_mark_form",
+        "inspect_path": "/lookbook/inspect/primer/forms/name_with_question_mark_form",
+        "preview_path": "/lookbook/preview/primer/forms/name_with_question_mark_form",
         "name": "name_with_question_mark_form"
       },
       {
-        "inspect_path": "/lookbook/inspect/primer/forms/forms/immediate_validation_form",
-        "preview_path": "/lookbook/preview/primer/forms/forms/immediate_validation_form",
+        "inspect_path": "/lookbook/inspect/primer/forms/immediate_validation_form",
+        "preview_path": "/lookbook/preview/primer/forms/immediate_validation_form",
         "name": "immediate_validation_form"
       },
       {
-        "inspect_path": "/lookbook/inspect/primer/forms/forms/example_toggle_switch_form",
-        "preview_path": "/lookbook/preview/primer/forms/forms/example_toggle_switch_form",
+        "inspect_path": "/lookbook/inspect/primer/forms/example_toggle_switch_form",
+        "preview_path": "/lookbook/preview/primer/forms/example_toggle_switch_form",
         "name": "example_toggle_switch_form"
       }
     ]
@@ -1127,6 +1190,37 @@
       }
     ]
   },
+  {
+    "name": "multi_input",
+    "lookup_path": "primer/alpha/multi_input",
+    "examples": [
+      {
+        "inspect_path": "/lookbook/inspect/primer/alpha/multi_input/playground",
+        "preview_path": "/lookbook/preview/primer/alpha/multi_input/playground",
+        "name": "playground"
+      },
+      {
+        "inspect_path": "/lookbook/inspect/primer/alpha/multi_input/default",
+        "preview_path": "/lookbook/preview/primer/alpha/multi_input/default",
+        "name": "default"
+      },
+      {
+        "inspect_path": "/lookbook/inspect/primer/alpha/multi_input/with_caption",
+        "preview_path": "/lookbook/preview/primer/alpha/multi_input/with_caption",
+        "name": "with_caption"
+      },
+      {
+        "inspect_path": "/lookbook/inspect/primer/alpha/multi_input/visually_hide_label",
+        "preview_path": "/lookbook/preview/primer/alpha/multi_input/visually_hide_label",
+        "name": "visually_hide_label"
+      },
+      {
+        "inspect_path": "/lookbook/inspect/primer/alpha/multi_input/disabled",
+        "preview_path": "/lookbook/preview/primer/alpha/multi_input/disabled",
+        "name": "disabled"
+      }
+    ]
+  },
   {
     "name": "nav_list",
     "lookup_path": "primer/alpha/nav_list",
@@ -1216,6 +1310,48 @@
       }
     ]
   },
+  {
+    "name": "radio_button",
+    "lookup_path": "primer/alpha/radio_button",
+    "examples": [
+      {
+        "inspect_path": "/lookbook/inspect/primer/alpha/radio_button/playground",
+        "preview_path": "/lookbook/preview/primer/alpha/radio_button/playground",
+        "name": "playground"
+      },
+      {
+        "inspect_path": "/lookbook/inspect/primer/alpha/radio_button/default",
+        "preview_path": "/lookbook/preview/primer/alpha/radio_button/default",
+        "name": "default"
+      },
+      {
+        "inspect_path": "/lookbook/inspect/primer/alpha/radio_button/options",
+        "preview_path": "/lookbook/preview/primer/alpha/radio_button/options",
+        "name": "options"
+      }
+    ]
+  },
+  {
+    "name": "radio_button_group",
+    "lookup_path": "primer/alpha/radio_button_group",
+    "examples": [
+      {
+        "inspect_path": "/lookbook/inspect/primer/alpha/radio_button_group/playground",
+        "preview_path": "/lookbook/preview/primer/alpha/radio_button_group/playground",
+        "name": "playground"
+      },
+      {
+        "inspect_path": "/lookbook/inspect/primer/alpha/radio_button_group/default",
+        "preview_path": "/lookbook/preview/primer/alpha/radio_button_group/default",
+        "name": "default"
+      },
+      {
+        "inspect_path": "/lookbook/inspect/primer/alpha/radio_button_group/options",
+        "preview_path": "/lookbook/preview/primer/alpha/radio_button_group/options",
+        "name": "options"
+      }
+    ]
+  },
   {
     "name": "relative_time",
     "lookup_path": "primer/beta/relative_time",
@@ -1288,6 +1424,27 @@
       }
     ]
   },
+  {
+    "name": "select",
+    "lookup_path": "primer/alpha/select",
+    "examples": [
+      {
+        "inspect_path": "/lookbook/inspect/primer/alpha/select/playground",
+        "preview_path": "/lookbook/preview/primer/alpha/select/playground",
+        "name": "playground"
+      },
+      {
+        "inspect_path": "/lookbook/inspect/primer/alpha/select/default",
+        "preview_path": "/lookbook/preview/primer/alpha/select/default",
+        "name": "default"
+      },
+      {
+        "inspect_path": "/lookbook/inspect/primer/alpha/select/options",
+        "preview_path": "/lookbook/preview/primer/alpha/select/options",
+        "name": "options"
+      }
+    ]
+  },
   {
     "name": "spinner",
     "lookup_path": "primer/beta/spinner",
@@ -1414,6 +1571,27 @@
       }
     ]
   },
+  {
+    "name": "text_area",
+    "lookup_path": "primer/alpha/text_area",
+    "examples": [
+      {
+        "inspect_path": "/lookbook/inspect/primer/alpha/text_area/playground",
+        "preview_path": "/lookbook/preview/primer/alpha/text_area/playground",
+        "name": "playground"
+      },
+      {
+        "inspect_path": "/lookbook/inspect/primer/alpha/text_area/default",
+        "preview_path": "/lookbook/preview/primer/alpha/text_area/default",
+        "name": "default"
+      },
+      {
+        "inspect_path": "/lookbook/inspect/primer/alpha/text_area/options",
+        "preview_path": "/lookbook/preview/primer/alpha/text_area/options",
+        "name": "options"
+      }
+    ]
+  },
   {
     "name": "text_field",
     "lookup_path": "primer/alpha/text_field",

package/static/statuses.json

@@ -17,6 +17,7 @@
   "Primer::Alpha::Dropdown::Menu": "alpha",
   "Primer::Alpha::Dropdown::Menu::Item": "alpha",
   "Primer::Alpha::FormButton": "alpha",
+  "Primer::Alpha::FormControl": "alpha",
   "Primer::Alpha::HellipButton": "alpha",
   "Primer::Alpha::HiddenTextExpander": "alpha",
   "Primer::Alpha::Image": "alpha",