Skip to content

Commit 76e8dd1

Browse files
devongovettdevongovett
authored
docs: Improve styling API docs (#8968)
* docs: Add docs for component CSS variables * Automatically generate default class name and render props table * Fix type
1 parent cbafcd3 commit 76e8dd1

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

99 files changed

+1181
-352
lines changed

‎packages/dev/s2-docs/pages/react-aria/Breadcrumbs.mdx‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -93,5 +93,3 @@ function Example() {
9393
### Breadcrumb
9494

9595
<PropTable component={docs.exports.Breadcrumb} links={docs.links} />
96-
97-
<StateTable defaultClassName="react-aria-Breadcrumb" properties={docs.exports.BreadcrumbRenderProps.properties} />

‎packages/dev/s2-docs/pages/react-aria/Button.mdx‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -122,5 +122,3 @@ import {Link} from 'react-aria-components';
122122
## API
123123

124124
<PropTable component={docs.exports.Button} links={docs.links} />
125-
126-
<StateTable defaultClassName="react-aria-Button" properties={docs.exports.ButtonRenderProps.properties} />

‎packages/dev/s2-docs/pages/react-aria/Calendar.mdx‎

Lines changed: 0 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -312,34 +312,22 @@ import {Button} from 'vanilla-starter/Button';
312312

313313
<PropTable component={docs.exports.Calendar} links={docs.links} showDescription />
314314

315-
<StateTable defaultClassName="react-aria-Calendar" properties={docs.exports.CalendarRenderProps.properties} />
316-
317315
### CalendarGrid
318316

319317
<PropTable component={docs.exports.CalendarGrid} links={docs.links} showDescription />
320318

321-
{/* <StateTable defaultClassName="react-aria-CalendarGrid" properties={docs.exports.CalendarGridRenderProps.properties} /> */}
322-
323319
### CalendarGridHeader
324320

325321
<PropTable component={docs.exports.CalendarGridHeader} links={docs.links} showDescription />
326322

327-
{/* <StateTable defaultClassName="react-aria-CalendarGridHeader" properties={docs.exports.CalendarGridHeaderRenderProps.properties} /> */}
328-
329323
### CalendarHeaderCell
330324

331325
<PropTable component={docs.exports.CalendarHeaderCell} links={docs.links} showDescription />
332326

333-
{/* <StateTable defaultClassName="react-aria-CalendarHeaderCell" properties={docs.exports.CalendarHeaderCellRenderProps.properties} /> */}
334-
335327
### CalendarGridBody
336328

337329
<PropTable component={docs.exports.CalendarGridBody} links={docs.links} showDescription />
338330

339-
{/* <StateTable defaultClassName="react-aria-CalendarGridBody" properties={docs.exports.CalendarGridBodyRenderProps.properties} /> */}
340-
341331
### CalendarCell
342332

343333
<PropTable component={docs.exports.CalendarCell} links={docs.links} showDescription />
344-
345-
<StateTable defaultClassName="react-aria-CalendarCell" properties={docs.exports.CalendarCellRenderProps.properties} />

‎packages/dev/s2-docs/pages/react-aria/Checkbox.mdx‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -96,5 +96,3 @@ import {Form} from 'react-aria-components';
9696
### Checkbox
9797

9898
<PropTable component={docs.exports.Checkbox} links={docs.links} />
99-
100-
<StateTable defaultClassName="react-aria-Checkbox" properties={docs.exports.CheckboxRenderProps.properties} />

‎packages/dev/s2-docs/pages/react-aria/CheckboxGroup.mdx‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -120,5 +120,3 @@ import {Form} from 'react-aria-components';
120120
### CheckboxGroup
121121

122122
<PropTable component={docs.exports.CheckboxGroup} links={docs.links} />
123-
124-
<StateTable defaultClassName="react-aria-CheckboxGroup" properties={docs.exports.CheckboxGroupRenderProps.properties} />

‎packages/dev/s2-docs/pages/react-aria/ColorArea.mdx‎

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -83,10 +83,6 @@ function Example() {
8383

8484
<PropTable component={docs.exports.ColorArea} links={docs.links} showDescription />
8585

86-
<StateTable defaultClassName="react-aria-ColorArea" properties={docs.exports.ColorAreaRenderProps.properties} />
87-
8886
### ColorThumb
8987

9088
<PropTable component={docs.exports.ColorThumb} links={docs.links} showDescription />
91-
92-
<StateTable defaultClassName="react-aria-ColorThumb" properties={docs.exports.ColorThumbRenderProps.properties} />

‎packages/dev/s2-docs/pages/react-aria/ColorPicker.mdx‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -189,5 +189,3 @@ import {ColorSwatchPicker, ColorSwatchPickerItem} from 'vanilla-starter/ColorSwa
189189
## API
190190

191191
<PropTable component={docs.exports.ColorPicker} links={docs.links} />
192-
193-
<StateTable defaultClassName="react-aria-ColorPicker" properties={docs.exports.ColorPickerRenderProps.properties} />

‎packages/dev/s2-docs/pages/react-aria/ColorSlider.mdx‎

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -87,10 +87,6 @@ function Example() {
8787

8888
<PropTable component={docs.exports.ColorSlider} links={docs.links} showDescription />
8989

90-
<StateTable defaultClassName="react-aria-ColorSlider" properties={docs.exports.ColorSliderRenderProps.properties} />
91-
9290
### ColorThumb
9391

9492
<PropTable component={docs.exports.ColorThumb} links={docs.links} showDescription />
95-
96-
<StateTable defaultClassName="react-aria-ColorThumb" properties={docs.exports.ColorThumbRenderProps.properties} />

‎packages/dev/s2-docs/pages/react-aria/ColorWheel.mdx‎

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -80,16 +80,10 @@ function Example() {
8080

8181
<PropTable component={docs.exports.ColorWheel} links={docs.links} showDescription />
8282

83-
<StateTable defaultClassName="react-aria-ColorWheel" properties={docs.exports.ColorWheelRenderProps.properties} />
84-
8583
### ColorWheelTrack
8684

8785
<PropTable component={docs.exports.ColorWheelTrack} links={docs.links} showDescription />
8886

89-
<StateTable defaultClassName="react-aria-ColorWheelTrack" properties={docs.exports.ColorWheelTrackRenderProps.properties} />
90-
9187
### ColorThumb
9288

9389
<PropTable component={docs.exports.ColorThumb} links={docs.links} showDescription />
94-
95-
<StateTable defaultClassName="react-aria-ColorThumb" properties={docs.exports.ColorThumbRenderProps.properties} />

‎packages/dev/s2-docs/pages/react-aria/ComboBox.mdx‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -343,5 +343,3 @@ import {ComboBox, ComboBoxItem} from 'vanilla-starter/ComboBox';
343343
### ComboBox
344344

345345
<PropTable component={docs.exports.ComboBox} links={docs.links} />
346-
347-
<StateTable defaultClassName="react-aria-ComboBox" properties={docs.exports.ComboBoxRenderProps.properties} />

0 commit comments

Comments
 (0)