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.17.0

Minor Changes

• #237 51e383d Thanks @rezrah! - Added Grid-specific design tokens.

  --grid-spacing-margin
  --grid-spacing-row
  --grid-spacing-column-gap

@primer/react-brand@0.17.0

Minor Changes

• #237 51e383d Thanks @rezrah! - Added Grid component

  Use Grid to create flexible and responsive grid-based layouts

  <Grid>
    <Grid.Column span={4}></Grid.Column>
    <Grid.Column span={4}></Grid.Column>
    <Grid.Column span={4}></Grid.Column>
  </Grid>

  🔗 See the documentation for more details and usage examples.

• #229 2359c0c Thanks @JoshBowdenConcepts! - Added Image component

  Usage example:

  <Image src="/path/to/your/image.jpg" alt="Required alternative text" />

  See the documentation or Storybook for more usage examples.

Patch Changes

• #243 9c479f9 Thanks @josepmartins! - Added support for [Octicons](https://primer.style/design/foundations/icons) in the Card component. The new Card.Icon child is optional, and can be used alongside a Card.Label. Icon color and background can be customized using the color and hasBackground prop respectively.

  <Card href="https://github.com">
    <Card.Icon icon={CopilotIcon} color="purple" hasBackground />
    <Card.Heading>Code search & code view</Card.Heading>
    <Card.Description>
      Enables you to rapidly search, navigate, and understand code, right from GitHub.com.
    </Card.Description>
  </Card>

• #246 e66ffe0 Thanks @TylerJDev! - Fixes zoom issue in SubdomainNavBar where secondary CTA link would disappear at 200% zoom, or specified width

• #237 51e383d Thanks @rezrah! - Improved type defintion accuracy for SubdomainNavBar.PrimaryAction by forwarding all default props from HTMLAnchorElement. This will prevent compiler errors on attributes like onClick.

• #240 6d590e2 Thanks @danielguillan! - Added a size prop to control Testimonial's text size

• #245 52cc40d Thanks @TylerJDev! - Fixes focus navigation within mobile menu in SubdomainNavbar

@primer/brand-storybook@0.17.0

@primer/brand-e2e@0.17.0

@primer/brand-fonts@0.17.0

@primer/brand-config@0.17.0

[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.

[rezrah]

Release testing notes:

Large testimonial variant ✅ working as expected
Grid ✅ working as expected
Image ❌ not working as expected Typescript error when using srcSet. Compiler suggesting that as prop is required, when it shouldn't be.
Card.Icon ❌ not working as expected Typescript error in Card.Icon when passing a reference to an Octicon function, as described in the docs. Error disappears when passing the Octicon as a ReactElement. ✅ icon={<RocketIcon />} works ❌ icon={RocketIcon} doesn't work Quick fix to unblock the release is to update the documentation examples to use the former. We should in the long-term however, fix the underlying error, as the latter is the recommended happy path.

[rezrah]

Testing update: Issues have been resolved and verified during second round of testing.

Release good to go 🚀