@carbon/themes 11.74.0 → 11.75.0-rc.0

package/es/index.js

@@ -14,9 +14,9 @@ var __exportAll = (all, no_symbols) => {
 	return target;
 };
 //#endregion
-//#region src/tools.js
+//#region src/tools.ts
 /**
-* Copyright IBM Corp. 2016, 2023
+* Copyright IBM Corp. 2016, 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.
@@ -26,28 +26,22 @@ var __exportAll = (all, no_symbols) => {
 * Example: token = hsl(10, 10, 10);
 * adjustLightness(token, 5) === hsl(10, 10, 15);
 * adjustLightness(token, -5) === hsl(10, 10, 5);
-* @param {string} token
-* @param {integer} shift The number of percentage points (positive or negative) by which to shift the lightness of a token.
-* @returns {string}
 */
-function adjustLightness(token, shift) {
+const adjustLightness = (token, shift) => {
 	const original = Color(token).hsl().object();
 	return Color({
 		...original,
 		l: original.l += shift
 	}).round().hex().toLowerCase();
-}
+};
 /**
 * Adjust a given token's alpha by a specified amount
 * Example: token = rgba(10, 10, 10, 1.0);
 * adjustAlpha(token, 0.3) === rgba(10, 10, 10, 0.3);
-* @param {string} token
-* @param {float} alpha
-* @returns {string}
 */
-function adjustAlpha(token, alpha) {
+const adjustAlpha = (token, alpha) => {
 	return Color(token).rgb().alpha(alpha).string();
-}
+};
 const numbers = [
 	"0",
 	"1",
@@ -62,10 +56,8 @@ const numbers = [
 ];
 /**
 * Format a given token into the format expected in CSS/SCSS-based projects.
-* @param {string} token
-* @returns {string}
 */
-function formatTokenName(token) {
+const formatTokenName = (token) => {
 	let string = "";
 	for (let i = 0; i < token.length; i++) {
 		if (numbers.indexOf(token[i]) !== -1) {
@@ -83,11 +75,11 @@ function formatTokenName(token) {
 		string += token[i];
 	}
 	return string;
-}
+};
 //#endregion
-//#region src/white.js
+//#region src/white.ts
 /**
-* Copyright IBM Corp. 2018, 2023
+* 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.
@@ -636,9 +628,9 @@ const chatButtonActive = backgroundActive;
 const chatButtonSelected = backgroundSelected;
 const chatButtonTextSelected = textSecondary;
 //#endregion
-//#region src/g10.js
+//#region src/g10.ts
 /**
-* Copyright IBM Corp. 2018, 2023
+* 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.
@@ -1187,9 +1179,9 @@ const chatButtonActive$3 = backgroundActive$7;
 const chatButtonSelected$3 = backgroundSelected$7;
 const chatButtonTextSelected$3 = textSecondary$7;
 //#endregion
-//#region src/g90.js
+//#region src/g90.ts
 /**
-* Copyright IBM Corp. 2018, 2023
+* 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.
@@ -1738,9 +1730,9 @@ const chatButtonActive$2 = backgroundActive$6;
 const chatButtonSelected$2 = backgroundSelected$6;
 const chatButtonTextSelected$2 = textSecondary$6;
 //#endregion
-//#region src/g100.js
+//#region src/g100.ts
 /**
-* Copyright IBM Corp. 2018, 2023
+* 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.
@@ -2289,9 +2281,9 @@ const chatButtonActive$1 = backgroundActive$5;
 const chatButtonSelected$1 = backgroundSelected$5;
 const chatButtonTextSelected$1 = textSecondary$5;
 //#endregion
-//#region src/v10/white.js
+//#region src/v10/white.ts
 /**
-* Copyright IBM Corp. 2018, 2023
+* 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.
@@ -2688,9 +2680,9 @@ const active01$3 = activeUI$3;
 const hoverField$3 = hoverUI$3;
 const danger$3 = danger01$3;
 //#endregion
-//#region src/v10/g10.js
+//#region src/v10/g10.ts
 /**
-* Copyright IBM Corp. 2018, 2023
+* 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.
@@ -3087,9 +3079,9 @@ const active01$2 = activeUI$2;
 const hoverField$2 = hoverUI$2;
 const danger$2 = danger01$2;
 //#endregion
-//#region src/v10/g90.js
+//#region src/v10/g90.ts
 /**
-* Copyright IBM Corp. 2018, 2023
+* 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.
@@ -3486,9 +3478,9 @@ const active01$1 = activeUI$1;
 const hoverField$1 = hoverUI$1;
 const danger$1 = danger01$1;
 //#endregion
-//#region src/v10/g100.js
+//#region src/v10/g100.ts
 /**
-* Copyright IBM Corp. 2018, 2023
+* 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.
@@ -4038,9 +4030,9 @@ const tokens = {
 	layout: unstable_tokens$1
 };
 //#endregion
-//#region src/v10/index.js
+//#region src/v10/index.ts
 /**
-* Copyright IBM Corp. 2018, 2023
+* 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.
@@ -4302,7 +4294,7 @@ const themes$1 = {
 	g100: g100_exports$1
 };
 //#endregion
-//#region src/component-tokens/button/tokens.js
+//#region src/component-tokens/button/tokens.ts
 var tokens_exports$4 = /* @__PURE__ */ __exportAll({
 	buttonDangerActive: () => buttonDangerActive,
 	buttonDangerHover: () => buttonDangerHover,
@@ -4321,7 +4313,7 @@ var tokens_exports$4 = /* @__PURE__ */ __exportAll({
 	buttonTertiaryHover: () => buttonTertiaryHover
 });
 /**
-* Copyright IBM Corp. 2022
+* Copyright IBM Corp. 2022, 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.
@@ -4418,12 +4410,12 @@ const buttonDisabled = {
 	g100: "rgb(141 141 141 / 30%)"
 };
 //#endregion
-//#region src/component-tokens/button/index.js
+//#region src/component-tokens/button/index.ts
 var button_exports = /* @__PURE__ */ __exportAll({ buttonTokens: () => tokens_exports$4 });
 //#endregion
-//#region src/component-tokens/tag/tokens.js
+//#region src/component-tokens/tag/tokens.ts
 /**
-* Copyright IBM Corp. 2022, 2024
+* Copyright IBM Corp. 2022, 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.
@@ -4711,12 +4703,12 @@ const tagBorderWarmGray = {
 	g100: warmGray50
 };
 //#endregion
-//#region src/component-tokens/tag/index.js
+//#region src/component-tokens/tag/index.ts
 var tag_exports = /* @__PURE__ */ __exportAll({ tagTokens: () => tokens_exports$3 });
 //#endregion
-//#region src/component-tokens/notification/tokens.js
+//#region src/component-tokens/notification/tokens.ts
 /**
-* Copyright IBM Corp. 2022, 2024
+* Copyright IBM Corp. 2022, 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.
@@ -4792,12 +4784,12 @@ const notificationActionTertiaryInverseTextOnColorDisabled = {
 	g100: textOnColorDisabled
 };
 //#endregion
-//#region src/component-tokens/notification/index.js
+//#region src/component-tokens/notification/index.ts
 var notification_exports = /* @__PURE__ */ __exportAll({ notificationTokens: () => tokens_exports$2 });
 //#endregion
-//#region src/component-tokens/status/tokens.js
+//#region src/component-tokens/status/tokens.ts
 /**
-* Copyright IBM Corp. 2025
+* Copyright IBM Corp. 2025, 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.
@@ -4871,12 +4863,12 @@ const statusAccessibilityBackground = {
 	g100: gray100
 };
 //#endregion
-//#region src/component-tokens/status/index.js
+//#region src/component-tokens/status/index.ts
 var status_exports = /* @__PURE__ */ __exportAll({ statusTokens: () => tokens_exports$1 });
 //#endregion
-//#region src/component-tokens/content-switcher/tokens.js
+//#region src/component-tokens/content-switcher/tokens.ts
 /**
-* Copyright IBM Corp. 2025
+* Copyright IBM Corp. 2025, 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.
@@ -4906,21 +4898,10 @@ const contentSwitcherBackgroundHover = {
 	g100: rgba(gray50, .12)
 };
 //#endregion
-//#region src/component-tokens/content-switcher/index.js
+//#region src/component-tokens/content-switcher/index.ts
 var content_switcher_exports = /* @__PURE__ */ __exportAll({ contentSwitcherTokens: () => tokens_exports });
 //#endregion
-//#region src/tokens/Token.js
-/**
-* Copyright IBM Corp. 2018, 2025
-*
-* This source code is licensed under the Apache-2.0 license found in the
-* LICENSE file in the root directory of this source tree.
-*/
-/**
-* A Token is the simplest unit in our theme. It can have a name, properties
-* that it applies to like border or background, along with a state if the
-* token should only be used for specific states like hover or focus.
-*/
+//#region src/tokens/Token.ts
 var Token = class Token {
 	static create(token) {
 		if (typeof token === "string") return new Token(token);
@@ -4934,9 +4915,9 @@ var Token = class Token {
 	}
 };
 //#endregion
-//#region src/tokens/TokenGroup.js
+//#region src/tokens/TokenGroup.ts
 /**
-* Copyright IBM Corp. 2018, 2023
+* 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.
@@ -4961,7 +4942,7 @@ var TokenGroup = class TokenGroup {
 		this.name = name;
 		if (properties) this.properties = properties;
 		this.children = tokens.map((child) => {
-			if (child.kind === "TokenGroup") return child;
+			if (typeof child !== "string" && "kind" in child && child.kind === "TokenGroup") return child;
 			return Token.create(child);
 		});
 	}
@@ -4975,7 +4956,6 @@ var TokenGroup = class TokenGroup {
 	/**
 	* Get all the tokens available in every Token Group in this TokenGroup,
 	* including itself.
-	* @returns {Array<Token>}
 	*/
 	getTokens(parentContext = {}) {
 		const context = {
@@ -4997,7 +4977,6 @@ var TokenGroup = class TokenGroup {
 	/**
 	* Get a specific token from the TokenGroup, or form one of its nested
 	* TokenGroups
-	* @returns {Token}
 	*/
 	getToken(tokenOrName) {
 		const name = typeof tokenOrName === "string" ? tokenOrName : tokenOrName.name;
@@ -5009,7 +4988,6 @@ var TokenGroup = class TokenGroup {
 	}
 	/**
 	* Get all the unique groups in the token group, including this group
-	* @returns {Array<TokenGroup>}
 	*/
 	getTokenGroups() {
 		const set = /* @__PURE__ */ new Set();
@@ -5021,7 +4999,6 @@ var TokenGroup = class TokenGroup {
 	}
 	/**
 	* Get all the unique properties in the token group, including this group
-	* @returns {Array<string>}
 	*/
 	getTokenProperties() {
 		const set = /* @__PURE__ */ new Set();
@@ -5033,7 +5010,6 @@ var TokenGroup = class TokenGroup {
 	}
 	/**
 	* Get all the unique states in the token group, including this group
-	* @returns {Array<string>}
 	*/
 	getTokenStates() {
 		const set = /* @__PURE__ */ new Set();
@@ -5045,9 +5021,9 @@ var TokenGroup = class TokenGroup {
 	}
 };
 //#endregion
-//#region src/tokens/v11TokenGroup.js
+//#region src/tokens/v11TokenGroup.ts
 /**
-* Copyright IBM Corp. 2018, 2023
+* 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.
@@ -5522,9 +5498,9 @@ const group = TokenGroup.create({
 	]
 });
 //#endregion
-//#region src/tokens/components.js
+//#region src/tokens/components.ts
 /**
-* Copyright IBM Corp. 2018, 2023
+* 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.
@@ -5644,9 +5620,9 @@ const contentSwitcher = TokenGroup.create({
 	]
 });
 //#endregion
-//#region src/tokens/type.js
+//#region src/tokens/type.ts
 /**
-* Copyright IBM Corp. 2018, 2023
+* 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.
@@ -5692,9 +5668,9 @@ const type$1 = TokenGroup.create({
 	]
 });
 //#endregion
-//#region src/tokens/layout.js
+//#region src/tokens/layout.ts
 /**
-* Copyright IBM Corp. 2018, 2023
+* 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.
@@ -5730,9 +5706,9 @@ const layout$1 = TokenGroup.create({
 	]
 });
 //#endregion
-//#region src/tokens/v10.js
+//#region src/tokens/v10.ts
 /**
-* Copyright IBM Corp. 2018, 2023
+* 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.
@@ -5912,47 +5888,38 @@ const v10 = [
 		};
 	})
 ];
+//#endregion
+//#region src/tokens/index.ts
+const formatMetadata = (name, type) => ({
+	name,
+	type
+});
 const unstable_metadata = {
 	v11: [
 		...group.getTokens().map((token) => {
-			return {
-				name: token.name,
-				type: "color"
-			};
+			return formatMetadata(token.name, "color");
 		}),
 		...contextual.getTokens().map((token) => {
-			return {
-				name: token.name,
-				type: "color"
-			};
+			return formatMetadata(token.name, "color");
 		}),
 		...Object.values(components_exports).flatMap((group) => {
 			return group.getTokens().map((token) => {
-				return {
-					name: token.name,
-					type: "color"
-				};
+				return formatMetadata(token.name, "color");
 			});
 		}),
 		...type$1.getTokens().map((token) => {
-			return {
-				name: token.name,
-				type: "type"
-			};
+			return formatMetadata(token.name, "type");
 		}),
 		...layout$1.getTokens().map((token) => {
-			return {
-				name: token.name,
-				type: "layout"
-			};
+			return formatMetadata(token.name, "layout");
 		})
 	],
 	v10
 };
 //#endregion
-//#region src/index.js
+//#region src/index.ts
 /**
-* Copyright IBM Corp. 2018, 2023
+* 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.

package/lib/component-tokens/button/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright IBM Corp. 2022, 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.
+ */
+export * as buttonTokens from './tokens';

package/lib/component-tokens/button/tokens.d.ts

@@ -0,0 +1,98 @@
+/**
+ * Copyright IBM Corp. 2022, 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.
+ */
+declare const buttonSeparator: {
+    fallback: string;
+    whiteTheme: string;
+    g10: string;
+    g90: string;
+    g100: string;
+};
+declare const buttonPrimary: {
+    whiteTheme: string;
+    g10: string;
+    g90: string;
+    g100: string;
+};
+declare const buttonSecondary: {
+    whiteTheme: string;
+    g10: string;
+    g90: string;
+    g100: string;
+};
+declare const buttonTertiary: {
+    whiteTheme: string;
+    g10: string;
+    g90: string;
+    g100: string;
+};
+declare const buttonDangerPrimary: {
+    whiteTheme: string;
+    g10: string;
+    g90: string;
+    g100: string;
+};
+declare const buttonDangerSecondary: {
+    whiteTheme: string;
+    g10: string;
+    g90: string;
+    g100: string;
+};
+declare const buttonDangerActive: {
+    whiteTheme: string;
+    g10: string;
+    g90: string;
+    g100: string;
+};
+declare const buttonPrimaryActive: {
+    whiteTheme: string;
+    g10: string;
+    g90: string;
+    g100: string;
+};
+declare const buttonSecondaryActive: {
+    whiteTheme: string;
+    g10: string;
+    g90: string;
+    g100: string;
+};
+declare const buttonTertiaryActive: {
+    whiteTheme: string;
+    g10: string;
+    g90: string;
+    g100: string;
+};
+declare const buttonDangerHover: {
+    whiteTheme: string;
+    g10: string;
+    g90: string;
+    g100: string;
+};
+declare const buttonPrimaryHover: {
+    whiteTheme: string;
+    g10: string;
+    g90: string;
+    g100: string;
+};
+declare const buttonSecondaryHover: {
+    whiteTheme: string;
+    g10: string;
+    g90: string;
+    g100: string;
+};
+declare const buttonTertiaryHover: {
+    whiteTheme: string;
+    g10: string;
+    g90: string;
+    g100: string;
+};
+declare const buttonDisabled: {
+    whiteTheme: string;
+    g10: string;
+    g90: string;
+    g100: string;
+};
+export { buttonSeparator, buttonPrimary, buttonSecondary, buttonTertiary, buttonDangerPrimary, buttonDangerSecondary, buttonDangerActive, buttonPrimaryActive, buttonSecondaryActive, buttonTertiaryActive, buttonDangerHover, buttonPrimaryHover, buttonSecondaryHover, buttonTertiaryHover, buttonDisabled, };

package/{src/component-tokens/content-switcher/index.js → lib/component-tokens/content-switcher/index.d.ts}

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2025
+ * Copyright IBM Corp. 2025, 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.

package/lib/component-tokens/content-switcher/tokens.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright IBM Corp. 2025, 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.
+ */
+export declare const contentSwitcherSelected: {
+    whiteTheme: string;
+    g10: string;
+    g90: string;
+    g100: string;
+};
+export declare const contentSwitcherBackground: {
+    whiteTheme: string;
+    g10: string;
+    g90: string;
+    g100: string;
+};
+export declare const contentSwitcherBackgroundHover: {
+    whiteTheme: string;
+    g10: string;
+    g90: string;
+    g100: string;
+};

package/lib/component-tokens/notification/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright IBM Corp. 2022, 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.
+ */
+export * as notificationTokens from './tokens';

package/lib/component-tokens/notification/tokens.d.ts

@@ -0,0 +1,64 @@
+/**
+ * Copyright IBM Corp. 2022, 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.
+ */
+export declare const notificationBackgroundError: {
+    whiteTheme: string;
+    g10: string;
+    g90: string;
+    g100: string;
+};
+export declare const notificationBackgroundSuccess: {
+    whiteTheme: string;
+    g10: string;
+    g90: string;
+    g100: string;
+};
+export declare const notificationBackgroundInfo: {
+    whiteTheme: string;
+    g10: string;
+    g90: string;
+    g100: string;
+};
+export declare const notificationBackgroundWarning: {
+    whiteTheme: string;
+    g10: string;
+    g90: string;
+    g100: string;
+};
+export declare const notificationActionHover: {
+    whiteTheme: string;
+    g10: string;
+};
+export declare const notificationActionTertiaryInverse: {
+    whiteTheme: string;
+    g10: string;
+    g90: string;
+    g100: string;
+};
+export declare const notificationActionTertiaryInverseActive: {
+    whiteTheme: string;
+    g10: string;
+    g90: string;
+    g100: string;
+};
+export declare const notificationActionTertiaryInverseHover: {
+    whiteTheme: string;
+    g10: string;
+    g90: string;
+    g100: string;
+};
+export declare const notificationActionTertiaryInverseText: {
+    whiteTheme: string;
+    g10: string;
+    g90: string;
+    g100: string;
+};
+export declare const notificationActionTertiaryInverseTextOnColorDisabled: {
+    whiteTheme: string;
+    g10: string;
+    g90: string;
+    g100: string;
+};

package/lib/component-tokens/status/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright IBM Corp. 2025, 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.
+ */
+export * as statusTokens from './tokens';