@carbon/type 11.6.0 → 11.7.1-rc.0

package/es/index.js

@@ -410,7 +410,7 @@ var productiveHeading04$1 = {
 };
 var productiveHeading05$1 = {
   fontSize: rem(scale[7]),
-  fontWeight: fontWeights.regular,
+  fontWeight: fontWeights.light,
   lineHeight: 1.25,
   letterSpacing: 0
 };
@@ -456,40 +456,38 @@ var expressiveHeading04$1 = {
   breakpoints: {
     xlg: {
       fontSize: rem(scale[6]),
+      fontWeight: fontWeights.light,
       lineHeight: 1.25
     },
     max: {
-      fontSize: rem(scale[7])
+      fontSize: rem(scale[7]),
+      fontWeight: fontWeights.light
     }
   }
 };
 var expressiveHeading05$1 = {
   fontSize: rem(scale[7]),
-  fontWeight: fontWeights.regular,
+  fontWeight: fontWeights.light,
   lineHeight: 1.25,
   letterSpacing: 0,
   breakpoints: {
     md: {
       fontSize: rem(scale[8]),
-      fontWeight: fontWeights.light,
       lineHeight: 1.22,
       letterSpacing: 0
     },
     lg: {
       fontSize: rem(scale[9]),
-      fontWeight: fontWeights.light,
       lineHeight: 1.19,
       letterSpacing: 0
     },
     xlg: {
       fontSize: rem(scale[10]),
-      fontWeight: fontWeights.light,
       lineHeight: 1.17,
       letterSpacing: 0
     },
     max: {
       fontSize: rem(scale[12]),
-      fontWeight: fontWeights.light,
       letterSpacing: 0
     }
   }
@@ -648,28 +646,28 @@ var display03$1 = {
   letterSpacing: 0,
   breakpoints: {
     md: {
-      fontSize: rem(scale[13]),
-      lineHeight: 1.15
+      fontSize: rem(scale[11]),
+      lineHeight: 1.18
     },
     lg: {
-      fontSize: rem(scale[16]),
-      lineHeight: 1.11,
+      fontSize: rem(scale[12]),
+      lineHeight: 1.16,
       letterSpacing: px(-0.64)
     },
     xlg: {
-      fontSize: rem(scale[19]),
-      lineHeight: 1.07
+      fontSize: rem(scale[14]),
+      lineHeight: 1.13
     },
     max: {
-      fontSize: rem(scale[22]),
-      lineHeight: 1.05,
+      fontSize: rem(scale[15]),
+      lineHeight: 1.11,
       letterSpacing: px(-0.96)
     }
   }
 };
 var display04$1 = {
   fontSize: rem(scale[9]),
-  fontWeight: fontWeights.semibold,
+  fontWeight: fontWeights.light,
   lineHeight: 1.19,
   letterSpacing: 0,
   breakpoints: {

package/lib/index.js

@@ -414,7 +414,7 @@ var productiveHeading04$1 = {
 };
 var productiveHeading05$1 = {
   fontSize: rem(scale[7]),
-  fontWeight: fontWeights.regular,
+  fontWeight: fontWeights.light,
   lineHeight: 1.25,
   letterSpacing: 0
 };
@@ -460,40 +460,38 @@ var expressiveHeading04$1 = {
   breakpoints: {
     xlg: {
       fontSize: rem(scale[6]),
+      fontWeight: fontWeights.light,
       lineHeight: 1.25
     },
     max: {
-      fontSize: rem(scale[7])
+      fontSize: rem(scale[7]),
+      fontWeight: fontWeights.light
     }
   }
 };
 var expressiveHeading05$1 = {
   fontSize: rem(scale[7]),
-  fontWeight: fontWeights.regular,
+  fontWeight: fontWeights.light,
   lineHeight: 1.25,
   letterSpacing: 0,
   breakpoints: {
     md: {
       fontSize: rem(scale[8]),
-      fontWeight: fontWeights.light,
       lineHeight: 1.22,
       letterSpacing: 0
     },
     lg: {
       fontSize: rem(scale[9]),
-      fontWeight: fontWeights.light,
       lineHeight: 1.19,
       letterSpacing: 0
     },
     xlg: {
       fontSize: rem(scale[10]),
-      fontWeight: fontWeights.light,
       lineHeight: 1.17,
       letterSpacing: 0
     },
     max: {
       fontSize: rem(scale[12]),
-      fontWeight: fontWeights.light,
       letterSpacing: 0
     }
   }
@@ -652,28 +650,28 @@ var display03$1 = {
   letterSpacing: 0,
   breakpoints: {
     md: {
-      fontSize: rem(scale[13]),
-      lineHeight: 1.15
+      fontSize: rem(scale[11]),
+      lineHeight: 1.18
     },
     lg: {
-      fontSize: rem(scale[16]),
-      lineHeight: 1.11,
+      fontSize: rem(scale[12]),
+      lineHeight: 1.16,
       letterSpacing: px(-0.64)
     },
     xlg: {
-      fontSize: rem(scale[19]),
-      lineHeight: 1.07
+      fontSize: rem(scale[14]),
+      lineHeight: 1.13
     },
     max: {
-      fontSize: rem(scale[22]),
-      lineHeight: 1.05,
+      fontSize: rem(scale[15]),
+      lineHeight: 1.11,
       letterSpacing: px(-0.96)
     }
   }
 };
 var display04$1 = {
   fontSize: rem(scale[9]),
-  fontWeight: fontWeights.semibold,
+  fontWeight: fontWeights.light,
   lineHeight: 1.19,
   letterSpacing: 0,
   breakpoints: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/type",
   "description": "Typography for digital and software products using the Carbon Design System",
-  "version": "11.6.0",
+  "version": "11.7.1-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -52,5 +52,5 @@
     "sassDir": "scss",
     "needs": "^1.3.0"
   },
-  "gitHead": "182eaa898977e15b0cbedf4b8b62502693d43b4c"
+  "gitHead": "3a4f61d60424d5ddb58787a97a6b40cb7ad18baa"
 }

package/scss/_styles.scss

@@ -55,6 +55,17 @@ $helper-text-01: (
   letter-spacing: 0.32px,
 ) !default;
 
+/// @type Map
+/// @access public
+/// @deprecated
+/// @group @carbon/type
+$helper-text-02: (
+  font-size: carbon--type-scale(2),
+  font-weight: carbon--font-weight('regular'),
+  line-height: 1.28572,
+  letter-spacing: 0.16px,
+) !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
@@ -222,7 +233,7 @@ $heading-04: $productive-heading-04 !default;
 /// @group @carbon/type
 $productive-heading-05: (
   font-size: scale.type-scale(8),
-  font-weight: font-family.font-weight('regular'),
+  font-weight: font-family.font-weight('light'),
   line-height: 1.25,
   letter-spacing: 0,
 ) !default;
@@ -310,9 +321,11 @@ $expressive-heading-04: (
     xlg: (
       font-size: scale.type-scale(7),
       line-height: 1.25,
+      font-weight: font-family.font-weight('light'),
     ),
     max: (
       font-size: scale.type-scale(8),
+      font-weight: font-family.font-weight('light'),
     ),
   ),
 ) !default;
@@ -327,13 +340,12 @@ $fluid-heading-04: $expressive-heading-04 !default;
 /// @group @carbon/type
 $expressive-heading-05: (
   font-size: scale.type-scale(8),
-  font-weight: font-family.font-weight('regular'),
+  font-weight: font-family.font-weight('light'),
   line-height: 1.25,
   letter-spacing: 0,
   breakpoints: (
     md: (
       font-size: scale.type-scale(9),
-      font-weight: font-family.font-weight('light'),
       line-height: 1.22,
     ),
     lg: (
@@ -550,22 +562,22 @@ $display-03: (
   letter-spacing: 0,
   breakpoints: (
     md: (
-      font-size: scale.type-scale(14),
-      line-height: 1.15,
+      font-size: scale.type-scale(12),
+      line-height: 1.18,
     ),
     lg: (
-      font-size: scale.type-scale(17),
-      line-height: 1.11,
+      font-size: scale.type-scale(13),
+      line-height: 1.16,
       letter-spacing: -0.64px,
     ),
     xlg: (
-      font-size: scale.type-scale(20),
-      line-height: 1.07,
+      font-size: scale.type-scale(15),
+      line-height: 1.13,
       letter-spacing: -0.64px,
     ),
     max: (
-      font-size: scale.type-scale(23),
-      line-height: 1.05,
+      font-size: scale.type-scale(16),
+      line-height: 1.11,
       letter-spacing: -0.96px,
     ),
   ),
@@ -581,7 +593,7 @@ $fluid-display-03: $display-03 !default;
 /// @group @carbon/type
 $display-04: (
   font-size: scale.type-scale(10),
-  font-weight: font-family.font-weight('semibold'),
+  font-weight: font-family.font-weight('light'),
   line-height: 1.19,
   letter-spacing: 0,
   breakpoints: (
@@ -618,6 +630,7 @@ $fluid-display-04: $display-04 !default;
 $tokens: (
   label-01: $label-01,
   helper-text-01: $helper-text-01,
+  helper-text-02: $helper-text-02,
   body-short-01: $body-short-01,
   body-short-02: $body-short-02,
   body-long-01: $body-long-01,

package/src/__tests__/__snapshots__/styles-test.js.snap

@@ -109,7 +109,7 @@ letter-spacing: 0;"
 
 exports[`styles display04 should be printable 1`] = `
 "font-size: 2.625rem;
-font-weight: 600;
+font-weight: 300;
 line-height: 1.19;
 letter-spacing: 0;"
 `;
@@ -144,7 +144,7 @@ letter-spacing: 0;"
 
 exports[`styles expressiveHeading05 should be printable 1`] = `
 "font-size: 2rem;
-font-weight: 400;
+font-weight: 300;
 line-height: 1.25;
 letter-spacing: 0;"
 `;
@@ -186,7 +186,7 @@ letter-spacing: 0;"
 
 exports[`styles fluidDisplay04 should be printable 1`] = `
 "font-size: 2.625rem;
-font-weight: 600;
+font-weight: 300;
 line-height: 1.19;
 letter-spacing: 0;"
 `;
@@ -207,7 +207,7 @@ letter-spacing: 0;"
 
 exports[`styles fluidHeading05 should be printable 1`] = `
 "font-size: 2rem;
-font-weight: 400;
+font-weight: 300;
 line-height: 1.25;
 letter-spacing: 0;"
 `;
@@ -272,7 +272,7 @@ letter-spacing: 0;"
 
 exports[`styles heading05 should be printable 1`] = `
 "font-size: 2rem;
-font-weight: 400;
+font-weight: 300;
 line-height: 1.25;
 letter-spacing: 0;"
 `;
@@ -375,7 +375,7 @@ letter-spacing: 0;"
 
 exports[`styles productiveHeading05 should be printable 1`] = `
 "font-size: 2rem;
-font-weight: 400;
+font-weight: 300;
 line-height: 1.25;
 letter-spacing: 0;"
 `;

package/src/__tests__/fluid-test.js

@@ -62,7 +62,7 @@ describe('fluid', () => {
           "lineHeight": 1.05,
         },
         "fontSize": "calc(2.625rem + 1.625 * ((100vw - 20rem) / 22))",
-        "fontWeight": 600,
+        "fontWeight": 300,
         "letterSpacing": 0,
         "lineHeight": 1.19,
       }

package/src/styles.js

@@ -138,7 +138,7 @@ export const productiveHeading04 = {
 
 export const productiveHeading05 = {
   fontSize: rem(scale[7]),
-  fontWeight: fontWeights.regular,
+  fontWeight: fontWeights.light,
   lineHeight: 1.25,
   letterSpacing: 0,
 };
@@ -192,41 +192,39 @@ export const expressiveHeading04 = {
   breakpoints: {
     xlg: {
       fontSize: rem(scale[6]),
+      fontWeight: fontWeights.light,
       lineHeight: 1.25,
     },
     max: {
       fontSize: rem(scale[7]),
+      fontWeight: fontWeights.light,
     },
   },
 };
 
 export const expressiveHeading05 = {
   fontSize: rem(scale[7]),
-  fontWeight: fontWeights.regular,
+  fontWeight: fontWeights.light,
   lineHeight: 1.25,
   letterSpacing: 0,
   breakpoints: {
     md: {
       fontSize: rem(scale[8]),
-      fontWeight: fontWeights.light,
       lineHeight: 1.22,
       letterSpacing: 0,
     },
     lg: {
       fontSize: rem(scale[9]),
-      fontWeight: fontWeights.light,
       lineHeight: 1.19,
       letterSpacing: 0,
     },
     xlg: {
       fontSize: rem(scale[10]),
-      fontWeight: fontWeights.light,
       lineHeight: 1.17,
       letterSpacing: 0,
     },
     max: {
       fontSize: rem(scale[12]),
-      fontWeight: fontWeights.light,
       letterSpacing: 0,
     },
   },
@@ -392,21 +390,21 @@ export const display03 = {
   letterSpacing: 0,
   breakpoints: {
     md: {
-      fontSize: rem(scale[13]),
-      lineHeight: 1.15,
+      fontSize: rem(scale[11]),
+      lineHeight: 1.18,
     },
     lg: {
-      fontSize: rem(scale[16]),
-      lineHeight: 1.11,
+      fontSize: rem(scale[12]),
+      lineHeight: 1.16,
       letterSpacing: px(-0.64),
     },
     xlg: {
-      fontSize: rem(scale[19]),
-      lineHeight: 1.07,
+      fontSize: rem(scale[14]),
+      lineHeight: 1.13,
     },
     max: {
-      fontSize: rem(scale[22]),
-      lineHeight: 1.05,
+      fontSize: rem(scale[15]),
+      lineHeight: 1.11,
       letterSpacing: px(-0.96),
     },
   },
@@ -414,7 +412,7 @@ export const display03 = {
 
 export const display04 = {
   fontSize: rem(scale[9]),
-  fontWeight: fontWeights.semibold,
+  fontWeight: fontWeights.light,
   lineHeight: 1.19,
   letterSpacing: 0,
   breakpoints: {

package/umd/index.js

@@ -416,7 +416,7 @@
   };
   var productiveHeading05$1 = {
     fontSize: rem(scale[7]),
-    fontWeight: fontWeights.regular,
+    fontWeight: fontWeights.light,
     lineHeight: 1.25,
     letterSpacing: 0
   };
@@ -462,40 +462,38 @@
     breakpoints: {
       xlg: {
         fontSize: rem(scale[6]),
+        fontWeight: fontWeights.light,
         lineHeight: 1.25
       },
       max: {
-        fontSize: rem(scale[7])
+        fontSize: rem(scale[7]),
+        fontWeight: fontWeights.light
       }
     }
   };
   var expressiveHeading05$1 = {
     fontSize: rem(scale[7]),
-    fontWeight: fontWeights.regular,
+    fontWeight: fontWeights.light,
     lineHeight: 1.25,
     letterSpacing: 0,
     breakpoints: {
       md: {
         fontSize: rem(scale[8]),
-        fontWeight: fontWeights.light,
         lineHeight: 1.22,
         letterSpacing: 0
       },
       lg: {
         fontSize: rem(scale[9]),
-        fontWeight: fontWeights.light,
         lineHeight: 1.19,
         letterSpacing: 0
       },
       xlg: {
         fontSize: rem(scale[10]),
-        fontWeight: fontWeights.light,
         lineHeight: 1.17,
         letterSpacing: 0
       },
       max: {
         fontSize: rem(scale[12]),
-        fontWeight: fontWeights.light,
         letterSpacing: 0
       }
     }
@@ -654,28 +652,28 @@
     letterSpacing: 0,
     breakpoints: {
       md: {
-        fontSize: rem(scale[13]),
-        lineHeight: 1.15
+        fontSize: rem(scale[11]),
+        lineHeight: 1.18
       },
       lg: {
-        fontSize: rem(scale[16]),
-        lineHeight: 1.11,
+        fontSize: rem(scale[12]),
+        lineHeight: 1.16,
         letterSpacing: px(-0.64)
       },
       xlg: {
-        fontSize: rem(scale[19]),
-        lineHeight: 1.07
+        fontSize: rem(scale[14]),
+        lineHeight: 1.13
       },
       max: {
-        fontSize: rem(scale[22]),
-        lineHeight: 1.05,
+        fontSize: rem(scale[15]),
+        lineHeight: 1.11,
         letterSpacing: px(-0.96)
       }
     }
   };
   var display04$1 = {
     fontSize: rem(scale[9]),
-    fontWeight: fontWeights.semibold,
+    fontWeight: fontWeights.light,
     lineHeight: 1.19,
     letterSpacing: 0,
     breakpoints: {