November 20, 2024 Release

We’re excited to announce that our Accordion and Disclosure components are now generally available! This includes Disclosure and DisclosureGroup in React Aria, as well as Disclosure and Accordion in React Spectrum.

We are also excited to introduce the ToggleButtonGroup component, as well as Section-level selection groups in Menu.

Additionally, we are excited to announce that React Spectrum and React Aria are now Typescript Strict compliant.

As always, thanks to everyone in our community for your feedback and contributions! ❤️

Typescript Strict notice

React Spectrum and React Aria are now Typescript Strict compliant. This has been an extremely large, multi-year effort. We thank you for your patience and for you understanding when it comes to how this affects your applications. The benefit is that our code will now run more predictably and places we were making assumptions about null vs undefined are now spelled out.

Accordion API updates

With the GA release of our Accordion component, we have moved away from the Collection API in favor of wrapping Disclosure components, which can be used standalone. This includes a few breaking changes.

• Item has been replaced with the Disclosure component, which consists of two children: DisclosureTitle and DisclosurePanel
• title on Item is now a child of DisclosureTitle
• Children of Item is now children of DisclosurePanel
• key on Item is now id on Disclosure
• disabledKeys has been removed in favor of adding isDisabled on individual Disclosure components
• allowsMultipleExpanded can be added to allow multiple Disclosure components to be expanded at once (previously default behavior)

Enhancements#

• Accordion
  • Support hidden="until-found" in DisclosureGroup - @reidbarber - PR
• Dialog
  • Add <Button slot="close"> support - @devongovett - PR
• Menu
  • Add Section-level selection groups in Menu - @devongovett - PR
  • Support nesting Menu inside Dialog popovers with additional interactive content - @devongovett - PR
• ToggleButtonGroup
  • Add ToggleButtonGroup component to RAC - @devongovett - PR
• Misc
  • Support Devanagari & Bengali decimal numbering systems - @Rocss - PR
  • Update NumberParser to support roundingIncrement - @snowystinger - PR
  • Add expanded state to RAC Tailwind plugin - @neefrehman - PR
  • Add pending state to RAC Tailwind plugin - @reidbarber - PR

Fixes#

• Accordion
  • Fix Accordion borders - @reidbarber - PR
  • Add box-sizing: content-box to Accordion chevron - @reidbarber - PR
• Button
  • Fix useButton href condition - @mehm8128 - PR
• Checkbox
  • Fix Checkbox validation reset not working - @nwidynski - PR
  • Fix ToggleProps validate function type - @joshuajaco - PR
  • Add Checkbox default slot to GridList and Table - @snowystinger - PR
• Date and time
  • Fix DatePicker with defaultValue to persist time zone - @boutahlilsoufiane - PR
  • Fix BC era timestamps in fromAbsolute - @KimPeeters - PR
• Dialog
  • Add data-rac attribute to Dialog - amitdahan - PR
• Select
  • Remove iOS HiddenSelect workaround - @snowystinger - PR
  • Set default value for type parameter in SelectProps - @kp047i - PR
• Slider
  • Update restrictValues in useSliderState - @Danji-ya - PR
• Tooltip
  • Fix RAC Tooltip getting stuck on screen when scrolling - @acr92 - PR
• Misc
  • Support React 19 prerelease - @snowystinger - PR
  • Add "use strict"; to style macro CommonJS build output - @reidbarber - PR
  • Add prefix to style macro class names - @reidbarber - PR
  • Fix Typescript Strict Mode remaining issues - @snowystinger and @devongovett - PR, PR
  • Add optional property types - @alecmev - PR

Docs#

• Add ARIA APG grid link to useTagGroup docs - @mehm8128 - PR
• Update CodeSandbox templates in useDatePicker and useDateRangePicker - @yihuiliao - PR
• Fix DisclosureGroup anatomy diagram SVG clipping on mobile - @yihuiliao - PR
• Update contribution guide - @yihuiliao - PR
• Update Accordion and DisclosureGroup docs - @yihuiliao - PR
• Add Tailwind starter for Disclosure and DisclosureGroup - @reidbarber - PR
• Update Accordion, Disclosure, DisclosureGroup docs - @yihuiliao - PR
• Fix typo on ProgressBar docs - @mehm8128 - PR
• Add Disclosure hook docs - @reidbarber - PR
• Add Q&A section to contribution guide - @unional - PR
• Fix Tailwind starter Submenu - @reidbarber - PR
• Add Accordion to example apps - @yihuiliao - PR
• Fix disabled Tag styles in RAC Tailwind starter - @steveoh - PR

Under Construction#

TODO

Released packages#

TODO