@carbon/themes 11.77.0 → 11.78.0

package/js/generated/themes/white.d.ts

@@ -0,0 +1,242 @@
+// Code generated by @carbon/themes. DO NOT EDIT.
+//
+// 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.
+
+export declare const colorScheme: string;
+export declare const background: string;
+export declare const backgroundInverse: string;
+export declare const backgroundBrand: string;
+export declare const backgroundActive: string;
+export declare const backgroundHover: string;
+export declare const backgroundInverseHover: string;
+export declare const backgroundSelected: string;
+export declare const backgroundSelectedHover: string;
+export declare const layer01: string;
+export declare const layerActive01: string;
+export declare const layerBackground01: string;
+export declare const layerHover01: string;
+export declare const layerSelected01: string;
+export declare const layerSelectedHover01: string;
+export declare const layer02: string;
+export declare const layerActive02: string;
+export declare const layerBackground02: string;
+export declare const layerHover02: string;
+export declare const layerSelected02: string;
+export declare const layerSelectedHover02: string;
+export declare const layer03: string;
+export declare const layerActive03: string;
+export declare const layerBackground03: string;
+export declare const layerHover03: string;
+export declare const layerSelected03: string;
+export declare const layerSelectedHover03: string;
+export declare const layerSelectedInverse: string;
+export declare const layerSelectedDisabled: string;
+export declare const layerAccent01: string;
+export declare const layerAccentActive01: string;
+export declare const layerAccentHover01: string;
+export declare const layerAccent02: string;
+export declare const layerAccentActive02: string;
+export declare const layerAccentHover02: string;
+export declare const layerAccent03: string;
+export declare const layerAccentActive03: string;
+export declare const layerAccentHover03: string;
+export declare const field01: string;
+export declare const fieldHover01: string;
+export declare const field02: string;
+export declare const fieldHover02: string;
+export declare const field03: string;
+export declare const fieldHover03: string;
+export declare const borderSubtle00: string;
+export declare const borderSubtle01: string;
+export declare const borderSubtleSelected01: string;
+export declare const borderSubtle02: string;
+export declare const borderSubtleSelected02: string;
+export declare const borderSubtle03: string;
+export declare const borderSubtleSelected03: string;
+export declare const borderStrong01: string;
+export declare const borderStrong02: string;
+export declare const borderStrong03: string;
+export declare const borderTile01: string;
+export declare const borderTile02: string;
+export declare const borderTile03: string;
+export declare const borderInverse: string;
+export declare const borderInteractive: string;
+export declare const borderDisabled: string;
+export declare const textPrimary: string;
+export declare const textSecondary: string;
+export declare const textPlaceholder: string;
+export declare const textHelper: string;
+export declare const textError: string;
+export declare const textInverse: string;
+export declare const textOnColor: string;
+export declare const textOnColorDisabled: string;
+export declare const textDisabled: string;
+export declare const linkPrimary: string;
+export declare const linkPrimaryHover: string;
+export declare const linkSecondary: string;
+export declare const linkInverse: string;
+export declare const linkVisited: string;
+export declare const linkInverseVisited: string;
+export declare const linkInverseActive: string;
+export declare const linkInverseHover: string;
+export declare const iconPrimary: string;
+export declare const iconSecondary: string;
+export declare const iconInverse: string;
+export declare const iconOnColor: string;
+export declare const iconOnColorDisabled: string;
+export declare const iconDisabled: string;
+export declare const iconInteractive: string;
+export declare const supportError: string;
+export declare const supportSuccess: string;
+export declare const supportWarning: string;
+export declare const supportInfo: string;
+export declare const supportErrorInverse: string;
+export declare const supportSuccessInverse: string;
+export declare const supportWarningInverse: string;
+export declare const supportInfoInverse: string;
+export declare const supportCautionMinor: string;
+export declare const supportCautionMajor: string;
+export declare const supportCautionUndefined: string;
+export declare const focus: string;
+export declare const focusInset: string;
+export declare const focusInverse: string;
+export declare const interactive: string;
+export declare const highlight: string;
+export declare const overlay: string;
+export declare const toggleOff: string;
+export declare const shadow: string;
+export declare const skeletonBackground: string;
+export declare const skeletonElement: string;
+export declare const syntaxComment: string;
+export declare const syntaxLineComment: string;
+export declare const syntaxBlockComment: string;
+export declare const syntaxDocComment: string;
+export declare const syntaxString: string;
+export declare const syntaxDocString: string;
+export declare const syntaxKeyword: string;
+export declare const syntaxOperatorKeyword: string;
+export declare const syntaxControlKeyword: string;
+export declare const syntaxDefinitionKeyword: string;
+export declare const syntaxModuleKeyword: string;
+export declare const syntaxVariable: string;
+export declare const syntaxName: string;
+export declare const syntaxVariableName: string;
+export declare const syntaxLabelName: string;
+export declare const syntaxAttribute: string;
+export declare const syntaxAttributeName: string;
+export declare const syntaxPropertyName: string;
+export declare const syntaxTag: string;
+export declare const syntaxTagName: string;
+export declare const syntaxType: string;
+export declare const syntaxTypeName: string;
+export declare const syntaxClassName: string;
+export declare const syntaxNamespace: string;
+export declare const syntaxMacroName: string;
+export declare const syntaxAtom: string;
+export declare const syntaxLiteral: string;
+export declare const syntaxBool: string;
+export declare const syntaxNull: string;
+export declare const syntaxSelf: string;
+export declare const syntaxNumber: string;
+export declare const syntaxInteger: string;
+export declare const syntaxFloat: string;
+export declare const syntaxUnit: string;
+export declare const syntaxCharacter: string;
+export declare const syntaxAttributeValue: string;
+export declare const syntaxSpecialString: string;
+export declare const syntaxRegexp: string;
+export declare const syntaxEscape: string;
+export declare const syntaxUrl: string;
+export declare const syntaxColor: string;
+export declare const syntaxOperator: string;
+export declare const syntaxDerefOperator: string;
+export declare const syntaxArithmeticOperator: string;
+export declare const syntaxLogicOperator: string;
+export declare const syntaxBitwiseOperator: string;
+export declare const syntaxCompareOperator: string;
+export declare const syntaxUpdateOperator: string;
+export declare const syntaxDefinitionOperator: string;
+export declare const syntaxTypeOperator: string;
+export declare const syntaxControlOperator: string;
+export declare const syntaxModifier: string;
+export declare const syntaxPunctuation: string;
+export declare const syntaxSeparator: string;
+export declare const syntaxBracket: string;
+export declare const syntaxAngleBracket: string;
+export declare const syntaxSquareBracket: string;
+export declare const syntaxParen: string;
+export declare const syntaxBrace: string;
+export declare const syntaxContent: string;
+export declare const syntaxList: string;
+export declare const syntaxEmphasis: string;
+export declare const syntaxStrong: string;
+export declare const syntaxMonospace: string;
+export declare const syntaxStrikethrough: string;
+export declare const syntaxHeading: string;
+export declare const syntaxContentSeparator: string;
+export declare const syntaxQuote: string;
+export declare const syntaxLink: string;
+export declare const syntaxInvalid: string;
+export declare const syntaxMeta: string;
+export declare const syntaxDocumentMeta: string;
+export declare const syntaxAnnotation: string;
+export declare const syntaxProcessingInstruction: string;
+export declare const syntaxDefinition: string;
+export declare const syntaxConstant: string;
+export declare const syntaxFunction: string;
+export declare const syntaxStandard: string;
+export declare const syntaxLocal: string;
+export declare const syntaxSpecial: string;
+export declare const syntaxInserted: string;
+export declare const syntaxDeleted: string;
+export declare const syntaxHeading1: string;
+export declare const syntaxHeading2: string;
+export declare const syntaxHeading3: string;
+export declare const syntaxHeading4: string;
+export declare const syntaxHeading5: string;
+export declare const syntaxHeading6: string;
+export declare const aiInnerShadow: string;
+export declare const aiAuraStartSm: string;
+export declare const aiAuraStart: string;
+export declare const aiAuraEnd: string;
+export declare const aiBorderStrong: string;
+export declare const aiBorderStart: string;
+export declare const aiBorderEnd: string;
+export declare const aiDropShadow: string;
+export declare const aiAuraHoverBackground: string;
+export declare const aiAuraHoverStart: string;
+export declare const aiAuraHoverEnd: string;
+export declare const aiPopoverBackground: string;
+export declare const aiPopoverShadowOuter01: string;
+export declare const aiPopoverShadowOuter02: string;
+export declare const aiSkeletonBackground: string;
+export declare const aiSkeletonElementBackground: string;
+export declare const aiOverlay: string;
+export declare const aiPopoverCaretCenter: string;
+export declare const aiPopoverCaretBottom: string;
+export declare const aiPopoverCaretBottomBackgroundActions: string;
+export declare const aiPopoverCaretBottomBackground: string;
+export declare const chatPromptBackground: string;
+export declare const chatPromptBorderStart: string;
+export declare const chatPromptBorderEnd: string;
+export declare const chatPromptText: string;
+export declare const chatBubbleUser: string;
+export declare const chatBubbleUserText: string;
+export declare const chatBubbleAgent: string;
+export declare const chatBubbleAgentText: string;
+export declare const chatBubbleBorder: string;
+export declare const chatAvatarBot: string;
+export declare const chatAvatarAgent: string;
+export declare const chatAvatarUser: string;
+export declare const chatShellBackground: string;
+export declare const chatHeaderBackground: string;
+export declare const chatHeaderText: string;
+export declare const chatButton: string;
+export declare const chatButtonHover: string;
+export declare const chatButtonTextHover: string;
+export declare const chatButtonActive: string;
+export declare const chatButtonSelected: string;
+export declare const chatButtonTextSelected: string;

package/js/generated/themes/white.js

@@ -0,0 +1,242 @@
+// Code generated by @carbon/themes. DO NOT EDIT.
+//
+// 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.
+
+export const colorScheme = 'light';
+export const background = '#ffffff';
+export const backgroundInverse = '#393939';
+export const backgroundBrand = '#0f62fe';
+export const backgroundActive = 'rgba(141, 141, 141, 0.5)';
+export const backgroundHover = 'rgba(141, 141, 141, 0.12)';
+export const backgroundInverseHover = '#474747';
+export const backgroundSelected = 'rgba(141, 141, 141, 0.2)';
+export const backgroundSelectedHover = 'rgba(141, 141, 141, 0.32)';
+export const layer01 = '#f4f4f4';
+export const layerActive01 = '#c6c6c6';
+export const layerBackground01 = '#ffffff';
+export const layerHover01 = '#e8e8e8';
+export const layerSelected01 = '#e0e0e0';
+export const layerSelectedHover01 = '#d1d1d1';
+export const layer02 = '#ffffff';
+export const layerActive02 = '#c6c6c6';
+export const layerBackground02 = '#f4f4f4';
+export const layerHover02 = '#e8e8e8';
+export const layerSelected02 = '#e0e0e0';
+export const layerSelectedHover02 = '#d1d1d1';
+export const layer03 = '#f4f4f4';
+export const layerActive03 = '#c6c6c6';
+export const layerBackground03 = '#ffffff';
+export const layerHover03 = '#e8e8e8';
+export const layerSelected03 = '#e0e0e0';
+export const layerSelectedHover03 = '#d1d1d1';
+export const layerSelectedInverse = '#161616';
+export const layerSelectedDisabled = '#8d8d8d';
+export const layerAccent01 = '#e0e0e0';
+export const layerAccentActive01 = '#a8a8a8';
+export const layerAccentHover01 = '#d1d1d1';
+export const layerAccent02 = '#e0e0e0';
+export const layerAccentActive02 = '#a8a8a8';
+export const layerAccentHover02 = '#d1d1d1';
+export const layerAccent03 = '#e0e0e0';
+export const layerAccentActive03 = '#a8a8a8';
+export const layerAccentHover03 = '#d1d1d1';
+export const field01 = '#f4f4f4';
+export const fieldHover01 = '#e8e8e8';
+export const field02 = '#ffffff';
+export const fieldHover02 = '#e8e8e8';
+export const field03 = '#f4f4f4';
+export const fieldHover03 = '#e8e8e8';
+export const borderSubtle00 = '#e0e0e0';
+export const borderSubtle01 = '#c6c6c6';
+export const borderSubtleSelected01 = '#c6c6c6';
+export const borderSubtle02 = '#e0e0e0';
+export const borderSubtleSelected02 = '#c6c6c6';
+export const borderSubtle03 = '#c6c6c6';
+export const borderSubtleSelected03 = '#c6c6c6';
+export const borderStrong01 = '#8d8d8d';
+export const borderStrong02 = '#8d8d8d';
+export const borderStrong03 = '#8d8d8d';
+export const borderTile01 = '#c6c6c6';
+export const borderTile02 = '#a8a8a8';
+export const borderTile03 = '#c6c6c6';
+export const borderInverse = '#161616';
+export const borderInteractive = '#0f62fe';
+export const borderDisabled = '#c6c6c6';
+export const textPrimary = '#161616';
+export const textSecondary = '#525252';
+export const textPlaceholder = 'rgba(22, 22, 22, 0.4)';
+export const textHelper = '#6f6f6f';
+export const textError = '#da1e28';
+export const textInverse = '#ffffff';
+export const textOnColor = '#ffffff';
+export const textOnColorDisabled = '#8d8d8d';
+export const textDisabled = 'rgba(22, 22, 22, 0.25)';
+export const linkPrimary = '#0f62fe';
+export const linkPrimaryHover = '#0043ce';
+export const linkSecondary = '#0043ce';
+export const linkInverse = '#78a9ff';
+export const linkVisited = '#8a3ffc';
+export const linkInverseVisited = '#be95ff';
+export const linkInverseActive = '#f4f4f4';
+export const linkInverseHover = '#a6c8ff';
+export const iconPrimary = '#161616';
+export const iconSecondary = '#525252';
+export const iconInverse = '#ffffff';
+export const iconOnColor = '#ffffff';
+export const iconOnColorDisabled = '#8d8d8d';
+export const iconDisabled = 'rgba(22, 22, 22, 0.25)';
+export const iconInteractive = '#0f62fe';
+export const supportError = '#da1e28';
+export const supportSuccess = '#24a148';
+export const supportWarning = '#f1c21b';
+export const supportInfo = '#0043ce';
+export const supportErrorInverse = '#fa4d56';
+export const supportSuccessInverse = '#42be65';
+export const supportWarningInverse = '#f1c21b';
+export const supportInfoInverse = '#4589ff';
+export const supportCautionMinor = '#f1c21b';
+export const supportCautionMajor = '#ff832b';
+export const supportCautionUndefined = '#8a3ffc';
+export const focus = '#0f62fe';
+export const focusInset = '#ffffff';
+export const focusInverse = '#ffffff';
+export const interactive = '#0f62fe';
+export const highlight = '#d0e2ff';
+export const overlay = 'rgba(0, 0, 0, 0.6)';
+export const toggleOff = '#8d8d8d';
+export const shadow = 'rgba(0, 0, 0, 0.3)';
+export const skeletonBackground = '#e8e8e8';
+export const skeletonElement = '#c6c6c6';
+export const syntaxComment = '#198038';
+export const syntaxLineComment = '#198038';
+export const syntaxBlockComment = '#198038';
+export const syntaxDocComment = '#198038';
+export const syntaxString = '#161616';
+export const syntaxDocString = '#161616';
+export const syntaxKeyword = '#0f62fe';
+export const syntaxOperatorKeyword = '#0f62fe';
+export const syntaxControlKeyword = '#6929c4';
+export const syntaxDefinitionKeyword = '#00539a';
+export const syntaxModuleKeyword = '#6929c4';
+export const syntaxVariable = '#0f62fe';
+export const syntaxName = '#0f62fe';
+export const syntaxVariableName = '#0f62fe';
+export const syntaxLabelName = '#0f62fe';
+export const syntaxAttribute = '#00539a';
+export const syntaxAttributeName = '#00539a';
+export const syntaxPropertyName = '#00539a';
+export const syntaxTag = '#007d79';
+export const syntaxTagName = '#007d79';
+export const syntaxType = '#007d79';
+export const syntaxTypeName = '#007d79';
+export const syntaxClassName = '#007d79';
+export const syntaxNamespace = '#007d79';
+export const syntaxMacroName = '#161616';
+export const syntaxAtom = '#161616';
+export const syntaxLiteral = '#161616';
+export const syntaxBool = '#161616';
+export const syntaxNull = '#161616';
+export const syntaxSelf = '#007d79';
+export const syntaxNumber = '#198038';
+export const syntaxInteger = '#198038';
+export const syntaxFloat = '#198038';
+export const syntaxUnit = '#198038';
+export const syntaxCharacter = '#161616';
+export const syntaxAttributeValue = '#161616';
+export const syntaxSpecialString = '#8a3ffc';
+export const syntaxRegexp = '#6929c4';
+export const syntaxEscape = '#343a3f';
+export const syntaxUrl = '#343a3f';
+export const syntaxColor = '#161616';
+export const syntaxOperator = '#343a3f';
+export const syntaxDerefOperator = '#343a3f';
+export const syntaxArithmeticOperator = '#343a3f';
+export const syntaxLogicOperator = '#343a3f';
+export const syntaxBitwiseOperator = '#343a3f';
+export const syntaxCompareOperator = '#343a3f';
+export const syntaxUpdateOperator = '#343a3f';
+export const syntaxDefinitionOperator = '#00539a';
+export const syntaxTypeOperator = '#007d79';
+export const syntaxControlOperator = '#6929c4';
+export const syntaxModifier = '#0f62fe';
+export const syntaxPunctuation = '#343a3f';
+export const syntaxSeparator = '#343a3f';
+export const syntaxBracket = '#343a3f';
+export const syntaxAngleBracket = '#697077';
+export const syntaxSquareBracket = '#343a3f';
+export const syntaxParen = '#343a3f';
+export const syntaxBrace = '#343a3f';
+export const syntaxContent = '#161616';
+export const syntaxList = '#161616';
+export const syntaxEmphasis = '#161616';
+export const syntaxStrong = '#161616';
+export const syntaxMonospace = '#161616';
+export const syntaxStrikethrough = '#161616';
+export const syntaxHeading = '#00539a';
+export const syntaxContentSeparator = '#343a3f';
+export const syntaxQuote = '#198038';
+export const syntaxLink = '#0f62fe';
+export const syntaxInvalid = '#da1e28';
+export const syntaxMeta = '#198038';
+export const syntaxDocumentMeta = '#198038';
+export const syntaxAnnotation = '#007d79';
+export const syntaxProcessingInstruction = '#161616';
+export const syntaxDefinition = '#00539a';
+export const syntaxConstant = '#0f62fe';
+export const syntaxFunction = '#8e6a00';
+export const syntaxStandard = '#0f62fe';
+export const syntaxLocal = '#0f62fe';
+export const syntaxSpecial = '#0f62fe';
+export const syntaxInserted = '#a7f0ba';
+export const syntaxDeleted = '#ffd7d9';
+export const syntaxHeading1 = '#00539a';
+export const syntaxHeading2 = '#00539a';
+export const syntaxHeading3 = '#00539a';
+export const syntaxHeading4 = '#00539a';
+export const syntaxHeading5 = '#00539a';
+export const syntaxHeading6 = '#00539a';
+export const aiInnerShadow = 'rgba(69, 137, 255, 0.1)';
+export const aiAuraStartSm = 'rgba(69, 137, 255, 0.16)';
+export const aiAuraStart = 'rgba(69, 137, 255, 0.1)';
+export const aiAuraEnd = 'rgba(255, 255, 255, 0)';
+export const aiBorderStrong = '#4589ff';
+export const aiBorderStart = 'rgba(166, 200, 255, 0.64)';
+export const aiBorderEnd = '#78a9ff';
+export const aiDropShadow = 'rgba(15, 98, 254, 0.1)';
+export const aiAuraHoverBackground = '#edf5ff';
+export const aiAuraHoverStart = 'rgba(69, 137, 255, 0.32)';
+export const aiAuraHoverEnd = 'rgba(255, 255, 255, 0)';
+export const aiPopoverBackground = '#ffffff';
+export const aiPopoverShadowOuter01 = 'rgba(0, 67, 206, 0.06)';
+export const aiPopoverShadowOuter02 = 'rgba(0, 0, 0, 0.04)';
+export const aiSkeletonBackground = '#d0e2ff';
+export const aiSkeletonElementBackground = '#4589ff';
+export const aiOverlay = 'rgba(0, 17, 65, 0.5)';
+export const aiPopoverCaretCenter = '#a0c3ff';
+export const aiPopoverCaretBottom = '#78a9ff';
+export const aiPopoverCaretBottomBackgroundActions = '#e9effa';
+export const aiPopoverCaretBottomBackground = '#eaf1ff';
+export const chatPromptBackground = '#ffffff';
+export const chatPromptBorderStart = '#f4f4f4';
+export const chatPromptBorderEnd = 'rgba(244, 244, 244, 0)';
+export const chatPromptText = '#161616';
+export const chatBubbleUser = '#e0e0e0';
+export const chatBubbleUserText = '#161616';
+export const chatBubbleAgent = '#ffffff';
+export const chatBubbleAgentText = '#161616';
+export const chatBubbleBorder = '#e0e0e0';
+export const chatAvatarBot = '#6f6f6f';
+export const chatAvatarAgent = '#393939';
+export const chatAvatarUser = '#0f62fe';
+export const chatShellBackground = '#ffffff';
+export const chatHeaderBackground = '#ffffff';
+export const chatHeaderText = '#161616';
+export const chatButton = '#0f62fe';
+export const chatButtonHover = 'rgba(141, 141, 141, 0.12)';
+export const chatButtonTextHover = '#0043ce';
+export const chatButtonActive = 'rgba(141, 141, 141, 0.5)';
+export const chatButtonSelected = 'rgba(141, 141, 141, 0.2)';
+export const chatButtonTextSelected = '#525252';

package/lib/index.d.ts

@@ -4,16 +4,16 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import * as white from './white';
-import * as g10 from './g10';
-import * as g90 from './g90';
-import * as g100 from './g100';
+import * as white from '../js/generated/themes/white.js';
+import * as g10 from '../js/generated/themes/g10.js';
+import * as g90 from '../js/generated/themes/g90.js';
+import * as g100 from '../js/generated/themes/g100.js';
 import * as v10 from './v10';
-import * as buttonTokens from './component-tokens/button';
-import * as tagTokens from './component-tokens/tag';
-import * as notificationTokens from './component-tokens/notification';
-import * as statusTokens from './component-tokens/status';
-import * as contentSwitcherTokens from './component-tokens/content-switcher';
+import * as buttonTokens from '../js/generated/component-tokens/button.js';
+import * as tagTokens from '../js/generated/component-tokens/tag.js';
+import * as notificationTokens from '../js/generated/component-tokens/notification.js';
+import * as statusTokens from '../js/generated/component-tokens/status.js';
+import * as contentSwitcherTokens from '../js/generated/component-tokens/content-switcher.js';
 import { formatTokenName } from './tools';
 import { unstable_metadata } from './tokens';
 declare const themes: {
@@ -22,5 +22,7 @@ declare const themes: {
     g90: typeof g90;
     g100: typeof g100;
 };
-export * from './white';
+export * from '../js/generated/themes/white.js';
 export { white, g10, g90, g100, themes, v10, buttonTokens, tagTokens, notificationTokens, statusTokens, contentSwitcherTokens, unstable_metadata, formatTokenName, };
+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';