@carbon/type 11.55.0-rc.0 → 11.56.0-rc.0

package/lib/index.js

@@ -1,909 +1,910 @@
-'use strict';
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) {
+		__defProp(target, name, {
+			get: all[name],
+			enumerable: true
+		});
+	}
+	if (!no_symbols) {
+		__defProp(target, Symbol.toStringTag, { value: "Module" });
+	}
+	return target;
+};
 
-var layout = require('@carbon/layout');
+//#endregion
+let _carbon_layout = require("@carbon/layout");
 
+//#region src/fontFamily.js
 /**
- * Copyright IBM Corp. 2018, 2023
- *
- * 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 = {
-  mono: "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace",
-  sans: "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif",
-  sansCondensed: "'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif",
-  sansHebrew: "'IBM Plex Sans Hebrew', 'Helvetica Hebrew', 'Arial Hebrew', sans-serif",
-  serif: "'IBM Plex Serif', 'Georgia', Times, serif"
+* Copyright IBM Corp. 2018, 2023
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const fontFamilies = {
+	mono: "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace",
+	sans: "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif",
+	sansCondensed: "'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif",
+	sansHebrew: "'IBM Plex Sans Hebrew', 'Helvetica Hebrew', 'Arial Hebrew', sans-serif",
+	serif: "'IBM Plex Serif', 'Georgia', Times, serif"
 };
 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]
-  };
+	if (!fontFamilies[name]) throw new Error(`Unable to find font family: \`${name}\`. Expected one of: [${Object.keys(fontFamilies).join(", ")}]`);
+	return { fontFamily: fontFamilies[name] };
 }
 
+//#endregion
+//#region src/fontWeight.js
 /**
- * Copyright IBM Corp. 2018, 2023
- *
- * 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,
-  semibold: 600
+* Copyright IBM Corp. 2018, 2023
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const fontWeights = {
+	light: 300,
+	regular: 400,
+	semibold: 600
 };
 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]
-  };
+	if (!fontWeights[weight]) throw new Error(`Unable to find font weight: \`${weight}\`. Expected one of: [${Object.keys(fontWeights).join(", ")}]`);
+	return { fontWeight: fontWeights[weight] };
 }
 
+//#endregion
+//#region src/print.js
 /**
- * Copyright IBM Corp. 2018, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
+* Copyright IBM Corp. 2018, 2023
+*
+* 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
-    // tokens for fluid type and should not be printed. In the future, we should
-    // tie this to media query outputs.
-    if (key === 'breakpoints') {
-      return acc;
-    }
-    var property = "".concat(paramCase(key), ": ").concat(block[key], ";");
-    if (index === 0) {
-      return property;
-    }
-    return acc + '\n' + property;
-  }, '');
+	return Object.keys(block).reduce((acc, key, index) => {
+		if (key === "breakpoints") return acc;
+		const property = `${paramCase(key)}: ${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;
+	let result = "";
+	for (let i = 0; i < string.length; i++) {
+		const character = string[i];
+		if (character === character.toUpperCase()) {
+			result += "-" + character.toLowerCase();
+			continue;
+		}
+		result += character;
+	}
+	return result;
 }
 
+//#endregion
+//#region src/reset.js
 /**
- * Copyright IBM Corp. 2018, 2023
- *
- * 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 reset = {
-  html: {
-    fontSize: layout.px(layout.baseFontSize)
-  },
-  body: {
-    fontFamily: fontFamilies.sans,
-    fontWeight: fontWeights.regular,
-    textRendering: 'optimizeLegibility',
-    '-webkit-font-smoothing': 'antialiased',
-    '-moz-osx-font-smoothing': 'grayscale'
-  },
-  strong: {
-    fontWeight: fontWeights.semibold
-  },
-  code: {
-    fontFamily: fontFamilies.mono
-  }
+* Copyright IBM Corp. 2018, 2023
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const reset = {
+	html: { fontSize: (0, _carbon_layout.px)(_carbon_layout.baseFontSize) },
+	body: {
+		fontFamily: fontFamilies.sans,
+		fontWeight: fontWeights.regular,
+		textRendering: "optimizeLegibility",
+		"-webkit-font-smoothing": "antialiased",
+		"-moz-osx-font-smoothing": "grayscale"
+	},
+	strong: { fontWeight: fontWeights.semibold },
+	code: { fontFamily: fontFamilies.mono }
 };
 
+//#endregion
+//#region src/scale.js
 /**
- * Copyright IBM Corp. 2018, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
+* Copyright IBM Corp. 2018, 2023
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
 /**
- * Get the type size for the given step
- * @param {number} step
- * @returns {number}
- */
+* Get the type size for the given step
+* @param {number} step
+* @returns {number}
+*/
 function getTypeSize(step) {
-  if (step <= 1) {
-    return 12;
-  }
-  // Yn = Yn-1 + {FLOOR[(n - 2) / 4] + 1} * 2
-  return getTypeSize(step - 1) + Math.floor((step - 2) / 4 + 1) * 2;
+	if (step <= 1) return 12;
+	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];
+* 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))
+*/
+const 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 _defineProperty(e, r, t) {
-  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-    value: t,
-    enumerable: true,
-    configurable: true,
-    writable: true
-  }) : e[r] = t, e;
-}
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function (r) {
-      return Object.getOwnPropertyDescriptor(e, r).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread2(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
-      _defineProperty(e, r, t[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
-      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
-    });
-  }
-  return e;
-}
-function _objectWithoutProperties(e, t) {
-  if (null == e) return {};
-  var o,
-    r,
-    i = _objectWithoutPropertiesLoose(e, t);
-  if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
-  }
-  return i;
-}
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (-1 !== e.indexOf(n)) continue;
-    t[n] = r[n];
-  }
-  return t;
-}
-function _toPrimitive(t, r) {
-  if ("object" != typeof t || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r);
-    if ("object" != typeof i) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
-}
-function _toPropertyKey(t) {
-  var i = _toPrimitive(t, "string");
-  return "symbol" == typeof i ? i : i + "";
-}
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
-
-var caption01$1 = {
-  fontSize: layout.rem(scale[0]),
-  fontWeight: fontWeights.regular,
-  lineHeight: 1.33333,
-  letterSpacing: layout.px(0.32)
-};
-var caption02$1 = {
-  fontSize: layout.rem(scale[1]),
-  fontWeight: fontWeights.regular,
-  lineHeight: 1.28572,
-  letterSpacing: layout.px(0.32)
-};
-var label01$1 = {
-  fontSize: layout.rem(scale[0]),
-  fontWeight: fontWeights.regular,
-  lineHeight: 1.33333,
-  letterSpacing: layout.px(0.32)
-};
-var label02$1 = {
-  fontSize: layout.rem(scale[1]),
-  fontWeight: fontWeights.regular,
-  lineHeight: 1.28572,
-  letterSpacing: layout.px(0.16)
-};
-var helperText01$1 = {
-  fontSize: layout.rem(scale[0]),
-  lineHeight: 1.33333,
-  letterSpacing: layout.px(0.32)
-};
-var helperText02$1 = {
-  fontSize: layout.rem(scale[1]),
-  lineHeight: 1.28572,
-  letterSpacing: layout.px(0.16)
-};
-var bodyShort01$1 = {
-  fontSize: layout.rem(scale[1]),
-  fontWeight: fontWeights.regular,
-  lineHeight: 1.28572,
-  letterSpacing: layout.px(0.16)
-};
-var bodyLong01$1 = {
-  fontSize: layout.rem(scale[1]),
-  fontWeight: fontWeights.regular,
-  lineHeight: 1.42857,
-  letterSpacing: layout.px(0.16)
-};
-var bodyShort02$1 = {
-  fontSize: layout.rem(scale[2]),
-  fontWeight: fontWeights.regular,
-  lineHeight: 1.375,
-  letterSpacing: 0
-};
-var bodyLong02$1 = {
-  fontSize: layout.rem(scale[2]),
-  fontWeight: fontWeights.regular,
-  lineHeight: 1.5,
-  letterSpacing: 0
-};
-var code01$1 = {
-  fontFamily: fontFamilies.mono,
-  fontSize: layout.rem(scale[0]),
-  fontWeight: fontWeights.regular,
-  lineHeight: 1.33333,
-  letterSpacing: layout.px(0.32)
-};
-var code02$1 = {
-  fontFamily: fontFamilies.mono,
-  fontSize: layout.rem(scale[1]),
-  fontWeight: fontWeights.regular,
-  lineHeight: 1.42857,
-  letterSpacing: layout.px(0.32)
-};
-var heading01$1 = {
-  fontSize: layout.rem(scale[1]),
-  fontWeight: fontWeights.semibold,
-  lineHeight: 1.42857,
-  letterSpacing: layout.px(0.16)
-};
-var productiveHeading01$1 = {
-  fontSize: layout.rem(scale[1]),
-  fontWeight: fontWeights.semibold,
-  lineHeight: 1.28572,
-  letterSpacing: layout.px(0.16)
-};
-var heading02$1 = {
-  fontSize: layout.rem(scale[2]),
-  fontWeight: fontWeights.semibold,
-  lineHeight: 1.5,
-  letterSpacing: 0
-};
-var productiveHeading02$1 = {
-  fontSize: layout.rem(scale[2]),
-  fontWeight: fontWeights.semibold,
-  lineHeight: 1.375,
-  letterSpacing: 0
-};
-var productiveHeading03$1 = {
-  fontSize: layout.rem(scale[4]),
-  fontWeight: fontWeights.regular,
-  lineHeight: 1.4,
-  letterSpacing: 0
-};
-var productiveHeading04$1 = {
-  fontSize: layout.rem(scale[6]),
-  fontWeight: fontWeights.regular,
-  lineHeight: 1.28572,
-  letterSpacing: 0
-};
-var productiveHeading05$1 = {
-  fontSize: layout.rem(scale[7]),
-  fontWeight: fontWeights.regular,
-  lineHeight: 1.25,
-  letterSpacing: 0
-};
-var productiveHeading06$1 = {
-  fontSize: layout.rem(scale[9]),
-  fontWeight: fontWeights.light,
-  lineHeight: 1.199,
-  letterSpacing: 0
-};
-var productiveHeading07$1 = {
-  fontSize: layout.rem(scale[11]),
-  fontWeight: fontWeights.light,
-  lineHeight: 1.199,
-  letterSpacing: 0
-};
-var expressiveHeading01$1 = _objectSpread2(_objectSpread2({}, heading01$1), {}, {
-  lineHeight: 1.25
-});
-var expressiveHeading02$1 = _objectSpread2(_objectSpread2({}, heading02$1), {}, {
-  lineHeight: 1.5
-});
-var expressiveHeading03$1 = {
-  fontSize: layout.rem(scale[4]),
-  fontWeight: fontWeights.regular,
-  lineHeight: 1.4,
-  letterSpacing: 0,
-  breakpoints: {
-    xlg: {
-      fontSize: layout.rem(scale[4]),
-      lineHeight: 1.4
-    },
-    max: {
-      fontSize: layout.rem(scale[5]),
-      lineHeight: 1.334
-    }
-  }
-};
-var expressiveHeading04$1 = {
-  fontSize: layout.rem(scale[6]),
-  fontWeight: fontWeights.regular,
-  lineHeight: 1.28572,
-  letterSpacing: 0,
-  breakpoints: {
-    xlg: {
-      fontSize: layout.rem(scale[7]),
-      fontWeight: fontWeights.regular,
-      lineHeight: 1.25
-    },
-    max: {
-      fontSize: layout.rem(scale[7]),
-      fontWeight: fontWeights.regular
-    }
-  }
-};
-var expressiveHeading05$1 = {
-  fontSize: layout.rem(scale[7]),
-  fontWeight: fontWeights.regular,
-  lineHeight: 1.25,
-  letterSpacing: 0,
-  breakpoints: {
-    md: {
-      fontSize: layout.rem(scale[8]),
-      fontWeight: fontWeights.light,
-      lineHeight: 1.22,
-      letterSpacing: 0
-    },
-    lg: {
-      fontSize: layout.rem(scale[9]),
-      lineHeight: 1.19,
-      letterSpacing: 0
-    },
-    xlg: {
-      fontSize: layout.rem(scale[10]),
-      lineHeight: 1.17,
-      letterSpacing: 0
-    },
-    max: {
-      fontSize: layout.rem(scale[12]),
-      letterSpacing: 0
-    }
-  }
-};
-var expressiveHeading06$1 = {
-  fontSize: layout.rem(scale[7]),
-  fontWeight: fontWeights.semibold,
-  lineHeight: 1.25,
-  letterSpacing: 0,
-  breakpoints: {
-    md: {
-      fontSize: layout.rem(scale[8]),
-      fontWeight: fontWeights.semibold,
-      lineHeight: 1.22,
-      letterSpacing: 0
-    },
-    lg: {
-      fontSize: layout.rem(scale[9]),
-      fontWeight: fontWeights.semibold,
-      lineHeight: 1.19,
-      letterSpacing: 0
-    },
-    xlg: {
-      fontSize: layout.rem(scale[10]),
-      fontWeight: fontWeights.semibold,
-      lineHeight: 1.17,
-      letterSpacing: 0
-    },
-    max: {
-      fontSize: layout.rem(scale[12]),
-      fontWeight: fontWeights.semibold,
-      letterSpacing: 0
-    }
-  }
-};
-var expressiveParagraph01$1 = {
-  fontSize: layout.rem(scale[5]),
-  fontWeight: fontWeights.light,
-  lineHeight: 1.334,
-  letterSpacing: 0,
-  breakpoints: {
-    lg: {
-      fontSize: layout.rem(scale[6]),
-      lineHeight: 1.28572
-    },
-    max: {
-      fontSize: layout.rem(scale[7]),
-      lineHeight: 1.25
-    }
-  }
-};
-var quotation01$1 = {
-  fontFamily: fontFamilies.serif,
-  fontSize: layout.rem(scale[4]),
-  fontWeight: fontWeights.regular,
-  lineHeight: 1.3,
-  letterSpacing: 0,
-  breakpoints: {
-    md: {
-      fontSize: layout.rem(scale[4]),
-      fontWeight: fontWeights.regular,
-      letterSpacing: 0
-    },
-    lg: {
-      fontSize: layout.rem(scale[5]),
-      fontWeight: fontWeights.regular,
-      lineHeight: 1.334,
-      letterSpacing: 0
-    },
-    xlg: {
-      fontSize: layout.rem(scale[6]),
-      fontWeight: fontWeights.regular,
-      lineHeight: 1.28572,
-      letterSpacing: 0
-    },
-    max: {
-      fontSize: layout.rem(scale[7]),
-      fontWeight: fontWeights.regular,
-      lineHeight: 1.25,
-      letterSpacing: 0
-    }
-  }
-};
-var quotation02$1 = {
-  fontFamily: fontFamilies.serif,
-  fontSize: layout.rem(scale[7]),
-  fontWeight: fontWeights.light,
-  lineHeight: 1.25,
-  letterSpacing: 0,
-  breakpoints: {
-    md: {
-      fontSize: layout.rem(scale[8]),
-      lineHeight: 1.22
-    },
-    lg: {
-      fontSize: layout.rem(scale[9]),
-      lineHeight: 1.19
-    },
-    xlg: {
-      fontSize: layout.rem(scale[10]),
-      lineHeight: 1.17
-    },
-    max: {
-      fontSize: layout.rem(scale[12])
-    }
-  }
-};
-var display01$1 = {
-  fontSize: layout.rem(scale[9]),
-  fontWeight: fontWeights.light,
-  lineHeight: 1.19,
-  letterSpacing: 0,
-  breakpoints: {
-    md: {
-      fontSize: layout.rem(scale[9])
-    },
-    lg: {
-      fontSize: layout.rem(scale[11])
-    },
-    xlg: {
-      fontSize: layout.rem(scale[12]),
-      lineHeight: 1.17
-    },
-    max: {
-      fontSize: layout.rem(scale[14]),
-      lineHeight: 1.13
-    }
-  }
-};
-var display02$1 = {
-  fontSize: layout.rem(scale[9]),
-  fontWeight: fontWeights.semibold,
-  lineHeight: 1.19,
-  letterSpacing: 0,
-  breakpoints: {
-    md: {
-      fontSize: layout.rem(scale[9])
-    },
-    lg: {
-      fontSize: layout.rem(scale[11])
-    },
-    xlg: {
-      fontSize: layout.rem(scale[12]),
-      lineHeight: 1.16
-    },
-    max: {
-      fontSize: layout.rem(scale[14]),
-      lineHeight: 1.13
-    }
-  }
-};
-var display03$1 = {
-  fontSize: layout.rem(scale[9]),
-  fontWeight: fontWeights.light,
-  lineHeight: 1.19,
-  letterSpacing: 0,
-  breakpoints: {
-    md: {
-      fontSize: layout.rem(scale[11]),
-      lineHeight: 1.18
-    },
-    lg: {
-      fontSize: layout.rem(scale[12]),
-      lineHeight: 1.16,
-      letterSpacing: layout.px(-0.64)
-    },
-    xlg: {
-      fontSize: layout.rem(scale[14]),
-      lineHeight: 1.13
-    },
-    max: {
-      fontSize: layout.rem(scale[15]),
-      lineHeight: 1.11,
-      letterSpacing: layout.px(-0.96)
-    }
-  }
-};
-var display04$1 = {
-  fontSize: layout.rem(scale[9]),
-  fontWeight: fontWeights.light,
-  lineHeight: 1.19,
-  letterSpacing: 0,
-  breakpoints: {
-    md: {
-      fontSize: layout.rem(scale[13]),
-      lineHeight: 1.15
-    },
-    lg: {
-      fontSize: layout.rem(scale[16]),
-      lineHeight: 1.11,
-      letterSpacing: layout.px(-0.64)
-    },
-    xlg: {
-      fontSize: layout.rem(scale[19]),
-      lineHeight: 1.07,
-      letterSpacing: layout.px(-0.64)
-    },
-    max: {
-      fontSize: layout.rem(scale[22]),
-      lineHeight: 1.05,
-      letterSpacing: layout.px(-0.96)
-    }
-  }
-};
-
-// 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,
-  lineHeight: 1.33333,
-  letterSpacing: layout.px(0.32)
-};
-var legal02$1 = {
-  fontSize: layout.rem(scale[1]),
-  fontWeight: fontWeights.regular,
-  lineHeight: 1.28572,
-  letterSpacing: layout.px(0.16)
-};
-
-// 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 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 fluidHeading03$1 = expressiveHeading03$1;
-var fluidHeading04$1 = expressiveHeading04$1;
-var fluidHeading05$1 = expressiveHeading05$1;
-var fluidHeading06$1 = expressiveHeading06$1;
-
-// Additional fluid styles
-var fluidParagraph01$1 = expressiveParagraph01$1;
-var fluidQuotation01$1 = quotation01$1;
-var fluidQuotation02$1 = quotation02$1;
-var fluidDisplay01$1 = display01$1;
-var fluidDisplay02$1 = display02$1;
-var fluidDisplay03$1 = display03$1;
-var fluidDisplay04$1 = display04$1;
-
-var styles = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  body01: body01$1,
-  body02: body02$1,
-  bodyCompact01: bodyCompact01$1,
-  bodyCompact02: bodyCompact02$1,
-  bodyLong01: bodyLong01$1,
-  bodyLong02: bodyLong02$1,
-  bodyShort01: bodyShort01$1,
-  bodyShort02: bodyShort02$1,
-  caption01: caption01$1,
-  caption02: caption02$1,
-  code01: code01$1,
-  code02: code02$1,
-  display01: display01$1,
-  display02: display02$1,
-  display03: display03$1,
-  display04: display04$1,
-  expressiveHeading01: expressiveHeading01$1,
-  expressiveHeading02: expressiveHeading02$1,
-  expressiveHeading03: expressiveHeading03$1,
-  expressiveHeading04: expressiveHeading04$1,
-  expressiveHeading05: expressiveHeading05$1,
-  expressiveHeading06: expressiveHeading06$1,
-  expressiveParagraph01: expressiveParagraph01$1,
-  fluidDisplay01: fluidDisplay01$1,
-  fluidDisplay02: fluidDisplay02$1,
-  fluidDisplay03: fluidDisplay03$1,
-  fluidDisplay04: fluidDisplay04$1,
-  fluidHeading03: fluidHeading03$1,
-  fluidHeading04: fluidHeading04$1,
-  fluidHeading05: fluidHeading05$1,
-  fluidHeading06: fluidHeading06$1,
-  fluidParagraph01: fluidParagraph01$1,
-  fluidQuotation01: fluidQuotation01$1,
-  fluidQuotation02: fluidQuotation02$1,
-  heading01: heading01$1,
-  heading02: heading02$1,
-  heading03: heading03$1,
-  heading04: heading04$1,
-  heading05: heading05$1,
-  heading06: heading06$1,
-  heading07: heading07$1,
-  headingCompact01: headingCompact01$1,
-  headingCompact02: headingCompact02$1,
-  helperText01: helperText01$1,
-  helperText02: helperText02$1,
-  label01: label01$1,
-  label02: label02$1,
-  legal01: legal01$1,
-  legal02: legal02$1,
-  productiveHeading01: productiveHeading01$1,
-  productiveHeading02: productiveHeading02$1,
-  productiveHeading03: productiveHeading03$1,
-  productiveHeading04: productiveHeading04$1,
-  productiveHeading05: productiveHeading05$1,
-  productiveHeading06: productiveHeading06$1,
-  productiveHeading07: productiveHeading07$1,
-  quotation01: quotation01$1,
-  quotation02: quotation02$1
+//#endregion
+//#region src/styles.js
+/**
+* Copyright IBM Corp. 2018, 2023
+*
+* 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 styles_exports = /* @__PURE__ */ __exportAll({
+	body01: () => body01,
+	body02: () => body02,
+	bodyCompact01: () => bodyCompact01,
+	bodyCompact02: () => bodyCompact02,
+	bodyLong01: () => bodyLong01,
+	bodyLong02: () => bodyLong02,
+	bodyShort01: () => bodyShort01,
+	bodyShort02: () => bodyShort02,
+	caption01: () => caption01,
+	caption02: () => caption02,
+	code01: () => code01,
+	code02: () => code02,
+	display01: () => display01,
+	display02: () => display02,
+	display03: () => display03,
+	display04: () => display04,
+	expressiveHeading01: () => expressiveHeading01,
+	expressiveHeading02: () => expressiveHeading02,
+	expressiveHeading03: () => expressiveHeading03,
+	expressiveHeading04: () => expressiveHeading04,
+	expressiveHeading05: () => expressiveHeading05,
+	expressiveHeading06: () => expressiveHeading06,
+	expressiveParagraph01: () => expressiveParagraph01,
+	fluidDisplay01: () => fluidDisplay01,
+	fluidDisplay02: () => fluidDisplay02,
+	fluidDisplay03: () => fluidDisplay03,
+	fluidDisplay04: () => fluidDisplay04,
+	fluidHeading03: () => fluidHeading03,
+	fluidHeading04: () => fluidHeading04,
+	fluidHeading05: () => fluidHeading05,
+	fluidHeading06: () => fluidHeading06,
+	fluidParagraph01: () => fluidParagraph01,
+	fluidQuotation01: () => fluidQuotation01,
+	fluidQuotation02: () => fluidQuotation02,
+	heading01: () => heading01,
+	heading02: () => heading02,
+	heading03: () => heading03,
+	heading04: () => heading04,
+	heading05: () => heading05,
+	heading06: () => heading06,
+	heading07: () => heading07,
+	headingCompact01: () => headingCompact01,
+	headingCompact02: () => headingCompact02,
+	helperText01: () => helperText01,
+	helperText02: () => helperText02,
+	label01: () => label01,
+	label02: () => label02,
+	legal01: () => legal01,
+	legal02: () => legal02,
+	productiveHeading01: () => productiveHeading01,
+	productiveHeading02: () => productiveHeading02,
+	productiveHeading03: () => productiveHeading03,
+	productiveHeading04: () => productiveHeading04,
+	productiveHeading05: () => productiveHeading05,
+	productiveHeading06: () => productiveHeading06,
+	productiveHeading07: () => productiveHeading07,
+	quotation01: () => quotation01,
+	quotation02: () => quotation02
 });
+const caption01 = {
+	fontSize: (0, _carbon_layout.rem)(scale[0]),
+	fontWeight: fontWeights.regular,
+	lineHeight: 1.33333,
+	letterSpacing: (0, _carbon_layout.px)(.32)
+};
+const caption02 = {
+	fontSize: (0, _carbon_layout.rem)(scale[1]),
+	fontWeight: fontWeights.regular,
+	lineHeight: 1.28572,
+	letterSpacing: (0, _carbon_layout.px)(.32)
+};
+const label01 = {
+	fontSize: (0, _carbon_layout.rem)(scale[0]),
+	fontWeight: fontWeights.regular,
+	lineHeight: 1.33333,
+	letterSpacing: (0, _carbon_layout.px)(.32)
+};
+const label02 = {
+	fontSize: (0, _carbon_layout.rem)(scale[1]),
+	fontWeight: fontWeights.regular,
+	lineHeight: 1.28572,
+	letterSpacing: (0, _carbon_layout.px)(.16)
+};
+const helperText01 = {
+	fontSize: (0, _carbon_layout.rem)(scale[0]),
+	lineHeight: 1.33333,
+	letterSpacing: (0, _carbon_layout.px)(.32)
+};
+const helperText02 = {
+	fontSize: (0, _carbon_layout.rem)(scale[1]),
+	lineHeight: 1.28572,
+	letterSpacing: (0, _carbon_layout.px)(.16)
+};
+const bodyShort01 = {
+	fontSize: (0, _carbon_layout.rem)(scale[1]),
+	fontWeight: fontWeights.regular,
+	lineHeight: 1.28572,
+	letterSpacing: (0, _carbon_layout.px)(.16)
+};
+const bodyLong01 = {
+	fontSize: (0, _carbon_layout.rem)(scale[1]),
+	fontWeight: fontWeights.regular,
+	lineHeight: 1.42857,
+	letterSpacing: (0, _carbon_layout.px)(.16)
+};
+const bodyShort02 = {
+	fontSize: (0, _carbon_layout.rem)(scale[2]),
+	fontWeight: fontWeights.regular,
+	lineHeight: 1.375,
+	letterSpacing: 0
+};
+const bodyLong02 = {
+	fontSize: (0, _carbon_layout.rem)(scale[2]),
+	fontWeight: fontWeights.regular,
+	lineHeight: 1.5,
+	letterSpacing: 0
+};
+const code01 = {
+	fontFamily: fontFamilies.mono,
+	fontSize: (0, _carbon_layout.rem)(scale[0]),
+	fontWeight: fontWeights.regular,
+	lineHeight: 1.33333,
+	letterSpacing: (0, _carbon_layout.px)(.32)
+};
+const code02 = {
+	fontFamily: fontFamilies.mono,
+	fontSize: (0, _carbon_layout.rem)(scale[1]),
+	fontWeight: fontWeights.regular,
+	lineHeight: 1.42857,
+	letterSpacing: (0, _carbon_layout.px)(.32)
+};
+const heading01 = {
+	fontSize: (0, _carbon_layout.rem)(scale[1]),
+	fontWeight: fontWeights.semibold,
+	lineHeight: 1.42857,
+	letterSpacing: (0, _carbon_layout.px)(.16)
+};
+const productiveHeading01 = {
+	fontSize: (0, _carbon_layout.rem)(scale[1]),
+	fontWeight: fontWeights.semibold,
+	lineHeight: 1.28572,
+	letterSpacing: (0, _carbon_layout.px)(.16)
+};
+const heading02 = {
+	fontSize: (0, _carbon_layout.rem)(scale[2]),
+	fontWeight: fontWeights.semibold,
+	lineHeight: 1.5,
+	letterSpacing: 0
+};
+const productiveHeading02 = {
+	fontSize: (0, _carbon_layout.rem)(scale[2]),
+	fontWeight: fontWeights.semibold,
+	lineHeight: 1.375,
+	letterSpacing: 0
+};
+const productiveHeading03 = {
+	fontSize: (0, _carbon_layout.rem)(scale[4]),
+	fontWeight: fontWeights.regular,
+	lineHeight: 1.4,
+	letterSpacing: 0
+};
+const productiveHeading04 = {
+	fontSize: (0, _carbon_layout.rem)(scale[6]),
+	fontWeight: fontWeights.regular,
+	lineHeight: 1.28572,
+	letterSpacing: 0
+};
+const productiveHeading05 = {
+	fontSize: (0, _carbon_layout.rem)(scale[7]),
+	fontWeight: fontWeights.regular,
+	lineHeight: 1.25,
+	letterSpacing: 0
+};
+const productiveHeading06 = {
+	fontSize: (0, _carbon_layout.rem)(scale[9]),
+	fontWeight: fontWeights.light,
+	lineHeight: 1.199,
+	letterSpacing: 0
+};
+const productiveHeading07 = {
+	fontSize: (0, _carbon_layout.rem)(scale[11]),
+	fontWeight: fontWeights.light,
+	lineHeight: 1.199,
+	letterSpacing: 0
+};
+const expressiveHeading01 = {
+	...heading01,
+	lineHeight: 1.25
+};
+const expressiveHeading02 = {
+	...heading02,
+	lineHeight: 1.5
+};
+const expressiveHeading03 = {
+	fontSize: (0, _carbon_layout.rem)(scale[4]),
+	fontWeight: fontWeights.regular,
+	lineHeight: 1.4,
+	letterSpacing: 0,
+	breakpoints: {
+		xlg: {
+			fontSize: (0, _carbon_layout.rem)(scale[4]),
+			lineHeight: 1.4
+		},
+		max: {
+			fontSize: (0, _carbon_layout.rem)(scale[5]),
+			lineHeight: 1.334
+		}
+	}
+};
+const expressiveHeading04 = {
+	fontSize: (0, _carbon_layout.rem)(scale[6]),
+	fontWeight: fontWeights.regular,
+	lineHeight: 1.28572,
+	letterSpacing: 0,
+	breakpoints: {
+		xlg: {
+			fontSize: (0, _carbon_layout.rem)(scale[7]),
+			fontWeight: fontWeights.regular,
+			lineHeight: 1.25
+		},
+		max: {
+			fontSize: (0, _carbon_layout.rem)(scale[7]),
+			fontWeight: fontWeights.regular
+		}
+	}
+};
+const expressiveHeading05 = {
+	fontSize: (0, _carbon_layout.rem)(scale[7]),
+	fontWeight: fontWeights.regular,
+	lineHeight: 1.25,
+	letterSpacing: 0,
+	breakpoints: {
+		md: {
+			fontSize: (0, _carbon_layout.rem)(scale[8]),
+			fontWeight: fontWeights.light,
+			lineHeight: 1.22,
+			letterSpacing: 0
+		},
+		lg: {
+			fontSize: (0, _carbon_layout.rem)(scale[9]),
+			lineHeight: 1.19,
+			letterSpacing: 0
+		},
+		xlg: {
+			fontSize: (0, _carbon_layout.rem)(scale[10]),
+			lineHeight: 1.17,
+			letterSpacing: 0
+		},
+		max: {
+			fontSize: (0, _carbon_layout.rem)(scale[12]),
+			letterSpacing: 0
+		}
+	}
+};
+const expressiveHeading06 = {
+	fontSize: (0, _carbon_layout.rem)(scale[7]),
+	fontWeight: fontWeights.semibold,
+	lineHeight: 1.25,
+	letterSpacing: 0,
+	breakpoints: {
+		md: {
+			fontSize: (0, _carbon_layout.rem)(scale[8]),
+			fontWeight: fontWeights.semibold,
+			lineHeight: 1.22,
+			letterSpacing: 0
+		},
+		lg: {
+			fontSize: (0, _carbon_layout.rem)(scale[9]),
+			fontWeight: fontWeights.semibold,
+			lineHeight: 1.19,
+			letterSpacing: 0
+		},
+		xlg: {
+			fontSize: (0, _carbon_layout.rem)(scale[10]),
+			fontWeight: fontWeights.semibold,
+			lineHeight: 1.17,
+			letterSpacing: 0
+		},
+		max: {
+			fontSize: (0, _carbon_layout.rem)(scale[12]),
+			fontWeight: fontWeights.semibold,
+			letterSpacing: 0
+		}
+	}
+};
+const expressiveParagraph01 = {
+	fontSize: (0, _carbon_layout.rem)(scale[5]),
+	fontWeight: fontWeights.light,
+	lineHeight: 1.334,
+	letterSpacing: 0,
+	breakpoints: {
+		lg: {
+			fontSize: (0, _carbon_layout.rem)(scale[6]),
+			lineHeight: 1.28572
+		},
+		max: {
+			fontSize: (0, _carbon_layout.rem)(scale[7]),
+			lineHeight: 1.25
+		}
+	}
+};
+const quotation01 = {
+	fontFamily: fontFamilies.serif,
+	fontSize: (0, _carbon_layout.rem)(scale[4]),
+	fontWeight: fontWeights.regular,
+	lineHeight: 1.3,
+	letterSpacing: 0,
+	breakpoints: {
+		md: {
+			fontSize: (0, _carbon_layout.rem)(scale[4]),
+			fontWeight: fontWeights.regular,
+			letterSpacing: 0
+		},
+		lg: {
+			fontSize: (0, _carbon_layout.rem)(scale[5]),
+			fontWeight: fontWeights.regular,
+			lineHeight: 1.334,
+			letterSpacing: 0
+		},
+		xlg: {
+			fontSize: (0, _carbon_layout.rem)(scale[6]),
+			fontWeight: fontWeights.regular,
+			lineHeight: 1.28572,
+			letterSpacing: 0
+		},
+		max: {
+			fontSize: (0, _carbon_layout.rem)(scale[7]),
+			fontWeight: fontWeights.regular,
+			lineHeight: 1.25,
+			letterSpacing: 0
+		}
+	}
+};
+const quotation02 = {
+	fontFamily: fontFamilies.serif,
+	fontSize: (0, _carbon_layout.rem)(scale[7]),
+	fontWeight: fontWeights.light,
+	lineHeight: 1.25,
+	letterSpacing: 0,
+	breakpoints: {
+		md: {
+			fontSize: (0, _carbon_layout.rem)(scale[8]),
+			lineHeight: 1.22
+		},
+		lg: {
+			fontSize: (0, _carbon_layout.rem)(scale[9]),
+			lineHeight: 1.19
+		},
+		xlg: {
+			fontSize: (0, _carbon_layout.rem)(scale[10]),
+			lineHeight: 1.17
+		},
+		max: { fontSize: (0, _carbon_layout.rem)(scale[12]) }
+	}
+};
+const display01 = {
+	fontSize: (0, _carbon_layout.rem)(scale[9]),
+	fontWeight: fontWeights.light,
+	lineHeight: 1.19,
+	letterSpacing: 0,
+	breakpoints: {
+		md: { fontSize: (0, _carbon_layout.rem)(scale[9]) },
+		lg: { fontSize: (0, _carbon_layout.rem)(scale[11]) },
+		xlg: {
+			fontSize: (0, _carbon_layout.rem)(scale[12]),
+			lineHeight: 1.17
+		},
+		max: {
+			fontSize: (0, _carbon_layout.rem)(scale[14]),
+			lineHeight: 1.13
+		}
+	}
+};
+const display02 = {
+	fontSize: (0, _carbon_layout.rem)(scale[9]),
+	fontWeight: fontWeights.semibold,
+	lineHeight: 1.19,
+	letterSpacing: 0,
+	breakpoints: {
+		md: { fontSize: (0, _carbon_layout.rem)(scale[9]) },
+		lg: { fontSize: (0, _carbon_layout.rem)(scale[11]) },
+		xlg: {
+			fontSize: (0, _carbon_layout.rem)(scale[12]),
+			lineHeight: 1.16
+		},
+		max: {
+			fontSize: (0, _carbon_layout.rem)(scale[14]),
+			lineHeight: 1.13
+		}
+	}
+};
+const display03 = {
+	fontSize: (0, _carbon_layout.rem)(scale[9]),
+	fontWeight: fontWeights.light,
+	lineHeight: 1.19,
+	letterSpacing: 0,
+	breakpoints: {
+		md: {
+			fontSize: (0, _carbon_layout.rem)(scale[11]),
+			lineHeight: 1.18
+		},
+		lg: {
+			fontSize: (0, _carbon_layout.rem)(scale[12]),
+			lineHeight: 1.16,
+			letterSpacing: (0, _carbon_layout.px)(-.64)
+		},
+		xlg: {
+			fontSize: (0, _carbon_layout.rem)(scale[14]),
+			lineHeight: 1.13
+		},
+		max: {
+			fontSize: (0, _carbon_layout.rem)(scale[15]),
+			lineHeight: 1.11,
+			letterSpacing: (0, _carbon_layout.px)(-.96)
+		}
+	}
+};
+const display04 = {
+	fontSize: (0, _carbon_layout.rem)(scale[9]),
+	fontWeight: fontWeights.light,
+	lineHeight: 1.19,
+	letterSpacing: 0,
+	breakpoints: {
+		md: {
+			fontSize: (0, _carbon_layout.rem)(scale[13]),
+			lineHeight: 1.15
+		},
+		lg: {
+			fontSize: (0, _carbon_layout.rem)(scale[16]),
+			lineHeight: 1.11,
+			letterSpacing: (0, _carbon_layout.px)(-.64)
+		},
+		xlg: {
+			fontSize: (0, _carbon_layout.rem)(scale[19]),
+			lineHeight: 1.07,
+			letterSpacing: (0, _carbon_layout.px)(-.64)
+		},
+		max: {
+			fontSize: (0, _carbon_layout.rem)(scale[22]),
+			lineHeight: 1.05,
+			letterSpacing: (0, _carbon_layout.px)(-.96)
+		}
+	}
+};
+const legal01 = {
+	fontSize: (0, _carbon_layout.rem)(scale[0]),
+	fontWeight: fontWeights.regular,
+	lineHeight: 1.33333,
+	letterSpacing: (0, _carbon_layout.px)(.32)
+};
+const legal02 = {
+	fontSize: (0, _carbon_layout.rem)(scale[1]),
+	fontWeight: fontWeights.regular,
+	lineHeight: 1.28572,
+	letterSpacing: (0, _carbon_layout.px)(.16)
+};
+const bodyCompact01 = bodyShort01;
+const bodyCompact02 = bodyShort02;
+const body01 = bodyLong01;
+const body02 = bodyLong02;
+const headingCompact01 = productiveHeading01;
+const headingCompact02 = productiveHeading02;
+const heading03 = productiveHeading03;
+const heading04 = productiveHeading04;
+const heading05 = productiveHeading05;
+const heading06 = productiveHeading06;
+const heading07 = productiveHeading07;
+const fluidHeading03 = expressiveHeading03;
+const fluidHeading04 = expressiveHeading04;
+const fluidHeading05 = expressiveHeading05;
+const fluidHeading06 = expressiveHeading06;
+const fluidParagraph01 = expressiveParagraph01;
+const fluidQuotation01 = quotation01;
+const fluidQuotation02 = quotation02;
+const fluidDisplay01 = display01;
+const fluidDisplay02 = display02;
+const fluidDisplay03 = display03;
+const fluidDisplay04 = display04;
 
-var _excluded = ["breakpoints"];
-var breakpointNames = Object.keys(layout.breakpoints);
+//#endregion
+//#region src/fluid.js
+/**
+* Copyright IBM Corp. 2018, 2023
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const breakpointNames = Object.keys(_carbon_layout.breakpoints);
 function next(name) {
-  return breakpointNames[breakpointNames.indexOf(name) + 1];
+	return breakpointNames[breakpointNames.indexOf(name) + 1];
 }
 function fluid(selector) {
-  var fluidBreakpoints = selector.breakpoints,
-    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]), {}, {
-      fontSize: fluidTypeSize(styles, name, fluidBreakpoints)
-    });
-  });
-  return styles;
+	const { breakpoints: fluidBreakpoints, ...styles } = selector;
+	if (typeof fluidBreakpoints !== "object") return styles;
+	const fluidBreakpointNames = Object.keys(fluidBreakpoints);
+	if (fluidBreakpointNames.length === 0) return styles;
+	styles.fontSize = fluidTypeSize(styles, "sm", fluidBreakpoints);
+	fluidBreakpointNames.forEach((name) => {
+		styles[(0, _carbon_layout.breakpoint)(name)] = {
+			...fluidBreakpoints[name],
+			fontSize: fluidTypeSize(styles, name, fluidBreakpoints)
+		};
+	});
+	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;
+	const breakpoint = _carbon_layout.breakpoints[fluidBreakpointName];
+	const fluidBreakpoint = fluidBreakpointName === "sm" ? defaultStyles : fluidBreakpoints[fluidBreakpointName];
+	let maxFontSize = defaultStyles.fontSize;
+	let minFontSize = defaultStyles.fontSize;
+	if (fluidBreakpoint.fontSize) minFontSize = fluidBreakpoint.fontSize;
+	let maxViewportWidth = breakpoint.width;
+	let minViewportWidth = breakpoint.width;
+	let nextBreakpointAvailable = next(fluidBreakpointName);
+	let nextFluidBreakpointName = null;
+	while (nextBreakpointAvailable) {
+		if (fluidBreakpoints[nextBreakpointAvailable]) {
+			nextFluidBreakpointName = nextBreakpointAvailable;
+			break;
+		}
+		nextBreakpointAvailable = next(nextBreakpointAvailable);
+	}
+	if (nextFluidBreakpointName) {
+		const nextFluidBreakpoint = _carbon_layout.breakpoints[nextFluidBreakpointName];
+		maxFontSize = fluidBreakpoints[nextFluidBreakpointName].fontSize;
+		maxViewportWidth = nextFluidBreakpoint.width;
+		return `calc(${minFontSize} + ${subtract(maxFontSize, minFontSize)} * ((100vw - ${minViewportWidth}) / ${subtract(maxViewportWidth, minViewportWidth)}))`;
+	}
+	return minFontSize;
 }
 function subtract(a, b) {
-  return parseFloat(a) - parseFloat(b);
+	return parseFloat(a) - parseFloat(b);
 }
 
+//#endregion
+//#region src/tokens.js
 /**
- * Copyright IBM Corp. 2018, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
+* Copyright IBM Corp. 2018, 2023
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const caption01$1 = "caption01";
+const caption02$1 = "caption02";
+const label01$1 = "label01";
+const label02$1 = "label02";
+const helperText01$1 = "helperText01";
+const helperText02$1 = "helperText02";
+const bodyShort01$1 = "bodyShort01";
+const bodyLong01$1 = "bodyLong01";
+const bodyShort02$1 = "bodyShort02";
+const bodyLong02$1 = "bodyLong02";
+const code01$1 = "code01";
+const code02$1 = "code02";
+const heading01$1 = "heading01";
+const productiveHeading01$1 = "productiveHeading01";
+const heading02$1 = "heading02";
+const productiveHeading02$1 = "productiveHeading02";
+const productiveHeading03$1 = "productiveHeading03";
+const productiveHeading04$1 = "productiveHeading04";
+const productiveHeading05$1 = "productiveHeading05";
+const productiveHeading06$1 = "productiveHeading06";
+const productiveHeading07$1 = "productiveHeading07";
+const expressiveHeading01$1 = "expressiveHeading01";
+const expressiveHeading02$1 = "expressiveHeading02";
+const expressiveHeading03$1 = "expressiveHeading03";
+const expressiveHeading04$1 = "expressiveHeading04";
+const expressiveHeading05$1 = "expressiveHeading05";
+const expressiveHeading06$1 = "expressiveHeading06";
+const expressiveParagraph01$1 = "expressiveParagraph01";
+const quotation01$1 = "quotation01";
+const quotation02$1 = "quotation02";
+const display01$1 = "display01";
+const display02$1 = "display02";
+const display03$1 = "display03";
+const display04$1 = "display04";
+const legal01$1 = "legal01";
+const legal02$1 = "legal02";
+const bodyCompact01$1 = "bodyCompact01";
+const bodyCompact02$1 = "bodyCompact02";
+const body01$1 = "body01";
+const body02$1 = "body02";
+const headingCompact01$1 = "headingCompact01";
+const headingCompact02$1 = "headingCompact02";
+const heading03$1 = "heading03";
+const heading04$1 = "heading04";
+const heading05$1 = "heading05";
+const heading06$1 = "heading06";
+const heading07$1 = "heading07";
+const fluidHeading03$1 = "fluidHeading03";
+const fluidHeading04$1 = "fluidHeading04";
+const fluidHeading05$1 = "fluidHeading05";
+const fluidHeading06$1 = "fluidHeading06";
+const fluidParagraph01$1 = "fluidParagraph01";
+const fluidQuotation01$1 = "fluidQuotation01";
+const fluidQuotation02$1 = "fluidQuotation02";
+const fluidDisplay01$1 = "fluidDisplay01";
+const fluidDisplay02$1 = "fluidDisplay02";
+const fluidDisplay03$1 = "fluidDisplay03";
+const fluidDisplay04$1 = "fluidDisplay04";
+const unstable_tokens = [
+	caption01$1,
+	caption02$1,
+	label01$1,
+	label02$1,
+	helperText01$1,
+	helperText02$1,
+	bodyShort01$1,
+	bodyLong01$1,
+	bodyShort02$1,
+	bodyLong02$1,
+	code01$1,
+	code02$1,
+	heading01$1,
+	productiveHeading01$1,
+	heading02$1,
+	productiveHeading02$1,
+	productiveHeading03$1,
+	productiveHeading04$1,
+	productiveHeading05$1,
+	productiveHeading06$1,
+	productiveHeading07$1,
+	expressiveHeading01$1,
+	expressiveHeading02$1,
+	expressiveHeading03$1,
+	expressiveHeading04$1,
+	expressiveHeading05$1,
+	expressiveHeading06$1,
+	expressiveParagraph01$1,
+	quotation01$1,
+	quotation02$1,
+	display01$1,
+	display02$1,
+	display03$1,
+	display04$1,
+	legal01$1,
+	legal02$1,
+	bodyCompact01$1,
+	bodyCompact02$1,
+	body01$1,
+	body02$1,
+	headingCompact01$1,
+	headingCompact02$1,
+	heading03$1,
+	heading04$1,
+	heading05$1,
+	heading06$1,
+	heading07$1,
+	fluidHeading03$1,
+	fluidHeading04$1,
+	fluidHeading05$1,
+	fluidHeading06$1,
+	fluidParagraph01$1,
+	fluidQuotation01$1,
+	fluidQuotation02$1,
+	fluidDisplay01$1,
+	fluidDisplay02$1,
+	fluidDisplay03$1,
+	fluidDisplay04$1
+];
 
-// 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';
-var bodyLong02 = 'bodyLong02';
-var code01 = 'code01';
-var code02 = 'code02';
-var heading01 = 'heading01';
-var productiveHeading01 = 'productiveHeading01';
-var heading02 = 'heading02';
-var productiveHeading02 = 'productiveHeading02';
-var productiveHeading03 = 'productiveHeading03';
-var productiveHeading04 = 'productiveHeading04';
-var productiveHeading05 = 'productiveHeading05';
-var productiveHeading06 = 'productiveHeading06';
-var productiveHeading07 = 'productiveHeading07';
-var expressiveHeading01 = 'expressiveHeading01';
-var expressiveHeading02 = 'expressiveHeading02';
-var expressiveHeading03 = 'expressiveHeading03';
-var expressiveHeading04 = 'expressiveHeading04';
-var expressiveHeading05 = 'expressiveHeading05';
-var expressiveHeading06 = 'expressiveHeading06';
-var expressiveParagraph01 = 'expressiveParagraph01';
-var quotation01 = 'quotation01';
-var quotation02 = 'quotation02';
-var display01 = 'display01';
-var display02 = 'display02';
-var display03 = 'display03';
-var display04 = 'display04';
-// V11 Tokens
-var legal01 = 'legal01';
-var legal02 = 'legal02';
-var bodyCompact01 = 'bodyCompact01';
-var bodyCompact02 = 'bodyCompact02';
-var body01 = 'body01';
-var body02 = 'body02';
-var headingCompact01 = 'headingCompact01';
-var headingCompact02 = 'headingCompact02';
-var heading03 = 'heading03';
-var heading04 = 'heading04';
-var heading05 = 'heading05';
-var heading06 = 'heading06';
-var heading07 = 'heading07';
-var fluidHeading03 = 'fluidHeading03';
-var fluidHeading04 = 'fluidHeading04';
-var fluidHeading05 = 'fluidHeading05';
-var fluidHeading06 = 'fluidHeading06';
-var fluidParagraph01 = 'fluidParagraph01';
-var fluidQuotation01 = 'fluidQuotation01';
-var fluidQuotation02 = 'fluidQuotation02';
-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
-legal01, legal02, bodyCompact01, bodyCompact02, body01, body02, headingCompact01, headingCompact02, heading03, heading04, heading05, heading06, heading07, fluidHeading03, fluidHeading04, fluidHeading05, fluidHeading06, fluidParagraph01, fluidQuotation01, fluidQuotation02, fluidDisplay01, fluidDisplay02, fluidDisplay03, fluidDisplay04];
+//#endregion
+//#region src/index.js
+/**
+* Copyright IBM Corp. 2018, 2023
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
 
-exports.body01 = body01$1;
-exports.body02 = body02$1;
-exports.bodyCompact01 = bodyCompact01$1;
-exports.bodyCompact02 = bodyCompact02$1;
-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;
-exports.display02 = display02$1;
-exports.display03 = display03$1;
-exports.display04 = display04$1;
-exports.expressiveHeading01 = expressiveHeading01$1;
-exports.expressiveHeading02 = expressiveHeading02$1;
-exports.expressiveHeading03 = expressiveHeading03$1;
-exports.expressiveHeading04 = expressiveHeading04$1;
-exports.expressiveHeading05 = expressiveHeading05$1;
-exports.expressiveHeading06 = expressiveHeading06$1;
-exports.expressiveParagraph01 = expressiveParagraph01$1;
+//#endregion
+exports.body01 = body01;
+exports.body02 = body02;
+exports.bodyCompact01 = bodyCompact01;
+exports.bodyCompact02 = bodyCompact02;
+exports.bodyLong01 = bodyLong01;
+exports.bodyLong02 = bodyLong02;
+exports.bodyShort01 = bodyShort01;
+exports.bodyShort02 = bodyShort02;
+exports.caption01 = caption01;
+exports.caption02 = caption02;
+exports.code01 = code01;
+exports.code02 = code02;
+exports.display01 = display01;
+exports.display02 = display02;
+exports.display03 = display03;
+exports.display04 = display04;
+exports.expressiveHeading01 = expressiveHeading01;
+exports.expressiveHeading02 = expressiveHeading02;
+exports.expressiveHeading03 = expressiveHeading03;
+exports.expressiveHeading04 = expressiveHeading04;
+exports.expressiveHeading05 = expressiveHeading05;
+exports.expressiveHeading06 = expressiveHeading06;
+exports.expressiveParagraph01 = expressiveParagraph01;
 exports.fluid = fluid;
-exports.fluidDisplay01 = fluidDisplay01$1;
-exports.fluidDisplay02 = fluidDisplay02$1;
-exports.fluidDisplay03 = fluidDisplay03$1;
-exports.fluidDisplay04 = fluidDisplay04$1;
-exports.fluidHeading03 = fluidHeading03$1;
-exports.fluidHeading04 = fluidHeading04$1;
-exports.fluidHeading05 = fluidHeading05$1;
-exports.fluidHeading06 = fluidHeading06$1;
-exports.fluidParagraph01 = fluidParagraph01$1;
-exports.fluidQuotation01 = fluidQuotation01$1;
-exports.fluidQuotation02 = fluidQuotation02$1;
+exports.fluidDisplay01 = fluidDisplay01;
+exports.fluidDisplay02 = fluidDisplay02;
+exports.fluidDisplay03 = fluidDisplay03;
+exports.fluidDisplay04 = fluidDisplay04;
+exports.fluidHeading03 = fluidHeading03;
+exports.fluidHeading04 = fluidHeading04;
+exports.fluidHeading05 = fluidHeading05;
+exports.fluidHeading06 = fluidHeading06;
+exports.fluidParagraph01 = fluidParagraph01;
+exports.fluidQuotation01 = fluidQuotation01;
+exports.fluidQuotation02 = fluidQuotation02;
 exports.fontFamilies = fontFamilies;
 exports.fontFamily = fontFamily;
 exports.fontWeight = fontWeight;
 exports.fontWeights = fontWeights;
 exports.getTypeSize = getTypeSize;
-exports.heading01 = heading01$1;
-exports.heading02 = heading02$1;
-exports.heading03 = heading03$1;
-exports.heading04 = heading04$1;
-exports.heading05 = heading05$1;
-exports.heading06 = heading06$1;
-exports.heading07 = heading07$1;
-exports.headingCompact01 = headingCompact01$1;
-exports.headingCompact02 = headingCompact02$1;
-exports.helperText01 = helperText01$1;
-exports.helperText02 = helperText02$1;
-exports.label01 = label01$1;
-exports.label02 = label02$1;
-exports.legal01 = legal01$1;
-exports.legal02 = legal02$1;
+exports.heading01 = heading01;
+exports.heading02 = heading02;
+exports.heading03 = heading03;
+exports.heading04 = heading04;
+exports.heading05 = heading05;
+exports.heading06 = heading06;
+exports.heading07 = heading07;
+exports.headingCompact01 = headingCompact01;
+exports.headingCompact02 = headingCompact02;
+exports.helperText01 = helperText01;
+exports.helperText02 = helperText02;
+exports.label01 = label01;
+exports.label02 = label02;
+exports.legal01 = legal01;
+exports.legal02 = legal02;
 exports.print = print;
-exports.productiveHeading01 = productiveHeading01$1;
-exports.productiveHeading02 = productiveHeading02$1;
-exports.productiveHeading03 = productiveHeading03$1;
-exports.productiveHeading04 = productiveHeading04$1;
-exports.productiveHeading05 = productiveHeading05$1;
-exports.productiveHeading06 = productiveHeading06$1;
-exports.productiveHeading07 = productiveHeading07$1;
-exports.quotation01 = quotation01$1;
-exports.quotation02 = quotation02$1;
+exports.productiveHeading01 = productiveHeading01;
+exports.productiveHeading02 = productiveHeading02;
+exports.productiveHeading03 = productiveHeading03;
+exports.productiveHeading04 = productiveHeading04;
+exports.productiveHeading05 = productiveHeading05;
+exports.productiveHeading06 = productiveHeading06;
+exports.productiveHeading07 = productiveHeading07;
+exports.quotation01 = quotation01;
+exports.quotation02 = quotation02;
 exports.reset = reset;
 exports.scale = scale;
-exports.styles = styles;
-exports.unstable_tokens = unstable_tokens;
+Object.defineProperty(exports, 'styles', {
+  enumerable: true,
+  get: function () {
+    return styles_exports;
+  }
+});
+exports.unstable_tokens = unstable_tokens;