Increase the default space between form elements (#3159)

Co-authored-by: Henriette Darge <[email protected]> Co-authored-by: camertron <[email protected]>
primer · Oct 18, 2024 · 5bc179d · 5bc179d
1 parent 3cb826a
commit 5bc179d
Show file tree

Hide file tree

Showing 10 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/tricky-foxes-train.md b/.changeset/tricky-foxes-train.md
@@ -0,0 +1,5 @@
+---
+'@primer/view-components': patch
+---
+
+Increase space between form elements
diff --git a/...apshots.test.ts-snapshots/primer/alpha/check_box_group/with_caption/default.png b/...apshots.test.ts-snapshots/primer/alpha/check_box_group/with_caption/default.png
diff --git a/...apshots.test.ts-snapshots/primer/alpha/check_box_group/with_caption/focused.png b/...apshots.test.ts-snapshots/primer/alpha/check_box_group/with_caption/focused.png
diff --git a/...snapshots.test.ts-snapshots/primer/alpha/radio_button_group/default/default.png b/...snapshots.test.ts-snapshots/primer/alpha/radio_button_group/default/default.png
diff --git a/...snapshots.test.ts-snapshots/primer/alpha/radio_button_group/default/focused.png b/...snapshots.test.ts-snapshots/primer/alpha/radio_button_group/default/focused.png
diff --git a/...snapshots.test.ts-snapshots/primer/alpha/radio_button_group/invalid/default.png b/...snapshots.test.ts-snapshots/primer/alpha/radio_button_group/invalid/default.png
diff --git a/...snapshots.test.ts-snapshots/primer/alpha/radio_button_group/invalid/focused.png b/...snapshots.test.ts-snapshots/primer/alpha/radio_button_group/invalid/focused.png
diff --git a/...hots.test.ts-snapshots/primer/alpha/radio_button_group/with_caption/default.png b/...hots.test.ts-snapshots/primer/alpha/radio_button_group/with_caption/default.png
diff --git a/...hots.test.ts-snapshots/primer/alpha/radio_button_group/with_caption/focused.png b/...hots.test.ts-snapshots/primer/alpha/radio_button_group/with_caption/focused.png
diff --git a/app/components/primer/alpha/text_field.pcss b/app/components/primer/alpha/text_field.pcss
@@ -66,7 +66,7 @@
 .FormControl-spacingWrapper {
   display: flex;
   flex-direction: column;
-  row-gap: 0.5rem;
+  row-gap: var(--stack-gap-normal);
 }
 
 .FormControl-horizontalGroup {