@carbon/type 10.27.0 → 10.29.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.27.0",
+  "version": "10.29.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -37,11 +37,11 @@
   },
   "dependencies": {
     "@carbon/import-once": "^10.6.0",
-    "@carbon/layout": "^10.23.0"
+    "@carbon/layout": "^10.25.0"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.22.0",
-    "@carbon/test-utils": "^10.15.0",
+    "@carbon/cli": "^10.24.0",
+    "@carbon/test-utils": "^10.16.0",
     "change-case": "^4.1.1",
     "rimraf": "^3.0.0"
   },
@@ -51,5 +51,5 @@
     "sassDir": "scss",
     "needs": "^1.3.0"
   },
-  "gitHead": "ee650dfb14b7428a1509fcef32db2438b9b9eb76"
+  "gitHead": "d02eacdefc2c94da1b7619a20df441e264bf884c"
 }

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,
@@ -696,13 +729,14 @@ $custom-property-prefix: 'cds' !default;
 
   // If $fluid is set to true and the token has breakpoints defined for fluid
   // styles, delegate to the fluid-type helper for the given token
+  // Otherwise remove token breakpoints
   @if $fluid == true and map-has-key($token, 'breakpoints') {
     @include fluid-type($token, $breakpoints);
   } @else {
     @if global-variable-exists('feature-flags') and
       map-get($feature-flags, 'enable-css-custom-properties')
     {
-      @include custom-properties($name, $token);
+      @include custom-properties($name, map-remove($token, 'breakpoints'));
     } @else {
       // Otherwise, we just include all the property declarations directly on the
       // selector

package/scss/_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,
@@ -696,13 +729,14 @@ $custom-property-prefix: 'cds' !default;
 
   // If $fluid is set to true and the token has breakpoints defined for fluid
   // styles, delegate to the fluid-type helper for the given token
+  // Otherwise remove token breakpoints
   @if $fluid == true and map-has-key($token, 'breakpoints') {
     @include fluid-type($token, $breakpoints);
   } @else {
     @if global-variable-exists('feature-flags') and
       map-get($feature-flags, 'enable-css-custom-properties')
     {
-      @include custom-properties($name, $token);
+      @include custom-properties($name, map-remove($token, 'breakpoints'));
     } @else {
       // Otherwise, we just include all the property declarations directly on the
       // selector

package/scss/vendor/@carbon/layout/generated/_size.scss

@@ -0,0 +1,17 @@
+// Code generated by @carbon/layout. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2019
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+/// @type Number
+/// @access public
+/// @group @carbon/layout
+$size-xs: 1.5rem;
+$size-sm: 2rem;
+$size-md: 2.5rem;
+$size-lg: 3rem;
+$size-xl: 4rem;
+$size-2xl: 5rem;

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

@@ -35,6 +35,13 @@ line-height: 1.34;
 letter-spacing: 0.32px;"
 `;
 
+exports[`styles caption02 should be printable 1`] = `
+"font-size: 0.875rem;
+font-weight: 400;
+line-height: 1.29;
+letter-spacing: 0.32px;"
+`;
+
 exports[`styles code01 should be printable 1`] = `
 "font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
 font-size: 0.75rem;
@@ -148,6 +155,12 @@ line-height: 1.34;
 letter-spacing: 0.32px;"
 `;
 
+exports[`styles helperText02 should be printable 1`] = `
+"font-size: 0.875rem;
+line-height: 1.29;
+letter-spacing: 0.32px;"
+`;
+
 exports[`styles label01 should be printable 1`] = `
 "font-size: 0.75rem;
 font-weight: 400;
@@ -155,6 +168,13 @@ line-height: 1.34;
 letter-spacing: 0.32px;"
 `;
 
+exports[`styles label02 should be printable 1`] = `
+"font-size: 0.875rem;
+font-weight: 400;
+line-height: 1.29;
+letter-spacing: 0.32px;"
+`;
+
 exports[`styles productiveHeading01 should be printable 1`] = `
 "font-size: 0.875rem;
 font-weight: 600;

package/src/__tests__/exports-test.js

@@ -25,8 +25,11 @@ describe('type', () => {
         "unstable_tokens",
         "styles",
         "caption01",
+        "caption02",
         "label01",
+        "label02",
         "helperText01",
+        "helperText02",
         "bodyShort01",
         "bodyLong01",
         "bodyShort02",

package/src/styles.js

@@ -17,6 +17,13 @@ export const caption01 = {
   letterSpacing: px(0.32),
 };
 
+export const caption02 = {
+  fontSize: rem(scale[1]),
+  fontWeight: fontWeights.regular,
+  lineHeight: 1.29,
+  letterSpacing: px(0.32),
+};
+
 export const label01 = {
   fontSize: rem(scale[0]),
   fontWeight: fontWeights.regular,
@@ -24,12 +31,25 @@ export const label01 = {
   letterSpacing: px(0.32),
 };
 
+export const label02 = {
+  fontSize: rem(scale[1]),
+  fontWeight: fontWeights.regular,
+  lineHeight: 1.29,
+  letterSpacing: px(0.32),
+};
+
 export const helperText01 = {
   fontSize: rem(scale[0]),
   lineHeight: 1.34,
   letterSpacing: px(0.32),
 };
 
+export const helperText02 = {
+  fontSize: rem(scale[1]),
+  lineHeight: 1.29,
+  letterSpacing: px(0.32),
+};
+
 export const bodyShort01 = {
   fontSize: rem(scale[1]),
   fontWeight: fontWeights.regular,

package/src/tokens.js

@@ -7,8 +7,11 @@
 
 // Unstable tokens
 export const caption01 = 'caption01';
+export const caption02 = 'caption02';
 export const label01 = 'label01';
+export const label02 = 'label02';
 export const helperText01 = 'helperText01';
+export const helperText02 = 'helperText02';
 export const bodyShort01 = 'bodyShort01';
 export const bodyLong01 = 'bodyLong01';
 export const bodyShort02 = 'bodyShort02';
@@ -40,8 +43,11 @@ export const display04 = 'display04';
 
 export const unstable_tokens = [
   caption01,
+  caption02,
   label01,
+  label02,
   helperText01,
+  helperText02,
   bodyShort01,
   bodyLong01,
   bodyShort02,

package/umd/index.js

@@ -146,45 +146,18 @@
 
   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 @@
     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 @@
     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 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 @@
    */
   // 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 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.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;