Skip to content

Commit dcc77f2

Browse files
snowystingersnowystinger
committed
divvy up the rest of S2 and remove from sidenav
1 parent 786157c commit dcc77f2

File tree

17 files changed

+598
-332
lines changed

17 files changed

+598
-332
lines changed

‎packages/dev/s2-docs/pages/react-aria/releases/2025-10-03.mdx‎ renamed to ‎packages/dev/s2-docs/pages/react-aria/releases/v1-13-0.mdx‎

File renamed without changes.

‎packages/dev/s2-docs/pages/s2/aa-somefoo.mdx‎

Lines changed: 0 additions & 324 deletions
This file was deleted.

‎packages/dev/s2-docs/pages/s2/releases/v0-1-0.mdx‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
{/* Copyright 2020 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 {Layout} from '../../../src/Layout';
11+
export default Layout;
12+
13+
import docs from 'docs:@react-spectrum/s2';
14+
15+
export const section = '';
16+
export const tags = ['release', 'S2'];
17+
export const date = 'May 17, 2024';
18+
export const title = 'v0.1.0';
19+
export const description = 'Version 0.1.0 introduces the first version of Spectrum 2, including new Badge, ComboBox, Meter, and Picker components.';
20+
21+
# v0.1.0
22+
23+
## New components
24+
25+
* [Badge](?path=/docs/badge--docs)
26+
* [ComboBox](?path=/docs/combobox--docs)
27+
* [Meter](?path=/docs/meter--docs)
28+
* [Picker](?path=/docs/picker--docs)
29+
30+
## Updates
31+
32+
* [TagGroup](?path=/docs/taggroup--docs) now supports avatars, images, error message and description help text, and improved hover/focus styling
33+
* Updated React Aria Components to v1.2.0
34+
* Fixed global styles such as CSS resets from applying to Spectrum 2 elements. Note that any CSS rule referenced from an `UNSAFE_className` prop must now be wrapped in `@layer UNSAFE_overrides`. See [the docs](?path=/docs/intro--docs#unsafe-style-overrides) for more details.
35+
* The `style` macro will now error if it is called without importing `with {type: 'macro'}`. Previously it would fail to apply styles silently. This should help with debugging.
36+
37+
See the updated [API changelog](https://github.com/adobe/react-spectrum/blob/main/packages/@react-spectrum/s2/api-diff.md) for a full list of changes since RSP v3.

‎packages/dev/s2-docs/pages/s2/releases/v0-10-0.mdx‎

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
{/* Copyright 2020 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 {Layout} from '../../../src/Layout';
11+
export default Layout;
12+
13+
import docs from 'docs:@react-spectrum/s2';
14+
15+
export const section = '';
16+
export const tags = ['release', 'S2'];
17+
export const date = 'July 23, 2025';
18+
export const title = 'v0.10.0';
19+
export const description = 'Version 0.10.0 introduces a new font for Spectrum 2: Adobe Clean Spectrum VF, along with new date and time components including Calendar, DatePicker, DateRangePicker, and TimeField. This release also includes various component improvements and bug fixes.';
20+
21+
# v0.10.0 - July 23, 2025
22+
23+
Version 0.10.0 introduces a new font for Spectrum 2: Adobe Clean Spectrum VF, along with new date and time components including Calendar, DatePicker, DateRangePicker, and TimeField. This release also includes various component improvements and bug fixes.
24+
25+
## Font update
26+
27+
This release introduces a new font for Spectrum 2: Adobe Clean Spectrum VF. This is an evolution of the previous Adobe Clean, with slightly updated metrics allowing for better vertical centering. Along with this update, the S2 Provider component now automatically handles loading the fonts needed for the user's language. The new font does not affect previous versions of React Spectrum.
28+
29+
If you previously used `page.css` without a `Provider`, you'll need to add a `Provider` around your app to load the fonts. See the [Intro](../index.html#setting-up-your-app) for details.
30+
31+
## New Components
32+
33+
* [Calendar](../Calendar.html)
34+
* [RangeCalendar](../RangeCalendar.html)
35+
* [DateField](../DateField.html)
36+
* [DatePicker](../DatePicker.html)
37+
* [DateRangePicker](../DateRangePicker.html)
38+
* [TimeField](../TimeField.html)
39+
40+
## Updates
41+
42+
* [CardView](../CardView.html): Fix ActionBar from not scrolling
43+
* [ActionButton](../ActionButton.html): Fix avatar-only ActionButtons to have square dimensions
44+
* [Tabs](../Tabs.html): Improve selection indicator animation, fix collapsed tabs
45+
* [ProgressCircle](../ProgressCircle.html): Add track outline in High Contrast Mode
46+
* [Switch](../Switch.html): Fix the toggle in RTL locales
47+
* [TreeView](../TreeView.html): Support async loading
48+
49+
## Github release tag
50+
51+
[Tag v0.10.0](https://github.com/adobe/react-spectrum/releases/tag/%40react-spectrum%2Fs2%400.10.0)

‎packages/dev/s2-docs/pages/s2/releases/v0-11-0.mdx‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
{/* Copyright 2020 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 {Layout} from '../../../src/Layout';
11+
export default Layout;
12+
13+
import docs from 'docs:@react-spectrum/s2';
14+
15+
export const section = '';
16+
export const tags = ['release', 'S2'];
17+
export const date = 'August 26, 2025';
18+
export const title = 'v0.11.0';
19+
export const description = 'Version 0.11.0 introduces the new SelectBoxGroup component (alpha), fixes ComboBox empty state rendering, improves Picker dropdown styling, and adds support for custom tab layouts with collapse behavior.';
20+
21+
# v0.11.0 - August 26, 2025
22+
23+
Version 0.11.0 introduces the new SelectBoxGroup component (alpha), fixes ComboBox empty state rendering, improves Picker dropdown styling, and adds support for custom tab layouts with collapse behavior.
24+
25+
## New Components
26+
* [SelectBoxGroup](../SelectBoxGroup.html)
27+
28+
## Updates
29+
* [ComboBox](../ComboBox.html): Fix empty state rendering when no items match the current query
30+
* [Picker](../Picker.html): Fix erroneous dropdown outline when opening the Picker via click
31+
* [Tabs](../Tabs.html): Support collapse behavior on Tabs when customizing the layout
32+
33+
## Github release tag
34+
35+
[Tag v0.11.0](https://github.com/adobe/react-spectrum/releases/tag/%40react-spectrum%2Fs2%400.11.0)

‎packages/dev/s2-docs/pages/s2/releases/2025-10-03.mdx‎ renamed to ‎packages/dev/s2-docs/pages/s2/releases/v0-12-0.mdx‎

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -12,16 +12,17 @@ export default Layout;
1212

1313
import docs from 'docs:@react-spectrum/s2';
1414

15+
export const section = '';
1516
export const tags = ['release', 'S2'];
1617
export const date = 'October 3, 2025';
17-
export const title = 'v0.12.0 - October 3, 2025';
18+
export const title = 'v0.12.0';
1819
export const description = 'Version 0.12.0 adds pending states to ActionButton, avatar support in ComboBox and Picker, Dialog XL size, and Popover styling improvements. This release also includes RTL fixes, placeholder support across components, and various component enhancements.';
1920

20-
## v0.12.0 - October 3, 2025
21+
# v0.12.0 - October 3, 2025
2122

2223
Version 0.12.0 adds pending states to ActionButton, avatar support in ComboBox and Picker, Dialog XL size, and Popover styling improvements. This release also includes RTL fixes, placeholder support across components, and various component enhancements.
2324

24-
### Updates
25+
## Updates
2526
* [ActionButton](../ActionButton.html): Add pending state
2627
* [ColorSlider](../ColorSlider.html): Fix `ColorLoupe` position in RTL locales
2728
* [ComboBox](../ComboBox.html): Support avatars and onAction
@@ -35,8 +36,12 @@ Version 0.12.0 adds pending states to ActionButton, avatar support in ComboBox a
3536
* Allow placeholders in supported S2 components (e.g. ColorArea, ComboBox, NumberField, SearchField, TextArea, TextField)
3637
* Apply `page.css` styles to the Shadow DOM
3738

38-
### Popover Styling Updates
39+
## Popover Styling Updates
3940

4041
The Popover component has been updated to better support custom styling. To
4142
remove the preset padding, use the new `padding` prop and wrap your Popover content
4243
in a custom div with your desired styling.
44+
45+
## Github release tag
46+
47+
[Tag v0.12.0](https://github.com/adobe/react-spectrum/releases/tag/%40react-spectrum%2Fs2%400.12.0)

‎packages/dev/s2-docs/pages/s2/releases/v0-2-0.mdx‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
{/* Copyright 2020 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 {Layout} from '../../../src/Layout';
11+
export default Layout;
12+
13+
import docs from 'docs:@react-spectrum/s2';
14+
15+
export const section = '';
16+
export const tags = ['release', 'S2'];
17+
export const date = 'Jun 15, 2024';
18+
export const title = 'v0.2.0';
19+
export const description = 'Version 0.2.0 introduces new color and range components, adds ESBuild starter, updates InlineAlert iconography, and includes CSS processing updates.';
20+
21+
# v0.2.0
22+
23+
## New components
24+
25+
* [Breadcrumbs](?path=/docs/breadcrumbs--docs)
26+
* [Contextual Help](?path=/docs/contextualhelp--docs)
27+
* [ColorArea](?path=/docs/colorarea--docs)
28+
* [ColorField](?path=/docs/colorfield--docs)
29+
* [ColorSlider](?path=/docs/colorslider--docs)
30+
* [ColorSwatch](?path=/docs/colorswatch--docs)
31+
* [ColorSwatchPicker](?path=/docs/colorswatchpicker--docs)
32+
* [ColorWheel](?path=/docs/colorwheel--docs)
33+
* [RangeSlider](?path=/docs/rangeslider--docs)
34+
* [Slider](?path=/docs/slider--docs)
35+
36+
## Updates
37+
38+
* [ESBuild starter](https://github.com/adobe/react-spectrum/tree/main/examples/s2-esbuild-starter-app) added
39+
* InlineAlert iconography updated
40+
* ContextualHelp added to all form field components
41+
* Fixed custom widths for field components
42+
* Spectrum tokens updated
43+
* CSS processing updated so output size is smaller
44+
45+
See the updated [API changelog](https://github.com/adobe/react-spectrum/blob/main/packages/@react-spectrum/s2/api-diff.md) for a full list of changes since RSP v3.

‎packages/dev/s2-docs/pages/s2/releases/v0-3-0.mdx‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
{/* Copyright 2020 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 {Layout} from '../../../src/Layout';
11+
export default Layout;
12+
13+
import docs from 'docs:@react-spectrum/s2';
14+
15+
export const section = '';
16+
export const tags = ['release', 'S2'];
17+
export const date = 'August 20, 2024';
18+
export const title = 'v0.3.0';
19+
export const description = 'Version 0.3.0 introduces NumberField, AlertDialog, and Tabs components, along with new linear and gradient illustrations. This release includes TagGroup enhancements, updated workflow icons with name changes, and comprehensive translations for all components.';
20+
21+
# v0.3.0 - August 20, 2024
22+
23+
Version 0.3.0 introduces NumberField, AlertDialog, and Tabs components, along with new linear and gradient illustrations. This release includes TagGroup enhancements, updated workflow icons with name changes, and comprehensive translations for all components.
24+
25+
## New components
26+
27+
* [NumberField](../NumberField.html)
28+
* [AlertDialog](../AlertDialog.html)
29+
* [Linear and gradient illustrations](../illustrations.html)
30+
* [AvatarGroup](../AvatarGroup.html)
31+
* [Tabs](../Tabs.html)
32+
33+
## Updates
34+
35+
* Add collapse and action support to TagGroup
36+
* Add support for new Adobe Clean variable font
37+
* Updated [workflow icons](../workflow-icons.html) – **PLEASE NOTE**: some icons changed names in this release.
38+
* Add CLI and Parcel plugins to build custom icons and illustrations
39+
* Add translations for all components
40+
* Add slot contexts to all S2 components
41+
* Fix menu z-index
42+
* Fix overlay trigger press scaling and menu description color
43+
* Fix ComboBox and NumberField custom width
44+
* Fix padding on fields with no visible label
45+
* Add ContextualHelp Storybook stories to components missing them
46+
47+
## Github release tag
48+
49+
[Tag v0.3.0](https://github.com/adobe/react-spectrum/releases/tag/%40react-spectrum%2Fs2%400.3.0)

‎packages/dev/s2-docs/pages/s2/releases/v0-4-0.mdx‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
{/* Copyright 2020 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 {Layout} from '../../../src/Layout';
11+
export default Layout;
12+
13+
import docs from 'docs:@react-spectrum/s2';
14+
15+
export const section = '';
16+
export const tags = ['release', 'S2'];
17+
export const date = 'October 1, 2024';
18+
export const title = 'v0.4.0';
19+
export const description = 'Version 0.4.0 introduces six new components including Accordion, Card, CardView, and TableView. This release includes ProgressBar and Badge enhancements, Button pending state support, and various component improvements.';
20+
21+
# v0.4.0 - October 1, 2024
22+
23+
Version 0.4.0 introduces six new components including Accordion, Card, CardView, and TableView. This release includes ProgressBar and Badge enhancements, Button pending state support, and various component improvements.
24+
25+
## New components
26+
27+
* [Accordion](../Accordion.html)
28+
* [Disclosure](../Disclosure.html)
29+
* [Card](../Card.html)
30+
* [CardView](../CardView.html)
31+
* [SegmentedControl](../SegmentedControl.html)
32+
* [TableView](../TableView.html)
33+
34+
## Updates
35+
36+
* [ProgressBar](../ProgressBar.html): Support side label, update edges to be rounded, and support custom widths
37+
* [ProgressCircle](../ProgressCircle.html): Update edges to be rounded
38+
* [Badge](../Badge.html): Add subtle and outline fill variants
39+
* [Breadcrumbs](../Breadcrumbs.html): Add collapse behavior
40+
* [Button](../Button.html): Add support for pending state
41+
* Update Spectrum Tokens to v46
42+
43+
## Codemods
44+
45+
* Handle legacy Link API
46+
* Remove Section and Items imports if not used elsewhere in file
47+
* Support Badge
48+
* Support Well
49+
* Support icons
50+
* Fix links and install step
51+
52+
## Github release tag
53+
54+
[Tag v0.4.0](https://github.com/adobe/react-spectrum/releases/tag/%40react-spectrum%2Fs2%400.4.0)

‎packages/dev/s2-docs/pages/s2/releases/v0-5-0.mdx‎

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
{/* Copyright 2020 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 {Layout} from '../../../src/Layout';
11+
export default Layout;
12+
13+
import docs from 'docs:@react-spectrum/s2';
14+
15+
export const section = '';
16+
export const tags = ['release', 'S2'];
17+
export const date = 'November 22, 2024';
18+
export const title = 'v0.5.0';
19+
export const description = 'Version 0.5.0 includes major updates to Dialog and DialogTrigger APIs with four new dialog components: Dialog, FullscreenDialog, CustomDialog, and Popover. This release also improves style macro documentation and adds support for arbitrary pixel sizing.';
20+
21+
# v0.5.0 - November 22, 2024
22+
23+
Version 0.5.0 includes major updates to Dialog and DialogTrigger APIs with four new dialog components: Dialog, FullscreenDialog, CustomDialog, and Popover. This release also improves style macro documentation and adds support for arbitrary pixel sizing.
24+
25+
In this release we have updated our Dialog and DialogTrigger APIs to improve layout flexibility for custom dialogs and popovers. Dialog has been split into four components:
26+
27+
* [Dialog](../Dialog.html) – a modal dialog with a standard layout with slots for the heading, content, hero image, button group, etc. This corresponds to the previous `type="modal"` API.
28+
* [FullscreenDialog](../FullscreenDialog.html) – a fullscreen or takeover modal, similar to a Dialog but with different slots and layout. This corresponds to the previous `type="fullscreen"` and `type="fullscreenTakeover"` APIs.
29+
* [CustomDialog](../Dialog.html#custom-dialog) – a modal dialog with a completely custom layout. It can have default padding or go edge-to-edge. No built-in slots are provided, the layout is entirely up to you.
30+
* [Popover](../Popover.html) – Popovers no longer support the previous dialog-style layout, which was rarely needed in recent apps. In addition, popover now has a reduced amount of padding by default, which was a common request.
31+
32+
In addition, several DialogTrigger props have moved to the above children:
33+
34+
* `type` is removed. Use one of the above components instead.
35+
* `isKeyboardDismissDisabled` moved to Dialog, FullscreenDialog, and CustomDialog
36+
* `isDismissable` was renamed to `isDismissible` (fixed spelling), and moved to Dialog and CustomDialog
37+
* `hideArrow`, `offset`, `crossOffset`, `containerPadding`, `placement`, and `shouldFlip` moved to Popover
38+
39+
We've also continued to iterate on developer experience based on your feedback. Documentation on style macro usage with regards to
40+
[colors](?path=/docs/style-macro--docs#colors) and [typography](?path=/docs/style-macro--docs#typography) have been added to help clarify
41+
these common use cases. Style macro properties like `width` and `height` now allow for arbitrary pixel size values, please see the [docs](?path=/docs/style-macro--docs#sizing)
42+
for more information. Finally, documentation on [optimizing CSS bundling](?path=/docs/style-macro--docs#css-optimization) have also been
43+
added to help you generate a properly optimized output when using the bundler of your choice.
44+
45+
## New components
46+
47+
* [ActionButtonGroup](../ActionButtonGroup.html)
48+
* [CloseButton](../Dialog.html#custom-dialog)
49+
* [CustomDialog](../Dialog.html#custom-dialog)
50+
* [FullscreenDialog](../FullscreenDialog.html)
51+
* [Popover](../Popover.html)
52+
* [ToggleButtonGroup](../ToggleButtonGroup.html)
53+
54+
## Updates
55+
56+
* [Accordion](../Accordion.html): Add support for adjacent sibling elements in header
57+
* [ActionButton](../ActionButton.html): Add support for Avatars in ActionButtons
58+
* [Dialog](../Dialog.html): See above for a summary of the changes to Dialog and Dialog adjacent components.
59+
* [Disclosure](../Disclosure.html): Add support for adjacent sibling elements in header
60+
* [DropZone](../DropZone.html): Add t-shirt sizing
61+
* [Menu](../Menu.html): Add support for separate user defined selection modes per MenuSection
62+
* [Meter](../Meter.html): Add label positioning support
63+
* Update Spectrum Tokens to v53
64+
* Allow arbitrary pixel sizes for style macro sizing properties (e.g. width, height)
65+
66+
## Codemods
67+
68+
* Support Dialog updates
69+
* Support ActionGroup -> ActionButtonGroup/ToggleButtonGroup
70+
* Support arbitrary pixel sizing for style macro sizing properties
71+
* Update S1 to S2 icon mapping
72+
73+
## Github release tag
74+
75+
[Tag v0.5.0](https://github.com/adobe/react-spectrum/releases/tag/%40react-spectrum%2Fs2%400.5.0)

0 commit comments

Comments
 (0)