@carbon/type 10.0.0-rc.0 → 10.2.0

package/es/index.js

@@ -107,6 +107,9 @@ var reset = {
   },
   strong: {
     fontWeight: fontWeights.semibold
+  },
+  code: {
+    fontFamily: fontFamilies.mono
   }
 };
 
@@ -297,105 +300,106 @@ function subtract(a, b) {
  * LICENSE file in the root directory of this source tree.
  */
 var caption01 = {
-  fontFamily: fontFamilies.sans,
   fontSize: rem(scale[0]),
   fontWeight: fontWeights.regular,
   lineHeight: rem(16),
   letterSpacing: px(0.32)
 };
 var label01 = {
-  fontFamily: fontFamilies.sans,
   fontSize: rem(scale[0]),
   fontWeight: fontWeights.regular,
   lineHeight: rem(16),
   letterSpacing: px(0.32)
 };
 var helperText01 = {
-  fontFamily: fontFamilies.sans,
   fontSize: rem(scale[0]),
   fontStyle: 'italic',
   lineHeight: rem(16),
   letterSpacing: px(0.32)
 };
 var bodyShort01 = {
-  fontFamily: fontFamilies.sans,
   fontSize: rem(scale[1]),
   fontWeight: fontWeights.regular,
   lineHeight: rem(18),
   letterSpacing: px(0.16)
 };
 var bodyLong01 = {
-  fontFamily: fontFamilies.sans,
   fontSize: rem(scale[1]),
   fontWeight: fontWeights.regular,
   lineHeight: rem(20),
   letterSpacing: px(0.16)
 };
 var bodyShort02 = {
-  fontFamily: fontFamilies.sans,
   fontSize: rem(scale[2]),
   fontWeight: fontWeights.regular,
   lineHeight: rem(22),
   letterSpacing: 0
 };
 var bodyLong02 = {
-  fontFamily: fontFamilies.sans,
   fontSize: rem(scale[2]),
   fontWeight: fontWeights.regular,
   lineHeight: rem(24),
   letterSpacing: 0
 };
 var code01 = {
-  fontFamily: fontFamilies.mono,
   fontSize: rem(scale[0]),
   fontWeight: fontWeights.regular,
   lineHeight: rem(16),
   letterSpacing: px(0.32)
 };
 var code02 = {
-  fontFamily: fontFamilies.mono,
   fontSize: rem(scale[1]),
   fontWeight: fontWeights.regular,
   lineHeight: rem(20),
   letterSpacing: px(0.32)
 };
 var heading01 = {
-  fontFamily: fontFamilies.sans,
   fontSize: rem(scale[1]),
   fontWeight: fontWeights.semibold,
   lineHeight: rem(18),
   letterSpacing: px(0.16)
 };
+var productiveHeading01 = heading01;
 var heading02 = {
-  fontFamily: fontFamilies.sans,
   fontSize: rem(scale[2]),
   fontWeight: fontWeights.semibold,
   lineHeight: rem(22),
   letterSpacing: 0
 };
+var productiveHeading02 = heading02;
 var productiveHeading03 = {
-  fontFamily: fontFamilies.sans,
   fontSize: rem(scale[4]),
   fontWeight: fontWeights.regular,
   lineHeight: rem(26),
   letterSpacing: 0
 };
 var productiveHeading04 = {
-  fontFamily: fontFamilies.sans,
   fontSize: rem(scale[6]),
   fontWeight: fontWeights.regular,
   lineHeight: rem(36),
   letterSpacing: 0
 };
 var productiveHeading05 = {
-  fontFamily: fontFamilies.sans,
   fontSize: rem(scale[7]),
   fontWeight: fontWeights.regular,
   lineHeight: rem(40),
   letterSpacing: 0
 };
+var productiveHeading06 = {
+  fontSize: rem(scale[9]),
+  fontWeight: fontWeights.light,
+  lineHeight: rem(50),
+  letterSpacing: 0
+};
+var productiveHeading07 = {
+  fontSize: rem(scale[11]),
+  fontWeight: fontWeights.light,
+  lineHeight: rem(64),
+  letterSpacing: 0
+};
+var expressiveHeading01 = heading01;
+var expressiveHeading02 = heading02;
 var expressiveHeading03 = fluid({
-  fontFamily: fontFamilies.sans,
   fontSize: rem(scale[4]),
   fontWeight: fontWeights.regular,
   lineHeight: '130%',
@@ -411,7 +415,6 @@ var expressiveHeading03 = fluid({
   }
 });
 var expressiveHeading04 = fluid({
-  fontFamily: fontFamilies.sans,
   fontSize: rem(scale[6]),
   fontWeight: fontWeights.regular,
   lineHeight: '129%',
@@ -427,7 +430,6 @@ var expressiveHeading04 = fluid({
   }
 });
 var expressiveHeading05 = fluid({
-  fontFamily: fontFamilies.sans,
   fontSize: rem(scale[7]),
   fontWeight: fontWeights.regular,
   lineHeight: '125%',
@@ -435,28 +437,24 @@ var expressiveHeading05 = fluid({
   breakpoints: {
     md: {
       fontSize: rem(scale[8]),
-      fontFamily: fontFamilies.sans,
       fontWeight: fontWeights.light,
       lineHeight: '122%',
       letterSpacing: 0
     },
     lg: {
       fontSize: rem(scale[9]),
-      fontFamily: fontFamilies.sans,
       fontWeight: fontWeights.light,
       lineHeight: '119%',
       letterSpacing: 0
     },
     xlg: {
       fontSize: rem(scale[10]),
-      fontFamily: fontFamilies.sans,
       fontWeight: fontWeights.light,
       lineHeight: '117%',
       letterSpacing: 0
     },
     max: {
       fontSize: rem(scale[12]),
-      fontFamily: fontFamilies.sans,
       fontWeight: fontWeights.light,
       lineHeight: rem(70),
       letterSpacing: 0
@@ -464,7 +462,6 @@ var expressiveHeading05 = fluid({
   }
 });
 var expressiveHeading06 = fluid({
-  fontFamily: fontFamilies.sans,
   fontSize: rem(scale[7]),
   fontWeight: fontWeights.semibold,
   lineHeight: '125%',
@@ -472,28 +469,24 @@ var expressiveHeading06 = fluid({
   breakpoints: {
     md: {
       fontSize: rem(scale[8]),
-      fontFamily: fontFamilies.sans,
       fontWeight: fontWeights.semibold,
       lineHeight: '122%',
       letterSpacing: 0
     },
     lg: {
       fontSize: rem(scale[9]),
-      fontFamily: fontFamilies.sans,
       fontWeight: fontWeights.semibold,
       lineHeight: '119%',
       letterSpacing: 0
     },
     xlg: {
       fontSize: rem(scale[10]),
-      fontFamily: fontFamilies.sans,
       fontWeight: fontWeights.semibold,
       lineHeight: '117%',
       letterSpacing: 0
     },
     max: {
       fontSize: rem(scale[12]),
-      fontFamily: fontFamilies.sans,
       fontWeight: fontWeights.semibold,
       lineHeight: rem(70),
       letterSpacing: 0
@@ -501,7 +494,6 @@ var expressiveHeading06 = fluid({
   }
 });
 var expressiveParagraph01 = fluid({
-  fontFamily: fontFamilies.sans,
   fontSize: rem(scale[5]),
   fontWeight: fontWeights.light,
   lineHeight: '125%',
@@ -516,7 +508,6 @@ var expressiveParagraph01 = fluid({
   }
 });
 var quotation01 = fluid({
-  fontFamily: fontFamilies.serif,
   fontSize: rem(scale[4]),
   fontWeight: fontWeights.regular,
   lineHeight: '130%',
@@ -524,27 +515,23 @@ var quotation01 = fluid({
   breakpoints: {
     md: {
       fontSize: rem(scale[4]),
-      fontFamily: fontFamilies.serif,
       fontWeight: fontWeights.regular,
       letterSpacing: 0
     },
     lg: {
       fontSize: rem(scale[5]),
-      fontFamily: fontFamilies.serif,
       fontWeight: fontWeights.regular,
       lineHeight: '125%',
       letterSpacing: 0
     },
     xlg: {
       fontSize: rem(scale[6]),
-      fontFamily: fontFamilies.serif,
       fontWeight: fontWeights.regular,
       lineHeight: '129%',
       letterSpacing: 0
     },
     max: {
       fontSize: rem(scale[7]),
-      fontFamily: fontFamilies.serif,
       fontWeight: fontWeights.regular,
       lineHeight: '125%',
       letterSpacing: 0
@@ -552,7 +539,6 @@ var quotation01 = fluid({
   }
 });
 var quotation02 = fluid({
-  fontFamily: fontFamilies.serif,
   fontSize: rem(scale[7]),
   fontWeight: fontWeights.light,
   lineHeight: '125%',
@@ -576,7 +562,6 @@ var quotation02 = fluid({
   }
 });
 var display01 = fluid({
-  fontFamily: fontFamilies.sans,
   fontSize: rem(scale[9]),
   fontWeight: fontWeights.light,
   lineHeight: '119%',
@@ -599,7 +584,6 @@ var display01 = fluid({
   }
 });
 var display02 = fluid({
-  fontFamily: fontFamilies.sans,
   fontSize: rem(scale[9]),
   fontWeight: fontWeights.semibold,
   lineHeight: '119%',
@@ -622,7 +606,6 @@ var display02 = fluid({
   }
 });
 var display03 = fluid({
-  fontFamily: fontFamilies.sans,
   fontSize: rem(scale[9]),
   fontWeight: fontWeights.light,
   lineHeight: '119%',
@@ -649,7 +632,6 @@ var display03 = fluid({
   }
 });
 var display04 = fluid({
-  fontFamily: fontFamilies.sans,
   fontSize: rem(scale[9]),
   fontWeight: fontWeights.semibold,
   lineHeight: '119%',
@@ -688,10 +670,16 @@ var styles = /*#__PURE__*/Object.freeze({
   code01: code01,
   code02: code02,
   heading01: heading01,
+  productiveHeading01: productiveHeading01,
   heading02: heading02,
+  productiveHeading02: productiveHeading02,
   productiveHeading03: productiveHeading03,
   productiveHeading04: productiveHeading04,
   productiveHeading05: productiveHeading05,
+  productiveHeading06: productiveHeading06,
+  productiveHeading07: productiveHeading07,
+  expressiveHeading01: expressiveHeading01,
+  expressiveHeading02: expressiveHeading02,
   expressiveHeading03: expressiveHeading03,
   expressiveHeading04: expressiveHeading04,
   expressiveHeading05: expressiveHeading05,
@@ -712,4 +700,4 @@ var styles = /*#__PURE__*/Object.freeze({
  * LICENSE file in the root directory of this source tree.
  */
 
-export { fontFamilies, fontFamily, fontWeights, fontWeight, print, reset, getTypeSize, scale, styles, caption01, label01, helperText01, bodyShort01, bodyLong01, bodyShort02, bodyLong02, code01, code02, heading01, heading02, productiveHeading03, productiveHeading04, productiveHeading05, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, quotation01, quotation02, display01, display02, display03, display04 };
+export { fontFamilies, fontFamily, fontWeights, fontWeight, print, reset, getTypeSize, scale, styles, caption01, label01, helperText01, bodyShort01, bodyLong01, bodyShort02, bodyLong02, code01, code02, heading01, productiveHeading01, heading02, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, quotation01, quotation02, display01, display02, display03, display04 };

package/lib/index.js

@@ -111,6 +111,9 @@ var reset = {
   },
   strong: {
     fontWeight: fontWeights.semibold
+  },
+  code: {
+    fontFamily: fontFamilies.mono
   }
 };
 
@@ -301,105 +304,106 @@ function subtract(a, b) {
  * LICENSE file in the root directory of this source tree.
  */
 var caption01 = {
-  fontFamily: fontFamilies.sans,
   fontSize: layout.rem(scale[0]),
   fontWeight: fontWeights.regular,
   lineHeight: layout.rem(16),
   letterSpacing: layout.px(0.32)
 };
 var label01 = {
-  fontFamily: fontFamilies.sans,
   fontSize: layout.rem(scale[0]),
   fontWeight: fontWeights.regular,
   lineHeight: layout.rem(16),
   letterSpacing: layout.px(0.32)
 };
 var helperText01 = {
-  fontFamily: fontFamilies.sans,
   fontSize: layout.rem(scale[0]),
   fontStyle: 'italic',
   lineHeight: layout.rem(16),
   letterSpacing: layout.px(0.32)
 };
 var bodyShort01 = {
-  fontFamily: fontFamilies.sans,
   fontSize: layout.rem(scale[1]),
   fontWeight: fontWeights.regular,
   lineHeight: layout.rem(18),
   letterSpacing: layout.px(0.16)
 };
 var bodyLong01 = {
-  fontFamily: fontFamilies.sans,
   fontSize: layout.rem(scale[1]),
   fontWeight: fontWeights.regular,
   lineHeight: layout.rem(20),
   letterSpacing: layout.px(0.16)
 };
 var bodyShort02 = {
-  fontFamily: fontFamilies.sans,
   fontSize: layout.rem(scale[2]),
   fontWeight: fontWeights.regular,
   lineHeight: layout.rem(22),
   letterSpacing: 0
 };
 var bodyLong02 = {
-  fontFamily: fontFamilies.sans,
   fontSize: layout.rem(scale[2]),
   fontWeight: fontWeights.regular,
   lineHeight: layout.rem(24),
   letterSpacing: 0
 };
 var code01 = {
-  fontFamily: fontFamilies.mono,
   fontSize: layout.rem(scale[0]),
   fontWeight: fontWeights.regular,
   lineHeight: layout.rem(16),
   letterSpacing: layout.px(0.32)
 };
 var code02 = {
-  fontFamily: fontFamilies.mono,
   fontSize: layout.rem(scale[1]),
   fontWeight: fontWeights.regular,
   lineHeight: layout.rem(20),
   letterSpacing: layout.px(0.32)
 };
 var heading01 = {
-  fontFamily: fontFamilies.sans,
   fontSize: layout.rem(scale[1]),
   fontWeight: fontWeights.semibold,
   lineHeight: layout.rem(18),
   letterSpacing: layout.px(0.16)
 };
+var productiveHeading01 = heading01;
 var heading02 = {
-  fontFamily: fontFamilies.sans,
   fontSize: layout.rem(scale[2]),
   fontWeight: fontWeights.semibold,
   lineHeight: layout.rem(22),
   letterSpacing: 0
 };
+var productiveHeading02 = heading02;
 var productiveHeading03 = {
-  fontFamily: fontFamilies.sans,
   fontSize: layout.rem(scale[4]),
   fontWeight: fontWeights.regular,
   lineHeight: layout.rem(26),
   letterSpacing: 0
 };
 var productiveHeading04 = {
-  fontFamily: fontFamilies.sans,
   fontSize: layout.rem(scale[6]),
   fontWeight: fontWeights.regular,
   lineHeight: layout.rem(36),
   letterSpacing: 0
 };
 var productiveHeading05 = {
-  fontFamily: fontFamilies.sans,
   fontSize: layout.rem(scale[7]),
   fontWeight: fontWeights.regular,
   lineHeight: layout.rem(40),
   letterSpacing: 0
 };
+var productiveHeading06 = {
+  fontSize: layout.rem(scale[9]),
+  fontWeight: fontWeights.light,
+  lineHeight: layout.rem(50),
+  letterSpacing: 0
+};
+var productiveHeading07 = {
+  fontSize: layout.rem(scale[11]),
+  fontWeight: fontWeights.light,
+  lineHeight: layout.rem(64),
+  letterSpacing: 0
+};
+var expressiveHeading01 = heading01;
+var expressiveHeading02 = heading02;
 var expressiveHeading03 = fluid({
-  fontFamily: fontFamilies.sans,
   fontSize: layout.rem(scale[4]),
   fontWeight: fontWeights.regular,
   lineHeight: '130%',
@@ -415,7 +419,6 @@ var expressiveHeading03 = fluid({
   }
 });
 var expressiveHeading04 = fluid({
-  fontFamily: fontFamilies.sans,
   fontSize: layout.rem(scale[6]),
   fontWeight: fontWeights.regular,
   lineHeight: '129%',
@@ -431,7 +434,6 @@ var expressiveHeading04 = fluid({
   }
 });
 var expressiveHeading05 = fluid({
-  fontFamily: fontFamilies.sans,
   fontSize: layout.rem(scale[7]),
   fontWeight: fontWeights.regular,
   lineHeight: '125%',
@@ -439,28 +441,24 @@ var expressiveHeading05 = fluid({
   breakpoints: {
     md: {
       fontSize: layout.rem(scale[8]),
-      fontFamily: fontFamilies.sans,
       fontWeight: fontWeights.light,
       lineHeight: '122%',
       letterSpacing: 0
     },
     lg: {
       fontSize: layout.rem(scale[9]),
-      fontFamily: fontFamilies.sans,
       fontWeight: fontWeights.light,
       lineHeight: '119%',
       letterSpacing: 0
     },
     xlg: {
       fontSize: layout.rem(scale[10]),
-      fontFamily: fontFamilies.sans,
       fontWeight: fontWeights.light,
       lineHeight: '117%',
       letterSpacing: 0
     },
     max: {
       fontSize: layout.rem(scale[12]),
-      fontFamily: fontFamilies.sans,
       fontWeight: fontWeights.light,
       lineHeight: layout.rem(70),
       letterSpacing: 0
@@ -468,7 +466,6 @@ var expressiveHeading05 = fluid({
   }
 });
 var expressiveHeading06 = fluid({
-  fontFamily: fontFamilies.sans,
   fontSize: layout.rem(scale[7]),
   fontWeight: fontWeights.semibold,
   lineHeight: '125%',
@@ -476,28 +473,24 @@ var expressiveHeading06 = fluid({
   breakpoints: {
     md: {
       fontSize: layout.rem(scale[8]),
-      fontFamily: fontFamilies.sans,
       fontWeight: fontWeights.semibold,
       lineHeight: '122%',
       letterSpacing: 0
     },
     lg: {
       fontSize: layout.rem(scale[9]),
-      fontFamily: fontFamilies.sans,
       fontWeight: fontWeights.semibold,
       lineHeight: '119%',
       letterSpacing: 0
     },
     xlg: {
       fontSize: layout.rem(scale[10]),
-      fontFamily: fontFamilies.sans,
       fontWeight: fontWeights.semibold,
       lineHeight: '117%',
       letterSpacing: 0
     },
     max: {
       fontSize: layout.rem(scale[12]),
-      fontFamily: fontFamilies.sans,
       fontWeight: fontWeights.semibold,
       lineHeight: layout.rem(70),
       letterSpacing: 0
@@ -505,7 +498,6 @@ var expressiveHeading06 = fluid({
   }
 });
 var expressiveParagraph01 = fluid({
-  fontFamily: fontFamilies.sans,
   fontSize: layout.rem(scale[5]),
   fontWeight: fontWeights.light,
   lineHeight: '125%',
@@ -520,7 +512,6 @@ var expressiveParagraph01 = fluid({
   }
 });
 var quotation01 = fluid({
-  fontFamily: fontFamilies.serif,
   fontSize: layout.rem(scale[4]),
   fontWeight: fontWeights.regular,
   lineHeight: '130%',
@@ -528,27 +519,23 @@ var quotation01 = fluid({
   breakpoints: {
     md: {
       fontSize: layout.rem(scale[4]),
-      fontFamily: fontFamilies.serif,
       fontWeight: fontWeights.regular,
       letterSpacing: 0
     },
     lg: {
       fontSize: layout.rem(scale[5]),
-      fontFamily: fontFamilies.serif,
       fontWeight: fontWeights.regular,
       lineHeight: '125%',
       letterSpacing: 0
     },
     xlg: {
       fontSize: layout.rem(scale[6]),
-      fontFamily: fontFamilies.serif,
       fontWeight: fontWeights.regular,
       lineHeight: '129%',
       letterSpacing: 0
     },
     max: {
       fontSize: layout.rem(scale[7]),
-      fontFamily: fontFamilies.serif,
       fontWeight: fontWeights.regular,
       lineHeight: '125%',
       letterSpacing: 0
@@ -556,7 +543,6 @@ var quotation01 = fluid({
   }
 });
 var quotation02 = fluid({
-  fontFamily: fontFamilies.serif,
   fontSize: layout.rem(scale[7]),
   fontWeight: fontWeights.light,
   lineHeight: '125%',
@@ -580,7 +566,6 @@ var quotation02 = fluid({
   }
 });
 var display01 = fluid({
-  fontFamily: fontFamilies.sans,
   fontSize: layout.rem(scale[9]),
   fontWeight: fontWeights.light,
   lineHeight: '119%',
@@ -603,7 +588,6 @@ var display01 = fluid({
   }
 });
 var display02 = fluid({
-  fontFamily: fontFamilies.sans,
   fontSize: layout.rem(scale[9]),
   fontWeight: fontWeights.semibold,
   lineHeight: '119%',
@@ -626,7 +610,6 @@ var display02 = fluid({
   }
 });
 var display03 = fluid({
-  fontFamily: fontFamilies.sans,
   fontSize: layout.rem(scale[9]),
   fontWeight: fontWeights.light,
   lineHeight: '119%',
@@ -653,7 +636,6 @@ var display03 = fluid({
   }
 });
 var display04 = fluid({
-  fontFamily: fontFamilies.sans,
   fontSize: layout.rem(scale[9]),
   fontWeight: fontWeights.semibold,
   lineHeight: '119%',
@@ -692,10 +674,16 @@ var styles = /*#__PURE__*/Object.freeze({
   code01: code01,
   code02: code02,
   heading01: heading01,
+  productiveHeading01: productiveHeading01,
   heading02: heading02,
+  productiveHeading02: productiveHeading02,
   productiveHeading03: productiveHeading03,
   productiveHeading04: productiveHeading04,
   productiveHeading05: productiveHeading05,
+  productiveHeading06: productiveHeading06,
+  productiveHeading07: productiveHeading07,
+  expressiveHeading01: expressiveHeading01,
+  expressiveHeading02: expressiveHeading02,
   expressiveHeading03: expressiveHeading03,
   expressiveHeading04: expressiveHeading04,
   expressiveHeading05: expressiveHeading05,
@@ -735,10 +723,16 @@ exports.bodyLong02 = bodyLong02;
 exports.code01 = code01;
 exports.code02 = code02;
 exports.heading01 = heading01;
+exports.productiveHeading01 = productiveHeading01;
 exports.heading02 = heading02;
+exports.productiveHeading02 = productiveHeading02;
 exports.productiveHeading03 = productiveHeading03;
 exports.productiveHeading04 = productiveHeading04;
 exports.productiveHeading05 = productiveHeading05;
+exports.productiveHeading06 = productiveHeading06;
+exports.productiveHeading07 = productiveHeading07;
+exports.expressiveHeading01 = expressiveHeading01;
+exports.expressiveHeading02 = expressiveHeading02;
 exports.expressiveHeading03 = expressiveHeading03;
 exports.expressiveHeading04 = expressiveHeading04;
 exports.expressiveHeading05 = expressiveHeading05;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/type",
   "description": "Typography for digital and software products using the Carbon Design System",
-  "version": "10.0.0-rc.0",
+  "version": "10.2.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -26,15 +26,15 @@
     "access": "public"
   },
   "scripts": {
-    "build": "yarn clean && bundler bundle src/index.js --name CarbonType",
-    "clean": "rimraf css es lib umd"
+    "build": "yarn clean && bundler bundle src/index.js --name CarbonType && bundler sassdoc 'scss/**/*.scss' -i '**/{_inlined,vendor}**' && bundler inline && bundler check 'scss/*.scss'",
+    "clean": "rimraf css es lib umd scss/_inlined scss/vendor"
   },
   "dependencies": {
-    "@carbon/import-once": "10.0.0-rc.0",
-    "@carbon/layout": "10.0.0-rc.0"
+    "@carbon/import-once": "10.2.0",
+    "@carbon/layout": "10.2.0"
   },
   "devDependencies": {
-    "@carbon/bundler": "10.0.0-rc.0",
+    "@carbon/bundler": "10.2.0",
     "rimraf": "^2.6.2"
   },
   "eyeglass": {
@@ -43,5 +43,5 @@
     "sassDir": "scss",
     "needs": "^1.3.0"
   },
-  "gitHead": "1d45594d448a22447b2b2685445362438b7c8944"
+  "gitHead": "e71825a0cf44f6f41fee7d2b0dd9c57d7bda126a"
 }

package/scss/_classes.scss

@@ -9,6 +9,9 @@
 @import 'styles';
 @import 'font-family';
 
+/// Create type classes for font families, weights, styles
+/// @access public
+/// @group @carbon/type
 @mixin carbon--type-classes {
   // Font families
   @each $name, $value in $carbon--font-families {