@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

v36.4.0

Permalink to documentation

Minor Changes

• #3982 968d4ef05 Thanks @joshblack! - Update SSRProvider, useSSRSafeId to use the native React 18 useId() instead of @react-aria/ssr

• #3812 3f82a1cab Thanks @mperrotti! - Adds an 'inactive' state to buttons. An inactive button looks disabled and has aria-disabled, but it can still be clicked and focused. This was added to support buttons that are broken due to availability issues, but can't be removed from the page.

Patch Changes

• #4026 503c7e625 Thanks @mperrotti! - Fixes layout for loading DataTable cells

• #4001 0e9d841e3 Thanks @langermank! - Fix line-height on markdown viewer (comment box)

• #3987 4321d59e9 Thanks @iulia-b! - MarkdownEditor & MarkdownViewer: Update new line identifier for formatting markdown

• #4008 df7dc2af1 Thanks @dipree! - Changes the focus styling of input components such as Textarea, TextInput, TextInputWithTokens and Select from using border and box-shadow to use outline only for better border rendering and scrollbar support.

• #4013 d26aeab32 Thanks @keithamus! - Avoid error when using Modal Dialog within TreeView

• #4012 5fd025f04 Thanks @keithamus! - Ensure ConfirmationDialog adds host element to the DOM

• #4024 0ea121af3 Thanks @colebemis! - StateLabel: Use correct octicons for draft and pullClosed states

• #4022 98ad3203a Thanks @joshblack! - Update the resize behavior of PageLayout to ignore right clicks when resizing

v36.3.1

Permalink to documentation

Patch Changes

• #3998 dd285e2ac Thanks @joshblack! - Remove changes to focus outline to prevent double focus rings from showing

v36.3.0

Permalink to documentation

Minor Changes

• #3963 e16927b5a Thanks @mperrotti! - Adds "unavailable" status to StateLabel

• #3484 e40378951 Thanks @ValbertMartins! - TextArea: Add contrast property

Patch Changes

• #3897 6b0c118b3 Thanks @mperrotti! - When passing an id prop to ActionMenu.Button, it will be passed as the rendered button element's id attribute instead of being set as an automatically generated ID.

• #3960 ec8a2cadd Thanks @pksjce! - Update to @primer/behaviors v1.5.1

• #3945 40b29787e Thanks @siddharthkp! - ActionList: Fix bug that did not allow both inline and block description at the same time

• #3903 f62ec728a Thanks @pksjce! - Make resize vertical splitter keyboard accessible

• #3946 e08432d54 Thanks @siddharthkp! - Link: Add inline prop to tag links inside a text block, underlined with accessibility setting [data-a11y-link-underlines]

• #3983 43d1dce4a Thanks @TylerJDev! - Readjust order of PageLayout.Pane contents

• #3972 87028d2b9 Thanks @iulia-b! - Update MarkdownEditor to correctly identify non-standard formatted tasklist items