February 17, 2021 Release

After a small break, we are back with another release. This one is jam packed with fixes and new features. We have improved Picker, Tooltip, ComboBox and updated a number of our aria hooks. Also check out our new components currently under construction including a Color package. A special thanks to all of our contributors for a very active new year.

New features#

• Add useUnwrapDOMRef hook - @tomsontom - PR
• Add autofocus to Picker - @tomsontom - PR
• Add order to styleProps - @renancleyson-dev - PR
• Update component scaffolding - @LFDanLu - PR
• Keep Tooltip open when hovered - @Andarist - PR
• Support left/right key in useSelect - @tomsontom - PR
• Add filtering to useAsyncList hook - @LFDanLu - Docs
• Async support for ComboBox - @LFDanLu - PR - Docs
• Update validation icon position in TextArea - @snowystinger - PR

Fixed#

• Add resize observing to Picker after initial render - @tomsontom - PR
• Add BreadcrumbItem type interface - @stefanprobst - PR
• Update translation in Picker - @RafalFilipek - PR
• Add resize observing to ComboBox - @snowystinger - PR
• Use documentElement instead for useInteractOutside - @stefanprobst - PR
• Update types for Tooltip hooks - @Andarist - PR
• Use aria-readonly in CheckboxGroup and Radio - @intergalacticspacehighway - PR
• Update required type for CheckboxGroup - @stefanprobst - PR
• Update Button type definition - @snowystinger - PR
• Use aria-readonly in RadioGroup - @intergalacticspacehighway - PR
• Clean up deprecated test usage - @matamatanot - PR
• Adjusted width of Tooltip - @LFDanLu - PR
• Prevent extra onChange calls from useControlledState - @snowystinger - PR
• Update flex styles on Tabs - @tomsontom - PR
• Update usePreventScroll for SSR - @dferber90 - PR
• Remove autocorrect from ComboBox - @devongovett - PR
• Fix label css to grow with component height - @LFDanLu - PR
• Update ComboBox design - @LFDanLu - PR
• Fix TextArea when inside a flex - @snowystinger - PR
• Retain ComboBox selected key onBlur if value matches - @LFDanLu - PR
• Prevent left/right arrow keys from scrolling containers in Picker - @snowystinger - PR
• Add check for ref in useSelectableList - @AndyOGo - PR

Docs#

• Fix typo in contribution guide - @stefanprobst - PR
• Add the default for level prop in Heading - @snowystinger - PR
• Add example of passing a ref to useButton - @toshi1127 - PR
• Improve useCheckboxGroupItem examples - @stefanprobst - PR
• Update links for TextArea guidelines - @matthewdeutsch - PR
• Fix typo in IllustratedMessage example - @travigd - PR
• Update example in useRadio to include a ref - @matamatanot - PR
• Add anatomy diagrams to aria hooks - @devongovett - PR
• Update prop description in useMenuSection - @snowystinger - PR
• Fix error in storybook - @tomsontom - PR
• Add useComboBox hook documentation to react-aria - @LFDanLu - 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 - React Spectrum, React Aria
• ColorWheel - React Aria
• ColorSlider - React Aria
• ColorField - React Aria
• ComboBox - React Spectrum, React Aria

Released packages#

- @adobe/react-spectrum@3.8.0
- @internationalized/message@3.0.0-alpha.0
- @internationalized/number@3.0.0-alpha.0
- @react-aria/button@3.3.1
- @react-aria/color@3.0.0-alpha.0
- @react-aria/combobox@3.0.0-alpha.1
- @react-aria/i18n@3.3.0
- @react-aria/interactions@3.3.3
- @react-aria/listbox@3.2.4
- @react-aria/menu@3.1.4
- @react-aria/numberfield@3.0.0-alpha.0
- @react-aria/overlays@3.6.1
- @react-aria/radio@3.1.3
- @react-aria/select@3.3.0
- @react-aria/selection@3.3.2
- @react-aria/slider@3.0.1
- @react-aria/spinbutton@3.0.0-alpha.0
- @react-aria/tabs@3.0.0-alpha.3
- @react-aria/toggle@3.1.2
- @react-aria/tooltip@3.1.1
- @react-aria/utils@3.6.0
- @react-spectrum/button@3.4.0
- @react-spectrum/checkbox@3.2.2
- @react-spectrum/color@3.0.0-alpha.0
- @react-spectrum/combobox@3.0.0-alpha.1
- @react-spectrum/label@3.3.1
- @react-spectrum/numberfield@3.0.0-alpha.0
- @react-spectrum/picker@3.2.2
- @react-spectrum/radio@3.1.2
- @react-spectrum/searchfield@3.1.3
- @react-spectrum/slider@3.0.1
- @react-spectrum/statuslight@3.2.0
- @react-spectrum/tabs@3.0.0-alpha.4
- @react-spectrum/textfield@3.1.5
- @react-spectrum/tooltip@3.1.1
- @react-spectrum/utils@3.5.1
- @react-stately/color@3.0.0-alpha.0
- @react-stately/combobox@3.0.0-alpha.1
- @react-stately/data@3.2.0
- @react-stately/numberfield@3.0.0-alpha.0
- @react-stately/radio@3.3.0
- @react-stately/slider@3.0.1
- @react-stately/tabs@3.0.0-alpha.1
- @react-stately/tooltip@3.0.2
- @react-stately/utils@3.2.0
- @react-types/button@3.3.1
- @react-types/checkbox@3.2.2
- @react-types/color@3.0.0-alpha.0
- @react-types/combobox@3.0.0-alpha.1
- @react-types/label@3.4.0
- @react-types/numberfield@3.0.0-alpha.0
- @react-types/select@3.2.0
- @react-types/shared@3.4.0
- @react-types/slider@3.0.1
- @react-types/text@3.1.2
- @react-types/tooltip@3.1.1
- @spectrum-icons/color@3.3.0
- react-aria@3.4.0
- react-stately@3.3.0