@carbon/type 11.64.0 → 11.65.0

package/es/index.js

@@ -18,8 +18,8 @@ var __exportAll = (all, no_symbols) => {
 * 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(breakpoints);
 const next = (name) => {
+	const breakpointNames = Object.keys(breakpoints);
 	return breakpointNames[breakpointNames.indexOf(name) + 1];
 };
 const fluid = (selector) => {
@@ -77,25 +77,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,
@@ -136,16 +133,16 @@ const paramCase = (string) => {
 * LICENSE file in the root directory of this source tree.
 */
 const reset = {
-	html: { fontSize: px(baseFontSize) },
+	html: { fontSize: /*#__PURE__*/ px(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
@@ -261,401 +258,405 @@ var styles_exports = /* @__PURE__ */ __exportAll({
 	quotation02: () => quotation02
 });
 const caption01 = {
-	fontSize: rem(scale[0]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ rem(12),
+	fontWeight: 400,
 	lineHeight: 1.33333,
-	letterSpacing: px(.32)
+	letterSpacing: /*#__PURE__*/ px(.32)
 };
 const caption02 = {
-	fontSize: rem(scale[1]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ rem(14),
+	fontWeight: 400,
 	lineHeight: 1.28572,
-	letterSpacing: px(.32)
+	letterSpacing: /*#__PURE__*/ px(.32)
 };
 const label01 = {
-	fontSize: rem(scale[0]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ rem(12),
+	fontWeight: 400,
 	lineHeight: 1.33333,
-	letterSpacing: px(.32)
+	letterSpacing: /*#__PURE__*/ px(.32)
 };
 const label02 = {
-	fontSize: rem(scale[1]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ rem(14),
+	fontWeight: 400,
 	lineHeight: 1.28572,
-	letterSpacing: px(.16)
+	letterSpacing: /*#__PURE__*/ px(.16)
 };
 const helperText01 = {
-	fontSize: rem(scale[0]),
+	fontSize: /*#__PURE__*/ rem(12),
 	lineHeight: 1.33333,
-	letterSpacing: px(.32)
+	letterSpacing: /*#__PURE__*/ px(.32)
 };
 const helperText02 = {
-	fontSize: rem(scale[1]),
+	fontSize: /*#__PURE__*/ rem(14),
 	lineHeight: 1.28572,
-	letterSpacing: px(.16)
+	letterSpacing: /*#__PURE__*/ px(.16)
 };
 const bodyShort01 = {
-	fontSize: rem(scale[1]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ rem(14),
+	fontWeight: 400,
 	lineHeight: 1.28572,
-	letterSpacing: px(.16)
+	letterSpacing: /*#__PURE__*/ px(.16)
 };
 const bodyLong01 = {
-	fontSize: rem(scale[1]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ rem(14),
+	fontWeight: 400,
 	lineHeight: 1.42857,
-	letterSpacing: px(.16)
+	letterSpacing: /*#__PURE__*/ px(.16)
 };
 const bodyShort02 = {
-	fontSize: rem(scale[2]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ rem(16),
+	fontWeight: 400,
 	lineHeight: 1.375,
 	letterSpacing: 0
 };
 const bodyLong02 = {
-	fontSize: rem(scale[2]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ rem(16),
+	fontWeight: 400,
 	lineHeight: 1.5,
 	letterSpacing: 0
 };
 const code01 = {
-	fontFamily: fontFamilies.mono,
-	fontSize: rem(scale[0]),
-	fontWeight: fontWeights.regular,
+	fontFamily: mono,
+	fontSize: /*#__PURE__*/ rem(12),
+	fontWeight: 400,
 	lineHeight: 1.33333,
-	letterSpacing: px(.32)
+	letterSpacing: /*#__PURE__*/ px(.32)
 };
 const code02 = {
-	fontFamily: fontFamilies.mono,
-	fontSize: rem(scale[1]),
-	fontWeight: fontWeights.regular,
+	fontFamily: mono,
+	fontSize: /*#__PURE__*/ rem(14),
+	fontWeight: 400,
 	lineHeight: 1.42857,
-	letterSpacing: px(.32)
+	letterSpacing: /*#__PURE__*/ px(.32)
 };
 const heading01 = {
-	fontSize: rem(scale[1]),
-	fontWeight: fontWeights.semibold,
+	fontSize: /*#__PURE__*/ rem(14),
+	fontWeight: 600,
 	lineHeight: 1.42857,
-	letterSpacing: px(.16)
+	letterSpacing: /*#__PURE__*/ px(.16)
 };
 const productiveHeading01 = {
-	fontSize: rem(scale[1]),
-	fontWeight: fontWeights.semibold,
+	fontSize: /*#__PURE__*/ rem(14),
+	fontWeight: 600,
 	lineHeight: 1.28572,
-	letterSpacing: px(.16)
+	letterSpacing: /*#__PURE__*/ px(.16)
 };
 const heading02 = {
-	fontSize: rem(scale[2]),
-	fontWeight: fontWeights.semibold,
+	fontSize: /*#__PURE__*/ rem(16),
+	fontWeight: 600,
 	lineHeight: 1.5,
 	letterSpacing: 0
 };
 const productiveHeading02 = {
-	fontSize: rem(scale[2]),
-	fontWeight: fontWeights.semibold,
+	fontSize: /*#__PURE__*/ rem(16),
+	fontWeight: 600,
 	lineHeight: 1.375,
 	letterSpacing: 0
 };
 const productiveHeading03 = {
-	fontSize: rem(scale[4]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ rem(20),
+	fontWeight: 400,
 	lineHeight: 1.4,
 	letterSpacing: 0
 };
 const productiveHeading04 = {
-	fontSize: rem(scale[6]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ rem(28),
+	fontWeight: 400,
 	lineHeight: 1.28572,
 	letterSpacing: 0
 };
 const productiveHeading05 = {
-	fontSize: rem(scale[7]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ rem(32),
+	fontWeight: 400,
 	lineHeight: 1.25,
 	letterSpacing: 0
 };
 const productiveHeading06 = {
-	fontSize: rem(scale[9]),
-	fontWeight: fontWeights.light,
+	fontSize: /*#__PURE__*/ rem(42),
+	fontWeight: 300,
 	lineHeight: 1.199,
 	letterSpacing: 0
 };
 const productiveHeading07 = {
-	fontSize: rem(scale[11]),
-	fontWeight: fontWeights.light,
+	fontSize: /*#__PURE__*/ rem(54),
+	fontWeight: 300,
 	lineHeight: 1.199,
 	letterSpacing: 0
 };
 const expressiveHeading01 = {
-	...heading01,
-	lineHeight: 1.25
+	fontSize: /*#__PURE__*/ rem(14),
+	fontWeight: 600,
+	lineHeight: 1.25,
+	letterSpacing: /*#__PURE__*/ px(.16)
 };
 const expressiveHeading02 = {
-	...heading02,
-	lineHeight: 1.5
+	fontSize: /*#__PURE__*/ rem(16),
+	fontWeight: 600,
+	lineHeight: 1.5,
+	letterSpacing: 0
 };
 const expressiveHeading03 = {
-	fontSize: rem(scale[4]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ rem(20),
+	fontWeight: 400,
 	lineHeight: 1.4,
 	letterSpacing: 0,
 	breakpoints: {
 		xlg: {
-			fontSize: rem(scale[4]),
+			fontSize: /*#__PURE__*/ rem(20),
 			lineHeight: 1.4
 		},
 		max: {
-			fontSize: rem(scale[5]),
+			fontSize: /*#__PURE__*/ rem(24),
 			lineHeight: 1.334
 		}
 	}
 };
 const expressiveHeading04 = {
-	fontSize: rem(scale[6]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ rem(28),
+	fontWeight: 400,
 	lineHeight: 1.28572,
 	letterSpacing: 0,
 	breakpoints: {
 		xlg: {
-			fontSize: rem(scale[7]),
-			fontWeight: fontWeights.regular,
+			fontSize: /*#__PURE__*/ rem(32),
+			fontWeight: 400,
 			lineHeight: 1.25
 		},
 		max: {
-			fontSize: rem(scale[7]),
-			fontWeight: fontWeights.regular
+			fontSize: /*#__PURE__*/ rem(32),
+			fontWeight: 400
 		}
 	}
 };
 const expressiveHeading05 = {
-	fontSize: rem(scale[7]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ rem(32),
+	fontWeight: 400,
 	lineHeight: 1.25,
 	letterSpacing: 0,
 	breakpoints: {
 		md: {
-			fontSize: rem(scale[8]),
-			fontWeight: fontWeights.light,
+			fontSize: /*#__PURE__*/ rem(36),
+			fontWeight: 300,
 			lineHeight: 1.22,
 			letterSpacing: 0
 		},
 		lg: {
-			fontSize: rem(scale[9]),
+			fontSize: /*#__PURE__*/ rem(42),
 			lineHeight: 1.19,
 			letterSpacing: 0
 		},
 		xlg: {
-			fontSize: rem(scale[10]),
+			fontSize: /*#__PURE__*/ rem(48),
 			lineHeight: 1.17,
 			letterSpacing: 0
 		},
 		max: {
-			fontSize: rem(scale[12]),
+			fontSize: /*#__PURE__*/ rem(60),
 			letterSpacing: 0
 		}
 	}
 };
 const expressiveHeading06 = {
-	fontSize: rem(scale[7]),
-	fontWeight: fontWeights.semibold,
+	fontSize: /*#__PURE__*/ rem(32),
+	fontWeight: 600,
 	lineHeight: 1.25,
 	letterSpacing: 0,
 	breakpoints: {
 		md: {
-			fontSize: rem(scale[8]),
-			fontWeight: fontWeights.semibold,
+			fontSize: /*#__PURE__*/ rem(36),
+			fontWeight: 600,
 			lineHeight: 1.22,
 			letterSpacing: 0
 		},
 		lg: {
-			fontSize: rem(scale[9]),
-			fontWeight: fontWeights.semibold,
+			fontSize: /*#__PURE__*/ rem(42),
+			fontWeight: 600,
 			lineHeight: 1.19,
 			letterSpacing: 0
 		},
 		xlg: {
-			fontSize: rem(scale[10]),
-			fontWeight: fontWeights.semibold,
+			fontSize: /*#__PURE__*/ rem(48),
+			fontWeight: 600,
 			lineHeight: 1.17,
 			letterSpacing: 0
 		},
 		max: {
-			fontSize: rem(scale[12]),
-			fontWeight: fontWeights.semibold,
+			fontSize: /*#__PURE__*/ rem(60),
+			fontWeight: 600,
 			letterSpacing: 0
 		}
 	}
 };
 const expressiveParagraph01 = {
-	fontSize: rem(scale[5]),
-	fontWeight: fontWeights.light,
+	fontSize: /*#__PURE__*/ rem(24),
+	fontWeight: 300,
 	lineHeight: 1.334,
 	letterSpacing: 0,
 	breakpoints: {
 		lg: {
-			fontSize: rem(scale[6]),
+			fontSize: /*#__PURE__*/ rem(28),
 			lineHeight: 1.28572
 		},
 		max: {
-			fontSize: rem(scale[7]),
+			fontSize: /*#__PURE__*/ rem(32),
 			lineHeight: 1.25
 		}
 	}
 };
 const quotation01 = {
-	fontFamily: fontFamilies.serif,
-	fontSize: rem(scale[4]),
-	fontWeight: fontWeights.regular,
+	fontFamily: serif,
+	fontSize: /*#__PURE__*/ rem(20),
+	fontWeight: 400,
 	lineHeight: 1.3,
 	letterSpacing: 0,
 	breakpoints: {
 		md: {
-			fontSize: rem(scale[4]),
-			fontWeight: fontWeights.regular,
+			fontSize: /*#__PURE__*/ rem(20),
+			fontWeight: 400,
 			letterSpacing: 0
 		},
 		lg: {
-			fontSize: rem(scale[5]),
-			fontWeight: fontWeights.regular,
+			fontSize: /*#__PURE__*/ rem(24),
+			fontWeight: 400,
 			lineHeight: 1.334,
 			letterSpacing: 0
 		},
 		xlg: {
-			fontSize: rem(scale[6]),
-			fontWeight: fontWeights.regular,
+			fontSize: /*#__PURE__*/ rem(28),
+			fontWeight: 400,
 			lineHeight: 1.28572,
 			letterSpacing: 0
 		},
 		max: {
-			fontSize: rem(scale[7]),
-			fontWeight: fontWeights.regular,
+			fontSize: /*#__PURE__*/ rem(32),
+			fontWeight: 400,
 			lineHeight: 1.25,
 			letterSpacing: 0
 		}
 	}
 };
 const quotation02 = {
-	fontFamily: fontFamilies.serif,
-	fontSize: rem(scale[7]),
-	fontWeight: fontWeights.light,
+	fontFamily: serif,
+	fontSize: /*#__PURE__*/ rem(32),
+	fontWeight: 300,
 	lineHeight: 1.25,
 	letterSpacing: 0,
 	breakpoints: {
 		md: {
-			fontSize: rem(scale[8]),
+			fontSize: /*#__PURE__*/ rem(36),
 			lineHeight: 1.22
 		},
 		lg: {
-			fontSize: rem(scale[9]),
+			fontSize: /*#__PURE__*/ rem(42),
 			lineHeight: 1.19
 		},
 		xlg: {
-			fontSize: rem(scale[10]),
+			fontSize: /*#__PURE__*/ rem(48),
 			lineHeight: 1.17
 		},
-		max: { fontSize: rem(scale[12]) }
+		max: { fontSize: /*#__PURE__*/ rem(60) }
 	}
 };
 const display01 = {
-	fontSize: rem(scale[9]),
-	fontWeight: fontWeights.light,
+	fontSize: /*#__PURE__*/ rem(42),
+	fontWeight: 300,
 	lineHeight: 1.19,
 	letterSpacing: 0,
 	breakpoints: {
-		md: { fontSize: rem(scale[9]) },
-		lg: { fontSize: rem(scale[11]) },
+		md: { fontSize: /*#__PURE__*/ rem(42) },
+		lg: { fontSize: /*#__PURE__*/ rem(54) },
 		xlg: {
-			fontSize: rem(scale[12]),
+			fontSize: /*#__PURE__*/ rem(60),
 			lineHeight: 1.17
 		},
 		max: {
-			fontSize: rem(scale[14]),
+			fontSize: /*#__PURE__*/ rem(76),
 			lineHeight: 1.13
 		}
 	}
 };
 const display02 = {
-	fontSize: rem(scale[9]),
-	fontWeight: fontWeights.semibold,
+	fontSize: /*#__PURE__*/ rem(42),
+	fontWeight: 600,
 	lineHeight: 1.19,
 	letterSpacing: 0,
 	breakpoints: {
-		md: { fontSize: rem(scale[9]) },
-		lg: { fontSize: rem(scale[11]) },
+		md: { fontSize: /*#__PURE__*/ rem(42) },
+		lg: { fontSize: /*#__PURE__*/ rem(54) },
 		xlg: {
-			fontSize: rem(scale[12]),
+			fontSize: /*#__PURE__*/ rem(60),
 			lineHeight: 1.16
 		},
 		max: {
-			fontSize: rem(scale[14]),
+			fontSize: /*#__PURE__*/ rem(76),
 			lineHeight: 1.13
 		}
 	}
 };
 const display03 = {
-	fontSize: rem(scale[9]),
-	fontWeight: fontWeights.light,
+	fontSize: /*#__PURE__*/ rem(42),
+	fontWeight: 300,
 	lineHeight: 1.19,
 	letterSpacing: 0,
 	breakpoints: {
 		md: {
-			fontSize: rem(scale[11]),
+			fontSize: /*#__PURE__*/ rem(54),
 			lineHeight: 1.18
 		},
 		lg: {
-			fontSize: rem(scale[12]),
+			fontSize: /*#__PURE__*/ rem(60),
 			lineHeight: 1.16,
-			letterSpacing: px(-.64)
+			letterSpacing: /*#__PURE__*/ px(-.64)
 		},
 		xlg: {
-			fontSize: rem(scale[14]),
+			fontSize: /*#__PURE__*/ rem(76),
 			lineHeight: 1.13
 		},
 		max: {
-			fontSize: rem(scale[15]),
+			fontSize: /*#__PURE__*/ rem(84),
 			lineHeight: 1.11,
-			letterSpacing: px(-.96)
+			letterSpacing: /*#__PURE__*/ px(-.96)
 		}
 	}
 };
 const display04 = {
-	fontSize: rem(scale[9]),
-	fontWeight: fontWeights.light,
+	fontSize: /*#__PURE__*/ rem(42),
+	fontWeight: 300,
 	lineHeight: 1.19,
 	letterSpacing: 0,
 	breakpoints: {
 		md: {
-			fontSize: rem(scale[13]),
+			fontSize: /*#__PURE__*/ rem(68),
 			lineHeight: 1.15
 		},
 		lg: {
-			fontSize: rem(scale[16]),
+			fontSize: /*#__PURE__*/ rem(92),
 			lineHeight: 1.11,
-			letterSpacing: px(-.64)
+			letterSpacing: /*#__PURE__*/ px(-.64)
 		},
 		xlg: {
-			fontSize: rem(scale[19]),
+			fontSize: /*#__PURE__*/ rem(122),
 			lineHeight: 1.07,
-			letterSpacing: px(-.64)
+			letterSpacing: /*#__PURE__*/ px(-.64)
 		},
 		max: {
-			fontSize: rem(scale[22]),
+			fontSize: /*#__PURE__*/ rem(156),
 			lineHeight: 1.05,
-			letterSpacing: px(-.96)
+			letterSpacing: /*#__PURE__*/ px(-.96)
 		}
 	}
 };
 const legal01 = {
-	fontSize: rem(scale[0]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ rem(12),
+	fontWeight: 400,
 	lineHeight: 1.33333,
-	letterSpacing: px(.32)
+	letterSpacing: /*#__PURE__*/ px(.32)
 };
 const legal02 = {
-	fontSize: rem(scale[1]),
-	fontWeight: fontWeights.regular,
+	fontSize: /*#__PURE__*/ rem(14),
+	fontWeight: 400,
 	lineHeight: 1.28572,
-	letterSpacing: px(.16)
+	letterSpacing: /*#__PURE__*/ px(.16)
 };
 const bodyCompact01 = bodyShort01;
 const bodyCompact02 = bodyShort02;

package/lib/fontFamily.d.ts

@@ -4,6 +4,11 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+export declare const mono = "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace";
+export declare const sans = "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif";
+export declare const sansCondensed = "'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif";
+export declare const sansHebrew = "'IBM Plex Sans Hebrew', 'Helvetica Hebrew', 'Arial Hebrew', sans-serif";
+export declare const serif = "'IBM Plex Serif', 'Georgia', Times, serif";
 export declare const fontFamilies: {
     mono: string;
     sans: string;

package/lib/fontWeight.d.ts

@@ -4,6 +4,9 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+export declare const light = 300;
+export declare const regular = 400;
+export declare const semibold = 600;
 export declare const fontWeights: {
     light: number;
     regular: number;