Merge branch 'main' into francinelucca/3423-prcbuttongroup-group-cont…

…ainer-lacks-a-role--does-not-convey-its-purpose
primer · Nov 4, 2024 · fb53032 · fb53032
2 parents b51c79a + 26b54d8
commit fb53032
Show file tree

Hide file tree

Showing 314 changed files with 3,109 additions and 1,173 deletions.
diff --git a/.changeset/clean-mails-accept.md b/.changeset/clean-mails-accept.md
diff --git a/.changeset/fifty-suns-smoke.md b/.changeset/fifty-suns-smoke.md
diff --git a/.changeset/gold-items-shave.md b/.changeset/gold-items-shave.md
diff --git a/.changeset/grumpy-lamps-behave.md b/.changeset/grumpy-lamps-behave.md
diff --git a/.changeset/hungry-avocados-remember.md b/.changeset/hungry-avocados-remember.md
diff --git a/.changeset/itchy-paws-bake.md b/.changeset/itchy-paws-bake.md
diff --git a/.changeset/loud-spoons-explode.md b/.changeset/loud-spoons-explode.md
diff --git a/.changeset/lovely-shirts-hope.md b/.changeset/lovely-shirts-hope.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+TreeView: Adds indication of no nodes in a tree item, allows for `aria-expanded even if the item is empty.
diff --git a/.changeset/odd-frogs-listen.md b/.changeset/odd-frogs-listen.md
diff --git a/.changeset/old-plums-explode.md b/.changeset/old-plums-explode.md
diff --git a/.changeset/shiny-chefs-matter.md b/.changeset/shiny-chefs-matter.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": minor
+---
+
+Update `SubNav` component to use CSS modules behind the feature flag primer_react_css_modules_team
diff --git a/.changeset/shy-seahorses-mix.md b/.changeset/shy-seahorses-mix.md
diff --git a/.changeset/six-colts-admire.md b/.changeset/six-colts-admire.md
diff --git a/.changeset/slow-snails-swim.md b/.changeset/slow-snails-swim.md
diff --git a/.changeset/sour-flies-camp.md b/.changeset/sour-flies-camp.md
diff --git a/.changeset/spotty-rice-explain.md b/.changeset/spotty-rice-explain.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Allow primitives dep to be if version 9 OR 10
diff --git a/.changeset/twelve-kings-confess.md b/.changeset/twelve-kings-confess.md
diff --git a/.changeset/wild-maps-grow.md b/.changeset/wild-maps-grow.md
diff --git a/.changeset/wise-llamas-exist.md b/.changeset/wise-llamas-exist.md
diff --git a/...Control.test.ts-snapshots/FormControl-Custom-Required-dark-colorblind-linux.png b/...Control.test.ts-snapshots/FormControl-Custom-Required-dark-colorblind-linux.png
diff --git a/...FormControl.test.ts-snapshots/FormControl-Custom-Required-dark-dimmed-linux.png b/...FormControl.test.ts-snapshots/FormControl-Custom-Required-dark-dimmed-linux.png
diff --git a/...trol.test.ts-snapshots/FormControl-Custom-Required-dark-high-contrast-linux.png b/...trol.test.ts-snapshots/FormControl-Custom-Required-dark-high-contrast-linux.png
diff --git a/...onents/FormControl.test.ts-snapshots/FormControl-Custom-Required-dark-linux.png b/...onents/FormControl.test.ts-snapshots/FormControl-Custom-Required-dark-linux.png
diff --git a/...Control.test.ts-snapshots/FormControl-Custom-Required-dark-tritanopia-linux.png b/...Control.test.ts-snapshots/FormControl-Custom-Required-dark-tritanopia-linux.png
diff --git a/...ontrol.test.ts-snapshots/FormControl-Custom-Required-light-colorblind-linux.png b/...ontrol.test.ts-snapshots/FormControl-Custom-Required-light-colorblind-linux.png
diff --git a/...rol.test.ts-snapshots/FormControl-Custom-Required-light-high-contrast-linux.png b/...rol.test.ts-snapshots/FormControl-Custom-Required-light-high-contrast-linux.png
diff --git a/...nents/FormControl.test.ts-snapshots/FormControl-Custom-Required-light-linux.png b/...nents/FormControl.test.ts-snapshots/FormControl-Custom-Required-light-linux.png
diff --git a/...ontrol.test.ts-snapshots/FormControl-Custom-Required-light-tritanopia-linux.png b/...ontrol.test.ts-snapshots/FormControl-Custom-Required-light-tritanopia-linux.png
diff --git a/...nts/FormControl.test.ts-snapshots/FormControl-Default-dark-colorblind-linux.png b/...nts/FormControl.test.ts-snapshots/FormControl-Default-dark-colorblind-linux.png
diff --git a/...ponents/FormControl.test.ts-snapshots/FormControl-Default-dark-dimmed-linux.png b/...ponents/FormControl.test.ts-snapshots/FormControl-Default-dark-dimmed-linux.png
diff --git a/.../FormControl.test.ts-snapshots/FormControl-Default-dark-high-contrast-linux.png b/.../FormControl.test.ts-snapshots/FormControl-Default-dark-high-contrast-linux.png
diff --git a/...ots/components/FormControl.test.ts-snapshots/FormControl-Default-dark-linux.png b/...ots/components/FormControl.test.ts-snapshots/FormControl-Default-dark-linux.png
diff --git a/...nts/FormControl.test.ts-snapshots/FormControl-Default-dark-tritanopia-linux.png b/...nts/FormControl.test.ts-snapshots/FormControl-Default-dark-tritanopia-linux.png
diff --git a/...ts/FormControl.test.ts-snapshots/FormControl-Default-light-colorblind-linux.png b/...ts/FormControl.test.ts-snapshots/FormControl-Default-light-colorblind-linux.png
diff --git a/...FormControl.test.ts-snapshots/FormControl-Default-light-high-contrast-linux.png b/...FormControl.test.ts-snapshots/FormControl-Default-light-high-contrast-linux.png
diff --git a/...ts/components/FormControl.test.ts-snapshots/FormControl-Default-light-linux.png b/...ts/components/FormControl.test.ts-snapshots/FormControl-Default-light-linux.png
diff --git a/...ts/FormControl.test.ts-snapshots/FormControl-Default-light-tritanopia-linux.png b/...ts/FormControl.test.ts-snapshots/FormControl-Default-light-tritanopia-linux.png
diff --git a/...Control.test.ts-snapshots/FormControl-Disabled-Inputs-dark-colorblind-linux.png b/...Control.test.ts-snapshots/FormControl-Disabled-Inputs-dark-colorblind-linux.png
diff --git a/...FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-dark-dimmed-linux.png b/...FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-dark-dimmed-linux.png
diff --git a/...trol.test.ts-snapshots/FormControl-Disabled-Inputs-dark-high-contrast-linux.png b/...trol.test.ts-snapshots/FormControl-Disabled-Inputs-dark-high-contrast-linux.png
diff --git a/...onents/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-dark-linux.png b/...onents/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-dark-linux.png
diff --git a/...Control.test.ts-snapshots/FormControl-Disabled-Inputs-dark-tritanopia-linux.png b/...Control.test.ts-snapshots/FormControl-Disabled-Inputs-dark-tritanopia-linux.png
diff --git a/...ontrol.test.ts-snapshots/FormControl-Disabled-Inputs-light-colorblind-linux.png b/...ontrol.test.ts-snapshots/FormControl-Disabled-Inputs-light-colorblind-linux.png
diff --git a/...rol.test.ts-snapshots/FormControl-Disabled-Inputs-light-high-contrast-linux.png b/...rol.test.ts-snapshots/FormControl-Disabled-Inputs-light-high-contrast-linux.png
diff --git a/...nents/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-light-linux.png b/...nents/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-light-linux.png
diff --git a/...ontrol.test.ts-snapshots/FormControl-Disabled-Inputs-light-tritanopia-linux.png b/...ontrol.test.ts-snapshots/FormControl-Disabled-Inputs-light-tritanopia-linux.png
diff --git a/...-snapshots/FormControl-Form-Control-with-Custom-Input-dark-colorblind-linux.png b/...-snapshots/FormControl-Form-Control-with-Custom-Input-dark-colorblind-linux.png
diff --git a/...t.ts-snapshots/FormControl-Form-Control-with-Custom-Input-dark-dimmed-linux.png b/...t.ts-snapshots/FormControl-Form-Control-with-Custom-Input-dark-dimmed-linux.png
diff --git a/...apshots/FormControl-Form-Control-with-Custom-Input-dark-high-contrast-linux.png b/...apshots/FormControl-Form-Control-with-Custom-Input-dark-high-contrast-linux.png
diff --git a/...rol.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-dark-linux.png b/...rol.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-dark-linux.png
diff --git a/...-snapshots/FormControl-Form-Control-with-Custom-Input-dark-tritanopia-linux.png b/...-snapshots/FormControl-Form-Control-with-Custom-Input-dark-tritanopia-linux.png
diff --git a/...snapshots/FormControl-Form-Control-with-Custom-Input-light-colorblind-linux.png b/...snapshots/FormControl-Form-Control-with-Custom-Input-light-colorblind-linux.png
diff --git a/...pshots/FormControl-Form-Control-with-Custom-Input-light-high-contrast-linux.png b/...pshots/FormControl-Form-Control-with-Custom-Input-light-high-contrast-linux.png
diff --git a/...ol.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-light-linux.png b/...ol.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-light-linux.png
diff --git a/...snapshots/FormControl-Form-Control-with-Custom-Input-light-tritanopia-linux.png b/...snapshots/FormControl-Form-Control-with-Custom-Input-light-tritanopia-linux.png
diff --git a/...ormControl.test.ts-snapshots/FormControl-Single-Input-dark-colorblind-linux.png b/...ormControl.test.ts-snapshots/FormControl-Single-Input-dark-colorblind-linux.png
diff --git a/...ts/FormControl.test.ts-snapshots/FormControl-Single-Input-dark-dimmed-linux.png b/...ts/FormControl.test.ts-snapshots/FormControl-Single-Input-dark-dimmed-linux.png
diff --git a/...Control.test.ts-snapshots/FormControl-Single-Input-dark-high-contrast-linux.png b/...Control.test.ts-snapshots/FormControl-Single-Input-dark-high-contrast-linux.png
diff --git a/...omponents/FormControl.test.ts-snapshots/FormControl-Single-Input-dark-linux.png b/...omponents/FormControl.test.ts-snapshots/FormControl-Single-Input-dark-linux.png
diff --git a/...ormControl.test.ts-snapshots/FormControl-Single-Input-dark-tritanopia-linux.png b/...ormControl.test.ts-snapshots/FormControl-Single-Input-dark-tritanopia-linux.png
diff --git a/...rmControl.test.ts-snapshots/FormControl-Single-Input-light-colorblind-linux.png b/...rmControl.test.ts-snapshots/FormControl-Single-Input-light-colorblind-linux.png
diff --git a/...ontrol.test.ts-snapshots/FormControl-Single-Input-light-high-contrast-linux.png b/...ontrol.test.ts-snapshots/FormControl-Single-Input-light-high-contrast-linux.png
diff --git a/...mponents/FormControl.test.ts-snapshots/FormControl-Single-Input-light-linux.png b/...mponents/FormControl.test.ts-snapshots/FormControl-Single-Input-light-linux.png
diff --git a/...rmControl.test.ts-snapshots/FormControl-Single-Input-light-tritanopia-linux.png b/...rmControl.test.ts-snapshots/FormControl-Single-Input-light-tritanopia-linux.png
diff --git a/...trol.test.ts-snapshots/FormControl-Validation-Example-dark-colorblind-linux.png b/...trol.test.ts-snapshots/FormControl-Validation-Example-dark-colorblind-linux.png
diff --git a/...mControl.test.ts-snapshots/FormControl-Validation-Example-dark-dimmed-linux.png b/...mControl.test.ts-snapshots/FormControl-Validation-Example-dark-dimmed-linux.png
diff --git a/...l.test.ts-snapshots/FormControl-Validation-Example-dark-high-contrast-linux.png b/...l.test.ts-snapshots/FormControl-Validation-Example-dark-high-contrast-linux.png
diff --git a/...nts/FormControl.test.ts-snapshots/FormControl-Validation-Example-dark-linux.png b/...nts/FormControl.test.ts-snapshots/FormControl-Validation-Example-dark-linux.png
diff --git a/...trol.test.ts-snapshots/FormControl-Validation-Example-dark-tritanopia-linux.png b/...trol.test.ts-snapshots/FormControl-Validation-Example-dark-tritanopia-linux.png
diff --git a/...rol.test.ts-snapshots/FormControl-Validation-Example-light-colorblind-linux.png b/...rol.test.ts-snapshots/FormControl-Validation-Example-light-colorblind-linux.png
diff --git a/....test.ts-snapshots/FormControl-Validation-Example-light-high-contrast-linux.png b/....test.ts-snapshots/FormControl-Validation-Example-light-high-contrast-linux.png
diff --git a/...ts/FormControl.test.ts-snapshots/FormControl-Validation-Example-light-linux.png b/...ts/FormControl.test.ts-snapshots/FormControl-Validation-Example-light-linux.png
diff --git a/...rol.test.ts-snapshots/FormControl-Validation-Example-light-tritanopia-linux.png b/...rol.test.ts-snapshots/FormControl-Validation-Example-light-tritanopia-linux.png
diff --git a/...st.ts-snapshots/FormControl-With-Caption-And-Disabled-dark-colorblind-linux.png b/...st.ts-snapshots/FormControl-With-Caption-And-Disabled-dark-colorblind-linux.png
diff --git a/...l.test.ts-snapshots/FormControl-With-Caption-And-Disabled-dark-dimmed-linux.png b/...l.test.ts-snapshots/FormControl-With-Caption-And-Disabled-dark-dimmed-linux.png
diff --git a/...ts-snapshots/FormControl-With-Caption-And-Disabled-dark-high-contrast-linux.png b/...ts-snapshots/FormControl-With-Caption-And-Disabled-dark-high-contrast-linux.png
diff --git a/...mControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-dark-linux.png b/...mControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-dark-linux.png
diff --git a/...st.ts-snapshots/FormControl-With-Caption-And-Disabled-dark-tritanopia-linux.png b/...st.ts-snapshots/FormControl-With-Caption-And-Disabled-dark-tritanopia-linux.png
diff --git a/...t.ts-snapshots/FormControl-With-Caption-And-Disabled-light-colorblind-linux.png b/...t.ts-snapshots/FormControl-With-Caption-And-Disabled-light-colorblind-linux.png
diff --git a/...s-snapshots/FormControl-With-Caption-And-Disabled-light-high-contrast-linux.png b/...s-snapshots/FormControl-With-Caption-And-Disabled-light-high-contrast-linux.png
diff --git a/...Control.test.ts-snapshots/FormControl-With-Caption-And-Disabled-light-linux.png b/...Control.test.ts-snapshots/FormControl-With-Caption-And-Disabled-light-linux.png
diff --git a/...t.ts-snapshots/FormControl-With-Caption-And-Disabled-light-tritanopia-linux.png b/...t.ts-snapshots/FormControl-With-Caption-And-Disabled-light-tritanopia-linux.png
diff --git a/...ormControl.test.ts-snapshots/FormControl-With-Caption-dark-colorblind-linux.png b/...ormControl.test.ts-snapshots/FormControl-With-Caption-dark-colorblind-linux.png
diff --git a/...ts/FormControl.test.ts-snapshots/FormControl-With-Caption-dark-dimmed-linux.png b/...ts/FormControl.test.ts-snapshots/FormControl-With-Caption-dark-dimmed-linux.png
diff --git a/...Control.test.ts-snapshots/FormControl-With-Caption-dark-high-contrast-linux.png b/...Control.test.ts-snapshots/FormControl-With-Caption-dark-high-contrast-linux.png
diff --git a/...omponents/FormControl.test.ts-snapshots/FormControl-With-Caption-dark-linux.png b/...omponents/FormControl.test.ts-snapshots/FormControl-With-Caption-dark-linux.png
diff --git a/...ormControl.test.ts-snapshots/FormControl-With-Caption-dark-tritanopia-linux.png b/...ormControl.test.ts-snapshots/FormControl-With-Caption-dark-tritanopia-linux.png
diff --git a/...rmControl.test.ts-snapshots/FormControl-With-Caption-light-colorblind-linux.png b/...rmControl.test.ts-snapshots/FormControl-With-Caption-light-colorblind-linux.png
diff --git a/...ontrol.test.ts-snapshots/FormControl-With-Caption-light-high-contrast-linux.png b/...ontrol.test.ts-snapshots/FormControl-With-Caption-light-high-contrast-linux.png
diff --git a/...mponents/FormControl.test.ts-snapshots/FormControl-With-Caption-light-linux.png b/...mponents/FormControl.test.ts-snapshots/FormControl-With-Caption-light-linux.png
diff --git a/...rmControl.test.ts-snapshots/FormControl-With-Caption-light-tritanopia-linux.png b/...rmControl.test.ts-snapshots/FormControl-With-Caption-light-tritanopia-linux.png
diff --git a/...-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-dark-colorblind-linux.png b/...-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-dark-colorblind-linux.png
diff --git a/...t.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-dark-dimmed-linux.png b/...t.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-dark-dimmed-linux.png
diff --git a/...apshots/FormControl-With-Checkbox-And-Radio-Inputs-dark-high-contrast-linux.png b/...apshots/FormControl-With-Checkbox-And-Radio-Inputs-dark-high-contrast-linux.png
diff --git a/...rol.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-dark-linux.png b/...rol.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-dark-linux.png
diff --git a/...-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-dark-tritanopia-linux.png b/...-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-dark-tritanopia-linux.png
diff --git a/...snapshots/FormControl-With-Checkbox-And-Radio-Inputs-light-colorblind-linux.png b/...snapshots/FormControl-With-Checkbox-And-Radio-Inputs-light-colorblind-linux.png
diff --git a/...pshots/FormControl-With-Checkbox-And-Radio-Inputs-light-high-contrast-linux.png b/...pshots/FormControl-With-Checkbox-And-Radio-Inputs-light-high-contrast-linux.png
diff --git a/...ol.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-light-linux.png b/...ol.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-light-linux.png
diff --git a/...snapshots/FormControl-With-Checkbox-And-Radio-Inputs-light-tritanopia-linux.png b/...snapshots/FormControl-With-Checkbox-And-Radio-Inputs-light-tritanopia-linux.png
diff --git a/...rol.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-colorblind-linux.png b/...rol.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-colorblind-linux.png
diff --git a/...Control.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-dimmed-linux.png b/...Control.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-dimmed-linux.png
diff --git a/....test.ts-snapshots/FormControl-With-Complex-Inputs-dark-high-contrast-linux.png b/....test.ts-snapshots/FormControl-With-Complex-Inputs-dark-high-contrast-linux.png
diff --git a/...ts/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-linux.png b/...ts/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-linux.png
diff --git a/...rol.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-tritanopia-linux.png b/...rol.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-tritanopia-linux.png
diff --git a/...ol.test.ts-snapshots/FormControl-With-Complex-Inputs-light-colorblind-linux.png b/...ol.test.ts-snapshots/FormControl-With-Complex-Inputs-light-colorblind-linux.png
diff --git a/...test.ts-snapshots/FormControl-With-Complex-Inputs-light-high-contrast-linux.png b/...test.ts-snapshots/FormControl-With-Complex-Inputs-light-high-contrast-linux.png
diff --git a/...s/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-linux.png b/...s/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-linux.png
diff --git a/...ol.test.ts-snapshots/FormControl-With-Complex-Inputs-light-tritanopia-linux.png b/...ol.test.ts-snapshots/FormControl-With-Complex-Inputs-light-tritanopia-linux.png
diff --git a/...l.test.ts-snapshots/FormControl-With-Error-Validation-dark-colorblind-linux.png b/...l.test.ts-snapshots/FormControl-With-Error-Validation-dark-colorblind-linux.png
diff --git a/...ntrol.test.ts-snapshots/FormControl-With-Error-Validation-dark-dimmed-linux.png b/...ntrol.test.ts-snapshots/FormControl-With-Error-Validation-dark-dimmed-linux.png
diff --git a/...est.ts-snapshots/FormControl-With-Error-Validation-dark-high-contrast-linux.png b/...est.ts-snapshots/FormControl-With-Error-Validation-dark-high-contrast-linux.png
diff --git a/.../FormControl.test.ts-snapshots/FormControl-With-Error-Validation-dark-linux.png b/.../FormControl.test.ts-snapshots/FormControl-With-Error-Validation-dark-linux.png
diff --git a/...l.test.ts-snapshots/FormControl-With-Error-Validation-dark-tritanopia-linux.png b/...l.test.ts-snapshots/FormControl-With-Error-Validation-dark-tritanopia-linux.png
diff --git a/....test.ts-snapshots/FormControl-With-Error-Validation-light-colorblind-linux.png b/....test.ts-snapshots/FormControl-With-Error-Validation-light-colorblind-linux.png
diff --git a/...st.ts-snapshots/FormControl-With-Error-Validation-light-high-contrast-linux.png b/...st.ts-snapshots/FormControl-With-Error-Validation-light-high-contrast-linux.png
diff --git a/...FormControl.test.ts-snapshots/FormControl-With-Error-Validation-light-linux.png b/...FormControl.test.ts-snapshots/FormControl-With-Error-Validation-light-linux.png
diff --git a/....test.ts-snapshots/FormControl-With-Error-Validation-light-tritanopia-linux.png b/....test.ts-snapshots/FormControl-With-Error-Validation-light-tritanopia-linux.png
diff --git a/...ntrol.test.ts-snapshots/FormControl-With-Hidden-Label-dark-colorblind-linux.png b/...ntrol.test.ts-snapshots/FormControl-With-Hidden-Label-dark-colorblind-linux.png
diff --git a/...rmControl.test.ts-snapshots/FormControl-With-Hidden-Label-dark-dimmed-linux.png b/...rmControl.test.ts-snapshots/FormControl-With-Hidden-Label-dark-dimmed-linux.png
diff --git a/...ol.test.ts-snapshots/FormControl-With-Hidden-Label-dark-high-contrast-linux.png b/...ol.test.ts-snapshots/FormControl-With-Hidden-Label-dark-high-contrast-linux.png
diff --git a/...ents/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-dark-linux.png b/...ents/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-dark-linux.png
diff --git a/...ntrol.test.ts-snapshots/FormControl-With-Hidden-Label-dark-tritanopia-linux.png b/...ntrol.test.ts-snapshots/FormControl-With-Hidden-Label-dark-tritanopia-linux.png
diff --git a/...trol.test.ts-snapshots/FormControl-With-Hidden-Label-light-colorblind-linux.png b/...trol.test.ts-snapshots/FormControl-With-Hidden-Label-light-colorblind-linux.png
diff --git a/...l.test.ts-snapshots/FormControl-With-Hidden-Label-light-high-contrast-linux.png b/...l.test.ts-snapshots/FormControl-With-Hidden-Label-light-high-contrast-linux.png
diff --git a/...nts/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-light-linux.png b/...nts/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-light-linux.png
diff --git a/...trol.test.ts-snapshots/FormControl-With-Hidden-Label-light-tritanopia-linux.png b/...trol.test.ts-snapshots/FormControl-With-Hidden-Label-light-tritanopia-linux.png
diff --git a/...rol.test.ts-snapshots/FormControl-With-Leading-Visual-dark-colorblind-linux.png b/...rol.test.ts-snapshots/FormControl-With-Leading-Visual-dark-colorblind-linux.png
diff --git a/...Control.test.ts-snapshots/FormControl-With-Leading-Visual-dark-dimmed-linux.png b/...Control.test.ts-snapshots/FormControl-With-Leading-Visual-dark-dimmed-linux.png
diff --git a/....test.ts-snapshots/FormControl-With-Leading-Visual-dark-high-contrast-linux.png b/....test.ts-snapshots/FormControl-With-Leading-Visual-dark-high-contrast-linux.png
diff --git a/...ts/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-dark-linux.png b/...ts/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-dark-linux.png
diff --git a/...rol.test.ts-snapshots/FormControl-With-Leading-Visual-dark-tritanopia-linux.png b/...rol.test.ts-snapshots/FormControl-With-Leading-Visual-dark-tritanopia-linux.png
diff --git a/...ol.test.ts-snapshots/FormControl-With-Leading-Visual-light-colorblind-linux.png b/...ol.test.ts-snapshots/FormControl-With-Leading-Visual-light-colorblind-linux.png
diff --git a/...test.ts-snapshots/FormControl-With-Leading-Visual-light-high-contrast-linux.png b/...test.ts-snapshots/FormControl-With-Leading-Visual-light-high-contrast-linux.png
diff --git a/...s/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-light-linux.png b/...s/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-light-linux.png
diff --git a/...ol.test.ts-snapshots/FormControl-With-Leading-Visual-light-tritanopia-linux.png b/...ol.test.ts-snapshots/FormControl-With-Leading-Visual-light-tritanopia-linux.png
diff --git a/...test.ts-snapshots/FormControl-With-Required-Indicator-dark-colorblind-linux.png b/...test.ts-snapshots/FormControl-With-Required-Indicator-dark-colorblind-linux.png
diff --git a/...rol.test.ts-snapshots/FormControl-With-Required-Indicator-dark-dimmed-linux.png b/...rol.test.ts-snapshots/FormControl-With-Required-Indicator-dark-dimmed-linux.png
diff --git a/...t.ts-snapshots/FormControl-With-Required-Indicator-dark-high-contrast-linux.png b/...t.ts-snapshots/FormControl-With-Required-Indicator-dark-high-contrast-linux.png
diff --git a/...ormControl.test.ts-snapshots/FormControl-With-Required-Indicator-dark-linux.png b/...ormControl.test.ts-snapshots/FormControl-With-Required-Indicator-dark-linux.png
diff --git a/...test.ts-snapshots/FormControl-With-Required-Indicator-dark-tritanopia-linux.png b/...test.ts-snapshots/FormControl-With-Required-Indicator-dark-tritanopia-linux.png
diff --git a/...est.ts-snapshots/FormControl-With-Required-Indicator-light-colorblind-linux.png b/...est.ts-snapshots/FormControl-With-Required-Indicator-light-colorblind-linux.png
diff --git a/....ts-snapshots/FormControl-With-Required-Indicator-light-high-contrast-linux.png b/....ts-snapshots/FormControl-With-Required-Indicator-light-high-contrast-linux.png
diff --git a/...rmControl.test.ts-snapshots/FormControl-With-Required-Indicator-light-linux.png b/...rmControl.test.ts-snapshots/FormControl-With-Required-Indicator-light-linux.png
diff --git a/...est.ts-snapshots/FormControl-With-Required-Indicator-light-tritanopia-linux.png b/...est.ts-snapshots/FormControl-With-Required-Indicator-light-tritanopia-linux.png
diff --git a/...ntrol.test.ts-snapshots/FormControl-With-Select-Panel-dark-colorblind-linux.png b/...ntrol.test.ts-snapshots/FormControl-With-Select-Panel-dark-colorblind-linux.png
diff --git a/...rmControl.test.ts-snapshots/FormControl-With-Select-Panel-dark-dimmed-linux.png b/...rmControl.test.ts-snapshots/FormControl-With-Select-Panel-dark-dimmed-linux.png
diff --git a/...ol.test.ts-snapshots/FormControl-With-Select-Panel-dark-high-contrast-linux.png b/...ol.test.ts-snapshots/FormControl-With-Select-Panel-dark-high-contrast-linux.png
diff --git a/...ents/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-dark-linux.png b/...ents/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-dark-linux.png
diff --git a/...ntrol.test.ts-snapshots/FormControl-With-Select-Panel-dark-tritanopia-linux.png b/...ntrol.test.ts-snapshots/FormControl-With-Select-Panel-dark-tritanopia-linux.png
diff --git a/...trol.test.ts-snapshots/FormControl-With-Select-Panel-light-colorblind-linux.png b/...trol.test.ts-snapshots/FormControl-With-Select-Panel-light-colorblind-linux.png
diff --git a/...l.test.ts-snapshots/FormControl-With-Select-Panel-light-high-contrast-linux.png b/...l.test.ts-snapshots/FormControl-With-Select-Panel-light-high-contrast-linux.png
diff --git a/...nts/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-light-linux.png b/...nts/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-light-linux.png
diff --git a/...trol.test.ts-snapshots/FormControl-With-Select-Panel-light-tritanopia-linux.png b/...trol.test.ts-snapshots/FormControl-With-Select-Panel-light-tritanopia-linux.png
diff --git a/...test.ts-snapshots/FormControl-With-Success-Validation-dark-colorblind-linux.png b/...test.ts-snapshots/FormControl-With-Success-Validation-dark-colorblind-linux.png
diff --git a/...rol.test.ts-snapshots/FormControl-With-Success-Validation-dark-dimmed-linux.png b/...rol.test.ts-snapshots/FormControl-With-Success-Validation-dark-dimmed-linux.png
diff --git a/...t.ts-snapshots/FormControl-With-Success-Validation-dark-high-contrast-linux.png b/...t.ts-snapshots/FormControl-With-Success-Validation-dark-high-contrast-linux.png
diff --git a/...ormControl.test.ts-snapshots/FormControl-With-Success-Validation-dark-linux.png b/...ormControl.test.ts-snapshots/FormControl-With-Success-Validation-dark-linux.png
diff --git a/...test.ts-snapshots/FormControl-With-Success-Validation-dark-tritanopia-linux.png b/...test.ts-snapshots/FormControl-With-Success-Validation-dark-tritanopia-linux.png
diff --git a/...est.ts-snapshots/FormControl-With-Success-Validation-light-colorblind-linux.png b/...est.ts-snapshots/FormControl-With-Success-Validation-light-colorblind-linux.png
diff --git a/....ts-snapshots/FormControl-With-Success-Validation-light-high-contrast-linux.png b/....ts-snapshots/FormControl-With-Success-Validation-light-high-contrast-linux.png
diff --git a/...rmControl.test.ts-snapshots/FormControl-With-Success-Validation-light-linux.png b/...rmControl.test.ts-snapshots/FormControl-With-Success-Validation-light-linux.png
diff --git a/...est.ts-snapshots/FormControl-With-Success-Validation-light-tritanopia-linux.png b/...est.ts-snapshots/FormControl-With-Success-Validation-light-tritanopia-linux.png
diff --git a/...neMessage.test.ts-snapshots/InlineMessage-Dev-Default-dark-colorblind-linux.png b/...neMessage.test.ts-snapshots/InlineMessage-Dev-Default-dark-colorblind-linux.png
diff --git a/...InlineMessage.test.ts-snapshots/InlineMessage-Dev-Default-dark-dimmed-linux.png b/...InlineMessage.test.ts-snapshots/InlineMessage-Dev-Default-dark-dimmed-linux.png
diff --git a/...essage.test.ts-snapshots/InlineMessage-Dev-Default-dark-high-contrast-linux.png b/...essage.test.ts-snapshots/InlineMessage-Dev-Default-dark-high-contrast-linux.png
diff --git a/...onents/InlineMessage.test.ts-snapshots/InlineMessage-Dev-Default-dark-linux.png b/...onents/InlineMessage.test.ts-snapshots/InlineMessage-Dev-Default-dark-linux.png
diff --git a/...neMessage.test.ts-snapshots/InlineMessage-Dev-Default-dark-tritanopia-linux.png b/...neMessage.test.ts-snapshots/InlineMessage-Dev-Default-dark-tritanopia-linux.png
diff --git a/...eMessage.test.ts-snapshots/InlineMessage-Dev-Default-light-colorblind-linux.png b/...eMessage.test.ts-snapshots/InlineMessage-Dev-Default-light-colorblind-linux.png
diff --git a/...ssage.test.ts-snapshots/InlineMessage-Dev-Default-light-high-contrast-linux.png b/...ssage.test.ts-snapshots/InlineMessage-Dev-Default-light-high-contrast-linux.png
diff --git a/...nents/InlineMessage.test.ts-snapshots/InlineMessage-Dev-Default-light-linux.png b/...nents/InlineMessage.test.ts-snapshots/InlineMessage-Dev-Default-light-linux.png
diff --git a/...eMessage.test.ts-snapshots/InlineMessage-Dev-Default-light-tritanopia-linux.png b/...eMessage.test.ts-snapshots/InlineMessage-Dev-Default-light-tritanopia-linux.png
diff --git a/...ts/components/SubNav.test.ts-snapshots/SubNav-Default-dark-colorblind-linux.png b/...ts/components/SubNav.test.ts-snapshots/SubNav-Default-dark-colorblind-linux.png
diff --git a/...pshots/components/SubNav.test.ts-snapshots/SubNav-Default-dark-dimmed-linux.png b/...pshots/components/SubNav.test.ts-snapshots/SubNav-Default-dark-dimmed-linux.png
diff --git a/...components/SubNav.test.ts-snapshots/SubNav-Default-dark-high-contrast-linux.png b/...components/SubNav.test.ts-snapshots/SubNav-Default-dark-high-contrast-linux.png
diff --git a/...ght/snapshots/components/SubNav.test.ts-snapshots/SubNav-Default-dark-linux.png b/...ght/snapshots/components/SubNav.test.ts-snapshots/SubNav-Default-dark-linux.png
diff --git a/...ts/components/SubNav.test.ts-snapshots/SubNav-Default-dark-tritanopia-linux.png b/...ts/components/SubNav.test.ts-snapshots/SubNav-Default-dark-tritanopia-linux.png
diff --git a/...s/components/SubNav.test.ts-snapshots/SubNav-Default-light-colorblind-linux.png b/...s/components/SubNav.test.ts-snapshots/SubNav-Default-light-colorblind-linux.png
diff --git a/...omponents/SubNav.test.ts-snapshots/SubNav-Default-light-high-contrast-linux.png b/...omponents/SubNav.test.ts-snapshots/SubNav-Default-light-high-contrast-linux.png
diff --git a/...ht/snapshots/components/SubNav.test.ts-snapshots/SubNav-Default-light-linux.png b/...ht/snapshots/components/SubNav.test.ts-snapshots/SubNav-Default-light-linux.png
diff --git a/...s/components/SubNav.test.ts-snapshots/SubNav-Default-light-tritanopia-linux.png b/...s/components/SubNav.test.ts-snapshots/SubNav-Default-light-tritanopia-linux.png
diff --git a/...omponents/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-dark-colorblind-linux.png b/...omponents/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-dark-colorblind-linux.png
diff --git a/...ts/components/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-dark-dimmed-linux.png b/...ts/components/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-dark-dimmed-linux.png
diff --git a/...onents/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-dark-high-contrast-linux.png b/...onents/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-dark-high-contrast-linux.png
diff --git a/...snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-dark-linux.png b/...snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-dark-linux.png
diff --git a/...omponents/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-dark-tritanopia-linux.png b/...omponents/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-dark-tritanopia-linux.png
diff --git a/...mponents/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-light-colorblind-linux.png b/...mponents/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-light-colorblind-linux.png
diff --git a/...nents/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-light-high-contrast-linux.png b/...nents/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-light-high-contrast-linux.png
diff --git a/...napshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-light-linux.png b/...napshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-light-linux.png
diff --git a/...mponents/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-light-tritanopia-linux.png b/...mponents/SubNav.test.ts-snapshots/SubNav-Dev-WithCSS-light-tritanopia-linux.png
diff --git a/...components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-colorblind-linux.png b/...components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-colorblind-linux.png
diff --git a/...ots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-dimmed-linux.png b/...ots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-dimmed-linux.png
diff --git a/...ponents/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-high-contrast-linux.png b/...ponents/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-high-contrast-linux.png
diff --git a/.../snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-linux.png b/.../snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-linux.png
diff --git a/...components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-tritanopia-linux.png b/...components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-dark-tritanopia-linux.png
diff --git a/...omponents/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-colorblind-linux.png b/...omponents/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-colorblind-linux.png
diff --git a/...onents/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-high-contrast-linux.png b/...onents/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-high-contrast-linux.png
diff --git a/...snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-linux.png b/...snapshots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-linux.png
diff --git a/...omponents/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-tritanopia-linux.png b/...omponents/SubNav.test.ts-snapshots/SubNav-Dev-WithSx-light-tritanopia-linux.png
diff --git a/...ents/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-colorblind-linux.png b/...ents/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-colorblind-linux.png
diff --git a/...mponents/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-dimmed-linux.png b/...mponents/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-dimmed-linux.png
diff --git a/...s/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-high-contrast-linux.png b/...s/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-high-contrast-linux.png
diff --git a/...hots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-linux.png b/...hots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-linux.png
diff --git a/...ents/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-tritanopia-linux.png b/...ents/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-dark-tritanopia-linux.png
diff --git a/...nts/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-colorblind-linux.png b/...nts/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-colorblind-linux.png
diff --git a/.../SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-high-contrast-linux.png b/.../SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-high-contrast-linux.png
diff --git a/...ots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-linux.png b/...ots/components/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-linux.png
diff --git a/...nts/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-tritanopia-linux.png b/...nts/SubNav.test.ts-snapshots/SubNav-Dev-WithSxAndCSS-light-tritanopia-linux.png
diff --git a/...nts/TextInput.test.ts-snapshots/TextInput-Dev-WithCSS-dark-colorblind-linux.png b/...nts/TextInput.test.ts-snapshots/TextInput-Dev-WithCSS-dark-colorblind-linux.png
diff --git a/...ponents/TextInput.test.ts-snapshots/TextInput-Dev-WithCSS-dark-dimmed-linux.png b/...ponents/TextInput.test.ts-snapshots/TextInput-Dev-WithCSS-dark-dimmed-linux.png
diff --git a/.../TextInput.test.ts-snapshots/TextInput-Dev-WithCSS-dark-high-contrast-linux.png b/.../TextInput.test.ts-snapshots/TextInput-Dev-WithCSS-dark-high-contrast-linux.png
diff --git a/...ots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithCSS-dark-linux.png b/...ots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithCSS-dark-linux.png
diff --git a/...nts/TextInput.test.ts-snapshots/TextInput-Dev-WithCSS-dark-tritanopia-linux.png b/...nts/TextInput.test.ts-snapshots/TextInput-Dev-WithCSS-dark-tritanopia-linux.png
diff --git a/...ts/TextInput.test.ts-snapshots/TextInput-Dev-WithCSS-light-colorblind-linux.png b/...ts/TextInput.test.ts-snapshots/TextInput-Dev-WithCSS-light-colorblind-linux.png
diff --git a/...TextInput.test.ts-snapshots/TextInput-Dev-WithCSS-light-high-contrast-linux.png b/...TextInput.test.ts-snapshots/TextInput-Dev-WithCSS-light-high-contrast-linux.png
diff --git a/...ts/components/TextInput.test.ts-snapshots/TextInput-Dev-WithCSS-light-linux.png b/...ts/components/TextInput.test.ts-snapshots/TextInput-Dev-WithCSS-light-linux.png
diff --git a/...ts/TextInput.test.ts-snapshots/TextInput-Dev-WithCSS-light-tritanopia-linux.png b/...ts/TextInput.test.ts-snapshots/TextInput-Dev-WithCSS-light-tritanopia-linux.png
diff --git a/...ents/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-dark-colorblind-linux.png b/...ents/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-dark-colorblind-linux.png
diff --git a/...mponents/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-dark-dimmed-linux.png b/...mponents/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-dark-dimmed-linux.png
diff --git a/...s/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-dark-high-contrast-linux.png b/...s/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-dark-high-contrast-linux.png
diff --git a/...hots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-dark-linux.png b/...hots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-dark-linux.png
diff --git a/...ents/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-dark-tritanopia-linux.png b/...ents/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-dark-tritanopia-linux.png
diff --git a/...nts/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-light-colorblind-linux.png b/...nts/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-light-colorblind-linux.png
diff --git a/.../TextInput.test.ts-snapshots/TextInput-Dev-WithSx-light-high-contrast-linux.png b/.../TextInput.test.ts-snapshots/TextInput-Dev-WithSx-light-high-contrast-linux.png
diff --git a/...ots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-light-linux.png b/...ots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-light-linux.png
diff --git a/...nts/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-light-tritanopia-linux.png b/...nts/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-light-tritanopia-linux.png
diff --git a/...extInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-dark-colorblind-linux.png b/...extInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-dark-colorblind-linux.png
diff --git a/...ts/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-dark-dimmed-linux.png b/...ts/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-dark-dimmed-linux.png
diff --git a/...Input.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-dark-high-contrast-linux.png b/...Input.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-dark-high-contrast-linux.png
diff --git a/...omponents/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-dark-linux.png b/...omponents/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-dark-linux.png
diff --git a/...extInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-dark-tritanopia-linux.png b/...extInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-dark-tritanopia-linux.png
diff --git a/...xtInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-light-colorblind-linux.png b/...xtInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-light-colorblind-linux.png
diff --git a/...nput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-light-high-contrast-linux.png b/...nput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-light-high-contrast-linux.png
diff --git a/...mponents/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-light-linux.png b/...mponents/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-light-linux.png
diff --git a/...xtInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-light-tritanopia-linux.png b/...xtInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-light-tritanopia-linux.png
diff --git a/contributor-docs/migrating-to-css-modules.md b/contributor-docs/migrating-to-css-modules.md
@@ -21,7 +21,6 @@ This guide outlines the steps to follow when refactoring Primer React components
 
 - **Verify VRT (Visual Regression Testing) Coverage:**
   - Check for missing VRT coverage. We utilize the VRT tests to make sure we're matching styling in production with current expectations. Components should have a Storybook story for every "feature" or option available that impacts the UI for VRT to capture in a screenshot.
-  - Make sure there are `dev` stories for any edge cases spotted in production for the component (ie. `sx` prop, custom className, styled system attributes). `dev` stories may include things that we wouldn't normally recommend for the purpose of stress testing what happens when PRC components are overridden with custom styles.
 - **Ensure All Visual Changes Are Completed:**
   - Make necessary visual changes **before** creating the CSS Modules refactor PR.
 
@@ -121,11 +120,65 @@ This guide outlines the steps to follow when refactoring Primer React components
       expect(render(<FeatureFlagElement />).container.firstChild).toHaveClass('test-class-name')
     })
     ```
-- **Regression Testing:**
-  - Validate that no visual regressions occur when the feature flag is enabled. The `vrt*` tests are setup to compare the feature flagged component with the original component and will fail if there is a mismatch.
 - **Handling `sx` Prop:**
   - Confirm the `sx` prop behaves correctly with the feature flag enabled.
 
+#### Visual regression testing
+
+Validate that no visual regressions occur when the feature flag is enabled. The `vrt*` tests are setup to compare the feature flagged component with the original component and will fail if there is a mismatch.
+
+- Add `dev` stories for any edge cases spotted in production for the component (ie. `sx` prop, custom className, styled system attributes). `dev` stories may include things that we wouldn't normally recommend for the purpose of stress testing what happens when PRC components are overridden with custom styles.
+- Setup VRT tests for `dev` stories. Copy an existing test in the corresponding test file in the [e2e directory](https://github.com/primer/react/tree/main/e2e/components) and update the id to match the new `dev` story.
+
+Example test file:
+
+```ts
+import {test, expect} from '@playwright/test'
+import {visit} from '../test-helpers/storybook'
+import {themes} from '../test-helpers/themes'
+
+const stories = [
+  {
+    title: 'Dev: Test color',
+    id: 'components-{componentname}-dev--customcolor',
+  },
+] as const
+
+test.describe('ComponentName', () => {
+  for (const story of stories) {
+    test.describe(story.title, () => {
+      for (const theme of themes) {
+        test.describe(theme, () => {
+          test('default @vrt', async ({page}) => {
+            await visit(page, {
+              id: story.id,
+              globals: {
+                colorScheme: theme,
+              },
+            })
+
+            // Default state
+            expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(
+              `ComponentName.${story.title}.${theme}.png`,
+            )
+          })
+
+          test('axe @aat', async ({page}) => {
+            await visit(page, {
+              id: story.id,
+              globals: {
+                colorScheme: theme,
+              },
+            })
+            await expect(page).toHaveNoViolations()
+          })
+        })
+      }
+    })
+  }
+})
+```
+
 ---
 
 ## Releasing a Component

diff --git a/e2e/components/BranchName.test.ts b/e2e/components/BranchName.test.ts
@@ -2,110 +2,58 @@ import {test, expect} from '@playwright/test'
 import {visit} from '../test-helpers/storybook'
 import {themes} from '../test-helpers/themes'
 
-test.describe('BranchName', () => {
-  test.describe('Default', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'components-branchname--default',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot()).toMatchSnapshot(`BranchName.Default.${theme}.png`)
-
-          // Focus state
-          await page.keyboard.press('Tab')
-          expect(await page.screenshot()).toMatchSnapshot(`BranchName.Default.${theme}.focus.png`)
-        })
+const stories = [
+  {
+    title: 'Default',
+    id: 'components-branchname--default',
+    focus: true,
+  },
+  {
+    title: 'Not A Link',
+    id: 'components-branchname-features--not-a-link',
+    focus: false,
+  },
+  {
+    title: 'With A Branch Icon',
+    id: 'components-branchname-features--with-branch-icon',
+    focus: false,
+  },
+] as const
 
-        test('axe @aat', async ({page}) => {
-          await visit(page, {
-            id: 'components-branchname--default',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-          await expect(page).toHaveNoViolations({
-            rules: {
-              'color-contrast': {
-                enabled: theme !== 'dark_dimmed',
+test.describe('BranchName', () => {
+  for (const story of stories) {
+    test.describe(story.title, () => {
+      for (const theme of themes) {
+        test.describe(theme, () => {
+          test('default @vrt', async ({page}) => {
+            await visit(page, {
+              id: story.id,
+              globals: {
+                colorScheme: theme,
               },
-            },
-          })
-        })
-      })
-    }
-  })
-
-  test.describe('Not A Link', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'components-branchname-features--not-a-link',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot()).toMatchSnapshot(`BranchName.Not A Link.${theme}.png`)
-        })
+            })
 
-        test('axe @aat', async ({page}) => {
-          await visit(page, {
-            id: 'components-branchname-features--not-a-link',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-          await expect(page).toHaveNoViolations({
-            rules: {
-              'color-contrast': {
-                enabled: theme !== 'dark_dimmed',
-              },
-            },
-          })
-        })
-      })
-    }
-  })
+            // Default state
+            expect(await page.screenshot()).toMatchSnapshot(`BranchName.${story.title}.${theme}.png`)
 
-  test.describe('With A Branch Icon', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'components-branchname-features--with-branch-icon',
-            globals: {
-              colorScheme: theme,
-            },
+            // Focus state
+            if (story.focus) {
+              await page.keyboard.press('Tab')
+              expect(await page.screenshot()).toMatchSnapshot(`BranchName.${story.title}.${theme}.focus.png`)
+            }
           })
 
-          // Default state
-          expect(await page.screenshot()).toMatchSnapshot(`BranchName.With A Branch Icon.${theme}.png`)
-        })
-
-        test('axe @aat', async ({page}) => {
-          await visit(page, {
-            id: 'components-branchname-features--with-branch-icon',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-          await expect(page).toHaveNoViolations({
-            rules: {
-              'color-contrast': {
-                enabled: theme !== 'dark_dimmed',
+          test('axe @aat', async ({page}) => {
+            await visit(page, {
+              id: story.id,
+              globals: {
+                colorScheme: theme,
               },
-            },
+            })
+            await expect(page).toHaveNoViolations()
           })
         })
-      })
-    }
-  })
+      }
+    })
+  }
 })