Skip to content

Commit 002e9cf

Browse files
rezrahrezrah
authored
add missing fragments to changesets (#1940)
1 parent 2868c21 commit 002e9cf

File tree

4 files changed

+147
-132
lines changed

4 files changed

+147
-132
lines changed

‎.changeset/heavy-points-marry.md

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -26,8 +26,10 @@ If you were using the `Label` component to render issue/PR labels, use the [Issu
2626
```jsx
2727
import {Label} from "@primer/react"
2828

29-
<Label outline>default</Label>
30-
<Label variant="small" outline sx={{borderColor: 'danger.emphasis', color: 'danger.fg'}}>danger</Label>
29+
<>
30+
<Label outline>default</Label>
31+
<Label variant="small" outline sx={{borderColor: 'danger.emphasis', color: 'danger.fg'}}>danger</Label>
32+
</>
3133
```
3234

3335
</td>
@@ -36,8 +38,10 @@ import {Label} from "@primer/react"
3638
```jsx
3739
import {Label} from "@primer/react"
3840

39-
<Label>default</Label>
40-
<Label size="small" variant="danger">danger</Label>
41+
<>
42+
<Label>default</Label>
43+
<Label size="small" variant="danger">danger</Label>
44+
</>
4145
```
4246

4347
</td>

‎.changeset/many-roses-hammer.md

Lines changed: 20 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -25,18 +25,20 @@ import { ButtonPrimary, ButtonInvisible,
2525
ButtonOutline, ButtonDanger }
2626
from '@primer/react'
2727

28-
<ButtonPrimary>
28+
<>
29+
<ButtonPrimary>
2930
Primary Button
30-
</ButtonPrimary>
31-
<ButtonInvisible>
31+
</ButtonPrimary>
32+
<ButtonInvisible>
3233
Invisible Button
33-
</ButtonInvisible>
34-
<ButtonOutline>
34+
</ButtonInvisible>
35+
<ButtonOutline>
3536
Outline Button
36-
</ButtonOutline>
37-
<ButtonDanger>
37+
</ButtonOutline>
38+
<ButtonDanger>
3839
Danger Button
39-
</ButtonDanger>
40+
</ButtonDanger>
41+
</>
4042
```
4143

4244
</td>
@@ -46,18 +48,20 @@ from '@primer/react'
4648

4749
import { Button } from '@primer/react'
4850

49-
<Button variant="primary">
51+
<>
52+
<Button variant="primary">
5053
Primary Button
51-
</Button>
52-
<Button variant="invisible">
54+
</Button>
55+
<Button variant="invisible">
5356
Invisible Button
54-
</Button>
55-
<Button variant="outline">
57+
</Button>
58+
<Button variant="outline">
5659
Outline Button
57-
</Button>
58-
<Button variant="danger">
60+
</Button>
61+
<Button variant="danger">
5962
Danger Button
60-
</Button>
63+
</Button>
64+
</>
6165
```
6266

6367
</td>

‎.changeset/nervous-pets-sleep.md

Lines changed: 92 additions & 88 deletions
Original file line numberDiff line numberDiff line change
@@ -20,49 +20,51 @@ The `CheckboxGroup` and `RadioGroup` components are replacing the `ChoiceFieldse
2020
```jsx
2121
import {ChoiceFieldset} from "@primer/react"
2222

23-
// Multi-select
24-
<ChoiceFieldset>
25-
<ChoiceFieldset.Legend>
26-
Preferred Primer component interface
27-
</ChoiceFieldset.Legend>
28-
29-
<ChoiceFieldset.List selectionVariant="multiple">
30-
<ChoiceFieldset.Item value="figma">
31-
Figma library
32-
</ChoiceFieldset.Item>
33-
<ChoiceFieldset.Item value="css">
34-
Primer CSS
35-
</ChoiceFieldset.Item>
36-
<ChoiceFieldset.Item value="react">
37-
Primer React components
38-
</ChoiceFieldset.Item>
39-
<ChoiceFieldset.Item value="viewcomponents">
40-
Primer ViewComponents
41-
</ChoiceFieldset.Item>
42-
</ChoiceFieldset.List>
43-
</ChoiceFieldset>
44-
45-
// Single select
46-
<ChoiceFieldset>
47-
<ChoiceFieldset.Legend>
48-
Preferred Primer component interface
49-
</ChoiceFieldset.Legend>
50-
51-
<ChoiceFieldset.List>
52-
<ChoiceFieldset.Item value="figma">
53-
Figma library
54-
</ChoiceFieldset.Item>
55-
<ChoiceFieldset.Item value="css">
56-
Primer CSS
57-
</ChoiceFieldset.Item>
58-
<ChoiceFieldset.Item value="react">
59-
Primer React components
60-
</ChoiceFieldset.Item>
61-
<ChoiceFieldset.Item value="viewcomponents">
62-
Primer ViewComponents
63-
</ChoiceFieldset.Item>
64-
</ChoiceFieldset.List>
65-
</ChoiceFieldset>
23+
<>
24+
// Multi-select
25+
<ChoiceFieldset>
26+
<ChoiceFieldset.Legend>
27+
Preferred Primer component interface
28+
</ChoiceFieldset.Legend>
29+
30+
<ChoiceFieldset.List selectionVariant="multiple">
31+
<ChoiceFieldset.Item value="figma">
32+
Figma library
33+
</ChoiceFieldset.Item>
34+
<ChoiceFieldset.Item value="css">
35+
Primer CSS
36+
</ChoiceFieldset.Item>
37+
<ChoiceFieldset.Item value="react">
38+
Primer React components
39+
</ChoiceFieldset.Item>
40+
<ChoiceFieldset.Item value="viewcomponents">
41+
Primer ViewComponents
42+
</ChoiceFieldset.Item>
43+
</ChoiceFieldset.List>
44+
</ChoiceFieldset>
45+
46+
// Single select
47+
<ChoiceFieldset>
48+
<ChoiceFieldset.Legend>
49+
Preferred Primer component interface
50+
</ChoiceFieldset.Legend>
51+
52+
<ChoiceFieldset.List>
53+
<ChoiceFieldset.Item value="figma">
54+
Figma library
55+
</ChoiceFieldset.Item>
56+
<ChoiceFieldset.Item value="css">
57+
Primer CSS
58+
</ChoiceFieldset.Item>
59+
<ChoiceFieldset.Item value="react">
60+
Primer React components
61+
</ChoiceFieldset.Item>
62+
<ChoiceFieldset.Item value="viewcomponents">
63+
Primer ViewComponents
64+
</ChoiceFieldset.Item>
65+
</ChoiceFieldset.List>
66+
</ChoiceFieldset>
67+
</>
6668

6769
```
6870

@@ -72,51 +74,53 @@ import {ChoiceFieldset} from "@primer/react"
7274
```jsx
7375
import {FormGroup, Checkbox} from "@primer/react"
7476

75-
// Multi-select
76-
<CheckboxGroup>
77-
<CheckboxGroup.Label>
78-
Preferred Primer component interface
79-
</CheckboxGroup.Label>
80-
<FormControl>
81-
<Checkbox value="figma" />
82-
<FormControl.Label>Figma</FormControl.Label>
83-
</FormControl>
84-
<FormControl>
85-
<Checkbox value="css" />
86-
<FormControl.Label>CSS</FormControl.Label>
87-
</FormControl>
88-
<FormControl>
89-
<Checkbox value="react" />
90-
<FormControl.Label>Primer React components</FormControl.Label>
91-
</FormControl>
92-
<FormControl>
93-
<Checkbox value="viewcomponents" />
94-
<FormControl.Label>Primer ViewComponents</FormControl.Label>
95-
</FormControl>
96-
</CheckboxGroup>
97-
98-
// Single select
99-
<RadioGroup name="preferred-primer">
100-
<RadioGroup.Label>
101-
Preferred Primer component interface
102-
</RadioGroup.Label>
103-
<FormControl>
104-
<Radio value="figma" />
105-
<FormControl.Label>Figma</FormControl.Label>
106-
</FormControl>
107-
<FormControl>
108-
<Radio value="css" />
109-
<FormControl.Label>CSS</FormControl.Label>
110-
</FormControl>
111-
<FormControl>
112-
<Radio value="react" />
113-
<FormControl.Label>Primer React components</FormControl.Label>
114-
</FormControl>
115-
<FormControl>
116-
<Radio value="viewcomponents" />
117-
<FormControl.Label>Primer ViewComponents</FormControl.Label>
118-
</FormControl>
119-
</RadioGroup>
77+
<>
78+
// Multi-select
79+
<CheckboxGroup>
80+
<CheckboxGroup.Label>
81+
Preferred Primer component interface
82+
</CheckboxGroup.Label>
83+
<FormControl>
84+
<Checkbox value="figma" />
85+
<FormControl.Label>Figma</FormControl.Label>
86+
</FormControl>
87+
<FormControl>
88+
<Checkbox value="css" />
89+
<FormControl.Label>CSS</FormControl.Label>
90+
</FormControl>
91+
<FormControl>
92+
<Checkbox value="react" />
93+
<FormControl.Label>Primer React components</FormControl.Label>
94+
</FormControl>
95+
<FormControl>
96+
<Checkbox value="viewcomponents" />
97+
<FormControl.Label>Primer ViewComponents</FormControl.Label>
98+
</FormControl>
99+
</CheckboxGroup>
100+
101+
// Single select
102+
<RadioGroup name="preferred-primer">
103+
<RadioGroup.Label>
104+
Preferred Primer component interface
105+
</RadioGroup.Label>
106+
<FormControl>
107+
<Radio value="figma" />
108+
<FormControl.Label>Figma</FormControl.Label>
109+
</FormControl>
110+
<FormControl>
111+
<Radio value="css" />
112+
<FormControl.Label>CSS</FormControl.Label>
113+
</FormControl>
114+
<FormControl>
115+
<Radio value="react" />
116+
<FormControl.Label>Primer React components</FormControl.Label>
117+
</FormControl>
118+
<FormControl>
119+
<Radio value="viewcomponents" />
120+
<FormControl.Label>Primer ViewComponents</FormControl.Label>
121+
</FormControl>
122+
</RadioGroup>
123+
</>
120124
```
121125

122126
</td>

‎.changeset/olive-bears-act.md

Lines changed: 27 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -18,25 +18,26 @@ The `FormControl` component is replacing the `FormGroup`, `InputField`, and `Cho
1818
```jsx
1919
import {FormControl, Checkbox, TextInput} from "@primer/react"
2020

21+
<>
22+
<FormGroup>
23+
<FormGroup.Label htmlFor="example-text">Example text</FormGroup.Label>
24+
<TextInput id="example-text" />
25+
</FormGroup>
2126

22-
<FormGroup>
23-
<FormGroup.Label htmlFor="example-text">Example text</FormGroup.Label>
24-
<TextInput id="example-text" />
25-
</FormGroup>
27+
// OR
2628

27-
// OR
29+
<InputField>
30+
<InputField.Label>Example text</InputField.Label>
31+
<TextInput />
32+
</InputField>
2833

29-
<InputField>
30-
<InputField.Label>Example text</InputField.Label>
31-
<TextInput />
32-
</InputField>
33-
34-
// OR
34+
// OR
3535

36-
<ChoiceInputField>
37-
<ChoiceInputField.Label>Example text</ChoiceInputField.Label>
38-
<Checkbox />
39-
</ChoiceInputField>
36+
<ChoiceInputField>
37+
<ChoiceInputField.Label>Example text</ChoiceInputField.Label>
38+
<Checkbox />
39+
</ChoiceInputField>
40+
</>
4041

4142
```
4243

@@ -46,17 +47,19 @@ import {FormControl, Checkbox, TextInput} from "@primer/react"
4647
```jsx
4748
import {FormGroup, TextInput} from "@primer/react"
4849

49-
<FormControl>
50-
<FormControl.Label>Example text</FormControl.Label>
51-
<TextInput />
52-
</FormControl>
50+
<>
51+
<FormControl>
52+
<FormControl.Label>Example text</FormControl.Label>
53+
<TextInput />
54+
</FormControl>
5355

54-
// OR
56+
// OR
5557

56-
<FormControl>
57-
<FormControl.Label>Example text</FormControl.Label>
58-
<Checkbox />
59-
</FormControl>
58+
<FormControl>
59+
<FormControl.Label>Example text</FormControl.Label>
60+
<Checkbox />
61+
</FormControl>
62+
</>
6063

6164
```
6265

0 commit comments

Comments
 (0)