Merge branch 'main' into mp/segmented-control-basic

Author: mperrotti

.changeset/smooth-balloons-hope.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Passthrough ActionList.Group props from NavList.Group

.github/workflows/deploy_preview.yml

@@ -12,6 +12,10 @@ jobs:
     if: ${{ github.repository == 'primer/react' }}
     name: Preview
     uses: primer/.github/.github/workflows/deploy_preview.yml@main
+    permissions:
+      contents: read
+      pages: write
+      id-token: write
     with:
       node_version: 14
       install: npm ci && cd docs && npm ci && cd ..

src/NavList/NavList.tsx

@@ -240,13 +240,14 @@ export type NavListGroupProps = {
   title?: string
 } & SxProp
 
+const defaultSx = {}
 // TODO: ref prop
-const Group = ({title, children, sx: sxProp = {}}: NavListGroupProps) => {
+const Group: React.VFC<NavListGroupProps> = ({title, children, sx: sxProp = defaultSx, ...props}) => {
   return (
     <>
       {/* Hide divider if the group is the first item in the list */}
       <ActionList.Divider sx={{'&:first-child': {display: 'none'}}} />
-      <ActionList.Group title={title} sx={sxProp}>
+      <ActionList.Group {...props} title={title} sx={sxProp}>
         {children}
       </ActionList.Group>
     </>