[IOAPPX-298] Fix the value of the H4 line height (#267)

## Short description This PR fixes the value of the H4 line height. ## List of changes proposed in this pull request - Update `H4` typographic style ## How to test N/A
pagopa · May 16, 2024 · 1776a2c · 1776a2c
1 parent b2a77d2
commit 1776a2c
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 15 deletions.
diff --git a/src/components/typography/H4.tsx b/src/components/typography/H4.tsx
@@ -13,7 +13,7 @@ type H4Props = ExternalTypographyProps<
 >;
 
 export const h4FontSize = 20;
-export const h4LineHeight = 30;
+export const h4LineHeight = 24;
 const font: FontFamily = "ReadexPro";
 const defaultColor: AllowedColors = "black";
 const defaultWeight: AllowedWeight = "Regular";

diff --git a/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap b/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap
@@ -371,14 +371,14 @@ exports[`Test Typography Components H4 Snapshot 1`] = `
   fontStyle={
     {
       "fontSize": 22,
-      "lineHeight": 30,
+      "lineHeight": 24,
     }
   }
   style={
     [
       {
         "fontSize": 22,
-        "lineHeight": 30,
+        "lineHeight": 24,
       },
       {
         "color": "#17324D",
@@ -404,14 +404,14 @@ exports[`Test Typography Components H4 Snapshot 2`] = `
   fontStyle={
     {
       "fontSize": 22,
-      "lineHeight": 30,
+      "lineHeight": 24,
     }
   }
   style={
     [
       {
         "fontSize": 22,
-        "lineHeight": 30,
+        "lineHeight": 24,
       },
       {
         "color": "#0073E6",
@@ -437,14 +437,14 @@ exports[`Test Typography Components H4 Snapshot 3`] = `
   fontStyle={
     {
       "fontSize": 22,
-      "lineHeight": 30,
+      "lineHeight": 24,
     }
   }
   style={
     [
       {
         "fontSize": 22,
-        "lineHeight": 30,
+        "lineHeight": 24,
       },
       {
         "color": "#FFFFFF",
@@ -470,14 +470,14 @@ exports[`Test Typography Components H4 Snapshot 4`] = `
   fontStyle={
     {
       "fontSize": 22,
-      "lineHeight": 30,
+      "lineHeight": 24,
     }
   }
   style={
     [
       {
         "fontSize": 22,
-        "lineHeight": 30,
+        "lineHeight": 24,
       },
       {
         "color": "#17324D",
@@ -503,14 +503,14 @@ exports[`Test Typography Components H4 Snapshot 5`] = `
   fontStyle={
     {
       "fontSize": 22,
-      "lineHeight": 30,
+      "lineHeight": 24,
     }
   }
   style={
     [
       {
         "fontSize": 22,
-        "lineHeight": 30,
+        "lineHeight": 24,
       },
       {
         "color": "#475A6D",
@@ -536,14 +536,14 @@ exports[`Test Typography Components H4 Snapshot 6`] = `
   fontStyle={
     {
       "fontSize": 22,
-      "lineHeight": 30,
+      "lineHeight": 24,
     }
   }
   style={
     [
       {
         "fontSize": 22,
-        "lineHeight": 30,
+        "lineHeight": 24,
       },
       {
         "color": "#CCD4DC",
@@ -569,14 +569,14 @@ exports[`Test Typography Components H4 Snapshot 7`] = `
   fontStyle={
     {
       "fontSize": 22,
-      "lineHeight": 30,
+      "lineHeight": 24,
     }
   }
   style={
     [
       {
         "fontSize": 22,
-        "lineHeight": 30,
+        "lineHeight": 24,
       },
       {
         "color": "#FFFFFF",