@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

@primer/[email protected]

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/[email protected]

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

v36.7.1

Permalink to documentation

Patch Changes

• #4198 65bde2763 Thanks @siddharthkp! - experimental/SelectPanel: Pass props from SelectPanel root to dialog element

• #4208 2217cef45 Thanks @joshblack! - Update mono font in theme to use font stack as fallback to custom property

• #4176 b8b090be2 Thanks @siddharthkp! - Checkbox: Add not-allowed cursor to unchecked disabled state

v36.7.0

Permalink to documentation

Minor Changes

• #4157 aafa257e1 Thanks @langermank! - - Adds CSS variable color values to the legacy Primitive design tokens.
  • Three values include: the new v8 color CSS variable, a fallback of the old color CSS variable, and the raw value.

Patch Changes

• #4193 c4193d680 Thanks @langermank! - Add missing CSS vars to legacy-theme

v36.6.0

Permalink to documentation

Minor Changes

• #3787 c9d74219d Thanks @langermank! - - Moves legacy color primitives from primer/primitives directly into Primer React

  • Cleans up unused dependencies on primitives other than color
  • Preparing for the upgrade to CSS variables (Primitives v8)

• #3994 c40f76562 Thanks @maximedegreve! - ActionMenu: Only use checkmarks in menus instead of checkboxes

• #4135 c2b069cfd Thanks @dipree! - Deprecate the underline property of the Link component in favor of the new inline property to better handle link visibility and accessibility when adjacent to text.

• #4145 996475f7b Thanks @siddharthkp! - experimental/SelectPanel: Add SelectPanel.SecondaryAction

• #4128 359213b29 Thanks @joshblack! - Add "use client" to package entrypoints to support React Server Components

Patch Changes

• #4146 4e7404c37 Thanks @siddharthkp! - experimental/SelectPanel: Clear action in search input is only visible when there is text to clear

• #4120 cbdd98a83 Thanks @siddharthkp! - experimental/SelectPanel: Add modal variant

• #4131 91a899ea2 Thanks @siddharthkp! - experimental/SelectPanel: Fix bug where onSubmit also called onCancel!

• #4098 dc97a9b3f Thanks @broccolinisoup! - Tooltip2: Fix the anchor position mapping to reflect the directions correctly

• #4170 18d16092d Thanks @siddharthkp! - experimental/SelectPanel: Fix height for fit-content in Safari

v36.5.0

Permalink to documentation

Minor Changes

• #4027 49f585f9 Thanks @iansan5653! - Deprecate MarkdownEditor, MarkdownViewer, InlineAutocomplete, and related hooks

• #4049 f0d38bc39 Thanks @TylerJDev! - Replaces deprecated Button component in Dialog with newest version

• #4061 f46c07189 Thanks @mperrotti! - Adds a new prop, animated, to the ProgressBar component. This allows the "filled" segment(s) to animate and indicate some process is still in progress.

• #3913 cf225772 Thanks @mperrotti! - Supports inactive ActionList items by letting users pass the required message to the inactiveText prop.

• #4028 bbe58b8e1 Thanks @joshblack! - Use a CSS variable for the monospace font stack

Patch Changes

• #4082 c2809d677 Thanks @mperrotti! - - Corrects the math to calculate the width of AvatarStack containers.

  • Prevents .pc-AvatarStackBody from being removed from document flow by position: absolute. This isn't strictly necessary now that we're correctly setting the width of the stack, but it's an extra level of safety for preserving the correct layout.

• #4020 c2a53a003 Thanks @siddharthkp! - experimental/SelectPanel2: Use <dialog> element

• #4056 752bea4f Thanks @broccolinisoup! - Tooltip2: Do not wrap the tooltip span and its trigger in a div

• #4039 21e75dd8 Thanks @mattcosta7! - Sync theme in effect

• #4023 83c125fc Thanks @mperrotti! - Use aria-required instead of required on required form elements

• #4058 4d841b77 Thanks @mperrotti! - TextInput, Textarea: Does not pass aria-required attribute to input or textarea if it is undefined. This fixes some tests that were breaking in dotcom.

• #3869 57fcfe6f Thanks @mperrotti! - Adapts Blankslate to render proportionally in narrow areas.

• #4000 a416298c Thanks @strackoverflow! - Fix an issue where the scrollable Dialog body could not be focused with the keyboard

• #4002 1a1d89ce0 Thanks @peterbe! - Adds the ability to unset emptyStateText in Autocomplete.Menu. This results in no menu being rendered.

• #3926 4e4c5ec68 Thanks @strackoverflow! - Allow overflow scrolling to be controlled via an optional overflow property on Overlay

• #4096 1b9011da4 Thanks @strackoverflow! - Fix missing aria-selected & aria-checked attributes in ActionList items

• #4035 6497f715 Thanks @keithamus! - use <BaseStyles> in confirm()

• #4033 bca709d0 Thanks @keithamus! - Fixed confirm() leaving <div>s in the DOM.

• #4074 06c7c6c1d Thanks @dependabot! - Update types for Select to include placeholder

• #4037 c2a18b9a Thanks @mattcosta7! - Portal avoids useless createElement