@primer/react@38.0.0-rc.0

Major Changes

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

Minor Changes

• #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

• #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

@primer/react@37.31.0

Permalink to Documentation

Minor Changes

• #6470 e53228c Thanks @copilot-swe-agent! - Add size prop to ActionList.LinkItem component. The size prop accepts 'medium' (default) or 'large' values and provides the same styling options as ActionList.Item for consistent sizing across ActionList components.

• #6265 829a933 Thanks @joshblack! - Update IssueLabel component types to support custom content through children and support the as prop

• #6420 024b82a Thanks @chanakyav! - Adds variant and shape props to AvatarStack component. The variant prop will allow the component to render in a cascade view (by default) or a new stacked view which will evenly space the avatars and remove opacity. The shape prop will allow the avatars to be rendered as circles (by default) or squares.

• #4744 3c9e322 Thanks @TylerJDev! - Address additional ToggleSwitch a11y feedback

• #6182 9e49abd Thanks @TylerJDev! - Textarea: Adds minHeight and maxHeight as props

Patch Changes

• #6330 fbdcac4 Thanks @francinelucca! - feat(SelectPanel): remove aria activedescendant and add a roving tab index

• #6365 ae4dd07 Thanks @langermank! - Add width: 100% to Portal

@primer/react@37.30.0

Permalink to Documentation

Minor Changes

• #6350 8731f43 Thanks @liuliu-dev! - Adds icon and action props to SelectPanelMessage to improve UX and accessibility.

• #6378 3f68aa7 Thanks @langermank! - Add size prop to ActionList.Item

Patch Changes

• #6339 3d19045 Thanks @francinelucca! - chore(FilteredActionList): remove modern action list FF

• #6349 b831e20 Thanks @langermank! - Align font with PVC for Tooltip

• #6341 744102b Thanks @ompharate! - Update TextInput TypeScript types to make shared props optional

• #6404 c6bda10 Thanks @hectahertz! - SelectPanel announces loading prop changes

@primer/react@37.29.1

Patch Changes

• #6370 56e4638 Thanks @francinelucca! - chore: update typescript-plugin-css-modules to v5.2.0

• #6373 95c23ac Thanks @llastflowers! - update SelectPanel default empty state message to be more generic

• #6321 8cced18 Thanks @francinelucca! - fix(SelectPanel): prioritize message over loading status

• #6346 271630f Thanks @TylerJDev! - SelectPanel: Ensure empty message live region reads from provided or default message

• #6323 c65abcb Thanks @adierkens! - Add support for prefers-reduced-motion animations on TooltipV2 & Overlay

• #6331 86a7af6 Thanks @joshblack! - Update icon color in Blankslate to use --fgColor-muted

• #6329 14d6afd Thanks @llastflowers! - Add new SelectPanel Select all feature

• #6374 ad76aa8 Thanks @francinelucca! - fix(SelectPanel): add loading state to stories

• #6327 61130b8 Thanks @liuliu-dev! - Fix SelectPanel close button alignment in narrow viewports.

• #6262 82e9237 Thanks @langermank! - Adjust ActionList label font-weight if a list has both items with descriptions AND without

• #6371 73ce4b4 Thanks @mattcosta7! - corrects peer dependencies around react-is and types

@primer/react@37.29.0

Minor Changes

• #6260 8210573 Thanks @adierkens! - Stack.Item: add support for shrink prop

• #6303 c77acc4 Thanks @pksjce! - Add height, width and overflow to Popover component

• #6273 0cb9a5d Thanks @jonrohan! - chore(DataTable.Pagination): Convert DataTable.Pagination to CSS modules

• #6083 26232b3 Thanks @jonrohan! - Convert _VisuallyHidden internal component to CSS modules

Patch Changes

• #6311 db0b27a Thanks @jonrohan! - chore: Migrate from toggleSxComponent to BoxWithFallback helper

• #6277 b384225 Thanks @liuliu-dev! - Fix Button styles while dragging inactive variants

• #6302 4c9aa4b Thanks @llastflowers! - Change padding in TextInput before leading visual and after trailing visual from 12px to 8px.

• #5960 e88782a Thanks @joshblack! - Advances remaining Skeleton components to 'alpha' status

• #6326 3b6d68a Thanks @adierkens! - Fix alignment styles for Banner component with hidden titles

• #6314 a5a0afe Thanks @liuliu-dev! - Add basic link styles to BaseStyles.

@primer/react@37.28.1

Permalink to Documentation

Patch Changes

• 1d3aba0 Thanks @jonrohan! - Fixing an issue where hovering the TabNav will give the tabs outlines.

@primer/react@37.28.0

Permalink to Documentation

Minor Changes

• #6239 ccd5bab Thanks @liuliu-dev! - Add loading support to ActionList.TrailingAction component.

• #6211 c99d42e Thanks @joshblack! - Add partial support for React Compiler to components

• #6257 2fe33bf Thanks @joshblack! - Update Truncate to use CSS Modules

• #6176 507da36 Thanks @jonrohan! - Migrate the TabNav component to use CSS modules

Patch Changes

• #6256 0318b4b Thanks @langermank! - Fix PageHeader context bar font-weight

• #6223 4d85c34 Thanks @liuliu-dev! - Fix ActionList.Description title attribute for non-string children with truncate

• #6266 ac5a9c1 Thanks @jonrohan! - Bug fix: Fixing issue where page shifts when Dialog is open

• #6270 b2a44c3 Thanks @langermank! - Add CSS variable to contrast TextInput

• #6267 196fbf5 Thanks @lukasoppermann! - Fixed position of leadingVisual

• #6295 12468d8 Thanks @francinelucca! - chore(FormControl): remove sx props

• #6259 ad6a52c Thanks @TylerJDev! - SelectPanel: Adds focus indicator to disabled items

• #6284 ff6bf5c Thanks @pksjce! - Fix the disappearance of overflow property in the Overlay component

• #6275 c50d530 Thanks @langermank! - Set color on SegmentedControl icons

• #6177 5e1ed83 Thanks @langermank! - Add gap between ActionList label and trailingVisual

• #6278 29facae Thanks @jonrohan! - chore: Refactor components to use BoxWithFallback instead of custom Box if statements and remove defaultSxProp references

• #6225 669c338 Thanks @KirankumarAmbati! - fix: remove min height calc logic for SelectPanel

• #6235 5446544 Thanks @liuliu-dev! - Prevent ActionList crash when selected prop is true without selectionVariant.

@primer/react@37.27.0

Permalink to Documentation

Minor Changes

• #6116 4cca0e9 Thanks @TylerJDev! - ActionList: Add new prop disableFocusZone to disable the default focus zone provided

• #6090 7bbdcab Thanks @jonrohan! - Remove the CSS modules feature flag from the ActionList and related components

• #6183 a5f7928 Thanks @TylerJDev! - SelectPanel: Add align prop to SelectPanel which determines the alignment of the panel relative to the anchor

• #6169 15f942d Thanks @hussam-i-am! - fix(ProgressBar): pass-through style props

Patch Changes

• #6190 613a362 Thanks @llastflowers! - fix Banner spacing / vertical alignment issue

• #6170 e4f0fc6 Thanks @llastflowers! - Update SelectPanel so that content isn't hidden behind mobile keyboard

• #5829 72ae1e2 Thanks @maraisr! - feat(UnderlineNav): Now supports variant 'inset' and 'flush' that allow for contextual horizontally aligned spacing

• #6108 df60cb0 Thanks @francinelucca! - chore(ActionMenu): Add fullscreen sample story and variant prop

• #6210 a8b871b Thanks @kelsey-myers! - Adds notice announcements to SelectPanel

• #6200 2317ca8 Thanks @owenniblock! - Fixes issue with Tooltip description id overriding existing description ids

@primer/react@37.26.0

Permalink to Documentation

Minor Changes

• #6138 3325ad6 Thanks @copilot-swe-agent! - Add disableFullscreenOnNarrow prop to SelectPanel for opt-out of fullscreen behavior

Patch Changes

• #6113 96c4b48 Thanks @llastflowers! - add new line of CSS to separate underline from hover event

• #6146 6588cf2 Thanks @TylerJDev! - ActionList: Ensures aria-describedby is applied to ActionList.Item when description is present

• #6111 33b6bf1 Thanks @francinelucca! - fix(Stack): correctly forward a Ref

• #6139 091165f Thanks @francinelucca! - fix(SelectPanel): update input fontSize to 16 on small viewports on iOS

• #6124 ad5e73b Thanks @joshblack! - Update Select to correctly merge classes when className is provided

• #5897 6df6cbf Thanks @mperrotti! - Updates Dialog to only show border between body and footer when the body scrolls.

• #6129 1a15bac Thanks @copilot-swe-agent! - UnderlineNav.Item accepts className prop without overriding existing styling

• #6125 91b3c71 Thanks @francinelucca! - fix(DataTable): fix incorrect page numbers rendered bug

@primer/react@37.25.0

Permalink to Documentation

Minor Changes

• #6107 694dd95 Thanks @copilot-swe-agent! - feat(ConfirmationDialog): add className, width and height

• #5899 7cf029d Thanks @joshblack! - Add support for different sizes to Blankslate

• #6051 a007808 Thanks @jonrohan! - Remove the css modules feature flag from the SelectPanel2 experimental component

• #6052 06361d1 Thanks @jonrohan! - Remove the CSS module feature flag from the AvatarStack component

• #5899 7cf029d Thanks @joshblack! - Add support for HTML attributes being passed to Blankslate components

• #6050 53ef8ea Thanks @hectahertz! - Switch to a CSS based solution for the PageLayout sticky pane

Patch Changes

• #6109 f7471f8 Thanks @TylerJDev! - DataTable: Add visually hidden text to sortable DataTable column buttons

• #6055 3b6b1d1 Thanks @TylerJDev! - DataTable: Adds outline-offset to focus indicator on pagination buttons

• #6077 cf97cb5 Thanks @langermank! - Fix Skeleton background color

• #6054 3fc7741 Thanks @khiga8! - Add support for aria-label on ActionList.Group

• #6095 3beba5b Thanks @francinelucca! - fix(Button): correct loading alignment

• #6049 776e05e Thanks @TylerJDev! - ActionList: Ensure role="option" is added when role="listbox" is used; allow disabled items to remain focusable

• #6100 a7e99f8 Thanks @jonrohan! - Remove unused getBreakpointDeclarations function and any related code.