Skip to content

Commit c01850b

Browse files
authored
Add versions to release notes, and starter kit links to color picker docs (#7129)
1 parent f489e00 commit c01850b

File tree

8 files changed

+248
-14
lines changed

8 files changed

+248
-14
lines changed

packages/dev/docs/pages/releases/2024-09-30.mdx

Lines changed: 222 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -107,3 +107,225 @@ We have made improvements to the Accordion component, which includes moving away
107107
- `key` on `Item` is now `id` on `Disclosure`
108108
- `disabledKeys` has been removed in favor of adding `isDisabled` on individual `Disclosure` components
109109
- `allowsMultipleExpanded` can be added to allow multiple Disclosure components to be expanded at once (previously default behavior)
110+
111+
## Released packages
112+
113+
```
114+
115+
- @internationalized/[email protected]
116+
- @internationalized/[email protected]
117+
- @internationalized/[email protected]
118+
- @internationalized/[email protected]
119+
- @internationalized/[email protected]
120+
- @react-aria/[email protected]
121+
- @react-aria/[email protected]
122+
- @react-aria/[email protected]
123+
- @react-aria/[email protected]
124+
- @react-aria/[email protected]
125+
- @react-aria/[email protected]
126+
- @react-aria/[email protected]
127+
- @react-aria/[email protected]
128+
- @react-aria/[email protected]
129+
- @react-aria/[email protected]
130+
- @react-aria/[email protected]
131+
- @react-aria/[email protected]
132+
- @react-aria/[email protected]
133+
- @react-aria/[email protected]
134+
- @react-aria/[email protected]
135+
- @react-aria/[email protected]
136+
- @react-aria/[email protected]
137+
- @react-aria/[email protected]
138+
- @react-aria/[email protected]
139+
- @react-aria/[email protected]
140+
- @react-aria/[email protected]
141+
- @react-aria/[email protected]
142+
- @react-aria/[email protected]
143+
- @react-aria/[email protected]
144+
- @react-aria/[email protected]
145+
- @react-aria/[email protected]
146+
- @react-aria/[email protected]
147+
- @react-aria/[email protected]
148+
- @react-aria/[email protected]
149+
- @react-aria/[email protected]
150+
- @react-aria/[email protected]
151+
- @react-aria/[email protected]
152+
- @react-aria/[email protected]
153+
- @react-aria/[email protected]
154+
- @react-aria/[email protected]
155+
- @react-aria/[email protected]
156+
- @react-aria/[email protected]
157+
- @react-aria/[email protected]
158+
- @react-aria/[email protected]
159+
- @react-aria/[email protected]
160+
- @react-aria/[email protected]
161+
- @react-aria/[email protected]
162+
- @react-aria/[email protected]
163+
- @react-aria/[email protected]
164+
- @react-aria/[email protected]
165+
- @react-aria/[email protected]
166+
- @react-aria/[email protected]
167+
- @react-aria/[email protected]
168+
- @react-aria/[email protected]
169+
- @react-aria/[email protected]
170+
- @react-aria/[email protected]
171+
- @react-aria/[email protected]
172+
- @react-aria/[email protected]
173+
- @react-aria/[email protected]
174+
- @react-aria/[email protected]
175+
- @react-aria/[email protected]
176+
- @react-aria/[email protected]
177+
- @react-aria/[email protected]
178+
- @react-spectrum/[email protected]
179+
- @react-spectrum/[email protected]
180+
- @react-spectrum/[email protected]
181+
- @react-spectrum/[email protected]
182+
- @react-spectrum/[email protected]
183+
- @react-spectrum/[email protected]
184+
- @react-spectrum/[email protected]
185+
- @react-spectrum/[email protected]
186+
- @react-spectrum/[email protected]
187+
- @react-spectrum/[email protected]
188+
- @react-spectrum/[email protected]
189+
- @react-spectrum/[email protected]
190+
- @react-spectrum/[email protected]
191+
- @react-spectrum/[email protected]
192+
- @react-spectrum/[email protected]
193+
- @react-spectrum/[email protected]
194+
- @react-spectrum/[email protected]
195+
- @react-spectrum/[email protected]
196+
- @react-spectrum/[email protected]
197+
- @react-spectrum/[email protected]
198+
- @react-spectrum/[email protected]
199+
- @react-spectrum/[email protected]
200+
- @react-spectrum/[email protected]
201+
- @react-spectrum/[email protected]
202+
- @react-spectrum/[email protected]
203+
- @react-spectrum/[email protected]
204+
- @react-spectrum/[email protected]
205+
- @react-spectrum/[email protected]
206+
- @react-spectrum/[email protected]
207+
- @react-spectrum/[email protected]
208+
- @react-spectrum/[email protected]
209+
- @react-spectrum/[email protected]
210+
- @react-spectrum/[email protected]
211+
- @react-spectrum/[email protected]
212+
- @react-spectrum/[email protected]
213+
- @react-spectrum/[email protected]
214+
- @react-spectrum/[email protected]
215+
- @react-spectrum/[email protected]
216+
- @react-spectrum/[email protected]
217+
- @react-spectrum/[email protected]
218+
- @react-spectrum/[email protected]
219+
- @react-spectrum/[email protected]
220+
- @react-spectrum/[email protected]
221+
- @react-spectrum/[email protected]
222+
- @react-spectrum/[email protected]
223+
- @react-spectrum/[email protected]
224+
- @react-spectrum/[email protected]
225+
- @react-spectrum/[email protected]
226+
- @react-spectrum/[email protected]
227+
- @react-spectrum/[email protected]
228+
- @react-spectrum/[email protected]
229+
- @react-spectrum/[email protected]
230+
- @react-spectrum/[email protected]
231+
- @react-spectrum/[email protected]
232+
- @react-spectrum/[email protected]
233+
- @react-spectrum/[email protected]
234+
- @react-spectrum/[email protected]
235+
- @react-spectrum/[email protected]
236+
- @react-spectrum/[email protected]
237+
- @react-spectrum/[email protected]
238+
- @react-spectrum/[email protected]
239+
- @react-spectrum/[email protected]
240+
- @react-spectrum/[email protected]
241+
- @react-spectrum/[email protected]
242+
- @react-spectrum/[email protected]
243+
- @react-spectrum/[email protected]
244+
- @react-stately/[email protected]
245+
- @react-stately/[email protected]
246+
- @react-stately/[email protected]
247+
- @react-stately/[email protected]
248+
- @react-stately/[email protected]
249+
- @react-stately/[email protected]
250+
- @react-stately/[email protected]
251+
- @react-stately/[email protected]
252+
- @react-stately/[email protected]
253+
- @react-stately/[email protected]
254+
- @react-stately/[email protected]
255+
- @react-stately/[email protected]
256+
- @react-stately/[email protected]
257+
- @react-stately/[email protected]
258+
- @react-stately/[email protected]
259+
- @react-stately/[email protected]
260+
- @react-stately/[email protected]
261+
- @react-stately/[email protected]
262+
- @react-stately/[email protected]
263+
- @react-stately/[email protected]
264+
- @react-stately/[email protected]
265+
- @react-stately/[email protected]
266+
- @react-stately/[email protected]
267+
- @react-stately/[email protected]
268+
- @react-stately/[email protected]
269+
- @react-stately/[email protected]
270+
- @react-stately/[email protected]
271+
- @react-stately/[email protected]
272+
- @react-stately/[email protected]
273+
- @react-stately/[email protected]
274+
- @react-stately/[email protected]
275+
- @react-types/[email protected]
276+
- @react-types/[email protected]
277+
- @react-types/[email protected]
278+
- @react-types/[email protected]
279+
- @react-types/[email protected]
280+
- @react-types/[email protected]
281+
- @react-types/[email protected]
282+
- @react-types/[email protected]
283+
- @react-types/[email protected]
284+
- @react-types/[email protected]
285+
- @react-types/[email protected]
286+
- @react-types/[email protected]
287+
- @react-types/[email protected]
288+
- @react-types/[email protected]
289+
- @react-types/[email protected]
290+
- @react-types/[email protected]
291+
- @react-types/[email protected]
292+
- @react-types/[email protected]
293+
- @react-types/[email protected]
294+
- @react-types/[email protected]
295+
- @react-types/[email protected]
296+
- @react-types/[email protected]
297+
- @react-types/[email protected]
298+
- @react-types/[email protected]
299+
- @react-types/[email protected]
300+
- @react-types/[email protected]
301+
- @react-types/[email protected]
302+
- @react-types/[email protected]
303+
- @react-types/[email protected]
304+
- @react-types/[email protected]
305+
- @react-types/[email protected]
306+
- @react-types/[email protected]
307+
- @react-types/[email protected]
308+
- @react-types/[email protected]
309+
- @react-types/[email protected]
310+
- @react-types/[email protected]
311+
- @react-types/[email protected]
312+
- @react-types/[email protected]
313+
- @react-types/[email protected]
314+
- @react-types/[email protected]
315+
- @react-types/[email protected]
316+
- @react-types/[email protected]
317+
- @react-types/[email protected]
318+
- @react-types/[email protected]
319+
- @react-types/[email protected]
320+
- @react-types/[email protected]
321+
- @react-types/[email protected]
322+
- @spectrum-icons/[email protected]
323+
- @spectrum-icons/[email protected]
324+
- @spectrum-icons/[email protected]
325+
- @spectrum-icons/[email protected]
326+
- @spectrum-icons/[email protected]
327+
328+
329+
330+
331+
```

packages/react-aria-components/docs/ColorArea.mdx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -119,13 +119,13 @@ import {ColorArea, ColorThumb} from 'react-aria-components';
119119
120120
<ExampleList tag="colorslider" />
121121
122+
*/}
123+
122124
## Starter kits
123125

124126
To help kick-start your project, we offer starter kits that include example implementations of all React Aria components with various styling solutions. All components are fully styled, including support for dark mode, high contrast mode, and all UI states. Each starter comes with a pre-configured [Storybook](https://storybook.js.org/) that you can experiment with, or use as a starting point for your own component library.
125127

126-
<StarterKits component="colorslider" />
127-
128-
*/}
128+
<StarterKits component="colorarea" />
129129

130130
## Reusable wrappers
131131

packages/react-aria-components/docs/ColorField.mdx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -169,13 +169,13 @@ A `ColorField` uses the following components, which may also be used standalone
169169
170170
<ExampleList tag="colorslider" />
171171
172+
*/}
173+
172174
## Starter kits
173175

174176
To help kick-start your project, we offer starter kits that include example implementations of all React Aria components with various styling solutions. All components are fully styled, including support for dark mode, high contrast mode, and all UI states. Each starter comes with a pre-configured [Storybook](https://storybook.js.org/) that you can experiment with, or use as a starting point for your own component library.
175177

176-
<StarterKits component="colorslider" />
177-
178-
*/}
178+
<StarterKits component="colorfield" />
179179

180180
## Reusable wrappers
181181

packages/react-aria-components/docs/ColorPicker.mdx

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -193,6 +193,12 @@ A `ColorPicker` uses the following components, which may also be used standalone
193193

194194
</section>
195195

196+
## Starter kits
197+
198+
To help kick-start your project, we offer starter kits that include example implementations of all React Aria components with various styling solutions. All components are fully styled, including support for dark mode, high contrast mode, and all UI states. Each starter comes with a pre-configured [Storybook](https://storybook.js.org/) that you can experiment with, or use as a starting point for your own component library.
199+
200+
<StarterKits component="colorpicker" />
201+
196202
## Reusable wrappers
197203

198204
If you will use a ColorPicker in multiple places in your app, you can wrap all of the pieces into a reusable component. This way, the DOM structure, styling code, and other logic are defined in a single place and reused everywhere to ensure consistency.

packages/react-aria-components/docs/ColorSlider.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -163,14 +163,14 @@ A `ColorSlider` uses the following components, which may also be used standalone
163163
164164
<ExampleList tag="colorslider" />
165165
166+
*/}
167+
166168
## Starter kits
167169

168170
To help kick-start your project, we offer starter kits that include example implementations of all React Aria components with various styling solutions. All components are fully styled, including support for dark mode, high contrast mode, and all UI states. Each starter comes with a pre-configured [Storybook](https://storybook.js.org/) that you can experiment with, or use as a starting point for your own component library.
169171

170172
<StarterKits component="colorslider" />
171173

172-
*/}
173-
174174
## Reusable wrappers
175175

176176
If you will use a ColorSlider in multiple places in your app, you can wrap all of the pieces into a reusable component. This way, the DOM structure, styling code, and other logic are defined in a single place and reused everywhere to ensure consistency.

packages/react-aria-components/docs/ColorSwatch.mdx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -88,13 +88,13 @@ import {ColorSwatch} from 'react-aria-components';
8888
8989
<ExampleList tag="colorslider" />
9090
91+
*/}
92+
9193
## Starter kits
9294

9395
To help kick-start your project, we offer starter kits that include example implementations of all React Aria components with various styling solutions. All components are fully styled, including support for dark mode, high contrast mode, and all UI states. Each starter comes with a pre-configured [Storybook](https://storybook.js.org/) that you can experiment with, or use as a starting point for your own component library.
9496

95-
<StarterKits component="colorslider" />
96-
97-
*/}
97+
<StarterKits component="colorswatch" />
9898

9999
## Reusable wrappers
100100

packages/react-aria-components/docs/ColorSwatchPicker.mdx

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -123,6 +123,12 @@ import {ColorSwatchPicker, ColorSwatchPickerItem, ColorSwatch} from 'react-aria-
123123

124124
ColorSwatchPicker is a convenience wrapper around the [ListBox](ListBox.html) component. If you need additional flexibility, such as support for multiple selection, duplicate colors, drag and drop, etc., you can use the ListBox component directly.
125125

126+
## Starter kits
127+
128+
To help kick-start your project, we offer starter kits that include example implementations of all React Aria components with various styling solutions. All components are fully styled, including support for dark mode, high contrast mode, and all UI states. Each starter comes with a pre-configured [Storybook](https://storybook.js.org/) that you can experiment with, or use as a starting point for your own component library.
129+
130+
<StarterKits component="colorswatchpicker" />
131+
126132
## Reusable wrappers
127133

128134
If you will use a ColorSwatchPicker in multiple places in your app, you can wrap all of the pieces into a reusable component. This way, the DOM structure, styling code, and other logic are defined in a single place and reused everywhere to ensure consistency.

packages/react-aria-components/docs/ColorWheel.mdx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -108,13 +108,13 @@ import {ColorWheel, ColorWheelTrack, ColorThumb} from 'react-aria-components';
108108
109109
<ExampleList tag="colorslider" />
110110
111+
*/}
112+
111113
## Starter kits
112114

113115
To help kick-start your project, we offer starter kits that include example implementations of all React Aria components with various styling solutions. All components are fully styled, including support for dark mode, high contrast mode, and all UI states. Each starter comes with a pre-configured [Storybook](https://storybook.js.org/) that you can experiment with, or use as a starting point for your own component library.
114116

115-
<StarterKits component="colorslider" />
116-
117-
*/}
117+
<StarterKits component="colorwheel" />
118118

119119
## Reusable wrappers
120120

0 commit comments

Comments
 (0)