Updates label and legend styles for Checkbox, Radio, CheckboxGroup, a…

…nd RadioGroup (#5333) * updates checkbox and radio label and legend styles * adds changeset * test(vrt): update snapshots * brings back align-self rule on InputLabel --------- Co-authored-by: mperrotti <[email protected]>
primer · Nov 26, 2024 · f0603fd · f0603fd
1 parent 18df436
commit f0603fd
Show file tree

Hide file tree

Showing 292 changed files with 19 additions and 13 deletions.
diff --git a/.changeset/smart-parrots-beam.md b/.changeset/smart-parrots-beam.md
@@ -0,0 +1,6 @@
+---
+"@primer/react": patch
+---
+
+- Makes {Checkbox|Radio}Group `<legend>` bold and default font size
+- Makes Checkbox and Radio `<label>` default font weight
diff --git a/...omponents/Checkbox.test.ts-snapshots/Checkbox-Default-dark-colorblind-linux.png b/...omponents/Checkbox.test.ts-snapshots/Checkbox-Default-dark-colorblind-linux.png
diff --git a/...ts/components/Checkbox.test.ts-snapshots/Checkbox-Default-dark-dimmed-linux.png b/...ts/components/Checkbox.test.ts-snapshots/Checkbox-Default-dark-dimmed-linux.png
diff --git a/...onents/Checkbox.test.ts-snapshots/Checkbox-Default-dark-high-contrast-linux.png b/...onents/Checkbox.test.ts-snapshots/Checkbox-Default-dark-high-contrast-linux.png
diff --git a/...snapshots/components/Checkbox.test.ts-snapshots/Checkbox-Default-dark-linux.png b/...snapshots/components/Checkbox.test.ts-snapshots/Checkbox-Default-dark-linux.png
diff --git a/...omponents/Checkbox.test.ts-snapshots/Checkbox-Default-dark-tritanopia-linux.png b/...omponents/Checkbox.test.ts-snapshots/Checkbox-Default-dark-tritanopia-linux.png
diff --git a/...nts/Checkbox.test.ts-snapshots/Checkbox-Default-focus-dark-colorblind-linux.png b/...nts/Checkbox.test.ts-snapshots/Checkbox-Default-focus-dark-colorblind-linux.png
diff --git a/...ponents/Checkbox.test.ts-snapshots/Checkbox-Default-focus-dark-dimmed-linux.png b/...ponents/Checkbox.test.ts-snapshots/Checkbox-Default-focus-dark-dimmed-linux.png
diff --git a/.../Checkbox.test.ts-snapshots/Checkbox-Default-focus-dark-high-contrast-linux.png b/.../Checkbox.test.ts-snapshots/Checkbox-Default-focus-dark-high-contrast-linux.png
diff --git a/...ots/components/Checkbox.test.ts-snapshots/Checkbox-Default-focus-dark-linux.png b/...ots/components/Checkbox.test.ts-snapshots/Checkbox-Default-focus-dark-linux.png
diff --git a/...nts/Checkbox.test.ts-snapshots/Checkbox-Default-focus-dark-tritanopia-linux.png b/...nts/Checkbox.test.ts-snapshots/Checkbox-Default-focus-dark-tritanopia-linux.png
diff --git a/...ts/Checkbox.test.ts-snapshots/Checkbox-Default-focus-light-colorblind-linux.png b/...ts/Checkbox.test.ts-snapshots/Checkbox-Default-focus-light-colorblind-linux.png
diff --git a/...Checkbox.test.ts-snapshots/Checkbox-Default-focus-light-high-contrast-linux.png b/...Checkbox.test.ts-snapshots/Checkbox-Default-focus-light-high-contrast-linux.png
diff --git a/...ts/components/Checkbox.test.ts-snapshots/Checkbox-Default-focus-light-linux.png b/...ts/components/Checkbox.test.ts-snapshots/Checkbox-Default-focus-light-linux.png
diff --git a/...ts/Checkbox.test.ts-snapshots/Checkbox-Default-focus-light-tritanopia-linux.png b/...ts/Checkbox.test.ts-snapshots/Checkbox-Default-focus-light-tritanopia-linux.png
diff --git a/...mponents/Checkbox.test.ts-snapshots/Checkbox-Default-light-colorblind-linux.png b/...mponents/Checkbox.test.ts-snapshots/Checkbox-Default-light-colorblind-linux.png
diff --git a/...nents/Checkbox.test.ts-snapshots/Checkbox-Default-light-high-contrast-linux.png b/...nents/Checkbox.test.ts-snapshots/Checkbox-Default-light-high-contrast-linux.png
diff --git a/...napshots/components/Checkbox.test.ts-snapshots/Checkbox-Default-light-linux.png b/...napshots/components/Checkbox.test.ts-snapshots/Checkbox-Default-light-linux.png
diff --git a/...mponents/Checkbox.test.ts-snapshots/Checkbox-Default-light-tritanopia-linux.png b/...mponents/Checkbox.test.ts-snapshots/Checkbox-Default-light-tritanopia-linux.png
diff --git a/...mponents/Checkbox.test.ts-snapshots/Checkbox-Disabled-dark-colorblind-linux.png b/...mponents/Checkbox.test.ts-snapshots/Checkbox-Disabled-dark-colorblind-linux.png
diff --git a/...s/components/Checkbox.test.ts-snapshots/Checkbox-Disabled-dark-dimmed-linux.png b/...s/components/Checkbox.test.ts-snapshots/Checkbox-Disabled-dark-dimmed-linux.png
diff --git a/...nents/Checkbox.test.ts-snapshots/Checkbox-Disabled-dark-high-contrast-linux.png b/...nents/Checkbox.test.ts-snapshots/Checkbox-Disabled-dark-high-contrast-linux.png
diff --git a/...napshots/components/Checkbox.test.ts-snapshots/Checkbox-Disabled-dark-linux.png b/...napshots/components/Checkbox.test.ts-snapshots/Checkbox-Disabled-dark-linux.png
diff --git a/...mponents/Checkbox.test.ts-snapshots/Checkbox-Disabled-dark-tritanopia-linux.png b/...mponents/Checkbox.test.ts-snapshots/Checkbox-Disabled-dark-tritanopia-linux.png
diff --git a/...ts/Checkbox.test.ts-snapshots/Checkbox-Disabled-focus-dark-colorblind-linux.png b/...ts/Checkbox.test.ts-snapshots/Checkbox-Disabled-focus-dark-colorblind-linux.png
diff --git a/...onents/Checkbox.test.ts-snapshots/Checkbox-Disabled-focus-dark-dimmed-linux.png b/...onents/Checkbox.test.ts-snapshots/Checkbox-Disabled-focus-dark-dimmed-linux.png
diff --git a/...Checkbox.test.ts-snapshots/Checkbox-Disabled-focus-dark-high-contrast-linux.png b/...Checkbox.test.ts-snapshots/Checkbox-Disabled-focus-dark-high-contrast-linux.png
diff --git a/...ts/components/Checkbox.test.ts-snapshots/Checkbox-Disabled-focus-dark-linux.png b/...ts/components/Checkbox.test.ts-snapshots/Checkbox-Disabled-focus-dark-linux.png
diff --git a/...ts/Checkbox.test.ts-snapshots/Checkbox-Disabled-focus-dark-tritanopia-linux.png b/...ts/Checkbox.test.ts-snapshots/Checkbox-Disabled-focus-dark-tritanopia-linux.png
diff --git a/...s/Checkbox.test.ts-snapshots/Checkbox-Disabled-focus-light-colorblind-linux.png b/...s/Checkbox.test.ts-snapshots/Checkbox-Disabled-focus-light-colorblind-linux.png
diff --git a/...heckbox.test.ts-snapshots/Checkbox-Disabled-focus-light-high-contrast-linux.png b/...heckbox.test.ts-snapshots/Checkbox-Disabled-focus-light-high-contrast-linux.png
diff --git a/...s/components/Checkbox.test.ts-snapshots/Checkbox-Disabled-focus-light-linux.png b/...s/components/Checkbox.test.ts-snapshots/Checkbox-Disabled-focus-light-linux.png
diff --git a/...s/Checkbox.test.ts-snapshots/Checkbox-Disabled-focus-light-tritanopia-linux.png b/...s/Checkbox.test.ts-snapshots/Checkbox-Disabled-focus-light-tritanopia-linux.png
diff --git a/...ponents/Checkbox.test.ts-snapshots/Checkbox-Disabled-light-colorblind-linux.png b/...ponents/Checkbox.test.ts-snapshots/Checkbox-Disabled-light-colorblind-linux.png
diff --git a/...ents/Checkbox.test.ts-snapshots/Checkbox-Disabled-light-high-contrast-linux.png b/...ents/Checkbox.test.ts-snapshots/Checkbox-Disabled-light-high-contrast-linux.png
diff --git a/...apshots/components/Checkbox.test.ts-snapshots/Checkbox-Disabled-light-linux.png b/...apshots/components/Checkbox.test.ts-snapshots/Checkbox-Disabled-light-linux.png
diff --git a/...ponents/Checkbox.test.ts-snapshots/Checkbox-Disabled-light-tritanopia-linux.png b/...ponents/Checkbox.test.ts-snapshots/Checkbox-Disabled-light-tritanopia-linux.png
diff --git a/...nts/Checkbox.test.ts-snapshots/Checkbox-Indeterminate-dark-colorblind-linux.png b/...nts/Checkbox.test.ts-snapshots/Checkbox-Indeterminate-dark-colorblind-linux.png
diff --git a/...ponents/Checkbox.test.ts-snapshots/Checkbox-Indeterminate-dark-dimmed-linux.png b/...ponents/Checkbox.test.ts-snapshots/Checkbox-Indeterminate-dark-dimmed-linux.png
diff --git a/.../Checkbox.test.ts-snapshots/Checkbox-Indeterminate-dark-high-contrast-linux.png b/.../Checkbox.test.ts-snapshots/Checkbox-Indeterminate-dark-high-contrast-linux.png
diff --git a/...ots/components/Checkbox.test.ts-snapshots/Checkbox-Indeterminate-dark-linux.png b/...ots/components/Checkbox.test.ts-snapshots/Checkbox-Indeterminate-dark-linux.png
diff --git a/...nts/Checkbox.test.ts-snapshots/Checkbox-Indeterminate-dark-tritanopia-linux.png b/...nts/Checkbox.test.ts-snapshots/Checkbox-Indeterminate-dark-tritanopia-linux.png
diff --git a/...eckbox.test.ts-snapshots/Checkbox-Indeterminate-focus-dark-colorblind-linux.png b/...eckbox.test.ts-snapshots/Checkbox-Indeterminate-focus-dark-colorblind-linux.png
diff --git a/...s/Checkbox.test.ts-snapshots/Checkbox-Indeterminate-focus-dark-dimmed-linux.png b/...s/Checkbox.test.ts-snapshots/Checkbox-Indeterminate-focus-dark-dimmed-linux.png
diff --git a/...box.test.ts-snapshots/Checkbox-Indeterminate-focus-dark-high-contrast-linux.png b/...box.test.ts-snapshots/Checkbox-Indeterminate-focus-dark-high-contrast-linux.png
diff --git a/...mponents/Checkbox.test.ts-snapshots/Checkbox-Indeterminate-focus-dark-linux.png b/...mponents/Checkbox.test.ts-snapshots/Checkbox-Indeterminate-focus-dark-linux.png
diff --git a/...eckbox.test.ts-snapshots/Checkbox-Indeterminate-focus-dark-tritanopia-linux.png b/...eckbox.test.ts-snapshots/Checkbox-Indeterminate-focus-dark-tritanopia-linux.png
diff --git a/...ckbox.test.ts-snapshots/Checkbox-Indeterminate-focus-light-colorblind-linux.png b/...ckbox.test.ts-snapshots/Checkbox-Indeterminate-focus-light-colorblind-linux.png
diff --git a/...ox.test.ts-snapshots/Checkbox-Indeterminate-focus-light-high-contrast-linux.png b/...ox.test.ts-snapshots/Checkbox-Indeterminate-focus-light-high-contrast-linux.png
diff --git a/...ponents/Checkbox.test.ts-snapshots/Checkbox-Indeterminate-focus-light-linux.png b/...ponents/Checkbox.test.ts-snapshots/Checkbox-Indeterminate-focus-light-linux.png
diff --git a/...ckbox.test.ts-snapshots/Checkbox-Indeterminate-focus-light-tritanopia-linux.png b/...ckbox.test.ts-snapshots/Checkbox-Indeterminate-focus-light-tritanopia-linux.png
diff --git a/...ts/Checkbox.test.ts-snapshots/Checkbox-Indeterminate-light-colorblind-linux.png b/...ts/Checkbox.test.ts-snapshots/Checkbox-Indeterminate-light-colorblind-linux.png
diff --git a/...Checkbox.test.ts-snapshots/Checkbox-Indeterminate-light-high-contrast-linux.png b/...Checkbox.test.ts-snapshots/Checkbox-Indeterminate-light-high-contrast-linux.png
diff --git a/...ts/components/Checkbox.test.ts-snapshots/Checkbox-Indeterminate-light-linux.png b/...ts/components/Checkbox.test.ts-snapshots/Checkbox-Indeterminate-light-linux.png
diff --git a/...ts/Checkbox.test.ts-snapshots/Checkbox-Indeterminate-light-tritanopia-linux.png b/...ts/Checkbox.test.ts-snapshots/Checkbox-Indeterminate-light-tritanopia-linux.png
diff --git a/...ents/Checkbox.test.ts-snapshots/Checkbox-With-Caption-dark-colorblind-linux.png b/...ents/Checkbox.test.ts-snapshots/Checkbox-With-Caption-dark-colorblind-linux.png
diff --git a/...mponents/Checkbox.test.ts-snapshots/Checkbox-With-Caption-dark-dimmed-linux.png b/...mponents/Checkbox.test.ts-snapshots/Checkbox-With-Caption-dark-dimmed-linux.png
diff --git a/...s/Checkbox.test.ts-snapshots/Checkbox-With-Caption-dark-high-contrast-linux.png b/...s/Checkbox.test.ts-snapshots/Checkbox-With-Caption-dark-high-contrast-linux.png
diff --git a/...hots/components/Checkbox.test.ts-snapshots/Checkbox-With-Caption-dark-linux.png b/...hots/components/Checkbox.test.ts-snapshots/Checkbox-With-Caption-dark-linux.png
diff --git a/...ents/Checkbox.test.ts-snapshots/Checkbox-With-Caption-dark-tritanopia-linux.png b/...ents/Checkbox.test.ts-snapshots/Checkbox-With-Caption-dark-tritanopia-linux.png
diff --git a/...heckbox.test.ts-snapshots/Checkbox-With-Caption-focus-dark-colorblind-linux.png b/...heckbox.test.ts-snapshots/Checkbox-With-Caption-focus-dark-colorblind-linux.png
diff --git a/...ts/Checkbox.test.ts-snapshots/Checkbox-With-Caption-focus-dark-dimmed-linux.png b/...ts/Checkbox.test.ts-snapshots/Checkbox-With-Caption-focus-dark-dimmed-linux.png
diff --git a/...kbox.test.ts-snapshots/Checkbox-With-Caption-focus-dark-high-contrast-linux.png b/...kbox.test.ts-snapshots/Checkbox-With-Caption-focus-dark-high-contrast-linux.png
diff --git a/...omponents/Checkbox.test.ts-snapshots/Checkbox-With-Caption-focus-dark-linux.png b/...omponents/Checkbox.test.ts-snapshots/Checkbox-With-Caption-focus-dark-linux.png
diff --git a/...heckbox.test.ts-snapshots/Checkbox-With-Caption-focus-dark-tritanopia-linux.png b/...heckbox.test.ts-snapshots/Checkbox-With-Caption-focus-dark-tritanopia-linux.png
diff --git a/...eckbox.test.ts-snapshots/Checkbox-With-Caption-focus-light-colorblind-linux.png b/...eckbox.test.ts-snapshots/Checkbox-With-Caption-focus-light-colorblind-linux.png
diff --git a/...box.test.ts-snapshots/Checkbox-With-Caption-focus-light-high-contrast-linux.png b/...box.test.ts-snapshots/Checkbox-With-Caption-focus-light-high-contrast-linux.png
diff --git a/...mponents/Checkbox.test.ts-snapshots/Checkbox-With-Caption-focus-light-linux.png b/...mponents/Checkbox.test.ts-snapshots/Checkbox-With-Caption-focus-light-linux.png
diff --git a/...eckbox.test.ts-snapshots/Checkbox-With-Caption-focus-light-tritanopia-linux.png b/...eckbox.test.ts-snapshots/Checkbox-With-Caption-focus-light-tritanopia-linux.png
diff --git a/...nts/Checkbox.test.ts-snapshots/Checkbox-With-Caption-light-colorblind-linux.png b/...nts/Checkbox.test.ts-snapshots/Checkbox-With-Caption-light-colorblind-linux.png
diff --git a/.../Checkbox.test.ts-snapshots/Checkbox-With-Caption-light-high-contrast-linux.png b/.../Checkbox.test.ts-snapshots/Checkbox-With-Caption-light-high-contrast-linux.png
diff --git a/...ots/components/Checkbox.test.ts-snapshots/Checkbox-With-Caption-light-linux.png b/...ots/components/Checkbox.test.ts-snapshots/Checkbox-With-Caption-light-linux.png
diff --git a/...nts/Checkbox.test.ts-snapshots/Checkbox-With-Caption-light-tritanopia-linux.png b/...nts/Checkbox.test.ts-snapshots/Checkbox-With-Caption-light-tritanopia-linux.png
diff --git a/...eckbox.test.ts-snapshots/Checkbox-With-Leading-Visual-dark-colorblind-linux.png b/...eckbox.test.ts-snapshots/Checkbox-With-Leading-Visual-dark-colorblind-linux.png
diff --git a/...s/Checkbox.test.ts-snapshots/Checkbox-With-Leading-Visual-dark-dimmed-linux.png b/...s/Checkbox.test.ts-snapshots/Checkbox-With-Leading-Visual-dark-dimmed-linux.png
diff --git a/...box.test.ts-snapshots/Checkbox-With-Leading-Visual-dark-high-contrast-linux.png b/...box.test.ts-snapshots/Checkbox-With-Leading-Visual-dark-high-contrast-linux.png
diff --git a/...mponents/Checkbox.test.ts-snapshots/Checkbox-With-Leading-Visual-dark-linux.png b/...mponents/Checkbox.test.ts-snapshots/Checkbox-With-Leading-Visual-dark-linux.png
diff --git a/...eckbox.test.ts-snapshots/Checkbox-With-Leading-Visual-dark-tritanopia-linux.png b/...eckbox.test.ts-snapshots/Checkbox-With-Leading-Visual-dark-tritanopia-linux.png
diff --git a/....test.ts-snapshots/Checkbox-With-Leading-Visual-focus-dark-colorblind-linux.png b/....test.ts-snapshots/Checkbox-With-Leading-Visual-focus-dark-colorblind-linux.png
diff --git a/...kbox.test.ts-snapshots/Checkbox-With-Leading-Visual-focus-dark-dimmed-linux.png b/...kbox.test.ts-snapshots/Checkbox-With-Leading-Visual-focus-dark-dimmed-linux.png
diff --git a/...st.ts-snapshots/Checkbox-With-Leading-Visual-focus-dark-high-contrast-linux.png b/...st.ts-snapshots/Checkbox-With-Leading-Visual-focus-dark-high-contrast-linux.png
diff --git a/...ts/Checkbox.test.ts-snapshots/Checkbox-With-Leading-Visual-focus-dark-linux.png b/...ts/Checkbox.test.ts-snapshots/Checkbox-With-Leading-Visual-focus-dark-linux.png
diff --git a/....test.ts-snapshots/Checkbox-With-Leading-Visual-focus-dark-tritanopia-linux.png b/....test.ts-snapshots/Checkbox-With-Leading-Visual-focus-dark-tritanopia-linux.png
diff --git a/...test.ts-snapshots/Checkbox-With-Leading-Visual-focus-light-colorblind-linux.png b/...test.ts-snapshots/Checkbox-With-Leading-Visual-focus-light-colorblind-linux.png
diff --git a/...t.ts-snapshots/Checkbox-With-Leading-Visual-focus-light-high-contrast-linux.png b/...t.ts-snapshots/Checkbox-With-Leading-Visual-focus-light-high-contrast-linux.png
diff --git a/...s/Checkbox.test.ts-snapshots/Checkbox-With-Leading-Visual-focus-light-linux.png b/...s/Checkbox.test.ts-snapshots/Checkbox-With-Leading-Visual-focus-light-linux.png
diff --git a/...test.ts-snapshots/Checkbox-With-Leading-Visual-focus-light-tritanopia-linux.png b/...test.ts-snapshots/Checkbox-With-Leading-Visual-focus-light-tritanopia-linux.png
diff --git a/...ckbox.test.ts-snapshots/Checkbox-With-Leading-Visual-light-colorblind-linux.png b/...ckbox.test.ts-snapshots/Checkbox-With-Leading-Visual-light-colorblind-linux.png
diff --git a/...ox.test.ts-snapshots/Checkbox-With-Leading-Visual-light-high-contrast-linux.png b/...ox.test.ts-snapshots/Checkbox-With-Leading-Visual-light-high-contrast-linux.png
diff --git a/...ponents/Checkbox.test.ts-snapshots/Checkbox-With-Leading-Visual-light-linux.png b/...ponents/Checkbox.test.ts-snapshots/Checkbox-With-Leading-Visual-light-linux.png
diff --git a/...ckbox.test.ts-snapshots/Checkbox-With-Leading-Visual-light-tritanopia-linux.png b/...ckbox.test.ts-snapshots/Checkbox-With-Leading-Visual-light-tritanopia-linux.png
diff --git a/...CheckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-dark-colorblind-linux.png b/...CheckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-dark-colorblind-linux.png
diff --git a/...nts/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-dark-dimmed-linux.png b/...nts/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-dark-dimmed-linux.png
diff --git a/...ckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-dark-high-contrast-linux.png b/...ckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-dark-high-contrast-linux.png
diff --git a/...components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-dark-linux.png b/...components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-dark-linux.png
diff --git a/...CheckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-dark-tritanopia-linux.png b/...CheckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-dark-tritanopia-linux.png
diff --git a/...heckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-light-colorblind-linux.png b/...heckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-light-colorblind-linux.png
diff --git a/...kboxGroup.test.ts-snapshots/CheckboxGroup-Caption-light-high-contrast-linux.png b/...kboxGroup.test.ts-snapshots/CheckboxGroup-Caption-light-high-contrast-linux.png
diff --git a/...omponents/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-light-linux.png b/...omponents/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-light-linux.png
diff --git a/...heckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-light-tritanopia-linux.png b/...heckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-light-tritanopia-linux.png
diff --git a/...CheckboxGroup.test.ts-snapshots/CheckboxGroup-Default-dark-colorblind-linux.png b/...CheckboxGroup.test.ts-snapshots/CheckboxGroup-Default-dark-colorblind-linux.png
diff --git a/...nts/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Default-dark-dimmed-linux.png b/...nts/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Default-dark-dimmed-linux.png
diff --git a/...ckboxGroup.test.ts-snapshots/CheckboxGroup-Default-dark-high-contrast-linux.png b/...ckboxGroup.test.ts-snapshots/CheckboxGroup-Default-dark-high-contrast-linux.png
diff --git a/...components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Default-dark-linux.png b/...components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Default-dark-linux.png
diff --git a/...CheckboxGroup.test.ts-snapshots/CheckboxGroup-Default-dark-tritanopia-linux.png b/...CheckboxGroup.test.ts-snapshots/CheckboxGroup-Default-dark-tritanopia-linux.png
diff --git a/...heckboxGroup.test.ts-snapshots/CheckboxGroup-Default-light-colorblind-linux.png b/...heckboxGroup.test.ts-snapshots/CheckboxGroup-Default-light-colorblind-linux.png
diff --git a/...kboxGroup.test.ts-snapshots/CheckboxGroup-Default-light-high-contrast-linux.png b/...kboxGroup.test.ts-snapshots/CheckboxGroup-Default-light-high-contrast-linux.png
diff --git a/...omponents/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Default-light-linux.png b/...omponents/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Default-light-linux.png
diff --git a/...heckboxGroup.test.ts-snapshots/CheckboxGroup-Default-light-tritanopia-linux.png b/...heckboxGroup.test.ts-snapshots/CheckboxGroup-Default-light-tritanopia-linux.png
diff --git a/...s/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Error-dark-colorblind-linux.png b/...s/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Error-dark-colorblind-linux.png
diff --git a/...nents/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Error-dark-dimmed-linux.png b/...nents/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Error-dark-dimmed-linux.png
diff --git a/...heckboxGroup.test.ts-snapshots/CheckboxGroup-Error-dark-high-contrast-linux.png b/...heckboxGroup.test.ts-snapshots/CheckboxGroup-Error-dark-high-contrast-linux.png
diff --git a/...s/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Error-dark-linux.png b/...s/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Error-dark-linux.png
diff --git a/...s/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Error-dark-tritanopia-linux.png b/...s/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Error-dark-tritanopia-linux.png
diff --git a/.../CheckboxGroup.test.ts-snapshots/CheckboxGroup-Error-light-colorblind-linux.png b/.../CheckboxGroup.test.ts-snapshots/CheckboxGroup-Error-light-colorblind-linux.png
diff --git a/...eckboxGroup.test.ts-snapshots/CheckboxGroup-Error-light-high-contrast-linux.png b/...eckboxGroup.test.ts-snapshots/CheckboxGroup-Error-light-high-contrast-linux.png
diff --git a/.../components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Error-light-linux.png b/.../components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Error-light-linux.png
diff --git a/.../CheckboxGroup.test.ts-snapshots/CheckboxGroup-Error-light-tritanopia-linux.png b/.../CheckboxGroup.test.ts-snapshots/CheckboxGroup-Error-light-tritanopia-linux.png
diff --git a/...heckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-dark-colorblind-linux.png b/...heckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-dark-colorblind-linux.png
diff --git a/...ts/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-dark-dimmed-linux.png b/...ts/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-dark-dimmed-linux.png
diff --git a/...kboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-dark-high-contrast-linux.png b/...kboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-dark-high-contrast-linux.png
diff --git a/...omponents/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-dark-linux.png b/...omponents/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-dark-linux.png
diff --git a/...heckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-dark-tritanopia-linux.png b/...heckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-dark-tritanopia-linux.png
diff --git a/...eckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-light-colorblind-linux.png b/...eckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-light-colorblind-linux.png
diff --git a/...boxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-light-high-contrast-linux.png b/...boxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-light-high-contrast-linux.png
diff --git a/...mponents/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-light-linux.png b/...mponents/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-light-linux.png
diff --git a/...eckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-light-tritanopia-linux.png b/...eckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-light-tritanopia-linux.png
diff --git a/...CheckboxGroup.test.ts-snapshots/CheckboxGroup-Success-dark-colorblind-linux.png b/...CheckboxGroup.test.ts-snapshots/CheckboxGroup-Success-dark-colorblind-linux.png
diff --git a/...nts/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Success-dark-dimmed-linux.png b/...nts/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Success-dark-dimmed-linux.png
diff --git a/...ckboxGroup.test.ts-snapshots/CheckboxGroup-Success-dark-high-contrast-linux.png b/...ckboxGroup.test.ts-snapshots/CheckboxGroup-Success-dark-high-contrast-linux.png
diff --git a/...components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Success-dark-linux.png b/...components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Success-dark-linux.png
diff --git a/...CheckboxGroup.test.ts-snapshots/CheckboxGroup-Success-dark-tritanopia-linux.png b/...CheckboxGroup.test.ts-snapshots/CheckboxGroup-Success-dark-tritanopia-linux.png
diff --git a/...heckboxGroup.test.ts-snapshots/CheckboxGroup-Success-light-colorblind-linux.png b/...heckboxGroup.test.ts-snapshots/CheckboxGroup-Success-light-colorblind-linux.png
diff --git a/...kboxGroup.test.ts-snapshots/CheckboxGroup-Success-light-high-contrast-linux.png b/...kboxGroup.test.ts-snapshots/CheckboxGroup-Success-light-high-contrast-linux.png
diff --git a/...omponents/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Success-light-linux.png b/...omponents/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Success-light-linux.png
diff --git a/...heckboxGroup.test.ts-snapshots/CheckboxGroup-Success-light-tritanopia-linux.png b/...heckboxGroup.test.ts-snapshots/CheckboxGroup-Success-light-tritanopia-linux.png
diff --git a/...test.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-dark-colorblind-linux.png b/...test.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-dark-colorblind-linux.png
diff --git a/...oup.test.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-dark-dimmed-linux.png b/...oup.test.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-dark-dimmed-linux.png
diff --git a/...t.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-dark-high-contrast-linux.png b/...t.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-dark-high-contrast-linux.png
diff --git a/...ckboxGroup.test.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-dark-linux.png b/...ckboxGroup.test.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-dark-linux.png
diff --git a/...test.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-dark-tritanopia-linux.png b/...test.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-dark-tritanopia-linux.png
diff --git a/...est.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-light-colorblind-linux.png b/...est.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-light-colorblind-linux.png
diff --git a/....ts-snapshots/CheckboxGroup-Visually-Hidden-Label-light-high-contrast-linux.png b/....ts-snapshots/CheckboxGroup-Visually-Hidden-Label-light-high-contrast-linux.png
diff --git a/...kboxGroup.test.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-light-linux.png b/...kboxGroup.test.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-light-linux.png
diff --git a/...est.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-light-tritanopia-linux.png b/...est.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-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/...-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-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/...nts/Overlay.test.ts-snapshots/Overlay-Nested-Overlays-dark-colorblind-linux.png b/...nts/Overlay.test.ts-snapshots/Overlay-Nested-Overlays-dark-colorblind-linux.png
diff --git a/...ponents/Overlay.test.ts-snapshots/Overlay-Nested-Overlays-dark-dimmed-linux.png b/...ponents/Overlay.test.ts-snapshots/Overlay-Nested-Overlays-dark-dimmed-linux.png
diff --git a/.../Overlay.test.ts-snapshots/Overlay-Nested-Overlays-dark-high-contrast-linux.png b/.../Overlay.test.ts-snapshots/Overlay-Nested-Overlays-dark-high-contrast-linux.png
diff --git a/...ots/components/Overlay.test.ts-snapshots/Overlay-Nested-Overlays-dark-linux.png b/...ots/components/Overlay.test.ts-snapshots/Overlay-Nested-Overlays-dark-linux.png
diff --git a/...nts/Overlay.test.ts-snapshots/Overlay-Nested-Overlays-dark-tritanopia-linux.png b/...nts/Overlay.test.ts-snapshots/Overlay-Nested-Overlays-dark-tritanopia-linux.png
diff --git a/...ts/Overlay.test.ts-snapshots/Overlay-Nested-Overlays-light-colorblind-linux.png b/...ts/Overlay.test.ts-snapshots/Overlay-Nested-Overlays-light-colorblind-linux.png
diff --git a/...Overlay.test.ts-snapshots/Overlay-Nested-Overlays-light-high-contrast-linux.png b/...Overlay.test.ts-snapshots/Overlay-Nested-Overlays-light-high-contrast-linux.png
diff --git a/...ts/components/Overlay.test.ts-snapshots/Overlay-Nested-Overlays-light-linux.png b/...ts/components/Overlay.test.ts-snapshots/Overlay-Nested-Overlays-light-linux.png
diff --git a/...ts/Overlay.test.ts-snapshots/Overlay-Nested-Overlays-light-tritanopia-linux.png b/...ts/Overlay.test.ts-snapshots/Overlay-Nested-Overlays-light-tritanopia-linux.png
diff --git a/...hots/components/Radio.test.ts-snapshots/Radio-Default-dark-colorblind-linux.png b/...hots/components/Radio.test.ts-snapshots/Radio-Default-dark-colorblind-linux.png
diff --git a/...napshots/components/Radio.test.ts-snapshots/Radio-Default-dark-dimmed-linux.png b/...napshots/components/Radio.test.ts-snapshots/Radio-Default-dark-dimmed-linux.png
diff --git a/...s/components/Radio.test.ts-snapshots/Radio-Default-dark-high-contrast-linux.png b/...s/components/Radio.test.ts-snapshots/Radio-Default-dark-high-contrast-linux.png
diff --git a/...right/snapshots/components/Radio.test.ts-snapshots/Radio-Default-dark-linux.png b/...right/snapshots/components/Radio.test.ts-snapshots/Radio-Default-dark-linux.png
diff --git a/...hots/components/Radio.test.ts-snapshots/Radio-Default-dark-tritanopia-linux.png b/...hots/components/Radio.test.ts-snapshots/Radio-Default-dark-tritanopia-linux.png
diff --git a/...ots/components/Radio.test.ts-snapshots/Radio-Default-light-colorblind-linux.png b/...ots/components/Radio.test.ts-snapshots/Radio-Default-light-colorblind-linux.png
diff --git a/.../components/Radio.test.ts-snapshots/Radio-Default-light-high-contrast-linux.png b/.../components/Radio.test.ts-snapshots/Radio-Default-light-high-contrast-linux.png
diff --git a/...ight/snapshots/components/Radio.test.ts-snapshots/Radio-Default-light-linux.png b/...ight/snapshots/components/Radio.test.ts-snapshots/Radio-Default-light-linux.png
diff --git a/...ots/components/Radio.test.ts-snapshots/Radio-Default-light-tritanopia-linux.png b/...ots/components/Radio.test.ts-snapshots/Radio-Default-light-tritanopia-linux.png
diff --git a/...ots/components/Radio.test.ts-snapshots/Radio-Disabled-dark-colorblind-linux.png b/...ots/components/Radio.test.ts-snapshots/Radio-Disabled-dark-colorblind-linux.png
diff --git a/...apshots/components/Radio.test.ts-snapshots/Radio-Disabled-dark-dimmed-linux.png b/...apshots/components/Radio.test.ts-snapshots/Radio-Disabled-dark-dimmed-linux.png
diff --git a/.../components/Radio.test.ts-snapshots/Radio-Disabled-dark-high-contrast-linux.png b/.../components/Radio.test.ts-snapshots/Radio-Disabled-dark-high-contrast-linux.png
diff --git a/...ight/snapshots/components/Radio.test.ts-snapshots/Radio-Disabled-dark-linux.png b/...ight/snapshots/components/Radio.test.ts-snapshots/Radio-Disabled-dark-linux.png
diff --git a/...ots/components/Radio.test.ts-snapshots/Radio-Disabled-dark-tritanopia-linux.png b/...ots/components/Radio.test.ts-snapshots/Radio-Disabled-dark-tritanopia-linux.png
diff --git a/...ts/components/Radio.test.ts-snapshots/Radio-Disabled-light-colorblind-linux.png b/...ts/components/Radio.test.ts-snapshots/Radio-Disabled-light-colorblind-linux.png
diff --git a/...components/Radio.test.ts-snapshots/Radio-Disabled-light-high-contrast-linux.png b/...components/Radio.test.ts-snapshots/Radio-Disabled-light-high-contrast-linux.png
diff --git a/...ght/snapshots/components/Radio.test.ts-snapshots/Radio-Disabled-light-linux.png b/...ght/snapshots/components/Radio.test.ts-snapshots/Radio-Disabled-light-linux.png
diff --git a/...ts/components/Radio.test.ts-snapshots/Radio-Disabled-light-tritanopia-linux.png b/...ts/components/Radio.test.ts-snapshots/Radio-Disabled-light-tritanopia-linux.png
diff --git a/...components/Radio.test.ts-snapshots/Radio-With-Caption-dark-colorblind-linux.png b/...components/Radio.test.ts-snapshots/Radio-With-Caption-dark-colorblind-linux.png
diff --git a/...ots/components/Radio.test.ts-snapshots/Radio-With-Caption-dark-dimmed-linux.png b/...ots/components/Radio.test.ts-snapshots/Radio-With-Caption-dark-dimmed-linux.png
diff --git a/...ponents/Radio.test.ts-snapshots/Radio-With-Caption-dark-high-contrast-linux.png b/...ponents/Radio.test.ts-snapshots/Radio-With-Caption-dark-high-contrast-linux.png
diff --git a/.../snapshots/components/Radio.test.ts-snapshots/Radio-With-Caption-dark-linux.png b/.../snapshots/components/Radio.test.ts-snapshots/Radio-With-Caption-dark-linux.png
diff --git a/...components/Radio.test.ts-snapshots/Radio-With-Caption-dark-tritanopia-linux.png b/...components/Radio.test.ts-snapshots/Radio-With-Caption-dark-tritanopia-linux.png
diff --git a/...omponents/Radio.test.ts-snapshots/Radio-With-Caption-light-colorblind-linux.png b/...omponents/Radio.test.ts-snapshots/Radio-With-Caption-light-colorblind-linux.png
diff --git a/...onents/Radio.test.ts-snapshots/Radio-With-Caption-light-high-contrast-linux.png b/...onents/Radio.test.ts-snapshots/Radio-With-Caption-light-high-contrast-linux.png
diff --git a/...snapshots/components/Radio.test.ts-snapshots/Radio-With-Caption-light-linux.png b/...snapshots/components/Radio.test.ts-snapshots/Radio-With-Caption-light-linux.png
diff --git a/...omponents/Radio.test.ts-snapshots/Radio-With-Caption-light-tritanopia-linux.png b/...omponents/Radio.test.ts-snapshots/Radio-With-Caption-light-tritanopia-linux.png
diff --git a/...nts/Radio.test.ts-snapshots/Radio-With-Leading-Visual-dark-colorblind-linux.png b/...nts/Radio.test.ts-snapshots/Radio-With-Leading-Visual-dark-colorblind-linux.png
diff --git a/...ponents/Radio.test.ts-snapshots/Radio-With-Leading-Visual-dark-dimmed-linux.png b/...ponents/Radio.test.ts-snapshots/Radio-With-Leading-Visual-dark-dimmed-linux.png
diff --git a/.../Radio.test.ts-snapshots/Radio-With-Leading-Visual-dark-high-contrast-linux.png b/.../Radio.test.ts-snapshots/Radio-With-Leading-Visual-dark-high-contrast-linux.png
diff --git a/...ots/components/Radio.test.ts-snapshots/Radio-With-Leading-Visual-dark-linux.png b/...ots/components/Radio.test.ts-snapshots/Radio-With-Leading-Visual-dark-linux.png
diff --git a/...nts/Radio.test.ts-snapshots/Radio-With-Leading-Visual-dark-tritanopia-linux.png b/...nts/Radio.test.ts-snapshots/Radio-With-Leading-Visual-dark-tritanopia-linux.png
diff --git a/...ts/Radio.test.ts-snapshots/Radio-With-Leading-Visual-light-colorblind-linux.png b/...ts/Radio.test.ts-snapshots/Radio-With-Leading-Visual-light-colorblind-linux.png
diff --git a/...Radio.test.ts-snapshots/Radio-With-Leading-Visual-light-high-contrast-linux.png b/...Radio.test.ts-snapshots/Radio-With-Leading-Visual-light-high-contrast-linux.png
diff --git a/...ts/components/Radio.test.ts-snapshots/Radio-With-Leading-Visual-light-linux.png b/...ts/components/Radio.test.ts-snapshots/Radio-With-Leading-Visual-light-linux.png
diff --git a/...ts/Radio.test.ts-snapshots/Radio-With-Leading-Visual-light-tritanopia-linux.png b/...ts/Radio.test.ts-snapshots/Radio-With-Leading-Visual-light-tritanopia-linux.png
diff --git a/...nents/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-colorblind-linux.png b/...nents/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-colorblind-linux.png
diff --git a/...omponents/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-dimmed-linux.png b/...omponents/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-dimmed-linux.png
diff --git a/...ts/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-high-contrast-linux.png b/...ts/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-high-contrast-linux.png
diff --git a/...shots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-linux.png b/...shots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-linux.png
diff --git a/...nents/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-tritanopia-linux.png b/...nents/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-tritanopia-linux.png
diff --git a/...ents/RadioGroup.test.ts-snapshots/RadioGroup-Caption-light-colorblind-linux.png b/...ents/RadioGroup.test.ts-snapshots/RadioGroup-Caption-light-colorblind-linux.png
diff --git a/...s/RadioGroup.test.ts-snapshots/RadioGroup-Caption-light-high-contrast-linux.png b/...s/RadioGroup.test.ts-snapshots/RadioGroup-Caption-light-high-contrast-linux.png
diff --git a/...hots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-light-linux.png b/...hots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-light-linux.png
diff --git a/...ents/RadioGroup.test.ts-snapshots/RadioGroup-Caption-light-tritanopia-linux.png b/...ents/RadioGroup.test.ts-snapshots/RadioGroup-Caption-light-tritanopia-linux.png
diff --git a/...nents/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-colorblind-linux.png b/...nents/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-colorblind-linux.png
diff --git a/...omponents/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-dimmed-linux.png b/...omponents/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-dimmed-linux.png
diff --git a/...ts/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-high-contrast-linux.png b/...ts/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-high-contrast-linux.png
diff --git a/...shots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-linux.png b/...shots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-linux.png
diff --git a/...nents/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-tritanopia-linux.png b/...nents/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-tritanopia-linux.png
diff --git a/...ents/RadioGroup.test.ts-snapshots/RadioGroup-Default-light-colorblind-linux.png b/...ents/RadioGroup.test.ts-snapshots/RadioGroup-Default-light-colorblind-linux.png
diff --git a/...s/RadioGroup.test.ts-snapshots/RadioGroup-Default-light-high-contrast-linux.png b/...s/RadioGroup.test.ts-snapshots/RadioGroup-Default-light-high-contrast-linux.png
diff --git a/...hots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-light-linux.png b/...hots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-light-linux.png
diff --git a/...ents/RadioGroup.test.ts-snapshots/RadioGroup-Default-light-tritanopia-linux.png b/...ents/RadioGroup.test.ts-snapshots/RadioGroup-Default-light-tritanopia-linux.png
diff --git a/...ponents/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-colorblind-linux.png b/...ponents/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-colorblind-linux.png
diff --git a/.../components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-dimmed-linux.png b/.../components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-dimmed-linux.png
diff --git a/...ents/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-high-contrast-linux.png b/...ents/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-high-contrast-linux.png
diff --git a/...apshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-linux.png b/...apshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-linux.png
diff --git a/...ponents/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-tritanopia-linux.png b/...ponents/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-tritanopia-linux.png
diff --git a/...onents/RadioGroup.test.ts-snapshots/RadioGroup-Error-light-colorblind-linux.png b/...onents/RadioGroup.test.ts-snapshots/RadioGroup-Error-light-colorblind-linux.png
diff --git a/...nts/RadioGroup.test.ts-snapshots/RadioGroup-Error-light-high-contrast-linux.png b/...nts/RadioGroup.test.ts-snapshots/RadioGroup-Error-light-high-contrast-linux.png
diff --git a/...pshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-light-linux.png b/...pshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-light-linux.png
diff --git a/...onents/RadioGroup.test.ts-snapshots/RadioGroup-Error-light-tritanopia-linux.png b/...onents/RadioGroup.test.ts-snapshots/RadioGroup-Error-light-tritanopia-linux.png
diff --git a/...nents/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-colorblind-linux.png b/...nents/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-colorblind-linux.png
diff --git a/...omponents/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-dimmed-linux.png b/...omponents/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-dimmed-linux.png
diff --git a/...ts/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-high-contrast-linux.png b/...ts/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-high-contrast-linux.png
diff --git a/...shots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-linux.png b/...shots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-linux.png
diff --git a/...nents/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-tritanopia-linux.png b/...nents/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-tritanopia-linux.png
diff --git a/...ents/RadioGroup.test.ts-snapshots/RadioGroup-Success-light-colorblind-linux.png b/...ents/RadioGroup.test.ts-snapshots/RadioGroup-Success-light-colorblind-linux.png
diff --git a/...s/RadioGroup.test.ts-snapshots/RadioGroup-Success-light-high-contrast-linux.png b/...s/RadioGroup.test.ts-snapshots/RadioGroup-Success-light-high-contrast-linux.png
diff --git a/...hots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-light-linux.png b/...hots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-light-linux.png
diff --git a/...ents/RadioGroup.test.ts-snapshots/RadioGroup-Success-light-tritanopia-linux.png b/...ents/RadioGroup.test.ts-snapshots/RadioGroup-Success-light-tritanopia-linux.png
diff --git a/...up.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-colorblind-linux.png b/...up.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-colorblind-linux.png
diff --git a/...oGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-dimmed-linux.png b/...oGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-dimmed-linux.png
diff --git a/...test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-high-contrast-linux.png b/...test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-high-contrast-linux.png
diff --git a/...ts/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-linux.png b/...ts/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-linux.png
diff --git a/...up.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-tritanopia-linux.png b/...up.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-tritanopia-linux.png
diff --git a/...p.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-light-colorblind-linux.png b/...p.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-light-colorblind-linux.png
diff --git a/...est.ts-snapshots/RadioGroup-Visually-Hidden-Label-light-high-contrast-linux.png b/...est.ts-snapshots/RadioGroup-Visually-Hidden-Label-light-high-contrast-linux.png
diff --git a/...s/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-light-linux.png b/...s/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-light-linux.png
diff --git a/...p.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-light-tritanopia-linux.png b/...p.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-light-tritanopia-linux.png
diff --git a/...roup.test.ts-snapshots/RadioGroup-With-External-Label-dark-colorblind-linux.png b/...roup.test.ts-snapshots/RadioGroup-With-External-Label-dark-colorblind-linux.png
diff --git a/...dioGroup.test.ts-snapshots/RadioGroup-With-External-Label-dark-dimmed-linux.png b/...dioGroup.test.ts-snapshots/RadioGroup-With-External-Label-dark-dimmed-linux.png
diff --git a/...p.test.ts-snapshots/RadioGroup-With-External-Label-dark-high-contrast-linux.png b/...p.test.ts-snapshots/RadioGroup-With-External-Label-dark-high-contrast-linux.png
diff --git a/...ents/RadioGroup.test.ts-snapshots/RadioGroup-With-External-Label-dark-linux.png b/...ents/RadioGroup.test.ts-snapshots/RadioGroup-With-External-Label-dark-linux.png
diff --git a/...roup.test.ts-snapshots/RadioGroup-With-External-Label-dark-tritanopia-linux.png b/...roup.test.ts-snapshots/RadioGroup-With-External-Label-dark-tritanopia-linux.png
diff --git a/...oup.test.ts-snapshots/RadioGroup-With-External-Label-light-colorblind-linux.png b/...oup.test.ts-snapshots/RadioGroup-With-External-Label-light-colorblind-linux.png
diff --git a/....test.ts-snapshots/RadioGroup-With-External-Label-light-high-contrast-linux.png b/....test.ts-snapshots/RadioGroup-With-External-Label-light-high-contrast-linux.png
diff --git a/...nts/RadioGroup.test.ts-snapshots/RadioGroup-With-External-Label-light-linux.png b/...nts/RadioGroup.test.ts-snapshots/RadioGroup-With-External-Label-light-linux.png
diff --git a/...oup.test.ts-snapshots/RadioGroup-With-External-Label-light-tritanopia-linux.png b/...oup.test.ts-snapshots/RadioGroup-With-External-Label-light-tritanopia-linux.png
diff --git a/packages/react/src/FormControl/FormControl.tsx b/packages/react/src/FormControl/FormControl.tsx
@@ -172,17 +172,15 @@ const FormControl = React.forwardRef<HTMLDivElement, FormControlProps>(
                 {slots.leadingVisual}
               </Box>
             )}
-            {!slots.label?.props.visuallyHidden || slots.caption ? (
-              <Box display="flex" flexDirection="column" sx={{'> *': {paddingLeft: 'var(--stack-gap-condensed)'}}}>
-                {slots.label}
-                {slots.caption}
-              </Box>
-            ) : (
-              <>
-                {slots.label}
-                {slots.caption}
-              </>
-            )}
+            <Box
+              sx={{
+                '> *': {paddingLeft: 'var(--stack-gap-condensed)'},
+                '> label': {fontWeight: 'var(--base-text-weight-normal)'},
+              }}
+            >
+              {slots.label}
+              {slots.caption}
+            </Box>
           </Box>
         ) : (
           <Box

diff --git a/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.module.css b/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.module.css
@@ -35,7 +35,8 @@
 
 .RadioGroupLabel {
   display: block;
-  font-size: var(--text-body-size-large);
+  font-size: var(--text-body-size-medium);
+  font-weight: var(--base-text-weight-semibold);
 
   &:where([data-label-disabled]) {
     color: var(--fgColor-muted);

diff --git a/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.tsx b/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.tsx
@@ -76,7 +76,8 @@ const CheckboxOrRadioGroupLabel: React.FC<React.PropsWithChildren<CheckboxOrRadi
       sx={{
         display: 'block',
         color: disabled ? 'fg.muted' : undefined,
-        fontSize: 2,
+        fontSize: 1,
+        fontWeight: 'bold',
         ...sx,
       }}
     >