Release tracking

[primer-css]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@primer/[email protected]

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 PageLayout: Implement responsive hidden prop #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 PageLayout: Implement responsive hidden prop #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

[github-actions]

❗ Pre-merge checklist

Please ensure these items are checked before merging.

🔎 Smoke test

• All CI checks pass
• Docs and Storybook open in a browser
• Successful integration test with GitHub Projects as a primary consumer of Primer React
  • Install the Release Candidate
  • Verify no new build errors appear
  • Verify no new linting errors appear
  • Verify no new browser console errors appear
  • Verify unit tests and E2E tests pass
  • Manually test critical paths (Tip: Use the provided tests project boards)
  • Manually test release-specific bugfixes and/or features work as described
• Works in CodeSandbox or StackBlitz
  • New components render successfully
  • (optional) Tested in both SPA and SSR apps if release contains build changes

🤔 Sanity test

• All bugfixes in this release have resolved their corrosponding issues
• All new features in this release have been tested and verified as compatible with GitHub Projects
• No noticeable regressions have not been introduced as a result of changes in this release
• Release notes accurately describe the changes made

Please also leave any testing notes as a comment on this pull request. In particular, describing any issues encountered during your testing. This is helpful in providing historical context to maintainers.

[github-actions]

size-limit report 📦

Path	Size
dist/browser.esm.js	74.21 KB (0%)
dist/browser.umd.js	74.75 KB (0%)

[siddharthkp]

Checklist complete, ship it!