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

v35.25.0

Permalink to documentation

Minor Changes

• #3186 2b147794 Thanks @joshblack! - Modules under an internal export pattern are not able to be imported from outside @primer/react

• #3090 1b8bb16f Thanks @kendallgassner! - Experimental Support: exporting useResponsiveValue

• #3055 42037c98 Thanks @joshblack! - Add Table.Skeleton component

Patch Changes

• #3124 5b3cf499 Thanks @mattcosta7! - replace createRef with useRef

• #3149 4c2d121f Thanks @colebemis! - FormControl is now SSR-compatible.

  Warning: In this new implementation, FormControl.Caption, FormControl.Label, FormControl.LeadingVisual, and FormControl.Validation must be direct children of FormControl.

• #3114 f5c7f299 Thanks @radglob! - Adds the option to declare multiple segments in a ProgressBar.

• #3127 5224fcbf Thanks @siddharthkp! - Suppress SSR warning for useLayoutEffect in NavList, use useIsomorphicLayoutEffect instead of useLayoutEffect

• #3165 d749f495 Thanks @broccolinisoup! - UnderlineNav2: Add transparent outline for focus to support WHCM

• #3120 9e40fdf4 Thanks @simurai! - Bump @primer/primitives to 7.11.5

• #3093 8b5307da Thanks @simurai! - Bump @primer/primitives to 7.11.3

• #3097 a38c00e6 Thanks @colebemis! - TreeView is now SSR-compatible.

  Warning: In this new implementation, TreeView.LeadingVisual and TreeView.TrailingView must be direct children of TreeView.Item.

• #3170 1f2df9b7 Thanks @lukasoppermann! - When an inline description is added to the item the normal text is set to bold

• #3160 4b05b19e Thanks @joshblack! - Update PageLayout.Pane to provide a warning instead of an error when overflow is detected and no label has been provided

• #3094 16cae51a Thanks @mperrotti! - Fixes styling issue where PointerBox would show a border between the caret and the box if the background color was transparent.

• #3112 bd4e1393 Thanks @langermank! - Adds shadow and color change to IssueLabelToken on hover

• #3146 a19b721c Thanks @colebemis! - CheckboxGroup and RadioGroup are now SSR-compatible.

  Warning: In this new implementation, CheckboxGroup.Caption, CheckboxGroup.Label, and CheckboxGroup.Validation must be direct children of CheckboxGroup. The same applies to RadioGroup.

v35.24.0

Permalink to documentation

Minor Changes

• #3071 681e2271 Thanks @mperrotti! - Adds a helper component for rendering placeholder text to explain why a DataTable cell has no content.

• #3089 4a6a9f73 Thanks @mperrotti! - Adds the ability to exclose indentation for flat tree views.

• #3011 f8132d8e Thanks @edersonlucas! - Add the tooltipDirection property to the TextInput.Action component to make the tooltip position flexible.

Patch Changes

• #3085 bf8c73b4 Thanks @mperrotti! - Renames DataTable 'shrink' column width to 'growCollapse'

• #3104 e46e33b8 Thanks @iansan5653! - Fix IssueLabelToken treating alternative light schemes as dark

v35.23.0

Permalink to documentation

Minor Changes

• #3068 09e11335 Thanks @mperrotti! - Adds text alignment option to columns

• #3012 04d9db02 Thanks @radglob! - Adds tabIndex and role="region" to PageLayout.Pane when overflow is detected (scrollHeight > clientHeight). Also requires either aria-labelledby or aria-label when overflow is detected, and throws an error if neither is defined.

Patch Changes

• #3056 7e4f7714 Thanks @langermank! - Remove incorrect focus styles on ActionList items

• #3061 b71cb1fb Thanks @broccolinisoup! - Stop rendering activeClassName when there is no to prop is passed for react-router (TabNav, SubNav, BreadCrumb, UnderlineNav v1)

• #3041 e5f13300 Thanks @simurai! - Use open/closed colors for StateLabel