Fix bodyLarge line-height

sumup-oss · Nov 17, 2021 · b26d260 · b26d260
1 parent 53a432a
commit b26d260
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/packages/circuit-ui/components/BodyLarge/__snapshots__/BodyLarge.spec.tsx.snap b/packages/circuit-ui/components/BodyLarge/__snapshots__/BodyLarge.spec.tsx.snap
@@ -4,7 +4,7 @@ exports[`BodyLarge should render as a "error" variant 1`] = `
 .circuit-0 {
   font-weight: 400;
   font-size: 20px;
-  line-height: 20px;
+  line-height: 28px;
   color: #D23F47;
 }
 
@@ -20,7 +20,7 @@ exports[`BodyLarge should render as a "highlight" variant 1`] = `
 .circuit-0 {
   font-weight: 400;
   font-size: 20px;
-  line-height: 20px;
+  line-height: 28px;
   font-weight: 700;
 }
 
@@ -36,7 +36,7 @@ exports[`BodyLarge should render as a "quote" variant 1`] = `
 .circuit-0 {
   font-weight: 400;
   font-size: 20px;
-  line-height: 20px;
+  line-height: 28px;
   font-style: italic;
   padding-left: 12px;
   border-left: 2px solid #3063E9;
@@ -54,7 +54,7 @@ exports[`BodyLarge should render as a "subtle" variant 1`] = `
 .circuit-0 {
   font-weight: 400;
   font-size: 20px;
-  line-height: 20px;
+  line-height: 28px;
   color: #666;
 }
 
@@ -70,7 +70,7 @@ exports[`BodyLarge should render as a "success" variant 1`] = `
 .circuit-0 {
   font-weight: 400;
   font-size: 20px;
-  line-height: 20px;
+  line-height: 28px;
   color: #138849;
 }
 
@@ -86,7 +86,7 @@ exports[`BodyLarge should render with default styles 1`] = `
 .circuit-0 {
   font-weight: 400;
   font-size: 20px;
-  line-height: 20px;
+  line-height: 28px;
 }
 
 <p

diff --git a/packages/design-tokens/tests/__snapshots__/index.spec.ts.snap b/packages/design-tokens/tests/__snapshots__/index.spec.ts.snap
@@ -189,7 +189,7 @@ Object {
     },
     "bodyLarge": Object {
       "fontSize": "20px",
-      "lineHeight": "20px",
+      "lineHeight": "28px",
     },
     "headline": Object {
       "four": Object {

diff --git a/packages/design-tokens/themes/shared.ts b/packages/design-tokens/themes/shared.ts
@@ -113,7 +113,7 @@ export const typography = {
   },
   bodyLarge: {
     fontSize: '20px',
-    lineHeight: '20px',
+    lineHeight: '28px',
   },
 };