May 5, 2021 Release

May 5, 2021

This release we give you plenty of bug fixes, and a new component – NumberField! This component is stacked with features and helpful accessibility and internationalization support. NumberField offers internationalized number formatting and parsing, support for the Latin, Arabic, and Han decimal numbering systems, validation, allows incrementing/decrementing via stepper buttons, arrow keys, and scrolling, and much more. See a full list of functionality in our React Spectrum, React Aria and React Stately docs. Also you can learn more about the complexities of NumberField by reading our latest blog post.

Thank you to all our contributors for their help with this release.

New component#

NumberField
- @react-spectrum/numberfield - Docs
- @react-aria/numberfield - Docs
- @react-stately/numberfield - Docs

New features#

Expose isPressed in useLink - @hyanmandian - PR
Allow specifying a selector for OverlayContainer - @TLadd - PR
Update scrolling behavior of ColorField - @snowystinger - PR
Update Table animations for initial load - @devongovett - PR
Add custom width support for Meter and ProgressBar - @ktabors - PR
Show all items when manually opening ComboBox - @LFDanLu - PR
Add blur and focus events to NumberField - @ktabors - PR

Fixed#

Remove unused assignments - @tomsontom - PR
Remove conditional spacing in Label - @tomsontom - PR
Fix useTreeState to rebuild when node is expanded - @lukasbuenger - PR
Add warning to usage of useDrag1D - @snowystinger - PR
Only scroll step when NumberField is focused - @snowystinger - PR
Remove unused props from LinkProps - @chrishoage - PR
Update peer dependencies in aria and stately - @snowystinger - PR
Update design for Tabs - @devongovett - PR
Improve focus handling on dropped items in dnd - @devongovett - PR
Remove erroneous type of button from useButton - @snowystinger - PR
Filter out hidden elements in FocusScope - @majornista - PR
Fix moving children within the same parent node in useTreeData - @snowystinger - PR
Fix overlay rendering on mount - @intergalacticspacehighway - PR
Fix diagonally scrolling in NumberField - @snowystinger - PR
Remove selection styles in Table when selection is off - @LFDanLu - PR
Update ComboBox value when selection loads/updates - @LFDanLu - PR
Fix alignment of Tab selected style - @snowystinger - PR
Disable text selection in Tabs - @devongovett - PR
Only scroll step when ColorField is focused - @snowystinger - PR
Fix transition icons on hover in Tabs - @devongovett - PR
Remove unused dependency in Button - @Andarist - PR
Fix useAsyncList loading more skip logic - @LFDanLu - PR
Add key to Tabs to prevent children sharing - @ktabors - 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.

Tabs rc
- React Spectrum – Please note there was an API update in this version. Read our upgrade guide for more information.
ComboBox beta
- React Spectrum
- React Aria
ColorSlider beta
- React Spectrum
- React Aria
ColorWheel beta
- React Spectrum
- React Aria
ColorField beta
- React Spectrum
- React Aria

Released packages#

- @adobe/react-spectrum@3.10.0
- @internationalized/message@3.0.0
- @internationalized/number@3.0.0
- @react-aria/accordion@3.0.0-alpha.1
- @react-aria/actiongroup@3.1.3
- @react-aria/aria-modal-polyfill@3.3.1
- @react-aria/breadcrumbs@3.1.4
- @react-aria/button@3.3.2
- @react-aria/checkbox@3.2.2
- @react-aria/color@3.0.0-beta.2
- @react-aria/combobox@3.0.0-beta.1
- @react-aria/dialog@3.1.3
- @react-aria/dnd@3.0.0-alpha.1
- @react-aria/focus@3.3.0
- @react-aria/grid@3.0.0-alpha.2
- @react-aria/i18n@3.3.1
- @react-aria/interactions@3.4.0
- @react-aria/label@3.1.2
- @react-aria/link@3.1.3
- @react-aria/listbox@3.2.5
- @react-aria/live-announcer@3.0.0
- @react-aria/menu@3.2.1
- @react-aria/meter@3.1.2
- @react-aria/numberfield@3.0.0
- @react-aria/overlays@3.6.3
- @react-aria/progress@3.1.2
- @react-aria/radio@3.1.4
- @react-aria/searchfield@3.1.3
- @react-aria/select@3.3.2
- @react-aria/selection@3.4.1
- @react-aria/separator@3.1.2
- @react-aria/slider@3.0.2
- @react-aria/spinbutton@3.0.0
- @react-aria/ssr@3.0.2
- @react-aria/switch@3.1.2
- @react-aria/table@3.0.0-alpha.11
- @react-aria/tabs@3.0.0-rc.0
- @react-aria/textfield@3.3.0
- @react-aria/toggle@3.1.3
- @react-aria/tooltip@3.1.2
- @react-aria/utils@3.8.0
- @react-aria/virtualizer@3.3.3
- @react-aria/visually-hidden@3.2.2
- @react-spectrum/accordion@3.0.0-alpha.1
- @react-spectrum/actiongroup@3.1.3
- @react-spectrum/breadcrumbs@3.2.2
- @react-spectrum/button@3.4.1
- @react-spectrum/buttongroup@3.2.1
- @react-spectrum/checkbox@3.2.3
- @react-spectrum/color@3.0.0-beta.2
- @react-spectrum/combobox@3.0.0-beta.1
- @react-spectrum/dialog@3.3.2
- @react-spectrum/divider@3.1.2
- @react-spectrum/form@3.2.2
- @react-spectrum/icon@3.3.1
- @react-spectrum/illustratedmessage@3.1.2
- @react-spectrum/image@3.1.2
- @react-spectrum/label@3.3.3
- @react-spectrum/layout@3.1.4
- @react-spectrum/link@3.1.2
- @react-spectrum/listbox@3.4.2
- @react-spectrum/menu@3.2.3
- @react-spectrum/meter@3.1.2
- @react-spectrum/numberfield@3.0.0
- @react-spectrum/overlays@3.4.1
- @react-spectrum/picker@3.2.4
- @react-spectrum/progress@3.1.2
- @react-spectrum/provider@3.1.4
- @react-spectrum/radio@3.1.3
- @react-spectrum/searchfield@3.1.4
- @react-spectrum/slider@3.0.3
- @react-spectrum/statuslight@3.2.1
- @react-spectrum/switch@3.1.2
- @react-spectrum/table@3.0.0-alpha.12
- @react-spectrum/tabs@3.0.0-rc.0
- @react-spectrum/text@3.1.2
- @react-spectrum/textfield@3.1.6
- @react-spectrum/theme-dark@3.2.1
- @react-spectrum/theme-default@3.2.1
- @react-spectrum/theme-light@3.1.1
- @react-spectrum/tooltip@3.1.3
- @react-spectrum/utils@3.5.2
- @react-spectrum/view@3.1.2
- @react-spectrum/well@3.1.2
- @react-stately/checkbox@3.0.2
- @react-stately/collections@3.3.2
- @react-stately/color@3.0.0-beta.2
- @react-stately/combobox@3.0.0-beta.1
- @react-stately/data@3.4.0
- @react-stately/dnd@3.0.0-alpha.1
- @react-stately/grid@3.0.0-alpha.2
- @react-stately/layout@3.2.2
- @react-stately/list@3.2.3
- @react-stately/menu@3.2.2
- @react-stately/numberfield@3.0.0
- @react-stately/overlays@3.1.2
- @react-stately/radio@3.3.1
- @react-stately/searchfield@3.1.2
- @react-stately/select@3.1.2
- @react-stately/selection@3.5.0
- @react-stately/slider@3.0.2
- @react-stately/table@3.0.0-alpha.10
- @react-stately/tabs@3.0.0-rc.0
- @react-stately/toggle@3.2.2
- @react-stately/tooltip@3.0.4
- @react-stately/tree@3.1.4
- @react-stately/utils@3.2.1
- @react-stately/virtualizer@3.1.4
- @react-types/combobox@3.0.0-beta.1
- @react-types/link@3.1.2
- @react-types/numberfield@3.0.0
- @react-types/shared@3.6.0
- @react-types/tabs@3.0.0-rc.0
- react-aria@3.6.0
- react-stately@3.5.0