Move sp-textfiield and sp-search to Spectrum CSS ^3.0.0

[Westbrook]

Description

Directly (or as close to directly as possible) port the textfield and search patterns to ^3.0.0.

Separately, we should review whether the sp-textfield pattern needs to be updated to some form of a light dom <input/> element in order to appropriately pair with label elements and extend to patterns like the stepper #477.

Related Issue

fixes #513
fixes #543
fixes #750

Motivation and Context

Keeping up with Spectrum CSS, making customization easier.

How Has This Been Tested?

• continues to pass unit tests
• visual regressions have been slightly updated

Screenshots (if appropriate):

Types of changes

• dependency management

Checklist:

• I have signed the Adobe Open Source CLA.
• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have read the CONTRIBUTING document.
• I have added tests to cover my changes.
• All new and existing tests passed.

[andrewhatran]

The Spectrum CSS changes lgtm 👍 Ready for approval once the circle ci visual tests are addressed.

The <input/> element light dom refactor makes a lot of sense. Agreed that there's a lot of value in making our components more compatible with <form> and <label> elements.

Out of curiosity, how would we leverage our input components inside of a <form> if we decide against moving our <input/> elements into the light DOM?

[Westbrook]

If we can avoid having the <input/> in the light DOM, we would need to leverage one or both of the techniques outlined herein in order to leverage the sp-textfield and associated element in <form>: https://web.dev/more-capable-form-controls/ I've named a possible extension of the formdata interface in honor of the best film in Ashton Kutcher's filmography: https://glitch.com/edit/#!/dude-wheres-my-form

[Westbrook]

@andrewhatran This should be good and caught up. PTAL.

[andrewhatran]

Looks good to me, nice work