|
| 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