@carbon/type 10.14.0 → 10.16.0

package/umd/index.js

@@ -250,132 +250,133 @@
   var caption01 = {
     fontSize: layout.rem(scale[0]),
     fontWeight: fontWeights.regular,
-    lineHeight: layout.rem(16),
+    lineHeight: 1.34,
     letterSpacing: layout.px(0.32)
   };
   var label01 = {
     fontSize: layout.rem(scale[0]),
     fontWeight: fontWeights.regular,
-    lineHeight: layout.rem(16),
+    lineHeight: 1.34,
     letterSpacing: layout.px(0.32)
   };
   var helperText01 = {
     fontSize: layout.rem(scale[0]),
-    lineHeight: layout.rem(16),
+    lineHeight: 1.34,
     letterSpacing: layout.px(0.32)
   };
   var bodyShort01 = {
     fontSize: layout.rem(scale[1]),
     fontWeight: fontWeights.regular,
-    lineHeight: layout.rem(18),
+    lineHeight: 1.29,
     letterSpacing: layout.px(0.16)
   };
   var bodyLong01 = {
     fontSize: layout.rem(scale[1]),
     fontWeight: fontWeights.regular,
-    lineHeight: layout.rem(20),
+    lineHeight: 1.43,
     letterSpacing: layout.px(0.16)
   };
   var bodyShort02 = {
     fontSize: layout.rem(scale[2]),
     fontWeight: fontWeights.regular,
-    lineHeight: layout.rem(22),
+    lineHeight: 1.375,
     letterSpacing: 0
   };
   var bodyLong02 = {
     fontSize: layout.rem(scale[2]),
     fontWeight: fontWeights.regular,
-    lineHeight: layout.rem(24),
+    lineHeight: 1.5,
     letterSpacing: 0
   };
   var code01 = {
     fontFamily: fontFamilies.mono,
     fontSize: layout.rem(scale[0]),
     fontWeight: fontWeights.regular,
-    lineHeight: layout.rem(16),
+    lineHeight: 1.34,
     letterSpacing: layout.px(0.32)
   };
   var code02 = {
     fontFamily: fontFamilies.mono,
     fontSize: layout.rem(scale[1]),
     fontWeight: fontWeights.regular,
-    lineHeight: layout.rem(20),
+    lineHeight: 1.43,
     letterSpacing: layout.px(0.32)
   };
   var heading01 = {
     fontSize: layout.rem(scale[1]),
     fontWeight: fontWeights.semibold,
-    lineHeight: layout.rem(18),
+    lineHeight: 1.29,
     letterSpacing: layout.px(0.16)
   };
   var productiveHeading01 = heading01;
   var heading02 = {
     fontSize: layout.rem(scale[2]),
     fontWeight: fontWeights.semibold,
-    lineHeight: layout.rem(22),
+    lineHeight: 1.375,
     letterSpacing: 0
   };
   var productiveHeading02 = heading02;
   var productiveHeading03 = {
     fontSize: layout.rem(scale[4]),
     fontWeight: fontWeights.regular,
-    lineHeight: layout.rem(28),
+    lineHeight: 1.4,
     letterSpacing: 0
   };
   var productiveHeading04 = {
     fontSize: layout.rem(scale[6]),
     fontWeight: fontWeights.regular,
-    lineHeight: layout.rem(36),
+    lineHeight: 1.29,
     letterSpacing: 0
   };
   var productiveHeading05 = {
     fontSize: layout.rem(scale[7]),
     fontWeight: fontWeights.regular,
-    lineHeight: layout.rem(40),
+    lineHeight: 1.25,
     letterSpacing: 0
   };
   var productiveHeading06 = {
     fontSize: layout.rem(scale[9]),
     fontWeight: fontWeights.light,
-    lineHeight: layout.rem(50),
+    lineHeight: 1.199,
     letterSpacing: 0
   };
   var productiveHeading07 = {
     fontSize: layout.rem(scale[11]),
     fontWeight: fontWeights.light,
-    lineHeight: layout.rem(64),
+    lineHeight: 1.19,
     letterSpacing: 0
   };
   var expressiveHeading01 = _objectSpread2(_objectSpread2({}, heading01), {}, {
-    lineHeight: layout.rem(20)
+    lineHeight: 1.25
   });
   var expressiveHeading02 = _objectSpread2(_objectSpread2({}, heading02), {}, {
-    lineHeight: layout.rem(24)
+    lineHeight: 1.5
   });
   var expressiveHeading03 = {
     fontSize: layout.rem(scale[4]),
     fontWeight: fontWeights.regular,
-    lineHeight: '140%',
+    lineHeight: 1.4,
     letterSpacing: 0,
     breakpoints: {
       xlg: {
         fontSize: layout.rem(scale[4]),
-        lineHeight: '125%'
+        lineHeight: 1.25
       },
       max: {
-        fontSize: layout.rem(scale[5])
+        fontSize: layout.rem(scale[5]),
+        lineHeight: 1.334
       }
     }
   };
   var expressiveHeading04 = {
     fontSize: layout.rem(scale[6]),
     fontWeight: fontWeights.regular,
-    lineHeight: '129%',
+    lineHeight: 1.29,
     letterSpacing: 0,
     breakpoints: {
       xlg: {
         fontSize: layout.rem(scale[6]),
-        lineHeight: '125%'
+        lineHeight: 1.25
       },
       max: {
         fontSize: layout.rem(scale[7])
@@ -385,31 +386,30 @@
   var expressiveHeading05 = {
     fontSize: layout.rem(scale[7]),
     fontWeight: fontWeights.regular,
-    lineHeight: '125%',
+    lineHeight: 1.25,
     letterSpacing: 0,
     breakpoints: {
       md: {
         fontSize: layout.rem(scale[8]),
         fontWeight: fontWeights.light,
-        lineHeight: '122%',
+        lineHeight: 1.22,
         letterSpacing: 0
       },
       lg: {
         fontSize: layout.rem(scale[9]),
         fontWeight: fontWeights.light,
-        lineHeight: '119%',
+        lineHeight: 1.19,
         letterSpacing: 0
       },
       xlg: {
         fontSize: layout.rem(scale[10]),
         fontWeight: fontWeights.light,
-        lineHeight: '117%',
+        lineHeight: 1.17,
         letterSpacing: 0
       },
       max: {
         fontSize: layout.rem(scale[12]),
         fontWeight: fontWeights.light,
-        lineHeight: layout.rem(70),
         letterSpacing: 0
       }
     }
@@ -417,31 +417,30 @@
   var expressiveHeading06 = {
     fontSize: layout.rem(scale[7]),
     fontWeight: fontWeights.semibold,
-    lineHeight: '125%',
+    lineHeight: 1.25,
     letterSpacing: 0,
     breakpoints: {
       md: {
         fontSize: layout.rem(scale[8]),
         fontWeight: fontWeights.semibold,
-        lineHeight: '122%',
+        lineHeight: 1.22,
         letterSpacing: 0
       },
       lg: {
         fontSize: layout.rem(scale[9]),
         fontWeight: fontWeights.semibold,
-        lineHeight: '119%',
+        lineHeight: 1.19,
         letterSpacing: 0
       },
       xlg: {
         fontSize: layout.rem(scale[10]),
         fontWeight: fontWeights.semibold,
-        lineHeight: '117%',
+        lineHeight: 1.17,
         letterSpacing: 0
       },
       max: {
         fontSize: layout.rem(scale[12]),
         fontWeight: fontWeights.semibold,
-        lineHeight: layout.rem(70),
         letterSpacing: 0
       }
     }
@@ -449,21 +448,21 @@
   var expressiveParagraph01 = {
     fontSize: layout.rem(scale[5]),
     fontWeight: fontWeights.light,
-    lineHeight: '125%',
+    lineHeight: 1.334,
     letterSpacing: 0,
     lg: {
       fontSize: layout.rem(scale[6]),
-      lineHeight: '129%'
+      lineHeight: 1.29
     },
     max: {
       fontSize: layout.rem(scale[7]),
-      lineHeight: '125%'
+      lineHeight: 1.25
     }
   };
   var quotation01 = {
     fontSize: layout.rem(scale[4]),
     fontWeight: fontWeights.regular,
-    lineHeight: '130%',
+    lineHeight: 1.3,
     letterSpacing: 0,
     breakpoints: {
       md: {
@@ -474,19 +473,19 @@
       lg: {
         fontSize: layout.rem(scale[5]),
         fontWeight: fontWeights.regular,
-        lineHeight: '125%',
+        lineHeight: 1.334,
         letterSpacing: 0
       },
       xlg: {
         fontSize: layout.rem(scale[6]),
         fontWeight: fontWeights.regular,
-        lineHeight: '129%',
+        lineHeight: 1.29,
         letterSpacing: 0
       },
       max: {
         fontSize: layout.rem(scale[7]),
         fontWeight: fontWeights.regular,
-        lineHeight: '125%',
+        lineHeight: 1.25,
         letterSpacing: 0
       }
     }
@@ -494,20 +493,20 @@
   var quotation02 = {
     fontSize: layout.rem(scale[7]),
     fontWeight: fontWeights.light,
-    lineHeight: '125%',
+    lineHeight: 1.25,
     letterSpacing: 0,
     breakpoints: {
       md: {
         fontSize: layout.rem(scale[8]),
-        lineHeight: '122%'
+        lineHeight: 1.22
       },
       lg: {
         fontSize: layout.rem(scale[9]),
-        lineHeight: '119%'
+        lineHeight: 1.19
       },
       xlg: {
         fontSize: layout.rem(scale[10]),
-        lineHeight: '117%'
+        lineHeight: 1.17
       },
       max: {
         fontSize: layout.rem(scale[12])
@@ -517,7 +516,7 @@
   var display01 = {
     fontSize: layout.rem(scale[9]),
     fontWeight: fontWeights.light,
-    lineHeight: '119%',
+    lineHeight: 1.19,
     letterSpacing: 0,
     breakpoints: {
       md: {
@@ -528,18 +527,18 @@
       },
       xlg: {
         fontSize: layout.rem(scale[12]),
-        lineHeight: '117%'
+        lineHeight: 1.17
       },
       max: {
         fontSize: layout.rem(scale[14]),
-        lineHeight: '113%'
+        lineHeight: 1.13
       }
     }
   };
   var display02 = {
     fontSize: layout.rem(scale[9]),
     fontWeight: fontWeights.semibold,
-    lineHeight: '119%',
+    lineHeight: 1.19,
     letterSpacing: 0,
     breakpoints: {
       md: {
@@ -550,36 +549,36 @@
       },
       xlg: {
         fontSize: layout.rem(scale[12]),
-        lineHeight: '116%'
+        lineHeight: 1.16
       },
       max: {
         fontSize: layout.rem(scale[14]),
-        lineHeight: '113%'
+        lineHeight: 1.13
       }
     }
   };
   var display03 = {
     fontSize: layout.rem(scale[9]),
     fontWeight: fontWeights.light,
-    lineHeight: '119%',
+    lineHeight: 1.19,
     letterSpacing: 0,
     breakpoints: {
       md: {
         fontSize: layout.rem(scale[13]),
-        lineHeight: '115%'
+        lineHeight: 1.15
       },
       lg: {
         fontSize: layout.rem(scale[16]),
-        lineHeight: '111%',
+        lineHeight: 1.11,
         letterSpacing: layout.px(-0.64)
       },
       xlg: {
         fontSize: layout.rem(scale[19]),
-        lineHeight: '107%'
+        lineHeight: 1.07
       },
       max: {
         fontSize: layout.rem(scale[22]),
-        lineHeight: '105%',
+        lineHeight: 1.05,
         letterSpacing: layout.px(-0.96)
       }
     }
@@ -587,26 +586,26 @@
   var display04 = {
     fontSize: layout.rem(scale[9]),
     fontWeight: fontWeights.semibold,
-    lineHeight: '119%',
+    lineHeight: 1.19,
     letterSpacing: 0,
     breakpoints: {
       md: {
         fontSize: layout.rem(scale[13]),
-        lineHeight: '115%'
+        lineHeight: 1.15
       },
       lg: {
         fontSize: layout.rem(scale[16]),
-        lineHeight: '111%',
+        lineHeight: 1.11,
         letterSpacing: layout.px(-0.64)
       },
       xlg: {
         fontSize: layout.rem(scale[19]),
-        lineHeight: '107%',
+        lineHeight: 1.07,
         letterSpacing: layout.px(-0.64)
       },
       max: {
         fontSize: layout.rem(scale[22]),
-        lineHeight: '105%',
+        lineHeight: 1.05,
         letterSpacing: layout.px(-0.96)
       }
     }