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/[email protected]

Patch Changes

• #880 bfe40610 Thanks @rezrah! - Increased border radius of Card from large (16px) to xlarge (24px)

• #878 d9183796 Thanks @rezrah! - Added leadingComponent slot to SectionIntro for inserting arbitrary visuals and JSX above the heading.

  <SectionIntro leadingComponent={() => <img src="leading-visual.png" alt="description of your leading visual" />}>
    <SectionIntro.Heading>...</SectionIntro.Heading>
    <SectionIntro.Description>...</SectionIntro.Description>
    <SectionIntro.Link>...</SectionIntro.Link>
  </SectionIntro>

  🔗 See Storybook example

• #880 bfe40610 Thanks @rezrah! - Added hasBorder prop to Pillar for alternative presentation

  🔗 See Storybook for an example

• #703 621d8ee2 Thanks @joshfarrant! - VideoPlayer accessibility improvements

  • Improved contrast of play overlay focus styles.
  • Improved contrast of controls and title.
  • The title bar now hides while the video is playing.
  • The controls bar now hides when the cursor or keyboard focus leaves the video player, or after a few seconds of inactivity, and reappears when the cursor or keyboard focus returns.

• #862 eba0c530 Thanks @danielguillan! - Added image support to Pillar component

  Usage example:

  <Pillar>
    <Pillar.Image src="/path/to/your/image.jpg" alt="Required alternative text" />
    <Pillar.Heading>Code search & code view</Pillar.Heading>
    <Pillar.Description>
      Enables you to rapidly search, navigate, and understand code, right from GitHub.com.
    </Pillar.Description>
  </Pillar>

  🔗 See Storybook for an example

@primer/[email protected]

@primer/[email protected]

@primer/[email protected]

@primer/[email protected]

@primer/[email protected]

[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:
    • /features/copilot
    • /features/copilot/getting-started
    • /features/preview
    • /enterprise
    • /enterprise/advanced-security
    • /enterprise/contact
    • /articles/security
    • /articles/security/what-is-security-testing
    • /solutions/devops
    • /education
    • /mobile
    • /about/diversity
  • 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]

🟢 No visual differences found

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

[joshfarrant]

Smoke test results

• Card — increased border radius 🟢
  Verified to be working in dotcom, docs, Storybook, and StackBlitz

  Screenshot from /features/copilot highlight border-radius change.

  Before	After

  There is an issue on the /enterprise/advanced-security page which is explained more in the hotfix hotfix: fix torchlight card border radius #885.

  UPDATE: This is now resolved

• VideoPlayer — Accessibility improvements 🟢
  Verified to be working in dotcom, docs, Storybook, and StackBlitz

• SectionIntro — leadingComponent prop 🟢
  Verified to be working in dotcom, docs, Storybook, and StackBlitz

• Pillar — hasBorder prop 🟢
  Verified to be working in dotcom, docs, Storybook, and StackBlitz

• Pillar — Pillar.Image 🟢
  Verified to be working in dotcom, docs, Storybook, and StackBlitz

Release testing status: Ready to release 🟢