@primer/react@38.14.0

Minor Changes

• #7531 0cfb938 Thanks @hectahertz! - SelectPanel: Add built-in client-side list virtualization via a new virtualized prop. When enabled, only the visible items plus a small overscan buffer are rendered in the DOM, dramatically improving performance for large lists.

Patch Changes

• #7497 931740b Thanks @hectahertz! - Remove render phase setStates on SelectPanel

• #7532 39a2151 Thanks @hectahertz! - PageLayout: Eliminate forced reflow (~614ms) on mount by replacing getComputedStyle call with a pure JS viewport width check for the --pane-max-width-diff CSS variable.

• #7555 64c2243 Thanks @hectahertz! - perf(useSlots): short-circuit iteration and skip filled slots

• #7547 4943d67 Thanks @hectahertz! - perf(useScrollFlash): defer scroll read/write to requestAnimationFrame to avoid forced reflow

• #7497 931740b Thanks @hectahertz! - Improve SelectPanel performance

• #7551 2fbfc49 Thanks @hectahertz! - perf(Text): remove unnecessary useRef and useImperativeHandle hooks

• #7571 59ab235 Thanks @liuliu-dev! - AnchoredOverlay: changed overflow from hidden to auto to prevent content clipping at small viewports.

• #7553 6225ba2 Thanks @hectahertz! - perf(useRefObjectAsForwardedRef): add dependency array to useImperativeHandle

@primer/mcp@0.3.0

Minor Changes

• #7574 14c5a6c Thanks @lukasoppermann! - Replace design token tools with enhanced search and bundle system. The single list_tokens tool is replaced by find_tokens, get_token_group_bundle, get_design_token_specs, and get_token_usage_patterns for improved token discovery and usage guidance.

@primer/react@38.13.0

Minor Changes

• #7099 4720c2f Thanks @copilot-swe-agent! - Banner: Use aria-labelledby to reference the title for the landmark region instead of generic variant labels.

• #7521 12dda86 Thanks @TylerJDev! - PageLayout: Add PageLayout.Sidebar sub-component

Patch Changes

• #7537 4fd987c Thanks @hectahertz! - perf(ActionList): enable React Compiler

• #7546 86d6897 Thanks @hectahertz! - perf(Announce): skip getComputedStyle when there is no text content to announce

• #7568 aa46098 Thanks @HiroAgustin! - Blankslate: Add text-wrap: balance to Heading and Description

• #7552 551ec63 Thanks @hectahertz! - perf(Button): fix CounterLabel remount and remove conditional DEV hook

• #7504 d91e78e Thanks @TylerJDev! - UnderlineNav: Adds overflow: hidden when the "More" button isn't present

• #7526 0c2358a Thanks @hectahertz! - Add content-visibility: auto to ActionList items to improve rendering performance for large lists by allowing the browser to skip layout and paint for off-screen items.

• #7556 6dc1858 Thanks @hectahertz! - perf(ActionList): replace :has([aria-disabled]) child scan with data-is-disabled attribute for faster style recalculation

• #7548 d4b32c3 Thanks @hectahertz! - perf(useIsMacOS): replace useState+useEffect with useSyncExternalStore to eliminate unnecessary re-render

@primer/mcp@0.2.0

Minor Changes

• #7495 b69325f Thanks @adierkens! - Adds support for fetching docs via the /llms.txt endpoint per-component

Patch Changes

• Updated dependencies [3c160b2, c87db98, d86c970]:
  • @primer/react@38.12.0

@primer/react@38.12.0

Minor Changes

• #7348 3c160b2 Thanks @mattcosta7! - Add currentWidth and onResizeEnd props to PageLayout.Pane for controlled resizable width

  The PageLayout.Pane component now supports controlled width:

  • onResizeEnd — callback fired when a resize operation ends (pointer release or keyboard key up). Replaces localStorage persistence. Requires currentWidth.
  • currentWidth — sets the current displayed width in pixels (number | undefined). Pass undefined when the persisted value hasn't loaded yet. Requires onResizeEnd.

  Both props must be provided together (enforced by TypeScript). resizable remains a plain boolean prop.

  These props are only meaningful when resizable={true} — without it, no drag handle renders so onResizeEnd never fires.

  New export:

  • defaultPaneWidth — Record of preset width values: {small: 256, medium: 296, large: 320}

  Example usage:

  import {PageLayout, defaultPaneWidth} from '@primer/react'
  
  // Default behavior (unchanged) — localStorage persistence
  <PageLayout.Pane resizable />
  
  // Controlled width with custom persistence
  const [width, setWidth] = useState(defaultPaneWidth.medium)
  <PageLayout.Pane
    resizable
    currentWidth={width}
    onResizeEnd={(newWidth) => {
      setWidth(newWidth)
      myStorage.save('pane-width', newWidth)
    }}
  />
  
  // Async load — pass undefined until value is fetched
  <PageLayout.Pane
    resizable
    currentWidth={savedWidth ?? undefined}
    onResizeEnd={handleResizeEnd}
  />

Patch Changes

• #7527 c87db98 Thanks @llastflowers! - Update PageHeader story to have semantic headings

• #7535 d86c970 Thanks @francinelucca! - fix: ActionBar overflow menu not closing on select

@primer/react@38.11.0

Minor Changes

• #7509 2e563b4 Thanks @francinelucca! - feat: implement displayInViewport for ActionMenu and AnchoredOverlay

Patch Changes

• #7501 81ab065 Thanks @copilot-swe-agent! - Fix PageLayout horizontal overflow by adding width constraint to ContentWrapper

• #7483 fe999ca Thanks @francinelucca! - remove primer_react_overlay_overflow FF from the codebase

@primer/styled-react@1.0.3

Patch Changes

• #7499 4f43e82 Thanks @copilot-swe-agent! - Remove deprecated component exports from @primer/styled-react that no longer have usage tracked in primer query

@primer/react@38.10.0

Minor Changes

• #7488 fe85519 Thanks @koesie10! - DataTable: Add externalSorting prop to disable client-side sorting

@primer/react@38.9.0

Permalink to Storybook

Minor Changes

• #7472 661d16f Thanks @copilot-swe-agent! - StateLabel: Add alert status variants (alertOpened, alertFixed, alertClosed, alertDismissed) with corresponding shield icons for displaying security alert states

Patch Changes

• #7471 df4bd30 Thanks @llastflowers! - Add breakpoint to shrink gutter around dialog on very small screen heights

• #7468 731fb71 Thanks @jonrohan! - feat(ActionList): Optimizes CSS selector performance in ActionList by replacing expensive universal selectors (*) and broad :has() queries with targeted class selectors.

@primer/react@38.8.0

Minor Changes

• #7455 a86c183 Thanks @HiroAgustin! - Remove ConfirmationDialog custom renders to ensure visual parity with Dialog

• #7438 160c1c4 Thanks @francinelucca! - feat: make Spinner's delay customizable

• #7436 9a4e46c Thanks @TylerJDev! - FilteredActionList: Adds new prop scrollBehavior to allow customization of scroll behavior

• #7448 838859d Thanks @francinelucca! - feat(SkeletonBox): add customizable delay

Patch Changes

• #7451 0fc4523 Thanks @daantosaurus! - UnderlineNav.Item: Fix layout issues when children contain React elements by extracting only direct text content for the data-content attribute.