@primer/react@38.6.1

Patch Changes

• #7307 5dcc87c Thanks @mattcosta7! - reapplies PageLayout resizable enhancements without INP drop from expensive selectors

@primer/react@38.6.0

Minor Changes

• #7157 eddd934 Thanks @joshblack! - Add feature flag to control whether Spinner animations are synchronized

• #7277 4a1c9a5 Thanks @kendallgassner! - Added callback prop onActiveDescendantChanged to FilteredActionList

Patch Changes

• #7305 335e9e8 Thanks @llastflowers! - Revert PR #7275

@primer/react@38.5.0

Minor Changes

• #7240 79a6df1 Thanks @TylerJDev! - FilteredActionList: Adds new prop setInitialFocus which will prevent aria-activedescendant from being set until user action

• #7240 79a6df1 Thanks @TylerJDev! - FilteredActionList: Add prop disableSelectOnHover which will disable the ability where hovering over an item sets it as the aria-activedescendant value

Patch Changes

• #7259 c32b964 Thanks @TylerJDev! - AvatarStack: Border was incorrectly applying to elements that were not Avatar children.

• #7259 c32b964 Thanks @TylerJDev! - AvatarStack: The square prop was not applying to individual Avatar components.

• #7275 822c3e7 Thanks @mattcosta7! - Improve drag performance for PageLayout

• #7242 32faa80 Thanks @pksjce! - useFocusTrap - Fix bug related to restoring focus on scrolling

@primer/react@38.4.0

Minor Changes

• #7258 8e66a2c Thanks @kendallgassner! - Make MappedActionListItem a forwardRef component

• #7250 a193d30 Thanks @siddharthkp! - Banner: Add flush prop for use within confined spaces, such as dialogs, tables, cards, or boxes where available space is limited.

• #7247 e1021e7 Thanks @liuliu-dev! - Add leadingVisual to InlineMessage component.

• #7047 c07dd71 Thanks @TylerJDev! - Remove the feature flag for primer_react_segmented_control_tooltip and GA tooltip by default behavior.

  • Ensure that when disabled is applied, the tooltip is still triggered.

Patch Changes

• #7244 d973c5a Thanks @lukasoppermann! - "Update logic for how hex codes are applied"

• #7230 534ca11 Thanks @mperrotti! - Replaces 'aria-live' usage and removes internal LiveRegion component

• #7267 1d8759a Thanks @lukasoppermann! - Used correct tokens for disabled radio control

• #7241 181f12e Thanks @francinelucca! - fix(LabelGroup): add role and aria-label to hidden items overlay

@primer/react@38.3.0

Minor Changes

• #7200 0a0c2a0 Thanks @joshblack! - Add leadingVisual prop to UnderlineNav.Item

• #7197 9605a30 Thanks @liuliu-dev! - Deprecate icon prop in favor of leadingVisual and fix SecondaryAction styling in Banner.

• #7220 62fc3bb Thanks @kendallgassner! - Expose props to allow virtualization in the SelectPanel

• #7177 feb7001 Thanks @joshblack! - Add experimental TopicTag and TopicTag.Group components

Patch Changes

• #6987 cd5ab1b Thanks @kerimmoresh! - docs: Fix Typos in comments

• #7239 2735220 Thanks @lukasoppermann! - Center align header and description for BlankSlate

• #7223 f9fb9eb Thanks @liuliu-dev! - ActionBar: Add padding to Divider when gap="none".

• #7134 585c5fa Thanks @hectahertz! - SegmentedControl: Remove useResponsiveValue hook from fullWidth and variant props to use getResponsiveAttributes instead.

• #7211 46a7ebe Thanks @langermank! - Adjust ActionList.Item danger variant CSS to support trailing count/keybinding hint

• #7246 1667225 Thanks @pksjce! - chore - Fix type compatibility with react 19 refs

@primer/react@38.2.0

Minor Changes

• #7185 a05b1f9 Thanks @lukasoppermann! - CounterLabel: Add variant prop and deprecate scheme prop

• #7165 f2ba02a Thanks @liuliu-dev! - Fixes multiple styling issues in the Token component.

• #7194 32cdcfc Thanks @francinelucca! - feat(NavList): add support for inline and block description

• #7143 25a5f99 Thanks @langermank! - Adjust styling for button's that have nested keybinding hints

• #7196 70f5ffe Thanks @TylerJDev! - FilteredActionList: Remove usingRemoveActiveDescendant feature flag, add private prop

• #7059 fd3d09e Thanks @jonrohan! - feat(Spinner): Adds a delay prop to the Spinner component that delays rendering by 1000ms.

• #7149 5e6e04e Thanks @lukasoppermann! - StateLabel: Add size prop and deprecate variant prop to align with APIs in other components.

• #7142 4f3be9c Thanks @TylerJDev! - IconButton: Hide tooltip when a popup is open.

Patch Changes

• #7102 07c9e55 Thanks @mperrotti! - Makes Button and LinkButton 'link' variant respect user underline preference

• #7189 424cbc5 Thanks @liuliu-dev! - Prevent focus reset on date/time input clicks in Safari.

• #7180 f051a39 Thanks @copilot-swe-agent! - Feature flags: Remove feature flag primer_react_use_styled_react_theming

• #7198 b1a8acc Thanks @copilot-swe-agent! - Popover: add missing shadow

• #7188 9403294 Thanks @liuliu-dev! - Remove unused underline prop from LinkButtonProps.

• #7192 b78167a Thanks @TylerJDev! - SelectPanel: Remove usingRemoveActiveDescendant usage from component

@primer/react@38.1.0

Permalink to Storybook

Minor Changes

• #7065 9090053 Thanks @TylerJDev! - ActionBar: Add ActionBar.Menu subcomponent

• #7056 6ff2797 Thanks @adierkens! - Update active indicators for ActionList & FilteredActionList to follow content height

• #7063 247c66a Thanks @francinelucca! - Feat: popover implement click outside

• #7123 01b16db Thanks @adierkens! - Adds an experimental Tabs utility component & associated hooks

• #7109 34e7108 Thanks @adierkens! - Add support to ActionList for 'tablist' and 'tab' roles

• #7112 7160709 Thanks @hectahertz! - PageHeader: Remove useResponsiveValue hook from TitleArea variant prop

  Migrates PageHeader.TitleArea's variant prop to use getResponsiveAttributes following ADR-018 for SSR-safe responsive values. This prevents layout shift during hydration when using responsive variants.

Patch Changes

• #7114 15a13c6 Thanks @liuliu-dev! - ActionList: Fix trailing action button to take full height.

• #7124 a746a83 Thanks @lukasoppermann! - Fixed Timeline.Break when followed by a condensed item and clip sidebar for condensed items.

• #7060 3468793 Thanks @francinelucca! - @primer/react: chore(Dialog): allow direct children

• #7115 21cefb9 Thanks @siddharthkp! - ActionBar: IconButton no longer adds it's own data-testid

• #7061 e58e102 Thanks @francinelucca! - PageLayout: update wrapper dimensions to match PageLayout's root element

• #7130 57ffdbc Thanks @joshblack! - Update the AnchoredOverlay component so that the ref value is not overridden when spreading props

• #7097 12fad7a Thanks @francinelucca! - chore: fix UnderlineWrapper html structure

• #7101 9382e52 Thanks @hectahertz! - Remove use of useResponsiveValue hook - PageLayout

• #7128 4d0f08a Thanks @liuliu-dev! - Link: Remove deprecated underline prop. (Not used in github-ui)

@primer/react@38.0.0

Permalink to Storybook

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
  ...

@primer/styled-react@1.0.0-rc.10

Patch Changes

• #7032 9fce541 Thanks @francinelucca! - - remove sx, SxProp, exports
  • add type ThemeColorPaths, type ThemeShadowPaths
• Updated dependencies [aaa2e1f, ca6d60d, 7595b8d, 9fce541, 4ffe66d, 52d6cf7, f4a92f6]:
  • @primer/react@38.0.0-rc.9

@primer/react@38.0.0-rc.9

Major Changes

• #7032 9fce541 Thanks @francinelucca! - - remove sx, SxProp, exports
  • add type ThemeColorPaths, type ThemeShadowPaths

Minor Changes

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

Patch Changes

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

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

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

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

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