Permalink to documentation

Minor Changes

• #2191 7edf1347 Thanks @mperrotti! - Adds responsive behavior to SegmentedControl's fullWidth prop.

• #2174 62dbc981 Thanks @colebemis! - Add a responsive hidden prop to PageLayout.Header, PageLayout.Pane, PageLayout.Content, and PageLayout.Footer that allows you to hide layout regions based on the viewport width. Example usage:

  // Hide pane on narrow viewports
  <PageLayout.Pane hidden={{narrow: true}}>...</PageLayout.Pane>
  

• #2199 fb385b63 Thanks @colebemis! - * Updated the position prop in PageLayout.Pane to use the new responsive prop API introduced in https://github.com/primer/react/pull/2174.

  • Deprecated the positionWhenNarrow prop in favor of the new responsive prop API

  Before

  position="start"
  positionWhenNarrow="end"
  

  After

  position={{regular: 'start', narrow: 'end'}}
  

• #2201 885064ed Thanks @colebemis! - Add padding prop to PageLayout.Header, PageLayout.Content, PageLayout.Pane, and PageLayout.Footer

• #2164 2b5c86e5 Thanks @mperrotti! - Adds support for a responsive 'variant' prop to the SegmentedControl component

• #2212 04d9d9c1 Thanks @colebemis! - Add a sticky prop to the PageLayout.Pane component that provides a convenient way for you to make side panes sticky:

  <PageLayout>
  - <PageLayout.Pane>...</PageLayout.Pane>
  + <PageLayout.Pane sticky>...</PageLayout.Pane>
    <PageLayout.Content>...</PageLayout.Content>
  </PageLayout>
  

• #2198 4d9b7db9 Thanks @colebemis! - * Updated the divider prop in PageLayout.Header, PageLayout.Pane, and PageLayout.Footer to use the new responsive prop API introduced in https://github.com/primer/react/pull/2174.

  • Deprecated the dividerWhenNarrow prop in favor of the new responsive prop API

  Before

  divider="line"
  dividerWhenNarrow="filled"
  

  After

  divider={{regular: 'line', narrow: 'filled'}}
  

Patch Changes

• #2024 5321f1c9 Thanks @siddharthkp! - ActionMenu: Remove focus trap to enable Tab and Shift+Tab behavior and fix initial focus on click

• #2186 e28aadbd Thanks @mperrotti! - Updates SegmentedControl styles to use component primitives.

• #2171 384ae6b9 Thanks @anleac! - Support issues closed as not planned, and correct the standard issue closed backgroud colour

• #2157 77e7ab05 Thanks @iansan5653! - Add InlineAutocomplete component, useCombobox hook, and useSyntheticChange hook to drafts

• #2189 35716587 Thanks @mperrotti! - Makes SegmentedControl uncontrolled by default.

• #2196 5ff5bb81 Thanks @mattcosta7! - update types to allow children for react 18

• #2219 af534f15 Thanks @iansan5653! - Fix slots infinite rendering when no context prop is provided

• #2182 47725a92 Thanks @iansan5653! - - Add MarkdownEditor and MarkdownViewer draft components. The MarkdownEditor is also known as the CommentBox component

  • Add useUnifiedFileSelect, useIgnoreKeyboardInputWhileComposing, useDynamicTextareaHeight, and useSafeAsyncCallback draft hooks

• #2173 ed609719 Thanks @mperrotti! - Updates styles for the Select component so that the focus outline is even all the way around.

• #2216 82fd8c35 Thanks @iansan5653! - Change createSlots to use layout effects when registering slots

• #2185 3756a1ed Thanks @mattcosta7! - Set ConfirmationDialog initial focus based on the confirmationButtonVariant. When danger autoFocus the cancel button, otherwise autoFocus the confirmation button

• #2166 75d21745 Thanks @mattcosta7! - button should be polymorphic

• #2220 f4ef7b4b Thanks @mperrotti! - - Fixes role and keyboard behavior for SegmentedControl.

  • Fixes a bug where icon-only SegmentedControl buttons did not fill the parent width when the fullWidth prop was set
  • Fixes a bug where click handlers were not passed correctly when the responsive variant was set to 'hideLabels'

• #2204 522f5806 Thanks @iansan5653! - Replace useCombinedRefs with useRefObjectAsForwardedRef

• #2221 9ce64937 Thanks @josepmartins! - Overlay documentation fixes