Skip to content

Commit bd13db7

Browse files
committed
fix caption fonts
1 parent c1665ac commit bd13db7

File tree

2 files changed

+7
-7
lines changed

2 files changed

+7
-7
lines changed

packages/dev/s2-docs/pages/react-aria/blog/drag-and-drop.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -86,7 +86,7 @@ Collection components such as lists or tables are treated as a single drop targe
8686
<OnDropPosition role="img" aria-label="On drop position diagram, showing the on drop position." />
8787
<BetweenDropPosition role="img" aria-label="Between drop position diagram, showing the between drop position." />
8888
</div>
89-
<figcaption style={{fontStyle: 'italic'}}>The "root", "on", and "between" drop positions.</figcaption>
89+
<Caption>The "root", "on", and "between" drop positions.</Caption>
9090
</figure>
9191

9292
The [useDraggableCollection](https://react-spectrum.adobe.com/react-aria/useDraggableCollection.html) and [useDroppableCollection](../useDroppableCollection.html) hooks can be used to implement drag and drop within components built with existing React Aria hooks such as [useListBox](https://react-spectrum.adobe.com/react-aria/useListBox.html), [useTable](https://react-spectrum.adobe.com/react-aria/useTable.html), and [useGridList](https://react-spectrum.adobe.com/react-aria/useGridList.html). The drag and drop system integrates with our existing architecture for [collections](../collections.html) and [selection](../selection.html), which are used across all of these components. This enables multiple selected items to be dragged at once, allows keyboard navigation within a droppable collection to adapt based on the collection's layout, and facilitates automatic focus management when items are dropped.

packages/dev/s2-docs/pages/react-aria/blog/how-we-internationalized-our-numberfield.mdx

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -92,7 +92,7 @@ In addition, we also support several different numbering systems, including the
9292

9393
<figure style={{display: 'flex', flexDirection: 'column', alignItems: 'center', margin: '20px 0'}}>
9494
<video src={pinyinEntering} loop autoPlay muted style={{margin: 0, marginBottom: 5, width: '300px'}} />
95-
<figcaption>Entering the number 21 in the Han positional decimal system using the iOS Pinyin keyboard</figcaption>
95+
<Caption>Entering the number 21 in the Han positional decimal system using the iOS Pinyin keyboard</Caption>
9696
</figure>
9797

9898
### Mobile
@@ -104,23 +104,23 @@ The `inputMode` DOM attribute can be used to control the on screen keyboard show
104104
<div style={{display: 'flex', flexDirection: 'row', justifyContent: 'space-around', flexWrap: 'wrap'}}>
105105
<figure style={{width: '200px'}}>
106106
<img src={numberfieldIphoneInteger} style={{margin: 0, width: '100%'}} alt="Iphone screenshot of example NumberField inputMode=numeric" />
107-
<figcaption>With inputMode="numeric", iOS does not include a minus key or a decimal point.</figcaption>
107+
<Caption>With inputMode="numeric", iOS does not include a minus key or a decimal point.</Caption>
108108
</figure>
109109
<figure style={{width: '200px'}}>
110110
<img src={numberfieldIphonePositive} style={{margin: 0, width: '100%'}} alt="Iphone screenshot of example NumberField inputMode=decimal" />
111-
<figcaption>Wth inputMode="decimal", iOS does include a decimal point, but no minus key.</figcaption>
111+
<Caption>Wth inputMode="decimal", iOS does include a decimal point, but no minus key.</Caption>
112112
</figure>
113113
<figure style={{width: '200px'}}>
114114
<img src={numberfieldIphoneDefault} style={{margin: 0, width: '100%'}} alt="Iphone screenshot of example NumberField inputMode=text" />
115-
<figcaption>inputMode="text" is the only way to get a minus key on iOS.</figcaption>
115+
<Caption>inputMode="text" is the only way to get a minus key on iOS.</Caption>
116116
</figure>
117117
<figure style={{width: '200px'}}>
118118
<img src={numberfieldAndroidPositive} style={{margin: 0, width: '100%'}} alt="Android screenshot of example NumberField inputMode=decimal" />
119-
<figcaption>Android does not include a negative sign with inputMode="decimal".</figcaption>
119+
<Caption>Android does not include a negative sign with inputMode="decimal".</Caption>
120120
</figure>
121121
<figure style={{width: '200px'}}>
122122
<img src={numberfieldAndroidInteger} style={{margin: 0, width: '100%'}} alt="Android screenshot of example NumberField inputMode=numeric" />
123-
<figcaption>Android includes both a negative sign and decimals with inputMode="numeric".</figcaption>
123+
<Caption>Android includes both a negative sign and decimals with inputMode="numeric".</Caption>
124124
</figure>
125125
</div>
126126

0 commit comments

Comments
 (0)