Skip to content

v6: Restyle DropdownMenu#4280

Merged
trevor-scheer merged 1 commit into
graphiql-6from
trevor/restyle-dropdown-menu
May 15, 2026
Merged

v6: Restyle DropdownMenu#4280
trevor-scheer merged 1 commit into
graphiql-6from
trevor/restyle-dropdown-menu

Conversation

@trevor-scheer
Copy link
Copy Markdown
Contributor

@trevor-scheer trevor-scheer commented May 15, 2026

Summary

  • DropdownMenu styling moves to v6 OKLCH tokens (surface, item hover, separator).
  • Adds a Separator subcomponent wrapping the Radix primitive.
  • Adds Storybook stories.

Test plan

  • Open Primitives/DropdownMenu; check default and separator-bearing variants.
  • Keyboard nav: arrow keys cycle items, Enter activates, Escape closes.
  • Disabled items render with reduced contrast and don't activate.

Refs: #4219

@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented May 15, 2026

🦋 Changeset detected

Latest commit: 3cd868f

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

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
Copy link
Copy Markdown
Contributor

The latest changes of this PR are not available as canary, since there are no linked changesets for this PR.

@trevor-scheer trevor-scheer force-pushed the trevor/restyle-dropdown-menu branch 2 times, most recently from 8055ca7 to 7040e23 Compare May 15, 2026 15:52
Swap old HSL color variables for v6 OKLCH tokens. Adds a `Separator` subcomponent so the new separator styles have a backing element.
@trevor-scheer trevor-scheer force-pushed the trevor/restyle-dropdown-menu branch from 7040e23 to 3cd868f Compare May 15, 2026 17:47
@trevor-scheer trevor-scheer marked this pull request as ready for review May 15, 2026 18:04
@trevor-scheer trevor-scheer merged commit 7dd2111 into graphiql-6 May 15, 2026
13 checks passed
@trevor-scheer trevor-scheer deleted the trevor/restyle-dropdown-menu branch May 15, 2026 18:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant