chore: June release notes (#8345)

dannify · web-flow · commit cf743b9241c5 · 2025-06-05T09:06:53.000-07:00
diff --git a/.storybook-s2/docs/Release Notes.mdx b/.storybook-s2/docs/Release Notes.mdx
@@ -4,6 +4,14 @@ export default MDXLayout;
 
 # Release Notes
 
+## v0.9.1
+
+### Updates
+* [Button](?path=/docs/button--docs): Fix focus visible styles from being applied on standard focus
+* [ContextualHelp](?path=/docs/contextualhelp--docs): Update width to match Spectrum designs
+* [Tabs](?path=/docs/tabs--docs): Update selection indicator when tab text changes
+* [TagGroup](?path=/docs/taggroup--docs): Fix focus visible styles from being applied on standard focus
+
 ## v0.9.0
 
 ### Updates
@@ -24,7 +32,7 @@ We strongly discourage using `UNSAFE_className` because it results in inconsiste
 
 ### Style macro updates
 
-We have made significant changes to the way our Style Macro generates class names in an effort to make them stable between version. While we work to stabilize the style macro class names, we have added a postfix based on the version number so that class names don't conflict with any prior or future version. 
+We have made significant changes to the way our Style Macro generates class names in an effort to make them stable between versions. While we work to stabilize the style macro class names, we have added a postfix based on the version number so that class names don't conflict with any prior or future version.
 
 We also made some changes to the available style macro values.
 
diff --git a/packages/dev/docs/pages/blog/rtl-date-time.mdx b/packages/dev/docs/pages/blog/rtl-date-time.mdx
@@ -20,7 +20,7 @@ import keyboardVideoURL from 'url:../assets/rtl-keyboard.mp4';
 keywords: [date picker, date, time, calendar, components, accessibility, react spectrum, react, spectrum]
 description: Internationalization is a core feature of our Date and Time components. We support 13 different calendar systems as well as locale-specific formatting, number systems, and 12 and 24 hour time. However, we identified an issue with our right-to-left support where in some right-to-left (RTL) languages, the format of the date and time fields was incorrect. While investigating this bug, we faced several challenges in ensuring proper date and time representation in RTL languages and implemented various strategies that we’d like to share.
 
-date: 2025-05-30
+date: 2025-06-06
 author: '[Yihui Liao](https://github.com/yihuiliao)'
 ---
 
diff --git a/packages/dev/docs/pages/releases/2025-06-05.mdx b/packages/dev/docs/pages/releases/2025-06-05.mdx
@@ -0,0 +1,294 @@
+{/* Copyright 2025 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, Image} from '@react-spectrum/docs';
+export default BlogPostLayout;
+
+---
+description: Drop everything! Drag and drop support in React Aria Tree has been released! 🫳🎤 This supports moving items within a tree or between collection components, with full keyboard and screen reader accessibility. It's interoperable with our existing drag and drop support in components like Table and GridList, and with third party apps via native HTML APIs. This release also includes some highly requested bug fixes, including scrollbar layout shifts when opening popovers and modals, date picker interaction improvements, and enhancements to our form components.
+
+date: 2025-06-05
+---
+
+# June 5, 2025 Release
+
+Drop everything! Drag and drop support in React Aria Tree has been released! 🫳🎤 This supports moving items within a tree or between collection components, with full keyboard and screen reader accessibility. It's interoperable with our existing drag and drop support in components like Table and GridList, and with third party apps via native HTML APIs. Check out our [previous blog post](../blog/drag-and-drop.html) on drag and drop to learn about the interactions, and our new [Tree drag and drop documentation](../react-aria/Tree.html#drag-and-drop).
+
+This release also includes some highly requested bug fixes, including scrollbar layout shifts when opening popovers and modals, date picker interaction improvements, and enhancements to our form components.
+
+As always, thank you to our community for their support and contributions!
+
+## Enhancements
+
+* ListBox
+  * Expose `shouldFocusOnHover` prop for ListBox - [@lucasweng](https://github.com/lucasweng) - [PR](https://github.com/adobe/react-spectrum/pull/8171)
+* Select
+  * Support `autoFocus` in Select - [@chirokas](https://github.com/chirokas) - [PR](https://github.com/adobe/react-spectrum/pull/8262)
+* Test Utils
+  * Support selectionMode="replace" in grid collection test utils  - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/8028)
+* Miscellaneous
+  * Expose state types in React Aria Components - [@lukpsaxo](https://github.com/lukpsaxo) - [PR](https://github.com/adobe/react-spectrum/pull/8157)
+
+## Fixes
+
+* ComboBox
+  * Prevent ComboBox from closing when navigating through items with keyboard - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/8301)
+* Date/Time
+  * Fix setting a placeholder time when closing a DateRangePicker with time granularity - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8278)
+  * Fix moving backward through DateField segments when pressing Enter - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8279)
+  * Fix crashing on unknown segment types in DateField - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8284)
+  * Fix invalid date parsing - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8265)
+* Focus
+  * Suppress focusable warning for disabled Pressable - [@joshuajaco](https://github.com/joshuajaco) - [PR](https://github.com/adobe/react-spectrum/pull/8261)
+  * Fix `autofocus` to React Aria Select - [@chirokas](https://github.com/chirokas) - [PR](https://github.com/adobe/react-spectrum/pull/8262)
+* Form
+  * RadioGroup should not validate on form reset - [@chirokas](https://github.com/chirokas) - [PR](https://github.com/adobe/react-spectrum/pull/8212)
+  * Clear selection when using form reset in RAC CheckboxGroup - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/8316)
+* Internationalized
+  * Update number parsing in internationalized to handle 0 decimals parsing with `exceptZero` - [@shahbazianep](https://github.com/shahbazianep) - [PR](https://github.com/adobe/react-spectrum/pull/8236)
+* Overlays
+  * Fix additional scrollbar padding in `usePreventScroll` when an overlay is open - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8297)
+  * Fix tapping outside overlay triggers elements behind underlay on Android issue - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8275)
+  * Clear contexts inside popovers - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8321)
+* Tree
+  * Prevent focus trap in TreeView - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8277)
+* Typescript
+  * Fix TypeScript types colliding with globals - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8346)
+* Virtualizer
+  * Height adjustment for Virtualized layout - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8333)
+  * Virtualizer with `useIsSSR` - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8320)
+
+
+## Docs
+
+* Document `position: relative` requirement for `VisuallyHidden` - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8102)
+* Fix broken links in Menu/Combobox - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/8292)
+* Add Menu as part of the integrated components in Virtualizer - [@meesvandongen](https://github.com/meesvandongen) - [PR](https://github.com/adobe/react-spectrum/pull/8331)
+* Update `ToOptions` in TanStack Router docs - [@jvliwanag](https://github.com/jvliwanag) - [PR](https://github.com/adobe/react-spectrum/pull/8218)
+
+## Under Construction
+
+* Tree
+  * Tree drag and drop - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/8264)
+  * Improve tree drag and drop keyboard navigation - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8271)
+  * Tree DnD Docs - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/8302), [PR](https://github.com/adobe/react-spectrum/pull/8347)
+
+## Released packages
+
+```
+ - @adobe/react-spectrum@3.42.1
+ - @internationalized/date@3.8.2
+ - @internationalized/message@3.1.8
+ - @internationalized/number@3.6.3
+ - @internationalized/string@3.2.7
+ - @react-aria/actiongroup@3.7.17
+ - @react-aria/aria-modal-polyfill@3.7.14
+ - @react-aria/autocomplete@3.0.0-beta.4
+ - @react-aria/breadcrumbs@3.5.25
+ - @react-aria/button@3.13.2
+ - @react-aria/calendar@3.8.2
+ - @react-aria/checkbox@3.15.6
+ - @react-aria/collections@3.0.0-rc.2
+ - @react-aria/color@3.0.8
+ - @react-aria/combobox@3.12.4
+ - @react-aria/datepicker@3.14.4
+ - @react-aria/dialog@3.5.26
+ - @react-aria/disclosure@3.0.6
+ - @react-aria/dnd@3.10.0
+ - @react-aria/focus@3.20.4
+ - @react-aria/form@3.0.17
+ - @react-aria/grid@3.14.1
+ - @react-aria/gridlist@3.13.1
+ - @react-aria/i18n@3.12.10
+ - @react-aria/interactions@3.25.2
+ - @react-aria/label@3.7.19
+ - @react-aria/landmark@3.0.4
+ - @react-aria/link@3.8.2
+ - @react-aria/listbox@3.14.5
+ - @react-aria/live-announcer@3.4.3
+ - @react-aria/menu@3.18.4
+ - @react-aria/meter@3.4.24
+ - @react-aria/numberfield@3.11.15
+ - @react-aria/overlays@3.27.2
+ - @react-aria/progress@3.4.24
+ - @react-aria/radio@3.11.4
+ - @react-aria/searchfield@3.8.5
+ - @react-aria/select@3.15.6
+ - @react-aria/selection@3.24.2
+ - @react-aria/separator@3.4.10
+ - @react-aria/slider@3.7.20
+ - @react-aria/spinbutton@3.6.16
+ - @react-aria/ssr@3.9.9
+ - @react-aria/steplist@3.0.0-alpha.18
+ - @react-aria/switch@3.7.4
+ - @react-aria/table@3.17.4
+ - @react-aria/tabs@3.10.4
+ - @react-aria/tag@3.6.1
+ - @react-aria/test-utils@1.0.0-alpha.8
+ - @react-aria/textfield@3.17.4
+ - @react-aria/toast@3.0.4
+ - @react-aria/toggle@3.11.4
+ - @react-aria/toolbar@3.0.0-beta.17
+ - @react-aria/tooltip@3.8.4
+ - @react-aria/tree@3.1.0
+ - @react-aria/utils@3.29.1
+ - @react-aria/virtualizer@4.1.6
+ - @react-aria/visually-hidden@3.8.24
+ - @react-spectrum/accordion@3.0.7
+ - @react-spectrum/actionbar@3.6.8
+ - @react-spectrum/actiongroup@3.10.16
+ - @react-spectrum/autocomplete@3.0.0-alpha.44
+ - @react-spectrum/avatar@3.0.23
+ - @react-spectrum/badge@3.1.24
+ - @react-spectrum/breadcrumbs@3.9.18
+ - @react-spectrum/button@3.16.15
+ - @react-spectrum/buttongroup@3.6.23
+ - @react-spectrum/calendar@3.7.2
+ - @react-spectrum/card@3.0.0-alpha.44
+ - @react-spectrum/checkbox@3.9.17
+ - @react-spectrum/color@3.0.8
+ - @react-spectrum/combobox@3.15.4
+ - @react-spectrum/contextualhelp@3.6.22
+ - @react-spectrum/datepicker@3.14.2
+ - @react-spectrum/dialog@3.8.22
+ - @react-spectrum/divider@3.5.24
+ - @react-spectrum/dnd@3.5.6
+ - @react-spectrum/dropzone@3.0.12
+ - @react-spectrum/filetrigger@3.0.12
+ - @react-spectrum/form@3.7.16
+ - @react-spectrum/icon@3.8.6
+ - @react-spectrum/illustratedmessage@3.5.11
+ - @react-spectrum/image@3.5.12
+ - @react-spectrum/inlinealert@3.2.16
+ - @react-spectrum/label@3.16.16
+ - @react-spectrum/labeledvalue@3.2.4
+ - @react-spectrum/layout@3.6.16
+ - @react-spectrum/link@3.6.18
+ - @react-spectrum/list@3.10.2
+ - @react-spectrum/listbox@3.15.2
+ - @react-spectrum/menu@3.22.2
+ - @react-spectrum/meter@3.5.11
+ - @react-spectrum/numberfield@3.9.14
+ - @react-spectrum/overlays@5.7.6
+ - @react-spectrum/picker@3.15.10
+ - @react-spectrum/progress@3.7.17
+ - @react-spectrum/provider@3.10.6
+ - @react-spectrum/radio@3.7.17
+ - @react-spectrum/s2@0.9.1
+ - @react-spectrum/searchfield@3.8.17
+ - @react-spectrum/slider@3.7.6
+ - @react-spectrum/statuslight@3.5.23
+ - @react-spectrum/steplist@3.0.0-alpha.16
+ - @react-spectrum/switch@3.6.2
+ - @react-spectrum/table@3.17.2
+ - @react-spectrum/tabs@3.8.21
+ - @react-spectrum/tag@3.3.1
+ - @react-spectrum/test-utils@1.0.0-alpha.8
+ - @react-spectrum/text@3.5.16
+ - @react-spectrum/textfield@3.13.4
+ - @react-spectrum/theme-dark@3.5.19
+ - @react-spectrum/theme-default@3.5.19
+ - @react-spectrum/theme-express@3.0.0-alpha.21
+ - @react-spectrum/theme-light@3.4.19
+ - @react-spectrum/toast@3.0.4
+ - @react-spectrum/tooltip@3.7.6
+ - @react-spectrum/tree@3.1.2
+ - @react-spectrum/utils@3.12.6
+ - @react-spectrum/view@3.6.20
+ - @react-spectrum/well@3.4.24
+ - @react-stately/autocomplete@3.0.0-beta.2
+ - @react-stately/calendar@3.8.2
+ - @react-stately/checkbox@3.6.15
+ - @react-stately/collections@3.12.5
+ - @react-stately/color@3.8.6
+ - @react-stately/combobox@3.10.6
+ - @react-stately/data@3.13.1
+ - @react-stately/datepicker@3.14.2
+ - @react-stately/disclosure@3.0.5
+ - @react-stately/dnd@3.6.0
+ - @react-stately/flags@3.1.2
+ - @react-stately/form@3.1.5
+ - @react-stately/grid@3.11.3
+ - @react-stately/layout@4.3.1
+ - @react-stately/list@3.12.3
+ - @react-stately/menu@3.9.5
+ - @react-stately/numberfield@3.9.13
+ - @react-stately/overlays@3.6.17
+ - @react-stately/radio@3.10.14
+ - @react-stately/searchfield@3.5.13
+ - @react-stately/select@3.6.14
+ - @react-stately/selection@3.20.3
+ - @react-stately/slider@3.6.5
+ - @react-stately/steplist@3.0.0-alpha.15
+ - @react-stately/table@3.14.3
+ - @react-stately/tabs@3.8.3
+ - @react-stately/toast@3.1.1
+ - @react-stately/toggle@3.8.5
+ - @react-stately/tooltip@3.5.5
+ - @react-stately/tree@3.9.0
+ - @react-stately/utils@3.10.7
+ - @react-stately/virtualizer@4.4.1
+ - @react-types/actionbar@3.1.16
+ - @react-types/actiongroup@3.4.18
+ - @react-types/autocomplete@3.0.0-alpha.32
+ - @react-types/avatar@3.0.16
+ - @react-types/badge@3.1.18
+ - @react-types/breadcrumbs@3.7.14
+ - @react-types/button@3.12.2
+ - @react-types/buttongroup@3.3.18
+ - @react-types/calendar@3.7.2
+ - @react-types/card@3.0.0-alpha.37
+ - @react-types/checkbox@3.9.5
+ - @react-types/color@3.0.6
+ - @react-types/combobox@3.13.6
+ - @react-types/contextualhelp@3.2.19
+ - @react-types/datepicker@3.12.2
+ - @react-types/dialog@3.5.19
+ - @react-types/divider@3.3.18
+ - @react-types/form@3.7.13
+ - @react-types/grid@3.3.3
+ - @react-types/illustratedmessage@3.3.18
+ - @react-types/image@3.4.10
+ - @react-types/label@3.9.12
+ - @react-types/layout@3.3.24
+ - @react-types/link@3.6.2
+ - @react-types/list@3.2.28
+ - @react-types/listbox@3.7.1
+ - @react-types/menu@3.10.2
+ - @react-types/meter@3.4.10
+ - @react-types/numberfield@3.8.12
+ - @react-types/overlays@3.8.16
+ - @react-types/progress@3.5.13
+ - @react-types/provider@3.8.10
+ - @react-types/radio@3.8.10
+ - @react-types/searchfield@3.6.3
+ - @react-types/select@3.9.13
+ - @react-types/shared@3.30.0
+ - @react-types/slider@3.7.12
+ - @react-types/statuslight@3.3.18
+ - @react-types/switch@3.5.12
+ - @react-types/table@3.13.1
+ - @react-types/tabs@3.3.16
+ - @react-types/text@3.3.18
+ - @react-types/textfield@3.12.3
+ - @react-types/tooltip@3.4.18
+ - @react-types/view@3.4.18
+ - @react-types/well@3.3.18
+ - @spectrum-icons/color@3.5.23
+ - @spectrum-icons/express@3.0.0-alpha.27
+ - @spectrum-icons/illustrations@3.6.23
+ - @spectrum-icons/ui@3.6.17
+ - @spectrum-icons/workflow@4.2.22
+ - @react-spectrum/codemods@0.6.1
+ - @react-spectrum/parcel-namer-s2@0.3.0
+ - @react-spectrum/s2-icon-builder@0.3.0
+ - react-aria@3.41.0
+ - react-aria-components@1.10.0
+ - react-stately@3.39.0
+```
