Update web component’s focus outline - Development

[caw310]

Description

Update web component's focus style.

Details

VADS Focus styles: https://github.com/department-of-veterans-affairs/vads-focus-styles
Implementation notes: https://github.com/department-of-veterans-affairs/vads-focus-styles/blob/gh-pages/implementation-notes.md
Draft PR: department-of-veterans-affairs/component-library#1418

This task is for the focus styles for the web components. There is a separate task for CSS library.

Tasks

• Update web components with the new focus style
  • Review the repo and implementation notes above. The work has been started in Global | Testing focus style component-library#1418.
  • Pull in any mixin and component updates into a new branch.
  • Review the implementation notes for individual components. Ensure component-specific updates are present or make any updates for those components.
  • Test the focus outline for the updated components.
• Add Chromatic link to #[add accessibility ticket number] and request review from an accessibility specialist
• Merge updates
• Create a new release of component-library

Acceptance Criteria

• Component is written and added to Storybook
• Component has had accessibility and design reviews
• Design.va.gov has the latest version of component-library
• Analytics has been configured for the component in the vets-website repo

[caw310]

Please add your estimate of 1, 2, 3, 5, 8 or 13
@Andrew565 - 5
@ataker - 5
@harshil1793
@it-harrison - 5
@jamigibbs - 5
@micahchiang
@powellkerry - 5
@rmessina1010 - 3
@rsmithadhoc - 5