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

v36.2.0

Permalink to documentation

Minor Changes

• #3900 2f9b5869 Thanks @broccolinisoup! - ActionList: Add ActionList.GroupHeading component to label the group lists and update labelling semantics for accessibility

• #3143 cc0c16e9 Thanks @green6erry! - Adjusts position of children within PageLayout.Pane to live above adjustable resize form.

Patch Changes

• #3935 89702725 Thanks @broccolinisoup! - Dialog: Add sx back to dialog footer

• #3918 e8d0c15f Thanks @dylanatsmith! - Update the spacing for buttons in the footer of a Dialog.

• #3893 a4006e2f Thanks @stkao05! - Fix MarkdownEditor fullHeight support

• #3895 9daea96b Thanks @cs25-esc! - AvatarStack: Both disableExpand and rightAlign can be passed together now

• #3667 791c9838 Thanks @six7! - Changes visual appearance of MarkdownEditor

• #3910 988b297d Thanks @broccolinisoup! - Tooltip (draft): Do not expose the tooltip text to AT when it is not visible

• #3924 e512c049 Thanks @thyeggman! - Fix issue in DataTable so that sort order is determined after column headers are created

• #3916 c2f81b3c Thanks @strackoverflow! - Fix inconsistent border treatment when there is one avatar in an AvatarStack

• #3925 6b362b2a Thanks @broccolinisoup! - Tooltip2: make the text prop required

v36.1.0

Minor Changes

• #3843 4ea8bcf7 Thanks @thyeggman! - Vertically align cell contents in DataTable

Patch Changes

• #3866 22fa0928 Thanks @strackoverflow! - DataTable: fix incorrect pagination steps when defaultPageIndex is provided

• #3888 3e20ab1f Thanks @strackoverflow! - Select: Add support for sx prop

• #3870 2c24d6a8 Thanks @siddharthkp! - ActionList: Checkbox inside a disabled item should have not-allowed cusor