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

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