feat: make ClearButton build again, unblock CCX

[lazd]

Description

How and where has this been tested?

• How this was tested:
• Browser(s) and OS(s) this was tested with:

Screenshots

To-do list

• Make ClearButton build
• Make Tag use ClearButton
• Make Search/SearchWithin use ClearButton
• Update to [email protected]
• Fix tag
• Make an overBackground or staticColor ClearButton for Toast and Tag - used only in Toast
• Decide whether we manually set the color of the ClearButton icon in Tag, or we tell people to add the overBackground class - Manually setting
• Merge and release DSS PR https://git.corp.adobe.com/Spectrum/dss/pull/362
• Validate everything @GarthDB @pfulton

[lazd]

@GarthDB Did you happen to run the VRT? Let's get this one in ASAP.

[pfulton]

I ran VRT locally, and got 25 failures. For several of them, it looks like it failed because the clear button was added in places where it previously didn't exist.

However, the positioning in the Toast component looks off:

[lazd]

Ok @pfulton we need to merge and release https://git.corp.adobe.com/Spectrum/dss/pull/362, then this PR should be ready.

You will still see VRT issues for Tooltip on this branch at this moment because the DSS fixes for Tooltip label padding are not present yet.

[GarthDB]

Tooltip has changed:
Reference:

Test:

[lazd]

@pfulton fixed that last issue, once VRT completes here I think we can merge this and be off to the races with CCX!

[lazd]

@GarthDB, yup Tooltip changed. During workshop, @badimon told us that "Tooltip has the same shape as ActionButton and no longer has a custom icon size or padding," so we made it inherit and it changed accordingly. Looks much nicer now!

[GarthDB]

Same with Toast with clear button:
Reference:

Test:

[lazd]

@GarthDB yup that's actually Toast in the wrapping example page, bb014ca fixes it.

[lazd]

The docs site has been deployed to https://git.corp.adobe.com/pages/lawdavis/spectrum-css-ccx-verify/docs/clearbutton.html for verification. Thanks @badimon!