@primer/[email protected]

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/[email protected]

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/[email protected]

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/[email protected]

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/[email protected]

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/[email protected]

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/[email protected]

@primer/[email protected]

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

@primer/[email protected]

Patch Changes

• #7009 c83d6a4 Thanks @siddharthkp! - Export ThemeProviderProps and BaseStylesProps

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

• #7019 4308179 Thanks @francinelucca! - @primer/styled-react: chore(navlist): remove unneeded exports
  @primer/react: add missing isSlot checks

• Updated dependencies [a3765c2, a108ab9, 3099210, 860ac93, 2fd6c82, 34e7fa8, a3f7ea9, 0889246, 96968a2, 4308179, 3c32e7e, 4b84948]:

  • @primer/[email protected]

@primer/[email protected]

Major Changes

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

Patch Changes

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

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

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

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

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

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

• #7019 4308179 Thanks @francinelucca! - @primer/styled-react: chore(navlist): remove unneeded exports
  @primer/react: add missing isSlot checks

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

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

@primer/[email protected]

Minor Changes

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

• #6958 3032026 Thanks @siddharthkp! - @primer/react: Export useId and useSyncedState
  @primer/styled-react: Add ThemeProvider and BaseStyles

Patch Changes

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

• #6995 2d37fab Thanks @francinelucca! - chore: ActionList use forwardedAs in subcomponents

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

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

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

• #6968 9fcaedf Thanks @siddharthkp! - Export BaseStyles

• Updated dependencies [446956d, 701a9d0, f61238c, c58f171, c395547, 260c74c, 3ced917, 2703bc9, 76f1ca3, 2ec5bf2, 173f76d, 7dd483f, c1448cc, 8641c7a, ecc81b5, 3032026, 1c84c0f, 62df166, 32e12c6]:

  • @primer/[email protected]