From 1776a2c860fb2a19ea05ce8101b0f605fc2b0ea3 Mon Sep 17 00:00:00 2001
From: Damiano Plebani <damiano.plebani@pagopa.it>
Date: Thu, 16 May 2024 17:59:24 +0200
Subject: [PATCH] [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
---
 src/components/typography/H4.tsx              |  2 +-
 .../__snapshots__/typography.test.tsx.snap    | 28 +++++++++----------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/components/typography/H4.tsx b/src/components/typography/H4.tsx
index 4ea611d2..6cfdee47 100644
--- 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
index e64541e8..04eccc36 100644
--- 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",