{/* Copyright 2020 Adobe. All rights reserved. This file is licensed to you under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. */}

import {BlogPostLayout, Hero} from '@react-spectrum/docs'; export default BlogPostLayout;

description: This release includes a few new components including ToggleButton, Tooltips, Slider, and Tabs, some new features, many bugfixes, and improvements. Huge thanks to all of the amazing contributors! date: 2020-08-18

August 18, 2020 Release

This release includes a few new components, some new features, many bugfixes, and improvements. A huge thanks to all of the amazing contributors to this release. A special shout out to @tomsontom, @chungwu, and @so99ynoodles for contributing entire new components, including ToggleButton, Slider, and Tabs! 😍

New components

ToggleButton - @tomsontom - PR
- ToggleButton component in @react-spectrum/button
- useToggleButton hook in @react-aria/button
Tooltips - @snowystinger - PR
- @react-spectrum/tooltip (alpha)
- @react-aria/tooltip (alpha)
- @react-stately/tooltip (alpha)
Slider - @chungwu - PR
- @react-aria/slider (alpha)
- @react-stately/slider (alpha)
Tabs - @so99ynoodles - PR
- @react-spectrum/tabs (alpha)
- @react-aria/tabs (alpha)
- @react-stately/tabs (alpha)

Note: Tooltips, Slider, and Tabs are available as alpha releases today, and will receive additional updates, documentation, and bugfixes before their stable release. Please feel free to test them out and report any issues you find.

New features

aria-modal-polyfill now handles modal behavior for popovers, trays, and other types of overlays - @snowystinger - PR
Buttons that are link elements now support the rel attribute - @ronderksen - PR
useTextField supports an inputElementType prop to allow for <textarea> - @maksimsemenov - PR
isKeyboardDismissDisabled was added as a prop to useOverlay and DialogTrigger - @amy-lei - PR
Clicking the label in useSelect and Picker now focuses the select element - @gavinhenderson - PR
useSelectableCollection and useSelectableList and now support selectOnFocus and disallowTypeAhead options - @LFDanLu - PR
useSelectableItem and useOption now support a shouldUseVirtualFocus option- @LFDanLu - PR
Add support for HTML form props to Form component - @snowystinger - PR
Added useVisuallyHidden hook to @react-aria/visually-hidden - @devongovett - PR
Added useHiddenSelect hook to @react-aria/select - @devongovett - PR
Added shouldCloseOnInteractOutside function to useOverlay options - @chungwu - PR

Bug fixes

Switched from the classnames to smaller/faster clsx library - @cedeber - PR
Fix incorrect overlay position when flip is enabled and positive offset is given - @raon0211 - PR
useTypeSelect now matches spaces rather than selecting the option - @solimant - PR
Fix behavior of maxHeight and maxWidth props in ListBox - @devongovett - PR
Fix resizing of quiet TextArea - @zidian257 - PR
Breadcrumbs now uses ResizeObserver instead of listening to window resize events - @Anenth - PR
useListState and useSingleSelectListState now accept a filter option - @LFDanLu - PR
Fix font family in TextField - @tomsontom - PR
Fix focusing dialogs when in an iframe on Safari - @devongovett - PR
Wait for CSS transitions to finish before focusing element in Tray to fix VoiceOver - @devongovett - PR
Use inline styles instead of CSS import in VisuallyHidden - @devongovett - PR
Fix cache invalidation issue in ListBox - @devongovett - PR
Fix repeating keyboard events triggering menu item after opening menu - @devongovett - PR

Docs

Fix link in PR template - @susickypavel - PR
Add missing ref to useSelect example - @tristandubbeld - PR
Fix docs for onCompositionStart and onCompositionEnd - @amy-lei - PR
Fix broken link in contributing docs - @markhicken - PR
Fix ActionGroup examples in docs - @snowystinger - PR
Add missing import to useOverlayTrigger - @anuraghazra - PR

Released packages

- @adobe/[email protected]
- @react-aria/[email protected]
- @react-aria/[email protected]
- @react-aria/[email protected]
- @react-aria/[email protected]
- @react-aria/[email protected]
- @react-aria/[email protected]
- @react-aria/[email protected]
- @react-aria/[email protected]
- @react-aria/[email protected]
- @react-aria/[email protected]
- @react-aria/[email protected]
- @react-aria/[email protected]
- @react-aria/[email protected]
- @react-aria/[email protected]
- @react-aria/[email protected]
- @react-aria/[email protected]
- @react-aria/[email protected]
- @react-aria/[email protected]
- @react-spectrum/[email protected]
- @react-spectrum/[email protected]
- @react-spectrum/[email protected]
- @react-spectrum/[email protected]
- @react-spectrum/[email protected]
- @react-spectrum/[email protected]
- @react-spectrum/[email protected]
- @react-spectrum/[email protected]
- @react-spectrum/[email protected]
- @react-spectrum/[email protected]
- @react-spectrum/[email protected]
- @react-spectrum/[email protected]
- @react-spectrum/[email protected]
- @react-spectrum/[email protected]
- @react-spectrum/[email protected]
- @react-stately/[email protected]
- @react-stately/[email protected]
- @react-stately/[email protected]
- @react-stately/[email protected]
- @react-stately/[email protected]
- @react-stately/[email protected]
- @react-stately/[email protected]
- @react-stately/[email protected]
- @react-stately/[email protected]
- @react-types/[email protected]
- @react-types/[email protected]
- @react-types/[email protected]
- @react-types/[email protected]
- @react-types/[email protected]
- @react-types/[email protected]
- @react-types/[email protected]
- @react-types/[email protected]
- @react-types/[email protected]
- @react-types/[email protected]