Merge branch 'main' into primitives-integration-in-prc

.changeset/bright-bees-juggle.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Update minimum version for @primer/live-region-element

.changeset/cold-starfishes-shout.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Update Banner to use an explicit aria-label instead of being labelled by Banner title

.changeset/config.json

@@ -6,5 +6,5 @@
   "access": "public",
   "baseBranch": "main",
   "updateInternalDependencies": "patch",
-  "ignore": []
+  "ignore": ["docs", "example-*", "codesandbox"]
 }

.changeset/grumpy-coats-worry.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Broaden feature flag type for experimental FeatureFlags to accept undefined

.changeset/mean-terms-bathe.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+ActionBar: Add a few fixes and relevant tests

.changeset/popular-jokes-kiss.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+`Dialog` and `ConfirmationDialog` can now be closed by clicking on the backdrop surrounding the dialog. This will cause `onClose` to be called with a new `'backdrop'` gesture.

.changeset/quiet-lamps-kiss.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+TreeView: Fix toggling subtree via Space key (in addition to Enter key)

.changeset/tall-forks-bathe.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Dialog: Use dynamic view height/width. This allows available visible space to be properly computed on iOS devices.

.changeset/thin-ligers-turn.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+BranchName: Fixing text color when rendered as span

.changeset/tiny-ghosts-notice.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Exports createComponent

.changeset/wild-students-bow.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": minor
+---
+
+Adds support for nested submenus to `ActionMenu`

.eslintignore

@@ -0,0 +1,8 @@
+**/node_modules/**
+**/storybook-static/**
+**/.next/**
+**/lib/**
+**/lib-esm/**
+**/dist/**
+
+script/**/*.ts

.eslintrc.js

@@ -43,8 +43,9 @@ module.exports = {
     'consumer-test/**/*',
     'contributor-docs/adrs/*',
     'examples/nextjs/**',
+    'examples/codesandbox/**',
     // Note: this file is inlined from an external dependency
-    'src/utils/polymorphic.ts',
+    'packages/react/src/utils/polymorphic.ts',
     'storybook-static',
     'CHANGELOG.md',
   ],
@@ -107,13 +108,14 @@ module.exports = {
     // rules which apply only to TS
     {
       parserOptions: {
-        project: 'tsconfig.json',
+        project: ['./tsconfig.json', './packages/**/tsconfig.json', './examples/**/tsconfig.json'],
       },
       files: ['**/*.{ts,tsx}'],
       extends: ['plugin:@typescript-eslint/recommended'],
       rules: {
-        '@typescript-eslint/no-explicit-any': 2,
-        '@typescript-eslint/no-unnecessary-condition': 2,
+        '@typescript-eslint/consistent-type-imports': 'error',
+        '@typescript-eslint/no-explicit-any': 'error',
+        '@typescript-eslint/no-unnecessary-condition': 'error',
         '@typescript-eslint/explicit-module-boundary-types': 'off',
         '@typescript-eslint/no-unused-vars': [
           'error',
@@ -159,7 +161,7 @@ module.exports = {
 
     // Tests
     {
-      files: ['src/**/*.test.{ts,tsx}'],
+      files: ['**/*.test.{ts,tsx}'],
       extends: ['plugin:jest/recommended', 'plugin:testing-library/react'],
       rules: {
         '@typescript-eslint/no-non-null-assertion': 'off',
@@ -204,6 +206,7 @@ module.exports = {
         'no-unused-vars': 'off',
         'prettier/prettier': 'off',
         'react/jsx-no-undef': 'off',
+        'react/no-unescaped-entities': 'off',
         'primer-react/direct-slot-children': 'off',
       },
     },

.github/workflows/accessibility-alt-text-bot.yml

@@ -21,4 +21,4 @@ jobs:
     if: ${{ github.event.issue || github.event.pull_request || github.event.discussion  }}
     steps:
       - name: Get action 'github/accessibility-alt-text-bot'
-        uses: github/accessibility-alt-text-bot@v1.4.0
+        uses: github/accessibility-alt-text-bot@v1.5.0

.github/workflows/assign_release_conductor.yml

@@ -18,6 +18,7 @@ jobs:
       - uses: actions/setup-node@v4
         with:
           node-version: 20
+      - run: npm i -g npm@^10.5.1
       - run: npm ci
       - uses: ./.github/actions/pagerduty
         id: pagerduty

.github/workflows/ci.yml

@@ -27,6 +27,7 @@ jobs:
         with:
           node-version: 20
           cache: 'npm'
+      - run: npm i -g npm@^10.5.1
       - name: Install dependencies
         run: npm ci
       - name: Check for unformatted files
@@ -37,19 +38,16 @@ jobs:
     steps:
       - name: Checkout repository
         uses: actions/checkout@v4
-
       - name: Set up Node.js
         uses: actions/setup-node@v4
         with:
           node-version: 20
           cache: 'npm'
-
+      - run: npm i -g npm@^10.5.1
       - name: Install dependencies
         run: npm ci
-
       - name: Lint JavaScript
         run: npm run lint
-
       - name: Lint markdown
         run: npm run lint:md
 
@@ -58,19 +56,16 @@ jobs:
     steps:
       - name: Checkout repository
         uses: actions/checkout@v4
-
       - name: Set up Node.js
         uses: actions/setup-node@v4
         with:
           node-version: 20
           cache: 'npm'
-
+      - run: npm i -g npm@^10.5.1
       - name: Install dependencies
         run: npm ci
-
       - name: Build
         run: npm run build
-
       - name: Test
         run: npm run test -- --coverage
 
@@ -79,44 +74,34 @@ jobs:
     steps:
       - name: Checkout repository
         uses: actions/checkout@v4
-
       - name: Set up Node.js
         uses: actions/setup-node@v4
         with:
           node-version: 20
           cache: 'npm'
-
+      - run: npm i -g npm@^10.5.1
       - name: Install dependencies
         run: npm ci
-
+      - name: Build project
+        run: npm run build
       - name: Type check
-        run: npm run test:type-check
+        run: npm run type-check
 
   examples:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
         uses: actions/checkout@v4
-
       - name: Set up Node.js
         uses: actions/setup-node@v4
         with:
           node-version: 20
           cache: 'npm'
-
+      - run: npm i -g npm@^10.5.1
       - name: Install dependencies
         run: npm ci
-
       - name: Build
-        run: npm run build
-
-      - name: Install examples dependencies
-        working-directory: examples/nextjs
-        run: npm ci
-
-      - name: Build examples
-        working-directory: examples/nextjs
-        run: npm run build
+        run: npm run build -ws --if-present
 
   vrt-runner:
     runs-on: ubuntu-latest-8-cores
@@ -131,19 +116,22 @@ jobs:
         with:
           node-version: 20
           cache: 'npm'
+      - run: npm i -g npm@^10.5.1
       - name: Install dependencies
         run: npm ci
       - name: Build storybook
         run: npx storybook build
+        working-directory: packages/react
       - name: Run storybook
         id: storybook
+        working-directory: packages/react
         run: |
           npx serve -l 6006 storybook-static &
           pid=$!
           echo "pid=$pid" >> $GITHUB_OUTPUT
           sleep 5
       - name: Run VRT
-        uses: docker://mcr.microsoft.com/playwright:v1.37.0-jammy
+        uses: docker://mcr.microsoft.com/playwright:v1.43.0-jammy
         env:
           STORYBOOK_URL: 'http://172.17.0.1:6006'
         with:
@@ -152,10 +140,11 @@ jobs:
         run: kill ${{ steps.storybook.outputs.pid }}
       - name: Upload report
         if: ${{ always() }}
-        uses: actions/upload-artifact@v3
+        uses: actions/upload-artifact@v4
         with:
-          name: vrt
+          name: vrt-${{ matrix.shard }}
           path: blob-report
+          retention-days: 1
 
   vrt:
     if: ${{ always() }}
@@ -168,17 +157,19 @@ jobs:
         with:
           node-version: 20
           cache: 'npm'
+      - run: npm i -g npm@^10.5.1
       - name: install dependencies
         run: npm ci
       - name: download all reports
-        uses: actions/download-artifact@v3
+        uses: actions/download-artifact@v4
         with:
-          name: vrt
           path: all-blob-reports
+          pattern: vrt-*
+          merge-multiple: true
       - name: merge all reports
         run: npx playwright merge-reports --reporter html ./all-blob-reports
       - name: Upload report
-        uses: actions/upload-artifact@v3
+        uses: actions/upload-artifact@v4
         with:
           name: vrt
           path: playwright-report
@@ -199,19 +190,22 @@ jobs:
         with:
           node-version: 20
           cache: 'npm'
+      - run: npm i -g npm@^10.5.1
       - name: Install dependencies
         run: npm ci
       - name: Build storybook
         run: npx storybook build
+        working-directory: packages/react
       - name: Run storybook
         id: storybook
+        working-directory: packages/react
         run: |
           npx serve -l 6006 storybook-static &
           pid=$!
           echo "pid=$pid" >> $GITHUB_OUTPUT
           sleep 5
       - name: Run AAT
-        uses: docker://mcr.microsoft.com/playwright:v1.37.0-jammy
+        uses: docker://mcr.microsoft.com/playwright:v1.43.0-jammy
         env:
           STORYBOOK_URL: 'http://172.17.0.1:6006'
         with:
@@ -220,10 +214,11 @@ jobs:
         run: kill ${{ steps.storybook.outputs.pid }}
       - name: Upload report
         if: ${{ always() }}
-        uses: actions/upload-artifact@v3
+        uses: actions/upload-artifact@v4
         with:
-          name: axe
+          name: axe-${{ matrix.shard }}
           path: blob-report
+          retention-days: 1
 
   aat:
     if: ${{ always() }}
@@ -236,17 +231,19 @@ jobs:
         with:
           node-version: 20
           cache: 'npm'
+      - run: npm i -g npm@^10.5.1
       - name: install dependencies
         run: npm ci
       - name: download all reports
-        uses: actions/download-artifact@v3
+        uses: actions/download-artifact@v4
         with:
-          name: axe
           path: all-blob-reports
+          pattern: axe-*
+          merge-multiple: true
       - name: merge all reports
         run: npx playwright merge-reports --reporter html ./all-blob-reports
       - name: Upload report
-        uses: actions/upload-artifact@v3
+        uses: actions/upload-artifact@v4
         with:
           name: axe
           path: playwright-report
@@ -264,6 +261,7 @@ jobs:
         with:
           node-version: 20
           cache: 'npm'
+      - run: npm i -g npm@^10.5.1
       - name: Install dependencies
         run: npm ci
       - name: Build components.json
@@ -279,9 +277,10 @@ jobs:
         with:
           node-version: 20
           cache: 'npm'
+      - run: npm i -g npm@^10.5.1
       - name: Install dependencies
         run: npm ci
       - name: Build
         run: npm run build
       - name: Get export sizes
-        run: node script/get-export-sizes.js
+        run: node packages/react/script/get-export-sizes.js