@carbon/themes 11.74.0 → 11.75.0

package/lib/v10/white.d.ts

@@ -0,0 +1,155 @@
+/**
+ * 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.
+ */
+export declare const interactive01 = "#0f62fe";
+export declare const interactive02 = "#393939";
+export declare const interactive03 = "#0f62fe";
+export declare const interactive04 = "#0f62fe";
+export declare const uiBackground = "#ffffff";
+export declare const ui01 = "#f4f4f4";
+export declare const ui02 = "#ffffff";
+export declare const ui03 = "#e0e0e0";
+export declare const ui04 = "#8d8d8d";
+export declare const ui05 = "#161616";
+export declare const text01 = "#161616";
+export declare const text02 = "#525252";
+export declare const text03 = "#a8a8a8";
+export declare const text04 = "#ffffff";
+export declare const text05 = "#6f6f6f";
+export declare const textError = "#da1e28";
+export declare const icon01 = "#161616";
+export declare const icon02 = "#525252";
+export declare const icon03 = "#ffffff";
+export declare const link01 = "#0f62fe";
+export declare const link02 = "#0043ce";
+export declare const inverseLink = "#78a9ff";
+export declare const field01 = "#f4f4f4";
+export declare const field02 = "#ffffff";
+export declare const inverse01 = "#ffffff";
+export declare const inverse02 = "#393939";
+export declare const support01 = "#da1e28";
+export declare const support02 = "#198038";
+export declare const support03 = "#f1c21b";
+export declare const support04 = "#0043ce";
+export declare const inverseSupport01 = "#fa4d56";
+export declare const inverseSupport02 = "#42be65";
+export declare const inverseSupport03 = "#f1c21b";
+export declare const inverseSupport04 = "#4589ff";
+export declare const overlay01: string;
+export declare const danger01 = "#da1e28";
+export declare const danger02 = "#da1e28";
+export declare const focus = "#0f62fe";
+export declare const inverseFocusUi = "#ffffff";
+export declare const hoverPrimary = "#0353e9";
+export declare const activePrimary = "#002d9c";
+export declare const hoverPrimaryText = "#0043ce";
+export declare const hoverSecondary = "#4c4c4c";
+export declare const activeSecondary = "#6f6f6f";
+export declare const hoverTertiary = "#0353e9";
+export declare const activeTertiary = "#002d9c";
+export declare const hoverUI = "#e5e5e5";
+export declare const hoverLightUI = "#e5e5e5";
+export declare const activeUI = "#c6c6c6";
+export declare const activeLightUI = "#c6c6c6";
+export declare const selectedUI = "#e0e0e0";
+export declare const selectedLightUI = "#e0e0e0";
+export declare const inverseHoverUI = "#4c4c4c";
+export declare const hoverSelectedUI = "#cacaca";
+export declare const hoverDanger: string;
+export declare const activeDanger = "#750e13";
+export declare const hoverRow = "#e5e5e5";
+export declare const visitedLink = "#8a3ffc";
+export declare const disabled01 = "#f4f4f4";
+export declare const disabled02 = "#c6c6c6";
+export declare const disabled03 = "#8d8d8d";
+export declare const highlight = "#d0e2ff";
+export declare const decorative01 = "#e0e0e0";
+export declare const buttonSeparator = "#e0e0e0";
+export declare const skeleton01 = "#e5e5e5";
+export declare const skeleton02 = "#c6c6c6";
+export declare const background = "#ffffff";
+export declare const layer = "#f4f4f4";
+export declare const layerAccent = "#e0e0e0";
+export declare const layerAccentActive = "#a8a8a8";
+export declare const layerAccentHover: string;
+export declare const field = "#f4f4f4";
+export declare const backgroundInverse = "#393939";
+export declare const backgroundBrand = "#0f62fe";
+export declare const interactive = "#0f62fe";
+export declare const borderSubtle = "#e0e0e0";
+export declare const borderStrong = "#8d8d8d";
+export declare const borderInverse = "#161616";
+export declare const borderInteractive = "#0f62fe";
+export declare const textPrimary = "#161616";
+export declare const textSecondary = "#525252";
+export declare const textPlaceholder = "#a8a8a8";
+export declare const textHelper = "#6f6f6f";
+export declare const textOnColor = "#ffffff";
+export declare const textInverse = "#ffffff";
+export declare const linkPrimary = "#0f62fe";
+export declare const linkSecondary = "#0043ce";
+export declare const linkVisited = "#8a3ffc";
+export declare const linkInverse = "#78a9ff";
+export declare const iconPrimary = "#161616";
+export declare const iconSecondary = "#525252";
+export declare const iconOnColor = "#ffffff";
+export declare const iconInverse = "#ffffff";
+export declare const supportError = "#da1e28";
+export declare const supportSuccess = "#198038";
+export declare const supportWarning = "#f1c21b";
+export declare const supportInfo = "#0043ce";
+export declare const supportErrorInverse = "#fa4d56";
+export declare const supportSuccessInverse = "#42be65";
+export declare const supportWarningInverse = "#f1c21b";
+export declare const supportInfoInverse = "#4589ff";
+export declare const overlay: string;
+export declare const toggleOff = "#8d8d8d";
+export declare const shadow: string;
+export declare const buttonPrimary = "#0f62fe";
+export declare const buttonSecondary = "#393939";
+export declare const buttonTertiary = "#0f62fe";
+export declare const buttonDangerPrimary = "#da1e28";
+export declare const buttonDangerSecondary = "#da1e28";
+export declare const backgroundActive = "#c6c6c6";
+export declare const layerActive = "#c6c6c6";
+export declare const buttonDangerActive = "#750e13";
+export declare const buttonPrimaryActive = "#002d9c";
+export declare const buttonSecondaryActive = "#6f6f6f";
+export declare const buttonTertiaryActive = "#002d9c";
+export declare const focusInset = "#ffffff";
+export declare const focusInverse = "#ffffff";
+export declare const backgroundHover = "#e5e5e5";
+export declare const layerHover = "#e5e5e5";
+export declare const fieldHover = "#e5e5e5";
+export declare const backgroundInverseHover = "#4c4c4c";
+export declare const linkPrimaryHover = "#0043ce";
+export declare const buttonDangerHover: string;
+export declare const buttonPrimaryHover = "#0353e9";
+export declare const buttonSecondaryHover = "#4c4c4c";
+export declare const buttonTertiaryHover = "#0353e9";
+export declare const backgroundSelected = "#e0e0e0";
+export declare const backgroundSelectedHover = "#cacaca";
+export declare const layerSelected = "#e0e0e0";
+export declare const layerSelectedHover = "#cacaca";
+export declare const layerSelectedInverse = "#161616";
+export declare const borderSubtleSelected = "#c6c6c6";
+export declare const borderDisabled = "#f4f4f4";
+export declare const textDisabled = "#c6c6c6";
+export declare const buttonDisabled = "#c6c6c6";
+export declare const iconDisabled = "#c6c6c6";
+export declare const textOnColorDisabled = "#8d8d8d";
+export declare const iconOnColorDisabled = "#8d8d8d";
+export declare const layerSelectedDisabled = "#8d8d8d";
+export declare const skeletonBackground = "#e5e5e5";
+export declare const skeletonElement = "#c6c6c6";
+export { 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, legal01, legal02, bodyCompact01, bodyCompact02, body01, body02, headingCompact01, headingCompact02, heading03, heading04, heading05, heading06, heading07, fluidHeading03, fluidHeading04, fluidHeading05, fluidHeading06, fluidParagraph01, fluidQuotation01, fluidQuotation02, fluidDisplay01, fluidDisplay02, fluidDisplay03, fluidDisplay04, } from '@carbon/type';
+export { spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13, fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04, container01, container02, container03, container04, container05, sizeXSmall, sizeSmall, sizeMedium, sizeLarge, sizeXLarge, size2XLarge, iconSize01, iconSize02, layout01, layout02, layout03, layout04, layout05, layout06, layout07, } from '@carbon/layout';
+export declare const brand01 = "#0f62fe";
+export declare const brand02 = "#393939";
+export declare const brand03 = "#0f62fe";
+export declare const active01 = "#c6c6c6";
+export declare const hoverField = "#e5e5e5";
+export declare const danger = "#da1e28";

package/lib/white.d.ts

@@ -0,0 +1,243 @@
+/**
+ * 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.
+ */
+export declare const colorScheme = "light";
+export declare const background = "#ffffff";
+export declare const backgroundInverse = "#393939";
+export declare const backgroundBrand = "#0f62fe";
+export declare const backgroundActive: string;
+export declare const backgroundHover: string;
+export declare const backgroundInverseHover = "#474747";
+export declare const backgroundSelected: string;
+export declare const backgroundSelectedHover: string;
+export declare const layer01 = "#f4f4f4";
+export declare const layerActive01 = "#c6c6c6";
+export declare const layerBackground01 = "#ffffff";
+export declare const layerHover01 = "#e8e8e8";
+export declare const layerSelected01 = "#e0e0e0";
+export declare const layerSelectedHover01 = "#d1d1d1";
+export declare const layer02 = "#ffffff";
+export declare const layerActive02 = "#c6c6c6";
+export declare const layerBackground02 = "#f4f4f4";
+export declare const layerHover02 = "#e8e8e8";
+export declare const layerSelected02 = "#e0e0e0";
+export declare const layerSelectedHover02 = "#d1d1d1";
+export declare const layer03 = "#f4f4f4";
+export declare const layerActive03 = "#c6c6c6";
+export declare const layerBackground03 = "#ffffff";
+export declare const layerHover03 = "#e8e8e8";
+export declare const layerSelected03 = "#e0e0e0";
+export declare const layerSelectedHover03 = "#d1d1d1";
+export declare const layerSelectedInverse = "#161616";
+export declare const layerSelectedDisabled = "#8d8d8d";
+export declare const layerAccent01 = "#e0e0e0";
+export declare const layerAccentActive01 = "#a8a8a8";
+export declare const layerAccentHover01 = "#d1d1d1";
+export declare const layerAccent02 = "#e0e0e0";
+export declare const layerAccentActive02 = "#a8a8a8";
+export declare const layerAccentHover02 = "#d1d1d1";
+export declare const layerAccent03 = "#e0e0e0";
+export declare const layerAccentActive03 = "#a8a8a8";
+export declare const layerAccentHover03 = "#d1d1d1";
+export declare const field01 = "#f4f4f4";
+export declare const fieldHover01 = "#e8e8e8";
+export declare const field02 = "#ffffff";
+export declare const fieldHover02 = "#e8e8e8";
+export declare const field03 = "#f4f4f4";
+export declare const fieldHover03 = "#e8e8e8";
+export declare const borderSubtle00 = "#e0e0e0";
+export declare const borderSubtle01 = "#c6c6c6";
+export declare const borderSubtleSelected01 = "#c6c6c6";
+export declare const borderSubtle02 = "#e0e0e0";
+export declare const borderSubtleSelected02 = "#c6c6c6";
+export declare const borderSubtle03 = "#c6c6c6";
+export declare const borderSubtleSelected03 = "#c6c6c6";
+export declare const borderStrong01 = "#8d8d8d";
+export declare const borderStrong02 = "#8d8d8d";
+export declare const borderStrong03 = "#8d8d8d";
+export declare const borderTile01 = "#c6c6c6";
+export declare const borderTile02 = "#a8a8a8";
+export declare const borderTile03 = "#c6c6c6";
+export declare const borderInverse = "#161616";
+export declare const borderInteractive = "#0f62fe";
+export declare const borderDisabled = "#c6c6c6";
+export declare const textPrimary = "#161616";
+export declare const textSecondary = "#525252";
+export declare const textPlaceholder: string;
+export declare const textHelper = "#6f6f6f";
+export declare const textError = "#da1e28";
+export declare const textInverse = "#ffffff";
+export declare const textOnColor = "#ffffff";
+export declare const textOnColorDisabled = "#8d8d8d";
+export declare const textDisabled: string;
+export declare const linkPrimary = "#0f62fe";
+export declare const linkPrimaryHover = "#0043ce";
+export declare const linkSecondary = "#0043ce";
+export declare const linkInverse = "#78a9ff";
+export declare const linkVisited = "#8a3ffc";
+export declare const linkInverseVisited = "#be95ff";
+export declare const linkInverseActive = "#f4f4f4";
+export declare const linkInverseHover = "#a6c8ff";
+export declare const iconPrimary = "#161616";
+export declare const iconSecondary = "#525252";
+export declare const iconInverse = "#ffffff";
+export declare const iconOnColor = "#ffffff";
+export declare const iconOnColorDisabled = "#8d8d8d";
+export declare const iconDisabled: string;
+export declare const iconInteractive = "#0f62fe";
+export declare const supportError = "#da1e28";
+export declare const supportSuccess = "#24a148";
+export declare const supportWarning = "#f1c21b";
+export declare const supportInfo = "#0043ce";
+export declare const supportErrorInverse = "#fa4d56";
+export declare const supportSuccessInverse = "#42be65";
+export declare const supportWarningInverse = "#f1c21b";
+export declare const supportInfoInverse = "#4589ff";
+export declare const supportCautionMinor = "#f1c21b";
+export declare const supportCautionMajor = "#ff832b";
+export declare const supportCautionUndefined = "#8a3ffc";
+export declare const focus = "#0f62fe";
+export declare const focusInset = "#ffffff";
+export declare const focusInverse = "#ffffff";
+export declare const skeletonBackground = "#e8e8e8";
+export declare const skeletonElement = "#c6c6c6";
+export declare const interactive = "#0f62fe";
+export declare const highlight = "#d0e2ff";
+export declare const overlay: string;
+export declare const toggleOff = "#8d8d8d";
+export declare const shadow = "rgba(0, 0, 0, 0.3)";
+export declare const syntaxComment = "#198038";
+export declare const syntaxLineComment = "#198038";
+export declare const syntaxBlockComment = "#198038";
+export declare const syntaxDocComment = "#198038";
+export declare const syntaxString = "#161616";
+export declare const syntaxDocString = "#161616";
+export declare const syntaxKeyword = "#0f62fe";
+export declare const syntaxOperatorKeyword = "#0f62fe";
+export declare const syntaxControlKeyword = "#6929c4";
+export declare const syntaxDefinitionKeyword = "#00539a";
+export declare const syntaxModuleKeyword = "#6929c4";
+export declare const syntaxVariable = "#0f62fe";
+export declare const syntaxName = "#0f62fe";
+export declare const syntaxVariableName = "#0f62fe";
+export declare const syntaxLabelName = "#0f62fe";
+export declare const syntaxAttribute = "#00539a";
+export declare const syntaxAttributeName = "#00539a";
+export declare const syntaxPropertyName = "#00539a";
+export declare const syntaxTag = "#007d79";
+export declare const syntaxTagName = "#007d79";
+export declare const syntaxType = "#007d79";
+export declare const syntaxTypeName = "#007d79";
+export declare const syntaxClassName = "#007d79";
+export declare const syntaxNamespace = "#007d79";
+export declare const syntaxMacroName = "#161616";
+export declare const syntaxAtom = "#161616";
+export declare const syntaxLiteral = "#161616";
+export declare const syntaxBool = "#161616";
+export declare const syntaxNull = "#161616";
+export declare const syntaxSelf = "#007d79";
+export declare const syntaxNumber = "#198038";
+export declare const syntaxInteger = "#198038";
+export declare const syntaxFloat = "#198038";
+export declare const syntaxUnit = "#198038";
+export declare const syntaxCharacter = "#161616";
+export declare const syntaxAttributeValue = "#161616";
+export declare const syntaxSpecialString = "#8a3ffc";
+export declare const syntaxRegexp = "#6929c4";
+export declare const syntaxEscape = "#343a3f";
+export declare const syntaxUrl = "#343a3f";
+export declare const syntaxColor = "#161616";
+export declare const syntaxOperator = "#343a3f";
+export declare const syntaxDerefOperator = "#343a3f";
+export declare const syntaxArithmeticOperator = "#343a3f";
+export declare const syntaxLogicOperator = "#343a3f";
+export declare const syntaxBitwiseOperator = "#343a3f";
+export declare const syntaxCompareOperator = "#343a3f";
+export declare const syntaxUpdateOperator = "#343a3f";
+export declare const syntaxDefinitionOperator = "#00539a";
+export declare const syntaxTypeOperator = "#007d79";
+export declare const syntaxControlOperator = "#6929c4";
+export declare const syntaxModifier = "#0f62fe";
+export declare const syntaxPunctuation = "#343a3f";
+export declare const syntaxSeparator = "#343a3f";
+export declare const syntaxBracket = "#343a3f";
+export declare const syntaxAngleBracket = "#697077";
+export declare const syntaxSquareBracket = "#343a3f";
+export declare const syntaxParen = "#343a3f";
+export declare const syntaxBrace = "#343a3f";
+export declare const syntaxContent = "#161616";
+export declare const syntaxList = "#161616";
+export declare const syntaxEmphasis = "#161616";
+export declare const syntaxStrong = "#161616";
+export declare const syntaxMonospace = "#161616";
+export declare const syntaxStrikethrough = "#161616";
+export declare const syntaxHeading = "#00539a";
+export declare const syntaxHeading1 = "#00539a";
+export declare const syntaxHeading2 = "#00539a";
+export declare const syntaxHeading3 = "#00539a";
+export declare const syntaxHeading4 = "#00539a";
+export declare const syntaxHeading5 = "#00539a";
+export declare const syntaxHeading6 = "#00539a";
+export declare const syntaxContentSeparator = "#343a3f";
+export declare const syntaxQuote = "#198038";
+export declare const syntaxLink = "#0f62fe";
+export declare const syntaxInvalid = "#da1e28";
+export declare const syntaxMeta = "#198038";
+export declare const syntaxDocumentMeta = "#198038";
+export declare const syntaxAnnotation = "#007d79";
+export declare const syntaxProcessingInstruction = "#161616";
+export declare const syntaxDefinition = "#00539a";
+export declare const syntaxConstant = "#0f62fe";
+export declare const syntaxFunction = "#8e6a00";
+export declare const syntaxStandard = "#0f62fe";
+export declare const syntaxLocal = "#0f62fe";
+export declare const syntaxSpecial = "#0f62fe";
+export declare const syntaxInserted = "#a7f0ba";
+export declare const syntaxDeleted = "#ffd7d9";
+export declare const aiInnerShadow: string;
+export declare const aiAuraStartSm: string;
+export declare const aiAuraStart: string;
+export declare const aiAuraEnd: string;
+export declare const aiBorderStrong = "#4589ff";
+export declare const aiBorderStart: string;
+export declare const aiBorderEnd = "#78a9ff";
+export declare const aiDropShadow: string;
+export declare const aiAuraHoverBackground = "#edf5ff";
+export declare const aiAuraHoverStart: string;
+export declare const aiAuraHoverEnd: string;
+export declare const aiPopoverBackground = "#ffffff";
+export declare const aiPopoverShadowOuter01: string;
+export declare const aiPopoverShadowOuter02: string;
+export declare const aiSkeletonBackground = "#d0e2ff";
+export declare const aiSkeletonElementBackground = "#4589ff";
+export declare const aiOverlay: string;
+export declare const aiPopoverCaretCenter = "#A0C3FF";
+export declare const aiPopoverCaretBottom = "#78a9ff";
+export declare const aiPopoverCaretBottomBackgroundActions = "#E9EFFA";
+export declare const aiPopoverCaretBottomBackground = "#EAF1FF";
+export declare const chatPromptBackground = "#ffffff";
+export declare const chatPromptBorderStart = "#f4f4f4";
+export declare const chatPromptBorderEnd: string;
+export declare const chatPromptText = "#161616";
+export declare const chatBubbleUser = "#e0e0e0";
+export declare const chatBubbleUserText = "#161616";
+export declare const chatBubbleAgent = "#ffffff";
+export declare const chatBubbleAgentText = "#161616";
+export declare const chatBubbleBorder = "#e0e0e0";
+export declare const chatAvatarBot = "#6f6f6f";
+export declare const chatAvatarAgent = "#393939";
+export declare const chatAvatarUser = "#0f62fe";
+export declare const chatShellBackground = "#ffffff";
+export declare const chatHeaderBackground = "#ffffff";
+export declare const chatHeaderText = "#161616";
+export declare const chatButton = "#0f62fe";
+export declare const chatButtonHover: string;
+export declare const chatButtonTextHover = "#0043ce";
+export declare const chatButtonActive: string;
+export declare const chatButtonSelected: string;
+export declare const chatButtonTextSelected = "#525252";
+export { 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, } from '@carbon/type';
+export { spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13, fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04, container01, container02, container03, container04, container05, sizeXSmall, sizeSmall, sizeMedium, sizeLarge, sizeXLarge, size2XLarge, iconSize01, iconSize02, layout01, layout02, layout03, layout04, layout05, layout06, layout07, } from '@carbon/layout';

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@carbon/themes",
   "description": "Themes for applying color in the Carbon Design System",
-  "version": "11.74.0",
+  "version": "11.75.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
+  "types": "lib/index.d.ts",
   "module": "es/index.js",
   "sass": "index.scss",
   "repository": {
@@ -28,13 +29,14 @@
   "scripts": {
     "ci-check": "carbon-cli check \"scss/**/*.scss\" -i \"**/generated/**\" -i \"**/compat/**\"",
     "clean": "rimraf es lib umd scss/generated scss/compat/generated",
-    "build": "yarn clean && carbon-cli bundle src/index.js --name CarbonThemes && babel-node --presets '@babel/preset-env' tasks/build.js && carbon-cli check \"scss/*.scss\"",
+    "build:types": "tsc -p tsconfig.types.json",
+    "build": "yarn clean && carbon-cli bundle src/index.ts --name CarbonThemes && babel-node --extensions '.js,.ts' --presets '@babel/preset-env,@babel/preset-typescript' tasks/build.js && yarn build:types && carbon-cli check \"scss/*.scss\"",
     "postinstall": "ibmtelemetry --config=telemetry.yml"
   },
   "dependencies": {
     "@carbon/colors": "^11.52.0",
     "@carbon/layout": "^11.53.0",
-    "@carbon/type": "^11.60.0",
+    "@carbon/type": "^11.61.0",
     "@ibm/telemetry-js": "^1.5.0",
     "color": "^4.0.0"
   },
@@ -45,12 +47,15 @@
     "@carbon/cli-reporter": "^10.8.0",
     "@carbon/scss-generator": "^10.20.0",
     "@carbon/test-utils": "^10.41.0",
+    "@types/color": "^4.2.1",
     "change-case-all": "^2.1.0",
     "core-js": "^3.16.0",
     "fs-extra": "^11.0.0",
     "js-yaml": "^4.1.0",
-    "rimraf": "^6.0.1"
+    "rimraf": "^6.0.1",
+    "typescript": "^5.7.3",
+    "typescript-config-carbon": "^0.10.0"
   },
   "sideEffects": false,
-  "gitHead": "2d98f4ee9914fa44acba58f62599c3f5382acad0"
+  "gitHead": "5bb41d341768785b898851fde30731cb31b981c2"
 }

package/src/component-tokens/button/{index.js → index.ts}

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

package/src/component-tokens/button/{tokens.js → tokens.ts}

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

package/src/component-tokens/content-switcher/index.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 contentSwitcherTokens from './tokens';

package/src/component-tokens/content-switcher/{tokens.js → tokens.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/src/component-tokens/notification/{index.js → index.ts}

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

package/src/component-tokens/notification/{tokens.js → tokens.ts}

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

package/src/component-tokens/status/{index.js → index.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/src/component-tokens/status/{tokens.js → tokens.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/src/component-tokens/tag/{index.js → index.ts}

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

package/src/component-tokens/tag/{tokens.js → tokens.ts}

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

package/src/{g10.js → g10.ts}

@@ -1,5 +1,5 @@
 /**
- * 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/src/{g100.js → g100.ts}

@@ -1,5 +1,5 @@
 /**
- * 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/src/{g90.js → g90.ts}

@@ -1,5 +1,5 @@
 /**
- * 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/src/{index.js → index.ts}

@@ -1,5 +1,5 @@
 /**
- * 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/src/tokens/{Token.js → Token.ts}

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2018, 2025
+ * 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.
@@ -10,9 +10,15 @@
  * 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.
  */
-// eslint-disable-next-line @typescript-eslint/no-extraneous-class
+import type { TokenDefinition, TokenProperties } from './types';
+
 export class Token {
-  static create(token) {
+  kind: 'Token';
+  name: string;
+  properties?: TokenProperties;
+  state?: string;
+
+  static create(token: string | TokenDefinition) {
     if (typeof token === 'string') {
       return new Token(token);
     }
@@ -20,7 +26,7 @@ export class Token {
     return new Token(token.name, token.properties, token.state);
   }
 
-  constructor(name, properties, state) {
+  constructor(name: string, properties?: TokenProperties, state?: string) {
     this.kind = 'Token';
     this.name = name;
 

package/src/tokens/{TokenFormat.js → TokenFormat.ts}

@@ -1,11 +1,15 @@
 /**
- * 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.
  */
 
-const formats = {
+import type { TokenDefinition } from './types';
+
+type TokenFormatName = 'javascript' | 'scss';
+
+const formats: Record<'js' | 'scss', TokenFormatName> = {
   js: 'javascript',
   scss: 'scss',
 };
@@ -13,7 +17,10 @@ const formats = {
 export const TokenFormat = {
   formats,
 
-  convert({ name, format }) {
+  convert({
+    name,
+    format,
+  }: Pick<TokenDefinition, 'name'> & { format?: TokenFormatName }) {
     if (format === formats.js) {
       const keywords = new Set(['ui']);
 
@@ -45,10 +52,8 @@ const numbers = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
 
 /**
  * Format a given token into the format expected in CSS/SCSS-based projects.
- * @param {string} token
- * @returns {string}
  */
-function formatNameToScss(token) {
+const formatNameToScss = (token: string) => {
   let string = '';
 
   for (let i = 0; i < token.length; i++) {
@@ -85,4 +90,4 @@ function formatNameToScss(token) {
   }
 
   return string;
-}
+};