feat: Release notes for new docs (#9091)

* feat: Release notes for new docs

* divvy up the rest of S2 and remove from sidenav

* add react aria components release notes

* fix heading levels

* update link

* Fix all dates

* fix code block display

* fix rendering inside description

* fix image and add actual github releases to relevant docs

* fix code blocks and add archive link

* fix missed page

* remove RSP v3 references in the release notes to reduce noise for RAC users

* remove more V3 PRs from the release notes for RAC

* fix spacing

* add metadata

* fix examples page

* add link to go to the releases list from any individual release

* add aria label

Author: snowystinger

packages/dev/s2-docs/pages/react-aria/assets/datepicker-rtl.png

@@ -3,6 +3,7 @@ export default Layout;
 
 export const section = 'Getting started';
 export const hideFromSearch = true;
+export const title = 'Examples';
 
 # Examples
 

packages/dev/s2-docs/pages/react-aria/examples/index.mdx

@@ -0,0 +1,20 @@
+{/* Copyright 2020 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 {Layout} from '../../../src/Layout';
+import {ReleasesList} from '../../../src/ReleasesList';
+export default Layout;
+
+export const section = 'Releases';
+export const tags = ['changelog', 'versions', 'updates'];
+export const title = 'Releases';
+
+# Releases
+
+<ReleasesList pages={props.pages.filter(page => page.name.includes('react-aria') && page.name.includes('releases') && !page.name.includes('index.html')) ?? []} />

packages/dev/s2-docs/pages/react-aria/releases/index.mdx

@@ -0,0 +1,199 @@
+{/* Copyright 2020 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 {Layout} from '../../../src/Layout';
+export default Layout;
+
+import docs from 'docs:@react-spectrum/s2';
+import {Time} from '../../../src/ReleasesList';
+
+export const section = '';
+export const tags = ['release', 'React Aria'];
+export const date = 'December 20, 2023';
+export const title = 'v1.0.0';
+export const description = 'In this release, we\'re promoting React Aria Components from RC to GA 🎉, optimizing our included translation files, shipping a storybook based on all our React Aria Components with a starter theme, and fixing plenty of bugs.';
+export const isSubpage = true;
+
+# v1.0.0
+<Time date={date} />
+
+Welcome to the last release of the year! After a year of work, we are happy to announce the GA release of React Aria Components 🎉 This component library, built on top of our React Aria hooks, provides a simpler way to craft world-class accessible components with custom styles. See our new React Aria [landing page](https://react-spectrum.adobe.com/react-aria/index.html) for all of the details, including interactive examples. To help get you started even faster, we now also have a downloadable Storybook [starter kit](../getting-started.html#starter-kit) including an example CSS theme.
+
+Also in this release we are adding the ability to optimize translation files and fixing plenty of bugs.
+As always, huge thanks to everyone in our community for their feedback and contributions to make this release and this year possible!
+
+Happy coding and see you in the new year! ☃️
+
+
+**React Aria Components API updates**
+
+In this release, we made a few last API updates to React Aria Components as they move along to GA.
+* Temporarily removed nested column support in `Tables` due to instability.
+* Hover and Focus are now distinct states in `ListBox`.
+* Hover state has been added to column headers in tables when sorting is allowed.
+* All refs given to a component now go to their outer most element. If you need a ref to the input, you can attach it directly.
+* Styles for `Popover`, `Tooltip`, and `OverlayArrow` are now merged in a different order to allow overriding our default styles.
+* Added a dependency array to help manage the item cache with columns in `Tables`.
+
+## Enhancements
+* Improve behavior of `usePreventScroll` on iOS - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/5346)
+* Add data-trigger to `Popover` to style based on trigger component - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/5429)
+* Add menuWidth & expose align props in `ComboBox` and `SearchAutocomplete` - [@sookmax](https://github.com/sookmax) - [PR](https://github.com/adobe/react-spectrum/pull/5446)
+* RAC `Menu` button and popover can have same width - [@ktabors](https://github.com/ktabors) - [PR](https://github.com/adobe/react-spectrum/pull/5465)
+* Generate a starter storybook from the docs - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/5440)
+* Add directory support for `FileTrigger` - [@ryo-manba](https://github.com/ryo-manba) - [PR](https://github.com/adobe/react-spectrum/pull/5444)
+* Provide access to `portalContainer` of react-aria-components popover element - [@BenBeattieHood](https://github.com/BenBeattieHood) - [PR](https://github.com/adobe/react-spectrum/pull/5381)
+* Add capitalization settings support for `useTextField` - [@ryo-manba](https://github.com/ryo-manba) - [PR](https://github.com/adobe/react-spectrum/pull/5472)
+* Add build plugins to optimize translated strings for unsupported languages - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/4838)
+* Render children in `DropIndicators` - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/5527)
+* Add support for `onScroll` event to RAC collection components - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/5534)
+* Add hover state to `TableColumnHeader` when 'allowSorting' is true - [@sookmax](https://github.com/sookmax) - [PR](https://github.com/adobe/react-spectrum/pull/5471)
+* Use owner document in `FocusScope` - [@slye-stripe](https://github.com/slye-stripe) - [PR](https://github.com/adobe/react-spectrum/pull/5449)
+* Add 'use client' to components in build for Next.js app directory - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/5498)
+* Support for `Avatar` in `ListBox`, `Picker`, `ComboBox`, and `SearchAutocomplete` - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/5431)
+
+## Fixes
+* Additional TS StrictMode support - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/5305)
+* TS Strict for react-aria `Checkbox` - [@ryo-manba](https://github.com/ryo-manba) - [PR](https://github.com/adobe/react-spectrum/pull/5467)
+* TS Strict internationalized - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/5544)
+* TS Strict Checkbox State - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/5555)
+* TS Strict for `DropZone` and `VisuallyHidden` - [@ktabors](https://github.com/ktabors) - [PR](https://github.com/adobe/react-spectrum/pull/5566)
+* Date components light theme placeholder color contrast - [@ktabors](https://github.com/ktabors) - [PR](https://github.com/adobe/react-spectrum/pull/5396)
+* Selected checkbox fill color when checkbox group is disabled - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/5407)
+* Propagate `isDisabled` prop from RAC `DatePicker`/`DateRangePicker` to popover `Button` - [@ryo-manba](https://github.com/ryo-manba) - [PR](https://github.com/adobe/react-spectrum/pull/5411), [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/5413)
+* Labelable option to `Tab` props for aria-label support - [@ryo-manba](https://github.com/ryo-manba) - [PR](https://github.com/adobe/react-spectrum/pull/5408)
+* Make order of tailwind variants match default - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/5478)
+* Upgrade clsx to v2.0.0 for ESM support - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/5487)
+* RAC support overriding default styles in overlay components - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/5506)
+* Clarifying menuWidth prop lower bound. - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/5510)
+* Close `Popover` on scroll - [@boutahlilsoufiane](https://github.com/boutahlilsoufiane) - [PR](https://github.com/adobe/react-spectrum/pull/5453)
+* Ensure `DismissButton` has a height so it works with iOS VO - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/5539)
+* Support `TooltipTrigger` with `DialogTrigger` - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/5526)
+* Ensure all refs go to the outer-most element - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/5528)
+* Prevent flicker from all items to filtered collection when combobox is animating closed - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/5538)
+* Normalize press handling for `Checkbox`, `Radio`, and `Switch` labels - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/5525)
+* Scroll into view when auto focusing regardless of modality - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/5542)
+* `ActionGroup` icon padding when overflow="collapse" and buttonLabelBehavior="hide" - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/5529)
+* RAC `Table` caching issues - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/5530)
+* Support for focus events in `useRadioGroup` hooks - [@ryo-manba](https://github.com/ryo-manba) - [PR](https://github.com/adobe/react-spectrum/pull/5441)
+* Scroll menu with sections on iPad - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/5513)
+* `Table` warning in NextJS - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/5501)
+* Escape strings used in query selectors - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/5565)
+* Tailwind CSS plugin in RAC to use require instead of import - [@tom-fletcher](https://github.com/tom-fletcher) - [PR](https://github.com/adobe/react-spectrum/pull/5541)
+* Hover in RAC `ListBox` and remove onCellAction - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/5580)
+* Propagate `SearchField` escape key - [@ktabors](https://github.com/ktabors) - [PR](https://github.com/adobe/react-spectrum/pull/5571)
+* `restoreTextSelection` on pointerUp event - [@sookmax](https://github.com/sookmax) - [PR](https://github.com/adobe/react-spectrum/pull/5561)
+* Make value and defaultValue valid in `NumberField` and `Slider` - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/5543)
+* Respect Tailwind hoverOnlyWhenSupported, and fix placeholder-shown with `Input` - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/5587)
+* Aria label on `ListBox` `Sections` in RAC - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/5603)
+
+## Docs
+* Fix `useToast` example in docs - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/5398)
+* Extract CSS vars from RAC docs into reusable package - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/5419)
+* Update React Aria docs to clarify virtualization support - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/5435)
+* Update React Aria docs to introduce components by default - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/5436)
+* Docs for `useLandmark` - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/5418)
+* Fix prop table in docs - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/5532)
+* Update `FileTrigger` directory prop name and docs - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/5512)
+* Fix broken links in the the docs - [@ktabors](https://github.com/ktabors) - [PR](https://github.com/adobe/react-spectrum/pull/5572)
+* Update collections and selection guides for React Aria Components - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/5455)
+
+## Released packages
+
+```json
+ - [email protected]
+ - [email protected]
+ - [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-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-aria/[email protected]
+ - @react-aria/[email protected]
+ - [email protected]
+```