New release available "@primer/[email protected]"

[github-actions]

A new release is available: https://github.com/primer/brand/releases/tag/%40primer/react-brand%400.47.0.

Changelog

🔗 Permalink to v0.47.0. documentation

Minor Changes

• #896 ce6c8b6 Thanks @rezrah! - Updated minimum, compatible version of react and react-dom to v18

Patch Changes

• #896 ce6c8b6 Thanks @rezrah! - Updated leadingVisual prop in Label to accept Icon children from the @primer/octicons-react package.

• #896 ce6c8b6 Thanks @rezrah! - Replaced usage of @reach/auto-id with native useId in react@v18

• #896 ce6c8b6 Thanks @rezrah! - Add peerDependenciesMeta configuration, preventing unnecessary peer dependency warnings

• #899 bc24d7a Thanks @joshfarrant! - Added a scroll margin to Footnote.Item to prevent it from being hidden behind fixed navigation during automatic scrolling.

• #897 1c47b76 Thanks @joshfarrant! - IDE component accessibility improvements

  • Added 1px border to identify active tab and start/end of Copilot suggestion. The colours of these borders can be customised via the --brand-IDE-default-editor-tab-borderColor and --brand-IDE-autoSuggest-borderColor CSS variables.
  • Added horizontal scrolling to IDE component when viewed on small viewports

❗ Dotcom integration checklist

Note

GitHub Staff only

Please ensure these items are checked before merging.

• Performed successful integration test with github/github
  • Install release @primer/[email protected]
  • Verify CI passes
• Manually verify regressions on following pages against production:
• /features/copilot
• /enterprise
• /enterprise/advanced-security
• /articles/security
• /articles/security/what-is-security-testing
• /features/preview
• /features/copilot/getting-started and /features/copilot
• /solutions/devops
• /education
• /mobile
• /contact-sales
• /about/diversity

[github-actions]

Smoke test results

• React version change and peerDependencies update 🟢
  No issues found when installing or building in any environment

• @reach/auto-id removal 🟢
  Tested various components which relied on this hook in dotcom and all continue to function correctly

• Label leadingVisual prop 🟢
  Verified to be working in dotcom, docs, Storybook, and StackBlitz
  

• IDE component accessibility improvements 🟢
  Verified to be working in dotcom, docs, Storybook, and StackBlitz
  

• Footnote.Item scroll margin 🟢
  Verified to be working in dotcom, docs, Storybook, and StackBlitz. In demo video below, first test is using the release candidate, second is production dotcom. Note how in the first example the 2 Footnote Item is not hidden behind the nav after the scroll, whereas in the second example it is.

footnote-scroll.mp4

Release testing status: Ready to release 🟢