Release Tracking

[github-actions]

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]

Minor Changes

• #1315 85d0202b Thanks @VanAnderson! - Box now accepts all styled system props.

• #1316 4c063317 Thanks @VanAnderson! - The following components have been deprecated in favor of the Box component:

  Component	Replacement
  Flex	<Box display="flex">
  Grid	<Box display="grid">
  Position	<Box>
  Absolute	<Box position="absolute">
  Fixed	<Box position="fixed">
  Relative	<Box position="relative">
  Sticky	<Box position="sticky">
  BorderBox	<Box borderWidth="1px" borderStyle="solid" borderColor="border.primary" borderRadius={2}>

  There is a codemod available to upgrade these components:

  • TypeScript example:

    npx jscodeshift -t node_modules/@primer/components/codemods/deprecateUtilityComponents.js
    --parser=tsx path/to/workspace/src/*.tsx

  • Babel example:

    npx jscodeshift -t node_modules/@primer/components/codemods/deprecateUtilityComponents.js
    --parser=babel path/to/workspace/src/*.tsx

• #1336 489a718b Thanks @VanAnderson! - System props are deprecated in all components except Box. Move all system props into the sx prop instead. Example:

  - <Button mr={2}>...</Button>
  + <Button sx={{mr: 2}}>...</Button>

  There is a codemod available to migrate from system props to the sx prop:

  • TypeScript example:

    npx jscodeshift -t node_modules/@primer/components/codemods/removeSystemProps.js
    --parser=tsx path/to/workspace/src/*.tsx

  • Babel example:

    npx jscodeshift -t node_modules/@primer/components/codemods/removeSystemProps.js
    --parser=babel path/to/workspace/src/*.tsx

Patch Changes

• #1332 ec11d7b8 Thanks @mattcosta7! - Side effects are properly declared in package.json

• #1308 a8f3ca6d Thanks @dgreif! - Focus zones will now update active-descendant on mousemove over focusable elements. ActionList has been updated to handle direct (key press) vs indirect (mousemove, DOM change, etc.) changes to active-descendant, and will use a distinct background color for the directly activated items.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/primer/primer-components/BcRWR75VStWkVGQr1JPUtaqurZ62
✅ Preview: https://primer-components-git-changeset-release-main-primer.vercel.app