Merge branch 'main' into kendallg/progress-bar

Author: kendallgassner

.changeset/afraid-pianos-invent.md

@@ -17,6 +17,7 @@ module.exports = {
     'plugin:primer-react/recommended',
     'plugin:import/typescript',
     'plugin:ssr-friendly/recommended',
+    'plugin:clsx/recommended',
   ],
   settings: {
     react: {

.changeset/blue-actors-rule.md

@@ -414,6 +414,9 @@ jobs:
       - name: Build components.json
         run: npx tsx script/components-json/build.ts --storybook-data 'storybook-static/index.json'
         working-directory: packages/react
+      - name: Build hooks.json
+        run: npx tsx script/hooks-json/build.ts
+        working-directory: packages/react
 
   sizes:
     runs-on: ubuntu-latest

.changeset/cyan-gorillas-carry.md

@@ -371,4 +371,38 @@ test.describe('IconButton', () => {
       })
     }
   })
+
+  test.describe('Flex', () => {
+    for (const theme of themes) {
+      test.describe(theme, () => {
+        test('default @vrt', async ({page}) => {
+          await visit(page, {
+            id: 'components-iconbutton-devonly--icon-button-within-flex-container',
+            globals: {
+              colorScheme: theme,
+            },
+          })
+
+          // Default state
+          expect(await page.screenshot()).toMatchSnapshot(`IconButton.Flex.${theme}.png`)
+        })
+
+        test('axe @aat', async ({page}) => {
+          await visit(page, {
+            id: 'components-iconbutton-devonly--icon-button-within-flex-container',
+            globals: {
+              colorScheme: theme,
+            },
+          })
+          await expect(page).toHaveNoViolations({
+            rules: {
+              'color-contrast': {
+                enabled: theme !== 'dark_dimmed',
+              },
+            },
+          })
+        })
+      })
+    }
+  })
 })

.changeset/dirty-moles-own.md

@@ -41,12 +41,15 @@ test.describe('ActionBar', () => {
             },
           })
           const toolbarButtonSelector = `button[data-component="IconButton"]`
-          await expect(page.locator(toolbarButtonSelector)).toHaveCount(10)
+          await expect(page.locator(toolbarButtonSelector)).toHaveCount(9)
           await page.setViewportSize({width: viewports['primer.breakpoint.xs'], height: 768})
-          await expect(page.locator(toolbarButtonSelector)).toHaveCount(6)
+          await page.getByLabel('Insert Link').waitFor({
+            state: 'hidden',
+          })
+          await expect(page.locator(toolbarButtonSelector)).toHaveCount(5)
           const moreButtonSelector = page.getByLabel('More Comment box toolbar items')
           await moreButtonSelector.click()
-          await expect(page.locator('ul[role="menu"]>li')).toHaveCount(5)
+          await expect(page.locator('ul[role="menu"] [role="menuitem"]')).toHaveCount(6)
         })
       })
     }

.changeset/eighty-carpets-rush.md

@@ -10,7 +10,7 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "@primer/react": "37.9.1",
+    "@primer/react": "37.10.0",
     "next": "^14.2.15",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",

.changeset/few-rockets-retire.md

@@ -20,12 +20,12 @@
     "@typescript-eslint/eslint-plugin": "^7.11.0",
     "@typescript-eslint/parser": "^7.3.1",
     "@vitejs/plugin-react": "^4.3.3",
-    "@primer/react": "37.9.1",
+    "@primer/react": "37.10.0",
     "eslint": "^8.56.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.7",
     "styled-components": "5.x",
     "typescript": "^5.7.2",
-    "vite": "^5.2.14"
+    "vite": "^5.4.12"
   }
 }

.changeset/flat-candles-burn.md

@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@primer/octicons-react": "^19.14.0",
-    "@primer/react": "37.9.1",
+    "@primer/react": "37.10.0",
     "clsx": "^1.2.1",
     "next": "^14.2.15",
     "react": "^18.3.1",