Merge branch 'main' of github.com:primer/react into chore/enable-reac…

…t-button-has-type-rule

.changeset/breezy-buckets-wash.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': major
+---
+
+Delete deprecated draft components `MarkdownEditor`, `MarkdownInput`, and `InlineAutocomplete`

.changeset/dull-turkeys-cheer.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Removes the feature flag from the `Blankslate` component to always render with CSS modules.

.changeset/flat-avocados-cheer.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Utilizes `[disabled]` selector instead of `:disabled` in `TooltipV2` to address a false positive

.changeset/friendly-boats-serve.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": minor
+---
+
+fix(Pagination): Use anchor instead of button for disabled prev/next controls

.changeset/nice-moles-know.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Changed Heading feature flag from `primer_react_css_modules_staff` to `primer_react_css_modules_ga`

.changeset/odd-rings-applaud.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Update Banner to use CSS Modules behind feature flag

.changeset/pre.json

@@ -7,11 +7,14 @@
     "example-consumer-test": "0.0.0",
     "@primer/react": "36.27.0",
     "rollup-plugin-import-css": "0.0.0",
-    "postcss-preset-primer": "0.0.0"
+    "postcss-preset-primer": "0.0.0",
+    "example-theming": "0.0.0"
   },
   "changesets": [
     "beige-schools-kneel",
     "blue-stingrays-decide",
+    "breezy-boxes-jog",
+    "calm-forks-pull",
     "clever-birds-press",
     "cool-llamas-live",
     "cool-lobsters-nail",
@@ -25,32 +28,43 @@
     "forty-ants-tell",
     "four-shoes-yell",
     "four-tables-glow",
+    "friendly-boats-serve",
+    "fuzzy-jobs-deny",
     "gold-cups-explode",
+    "green-schools-smell",
     "honest-ligers-fly",
+    "hot-baboons-allow",
     "lemon-candles-deny",
     "lovely-days-march",
     "mighty-parrots-carry",
     "moody-rivers-impress",
     "nervous-llamas-ring",
     "new-shirts-beam",
+    "olive-donkeys-exercise",
     "pink-actors-cross",
     "purple-apricots-relax",
     "quick-adults-buy",
     "quiet-rules-rescue",
     "serious-terms-sniff",
     "seven-scissors-explain",
     "short-boats-cover",
+    "silly-weeks-clap",
     "six-owls-walk",
     "sixty-olives-glow",
     "soft-tips-chew",
+    "sour-cooks-dress",
+    "spicy-eggs-melt",
     "spicy-flies-sniff",
     "stale-lizards-report",
     "tall-wasps-end",
+    "tame-boats-hide",
+    "ten-masks-smoke",
     "thirty-pets-impress",
     "thirty-tips-bow",
     "tidy-clocks-marry",
     "tough-pans-punch",
     "twelve-tables-leave",
+    "wicked-books-occur",
     "yellow-tools-call",
     "young-meals-worry"
   ]

.changeset/silly-weeks-clap.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Update issue where FormControl.Caption was rendering incorrectly when CSS Modules flags were enabled

e2e/components/Banner.test.ts

@@ -77,6 +77,24 @@ test.describe('Banner', () => {
               id: story.id,
               globals: {
                 colorScheme: theme,
+                featureFlags: {
+                  primer_react_css_modules_team: true,
+                },
+              },
+            })
+
+            // Default state
+            expect(await page.screenshot()).toMatchSnapshot(`Banner.${story.title}.${theme}.png`)
+          })
+
+          test('default (styled-components) @vrt', async ({page}) => {
+            await visit(page, {
+              id: story.id,
+              globals: {
+                colorScheme: theme,
+                featureFlags: {
+                  primer_react_css_modules_team: false,
+                },
               },
             })
 
@@ -89,6 +107,22 @@ test.describe('Banner', () => {
               id: story.id,
               globals: {
                 colorScheme: theme,
+                featureFlags: {
+                  primer_react_css_modules_team: true,
+                },
+              },
+            })
+            await expect(page).toHaveNoViolations()
+          })
+
+          test('axe (styled-components) @aat', async ({page}) => {
+            await visit(page, {
+              id: story.id,
+              globals: {
+                colorScheme: theme,
+                featureFlags: {
+                  primer_react_css_modules_team: false,
+                },
               },
             })
             await expect(page).toHaveNoViolations()
@@ -101,6 +135,29 @@ test.describe('Banner', () => {
           test(`${name} @vrt`, async ({page}) => {
             await visit(page, {
               id: story.id,
+              globals: {
+                featureFlags: {
+                  primer_react_css_modules_team: true,
+                },
+              },
+            })
+            const width = viewports[name]
+
+            await page.setViewportSize({
+              width,
+              height: 667,
+            })
+            expect(await page.screenshot()).toMatchSnapshot(`Banner.${story.title}.${name}.png`)
+          })
+
+          test(`${name} (styled-components) @vrt`, async ({page}) => {
+            await visit(page, {
+              id: story.id,
+              globals: {
+                featureFlags: {
+                  primer_react_css_modules_team: false,
+                },
+              },
             })
             const width = viewports[name]
 

e2e/components/Blankslate.test.ts

@@ -51,24 +51,6 @@ test.describe('Blankslate', () => {
               id: story.id,
               globals: {
                 colorScheme: theme,
-                featureFlags: {
-                  primer_react_css_modules_ga: true,
-                },
-              },
-            })
-
-            // Default state
-            expect(await page.screenshot()).toMatchSnapshot(`Blankslate.${story.title}.${theme}.png`)
-          })
-
-          test('default (styled-components) @vrt', async ({page}) => {
-            await visit(page, {
-              id: story.id,
-              globals: {
-                colorScheme: theme,
-                featureFlags: {
-                  primer_react_css_modules_ga: false,
-                },
               },
             })
 
@@ -77,19 +59,6 @@ test.describe('Blankslate', () => {
           })
 
           test('axe @aat', async ({page}) => {
-            await visit(page, {
-              id: story.id,
-              globals: {
-                colorScheme: theme,
-                featureFlags: {
-                  primer_react_css_modules_ga: true,
-                },
-              },
-            })
-            await expect(page).toHaveNoViolations()
-          })
-
-          test('axe (styled-components) @aat', async ({page}) => {
             await visit(page, {
               id: story.id,
               globals: {
@@ -106,29 +75,6 @@ test.describe('Blankslate', () => {
           test(`${name} @vrt`, async ({page}) => {
             await visit(page, {
               id: story.id,
-              globals: {
-                featureFlags: {
-                  primer_react_css_modules_ga: true,
-                },
-              },
-            })
-            const width = viewports[name]
-
-            await page.setViewportSize({
-              width,
-              height: 667,
-            })
-            expect(await page.screenshot()).toMatchSnapshot(`Blankslate.${story.title}.${name}.png`)
-          })
-
-          test(`${name} (styled-components) @vrt`, async ({page}) => {
-            await visit(page, {
-              id: story.id,
-              globals: {
-                featureFlags: {
-                  primer_react_css_modules_ga: false,
-                },
-              },
             })
             const width = viewports[name]