chore(deps): update @primer/react to v38

[renovate]

This PR contains the following updates:

Package	Change	Age	Confidence
@primer/react	37.31.0 -> 38.0.0

---

Release Notes

primer/react (@​primer/react)

v38.0.0

Compare Source

Major Changes

• #​6944 446956d Thanks @​liuliu-dev! - Remove sx from deprecated ActionList component.

• #​6965 f61238c Thanks @​francinelucca! - Chore/remove styled. components: deprecated UnderlineNav, ValidationAnimation, LabelGroup, Tooltip

• #​6921 c58f171 Thanks @​llastflowers! - Update ActionList component and related components to no longer support sx/styled-components

• #​6902 c395547 Thanks @​iansan5653! - Support nested children in ActionBar.

• #​6930 260c74c Thanks @​mperrotti! - Removes sx prop from DataTable.Container

• #​6942 3ced917 Thanks @​francinelucca! - Removes sx prop from PageLayout and subcomponents

• #​6951 2703bc9 Thanks @​francinelucca! - Update FormControl component to no longer support sx

• #​7027 415fafc Thanks @​francinelucca! - Remove styled-components and styled-system from dependencies

• #​7032 9fce541 Thanks @​francinelucca! - - remove sx, SxProp, exports

• #​6897 c1448cc Thanks @​siddharthkp! - Replaces useTheme usage with theme. If an application uses a custom theme that modifies one of the following 5 tokens, they will be reset to the default theme values. (space.2, colors.success.fg, colors.border.default, colors.border.muted, animation.easeOutCubic)

• #​7015 0889246 Thanks @​francinelucca! - @​primer/react: chore: remove Box, BoxProps export

• #​6945 1c84c0f Thanks @​francinelucca! - chore(Octicon): remove sx

• #​6904 62df166 Thanks @​pksjce! - Remove sx property from Button

• #​6874 15824db Thanks @​pksjce! - Remove sx from UnderlinePanels

• #​6690 c5c2053 Thanks @​liuliu-dev! - Remove sx support from the Token component.

• #​6673 19befd6 Thanks @​llastflowers! - Update CircleBadge component to no longer support sx

• #​6868 2053cb3 Thanks @​mperrotti! - Removes Box usage and sx prop from NavList and ActionList

• #​6631 86b3e60 Thanks @​joshblack! - Remove the sx prop from Label

• #​6865 eaf7e58 Thanks @​francinelucca! - chore: remove sx from Overlay

• #​6825 4196e0e Thanks @​mperrotti! - Removes Box component usage and sx prop from the Link component, Storybook stories, and a .figma.tsx file

• #​6864 b0abd78 Thanks @​jonrohan! - Remove support for sx from the TabNav component

• #​6923 e5753f0 Thanks @​francinelucca! - chore: remove sx from deprecated Dialog

• #​6729 7ae5db2 Thanks @​liuliu-dev! - Update Text component to no longer support sx.

• #​6667 d122122 Thanks @​liuliu-dev! - Update Tooltip component to no longer support sx.

• #​6611 15c1eb7 Thanks @​joshblack! - Update Avatar component to no longer support sx, add sx wrapper to @​primer/styled-react

• #​6844 1f9f582 Thanks @​TylerJDev! - Update Breadcrumbs to no longer support sx

• #​6812 0834e9e Thanks @​joshblack! - Remove support for sx from the Dialog component and sub-components

• #​6928 2eeff36 Thanks @​mperrotti! - Removes sx prop from VisuallyHidden component, and as a result also removes sx prop from CheckboxGroup.Label and RadioGroup.Label

• #​6860 628e601 Thanks @​joshblack! - Remove support for sx from the Heading component

• #​6805 0f075d1 Thanks @​mperrotti! - Removes usage of Box component from other components.

• #​6857 b9b558e Thanks @​pksjce! - Remove PointerBox from @​primer-react

• #​6708 b7b8a36 Thanks @​liuliu-dev! - Remove sx prop support from the Spinner component.

• #​6833 5ad1e93 Thanks @​joshblack! - Remove sx support from Radio

• #​6841 3e02e2c Thanks @​joshblack! - Remove support for sx from deprecated/Pagehead

• #​6692 bb8d648 Thanks @​liuliu-dev! - Remove sx Props and BoxWithFallBack from Timeline component.

• #​6668 acb6233 Thanks @​liuliu-dev! - Update UnderlineNav component to no longer support sx and remove Box usage from it.

• #​6835 961c1c4 Thanks @​joshblack! - Remove support for sx from ButtonGroup

• #​6834 fa70b5e Thanks @​joshblack! - Remove the sx prop from Flash

• #​6876 2102252 Thanks @​llastflowers! - Update FilteredActionList and FilteredActionListLoaders components to no longer support sx

• #​6840 aba8050 Thanks @​joshblack! - Remove support for sx prop from deprecated/FilteredSearch

• #​6685 00261c9 Thanks @​liuliu-dev! - Remove the sx prop from RadioGroup and Truncate.

• #​6878 7081dd3 Thanks @​llastflowers! - Update BaseStyles component to no longer support sx

• #​6679 6158135 Thanks @​llastflowers! - Update CounterLabel component to no longer support sx

• #​6827 6843040 Thanks @​joshblack! - Remove support for the sx prop from RelativeTime

• #​6813 a1a4ad0 Thanks @​joshblack! - Remove support for sx prop for InlineMessage

• #​6866 3237a4e Thanks @​francinelucca! - chore(LinkButton): remove sx from LinkButton

• #​6655 092185f Thanks @​llastflowers! - Update CheckboxGroup component to no longer support sx

• #​6654 513cc3f Thanks @​llastflowers! - Update Checkbox component to no longer support sx

• #​6837 134f96e Thanks @​TylerJDev! - Update ProgressBar to no longer support sx

• #​6839 32febac Thanks @​joshblack! - Remove support for sx from Header

• #​6871 44b3d73 Thanks @​joshblack! - Remove support for sx from PageHeader

• #​6863 9614c0e Thanks @​pksjce! - Remove Banner from experimental

• #​6754 4d080aa Thanks @​TylerJDev! - Update Popover to no longer support sx

• #​6666 71382dc Thanks @​mperrotti! - Removes styled-system usage from TextInputWrapper and related components and Storybook stories.

• #​6425 e23d965 Thanks @​joshblack! - Update @​primer/react to only export ESM bundles

• #​6806 9d13904 Thanks @​joshblack! - Remove the sx prop from Announce, AriaAlert, and AriaStatus

• #​6741 4896ef1 Thanks @​liuliu-dev! - Remove sx prop support from the SegmentedControl component.

• #​6634 d883432 Thanks @​TylerJDev! - CircleOcticon: Remove component CircleOcticon

• #​6713 7d7b797 Thanks @​copilot-swe-agent! - Deprecate TextInputWithTokens component. The component has been moved to the deprecated entrypoint due to low usage and accessibility implications. Import from @primer/react/deprecated instead of @primer/react.

• #​6272 d74d73e Thanks @​llastflowers! - remove unused contrast from Select component

• #​6652 c6d923f Thanks @​llastflowers! - Update AvatarStack component to no longer support sx

• #​6716 e177d55 Thanks @​liuliu-dev! - Remove sx prop support from the SelectPanel component.

• #​6737 2d01fc4 Thanks @​liuliu-dev! - Remove sx prop support from the Select component.

• #​6706 e3f26cc Thanks @​TylerJDev! - Deprecate CircleBadge component

• #​6676 ab5ffb0 Thanks @​mperrotti! - Removes styled-system and related utilities from Caret.tsx, IssueLabelToken.tsx, StateLabel.tsx, ToggleSwitch.tsx, and deprecated/ActionList/List.tsx

  Removes WidthProps from ProgressBar.tsx

• #​6735 45a52c1 Thanks @​liuliu-dev! - Update SideNav component to no longer support sx.

• #​6682 5bbaae7 Thanks @​llastflowers! - Update LabelGroup component to no longer support sx

• #​6680 5c30443 Thanks @​llastflowers! - Update Details component to no longer support sx

• #​6625 65ae375 Thanks @​llastflowers! - Update BranchName component to no longer support sx

• #​6627 6111046 Thanks @​liuliu-dev! - Update ToggleSwitch component to no longer support sx, add sx wrapper to @​primer/styled-react.

• #​6607 133d5a5 Thanks @​jonrohan! - Remove sx prop support from the VisuallyHidden component

• #​6622 247b3f7 Thanks @​francinelucca! - BREAKING CHANGE: remove AvatarToken
  BREAKING CHANGE: make Caret component internal only

• #​6595 de5a4b7 Thanks @​copilot-swe-agent! - Remove AvatarPair component from codebase

• #​6656 3a778b9 Thanks @​liuliu-dev! - Update StateLabel component to no longer support sx.

• #​6610 65fc87d Thanks @​jonrohan! - Remove sx prop support from the Stack component

• #​6613 3ab94c5 Thanks @​llastflowers! - Update SplitPageLayout component to no longer support sx

• #​6602 d6d25dc Thanks @​jonrohan! - Remove sx support from SubNav component

Minor Changes

• #​6979 8b2632b Thanks @​TylerJDev! - ActionBar: Adds ActionBar.Group sub component

• #​7066 c32f726 Thanks @​adierkens! - Exports useAnchoredPosition utility

• #​7045 7595b8d Thanks @​langermank! - Add new Banner actionsLayout prop to handle actions layout edge cases

• #​7033 4c4c4cd Thanks @​liuliu-dev! - Deprecate leadingIcon in favor of leadingVisual for SegmentedControl.Button.

• #​6976 2ec5bf2 Thanks @​francinelucca! - feat: support custom slots

• #​6919 32e12c6 Thanks @​TylerJDev! - TreeView: Add count and className support for trailing actions

• #​6889 9201d93 Thanks @​broccolinisoup! - Tooltip: Add delay functionality to tooltips with the options of instant (default), medium, long

• #​6937 09ee0ea Thanks @​francinelucca! - chore: add styles to formcontrol and subcomponents

• #​6456 fbd3ac7 Thanks @​TylerJDev! - TreeView: Add trailing actions prop secondaryActions

• #​6855 356a129 Thanks @​cheshire137! - Add buttonLabelOn and buttonLabelOff to ToggleSwitch

• #​6815 2024709 Thanks @​francinelucca! - chore: add PortalContext

• #​6709 78784b3 Thanks @​pksjce! - Remove overflow property from popover (It has no usage)

• #​6721 d6378c2 Thanks @​cheshire137! - Add count to SegmentedControlButton

• #​6843 f082c77 Thanks @​camchenry! - Allow changing initially focused button in ConfirmationDialog

• #​6726 50c230f Thanks @​joshblack! - Add ProgressBarItemProps and ProgressBarItemProps type exports to @​primer/react

• #​6726 50c230f Thanks @​joshblack! - Add ToggleSwitchProps type to package exports

• #​6542 f4ded58 Thanks @​TylerJDev! - CircleOcticon: Deprecate component

• #​6535 e6c7614 Thanks @​hussam-i-am! - fix(Label): Add missing ref for Label without sx prop

• #​6468 1f531cb Thanks @​copilot-swe-agent! - Deprecate AvatarPair component - move to @​primer/react/deprecated

Patch Changes

• #​6994 701a9d0 Thanks @​francinelucca! - chore: prevent slot rewrite on CheckboxOrRadioGroup subcomponents

• #​6984 a3765c2 Thanks @​mperrotti! - Fixes vertical alignment of prev/next pagination chevrons

• #​7014 a108ab9 Thanks @​francinelucca! - chore: remove useTheme from IssueLabel

• #​7020 aaa2e1f Thanks @​hectahertz! - Fixes Details flickering, prevents re-renders

• #​6981 3099210 Thanks @​mperrotti! - Removes unwanted box-shadow on buttons with 'inactive' prop passed.

• #​7008 ca6d60d Thanks @​langermank! - Use primitives for Button line-height

• #​6877 860ac93 Thanks @​mperrotti! - In ActionBar, aria-label now gets added to the role="toolbar" element.

• #​7017 2fd6c82 Thanks @​langermank! - update token close button sizing

• #​7000 34e7fa8 Thanks @​pksjce! - Add gap prop to ActionBar for customizable spacing between items

• #​6959 76f1ca3 Thanks @​francinelucca! - chore(AvatarStack, CheckboxOrRadioGroup, UnstyledTextInput): cleanup remaining sx props

• #​6973 a3f7ea9 Thanks @​jonrohan! - fix(AnchoredOverlay): Omit aria-label and aria-labelledby from renderAnchor props

• #​7046 4ffe66d Thanks @​pksjce! - Fix: ActionMenu with overflow contains scrollbars within its rounded border

• #​6996 173f76d Thanks @​francinelucca! - chore: add missing slot checks to CheckboxOrRadioGroup, SelectPanel, ActionMenu, Treeview, SegmentedControl and PageHeader

• #​6954 7dd483f Thanks @​langermank! - Adjust ConfirmationDialog heading styling

• #​7007 96968a2 Thanks @​mperrotti! - Corrects bg color of disabled indeterminate checkbox

• #​7019 4308179 Thanks @​francinelucca! - add missing isSlot checks

• #​6982 3c32e7e Thanks @​mperrotti! - Uses correct bg color for disabled ToggleSwitch knob

• #​6935 8641c7a Thanks @​JelloBagel! - Fix overflow calculations of more menu button in action bar

• #​6925 ecc81b5 Thanks @​francinelucca! - chore(TextInput): remove sx

• #​7030 52d6cf7 Thanks @​francinelucca! - fix(SelectPanel): remove hidden attribute from selection Radio

• #​6958 3032026 Thanks @​siddharthkp! - @​primer/react: Export useId and useSyncedState

• #​6980 4b84948 Thanks @​TylerJDev! - ActionBar: Supplies aria-label to toolbar inside of ActionBar

• #​7048 f4a92f6 Thanks @​langermank! - Adjust Breadcrumb item focus outline

• 4378ee8 Thanks @​langermank! - Add missing CSS for KeybindingHint

• #​6900 e3e601c Thanks @​francinelucca! - fix(SelectPanel): do not bubble up keyboard events

• #​6673 19befd6 Thanks @​llastflowers! - Remove support for sx from CircleBadge component

• #​6908 af288e6 Thanks @​llastflowers! - update FormControl ValidationIcon position

• #​6931 d5c5ecf Thanks @​francinelucca! - use UnderlinePanels.Tab, UnderlinePanels.Panel from @​primer/react

• #​6905 1cb348f Thanks @​lukasoppermann! - Replace StateLabel color with new draft token

• #​6927 913739d Thanks @​lukasoppermann! - Link: Adjust text-decoration-offset

• #​6829 b568765 Thanks @​francinelucca! - chore: fix ActionBar gap issue

• #​6879 c8fc6b8 Thanks @​francinelucca! - chore(FilteredActionList): fix className override

• #​6896 5c29b01 Thanks @​liuliu-dev! - Fix typing issues in PageHeader exports.

• #​6881 8d52362 Thanks @​langermank! - Implement forced colors for progress bar

• #​6854 dd8eeed Thanks @​pksjce! - Breadcrumbs: Fix esc button not being able to focus on the menubuttonRef

• #​6669 627cc4b Thanks @​francinelucca! - chore: use Banner instead of custom implementation for SelectPanel notice

• #​6664 2910207 Thanks @​pksjce! - Breadcrumbs : Add overflow menu for responsive behavior

• #​6664 2910207 Thanks @​pksjce! - Breadcrumb overflow styling

• #​6846 37ce4aa Thanks @​mperrotti! - Adds sx prop back to TextInput

• #​6701 1aa7404 Thanks @​pksjce! - Banner: Should prefer aria-labelled-by over aria-label

• #​6715 6def61e Thanks @​liuliu-dev! - Remove sx from the SkeletonBox component.

• #​6750 0077b96 Thanks @​pksjce! - v38: Make sure Banner is exported from main and experimental

• #​6751 c8f3879 Thanks @​pksjce! - v38: Move pointerbox to deprecated still maintaining the main export

• #​6592 bdac258 Thanks @​langermank! - Add support for loading footer buttons in ConfirmationDialog

• #​6509 3b3cf52 Thanks @​joshblack! - Update layout for Banner to address extra spacing below description when no actions are included

• #​6431 0c21301 Thanks @​langermank! - Add border and background-color tokens to ProgressBar CSS, which increases contrast for high contrast themes

• #​6603 f781f7f Thanks @​langermank! - Only show focus outline for Radio if focus-visible

• #​6604 77a60e7 Thanks @​joshblack! - Add @​github/mini-throttle as dependency to project to help with bundle output

• #​6478 77c8739 Thanks @​llastflowers! - Update Select component to correctly pass className to TextInputWraper for styling purposes

• #​6429 661eae0 Thanks @​devinmcinnis! - Anchor elements render as interactive elements in TokenBase

---

Configuration

📅 Schedule: Branch creation - Between 12:00 AM and 03:59 AM, only on Monday ( * 0-3 * * 1 ) (UTC), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, check this box

---

This PR was generated by Mend Renovate. View the repository job log.

[renovate]

Edited/Blocked Notification

Renovate will not automatically rebase this PR, because it does not recognize the last commit author and assumes somebody else may have edited the PR.

You can manually request rebase by checking the rebase/retry box above.

⚠️ Warning: custom changes will be lost.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
97.1% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud