diff --git a/.changeset/nice-shoes-fail.md b/.changeset/nice-shoes-fail.md
new file mode 100644
index 00000000000..be9aa60e94a
--- /dev/null
+++ b/.changeset/nice-shoes-fail.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Update the foreground color for FormControl.Caption to use the control tokens when disabled
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Custom-Required-dark-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Custom-Required-dark-colorblind-linux.png
new file mode 100644
index 00000000000..27ccc6c0974
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Custom-Required-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Custom-Required-dark-dimmed-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Custom-Required-dark-dimmed-linux.png
new file mode 100644
index 00000000000..01f0ad92d1c
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Custom-Required-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Custom-Required-dark-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Custom-Required-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..a06106921a3
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Custom-Required-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Custom-Required-dark-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Custom-Required-dark-linux.png
new file mode 100644
index 00000000000..27ccc6c0974
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Custom-Required-dark-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Custom-Required-dark-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Custom-Required-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..27ccc6c0974
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Custom-Required-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Custom-Required-light-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Custom-Required-light-colorblind-linux.png
new file mode 100644
index 00000000000..6b41bd53654
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Custom-Required-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Custom-Required-light-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Custom-Required-light-high-contrast-linux.png
new file mode 100644
index 00000000000..c5ffb9f24f7
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Custom-Required-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Custom-Required-light-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Custom-Required-light-linux.png
new file mode 100644
index 00000000000..6b41bd53654
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Custom-Required-light-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Custom-Required-light-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Custom-Required-light-tritanopia-linux.png
new file mode 100644
index 00000000000..6b41bd53654
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Custom-Required-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Default-dark-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Default-dark-colorblind-linux.png
new file mode 100644
index 00000000000..ad84350f1b1
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Default-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Default-dark-dimmed-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Default-dark-dimmed-linux.png
new file mode 100644
index 00000000000..7bd8d7fceff
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Default-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Default-dark-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Default-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..d9ca11552d6
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Default-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Default-dark-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Default-dark-linux.png
new file mode 100644
index 00000000000..ad84350f1b1
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Default-dark-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Default-dark-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Default-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..ad84350f1b1
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Default-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Default-light-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Default-light-colorblind-linux.png
new file mode 100644
index 00000000000..33e920fd488
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Default-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Default-light-high-contrast-linux.png
new file mode 100644
index 00000000000..60f4358aeb1
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Default-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Default-light-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Default-light-linux.png
new file mode 100644
index 00000000000..33e920fd488
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Default-light-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Default-light-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Default-light-tritanopia-linux.png
new file mode 100644
index 00000000000..33e920fd488
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Default-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-dark-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-dark-colorblind-linux.png
new file mode 100644
index 00000000000..29f000dbf0e
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-dark-dimmed-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-dark-dimmed-linux.png
new file mode 100644
index 00000000000..128bfda301f
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-dark-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..1a81d7ff028
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-dark-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-dark-linux.png
new file mode 100644
index 00000000000..29f000dbf0e
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-dark-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-dark-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..29f000dbf0e
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-light-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-light-colorblind-linux.png
new file mode 100644
index 00000000000..5671831fe39
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-light-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-light-high-contrast-linux.png
new file mode 100644
index 00000000000..7110a8437bb
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-light-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-light-linux.png
new file mode 100644
index 00000000000..5671831fe39
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-light-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-light-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-light-tritanopia-linux.png
new file mode 100644
index 00000000000..5671831fe39
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Disabled-Inputs-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-dark-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-dark-colorblind-linux.png
new file mode 100644
index 00000000000..fca2e5f1da0
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-dark-dimmed-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-dark-dimmed-linux.png
new file mode 100644
index 00000000000..96658607f36
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-dark-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..d06f57dbc20
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-dark-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-dark-linux.png
new file mode 100644
index 00000000000..ccdf6c4d69b
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-dark-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-dark-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..ccdf6c4d69b
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-light-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-light-colorblind-linux.png
new file mode 100644
index 00000000000..6b47ec1a4ec
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-light-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-light-high-contrast-linux.png
new file mode 100644
index 00000000000..54715297019
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-light-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-light-linux.png
new file mode 100644
index 00000000000..51dab31443a
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-light-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-light-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-light-tritanopia-linux.png
new file mode 100644
index 00000000000..51dab31443a
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Form-Control-with-Custom-Input-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Single-Input-dark-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Single-Input-dark-colorblind-linux.png
new file mode 100644
index 00000000000..818047e9e0b
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Single-Input-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Single-Input-dark-dimmed-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Single-Input-dark-dimmed-linux.png
new file mode 100644
index 00000000000..95116afc2b5
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Single-Input-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Single-Input-dark-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Single-Input-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..a9af5ab7c59
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Single-Input-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Single-Input-dark-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Single-Input-dark-linux.png
new file mode 100644
index 00000000000..818047e9e0b
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Single-Input-dark-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Single-Input-dark-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Single-Input-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..818047e9e0b
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Single-Input-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Single-Input-light-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Single-Input-light-colorblind-linux.png
new file mode 100644
index 00000000000..7f23e3de314
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Single-Input-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Single-Input-light-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Single-Input-light-high-contrast-linux.png
new file mode 100644
index 00000000000..331ab81b7aa
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Single-Input-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Single-Input-light-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Single-Input-light-linux.png
new file mode 100644
index 00000000000..7f23e3de314
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Single-Input-light-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Single-Input-light-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Single-Input-light-tritanopia-linux.png
new file mode 100644
index 00000000000..7f23e3de314
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Single-Input-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Validation-Example-dark-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Validation-Example-dark-colorblind-linux.png
new file mode 100644
index 00000000000..b21034906ea
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Validation-Example-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Validation-Example-dark-dimmed-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Validation-Example-dark-dimmed-linux.png
new file mode 100644
index 00000000000..a49b85d36b4
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Validation-Example-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Validation-Example-dark-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Validation-Example-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..6878a99f0f6
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Validation-Example-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Validation-Example-dark-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Validation-Example-dark-linux.png
new file mode 100644
index 00000000000..b889aab42b5
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Validation-Example-dark-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Validation-Example-dark-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Validation-Example-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..b889aab42b5
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Validation-Example-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Validation-Example-light-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Validation-Example-light-colorblind-linux.png
new file mode 100644
index 00000000000..cb6c4a7d988
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Validation-Example-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Validation-Example-light-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Validation-Example-light-high-contrast-linux.png
new file mode 100644
index 00000000000..a6094f7ed29
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Validation-Example-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Validation-Example-light-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Validation-Example-light-linux.png
new file mode 100644
index 00000000000..f506c10a981
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Validation-Example-light-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Validation-Example-light-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Validation-Example-light-tritanopia-linux.png
new file mode 100644
index 00000000000..f506c10a981
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-Validation-Example-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-dark-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-dark-colorblind-linux.png
new file mode 100644
index 00000000000..e9b42e286b5
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-dark-dimmed-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-dark-dimmed-linux.png
new file mode 100644
index 00000000000..34608e439e0
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-dark-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..d790280bcd8
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-dark-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-dark-linux.png
new file mode 100644
index 00000000000..e9b42e286b5
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-dark-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-dark-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..e9b42e286b5
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-light-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-light-colorblind-linux.png
new file mode 100644
index 00000000000..06b5095a388
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-light-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-light-high-contrast-linux.png
new file mode 100644
index 00000000000..8cc7e17646b
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-light-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-light-linux.png
new file mode 100644
index 00000000000..06b5095a388
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-light-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-light-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-light-tritanopia-linux.png
new file mode 100644
index 00000000000..06b5095a388
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-And-Disabled-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-dark-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-dark-colorblind-linux.png
new file mode 100644
index 00000000000..7b62072e937
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-dark-dimmed-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-dark-dimmed-linux.png
new file mode 100644
index 00000000000..2f6a6df95bf
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-dark-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..7c81e3bc822
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-dark-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-dark-linux.png
new file mode 100644
index 00000000000..7b62072e937
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-dark-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-dark-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..7b62072e937
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-light-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-light-colorblind-linux.png
new file mode 100644
index 00000000000..c9902a9b5c6
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-light-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-light-high-contrast-linux.png
new file mode 100644
index 00000000000..9a9a7f05f12
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-light-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-light-linux.png
new file mode 100644
index 00000000000..c9902a9b5c6
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-light-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-light-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-light-tritanopia-linux.png
new file mode 100644
index 00000000000..c9902a9b5c6
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Caption-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-dark-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-dark-colorblind-linux.png
new file mode 100644
index 00000000000..cc8fc816ce7
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-dark-dimmed-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-dark-dimmed-linux.png
new file mode 100644
index 00000000000..7c0b9b0f030
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-dark-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..bbad5720b32
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-dark-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-dark-linux.png
new file mode 100644
index 00000000000..cc8fc816ce7
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-dark-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-dark-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..cc8fc816ce7
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-light-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-light-colorblind-linux.png
new file mode 100644
index 00000000000..7aa0a55d1eb
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-light-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-light-high-contrast-linux.png
new file mode 100644
index 00000000000..1135d8d50ab
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-light-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-light-linux.png
new file mode 100644
index 00000000000..7aa0a55d1eb
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-light-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-light-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-light-tritanopia-linux.png
new file mode 100644
index 00000000000..7aa0a55d1eb
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Checkbox-And-Radio-Inputs-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-colorblind-linux.png
new file mode 100644
index 00000000000..3742a470ccf
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-dimmed-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-dimmed-linux.png
new file mode 100644
index 00000000000..71fa4c0707a
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..6faa1d8bde1
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-linux.png
new file mode 100644
index 00000000000..3742a470ccf
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..3742a470ccf
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-colorblind-linux.png
new file mode 100644
index 00000000000..b01fb1a9d6b
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-high-contrast-linux.png
new file mode 100644
index 00000000000..0d00b56b7bb
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-linux.png
new file mode 100644
index 00000000000..b01fb1a9d6b
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-tritanopia-linux.png
new file mode 100644
index 00000000000..b01fb1a9d6b
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Complex-Inputs-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Error-Validation-dark-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Error-Validation-dark-colorblind-linux.png
new file mode 100644
index 00000000000..8d34787037f
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Error-Validation-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Error-Validation-dark-dimmed-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Error-Validation-dark-dimmed-linux.png
new file mode 100644
index 00000000000..8e5f25e42d2
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Error-Validation-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Error-Validation-dark-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Error-Validation-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..dd5e2ae9f9a
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Error-Validation-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Error-Validation-dark-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Error-Validation-dark-linux.png
new file mode 100644
index 00000000000..373fda3c48d
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Error-Validation-dark-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Error-Validation-dark-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Error-Validation-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..373fda3c48d
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Error-Validation-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Error-Validation-light-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Error-Validation-light-colorblind-linux.png
new file mode 100644
index 00000000000..d43071898c5
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Error-Validation-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Error-Validation-light-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Error-Validation-light-high-contrast-linux.png
new file mode 100644
index 00000000000..334973fc437
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Error-Validation-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Error-Validation-light-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Error-Validation-light-linux.png
new file mode 100644
index 00000000000..251081b4c0e
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Error-Validation-light-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Error-Validation-light-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Error-Validation-light-tritanopia-linux.png
new file mode 100644
index 00000000000..251081b4c0e
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Error-Validation-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-dark-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-dark-colorblind-linux.png
new file mode 100644
index 00000000000..92232058483
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-dark-dimmed-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-dark-dimmed-linux.png
new file mode 100644
index 00000000000..dc786db366e
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-dark-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..23ec4bc892e
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-dark-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-dark-linux.png
new file mode 100644
index 00000000000..92232058483
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-dark-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-dark-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..92232058483
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-light-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-light-colorblind-linux.png
new file mode 100644
index 00000000000..ed6233e079f
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-light-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-light-high-contrast-linux.png
new file mode 100644
index 00000000000..824d42cc5ff
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-light-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-light-linux.png
new file mode 100644
index 00000000000..ed6233e079f
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-light-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-light-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-light-tritanopia-linux.png
new file mode 100644
index 00000000000..ed6233e079f
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Hidden-Label-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-dark-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-dark-colorblind-linux.png
new file mode 100644
index 00000000000..9a52b1c0a3e
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-dark-dimmed-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-dark-dimmed-linux.png
new file mode 100644
index 00000000000..36aa0dc299e
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-dark-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..31d053f6114
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-dark-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-dark-linux.png
new file mode 100644
index 00000000000..9a52b1c0a3e
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-dark-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-dark-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..9a52b1c0a3e
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-light-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-light-colorblind-linux.png
new file mode 100644
index 00000000000..0f7332c086d
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-light-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-light-high-contrast-linux.png
new file mode 100644
index 00000000000..224f11711a3
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-light-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-light-linux.png
new file mode 100644
index 00000000000..0f7332c086d
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-light-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-light-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-light-tritanopia-linux.png
new file mode 100644
index 00000000000..0f7332c086d
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Leading-Visual-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Required-Indicator-dark-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Required-Indicator-dark-colorblind-linux.png
new file mode 100644
index 00000000000..d476063414b
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Required-Indicator-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Required-Indicator-dark-dimmed-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Required-Indicator-dark-dimmed-linux.png
new file mode 100644
index 00000000000..2fe44e93ef9
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Required-Indicator-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Required-Indicator-dark-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Required-Indicator-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..c15a8884497
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Required-Indicator-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Required-Indicator-dark-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Required-Indicator-dark-linux.png
new file mode 100644
index 00000000000..d476063414b
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Required-Indicator-dark-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Required-Indicator-dark-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Required-Indicator-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..d476063414b
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Required-Indicator-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Required-Indicator-light-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Required-Indicator-light-colorblind-linux.png
new file mode 100644
index 00000000000..60cd55c3880
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Required-Indicator-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Required-Indicator-light-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Required-Indicator-light-high-contrast-linux.png
new file mode 100644
index 00000000000..12acf3dabe3
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Required-Indicator-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Required-Indicator-light-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Required-Indicator-light-linux.png
new file mode 100644
index 00000000000..60cd55c3880
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Required-Indicator-light-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Required-Indicator-light-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Required-Indicator-light-tritanopia-linux.png
new file mode 100644
index 00000000000..60cd55c3880
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Required-Indicator-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-dark-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-dark-colorblind-linux.png
new file mode 100644
index 00000000000..19ad990910f
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-dark-dimmed-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-dark-dimmed-linux.png
new file mode 100644
index 00000000000..22af5602305
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-dark-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..2f2b522ee0b
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-dark-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-dark-linux.png
new file mode 100644
index 00000000000..19ad990910f
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-dark-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-dark-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..19ad990910f
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-light-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-light-colorblind-linux.png
new file mode 100644
index 00000000000..77fea9473a4
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-light-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-light-high-contrast-linux.png
new file mode 100644
index 00000000000..937d796678f
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-light-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-light-linux.png
new file mode 100644
index 00000000000..77fea9473a4
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-light-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-light-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-light-tritanopia-linux.png
new file mode 100644
index 00000000000..77fea9473a4
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Select-Panel-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Success-Validation-dark-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Success-Validation-dark-colorblind-linux.png
new file mode 100644
index 00000000000..3cdd7faca59
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Success-Validation-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Success-Validation-dark-dimmed-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Success-Validation-dark-dimmed-linux.png
new file mode 100644
index 00000000000..ea71cee4a1c
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Success-Validation-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Success-Validation-dark-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Success-Validation-dark-high-contrast-linux.png
new file mode 100644
index 00000000000..f3002384f72
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Success-Validation-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Success-Validation-dark-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Success-Validation-dark-linux.png
new file mode 100644
index 00000000000..4f35a8dfe0b
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Success-Validation-dark-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Success-Validation-dark-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Success-Validation-dark-tritanopia-linux.png
new file mode 100644
index 00000000000..3cdd7faca59
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Success-Validation-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Success-Validation-light-colorblind-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Success-Validation-light-colorblind-linux.png
new file mode 100644
index 00000000000..07ee06b3fc1
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Success-Validation-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Success-Validation-light-high-contrast-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Success-Validation-light-high-contrast-linux.png
new file mode 100644
index 00000000000..0af4d6665c6
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Success-Validation-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Success-Validation-light-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Success-Validation-light-linux.png
new file mode 100644
index 00000000000..be194c8e499
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Success-Validation-light-linux.png differ
diff --git a/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Success-Validation-light-tritanopia-linux.png b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Success-Validation-light-tritanopia-linux.png
new file mode 100644
index 00000000000..07ee06b3fc1
Binary files /dev/null and b/.playwright/snapshots/components/FormControl.test.ts-snapshots/FormControl-With-Success-Validation-light-tritanopia-linux.png differ
diff --git a/e2e/components/FormControl.test.ts b/e2e/components/FormControl.test.ts
new file mode 100644
index 00000000000..a0356b003ea
--- /dev/null
+++ b/e2e/components/FormControl.test.ts
@@ -0,0 +1,104 @@
+import {test, expect} from '@playwright/test'
+import {visit} from '../test-helpers/storybook'
+import {themes} from '../test-helpers/themes'
+
+const stories = [
+  {
+    title: 'Default',
+    id: 'components-formcontrol--default',
+  },
+  {
+    title: 'Custom Required',
+    id: 'components-formcontrol-features--custom-required',
+  },
+  {
+    title: 'Disabled Inputs',
+    id: 'components-formcontrol-features--disabled-inputs',
+  },
+  {
+    title: 'Form Control with Custom Input',
+    id: 'components-formcontrol-features--form-control-with-custom-input',
+  },
+  {
+    title: 'Single Input',
+    id: 'components-formcontrol-features--single-input',
+  },
+  {
+    title: 'Validation Example',
+    id: 'components-formcontrol-features--validation-example',
+  },
+  {
+    title: 'With Checkbox And Radio Inputs',
+    id: 'components-formcontrol-features--with-checkbox-and-radio-inputs',
+  },
+  {
+    title: 'With Complex Inputs',
+    id: 'components-formcontrol-features--with-complex-inputs',
+  },
+  {
+    title: 'With Leading Visual',
+    id: 'components-formcontrol-features--with-leading-visual',
+  },
+  {
+    title: 'With Select Panel',
+    id: 'components-formcontrol-features--with-select-panel',
+  },
+  {
+    title: 'With Caption',
+    id: 'components-formcontrol-features--with-caption',
+  },
+  {
+    title: 'With Caption And Disabled',
+    id: 'components-formcontrol-features--with-caption-and-disabled',
+  },
+  {
+    title: 'With Hidden Label',
+    id: 'components-formcontrol-features--with-hidden-label',
+  },
+  {
+    title: 'With Required Indicator',
+    id: 'components-formcontrol-features--with-required-indicator',
+  },
+  {
+    title: 'With Success Validation',
+    id: 'components-formcontrol-features--with-success-validation',
+  },
+  {
+    title: 'With Error Validation',
+    id: 'components-formcontrol-features--with-error-validation',
+  },
+] as const
+
+test.describe('FormControl', () => {
+  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(
+              `FormControl.${story.title}.${theme}.png`,
+            )
+          })
+
+          test('axe @aat', async ({page}) => {
+            await visit(page, {
+              id: story.id,
+              globals: {
+                colorScheme: theme,
+              },
+            })
+            await expect(page).toHaveNoViolations()
+          })
+        })
+      }
+    })
+  }
+})
diff --git a/packages/react/src/FormControl/FormControl.features.stories.tsx b/packages/react/src/FormControl/FormControl.features.stories.tsx
index 41c48c9487c..d1e7a284ef4 100644
--- a/packages/react/src/FormControl/FormControl.features.stories.tsx
+++ b/packages/react/src/FormControl/FormControl.features.stories.tsx
@@ -407,3 +407,49 @@ export const CustomRequired = () => (
     </FormControl>
   </Box>
 )
+
+export const WithCaption = () => (
+  <FormControl>
+    <FormControl.Label>Example label</FormControl.Label>
+    <TextInput />
+    <FormControl.Caption>Example caption</FormControl.Caption>
+  </FormControl>
+)
+
+export const WithCaptionAndDisabled = () => (
+  <FormControl disabled>
+    <FormControl.Label>Example label</FormControl.Label>
+    <TextInput />
+    <FormControl.Caption>Example caption</FormControl.Caption>
+  </FormControl>
+)
+
+export const WithHiddenLabel = () => (
+  <FormControl>
+    <FormControl.Label visuallyHidden>Example label</FormControl.Label>
+    <TextInput />
+  </FormControl>
+)
+
+export const WithRequiredIndicator = () => (
+  <FormControl required>
+    <FormControl.Label requiredIndicator>Example label</FormControl.Label>
+    <TextInput />
+  </FormControl>
+)
+
+export const WithSuccessValidation = () => (
+  <FormControl required>
+    <FormControl.Label requiredIndicator>Example label</FormControl.Label>
+    <TextInput defaultValue="Input value" />
+    <FormControl.Validation variant="success">Example success validation message</FormControl.Validation>
+  </FormControl>
+)
+
+export const WithErrorValidation = () => (
+  <FormControl required>
+    <FormControl.Label requiredIndicator>Example label</FormControl.Label>
+    <TextInput defaultValue="Input value" />
+    <FormControl.Validation variant="error">Example error validation message</FormControl.Validation>
+  </FormControl>
+)
diff --git a/packages/react/src/FormControl/FormControl.stories.tsx b/packages/react/src/FormControl/FormControl.stories.tsx
index a8d30f8aa16..602d581fae4 100644
--- a/packages/react/src/FormControl/FormControl.stories.tsx
+++ b/packages/react/src/FormControl/FormControl.stories.tsx
@@ -1,21 +1,10 @@
 import React, {useState} from 'react'
 import type {Meta} from '@storybook/react'
-import {BaseStyles, Box, Checkbox, FormControl, TextInput, TextInputWithTokens, ThemeProvider, theme} from '..'
+import {Box, Checkbox, FormControl, TextInput, TextInputWithTokens} from '..'
 import type {FormValidationStatus} from '../utils/types/FormValidationStatus'
 
 export default {
   title: 'Components/FormControl',
-  decorators: [
-    Story => {
-      return (
-        <ThemeProvider theme={theme}>
-          <BaseStyles>
-            <Story />
-          </BaseStyles>
-        </ThemeProvider>
-      )
-    },
-  ],
   argTypes: {
     disabled: {
       type: 'boolean',
diff --git a/packages/react/src/internal/components/InputCaption.tsx b/packages/react/src/internal/components/InputCaption.tsx
index fb414a97516..03fbb184be9 100644
--- a/packages/react/src/internal/components/InputCaption.tsx
+++ b/packages/react/src/internal/components/InputCaption.tsx
@@ -15,12 +15,9 @@ type Props = {
 
 const InputCaption: React.FC<React.PropsWithChildren<Props>> = ({children, disabled, id, sx}) => (
   <Text
-    color={disabled ? 'fg.subtle' : 'fg.muted'}
-    display="block"
-    fontSize={0}
     id={id}
     sx={{
-      color: disabled ? 'fg.subtle' : 'fg.muted',
+      color: disabled ? 'var(--control-fgColor-disabled)' : 'var(--fgColor-muted)',
       display: 'block',
       fontSize: 0,
       ...sx,