Update the tag-list-item target-size to be 24x24px.

[dbatiste]

DE51531

This PR makes two accessibility improvements:

1. It updates the size of the button to be 24x24px for wcag 2.2, along with tweaking spacing so that it's still evenly positioned.
2. It moves the whitespace between the text and the clear button to be outside d2l-button-icon instead of inside. Previously with the whitespace rendered inside d2l-button-icon but outside the actual button, it would be possible to invoke the clear action by clicking those pixels even though the hover effect was not activated. With this change, the click target accurately matches the visual hover feedback.

The tag-list-item does get 1px wider as a result. The height remains the same:

Before:

After:

[github-actions]

Thanks for the PR! 🎉

We've deployed an automatic preview for this PR - you can see your changes here:

URL	https://pr-3779-brightspace-ui-core.d2l.dev/

Note
The build needs to finish before your changes are deployed.
Changes to the PR will automatically update the instance.

[github-actions]

Visual diff tests failed - pull request #3780 has been opened with the updated goldens.

[ghost]

🎉 This PR is included in version 2.131.3 🎉

The release is available on:

• GitHub release
• npm package (@latest dist-tag)

Your semantic-release bot 📦🚀