v6: Restyle doc-explorer to v6 design tokens#4294
Merged
Merged
Conversation
Migrates all CSS in `@graphiql/plugin-doc-explorer` from v5 HSL tokens to v6 OKLCH tokens. Type names use `--accent-orange`, field and enum names use `--accent-green-light`, argument names use `--accent-purple`. Wraps the panel chrome in the new `PanelHeader` primitive.
Adds `.storybook/` config and stories under `src/stories/` to the `@graphiql/plugin-doc-explorer` package. Covers schema overview, type detail (object, enum, input), field detail, and a token-color reference.
Convert remaining `hsl(var(...))` references in `directive.css` and `default-value.css` to v6 OKLCH tokens: `--accent-purple` for directives and `--accent-green` for default values.
🦋 Changeset detectedLatest commit: a08df81 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 |
Contributor
|
The latest changes of this PR are not available as canary, since there are no linked |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
@graphiql/plugin-doc-explorerCSS from v5 HSL tokens to v6 OKLCH tokens.PanelHeaderfor the panel header.--accent-orange. Field and enum names:--accent-green-light. Argument names:--accent-purple.Test plan
DocExplorerStorybook stories: schema overview, type detail variants (object, enum, input), field detail, and token colors story.Refs: #4219