diff --git a/packages/elements/src/__tests__/__snapshots__/PublicAPI-test.js.snap b/packages/elements/src/__tests__/__snapshots__/PublicAPI-test.js.snap index b4ec0b19aee9..22735f5f1c14 100644 --- a/packages/elements/src/__tests__/__snapshots__/PublicAPI-test.js.snap +++ b/packages/elements/src/__tests__/__snapshots__/PublicAPI-test.js.snap @@ -1,4 +1,4 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing exports[`Public API should only change with a semver change 1`] = ` [ @@ -76,8 +76,10 @@ exports[`Public API should only change with a semver change 1`] = ` "chatAvatarBot", "chatAvatarUser", "chatBubbleAgent", + "chatBubbleAgentText", "chatBubbleBorder", "chatBubbleUser", + "chatBubbleUserText", "chatButton", "chatButtonActive", "chatButtonHover", @@ -85,9 +87,11 @@ exports[`Public API should only change with a semver change 1`] = ` "chatButtonTextHover", "chatButtonTextSelected", "chatHeaderBackground", + "chatHeaderText", "chatPromptBackground", "chatPromptBorderEnd", "chatPromptBorderStart", + "chatPromptText", "chatShellBackground", "code01", "code02", diff --git a/packages/styles/scss/__tests__/theme-test.js b/packages/styles/scss/__tests__/theme-test.js index 1934bcdf04c4..50e494dba400 100644 --- a/packages/styles/scss/__tests__/theme-test.js +++ b/packages/styles/scss/__tests__/theme-test.js @@ -155,14 +155,18 @@ describe('@carbon/styles/scss/theme', () => { "chat-prompt-background", "chat-prompt-border-start", "chat-prompt-border-end", + "chat-prompt-text", "chat-bubble-user", + "chat-bubble-user-text", "chat-bubble-agent", + "chat-bubble-agent-text", "chat-bubble-border", "chat-avatar-bot", "chat-avatar-agent", "chat-avatar-user", "chat-shell-background", "chat-header-background", + "chat-header-text", "chat-button", "chat-button-hover", "chat-button-text-hover", diff --git a/packages/themes/src/g10.js b/packages/themes/src/g10.js index 0646d2e71c56..6f71794b8867 100644 --- a/packages/themes/src/g10.js +++ b/packages/themes/src/g10.js @@ -246,14 +246,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; diff --git a/packages/themes/src/g100.js b/packages/themes/src/g100.js index 61789ca25c86..b93b572226be 100644 --- a/packages/themes/src/g100.js +++ b/packages/themes/src/g100.js @@ -249,14 +249,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; diff --git a/packages/themes/src/g90.js b/packages/themes/src/g90.js index de6638d81a67..b6708cf138e6 100644 --- a/packages/themes/src/g90.js +++ b/packages/themes/src/g90.js @@ -250,14 +250,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; diff --git a/packages/themes/src/tokens/__tests__/__snapshots__/v11-test.js.snap b/packages/themes/src/tokens/__tests__/__snapshots__/v11-test.js.snap index 95f72691d30d..3d8e64ef2073 100644 --- a/packages/themes/src/tokens/__tests__/__snapshots__/v11-test.js.snap +++ b/packages/themes/src/tokens/__tests__/__snapshots__/v11-test.js.snap @@ -270,14 +270,18 @@ exports[`v11 v11 token group 1`] = ` "chat-prompt-background", "chat-prompt-border-start", "chat-prompt-border-end", + "chat-prompt-text", "chat-bubble-user", + "chat-bubble-user-text", "chat-bubble-agent", + "chat-bubble-agent-text", "chat-bubble-border", "chat-avatar-bot", "chat-avatar-agent", "chat-avatar-user", "chat-shell-background", "chat-header-background", + "chat-header-text", "chat-button", "chat-button-hover", "chat-button-text-hover", diff --git a/packages/themes/src/tokens/__tests__/metadata-test.js b/packages/themes/src/tokens/__tests__/metadata-test.js index 15465d174219..86d2800d4cbd 100644 --- a/packages/themes/src/tokens/__tests__/metadata-test.js +++ b/packages/themes/src/tokens/__tests__/metadata-test.js @@ -1037,14 +1037,26 @@ test('metadata', () => { "name": "chat-prompt-border-end", "type": "color", }, + { + "name": "chat-prompt-text", + "type": "color", + }, { "name": "chat-bubble-user", "type": "color", }, + { + "name": "chat-bubble-user-text", + "type": "color", + }, { "name": "chat-bubble-agent", "type": "color", }, + { + "name": "chat-bubble-agent-text", + "type": "color", + }, { "name": "chat-bubble-border", "type": "color", @@ -1069,6 +1081,10 @@ test('metadata', () => { "name": "chat-header-background", "type": "color", }, + { + "name": "chat-header-text", + "type": "color", + }, { "name": "chat-button", "type": "color", diff --git a/packages/themes/src/tokens/v11TokenGroup.js b/packages/themes/src/tokens/v11TokenGroup.js index 6dd5be024c00..a93102276e5a 100644 --- a/packages/themes/src/tokens/v11TokenGroup.js +++ b/packages/themes/src/tokens/v11TokenGroup.js @@ -383,14 +383,18 @@ export const ai = TokenGroup.create({ 'chat-prompt-background', 'chat-prompt-border-start', 'chat-prompt-border-end', + 'chat-prompt-text', 'chat-bubble-user', + 'chat-bubble-user-text', 'chat-bubble-agent', + 'chat-bubble-agent-text', 'chat-bubble-border', 'chat-avatar-bot', 'chat-avatar-agent', 'chat-avatar-user', 'chat-shell-background', 'chat-header-background', + 'chat-header-text', // Chat button tokens 'chat-button', 'chat-button-hover', diff --git a/packages/themes/src/white.js b/packages/themes/src/white.js index 73371ba97e38..1b3a591f3f7d 100644 --- a/packages/themes/src/white.js +++ b/packages/themes/src/white.js @@ -246,14 +246,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;