@carbon/type 10.26.0 → 10.28.0

package/es/index.js

@@ -142,45 +142,18 @@ function getTypeSize(step) {
 
 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];
 
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function (obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function (obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
-}
-
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-    if (enumerableOnly) symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    });
+
+    if (enumerableOnly) {
+      symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
+
     keys.push.apply(keys, symbols);
   }
 
@@ -207,6 +180,37 @@ function _objectSpread2(target) {
   return target;
 }
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof = function (obj) {
+      return typeof obj;
+    };
+  } else {
+    _typeof = function (obj) {
+      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    };
+  }
+
+  return _typeof(obj);
+}
+
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
@@ -249,17 +253,34 @@ var caption01$1 = {
   lineHeight: 1.34,
   letterSpacing: px(0.32)
 };
+var caption02$1 = {
+  fontSize: rem(scale[1]),
+  fontWeight: fontWeights.regular,
+  lineHeight: 1.29,
+  letterSpacing: px(0.32)
+};
 var label01$1 = {
   fontSize: rem(scale[0]),
   fontWeight: fontWeights.regular,
   lineHeight: 1.34,
   letterSpacing: px(0.32)
 };
+var label02$1 = {
+  fontSize: rem(scale[1]),
+  fontWeight: fontWeights.regular,
+  lineHeight: 1.29,
+  letterSpacing: px(0.32)
+};
 var helperText01$1 = {
   fontSize: rem(scale[0]),
   lineHeight: 1.34,
   letterSpacing: px(0.32)
 };
+var helperText02$1 = {
+  fontSize: rem(scale[1]),
+  lineHeight: 1.29,
+  letterSpacing: px(0.32)
+};
 var bodyShort01$1 = {
   fontSize: rem(scale[1]),
   fontWeight: fontWeights.regular,
@@ -612,8 +633,11 @@ var display04$1 = {
 var styles = /*#__PURE__*/Object.freeze({
   __proto__: null,
   caption01: caption01$1,
+  caption02: caption02$1,
   label01: label01$1,
+  label02: label02$1,
   helperText01: helperText01$1,
+  helperText02: helperText02$1,
   bodyShort01: bodyShort01$1,
   bodyLong01: bodyLong01$1,
   bodyShort02: bodyShort02$1,
@@ -719,8 +743,11 @@ function subtract(a, b) {
  */
 // Unstable tokens
 var caption01 = 'caption01';
+var caption02 = 'caption02';
 var label01 = 'label01';
+var label02 = 'label02';
 var helperText01 = 'helperText01';
+var helperText02 = 'helperText02';
 var bodyShort01 = 'bodyShort01';
 var bodyLong01 = 'bodyLong01';
 var bodyShort02 = 'bodyShort02';
@@ -749,6 +776,6 @@ var display01 = 'display01';
 var display02 = 'display02';
 var display03 = 'display03';
 var display04 = 'display04';
-var unstable_tokens = [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];
+var unstable_tokens = [caption01, caption02, label01, label02, helperText01, helperText02, 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];
 
-export { bodyLong01$1 as bodyLong01, bodyLong02$1 as bodyLong02, bodyShort01$1 as bodyShort01, bodyShort02$1 as bodyShort02, caption01$1 as caption01, code01$1 as code01, code02$1 as code02, display01$1 as display01, display02$1 as display02, display03$1 as display03, display04$1 as display04, expressiveHeading01$1 as expressiveHeading01, expressiveHeading02$1 as expressiveHeading02, expressiveHeading03$1 as expressiveHeading03, expressiveHeading04$1 as expressiveHeading04, expressiveHeading05$1 as expressiveHeading05, expressiveHeading06$1 as expressiveHeading06, expressiveParagraph01$1 as expressiveParagraph01, fluid, fontFamilies, fontFamily, fontWeight, fontWeights, getTypeSize, heading01$1 as heading01, heading02$1 as heading02, helperText01$1 as helperText01, label01$1 as label01, print, productiveHeading01$1 as productiveHeading01, productiveHeading02$1 as productiveHeading02, productiveHeading03$1 as productiveHeading03, productiveHeading04$1 as productiveHeading04, productiveHeading05$1 as productiveHeading05, productiveHeading06$1 as productiveHeading06, productiveHeading07$1 as productiveHeading07, quotation01$1 as quotation01, quotation02$1 as quotation02, reset, scale, styles, unstable_tokens };
+export { bodyLong01$1 as bodyLong01, bodyLong02$1 as bodyLong02, bodyShort01$1 as bodyShort01, bodyShort02$1 as bodyShort02, caption01$1 as caption01, caption02$1 as caption02, code01$1 as code01, code02$1 as code02, display01$1 as display01, display02$1 as display02, display03$1 as display03, display04$1 as display04, expressiveHeading01$1 as expressiveHeading01, expressiveHeading02$1 as expressiveHeading02, expressiveHeading03$1 as expressiveHeading03, expressiveHeading04$1 as expressiveHeading04, expressiveHeading05$1 as expressiveHeading05, expressiveHeading06$1 as expressiveHeading06, expressiveParagraph01$1 as expressiveParagraph01, fluid, fontFamilies, fontFamily, fontWeight, fontWeights, getTypeSize, heading01$1 as heading01, heading02$1 as heading02, helperText01$1 as helperText01, helperText02$1 as helperText02, label01$1 as label01, label02$1 as label02, print, productiveHeading01$1 as productiveHeading01, productiveHeading02$1 as productiveHeading02, productiveHeading03$1 as productiveHeading03, productiveHeading04$1 as productiveHeading04, productiveHeading05$1 as productiveHeading05, productiveHeading06$1 as productiveHeading06, productiveHeading07$1 as productiveHeading07, quotation01$1 as quotation01, quotation02$1 as quotation02, reset, scale, styles, unstable_tokens };

package/lib/index.js

@@ -146,45 +146,18 @@ function getTypeSize(step) {
 
 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];
 
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function (obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function (obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
-}
-
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-    if (enumerableOnly) symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    });
+
+    if (enumerableOnly) {
+      symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
+
     keys.push.apply(keys, symbols);
   }
 
@@ -211,6 +184,37 @@ function _objectSpread2(target) {
   return target;
 }
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof = function (obj) {
+      return typeof obj;
+    };
+  } else {
+    _typeof = function (obj) {
+      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    };
+  }
+
+  return _typeof(obj);
+}
+
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
@@ -253,17 +257,34 @@ var caption01$1 = {
   lineHeight: 1.34,
   letterSpacing: layout.px(0.32)
 };
+var caption02$1 = {
+  fontSize: layout.rem(scale[1]),
+  fontWeight: fontWeights.regular,
+  lineHeight: 1.29,
+  letterSpacing: layout.px(0.32)
+};
 var label01$1 = {
   fontSize: layout.rem(scale[0]),
   fontWeight: fontWeights.regular,
   lineHeight: 1.34,
   letterSpacing: layout.px(0.32)
 };
+var label02$1 = {
+  fontSize: layout.rem(scale[1]),
+  fontWeight: fontWeights.regular,
+  lineHeight: 1.29,
+  letterSpacing: layout.px(0.32)
+};
 var helperText01$1 = {
   fontSize: layout.rem(scale[0]),
   lineHeight: 1.34,
   letterSpacing: layout.px(0.32)
 };
+var helperText02$1 = {
+  fontSize: layout.rem(scale[1]),
+  lineHeight: 1.29,
+  letterSpacing: layout.px(0.32)
+};
 var bodyShort01$1 = {
   fontSize: layout.rem(scale[1]),
   fontWeight: fontWeights.regular,
@@ -616,8 +637,11 @@ var display04$1 = {
 var styles = /*#__PURE__*/Object.freeze({
   __proto__: null,
   caption01: caption01$1,
+  caption02: caption02$1,
   label01: label01$1,
+  label02: label02$1,
   helperText01: helperText01$1,
+  helperText02: helperText02$1,
   bodyShort01: bodyShort01$1,
   bodyLong01: bodyLong01$1,
   bodyShort02: bodyShort02$1,
@@ -723,8 +747,11 @@ function subtract(a, b) {
  */
 // Unstable tokens
 var caption01 = 'caption01';
+var caption02 = 'caption02';
 var label01 = 'label01';
+var label02 = 'label02';
 var helperText01 = 'helperText01';
+var helperText02 = 'helperText02';
 var bodyShort01 = 'bodyShort01';
 var bodyLong01 = 'bodyLong01';
 var bodyShort02 = 'bodyShort02';
@@ -753,13 +780,14 @@ var display01 = 'display01';
 var display02 = 'display02';
 var display03 = 'display03';
 var display04 = 'display04';
-var unstable_tokens = [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];
+var unstable_tokens = [caption01, caption02, label01, label02, helperText01, helperText02, 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];
 
 exports.bodyLong01 = bodyLong01$1;
 exports.bodyLong02 = bodyLong02$1;
 exports.bodyShort01 = bodyShort01$1;
 exports.bodyShort02 = bodyShort02$1;
 exports.caption01 = caption01$1;
+exports.caption02 = caption02$1;
 exports.code01 = code01$1;
 exports.code02 = code02$1;
 exports.display01 = display01$1;
@@ -782,7 +810,9 @@ exports.getTypeSize = getTypeSize;
 exports.heading01 = heading01$1;
 exports.heading02 = heading02$1;
 exports.helperText01 = helperText01$1;
+exports.helperText02 = helperText02$1;
 exports.label01 = label01$1;
+exports.label02 = label02$1;
 exports.print = print;
 exports.productiveHeading01 = productiveHeading01$1;
 exports.productiveHeading02 = productiveHeading02$1;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/type",
   "description": "Typography for digital and software products using the Carbon Design System",
-  "version": "10.26.0",
+  "version": "10.28.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -37,10 +37,10 @@
   },
   "dependencies": {
     "@carbon/import-once": "^10.6.0",
-    "@carbon/layout": "^10.23.0"
+    "@carbon/layout": "^10.24.0"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.22.0",
+    "@carbon/cli": "^10.23.0",
     "@carbon/test-utils": "^10.15.0",
     "change-case": "^4.1.1",
     "rimraf": "^3.0.0"
@@ -51,5 +51,5 @@
     "sassDir": "scss",
     "needs": "^1.3.0"
   },
-  "gitHead": "05909da32a2ee6aa2fb1965eb57871ea77c81c0e"
+  "gitHead": "b00113e8d4cb273a80d9c71f12b741ae6ac360a6"
 }

package/scss/_inlined/_reset.scss

@@ -28,9 +28,9 @@
     @include carbon--font-weight('regular');
 
     font-family: $body-font-family;
-    text-rendering: optimizeLegibility;
-    -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+    text-rendering: optimizeLegibility;
   }
 
   code {

package/scss/_inlined/_styles.scss

@@ -19,6 +19,16 @@ $caption-01: (
   letter-spacing: 0.32px,
 ) !default;
 
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$caption-02: (
+  font-size: carbon--type-scale(2),
+  font-weight: carbon--font-weight('regular'),
+  line-height: 1.29,
+  letter-spacing: 0.32px,
+) !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
@@ -29,6 +39,16 @@ $label-01: (
   letter-spacing: 0.32px,
 ) !default;
 
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$label-02: (
+  font-size: carbon--type-scale(2),
+  font-weight: carbon--font-weight('regular'),
+  line-height: 1.29,
+  letter-spacing: 0.32px,
+) !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
@@ -38,6 +58,16 @@ $helper-text-01: (
   letter-spacing: 0.32px,
 ) !default;
 
+/// @type Map
+/// @access public
+/// @group @carbon/type
+$helper-text-02: (
+  font-size: carbon--type-scale(2),
+  font-weight: carbon--font-weight('regular'),
+  line-height: 1.29,
+  letter-spacing: 0.32px,
+) !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
@@ -488,8 +518,11 @@ $display-04: (
 /// @group @carbon/type
 $tokens: (
   caption-01: $caption-01,
+  caption-02: $caption-02,
   label-01: $label-01,
+  label-02: $label-02,
   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,