[Eng] Update component names and icons

[nichole-aquino]

Overview

• Update component names and icons
• Add hierarchy with category names
• Move 'Add new page' to the main menu, under the category for "Form structure"
• Rename 'Question' to 'Add element' and remove 'Add element' header
• Replace icon with USWDS icon 'arrow_drop_down'
• [Potential future work] Add descriptions to the component to provide more context. New designs will be provided.
• Reference: Figma , spreadsheet of component names, icons, descriptions, hint and error states, icons in USWDS

Choice

• Radio buttons
  • Name: Change to Multiple choice
  • Icon: No change
  • Description: A small list of options for single selection.
• Checkbox
  • Name: No change
  • Icon: No change
  • Description: A list of options for single or multiple selections.
• Select drop down
  • Name: Change to Dropdown
  • Icon: 'expand_more' icon in USWDS
  • Description: A long list of options for single selection.

Freeform answer

• Short answer
  • Name: No change
  • Icon: No change
  • Description: A text input for a single-line answer.
• Long answer
  • Name: No change
  • Icon: No change
  • Description: A text area for a multi-line freeform answer.

Personal information

• Social security number
  • Name: Change to Social Security number
  • Icon: 'person' icon in USWDS
  • Description: An input to collect a Social Security number.
• Email input
  • Name: Change to Email
  • Icon: 'alternate_email' icon in USWDS
  • Description: An input to collect an email address.
• Date of birth
  • Name: No change
  • Icon: No change
  • Description: An input to collect a date of birth.
• Phone number
  • Name: No change
  • Icon: 'phone' icon in USWDS
  • Description: An input to collect a phone number.
• Gender identity
  • Name: No change
  • Icon: 'person' icon in USWDS
  • Description: An input to collect gender identity with an option to select "prefer not to answer."

Form structure

• Fieldset
  • Name: Change to Question set
  • Icon: 'list' icon in USWDS
  • Description: The option to group related questions together into a set.
• Repeater
  • Name: Change to Repeating question set
  • Icon: 'list' icon in USWDS
  • Description: A set of repeatable questions such as those about dependents, work history, or previous addresses.
• Page

Other

• Rich text:
  • Name: Change to Page text
  • Icon: 'text_fields' icon in USWDS
  • Description: A rich text element for inserting headings, paragraph text, lists, or links.
• Attachment
  • Name: No change
  • Icon: 'attach_file' icon in USWDS
  • Description: The option for uploading one or more files such as documents, images or other types of media.

Editable but not included in the menu

• Form summary
  • Name: Change to Title
  • Icon and description: n/a

AC

• Updates should be made to the main 'Add element' menu

• Updates should be made to the repeater menu when clicking 'Add question to set'