Remove incorrect focus styles on ActionList items

[langermank]

I don't think the first item in ActionMenu should be focused at all by default, but this at least fixes the design bug with it. Focus styles utilize the accent blue outline, while the background is reserved for hover and active states.

Closes # https://github.com/github/primer/issues/1455

Screenshots

Before:

After:

Merge checklist

• Added/updated tests
• Added/updated documentation
• Tested in Chrome
• Tested in Firefox
• Tested in Safari
• Tested in Edge

Take a look at the What we look for in reviews section of the contributing guidelines for more information on how we review PRs.

[changeset-bot]

🦋 Changeset detected

Latest commit: 61123f8

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@primer/react	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

size-limit report 📦

Path	Size
dist/browser.esm.js	95.01 KB (-0.03% 🔽)
dist/browser.umd.js	95.55 KB (-0.03% 🔽)

[broccolinisoup]

This change makes sense to me! I am thinking if there would be any cases that cause an issue because we don't have an visual indicator for the focus state for mouse users? 🤔
I can't think of anything though but just to double check.

[langermank]

This change makes sense to me! I am thinking if there would be any cases that cause an issue because we don't have an visual indicator for the focus state for mouse users? 🤔 I can't think of anything though but just to double check.

Great question! That is not a requirement to my knowledge. That's why the focus-visible property is nice, as it allows us to only show a focus state if a keyboard is being used to navigate.

[broccolinisoup]

This change makes sense to me! I am thinking if there would be any cases that cause an issue because we don't have an visual indicator for the focus state for mouse users? 🤔 I can't think of anything though but just to double check.

Great question! That is not a requirement to my knowledge. That's why the focus-visible property is nice, as it allows us to only show a focus state if a keyboard is being used to navigate.

Sounds good to me! 🚀