Skip to content

Storybook: add the missing Probe Theme all-axes page - #5570

Merged
cixzhang merged 2 commits into
mainfrom
theme-showcase
Aug 26, 2026
Merged

Storybook: add the missing Probe Theme all-axes page#5570
cixzhang merged 2 commits into
mainfrom
theme-showcase

Conversation

@cixzhang

@cixzhang cixzhang commented Aug 26, 2026

Copy link
Copy Markdown
Contributor

The Probe theme has been selectable in Storybook since #5396, but there is no useful Theme section where someone can see it. Core/Themes contains four implementation demos; none covers tokens, icons, indicators, fonts, syntax, or the probe fixture.

What

Adds Core/Themes/Probe Theme:

  • All Axes — one screenshotable page covering all six defineTheme axes
  • Component Targets — compact component override surface
  • Registries — semantic icon and indicator swaps

It deliberately does not wrap itself in <Theme>: the toolbar and visual gate own the active theme, so Neutral ↔ Probe switching is honest. The capture asserts which theme applied; Probe rendered 9 icon replacements + 3 indicator replacements, Neutral rendered zero markers.

Risk

Storybook-only. No component, API, or package behavior changes. No changeset.

Testing

  • pnpm -F @astryxdesign/storybook typecheck
  • pnpm -F @astryxdesign/storybook build
  • Playwright capture at 1280×980 under Neutral and Probe
  • Pixel comparison: 1,320,346 pixels changed (91.37%)

Visual evidence

Before — Neutral

Neutral theme

After — Probe

Probe theme

Pixel diff

Pixel diff

1,320,346 pixels changed (91.37%). The capture also asserts the active theme: Probe rendered 9 marked icon replacements and 3 marked indicator replacements; Neutral rendered none.

The probe theme was selectable in the toolbar but had no Storybook page of its
own, so there was no surface where someone could inspect what it actually does.
The existing Core/Themes group contained implementation demos only — no icons,
indicators, tokens, syntax, or probe page.

Core/Themes/Probe Theme now puts all six defineTheme axes on one switchable
surface: component targets, token swatches, semantic icon swaps, checkbox/radio
indicator swaps, typography, and syntax highlighting. It deliberately does NOT
wrap itself in <Theme>; the toolbar and visual gate own the active theme, so
Neutral and Probe can be compared honestly.

The capture asserts the theme applied and counted 9 icon replacements + 3
indicator replacements under Probe, versus zero markers under Neutral.
@vercel

vercel Bot commented Aug 26, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
astryx Ready Ready Preview Aug 26, 2026 9:58pm

Request Review

@meta-cla meta-cla Bot added the CLA Signed This label is managed by the Meta Open Source bot. label Aug 26, 2026
@github-actions

github-actions Bot commented Aug 26, 2026

Copy link
Copy Markdown
Contributor

PR Analysis Report

📚 Storybook Preview

View Storybook for this PR
GitHub Pages may take up to a minute to hydrate after deploy.

🧪 Sandbox Preview

View Sandbox for this PR
GitHub Pages may take up to a minute to hydrate after deploy.

No new or modified components detected.

Bundle Size Summary

No component packages changed.

Accessibility Audit

Status: No accessibility violations detected.


Generated by PR Enrichment workflow | Storybook | Sandbox | View full report

github-actions Bot added a commit that referenced this pull request Aug 26, 2026

@cixzhang cixzhang left a comment

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks — relabel's right, six axes still check out.

Body screenshots are pre-fix ("Switch indicator"); Token Inspector and CodeTheme already cover tokens and syntax; 91.37% should be ~96%.

Refresh and merge?

[Reviewed by Robohands]

@cixzhang
cixzhang merged commit 6efc31b into main Aug 26, 2026
21 checks passed
@github-actions
github-actions Bot deleted the theme-showcase branch August 27, 2026 09:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

CLA Signed This label is managed by the Meta Open Source bot.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant