@primer/react@36.18.0

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/react@36.17.0

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/react@36.16.0

Permalink to documentation

Minor Changes

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

@primer/react@36.15.0

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/react@36.14.0

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/react@36.13.0

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/react@36.12.0

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

@primer/react@36.11.0

Permalink to documentation

Minor Changes

• #4353 2c0086e6da3ae3a360c12952399256c98941982e Thanks @anleac! - SelectPanel: Added footer prop that renders a sticky footer at the bottom of the item list.

• #4288 200fb18839053f669d30d86e4dd88b399b06a44b Thanks @siddharthkp! - experimental/SelectPanel: Add back button

• #4097 9c535e835a364bce5d01b28f4029d2bf4d5bdfaf Thanks @broccolinisoup! - TextInput: Update TextInput.Action internal component to use Tooltip v2

Patch Changes

• #4359 937dbdea2a0b2f79b60f68440f5d8c24df344401 Thanks @pksjce! - ActionBar: Overflow menu items should be able to trigger dialogs

• #4327 f08f85b5a90e532c7a8795f7bea5af80765283d4 Thanks @broccolinisoup! - Tooltip v2: Set the tooltip position when popover-open attribute is added to the tooltip element not the toggle event is triggered

• #4348 c64e5b25698885eeeeee5bc95c47582248011a39 Thanks @siddharthkp! - experimental/SelectPanel: Do not render children of <dialog> when closed

• #4308 32b0cf77fcb4112f00da6ffb93a52875d23b9370 Thanks @tbenning! - Unify Breadcrumbs + fix a11y issue

• #4334 f685d521dd52d0a9601e0021189895e1adca3b0b Thanks @TylerJDev! - Switches focus styles to target a.focus-visible instead of a:focus-visible.

• #4349 15c078dda93ae8579a858efcce3b6a2f97204373 Thanks @jonrohan! - Adding aria-invalid="true" to TextInput when error.

• #4365 fe9f8baae473019e3605fae8895ba63f88fae074 Thanks @pksjce! - Bugfix: aria-invalid is overriden in TextInput

• #4354 4b823ff237235564900aeadb81713e984676c5ad Thanks @siddharthkp! - TextInput: Remove redundant aria-label attribute from TextInput.Action when it already has an aria-labelledby.

• #4320 7cb3464a50a49efc59e9a29baa2dd543147b0bee Thanks @siddharthkp! - experimental/SelectPanel: Move focus to first item if there is no filter input

• #4337 69f4489a3a6e928c5c387c8aa42668f5f3b0d92c Thanks @manuelpuyol! - Add precompile step for colorSchemes

• #4360 5baf73660f86fa4850f7c705d5d3ab1c599fe461 Thanks @broccolinisoup! - Tooltip2: Render tooltip element as span instead of div

@primer/react@36.10.0

Permalink to documentation

Minor Changes

• #4233 fcd05284039b9768e37f687d65eece9242e4e2f8 Thanks @pksjce! - Add a new experimental component ActionBar

Patch Changes

• #4321 94052a35167b2b8f024ebbb2b676acf24641b245 Thanks @siddharthkp! - experimental/SelectPanel: Fix anchored position inside a Dialog

• #4279 a68e2e206eed4ecb8bbf9b0646271c776c301c1a Thanks @joshblack! - Add aria-labelledby to listbox within draft SelectPanel

• #4278 9ec7262fd0bfad6de689c7a73fad71e800cf5620 Thanks @langermank! - Address a few v8 color bugs

• #4294 5ca5c0a6239029abbf285a0e7190e1c766dcab8b Thanks @siddharthkp! - experimental/SelectPanel: Cancel + close panel when user clicks outside

• #4263 590486ff650a81637a07f67624497f01303091b4 Thanks @joshblack! - Update Checkbox to mirror aria-checked and the input's checked property

• #4317 0e744e20620a3e2fefebe94e9e33f71dcb0ee19c Thanks @broccolinisoup! - Tooltip: Take position:absolute back that was introduced in #4250 since causing flickering issues and update v2 id to be the same with v1 for the new docs site.

• #4239 03d8d35c4d2be0dc2b1af67d5a3f57e255406453 Thanks @langermank! - Update the font-weight of the Dialog subtitle component to be normal

• #4295 e1dbd6adb4ea2f302722b11c62a631b9c43277c2 Thanks @langermank! - Fix placeholder selector for form components

v36.9.0

Permalink to documentation

Minor Changes

• #4250 f064534bf6f15261a3b381ce1f7b3828daf98c84 Thanks @broccolinisoup! - Add a new entry point 'next' and export the Tooltip v2 from it with an updated documentation

• #4214 3dd498e6a7c28a1ec39b56912f76579f6674e022 Thanks @langermank! - Dialog component: add new position prop to support fullscreen and bottom sheets on narrow screens

• #4236 14a2776f18cf8f4a360b1887db64f8d5e904bc9d Thanks @joshblack! - Refactor project to avoid circular dependencies

Patch Changes

• #4199 b6e58079a1517d2f1d31098b4e484b94625deabd Thanks @siddharthkp! - experimental/SelectPanel: Improve keyboard navigation from search input

• #4200 dc988141216b91561a0ea0943b2cbff03be95029 Thanks @broccolinisoup! - Tooltip v2: Allow external id to be passed down in tooltip so that the trigger can be labelled/described by the that id

• #4246 2aced1c61f26513ef2f7a5a4d05485c6fe7ec1ff Thanks @siddharthkp! - Dialog v1: Fix font-family for title

• #4265 19c716f7f1ec44f1f1ee4a135b828208f2be058a Thanks @siddharthkp! - SelectPanel2: Submit panel when an item is selected with Enter key

• #4166 c66b808cbefdbdd7482be752e5d311d2db4d23d8 Thanks @pksjce! - Fix focus styles in ActionList Item to support more than focus-visible

• #4259 c9fbef6438131cf358e2eaff3d866cf4398e622c Thanks @siddharthkp! - ActionList: Prevent scroll when an item is selected with Space

• #4245 d79a419116ea9e669c1ce598144a4b61ae15c52d Thanks @siddharthkp! - experimental/SelectPanel: Automatically adjust height based on contents

• #4204 da4469d9d958733e1b1dd32d6cd1a1bd0661ff91 Thanks @dylanatsmith! - Increase Tooltip border-radius to match Primer View Components

• #4205 ff354604f70fc900cb79fe4c58eaee541a813d9f Thanks @pablonete! - Bugfix: Dialog.Header ignored the sx provided