@carbon/type 10.43.2 → 10.45.0

package/es/index.js

@@ -210,8 +210,32 @@ function getTypeSize(step) {
  *
  * > Array.from({ length: 23 }, (_, i) => getTypeSize(i + 1))
  */
-
-var scale = [12, 14, 16, 18, 20, 24, 28, 32, 36, 42, 48, 54, 60, 68, 76, 84, 92, 102, 112, 122, 132, 144, 156];
+//values in pixels
+
+var scale = [12, //scale[0]
+14, //scale[1]
+16, //scale[2]
+18, //scale[3]
+20, //scale[4]
+24, //scale[5]
+28, //scale[6]
+32, //scale[7]
+36, //scale[8]
+42, //scale[9]
+48, //scale[10]
+54, //scale[11]
+60, //scale[12]
+68, //scale[13]
+76, //scale[14]
+84, //scale[15]
+92, //scale[16]
+102, //scale[17]
+112, //scale[18]
+122, //scale[19]
+132, //scale[20]
+144, //scale[21]
+156 //scale[22]
+];
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -410,7 +434,7 @@ var productiveHeading04$1 = {
 };
 var productiveHeading05$1 = {
   fontSize: rem(scale[7]),
-  fontWeight: fontWeights.regular,
+  fontWeight: fontWeights.light,
   lineHeight: 1.25,
   letterSpacing: 0
 };
@@ -456,40 +480,38 @@ var expressiveHeading04$1 = {
   breakpoints: {
     xlg: {
       fontSize: rem(scale[6]),
-      lineHeight: 1.25
+      lineHeight: 1.25,
+      fontWeight: fontWeights.light
     },
     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,44 +670,43 @@ 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: {
     md: {
       fontSize: rem(scale[13]),
-      lineHeight: 1.15
+      lineHeight: 1.14
     },
     lg: {
       fontSize: rem(scale[16]),
-      lineHeight: 1.11,
+      lineHeight: 1.1,
       letterSpacing: px(-0.64)
     },
     xlg: {
       fontSize: rem(scale[19]),
-      lineHeight: 1.07,
-      letterSpacing: px(-0.64)
+      lineHeight: 1.06
     },
     max: {
       fontSize: rem(scale[22]),

package/lib/index.js

@@ -214,8 +214,32 @@ function getTypeSize(step) {
  *
  * > Array.from({ length: 23 }, (_, i) => getTypeSize(i + 1))
  */
-
-var scale = [12, 14, 16, 18, 20, 24, 28, 32, 36, 42, 48, 54, 60, 68, 76, 84, 92, 102, 112, 122, 132, 144, 156];
+//values in pixels
+
+var scale = [12, //scale[0]
+14, //scale[1]
+16, //scale[2]
+18, //scale[3]
+20, //scale[4]
+24, //scale[5]
+28, //scale[6]
+32, //scale[7]
+36, //scale[8]
+42, //scale[9]
+48, //scale[10]
+54, //scale[11]
+60, //scale[12]
+68, //scale[13]
+76, //scale[14]
+84, //scale[15]
+92, //scale[16]
+102, //scale[17]
+112, //scale[18]
+122, //scale[19]
+132, //scale[20]
+144, //scale[21]
+156 //scale[22]
+];
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -414,7 +438,7 @@ var productiveHeading04$1 = {
 };
 var productiveHeading05$1 = {
   fontSize: rem(scale[7]),
-  fontWeight: fontWeights.regular,
+  fontWeight: fontWeights.light,
   lineHeight: 1.25,
   letterSpacing: 0
 };
@@ -460,40 +484,38 @@ var expressiveHeading04$1 = {
   breakpoints: {
     xlg: {
       fontSize: rem(scale[6]),
-      lineHeight: 1.25
+      lineHeight: 1.25,
+      fontWeight: fontWeights.light
     },
     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,44 +674,43 @@ 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: {
     md: {
       fontSize: rem(scale[13]),
-      lineHeight: 1.15
+      lineHeight: 1.14
     },
     lg: {
       fontSize: rem(scale[16]),
-      lineHeight: 1.11,
+      lineHeight: 1.1,
       letterSpacing: px(-0.64)
     },
     xlg: {
       fontSize: rem(scale[19]),
-      lineHeight: 1.07,
-      letterSpacing: px(-0.64)
+      lineHeight: 1.06
     },
     max: {
       fontSize: rem(scale[22]),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/type",
   "description": "Typography for digital and software products using the Carbon Design System",
-  "version": "10.43.2",
+  "version": "10.45.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -37,12 +37,12 @@
     "clean": "rimraf css es lib umd scss/_inlined scss/vendor"
   },
   "dependencies": {
-    "@carbon/grid": "^10.43.1",
+    "@carbon/grid": "^10.43.0",
     "@carbon/import-once": "^10.7.0"
   },
   "devDependencies": {
     "@carbon/cli": "^10.34.0",
-    "@carbon/test-utils": "^10.21.1",
+    "@carbon/test-utils": "^10.21.0",
     "change-case": "^4.1.1",
     "rimraf": "^3.0.0"
   },
@@ -52,5 +52,5 @@
     "sassDir": "scss",
     "needs": "^1.3.0"
   },
-  "gitHead": "9b11eecab91c41ae4ffda711c5e1f631f2fb33db"
+  "gitHead": "85936cc8eff48a8eeec70b00966339f3b325eb7f"
 }

package/scss/_inlined/_styles.scss

@@ -276,7 +276,7 @@ $heading-04: $productive-heading-04 !default;
 /// @group @carbon/type
 $productive-heading-05: (
   font-size: carbon--type-scale(8),
-  font-weight: carbon--font-weight('regular'),
+  font-weight: carbon--font-weight('light'),
   line-height: 1.25,
   letter-spacing: 0,
 ) !default;
@@ -364,9 +364,11 @@ $expressive-heading-04: (
     xlg: (
       font-size: carbon--type-scale(7),
       line-height: 1.25,
+      font-weight: carbon--font-weight('light'),
     ),
     max: (
       font-size: carbon--type-scale(8),
+      font-weight: carbon--font-weight('light'),
     ),
   ),
 ) !default;
@@ -381,13 +383,12 @@ $fluid-heading-04: $expressive-heading-04 !default;
 /// @group @carbon/type
 $expressive-heading-05: (
   font-size: carbon--type-scale(8),
-  font-weight: carbon--font-weight('regular'),
+  font-weight: carbon--font-weight('light'),
   line-height: 1.25,
   letter-spacing: 0,
   breakpoints: (
     md: (
       font-size: carbon--type-scale(9),
-      font-weight: carbon--font-weight('light'),
       line-height: 1.22,
     ),
     lg: (
@@ -604,22 +605,22 @@ $display-03: (
   letter-spacing: 0,
   breakpoints: (
     md: (
-      font-size: carbon--type-scale(14),
-      line-height: 1.15,
+      font-size: carbon--type-scale(12),
+      line-height: 1.18,
     ),
     lg: (
-      font-size: carbon--type-scale(17),
-      line-height: 1.11,
+      font-size: carbon--type-scale(13),
+      line-height: 1.16,
       letter-spacing: -0.64px,
     ),
     xlg: (
-      font-size: carbon--type-scale(20),
-      line-height: 1.07,
+      font-size: carbon--type-scale(15),
+      line-height: 1.13,
       letter-spacing: -0.64px,
     ),
     max: (
-      font-size: carbon--type-scale(23),
-      line-height: 1.05,
+      font-size: carbon--type-scale(16),
+      line-height: 1.11,
       letter-spacing: -0.96px,
     ),
   ),
@@ -635,23 +636,22 @@ $fluid-display-03: $display-03 !default;
 /// @group @carbon/type
 $display-04: (
   font-size: carbon--type-scale(10),
-  font-weight: carbon--font-weight('semibold'),
+  font-weight: carbon--font-weight('light'),
   line-height: 1.19,
   letter-spacing: 0,
   breakpoints: (
     md: (
       font-size: carbon--type-scale(14),
-      line-height: 1.15,
+      line-height: 1.14,
     ),
     lg: (
       font-size: carbon--type-scale(17),
-      line-height: 1.11,
+      line-height: 1.1,
       letter-spacing: -0.64px,
     ),
     xlg: (
       font-size: carbon--type-scale(20),
-      line-height: 1.07,
-      letter-spacing: -0.64px,
+      line-height: 1.06,
     ),
     max: (
       font-size: carbon--type-scale(23),