@carbon/type 11.17.0 → 11.18.0-rc.0

package/es/index.js

@@ -6,6 +6,7 @@ import { px, baseFontSize, rem, breakpoint, breakpoints } from '@carbon/layout';
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 // Font family fallbacks for: IBM Plex Mono, IBM Plex Sans, IBM Plex Sans
 // Condensed, IBM Plex Sans Hebrew, and IBM Plex Serif
 var fontFamilies = {
@@ -19,7 +20,6 @@ function fontFamily(name) {
   if (!fontFamilies[name]) {
     throw new Error("Unable to find font family: `".concat(name, "`. Expected one of: ") + "[".concat(Object.keys(fontFamilies).join(', '), "]"));
   }
-
   return {
     fontFamily: fontFamilies[name]
   };
@@ -31,6 +31,7 @@ function fontFamily(name) {
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 var fontWeights = {
   light: 300,
   regular: 400,
@@ -40,7 +41,6 @@ function fontWeight(weight) {
   if (!fontWeights[weight]) {
     throw new Error("Unable to find font weight: `".concat(weight, "`. Expected one of: ") + "[".concat(Object.keys(fontWeights).join(', '), "]"));
   }
-
   return {
     fontWeight: fontWeights[weight]
   };
@@ -52,6 +52,7 @@ function fontWeight(weight) {
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 function print(block) {
   return Object.keys(block).reduce(function (acc, key, index) {
     // Short-circuit on the foreign key 'breakpoints'. This is used in our
@@ -60,31 +61,23 @@ function print(block) {
     if (key === 'breakpoints') {
       return acc;
     }
-
     var property = "".concat(paramCase(key), ": ").concat(block[key], ";");
-
     if (index === 0) {
       return property;
     }
-
     return acc + '\n' + property;
   }, '');
 }
-
 function paramCase(string) {
   var result = '';
-
   for (var i = 0; i < string.length; i++) {
     var character = string[i];
-
     if (character === character.toUpperCase()) {
       result += '-' + character.toLowerCase();
       continue;
     }
-
     result += character;
   }
-
   return result;
 }
 
@@ -128,33 +121,29 @@ var reset = {
 function getTypeSize(step) {
   if (step <= 1) {
     return 12;
-  } // Yn = Yn-1 + {FLOOR[(n - 2) / 4] + 1} * 2
-
-
+  }
+  // Yn = Yn-1 + {FLOOR[(n - 2) / 4] + 1} * 2
   return getTypeSize(step - 1) + Math.floor((step - 2) / 4 + 1) * 2;
 }
+
 /**
  * The default type scale for 23 steps. Inlined as an array here through running
  * the follow 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];
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
-
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     enumerableOnly && (symbols = symbols.filter(function (sym) {
       return Object.getOwnPropertyDescriptor(object, sym).enumerable;
     })), keys.push.apply(keys, symbols);
   }
-
   return keys;
 }
-
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = null != arguments[i] ? arguments[i] : {};
@@ -164,10 +153,8 @@ function _objectSpread2(target) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
-
   return target;
 }
-
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
@@ -177,8 +164,8 @@ function _typeof(obj) {
     return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
   }, _typeof(obj);
 }
-
 function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -189,35 +176,26 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
-
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
-
 function _objectWithoutProperties(source, excluded) {
   if (source == null) return {};
-
   var target = _objectWithoutPropertiesLoose(source, excluded);
-
   var key, i;
-
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
     for (i = 0; i < sourceSymbolKeys.length; i++) {
       key = sourceSymbolKeys[i];
       if (excluded.indexOf(key) >= 0) continue;
@@ -225,9 +203,22 @@ function _objectWithoutProperties(source, excluded) {
       target[key] = source[key];
     }
   }
-
   return target;
 }
+function _toPrimitive(input, hint) {
+  if (typeof input !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
 
 var caption01$1 = {
   fontSize: rem(scale[0]),
@@ -621,10 +612,12 @@ var display04$1 = {
       letterSpacing: px(-0.96)
     }
   }
-}; // Type changes - V11
+};
+
+// Type changes - V11
+
 // Small styles
 // No changes for code-01, code-02, label-01, label-02
-
 var legal01$1 = {
   fontSize: rem(scale[0]),
   fontWeight: fontWeights.regular,
@@ -636,26 +629,30 @@ var legal02$1 = {
   fontWeight: fontWeights.regular,
   lineHeight: 1.28572,
   letterSpacing: px(0.16)
-}; // Body styles
+};
 
+// Body styles
 var bodyCompact01$1 = bodyShort01$1;
 var bodyCompact02$1 = bodyShort02$1;
 var body01$1 = bodyLong01$1;
-var body02$1 = bodyLong02$1; // Fixed heading styles
+var body02$1 = bodyLong02$1;
 
+// Fixed heading styles
 var headingCompact01$1 = productiveHeading01$1;
 var headingCompact02$1 = productiveHeading02$1;
 var heading03$1 = productiveHeading03$1;
 var heading04$1 = productiveHeading04$1;
 var heading05$1 = productiveHeading05$1;
 var heading06$1 = productiveHeading06$1;
-var heading07$1 = productiveHeading07$1; // Fluid heading styles
+var heading07$1 = productiveHeading07$1;
 
+// Fluid heading styles
 var fluidHeading03$1 = expressiveHeading03$1;
 var fluidHeading04$1 = expressiveHeading04$1;
 var fluidHeading05$1 = expressiveHeading05$1;
-var fluidHeading06$1 = expressiveHeading06$1; // Additional fluid styles
+var fluidHeading06$1 = expressiveHeading06$1;
 
+// Additional fluid styles
 var fluidParagraph01$1 = expressiveParagraph01$1;
 var fluidQuotation01$1 = quotation01$1;
 var fluidQuotation02$1 = quotation02$1;
@@ -728,25 +725,19 @@ var styles = /*#__PURE__*/Object.freeze({
 
 var _excluded = ["breakpoints"];
 var breakpointNames = Object.keys(breakpoints);
-
 function next(name) {
   return breakpointNames[breakpointNames.indexOf(name) + 1];
 }
-
 function fluid(selector) {
   var fluidBreakpoints = selector.breakpoints,
-      styles = _objectWithoutProperties(selector, _excluded);
-
+    styles = _objectWithoutProperties(selector, _excluded);
   if (_typeof(fluidBreakpoints) !== 'object') {
     return styles;
   }
-
   var fluidBreakpointNames = Object.keys(fluidBreakpoints);
-
   if (fluidBreakpointNames.length === 0) {
     return styles;
   }
-
   styles.fontSize = fluidTypeSize(styles, 'sm', fluidBreakpoints);
   fluidBreakpointNames.forEach(function (name) {
     styles[breakpoint(name)] = _objectSpread2(_objectSpread2({}, fluidBreakpoints[name]), {}, {
@@ -755,41 +746,33 @@ function fluid(selector) {
   });
   return styles;
 }
-
 function fluidTypeSize(defaultStyles, fluidBreakpointName, fluidBreakpoints) {
   var breakpoint = breakpoints[fluidBreakpointName];
   var fluidBreakpoint = fluidBreakpointName === 'sm' ? defaultStyles : fluidBreakpoints[fluidBreakpointName];
   var maxFontSize = defaultStyles.fontSize;
   var minFontSize = defaultStyles.fontSize;
-
   if (fluidBreakpoint.fontSize) {
     minFontSize = fluidBreakpoint.fontSize;
   }
-
   var maxViewportWidth = breakpoint.width;
   var minViewportWidth = breakpoint.width;
   var nextBreakpointAvailable = next(fluidBreakpointName);
   var nextFluidBreakpointName = null;
-
   while (nextBreakpointAvailable) {
     if (fluidBreakpoints[nextBreakpointAvailable]) {
       nextFluidBreakpointName = nextBreakpointAvailable;
       break;
     }
-
     nextBreakpointAvailable = next(nextBreakpointAvailable);
   }
-
   if (nextFluidBreakpointName) {
     var nextFluidBreakpoint = breakpoints[nextFluidBreakpointName];
     maxFontSize = fluidBreakpoints[nextFluidBreakpointName].fontSize;
     maxViewportWidth = nextFluidBreakpoint.width;
     return "calc(".concat(minFontSize, " + ").concat(subtract(maxFontSize, minFontSize), " * ((100vw - ").concat(minViewportWidth, ") / ").concat(subtract(maxViewportWidth, minViewportWidth), "))");
   }
-
   return minFontSize;
 }
-
 function subtract(a, b) {
   return parseFloat(a) - parseFloat(b);
 }
@@ -800,6 +783,7 @@ function subtract(a, b) {
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 // Unstable tokens
 var caption01 = 'caption01';
 var caption02 = 'caption02';
@@ -834,8 +818,8 @@ var quotation02 = 'quotation02';
 var display01 = 'display01';
 var display02 = 'display02';
 var display03 = 'display03';
-var display04 = 'display04'; // V11 Tokens
-
+var display04 = 'display04';
+// V11 Tokens
 var legal01 = 'legal01';
 var legal02 = 'legal02';
 var bodyCompact01 = 'bodyCompact01';
@@ -860,7 +844,8 @@ var fluidDisplay01 = 'fluidDisplay01';
 var fluidDisplay02 = 'fluidDisplay02';
 var fluidDisplay03 = 'fluidDisplay03';
 var fluidDisplay04 = 'fluidDisplay04';
-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, // V11 Tokens
+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,
+// V11 Tokens
 legal01, legal02, bodyCompact01, bodyCompact02, body01, body02, headingCompact01, headingCompact02, heading03, heading04, heading05, heading06, heading07, fluidHeading03, fluidHeading04, fluidHeading05, fluidHeading06, fluidParagraph01, fluidQuotation01, fluidQuotation02, fluidDisplay01, fluidDisplay02, fluidDisplay03, fluidDisplay04];
 
 export { body01$1 as body01, body02$1 as body02, bodyCompact01$1 as bodyCompact01, bodyCompact02$1 as bodyCompact02, 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, fluidDisplay01$1 as fluidDisplay01, fluidDisplay02$1 as fluidDisplay02, fluidDisplay03$1 as fluidDisplay03, fluidDisplay04$1 as fluidDisplay04, fluidHeading03$1 as fluidHeading03, fluidHeading04$1 as fluidHeading04, fluidHeading05$1 as fluidHeading05, fluidHeading06$1 as fluidHeading06, fluidParagraph01$1 as fluidParagraph01, fluidQuotation01$1 as fluidQuotation01, fluidQuotation02$1 as fluidQuotation02, fontFamilies, fontFamily, fontWeight, fontWeights, getTypeSize, heading01$1 as heading01, heading02$1 as heading02, heading03$1 as heading03, heading04$1 as heading04, heading05$1 as heading05, heading06$1 as heading06, heading07$1 as heading07, headingCompact01$1 as headingCompact01, headingCompact02$1 as headingCompact02, helperText01$1 as helperText01, helperText02$1 as helperText02, label01$1 as label01, label02$1 as label02, legal01$1 as legal01, legal02$1 as legal02, 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

@@ -10,6 +10,7 @@ var layout = require('@carbon/layout');
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 // Font family fallbacks for: IBM Plex Mono, IBM Plex Sans, IBM Plex Sans
 // Condensed, IBM Plex Sans Hebrew, and IBM Plex Serif
 var fontFamilies = {
@@ -23,7 +24,6 @@ function fontFamily(name) {
   if (!fontFamilies[name]) {
     throw new Error("Unable to find font family: `".concat(name, "`. Expected one of: ") + "[".concat(Object.keys(fontFamilies).join(', '), "]"));
   }
-
   return {
     fontFamily: fontFamilies[name]
   };
@@ -35,6 +35,7 @@ function fontFamily(name) {
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 var fontWeights = {
   light: 300,
   regular: 400,
@@ -44,7 +45,6 @@ function fontWeight(weight) {
   if (!fontWeights[weight]) {
     throw new Error("Unable to find font weight: `".concat(weight, "`. Expected one of: ") + "[".concat(Object.keys(fontWeights).join(', '), "]"));
   }
-
   return {
     fontWeight: fontWeights[weight]
   };
@@ -56,6 +56,7 @@ function fontWeight(weight) {
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 function print(block) {
   return Object.keys(block).reduce(function (acc, key, index) {
     // Short-circuit on the foreign key 'breakpoints'. This is used in our
@@ -64,31 +65,23 @@ function print(block) {
     if (key === 'breakpoints') {
       return acc;
     }
-
     var property = "".concat(paramCase(key), ": ").concat(block[key], ";");
-
     if (index === 0) {
       return property;
     }
-
     return acc + '\n' + property;
   }, '');
 }
-
 function paramCase(string) {
   var result = '';
-
   for (var i = 0; i < string.length; i++) {
     var character = string[i];
-
     if (character === character.toUpperCase()) {
       result += '-' + character.toLowerCase();
       continue;
     }
-
     result += character;
   }
-
   return result;
 }
 
@@ -132,33 +125,29 @@ var reset = {
 function getTypeSize(step) {
   if (step <= 1) {
     return 12;
-  } // Yn = Yn-1 + {FLOOR[(n - 2) / 4] + 1} * 2
-
-
+  }
+  // Yn = Yn-1 + {FLOOR[(n - 2) / 4] + 1} * 2
   return getTypeSize(step - 1) + Math.floor((step - 2) / 4 + 1) * 2;
 }
+
 /**
  * The default type scale for 23 steps. Inlined as an array here through running
  * the follow 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];
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
-
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     enumerableOnly && (symbols = symbols.filter(function (sym) {
       return Object.getOwnPropertyDescriptor(object, sym).enumerable;
     })), keys.push.apply(keys, symbols);
   }
-
   return keys;
 }
-
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = null != arguments[i] ? arguments[i] : {};
@@ -168,10 +157,8 @@ function _objectSpread2(target) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
-
   return target;
 }
-
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
@@ -181,8 +168,8 @@ function _typeof(obj) {
     return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
   }, _typeof(obj);
 }
-
 function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -193,35 +180,26 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
-
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
-
 function _objectWithoutProperties(source, excluded) {
   if (source == null) return {};
-
   var target = _objectWithoutPropertiesLoose(source, excluded);
-
   var key, i;
-
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
     for (i = 0; i < sourceSymbolKeys.length; i++) {
       key = sourceSymbolKeys[i];
       if (excluded.indexOf(key) >= 0) continue;
@@ -229,9 +207,22 @@ function _objectWithoutProperties(source, excluded) {
       target[key] = source[key];
     }
   }
-
   return target;
 }
+function _toPrimitive(input, hint) {
+  if (typeof input !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
 
 var caption01$1 = {
   fontSize: layout.rem(scale[0]),
@@ -625,10 +616,12 @@ var display04$1 = {
       letterSpacing: layout.px(-0.96)
     }
   }
-}; // Type changes - V11
+};
+
+// Type changes - V11
+
 // Small styles
 // No changes for code-01, code-02, label-01, label-02
-
 var legal01$1 = {
   fontSize: layout.rem(scale[0]),
   fontWeight: fontWeights.regular,
@@ -640,26 +633,30 @@ var legal02$1 = {
   fontWeight: fontWeights.regular,
   lineHeight: 1.28572,
   letterSpacing: layout.px(0.16)
-}; // Body styles
+};
 
+// Body styles
 var bodyCompact01$1 = bodyShort01$1;
 var bodyCompact02$1 = bodyShort02$1;
 var body01$1 = bodyLong01$1;
-var body02$1 = bodyLong02$1; // Fixed heading styles
+var body02$1 = bodyLong02$1;
 
+// Fixed heading styles
 var headingCompact01$1 = productiveHeading01$1;
 var headingCompact02$1 = productiveHeading02$1;
 var heading03$1 = productiveHeading03$1;
 var heading04$1 = productiveHeading04$1;
 var heading05$1 = productiveHeading05$1;
 var heading06$1 = productiveHeading06$1;
-var heading07$1 = productiveHeading07$1; // Fluid heading styles
+var heading07$1 = productiveHeading07$1;
 
+// Fluid heading styles
 var fluidHeading03$1 = expressiveHeading03$1;
 var fluidHeading04$1 = expressiveHeading04$1;
 var fluidHeading05$1 = expressiveHeading05$1;
-var fluidHeading06$1 = expressiveHeading06$1; // Additional fluid styles
+var fluidHeading06$1 = expressiveHeading06$1;
 
+// Additional fluid styles
 var fluidParagraph01$1 = expressiveParagraph01$1;
 var fluidQuotation01$1 = quotation01$1;
 var fluidQuotation02$1 = quotation02$1;
@@ -732,25 +729,19 @@ var styles = /*#__PURE__*/Object.freeze({
 
 var _excluded = ["breakpoints"];
 var breakpointNames = Object.keys(layout.breakpoints);
-
 function next(name) {
   return breakpointNames[breakpointNames.indexOf(name) + 1];
 }
-
 function fluid(selector) {
   var fluidBreakpoints = selector.breakpoints,
-      styles = _objectWithoutProperties(selector, _excluded);
-
+    styles = _objectWithoutProperties(selector, _excluded);
   if (_typeof(fluidBreakpoints) !== 'object') {
     return styles;
   }
-
   var fluidBreakpointNames = Object.keys(fluidBreakpoints);
-
   if (fluidBreakpointNames.length === 0) {
     return styles;
   }
-
   styles.fontSize = fluidTypeSize(styles, 'sm', fluidBreakpoints);
   fluidBreakpointNames.forEach(function (name) {
     styles[layout.breakpoint(name)] = _objectSpread2(_objectSpread2({}, fluidBreakpoints[name]), {}, {
@@ -759,41 +750,33 @@ function fluid(selector) {
   });
   return styles;
 }
-
 function fluidTypeSize(defaultStyles, fluidBreakpointName, fluidBreakpoints) {
   var breakpoint = layout.breakpoints[fluidBreakpointName];
   var fluidBreakpoint = fluidBreakpointName === 'sm' ? defaultStyles : fluidBreakpoints[fluidBreakpointName];
   var maxFontSize = defaultStyles.fontSize;
   var minFontSize = defaultStyles.fontSize;
-
   if (fluidBreakpoint.fontSize) {
     minFontSize = fluidBreakpoint.fontSize;
   }
-
   var maxViewportWidth = breakpoint.width;
   var minViewportWidth = breakpoint.width;
   var nextBreakpointAvailable = next(fluidBreakpointName);
   var nextFluidBreakpointName = null;
-
   while (nextBreakpointAvailable) {
     if (fluidBreakpoints[nextBreakpointAvailable]) {
       nextFluidBreakpointName = nextBreakpointAvailable;
       break;
     }
-
     nextBreakpointAvailable = next(nextBreakpointAvailable);
   }
-
   if (nextFluidBreakpointName) {
     var nextFluidBreakpoint = layout.breakpoints[nextFluidBreakpointName];
     maxFontSize = fluidBreakpoints[nextFluidBreakpointName].fontSize;
     maxViewportWidth = nextFluidBreakpoint.width;
     return "calc(".concat(minFontSize, " + ").concat(subtract(maxFontSize, minFontSize), " * ((100vw - ").concat(minViewportWidth, ") / ").concat(subtract(maxViewportWidth, minViewportWidth), "))");
   }
-
   return minFontSize;
 }
-
 function subtract(a, b) {
   return parseFloat(a) - parseFloat(b);
 }
@@ -804,6 +787,7 @@ function subtract(a, b) {
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 // Unstable tokens
 var caption01 = 'caption01';
 var caption02 = 'caption02';
@@ -838,8 +822,8 @@ var quotation02 = 'quotation02';
 var display01 = 'display01';
 var display02 = 'display02';
 var display03 = 'display03';
-var display04 = 'display04'; // V11 Tokens
-
+var display04 = 'display04';
+// V11 Tokens
 var legal01 = 'legal01';
 var legal02 = 'legal02';
 var bodyCompact01 = 'bodyCompact01';
@@ -864,7 +848,8 @@ var fluidDisplay01 = 'fluidDisplay01';
 var fluidDisplay02 = 'fluidDisplay02';
 var fluidDisplay03 = 'fluidDisplay03';
 var fluidDisplay04 = 'fluidDisplay04';
-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, // V11 Tokens
+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,
+// V11 Tokens
 legal01, legal02, bodyCompact01, bodyCompact02, body01, body02, headingCompact01, headingCompact02, heading03, heading04, heading05, heading06, heading07, fluidHeading03, fluidHeading04, fluidHeading05, fluidHeading06, fluidParagraph01, fluidQuotation01, fluidQuotation02, fluidDisplay01, fluidDisplay02, fluidDisplay03, fluidDisplay04];
 
 exports.body01 = body01$1;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/type",
   "description": "Typography for digital and software products using the Carbon Design System",
-  "version": "11.17.0",
+  "version": "11.18.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -37,15 +37,15 @@
     "clean": "rimraf css es lib umd"
   },
   "dependencies": {
-    "@carbon/grid": "^11.13.0",
-    "@carbon/layout": "^11.13.0"
+    "@carbon/grid": "^11.14.0-rc.0",
+    "@carbon/layout": "^11.14.0-rc.0"
   },
   "devDependencies": {
-    "@carbon/cli": "^11.9.0",
-    "@carbon/test-utils": "^10.28.0",
+    "@carbon/cli": "^11.10.0-rc.0",
+    "@carbon/test-utils": "^10.29.0-rc.0",
     "change-case": "^4.1.1",
     "css": "^3.0.0",
-    "rimraf": "^4.0.0"
+    "rimraf": "^5.0.0"
   },
   "eyeglass": {
     "exports": false,
@@ -53,5 +53,5 @@
     "sassDir": "scss",
     "needs": "^1.3.0"
   },
-  "gitHead": "9d9c35494255b0ad0996bad46ffaf093cdd20012"
+  "gitHead": "64172da793195b868dd5f4cbf9f2933184ed9cac"
 }

package/scss/_styles.scss

@@ -15,6 +15,28 @@
 @use 'font-family';
 @use 'scale';
 
+/// @type Map
+/// @access public
+/// @deprecated
+/// @group @carbon/type
+$caption-01: (
+  font-size: scale.type-scale(1),
+  font-weight: font-family.font-weight('regular'),
+  line-height: 1.33333,
+  letter-spacing: 0.32px,
+) !default;
+
+/// @type Map
+/// @access public
+/// @deprecated
+/// @group @carbon/type
+$caption-02: (
+  font-size: scale.type-scale(2),
+  font-weight: font-family.font-weight('regular'),
+  line-height: 1.28572,
+  letter-spacing: 0.32px,
+) !default;
+
 /// @type Map
 /// @access public
 /// @group @carbon/type
@@ -639,6 +661,8 @@ $fluid-display-04: $display-04 !default;
 /// @access public
 /// @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,

package/umd/index.js

@@ -10,6 +10,7 @@
    * This source code is licensed under the Apache-2.0 license found in the
    * LICENSE file in the root directory of this source tree.
    */
+
   // Font family fallbacks for: IBM Plex Mono, IBM Plex Sans, IBM Plex Sans
   // Condensed, IBM Plex Sans Hebrew, and IBM Plex Serif
   var fontFamilies = {
@@ -23,7 +24,6 @@
     if (!fontFamilies[name]) {
       throw new Error("Unable to find font family: `".concat(name, "`. Expected one of: ") + "[".concat(Object.keys(fontFamilies).join(', '), "]"));
     }
-
     return {
       fontFamily: fontFamilies[name]
     };
@@ -35,6 +35,7 @@
    * This source code is licensed under the Apache-2.0 license found in the
    * LICENSE file in the root directory of this source tree.
    */
+
   var fontWeights = {
     light: 300,
     regular: 400,
@@ -44,7 +45,6 @@
     if (!fontWeights[weight]) {
       throw new Error("Unable to find font weight: `".concat(weight, "`. Expected one of: ") + "[".concat(Object.keys(fontWeights).join(', '), "]"));
     }
-
     return {
       fontWeight: fontWeights[weight]
     };
@@ -56,6 +56,7 @@
    * This source code is licensed under the Apache-2.0 license found in the
    * LICENSE file in the root directory of this source tree.
    */
+
   function print(block) {
     return Object.keys(block).reduce(function (acc, key, index) {
       // Short-circuit on the foreign key 'breakpoints'. This is used in our
@@ -64,31 +65,23 @@
       if (key === 'breakpoints') {
         return acc;
       }
-
       var property = "".concat(paramCase(key), ": ").concat(block[key], ";");
-
       if (index === 0) {
         return property;
       }
-
       return acc + '\n' + property;
     }, '');
   }
-
   function paramCase(string) {
     var result = '';
-
     for (var i = 0; i < string.length; i++) {
       var character = string[i];
-
       if (character === character.toUpperCase()) {
         result += '-' + character.toLowerCase();
         continue;
       }
-
       result += character;
     }
-
     return result;
   }
 
@@ -132,33 +125,29 @@
   function getTypeSize(step) {
     if (step <= 1) {
       return 12;
-    } // Yn = Yn-1 + {FLOOR[(n - 2) / 4] + 1} * 2
-
-
+    }
+    // Yn = Yn-1 + {FLOOR[(n - 2) / 4] + 1} * 2
     return getTypeSize(step - 1) + Math.floor((step - 2) / 4 + 1) * 2;
   }
+
   /**
    * The default type scale for 23 steps. Inlined as an array here through running
    * the follow 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];
 
   function ownKeys(object, enumerableOnly) {
     var keys = Object.keys(object);
-
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
       enumerableOnly && (symbols = symbols.filter(function (sym) {
         return Object.getOwnPropertyDescriptor(object, sym).enumerable;
       })), keys.push.apply(keys, symbols);
     }
-
     return keys;
   }
-
   function _objectSpread2(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
@@ -168,10 +157,8 @@
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
-
     return target;
   }
-
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
@@ -181,8 +168,8 @@
       return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
     }, _typeof(obj);
   }
-
   function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -193,35 +180,26 @@
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
-
   function _objectWithoutPropertiesLoose(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
     var key, i;
-
     for (i = 0; i < sourceKeys.length; i++) {
       key = sourceKeys[i];
       if (excluded.indexOf(key) >= 0) continue;
       target[key] = source[key];
     }
-
     return target;
   }
-
   function _objectWithoutProperties(source, excluded) {
     if (source == null) return {};
-
     var target = _objectWithoutPropertiesLoose(source, excluded);
-
     var key, i;
-
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
       for (i = 0; i < sourceSymbolKeys.length; i++) {
         key = sourceSymbolKeys[i];
         if (excluded.indexOf(key) >= 0) continue;
@@ -229,9 +207,22 @@
         target[key] = source[key];
       }
     }
-
     return target;
   }
+  function _toPrimitive(input, hint) {
+    if (typeof input !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (typeof res !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return typeof key === "symbol" ? key : String(key);
+  }
 
   var caption01$1 = {
     fontSize: layout.rem(scale[0]),
@@ -625,10 +616,12 @@
         letterSpacing: layout.px(-0.96)
       }
     }
-  }; // Type changes - V11
+  };
+
+  // Type changes - V11
+
   // Small styles
   // No changes for code-01, code-02, label-01, label-02
-
   var legal01$1 = {
     fontSize: layout.rem(scale[0]),
     fontWeight: fontWeights.regular,
@@ -640,26 +633,30 @@
     fontWeight: fontWeights.regular,
     lineHeight: 1.28572,
     letterSpacing: layout.px(0.16)
-  }; // Body styles
+  };
 
+  // Body styles
   var bodyCompact01$1 = bodyShort01$1;
   var bodyCompact02$1 = bodyShort02$1;
   var body01$1 = bodyLong01$1;
-  var body02$1 = bodyLong02$1; // Fixed heading styles
+  var body02$1 = bodyLong02$1;
 
+  // Fixed heading styles
   var headingCompact01$1 = productiveHeading01$1;
   var headingCompact02$1 = productiveHeading02$1;
   var heading03$1 = productiveHeading03$1;
   var heading04$1 = productiveHeading04$1;
   var heading05$1 = productiveHeading05$1;
   var heading06$1 = productiveHeading06$1;
-  var heading07$1 = productiveHeading07$1; // Fluid heading styles
+  var heading07$1 = productiveHeading07$1;
 
+  // Fluid heading styles
   var fluidHeading03$1 = expressiveHeading03$1;
   var fluidHeading04$1 = expressiveHeading04$1;
   var fluidHeading05$1 = expressiveHeading05$1;
-  var fluidHeading06$1 = expressiveHeading06$1; // Additional fluid styles
+  var fluidHeading06$1 = expressiveHeading06$1;
 
+  // Additional fluid styles
   var fluidParagraph01$1 = expressiveParagraph01$1;
   var fluidQuotation01$1 = quotation01$1;
   var fluidQuotation02$1 = quotation02$1;
@@ -732,25 +729,19 @@
 
   var _excluded = ["breakpoints"];
   var breakpointNames = Object.keys(layout.breakpoints);
-
   function next(name) {
     return breakpointNames[breakpointNames.indexOf(name) + 1];
   }
-
   function fluid(selector) {
     var fluidBreakpoints = selector.breakpoints,
-        styles = _objectWithoutProperties(selector, _excluded);
-
+      styles = _objectWithoutProperties(selector, _excluded);
     if (_typeof(fluidBreakpoints) !== 'object') {
       return styles;
     }
-
     var fluidBreakpointNames = Object.keys(fluidBreakpoints);
-
     if (fluidBreakpointNames.length === 0) {
       return styles;
     }
-
     styles.fontSize = fluidTypeSize(styles, 'sm', fluidBreakpoints);
     fluidBreakpointNames.forEach(function (name) {
       styles[layout.breakpoint(name)] = _objectSpread2(_objectSpread2({}, fluidBreakpoints[name]), {}, {
@@ -759,41 +750,33 @@
     });
     return styles;
   }
-
   function fluidTypeSize(defaultStyles, fluidBreakpointName, fluidBreakpoints) {
     var breakpoint = layout.breakpoints[fluidBreakpointName];
     var fluidBreakpoint = fluidBreakpointName === 'sm' ? defaultStyles : fluidBreakpoints[fluidBreakpointName];
     var maxFontSize = defaultStyles.fontSize;
     var minFontSize = defaultStyles.fontSize;
-
     if (fluidBreakpoint.fontSize) {
       minFontSize = fluidBreakpoint.fontSize;
     }
-
     var maxViewportWidth = breakpoint.width;
     var minViewportWidth = breakpoint.width;
     var nextBreakpointAvailable = next(fluidBreakpointName);
     var nextFluidBreakpointName = null;
-
     while (nextBreakpointAvailable) {
       if (fluidBreakpoints[nextBreakpointAvailable]) {
         nextFluidBreakpointName = nextBreakpointAvailable;
         break;
       }
-
       nextBreakpointAvailable = next(nextBreakpointAvailable);
     }
-
     if (nextFluidBreakpointName) {
       var nextFluidBreakpoint = layout.breakpoints[nextFluidBreakpointName];
       maxFontSize = fluidBreakpoints[nextFluidBreakpointName].fontSize;
       maxViewportWidth = nextFluidBreakpoint.width;
       return "calc(".concat(minFontSize, " + ").concat(subtract(maxFontSize, minFontSize), " * ((100vw - ").concat(minViewportWidth, ") / ").concat(subtract(maxViewportWidth, minViewportWidth), "))");
     }
-
     return minFontSize;
   }
-
   function subtract(a, b) {
     return parseFloat(a) - parseFloat(b);
   }
@@ -804,6 +787,7 @@
    * This source code is licensed under the Apache-2.0 license found in the
    * LICENSE file in the root directory of this source tree.
    */
+
   // Unstable tokens
   var caption01 = 'caption01';
   var caption02 = 'caption02';
@@ -838,8 +822,8 @@
   var display01 = 'display01';
   var display02 = 'display02';
   var display03 = 'display03';
-  var display04 = 'display04'; // V11 Tokens
-
+  var display04 = 'display04';
+  // V11 Tokens
   var legal01 = 'legal01';
   var legal02 = 'legal02';
   var bodyCompact01 = 'bodyCompact01';
@@ -864,7 +848,8 @@
   var fluidDisplay02 = 'fluidDisplay02';
   var fluidDisplay03 = 'fluidDisplay03';
   var fluidDisplay04 = 'fluidDisplay04';
-  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, // V11 Tokens
+  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,
+  // V11 Tokens
   legal01, legal02, bodyCompact01, bodyCompact02, body01, body02, headingCompact01, headingCompact02, heading03, heading04, heading05, heading06, heading07, fluidHeading03, fluidHeading04, fluidHeading05, fluidHeading06, fluidParagraph01, fluidQuotation01, fluidQuotation02, fluidDisplay01, fluidDisplay02, fluidDisplay03, fluidDisplay04];
 
   exports.body01 = body01$1;