March 24, 2021 Release

This month we bring you some important updates to our under construction components, and we have also added some additional documentation on how we manage our pre-releases. Hopefully this can be used as a guide when deciding to try our new components. Visit our docs page for a description of each stage in our release process.

We have also added new translations for strings across all supported locales and new documentation for our ColorSlider, ColorWheel, and ColorField components. Additionally, we have made improvements to our FocusScope and fixed issues in Menu, Picker, ActionGroup, and Tooltip.

As always we want to thank all of our amazing contributors for the time they donate.

New features#

• Upgraded babel version - @snowystinger - PR
• Support custom key in Collections - @marbemac - PR
• Add delay to loading spinner in ComboBox - @LFDanLu - PR
• Add translations for pt-PT - @rgeraghty - PR
• Add translations for Color, Numberfield and ComboBox - @rgeraghty - PR
• Add revert function to aria-modal-polyfill - @Andarist - PR

Updated#

• Update Tooltip positioning - @LFDanLu - PR
• Cleanup Tooltip timers - @Andarist - PR
• Add wrapping text in Menu - @ktabors - PR
• Adjust sizing inconsistencies in Virtualizer - @LFDanLu - PR
• Add null checks for refs in Picker and ComboBox - @snowystinger - PR
• Fix color scheme for scrollbars - @snowystinger - PR
• Export TreeProps from useTreeState - @Julienng - PR
• Update default submit behavior of Picker - @so99ynoodles - PR
• Prevent submit on Enter if ComboBox is open - @LFDanLu - PR
• Fix Menu item height for medium scale - @LFDanLu - PR
• Fix disabled component tabbing in FocusScope - @LFDanLu - PR
• Improve rendering of Tabs underline - @LFDanLu - PR
• Fix infinite loop in useTreeData update method - @razvanip - PR
• Fix disabled keys handling in ActionGroup - @snowystinger - PR
• Refactor NumberField css - @snowystinger - PR
• Update blur handling in useComboBoxState - @LFDanLu - PR
• Fix Table paging on load - @LFDanLu - PR
• Fix typeahead in useSelect when closed - @LFDanLu - PR
• Update Menu item css size variable - @LFDanLu - PR
• Add ListData interface to react-stately - @kqito - PR
• Fix height fill in Table - @LFDanLu - PR
• Ensure onPressEnd is fired correctly on disabled elements - @devongovett - PR

Docs#

• Add ref to useRadioGroup examples - @RubenSandwich - PR
• Sync Contributing docs to contribute file - @AndyOGo - PR
• Update mergeProps descriptions - @AndyOGo - PR
• Update disabled examples in useMenu - @razvanip - PR
• Add anatomy diagrams to Color aria hooks - @devongovett - PR
• Remove broken link in Menu - @LFDanLu - PR
• Fix container sizing in Tabs - @so99ynoodles - PR

Under construction#

Pre-release versions of the following components have been released. Please feel free to try them out, and report any issues you encounter.

• NumberField rc
  • React Spectrum
  • React Aria
• ComboBox beta
  • React Spectrum
  • React Aria
• ColorSlider beta
  • React Spectrum
  • React Aria
• ColorWheel beta
  • React Spectrum
  • React Aria
• ColorField beta
  • React Spectrum
  • React Aria
• Tabs beta
  • React Spectrum
• Accordion alpha
• Table alpha
• Grid alpha
• Drag and Drop alpha
  • RFC

Released packages#

- @adobe/react-spectrum@3.9.0
- @internationalized/message@3.0.0-rc.0
- @internationalized/number@3.0.0-rc.0
- @react-aria/accordion@3.0.0-alpha.0
- @react-aria/actiongroup@3.1.2
- @react-aria/aria-modal-polyfill@3.3.0
- @react-aria/breadcrumbs@3.1.3
- @react-aria/color@3.0.0-beta.0
- @react-aria/combobox@3.0.0-beta.0
- @react-aria/dnd@3.0.0-alpha.0
- @react-aria/focus@3.2.4
- @react-aria/grid@3.0.0-alpha.0
- @react-aria/interactions@3.3.4
- @react-aria/live-announcer@3.0.0-rc.0
- @react-aria/menu@3.2.0
- @react-aria/numberfield@3.0.0-rc.0
- @react-aria/overlays@3.6.2
- @react-aria/searchfield@3.1.2
- @react-aria/select@3.3.1
- @react-aria/selection@3.4.0
- @react-aria/spinbutton@3.0.0-rc.0
- @react-aria/table@3.0.0-alpha.9
- @react-aria/tabs@3.0.0-beta.0
- @react-aria/utils@3.7.0
- @react-aria/virtualizer@3.3.2
- @react-spectrum/accordion@3.0.0-alpha.0
- @react-spectrum/breadcrumbs@3.2.1
- @react-spectrum/color@3.0.0-beta.0
- @react-spectrum/combobox@3.0.0-beta.0
- @react-spectrum/dialog@3.3.1
- @react-spectrum/label@3.3.2
- @react-spectrum/listbox@3.4.1
- @react-spectrum/menu@3.2.2
- @react-spectrum/numberfield@3.0.0-rc.0
- @react-spectrum/picker@3.2.3
- @react-spectrum/provider@3.1.3
- @react-spectrum/slider@3.0.2
- @react-spectrum/table@3.0.0-alpha.10
- @react-spectrum/tabs@3.0.0-beta.0
- @react-spectrum/theme-dark@3.2.0
- @react-spectrum/theme-default@3.2.0
- @react-spectrum/theme-light@3.1.0
- @react-spectrum/tooltip@3.1.2
- @react-stately/collections@3.3.1
- @react-stately/color@3.0.0-beta.0
- @react-stately/combobox@3.0.0-beta.0
- @react-stately/data@3.3.0
- @react-stately/dnd@3.0.0-alpha.0
- @react-stately/grid@3.0.0-alpha.0
- @react-stately/layout@3.2.1
- @react-stately/numberfield@3.0.0-rc.0
- @react-stately/selection@3.4.0
- @react-stately/table@3.0.0-alpha.8
- @react-stately/tabs@3.0.0-beta.0
- @react-stately/tooltip@3.0.3
- @react-stately/tree@3.1.3
- @react-stately/virtualizer@3.1.3
- @react-types/accordion@3.0.0-alpha.0
- @react-types/color@3.0.0-beta.0
- @react-types/combobox@3.0.0-beta.0
- @react-types/grid@3.0.0-alpha.0
- @react-types/numberfield@3.0.0-rc.0
- @react-types/shared@3.5.0
- @react-types/table@3.0.0-alpha.0
- @react-types/tabs@3.0.0-beta.0
- react-aria@3.5.0
- react-stately@3.4.0