v35.32.0

Permalink to documentation

Minor Changes

• #3720 521b02f4 Thanks @mperrotti! - Updates link styles to support underline link preferences.

• #3813 1fcfc478 Thanks @joshblack! - Add support for a ref on the inner in ToggleSwitch

Patch Changes

• #3815 794a477c Thanks @pksjce! - Update hover styles for ActionList item

• #3691 f4648b19 Thanks @joshblack! - Update ActionList to place id on item with an ARIA role

• #3809 6b18eaec Thanks @gr2m! - export SelectPanel from @primer/react/drafts

• #3683 a84a1498 Thanks @broccolinisoup! - Button: Allow leadingIcon, trailingIcon, trailingAction to be overridable with sx

• #3784 6f4fe7d2 Thanks @radglob! - Revert "Add aria-selected value to ActionList.Item."

v35.31.0

Permalink to documentation

Minor Changes

• #3394 9cd50f70 Thanks @broccolinisoup! - Tooltip: Release Tooltip v2 as a draft/experimental

• #3749 b4fe331e Thanks @thyeggman! - Add suport for sparse sorting to DataTable

• #3581 cc12464d Thanks @broccolinisoup! - ActionList: Add ActionList.Heading component

v35.30.0

Permalink to documentation

Minor Changes

• #3714 88340269 Thanks @iansan5653! - Add support for controlling which side ActionMenu renders on (via a side prop on ActionMenu.Overlay)

• #3715 1f889281 Thanks @joshblack! - Add support for leadingVisual and trailingVisual props to Button

• #3739 b90e5476 Thanks @joshblack! - Add the Column type and createColumnHelper function to easily define columns for DataTable

• #3719 500e529d Thanks @joshblack! - The UnderlineNav, FilterList, and FilteredSearch components will be deprecated in v36 and have been moved to the deprecated entrypoint. To use the new UnderlineNav, migrate to the component available in drafts.

• #3732 8928acc3 Thanks @joshblack! - Add default type="button" to IconButton component

Patch Changes

• #3661 25693b08 Thanks @joshblack! - Update the children prop for Button to be optional

• #3737 a93eca21 Thanks @joshblack! - Restore default main landmark in PageLayout.Content

• #3722 0baa5a7f Thanks @mattcosta7! - use isomorphic layout effects only

v35.29.0

Permalink to documentation

Minor Changes

• #3692 4046e058 Thanks @broccolinisoup! - Octicons: Upgrade react-octicons to v19.7.0

• #3647 e480a4a4 Thanks @paxos! - Adds onSelectSuggestion callback to InlineAutocomplete

• #3607 c0e22fc1 Thanks @langermank! - Update ActionList checkbox styles to form checkbox styles (impacts ActionMenu and SelectPanel)

• #3632 3a8b841c Thanks @iansan5653! - Allow consumers to make components that are compatible with FormControl by reading forwarded props in from the useFormControlForwardedProps hook

Patch Changes

• #3675 ade10e64 Thanks @radglob! - PageLayout.Content no longer renders as main by default. Instead, developers may add a main landmark within Pagelayout.Content themselves.

• #3709 edc0168e Thanks @mperrotti! - Fixes a bug where children of AvatarStack would still show a transition when the component re-renders with a different number of children. Fixes #3688

• #3698 d759fd32 Thanks @gracepark! - Adds the defaultOpen prop to NavList.Item

• #3662 2ca670a8 Thanks @joshblack! - Update type exports to prevent missing export warnings

• #3654 556d826a Thanks @langermank! - Use control CSS var with fallback for form component border-color

• #3689 5d992715 Thanks @jdrush89! - Fix dialog bug where escape would move focus when dialog was closed

v35.28.0

Permalink to documentation

Minor Changes

• #3563 3bb6dc8c Thanks @radglob! - Add option to specify custom widths for PageLayout.Pane via the width prop.

Patch Changes

• #3619 d4ae582b Thanks @gr2m! - Include border*Color properties in sx to support named Primer colors

• #3561 94e8d38f Thanks @joshblack! - Update @react-aria/ssr dependency to ^3.5.0 to address server-side rendering mismatch when using React StrictMode

• #3613 dbcd4072 Thanks @langermank! - [Bug] Remove flex from Button labels

• #3579 66482a72 Thanks @radglob! - Add aria-selected value to ActionList.Item.

• #3614 709024ff Thanks @iansan5653! - Automatically reposition InlineAutocomplete suggestions depending on available space

• #3609 f487a8d6 Thanks @iansan5653! - Expose useSlots from drafts/hooks

• #3611 ace603d8 Thanks @siddharthkp! - NavList: Fix when subNav opens automatically and shows current indicator

v35.27.1

Permalink to documentation

Patch Changes

• #3589 d598a53b Thanks @siddharthkp! - - PageLayout: Undo deprecation of position prop for PageLayout.Pane (Revert #3389)

  • SplitPageLayout: Undo deprecation of position prop for SplitPageLayout.Pane (Revert #3389)

v35.27.0

Permalink to documentation

Minor Changes

• #3510 bdbcfd15 Thanks @camertron! - Implement accessibility audit feedback for ToggleSwitch

• #3466 11b54ac8 Thanks @mperrotti! - Allows consumers to disable the behavior where the AvatarStack expands to show each Avatar on hover. There are also changes that allow users to customize the size of the avatars - even responsively!

• #3390 b4e15b84 Thanks @mperrotti! - The showPages prop on both Pagination components can now accept a responsive value.

• #3496 11cdbdcc Thanks @joshblack! - Update dependency ranges to use caret ranges instead of pinned versions

Patch Changes

• #3264 5e655203 Thanks @mperrotti! - Adds truncation features to the LabelGroup component:

  • truncate LabelGroup children after a static number of children (for example, truncate after the 5th label)
  • truncate LabelGroup children to fit in the width of the parent
  • show full list in an Overlay
  • show full list inline

• #3505 c3f1e3c7 Thanks @siddharthkp! - ActionList: Fix icon and description hover colors for danger variant

• #3520 daee9a9c Thanks @mattcosta7! - passthrough dom props on toggleswitch

• #3441 90a145cc Thanks @tomthorogood! - Renders docs.json markdown content

• #3540 a90350cc Thanks @kendallgassner! - Css styled block fixes

• #3490 8d1d5146 Thanks @langermank! - Bug fix: ActionList item label weight and spacing if description exists

• #3361 bea39c24 Thanks @broccolinisoup! - UnderlineNav2: underline nav items' selected state can be managed by the app state

• #3533 33b60551 Thanks @amarmanhala! - Changed div tag to HTML semantic tag header for Header (file Header.tsx) component.

• #3516 33d43459 Thanks @danielguillan! - ActionList: Fixes the width of items for the full variant

• #3517 cf9d8a5e Thanks @kendallgassner! - Adding aria-attributes and role to the ProgressBar component

• #3539 c02f3a2f Thanks @mperrotti! - Adds 'display' text size to PRC theme. This size is described in our typography documentation, but was never added to our React theme.

• #3537 311c8c91 Thanks @kendallgassner! - Make checkmark visible on reduced-motion

• #3491 263d5978 Thanks @nicolleromero! - MarkdownViewer: Address scenario in useListInteraction where the position calculation can be incorrect when tasklists appear above legacy task lists

• #3447 40808db7 Thanks @jesskuo4! - [Bug] Leading & Trailing Visual Colors for Button

• #3562 53791841 Thanks @iansan5653! - Fix MarkdownEditor file uploads inserting the URL into the wrong input when an overlay is open

• #3547 7ef802e8 Thanks @mperrotti! - Prevents body scroll when Dialog (the newer Dialog) is open

v35.26.1

Permalink to documentation

Patch Changes

• #3446 650a46d5 Thanks @broccolinisoup! - UnderlineNav2: Correct the icon colours to be fg.muted

• #3423 af32ec79 Thanks @japf! - improve performance of the MarkdownEditor component when fullHeight is enabled

• #3437 b298c326 Thanks @mattcosta7! - update icon types and primer octicons

• #3476 379d947e Thanks @siddharthkp! - ActionMenu: Fix missing divider for first item when the menu is open with mouse

• #3489 c79e78c7 Thanks @adrianababakanian! - Remove aria-hidden=true from spans with required asterisk

• #3196 21fa73cd Thanks @iansan5653! - Fix useDynamicTextareaHeight initial render with slots

• #3413 4dc719c4 Thanks @colebemis! - TreeView: Ignore arrow key events when combined with cmd or alt keys to avoid interfering with native browser shortcuts.

• #3411 295c4bcd Thanks @dusave! - Fix Dialog2 backdrop color variable

• #3440 99a641bd Thanks @joshblack! - Add the experimental folder to the npm package for @primer/react

v35.26.0

Permalink to documentation

Minor Changes

• #3346 63049234 Thanks @siddharthkp! - ActionMenu: Calling event.preventDefault inside onSelect of ActionList.Item will prevent the default behavior of closing the menu

• #3276 8abf2688 Thanks @joshblack! - Add experimental Table.ErrorDialog component

• #3244 42a78c11 Thanks @Bestra! - Add pullQueued state to StateLabel

• #3229 c0cbdd08 Thanks @colebemis! - Add minWidth prop to PageLayout.PaneandSplitPageLayout.Pane`

• #3343 786013e3 Thanks @mperrotti! - Allows up to 4 levels of nesting in the NavList component.

• #3199 bfd9e0c8 Thanks @joshblack! - Add support for Pagination in DataTable

• #3311 00cf2e3f Thanks @colebemis! - SelectPanel: Add title prop

• #3148 ac437bb1 Thanks @jonrohan! - Rename component StyledOcticon to Octicon

• #3322 c0b2fcfb Thanks @colebemis! - SelectPanel: Add subtitle prop

• #3295 e71d928c Thanks @joshblack! - Add @primer/react/experimental entrypoint as an alternative to drafts

Patch Changes

• #3121 3ad56486 Thanks @mperrotti! - Changes the alignment of the validation message icon to be vertically center-aligned with the first line of text.

• #3270 6f2340cc Thanks @langermank! - Button counter contrast fixes

• #3207 6773b90d Thanks @colebemis! - MarkdownViewer is now SSR-compatible

• #3310 5746c746 Thanks @colebemis! - SelectPanel: Add role="dialog" to overlay

• #3368 c8095a1d Thanks @mperrotti! - Correct disabled Button icon fill colors

• #3312 56c9dd2b Thanks @colebemis! - SelectPanel: Add filter input label and description

• #3332 ff8c6858 Thanks @siddharthkp! - Move lodash.isempty and lodash.isobject from devDependencies to dependencies

• #3200 63d8ad6d Thanks @broccolinisoup! - UnderlineNav2: Add a z-index to make it appear on the top of the stack

• #3350 524120c0 Thanks @langermank! - Loosen @primitives dependency

• #3300 5d067381 Thanks @jdrush89! - Fixing toggle bug on Treeview when it initially receives focus

• #3277 0ac31da8 Thanks @adrianababakanian! - Pagination: Use <button> instead of <span> for disabled prev/next controls to improve accessibility

• #3262 7f2ddcec Thanks @mattcosta7! - passthrough form control label props

• #3316 2cf7cdda Thanks @colebemis! - SelectPanel: Announce changes to screen readers

• #3325 3ece2f6b Thanks @siddharthkp! - Remove chroma-js dependency. Companion to #3243

• #3182 7827c711 Thanks @green6erry! - Removed default aria-live polite

• #3291 1378bc1f Thanks @mattcosta7! - Counter label forwards refs and dom props

v35.25.1

Patch Changes

Permalink to documentation

• #3174 d4c6ae5b Thanks @colebemis! - MarkdownEditor is now SSR-compatible.

  Warning: In this new implementation, MarkdownEditor.Toolbar, MarkdownEditor.Actions, and MarkdownEditor.Label must be direct children of MarkdownEditor.

• #3209 a6279536 Thanks @langermank! - Remove --primer prefix from CSS var

• #3173 6b900e90 Thanks @colebemis! - ActionList and NavList are now SSR-compatible.

  Warning: In this new implementation, ActionList.LeadingVisual, ActionList.TrailingVisual, and ActionList.Description must be direct children of ActionList. The same applies to NavList.

• #3198 a273748b Thanks @langermank! - Bug fix: ButtonGroup borders show incorrectly on hover