@carbon/type 11.64.0 → 11.65.0

package/lib/index.js

@@ -19,8 +19,8 @@ let _carbon_layout = require("@carbon/layout");
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
-const breakpointNames = Object.keys(_carbon_layout.breakpoints);
 const next = (name) => {
+	const breakpointNames = Object.keys(_carbon_layout.breakpoints);
 	return breakpointNames[breakpointNames.indexOf(name) + 1];
 };
 const fluid = (selector) => {
@@ -78,25 +78,22 @@ const subtract = (a, b) => {
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
+const mono = "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace";
+const sans = "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif";
+const sansCondensed = "'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif";
+const sansHebrew = "'IBM Plex Sans Hebrew', 'Helvetica Hebrew', 'Arial Hebrew', sans-serif";
+const serif = "'IBM Plex Serif', 'Georgia', Times, serif";
 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"
+	mono,
+	sans,
+	sansCondensed,
+	sansHebrew,
+	serif
 };
 const fontFamily = (name) => {
 	if (!(name in fontFamilies)) throw new Error(`Unable to find font family: \`${name}\`. Expected one of: [${Object.keys(fontFamilies).join(", ")}]`);
 	return { fontFamily: fontFamilies[name] };
 };
-//#endregion
-//#region src/fontWeight.ts
-/**
-* Copyright IBM Corp. 2018, 2026
-*
-* 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,
@@ -137,16 +134,16 @@ const paramCase = (string) => {
 * LICENSE file in the root directory of this source tree.
 */
 const reset = {
-	html: { fontSize: (0, _carbon_layout.px)(_carbon_layout.baseFontSize) },
+	html: { fontSize: /*#__PURE__*/ (0, _carbon_layout.px)(_carbon_layout.baseFontSize) },
 	body: {
-		fontFamily: fontFamilies.sans,
-		fontWeight: fontWeights.regular,
+		fontFamily: sans,
+		fontWeight: 400,
 		textRendering: "optimizeLegibility",
 		"-webkit-font-smoothing": "antialiased",
 		"-moz-osx-font-smoothing": "grayscale"
 	},
-	strong: { fontWeight: fontWeights.semibold },
-	code: { fontFamily: fontFamilies.mono }
+	strong: { fontWeight: 600 },
+	code: { fontFamily: mono }
 };
 //#endregion
 //#region src/scale.ts
@@ -262,401 +259,405 @@ var styles_exports = /* @__PURE__ */ __exportAll({
 	quotation02: () => quotation02
 });
 const caption01 = {
-	fontSize: (0, _carbon_layout.rem)(scale[0]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(12),
+	fontWeight: 400,
 	lineHeight: 1.33333,
-	letterSpacing: (0, _carbon_layout.px)(.32)
+	letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.32)
 };
 const caption02 = {
-	fontSize: (0, _carbon_layout.rem)(scale[1]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(14),
+	fontWeight: 400,
 	lineHeight: 1.28572,
-	letterSpacing: (0, _carbon_layout.px)(.32)
+	letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.32)
 };
 const label01 = {
-	fontSize: (0, _carbon_layout.rem)(scale[0]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(12),
+	fontWeight: 400,
 	lineHeight: 1.33333,
-	letterSpacing: (0, _carbon_layout.px)(.32)
+	letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.32)
 };
 const label02 = {
-	fontSize: (0, _carbon_layout.rem)(scale[1]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(14),
+	fontWeight: 400,
 	lineHeight: 1.28572,
-	letterSpacing: (0, _carbon_layout.px)(.16)
+	letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.16)
 };
 const helperText01 = {
-	fontSize: (0, _carbon_layout.rem)(scale[0]),
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(12),
 	lineHeight: 1.33333,
-	letterSpacing: (0, _carbon_layout.px)(.32)
+	letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.32)
 };
 const helperText02 = {
-	fontSize: (0, _carbon_layout.rem)(scale[1]),
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(14),
 	lineHeight: 1.28572,
-	letterSpacing: (0, _carbon_layout.px)(.16)
+	letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.16)
 };
 const bodyShort01 = {
-	fontSize: (0, _carbon_layout.rem)(scale[1]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(14),
+	fontWeight: 400,
 	lineHeight: 1.28572,
-	letterSpacing: (0, _carbon_layout.px)(.16)
+	letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.16)
 };
 const bodyLong01 = {
-	fontSize: (0, _carbon_layout.rem)(scale[1]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(14),
+	fontWeight: 400,
 	lineHeight: 1.42857,
-	letterSpacing: (0, _carbon_layout.px)(.16)
+	letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.16)
 };
 const bodyShort02 = {
-	fontSize: (0, _carbon_layout.rem)(scale[2]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(16),
+	fontWeight: 400,
 	lineHeight: 1.375,
 	letterSpacing: 0
 };
 const bodyLong02 = {
-	fontSize: (0, _carbon_layout.rem)(scale[2]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(16),
+	fontWeight: 400,
 	lineHeight: 1.5,
 	letterSpacing: 0
 };
 const code01 = {
-	fontFamily: fontFamilies.mono,
-	fontSize: (0, _carbon_layout.rem)(scale[0]),
-	fontWeight: fontWeights.regular,
+	fontFamily: mono,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(12),
+	fontWeight: 400,
 	lineHeight: 1.33333,
-	letterSpacing: (0, _carbon_layout.px)(.32)
+	letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.32)
 };
 const code02 = {
-	fontFamily: fontFamilies.mono,
-	fontSize: (0, _carbon_layout.rem)(scale[1]),
-	fontWeight: fontWeights.regular,
+	fontFamily: mono,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(14),
+	fontWeight: 400,
 	lineHeight: 1.42857,
-	letterSpacing: (0, _carbon_layout.px)(.32)
+	letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.32)
 };
 const heading01 = {
-	fontSize: (0, _carbon_layout.rem)(scale[1]),
-	fontWeight: fontWeights.semibold,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(14),
+	fontWeight: 600,
 	lineHeight: 1.42857,
-	letterSpacing: (0, _carbon_layout.px)(.16)
+	letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.16)
 };
 const productiveHeading01 = {
-	fontSize: (0, _carbon_layout.rem)(scale[1]),
-	fontWeight: fontWeights.semibold,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(14),
+	fontWeight: 600,
 	lineHeight: 1.28572,
-	letterSpacing: (0, _carbon_layout.px)(.16)
+	letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.16)
 };
 const heading02 = {
-	fontSize: (0, _carbon_layout.rem)(scale[2]),
-	fontWeight: fontWeights.semibold,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(16),
+	fontWeight: 600,
 	lineHeight: 1.5,
 	letterSpacing: 0
 };
 const productiveHeading02 = {
-	fontSize: (0, _carbon_layout.rem)(scale[2]),
-	fontWeight: fontWeights.semibold,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(16),
+	fontWeight: 600,
 	lineHeight: 1.375,
 	letterSpacing: 0
 };
 const productiveHeading03 = {
-	fontSize: (0, _carbon_layout.rem)(scale[4]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(20),
+	fontWeight: 400,
 	lineHeight: 1.4,
 	letterSpacing: 0
 };
 const productiveHeading04 = {
-	fontSize: (0, _carbon_layout.rem)(scale[6]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(28),
+	fontWeight: 400,
 	lineHeight: 1.28572,
 	letterSpacing: 0
 };
 const productiveHeading05 = {
-	fontSize: (0, _carbon_layout.rem)(scale[7]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(32),
+	fontWeight: 400,
 	lineHeight: 1.25,
 	letterSpacing: 0
 };
 const productiveHeading06 = {
-	fontSize: (0, _carbon_layout.rem)(scale[9]),
-	fontWeight: fontWeights.light,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(42),
+	fontWeight: 300,
 	lineHeight: 1.199,
 	letterSpacing: 0
 };
 const productiveHeading07 = {
-	fontSize: (0, _carbon_layout.rem)(scale[11]),
-	fontWeight: fontWeights.light,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(54),
+	fontWeight: 300,
 	lineHeight: 1.199,
 	letterSpacing: 0
 };
 const expressiveHeading01 = {
-	...heading01,
-	lineHeight: 1.25
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(14),
+	fontWeight: 600,
+	lineHeight: 1.25,
+	letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.16)
 };
 const expressiveHeading02 = {
-	...heading02,
-	lineHeight: 1.5
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(16),
+	fontWeight: 600,
+	lineHeight: 1.5,
+	letterSpacing: 0
 };
 const expressiveHeading03 = {
-	fontSize: (0, _carbon_layout.rem)(scale[4]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(20),
+	fontWeight: 400,
 	lineHeight: 1.4,
 	letterSpacing: 0,
 	breakpoints: {
 		xlg: {
-			fontSize: (0, _carbon_layout.rem)(scale[4]),
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(20),
 			lineHeight: 1.4
 		},
 		max: {
-			fontSize: (0, _carbon_layout.rem)(scale[5]),
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(24),
 			lineHeight: 1.334
 		}
 	}
 };
 const expressiveHeading04 = {
-	fontSize: (0, _carbon_layout.rem)(scale[6]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(28),
+	fontWeight: 400,
 	lineHeight: 1.28572,
 	letterSpacing: 0,
 	breakpoints: {
 		xlg: {
-			fontSize: (0, _carbon_layout.rem)(scale[7]),
-			fontWeight: fontWeights.regular,
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(32),
+			fontWeight: 400,
 			lineHeight: 1.25
 		},
 		max: {
-			fontSize: (0, _carbon_layout.rem)(scale[7]),
-			fontWeight: fontWeights.regular
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(32),
+			fontWeight: 400
 		}
 	}
 };
 const expressiveHeading05 = {
-	fontSize: (0, _carbon_layout.rem)(scale[7]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(32),
+	fontWeight: 400,
 	lineHeight: 1.25,
 	letterSpacing: 0,
 	breakpoints: {
 		md: {
-			fontSize: (0, _carbon_layout.rem)(scale[8]),
-			fontWeight: fontWeights.light,
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(36),
+			fontWeight: 300,
 			lineHeight: 1.22,
 			letterSpacing: 0
 		},
 		lg: {
-			fontSize: (0, _carbon_layout.rem)(scale[9]),
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(42),
 			lineHeight: 1.19,
 			letterSpacing: 0
 		},
 		xlg: {
-			fontSize: (0, _carbon_layout.rem)(scale[10]),
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(48),
 			lineHeight: 1.17,
 			letterSpacing: 0
 		},
 		max: {
-			fontSize: (0, _carbon_layout.rem)(scale[12]),
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(60),
 			letterSpacing: 0
 		}
 	}
 };
 const expressiveHeading06 = {
-	fontSize: (0, _carbon_layout.rem)(scale[7]),
-	fontWeight: fontWeights.semibold,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(32),
+	fontWeight: 600,
 	lineHeight: 1.25,
 	letterSpacing: 0,
 	breakpoints: {
 		md: {
-			fontSize: (0, _carbon_layout.rem)(scale[8]),
-			fontWeight: fontWeights.semibold,
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(36),
+			fontWeight: 600,
 			lineHeight: 1.22,
 			letterSpacing: 0
 		},
 		lg: {
-			fontSize: (0, _carbon_layout.rem)(scale[9]),
-			fontWeight: fontWeights.semibold,
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(42),
+			fontWeight: 600,
 			lineHeight: 1.19,
 			letterSpacing: 0
 		},
 		xlg: {
-			fontSize: (0, _carbon_layout.rem)(scale[10]),
-			fontWeight: fontWeights.semibold,
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(48),
+			fontWeight: 600,
 			lineHeight: 1.17,
 			letterSpacing: 0
 		},
 		max: {
-			fontSize: (0, _carbon_layout.rem)(scale[12]),
-			fontWeight: fontWeights.semibold,
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(60),
+			fontWeight: 600,
 			letterSpacing: 0
 		}
 	}
 };
 const expressiveParagraph01 = {
-	fontSize: (0, _carbon_layout.rem)(scale[5]),
-	fontWeight: fontWeights.light,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(24),
+	fontWeight: 300,
 	lineHeight: 1.334,
 	letterSpacing: 0,
 	breakpoints: {
 		lg: {
-			fontSize: (0, _carbon_layout.rem)(scale[6]),
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(28),
 			lineHeight: 1.28572
 		},
 		max: {
-			fontSize: (0, _carbon_layout.rem)(scale[7]),
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(32),
 			lineHeight: 1.25
 		}
 	}
 };
 const quotation01 = {
-	fontFamily: fontFamilies.serif,
-	fontSize: (0, _carbon_layout.rem)(scale[4]),
-	fontWeight: fontWeights.regular,
+	fontFamily: serif,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(20),
+	fontWeight: 400,
 	lineHeight: 1.3,
 	letterSpacing: 0,
 	breakpoints: {
 		md: {
-			fontSize: (0, _carbon_layout.rem)(scale[4]),
-			fontWeight: fontWeights.regular,
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(20),
+			fontWeight: 400,
 			letterSpacing: 0
 		},
 		lg: {
-			fontSize: (0, _carbon_layout.rem)(scale[5]),
-			fontWeight: fontWeights.regular,
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(24),
+			fontWeight: 400,
 			lineHeight: 1.334,
 			letterSpacing: 0
 		},
 		xlg: {
-			fontSize: (0, _carbon_layout.rem)(scale[6]),
-			fontWeight: fontWeights.regular,
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(28),
+			fontWeight: 400,
 			lineHeight: 1.28572,
 			letterSpacing: 0
 		},
 		max: {
-			fontSize: (0, _carbon_layout.rem)(scale[7]),
-			fontWeight: fontWeights.regular,
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(32),
+			fontWeight: 400,
 			lineHeight: 1.25,
 			letterSpacing: 0
 		}
 	}
 };
 const quotation02 = {
-	fontFamily: fontFamilies.serif,
-	fontSize: (0, _carbon_layout.rem)(scale[7]),
-	fontWeight: fontWeights.light,
+	fontFamily: serif,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(32),
+	fontWeight: 300,
 	lineHeight: 1.25,
 	letterSpacing: 0,
 	breakpoints: {
 		md: {
-			fontSize: (0, _carbon_layout.rem)(scale[8]),
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(36),
 			lineHeight: 1.22
 		},
 		lg: {
-			fontSize: (0, _carbon_layout.rem)(scale[9]),
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(42),
 			lineHeight: 1.19
 		},
 		xlg: {
-			fontSize: (0, _carbon_layout.rem)(scale[10]),
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(48),
 			lineHeight: 1.17
 		},
-		max: { fontSize: (0, _carbon_layout.rem)(scale[12]) }
+		max: { fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(60) }
 	}
 };
 const display01 = {
-	fontSize: (0, _carbon_layout.rem)(scale[9]),
-	fontWeight: fontWeights.light,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(42),
+	fontWeight: 300,
 	lineHeight: 1.19,
 	letterSpacing: 0,
 	breakpoints: {
-		md: { fontSize: (0, _carbon_layout.rem)(scale[9]) },
-		lg: { fontSize: (0, _carbon_layout.rem)(scale[11]) },
+		md: { fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(42) },
+		lg: { fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(54) },
 		xlg: {
-			fontSize: (0, _carbon_layout.rem)(scale[12]),
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(60),
 			lineHeight: 1.17
 		},
 		max: {
-			fontSize: (0, _carbon_layout.rem)(scale[14]),
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(76),
 			lineHeight: 1.13
 		}
 	}
 };
 const display02 = {
-	fontSize: (0, _carbon_layout.rem)(scale[9]),
-	fontWeight: fontWeights.semibold,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(42),
+	fontWeight: 600,
 	lineHeight: 1.19,
 	letterSpacing: 0,
 	breakpoints: {
-		md: { fontSize: (0, _carbon_layout.rem)(scale[9]) },
-		lg: { fontSize: (0, _carbon_layout.rem)(scale[11]) },
+		md: { fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(42) },
+		lg: { fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(54) },
 		xlg: {
-			fontSize: (0, _carbon_layout.rem)(scale[12]),
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(60),
 			lineHeight: 1.16
 		},
 		max: {
-			fontSize: (0, _carbon_layout.rem)(scale[14]),
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(76),
 			lineHeight: 1.13
 		}
 	}
 };
 const display03 = {
-	fontSize: (0, _carbon_layout.rem)(scale[9]),
-	fontWeight: fontWeights.light,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(42),
+	fontWeight: 300,
 	lineHeight: 1.19,
 	letterSpacing: 0,
 	breakpoints: {
 		md: {
-			fontSize: (0, _carbon_layout.rem)(scale[11]),
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(54),
 			lineHeight: 1.18
 		},
 		lg: {
-			fontSize: (0, _carbon_layout.rem)(scale[12]),
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(60),
 			lineHeight: 1.16,
-			letterSpacing: (0, _carbon_layout.px)(-.64)
+			letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(-.64)
 		},
 		xlg: {
-			fontSize: (0, _carbon_layout.rem)(scale[14]),
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(76),
 			lineHeight: 1.13
 		},
 		max: {
-			fontSize: (0, _carbon_layout.rem)(scale[15]),
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(84),
 			lineHeight: 1.11,
-			letterSpacing: (0, _carbon_layout.px)(-.96)
+			letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(-.96)
 		}
 	}
 };
 const display04 = {
-	fontSize: (0, _carbon_layout.rem)(scale[9]),
-	fontWeight: fontWeights.light,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(42),
+	fontWeight: 300,
 	lineHeight: 1.19,
 	letterSpacing: 0,
 	breakpoints: {
 		md: {
-			fontSize: (0, _carbon_layout.rem)(scale[13]),
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(68),
 			lineHeight: 1.15
 		},
 		lg: {
-			fontSize: (0, _carbon_layout.rem)(scale[16]),
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(92),
 			lineHeight: 1.11,
-			letterSpacing: (0, _carbon_layout.px)(-.64)
+			letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(-.64)
 		},
 		xlg: {
-			fontSize: (0, _carbon_layout.rem)(scale[19]),
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(122),
 			lineHeight: 1.07,
-			letterSpacing: (0, _carbon_layout.px)(-.64)
+			letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(-.64)
 		},
 		max: {
-			fontSize: (0, _carbon_layout.rem)(scale[22]),
+			fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(156),
 			lineHeight: 1.05,
-			letterSpacing: (0, _carbon_layout.px)(-.96)
+			letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(-.96)
 		}
 	}
 };
 const legal01 = {
-	fontSize: (0, _carbon_layout.rem)(scale[0]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(12),
+	fontWeight: 400,
 	lineHeight: 1.33333,
-	letterSpacing: (0, _carbon_layout.px)(.32)
+	letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.32)
 };
 const legal02 = {
-	fontSize: (0, _carbon_layout.rem)(scale[1]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ (0, _carbon_layout.rem)(14),
+	fontWeight: 400,
 	lineHeight: 1.28572,
-	letterSpacing: (0, _carbon_layout.px)(.16)
+	letterSpacing: /*#__PURE__*/ (0, _carbon_layout.px)(.16)
 };
 const bodyCompact01 = bodyShort01;
 const bodyCompact02 = bodyShort02;

package/lib/scale.d.ts

@@ -5,6 +5,29 @@
  * LICENSE file in the root directory of this source tree.
  */
 export declare const getTypeSize: (step: number) => number;
+export declare const scale01 = 12;
+export declare const scale02 = 14;
+export declare const scale03 = 16;
+export declare const scale04 = 18;
+export declare const scale05 = 20;
+export declare const scale06 = 24;
+export declare const scale07 = 28;
+export declare const scale08 = 32;
+export declare const scale09 = 36;
+export declare const scale10 = 42;
+export declare const scale11 = 48;
+export declare const scale12 = 54;
+export declare const scale13 = 60;
+export declare const scale14 = 68;
+export declare const scale15 = 76;
+export declare const scale16 = 84;
+export declare const scale17 = 92;
+export declare const scale18 = 102;
+export declare const scale19 = 112;
+export declare const scale20 = 122;
+export declare const scale21 = 132;
+export declare const scale22 = 144;
+export declare const scale23 = 156;
 /**
  * Default type scale with 23 steps.
  *

package/lib/styles.d.ts

@@ -131,15 +131,15 @@ export declare const productiveHeading07: {
     letterSpacing: number;
 };
 export declare const expressiveHeading01: {
-    lineHeight: number;
     fontSize: string;
     fontWeight: number;
+    lineHeight: number;
     letterSpacing: string;
 };
 export declare const expressiveHeading02: {
-    lineHeight: number;
     fontSize: string;
     fontWeight: number;
+    lineHeight: number;
     letterSpacing: number;
 };
 export declare const expressiveHeading03: {