Merge branch 'main' into siddharthkp/actionlist-checkbox-a11y

Author: mperrotti

docs/content/ActionList2.mdx

@@ -55,7 +55,7 @@ import {ActionList} from '@primer/components/drafts'
 
 ## Examples
 
-## Minimal example
+### Minimal example
 
 ```javascript live noinline
 // import {ActionList} from '@primer/components/drafts'
@@ -74,7 +74,7 @@ render(
 
 <br />
 
-## With Leading Visual
+### With leading visual
 
 Leading visuals are optional and appear at the start of an item. They can be octicons, avatars, and other custom visuals that fit a small area.
 
@@ -103,7 +103,7 @@ render(
 
 <br />
 
-## With Trailing Visual
+### With trailing visual
 
 Trailing visual and trailing text can display auxiliary information. They're placed at the right of the item, and can denote status, keyboard shortcuts, or be used to set expectations about what the action does.
 
@@ -135,7 +135,7 @@ render(
 
 <br />
 
-## With Description and Dividers
+### With description and dividers
 
 Item dividers allow users to parse heavier amounts of information. They're placed between items and are useful in complex lists, particularly when descriptions or multi-line text is present.
 
@@ -170,7 +170,7 @@ render(
 )
 ```
 
-## With Links
+### With links
 
 When you want to add links to the List instead of actions, use `ActionList.LinkItem`
 
@@ -209,7 +209,7 @@ render(
 
 <br />
 
-## With Groups
+### With groups
 
 ```javascript live noinline
 // import {ActionList} from '@primer/components/drafts'
@@ -271,7 +271,7 @@ render(<SelectFields />)
 
 ## Props / API reference
 
-## ActionList
+### ActionList
 
 | Name             | Type                                                                                              | Default | Description                                                                                                                                                                                |
 | :--------------- | :------------------------------------------------------------------------------------------------ | :-----: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
@@ -284,7 +284,7 @@ render(<SelectFields />)
 
 <br />
 
-## ActionList.Item
+### ActionList.Item
 
 | Name       | Type                                                                                                          |   Default   | Description                                                                                      |
 | :--------- | :------------------------------------------------------------------------------------------------------------ | :---------: | :----------------------------------------------------------------------------------------------- |
@@ -298,7 +298,7 @@ render(<SelectFields />)
 
 <br />
 
-## ActionList.LinkItem
+### ActionList.LinkItem
 
 | Name                                                | Type                                                                                                          | Default | Description                                                    |
 | :-------------------------------------------------- | :------------------------------------------------------------------------------------------------------------ | :-----: | :------------------------------------------------------------- |
@@ -308,14 +308,14 @@ render(<SelectFields />)
 
 <br />
 
-## ActionList.LeadingVisual
+### ActionList.LeadingVisual
 
 | Name       | Type                | Default | Description                                                    |
 | :--------- | :------------------ | :-----: | :------------------------------------------------------------- |
 | children\* | `React.ReactNode` - |    -    | Required. Icon (or similar) positioned before `Item` text.     |
 | sx         | sxProp              |    -    | Optional. See guide to [Overriding styles](/overriding-styles) |
 
-## ActionList.TrailingVisual
+### ActionList.TrailingVisual
 
 | Name       | Type                | Default | Description                                                    |
 | :--------- | :------------------ | :-----: | :------------------------------------------------------------- |
@@ -324,7 +324,7 @@ render(<SelectFields />)
 
 <br />
 
-## ActionList.Description
+### ActionList.Description
 
 | Name       | Type                    |  Default   | Description                                                                                                                       |
 | :--------- | :---------------------- | :--------: | :-------------------------------------------------------------------------------------------------------------------------------- |
@@ -334,7 +334,7 @@ render(<SelectFields />)
 
 <br />
 
-## ActionList.Group
+### ActionList.Group
 
 | Name             | Type                                         |  Default   | Description                                                                                                                              |
 | :--------------- | :------------------------------------------- | :--------: | :--------------------------------------------------------------------------------------------------------------------------------------- |
@@ -348,13 +348,11 @@ render(<SelectFields />)
 
 ## Further reading
 
-[Interface guidelines: Action List](https://primer.style/design/components/action-list)
+- [Interface guidelines: Action List](https://primer.style/design/components/action-list)
 
 <br />
 
 ## Related components
 
 - [ActionMenu](/ActionMenu)
 - [SelectPanel](/SelectPanel)
-
-<br />