fix(Blankslate): update styles to center description text (#5229)

* fix(Blankslate): update styles to center description text * chore: add changeset * test(vrt): update snapshots * refactor: apply text-align to Header, Description classes --------- Co-authored-by: Josh Black <joshblack@users.noreply.github.com>
primer · Nov 5, 2024 · 33c5086 · 33c5086
1 parent d6bf8b1
commit 33c5086
Show file tree

Hide file tree

Showing 23 changed files with 6 additions and 0 deletions.
diff --git a/.changeset/odd-singers-hammer.md b/.changeset/odd-singers-hammer.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Update Blankslate description text to always be centered
diff --git a/...nents/Blankslate.test.ts-snapshots/Blankslate-Default-dark-colorblind-linux.png b/...nents/Blankslate.test.ts-snapshots/Blankslate-Default-dark-colorblind-linux.png
diff --git a/...omponents/Blankslate.test.ts-snapshots/Blankslate-Default-dark-dimmed-linux.png b/...omponents/Blankslate.test.ts-snapshots/Blankslate-Default-dark-dimmed-linux.png
diff --git a/...ts/Blankslate.test.ts-snapshots/Blankslate-Default-dark-high-contrast-linux.png b/...ts/Blankslate.test.ts-snapshots/Blankslate-Default-dark-high-contrast-linux.png
diff --git a/...shots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-linux.png b/...shots/components/Blankslate.test.ts-snapshots/Blankslate-Default-dark-linux.png
diff --git a/...nents/Blankslate.test.ts-snapshots/Blankslate-Default-dark-tritanopia-linux.png b/...nents/Blankslate.test.ts-snapshots/Blankslate-Default-dark-tritanopia-linux.png
diff --git a/...ents/Blankslate.test.ts-snapshots/Blankslate-Default-light-colorblind-linux.png b/...ents/Blankslate.test.ts-snapshots/Blankslate-Default-light-colorblind-linux.png
diff --git a/...s/Blankslate.test.ts-snapshots/Blankslate-Default-light-high-contrast-linux.png b/...s/Blankslate.test.ts-snapshots/Blankslate-Default-light-high-contrast-linux.png
diff --git a/...hots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-linux.png b/...hots/components/Blankslate.test.ts-snapshots/Blankslate-Default-light-linux.png
diff --git a/...ents/Blankslate.test.ts-snapshots/Blankslate-Default-light-tritanopia-linux.png b/...ents/Blankslate.test.ts-snapshots/Blankslate-Default-light-tritanopia-linux.png
diff --git a/.../Blankslate.test.ts-snapshots/Blankslate-Default-primer-breakpoint-sm-linux.png b/.../Blankslate.test.ts-snapshots/Blankslate-Default-primer-breakpoint-sm-linux.png
diff --git a/.../Blankslate.test.ts-snapshots/Blankslate-Default-primer-breakpoint-xs-linux.png b/.../Blankslate.test.ts-snapshots/Blankslate-Default-primer-breakpoint-xs-linux.png
diff --git a/...onents/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-colorblind-linux.png b/...onents/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-colorblind-linux.png
diff --git a/...components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-dimmed-linux.png b/...components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-dimmed-linux.png
diff --git a/...nts/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-high-contrast-linux.png b/...nts/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-high-contrast-linux.png
diff --git a/...pshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-linux.png b/...pshots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-linux.png
diff --git a/...onents/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-tritanopia-linux.png b/...onents/Blankslate.test.ts-snapshots/Blankslate-Narrow-dark-tritanopia-linux.png
diff --git a/...nents/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-colorblind-linux.png b/...nents/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-colorblind-linux.png
diff --git a/...ts/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-high-contrast-linux.png b/...ts/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-high-contrast-linux.png
diff --git a/...shots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-linux.png b/...shots/components/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-linux.png
diff --git a/...nents/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-tritanopia-linux.png b/...nents/Blankslate.test.ts-snapshots/Blankslate-Narrow-light-tritanopia-linux.png
diff --git a/...s/Blankslate.test.ts-snapshots/Blankslate-Narrow-primer-breakpoint-sm-linux.png b/...s/Blankslate.test.ts-snapshots/Blankslate-Narrow-primer-breakpoint-sm-linux.png
diff --git a/packages/react/src/Blankslate/Blankslate.module.css b/packages/react/src/Blankslate/Blankslate.module.css
@@ -31,6 +31,7 @@
 .Description {
   margin: 0;
   margin-bottom: var(--base-size-8);
+  text-align: center;
 }
 
 .Heading {