Skip to content

docs: April release notes #8062

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 10 commits into from
Apr 11, 2025
Merged

docs: April release notes #8062

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
bb962fa
initialize release notes
yihuiliao Apr 8, 2025
cef9e2d
Merge branch 'main' into apr-release-notes
yihuiliao Apr 8, 2025
f260550
update
yihuiliao Apr 8, 2025
b38a0cd
remove notifcation badge from autodocs
yihuiliao Apr 9, 2025
91b4140
update release notes
yihuiliao Apr 9, 2025
71cea89
Merge branch 'main' into apr-release-notes
yihuiliao Apr 10, 2025
f702d7f
update s2 release notes
yihuiliao Apr 10, 2025
5b24d87
add intro and description
LFDanLu Apr 10, 2025
7fb16f3
adding released packages
LFDanLu Apr 11, 2025
debd6a9
Update 2025-04-14.mdx
devongovett Apr 11, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 17 additions & 0 deletions .storybook-s2/docs/Release Notes.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
2 changes: 1 addition & 1 deletion packages/@react-spectrum/s2/stories/NotificationBadge.stories.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ const meta: Meta<typeof NotificationBadge> = {
parameters: {
layout: 'centered'
},
tags: ['autodocs'],
tags: ['!autodocs'],
title: 'NotificationBadge'
};

Expand Down
287 changes: 287 additions & 0 deletions packages/dev/docs/pages/releases/2025-04-14.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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`.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Be sure to review this, just added it

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/[email protected]
- @internationalized/[email protected]
- @internationalized/[email protected]
- @internationalized/[email protected]
- @internationalized/[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-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-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-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-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-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-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-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-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-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]
- @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]
- @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]
- @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]
- @react-types/[email protected]
- @react-types/[email protected]
- @react-types/[email protected]
- @react-types/[email protected]
- @react-types/[email protected]
- @react-types/[email protected]
- @spectrum-icons/[email protected]
- @spectrum-icons/[email protected]
- @spectrum-icons/[email protected]
- @spectrum-icons/[email protected]
- @spectrum-icons/[email protected]
- @react-spectrum/[email protected]
- @react-aria/[email protected]
- @react-spectrum/[email protected]
- [email protected]
- [email protected]
- [email protected]
```