Skip to content

Conversation

@jandrade
Copy link
Member

Summary:

Migrated all the color instances in the __docs__ folder to semantiColor.
This was the result of the WB codemod created for this task.

Issue: "none"

Test plan:

Verify that the changes make sense and that nothing breaks from this. There
might be slight changes in the stories, but component styles shouldn't have
changed.

@jandrade jandrade self-assigned this Nov 10, 2025
@changeset-bot
Copy link

changeset-bot bot commented Nov 10, 2025

🦋 Changeset detected

Latest commit: c62d629

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

This PR includes changesets to release 0 packages

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

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
Contributor

github-actions bot commented Nov 10, 2025

Size Change: 0 B

Total Size: 109 kB

ℹ️ View Unchanged
Filename Size
packages/wonder-blocks-accordion/dist/es/index.js 3 kB
packages/wonder-blocks-announcer/dist/es/index.js 1.74 kB
packages/wonder-blocks-badge/dist/es/index.js 2.02 kB
packages/wonder-blocks-banner/dist/es/index.js 2.01 kB
packages/wonder-blocks-birthday-picker/dist/es/index.js 1.92 kB
packages/wonder-blocks-breadcrumbs/dist/es/index.js 755 B
packages/wonder-blocks-button/dist/es/index.js 4.25 kB
packages/wonder-blocks-card/dist/es/index.js 1.01 kB
packages/wonder-blocks-cell/dist/es/index.js 2.19 kB
packages/wonder-blocks-clickable/dist/es/index.js 2.66 kB
packages/wonder-blocks-core/dist/es/index.js 2.48 kB
packages/wonder-blocks-data/dist/es/index.js 5.48 kB
packages/wonder-blocks-dropdown/dist/es/index.js 19.4 kB
packages/wonder-blocks-form/dist/es/index.js 6.2 kB
packages/wonder-blocks-grid/dist/es/index.js 1.24 kB
packages/wonder-blocks-icon-button/dist/es/index.js 3.16 kB
packages/wonder-blocks-icon/dist/es/index.js 1.91 kB
packages/wonder-blocks-labeled-field/dist/es/index.js 3.48 kB
packages/wonder-blocks-layout/dist/es/index.js 1.63 kB
packages/wonder-blocks-link/dist/es/index.js 1.52 kB
packages/wonder-blocks-modal/dist/es/index.js 6.99 kB
packages/wonder-blocks-pill/dist/es/index.js 1.31 kB
packages/wonder-blocks-popover/dist/es/index.js 4.3 kB
packages/wonder-blocks-progress-spinner/dist/es/index.js 1.48 kB
packages/wonder-blocks-search-field/dist/es/index.js 1.1 kB
packages/wonder-blocks-styles/dist/es/index.js 464 B
packages/wonder-blocks-switch/dist/es/index.js 1.55 kB
packages/wonder-blocks-tabs/dist/es/index.js 3.71 kB
packages/wonder-blocks-testing-core/dist/es/index.js 3.25 kB
packages/wonder-blocks-testing/dist/es/index.js 978 B
packages/wonder-blocks-theming/dist/es/index.js 384 B
packages/wonder-blocks-timing/dist/es/index.js 1.37 kB
packages/wonder-blocks-tokens/dist/es/index.js 5.01 kB
packages/wonder-blocks-toolbar/dist/es/index.js 906 B
packages/wonder-blocks-tooltip/dist/es/index.js 6.4 kB
packages/wonder-blocks-typography/dist/es/index.js 1.57 kB

compressed-size-action

@github-actions
Copy link
Contributor

A new build was pushed to Chromatic! 🚀

https://5e1bf4b385e3fb0020b7073c-kqiwiiskta.chromatic.com/

Chromatic results:

Metric Total
Captured snapshots 334
Tests with visual changes 31
Total stories 737
Inherited (not captured) snapshots [TurboSnap] 273
Tests on the build 440

@jandrade jandrade marked this pull request as ready for review November 10, 2025 16:34
@khan-actions-bot khan-actions-bot requested a review from a team November 10, 2025 16:34
@khan-actions-bot
Copy link
Contributor

Gerald

Required Reviewers
  • @Khan/wonder-blocks for changes to .changeset/tidy-lamps-beg.md, __docs__/components/color.tsx, __docs__/components/token-table.tsx, __docs__/wonder-blocks-accordion/accordion-section.stories.tsx, __docs__/wonder-blocks-accordion/accordion.stories.tsx, __docs__/wonder-blocks-button/button.stories.tsx, __docs__/wonder-blocks-core/add-style.stories.tsx, __docs__/wonder-blocks-core/view.stories.tsx, __docs__/wonder-blocks-icon/accessibility.stories.tsx, __docs__/wonder-blocks-icon/phosphor-icon.argtypes.ts, __docs__/wonder-blocks-icon/phosphor-icon.stories.tsx, __docs__/wonder-blocks-layout/media-layout.stories.tsx, __docs__/wonder-blocks-layout/spring.stories.tsx, __docs__/wonder-blocks-layout/strut.stories.tsx, __docs__/wonder-blocks-progress-spinner/circular-spinner.stories.tsx, __docs__/wonder-blocks-switch/switch-best-practices.stories.tsx, __docs__/wonder-blocks-tokens/color.stories.tsx, __docs__/wonder-blocks-tokens/sizing.stories.tsx, __docs__/wonder-blocks-tokens/spacing.stories.tsx, __docs__/wonder-blocks-tokens/typography.stories.tsx, __docs__/wonder-blocks-typography/accessibility.stories.tsx, __docs__/wonder-blocks-typography/typography.stories.tsx, __docs__/components/gallery/component-tile.tsx, __docs__/components/gallery/tiles/compact-cell-tile.tsx, __docs__/components/gallery/tiles/detail-cell-tile.tsx

Don't want to be involved in this pull request? Comment #removeme and we won't notify you of further changes.

@github-actions
Copy link
Contributor

npm Snapshot: Published

🎉 Good news!! We've packaged up the latest commit from this PR (13e978a) and published all packages with changesets to npm.

You can install the packages in frontend by running:

./dev/tools/deploy_wonder_blocks.js --tag="PR2853"

Packages can also be installed manually by running:

pnpm add @khanacademy/wonder-blocks-<package-name>@PR2853

Copy link
Member

@marcysutton marcysutton left a comment

Choose a reason for hiding this comment

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

Thanks for updating the docs! I left one question about a disabled token on examples that aren't disabled...otherwise looks good to me!


item: {
background: color.offBlack32,
background: semanticColor.core.background.disabled.strong,
Copy link
Member

Choose a reason for hiding this comment

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

This story doesn't appear to have disabled characteristics...should it use a disabled token?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants