Web-Components - Alpha 1: Text input

[amyleadem]

Summary

Created an alpha 1 web component for text input.

Related issue

Closes #17

Preview link

Text input story

Tasks

• Initialize the default variant of the component in Storybook
  • Default variant has its own story in Storybook
  • Default elements are documented in JSDocs and appear in the component’s Storybook docs
  • Current component theme settings are translated into CSS variables
• Match the component to USWDS 3
  • Visuals in default state match USWDS 3
  • Interaction in default state matches USWDS 3
  • Passes current manual accessibility tests from checklist
• Create unit tests to confirm the component initializes in the shadow DOM

Testing and review

• Confirm the component display matches the component in USWDS 3
• Confirm the component passes manual accessibility tests
• Confirm unit tests pass
• Confirm all alpha 1 tasks have been completed

[amyleadem]

Note

I removed this because the component wasn't visible in the preview with this color scheme. It might need to be restored based on project needs, it just wasn't clear to me why we have this.

[amyleadem]

@mahoneycm I unfortunately wasn't able to package this up like I'd like because I lost a bit of time doing the release on Friday. I believe this just needs a unit test and confirmation that it passes manual accessibility tests. I talked about this approach with @heymatthenry and @mejiaj, so they should be familiar with it and should be able to help answer any questions. I also added some links in the PR description to out previous conversation about it.

[amyleadem]

Note

The line height variable is currently hard-coded because I do not yet see how we will be handling normalization with our CSS vars.