Merge branch 'main' into mp/rm-dialog-btm-border

Author: hectahertz

.changeset/beige-bags-look.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Remove the CSS modules feature flag from the ActionList.Heading component

.changeset/funny-toys-agree.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": minor
+---
+
+chore(SelectPanel): remove css modules feature flag

.changeset/olive-kangaroos-wonder.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+fix(SelectPanel): differentiate onCancel gesture from escape

.changeset/tasty-games-trade.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+fix(SelectPanel): disable body scroll on full screen

.changeset/ten-eggs-arrive.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+SelectPanelV2: Add `deprecated` status to SelectPanelV2 docs and stories

.github/workflows/lock-release.yml

@@ -20,7 +20,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Get App Token
-        uses: actions/create-github-app-token@d72941d797fd3113feb6b93fd0dec494b13a2547
+        uses: actions/create-github-app-token@3ff1caaa28b64c9cc276ce0a02e2ff584f3900c5
         id: app-token
         with:
           app-id: ${{ vars.PRIMER_APP_ID_SHARED }}
@@ -53,7 +53,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Get App Token
-        uses: actions/create-github-app-token@d72941d797fd3113feb6b93fd0dec494b13a2547
+        uses: actions/create-github-app-token@3ff1caaa28b64c9cc276ce0a02e2ff584f3900c5
         id: app-token
         with:
           app-id: ${{ vars.PRIMER_APP_ID_SHARED }}

.github/workflows/release.yml

@@ -28,7 +28,7 @@ jobs:
       - name: Install dependencies
         run: npm ci
 
-      - uses: actions/create-github-app-token@d72941d797fd3113feb6b93fd0dec494b13a2547
+      - uses: actions/create-github-app-token@3ff1caaa28b64c9cc276ce0a02e2ff584f3900c5
         id: app-token
         with:
           app-id: ${{ vars.PRIMER_APP_ID_SHARED }}

.github/workflows/update-snapshots.yml

@@ -62,10 +62,10 @@ jobs:
     steps:
       - name: Generate token
         id: generate_token
-        uses: actions/create-github-app-token@d72941d797fd3113feb6b93fd0dec494b13a2547
+        uses: actions/create-github-app-token@3ff1caaa28b64c9cc276ce0a02e2ff584f3900c5
         with:
-          app_id: ${{ secrets.APP_ID }}
-          private_key: ${{ secrets.PRIVATE_KEY }}
+          app-id: ${{ secrets.APP_ID }}
+          private-key: ${{ secrets.PRIVATE_KEY }}
       # Warning: we are checking out an untrusted source at this point in order
       # to push to the head pull request. Code from this checkout must not be
       # used in any of the following steps.

e2e/components/drafts/SelectPanel.test.ts

@@ -10,28 +10,28 @@ const stories: Array<{
 }> = [
   {
     title: 'Default',
-    id: 'experimental-components-selectpanel--default',
+    id: 'deprecated-components-selectpanel--default',
   },
   {
-    id: 'experimental-components-selectpanel-features--as-modal',
+    id: 'deprecated-components-selectpanel-features--as-modal',
     title: 'As Modal',
   },
   {
-    id: 'experimental-components-selectpanel-features--external-anchor',
+    id: 'deprecated-components-selectpanel-features--external-anchor',
     title: 'External Anchor',
   },
   {
-    id: 'experimental-components-selectpanel-features--instant-selection-variant',
+    id: 'deprecated-components-selectpanel-features--instant-selection-variant',
     title: 'Instant Selection Variant',
     buttonText: 'Choose a tag',
   },
   {
-    id: 'experimental-components-selectpanel-features--with-warning',
+    id: 'deprecated-components-selectpanel-features--with-warning',
     title: 'With Warning',
     buttonText: 'Assignees',
   },
   {
-    id: 'experimental-components-selectpanel-features--with-errors',
+    id: 'deprecated-components-selectpanel-features--with-errors',
     title: 'With Errors',
     buttonText: 'Assignees',
   },

package-lock.json

@@ -3,7 +3,6 @@ import React from 'react'
 import theme from '../theme'
 import {ActionList} from '.'
 import {BaseStyles, ThemeProvider, ActionMenu} from '..'
-import {FeatureFlags} from '../FeatureFlags'
 import {behavesAsComponent} from '../utils/testing'
 
 describe('ActionList.Heading', () => {
@@ -62,28 +61,13 @@ describe('ActionList.Heading', () => {
   })
 
   it('should support a custom `className` on the outermost element', () => {
-    const Element = () => {
-      return (
-        <ActionList>
-          <ActionList.Heading as="h2" className="test-class-name">
-            Filter by
-          </ActionList.Heading>
-        </ActionList>
-      )
-    }
-    const FeatureFlagElement = () => {
-      return (
-        <FeatureFlags
-          flags={{
-            primer_react_css_modules_staff: true,
-            primer_react_css_modules_ga: true,
-          }}
-        >
-          <Element />
-        </FeatureFlags>
-      )
-    }
-    expect(HTMLRender(<FeatureFlagElement />).container.querySelector('h2')).toHaveClass('test-class-name')
-    expect(HTMLRender(<Element />).container.querySelector('h2')).toHaveClass('test-class-name')
+    const actionList = HTMLRender(
+      <ActionList>
+        <ActionList.Heading as="h2" className="test-class-name">
+          Filter by
+        </ActionList.Heading>
+      </ActionList>,
+    )
+    expect(actionList.container.querySelector('h2')).toHaveClass('test-class-name')
   })
 })