Release tracking

[primer-css]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@primer/react-brand@0.57.0

Minor Changes

• #1101 7d344dc Thanks @joshfarrant! - Added play/pause control to the IDE component.

  ⚠️ Removed the showReplayButton prop as the play/pause control replaces its functionality, and is always visible.

Patch Changes

• #1113 30d9f1f Thanks @danielguillan! - Updated the layout of single item PricingOptions

• #1111 8dc3fc9 Thanks @joshfarrant! - Improvements to the styling of various components when viewed in Windows High Contrast Mode.

  • FAQGroup: Improved appearance for the selected tab
  • Pagination: Improved appearance for the current page item
  • VideoPlayer: Improved legibility for all text and controls
  • Checkbox: Improved focus and checked appearance
  • Radio: Improved focus and checked appearance
  • TextInput: Improved focus appearance
  • Textarea: Improved focus appearance
  • ActionMenu: Improved focus appearance

• #1114 3a62a9e Thanks @rezrah! - Added support for <table> elements in the Prose component. Tables now render with improved visual appearance.

  🔗 Refer to Prose documentation for usage examples

• #1102 5ef7878 Thanks @joshfarrant! - The Button component now automatically applies semantically correct disabled attributes based on the rendered element type. E.g. disabled for button elements and aria-disabled for other elements.

  ⚠️ Please review usage of Button in your application code or tests, to ensure that you are not relying on the previously incorrect markup. For example, if you previously targeted a[disabled], you should now target a[aria-disabled] instead.

@primer/brand-primitives@0.57.0

Patch Changes

• #1113 30d9f1f Thanks @danielguillan! - Updated the layout of single item PricingOptions

@primer/brand-css@0.57.0

@primer/brand-docs@0.57.0

@primer/brand-storybook@0.57.0

@primer/brand-e2e@0.57.0

@primer/brand-fonts@0.57.0

@primer/brand-config@0.57.0

[Copilot]

Pull Request Overview

This PR updates all Primer Brand packages to version 0.56.4 in preparation for an automated npm release.

• Bumped version fields from 0.56.3 to 0.56.4 in each package.json
• Added ## 0.56.4 headings in all CHANGELOG.md files
• Removed the applied .changeset file

Reviewed Changes

Copilot reviewed 17 out of 17 changed files in this pull request and generated no comments.

Show a summary per file

File	Description
packages/repo-configs/package.json	Bumped version to 0.56.4
packages/repo-configs/CHANGELOG.md	Added 0.56.4 section
packages/react/package.json	Bumped version to 0.56.4
packages/react/CHANGELOG.md	Added 0.56.4 release notes
packages/fonts/package.json	Bumped version to 0.56.4
packages/fonts/CHANGELOG.md	Added 0.56.4 section
packages/e2e/package.json	Bumped version to 0.56.4
packages/e2e/CHANGELOG.md	Added 0.56.4 section
packages/design-tokens/package.json	Bumped version to 0.56.4
packages/design-tokens/CHANGELOG.md	Added 0.56.4 section
packages/css/package.json	Bumped version to 0.56.4
packages/css/CHANGELOG.md	Added 0.56.4 section
apps/storybook/package.json	Bumped version to 0.56.4
apps/storybook/CHANGELOG.md	Added 0.56.4 section
apps/next-docs/package.json	Bumped version and updated devDeps
apps/next-docs/CHANGELOG.md	Added 0.56.4 section
.changeset/chilly-yaks-unite.md	Removed applied changeset file

[github-actions]

❗ Pre-merge checklist

Please ensure these items are checked before merging.

✅ Preliminary checks

• All CI checks pass on this pull request
• Docs and Storybook previews open in a browser

🔌 Integration smoke tests

Dotcom

• Performed successful integration test with github/github, as a primary consumer of Primer Brand
  • Install RC: bin/npm install --save --save-exact @primer/react-brand@{RC_VERSION}
    Important: Verify that each workspace package has been updated correctly in their respective package.json files
  • Run development server
  • Manually verify release-specific bugfixes and/or features on the following pages:
    • /home
    • /features/copilot
    • /features/copilot/tutorials
    • /features/preview
    • /enterprise
    • /enterprise/contact
    • /security/advanced-security
    • /education
    • /mobile
    • /about/diversity
    • /newsroom
    • /resources/articles
    • /resources/articles/software-development
    • /resources/articles/software-development/what-is-cloud-native
    • /resources/whitepapers
    • /resources/whitepapers/how-the-c-suite-can-lead-ai-innovation
    • /solutions
    • /solutions/use-case/
    • /solutions/use-case/devops
    • /contentful-lp-tests/flex-example-dark (requires a flag)
    • /contentful-lp-tests/flex-example-light (requires a flag)
  • Manually compare production site to local instance for any non-release specific regressions

Subdomain sites

• Performed successful integration test with githubuniverse.com, as a Tier 1 consumer of Primer Brand outside of the monolith.

  • Run development server and verify no new console warnings or regressions are found
  • Run local build to verify the release compiles correctly
  • Manually performed side-by-side comparison with production

• Performed successful integration test with https://resources.github.com/, as a Tier 1 consumer of Primer Brand outside of the monolith.

  • Run development server and verify no new console warnings or regressions are found
  • Run local build to verify the release compiles correctly
  • Manually performed side-by-side comparison with production

Sandboxes

• Works in CodeSandbox or StackBlitz
  • New components render successfully
  • (optional) Tested in both SPA and SSR apps if release contains build changes

🤔 Cross-check (aka sanity test)

• Release notes accurately describe the changes made
• All bugfixes in this release have resolved their corresponding issues
• The issues for reverted PRs have been re-opened and commented on with a link to the reverted PR
• No noticeable regressions or side-effects have not been introduced as a result of changes in this release.
  • If they have, determine severity of the issue and consider hotfixing

After tests

• Add report summary of your findings, including any images. Use following template as a guide:

  #### Smoke test results
  
  - Feature 1 🟢 🟡 🔴 (choose one, depending on success levels)
  
    {insert screenshot}
  
  Release testing status: Ready to release 🟢 | Paused 🟡 🔴 (choose one and provide reason)

🚢 After merge

• Issue release comms in primer brand Slack channel
• Add the preview deployment's link to releases as a way of permalinking to old version's docs. Example

[github-actions]

🟢 No design token changes found

[github-actions]

⚠️ Visual differences found

Our visual comparison tests found UI differences.

Please review the differences by using the test artifacts to ensure that the changes were intentional.

Artifacts can be downloaded and reviewed locally.

Download links are available at the bottom of the workflow summary screen.

Example:

If the changes are expected, please run npm run test:visual:update-snapshots to replace the previous fixtures.

Review visual differences

[rezrah]

Smoke test results

• SWP (and wider Dotcom) unit tests are passing 🟢

  No regressions observed in test cases.

  

• Updated the layout of single item PricingOptions 🟢

  Tested in dotcom on the GA Spark landing page. Works as expected and fulfils the original modification request.

  Before	After

• Added support for <table> elements in the Prose component 🟢

  Significant improvement to HTML table rendering in SWP pages on dotcom. E.g. from a whitepaper page.

  Before	After

  Opt-in column-stacking mode also works as-expected, but will require additional non-Primer Brand work to enable in dotcom.

  Desktop	Mobile
  Screen.Recording.2025-07-25.at.11.27.59.mov

• Added play/pause control to the IDE component. 🟢

  No known instances of IDE being used in Tier 1 services. Re-tested in our internal Storybook and verified to work as described. Prominence of the breaking change could be improved as we don't call it out in the same way as we do other similar API changes. E.g. with a ⚠️. This will be updated before shipping.

• The Button component now automatically applies semantically correct disabled attributes 🟢

  Manual review of buttons instances showed that disabled is infrequently used. In many forms the button is enabled by default and used to trigger validation. Verified the correct attributes are set however, if disabled state is required in future. Unit tests also didn't pick up any regressions, and the change log notice is sufficiently detailed.

• Improvements to the styling of various components when viewed in Windows High Contrast Mode 🟢

  Working as expected, and signifant UX improvements noted in WHCM. Tested in a VM running Windows 11 Pro.

  Enterprise contact form now have corect focus outlines:

  Before	After
  Screen.Recording.2025-07-25.at.11.11.54.mov	Screen.Recording.2025-07-25.at.11.11.26.mov

  Spark FAQs fixed active state

  Before	After

  Whitepaper paginations show active state on current paged item:

  Before	After

  Whitepaper filters can now be selected correctly for sighted users. Also show outlines for keyboard users

  Before	After
  Screen.Recording.2025-07-25.at.11.15.11.mov	Screen.Recording.2025-07-25.at.11.14.56.mov

Release testing status: Ready to release 🟢