Skip to content

Bump @primer/react from 36.1.0 to 38.18.0#805

Open
dependabot[bot] wants to merge 8 commits intomainfrom
dependabot/npm_and_yarn/primer/react-38.18.0
Open

Bump @primer/react from 36.1.0 to 38.18.0#805
dependabot[bot] wants to merge 8 commits intomainfrom
dependabot/npm_and_yarn/primer/react-38.18.0

Conversation

@dependabot
Copy link
Copy Markdown
Contributor

@dependabot dependabot bot commented on behalf of github Apr 1, 2026

Bumps @primer/react from 36.1.0 to 38.18.0.

Release notes

Sourced from @​primer/react's releases.

@​primer/react@​38.18.0

Minor Changes

  • #7700 91bf343 Thanks @​francinelucca! - ActionMenu: Graduate primer_react_action_menu_display_in_viewport_inside_dialog feature flag. ActionMenu now automatically uses displayInViewport when rendered inside a Dialog, without requiring the feature flag.

  • #7699 1505d9b Thanks @​francinelucca! - SelectPanel: Add displayInViewport prop

  • #7662 39c8cf3 Thanks @​HiroAgustin! - Timeline: Update clipSidebar prop to accept 'start', 'end', or 'both' in addition to boolean. Use 'start' to only clip the top, 'end' to only clip the bottom, or 'both'/true to clip both ends.

  • #7686 6cd13c0 Thanks @​JelloBagel! - StateLabel: Add new type: archived

Patch Changes

  • #7690 b492cc8 Thanks @​HiroAgustin! - fix(Button): Apply inline-flex display to loading wrapper for link variant buttons

  • #7696 1acb7d3 Thanks @​francinelucca! - Fix item dividers not visible in SelectPanel and FilteredActionList when showItemDividers is enabled, caused by content-visibility: auto clipping the absolutely-positioned divider pseudo-elements.

  • #7683 f05fcac Thanks @​liuliu-dev! - Dialog: dynamically switch footer button layout based on available height.

  • #7676 35ca056 Thanks @​HiroAgustin! - Remove link underline effect on hover for both Link (inline) and Button with variant link (no visuals)

  • #7631 0ecaf6f Thanks @​mattcosta7! - Add test to validate that the muted prop is not leaked as a bare DOM attribute on Link

@​primer/react@​38.17.0

Minor Changes

  • #7658 259fdff Thanks @​hussam-i-am! - fix(polymorphic): Improve prop passthrough for ActionList.LinkItem and Breadcrumbs.Item

  • #7672 77735f9 Thanks @​iansan5653! - - New: Exposes new useMergedRefs hook that can merge two refs into a single combined ref

    • Deprecates useRefObjectAsForwardedRef; see doc comment for migration instructions
    • Deprecates useProvidedRefOrCreate; see doc comment for migration instructions
  • #7623 42847d1 Thanks @​copilot-swe-agent! - IconButton: keybindingHint now accepts string[] in addition to string. Multiple hints are rendered joined with "or".

Patch Changes

@​primer/react@​38.16.0

Minor Changes

  • #7661 dceb79c Thanks @​TylerJDev! - AnchoredOverlay: Add CSS Anchor Positioning to AnchoredOverlay (under a feature flag)

@​primer/react@​38.15.1

Patch Changes

... (truncated)

Commits
  • 1625489 Release tracking (#7701)
  • 6cd13c0 Add 'Archived' to StateLabel (#7686)
  • f441841 lock-release.yml: Use legacy branch protection instead of rulesets (#7705)
  • 0ecaf6f fix(Link): destructure muted prop to prevent unintentional DOM attribute le...
  • 91bf343 chore: graduate primer_react_action_menu_display_in_viewport_inside_dialog (#...
  • 1505d9b feat: add displayInViewport option to SelectPanel (#7699)
  • 1c7c598 Remove Avatar component from @​primer/styled-react (#7685)
  • 1acb7d3 fix(FilteredActionList): prevent content-visibility from clipping item divide...
  • 39c8cf3 Timeline: extend clipSidebar to accept 'start' | 'end' | 'both' (#7662)
  • b492cc8 fix(Button): Apply inline-flex display to loading wrapper for link variant (#...
  • Additional commits viewable in compare view

@dependabot dependabot bot added dependencies Pull requests that update a dependency file javascript Pull requests that update Javascript code labels Apr 1, 2026
@dependabot dependabot bot requested a review from a team as a code owner April 1, 2026 16:45
@dependabot dependabot bot requested a review from francinelucca April 1, 2026 16:45
@dependabot dependabot bot added dependencies Pull requests that update a dependency file javascript Pull requests that update Javascript code labels Apr 1, 2026
@changeset-bot
Copy link
Copy Markdown

changeset-bot bot commented Apr 1, 2026

⚠️ No Changeset found

Latest commit: 9d7ca75

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@dependabot dependabot bot force-pushed the dependabot/npm_and_yarn/primer/react-38.18.0 branch from c59cb18 to 90d24fa Compare April 1, 2026 17:16
Bumps [@primer/react](https://github.com/primer/react) from 36.1.0 to 38.18.0.
- [Release notes](https://github.com/primer/react/releases)
- [Commits](https://github.com/primer/react/compare/v36.1.0...@primer/react@38.18.0)

---
updated-dependencies:
- dependency-name: "@primer/react"
  dependency-version: 38.18.0
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>
@dependabot dependabot bot force-pushed the dependabot/npm_and_yarn/primer/react-38.18.0 branch from 90d24fa to f330a10 Compare April 1, 2026 17:23
@francinelucca
Copy link
Copy Markdown
Member

@copilot what's causing the CI failures? can it be fixed?

Copy link
Copy Markdown

Copilot AI commented Apr 1, 2026

@copilot what's causing the CI failures? can it be fixed?

The CI was failing because eslint-plugin-primer-react@4.0.3 (the version in use before) was trying to load @primer/primitives/dist/deprecated/colors, which no longer exists in the newer @primer/primitives pulled in by @primer/react@38.18.0.

Fixed in 61bb342 by:

  1. Bumping eslint-plugin-primer-react from ^4.0.3^5.4.0 (this version removes the @primer/primitives dependency)
  2. Bumping eslint-plugin-github from ^4.10.1^5.0.1 and eslint from ^8.0.1^8.42.0 (required by the newer plugin)
  3. Updating contributors.js to use Tooltip from @primer/react/next with text prop instead of aria-label (required by the new primer-react/a11y-use-next-tooltip lint rule in eslint-plugin-primer-react@5.x)

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

  • unpkg.com
    • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node scripts/postinstall.js (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

@francinelucca
Copy link
Copy Markdown
Member

@copilot look into the new CI failures

Copilot AI and others added 6 commits April 1, 2026 18:54
Agent-Logs-Url: https://github.com/primer/doctocat/sessions/6f16c06f-1317-4086-9a54-f15e4b4566ce

Co-authored-by: francinelucca <40550942+francinelucca@users.noreply.github.com>
…react 38.x

- Replace all Box components with native HTML elements (div, span, header, main, ul, pre, blockquote)
- Replace Octicon wrapper with direct icon components (LinkIcon, DotFillIcon, AccessibilityInsetIcon, CheckIcon, CopyIcon, MarkGithubIcon)
- Convert all sx prop theme tokens to inline style with CSS custom properties
- Replace spacing scale (0-8) with px values (0, 4, 8, 16, 24, 32, 40, 48, 64)
- Replace font size scale with px values (12, 14, 16, 20, 24, 32, 40, 48)
- Replace color theme tokens with CSS vars (--fgColor-*, --bgColor-*, --borderColor-*)
- Replace borderRadius: 2 with 6px
- Fix Downshift getItemProps/getMenuProps/getRootProps to use style instead of theme props
- Replace Text as={LiveError} sx={{...}} with LiveError style={{...}}
- Add StyledLink in heading.js for pseudo-selector hover/focus styles via styled-components
- Convert status/accessibility color functions to return CSS custom properties
- Remove deleted check_exports.test.js (tested Box existence, now removed in 38.x)
- Add className annotations for responsive layout (sidebar-wrapper, mobile-controls, etc.)

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Co-authored-by: francinelucca <40550942+francinelucca@users.noreply.github.com>
…px'/'12px'

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Co-authored-by: francinelucca <40550942+francinelucca@users.noreply.github.com>
- Add responsive CSS classes to wrap-page-element.js GlobalStyles:
  - .sidebar-wrapper: hidden on mobile, visible at 1012px+
  - .desktop-nav / .desktop-search: hidden on mobile, flex/block at 1012px+
  - .mobile-controls: flex on mobile, hidden at 1012px+
  - .toc-sidebar: hidden on mobile, block at 768px+
  - .mobile-toc: block on mobile, hidden at 768px+
  - .image-container img / .do-dont-content img: max-width 100%
  - .do-dont-content > *:last-child: margin-bottom 0
- Remove conflicting inline display values from layout.js, hero-layout.js, header.js
- Add classNames to image-container.js and do-dont.js for img rules

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Co-authored-by: francinelucca <40550942+francinelucca@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Co-authored-by: francinelucca <40550942+francinelucca@users.noreply.github.com>
…st assertions

Agent-Logs-Url: https://github.com/primer/doctocat/sessions/6f16c06f-1317-4086-9a54-f15e4b4566ce

Co-authored-by: francinelucca <40550942+francinelucca@users.noreply.github.com>
Copy link
Copy Markdown

Copilot AI commented Apr 1, 2026

@copilot look into the new CI failures

The new CI failures were caused by multiple breaking changes in @primer/react@38.x. Fixed in commits 6627d589d7ca75:

  1. Jest ESM failure (SyntaxError: Unexpected token 'export'): @primer/react@38.x is ESM-only. Updated jest.config.js transformIgnorePatterns to include @primer/react and related ESM packages so Babel transpiles them. Also added a CSS module mock for @primer/react's CSS imports.

  2. Box removed from @primer/react@38.x: Updated all 26 affected component files to use native HTML elements (div, span, footer, etc.) with style props instead of the Box+sx pattern.

  3. Octicon removed from @primer/react@38.x: Replaced <Octicon icon={XIcon} /> with direct <XIcon /> usage in all affected files.

  4. @react-aria/ssr no longer available: Removed SSRProvider from wrap-root-element.js (React 18 handles SSR natively).

  5. Test assertion update: The new Tooltip from @primer/react/next renders tooltip text as a visible aria-hidden span, so queryByText(/colebemis/) now finds multiple elements. Updated to use getAllByText instead.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

  • unpkg.com
    • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node scripts/postinstall.js (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

dependencies Pull requests that update a dependency file javascript Pull requests that update Javascript code

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants