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

package/umd/index.js

@@ -1,913 +1,915 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@carbon/layout')) :
+(function(global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require('@carbon/layout')) :
   typeof define === 'function' && define.amd ? define(['exports', '@carbon/layout'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CarbonType = {}, global.CarbonLayout));
-})(this, (function (exports, layout) { 'use strict';
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.CarbonType = {}), global.CarbonLayout));
+})(this, function(exports, _carbon_layout) {
+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;
+	};
 
-  /**
-   * 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.
-   */
+//#endregion
 
-  // 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"
-  };
-  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]
-    };
-  }
-
-  /**
-   * 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
-  };
-  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]
-    };
-  }
+//#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.
+	*/
+	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: \`${name}\`. Expected one of: [${Object.keys(fontFamilies).join(", ")}]`);
+		return { fontFamily: fontFamilies[name] };
+	}
 
-  /**
-   * 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.
-   */
+//#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.
+	*/
+	const fontWeights = {
+		light: 300,
+		regular: 400,
+		semibold: 600
+	};
+	function fontWeight(weight) {
+		if (!fontWeights[weight]) throw new Error(`Unable to find font weight: \`${weight}\`. Expected one of: [${Object.keys(fontWeights).join(", ")}]`);
+		return { fontWeight: fontWeights[weight] };
+	}
 
-  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;
-    }, '');
-  }
-  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;
-  }
+//#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.
+	*/
+	function print(block) {
+		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) {
+		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;
+	}
 
-  /**
-   * 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.
-   */
+//#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.
+	*/
+	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 }
+	};
 
-  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
-    }
-  };
+//#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.
+	*/
+	/**
+	* Get the type size for the given step
+	* @param {number} step
+	* @returns {number}
+	*/
+	function getTypeSize(step) {
+		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))
+	*/
+	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
+	];
 
-  /**
-   * 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.
-   */
+//#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;
 
-  /**
-   * 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;
-  }
+//#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];
+	}
+	function fluid(selector) {
+		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) {
+		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);
+	}
 
-  /**
-   * 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];
+//#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.
+	*/
+	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
+	];
 
-  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";
+//#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.
+	*/
 
-    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);
+//#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;
+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;
+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;
+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;
+Object.defineProperty(exports, 'styles', {
+  enumerable: true,
+  get: function () {
+    return styles_exports;
   }
-
-  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
-  });
-
-  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);
-    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;
-  }
-  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);
-  }
-
-  /**
-   * 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.
-   */
-
-  // 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];
-
-  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;
-  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.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.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.reset = reset;
-  exports.scale = scale;
-  exports.styles = styles;
-  exports.unstable_tokens = unstable_tokens;
-
-}));
+});
+exports.unstable_tokens = unstable_tokens;
+});