@primer/[email protected]

Permalink to documentation

Minor Changes

• #4358 e34e4b265f7584c344a4b6b7145da1a5eec1ffb5 Thanks @broccolinisoup! - PageHeader: Update the layout styles so that all interactive content comes after the title (while keeping the component visually the same).
  This is a breaking change however PageHeader is still a draft component so we are releasing the changes as minor but please upgrade with caution.

• #4617 42ba5dc5e722c2341761bf4c6e1e993aac9f2ca8 Thanks @JelloBagel! - Add an ability to provide custom aria-label and aria-labelledby to TreeView.Item

@primer/[email protected]

Permalink to documentation

Patch Changes

• #4555 9b63299689500808167bacff624ff910269417b1 Thanks @JoyceZhu! - Add openInFocus prop (default: true) to AutocompleteInput

• #4601 f57dd3d687042069c5e5712aa906e59df9f8729e Thanks @bwittenberg! - SelectPanel2: Minor optimization for escape key event listener binding

• #4589 ed701bee8b6c1a9fb9b91462034f8fe04b0244ad Thanks @joshblack! - Update how gap is set in Stack to work in wide breakpoints

• #4598 32c687041a600e8b54ffaf9b3ab77f9215a37e3e Thanks @lukasoppermann! - Replaced space-small with base-size-6

• #4543 e47445df6c389fef2aacc72449c02ff471e4cb68 Thanks @TylerJDev! - FormControl: Adds new props to FormControl.Label, requiredText and requiredIndicator

@primer/[email protected]

Permalink to documentation

Minor Changes

• #4546 c81898c93664d224d7a18722cd1abcdcf2d1a510 Thanks @ayy-bc! - TreeView: Add support for TreeView.LeadingAction

• #4574 9c01a930b97218ea550cd7de3436941990b3b068 Thanks @pksjce! - ActionBar: Move to main directory. ActionBar can now be imported from '@primer/react'

Patch Changes

• #4593 d4e234f52bf63e632d41fe947801d2c16da0b61f Thanks @broccolinisoup! - Update NavList to use the new ActionList.GroupHeading API and Add an "as" prop to specify the heading level as default h3. (No changes expected in the rendered HTML)

• #4591 6cce7b749d8502fc851ad8a432a04acff21dec14 Thanks @joshblack! - Update the Stack component so that the justify prop correctly updates the layout of items

• #4572 ac2502975057dc0330e19fdd2d446f43d77eed92 Thanks @iansan5653! - TreeView: Always align expand/collapse chevron icon, leading visual, and trailing visual to top of item

• #4596 4fa4fae099c425bab58c6f5c3c98b10bbca16012 Thanks @keithamus! - Update @github/tab-container-element to latest

@primer/[email protected]

Permalink to documentation

Minor Changes

• #4539 f0de234b42f10a68d660823f54d94371db282fb6 Thanks @joshblack! - Update Banner to use an explicit aria-label instead of being labelled by Banner title

• #4554 ed31476f040dda41f00c2c7f4324120afb20cc18 Thanks @joshblack! - Broaden feature flag type for experimental FeatureFlags to accept undefined

• #4513 02a2a2bf0b02e0c2f9a09351eefbe91f9370e210 Thanks @owenniblock! - Exports createComponent

• #4486 447a1fd1d37e4f61f38345babab954540b58e53b Thanks @iansan5653! - Adds support for nested submenus to ActionMenu

Patch Changes

• #4575 4ecbe1a8997b2cd509b7a97803c33916f3cb4aed Thanks @joshblack! - Update minimum version for @primer/live-region-element

• #4536 024124a11fc17813de05cae861a5e32596060f8b Thanks @pksjce! - ActionBar: Add a few fixes and relevant tests

• #4548 95cd867ab43e8c2179569ea6e61ad71a6c386256 Thanks @randall-krauskopf! - TreeView: Fix toggling subtree via Space key (in addition to Enter key)

• #4566 4dd6bef7513e6ae32aa236410f2fbf1eb72a5eb9 Thanks @siddharthkp! - ActionList: Fix leaky description styles for disabled item

• #4567 e39fcf8dc9e7447c5f04124f408f550f73659dc1 Thanks @dgreif! - Dialog: Use dynamic view height/width. This allows available visible space to be properly computed on iOS devices.

• #4556 9a567275be423ab8d5fe15edcf06996c2e21217d Thanks @lukasoppermann! - BranchName: Fixing text color when rendered as span

@primer/[email protected]

Permalink to documentation

Minor Changes

• #4389 02035fef00d927cdf6ff97ce005592657f9a6d13 Thanks @JeffreyKozik! - experimental/SelectPanel + FormControl: Automatically wires SelectPanel v2 to the accessibility and validation provided by the FormControl component it's nested within

• #4335 8b4d838b84af07b0baa7abeda96c5502b9339f19 Thanks @joshblack! - Add support for experimental Banner component

Patch Changes

• #4484 1c847bdf75e28d62015c5b8e9d77c26e5b0995dc Thanks @JelloBagel! - TreeView: Fix returning focus when active element is not a treeitem

@primer/[email protected]

Permalink to documentation

Minor Changes

• #4512 622b1447d12232559e1bf2659a94c191e07da225 Thanks @colebemis! - Added className props to TreeView and TreeView.Item components for custom styling.

@primer/[email protected]

Permalink to documentation

Minor Changes

• #4506 d1419184511be5a3418fca437c805293456f0845 Thanks @owenniblock! - Export ActionBar default as ActionBar so it can be imported correctly

• #4423 ee4608833ae79a9c05cbaa76f3602e40c9ba8554 Thanks @langermank! - Add support for the experimental Stack component

• #4276 13971c92669013ce6f5afe51782d251a5e2c5a17 Thanks @joshblack! - Add support for an experimental FeatureFlags component for working with feature flags in Primer

Patch Changes

• #4501 8bfab0a2760eb0734aea19b38ba5957a5deb8ca2 Thanks @pksjce! - ActionBar: Make it such that either aria-label or aria-labelledby is present

• #4331 77846c4e93cb0b7711654272162fa6f73d9cc90e Thanks @langermank! - Bug fix: Add word-break to ActionList items

@primer/[email protected]

Minor Changes

• #4224 8e9267fbc77946c65844a5cb3a714ba57291fc5c Thanks @broccolinisoup! - IconButton: introduce tooltips on icon buttons behind the unsafeDisableTooltip prop for an incremental rollout.

  In the next release, we plan to update the default value of unsafeDisableTooltip to false so that the tooltip behaviour becomes the default.

• #4425 6682d28bbb8fe5aa2c959f8013cbcfc4f3c7030e Thanks @siddharthkp! - Dialog v2: Add support for returnFocusRef

Patch Changes

• #4463 4b001296005e1fa2c11afe0b41bc852f44a5b905 Thanks @broccolinisoup! - TooltipV2: Check if tooltip element has popover attribute before calling showPopover and hidePopover

• #4451 2f4939375a9d3b81f7f618ad2ea6f1a77cad187e Thanks @TylerJDev! - Utilize getGlobalFocusStyle to prevent outline-offset from being overridden by default browser styles

• #4471 aa8b6d83467ebd0d18939fc375340471a585deea Thanks @broccolinisoup! - Tooltipv2: Prevent closing other overlays when tooltip has the focus when ESC is hit

• #4393 57e1742c1538be83b208e08ff97b31df02acb5fa Thanks @maximedegreve! - Add our react template to the README.md

• #4270 ae14db7378efa90cad8623d6729747f0ca8f098b Thanks @lukeed! - TreeView: Toggle subtree via Space key (in addition to Enter key)

• #4477 054de02df44c2f1144db58e9778350d7bc0fb863 Thanks @siddharthkp! - ThemeProvider + SSR: Fix incorrect theme with multiple ThemeProviders on page

@primer/[email protected]

Permalink to documentation

Minor Changes

• #4395 c2557d102b80ea4ccc280e041bea212e8602573e Thanks @broccolinisoup! - ActionList.Group: deprecate title prop - please use ActionList.GroupHeading instead
  ActionList.GroupHeading: update the warning to be an error if there is no explict as prop for list role action lists.
  ActionList.GroupHeading: There shouldn't be an as prop on ActionList.GroupHeading for listbox or menu role action lists. console.error if there is one

• #4241 5f94a236adf6511a4817e720d1f7358f38233b31 Thanks @owenniblock! - Adds new alpha component: TabPanels to match Primer View Components.

  TabPanels should be used when semantic tabs are required and the tablist is not a navigation element.

• #4407 4a7e44a510d94802acb865e8e5530f8b5fae8dee Thanks @joshblack! - experimental/SelectPanel: Add support for announcements to SelectPanel.Loading

• #4417 d7f4f7c71ef86b80d62683cb6e0f0d36ea370681 Thanks @joshblack! - Update @primer/octicons-react to 19.9.0

Patch Changes

• #4305 37c47708d7755c0387cdc94f68389226799ee707 Thanks @keithamus! - Render SSR date for RelativeTime

• #4385 254e289b845c5167febd304be082fe8493aa87ab Thanks @broccolinisoup! - ActionMenu: Add id to ActionMenu.Anchor types

• #4388 c4a4674907f747ee154ca4e2a4ccd8bf2c0c3541 Thanks @keithamus! - ActionBar now produces valid HTML

• #4403 d4edf2a7f85d944859e744b9c978d89ed92ac6f7 Thanks @keithamus! - Improve display names for React components built from Custom Elements

• #4446 a3355a5483e37bebe077c7aa000ae8e4ed0f77b9 Thanks @broccolinisoup! - Tooltipv2: Update the threshold value to match with the offset

• #4440 674437d421bc6a1237b286d6840a0043a1a67314 Thanks @joshblack! - Update DataTable to avoid layout overflow when visually hidden selectors are used in Table headers

• #4277 69915d9e9cbba2d378e0acc065474a93bf5411b0 Thanks @siddharthkp! - experimental/SelectPanel: Add responsive variants

• #4426 369c3036c8701f227ac5e49b38d32f65f6a8ce97 Thanks @iansan5653! - Fixes a bug where consumers cannot override buttons' aria-disabled attribute

• #4424 392a3ca508b5de1b7440ff9f6f0700414560f2cf Thanks @pksjce! - ActionBar: The overflow menu was earlier bootlegged with heavily customised ActionList. This is being replaced with ActionMenu which is cleaner and more robust.

• #4234 8bbb8e5d7be39bc46d0c9ee1687533f1a9fc6efa Thanks @Rebstorm! - <UnderlineNav> menu now uses the Anchored Position on smaller screen sizes to not clip, or go out of bounds.

• #4392 f100683a756c48c433fdd96f0837db9d1525b195 Thanks @langermank! - Bug fix: make active label bold in ActionList

@primer/[email protected]

Permalink to documentation

Minor Changes

• #4380 a392556c734bcc1966f18370d1b3ddf6dcd7d0d4 Thanks @broccolinisoup! - Tooltip v1: Remove the caret from the tooltip to make it consistent with the new tooltip design

• #4364 2f65ea526fce085f1e55b78c32a6b462d8f3583f Thanks @joshblack! - Update IconButton default color to use fgColor-muted

Patch Changes

• #4379 cb54f4298700d369e616aaefb2e7df4830231736 Thanks @langermank! - Bug fix: default Button disabled bg-color