SelectPanel story fixes

[mperrotti]

Closes no issue created

As I was adding examples for the new Primer docs, I noticed that our SelectPanel stories didn't align with our a11y guidance or design guidelines.

I made the following updates:

• Sort selected items to the top
• Do not hide selected items when filtering with the text input
• Make sure every select panel anchor has a label
• Add example for a visually hidden label
• Add example for a label that is rendered inside the button

Changelog

New

Nothing

Changed

Updated Storybook stories to better align with a11y and design guidelines

Removed

Nothing

Rollout strategy

• Patch release
• Minor release
• Major release; if selected, include a written rollout or migration plan
• None; if selected, include a brief description as to why
  • These changes only affect Storybook and VRTs, so they don't require a release

Testing & Reviewing

Confirm that stories still behave as expected.

Merge checklist

• Added/updated tests
• Added/updated documentation
• Added/updated previews (Storybook)
• Changes are SSR compatible
• Tested in Chrome
• Tested in Firefox
• Tested in Safari
• Tested in Edge
• (GitHub staff only) Integration tests pass at github/github (Learn more about how to run integration tests)

[changeset-bot]

⚠️ No Changeset found

Latest commit: aac9ae6

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

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

[github-actions]

size-limit report 📦

Path	Size
packages/react/dist/browser.esm.js	102.55 KB (0%)
packages/react/dist/browser.umd.js	102.86 KB (0%)