@carbon/themes 11.64.0 → 11.66.0-rc.0

package/scss/generated/_tokens.scss

@@ -304,6 +304,264 @@ $support-caution-minor: _get('support-caution-minor') !default;
 /// The CSS Custom Property for the `support-caution-undefined` token
 $support-caution-undefined: _get('support-caution-undefined') !default;
 
+/// The CSS Custom Property for the `syntax-comment` token
+$syntax-comment: _get('syntax-comment') !default;
+
+/// The CSS Custom Property for the `syntax-line-comment` token
+$syntax-line-comment: _get('syntax-line-comment') !default;
+
+/// The CSS Custom Property for the `syntax-block-comment` token
+$syntax-block-comment: _get('syntax-block-comment') !default;
+
+/// The CSS Custom Property for the `syntax-doc-comment` token
+$syntax-doc-comment: _get('syntax-doc-comment') !default;
+
+/// The CSS Custom Property for the `syntax-doc-string` token
+$syntax-doc-string: _get('syntax-doc-string') !default;
+
+/// The CSS Custom Property for the `syntax-keyword` token
+$syntax-keyword: _get('syntax-keyword') !default;
+
+/// The CSS Custom Property for the `syntax-operator-keyword` token
+$syntax-operator-keyword: _get('syntax-operator-keyword') !default;
+
+/// The CSS Custom Property for the `syntax-control-keyword` token
+$syntax-control-keyword: _get('syntax-control-keyword') !default;
+
+/// The CSS Custom Property for the `syntax-definition-keyword` token
+$syntax-definition-keyword: _get('syntax-definition-keyword') !default;
+
+/// The CSS Custom Property for the `syntax-module-keyword` token
+$syntax-module-keyword: _get('syntax-module-keyword') !default;
+
+/// The CSS Custom Property for the `syntax-variable` token
+$syntax-variable: _get('syntax-variable') !default;
+
+/// The CSS Custom Property for the `syntax-name` token
+$syntax-name: _get('syntax-name') !default;
+
+/// The CSS Custom Property for the `syntax-variable-name` token
+$syntax-variable-name: _get('syntax-variable-name') !default;
+
+/// The CSS Custom Property for the `syntax-label-name` token
+$syntax-label-name: _get('syntax-label-name') !default;
+
+/// The CSS Custom Property for the `syntax-attribute` token
+$syntax-attribute: _get('syntax-attribute') !default;
+
+/// The CSS Custom Property for the `syntax-attribute-name` token
+$syntax-attribute-name: _get('syntax-attribute-name') !default;
+
+/// The CSS Custom Property for the `syntax-property-name` token
+$syntax-property-name: _get('syntax-property-name') !default;
+
+/// The CSS Custom Property for the `syntax-tag` token
+$syntax-tag: _get('syntax-tag') !default;
+
+/// The CSS Custom Property for the `syntax-tag-name` token
+$syntax-tag-name: _get('syntax-tag-name') !default;
+
+/// The CSS Custom Property for the `syntax-type` token
+$syntax-type: _get('syntax-type') !default;
+
+/// The CSS Custom Property for the `syntax-type-name` token
+$syntax-type-name: _get('syntax-type-name') !default;
+
+/// The CSS Custom Property for the `syntax-class-name` token
+$syntax-class-name: _get('syntax-class-name') !default;
+
+/// The CSS Custom Property for the `syntax-namespace` token
+$syntax-namespace: _get('syntax-namespace') !default;
+
+/// The CSS Custom Property for the `syntax-macro-name` token
+$syntax-macro-name: _get('syntax-macro-name') !default;
+
+/// The CSS Custom Property for the `syntax-atom` token
+$syntax-atom: _get('syntax-atom') !default;
+
+/// The CSS Custom Property for the `syntax-literal` token
+$syntax-literal: _get('syntax-literal') !default;
+
+/// The CSS Custom Property for the `syntax-bool` token
+$syntax-bool: _get('syntax-bool') !default;
+
+/// The CSS Custom Property for the `syntax-null` token
+$syntax-null: _get('syntax-null') !default;
+
+/// The CSS Custom Property for the `syntax-self` token
+$syntax-self: _get('syntax-self') !default;
+
+/// The CSS Custom Property for the `syntax-number` token
+$syntax-number: _get('syntax-number') !default;
+
+/// The CSS Custom Property for the `syntax-integer` token
+$syntax-integer: _get('syntax-integer') !default;
+
+/// The CSS Custom Property for the `syntax-float` token
+$syntax-float: _get('syntax-float') !default;
+
+/// The CSS Custom Property for the `syntax-unit` token
+$syntax-unit: _get('syntax-unit') !default;
+
+/// The CSS Custom Property for the `syntax-string` token
+$syntax-string: _get('syntax-string') !default;
+
+/// The CSS Custom Property for the `syntax-character` token
+$syntax-character: _get('syntax-character') !default;
+
+/// The CSS Custom Property for the `syntax-attribute-value` token
+$syntax-attribute-value: _get('syntax-attribute-value') !default;
+
+/// The CSS Custom Property for the `syntax-special-string` token
+$syntax-special-string: _get('syntax-special-string') !default;
+
+/// The CSS Custom Property for the `syntax-regexp` token
+$syntax-regexp: _get('syntax-regexp') !default;
+
+/// The CSS Custom Property for the `syntax-escape` token
+$syntax-escape: _get('syntax-escape') !default;
+
+/// The CSS Custom Property for the `syntax-url` token
+$syntax-url: _get('syntax-url') !default;
+
+/// The CSS Custom Property for the `syntax-color` token
+$syntax-color: _get('syntax-color') !default;
+
+/// The CSS Custom Property for the `syntax-operator` token
+$syntax-operator: _get('syntax-operator') !default;
+
+/// The CSS Custom Property for the `syntax-deref-operator` token
+$syntax-deref-operator: _get('syntax-deref-operator') !default;
+
+/// The CSS Custom Property for the `syntax-arithmetic-operator` token
+$syntax-arithmetic-operator: _get('syntax-arithmetic-operator') !default;
+
+/// The CSS Custom Property for the `syntax-logic-operator` token
+$syntax-logic-operator: _get('syntax-logic-operator') !default;
+
+/// The CSS Custom Property for the `syntax-bitwise-operator` token
+$syntax-bitwise-operator: _get('syntax-bitwise-operator') !default;
+
+/// The CSS Custom Property for the `syntax-compare-operator` token
+$syntax-compare-operator: _get('syntax-compare-operator') !default;
+
+/// The CSS Custom Property for the `syntax-update-operator` token
+$syntax-update-operator: _get('syntax-update-operator') !default;
+
+/// The CSS Custom Property for the `syntax-definition-operator` token
+$syntax-definition-operator: _get('syntax-definition-operator') !default;
+
+/// The CSS Custom Property for the `syntax-type-operator` token
+$syntax-type-operator: _get('syntax-type-operator') !default;
+
+/// The CSS Custom Property for the `syntax-control-operator` token
+$syntax-control-operator: _get('syntax-control-operator') !default;
+
+/// The CSS Custom Property for the `syntax-modifier` token
+$syntax-modifier: _get('syntax-modifier') !default;
+
+/// The CSS Custom Property for the `syntax-punctuation` token
+$syntax-punctuation: _get('syntax-punctuation') !default;
+
+/// The CSS Custom Property for the `syntax-separator` token
+$syntax-separator: _get('syntax-separator') !default;
+
+/// The CSS Custom Property for the `syntax-bracket` token
+$syntax-bracket: _get('syntax-bracket') !default;
+
+/// The CSS Custom Property for the `syntax-angle-bracket` token
+$syntax-angle-bracket: _get('syntax-angle-bracket') !default;
+
+/// The CSS Custom Property for the `syntax-square-bracket` token
+$syntax-square-bracket: _get('syntax-square-bracket') !default;
+
+/// The CSS Custom Property for the `syntax-paren` token
+$syntax-paren: _get('syntax-paren') !default;
+
+/// The CSS Custom Property for the `syntax-brace` token
+$syntax-brace: _get('syntax-brace') !default;
+
+/// The CSS Custom Property for the `syntax-content` token
+$syntax-content: _get('syntax-content') !default;
+
+/// The CSS Custom Property for the `syntax-heading` token
+$syntax-heading: _get('syntax-heading') !default;
+
+/// The CSS Custom Property for the `syntax-heading-1` token
+$syntax-heading-1: _get('syntax-heading-1') !default;
+
+/// The CSS Custom Property for the `syntax-heading-2` token
+$syntax-heading-2: _get('syntax-heading-2') !default;
+
+/// The CSS Custom Property for the `syntax-heading-3` token
+$syntax-heading-3: _get('syntax-heading-3') !default;
+
+/// The CSS Custom Property for the `syntax-heading-4` token
+$syntax-heading-4: _get('syntax-heading-4') !default;
+
+/// The CSS Custom Property for the `syntax-heading-5` token
+$syntax-heading-5: _get('syntax-heading-5') !default;
+
+/// The CSS Custom Property for the `syntax-heading-6` token
+$syntax-heading-6: _get('syntax-heading-6') !default;
+
+/// The CSS Custom Property for the `syntax-content-separator` token
+$syntax-content-separator: _get('syntax-content-separator') !default;
+
+/// The CSS Custom Property for the `syntax-list` token
+$syntax-list: _get('syntax-list') !default;
+
+/// The CSS Custom Property for the `syntax-quote` token
+$syntax-quote: _get('syntax-quote') !default;
+
+/// The CSS Custom Property for the `syntax-emphasis` token
+$syntax-emphasis: _get('syntax-emphasis') !default;
+
+/// The CSS Custom Property for the `syntax-strong` token
+$syntax-strong: _get('syntax-strong') !default;
+
+/// The CSS Custom Property for the `syntax-monospace` token
+$syntax-monospace: _get('syntax-monospace') !default;
+
+/// The CSS Custom Property for the `syntax-link` token
+$syntax-link: _get('syntax-link') !default;
+
+/// The CSS Custom Property for the `syntax-strikethrough` token
+$syntax-strikethrough: _get('syntax-strikethrough') !default;
+
+/// The CSS Custom Property for the `syntax-invalid` token
+$syntax-invalid: _get('syntax-invalid') !default;
+
+/// The CSS Custom Property for the `syntax-meta` token
+$syntax-meta: _get('syntax-meta') !default;
+
+/// The CSS Custom Property for the `syntax-document-meta` token
+$syntax-document-meta: _get('syntax-document-meta') !default;
+
+/// The CSS Custom Property for the `syntax-annotation` token
+$syntax-annotation: _get('syntax-annotation') !default;
+
+/// The CSS Custom Property for the `syntax-processing-instruction` token
+$syntax-processing-instruction: _get('syntax-processing-instruction') !default;
+
+/// The CSS Custom Property for the `syntax-definition` token
+$syntax-definition: _get('syntax-definition') !default;
+
+/// The CSS Custom Property for the `syntax-constant` token
+$syntax-constant: _get('syntax-constant') !default;
+
+/// The CSS Custom Property for the `syntax-function` token
+$syntax-function: _get('syntax-function') !default;
+
+/// The CSS Custom Property for the `syntax-standard` token
+$syntax-standard: _get('syntax-standard') !default;
+
+/// The CSS Custom Property for the `syntax-local` token
+$syntax-local: _get('syntax-local') !default;
+
+/// The CSS Custom Property for the `syntax-special` token
+$syntax-special: _get('syntax-special') !default;
+
 /// The CSS Custom Property for the `ai-popover-background` token
 $ai-popover-background: _get('ai-popover-background') !default;
 
@@ -382,12 +640,21 @@ $chat-prompt-border-start: _get('chat-prompt-border-start') !default;
 /// The CSS Custom Property for the `chat-prompt-border-end` token
 $chat-prompt-border-end: _get('chat-prompt-border-end') !default;
 
+/// The CSS Custom Property for the `chat-prompt-text` token
+$chat-prompt-text: _get('chat-prompt-text') !default;
+
 /// The CSS Custom Property for the `chat-bubble-user` token
 $chat-bubble-user: _get('chat-bubble-user') !default;
 
+/// The CSS Custom Property for the `chat-bubble-user-text` token
+$chat-bubble-user-text: _get('chat-bubble-user-text') !default;
+
 /// The CSS Custom Property for the `chat-bubble-agent` token
 $chat-bubble-agent: _get('chat-bubble-agent') !default;
 
+/// The CSS Custom Property for the `chat-bubble-agent-text` token
+$chat-bubble-agent-text: _get('chat-bubble-agent-text') !default;
+
 /// The CSS Custom Property for the `chat-bubble-border` token
 $chat-bubble-border: _get('chat-bubble-border') !default;
 
@@ -406,6 +673,9 @@ $chat-shell-background: _get('chat-shell-background') !default;
 /// The CSS Custom Property for the `chat-header-background` token
 $chat-header-background: _get('chat-header-background') !default;
 
+/// The CSS Custom Property for the `chat-header-text` token
+$chat-header-text: _get('chat-header-text') !default;
+
 /// The CSS Custom Property for the `chat-button` token
 $chat-button: _get('chat-button') !default;
 

package/src/g10.js

@@ -16,6 +16,8 @@ import {
   blue100,
 
   // Gray
+  coolGray60,
+  coolGray80,
   gray10,
   gray10Hover,
   gray20,
@@ -31,14 +33,19 @@ import {
 
   // Support
   blue50,
+  cyan70,
   green40,
   green50,
+  green60,
   yellow30,
+  yellow60,
   orange40,
   red50,
   red60,
-  purple60,
   purple40,
+  purple60,
+  purple70,
+  teal60,
 
   // Constants
   black,
@@ -209,6 +216,94 @@ export const overlay = rgba(black, 0.6);
 export const toggleOff = gray50;
 export const shadow = 'rgba(0, 0, 0, 0.3)';
 
+// Syntax highlighting
+export const syntaxComment = green60;
+export const syntaxLineComment = syntaxComment;
+export const syntaxBlockComment = syntaxComment;
+export const syntaxDocComment = syntaxComment;
+export const syntaxString = textPrimary;
+export const syntaxDocString = syntaxString;
+export const syntaxKeyword = blue60;
+export const syntaxOperatorKeyword = syntaxKeyword;
+export const syntaxControlKeyword = purple70;
+export const syntaxDefinitionKeyword = cyan70;
+export const syntaxModuleKeyword = purple70;
+export const syntaxVariable = blue60;
+export const syntaxName = syntaxVariable;
+export const syntaxVariableName = syntaxVariable;
+export const syntaxLabelName = syntaxVariable;
+export const syntaxAttribute = cyan70;
+export const syntaxAttributeName = syntaxAttribute;
+export const syntaxPropertyName = syntaxAttribute;
+export const syntaxTag = teal60;
+export const syntaxTagName = syntaxTag;
+export const syntaxType = teal60;
+export const syntaxTypeName = syntaxType;
+export const syntaxClassName = syntaxType;
+export const syntaxNamespace = syntaxType;
+export const syntaxMacroName = textPrimary;
+export const syntaxAtom = syntaxMacroName;
+export const syntaxLiteral = syntaxAtom;
+export const syntaxBool = syntaxAtom;
+export const syntaxNull = syntaxAtom;
+export const syntaxSelf = syntaxTag;
+export const syntaxNumber = green60;
+export const syntaxInteger = syntaxNumber;
+export const syntaxFloat = syntaxNumber;
+export const syntaxUnit = syntaxNumber;
+export const syntaxCharacter = syntaxString;
+export const syntaxAttributeValue = syntaxString;
+export const syntaxSpecialString = purple60;
+export const syntaxRegexp = purple70;
+export const syntaxEscape = coolGray80;
+export const syntaxUrl = syntaxEscape;
+export const syntaxColor = syntaxMacroName;
+export const syntaxOperator = coolGray80;
+export const syntaxDerefOperator = syntaxOperator;
+export const syntaxArithmeticOperator = syntaxOperator;
+export const syntaxLogicOperator = syntaxOperator;
+export const syntaxBitwiseOperator = syntaxOperator;
+export const syntaxCompareOperator = syntaxOperator;
+export const syntaxUpdateOperator = syntaxOperator;
+export const syntaxDefinitionOperator = syntaxDefinitionKeyword;
+export const syntaxTypeOperator = syntaxTag;
+export const syntaxControlOperator = syntaxModuleKeyword;
+export const syntaxModifier = syntaxKeyword;
+export const syntaxPunctuation = coolGray80;
+export const syntaxSeparator = syntaxPunctuation;
+export const syntaxBracket = syntaxPunctuation;
+export const syntaxAngleBracket = coolGray60;
+export const syntaxSquareBracket = syntaxBracket;
+export const syntaxParen = syntaxBracket;
+export const syntaxBrace = syntaxBracket;
+export const syntaxContent = textPrimary;
+export const syntaxList = syntaxContent;
+export const syntaxEmphasis = syntaxContent;
+export const syntaxStrong = syntaxContent;
+export const syntaxMonospace = syntaxContent;
+export const syntaxStrikethrough = syntaxContent;
+export const syntaxHeading = cyan70;
+export const syntaxHeading1 = syntaxHeading;
+export const syntaxHeading2 = syntaxHeading;
+export const syntaxHeading3 = syntaxHeading;
+export const syntaxHeading4 = syntaxHeading;
+export const syntaxHeading5 = syntaxHeading;
+export const syntaxHeading6 = syntaxHeading;
+export const syntaxContentSeparator = syntaxPunctuation;
+export const syntaxQuote = syntaxComment;
+export const syntaxLink = blue60;
+export const syntaxInvalid = red60;
+export const syntaxMeta = green60;
+export const syntaxDocumentMeta = syntaxMeta;
+export const syntaxAnnotation = teal60;
+export const syntaxProcessingInstruction = syntaxString;
+export const syntaxDefinition = cyan70;
+export const syntaxConstant = blue60;
+export const syntaxFunction = yellow60;
+export const syntaxStandard = blue60;
+export const syntaxLocal = blue60;
+export const syntaxSpecial = blue60;
+
 //// AI - Experimental (Use at your own risk)
 //// Phase 2 - new \\\\
 // Shared
@@ -246,14 +341,18 @@ export const aiPopoverCaretBottomBackground = '#EAF1FF';
 export const chatPromptBackground = white;
 export const chatPromptBorderStart = gray10;
 export const chatPromptBorderEnd = rgba(gray10, 0);
+export const chatPromptText = textPrimary;
 export const chatBubbleUser = gray20;
+export const chatBubbleUserText = textPrimary;
 export const chatBubbleAgent = white;
+export const chatBubbleAgentText = textPrimary;
 export const chatBubbleBorder = gray20;
 export const chatAvatarBot = gray60;
 export const chatAvatarAgent = gray80;
 export const chatAvatarUser = blue60;
 export const chatShellBackground = white;
 export const chatHeaderBackground = white;
+export const chatHeaderText = textPrimary;
 
 // Chat button tokens
 export const chatButton = linkPrimary;

package/src/g100.js

@@ -15,6 +15,7 @@ import {
   // Gray
   gray10,
   gray10Hover,
+  gray20,
   gray30,
   gray40,
   gray50,
@@ -31,6 +32,8 @@ import {
   // Support
   blue30,
   blue50,
+  cyan40,
+  green30,
   green40,
   green50,
   yellow30,
@@ -41,6 +44,8 @@ import {
   purple40,
   purple50,
   purple60,
+  teal30,
+  teal40,
 
   // Constants
   white,
@@ -212,6 +217,94 @@ export const overlay = rgba(black, 0.6);
 export const toggleOff = gray60;
 export const shadow = rgba(black, 0.8);
 
+// Syntax highlighting
+export const syntaxComment = green40;
+export const syntaxLineComment = syntaxComment;
+export const syntaxBlockComment = syntaxComment;
+export const syntaxDocComment = syntaxComment;
+export const syntaxString = textPrimary;
+export const syntaxDocString = syntaxString;
+export const syntaxKeyword = blue50;
+export const syntaxOperatorKeyword = syntaxKeyword;
+export const syntaxControlKeyword = purple40;
+export const syntaxDefinitionKeyword = cyan40;
+export const syntaxModuleKeyword = purple40;
+export const syntaxVariable = blue30;
+export const syntaxName = syntaxVariable;
+export const syntaxVariableName = syntaxVariable;
+export const syntaxLabelName = syntaxVariable;
+export const syntaxAttribute = cyan40;
+export const syntaxAttributeName = syntaxAttribute;
+export const syntaxPropertyName = syntaxAttribute;
+export const syntaxTag = teal30;
+export const syntaxTagName = syntaxTag;
+export const syntaxType = teal30;
+export const syntaxTypeName = syntaxType;
+export const syntaxClassName = syntaxType;
+export const syntaxNamespace = syntaxType;
+export const syntaxMacroName = textPrimary;
+export const syntaxAtom = syntaxMacroName;
+export const syntaxLiteral = syntaxAtom;
+export const syntaxBool = syntaxAtom;
+export const syntaxNull = syntaxAtom;
+export const syntaxSelf = syntaxTag;
+export const syntaxNumber = green30;
+export const syntaxInteger = syntaxNumber;
+export const syntaxFloat = syntaxNumber;
+export const syntaxUnit = syntaxNumber;
+export const syntaxCharacter = syntaxString;
+export const syntaxAttributeValue = syntaxString;
+export const syntaxSpecialString = purple40;
+export const syntaxRegexp = purple40;
+export const syntaxEscape = gray20;
+export const syntaxUrl = syntaxEscape;
+export const syntaxColor = syntaxMacroName;
+export const syntaxOperator = gray20;
+export const syntaxDerefOperator = syntaxOperator;
+export const syntaxArithmeticOperator = syntaxOperator;
+export const syntaxLogicOperator = syntaxOperator;
+export const syntaxBitwiseOperator = syntaxOperator;
+export const syntaxCompareOperator = syntaxOperator;
+export const syntaxUpdateOperator = syntaxOperator;
+export const syntaxDefinitionOperator = syntaxDefinitionKeyword;
+export const syntaxTypeOperator = syntaxTag;
+export const syntaxControlOperator = syntaxModuleKeyword;
+export const syntaxModifier = syntaxKeyword;
+export const syntaxPunctuation = gray20;
+export const syntaxSeparator = syntaxPunctuation;
+export const syntaxBracket = syntaxPunctuation;
+export const syntaxAngleBracket = gray50;
+export const syntaxSquareBracket = syntaxBracket;
+export const syntaxParen = syntaxBracket;
+export const syntaxBrace = syntaxBracket;
+export const syntaxContent = textPrimary;
+export const syntaxList = syntaxContent;
+export const syntaxEmphasis = syntaxContent;
+export const syntaxStrong = syntaxContent;
+export const syntaxMonospace = syntaxContent;
+export const syntaxStrikethrough = syntaxContent;
+export const syntaxHeading = cyan40;
+export const syntaxHeading1 = syntaxHeading;
+export const syntaxHeading2 = syntaxHeading;
+export const syntaxHeading3 = syntaxHeading;
+export const syntaxHeading4 = syntaxHeading;
+export const syntaxHeading5 = syntaxHeading;
+export const syntaxHeading6 = syntaxHeading;
+export const syntaxContentSeparator = syntaxPunctuation;
+export const syntaxQuote = syntaxComment;
+export const syntaxLink = blue50;
+export const syntaxInvalid = red50;
+export const syntaxMeta = green40;
+export const syntaxDocumentMeta = syntaxMeta;
+export const syntaxAnnotation = teal40;
+export const syntaxProcessingInstruction = syntaxString;
+export const syntaxDefinition = cyan40;
+export const syntaxConstant = blue50;
+export const syntaxFunction = yellow30;
+export const syntaxStandard = blue50;
+export const syntaxLocal = blue30;
+export const syntaxSpecial = blue50;
+
 //// AI - Experimental (Use at your own risk)
 //// Phase 2 - new \\\\
 // Shared
@@ -249,14 +342,18 @@ export const aiPopoverCaretBottomBackground = '#202D45';
 export const chatPromptBackground = gray100;
 export const chatPromptBorderStart = gray90;
 export const chatPromptBorderEnd = rgba(gray90, 0);
+export const chatPromptText = textPrimary;
 export const chatBubbleUser = gray80;
+export const chatBubbleUserText = textPrimary;
 export const chatBubbleAgent = gray90;
+export const chatBubbleAgentText = textPrimary;
 export const chatBubbleBorder = gray70;
 export const chatAvatarBot = gray50;
 export const chatAvatarAgent = gray30;
 export const chatAvatarUser = blue50;
 export const chatShellBackground = gray90;
 export const chatHeaderBackground = gray90;
+export const chatHeaderText = textPrimary;
 
 // Chat button tokens
 export const chatButton = linkPrimary;