v1.7.0

AI Components

We are excited to announce the first preview of React Spectrum's AI components to help build AI-powered experiences! Developed in close partnership with Spectrum design, this first batch of components covers the core of a chat interface, along with documentation to help you get started.

Responses are generated using AI, and may be inaccurate. Check before using. AI User Guidelines

AI components are published as a separate package from @react-spectrum/s2.

npm install @react-spectrum/ai

Icon size updates

Spectrum has updated the intended size of workflow icons relative to surrounding text. This is an intentional design update but it does mean icons may render at a different size from before post update. If you rely on visual regression tests, expect diffs around icon sizing and update your baselines accordingly.

Changelog

General Changes

• Upgrade to TypeScript 7 - @devongovett - PR

ActionBar

• Fix the close button icon color so it meets contrast in dark mode - @reidbarber - PR

Avatar

• Show Avatars when a ComboBox or Picker is rendered inside a Dialog - @LFDanLu - PR

Icons

• Size icons to match the text line height using the lh unit - @snowystinger - PR
• Update S2 workflow icons to v7.1.0 - @yihuiliao - PR

ListView

• Fix the workflow icon size - @snowystinger - PR

Menu

• Set staticColor to auto for buttons inside a Menu so their colors adapt to the background - @LFDanLu - PR

TableView

• Fix an invalid empty :has() selector emitted in TableView CSS - @snowystinger - PR

Tooltip

• Update Tooltip docs - @snowystinger - PR

Released packages

 - @react-spectrum/ai@0.3.0
 - @react-spectrum/s2@1.7.0