fix(tabs): adds rules for not showing a focus indicator on tap

[jnjosh]

Description

Exploring options to fix a bug on tabs where

How and where has this been tested?

TBD

Regression testing

TBD

Screenshots

Note the lack of a focus indicator

To-do list

• I have read the contribution guidelines.
• I have updated relevant storybook stories and templates.
• I have tested these changes in Windows High Contrast mode.
• If my change impacts other components, I have tested to make sure they don't break.
• If my change impacts documentation, I have updated the documentation accordingly.
• ✨ This pull request is ready to merge. ✨

[jnjosh]

Part of this issue was also to audit for other focus-indicator-on-click issues. After a very quick review these seem at least worth investigation or design discussion:

• Search Within - Shows a focus indicator around the drop down when clicking into the text field.

• Floating Action Button - Shows an indicator when clicking the button.

• Drop Zone - Shows focus indicator when clicking into the zone.

• Breadcrumbs - Seem to have default with a focus indicator?

FYI @pfulton

[github-actions]

🚀 Deployed on https://pr-2275--spectrum-css.netlify.app

[github-actions]

File metrics

Overall Δ: -< 1KB ⬇ (-0.01%)

tabs

-< 1KB ⬇

File	Size	Diff	Δ	Δ%
Total changes	56.72 KB	56.54 KB	-< 1KB ⬇	-0.33%
index-base.css	17.79 KB	17.73 KB	-< 1KB ⬇	-0.35%
index-theme.css	< 1KB	< 1KB	No change 🎉	0%
index-vars.css	17.97 KB	17.91 KB	-< 1KB ⬇	-0.34%
index.css	17.97 KB	17.91 KB	-< 1KB ⬇	-0.34%
mods.json	1.48 KB	1.48 KB	No change 🎉	0%
themes/express.css	< 1KB	< 1KB	No change 🎉	0%
themes/spectrum.css	< 1KB	< 1KB	No change 🎉	0%

[Rajdeepc]

@castastrophe Let me know if you get some time today to review and close this?

[jnjosh]

@Rajdeepc I think we have a duplicate, closing in favor of #2306