Skip to content

chore: July release notes - #10381

Open
yihuiliao wants to merge 8 commits into
mainfrom
july-release-notes
Open

chore: July release notes#10381
yihuiliao wants to merge 8 commits into
mainfrom
july-release-notes

Conversation

@yihuiliao

Copy link
Copy Markdown
Member

Closes

✅ Pull Request Checklist:

  • Included link to corresponding React Spectrum GitHub Issue.
  • Added/updated unit tests and storybook for this change (for new code or code which already has tests).
  • Filled out test instructions.
  • Updated documentation (if it already exists for this component).
  • Looked at the Accessibility Practices for this feature - Aria Practices

📝 Test Instructions:

🧢 Your Project:

@github-actions github-actions Bot added the S2 label Jul 28, 2026
@rspbot

rspbot commented Jul 28, 2026

Copy link
Copy Markdown

@yihuiliao

Copy link
Copy Markdown
Member Author

oops committed to the wrong branch...

@rspbot

rspbot commented Jul 28, 2026

Copy link
Copy Markdown

@rspbot

rspbot commented Jul 28, 2026

Copy link
Copy Markdown
## API Changes

@react-spectrum/ai

/@react-spectrum/ai:PromptField

 PromptField {
   acceptedAttachmentTypes?: Array<string>
   attachments?: Array<PromptFieldAttachment>
-  brandColor?: string
   children: React.ReactNode
   defaultAttachments?: Array<PromptFieldAttachment>
   defaultValue?: TokenFieldValue
+  hideDisclaimer?: boolean
   isGenerating?: boolean
   onAddAttachments?: (Array<PromptFieldAttachment>) => void
   onAttachmentsChange?: (Array<PromptFieldAttachment>) => void
   onChange?: (TokenFieldValue) => void
   onStop?: () => void
   onSubmit?: (TokenFieldValue, Array<PromptFieldAttachment>) => void
   styles?: StyleString
   value?: TokenFieldValue
   variant?: 'balanced' | 'prominent' | 'subtle'
 }

/@react-spectrum/ai:ResponseStatus

 ResponseStatus {
   children: ReactNode
   defaultExpanded?: boolean
+  density?: 'compact' | 'regular' | 'spacious' = 'regular'
   id?: Key
   isDisabled?: boolean
   isExpanded?: boolean
   onExpandedChange?: (boolean) => void
   status?: 'loading' | 'failed' | 'success' = 'loading'
   styles?: StyleString
 }

/@react-spectrum/ai:PixelLoader

-PixelLoader {
-  className?: string
-  color?: string = 'currentColor'
-  icon?: Array<Cell> | Array<Array<Cell>>
-  isPlaying?: boolean
-  size?: number
-}

/@react-spectrum/ai:PromptFieldProps

 PromptFieldProps {
   acceptedAttachmentTypes?: Array<string>
   attachments?: Array<PromptFieldAttachment>
-  brandColor?: string
   children: React.ReactNode
   defaultAttachments?: Array<PromptFieldAttachment>
   defaultValue?: TokenFieldValue
+  hideDisclaimer?: boolean
   isGenerating?: boolean
   onAddAttachments?: (Array<PromptFieldAttachment>) => void
   onAttachmentsChange?: (Array<PromptFieldAttachment>) => void
   onChange?: (TokenFieldValue) => void
   onStop?: () => void
   onSubmit?: (TokenFieldValue, Array<PromptFieldAttachment>) => void
   styles?: StyleString
   value?: TokenFieldValue
   variant?: 'balanced' | 'prominent' | 'subtle'
 }

/@react-spectrum/ai:ResponseStatusProps

 ResponseStatusProps {
   children: ReactNode
   defaultExpanded?: boolean
+  density?: 'compact' | 'regular' | 'spacious' = 'regular'
   id?: Key
   isDisabled?: boolean
   isExpanded?: boolean
   onExpandedChange?: (boolean) => void
   status?: 'loading' | 'failed' | 'success' = 'loading'
   styles?: StyleString
 }

/@react-spectrum/ai:PixelLoaderProps

-PixelLoaderProps {
-  className?: string
-  color?: string = 'currentColor'
-  icon?: Array<Cell> | Array<Array<Cell>>
-  isPlaying?: boolean
-  size?: number
-}

@rspbot

rspbot commented Jul 28, 2026

Copy link
Copy Markdown

Agent Skills Changes

Modified (10)
Install

React Spectrum S2:

npx skills add https://d1pzu54gtk2aed.cloudfront.net/pr/01cb3d8e31feedb620b2a2357be65b7bd474d447/

React Aria:

npx skills add https://d5iwopk28bdhl.cloudfront.net/pr/01cb3d8e31feedb620b2a2357be65b7bd474d447/


# v1.21.0

This release introduces [PreviewTrigger](../PreviewTrigger), a new component for showing a non-modal preview popover when hovering or focusing a link. It also adds [TokenField](../TokenField) to React Aria Components for building tag inputs, mention inputs, and AI prompt fields with inline tokens, and [useContextMenu](../useContextMenu), a new hook for native and keyboard-accessible context menus, which MenuTrigger can now use via trigger="contextMenu". We've also added keyboard shortcut support through [useKeyboard](../useKeyboard), along with support for interactive components like textfields inside Table and GridList rows.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is a little awkward because it's setup to read like a uniform list, but the first one is it's own sentence, the next two are introduced together even though they aren't related, and useKeyboard feels like an aside.

Maybe something more like this?

This release introduces PreviewTrigger, a new component for showing a non-modal preview popover when hovering or focusing a link. It also brings TokenField to React Aria Components, making it easier to build tag inputs, mention inputs, and AI prompt fields with inline tokens. Native and keyboard-accessible context menus are now supported via the new useContextMenu hook, which MenuTrigger can use with trigger="contextMenu". In addition, we've added keyboard shortcut support through [useKeyboard], along with support for interactive components like textfields inside Table and GridList rows.

### Overlays
- Fix `ariaHideOutside` behavior inside a shadow DOM - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/10288)
- Restore focus in `FocusScope` containment without scrolling the dialog into view - [@mvanhorn](https://github.com/mvanhorn) - [PR](https://github.com/adobe/react-spectrum/pull/10339)
- Add an `addGlobalScrollListener` utility and close overlays on scroll events inside a shadow DOM - [@pzaczkiewicz-athenahealth](https://github.com/pzaczkiewicz-athenahealth) - [PR](https://github.com/adobe/react-spectrum/pull/10188)

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

probably don't want to advertise a new utility, just say something like, fix component in shadowdom

- Guard the percentage calculation against `NaN` when `min` equals `max` - [@mvanhorn](https://github.com/mvanhorn) - [PR](https://github.com/adobe/react-spectrum/pull/10169)
### Overlays
- Fix `ariaHideOutside` behavior inside a shadow DOM - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/10288)
- Restore focus in `FocusScope` containment without scrolling the dialog into view - [@mvanhorn](https://github.com/mvanhorn) - [PR](https://github.com/adobe/react-spectrum/pull/10339)

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
- Restore focus in `FocusScope` containment without scrolling the dialog into view - [@mvanhorn](https://github.com/mvanhorn) - [PR](https://github.com/adobe/react-spectrum/pull/10339)
- Restore focus in `FocusScope` containment without scrolling - [@mvanhorn](https://github.com/mvanhorn) - [PR](https://github.com/adobe/react-spectrum/pull/10339)

### TokenField
- Add TokenField component - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/10318)
### Tree
- Add `DEFAULT_SLOT` to `TreeItem`'s `CheckboxContext` - [@mvanhorn](https://github.com/mvanhorn) - [PR](https://github.com/adobe/react-spectrum/pull/10274)

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
- Add `DEFAULT_SLOT` to `TreeItem`'s `CheckboxContext` - [@mvanhorn](https://github.com/mvanhorn) - [PR](https://github.com/adobe/react-spectrum/pull/10274)
- Fix non-selection checkboxes in Tree items - [@mvanhorn](https://github.com/mvanhorn) - [PR](https://github.com/adobe/react-spectrum/pull/10274)

### useId
- Prevent `FinalizationRegistry` entries from accumulating on every re-render - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/9853)
### useKeyboard
- Adds support for chaining multiple keyboard shortcut handlers - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/10200), [PR](https://github.com/adobe/react-spectrum/pull/10322), [PR](https://github.com/adobe/react-spectrum/pull/10285)

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
- Adds support for chaining multiple keyboard shortcut handlers - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/10200), [PR](https://github.com/adobe/react-spectrum/pull/10322), [PR](https://github.com/adobe/react-spectrum/pull/10285)
- Adds support for new shortcuts that allow declarative finer control over stopping propagation and preventing default - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/10200), [PR](https://github.com/adobe/react-spectrum/pull/10322), [PR](https://github.com/adobe/react-spectrum/pull/10285)


# v1.7.0

This release introduces the new [SideNav](SideNav) component for building app navigation sidebars, adds trigger="contextMenu" support to [Menu](Menu)'s MenuTrigger, and lets [Table](TableView) cells hold interactive content like TextFields. It also includes a prose style macro for rendering markdown-like content and other bug fixes!

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

alpha AI package line item shouldn't be included

Suggested change
This release introduces the new [SideNav](SideNav) component for building app navigation sidebars, adds trigger="contextMenu" support to [Menu](Menu)'s MenuTrigger, and lets [Table](TableView) cells hold interactive content like TextFields. It also includes a prose style macro for rendering markdown-like content and other bug fixes!
This release introduces the new [SideNav](SideNav) component for building app navigation sidebars, adds trigger="contextMenu" support to [Menu](Menu)'s MenuTrigger, and lets [Table](TableView) cells hold interactive content like TextFields.

## Changelog

### General Changes
- Adds support for chaining multiple keyboard shortcut handlers - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/10200)

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
- Adds support for chaining multiple keyboard shortcut handlers - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/10200)
- Prevent keyboard event leaks - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/10200)

Comment on lines +40 to +41
### Prose
- Adds a `prose` style macro for styling semantic HTML elements - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/10161)

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

remove

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants