JSON: cfpb-form-search-input rewired to import from css translated from JSON tokens

[itsmedavep]

Rewiring web components to import css translated from JSON tokens.

Specifically, updating the @use to grab all of src/elements/abstracts for use

The outlier with this one is that there currently is not a web component version of the text-input nor are we duplicating cfpb-icons into our web component project structure yet.

Additions

Removals

Changes

Testing

1. Built project
2. Verifed that nothing visually regressed with cfpb-form-search-input

Screenshots

Notes

Todos

Checklist

• PR has an informative and human-readable title
• Changes are limited to a single goal (no scope creep)
• Code can be automatically merged (no conflicts)
• Code follows the standards laid out in the CFPB development guidelines
• Passes all existing automated tests
• Any change in functionality is tested
• New functions are documented (with a description, list of inputs, and expected output)
• Placeholder code is flagged / future todos are captured in comments
• Visually tested in supported browsers and devices (see checklist below 👇)
• Project documentation has been updated
• Reviewers requested with the Reviewers tool ➡️

Testing checklist

Browsers

• Chrome on desktop
• Firefox
• Safari on macOS
• Edge
• Safari on iOS
• Chrome on Android

Accessibility

• Keyboard friendly
• Screen reader friendly

Other

• Is useable without CSS
• Is useable without JS
• Flexible from small to large screens
• No linting errors or warnings
• JavaScript tests are passing