docs: April release notes (#8062)

yihuiliao · web-flow · commit 34ba64cbf4a9 · 2025-04-11T09:40:16.000-07:00
diff --git a/.storybook-s2/docs/Release Notes.mdx b/.storybook-s2/docs/Release Notes.mdx
@@ -4,6 +4,23 @@ export default MDXLayout;
 
 # Release Notes
 
+## v0.8.0
+
+### New Components
+
+* [NotificationBadge](?path=/docs/actionbutton--docs#notification-badges)
+* [Toast](?path=/docs/toast--docs) (alpha)
+
+### Updates
+
+* Pass DOM Props to ButtonGroup
+* Prevent Dividers from growing or shrinking in a flex container by default
+* Export Autocomplete
+* Export SortDescriptor type
+
+### Disclosure Design updates
+Spectrum has updated the S disclosure design. As a result, all other sizes (M, L, XL) now map to one size smaller than before. See [PR](https://github.com/adobe/react-spectrum/pull/8006) for details.
+
 ## v0.7.0
 
 ### New Components
diff --git a/packages/@react-spectrum/s2/stories/NotificationBadge.stories.tsx b/packages/@react-spectrum/s2/stories/NotificationBadge.stories.tsx
@@ -18,7 +18,7 @@ const meta: Meta<typeof NotificationBadge> = {
   parameters: {
     layout: 'centered'
   },
-  tags: ['autodocs'],
+  tags: ['!autodocs'],
   title: 'NotificationBadge'
 };
 
diff --git a/packages/dev/docs/pages/releases/2025-04-14.mdx b/packages/dev/docs/pages/releases/2025-04-14.mdx
@@ -0,0 +1,287 @@
+{/* 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: In today's release we are excited to announce custom calendar support across all React Spectrum libraries! We have also added enhanced support for React Suspense and performance optimizations for collections in React Aria Components, reduced the bundle sizes of our libraries as a whole, and now support `onClick` as an alias for `onPress`.
+date: 2025-04-11
+---
+
+# April 11, 2025 Release
+
+In today’s release, we are excited to announce custom calendar support across all React Spectrum libraries! This feature allows you to create your own calendar that implements custom business logic, such as a [4-5-4 fiscal calendar](https://nrf.com/resources/4-5-4-calendar), either by extending an existing Calendar implementation or building from scratch. Please see the [React Spectrum docs](../react-spectrum/Calendar.html#custom-calendar-systems) for an example implementation. A special shout out to [@ToyWalrus](https://github.com/ToyWalrus) for all the hard work that went into this contribution!
+
+This release also includes several updates for collections in React Aria Components. These include enhanced support for React Suspense and optimizations for large collections. These changes should result in much more performant collections when fetching and rendering large amounts of data.
+
+We have also reduced the bundle sizes of our libraries by moving some console warnings to development only, and removing old browser fallbacks for pointer events. For example, `@react-aria/interactions`, which powers most of our components, is now 22% smaller!
+
+Lastly, we have decided to handle `onClick` as an alias for `onPress`. This improves interoperability with other dependencies that use `onClick` events. Please note that `onPress` is still preferred over `onClick` as it standardizes behavior across a variety of platforms.
+
+A huge thank you once again to everyone in the community for all of your feedback and contributions!
+
+
+## Enhancements
+
+- Calendar
+  - Custom calendar support - [@ToyWalrus](https://github.com/ToyWalrus) - [PR](https://github.com/adobe/react-spectrum/pull/7803)
+- Collections
+  - Add `escapeKeyBehavior` to GridList/ListBox/Menu/Table/Tree - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/7974)
+- Toast
+  - Pass data attributes through on Toast - [@lukpsaxo](https://github.com/lukpsaxo) - [PR](https://github.com/adobe/react-spectrum/pull/7923)
+- Miscellaneous
+  - Support `onClick` as an alias for `onPress` - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/7891)
+  - Reduce production bundle sizes - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/7977), [PR](https://github.com/adobe/react-spectrum/pull/8046)
+  - Support React 19 and remove Jest reliance in test utils - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/7686)
+
+## Fixes
+
+- Collections
+  - Support React Suspense in collections - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/7912)
+  - Improve collection update performance - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/7905), [PR](https://github.com/adobe/react-spectrum/pull/8052)
+- Date/Time
+  - Add `data-disabled` CSS selector to DateField - [@suyash5053](https://github.com/suyash5053) - [PR](https://github.com/adobe/react-spectrum/pull/7896)
+  - Exclude `isEditable` from DateSegment render props - [@Persists](https://github.com/Persists) - [PR](https://github.com/adobe/react-spectrum/pull/7961)
+- Separator
+  - Pass aria labeling props in RAC Separator - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/7881)
+- Table
+  - Ensure table typeahead does honor row `textValue` - [@nwidynski](https://github.com/nwidynski) - [PR](https://github.com/adobe/react-spectrum/pull/7857)
+  - Add Table Cell `id` prop back into the Cell types - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/7983)
+- Toast
+  - Pass `wrapUpdate` through `useToastState` - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/7910)
+  - Export QueuedToast - [@lukpsaxo](https://github.com/lukpsaxo) - [PR](https://github.com/adobe/react-spectrum/pull/7944)
+- Miscellaneous
+  - Update yarn peer dependencies - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/7932)
+  - Fix French number parsing ambiguity - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/7966)
+  - Restore focus after a Select closes on mobile - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/7904)
+  - Apply `touch-action` by default in `usePress` - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8047)
+
+
+## Docs
+- Remove defaults from `BoxAlignmentStyleProps` - [@dsmmcken](https://github.com/dsmmcken) - [PR](https://github.com/adobe/react-spectrum/pull/7982)
+- Fix typo in CalendarDate docs - [@DarkstarXDD](https://github.com/DarkstarXDD) - [PR](https://github.com/adobe/react-spectrum/pull/8043)
+
+## Under Construction
+
+- Allow configurations to the Toast PortalProvider - [@armandabric](https://github.com/armandabric) - [PR](https://github.com/adobe/react-spectrum/pull/7907), [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/7976)
+
+## Released packages
+
+```
+ - @adobe/react-spectrum@3.41.0
+ - @internationalized/date@3.8.0
+ - @internationalized/message@3.1.7
+ - @internationalized/number@3.6.1
+ - @internationalized/string@3.2.6
+ - @react-aria/actiongroup@3.7.15
+ - @react-aria/autocomplete@3.0.0-beta.2
+ - @react-aria/breadcrumbs@3.5.23
+ - @react-aria/button@3.13.0
+ - @react-aria/calendar@3.8.0
+ - @react-aria/checkbox@3.15.4
+ - @react-aria/collections@3.0.0-rc.0
+ - @react-aria/color@3.0.6
+ - @react-aria/combobox@3.12.2
+ - @react-aria/datepicker@3.14.2
+ - @react-aria/dialog@3.5.24
+ - @react-aria/disclosure@3.0.4
+ - @react-aria/dnd@3.9.2
+ - @react-aria/focus@3.20.2
+ - @react-aria/form@3.0.15
+ - @react-aria/grid@3.13.0
+ - @react-aria/gridlist@3.12.0
+ - @react-aria/i18n@3.12.8
+ - @react-aria/interactions@3.25.0
+ - @react-aria/label@3.7.17
+ - @react-aria/landmark@3.0.2
+ - @react-aria/link@3.8.0
+ - @react-aria/listbox@3.14.3
+ - @react-aria/live-announcer@3.4.2
+ - @react-aria/menu@3.18.2
+ - @react-aria/meter@3.4.22
+ - @react-aria/numberfield@3.11.13
+ - @react-aria/overlays@3.27.0
+ - @react-aria/progress@3.4.22
+ - @react-aria/radio@3.11.2
+ - @react-aria/searchfield@3.8.3
+ - @react-aria/select@3.15.4
+ - @react-aria/selection@3.24.0
+ - @react-aria/separator@3.4.8
+ - @react-aria/slider@3.7.18
+ - @react-aria/spinbutton@3.6.14
+ - @react-aria/ssr@3.9.8
+ - @react-aria/steplist@3.0.0-alpha.16
+ - @react-aria/switch@3.7.2
+ - @react-aria/table@3.17.2
+ - @react-aria/tabs@3.10.2
+ - @react-aria/tag@3.5.2
+ - @react-aria/test-utils@1.0.0-alpha.6
+ - @react-aria/textfield@3.17.2
+ - @react-aria/toast@3.0.2
+ - @react-aria/toggle@3.11.2
+ - @react-aria/toolbar@3.0.0-beta.15
+ - @react-aria/tooltip@3.8.2
+ - @react-aria/tree@3.0.2
+ - @react-aria/utils@3.28.2
+ - @react-aria/virtualizer@4.1.4
+ - @react-aria/visually-hidden@3.8.22
+ - @react-spectrum/accordion@3.0.5
+ - @react-spectrum/actionbar@3.6.6
+ - @react-spectrum/actiongroup@3.10.14
+ - @react-spectrum/autocomplete@3.0.0-alpha.42
+ - @react-spectrum/avatar@3.0.21
+ - @react-spectrum/badge@3.1.22
+ - @react-spectrum/breadcrumbs@3.9.16
+ - @react-spectrum/button@3.16.13
+ - @react-spectrum/buttongroup@3.6.21
+ - @react-spectrum/calendar@3.7.0
+ - @react-spectrum/card@3.0.0-alpha.42
+ - @react-spectrum/checkbox@3.9.15
+ - @react-spectrum/color@3.0.6
+ - @react-spectrum/combobox@3.15.2
+ - @react-spectrum/contextualhelp@3.6.20
+ - @react-spectrum/datepicker@3.14.0
+ - @react-spectrum/dialog@3.8.20
+ - @react-spectrum/divider@3.5.22
+ - @react-spectrum/dnd@3.5.4
+ - @react-spectrum/dropzone@3.0.10
+ - @react-spectrum/filetrigger@3.0.10
+ - @react-spectrum/form@3.7.14
+ - @react-spectrum/icon@3.8.4
+ - @react-spectrum/illustratedmessage@3.5.9
+ - @react-spectrum/image@3.5.10
+ - @react-spectrum/inlinealert@3.2.14
+ - @react-spectrum/label@3.16.14
+ - @react-spectrum/labeledvalue@3.2.2
+ - @react-spectrum/layout@3.6.14
+ - @react-spectrum/link@3.6.16
+ - @react-spectrum/list@3.10.0
+ - @react-spectrum/listbox@3.15.0
+ - @react-spectrum/menu@3.22.0
+ - @react-spectrum/meter@3.5.9
+ - @react-spectrum/numberfield@3.9.12
+ - @react-spectrum/overlays@5.7.4
+ - @react-spectrum/picker@3.15.8
+ - @react-spectrum/progress@3.7.15
+ - @react-spectrum/provider@3.10.4
+ - @react-spectrum/radio@3.7.15
+ - @react-spectrum/s2@0.8.0
+ - @react-spectrum/searchfield@3.8.15
+ - @react-spectrum/slider@3.7.4
+ - @react-spectrum/statuslight@3.5.21
+ - @react-spectrum/steplist@3.0.0-alpha.14
+ - @react-spectrum/style-macro-s1@3.0.0-alpha.4
+ - @react-spectrum/switch@3.6.0
+ - @react-spectrum/table@3.17.0
+ - @react-spectrum/tabs@3.8.19
+ - @react-spectrum/tag@3.2.15
+ - @react-spectrum/test-utils@1.0.0-alpha.6
+ - @react-spectrum/text@3.5.14
+ - @react-spectrum/textfield@3.13.2
+ - @react-spectrum/theme-dark@3.5.17
+ - @react-spectrum/theme-default@3.5.17
+ - @react-spectrum/theme-express@3.0.0-alpha.19
+ - @react-spectrum/theme-light@3.4.17
+ - @react-spectrum/toast@3.0.2
+ - @react-spectrum/tooltip@3.7.4
+ - @react-spectrum/tree@3.1.0
+ - @react-spectrum/utils@3.12.4
+ - @react-spectrum/view@3.6.18
+ - @react-spectrum/well@3.4.22
+ - @react-stately/autocomplete@3.0.0-beta.1
+ - @react-stately/calendar@3.8.0
+ - @react-stately/checkbox@3.6.13
+ - @react-stately/collections@3.12.3
+ - @react-stately/color@3.8.4
+ - @react-stately/combobox@3.10.4
+ - @react-stately/data@3.12.3
+ - @react-stately/datepicker@3.14.0
+ - @react-stately/disclosure@3.0.3
+ - @react-stately/dnd@3.5.3
+ - @react-stately/flags@3.1.1
+ - @react-stately/form@3.1.3
+ - @react-stately/grid@3.11.1
+ - @react-stately/layout@4.2.2
+ - @react-stately/list@3.12.1
+ - @react-stately/menu@3.9.3
+ - @react-stately/numberfield@3.9.11
+ - @react-stately/overlays@3.6.15
+ - @react-stately/radio@3.10.12
+ - @react-stately/searchfield@3.5.11
+ - @react-stately/select@3.6.12
+ - @react-stately/selection@3.20.1
+ - @react-stately/slider@3.6.3
+ - @react-stately/steplist@3.0.0-alpha.13
+ - @react-stately/table@3.14.1
+ - @react-stately/tabs@3.8.1
+ - @react-stately/toast@3.1.0
+ - @react-stately/toggle@3.8.3
+ - @react-stately/tooltip@3.5.3
+ - @react-stately/tree@3.8.9
+ - @react-stately/utils@3.10.6
+ - @react-stately/virtualizer@4.3.2
+ - @react-types/actionbar@3.1.14
+ - @react-types/actiongroup@3.4.16
+ - @react-types/autocomplete@3.0.0-alpha.30
+ - @react-types/avatar@3.0.14
+ - @react-types/badge@3.1.16
+ - @react-types/breadcrumbs@3.7.12
+ - @react-types/button@3.12.0
+ - @react-types/buttongroup@3.3.16
+ - @react-types/calendar@3.7.0
+ - @react-types/card@3.0.0-alpha.35
+ - @react-types/checkbox@3.9.3
+ - @react-types/color@3.0.4
+ - @react-types/combobox@3.13.4
+ - @react-types/contextualhelp@3.2.17
+ - @react-types/datepicker@3.12.0
+ - @react-types/dialog@3.5.17
+ - @react-types/divider@3.3.16
+ - @react-types/form@3.7.11
+ - @react-types/grid@3.3.1
+ - @react-types/illustratedmessage@3.3.16
+ - @react-types/image@3.4.8
+ - @react-types/label@3.9.10
+ - @react-types/layout@3.3.22
+ - @react-types/link@3.6.0
+ - @react-types/list@3.2.26
+ - @react-types/listbox@3.6.0
+ - @react-types/menu@3.10.0
+ - @react-types/meter@3.4.8
+ - @react-types/numberfield@3.8.10
+ - @react-types/overlays@3.8.14
+ - @react-types/progress@3.5.11
+ - @react-types/provider@3.8.8
+ - @react-types/radio@3.8.8
+ - @react-types/searchfield@3.6.1
+ - @react-types/select@3.9.11
+ - @react-types/shared@3.29.0
+ - @react-types/slider@3.7.10
+ - @react-types/statuslight@3.3.16
+ - @react-types/switch@3.5.10
+ - @react-types/table@3.12.0
+ - @react-types/tabs@3.3.14
+ - @react-types/text@3.3.16
+ - @react-types/textfield@3.12.1
+ - @react-types/tooltip@3.4.16
+ - @react-types/view@3.4.16
+ - @react-types/well@3.3.16
+ - @spectrum-icons/color@3.5.21
+ - @spectrum-icons/express@3.0.0-alpha.25
+ - @spectrum-icons/illustrations@3.6.21
+ - @spectrum-icons/ui@3.6.15
+ - @spectrum-icons/workflow@4.2.20
+ - @react-spectrum/codemods@0.5.2
+ - @react-aria/parcel-resolver-optimize-locales@1.2.1
+ - @react-spectrum/s2-icon-builder@0.2.3
+ - react-aria@3.39.0
+ - react-aria-components@1.8.0
+ - react-stately@3.37.0
+```
