Merge branch 'main' of github.com:primer/react into button-loading-state

primer · Mar 14, 2024 · c0e2a3d · c0e2a3d
2 parents 5acdcb9 + a392556
commit c0e2a3d
Show file tree

Hide file tree

Showing 142 changed files with 157 additions and 180 deletions.
diff --git a/.changeset/beige-crews-flow.md b/.changeset/beige-crews-flow.md
diff --git a/.changeset/beige-meals-doubt.md b/.changeset/beige-meals-doubt.md
diff --git a/.changeset/bright-foxes-hunt.md b/.changeset/bright-foxes-hunt.md
diff --git a/.changeset/fair-cooks-return.md b/.changeset/fair-cooks-return.md
diff --git a/.changeset/fair-countries-taste.md b/.changeset/fair-countries-taste.md
diff --git a/.changeset/fair-sloths-kick.md b/.changeset/fair-sloths-kick.md
diff --git a/.changeset/fluffy-pugs-care.md b/.changeset/fluffy-pugs-care.md
diff --git a/.changeset/gold-baboons-live.md b/.changeset/gold-baboons-live.md
diff --git a/.changeset/grumpy-shirts-march.md b/.changeset/grumpy-shirts-march.md
diff --git a/.changeset/mighty-pears-deny.md b/.changeset/mighty-pears-deny.md
diff --git a/.changeset/neat-toes-build.md b/.changeset/neat-toes-build.md
diff --git a/.changeset/rotten-schools-whisper.md b/.changeset/rotten-schools-whisper.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Tooltip v1: Remove the caret from the tooltip to make it consistent with the new tooltip design
diff --git a/.changeset/silly-geese-juggle.md b/.changeset/silly-geese-juggle.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Update IconButton default color to use fgColor-muted
diff --git a/.changeset/tasty-spoons-suffer.md b/.changeset/tasty-spoons-suffer.md
diff --git a/.changeset/wet-geckos-accept.md b/.changeset/wet-geckos-accept.md
diff --git a/.changeset/wicked-rings-prove.md b/.changeset/wicked-rings-prove.md
diff --git a/.changeset/young-cooks-shave.md b/.changeset/young-cooks-shave.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Bug fix: default Button disabled bg-color
diff --git a/...ActionMenu.test.ts-snapshots/ActionMenu-Custom-Anchor-dark-colorblind-linux.png b/...ActionMenu.test.ts-snapshots/ActionMenu-Custom-Anchor-dark-colorblind-linux.png
diff --git a/...nts/ActionMenu.test.ts-snapshots/ActionMenu-Custom-Anchor-dark-dimmed-linux.png b/...nts/ActionMenu.test.ts-snapshots/ActionMenu-Custom-Anchor-dark-dimmed-linux.png
diff --git a/...components/ActionMenu.test.ts-snapshots/ActionMenu-Custom-Anchor-dark-linux.png b/...components/ActionMenu.test.ts-snapshots/ActionMenu-Custom-Anchor-dark-linux.png
diff --git a/...ActionMenu.test.ts-snapshots/ActionMenu-Custom-Anchor-dark-tritanopia-linux.png b/...ActionMenu.test.ts-snapshots/ActionMenu-Custom-Anchor-dark-tritanopia-linux.png
diff --git a/...ctionMenu.test.ts-snapshots/ActionMenu-Custom-Anchor-light-colorblind-linux.png b/...ctionMenu.test.ts-snapshots/ActionMenu-Custom-Anchor-light-colorblind-linux.png
diff --git a/...omponents/ActionMenu.test.ts-snapshots/ActionMenu-Custom-Anchor-light-linux.png b/...omponents/ActionMenu.test.ts-snapshots/ActionMenu-Custom-Anchor-light-linux.png
diff --git a/...ctionMenu.test.ts-snapshots/ActionMenu-Custom-Anchor-light-tritanopia-linux.png b/...ctionMenu.test.ts-snapshots/ActionMenu-Custom-Anchor-light-tritanopia-linux.png
diff --git a/...s/components/Button.test.ts-snapshots/Button-Disabled-dark-colorblind-linux.png b/...s/components/Button.test.ts-snapshots/Button-Disabled-dark-colorblind-linux.png
diff --git a/...shots/components/Button.test.ts-snapshots/Button-Disabled-dark-dimmed-linux.png b/...shots/components/Button.test.ts-snapshots/Button-Disabled-dark-dimmed-linux.png
diff --git a/...omponents/Button.test.ts-snapshots/Button-Disabled-dark-high-contrast-linux.png b/...omponents/Button.test.ts-snapshots/Button-Disabled-dark-high-contrast-linux.png
diff --git a/...ht/snapshots/components/Button.test.ts-snapshots/Button-Disabled-dark-linux.png b/...ht/snapshots/components/Button.test.ts-snapshots/Button-Disabled-dark-linux.png
diff --git a/...s/components/Button.test.ts-snapshots/Button-Disabled-dark-tritanopia-linux.png b/...s/components/Button.test.ts-snapshots/Button-Disabled-dark-tritanopia-linux.png
diff --git a/.../components/Button.test.ts-snapshots/Button-Disabled-light-colorblind-linux.png b/.../components/Button.test.ts-snapshots/Button-Disabled-light-colorblind-linux.png
diff --git a/...mponents/Button.test.ts-snapshots/Button-Disabled-light-high-contrast-linux.png b/...mponents/Button.test.ts-snapshots/Button-Disabled-light-high-contrast-linux.png
diff --git a/...t/snapshots/components/Button.test.ts-snapshots/Button-Disabled-light-linux.png b/...t/snapshots/components/Button.test.ts-snapshots/Button-Disabled-light-linux.png
diff --git a/.../components/Button.test.ts-snapshots/Button-Disabled-light-tritanopia-linux.png b/.../components/Button.test.ts-snapshots/Button-Disabled-light-tritanopia-linux.png
diff --git a/...s/components/Button.test.ts-snapshots/Button-Inactive-dark-colorblind-linux.png b/...s/components/Button.test.ts-snapshots/Button-Inactive-dark-colorblind-linux.png
diff --git a/...shots/components/Button.test.ts-snapshots/Button-Inactive-dark-dimmed-linux.png b/...shots/components/Button.test.ts-snapshots/Button-Inactive-dark-dimmed-linux.png
diff --git a/...omponents/Button.test.ts-snapshots/Button-Inactive-dark-high-contrast-linux.png b/...omponents/Button.test.ts-snapshots/Button-Inactive-dark-high-contrast-linux.png
diff --git a/...ht/snapshots/components/Button.test.ts-snapshots/Button-Inactive-dark-linux.png b/...ht/snapshots/components/Button.test.ts-snapshots/Button-Inactive-dark-linux.png
diff --git a/...s/components/Button.test.ts-snapshots/Button-Inactive-dark-tritanopia-linux.png b/...s/components/Button.test.ts-snapshots/Button-Inactive-dark-tritanopia-linux.png
diff --git a/.../components/Button.test.ts-snapshots/Button-Inactive-light-colorblind-linux.png b/.../components/Button.test.ts-snapshots/Button-Inactive-light-colorblind-linux.png
diff --git a/...mponents/Button.test.ts-snapshots/Button-Inactive-light-high-contrast-linux.png b/...mponents/Button.test.ts-snapshots/Button-Inactive-light-high-contrast-linux.png
diff --git a/...t/snapshots/components/Button.test.ts-snapshots/Button-Inactive-light-linux.png b/...t/snapshots/components/Button.test.ts-snapshots/Button-Inactive-light-linux.png
diff --git a/.../components/Button.test.ts-snapshots/Button-Inactive-light-tritanopia-linux.png b/.../components/Button.test.ts-snapshots/Button-Inactive-light-tritanopia-linux.png
diff --git a/...uttonGroup.test.ts-snapshots/ButtonGroup-Icon-Buttons-dark-colorblind-linux.png b/...uttonGroup.test.ts-snapshots/ButtonGroup-Icon-Buttons-dark-colorblind-linux.png
diff --git a/...omponents/ButtonGroup.test.ts-snapshots/ButtonGroup-Icon-Buttons-dark-linux.png b/...omponents/ButtonGroup.test.ts-snapshots/ButtonGroup-Icon-Buttons-dark-linux.png
diff --git a/...uttonGroup.test.ts-snapshots/ButtonGroup-Icon-Buttons-dark-tritanopia-linux.png b/...uttonGroup.test.ts-snapshots/ButtonGroup-Icon-Buttons-dark-tritanopia-linux.png
diff --git a/...ttonGroup.test.ts-snapshots/ButtonGroup-Icon-Buttons-light-colorblind-linux.png b/...ttonGroup.test.ts-snapshots/ButtonGroup-Icon-Buttons-light-colorblind-linux.png
diff --git a/...mponents/ButtonGroup.test.ts-snapshots/ButtonGroup-Icon-Buttons-light-linux.png b/...mponents/ButtonGroup.test.ts-snapshots/ButtonGroup-Icon-Buttons-light-linux.png
diff --git a/...ttonGroup.test.ts-snapshots/ButtonGroup-Icon-Buttons-light-tritanopia-linux.png b/...ttonGroup.test.ts-snapshots/ButtonGroup-Icon-Buttons-light-tritanopia-linux.png
diff --git a/...nents/IconButton.test.ts-snapshots/IconButton-Default-dark-colorblind-linux.png b/...nents/IconButton.test.ts-snapshots/IconButton-Default-dark-colorblind-linux.png
diff --git a/...omponents/IconButton.test.ts-snapshots/IconButton-Default-dark-dimmed-linux.png b/...omponents/IconButton.test.ts-snapshots/IconButton-Default-dark-dimmed-linux.png
diff --git a/...shots/components/IconButton.test.ts-snapshots/IconButton-Default-dark-linux.png b/...shots/components/IconButton.test.ts-snapshots/IconButton-Default-dark-linux.png
diff --git a/...nents/IconButton.test.ts-snapshots/IconButton-Default-dark-tritanopia-linux.png b/...nents/IconButton.test.ts-snapshots/IconButton-Default-dark-tritanopia-linux.png
diff --git a/...ents/IconButton.test.ts-snapshots/IconButton-Default-light-colorblind-linux.png b/...ents/IconButton.test.ts-snapshots/IconButton-Default-light-colorblind-linux.png
diff --git a/...hots/components/IconButton.test.ts-snapshots/IconButton-Default-light-linux.png b/...hots/components/IconButton.test.ts-snapshots/IconButton-Default-light-linux.png
diff --git a/...ents/IconButton.test.ts-snapshots/IconButton-Default-light-tritanopia-linux.png b/...ents/IconButton.test.ts-snapshots/IconButton-Default-light-tritanopia-linux.png
diff --git a/...ents/IconButton.test.ts-snapshots/IconButton-Disabled-dark-colorblind-linux.png b/...ents/IconButton.test.ts-snapshots/IconButton-Disabled-dark-colorblind-linux.png
diff --git a/...mponents/IconButton.test.ts-snapshots/IconButton-Disabled-dark-dimmed-linux.png b/...mponents/IconButton.test.ts-snapshots/IconButton-Disabled-dark-dimmed-linux.png
diff --git a/...s/IconButton.test.ts-snapshots/IconButton-Disabled-dark-high-contrast-linux.png b/...s/IconButton.test.ts-snapshots/IconButton-Disabled-dark-high-contrast-linux.png
diff --git a/...hots/components/IconButton.test.ts-snapshots/IconButton-Disabled-dark-linux.png b/...hots/components/IconButton.test.ts-snapshots/IconButton-Disabled-dark-linux.png
diff --git a/...ents/IconButton.test.ts-snapshots/IconButton-Disabled-dark-tritanopia-linux.png b/...ents/IconButton.test.ts-snapshots/IconButton-Disabled-dark-tritanopia-linux.png
diff --git a/...nts/IconButton.test.ts-snapshots/IconButton-Disabled-light-colorblind-linux.png b/...nts/IconButton.test.ts-snapshots/IconButton-Disabled-light-colorblind-linux.png
diff --git a/.../IconButton.test.ts-snapshots/IconButton-Disabled-light-high-contrast-linux.png b/.../IconButton.test.ts-snapshots/IconButton-Disabled-light-high-contrast-linux.png
diff --git a/...nts/IconButton.test.ts-snapshots/IconButton-Disabled-light-tritanopia-linux.png b/...nts/IconButton.test.ts-snapshots/IconButton-Disabled-light-tritanopia-linux.png
diff --git a/...ponents/IconButton.test.ts-snapshots/IconButton-Large-dark-colorblind-linux.png b/...ponents/IconButton.test.ts-snapshots/IconButton-Large-dark-colorblind-linux.png
diff --git a/.../components/IconButton.test.ts-snapshots/IconButton-Large-dark-dimmed-linux.png b/.../components/IconButton.test.ts-snapshots/IconButton-Large-dark-dimmed-linux.png
diff --git a/...apshots/components/IconButton.test.ts-snapshots/IconButton-Large-dark-linux.png b/...apshots/components/IconButton.test.ts-snapshots/IconButton-Large-dark-linux.png
diff --git a/...ponents/IconButton.test.ts-snapshots/IconButton-Large-dark-tritanopia-linux.png b/...ponents/IconButton.test.ts-snapshots/IconButton-Large-dark-tritanopia-linux.png
diff --git a/...onents/IconButton.test.ts-snapshots/IconButton-Large-light-colorblind-linux.png b/...onents/IconButton.test.ts-snapshots/IconButton-Large-light-colorblind-linux.png
diff --git a/...pshots/components/IconButton.test.ts-snapshots/IconButton-Large-light-linux.png b/...pshots/components/IconButton.test.ts-snapshots/IconButton-Large-light-linux.png
diff --git a/...onents/IconButton.test.ts-snapshots/IconButton-Large-light-tritanopia-linux.png b/...onents/IconButton.test.ts-snapshots/IconButton-Large-light-tritanopia-linux.png
diff --git a/...onents/IconButton.test.ts-snapshots/IconButton-Medium-dark-colorblind-linux.png b/...onents/IconButton.test.ts-snapshots/IconButton-Medium-dark-colorblind-linux.png
diff --git a/...components/IconButton.test.ts-snapshots/IconButton-Medium-dark-dimmed-linux.png b/...components/IconButton.test.ts-snapshots/IconButton-Medium-dark-dimmed-linux.png
diff --git a/...pshots/components/IconButton.test.ts-snapshots/IconButton-Medium-dark-linux.png b/...pshots/components/IconButton.test.ts-snapshots/IconButton-Medium-dark-linux.png
diff --git a/...onents/IconButton.test.ts-snapshots/IconButton-Medium-dark-tritanopia-linux.png b/...onents/IconButton.test.ts-snapshots/IconButton-Medium-dark-tritanopia-linux.png
diff --git a/...nents/IconButton.test.ts-snapshots/IconButton-Medium-light-colorblind-linux.png b/...nents/IconButton.test.ts-snapshots/IconButton-Medium-light-colorblind-linux.png
diff --git a/...shots/components/IconButton.test.ts-snapshots/IconButton-Medium-light-linux.png b/...shots/components/IconButton.test.ts-snapshots/IconButton-Medium-light-linux.png
diff --git a/...nents/IconButton.test.ts-snapshots/IconButton-Medium-light-tritanopia-linux.png b/...nents/IconButton.test.ts-snapshots/IconButton-Medium-light-tritanopia-linux.png
diff --git a/...ts/IconButton.test.ts-snapshots/IconButton-Playground-dark-colorblind-linux.png b/...ts/IconButton.test.ts-snapshots/IconButton-Playground-dark-colorblind-linux.png
diff --git a/...onents/IconButton.test.ts-snapshots/IconButton-Playground-dark-dimmed-linux.png b/...onents/IconButton.test.ts-snapshots/IconButton-Playground-dark-dimmed-linux.png
diff --git a/...ts/components/IconButton.test.ts-snapshots/IconButton-Playground-dark-linux.png b/...ts/components/IconButton.test.ts-snapshots/IconButton-Playground-dark-linux.png
diff --git a/...ts/IconButton.test.ts-snapshots/IconButton-Playground-dark-tritanopia-linux.png b/...ts/IconButton.test.ts-snapshots/IconButton-Playground-dark-tritanopia-linux.png
diff --git a/...s/IconButton.test.ts-snapshots/IconButton-Playground-light-colorblind-linux.png b/...s/IconButton.test.ts-snapshots/IconButton-Playground-light-colorblind-linux.png
diff --git a/...s/components/IconButton.test.ts-snapshots/IconButton-Playground-light-linux.png b/...s/components/IconButton.test.ts-snapshots/IconButton-Playground-light-linux.png
diff --git a/...s/IconButton.test.ts-snapshots/IconButton-Playground-light-tritanopia-linux.png b/...s/IconButton.test.ts-snapshots/IconButton-Playground-light-tritanopia-linux.png
diff --git a/...ponents/IconButton.test.ts-snapshots/IconButton-Small-dark-colorblind-linux.png b/...ponents/IconButton.test.ts-snapshots/IconButton-Small-dark-colorblind-linux.png
diff --git a/.../components/IconButton.test.ts-snapshots/IconButton-Small-dark-dimmed-linux.png b/.../components/IconButton.test.ts-snapshots/IconButton-Small-dark-dimmed-linux.png
diff --git a/...apshots/components/IconButton.test.ts-snapshots/IconButton-Small-dark-linux.png b/...apshots/components/IconButton.test.ts-snapshots/IconButton-Small-dark-linux.png
diff --git a/...ponents/IconButton.test.ts-snapshots/IconButton-Small-dark-tritanopia-linux.png b/...ponents/IconButton.test.ts-snapshots/IconButton-Small-dark-tritanopia-linux.png
diff --git a/...onents/IconButton.test.ts-snapshots/IconButton-Small-light-colorblind-linux.png b/...onents/IconButton.test.ts-snapshots/IconButton-Small-light-colorblind-linux.png
diff --git a/...pshots/components/IconButton.test.ts-snapshots/IconButton-Small-light-linux.png b/...pshots/components/IconButton.test.ts-snapshots/IconButton-Small-light-linux.png
diff --git a/...onents/IconButton.test.ts-snapshots/IconButton-Small-light-tritanopia-linux.png b/...onents/IconButton.test.ts-snapshots/IconButton-Small-light-tritanopia-linux.png
diff --git a/...ts/PageHeader.test.ts-snapshots/PageHeader-Files-Page-dark-colorblind-linux.png b/...ts/PageHeader.test.ts-snapshots/PageHeader-Files-Page-dark-colorblind-linux.png
diff --git a/...onents/PageHeader.test.ts-snapshots/PageHeader-Files-Page-dark-dimmed-linux.png b/...onents/PageHeader.test.ts-snapshots/PageHeader-Files-Page-dark-dimmed-linux.png
diff --git a/...ts/components/PageHeader.test.ts-snapshots/PageHeader-Files-Page-dark-linux.png b/...ts/components/PageHeader.test.ts-snapshots/PageHeader-Files-Page-dark-linux.png
diff --git a/...ts/PageHeader.test.ts-snapshots/PageHeader-Files-Page-dark-tritanopia-linux.png b/...ts/PageHeader.test.ts-snapshots/PageHeader-Files-Page-dark-tritanopia-linux.png
diff --git a/...s/PageHeader.test.ts-snapshots/PageHeader-Files-Page-light-colorblind-linux.png b/...s/PageHeader.test.ts-snapshots/PageHeader-Files-Page-light-colorblind-linux.png
diff --git a/...s/components/PageHeader.test.ts-snapshots/PageHeader-Files-Page-light-linux.png b/...s/components/PageHeader.test.ts-snapshots/PageHeader-Files-Page-light-linux.png
diff --git a/...s/PageHeader.test.ts-snapshots/PageHeader-Files-Page-light-tritanopia-linux.png b/...s/PageHeader.test.ts-snapshots/PageHeader-Files-Page-light-tritanopia-linux.png
diff --git a/...ts-snapshots/PageHeader-Files-Page-on-Narrow-Viewport-dark-colorblind-linux.png b/...ts-snapshots/PageHeader-Files-Page-on-Narrow-Viewport-dark-colorblind-linux.png
diff --git a/...est.ts-snapshots/PageHeader-Files-Page-on-Narrow-Viewport-dark-dimmed-linux.png b/...est.ts-snapshots/PageHeader-Files-Page-on-Narrow-Viewport-dark-dimmed-linux.png
diff --git a/...eader.test.ts-snapshots/PageHeader-Files-Page-on-Narrow-Viewport-dark-linux.png b/...eader.test.ts-snapshots/PageHeader-Files-Page-on-Narrow-Viewport-dark-linux.png
diff --git a/...ts-snapshots/PageHeader-Files-Page-on-Narrow-Viewport-dark-tritanopia-linux.png b/...ts-snapshots/PageHeader-Files-Page-on-Narrow-Viewport-dark-tritanopia-linux.png
diff --git a/...s-snapshots/PageHeader-Files-Page-on-Narrow-Viewport-light-colorblind-linux.png b/...s-snapshots/PageHeader-Files-Page-on-Narrow-Viewport-light-colorblind-linux.png
diff --git a/...ader.test.ts-snapshots/PageHeader-Files-Page-on-Narrow-Viewport-light-linux.png b/...ader.test.ts-snapshots/PageHeader-Files-Page-on-Narrow-Viewport-light-linux.png
diff --git a/...s-snapshots/PageHeader-Files-Page-on-Narrow-Viewport-light-tritanopia-linux.png b/...s-snapshots/PageHeader-Files-Page-on-Narrow-Viewport-light-tritanopia-linux.png
diff --git a/.../PageHeader.test.ts-snapshots/PageHeader-With-Actions-dark-colorblind-linux.png b/.../PageHeader.test.ts-snapshots/PageHeader-With-Actions-dark-colorblind-linux.png
diff --git a/...ents/PageHeader.test.ts-snapshots/PageHeader-With-Actions-dark-dimmed-linux.png b/...ents/PageHeader.test.ts-snapshots/PageHeader-With-Actions-dark-dimmed-linux.png
diff --git a/.../components/PageHeader.test.ts-snapshots/PageHeader-With-Actions-dark-linux.png b/.../components/PageHeader.test.ts-snapshots/PageHeader-With-Actions-dark-linux.png
diff --git a/.../PageHeader.test.ts-snapshots/PageHeader-With-Actions-dark-tritanopia-linux.png b/.../PageHeader.test.ts-snapshots/PageHeader-With-Actions-dark-tritanopia-linux.png
diff --git a/...PageHeader.test.ts-snapshots/PageHeader-With-Actions-light-colorblind-linux.png b/...PageHeader.test.ts-snapshots/PageHeader-With-Actions-light-colorblind-linux.png
diff --git a/...components/PageHeader.test.ts-snapshots/PageHeader-With-Actions-light-linux.png b/...components/PageHeader.test.ts-snapshots/PageHeader-With-Actions-light-linux.png
diff --git a/...PageHeader.test.ts-snapshots/PageHeader-With-Actions-light-tritanopia-linux.png b/...PageHeader.test.ts-snapshots/PageHeader-With-Actions-light-tritanopia-linux.png
diff --git a/...onents/Tooltip.test.ts-snapshots/Tooltip-Default-dark-colorblind-open-linux.png b/...onents/Tooltip.test.ts-snapshots/Tooltip-Default-dark-colorblind-open-linux.png
diff --git a/...components/Tooltip.test.ts-snapshots/Tooltip-Default-dark-dimmed-open-linux.png b/...components/Tooltip.test.ts-snapshots/Tooltip-Default-dark-dimmed-open-linux.png
diff --git a/...nts/Tooltip.test.ts-snapshots/Tooltip-Default-dark-high-contrast-open-linux.png b/...nts/Tooltip.test.ts-snapshots/Tooltip-Default-dark-high-contrast-open-linux.png
diff --git a/...pshots/components/Tooltip.test.ts-snapshots/Tooltip-Default-dark-open-linux.png b/...pshots/components/Tooltip.test.ts-snapshots/Tooltip-Default-dark-open-linux.png
diff --git a/...onents/Tooltip.test.ts-snapshots/Tooltip-Default-dark-tritanopia-open-linux.png b/...onents/Tooltip.test.ts-snapshots/Tooltip-Default-dark-tritanopia-open-linux.png
diff --git a/...nents/Tooltip.test.ts-snapshots/Tooltip-Default-light-colorblind-open-linux.png b/...nents/Tooltip.test.ts-snapshots/Tooltip-Default-light-colorblind-open-linux.png
diff --git a/...ts/Tooltip.test.ts-snapshots/Tooltip-Default-light-high-contrast-open-linux.png b/...ts/Tooltip.test.ts-snapshots/Tooltip-Default-light-high-contrast-open-linux.png
diff --git a/...shots/components/Tooltip.test.ts-snapshots/Tooltip-Default-light-open-linux.png b/...shots/components/Tooltip.test.ts-snapshots/Tooltip-Default-light-open-linux.png
diff --git a/...nents/Tooltip.test.ts-snapshots/Tooltip-Default-light-tritanopia-open-linux.png b/...nents/Tooltip.test.ts-snapshots/Tooltip-Default-light-tritanopia-open-linux.png
diff --git a/...t.ts-snapshots/TooltipV2-Icon-Button-With-Description-dark-colorblind-linux.png b/...t.ts-snapshots/TooltipV2-Icon-Button-With-Description-dark-colorblind-linux.png
diff --git a/....test.ts-snapshots/TooltipV2-Icon-Button-With-Description-dark-dimmed-linux.png b/....test.ts-snapshots/TooltipV2-Icon-Button-With-Description-dark-dimmed-linux.png
diff --git a/...oltipV2.test.ts-snapshots/TooltipV2-Icon-Button-With-Description-dark-linux.png b/...oltipV2.test.ts-snapshots/TooltipV2-Icon-Button-With-Description-dark-linux.png
diff --git a/...t.ts-snapshots/TooltipV2-Icon-Button-With-Description-dark-tritanopia-linux.png b/...t.ts-snapshots/TooltipV2-Icon-Button-With-Description-dark-tritanopia-linux.png
diff --git a/....ts-snapshots/TooltipV2-Icon-Button-With-Description-light-colorblind-linux.png b/....ts-snapshots/TooltipV2-Icon-Button-With-Description-light-colorblind-linux.png
diff --git a/...ltipV2.test.ts-snapshots/TooltipV2-Icon-Button-With-Description-light-linux.png b/...ltipV2.test.ts-snapshots/TooltipV2-Icon-Button-With-Description-light-linux.png
diff --git a/....ts-snapshots/TooltipV2-Icon-Button-With-Description-light-tritanopia-linux.png b/....ts-snapshots/TooltipV2-Icon-Button-With-Description-light-tritanopia-linux.png
diff --git a/CODEOWNERS b/CODEOWNERS
@@ -1,3 +1,4 @@
 # All changes should be reviewed by a member of the @react-reviewers team
 * @primer/engineer-reviewers
 ./src/legacy-theme/ @langermank
+.playwright/snapshots/components @primer/design-reviewers
diff --git a/docs/content/ssr.mdx b/docs/content/ssr.mdx
diff --git a/examples/app-router/package.json b/examples/app-router/package.json
@@ -9,7 +9,7 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "@primer/react": "36.10.0",
+    "@primer/react": "36.11.0",
     "next": "^14.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

diff --git a/examples/nextjs/package.json b/examples/nextjs/package.json
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@primer/octicons-react": "^18.2.0",
-    "@primer/react": "36.10.0",
+    "@primer/react": "36.11.0",
     "next": "^14.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
@@ -1,5 +1,39 @@
 # @primer/react
 
+## 36.11.0
+
+### Minor Changes
+
+- [#4353](https://github.com/primer/react/pull/4353) [`2c0086e6da3ae3a360c12952399256c98941982e`](https://github.com/primer/react/commit/2c0086e6da3ae3a360c12952399256c98941982e) Thanks [@anleac](https://github.com/anleac)! - SelectPanel: Added `footer` prop that renders a sticky footer at the bottom of the item list.
+
+- [#4288](https://github.com/primer/react/pull/4288) [`200fb18839053f669d30d86e4dd88b399b06a44b`](https://github.com/primer/react/commit/200fb18839053f669d30d86e4dd88b399b06a44b) Thanks [@siddharthkp](https://github.com/siddharthkp)! - experimental/SelectPanel: Add back button
+
+- [#4097](https://github.com/primer/react/pull/4097) [`9c535e835a364bce5d01b28f4029d2bf4d5bdfaf`](https://github.com/primer/react/commit/9c535e835a364bce5d01b28f4029d2bf4d5bdfaf) Thanks [@broccolinisoup](https://github.com/broccolinisoup)! - TextInput: Update TextInput.Action internal component to use Tooltip v2
+
+### Patch Changes
+
+- [#4359](https://github.com/primer/react/pull/4359) [`937dbdea2a0b2f79b60f68440f5d8c24df344401`](https://github.com/primer/react/commit/937dbdea2a0b2f79b60f68440f5d8c24df344401) Thanks [@pksjce](https://github.com/pksjce)! - ActionBar: Overflow menu items should be able to trigger dialogs
+
+- [#4327](https://github.com/primer/react/pull/4327) [`f08f85b5a90e532c7a8795f7bea5af80765283d4`](https://github.com/primer/react/commit/f08f85b5a90e532c7a8795f7bea5af80765283d4) Thanks [@broccolinisoup](https://github.com/broccolinisoup)! - Tooltip v2: Set the tooltip position when popover-open attribute is added to the tooltip element not the toggle event is triggered
+
+- [#4348](https://github.com/primer/react/pull/4348) [`c64e5b25698885eeeeee5bc95c47582248011a39`](https://github.com/primer/react/commit/c64e5b25698885eeeeee5bc95c47582248011a39) Thanks [@siddharthkp](https://github.com/siddharthkp)! - experimental/SelectPanel: Do not render children of `<dialog>` when closed
+
+- [#4308](https://github.com/primer/react/pull/4308) [`32b0cf77fcb4112f00da6ffb93a52875d23b9370`](https://github.com/primer/react/commit/32b0cf77fcb4112f00da6ffb93a52875d23b9370) Thanks [@tbenning](https://github.com/tbenning)! - Unify Breadcrumbs + fix a11y issue
+
+- [#4334](https://github.com/primer/react/pull/4334) [`f685d521dd52d0a9601e0021189895e1adca3b0b`](https://github.com/primer/react/commit/f685d521dd52d0a9601e0021189895e1adca3b0b) Thanks [@TylerJDev](https://github.com/TylerJDev)! - Switches focus styles to target `a.focus-visible` instead of `a:focus-visible`.
+
+- [#4349](https://github.com/primer/react/pull/4349) [`15c078dda93ae8579a858efcce3b6a2f97204373`](https://github.com/primer/react/commit/15c078dda93ae8579a858efcce3b6a2f97204373) Thanks [@jonrohan](https://github.com/jonrohan)! - Adding aria-invalid="true" to TextInput when error.
+
+- [#4365](https://github.com/primer/react/pull/4365) [`fe9f8baae473019e3605fae8895ba63f88fae074`](https://github.com/primer/react/commit/fe9f8baae473019e3605fae8895ba63f88fae074) Thanks [@pksjce](https://github.com/pksjce)! - Bugfix: `aria-invalid` is overriden in TextInput
+
+- [#4354](https://github.com/primer/react/pull/4354) [`4b823ff237235564900aeadb81713e984676c5ad`](https://github.com/primer/react/commit/4b823ff237235564900aeadb81713e984676c5ad) Thanks [@siddharthkp](https://github.com/siddharthkp)! - TextInput: Remove redundant `aria-label` attribute from `TextInput.Action` when it already has an `aria-labelledby`.
+
+- [#4320](https://github.com/primer/react/pull/4320) [`7cb3464a50a49efc59e9a29baa2dd543147b0bee`](https://github.com/primer/react/commit/7cb3464a50a49efc59e9a29baa2dd543147b0bee) Thanks [@siddharthkp](https://github.com/siddharthkp)! - experimental/SelectPanel: Move focus to first item if there is no filter input
+
+- [#4337](https://github.com/primer/react/pull/4337) [`69f4489a3a6e928c5c387c8aa42668f5f3b0d92c`](https://github.com/primer/react/commit/69f4489a3a6e928c5c387c8aa42668f5f3b0d92c) Thanks [@manuelpuyol](https://github.com/manuelpuyol)! - Add precompile step for colorSchemes
+
+- [#4360](https://github.com/primer/react/pull/4360) [`5baf73660f86fa4850f7c705d5d3ab1c599fe461`](https://github.com/primer/react/commit/5baf73660f86fa4850f7c705d5d3ab1c599fe461) Thanks [@broccolinisoup](https://github.com/broccolinisoup)! - Tooltip2: Render tooltip element as `span` instead of `div`
+
 ## 36.10.0
 
 ### Minor Changes

diff --git a/packages/react/package.json b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@primer/react",
-  "version": "36.10.0",
+  "version": "36.11.0",
   "description": "An implementation of GitHub's Primer Design System using React",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -94,7 +94,6 @@
     "@primer/live-region-element": "^0.2.0",
     "@primer/octicons-react": "^19.8.0",
     "@primer/primitives": "7.15.3",
-    "@react-aria/ssr": "^3.5.0",
     "@styled-system/css": "^5.1.5",
     "@styled-system/props": "^5.1.5",
     "@styled-system/theme-get": "^5.1.2",

diff --git a/packages/react/src/Button/Button.features.stories.tsx b/packages/react/src/Button/Button.features.stories.tsx
@@ -61,12 +61,34 @@ export const TrailingAction = () => <Button trailingAction={TriangleDownIcon}>Tr
 
 export const Block = () => <Button block>Default</Button>
 
-export const Disabled = () => <Button disabled>Default</Button>
+export const Disabled = () => (
+  <div style={{display: 'flex', flexDirection: 'row', gap: '1rem'}}>
+    <Button disabled>Default</Button>
+    <Button variant="primary" disabled>
+      Primary
+    </Button>
+    <Button variant="danger" disabled>
+      Danger
+    </Button>
+    <Button variant="invisible" disabled>
+      Invisible
+    </Button>
+  </div>
+)
 
 export const Inactive = () => (
-  <Button variant="primary" inactive>
-    Default
-  </Button>
+  <div style={{display: 'flex', flexDirection: 'row', gap: '1rem'}}>
+    <Button inactive>Default</Button>
+    <Button variant="primary" inactive>
+      Primary
+    </Button>
+    <Button variant="danger" inactive>
+      Danger
+    </Button>
+    <Button variant="invisible" inactive>
+      Invisible
+    </Button>
+  </div>
 )
 
 export const Small = () => <Button size="small">Default</Button>

diff --git a/packages/react/src/Button/__tests__/__snapshots__/Button.test.tsx.snap b/packages/react/src/Button/__tests__/__snapshots__/Button.test.tsx.snap
@@ -101,6 +101,7 @@ exports[`Button respects block prop 1`] = `
   box-shadow: none;
   color: primer.fg.disabled;
   border-color: var(--button-default-borderColor-disabled,undefined);
+  background-color: var(--button-default-bgColor-disabled,undefined);
 }
 
 .c0:disabled [data-component=ButtonCounter],
@@ -251,6 +252,10 @@ exports[`Button respects block prop 1`] = `
   color: var(--button-color,undefined);
 }
 
+.c0[data-component="IconButton"][data-no-visuals] {
+  color: fg.muted;
+}
+
 @media (forced-colors:active) {
   .c0:focus {
     outline: solid 1px transparent;
@@ -382,6 +387,7 @@ exports[`Button respects the alignContent prop 1`] = `
   box-shadow: none;
   color: primer.fg.disabled;
   border-color: var(--button-default-borderColor-disabled,undefined);
+  background-color: var(--button-default-bgColor-disabled,undefined);
 }
 
 .c0:disabled [data-component=ButtonCounter],
@@ -532,6 +538,10 @@ exports[`Button respects the alignContent prop 1`] = `
   color: var(--button-color,undefined);
 }
 
+.c0[data-component="IconButton"][data-no-visuals] {
+  color: fg.muted;
+}
+
 @media (forced-colors:active) {
   .c0:focus {
     outline: solid 1px transparent;
@@ -662,6 +672,7 @@ exports[`Button respects the large size prop 1`] = `
   box-shadow: none;
   color: primer.fg.disabled;
   border-color: var(--button-default-borderColor-disabled,undefined);
+  background-color: var(--button-default-bgColor-disabled,undefined);
 }
 
 .c0:disabled [data-component=ButtonCounter],
@@ -812,6 +823,10 @@ exports[`Button respects the large size prop 1`] = `
   color: var(--button-color,undefined);
 }
 
+.c0[data-component="IconButton"][data-no-visuals] {
+  color: fg.muted;
+}
+
 @media (forced-colors:active) {
   .c0:focus {
     outline: solid 1px transparent;
@@ -943,6 +958,7 @@ exports[`Button respects the small size prop 1`] = `
   box-shadow: none;
   color: primer.fg.disabled;
   border-color: var(--button-default-borderColor-disabled,undefined);
+  background-color: var(--button-default-bgColor-disabled,undefined);
 }
 
 .c0:disabled [data-component=ButtonCounter],
@@ -1093,6 +1109,10 @@ exports[`Button respects the small size prop 1`] = `
   color: var(--button-color,undefined);
 }
 
+.c0[data-component="IconButton"][data-no-visuals] {
+  color: fg.muted;
+}
+
 @media (forced-colors:active) {
   .c0:focus {
     outline: solid 1px transparent;

diff --git a/packages/react/src/Button/styles.ts b/packages/react/src/Button/styles.ts
@@ -18,6 +18,7 @@ export const getVariantStyles = (variant: VariantType = 'default', theme?: Theme
       '&:disabled, &[aria-disabled][data-loading="false"]': {
         color: 'primer.fg.disabled',
         borderColor: `var(--button-default-borderColor-disabled, ${theme?.colors.btn.border})`,
+        backgroundColor: `var(--button-default-bgColor-disabled, ${theme?.colors.input.disabledBg})`,
         '[data-component=ButtonCounter]': {
           color: 'inherit',
         },
@@ -32,6 +33,9 @@ export const getVariantStyles = (variant: VariantType = 'default', theme?: Theme
       '[data-component=ButtonCounter]': {
         backgroundColor: 'btn.counterBg',
       },
+      '&[data-component="IconButton"][data-no-visuals]': {
+        color: 'fg.muted',
+      },
     },
     primary: {
       color: 'btn.primary.text',

diff --git a/packages/react/src/FormControl/FormControl.features.stories.tsx b/packages/react/src/FormControl/FormControl.features.stories.tsx
@@ -284,3 +284,25 @@ export const WithLeadingVisual = () => (
     </FormControl>
   </Box>
 )
+
+export const DisabledInputs = () => (
+  <Box sx={{display: 'flex', flexDirection: 'column', gap: '1rem'}}>
+    <FormControl disabled>
+      <FormControl.Label>Disabled checkbox</FormControl.Label>
+      <Checkbox />
+    </FormControl>
+    <FormControl disabled>
+      <FormControl.Label>Disabled input</FormControl.Label>
+      <TextInput />
+    </FormControl>
+    <FormControl disabled>
+      <FormControl.Label>Disabled select</FormControl.Label>
+      <Select>
+        <Select.Option value="figma">Figma</Select.Option>
+        <Select.Option value="css">Primer CSS</Select.Option>
+        <Select.Option value="prc">Primer React components</Select.Option>
+        <Select.Option value="pvc">Primer ViewComponents</Select.Option>
+      </Select>
+    </FormControl>
+  </Box>
+)