From d7aff0e46c7d2147ab1f4c4ec0f9e91b984318c1 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" Date: Fri, 31 Jan 2025 21:16:24 +0000 Subject: [PATCH] Version Packages --- .changeset/angry-ties-push.md | 5 - .changeset/brave-dolls-sparkle.md | 5 - .changeset/cyan-shirts-drive.md | 5 - .changeset/gentle-planets-grab.md | 5 - .changeset/giant-rocks-carry-1.md | 5 - .changeset/giant-rocks-carry-10.md | 5 - .changeset/giant-rocks-carry-11.md | 5 - .changeset/giant-rocks-carry-12.md | 5 - .changeset/giant-rocks-carry-13.md | 5 - .changeset/giant-rocks-carry-14.md | 5 - .changeset/giant-rocks-carry-15.md | 5 - .changeset/giant-rocks-carry-16.md | 5 - .changeset/giant-rocks-carry-17.md | 5 - .changeset/giant-rocks-carry-18.md | 5 - .changeset/giant-rocks-carry-19.md | 5 - .changeset/giant-rocks-carry-2.md | 5 - .changeset/giant-rocks-carry-20.md | 5 - .changeset/giant-rocks-carry-21.md | 5 - .changeset/giant-rocks-carry-3.md | 5 - .changeset/giant-rocks-carry-4.md | 5 - .changeset/giant-rocks-carry-5.md | 5 - .changeset/giant-rocks-carry-6.md | 5 - .changeset/giant-rocks-carry-7.md | 5 - .changeset/giant-rocks-carry-8.md | 5 - .changeset/giant-rocks-carry-9.md | 5 - .changeset/great-boxes-clap.md | 5 - .changeset/itchy-numbers-fetch.md | 5 - .changeset/nervous-planets-kneel.md | 5 - .changeset/selfish-garlics-approve.md | 5 - .changeset/serious-melons-own.md | 5 - .changeset/ten-mirrors-refuse.md | 5 - examples/codesandbox/package.json | 2 +- examples/nextjs/package.json | 2 +- examples/theming/package.json | 2 +- packages/react/CHANGELOG.md | 337 ++++++++++++++++++-------- packages/react/package.json | 2 +- 36 files changed, 235 insertions(+), 265 deletions(-) delete mode 100644 .changeset/angry-ties-push.md delete mode 100644 .changeset/brave-dolls-sparkle.md delete mode 100644 .changeset/cyan-shirts-drive.md delete mode 100644 .changeset/gentle-planets-grab.md delete mode 100644 .changeset/giant-rocks-carry-1.md delete mode 100644 .changeset/giant-rocks-carry-10.md delete mode 100644 .changeset/giant-rocks-carry-11.md delete mode 100644 .changeset/giant-rocks-carry-12.md delete mode 100644 .changeset/giant-rocks-carry-13.md delete mode 100644 .changeset/giant-rocks-carry-14.md delete mode 100644 .changeset/giant-rocks-carry-15.md delete mode 100644 .changeset/giant-rocks-carry-16.md delete mode 100644 .changeset/giant-rocks-carry-17.md delete mode 100644 .changeset/giant-rocks-carry-18.md delete mode 100644 .changeset/giant-rocks-carry-19.md delete mode 100644 .changeset/giant-rocks-carry-2.md delete mode 100644 .changeset/giant-rocks-carry-20.md delete mode 100644 .changeset/giant-rocks-carry-21.md delete mode 100644 .changeset/giant-rocks-carry-3.md delete mode 100644 .changeset/giant-rocks-carry-4.md delete mode 100644 .changeset/giant-rocks-carry-5.md delete mode 100644 .changeset/giant-rocks-carry-6.md delete mode 100644 .changeset/giant-rocks-carry-7.md delete mode 100644 .changeset/giant-rocks-carry-8.md delete mode 100644 .changeset/giant-rocks-carry-9.md delete mode 100644 .changeset/great-boxes-clap.md delete mode 100644 .changeset/itchy-numbers-fetch.md delete mode 100644 .changeset/nervous-planets-kneel.md delete mode 100644 .changeset/selfish-garlics-approve.md delete mode 100644 .changeset/serious-melons-own.md delete mode 100644 .changeset/ten-mirrors-refuse.md diff --git a/.changeset/angry-ties-push.md b/.changeset/angry-ties-push.md deleted file mode 100644 index 90120896ebd..00000000000 --- a/.changeset/angry-ties-push.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": patch ---- - -Update BaseStyles to no longer pass system props when feature flag is enabled diff --git a/.changeset/brave-dolls-sparkle.md b/.changeset/brave-dolls-sparkle.md deleted file mode 100644 index 81bb0122108..00000000000 --- a/.changeset/brave-dolls-sparkle.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": minor ---- - -Remove CSS modules feature flag from Spinner diff --git a/.changeset/cyan-shirts-drive.md b/.changeset/cyan-shirts-drive.md deleted file mode 100644 index adae611e48f..00000000000 --- a/.changeset/cyan-shirts-drive.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": patch ---- - -fix(useResizeObserver): undefined variable alternative diff --git a/.changeset/gentle-planets-grab.md b/.changeset/gentle-planets-grab.md deleted file mode 100644 index d0ffd564f06..00000000000 --- a/.changeset/gentle-planets-grab.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": patch ---- - -Fix experimental SelectPanel anchoring behavior diff --git a/.changeset/giant-rocks-carry-1.md b/.changeset/giant-rocks-carry-1.md deleted file mode 100644 index b704222c5a7..00000000000 --- a/.changeset/giant-rocks-carry-1.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": patch ---- - -Moving CSS component feature flag for Autocomplete from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-10.md b/.changeset/giant-rocks-carry-10.md deleted file mode 100644 index 84e7db27a6b..00000000000 --- a/.changeset/giant-rocks-carry-10.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": patch ---- - -Moving CSS component feature flag for Overlay from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-11.md b/.changeset/giant-rocks-carry-11.md deleted file mode 100644 index cf9f21f0dfc..00000000000 --- a/.changeset/giant-rocks-carry-11.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": patch ---- - -Moving CSS component feature flag for PageHeader from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-12.md b/.changeset/giant-rocks-carry-12.md deleted file mode 100644 index 36284c8acf5..00000000000 --- a/.changeset/giant-rocks-carry-12.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": patch ---- - -Moving CSS component feature flag for PageLayout from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-13.md b/.changeset/giant-rocks-carry-13.md deleted file mode 100644 index 241a6b29574..00000000000 --- a/.changeset/giant-rocks-carry-13.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": patch ---- - -Moving CSS component feature flag for Pagination from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-14.md b/.changeset/giant-rocks-carry-14.md deleted file mode 100644 index d57aa89b3ca..00000000000 --- a/.changeset/giant-rocks-carry-14.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": patch ---- - -Moving CSS component feature flag for SegmentedControl from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-15.md b/.changeset/giant-rocks-carry-15.md deleted file mode 100644 index 0dd8caaf943..00000000000 --- a/.changeset/giant-rocks-carry-15.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": patch ---- - -Moving CSS component feature flag for SelectPanel from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-16.md b/.changeset/giant-rocks-carry-16.md deleted file mode 100644 index 95efabda75f..00000000000 --- a/.changeset/giant-rocks-carry-16.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": patch ---- - -Moving CSS component feature flag for SideNav from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-17.md b/.changeset/giant-rocks-carry-17.md deleted file mode 100644 index 6a063f94de6..00000000000 --- a/.changeset/giant-rocks-carry-17.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": patch ---- - -Moving CSS component feature flag for SubNav from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-18.md b/.changeset/giant-rocks-carry-18.md deleted file mode 100644 index d1858298a61..00000000000 --- a/.changeset/giant-rocks-carry-18.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": patch ---- - -Moving CSS component feature flag for Token from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-19.md b/.changeset/giant-rocks-carry-19.md deleted file mode 100644 index 8c3565f5b24..00000000000 --- a/.changeset/giant-rocks-carry-19.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": patch ---- - -Moving CSS component feature flag for TooltipV2 from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-2.md b/.changeset/giant-rocks-carry-2.md deleted file mode 100644 index 9db7b9b6f99..00000000000 --- a/.changeset/giant-rocks-carry-2.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": patch ---- - -Moving CSS component feature flag for AvatarStack from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-20.md b/.changeset/giant-rocks-carry-20.md deleted file mode 100644 index a8e64bec1bd..00000000000 --- a/.changeset/giant-rocks-carry-20.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": patch ---- - -Moving CSS component feature flag for UnderlinePanels from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-21.md b/.changeset/giant-rocks-carry-21.md deleted file mode 100644 index c28387ce49a..00000000000 --- a/.changeset/giant-rocks-carry-21.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": patch ---- - -Moving CSS component feature flag for UnderlineTabbedInterface from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-3.md b/.changeset/giant-rocks-carry-3.md deleted file mode 100644 index aef264079b0..00000000000 --- a/.changeset/giant-rocks-carry-3.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": patch ---- - -Moving CSS component feature flag for BaseStyles from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-4.md b/.changeset/giant-rocks-carry-4.md deleted file mode 100644 index d120a4b4b5a..00000000000 --- a/.changeset/giant-rocks-carry-4.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": patch ---- - -Moving CSS component feature flag for ConfirmationDialog from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-5.md b/.changeset/giant-rocks-carry-5.md deleted file mode 100644 index 3a29e801acd..00000000000 --- a/.changeset/giant-rocks-carry-5.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": patch ---- - -Moving CSS component feature flag for DataTable from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-6.md b/.changeset/giant-rocks-carry-6.md deleted file mode 100644 index 94a1eacd2bd..00000000000 --- a/.changeset/giant-rocks-carry-6.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": patch ---- - -Moving CSS component feature flag for Hidden from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-7.md b/.changeset/giant-rocks-carry-7.md deleted file mode 100644 index 176bda1e56a..00000000000 --- a/.changeset/giant-rocks-carry-7.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": patch ---- - -Moving CSS component feature flag for InlineMessage from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-8.md b/.changeset/giant-rocks-carry-8.md deleted file mode 100644 index 10ce8f4faca..00000000000 --- a/.changeset/giant-rocks-carry-8.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": patch ---- - -Moving CSS component feature flag for KeybindingHint from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-9.md b/.changeset/giant-rocks-carry-9.md deleted file mode 100644 index 21d12b0904d..00000000000 --- a/.changeset/giant-rocks-carry-9.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": patch ---- - -Moving CSS component feature flag for NavList from `team` to `staff` diff --git a/.changeset/great-boxes-clap.md b/.changeset/great-boxes-clap.md deleted file mode 100644 index f7fa2815216..00000000000 --- a/.changeset/great-boxes-clap.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": minor ---- - -Update dependency range for React dependencies to include 19.x diff --git a/.changeset/itchy-numbers-fetch.md b/.changeset/itchy-numbers-fetch.md deleted file mode 100644 index 450b9ad75c2..00000000000 --- a/.changeset/itchy-numbers-fetch.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": patch ---- - -fix(Button): do not render main spinner if there is a count when loading diff --git a/.changeset/nervous-planets-kneel.md b/.changeset/nervous-planets-kneel.md deleted file mode 100644 index 1437c3b0d0e..00000000000 --- a/.changeset/nervous-planets-kneel.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": minor ---- - -feat(AvatarStack): add style prop diff --git a/.changeset/selfish-garlics-approve.md b/.changeset/selfish-garlics-approve.md deleted file mode 100644 index bde5a2e4709..00000000000 --- a/.changeset/selfish-garlics-approve.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@primer/react': minor ---- - -[SelectPanel] Implement loading states diff --git a/.changeset/serious-melons-own.md b/.changeset/serious-melons-own.md deleted file mode 100644 index 124bfcd306c..00000000000 --- a/.changeset/serious-melons-own.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@primer/react": patch ---- - -Pagination: Optimize the page rendering algorithm and prevent layout shifts. diff --git a/.changeset/ten-mirrors-refuse.md b/.changeset/ten-mirrors-refuse.md deleted file mode 100644 index afb2da1853a..00000000000 --- a/.changeset/ten-mirrors-refuse.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@primer/react': minor ---- - -TreeView: Adds `aria-label` prop to `TreeView.Subtree` diff --git a/examples/codesandbox/package.json b/examples/codesandbox/package.json index 830996c0698..5723d6a7c68 100644 --- a/examples/codesandbox/package.json +++ b/examples/codesandbox/package.json @@ -20,7 +20,7 @@ "@typescript-eslint/eslint-plugin": "^7.11.0", "@typescript-eslint/parser": "^7.3.1", "@vitejs/plugin-react": "^4.3.3", - "@primer/react": "37.11.2", + "@primer/react": "37.12.0", "eslint": "^8.56.0", "eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-react-refresh": "^0.4.18", diff --git a/examples/nextjs/package.json b/examples/nextjs/package.json index 284bf7c6580..8c5974819a6 100644 --- a/examples/nextjs/package.json +++ b/examples/nextjs/package.json @@ -10,7 +10,7 @@ "type-check": "tsc --noEmit" }, "dependencies": { - "@primer/react": "37.11.2", + "@primer/react": "37.12.0", "next": "^15.1.4", "react": "^19.0.0", "react-dom": "^19.0.0", diff --git a/examples/theming/package.json b/examples/theming/package.json index 99eb8779757..79165d3cc9e 100644 --- a/examples/theming/package.json +++ b/examples/theming/package.json @@ -11,7 +11,7 @@ }, "dependencies": { "@primer/octicons-react": "^19.14.0", - "@primer/react": "37.11.2", + "@primer/react": "37.12.0", "clsx": "^1.2.1", "next": "^14.2.15", "react": "^18.3.1", diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index e5065cd409d..fae0d9e72be 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -1,5 +1,73 @@ # @primer/react +## 37.12.0 + +### Minor Changes + +- [#5466](https://github.com/primer/react/pull/5466) [`eb0857d`](https://github.com/primer/react/commit/eb0857d33c77ab76c15d01ee9db6a6a718eeab4e) Thanks [@jonrohan](https://github.com/jonrohan)! - Remove CSS modules feature flag from Spinner + +- [#5492](https://github.com/primer/react/pull/5492) [`469f703`](https://github.com/primer/react/commit/469f7033ae4f7508542379ec5dceb44199cc4e67) Thanks [@joshblack](https://github.com/joshblack)! - Update dependency range for React dependencies to include 19.x + +- [#5608](https://github.com/primer/react/pull/5608) [`3a41430`](https://github.com/primer/react/commit/3a41430356bd336afc9855149eb34ecfbf016d57) Thanks [@hussam-i-am](https://github.com/hussam-i-am)! - feat(AvatarStack): add style prop + +- [#5139](https://github.com/primer/react/pull/5139) [`59e0efa`](https://github.com/primer/react/commit/59e0efa015201b73b54aeda0b666a3e3116ec47b) Thanks [@broccolinisoup](https://github.com/broccolinisoup)! - [SelectPanel] Implement loading states + +- [#5174](https://github.com/primer/react/pull/5174) [`cf80bf2`](https://github.com/primer/react/commit/cf80bf29769c0e672ebfcd06041e322735e822f3) Thanks [@TylerJDev](https://github.com/TylerJDev)! - TreeView: Adds `aria-label` prop to `TreeView.Subtree` + +### Patch Changes + +- [#5606](https://github.com/primer/react/pull/5606) [`f291e81`](https://github.com/primer/react/commit/f291e81c78a4d3ac954940374e0f8e6c09517271) Thanks [@joshblack](https://github.com/joshblack)! - Update BaseStyles to no longer pass system props when feature flag is enabled + +- [#5595](https://github.com/primer/react/pull/5595) [`2db6c92`](https://github.com/primer/react/commit/2db6c9206cc44991eb27ce4abcd6d7c33772c134) Thanks [@francinelucca](https://github.com/francinelucca)! - fix(useResizeObserver): undefined variable alternative + +- [#5593](https://github.com/primer/react/pull/5593) [`2b05aad`](https://github.com/primer/react/commit/2b05aad5416512096ceead2d9cd28f34a8211cf8) Thanks [@camertron](https://github.com/camertron)! - Fix experimental SelectPanel anchoring behavior + +- [#5610](https://github.com/primer/react/pull/5610) [`32b1f2f`](https://github.com/primer/react/commit/32b1f2f2372b217e31cbefc8fd14553153704389) Thanks [@jonrohan](https://github.com/jonrohan)! - Moving CSS component feature flag for Autocomplete from `team` to `staff` + +- [#5610](https://github.com/primer/react/pull/5610) [`32b1f2f`](https://github.com/primer/react/commit/32b1f2f2372b217e31cbefc8fd14553153704389) Thanks [@jonrohan](https://github.com/jonrohan)! - Moving CSS component feature flag for Overlay from `team` to `staff` + +- [#5610](https://github.com/primer/react/pull/5610) [`32b1f2f`](https://github.com/primer/react/commit/32b1f2f2372b217e31cbefc8fd14553153704389) Thanks [@jonrohan](https://github.com/jonrohan)! - Moving CSS component feature flag for PageHeader from `team` to `staff` + +- [#5610](https://github.com/primer/react/pull/5610) [`32b1f2f`](https://github.com/primer/react/commit/32b1f2f2372b217e31cbefc8fd14553153704389) Thanks [@jonrohan](https://github.com/jonrohan)! - Moving CSS component feature flag for PageLayout from `team` to `staff` + +- [#5610](https://github.com/primer/react/pull/5610) [`32b1f2f`](https://github.com/primer/react/commit/32b1f2f2372b217e31cbefc8fd14553153704389) Thanks [@jonrohan](https://github.com/jonrohan)! - Moving CSS component feature flag for Pagination from `team` to `staff` + +- [#5610](https://github.com/primer/react/pull/5610) [`32b1f2f`](https://github.com/primer/react/commit/32b1f2f2372b217e31cbefc8fd14553153704389) Thanks [@jonrohan](https://github.com/jonrohan)! - Moving CSS component feature flag for SegmentedControl from `team` to `staff` + +- [#5610](https://github.com/primer/react/pull/5610) [`32b1f2f`](https://github.com/primer/react/commit/32b1f2f2372b217e31cbefc8fd14553153704389) Thanks [@jonrohan](https://github.com/jonrohan)! - Moving CSS component feature flag for SelectPanel from `team` to `staff` + +- [#5610](https://github.com/primer/react/pull/5610) [`32b1f2f`](https://github.com/primer/react/commit/32b1f2f2372b217e31cbefc8fd14553153704389) Thanks [@jonrohan](https://github.com/jonrohan)! - Moving CSS component feature flag for SideNav from `team` to `staff` + +- [#5610](https://github.com/primer/react/pull/5610) [`32b1f2f`](https://github.com/primer/react/commit/32b1f2f2372b217e31cbefc8fd14553153704389) Thanks [@jonrohan](https://github.com/jonrohan)! - Moving CSS component feature flag for SubNav from `team` to `staff` + +- [#5610](https://github.com/primer/react/pull/5610) [`32b1f2f`](https://github.com/primer/react/commit/32b1f2f2372b217e31cbefc8fd14553153704389) Thanks [@jonrohan](https://github.com/jonrohan)! - Moving CSS component feature flag for Token from `team` to `staff` + +- [#5610](https://github.com/primer/react/pull/5610) [`32b1f2f`](https://github.com/primer/react/commit/32b1f2f2372b217e31cbefc8fd14553153704389) Thanks [@jonrohan](https://github.com/jonrohan)! - Moving CSS component feature flag for TooltipV2 from `team` to `staff` + +- [#5610](https://github.com/primer/react/pull/5610) [`32b1f2f`](https://github.com/primer/react/commit/32b1f2f2372b217e31cbefc8fd14553153704389) Thanks [@jonrohan](https://github.com/jonrohan)! - Moving CSS component feature flag for AvatarStack from `team` to `staff` + +- [#5610](https://github.com/primer/react/pull/5610) [`32b1f2f`](https://github.com/primer/react/commit/32b1f2f2372b217e31cbefc8fd14553153704389) Thanks [@jonrohan](https://github.com/jonrohan)! - Moving CSS component feature flag for UnderlinePanels from `team` to `staff` + +- [#5610](https://github.com/primer/react/pull/5610) [`32b1f2f`](https://github.com/primer/react/commit/32b1f2f2372b217e31cbefc8fd14553153704389) Thanks [@jonrohan](https://github.com/jonrohan)! - Moving CSS component feature flag for UnderlineTabbedInterface from `team` to `staff` + +- [#5610](https://github.com/primer/react/pull/5610) [`32b1f2f`](https://github.com/primer/react/commit/32b1f2f2372b217e31cbefc8fd14553153704389) Thanks [@jonrohan](https://github.com/jonrohan)! - Moving CSS component feature flag for BaseStyles from `team` to `staff` + +- [#5610](https://github.com/primer/react/pull/5610) [`32b1f2f`](https://github.com/primer/react/commit/32b1f2f2372b217e31cbefc8fd14553153704389) Thanks [@jonrohan](https://github.com/jonrohan)! - Moving CSS component feature flag for ConfirmationDialog from `team` to `staff` + +- [#5610](https://github.com/primer/react/pull/5610) [`32b1f2f`](https://github.com/primer/react/commit/32b1f2f2372b217e31cbefc8fd14553153704389) Thanks [@jonrohan](https://github.com/jonrohan)! - Moving CSS component feature flag for DataTable from `team` to `staff` + +- [#5610](https://github.com/primer/react/pull/5610) [`32b1f2f`](https://github.com/primer/react/commit/32b1f2f2372b217e31cbefc8fd14553153704389) Thanks [@jonrohan](https://github.com/jonrohan)! - Moving CSS component feature flag for Hidden from `team` to `staff` + +- [#5610](https://github.com/primer/react/pull/5610) [`32b1f2f`](https://github.com/primer/react/commit/32b1f2f2372b217e31cbefc8fd14553153704389) Thanks [@jonrohan](https://github.com/jonrohan)! - Moving CSS component feature flag for InlineMessage from `team` to `staff` + +- [#5610](https://github.com/primer/react/pull/5610) [`32b1f2f`](https://github.com/primer/react/commit/32b1f2f2372b217e31cbefc8fd14553153704389) Thanks [@jonrohan](https://github.com/jonrohan)! - Moving CSS component feature flag for KeybindingHint from `team` to `staff` + +- [#5610](https://github.com/primer/react/pull/5610) [`32b1f2f`](https://github.com/primer/react/commit/32b1f2f2372b217e31cbefc8fd14553153704389) Thanks [@jonrohan](https://github.com/jonrohan)! - Moving CSS component feature flag for NavList from `team` to `staff` + +- [#5605](https://github.com/primer/react/pull/5605) [`d14c48c`](https://github.com/primer/react/commit/d14c48cc3be737d85fb79485b70fd08acd47a7b3) Thanks [@francinelucca](https://github.com/francinelucca)! - fix(Button): do not render main spinner if there is a count when loading + +- [#5590](https://github.com/primer/react/pull/5590) [`d045ae4`](https://github.com/primer/react/commit/d045ae40cd19319eac9ddbc3da9e3687531b8926) Thanks [@hectahertz](https://github.com/hectahertz)! - Pagination: Optimize the page rendering algorithm and prevent layout shifts. + ## 37.11.2 N/A, re-release of v37.11.1 @@ -2827,7 +2895,7 @@ N/A, re-release of v37.11.1 ```jsx // Hide pane on narrow viewports - + ``` - [#2199](https://github.com/primer/react/pull/2199) [`fb385b63`](https://github.com/primer/react/commit/fb385b63f22c1eb76193e42e92ea2a056e61fdbb) Thanks [@colebemis](https://github.com/colebemis)! - \* Updated the `position` prop in `PageLayout.Pane` to use the new responsive prop API introduced in https://github.com/primer/react/pull/2174. @@ -2988,7 +3056,7 @@ N/A, re-release of v37.11.1 - [#2112](https://github.com/primer/react/pull/2112) [`74e1d138`](https://github.com/primer/react/commit/74e1d1386bc6bb6326c3c2b64b5e31146f9cc56b) Thanks [@colebemis](https://github.com/colebemis)! - [NavList](https://primer.style/NavList) is ready to use. You can now import it from the main bundle: ```js - import {NavList} from '@primer/react' + import { NavList } from "@primer/react"; ``` ### Patch Changes @@ -3129,11 +3197,11 @@ N/A, re-release of v37.11.1 ```jsx ``` @@ -3161,21 +3229,21 @@ N/A, re-release of v37.11.1 showItemDividers items={[ { - key: '0', + key: "0", leadingVisual: LinkIcon, - text: 'github/primer', + text: "github/primer", }, { - key: '1', + key: "1", leadingVisual: () => , - text: 'mona', - description: 'Monalisa Octocat', - descriptionVariant: 'block', + text: "mona", + description: "Monalisa Octocat", + descriptionVariant: "block", }, { - key: '2', + key: "2", leadingVisual: GearIcon, - text: 'View Settings', + text: "View Settings", trailingVisual: ArrowRightIcon, }, ]} @@ -3198,7 +3266,9 @@ N/A, re-release of v37.11.1 mona - Monalisa Octocat + + Monalisa Octocat + @@ -3220,14 +3290,14 @@ N/A, re-release of v37.11.1 ```jsx ``` @@ -3259,7 +3329,7 @@ N/A, re-release of v37.11.1 To continue to use the deprecated API for now, change the import path to `@primer/react/deprecated`: ```js - import {ActionList} from '@primer/react/deprecated' + import { ActionList } from "@primer/react/deprecated"; ``` You can use the [one-time codemod](https://github.com/primer/react-migrate#readme) to change your import statements automatically. @@ -3310,13 +3380,13 @@ N/A, re-release of v37.11.1 anchorContent="Menu" onAction={fn} items={[ - {text: 'New file'}, - {text: 'Copy link'}, - {text: 'Edit file'}, + { text: "New file" }, + { text: "Copy link" }, + { text: "Edit file" }, ActionMenu.Divider, - {text: 'Delete file', variant: 'danger'}, + { text: "Delete file", variant: "danger" }, ]} - overlayProps={{width: 'small'}} + overlayProps={{ width: "small" }} /> ``` @@ -3345,7 +3415,7 @@ N/A, re-release of v37.11.1 To continue to use the deprecated API for now, change the import path to `@primer/react/deprecated`: ```js - import {ActionMenu} from '@primer/react/deprecated' + import { ActionMenu } from "@primer/react/deprecated"; ``` You can use the [one-time codemod](https://github.com/primer/react-migrate#readme) to change your import statements automatically. @@ -3377,19 +3447,19 @@ N/A, re-release of v37.11.1 ```js const fieldTypes = [ - {key: 0, text: 'Text'}, - {key: 1, text: 'Number'}, - {key: 3, text: 'Date'}, - {key: 4, text: 'Single select'}, - {key: 5, text: 'Iteration'}, - ] + { key: 0, text: "Text" }, + { key: 1, text: "Number" }, + { key: 3, text: "Date" }, + { key: 4, text: "Single select" }, + { key: 5, text: "Iteration" }, + ]; const Example = () => { - const [selectedType, setSelectedType] = React.useState() + const [selectedType, setSelectedType] = React.useState(); return ( ( + renderAnchor={({ children, ...anchorProps }) => ( {children} @@ -3398,10 +3468,10 @@ N/A, re-release of v37.11.1 items={fieldTypes} selectedItem={selectedType} onChange={setSelectedType} - overlayProps={{width: 'medium'}} + overlayProps={{ width: "medium" }} /> - ) - } + ); + }; ``` @@ -3409,22 +3479,24 @@ N/A, re-release of v37.11.1 ```jsx const fieldTypes = [ - {id: 0, text: 'Text'}, - {id: 1, text: 'Number'}, - {id: 3, text: 'Date'}, - {id: 4, text: 'Single select'}, - {id: 5, text: 'Iteration'}, - ] + { id: 0, text: "Text" }, + { id: 1, text: "Number" }, + { id: 3, text: "Date" }, + { id: 4, text: "Single select" }, + { id: 5, text: "Iteration" }, + ]; const Example = () => { - const [selectedType, setSelectedType] = React.useState() + const [selectedType, setSelectedType] = React.useState(); render( - {selectedType.name || 'Field type'} + + {selectedType.name || "Field type"} + - {fieldTypes.map(type => ( + {fieldTypes.map((type) => ( , - ) - } + ); + }; ``` @@ -3447,7 +3519,7 @@ N/A, re-release of v37.11.1 To continue to use the deprecated API for now, change the import path to `@primer/react/deprecated`: ```js - import {DropdownMenu} from '@primer/react/deprecated' + import { DropdownMenu } from "@primer/react/deprecated"; ``` You can use the [one-time codemod](https://github.com/primer/react-migrate#readme) to change your import statements automatically. @@ -3478,17 +3550,21 @@ N/A, re-release of v37.11.1 ```jsx - import {Label} from '@primer/react' + import { Label } from "@primer/react"; function Example() { return ( <> - - ) + ); } ``` @@ -3517,7 +3593,7 @@ N/A, re-release of v37.11.1 To continue to use the deprecated API for now, change the import path to `@primer/react/deprecated`: ```js - import {Label} from '@primer/react/deprecated' + import { Label } from "@primer/react/deprecated"; ``` You can use the [one-time codemod](https://github.com/primer/react-migrate#readme) to change your import statements automatically. @@ -3540,7 +3616,12 @@ N/A, re-release of v37.11.1 ```jsx - import {ButtonPrimary, ButtonInvisible, ButtonOutline, ButtonDanger} from '@primer/react' + import { + ButtonPrimary, + ButtonInvisible, + ButtonOutline, + ButtonDanger, + } from "@primer/react"; function Example() { return ( @@ -3550,7 +3631,7 @@ N/A, re-release of v37.11.1 Outline Button Danger Button - ) + ); } ``` @@ -3558,7 +3639,7 @@ N/A, re-release of v37.11.1 ```jsx - import {Button} from '@primer/react' + import { Button } from "@primer/react"; function Example() { return ( @@ -3568,7 +3649,7 @@ N/A, re-release of v37.11.1 - ) + ); } ``` @@ -3675,34 +3756,50 @@ N/A, re-release of v37.11.1 ```jsx - import {ChoiceFieldset} from '@primer/react' + import { ChoiceFieldset } from "@primer/react"; function Example() { return ( <> {/* Multi-select */} - Preferred Primer component interface + + Preferred Primer component interface + - Figma library + + Figma library + Primer CSS - Primer React components - Primer ViewComponents + + Primer React components + + + Primer ViewComponents + {/* Single select */} - Preferred Primer component interface + + Preferred Primer component interface + - Figma library + + Figma library + Primer CSS - Primer React components - Primer ViewComponents + + Primer React components + + + Primer ViewComponents + - ) + ); } ``` @@ -3710,14 +3807,22 @@ N/A, re-release of v37.11.1 ```jsx - import {CheckboxGroup, RadioGroup, FormControl, Checkbox, Radio} from '@primer/react' + import { + CheckboxGroup, + RadioGroup, + FormControl, + Checkbox, + Radio, + } from "@primer/react"; function Example() { return ( <> {/* Multi-select */} - Preferred Primer component interface + + Preferred Primer component interface + Figma @@ -3738,7 +3843,9 @@ N/A, re-release of v37.11.1 {/* Single select */} - Preferred Primer component interface + + Preferred Primer component interface + Figma @@ -3757,7 +3864,7 @@ N/A, re-release of v37.11.1 - ) + ); } ``` @@ -3768,7 +3875,7 @@ N/A, re-release of v37.11.1 To continue to use the deprecated API for now, change the import path to `@primer/react/deprecated`: ```js - import {ChoiceFieldset} from '@primer/react/deprecated' + import { ChoiceFieldset } from "@primer/react/deprecated"; ``` You can use the [one-time codemod](https://github.com/primer/react-migrate#readme) to change your import statements automatically. @@ -3800,7 +3907,7 @@ N/A, re-release of v37.11.1 ```jsx - import {FormControl, Checkbox, TextInput} from '@primer/react' + import { FormControl, Checkbox, TextInput } from "@primer/react"; function Example() { return ( @@ -3820,7 +3927,7 @@ N/A, re-release of v37.11.1 - ) + ); } ``` @@ -3828,7 +3935,7 @@ N/A, re-release of v37.11.1 ```jsx - import {FormGroup, TextInput} from '@primer/react' + import { FormGroup, TextInput } from "@primer/react"; function Example() { return ( @@ -3843,7 +3950,7 @@ N/A, re-release of v37.11.1 - ) + ); } ``` @@ -3853,7 +3960,7 @@ N/A, re-release of v37.11.1 ```jsx - import {InputField, TextInput} from '@primer/react' + import { InputField, TextInput } from "@primer/react"; function Example() { return ( @@ -3861,7 +3968,7 @@ N/A, re-release of v37.11.1 Example text - ) + ); } ``` @@ -3869,7 +3976,7 @@ N/A, re-release of v37.11.1 ```jsx - import {FormControl, TextInput} from '@primer/react' + import { FormControl, TextInput } from "@primer/react"; function Example() { return ( @@ -3877,7 +3984,7 @@ N/A, re-release of v37.11.1 Example text - ) + ); } ``` @@ -3888,7 +3995,11 @@ N/A, re-release of v37.11.1 To continue to use the deprecated API for now, change the import path to `@primer/react/deprecated`: ```js - import {FormGroup, ChoiceInputField, InputField} from '@primer/react/deprecated' + import { + FormGroup, + ChoiceInputField, + InputField, + } from "@primer/react/deprecated"; ``` You can use the [one-time codemod](https://github.com/primer/react-migrate#readme) to change your import statements automatically. @@ -3959,23 +4070,25 @@ N/A, re-release of v37.11.1 ```jsx const fieldTypes = [ - {leadingVisual: TypographyIcon, text: 'Text'}, - {leadingVisual: NumberIcon, text: 'Number'}, - ] + { leadingVisual: TypographyIcon, text: "Text" }, + { leadingVisual: NumberIcon, text: "Number" }, + ]; const Example = () => { - const [selectedItem, setSelectedItem] = React.useState() + const [selectedItem, setSelectedItem] = React.useState(); return ( {children}} + renderAnchor={({ children, ...anchorProps }) => ( + {children} + )} placeholder="Select a field type" items={fieldTypes} selectedItem={selectedItem} onChange={() => setSelectedIndex(index)} /> - ) - } + ); + }; ``` @@ -3983,29 +4096,36 @@ N/A, re-release of v37.11.1 ```jsx const fieldTypes = [ - {icon: , name: 'Text'}, - {icon: , name: 'Number'}, - ] + { icon: , name: "Text" }, + { icon: , name: "Number" }, + ]; const Example = () => { - const [selectedItem, setSelectedItem] = React.useState() + const [selectedItem, setSelectedItem] = React.useState(); return ( - {selectedItem ? selectedItem.name : 'Select a field type'} + + {selectedItem ? selectedItem.name : "Select a field type"} + - {fieldTypes.map(field => ( - setSelectedItem(field)} key={field.name}> - {field.icon} + {fieldTypes.map((field) => ( + setSelectedItem(field)} + key={field.name} + > + + {field.icon} + {field.name} ))} - ) - } + ); + }; ``` @@ -4107,7 +4227,12 @@ N/A, re-release of v37.11.1 ```jsx - + Item 1 ``` @@ -5151,8 +5276,8 @@ N/A, re-release of v37.11.1 * [`beef075e`](https://github.com/primer/react/commit/beef075e0274396b77887adf0b912583fe564b3f) [#1094](https://github.com/primer/react/pull/1094) Thanks [@colebemis](https://github.com/colebemis)! - Components no longer have a default `theme` prop. To ensure components still render correctly, you'll need pass the Primer theme to a [styled-components](https://styled-components.com/) `` at the root of your application: ```jsx - import {ThemeProvider} from 'styled-components' - import {theme} from '@primer/react' + import { ThemeProvider } from "styled-components"; + import { theme } from "@primer/react"; function App(props) { return ( @@ -5161,7 +5286,7 @@ N/A, re-release of v37.11.1
your app here
 - ) + ); } ``` diff --git a/packages/react/package.json b/packages/react/package.json index 24bf3941094..eaa02cae8cd 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,6 +1,6 @@ { "name": "@primer/react", - "version": "37.11.2", + "version": "37.12.0", "description": "An implementation of GitHub's Primer Design System using React", "main": "lib/index.js", "module": "lib-esm/index.js",