@carbon/type 10.14.0 → 10.16.0

package/es/index.js

@@ -246,132 +246,133 @@ function _objectWithoutProperties(source, excluded) {
 var caption01 = {
   fontSize: rem(scale[0]),
   fontWeight: fontWeights.regular,
-  lineHeight: rem(16),
+  lineHeight: 1.34,
   letterSpacing: px(0.32)
 };
 var label01 = {
   fontSize: rem(scale[0]),
   fontWeight: fontWeights.regular,
-  lineHeight: rem(16),
+  lineHeight: 1.34,
   letterSpacing: px(0.32)
 };
 var helperText01 = {
   fontSize: rem(scale[0]),
-  lineHeight: rem(16),
+  lineHeight: 1.34,
   letterSpacing: px(0.32)
 };
 var bodyShort01 = {
   fontSize: rem(scale[1]),
   fontWeight: fontWeights.regular,
-  lineHeight: rem(18),
+  lineHeight: 1.29,
   letterSpacing: px(0.16)
 };
 var bodyLong01 = {
   fontSize: rem(scale[1]),
   fontWeight: fontWeights.regular,
-  lineHeight: rem(20),
+  lineHeight: 1.43,
   letterSpacing: px(0.16)
 };
 var bodyShort02 = {
   fontSize: rem(scale[2]),
   fontWeight: fontWeights.regular,
-  lineHeight: rem(22),
+  lineHeight: 1.375,
   letterSpacing: 0
 };
 var bodyLong02 = {
   fontSize: rem(scale[2]),
   fontWeight: fontWeights.regular,
-  lineHeight: rem(24),
+  lineHeight: 1.5,
   letterSpacing: 0
 };
 var code01 = {
   fontFamily: fontFamilies.mono,
   fontSize: rem(scale[0]),
   fontWeight: fontWeights.regular,
-  lineHeight: rem(16),
+  lineHeight: 1.34,
   letterSpacing: px(0.32)
 };
 var code02 = {
   fontFamily: fontFamilies.mono,
   fontSize: rem(scale[1]),
   fontWeight: fontWeights.regular,
-  lineHeight: rem(20),
+  lineHeight: 1.43,
   letterSpacing: px(0.32)
 };
 var heading01 = {
   fontSize: rem(scale[1]),
   fontWeight: fontWeights.semibold,
-  lineHeight: rem(18),
+  lineHeight: 1.29,
   letterSpacing: px(0.16)
 };
 var productiveHeading01 = heading01;
 var heading02 = {
   fontSize: rem(scale[2]),
   fontWeight: fontWeights.semibold,
-  lineHeight: rem(22),
+  lineHeight: 1.375,
   letterSpacing: 0
 };
 var productiveHeading02 = heading02;
 var productiveHeading03 = {
   fontSize: rem(scale[4]),
   fontWeight: fontWeights.regular,
-  lineHeight: rem(28),
+  lineHeight: 1.4,
   letterSpacing: 0
 };
 var productiveHeading04 = {
   fontSize: rem(scale[6]),
   fontWeight: fontWeights.regular,
-  lineHeight: rem(36),
+  lineHeight: 1.29,
   letterSpacing: 0
 };
 var productiveHeading05 = {
   fontSize: rem(scale[7]),
   fontWeight: fontWeights.regular,
-  lineHeight: rem(40),
+  lineHeight: 1.25,
   letterSpacing: 0
 };
 var productiveHeading06 = {
   fontSize: rem(scale[9]),
   fontWeight: fontWeights.light,
-  lineHeight: rem(50),
+  lineHeight: 1.199,
   letterSpacing: 0
 };
 var productiveHeading07 = {
   fontSize: rem(scale[11]),
   fontWeight: fontWeights.light,
-  lineHeight: rem(64),
+  lineHeight: 1.19,
   letterSpacing: 0
 };
 var expressiveHeading01 = _objectSpread2(_objectSpread2({}, heading01), {}, {
-  lineHeight: rem(20)
+  lineHeight: 1.25
 });
 var expressiveHeading02 = _objectSpread2(_objectSpread2({}, heading02), {}, {
-  lineHeight: rem(24)
+  lineHeight: 1.5
 });
 var expressiveHeading03 = {
   fontSize: rem(scale[4]),
   fontWeight: fontWeights.regular,
-  lineHeight: '140%',
+  lineHeight: 1.4,
   letterSpacing: 0,
   breakpoints: {
     xlg: {
       fontSize: rem(scale[4]),
-      lineHeight: '125%'
+      lineHeight: 1.25
     },
     max: {
-      fontSize: rem(scale[5])
+      fontSize: rem(scale[5]),
+      lineHeight: 1.334
     }
   }
 };
 var expressiveHeading04 = {
   fontSize: rem(scale[6]),
   fontWeight: fontWeights.regular,
-  lineHeight: '129%',
+  lineHeight: 1.29,
   letterSpacing: 0,
   breakpoints: {
     xlg: {
       fontSize: rem(scale[6]),
-      lineHeight: '125%'
+      lineHeight: 1.25
     },
     max: {
       fontSize: rem(scale[7])
@@ -381,31 +382,30 @@ var expressiveHeading04 = {
 var expressiveHeading05 = {
   fontSize: rem(scale[7]),
   fontWeight: fontWeights.regular,
-  lineHeight: '125%',
+  lineHeight: 1.25,
   letterSpacing: 0,
   breakpoints: {
     md: {
       fontSize: rem(scale[8]),
       fontWeight: fontWeights.light,
-      lineHeight: '122%',
+      lineHeight: 1.22,
       letterSpacing: 0
     },
     lg: {
       fontSize: rem(scale[9]),
       fontWeight: fontWeights.light,
-      lineHeight: '119%',
+      lineHeight: 1.19,
       letterSpacing: 0
     },
     xlg: {
       fontSize: rem(scale[10]),
       fontWeight: fontWeights.light,
-      lineHeight: '117%',
+      lineHeight: 1.17,
       letterSpacing: 0
     },
     max: {
       fontSize: rem(scale[12]),
       fontWeight: fontWeights.light,
-      lineHeight: rem(70),
       letterSpacing: 0
     }
   }
@@ -413,31 +413,30 @@ var expressiveHeading05 = {
 var expressiveHeading06 = {
   fontSize: rem(scale[7]),
   fontWeight: fontWeights.semibold,
-  lineHeight: '125%',
+  lineHeight: 1.25,
   letterSpacing: 0,
   breakpoints: {
     md: {
       fontSize: rem(scale[8]),
       fontWeight: fontWeights.semibold,
-      lineHeight: '122%',
+      lineHeight: 1.22,
       letterSpacing: 0
     },
     lg: {
       fontSize: rem(scale[9]),
       fontWeight: fontWeights.semibold,
-      lineHeight: '119%',
+      lineHeight: 1.19,
       letterSpacing: 0
     },
     xlg: {
       fontSize: rem(scale[10]),
       fontWeight: fontWeights.semibold,
-      lineHeight: '117%',
+      lineHeight: 1.17,
       letterSpacing: 0
     },
     max: {
       fontSize: rem(scale[12]),
       fontWeight: fontWeights.semibold,
-      lineHeight: rem(70),
       letterSpacing: 0
     }
   }
@@ -445,21 +444,21 @@ var expressiveHeading06 = {
 var expressiveParagraph01 = {
   fontSize: rem(scale[5]),
   fontWeight: fontWeights.light,
-  lineHeight: '125%',
+  lineHeight: 1.334,
   letterSpacing: 0,
   lg: {
     fontSize: rem(scale[6]),
-    lineHeight: '129%'
+    lineHeight: 1.29
   },
   max: {
     fontSize: rem(scale[7]),
-    lineHeight: '125%'
+    lineHeight: 1.25
   }
 };
 var quotation01 = {
   fontSize: rem(scale[4]),
   fontWeight: fontWeights.regular,
-  lineHeight: '130%',
+  lineHeight: 1.3,
   letterSpacing: 0,
   breakpoints: {
     md: {
@@ -470,19 +469,19 @@ var quotation01 = {
     lg: {
       fontSize: rem(scale[5]),
       fontWeight: fontWeights.regular,
-      lineHeight: '125%',
+      lineHeight: 1.334,
       letterSpacing: 0
     },
     xlg: {
       fontSize: rem(scale[6]),
       fontWeight: fontWeights.regular,
-      lineHeight: '129%',
+      lineHeight: 1.29,
       letterSpacing: 0
     },
     max: {
       fontSize: rem(scale[7]),
       fontWeight: fontWeights.regular,
-      lineHeight: '125%',
+      lineHeight: 1.25,
       letterSpacing: 0
     }
   }
@@ -490,20 +489,20 @@ var quotation01 = {
 var quotation02 = {
   fontSize: rem(scale[7]),
   fontWeight: fontWeights.light,
-  lineHeight: '125%',
+  lineHeight: 1.25,
   letterSpacing: 0,
   breakpoints: {
     md: {
       fontSize: rem(scale[8]),
-      lineHeight: '122%'
+      lineHeight: 1.22
     },
     lg: {
       fontSize: rem(scale[9]),
-      lineHeight: '119%'
+      lineHeight: 1.19
     },
     xlg: {
       fontSize: rem(scale[10]),
-      lineHeight: '117%'
+      lineHeight: 1.17
     },
     max: {
       fontSize: rem(scale[12])
@@ -513,7 +512,7 @@ var quotation02 = {
 var display01 = {
   fontSize: rem(scale[9]),
   fontWeight: fontWeights.light,
-  lineHeight: '119%',
+  lineHeight: 1.19,
   letterSpacing: 0,
   breakpoints: {
     md: {
@@ -524,18 +523,18 @@ var display01 = {
     },
     xlg: {
       fontSize: rem(scale[12]),
-      lineHeight: '117%'
+      lineHeight: 1.17
     },
     max: {
       fontSize: rem(scale[14]),
-      lineHeight: '113%'
+      lineHeight: 1.13
     }
   }
 };
 var display02 = {
   fontSize: rem(scale[9]),
   fontWeight: fontWeights.semibold,
-  lineHeight: '119%',
+  lineHeight: 1.19,
   letterSpacing: 0,
   breakpoints: {
     md: {
@@ -546,36 +545,36 @@ var display02 = {
     },
     xlg: {
       fontSize: rem(scale[12]),
-      lineHeight: '116%'
+      lineHeight: 1.16
     },
     max: {
       fontSize: rem(scale[14]),
-      lineHeight: '113%'
+      lineHeight: 1.13
     }
   }
 };
 var display03 = {
   fontSize: rem(scale[9]),
   fontWeight: fontWeights.light,
-  lineHeight: '119%',
+  lineHeight: 1.19,
   letterSpacing: 0,
   breakpoints: {
     md: {
       fontSize: rem(scale[13]),
-      lineHeight: '115%'
+      lineHeight: 1.15
     },
     lg: {
       fontSize: rem(scale[16]),
-      lineHeight: '111%',
+      lineHeight: 1.11,
       letterSpacing: px(-0.64)
     },
     xlg: {
       fontSize: rem(scale[19]),
-      lineHeight: '107%'
+      lineHeight: 1.07
     },
     max: {
       fontSize: rem(scale[22]),
-      lineHeight: '105%',
+      lineHeight: 1.05,
       letterSpacing: px(-0.96)
     }
   }
@@ -583,26 +582,26 @@ var display03 = {
 var display04 = {
   fontSize: rem(scale[9]),
   fontWeight: fontWeights.semibold,
-  lineHeight: '119%',
+  lineHeight: 1.19,
   letterSpacing: 0,
   breakpoints: {
     md: {
       fontSize: rem(scale[13]),
-      lineHeight: '115%'
+      lineHeight: 1.15
     },
     lg: {
       fontSize: rem(scale[16]),
-      lineHeight: '111%',
+      lineHeight: 1.11,
       letterSpacing: px(-0.64)
     },
     xlg: {
       fontSize: rem(scale[19]),
-      lineHeight: '107%',
+      lineHeight: 1.07,
       letterSpacing: px(-0.64)
     },
     max: {
       fontSize: rem(scale[22]),
-      lineHeight: '105%',
+      lineHeight: 1.05,
       letterSpacing: px(-0.96)
     }
   }