@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

• #6834 fa70b5e Thanks @joshblack! - Remove the sx prop from Flash

• #6876 2102252 Thanks @llastflowers! - Update FilteredActionList and FilteredActionListLoaders components to no longer support sx

• #6840 aba8050 Thanks @joshblack! - Remove support for sx prop from deprecated/FilteredSearch

• #6685 00261c9 Thanks @liuliu-dev! - Remove the sx prop from RadioGroup and Truncate.

• #6878 7081dd3 Thanks @llastflowers! - Update BaseStyles component to no longer support sx

• #6679 6158135 Thanks @llastflowers! - Update CounterLabel component to no longer support sx

• #6827 6843040 Thanks @joshblack! - Remove support for the sx prop from RelativeTime

• #6813 a1a4ad0 Thanks @joshblack! - Remove support for sx prop for InlineMessage

• #6866 3237a4e Thanks @francinelucca! - chore(LinkButton): remove sx from LinkButton

• #6655 092185f Thanks @llastflowers! - Update CheckboxGroup component to no longer support sx

• #6654 513cc3f Thanks @llastflowers! - Update Checkbox component to no longer support sx

• #6837 134f96e Thanks @TylerJDev! - Update ProgressBar to no longer support sx

• #6839 32febac Thanks @joshblack! - Remove support for sx from Header

• #6871 44b3d73 Thanks @joshblack! - Remove support for sx from PageHeader

• #6863 9614c0e Thanks @pksjce! - Remove Banner from experimental

• #6754 4d080aa Thanks @TylerJDev! - Update Popover to no longer support sx

• #6666 71382dc Thanks @mperrotti! - Removes styled-system usage from TextInputWrapper and related components and Storybook stories.

• #6425 e23d965 Thanks @joshblack! - Update @primer/react to only export ESM bundles

• #6806 9d13904 Thanks @joshblack! - Remove the sx prop from Announce, AriaAlert, and AriaStatus

• #6741 4896ef1 Thanks @liuliu-dev! - Remove sx prop support from the SegmentedControl component.

• #6634 d883432 Thanks @TylerJDev! - CircleOcticon: Remove component CircleOcticon

• #6713 7d7b797 Thanks @copilot-swe-agent! - Deprecate TextInputWithTokens component. The component has been moved to the deprecated entrypoint due to low usage and accessibility implications. Import from @primer/react/deprecated instead of @primer/react.

• #6272 d74d73e Thanks @llastflowers! - remove unused contrast from Select component

• #6652 c6d923f Thanks @llastflowers! - Update AvatarStack component to no longer support sx

• #6716 e177d55 Thanks @liuliu-dev! - Remove sx prop support from the SelectPanel component.

• #6737 2d01fc4 Thanks @liuliu-dev! - Remove sx prop support from the Select component.

• #6706 e3f26cc Thanks @TylerJDev! - Deprecate CircleBadge component

• #6676 ab5ffb0 Thanks @mperrotti! - Removes styled-system and related utilities from Caret.tsx, IssueLabelToken.tsx, StateLabel.tsx, ToggleSwitch.tsx, and deprecated/ActionList/List.tsx

  Removes WidthProps from ProgressBar.tsx

• #6735 45a52c1 Thanks @liuliu-dev! - Update SideNav component to no longer support sx.

• #6682 5bbaae7 Thanks @llastflowers! - Update LabelGroup component to no longer support sx

• #6680 5c30443 Thanks @llastflowers! - Update Details component to no longer support sx

• #6625 65ae375 Thanks @llastflowers! - Update BranchName component to no longer support sx

• #6627 6111046 Thanks @liuliu-dev! - Update ToggleSwitch component to no longer support sx, add sx wrapper to @primer/styled-react.

• #6607 133d5a5 Thanks @jonrohan! - Remove sx prop support from the VisuallyHidden component

• #6622 247b3f7 Thanks @francinelucca! - BREAKING CHANGE: remove AvatarToken
  BREAKING CHANGE: make Caret component internal only

• #6595 de5a4b7 Thanks @copilot-swe-agent! - Remove AvatarPair component from codebase

• #6656 3a778b9 Thanks @liuliu-dev! - Update StateLabel component to no longer support sx.

• #6610 65fc87d Thanks @jonrohan! - Remove sx prop support from the Stack component

• #6613 3ab94c5 Thanks @llastflowers! - Update SplitPageLayout component to no longer support sx

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

Minor Changes

• #6979 8b2632b Thanks @TylerJDev! - ActionBar: Adds ActionBar.Group sub component

• #7066 c32f726 Thanks @adierkens! - Exports useAnchoredPosition utility

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

• #7033 4c4c4cd Thanks @liuliu-dev! - Deprecate leadingIcon in favor of leadingVisual for SegmentedControl.Button.

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

• #6919 32e12c6 Thanks @TylerJDev! - TreeView: Add count and className support for trailing actions

• #6889 9201d93 Thanks @broccolinisoup! - Tooltip: Add delay functionality to tooltips with the options of instant (default), medium, long

• #6937 09ee0ea Thanks @francinelucca! - chore: add styles to formcontrol and subcomponents

• #6456 fbd3ac7 Thanks @TylerJDev! - TreeView: Add trailing actions prop secondaryActions

• #6855 356a129 Thanks @cheshire137! - Add buttonLabelOn and buttonLabelOff to ToggleSwitch

• #6815 2024709 Thanks @francinelucca! - chore: add PortalContext

• #6709 78784b3 Thanks @pksjce! - Remove overflow property from popover (It has no usage)

• #6721 d6378c2 Thanks @cheshire137! - Add count to SegmentedControlButton

• #6843 f082c77 Thanks @camchenry! - Allow changing initially focused button in ConfirmationDialog

• #6726 50c230f Thanks @joshblack! - Add ProgressBarItemProps and ProgressBarItemProps type exports to @primer/react

• #6726 50c230f Thanks @joshblack! - Add ToggleSwitchProps type to package exports

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

• #6994 701a9d0 Thanks @francinelucca! - chore: prevent slot rewrite on CheckboxOrRadioGroup subcomponents

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

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

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

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

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

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

• #6959 76f1ca3 Thanks @francinelucca! - chore(AvatarStack, CheckboxOrRadioGroup, UnstyledTextInput): cleanup remaining sx props

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

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

• #6996 173f76d Thanks @francinelucca! - chore: add missing slot checks to CheckboxOrRadioGroup, SelectPanel, ActionMenu, Treeview, SegmentedControl and PageHeader

• #6954 7dd483f Thanks @langermank! - Adjust ConfirmationDialog heading styling

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

• #7019 4308179 Thanks @francinelucca! - add missing isSlot checks

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

• #6935 8641c7a Thanks @JelloBagel! - Fix overflow calculations of more menu button in action bar

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

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

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

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

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

• 4378ee8 Thanks @langermank! - Add missing CSS for KeybindingHint

• #6900 e3e601c Thanks @francinelucca! - fix(SelectPanel): do not bubble up keyboard events

• #6673 19befd6 Thanks @llastflowers! - Remove support for sx from CircleBadge component

• #6908 af288e6 Thanks @llastflowers! - update FormControl ValidationIcon position

• #6931 d5c5ecf Thanks @francinelucca! - use UnderlinePanels.Tab, UnderlinePanels.Panel from @primer/react

• #6905 1cb348f Thanks @lukasoppermann! - Replace StateLabel color with new draft token

• #6927 913739d Thanks @lukasoppermann! - Link: Adjust text-decoration-offset

• #6829 b568765 Thanks @francinelucca! - chore: fix ActionBar gap issue

• #6879 c8fc6b8 Thanks @francinelucca! - chore(FilteredActionList): fix className override

• #6896 5c29b01 Thanks @liuliu-dev! - Fix typing issues in PageHeader exports.

• #6881 8d52362 Thanks @langermank! - Implement forced colors for progress bar

• #6854 dd8eeed Thanks @pksjce! - Breadcrumbs: Fix esc button not being able to focus on the menubuttonRef

• #6669 627cc4b Thanks @francinelucca! - chore: use Banner instead of custom implementation for SelectPanel notice

• #6664 2910207 Thanks @pksjce! - Breadcrumbs : Add overflow menu for responsive behavior

• #6664 2910207 Thanks @pksjce! - Breadcrumb overflow styling

• #6846 37ce4aa Thanks @mperrotti! - Adds sx prop back to TextInput

• #6701 1aa7404 Thanks @pksjce! - Banner: Should prefer aria-labelled-by over aria-label

• #6715 6def61e Thanks @liuliu-dev! - Remove sx from the SkeletonBox component.

• #6750 0077b96 Thanks @pksjce! - v38: Make sure Banner is exported from main and experimental

• #6751 c8f3879 Thanks @pksjce! - v38: Move pointerbox to deprecated still maintaining the main export

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