Skip to content

Commit 0e35939

Browse files
authored
August 2023 release notes (#4889)
* release notes
1 parent d4dfe4b commit 0e35939

File tree

3 files changed

+285
-2
lines changed

3 files changed

+285
-2
lines changed

packages/@react-spectrum/inlinealert/docs/InlineAlert.mdx

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,8 @@ keywords: [inline alert, alert]
3434
componentNames={['InlineAlert']}
3535
sourceData={[
3636
{type: 'Spectrum', url: 'https://spectrum.adobe.com/page/in-line-alert/'}
37-
]} />
37+
]}
38+
since="3.29.0" />
3839

3940
## Example
4041

@@ -111,4 +112,4 @@ The default variant is neutral, and should be used when the message is neutral i
111112
<Heading>Unable to process payment</Heading>
112113
<Content>There was an error processing your payment. Please check that your credit card information is correct, then try again.</Content>
113114
</InlineAlert>
114-
```
115+
```

packages/dev/docs/pages/react-spectrum/ssr.mdx

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -59,6 +59,7 @@ Add the following to your `next.config.js` file. This will ensure that React Spe
5959
module.exports = {
6060
transpilePackages: [
6161
"@adobe/react-spectrum",
62+
"@react-spectrum/actionbar",
6263
"@react-spectrum/actiongroup",
6364
"@react-spectrum/avatar",
6465
"@react-spectrum/badge",
@@ -76,6 +77,7 @@ module.exports = {
7677
"@react-spectrum/form",
7778
"@react-spectrum/icon",
7879
"@react-spectrum/illustratedmessage",
80+
"@react-spectrum/inlinealert",
7981
"@react-spectrum/image",
8082
"@react-spectrum/label",
8183
"@react-spectrum/labeledvalue",
@@ -127,6 +129,7 @@ With this installed, add the following to your `next.config.js` file.
127129
```tsx
128130
const withTM = require("next-transpile-modules")([
129131
"@adobe/react-spectrum",
132+
"@react-spectrum/actionbar",
130133
"@react-spectrum/actiongroup",
131134
"@react-spectrum/avatar",
132135
"@react-spectrum/badge",
@@ -145,6 +148,7 @@ const withTM = require("next-transpile-modules")([
145148
"@react-spectrum/icon",
146149
"@react-spectrum/illustratedmessage",
147150
"@react-spectrum/image",
151+
"@react-spectrum/inlinealert",
148152
"@react-spectrum/label",
149153
"@react-spectrum/labeledvalue",
150154
"@react-spectrum/layout",
Lines changed: 278 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,278 @@
1+
{/* Copyright 2023 Adobe. All rights reserved.
2+
This file is licensed to you under the Apache License, Version 2.0 (the "License");
3+
you may not use this file except in compliance with the License. You may obtain a copy
4+
of the License at http://www.apache.org/licenses/LICENSE-2.0
5+
Unless required by applicable law or agreed to in writing, software distributed under
6+
the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
7+
OF ANY KIND, either express or implied. See the License for the specific language
8+
governing permissions and limitations under the License. */}
9+
10+
import {BlogPostLayout, Hero} from '@react-spectrum/docs';
11+
export default BlogPostLayout;
12+
13+
---
14+
description: In today's release, the InlineAlert component is going to GA! Explore the options in the React Spectrum InlineAlert docs. Our React Aria Components have new additions including TextArea, FileTrigger, and DropZone. Our date/time components have also had some usability updates, usePress now supports an option to continue propagation, and we improved support for HTML forms across our components.
15+
date: 2023-08-09
16+
---
17+
18+
# August 9, 2023 Release
19+
In today's release, the `InlineAlert` component is going to GA! Explore the options in the [React Spectrum InlineAlert docs](https://react-spectrum.adobe.com/react-spectrum/InlineAlert.html). Our React Aria Components have new additions including [TextArea](https://react-spectrum.adobe.com/react-aria/TextField.html#multi-line), [FileTrigger](https://react-spectrum.adobe.com/react-aria/FileTrigger.html), and [DropZone](https://react-spectrum.adobe.com/react-aria/DropZone.html). Our date/time components have also had some usability updates, `usePress` now supports an option to [continue propagation](https://react-spectrum.adobe.com/react-aria/usePress.html#usage), and we improved support for HTML forms across our components.
20+
21+
Thank you to our community for their support and contributions!
22+
23+
## New components
24+
- [InlineAlert](https://react-spectrum.adobe.com/react-spectrum/InlineAlert.html)
25+
- Please note that this release includes an API change from the pre-release version. The `Header` component should be replaced with `Heading`.
26+
27+
## Enhancements
28+
- Support HTML form submit and reset across components - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/4795)
29+
- Export `fromDate` & `fromEpoch` and add to docs - [@naveen2593kumar](https://github.com/naveen2593kumar) - [PR](https://github.com/adobe/react-spectrum/pull/4732)
30+
- Support a null date in `DatePicker` - [@ktabors](https://github.com/ktabors) - [PR](https://github.com/adobe/react-spectrum/pull/4739)
31+
- Add support for continuePropagation to `usePress` - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/4683)
32+
- Support a data-attribute to identify a11y false positives - [@abitbetterthanyesterday](https://github.com/abitbetterthanyesterday) - [PR](https://github.com/adobe/react-spectrum/pull/4759)
33+
34+
## Fixes
35+
- Adjust `DateField` line height to prevent scroll - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/4713)
36+
- Add `aria-hidden` and `role` props to `usePopover` - [@andrewchough](https://github.com/andrewchough) - [PR](https://github.com/adobe/react-spectrum/pull/4727)
37+
- Persist timezone in `TimeField` with when used with `defaultValue` - [@ktabors](https://github.com/ktabors) - [PR](https://github.com/adobe/react-spectrum/pull/4715)
38+
- Fix `calculatePosition` types and tests - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/4729)
39+
- Use `document` for SSR check in `useViewportSize` - [@marg0l](https://github.com/marg0l) - [PR](https://github.com/adobe/react-spectrum/pull/4688)
40+
- Support week manipulation in `@internationalized/date` with `ZonedDateTime` - [@longzheng](https://github.com/longzheng) - [PR](https://github.com/adobe/react-spectrum/pull/4702)
41+
- Fix dragging within nested drag targets - [@tflanagan](https://github.com/tflanagan) - [PR](https://github.com/adobe/react-spectrum/pull/4601)
42+
- Allow custom `aria-describedby` on checkbox/radio group items - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/4778)
43+
- Export `AriaButtonOptions` from `react-aria` and `@react-aria/button` - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/4784)
44+
- Fix `ComboBox` handling tab/enter when custom value is allowed - [@BDesta](https://github.com/BDesta) - [PR](https://github.com/adobe/react-spectrum/pull/2670)
45+
- Support `Heading` instead of `Header` in `InlineAlert` - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/4834)
46+
- Update `DatePicker` to persist a valid `TimeField` value - [@ktabors](https://github.com/ktabors) - [PR](https://github.com/adobe/react-spectrum/pull/4648)
47+
- Pass Id into `generateId` function if it exists in `Tabs` - [@andrewchough](https://github.com/andrewchough) - [PR](https://github.com/adobe/react-spectrum/pull/4855)
48+
- Update translations for `TableView`, `Menu`, `Calendar` and Dnd - [@angmail101](https://github.com/angmail101) - [PR](https://github.com/adobe/react-spectrum/pull/4853)
49+
- Prevent resize infinite loop in `TableView` when scrollbars are always on - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/4846)
50+
- Apply `aria-hidden` on non HTMLElements - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/4868)
51+
- WHCM ProgressBar/Meter color updates - [@ktabors](https://github.com/ktabors) - [PR](https://github.com/adobe/react-spectrum/pull/4804)
52+
- Render borders correctly in `Dialog`, `Popover`, and containing components in WHCM - [@majornista](https://github.com/majornista) - [PR](https://github.com/adobe/react-spectrum/pull/4050)
53+
- WHCM support for ComboBox and Statuslight - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/4850)
54+
- Do not add random prefix to ids during tests in React 18 - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/4869)
55+
- Add WHCM support for svg in `IllustratedMessage` - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/4802)
56+
- Update WHCM text color for `Link` - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/4799)
57+
- Fix WHCM color for disabled `LogicButton` - [@ktabors](https://github.com/ktabors) - [PR](https://github.com/adobe/react-spectrum/pull/4806)
58+
- Fix WHCM `ActionButton`/`ToggleButton` hover state - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/4803)
59+
- Update background color of clear button in `SearchField` for WHCM - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/4805)
60+
- Prevent unexpected column resizer blur when focused via menu - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/4876)
61+
## Docs
62+
- Add `textValue` to complex item examples in `TagGroup` - [@ktabors](https://github.com/ktabors) - [PR](https://github.com/adobe/react-spectrum/pull/4714)
63+
- Fix invalid date examples - [@ktabors](https://github.com/ktabors) - [PR](https://github.com/adobe/react-spectrum/pull/4777)
64+
- Update link in `Menu` - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/4800)
65+
- Update `SearchField` docs with Spectrum link - [@matthewdeutsch](https://github.com/matthewdeutsch) - [PR](https://github.com/adobe/react-spectrum/pull/4831)
66+
- Fix package data for InlineAlert docs - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/4830)
67+
- Fix typos in `@internationalized` examples - [@lreis](https://github.com/lreis) - [PR](https://github.com/adobe/react-spectrum/pull/4827)
68+
- Add docs for new HTML Form updates - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/4867)
69+
70+
## Under construction
71+
72+
Fixes to pre-released components are listed below. Please feel free to try them out, and report any issues you encounter.
73+
74+
### React Aria Components (Alpha)
75+
- Expose additional states in React Aria Components - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/4616)
76+
- Fix keyboard navigation & focus in `RadioGroup` in `Dialog` - [@mariareedstrom](https://github.com/mariareedstrom) - [PR](https://github.com/adobe/react-spectrum/pull/4766)
77+
- Use span for labels in `Radio` and `Checkbox` & add `RadioContext` - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/4780)
78+
- Add missing render props and docs improvements - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/4755)
79+
- Add support for custom `aria-label` in `DropZone` - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/4703)
80+
- Add `TextArea` component - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/4779)
81+
- Export types required to use slots - [@hosmelq](https://github.com/hosmelq) - [PR](https://github.com/adobe/react-spectrum/pull/4787)
82+
- Fix broken links to Collections and Selection pages - [@wojtekmaj](https://github.com/wojtekmaj) - [PR](https://github.com/adobe/react-spectrum/pull/4812)
83+
- Table column resizing support - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/4785)
84+
- `Dropzone` & `FileTrigger` docs - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/4847)
85+
- Pass in the correct props for `Section` in `ListBox` - [@andrewchough](https://github.com/andrewchough) - [PR](https://github.com/adobe/react-spectrum/pull/4845)
86+
87+
## Released packages
88+
89+
```
90+
- @adobe/react-spectrum@3.29.0
91+
- @internationalized/date@3.4.0
92+
- @react-aria/accordion@3.0.0-alpha.20
93+
- @react-aria/actiongroup@3.6.1
94+
- @react-aria/aria-modal-polyfill@3.7.4
95+
- @react-aria/autocomplete@3.0.0-alpha.19
96+
- @react-aria/breadcrumbs@3.5.4
97+
- @react-aria/button@3.8.1
98+
- @react-aria/calendar@3.4.1
99+
- @react-aria/checkbox@3.10.0
100+
- @react-aria/color@3.0.0-beta.23
101+
- @react-aria/combobox@3.6.3
102+
- @react-aria/datepicker@3.6.0
103+
- @react-aria/dialog@3.5.4
104+
- @react-aria/dnd@3.4.0
105+
- @react-aria/focus@3.14.0
106+
- @react-aria/grid@3.8.1
107+
- @react-aria/gridlist@3.5.1
108+
- @react-aria/i18n@3.8.1
109+
- @react-aria/interactions@3.17.0
110+
- @react-aria/label@3.6.1
111+
- @react-aria/landmark@3.0.0-beta.3
112+
- @react-aria/link@3.5.3
113+
- @react-aria/listbox@3.10.1
114+
- @react-aria/menu@3.10.1
115+
- @react-aria/meter@3.4.4
116+
- @react-aria/numberfield@3.7.0
117+
- @react-aria/overlays@3.16.0
118+
- @react-aria/progress@3.4.4
119+
- @react-aria/radio@3.7.0
120+
- @react-aria/searchfield@3.5.4
121+
- @react-aria/select@3.12.0
122+
- @react-aria/selection@3.16.1
123+
- @react-aria/separator@3.3.4
124+
- @react-aria/slider@3.6.0
125+
- @react-aria/spinbutton@3.5.1
126+
- @react-aria/ssr@3.7.1
127+
- @react-aria/switch@3.5.3
128+
- @react-aria/table@3.11.0
129+
- @react-aria/tabs@3.6.2
130+
- @react-aria/tag@3.1.1
131+
- @react-aria/textfield@3.11.0
132+
- @react-aria/toast@3.0.0-beta.3
133+
- @react-aria/toggle@3.7.0
134+
- @react-aria/tooltip@3.6.1
135+
- @react-aria/utils@3.19.0
136+
- @react-aria/virtualizer@3.9.1
137+
- @react-aria/visually-hidden@3.8.3
138+
- @react-spectrum/accordion@3.0.0-alpha.22
139+
- @react-spectrum/actionbar@3.1.1
140+
- @react-spectrum/actiongroup@3.9.1
141+
- @react-spectrum/autocomplete@3.0.0-alpha.20
142+
- @react-spectrum/avatar@3.0.3
143+
- @react-spectrum/badge@3.1.4
144+
- @react-spectrum/breadcrumbs@3.8.1
145+
- @react-spectrum/button@3.12.4
146+
- @react-spectrum/buttongroup@3.6.4
147+
- @react-spectrum/calendar@3.3.1
148+
- @react-spectrum/card@3.0.0-alpha.21
149+
- @react-spectrum/checkbox@3.7.4
150+
- @react-spectrum/color@3.0.0-beta.24
151+
- @react-spectrum/combobox@3.10.0
152+
- @react-spectrum/contextualhelp@3.6.1
153+
- @react-spectrum/datepicker@3.7.0
154+
- @react-spectrum/dialog@3.8.1
155+
- @react-spectrum/divider@3.5.4
156+
- @react-spectrum/dnd@3.3.1
157+
- @react-spectrum/form@3.6.4
158+
- @react-spectrum/icon@3.7.4
159+
- @react-spectrum/illustratedmessage@3.4.4
160+
- @react-spectrum/image@3.4.4
161+
- @react-spectrum/inlinealert@3.0.0
162+
- @react-spectrum/label@3.13.1
163+
- @react-spectrum/labeledvalue@3.1.4
164+
- @react-spectrum/layout@3.5.4
165+
- @react-spectrum/link@3.5.4
166+
- @react-spectrum/list@3.6.1
167+
- @react-spectrum/listbox@3.11.1
168+
- @react-spectrum/menu@3.13.0
169+
- @react-spectrum/meter@3.4.4
170+
- @react-spectrum/numberfield@3.7.0
171+
- @react-spectrum/overlays@5.3.0
172+
- @react-spectrum/picker@3.11.1
173+
- @react-spectrum/progress@3.6.1
174+
- @react-spectrum/provider@3.8.1
175+
- @react-spectrum/radio@3.5.4
176+
- @react-spectrum/searchfield@3.7.4
177+
- @react-spectrum/slider@3.6.0
178+
- @react-spectrum/statuslight@3.5.4
179+
- @react-spectrum/switch@3.4.4
180+
- @react-spectrum/table@3.11.0
181+
- @react-spectrum/tabs@3.7.1
182+
- @react-spectrum/tag@3.1.1
183+
- @react-spectrum/text@3.4.4
184+
- @react-spectrum/textfield@3.10.4
185+
- @react-spectrum/theme-dark@3.5.4
186+
- @react-spectrum/theme-default@3.5.4
187+
- @react-spectrum/theme-express@3.0.0-alpha.6
188+
- @react-spectrum/theme-light@3.4.4
189+
- @react-spectrum/toast@3.0.0-beta.3
190+
- @react-spectrum/tooltip@3.5.3
191+
- @react-spectrum/utils@3.10.1
192+
- @react-spectrum/view@3.6.1
193+
- @react-spectrum/well@3.4.4
194+
- @react-stately/calendar@3.3.1
195+
- @react-stately/checkbox@3.4.4
196+
- @react-stately/collections@3.10.0
197+
- @react-stately/color@3.4.1
198+
- @react-stately/combobox@3.6.0
199+
- @react-stately/data@3.10.1
200+
- @react-stately/datepicker@3.6.0
201+
- @react-stately/dnd@3.2.3
202+
- @react-stately/flags@3.0.0
203+
- @react-stately/grid@3.8.0
204+
- @react-stately/layout@3.13.0
205+
- @react-stately/list@3.9.1
206+
- @react-stately/menu@3.5.4
207+
- @react-stately/numberfield@3.6.0
208+
- @react-stately/overlays@3.6.1
209+
- @react-stately/radio@3.8.3
210+
- @react-stately/searchfield@3.4.4
211+
- @react-stately/select@3.5.3
212+
- @react-stately/selection@3.13.3
213+
- @react-stately/slider@3.4.1
214+
- @react-stately/table@3.11.0
215+
- @react-stately/tabs@3.5.1
216+
- @react-stately/toggle@3.6.1
217+
- @react-stately/tooltip@3.4.3
218+
- @react-stately/tree@3.7.1
219+
- @react-stately/virtualizer@3.6.1
220+
- @react-types/accordion@3.0.0-alpha.15
221+
- @react-types/actionbar@3.1.1
222+
- @react-types/actiongroup@3.4.3
223+
- @react-types/autocomplete@3.0.0-alpha.15
224+
- @react-types/avatar@3.0.1
225+
- @react-types/badge@3.1.3
226+
- @react-types/breadcrumbs@3.6.1
227+
- @react-types/button@3.7.4
228+
- @react-types/buttongroup@3.3.3
229+
- @react-types/calendar@3.3.1
230+
- @react-types/card@3.0.0-alpha.17
231+
- @react-types/checkbox@3.5.0
232+
- @react-types/color@3.0.0-beta.18
233+
- @react-types/combobox@3.7.0
234+
- @react-types/contextualhelp@3.2.4
235+
- @react-types/datepicker@3.5.0
236+
- @react-types/dialog@3.5.4
237+
- @react-types/divider@3.3.3
238+
- @react-types/form@3.5.2
239+
- @react-types/grid@3.2.0
240+
- @react-types/illustratedmessage@3.3.3
241+
- @react-types/image@3.3.3
242+
- @react-types/label@3.7.5
243+
- @react-types/layout@3.3.9
244+
- @react-types/link@3.4.4
245+
- @react-types/list@3.2.5
246+
- @react-types/listbox@3.4.3
247+
- @react-types/menu@3.9.3
248+
- @react-types/meter@3.3.3
249+
- @react-types/numberfield@3.5.0
250+
- @react-types/overlays@3.8.1
251+
- @react-types/progress@3.4.2
252+
- @react-types/provider@3.6.3
253+
- @react-types/radio@3.5.0
254+
- @react-types/searchfield@3.4.3
255+
- @react-types/select@3.8.2
256+
- @react-types/shared@3.19.0
257+
- @react-types/slider@3.6.0
258+
- @react-types/statuslight@3.3.3
259+
- @react-types/switch@3.4.0
260+
- @react-types/table@3.8.0
261+
- @react-types/tabs@3.3.1
262+
- @react-types/text@3.3.3
263+
- @react-types/textfield@3.7.3
264+
- @react-types/tooltip@3.4.3
265+
- @react-types/view@3.4.3
266+
- @react-types/well@3.3.3
267+
- @spectrum-icons/color@3.5.4
268+
- @spectrum-icons/express@3.0.0-alpha.8
269+
- @spectrum-icons/illustrations@3.6.4
270+
- @spectrum-icons/ui@3.5.4
271+
- @spectrum-icons/workflow@4.2.3
272+
- react-aria@3.27.0
273+
- react-aria-components@1.0.0-alpha.6
274+
- react-stately@3.25.0
275+
```
276+
277+
278+

0 commit comments

Comments
 (0)