Skip to content

Commit 3bcceff

Browse files
devongovettdevongovett
committed
Fix page description styling
1 parent 908b98c commit 3bcceff

File tree

145 files changed

+305
-286
lines changed

Some content is hidden

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

145 files changed

+305
-286
lines changed

‎packages/@react-aria/aria-modal-polyfill/docs/watchModals.mdx

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import {Layout} from '@react-spectrum/docs';
1111
export default Layout;
1212

1313
import docs from 'docs:@react-aria/aria-modal-polyfill';
14-
import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType} from '@react-spectrum/docs';
14+
import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, PageDescription} from '@react-spectrum/docs';
1515
import packageData from '@react-aria/aria-modal-polyfill/package.json';
1616

1717
---
@@ -21,7 +21,7 @@ keywords: [dialog, modal, aria]
2121

2222
# watchModals
2323

24-
<p>{docs.exports.watchModals.description}</p>
24+
<PageDescription>{docs.exports.watchModals.description}</PageDescription>
2525

2626
<HeaderInfo
2727
packageData={packageData}

‎packages/@react-aria/autocomplete/docs/useSearchAutocomplete.mdx

+2-2
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ export default Layout;
1212

1313
import docs from 'docs:@react-aria/autocomplete';
1414
import collectionsDocs from 'docs:@react-types/shared/src/collections.d.ts';
15-
import {FunctionAPI, HeaderInfo, InterfaceType, TypeContext, TypeLink} from '@react-spectrum/docs';
15+
import {FunctionAPI, HeaderInfo, InterfaceType, TypeContext, TypeLink, PageDescription} from '@react-spectrum/docs';
1616
import i18nDocs from 'docs:@react-aria/i18n';
1717
import overlaysDocs from 'docs:@react-aria/overlays';
1818
import packageData from '@react-aria/autocomplete/package.json';
@@ -30,7 +30,7 @@ after_version: 3.0.0
3030

3131
# useSearchAutocomplete
3232

33-
<p>{docs.exports.useSearchAutocomplete.description}</p>
33+
<PageDescription>{docs.exports.useSearchAutocomplete.description}</PageDescription>
3434

3535
<HeaderInfo
3636
packageData={packageData}

‎packages/@react-aria/breadcrumbs/docs/useBreadcrumbs.mdx

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import {Layout} from '@react-spectrum/docs';
1111
export default Layout;
1212

1313
import docs from 'docs:@react-aria/breadcrumbs';
14-
import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType} from '@react-spectrum/docs';
14+
import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, PageDescription} from '@react-spectrum/docs';
1515
import {Keyboard} from '@react-spectrum/text';
1616
import packageData from '@react-aria/breadcrumbs/package.json';
1717
import Anatomy from './anatomy.svg';
@@ -27,7 +27,7 @@ keywords: [breadcrumbs, aria]
2727

2828
# useBreadcrumbs
2929

30-
<p>{docs.exports.useBreadcrumbs.description}</p>
30+
<PageDescription>{docs.exports.useBreadcrumbs.description}</PageDescription>
3131

3232
<HeaderInfo
3333
packageData={packageData}

‎packages/@react-aria/button/docs/useButton.mdx

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import {Layout} from '@react-spectrum/docs';
1111
export default Layout;
1212

1313
import docs from 'docs:@react-aria/button';
14-
import {HeaderInfo, FunctionAPI} from '@react-spectrum/docs';
14+
import {HeaderInfo, FunctionAPI, PageDescription} from '@react-spectrum/docs';
1515
import {Keyboard} from '@react-spectrum/text';
1616
import packageData from '@react-aria/button/package.json';
1717

@@ -27,7 +27,7 @@ keywords: [button, aria, form]
2727

2828
# useButton
2929

30-
<p>{docs.exports.useButton.description}</p>
30+
<PageDescription>{docs.exports.useButton.description}</PageDescription>
3131

3232
<HeaderInfo
3333
packageData={packageData}

‎packages/@react-aria/button/docs/useToggleButton.mdx

+2-2
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ export default Layout;
1212

1313
import docs from 'docs:@react-aria/button';
1414
import statelyDocs from 'docs:@react-stately/toggle';
15-
import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink} from '@react-spectrum/docs';
15+
import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
1616
import {Keyboard} from '@react-spectrum/text';
1717
import packageData from '@react-aria/button/package.json';
1818

@@ -28,7 +28,7 @@ keywords: [button, toggle button, aria, form]
2828

2929
# useToggleButton
3030

31-
<p>{docs.exports.useToggleButton.description}</p>
31+
<PageDescription>{docs.exports.useToggleButton.description}</PageDescription>
3232

3333
<HeaderInfo
3434
packageData={packageData}

‎packages/@react-aria/checkbox/docs/useCheckbox.mdx

+2-2
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ import docs from 'docs:@react-aria/checkbox';
1414
import hiddenDocs from 'docs:@react-aria/visually-hidden';
1515
import focusDocs from 'docs:@react-aria/focus';
1616
import statelyDocs from 'docs:@react-stately/toggle';
17-
import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink} from '@react-spectrum/docs';
17+
import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
1818
import {Keyboard} from '@react-spectrum/text';
1919
import packageData from '@react-aria/checkbox/package.json';
2020
import Anatomy from './checkbox-anatomy.svg';
@@ -30,7 +30,7 @@ keywords: [checkbox, input, aria]
3030

3131
# useCheckbox
3232

33-
<p>{docs.exports.useCheckbox.description}</p>
33+
<PageDescription>{docs.exports.useCheckbox.description}</PageDescription>
3434

3535
<HeaderInfo
3636
packageData={packageData}

‎packages/@react-aria/checkbox/docs/useCheckboxGroup.mdx

+2-2
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ import docs from 'docs:@react-aria/checkbox';
1414
import hiddenDocs from 'docs:@react-aria/visually-hidden';
1515
import focusDocs from 'docs:@react-aria/focus';
1616
import statelyDocs from 'docs:@react-stately/checkbox';
17-
import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink} from '@react-spectrum/docs';
17+
import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
1818
import {Keyboard} from '@react-spectrum/text';
1919
import packageData from '@react-aria/checkbox/package.json';
2020
import Anatomy from './checkboxgroup-anatomy.svg';
@@ -31,7 +31,7 @@ after_version: 3.1.0
3131

3232
# useCheckboxGroup
3333

34-
<p>{docs.exports.useCheckboxGroup.description}</p>
34+
<PageDescription>{docs.exports.useCheckboxGroup.description}</PageDescription>
3535

3636
<HeaderInfo
3737
packageData={packageData}

‎packages/@react-aria/color/docs/useColorField.mdx

+2-2
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ export default Layout;
1212

1313
import docs from 'docs:@react-aria/color';
1414
import statelyDocs from 'docs:@react-stately/color';
15-
import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink} from '@react-spectrum/docs';
15+
import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
1616
import packageData from '@react-aria/color/package.json';
1717
import Anatomy from './ColorFieldAnatomy.svg';
1818

@@ -27,7 +27,7 @@ keywords: [color, input, color picker, aria]
2727

2828
# useColorField
2929

30-
<p>{docs.exports.useColorField.description}</p>
30+
<PageDescription>{docs.exports.useColorField.description}</PageDescription>
3131

3232
<HeaderInfo
3333
packageData={packageData}

‎packages/@react-aria/color/docs/useColorSlider.mdx

+2-2
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ export default Layout;
1313
import docs from 'docs:@react-aria/color';
1414
import statelyDocs from 'docs:@react-stately/color';
1515
import typesDocs from 'docs:@react-types/color';
16-
import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink} from '@react-spectrum/docs';
16+
import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
1717
import packageData from '@react-aria/color/package.json';
1818
import Anatomy from './ColorSliderAnatomy.svg';
1919

@@ -28,7 +28,7 @@ keywords: [color slider, color picker, aria]
2828

2929
# useColorSlider
3030

31-
<p>{docs.exports.useColorSlider.description}</p>
31+
<PageDescription>{docs.exports.useColorSlider.description}</PageDescription>
3232

3333
<HeaderInfo
3434
packageData={packageData}

‎packages/@react-aria/color/docs/useColorWheel.mdx

+2-2
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ export default Layout;
1212

1313
import docs from 'docs:@react-aria/color';
1414
import statelyDocs from 'docs:@react-stately/color';
15-
import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink} from '@react-spectrum/docs';
15+
import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
1616
import packageData from '@react-aria/color/package.json';
1717
import Anatomy from './ColorWheelAnatomy.svg';
1818

@@ -27,7 +27,7 @@ keywords: [color wheel, color picker, aria]
2727

2828
# useColorWheel
2929

30-
<p>{docs.exports.useColorWheel.description}</p>
30+
<PageDescription>{docs.exports.useColorWheel.description}</PageDescription>
3131

3232
<HeaderInfo
3333
packageData={packageData}

‎packages/@react-aria/combobox/docs/useComboBox.mdx

+2-2
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ export default Layout;
1212

1313
import docs from 'docs:@react-aria/combobox';
1414
import collectionsDocs from 'docs:@react-types/shared/src/collections.d.ts';
15-
import {FunctionAPI, HeaderInfo, InterfaceType, TypeContext, TypeLink} from '@react-spectrum/docs';
15+
import {FunctionAPI, HeaderInfo, InterfaceType, TypeContext, TypeLink, PageDescription} from '@react-spectrum/docs';
1616
import i18nDocs from 'docs:@react-aria/i18n';
1717
import listboxDocs from 'docs:@react-aria/listbox';
1818
import overlaysDocs from 'docs:@react-aria/overlays';
@@ -36,7 +36,7 @@ after_version: 3.0.0-alpha.0
3636

3737
# useComboBox
3838

39-
<p>{docs.exports.useComboBox.description}</p>
39+
<PageDescription>{docs.exports.useComboBox.description}</PageDescription>
4040

4141
<HeaderInfo
4242
packageData={packageData}

‎packages/@react-aria/dialog/docs/useDialog.mdx

+2-2
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ export default Layout;
1313
import docs from 'docs:@react-aria/dialog';
1414
import overlaysDocs from 'docs:@react-aria/overlays';
1515
import focusDocs from 'docs:@react-aria/focus';
16-
import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink} from '@react-spectrum/docs';
16+
import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, TypeLink, PageDescription} from '@react-spectrum/docs';
1717
import {Keyboard} from '@react-spectrum/text';
1818
import packageData from '@react-aria/dialog/package.json';
1919
import Anatomy from './anatomy.svg';
@@ -25,7 +25,7 @@ keywords: [overlays, dialog, modal, aria]
2525

2626
# useDialog
2727

28-
<p>{docs.exports.useDialog.description}</p>
28+
<PageDescription>{docs.exports.useDialog.description}</PageDescription>
2929

3030
<HeaderInfo
3131
packageData={packageData}

‎packages/@react-aria/focus/docs/FocusRing.mdx

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import {Layout} from '@react-spectrum/docs';
1111
export default Layout;
1212

1313
import docs from 'docs:@react-aria/focus';
14-
import {HeaderInfo, PropTable} from '@react-spectrum/docs';
14+
import {HeaderInfo, PropTable, PageDescription} from '@react-spectrum/docs';
1515
import packageData from '@react-aria/focus/package.json';
1616

1717
```tsx import
@@ -25,7 +25,7 @@ keywords: [focus, keyboard focus, focus management, aria]
2525

2626
# FocusRing
2727

28-
<p>{docs.exports.FocusRing.description}</p>
28+
<PageDescription>{docs.exports.FocusRing.description}</PageDescription>
2929

3030
<HeaderInfo
3131
packageData={packageData}

‎packages/@react-aria/focus/docs/FocusScope.mdx

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import {Layout} from '@react-spectrum/docs';
1111
export default Layout;
1212

1313
import docs from 'docs:@react-aria/focus';
14-
import {HeaderInfo, PropTable, FunctionAPI, TypeLink, ClassAPI} from '@react-spectrum/docs';
14+
import {HeaderInfo, PropTable, FunctionAPI, TypeLink, ClassAPI, PageDescription} from '@react-spectrum/docs';
1515
import {Keyboard} from '@react-spectrum/text';
1616
import packageData from '@react-aria/focus/package.json';
1717

@@ -26,7 +26,7 @@ keywords: [focus scope, keyboard focus, focus management, aria]
2626

2727
# FocusScope
2828

29-
<p>{docs.exports.FocusScope.description}</p>
29+
<PageDescription>{docs.exports.FocusScope.description}</PageDescription>
3030

3131
<HeaderInfo
3232
packageData={packageData}

‎packages/@react-aria/focus/docs/useFocusRing.mdx

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import {Layout} from '@react-spectrum/docs';
1111
export default Layout;
1212

1313
import docs from 'docs:@react-aria/focus';
14-
import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType} from '@react-spectrum/docs';
14+
import {HeaderInfo, FunctionAPI, TypeContext, InterfaceType, PageDescription} from '@react-spectrum/docs';
1515
import packageData from '@react-aria/focus/package.json';
1616

1717
```tsx import
@@ -25,7 +25,7 @@ keywords: [focus ring, keyboard focus, focus management, aria]
2525

2626
# useFocusRing
2727

28-
<p>{docs.exports.useFocusRing.description}</p>
28+
<PageDescription>{docs.exports.useFocusRing.description}</PageDescription>
2929

3030
<HeaderInfo
3131
packageData={packageData}

‎packages/@react-aria/i18n/docs/I18nProvider.mdx

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import {Layout} from '@react-spectrum/docs';
1111
export default Layout;
1212

1313
import docs from 'docs:@react-aria/i18n';
14-
import {HeaderInfo, TypeContext, PropTable, TypeLink} from '@react-spectrum/docs';
14+
import {HeaderInfo, TypeContext, PropTable, TypeLink, PageDescription} from '@react-spectrum/docs';
1515
import packageData from '@react-aria/i18n/package.json';
1616

1717
```tsx import
@@ -25,7 +25,7 @@ keywords: [i18n, provider, aria, locale, localization]
2525

2626
# I18nProvider
2727

28-
<p>{docs.exports.I18nProvider.description}</p>
28+
<PageDescription>{docs.exports.I18nProvider.description}</PageDescription>
2929

3030
<HeaderInfo
3131
packageData={packageData}

‎packages/@react-aria/i18n/docs/useCollator.mdx

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import {Layout} from '@react-spectrum/docs';
1111
export default Layout;
1212

1313
import docs from 'docs:@react-aria/i18n';
14-
import {ClassAPI, HeaderInfo, TypeContext, FunctionAPI, TypeLink} from '@react-spectrum/docs';
14+
import {ClassAPI, HeaderInfo, TypeContext, FunctionAPI, TypeLink, PageDescription} from '@react-spectrum/docs';
1515
import packageData from '@react-aria/i18n/package.json';
1616

1717
```tsx import
@@ -25,7 +25,7 @@ keywords: [collator, i18n, aria, localization]
2525

2626
# useCollator
2727

28-
<p>{docs.exports.useCollator.description}</p>
28+
<PageDescription>{docs.exports.useCollator.description}</PageDescription>
2929

3030
<HeaderInfo
3131
packageData={packageData}

‎packages/@react-aria/i18n/docs/useDateFormatter.mdx

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import {Layout} from '@react-spectrum/docs';
1111
export default Layout;
1212

1313
import docs from 'docs:@react-aria/i18n';
14-
import {ClassAPI, HeaderInfo, TypeContext, FunctionAPI, TypeLink} from '@react-spectrum/docs';
14+
import {ClassAPI, HeaderInfo, TypeContext, FunctionAPI, TypeLink, PageDescription} from '@react-spectrum/docs';
1515
import packageData from '@react-aria/i18n/package.json';
1616

1717
```tsx import
@@ -25,7 +25,7 @@ keywords: [date, time, i18n, aria, localization]
2525

2626
# useDateFormatter
2727

28-
<p>{docs.exports.useDateFormatter.description}</p>
28+
<PageDescription>{docs.exports.useDateFormatter.description}</PageDescription>
2929

3030
<HeaderInfo
3131
packageData={packageData}

‎packages/@react-aria/i18n/docs/useFilter.mdx

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import {Layout} from '@react-spectrum/docs';
1111
export default Layout;
1212

1313
import docs from 'docs:@react-aria/i18n';
14-
import {ClassAPI, HeaderInfo, TypeContext, FunctionAPI, TypeLink} from '@react-spectrum/docs';
14+
import {ClassAPI, HeaderInfo, TypeContext, FunctionAPI, TypeLink, PageDescription} from '@react-spectrum/docs';
1515
import packageData from '@react-aria/i18n/package.json';
1616

1717
---
@@ -21,7 +21,7 @@ keywords: [filter, search, string match, i18n, aria, localization]
2121

2222
# useFilter
2323

24-
<p>{docs.exports.useFilter.description}</p>
24+
<PageDescription>{docs.exports.useFilter.description}</PageDescription>
2525

2626
<HeaderInfo
2727
packageData={packageData}

‎packages/@react-aria/i18n/docs/useLocale.mdx

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import {Layout} from '@react-spectrum/docs';
1111
export default Layout;
1212

1313
import docs from 'docs:@react-aria/i18n';
14-
import {ClassAPI, HeaderInfo, TypeContext, FunctionAPI, TypeLink} from '@react-spectrum/docs';
14+
import {ClassAPI, HeaderInfo, TypeContext, FunctionAPI, TypeLink, PageDescription} from '@react-spectrum/docs';
1515
import packageData from '@react-aria/i18n/package.json';
1616

1717
---
@@ -21,7 +21,7 @@ keywords: [locale, i18n, aria, localization]
2121

2222
# useLocale
2323

24-
<p>{docs.exports.useLocale.description}</p>
24+
<PageDescription>{docs.exports.useLocale.description}</PageDescription>
2525

2626
<HeaderInfo
2727
packageData={packageData}

‎packages/@react-aria/i18n/docs/useMessageFormatter.mdx

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import {Layout} from '@react-spectrum/docs';
1111
export default Layout;
1212

1313
import docs from 'docs:@react-aria/i18n';
14-
import {ClassAPI, HeaderInfo, TypeContext, FunctionAPI, TypeLink} from '@react-spectrum/docs';
14+
import {ClassAPI, HeaderInfo, TypeContext, FunctionAPI, TypeLink, PageDescription} from '@react-spectrum/docs';
1515
import packageData from '@react-aria/i18n/package.json';
1616

1717
```tsx import
@@ -25,7 +25,7 @@ keywords: [message, i18n, aria, localization]
2525

2626
# useMessageFormatter
2727

28-
<p>{docs.exports.useMessageFormatter.description}</p>
28+
<PageDescription>{docs.exports.useMessageFormatter.description}</PageDescription>
2929

3030
<HeaderInfo
3131
packageData={packageData}

‎packages/@react-aria/i18n/docs/useNumberFormatter.mdx

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import {Layout} from '@react-spectrum/docs';
1111
export default Layout;
1212

1313
import docs from 'docs:@react-aria/i18n';
14-
import {ClassAPI, HeaderInfo, TypeContext, FunctionAPI, TypeLink} from '@react-spectrum/docs';
14+
import {ClassAPI, HeaderInfo, TypeContext, FunctionAPI, TypeLink, PageDescription} from '@react-spectrum/docs';
1515
import packageData from '@react-aria/i18n/package.json';
1616

1717
```tsx import
@@ -25,7 +25,7 @@ keywords: [number, i18n, aria, localization]
2525

2626
# useNumberFormatter
2727

28-
<p>{docs.exports.useNumberFormatter.description}</p>
28+
<PageDescription>{docs.exports.useNumberFormatter.description}</PageDescription>
2929

3030
<HeaderInfo
3131
packageData={packageData}

0 commit comments

Comments
 (0)