Deprecate ChoiceFieldset and ChoiceInputField

.changeset/actionlist2-actionmenu2-prefix-types.md

@@ -0,0 +1,21 @@
+---
+'@primer/react': major
+---
+
+`ActionList2` exported types are now prefixed with `ActionList`:
+
+```
+ListProps → ActionListProps
+GroupProps → ActionListGroupProps
+ItemProps → ActionListItemProps
+DescriptionProps → ActionListDescriptionProps
+LeadingVisualProps → ActionListLeadingVisualProps,
+TrailingVisualProps → ActionListTrailingVisualProps
+```
+
+`ActionMenu2` exported types are now prefixed with `ActionMenu`:
+
+```
+MenuButtonProps → ActionMenuButtonProps
+MenuAnchorProps → ActionMenuAnchorProps
+```

.changeset/deprecate-actionlistv1-promote-actionlistv2.md

@@ -0,0 +1,154 @@
+---
+'@primer/react': major
+---
+
+### ActionList
+
+ActionList has been rewritten with a composable API, design updates and accessibility fixes.
+
+See full list of props and examples: https://primer.style/react/ActionList
+
+<table>
+<tr>
+<th> Before (v34)</th> <th> After (v35)</th>
+</tr>
+<tr>
+<td valign="top">
+
+```jsx
+<ActionList
+  items={[
+    {text: 'New file'},
+    {text: 'Copy link'},
+    {text: 'Edit file'},
+    ActionList.Divider,
+    {text: 'Delete file', variant: 'danger'}
+  ]}
+/>
+```
+
+ </td>
+<td valign="top">
+
+```jsx
+<ActionList>
+  <ActionList.Item>New file</ActionList.Item>
+  <ActionList.Item>Copy link</ActionList.Item>
+  <ActionList.Item>Edit file</ActionList.Item>
+  <ActionList.Divider />
+  <ActionList.Item variant="danger">Delete file</ActionList.Item>
+</ActionList>
+```
+
+</td>
+</tr>
+<tr>
+<td valign="top">
+
+```jsx
+<ActionList
+  showItemDividers
+  items={[
+    {
+      key: '0',
+      leadingVisual: LinkIcon,
+      text: 'github/primer'
+    },
+    {
+      key: '1',
+      leadingVisual: () => <Avatar src="https://github.com/mona.png" />,
+      text: 'mona',
+      description: 'Monalisa Octocat',
+      descriptionVariant: 'block'
+    },
+    {
+      key: '2',
+      leadingVisual: GearIcon,
+      text: 'View Settings',
+      trailingVisual: ArrowRightIcon
+    }
+  ]}
+/>
+```
+
+ </td>
+<td valign="top">
+
+```jsx
+<ActionList showDividers>
+  <ActionList.Item>
+    <ActionList.LeadingVisual>
+      <LinkIcon />
+    </ActionList.LeadingVisual>
+    github/primer
+  </ActionList.Item>
+  <ActionList.Item>
+    <ActionList.LeadingVisual>
+      <Avatar src="https://github.com/mona.png" />
+    </ActionList.LeadingVisual>
+    mona
+    <ActionList.Description variant="block">Monalisa Octocat</ActionList.Description>
+  </ActionList.Item>
+  <ActionList.Item>
+    <ActionList.LeadingVisual>
+      <GearIcon />
+    </ActionList.LeadingVisual>
+    View settings
+    <ActionList.TrailingVisual>
+      <ArrowRightIcon />
+    </ActionList.TrailingVisual>
+  </ActionList.Item>
+</ActionList>
+```
+
+</td>
+</tr>
+<tr>
+<td valign="top">
+
+```jsx
+<ActionList
+  groupMetadata={[
+    {groupId: '0', header: {title: 'Live query'}},
+    {groupId: '1', header: {title: 'Layout'}}
+  ]}
+  items={[
+    {key: '0', text: 'repo:github/github', groupId: '0'},
+    {key: '1', text: 'Table', groupId: '1'},
+    {key: '2', text: 'Board', groupId: '1'},
+    {key: '3', text: 'View settings'}
+  ]}
+/>
+```
+
+ </td>
+<td valign="top">
+
+```jsx
+<ActionList>
+  <ActionList.Group title="Live query">
+    <ActionList.Item>repo:github/github</ActionList.Item>
+  </ActionList.Group>
+  <ActionList.Divider />
+
+  <ActionList.Group title="Layout">
+    <ActionList.Item>Table</ActionList.Item>
+    <ActionList.Item>Board Description></ActionList.Item>
+  </ActionList.Group>
+  <ActionList.Divider />
+
+  <ActionList.Item>View settings</ActionList.Item>
+</ActionList>
+```
+
+</td>
+</tr>
+</table>
+
+To continue to use the deprecated API for now, change the import path to `@primer/react/deprecated`:
+
+```js
+import {ActionList} from '@primer/react/deprecated'
+```
+
+You can use the [one-time codemod](https://github.com/primer/react-migrate#readme) to change your import statements automatically.

.changeset/empty-pillows-hunt.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': major
+---
+
+Prepare library for `v35`

.changeset/hip-buses-peel.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Adds CheckboxGroup and RadioGroup components to replace the ChoiceFieldset component

.changeset/nervous-pets-sleep.md

@@ -0,0 +1,116 @@
+---
+'@primer/react': major
+---
+
+![image](https://user-images.githubusercontent.com/2313998/155632630-60822d7b-6053-480d-925d-cea4d3b04919.png)
+
+The `CheckboxGroup` and `RadioGroup` components will be used to deprecate the `ChoiceFieldset` component. The deprecation of `ChoiceFieldset` also allows us to deprecate `ChoiceInputField`.
+
+`CheckboxGroup` and `RadioGroup` have the ability to render contextual content with your fieldset: labels, validation statuses, captions. It also handles the ARIA attributes that make the form controls accessible to assistive technology.
+
+<table>
+<tr>
+<th> Before </th> <th> After </th>
+</tr>
+<tr>
+<td valign="top">
+
+```jsx
+import {ChoiceFieldset} from "@primer/react";
+
+// Multi-select
+<ChoiceFieldset>
+  <ChoiceFieldset.Legend>Prefered Primer component interface</ChoiceFieldset.Legend>
+
+  <ChoiceFieldset.List selectionVariant="multiple">
+    <ChoiceFieldset.Item value="figma">Figma library</ChoiceFieldset.Item>
+    <ChoiceFieldset.Item value="css">Primer CSS</ChoiceFieldset.Item>
+    <ChoiceFieldset.Item value="react">Primer React components</ChoiceFieldset.Item>
+    <ChoiceFieldset.Item value="viewcomponents">Primer ViewComponents</ChoiceFieldset.Item>
+  </ChoiceFieldset.List>
+</ChoiceFieldset>
+
+// Single select
+<ChoiceFieldset>
+  <ChoiceFieldset.Legend>Prefered Primer component interface</ChoiceFieldset.Legend>
+
+  <ChoiceFieldset.List>
+    <ChoiceFieldset.Item value="figma">Figma library</ChoiceFieldset.Item>
+    <ChoiceFieldset.Item value="css">Primer CSS</ChoiceFieldset.Item>
+    <ChoiceFieldset.Item value="react">Primer React components</ChoiceFieldset.Item>
+    <ChoiceFieldset.Item value="viewcomponents">Primer ViewComponents</ChoiceFieldset.Item>
+  </ChoiceFieldset.List>
+</ChoiceFieldset>
+
+```
+
+</td>
+<td valign="top">
+
+```jsx
+import {FormGroup, Checkbox} from "@primer/react";
+
+// Multi-select
+<CheckboxGroup>
+  <CheckboxGroup.Label>Prefered Primer component interface</CheckboxGroup.Label>
+  <FormControl>
+    <Checkbox value="figma" />
+    <FormControl.Label>Figma</FormControl.Label>
+  </FormControl>
+  <FormControl>
+    <Checkbox value="css" />
+    <FormControl.Label>CSS</FormControl.Label>
+  </FormControl>
+  <FormControl>
+    <Checkbox value="react" />
+    <FormControl.Label>Primer React components</FormControl.Label>
+  </FormControl>
+  <FormControl>
+    <Checkbox value="viewcomponents" />
+    <FormControl.Label>Primer ViewComponents</FormControl.Label>
+  </FormControl>
+</CheckboxGroup>
+
+// Single select
+<RadioGroup name="preferred-primer">
+  <RadioGroup.Label>Prefered Primer component interface</RadioGroup.Label>
+  <FormControl>
+    <Radio value="figma" />
+    <FormControl.Label>Figma</FormControl.Label>
+  </FormControl>
+  <FormControl>
+    <Radio value="css" />
+    <FormControl.Label>CSS</FormControl.Label>
+  </FormControl>
+  <FormControl>
+    <Radio value="react" />
+    <FormControl.Label>Primer React components</FormControl.Label>
+  </FormControl>
+  <FormControl>
+    <Radio value="viewcomponents" />
+    <FormControl.Label>Primer ViewComponents</FormControl.Label>
+  </FormControl>
+</RadioGroup>
+```
+
+</td>
+</tr>
+</table>
+<table style="display: table">
+<tr><th>Migration steps to CheckboxGroup and RadioGroup</th></tr>
+<tr>
+<td>
+
+<strong>Upgrade to the new</strong> `CheckboxGroup` and `RadioGroup` components by referring to the examples in our documentation: [CheckboxGroup](https://primer.style/react/CheckboxGroup), [RadioGroup](https://primer.style/react/RadioGroup).
+
+or
+
+<strong>Continue using the deprecated</strong> `ChoiceFieldset` component :
+
+```js
+import {ChoiceFieldset} from '@primer/react/deprecated' // change your import statements
+```
+
+</td>
+</tr>
+</table>

.changeset/odd-apes-guess.md

@@ -0,0 +1,12 @@
+---
+"@primer/react": major
+---
+
+`PageLayout` is being graduated from the `drafts` bundle to the `main` bundle. 
+
+To upgrade, rewrite your imports accordingly:
+
+```diff
+- import {PageLayout} from '@primer/react/drafts'
++ import {PageLayout} from '@primer/react'
+```

.changeset/smooth-cameras-prove.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": major
+---
+
+Move deprecated components to deprecated folder

deprecated/package.json

@@ -0,0 +1,9 @@
+{
+    "_comment1": "this is required only for typescript. once this is fixed https://github.com/microsoft/TypeScript/issues/33079 we can remove this hack",
+    "name": "@primer/react/deprecated",
+    "types": "../lib-esm/deprecated/index.d.ts",
+    "main": "../lib-esm/deprecated/index.js",
+    "type": "module",
+    "sideEffects": false
+  }
+