@pagopa/io-app-design-system 1.7.1 → 1.8.0

package/lib/commonjs/components/typography/__test__/__snapshots__/typography.test.tsx.snap

@@ -32,33 +32,63 @@ exports[`Test Typography Components Body Snapshot 1`] = `
 </Text>
 `;
 
+exports[`Test Typography Components BodyMonospace Snapshot 1`] = `
+<Text
+  color="bluegrey"
+  defaultColor="bluegrey"
+  defaultWeight="Medium"
+  font="DMMono"
+  fontStyle={
+    {
+      "fontSize": 16,
+      "lineHeight": 24,
+    }
+  }
+  style={
+    [
+      {
+        "fontSize": 16,
+        "lineHeight": 24,
+      },
+      {
+        "color": "#475A6D",
+        "fontFamily": "DM Mono",
+        "fontStyle": "normal",
+        "fontWeight": "500",
+      },
+    ]
+  }
+  weight="Medium"
+>
+  Text
+</Text>
+`;
+
 exports[`Test Typography Components CTA Snapshot 1`] = `
 <Text
-  color="black"
-  defaultColor="black"
-  defaultWeight="Regular"
-  font="ReadexPro"
+  color="white"
+  defaultColor="white"
+  defaultWeight="Bold"
+  font="TitilliumWeb"
   fontStyle={
     {
       "fontSize": 16,
-      "lineHeight": 20,
     }
   }
   style={
     [
       {
         "fontSize": 16,
-        "lineHeight": 20,
       },
       {
-        "color": "#0E0F13",
-        "fontFamily": "Readex Pro",
+        "color": "#FFFFFF",
+        "fontFamily": "Titillium Web",
         "fontStyle": "normal",
-        "fontWeight": "400",
+        "fontWeight": "700",
       },
     ]
   }
-  weight="Regular"
+  weight="Bold"
 >
   Text
 </Text>
@@ -66,24 +96,24 @@ exports[`Test Typography Components CTA Snapshot 1`] = `
 
 exports[`Test Typography Components H1 Snapshot 1`] = `
 <Text
-  color="bluegreyDark"
-  defaultColor="bluegreyDark"
+  color="black"
+  defaultColor="black"
   defaultWeight="Bold"
   font="TitilliumWeb"
   fontStyle={
     {
-      "fontSize": 26,
-      "lineHeight": 32,
+      "fontSize": 28,
+      "lineHeight": 42,
     }
   }
   style={
     [
       {
-        "fontSize": 26,
-        "lineHeight": 32,
+        "fontSize": 28,
+        "lineHeight": 42,
       },
       {
-        "color": "#17324D",
+        "color": "#0E0F13",
         "fontFamily": "Titillium Web",
         "fontStyle": "normal",
         "fontWeight": "700",
@@ -99,20 +129,20 @@ exports[`Test Typography Components H1 Snapshot 1`] = `
 exports[`Test Typography Components H1 Snapshot 2`] = `
 <Text
   color="white"
-  defaultColor="bluegreyDark"
+  defaultColor="black"
   defaultWeight="Bold"
   font="TitilliumWeb"
   fontStyle={
     {
-      "fontSize": 26,
-      "lineHeight": 32,
+      "fontSize": 28,
+      "lineHeight": 42,
     }
   }
   style={
     [
       {
-        "fontSize": 26,
-        "lineHeight": 32,
+        "fontSize": 28,
+        "lineHeight": 42,
       },
       {
         "color": "#FFFFFF",
@@ -130,24 +160,24 @@ exports[`Test Typography Components H1 Snapshot 2`] = `
 
 exports[`Test Typography Components H2 Snapshot 1`] = `
 <Text
-  color="bluegreyDark"
-  defaultColor="bluegreyDark"
+  color="black"
+  defaultColor="black"
   defaultWeight="Bold"
   font="TitilliumWeb"
   fontStyle={
     {
-      "fontSize": 20,
-      "lineHeight": 24,
+      "fontSize": 26,
+      "lineHeight": 39,
     }
   }
   style={
     [
       {
-        "fontSize": 20,
-        "lineHeight": 24,
+        "fontSize": 26,
+        "lineHeight": 39,
       },
       {
-        "color": "#17324D",
+        "color": "#0E0F13",
         "fontFamily": "Titillium Web",
         "fontStyle": "normal",
         "fontWeight": "700",
@@ -162,10 +192,10 @@ exports[`Test Typography Components H2 Snapshot 1`] = `
 
 exports[`Test Typography Components H3 Snapshot 1`] = `
 <Text
-  color="black"
-  defaultColor="black"
-  defaultWeight="Regular"
-  font="ReadexPro"
+  color="bluegreyDark"
+  defaultColor="bluegreyDark"
+  defaultWeight="Bold"
+  font="TitilliumWeb"
   fontStyle={
     {
       "fontSize": 22,
@@ -179,14 +209,14 @@ exports[`Test Typography Components H3 Snapshot 1`] = `
         "lineHeight": 33,
       },
       {
-        "color": "#0E0F13",
-        "fontFamily": "Readex Pro",
+        "color": "#17324D",
+        "fontFamily": "Titillium Web",
         "fontStyle": "normal",
-        "fontWeight": "400",
+        "fontWeight": "700",
       },
     ]
   }
-  weight="Regular"
+  weight="Bold"
 >
   Text
 </Text>
@@ -195,9 +225,9 @@ exports[`Test Typography Components H3 Snapshot 1`] = `
 exports[`Test Typography Components H3 Snapshot 2`] = `
 <Text
   color="bluegreyLight"
-  defaultColor="black"
-  defaultWeight="Regular"
-  font="ReadexPro"
+  defaultColor="bluegreyDark"
+  defaultWeight="Bold"
+  font="TitilliumWeb"
   fontStyle={
     {
       "fontSize": 22,
@@ -212,13 +242,13 @@ exports[`Test Typography Components H3 Snapshot 2`] = `
       },
       {
         "color": "#CCD4DC",
-        "fontFamily": "Readex Pro",
+        "fontFamily": "Titillium Web",
         "fontStyle": "normal",
-        "fontWeight": "400",
+        "fontWeight": "700",
       },
     ]
   }
-  weight="Regular"
+  weight="Bold"
 >
   Text
 </Text>
@@ -227,9 +257,9 @@ exports[`Test Typography Components H3 Snapshot 2`] = `
 exports[`Test Typography Components H3 Snapshot 3`] = `
 <Text
   color="white"
-  defaultColor="black"
-  defaultWeight="Regular"
-  font="ReadexPro"
+  defaultColor="bluegreyDark"
+  defaultWeight="Bold"
+  font="TitilliumWeb"
   fontStyle={
     {
       "fontSize": 22,
@@ -244,13 +274,13 @@ exports[`Test Typography Components H3 Snapshot 3`] = `
       },
       {
         "color": "#FFFFFF",
-        "fontFamily": "Readex Pro",
+        "fontFamily": "Titillium Web",
         "fontStyle": "normal",
-        "fontWeight": "400",
+        "fontWeight": "700",
       },
     ]
   }
-  weight="Regular"
+  weight="Bold"
 >
   Text
 </Text>
@@ -259,9 +289,9 @@ exports[`Test Typography Components H3 Snapshot 3`] = `
 exports[`Test Typography Components H3 Snapshot 4`] = `
 <Text
   color="white"
-  defaultColor="black"
-  defaultWeight="Regular"
-  font="ReadexPro"
+  defaultColor="bluegreyDark"
+  defaultWeight="Bold"
+  font="TitilliumWeb"
   fontStyle={
     {
       "fontSize": 22,
@@ -276,7 +306,7 @@ exports[`Test Typography Components H3 Snapshot 4`] = `
       },
       {
         "color": "#FFFFFF",
-        "fontFamily": "Readex Pro",
+        "fontFamily": "Titillium Web",
         "fontStyle": "normal",
         "fontWeight": "700",
       },
@@ -290,10 +320,10 @@ exports[`Test Typography Components H3 Snapshot 4`] = `
 
 exports[`Test Typography Components H3 Snapshot 5`] = `
 <Text
-  color="black"
-  defaultColor="black"
-  defaultWeight="Regular"
-  font="ReadexPro"
+  color="bluegreyDark"
+  defaultColor="bluegreyDark"
+  defaultWeight="Bold"
+  font="TitilliumWeb"
   fontStyle={
     {
       "fontSize": 22,
@@ -307,8 +337,8 @@ exports[`Test Typography Components H3 Snapshot 5`] = `
         "lineHeight": 33,
       },
       {
-        "color": "#0E0F13",
-        "fontFamily": "Readex Pro",
+        "color": "#17324D",
+        "fontFamily": "Titillium Web",
         "fontStyle": "normal",
         "fontWeight": "700",
       },
@@ -322,31 +352,31 @@ exports[`Test Typography Components H3 Snapshot 5`] = `
 
 exports[`Test Typography Components H4 Snapshot 1`] = `
 <Text
-  color="black"
-  defaultColor="black"
-  defaultWeight="Regular"
-  font="ReadexPro"
+  color="bluegreyDark"
+  defaultColor="bluegreyDark"
+  defaultWeight="SemiBold"
+  font="TitilliumWeb"
   fontStyle={
     {
       "fontSize": 20,
-      "lineHeight": 24,
+      "lineHeight": 30,
     }
   }
   style={
     [
       {
         "fontSize": 20,
-        "lineHeight": 24,
+        "lineHeight": 30,
       },
       {
-        "color": "#0E0F13",
-        "fontFamily": "Readex Pro",
+        "color": "#17324D",
+        "fontFamily": "Titillium Web",
         "fontStyle": "normal",
-        "fontWeight": "400",
+        "fontWeight": "600",
       },
     ]
   }
-  weight="Regular"
+  weight="SemiBold"
 >
   Text
 </Text>
@@ -355,30 +385,30 @@ exports[`Test Typography Components H4 Snapshot 1`] = `
 exports[`Test Typography Components H4 Snapshot 2`] = `
 <Text
   color="blue"
-  defaultColor="black"
-  defaultWeight="Regular"
-  font="ReadexPro"
+  defaultColor="bluegreyDark"
+  defaultWeight="SemiBold"
+  font="TitilliumWeb"
   fontStyle={
     {
       "fontSize": 20,
-      "lineHeight": 24,
+      "lineHeight": 30,
     }
   }
   style={
     [
       {
         "fontSize": 20,
-        "lineHeight": 24,
+        "lineHeight": 30,
       },
       {
         "color": "#0073E6",
-        "fontFamily": "Readex Pro",
+        "fontFamily": "Titillium Web",
         "fontStyle": "normal",
-        "fontWeight": "400",
+        "fontWeight": "600",
       },
     ]
   }
-  weight="Regular"
+  weight="SemiBold"
 >
   Text
 </Text>
@@ -387,88 +417,24 @@ exports[`Test Typography Components H4 Snapshot 2`] = `
 exports[`Test Typography Components H4 Snapshot 3`] = `
 <Text
   color="white"
-  defaultColor="black"
-  defaultWeight="Regular"
-  font="ReadexPro"
+  defaultColor="bluegreyDark"
+  defaultWeight="SemiBold"
+  font="TitilliumWeb"
   fontStyle={
     {
       "fontSize": 20,
-      "lineHeight": 24,
+      "lineHeight": 30,
     }
   }
   style={
     [
       {
         "fontSize": 20,
-        "lineHeight": 24,
+        "lineHeight": 30,
       },
       {
         "color": "#FFFFFF",
-        "fontFamily": "Readex Pro",
-        "fontStyle": "normal",
-        "fontWeight": "400",
-      },
-    ]
-  }
-  weight="Regular"
->
-  Text
-</Text>
-`;
-
-exports[`Test Typography Components H4 Snapshot 4`] = `
-<Text
-  color="white"
-  defaultColor="black"
-  defaultWeight="Regular"
-  font="ReadexPro"
-  fontStyle={
-    {
-      "fontSize": 20,
-      "lineHeight": 24,
-    }
-  }
-  style={
-    [
-      {
-        "fontSize": 20,
-        "lineHeight": 24,
-      },
-      {
-        "color": "#FFFFFF",
-        "fontFamily": "Readex Pro",
-        "fontStyle": "normal",
-        "fontWeight": "600",
-      },
-    ]
-  }
-  weight="SemiBold"
->
-  Text
-</Text>
-`;
-
-exports[`Test Typography Components H4 Snapshot 5`] = `
-<Text
-  color="black"
-  defaultColor="black"
-  defaultWeight="Regular"
-  font="ReadexPro"
-  fontStyle={
-    {
-      "fontSize": 20,
-      "lineHeight": 24,
-    }
-  }
-  style={
-    [
-      {
-        "fontSize": 20,
-        "lineHeight": 24,
-      },
-      {
-        "color": "#0E0F13",
-        "fontFamily": "Readex Pro",
+        "fontFamily": "Titillium Web",
         "fontStyle": "normal",
         "fontWeight": "600",
       },
@@ -480,27 +446,27 @@ exports[`Test Typography Components H4 Snapshot 5`] = `
 </Text>
 `;
 
-exports[`Test Typography Components H4 Snapshot 6`] = `
+exports[`Test Typography Components H4 Snapshot 4`] = `
 <Text
-  color="black"
-  defaultColor="black"
-  defaultWeight="Regular"
-  font="ReadexPro"
+  color="bluegreyDark"
+  defaultColor="bluegreyDark"
+  defaultWeight="SemiBold"
+  font="TitilliumWeb"
   fontStyle={
     {
       "fontSize": 20,
-      "lineHeight": 24,
+      "lineHeight": 30,
     }
   }
   style={
     [
       {
         "fontSize": 20,
-        "lineHeight": 24,
+        "lineHeight": 30,
       },
       {
-        "color": "#0E0F13",
-        "fontFamily": "Readex Pro",
+        "color": "#17324D",
+        "fontFamily": "Titillium Web",
         "fontStyle": "normal",
         "fontWeight": "400",
       },
@@ -512,27 +478,27 @@ exports[`Test Typography Components H4 Snapshot 6`] = `
 </Text>
 `;
 
-exports[`Test Typography Components H4 Snapshot 7`] = `
+exports[`Test Typography Components H4 Snapshot 5`] = `
 <Text
   color="bluegrey"
-  defaultColor="black"
-  defaultWeight="Regular"
-  font="ReadexPro"
+  defaultColor="bluegreyDark"
+  defaultWeight="SemiBold"
+  font="TitilliumWeb"
   fontStyle={
     {
       "fontSize": 20,
-      "lineHeight": 24,
+      "lineHeight": 30,
     }
   }
   style={
     [
       {
         "fontSize": 20,
-        "lineHeight": 24,
+        "lineHeight": 30,
       },
       {
         "color": "#475A6D",
-        "fontFamily": "Readex Pro",
+        "fontFamily": "Titillium Web",
         "fontStyle": "normal",
         "fontWeight": "400",
       },
@@ -544,27 +510,27 @@ exports[`Test Typography Components H4 Snapshot 7`] = `
 </Text>
 `;
 
-exports[`Test Typography Components H4 Snapshot 8`] = `
+exports[`Test Typography Components H4 Snapshot 6`] = `
 <Text
   color="bluegreyLight"
-  defaultColor="black"
-  defaultWeight="Regular"
-  font="ReadexPro"
+  defaultColor="bluegreyDark"
+  defaultWeight="SemiBold"
+  font="TitilliumWeb"
   fontStyle={
     {
       "fontSize": 20,
-      "lineHeight": 24,
+      "lineHeight": 30,
     }
   }
   style={
     [
       {
         "fontSize": 20,
-        "lineHeight": 24,
+        "lineHeight": 30,
       },
       {
         "color": "#CCD4DC",
-        "fontFamily": "Readex Pro",
+        "fontFamily": "Titillium Web",
         "fontStyle": "normal",
         "fontWeight": "400",
       },
@@ -576,27 +542,27 @@ exports[`Test Typography Components H4 Snapshot 8`] = `
 </Text>
 `;
 
-exports[`Test Typography Components H4 Snapshot 9`] = `
+exports[`Test Typography Components H4 Snapshot 7`] = `
 <Text
   color="white"
-  defaultColor="black"
-  defaultWeight="Regular"
-  font="ReadexPro"
+  defaultColor="bluegreyDark"
+  defaultWeight="SemiBold"
+  font="TitilliumWeb"
   fontStyle={
     {
       "fontSize": 20,
-      "lineHeight": 24,
+      "lineHeight": 30,
     }
   }
   style={
     [
       {
         "fontSize": 20,
-        "lineHeight": 24,
+        "lineHeight": 30,
       },
       {
         "color": "#FFFFFF",
-        "fontFamily": "Readex Pro",
+        "fontFamily": "Titillium Web",
         "fontStyle": "normal",
         "fontWeight": "400",
       },
@@ -610,22 +576,28 @@ exports[`Test Typography Components H4 Snapshot 9`] = `
 
 exports[`Test Typography Components H5 Snapshot 1`] = `
 <Text
-  color="bluegreyDark"
-  defaultColor="bluegreyDark"
+  color="black"
+  defaultColor="black"
   defaultWeight="SemiBold"
   font="TitilliumWeb"
   fontStyle={
     {
       "fontSize": 14,
+      "letterSpacing": 0.5,
+      "lineHeight": 16,
+      "textTransform": "uppercase",
     }
   }
   style={
     [
       {
         "fontSize": 14,
+        "letterSpacing": 0.5,
+        "lineHeight": 16,
+        "textTransform": "uppercase",
       },
       {
-        "color": "#17324D",
+        "color": "#0E0F13",
         "fontFamily": "Titillium Web",
         "fontStyle": "normal",
         "fontWeight": "600",
@@ -641,18 +613,24 @@ exports[`Test Typography Components H5 Snapshot 1`] = `
 exports[`Test Typography Components H5 Snapshot 2`] = `
 <Text
   color="bluegrey"
-  defaultColor="bluegreyDark"
+  defaultColor="black"
   defaultWeight="SemiBold"
   font="TitilliumWeb"
   fontStyle={
     {
       "fontSize": 14,
+      "letterSpacing": 0.5,
+      "lineHeight": 16,
+      "textTransform": "uppercase",
     }
   }
   style={
     [
       {
         "fontSize": 14,
+        "letterSpacing": 0.5,
+        "lineHeight": 16,
+        "textTransform": "uppercase",
       },
       {
         "color": "#475A6D",
@@ -671,18 +649,24 @@ exports[`Test Typography Components H5 Snapshot 2`] = `
 exports[`Test Typography Components H5 Snapshot 3`] = `
 <Text
   color="blue"
-  defaultColor="bluegreyDark"
+  defaultColor="black"
   defaultWeight="SemiBold"
   font="TitilliumWeb"
   fontStyle={
     {
       "fontSize": 14,
+      "letterSpacing": 0.5,
+      "lineHeight": 16,
+      "textTransform": "uppercase",
     }
   }
   style={
     [
       {
         "fontSize": 14,
+        "letterSpacing": 0.5,
+        "lineHeight": 16,
+        "textTransform": "uppercase",
       },
       {
         "color": "#0073E6",
@@ -701,18 +685,24 @@ exports[`Test Typography Components H5 Snapshot 3`] = `
 exports[`Test Typography Components H5 Snapshot 4`] = `
 <Text
   color="white"
-  defaultColor="bluegreyDark"
+  defaultColor="black"
   defaultWeight="SemiBold"
   font="TitilliumWeb"
   fontStyle={
     {
       "fontSize": 14,
+      "letterSpacing": 0.5,
+      "lineHeight": 16,
+      "textTransform": "uppercase",
     }
   }
   style={
     [
       {
         "fontSize": 14,
+        "letterSpacing": 0.5,
+        "lineHeight": 16,
+        "textTransform": "uppercase",
       },
       {
         "color": "#FFFFFF",
@@ -728,123 +718,33 @@ exports[`Test Typography Components H5 Snapshot 4`] = `
 </Text>
 `;
 
-exports[`Test Typography Components H5 Snapshot 5`] = `
-<Text
-  color="bluegreyDark"
-  defaultColor="bluegreyDark"
-  defaultWeight="SemiBold"
-  font="TitilliumWeb"
-  fontStyle={
-    {
-      "fontSize": 14,
-    }
-  }
-  style={
-    [
-      {
-        "fontSize": 14,
-      },
-      {
-        "color": "#17324D",
-        "fontFamily": "Titillium Web",
-        "fontStyle": "normal",
-        "fontWeight": "400",
-      },
-    ]
-  }
-  weight="Regular"
->
-  Text
-</Text>
-`;
-
-exports[`Test Typography Components H5 Snapshot 6`] = `
-<Text
-  color="bluegrey"
-  defaultColor="bluegreyDark"
-  defaultWeight="SemiBold"
-  font="TitilliumWeb"
-  fontStyle={
-    {
-      "fontSize": 14,
-    }
-  }
-  style={
-    [
-      {
-        "fontSize": 14,
-      },
-      {
-        "color": "#475A6D",
-        "fontFamily": "Titillium Web",
-        "fontStyle": "normal",
-        "fontWeight": "400",
-      },
-    ]
-  }
-  weight="Regular"
->
-  Text
-</Text>
-`;
-
-exports[`Test Typography Components H5 Snapshot 7`] = `
-<Text
-  color="blue"
-  defaultColor="bluegreyDark"
-  defaultWeight="SemiBold"
-  font="TitilliumWeb"
-  fontStyle={
-    {
-      "fontSize": 14,
-    }
-  }
-  style={
-    [
-      {
-        "fontSize": 14,
-      },
-      {
-        "color": "#0073E6",
-        "fontFamily": "Titillium Web",
-        "fontStyle": "normal",
-        "fontWeight": "400",
-      },
-    ]
-  }
-  weight="Regular"
->
-  Text
-</Text>
-`;
-
 exports[`Test Typography Components H6 Snapshot 1`] = `
 <Text
   color="black"
   defaultColor="black"
-  defaultWeight="Regular"
-  font="ReadexPro"
+  defaultWeight="SemiBold"
+  font="TitilliumWeb"
   fontStyle={
     {
       "fontSize": 16,
-      "lineHeight": 20,
+      "lineHeight": 24,
     }
   }
   style={
     [
       {
         "fontSize": 16,
-        "lineHeight": 20,
+        "lineHeight": 24,
       },
       {
         "color": "#0E0F13",
-        "fontFamily": "Readex Pro",
+        "fontFamily": "Titillium Web",
         "fontStyle": "normal",
-        "fontWeight": "400",
+        "fontWeight": "600",
       },
     ]
   }
-  weight="Regular"
+  weight="SemiBold"
 >
   Text
 </Text>
@@ -852,22 +752,24 @@ exports[`Test Typography Components H6 Snapshot 1`] = `
 
 exports[`Test Typography Components Label Snapshot 1`] = `
 <Text
-  color="blue"
-  defaultColor="blue"
+  color="black"
+  defaultColor="black"
   defaultWeight="Bold"
   font="TitilliumWeb"
   fontStyle={
     {
       "fontSize": 16,
+      "lineHeight": 24,
     }
   }
   style={
     [
       {
         "fontSize": 16,
+        "lineHeight": 24,
       },
       {
-        "color": "#0073E6",
+        "color": "#0E0F13",
         "fontFamily": "Titillium Web",
         "fontStyle": "normal",
         "fontWeight": "700",
@@ -882,82 +784,24 @@ exports[`Test Typography Components Label Snapshot 1`] = `
 
 exports[`Test Typography Components Label Snapshot 2`] = `
 <Text
-  color="blue"
-  defaultColor="blue"
-  defaultWeight="Bold"
-  font="TitilliumWeb"
-  fontStyle={
-    {
-      "fontSize": 16,
-    }
-  }
-  style={
-    [
-      {
-        "fontSize": 16,
-      },
-      {
-        "color": "#0073E6",
-        "fontFamily": "Titillium Web",
-        "fontStyle": "normal",
-        "fontWeight": "700",
-      },
-    ]
-  }
-  weight="Bold"
->
-  Text
-</Text>
-`;
-
-exports[`Test Typography Components Label Snapshot 3`] = `
-<Text
-  color="bluegrey"
-  defaultColor="blue"
-  defaultWeight="Bold"
-  font="TitilliumWeb"
-  fontStyle={
-    {
-      "fontSize": 16,
-    }
-  }
-  style={
-    [
-      {
-        "fontSize": 16,
-      },
-      {
-        "color": "#475A6D",
-        "fontFamily": "Titillium Web",
-        "fontStyle": "normal",
-        "fontWeight": "700",
-      },
-    ]
-  }
-  weight="Bold"
->
-  Text
-</Text>
-`;
-
-exports[`Test Typography Components Label Snapshot 4`] = `
-<Text
-  color="white"
-  defaultColor="blue"
+  color="black"
+  defaultColor="black"
   defaultWeight="Bold"
   font="TitilliumWeb"
   fontStyle={
     {
       "fontSize": 16,
+      "lineHeight": 24,
     }
   }
   style={
     [
       {
         "fontSize": 16,
+        "lineHeight": 24,
       },
       {
-        "color": "#FFFFFF",
+        "color": "#0E0F13",
         "fontFamily": "Titillium Web",
         "fontStyle": "normal",
         "fontWeight": "700",
@@ -1124,11 +968,12 @@ exports[`Test Typography Components Link Snapshot 1`] = `
 <Text
   color="blueIO-500"
   defaultColor="blueIO-500"
-  defaultWeight="Bold"
+  defaultWeight="SemiBold"
   font="TitilliumWeb"
   fontStyle={
     {
       "fontSize": 16,
+      "lineHeight": 24,
       "textDecorationLine": "underline",
     }
   }
@@ -1136,47 +981,18 @@ exports[`Test Typography Components Link Snapshot 1`] = `
     [
       {
         "fontSize": 16,
+        "lineHeight": 24,
         "textDecorationLine": "underline",
       },
       {
         "color": "#0B3EE3",
         "fontFamily": "Titillium Web",
         "fontStyle": "normal",
-        "fontWeight": "700",
-      },
-    ]
-  }
-  weight="Bold"
->
-  Text
-</Text>
-`;
-
-exports[`Test Typography Components Monospace Snapshot 1`] = `
-<Text
-  color="bluegrey"
-  defaultColor="bluegrey"
-  defaultWeight="Regular"
-  font="RobotoMono"
-  fontStyle={
-    {
-      "fontSize": 16,
-    }
-  }
-  style={
-    [
-      {
-        "fontSize": 16,
-      },
-      {
-        "color": "#475A6D",
-        "fontFamily": "Roboto Mono",
-        "fontStyle": "normal",
-        "fontWeight": "400",
+        "fontWeight": "600",
       },
     ]
   }
-  weight="Regular"
+  weight="SemiBold"
 >
   Text
 </Text>