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/brand-primitives@0.40.1

Patch Changes

• #736 73cf706e Thanks @lukasoppermann! - Replaced the --brand-VideoPlayer-tooltip-padding design token in the VideoPlayer component with two new tokens that separately account for padding along each axis: --brand-VideoPlayer-tooltip-padding-inline and --brand-VideoPlayer-tooltip-padding-block.

  Note: This update does not introduce any visual changes. Please update any manual references to --brand-VideoPlayer-tooltip-padding to use the new tokens.

  - --brand-VideoPlayer-tooltip-padding
  + --brand-VideoPlayer-tooltip-padding-inline
  + --brand-VideoPlayer-tooltip-padding-block

• #738 f6bab573 Thanks @lukasoppermann! - Fixed line formatting in functional/size/size-coarse.css and functional/size/size-fine.css

  E.g.

  -    @media (pointer: coarse) { :root {
  -  --brand-controlStack-medium-gap-auto: var(--base-size-12);
  -  --brand-controlStack-small-gap-auto: var(--base-size-16);
  -  --brand-control-minTarget-auto: var(--base-size-44);
  -}}
  +@media (pointer: coarse) {
  +  :root {
  +    --brand-controlStack-medium-gap-auto: var(--base-size-12);
  +    --brand-controlStack-small-gap-auto: var(--base-size-16);
  +    --brand-control-minTarget-auto: var(--base-size-44);
  +  }
  +}

@primer/react-brand@0.40.1

Patch Changes

• #754 d061705c Thanks @joshfarrant! - The RiverStoryScroll component now enforces that its children must be River components through type checking, instead of relying on a run-time check.

• #739 24bd6338 Thanks @joshfarrant! - Fixed a bug in the SubNav component where the submenu toggle was rendered as an empty button on mobile viewports.

• #736 73cf706e Thanks @lukasoppermann! - Replaced the --brand-VideoPlayer-tooltip-padding design token in the VideoPlayer component with two new tokens that separately account for padding along each axis: --brand-VideoPlayer-tooltip-padding-inline and --brand-VideoPlayer-tooltip-padding-block.

  Note: This update does not introduce any visual changes. Please update any manual references to --brand-VideoPlayer-tooltip-padding to use the new tokens.

  - --brand-VideoPlayer-tooltip-padding
  + --brand-VideoPlayer-tooltip-padding-inline
  + --brand-VideoPlayer-tooltip-padding-block

• #722 99328ce0 Thanks @danielguillan! - Added support for <b> elements to Bento, RiverBreakout, SectionIntro, Timeline, and Testimonial components, as <em> is semantically interpreted by screen readers for emphasis, while <b> allows duo-tone text to function purely as a visual decoration.

  Usage example:

  <SectionIntro>
    <SectionIntro.Heading>
      <b>Expressive headline</b> about an exclusive set of features.
    </SectionIntro.Heading>
  </SectionIntro>

  Important The updated components still support the use of <em> elements for backward compatibility, but moving forward, the only recommended element for emphasized text is <b>.

• #733 2dcb9bad Thanks @danielguillan! - Fixes Label component multiline reflow

• #746 4af8db14 Thanks @joshfarrant! - Fixed a bug where Card components rendered within a dark colour mode would not take the full width of their container.

@primer/brand-storybook@0.40.1

@primer/brand-e2e@0.40.1

@primer/brand-fonts@0.40.1

@primer/brand-config@0.40.1

[github-actions[bot]]

❗ Pre-merge checklist

Please ensure these items are checked before merging.

✅ Preliminary checks

• [x] All CI checks pass on this pull request
• [x] 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
  • [x] 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
  • [x] Run development server
  • [x] Manually verify release-specific bugfixes and/or features on the following pages:
  • /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
  • [x] 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.

  • [x] Run development server and verify no new console warnings or regressions are found
  • [x] Run local build to verify the release compiles correctly
  • [x] 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

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

🤔 Cross-check (aka sanity test)

• [x] Release notes accurately describe the changes made
• [x] 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
• [x] 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

• [x] 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

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

[github-actions[bot]]

🟢 No design token changes found

[github-actions[bot]]

🟢 No visual differences found

Our visual comparison tests did not find any differences in the UI.

[danielguillan]

Smoke test results

• Remove display: inline-block; from animated Card component 🟢
• Fix Label component text reflow 🟢
• Add support for duotone text with <b> elements by default 🟢
• Replaced the --brand-VideoPlayer-tooltip-padding design token in the VideoPlayer component 🟢
• Enforce RiverStoryScroll children are Rivers using types 🟢

No regressions found during testing by @danielguillan and @joshfarrant.

Release testing status: Ready to release 🟢