Beta Preview

v1.5.0

We're excited to announce that our Disclosure components are now generally available! This includes Disclosure and DisclosureGroup in React Aria. These components now also use the hidden="until-found" API currently supported in Chrome to enable searching collapsed content with ctrl + F.

We are also introducing ToggleButtonGroup in React Aria Components, which supports arrow key navigation with single and multiple selection modes. In addition, Menu now supports the ability to create Section-level selection groups, allowing you to mix actions, single, and multiple selection within the same menu. Menus can also be nested inside Dialog popovers to enable more complex use cases.

Last but not least, React Aria is now Typescript Strict compliant! This has been an extremely large, multi-year effort and we thank you for your patience. This helps us reduce bugs, particularly related to null checks, resulting in more correct type definitions for our APIs.

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

Typescript Strict notice

React Aria is now Typescript Strict compliant!

Section changes

Section in React Aria Components is deprecated in this release. It is replaced by specific components for each parent collection component, e.g. ListBoxSection and MenuSection.

Enhancements

  • Dialog
  • DisclosureGroup
    • Support hidden="until-found" in DisclosureGroup - @reidbarber - PR
  • Menu
    • Add Section-level selection groups in Menu - @devongovett - PR
    • Support nesting Menu inside Dialog popovers with additional interactive content - @devongovett - PR
  • ToggleButtonGroup
  • 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

Docs

Released packages

 - react-aria@3.36.0
 - react-aria-components@1.5.0
 - react-stately@3.34.0
 - @internationalized/date@3.6.0
 - @internationalized/message@3.1.6
 - @internationalized/number@3.6.0
 - @internationalized/string-compiler@3.2.6
 - @internationalized/string@3.2.5
 - @react-aria/accordion@3.0.0-alpha.36
 - @react-aria/actiongroup@3.7.11
 - @react-aria/aria-modal-polyfill@3.7.13
 - @react-aria/autocomplete@3.0.0-alpha.36
 - @react-aria/breadcrumbs@3.5.19
 - @react-aria/button@3.11.0
 - @react-aria/calendar@3.6.0
 - @react-aria/checkbox@3.15.0
 - @react-aria/collections@3.0.0-alpha.6
 - @react-aria/color@3.0.2
 - @react-aria/combobox@3.11.0
 - @react-aria/datepicker@3.12.0
 - @react-aria/dialog@3.5.20
 - @react-aria/disclosure@3.0.0
 - @react-aria/dnd@3.8.0
 - @react-aria/example-theme@1.0.5
 - @react-aria/focus@3.19.0
 - @react-aria/form@3.0.11
 - @react-aria/grid@3.11.0
 - @react-aria/gridlist@3.10.0
 - @react-aria/i18n@3.12.4
 - @react-aria/interactions@3.22.5
 - @react-aria/label@3.7.13
 - @react-aria/landmark@3.0.0-beta.17
 - @react-aria/link@3.7.7
 - @react-aria/listbox@3.13.6
 - @react-aria/live-announcer@3.4.1
 - @react-aria/menu@3.16.0
 - @react-aria/meter@3.4.18
 - @react-aria/numberfield@3.11.9
 - @react-aria/overlays@3.24.0
 - @react-aria/progress@3.4.18
 - @react-aria/radio@3.10.10
 - @react-aria/searchfield@3.7.11
 - @react-aria/select@3.15.0
 - @react-aria/selection@3.21.0
 - @react-aria/separator@3.4.4
 - @react-aria/slider@3.7.14
 - @react-aria/spinbutton@3.6.10
 - @react-aria/ssr@3.9.7
 - @react-aria/steplist@3.0.0-alpha.12
 - @react-aria/switch@3.6.10
 - @react-aria/table@3.16.0
 - @react-aria/tabs@3.9.8
 - @react-aria/tag@3.4.8
 - @react-aria/test-utils@1.0.0-alpha.3
 - @react-aria/textfield@3.15.0
 - @react-aria/toast@3.0.0-beta.18
 - @react-aria/toggle@3.10.10
 - @react-aria/toolbar@3.0.0-beta.11
 - @react-aria/tooltip@3.7.10
 - @react-aria/tree@3.0.0-beta.2
 - @react-aria/utils@3.26.0
 - @react-aria/virtualizer@4.1.0
 - @react-aria/visually-hidden@3.8.18
 - @react-stately/calendar@3.6.0
 - @react-stately/checkbox@3.6.10
 - @react-stately/collections@3.12.0
 - @react-stately/color@3.8.1
 - @react-stately/combobox@3.10.1
 - @react-stately/data@3.12.0
 - @react-stately/datepicker@3.11.0
 - @react-stately/disclosure@3.0.0
 - @react-stately/dnd@3.5.0
 - @react-stately/flags@3.0.5
 - @react-stately/form@3.1.0
 - @react-stately/grid@3.10.0
 - @react-stately/layout@4.1.0
 - @react-stately/list@3.11.1
 - @react-stately/menu@3.9.0
 - @react-stately/numberfield@3.9.8
 - @react-stately/overlays@3.6.12
 - @react-stately/radio@3.10.9
 - @react-stately/searchfield@3.5.8
 - @react-stately/select@3.6.9
 - @react-stately/selection@3.18.0
 - @react-stately/slider@3.6.0
 - @react-stately/steplist@3.0.0-alpha.10
 - @react-stately/table@3.13.0
 - @react-stately/tabs@3.7.0
 - @react-stately/toast@3.0.0-beta.7
 - @react-stately/toggle@3.8.0
 - @react-stately/tooltip@3.5.0
 - @react-stately/tree@3.8.6
 - @react-stately/utils@3.10.5
 - @react-stately/virtualizer@4.2.0
 - @react-types/actionbar@3.1.11
 - @react-types/actiongroup@3.4.13
 - @react-types/autocomplete@3.0.0-alpha.27
 - @react-types/avatar@3.0.11
 - @react-types/badge@3.1.13
 - @react-types/breadcrumbs@3.7.9
 - @react-types/button@3.10.1
 - @react-types/buttongroup@3.3.13
 - @react-types/calendar@3.5.0
 - @react-types/card@3.0.0-alpha.31
 - @react-types/checkbox@3.9.0
 - @react-types/color@3.0.1
 - @react-types/combobox@3.13.1
 - @react-types/contextualhelp@3.2.14
 - @react-types/datepicker@3.9.0
 - @react-types/dialog@3.5.14
 - @react-types/divider@3.3.13
 - @react-types/form@3.7.8
 - @react-types/grid@3.2.10
 - @react-types/illustratedmessage@3.3.13
 - @react-types/image@3.4.5
 - @react-types/label@3.9.7
 - @react-types/layout@3.3.19
 - @react-types/link@3.5.9
 - @react-types/list@3.2.22
 - @react-types/listbox@3.5.3
 - @react-types/menu@3.9.13
 - @react-types/meter@3.4.5
 - @react-types/numberfield@3.8.7
 - @react-types/overlays@3.8.11
 - @react-types/progress@3.5.8
 - @react-types/provider@3.8.5
 - @react-types/radio@3.8.5
 - @react-types/searchfield@3.5.10
 - @react-types/select@3.9.8
 - @react-types/shared@3.26.0
 - @react-types/slider@3.7.7
 - @react-types/statuslight@3.3.13
 - @react-types/switch@3.5.7
 - @react-types/table@3.10.3
 - @react-types/tabs@3.3.11
 - @react-types/text@3.3.13
 - @react-types/textfield@3.10.0
 - @react-types/tooltip@3.4.13
 - @react-types/view@3.4.13
 - @react-types/well@3.3.13
 - @react-aria/optimize-locales-plugin@1.1.3
 - @react-aria/parcel-resolver-optimize-locales@1.2.0
 - tailwindcss-react-aria-components@1.2.0