@carbon/themes 11.30.0 → 11.32.0-rc.0

package/es/index.js

@@ -1,4 +1,4 @@
-import { white as white$2, gray80, blue60, gray80Hover, gray10, gray30, gray10Hover, gray20, gray20Hover, whiteHover, gray100, gray50, gray40, gray70, gray60, red60, blue70, blue40, purple60, blue30, green50, yellow30, red50, green40, blue50, orange40, blue20, rgba, blue10, black, coolGray10, gray90, gray70Hover, gray60Hover, gray50Hover, red30, purple40, red40, purple50, gray90Hover, gray30Hover, blue80, blue20Hover, green60, red80, red20, red70, red20Hover, red70Hover, magenta20, magenta70, magenta80, magenta20Hover, magenta70Hover, purple20, purple70, purple80, purple20Hover, purple70Hover, blue70Hover, cyan20, cyan70, cyan80, cyan20Hover, cyan70Hover, teal20, teal70, teal80, teal20Hover, teal70Hover, green20, green70, green80, green20Hover, green70Hover, coolGray20, coolGray70, coolGray80, coolGray20Hover, coolGray70Hover, warmGray20, warmGray70, warmGray80, warmGray20Hover, warmGray70Hover, red10, green10, white0 } from '@carbon/colors';
+import { white as white$2, gray80, blue60, gray80Hover, gray10, gray30, gray10Hover, gray20, gray20Hover, whiteHover, gray100, gray50, gray40, gray70, gray60, red60, blue70, blue40, purple60, blue30, green50, yellow30, red50, green40, blue50, orange40, blue20, rgba, blue10, black, blue100, coolGray10, gray90, gray70Hover, gray60Hover, gray50Hover, red30, purple40, red40, purple50, gray90Hover, gray30Hover, blue80, blue20Hover, green60, red80, red20, red70, red20Hover, red70Hover, magenta20, magenta70, magenta80, magenta20Hover, magenta70Hover, purple20, purple70, purple80, purple20Hover, purple70Hover, blue70Hover, cyan20, cyan70, cyan80, cyan20Hover, cyan70Hover, teal20, teal70, teal80, teal20Hover, teal70Hover, green20, green70, green80, green20Hover, green70Hover, coolGray20, coolGray70, coolGray80, coolGray20Hover, coolGray70Hover, warmGray20, warmGray70, warmGray80, warmGray20Hover, warmGray70Hover, red10, green10, white0 } from '@carbon/colors';
 import Color from 'color';
 import { 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, unstable_tokens } from '@carbon/type';
 export { bodyLong01, bodyLong02, bodyShort01, bodyShort02, caption01, caption02, code01, code02, display01, display02, display03, display04, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, heading01, heading02, helperText01, helperText02, label01, label02, productiveHeading01, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, quotation01, quotation02 } from '@carbon/type';
@@ -694,6 +694,7 @@ var slugHollowHover$3 = gray80Hover;
 //// Phase 2 - new \\\\
 // Shared
 var aiInnerShadow$3 = rgba(blue50, 0.2);
+var aiAuraStartTable$3 = rgba(blue50, 0.15);
 var aiAuraStart$3 = rgba(blue50, 0.1);
 var aiAuraEnd$3 = rgba(white$2, 0);
 var aiBorderStrong$3 = blue50;
@@ -708,6 +709,9 @@ var aiAuraHoverEnd$3 = rgba(white$2, 0);
 var slugCalloutShadowOuter01$3 = rgba(blue70, 0.25);
 var slugCalloutShadowOuter02$3 = rgba(black, 0.1);
 
+// AI Modal tokens
+var aiOverlay$3 = rgba(blue100, 0.5);
+
 //// Not used in phase 2 / possibly remove?
 var slugCalloutGradientTop$3 = rgba(gray10, 0.85);
 var slugCalloutGradientBottom$3 = rgba(gray20, 0.85);
@@ -740,9 +744,9 @@ var chatPromptBorderEnd$3 = rgba(gray10, 0);
 var chatBubbleUser$3 = gray20;
 var chatBubbleAgent$3 = white$2;
 var chatBubbleAgentBorder$3 = gray20;
-var chatAvatarBot$3 = blue60;
-var chatAvatarAgent$3 = gray100;
-var chatAvatarUser$3 = gray100;
+var chatAvatarBot$3 = gray60;
+var chatAvatarAgent$3 = gray80;
+var chatAvatarUser$3 = blue60;
 
 var white$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -852,6 +856,7 @@ var white$1 = /*#__PURE__*/Object.freeze({
   slugGradientHover: slugGradientHover$3,
   slugHollowHover: slugHollowHover$3,
   aiInnerShadow: aiInnerShadow$3,
+  aiAuraStartTable: aiAuraStartTable$3,
   aiAuraStart: aiAuraStart$3,
   aiAuraEnd: aiAuraEnd$3,
   aiBorderStrong: aiBorderStrong$3,
@@ -863,6 +868,7 @@ var white$1 = /*#__PURE__*/Object.freeze({
   aiAuraHoverEnd: aiAuraHoverEnd$3,
   slugCalloutShadowOuter01: slugCalloutShadowOuter01$3,
   slugCalloutShadowOuter02: slugCalloutShadowOuter02$3,
+  aiOverlay: aiOverlay$3,
   slugCalloutGradientTop: slugCalloutGradientTop$3,
   slugCalloutGradientBottom: slugCalloutGradientBottom$3,
   aiGradientStart01: aiGradientStart01$3,
@@ -1141,6 +1147,7 @@ var slugHollowHover$2 = gray80Hover;
 //// Phase 2 - new \\\\
 // Shared
 var aiInnerShadow$2 = rgba(blue50, 0.2);
+var aiAuraStartTable$2 = rgba(blue50, 0.15);
 var aiAuraStart$2 = rgba(blue50, 0.1);
 var aiAuraEnd$2 = rgba(white$2, 0);
 var aiBorderStrong$2 = blue50;
@@ -1155,6 +1162,9 @@ var aiAuraHoverEnd$2 = rgba(white$2, 0);
 var slugCalloutShadowOuter01$2 = rgba(blue70, 0.25);
 var slugCalloutShadowOuter02$2 = rgba(black, 0.1);
 
+// AI Modal tokens
+var aiOverlay$2 = rgba(blue100, 0.5);
+
 //// Not used in phase 2 / possibly remove?
 var slugCalloutGradientTop$2 = rgba(gray10, 0.85);
 var slugCalloutGradientBottom$2 = rgba(gray20, 0.85);
@@ -1187,9 +1197,9 @@ var chatPromptBorderEnd$2 = rgba(gray10, 0);
 var chatBubbleUser$2 = gray20;
 var chatBubbleAgent$2 = white$2;
 var chatBubbleAgentBorder$2 = gray20;
-var chatAvatarBot$2 = blue60;
-var chatAvatarAgent$2 = gray100;
-var chatAvatarUser$2 = gray100;
+var chatAvatarBot$2 = gray60;
+var chatAvatarAgent$2 = gray80;
+var chatAvatarUser$2 = blue60;
 
 var g10$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -1299,6 +1309,7 @@ var g10$1 = /*#__PURE__*/Object.freeze({
   slugGradientHover: slugGradientHover$2,
   slugHollowHover: slugHollowHover$2,
   aiInnerShadow: aiInnerShadow$2,
+  aiAuraStartTable: aiAuraStartTable$2,
   aiAuraStart: aiAuraStart$2,
   aiAuraEnd: aiAuraEnd$2,
   aiBorderStrong: aiBorderStrong$2,
@@ -1310,6 +1321,7 @@ var g10$1 = /*#__PURE__*/Object.freeze({
   aiAuraHoverEnd: aiAuraHoverEnd$2,
   slugCalloutShadowOuter01: slugCalloutShadowOuter01$2,
   slugCalloutShadowOuter02: slugCalloutShadowOuter02$2,
+  aiOverlay: aiOverlay$2,
   slugCalloutGradientTop: slugCalloutGradientTop$2,
   slugCalloutGradientBottom: slugCalloutGradientBottom$2,
   aiGradientStart01: aiGradientStart01$2,
@@ -1588,6 +1600,7 @@ var slugHollowHover$1 = gray30Hover;
 //// Phase 2 - new \\\\
 // Shared
 var aiInnerShadow$1 = rgba(blue50, 0.2);
+var aiAuraStartTable$1 = rgba(blue50, 0.15);
 var aiAuraStart$1 = rgba(blue50, 0.1);
 var aiAuraEnd$1 = rgba(black, 0);
 var aiBorderStrong$1 = blue40;
@@ -1602,6 +1615,9 @@ var aiAuraHoverEnd$1 = rgba(black, 0);
 var slugCalloutShadowOuter01$1 = rgba(blue80, 0.25);
 var slugCalloutShadowOuter02$1 = rgba(black, 0.65);
 
+// AI Modal tokens
+var aiOverlay$1 = rgba(blue100, 0.5);
+
 //// Not used in phase 2 / possibly remove?
 var slugCalloutGradientTop$1 = rgba(gray100, 0.85);
 var slugCalloutGradientBottom$1 = rgba(gray90, 0.85);
@@ -1634,9 +1650,9 @@ var chatPromptBorderEnd$1 = rgba(gray90, 0);
 var chatBubbleUser$1 = gray80;
 var chatBubbleAgent$1 = gray90;
 var chatBubbleAgentBorder$1 = gray70;
-var chatAvatarBot$1 = blue50;
-var chatAvatarAgent$1 = gray10;
-var chatAvatarUser$1 = gray10;
+var chatAvatarBot$1 = gray50;
+var chatAvatarAgent$1 = gray30;
+var chatAvatarUser$1 = blue50;
 
 var g90$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -1746,6 +1762,7 @@ var g90$1 = /*#__PURE__*/Object.freeze({
   slugGradientHover: slugGradientHover$1,
   slugHollowHover: slugHollowHover$1,
   aiInnerShadow: aiInnerShadow$1,
+  aiAuraStartTable: aiAuraStartTable$1,
   aiAuraStart: aiAuraStart$1,
   aiAuraEnd: aiAuraEnd$1,
   aiBorderStrong: aiBorderStrong$1,
@@ -1757,6 +1774,7 @@ var g90$1 = /*#__PURE__*/Object.freeze({
   aiAuraHoverEnd: aiAuraHoverEnd$1,
   slugCalloutShadowOuter01: slugCalloutShadowOuter01$1,
   slugCalloutShadowOuter02: slugCalloutShadowOuter02$1,
+  aiOverlay: aiOverlay$1,
   slugCalloutGradientTop: slugCalloutGradientTop$1,
   slugCalloutGradientBottom: slugCalloutGradientBottom$1,
   aiGradientStart01: aiGradientStart01$1,
@@ -2035,6 +2053,7 @@ var slugHollowHover = gray30Hover;
 //// Phase 2 - new \\\\
 // Shared
 var aiInnerShadow = rgba(blue50, 0.2);
+var aiAuraStartTable = rgba(blue50, 0.15);
 var aiAuraStart = rgba(blue50, 0.1);
 var aiAuraEnd = rgba(black, 0);
 var aiBorderStrong = blue40;
@@ -2049,6 +2068,9 @@ var aiAuraHoverEnd = rgba(black, 0);
 var slugCalloutShadowOuter01 = rgba(blue80, 0.25);
 var slugCalloutShadowOuter02 = rgba(black, 0.65);
 
+// AI Modal tokens
+var aiOverlay = rgba(blue100, 0.5);
+
 //// Not used in phase 2 / possibly remove?
 var slugCalloutGradientTop = rgba(gray100, 0.85);
 var slugCalloutGradientBottom = rgba(gray90, 0.85);
@@ -2081,9 +2103,9 @@ var chatPromptBorderEnd = rgba(gray90, 0);
 var chatBubbleUser = gray80;
 var chatBubbleAgent = gray90;
 var chatBubbleAgentBorder = gray70;
-var chatAvatarBot = blue50;
-var chatAvatarAgent = gray10;
-var chatAvatarUser = gray10;
+var chatAvatarBot = gray50;
+var chatAvatarAgent = gray30;
+var chatAvatarUser = blue50;
 
 var g100$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -2193,6 +2215,7 @@ var g100$1 = /*#__PURE__*/Object.freeze({
   slugGradientHover: slugGradientHover,
   slugHollowHover: slugHollowHover,
   aiInnerShadow: aiInnerShadow,
+  aiAuraStartTable: aiAuraStartTable,
   aiAuraStart: aiAuraStart,
   aiAuraEnd: aiAuraEnd,
   aiBorderStrong: aiBorderStrong,
@@ -2204,6 +2227,7 @@ var g100$1 = /*#__PURE__*/Object.freeze({
   aiAuraHoverEnd: aiAuraHoverEnd,
   slugCalloutShadowOuter01: slugCalloutShadowOuter01,
   slugCalloutShadowOuter02: slugCalloutShadowOuter02,
+  aiOverlay: aiOverlay,
   slugCalloutGradientTop: slugCalloutGradientTop,
   slugCalloutGradientBottom: slugCalloutGradientBottom,
   aiGradientStart01: aiGradientStart01,
@@ -5134,7 +5158,7 @@ var ai = TokenGroup.create({
   // Phase 2
   'slug-callout-shadow-outer-01', 'slug-callout-shadow-outer-02',
   // Linear gradient refactor
-  'ai-inner-shadow', 'ai-aura-start', 'ai-aura-end', 'ai-aura-hover-background', 'ai-aura-hover-start', 'ai-aura-hover-end', 'ai-border-strong', 'ai-border-start', 'ai-border-end', 'ai-drop-shadow',
+  'ai-inner-shadow', 'ai-aura-start', 'ai-aura-start-table', 'ai-aura-end', 'ai-aura-hover-background', 'ai-aura-hover-start', 'ai-aura-hover-end', 'ai-border-strong', 'ai-border-start', 'ai-border-end', 'ai-drop-shadow', 'ai-overlay',
   // Caret tokens
   'slug-callout-caret-center', 'slug-callout-caret-bottom', 'slug-callout-caret-bottom-background', 'slug-callout-caret-bottom-background-actions',
   // Chat tokens
@@ -5294,4 +5318,4 @@ var themes = {
   g100: g100$1
 };
 
-export { aiAuraEnd$3 as aiAuraEnd, aiAuraHoverBackground$3 as aiAuraHoverBackground, aiAuraHoverEnd$3 as aiAuraHoverEnd, aiAuraHoverStart$3 as aiAuraHoverStart, aiAuraStart$3 as aiAuraStart, aiBorderEnd$3 as aiBorderEnd, aiBorderStart$3 as aiBorderStart, aiBorderStrong$3 as aiBorderStrong, aiDropShadow$3 as aiDropShadow, aiGradientEnd$3 as aiGradientEnd, aiGradientStart01$3 as aiGradientStart01, aiGradientStart02$3 as aiGradientStart02, aiInnerShadow$3 as aiInnerShadow, background$8 as background, backgroundActive$7 as backgroundActive, backgroundBrand$7 as backgroundBrand, backgroundHover$7 as backgroundHover, backgroundInverse$7 as backgroundInverse, backgroundInverseHover$7 as backgroundInverseHover, backgroundSelected$7 as backgroundSelected, backgroundSelectedHover$7 as backgroundSelectedHover, borderDisabled$7 as borderDisabled, borderInteractive$7 as borderInteractive, borderInverse$7 as borderInverse, borderStrong01$3 as borderStrong01, borderStrong02$3 as borderStrong02, borderStrong03$3 as borderStrong03, borderSubtle00$3 as borderSubtle00, borderSubtle01$3 as borderSubtle01, borderSubtle02$3 as borderSubtle02, borderSubtle03$3 as borderSubtle03, borderSubtleSelected01$3 as borderSubtleSelected01, borderSubtleSelected02$3 as borderSubtleSelected02, borderSubtleSelected03$3 as borderSubtleSelected03, borderTile01$3 as borderTile01, borderTile02$3 as borderTile02, borderTile03$3 as borderTile03, index$2 as buttonTokens, chatAvatarAgent$3 as chatAvatarAgent, chatAvatarBot$3 as chatAvatarBot, chatAvatarUser$3 as chatAvatarUser, chatBubbleAgent$3 as chatBubbleAgent, chatBubbleAgentBorder$3 as chatBubbleAgentBorder, chatBubbleUser$3 as chatBubbleUser, chatPromptBackground$3 as chatPromptBackground, chatPromptBorderEnd$3 as chatPromptBorderEnd, chatPromptBorderStart$3 as chatPromptBorderStart, field01$7 as field01, field02$7 as field02, field03$3 as field03, fieldHover01$3 as fieldHover01, fieldHover02$3 as fieldHover02, fieldHover03$3 as fieldHover03, focus$8 as focus, focusInset$7 as focusInset, focusInverse$7 as focusInverse, formatTokenName, g10$1 as g10, g100$1 as g100, g90$1 as g90, highlight$7 as highlight, iconDisabled$7 as iconDisabled, iconInteractive$3 as iconInteractive, iconInverse$7 as iconInverse, iconOnColor$7 as iconOnColor, iconOnColorDisabled$7 as iconOnColorDisabled, iconPrimary$7 as iconPrimary, iconSecondary$7 as iconSecondary, interactive$7 as interactive, layer01$3 as layer01, layer02$3 as layer02, layer03$3 as layer03, layerAccent01$3 as layerAccent01, layerAccent02$3 as layerAccent02, layerAccent03$3 as layerAccent03, layerAccentActive01$3 as layerAccentActive01, layerAccentActive02$3 as layerAccentActive02, layerAccentActive03$3 as layerAccentActive03, layerAccentHover01$3 as layerAccentHover01, layerAccentHover02$3 as layerAccentHover02, layerAccentHover03$3 as layerAccentHover03, layerActive01$3 as layerActive01, layerActive02$3 as layerActive02, layerActive03$3 as layerActive03, layerHover01$3 as layerHover01, layerHover02$3 as layerHover02, layerHover03$3 as layerHover03, layerSelected01$3 as layerSelected01, layerSelected02$3 as layerSelected02, layerSelected03$3 as layerSelected03, layerSelectedDisabled$7 as layerSelectedDisabled, layerSelectedHover01$3 as layerSelectedHover01, layerSelectedHover02$3 as layerSelectedHover02, layerSelectedHover03$3 as layerSelectedHover03, layerSelectedInverse$7 as layerSelectedInverse, linkInverse$7 as linkInverse, linkInverseActive$3 as linkInverseActive, linkInverseHover$3 as linkInverseHover, linkPrimary$7 as linkPrimary, linkPrimaryHover$7 as linkPrimaryHover, linkSecondary$7 as linkSecondary, linkVisited$7 as linkVisited, index as notificationTokens, overlay$7 as overlay, shadow$7 as shadow, skeletonBackground$7 as skeletonBackground, skeletonElement$7 as skeletonElement, slugBackground$3 as slugBackground, slugBackgroundHover$3 as slugBackgroundHover, slugCalloutAuraEnd$3 as slugCalloutAuraEnd, slugCalloutAuraEndHover01$3 as slugCalloutAuraEndHover01, slugCalloutAuraEndHover02$3 as slugCalloutAuraEndHover02, slugCalloutAuraEndSelected$3 as slugCalloutAuraEndSelected, slugCalloutAuraStart$3 as slugCalloutAuraStart, slugCalloutAuraStartHover01$3 as slugCalloutAuraStartHover01, slugCalloutAuraStartHover02$3 as slugCalloutAuraStartHover02, slugCalloutAuraStartSelected$3 as slugCalloutAuraStartSelected, slugCalloutCaretBottom$3 as slugCalloutCaretBottom, slugCalloutCaretBottomBackground$3 as slugCalloutCaretBottomBackground, slugCalloutCaretBottomBackgroundActions$3 as slugCalloutCaretBottomBackgroundActions, slugCalloutCaretCenter$3 as slugCalloutCaretCenter, slugCalloutGradientBottom$3 as slugCalloutGradientBottom, slugCalloutGradientBottomHover$3 as slugCalloutGradientBottomHover, slugCalloutGradientBottomSelected$3 as slugCalloutGradientBottomSelected, slugCalloutGradientTop$3 as slugCalloutGradientTop, slugCalloutGradientTopHover$3 as slugCalloutGradientTopHover, slugCalloutGradientTopSelected$3 as slugCalloutGradientTopSelected, slugCalloutShadowOuter01$3 as slugCalloutShadowOuter01, slugCalloutShadowOuter02$3 as slugCalloutShadowOuter02, slugGradient$3 as slugGradient, slugGradientHover$3 as slugGradientHover, slugHollowHover$3 as slugHollowHover, supportCautionMajor$3 as supportCautionMajor, supportCautionMinor$3 as supportCautionMinor, supportCautionUndefined$3 as supportCautionUndefined, supportError$7 as supportError, supportErrorInverse$7 as supportErrorInverse, supportInfo$7 as supportInfo, supportInfoInverse$7 as supportInfoInverse, supportSuccess$7 as supportSuccess, supportSuccessInverse$7 as supportSuccessInverse, supportWarning$7 as supportWarning, supportWarningInverse$7 as supportWarningInverse, index$1 as tagTokens, textDisabled$7 as textDisabled, textError$7 as textError, textHelper$7 as textHelper, textInverse$7 as textInverse, textOnColor$7 as textOnColor, textOnColorDisabled$7 as textOnColorDisabled, textPlaceholder$7 as textPlaceholder, textPrimary$7 as textPrimary, textSecondary$7 as textSecondary, themes, toggleOff$7 as toggleOff, unstable_metadata, index$3 as v10, white$1 as white };
+export { aiAuraEnd$3 as aiAuraEnd, aiAuraHoverBackground$3 as aiAuraHoverBackground, aiAuraHoverEnd$3 as aiAuraHoverEnd, aiAuraHoverStart$3 as aiAuraHoverStart, aiAuraStart$3 as aiAuraStart, aiAuraStartTable$3 as aiAuraStartTable, aiBorderEnd$3 as aiBorderEnd, aiBorderStart$3 as aiBorderStart, aiBorderStrong$3 as aiBorderStrong, aiDropShadow$3 as aiDropShadow, aiGradientEnd$3 as aiGradientEnd, aiGradientStart01$3 as aiGradientStart01, aiGradientStart02$3 as aiGradientStart02, aiInnerShadow$3 as aiInnerShadow, aiOverlay$3 as aiOverlay, background$8 as background, backgroundActive$7 as backgroundActive, backgroundBrand$7 as backgroundBrand, backgroundHover$7 as backgroundHover, backgroundInverse$7 as backgroundInverse, backgroundInverseHover$7 as backgroundInverseHover, backgroundSelected$7 as backgroundSelected, backgroundSelectedHover$7 as backgroundSelectedHover, borderDisabled$7 as borderDisabled, borderInteractive$7 as borderInteractive, borderInverse$7 as borderInverse, borderStrong01$3 as borderStrong01, borderStrong02$3 as borderStrong02, borderStrong03$3 as borderStrong03, borderSubtle00$3 as borderSubtle00, borderSubtle01$3 as borderSubtle01, borderSubtle02$3 as borderSubtle02, borderSubtle03$3 as borderSubtle03, borderSubtleSelected01$3 as borderSubtleSelected01, borderSubtleSelected02$3 as borderSubtleSelected02, borderSubtleSelected03$3 as borderSubtleSelected03, borderTile01$3 as borderTile01, borderTile02$3 as borderTile02, borderTile03$3 as borderTile03, index$2 as buttonTokens, chatAvatarAgent$3 as chatAvatarAgent, chatAvatarBot$3 as chatAvatarBot, chatAvatarUser$3 as chatAvatarUser, chatBubbleAgent$3 as chatBubbleAgent, chatBubbleAgentBorder$3 as chatBubbleAgentBorder, chatBubbleUser$3 as chatBubbleUser, chatPromptBackground$3 as chatPromptBackground, chatPromptBorderEnd$3 as chatPromptBorderEnd, chatPromptBorderStart$3 as chatPromptBorderStart, field01$7 as field01, field02$7 as field02, field03$3 as field03, fieldHover01$3 as fieldHover01, fieldHover02$3 as fieldHover02, fieldHover03$3 as fieldHover03, focus$8 as focus, focusInset$7 as focusInset, focusInverse$7 as focusInverse, formatTokenName, g10$1 as g10, g100$1 as g100, g90$1 as g90, highlight$7 as highlight, iconDisabled$7 as iconDisabled, iconInteractive$3 as iconInteractive, iconInverse$7 as iconInverse, iconOnColor$7 as iconOnColor, iconOnColorDisabled$7 as iconOnColorDisabled, iconPrimary$7 as iconPrimary, iconSecondary$7 as iconSecondary, interactive$7 as interactive, layer01$3 as layer01, layer02$3 as layer02, layer03$3 as layer03, layerAccent01$3 as layerAccent01, layerAccent02$3 as layerAccent02, layerAccent03$3 as layerAccent03, layerAccentActive01$3 as layerAccentActive01, layerAccentActive02$3 as layerAccentActive02, layerAccentActive03$3 as layerAccentActive03, layerAccentHover01$3 as layerAccentHover01, layerAccentHover02$3 as layerAccentHover02, layerAccentHover03$3 as layerAccentHover03, layerActive01$3 as layerActive01, layerActive02$3 as layerActive02, layerActive03$3 as layerActive03, layerHover01$3 as layerHover01, layerHover02$3 as layerHover02, layerHover03$3 as layerHover03, layerSelected01$3 as layerSelected01, layerSelected02$3 as layerSelected02, layerSelected03$3 as layerSelected03, layerSelectedDisabled$7 as layerSelectedDisabled, layerSelectedHover01$3 as layerSelectedHover01, layerSelectedHover02$3 as layerSelectedHover02, layerSelectedHover03$3 as layerSelectedHover03, layerSelectedInverse$7 as layerSelectedInverse, linkInverse$7 as linkInverse, linkInverseActive$3 as linkInverseActive, linkInverseHover$3 as linkInverseHover, linkPrimary$7 as linkPrimary, linkPrimaryHover$7 as linkPrimaryHover, linkSecondary$7 as linkSecondary, linkVisited$7 as linkVisited, index as notificationTokens, overlay$7 as overlay, shadow$7 as shadow, skeletonBackground$7 as skeletonBackground, skeletonElement$7 as skeletonElement, slugBackground$3 as slugBackground, slugBackgroundHover$3 as slugBackgroundHover, slugCalloutAuraEnd$3 as slugCalloutAuraEnd, slugCalloutAuraEndHover01$3 as slugCalloutAuraEndHover01, slugCalloutAuraEndHover02$3 as slugCalloutAuraEndHover02, slugCalloutAuraEndSelected$3 as slugCalloutAuraEndSelected, slugCalloutAuraStart$3 as slugCalloutAuraStart, slugCalloutAuraStartHover01$3 as slugCalloutAuraStartHover01, slugCalloutAuraStartHover02$3 as slugCalloutAuraStartHover02, slugCalloutAuraStartSelected$3 as slugCalloutAuraStartSelected, slugCalloutCaretBottom$3 as slugCalloutCaretBottom, slugCalloutCaretBottomBackground$3 as slugCalloutCaretBottomBackground, slugCalloutCaretBottomBackgroundActions$3 as slugCalloutCaretBottomBackgroundActions, slugCalloutCaretCenter$3 as slugCalloutCaretCenter, slugCalloutGradientBottom$3 as slugCalloutGradientBottom, slugCalloutGradientBottomHover$3 as slugCalloutGradientBottomHover, slugCalloutGradientBottomSelected$3 as slugCalloutGradientBottomSelected, slugCalloutGradientTop$3 as slugCalloutGradientTop, slugCalloutGradientTopHover$3 as slugCalloutGradientTopHover, slugCalloutGradientTopSelected$3 as slugCalloutGradientTopSelected, slugCalloutShadowOuter01$3 as slugCalloutShadowOuter01, slugCalloutShadowOuter02$3 as slugCalloutShadowOuter02, slugGradient$3 as slugGradient, slugGradientHover$3 as slugGradientHover, slugHollowHover$3 as slugHollowHover, supportCautionMajor$3 as supportCautionMajor, supportCautionMinor$3 as supportCautionMinor, supportCautionUndefined$3 as supportCautionUndefined, supportError$7 as supportError, supportErrorInverse$7 as supportErrorInverse, supportInfo$7 as supportInfo, supportInfoInverse$7 as supportInfoInverse, supportSuccess$7 as supportSuccess, supportSuccessInverse$7 as supportSuccessInverse, supportWarning$7 as supportWarning, supportWarningInverse$7 as supportWarningInverse, index$1 as tagTokens, textDisabled$7 as textDisabled, textError$7 as textError, textHelper$7 as textHelper, textInverse$7 as textInverse, textOnColor$7 as textOnColor, textOnColorDisabled$7 as textOnColorDisabled, textPlaceholder$7 as textPlaceholder, textPrimary$7 as textPrimary, textSecondary$7 as textSecondary, themes, toggleOff$7 as toggleOff, unstable_metadata, index$3 as v10, white$1 as white };

package/lib/index.js

@@ -700,6 +700,7 @@ var slugHollowHover$3 = colors$1.gray80Hover;
 //// Phase 2 - new \\\\
 // Shared
 var aiInnerShadow$3 = colors$1.rgba(colors$1.blue50, 0.2);
+var aiAuraStartTable$3 = colors$1.rgba(colors$1.blue50, 0.15);
 var aiAuraStart$3 = colors$1.rgba(colors$1.blue50, 0.1);
 var aiAuraEnd$3 = colors$1.rgba(colors$1.white, 0);
 var aiBorderStrong$3 = colors$1.blue50;
@@ -714,6 +715,9 @@ var aiAuraHoverEnd$3 = colors$1.rgba(colors$1.white, 0);
 var slugCalloutShadowOuter01$3 = colors$1.rgba(colors$1.blue70, 0.25);
 var slugCalloutShadowOuter02$3 = colors$1.rgba(colors$1.black, 0.1);
 
+// AI Modal tokens
+var aiOverlay$3 = colors$1.rgba(colors$1.blue100, 0.5);
+
 //// Not used in phase 2 / possibly remove?
 var slugCalloutGradientTop$3 = colors$1.rgba(colors$1.gray10, 0.85);
 var slugCalloutGradientBottom$3 = colors$1.rgba(colors$1.gray20, 0.85);
@@ -746,9 +750,9 @@ var chatPromptBorderEnd$3 = colors$1.rgba(colors$1.gray10, 0);
 var chatBubbleUser$3 = colors$1.gray20;
 var chatBubbleAgent$3 = colors$1.white;
 var chatBubbleAgentBorder$3 = colors$1.gray20;
-var chatAvatarBot$3 = colors$1.blue60;
-var chatAvatarAgent$3 = colors$1.gray100;
-var chatAvatarUser$3 = colors$1.gray100;
+var chatAvatarBot$3 = colors$1.gray60;
+var chatAvatarAgent$3 = colors$1.gray80;
+var chatAvatarUser$3 = colors$1.blue60;
 
 var white$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -858,6 +862,7 @@ var white$1 = /*#__PURE__*/Object.freeze({
   slugGradientHover: slugGradientHover$3,
   slugHollowHover: slugHollowHover$3,
   aiInnerShadow: aiInnerShadow$3,
+  aiAuraStartTable: aiAuraStartTable$3,
   aiAuraStart: aiAuraStart$3,
   aiAuraEnd: aiAuraEnd$3,
   aiBorderStrong: aiBorderStrong$3,
@@ -869,6 +874,7 @@ var white$1 = /*#__PURE__*/Object.freeze({
   aiAuraHoverEnd: aiAuraHoverEnd$3,
   slugCalloutShadowOuter01: slugCalloutShadowOuter01$3,
   slugCalloutShadowOuter02: slugCalloutShadowOuter02$3,
+  aiOverlay: aiOverlay$3,
   slugCalloutGradientTop: slugCalloutGradientTop$3,
   slugCalloutGradientBottom: slugCalloutGradientBottom$3,
   aiGradientStart01: aiGradientStart01$3,
@@ -1147,6 +1153,7 @@ var slugHollowHover$2 = colors$1.gray80Hover;
 //// Phase 2 - new \\\\
 // Shared
 var aiInnerShadow$2 = colors$1.rgba(colors$1.blue50, 0.2);
+var aiAuraStartTable$2 = colors$1.rgba(colors$1.blue50, 0.15);
 var aiAuraStart$2 = colors$1.rgba(colors$1.blue50, 0.1);
 var aiAuraEnd$2 = colors$1.rgba(colors$1.white, 0);
 var aiBorderStrong$2 = colors$1.blue50;
@@ -1161,6 +1168,9 @@ var aiAuraHoverEnd$2 = colors$1.rgba(colors$1.white, 0);
 var slugCalloutShadowOuter01$2 = colors$1.rgba(colors$1.blue70, 0.25);
 var slugCalloutShadowOuter02$2 = colors$1.rgba(colors$1.black, 0.1);
 
+// AI Modal tokens
+var aiOverlay$2 = colors$1.rgba(colors$1.blue100, 0.5);
+
 //// Not used in phase 2 / possibly remove?
 var slugCalloutGradientTop$2 = colors$1.rgba(colors$1.gray10, 0.85);
 var slugCalloutGradientBottom$2 = colors$1.rgba(colors$1.gray20, 0.85);
@@ -1193,9 +1203,9 @@ var chatPromptBorderEnd$2 = colors$1.rgba(colors$1.gray10, 0);
 var chatBubbleUser$2 = colors$1.gray20;
 var chatBubbleAgent$2 = colors$1.white;
 var chatBubbleAgentBorder$2 = colors$1.gray20;
-var chatAvatarBot$2 = colors$1.blue60;
-var chatAvatarAgent$2 = colors$1.gray100;
-var chatAvatarUser$2 = colors$1.gray100;
+var chatAvatarBot$2 = colors$1.gray60;
+var chatAvatarAgent$2 = colors$1.gray80;
+var chatAvatarUser$2 = colors$1.blue60;
 
 var g10$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -1305,6 +1315,7 @@ var g10$1 = /*#__PURE__*/Object.freeze({
   slugGradientHover: slugGradientHover$2,
   slugHollowHover: slugHollowHover$2,
   aiInnerShadow: aiInnerShadow$2,
+  aiAuraStartTable: aiAuraStartTable$2,
   aiAuraStart: aiAuraStart$2,
   aiAuraEnd: aiAuraEnd$2,
   aiBorderStrong: aiBorderStrong$2,
@@ -1316,6 +1327,7 @@ var g10$1 = /*#__PURE__*/Object.freeze({
   aiAuraHoverEnd: aiAuraHoverEnd$2,
   slugCalloutShadowOuter01: slugCalloutShadowOuter01$2,
   slugCalloutShadowOuter02: slugCalloutShadowOuter02$2,
+  aiOverlay: aiOverlay$2,
   slugCalloutGradientTop: slugCalloutGradientTop$2,
   slugCalloutGradientBottom: slugCalloutGradientBottom$2,
   aiGradientStart01: aiGradientStart01$2,
@@ -1594,6 +1606,7 @@ var slugHollowHover$1 = colors$1.gray30Hover;
 //// Phase 2 - new \\\\
 // Shared
 var aiInnerShadow$1 = colors$1.rgba(colors$1.blue50, 0.2);
+var aiAuraStartTable$1 = colors$1.rgba(colors$1.blue50, 0.15);
 var aiAuraStart$1 = colors$1.rgba(colors$1.blue50, 0.1);
 var aiAuraEnd$1 = colors$1.rgba(colors$1.black, 0);
 var aiBorderStrong$1 = colors$1.blue40;
@@ -1608,6 +1621,9 @@ var aiAuraHoverEnd$1 = colors$1.rgba(colors$1.black, 0);
 var slugCalloutShadowOuter01$1 = colors$1.rgba(colors$1.blue80, 0.25);
 var slugCalloutShadowOuter02$1 = colors$1.rgba(colors$1.black, 0.65);
 
+// AI Modal tokens
+var aiOverlay$1 = colors$1.rgba(colors$1.blue100, 0.5);
+
 //// Not used in phase 2 / possibly remove?
 var slugCalloutGradientTop$1 = colors$1.rgba(colors$1.gray100, 0.85);
 var slugCalloutGradientBottom$1 = colors$1.rgba(colors$1.gray90, 0.85);
@@ -1640,9 +1656,9 @@ var chatPromptBorderEnd$1 = colors$1.rgba(colors$1.gray90, 0);
 var chatBubbleUser$1 = colors$1.gray80;
 var chatBubbleAgent$1 = colors$1.gray90;
 var chatBubbleAgentBorder$1 = colors$1.gray70;
-var chatAvatarBot$1 = colors$1.blue50;
-var chatAvatarAgent$1 = colors$1.gray10;
-var chatAvatarUser$1 = colors$1.gray10;
+var chatAvatarBot$1 = colors$1.gray50;
+var chatAvatarAgent$1 = colors$1.gray30;
+var chatAvatarUser$1 = colors$1.blue50;
 
 var g90$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -1752,6 +1768,7 @@ var g90$1 = /*#__PURE__*/Object.freeze({
   slugGradientHover: slugGradientHover$1,
   slugHollowHover: slugHollowHover$1,
   aiInnerShadow: aiInnerShadow$1,
+  aiAuraStartTable: aiAuraStartTable$1,
   aiAuraStart: aiAuraStart$1,
   aiAuraEnd: aiAuraEnd$1,
   aiBorderStrong: aiBorderStrong$1,
@@ -1763,6 +1780,7 @@ var g90$1 = /*#__PURE__*/Object.freeze({
   aiAuraHoverEnd: aiAuraHoverEnd$1,
   slugCalloutShadowOuter01: slugCalloutShadowOuter01$1,
   slugCalloutShadowOuter02: slugCalloutShadowOuter02$1,
+  aiOverlay: aiOverlay$1,
   slugCalloutGradientTop: slugCalloutGradientTop$1,
   slugCalloutGradientBottom: slugCalloutGradientBottom$1,
   aiGradientStart01: aiGradientStart01$1,
@@ -2041,6 +2059,7 @@ var slugHollowHover = colors$1.gray30Hover;
 //// Phase 2 - new \\\\
 // Shared
 var aiInnerShadow = colors$1.rgba(colors$1.blue50, 0.2);
+var aiAuraStartTable = colors$1.rgba(colors$1.blue50, 0.15);
 var aiAuraStart = colors$1.rgba(colors$1.blue50, 0.1);
 var aiAuraEnd = colors$1.rgba(colors$1.black, 0);
 var aiBorderStrong = colors$1.blue40;
@@ -2055,6 +2074,9 @@ var aiAuraHoverEnd = colors$1.rgba(colors$1.black, 0);
 var slugCalloutShadowOuter01 = colors$1.rgba(colors$1.blue80, 0.25);
 var slugCalloutShadowOuter02 = colors$1.rgba(colors$1.black, 0.65);
 
+// AI Modal tokens
+var aiOverlay = colors$1.rgba(colors$1.blue100, 0.5);
+
 //// Not used in phase 2 / possibly remove?
 var slugCalloutGradientTop = colors$1.rgba(colors$1.gray100, 0.85);
 var slugCalloutGradientBottom = colors$1.rgba(colors$1.gray90, 0.85);
@@ -2087,9 +2109,9 @@ var chatPromptBorderEnd = colors$1.rgba(colors$1.gray90, 0);
 var chatBubbleUser = colors$1.gray80;
 var chatBubbleAgent = colors$1.gray90;
 var chatBubbleAgentBorder = colors$1.gray70;
-var chatAvatarBot = colors$1.blue50;
-var chatAvatarAgent = colors$1.gray10;
-var chatAvatarUser = colors$1.gray10;
+var chatAvatarBot = colors$1.gray50;
+var chatAvatarAgent = colors$1.gray30;
+var chatAvatarUser = colors$1.blue50;
 
 var g100$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -2199,6 +2221,7 @@ var g100$1 = /*#__PURE__*/Object.freeze({
   slugGradientHover: slugGradientHover,
   slugHollowHover: slugHollowHover,
   aiInnerShadow: aiInnerShadow,
+  aiAuraStartTable: aiAuraStartTable,
   aiAuraStart: aiAuraStart,
   aiAuraEnd: aiAuraEnd,
   aiBorderStrong: aiBorderStrong,
@@ -2210,6 +2233,7 @@ var g100$1 = /*#__PURE__*/Object.freeze({
   aiAuraHoverEnd: aiAuraHoverEnd,
   slugCalloutShadowOuter01: slugCalloutShadowOuter01,
   slugCalloutShadowOuter02: slugCalloutShadowOuter02,
+  aiOverlay: aiOverlay,
   slugCalloutGradientTop: slugCalloutGradientTop,
   slugCalloutGradientBottom: slugCalloutGradientBottom,
   aiGradientStart01: aiGradientStart01,
@@ -5140,7 +5164,7 @@ var ai = TokenGroup.create({
   // Phase 2
   'slug-callout-shadow-outer-01', 'slug-callout-shadow-outer-02',
   // Linear gradient refactor
-  'ai-inner-shadow', 'ai-aura-start', 'ai-aura-end', 'ai-aura-hover-background', 'ai-aura-hover-start', 'ai-aura-hover-end', 'ai-border-strong', 'ai-border-start', 'ai-border-end', 'ai-drop-shadow',
+  'ai-inner-shadow', 'ai-aura-start', 'ai-aura-start-table', 'ai-aura-end', 'ai-aura-hover-background', 'ai-aura-hover-start', 'ai-aura-hover-end', 'ai-border-strong', 'ai-border-start', 'ai-border-end', 'ai-drop-shadow', 'ai-overlay',
   // Caret tokens
   'slug-callout-caret-center', 'slug-callout-caret-bottom', 'slug-callout-caret-bottom-background', 'slug-callout-caret-bottom-background-actions',
   // Chat tokens
@@ -5589,6 +5613,7 @@ exports.aiAuraHoverBackground = aiAuraHoverBackground$3;
 exports.aiAuraHoverEnd = aiAuraHoverEnd$3;
 exports.aiAuraHoverStart = aiAuraHoverStart$3;
 exports.aiAuraStart = aiAuraStart$3;
+exports.aiAuraStartTable = aiAuraStartTable$3;
 exports.aiBorderEnd = aiBorderEnd$3;
 exports.aiBorderStart = aiBorderStart$3;
 exports.aiBorderStrong = aiBorderStrong$3;
@@ -5597,6 +5622,7 @@ exports.aiGradientEnd = aiGradientEnd$3;
 exports.aiGradientStart01 = aiGradientStart01$3;
 exports.aiGradientStart02 = aiGradientStart02$3;
 exports.aiInnerShadow = aiInnerShadow$3;
+exports.aiOverlay = aiOverlay$3;
 exports.background = background$8;
 exports.backgroundActive = backgroundActive$7;
 exports.backgroundBrand = backgroundBrand$7;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/themes",
   "description": "Themes for applying color in the Carbon Design System",
-  "version": "11.30.0",
+  "version": "11.32.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -49,5 +49,5 @@
     "rimraf": "^5.0.0"
   },
   "sideEffects": false,
-  "gitHead": "741ec54a40159b2438b2b09bf55c013bbff2c4ad"
+  "gitHead": "c70f968d388bbf968269066402a741327b00ac1c"
 }

package/scss/generated/_themes.scss

@@ -17,6 +17,7 @@ $white: (
   ai-aura-hover-end: rgba(255, 255, 255, 0),
   ai-aura-hover-start: rgba(69, 137, 255, 0.4),
   ai-aura-start: rgba(69, 137, 255, 0.1),
+  ai-aura-start-table: rgba(69, 137, 255, 0.15),
   ai-border-end: #d0e2ff,
   ai-border-start: #78a9ff,
   ai-border-strong: #4589ff,
@@ -25,6 +26,7 @@ $white: (
   ai-gradient-start-01: rgba(242, 244, 248, 0.5),
   ai-gradient-start-02: rgba(237, 245, 255, 0.5),
   ai-inner-shadow: rgba(69, 137, 255, 0.2),
+  ai-overlay: rgba(0, 17, 65, 0.5),
   background: #ffffff,
   background-active: rgba(141, 141, 141, 0.5),
   background-brand: #0f62fe,
@@ -49,9 +51,9 @@ $white: (
   border-tile-01: #c6c6c6,
   border-tile-02: #a8a8a8,
   border-tile-03: #c6c6c6,
-  chat-avatar-agent: #161616,
-  chat-avatar-bot: #0f62fe,
-  chat-avatar-user: #161616,
+  chat-avatar-agent: #393939,
+  chat-avatar-bot: #6f6f6f,
+  chat-avatar-user: #0f62fe,
   chat-bubble-agent: #ffffff,
   chat-bubble-agent-border: #e0e0e0,
   chat-bubble-user: #e0e0e0,
@@ -175,6 +177,7 @@ $g10: (
   ai-aura-hover-end: rgba(255, 255, 255, 0),
   ai-aura-hover-start: rgba(69, 137, 255, 0.4),
   ai-aura-start: rgba(69, 137, 255, 0.1),
+  ai-aura-start-table: rgba(69, 137, 255, 0.15),
   ai-border-end: #d0e2ff,
   ai-border-start: #78a9ff,
   ai-border-strong: #4589ff,
@@ -183,6 +186,7 @@ $g10: (
   ai-gradient-start-01: rgba(242, 244, 248, 0.5),
   ai-gradient-start-02: rgba(237, 245, 255, 0.5),
   ai-inner-shadow: rgba(69, 137, 255, 0.2),
+  ai-overlay: rgba(0, 17, 65, 0.5),
   background: #f4f4f4,
   background-active: rgba(141, 141, 141, 0.5),
   background-brand: #0f62fe,
@@ -207,9 +211,9 @@ $g10: (
   border-tile-01: #a8a8a8,
   border-tile-02: #c6c6c6,
   border-tile-03: #a8a8a8,
-  chat-avatar-agent: #161616,
-  chat-avatar-bot: #0f62fe,
-  chat-avatar-user: #161616,
+  chat-avatar-agent: #393939,
+  chat-avatar-bot: #6f6f6f,
+  chat-avatar-user: #0f62fe,
   chat-bubble-agent: #ffffff,
   chat-bubble-agent-border: #e0e0e0,
   chat-bubble-user: #e0e0e0,
@@ -333,6 +337,7 @@ $g90: (
   ai-aura-hover-end: rgba(0, 0, 0, 0),
   ai-aura-hover-start: rgba(69, 137, 255, 0.4),
   ai-aura-start: rgba(69, 137, 255, 0.1),
+  ai-aura-start-table: rgba(69, 137, 255, 0.15),
   ai-border-end: rgba(166, 200, 255, 0.24),
   ai-border-start: #4589ff,
   ai-border-strong: #78a9ff,
@@ -341,6 +346,7 @@ $g90: (
   ai-gradient-start-01: rgba(208, 226, 255, 0.2),
   ai-gradient-start-02: unquote('transparent'),
   ai-inner-shadow: rgba(69, 137, 255, 0.2),
+  ai-overlay: rgba(0, 17, 65, 0.5),
   background: #262626,
   background-active: rgba(141, 141, 141, 0.4),
   background-brand: #0f62fe,
@@ -365,9 +371,9 @@ $g90: (
   border-tile-01: #6f6f6f,
   border-tile-02: #8d8d8d,
   border-tile-03: #a8a8a8,
-  chat-avatar-agent: #f4f4f4,
-  chat-avatar-bot: #4589ff,
-  chat-avatar-user: #f4f4f4,
+  chat-avatar-agent: #c6c6c6,
+  chat-avatar-bot: #8d8d8d,
+  chat-avatar-user: #4589ff,
   chat-bubble-agent: #262626,
   chat-bubble-agent-border: #525252,
   chat-bubble-user: #393939,
@@ -491,6 +497,7 @@ $g100: (
   ai-aura-hover-end: rgba(0, 0, 0, 0),
   ai-aura-hover-start: rgba(69, 137, 255, 0.4),
   ai-aura-start: rgba(69, 137, 255, 0.1),
+  ai-aura-start-table: rgba(69, 137, 255, 0.15),
   ai-border-end: rgba(166, 200, 255, 0.24),
   ai-border-start: #4589ff,
   ai-border-strong: #78a9ff,
@@ -499,6 +506,7 @@ $g100: (
   ai-gradient-start-01: rgba(208, 226, 255, 0.2),
   ai-gradient-start-02: unquote('transparent'),
   ai-inner-shadow: rgba(69, 137, 255, 0.2),
+  ai-overlay: rgba(0, 17, 65, 0.5),
   background: #161616,
   background-active: rgba(141, 141, 141, 0.4),
   background-brand: #0f62fe,
@@ -523,9 +531,9 @@ $g100: (
   border-tile-01: #525252,
   border-tile-02: #6f6f6f,
   border-tile-03: #8d8d8d,
-  chat-avatar-agent: #f4f4f4,
-  chat-avatar-bot: #4589ff,
-  chat-avatar-user: #f4f4f4,
+  chat-avatar-agent: #c6c6c6,
+  chat-avatar-bot: #8d8d8d,
+  chat-avatar-user: #4589ff,
   chat-bubble-agent: #262626,
   chat-bubble-agent-border: #525252,
   chat-bubble-user: #393939,

package/scss/generated/_tokens.scss

@@ -390,6 +390,9 @@ $ai-inner-shadow: _get('ai-inner-shadow') !default;
 /// The CSS Custom Property for the `ai-aura-start` token
 $ai-aura-start: _get('ai-aura-start') !default;
 
+/// The CSS Custom Property for the `ai-aura-start-table` token
+$ai-aura-start-table: _get('ai-aura-start-table') !default;
+
 /// The CSS Custom Property for the `ai-aura-end` token
 $ai-aura-end: _get('ai-aura-end') !default;
 
@@ -414,6 +417,9 @@ $ai-border-end: _get('ai-border-end') !default;
 /// The CSS Custom Property for the `ai-drop-shadow` token
 $ai-drop-shadow: _get('ai-drop-shadow') !default;
 
+/// The CSS Custom Property for the `ai-overlay` token
+$ai-overlay: _get('ai-overlay') !default;
+
 /// The CSS Custom Property for the `slug-callout-caret-center` token
 $slug-callout-caret-center: _get('slug-callout-caret-center') !default;
 

package/src/g10.js

@@ -13,6 +13,7 @@ import {
   blue40,
   blue60,
   blue70,
+  blue100,
 
   // CoolGray
   coolGray10,
@@ -217,6 +218,7 @@ export const slugHollowHover = gray80Hover;
 //// Phase 2 - new \\\\
 // Shared
 export const aiInnerShadow = rgba(blue50, 0.2);
+export const aiAuraStartTable = rgba(blue50, 0.15);
 export const aiAuraStart = rgba(blue50, 0.1);
 export const aiAuraEnd = rgba(white, 0);
 export const aiBorderStrong = blue50;
@@ -231,6 +233,9 @@ export const aiAuraHoverEnd = rgba(white, 0);
 export const slugCalloutShadowOuter01 = rgba(blue70, 0.25);
 export const slugCalloutShadowOuter02 = rgba(black, 0.1);
 
+// AI Modal tokens
+export const aiOverlay = rgba(blue100, 0.5);
+
 //// Not used in phase 2 / possibly remove?
 export const slugCalloutGradientTop = rgba(gray10, 0.85);
 export const slugCalloutGradientBottom = rgba(gray20, 0.85);
@@ -263,9 +268,9 @@ export const chatPromptBorderEnd = rgba(gray10, 0);
 export const chatBubbleUser = gray20;
 export const chatBubbleAgent = white;
 export const chatBubbleAgentBorder = gray20;
-export const chatAvatarBot = blue60;
-export const chatAvatarAgent = gray100;
-export const chatAvatarUser = gray100;
+export const chatAvatarBot = gray60;
+export const chatAvatarAgent = gray80;
+export const chatAvatarUser = blue60;
 
 export {
   // Type

package/src/g100.js

@@ -13,6 +13,7 @@ import {
   blue60,
   blue70,
   blue80,
+  blue100,
 
   // Gray
   gray10,
@@ -222,6 +223,7 @@ export const slugHollowHover = gray30Hover;
 //// Phase 2 - new \\\\
 // Shared
 export const aiInnerShadow = rgba(blue50, 0.2);
+export const aiAuraStartTable = rgba(blue50, 0.15);
 export const aiAuraStart = rgba(blue50, 0.1);
 export const aiAuraEnd = rgba(black, 0);
 export const aiBorderStrong = blue40;
@@ -236,6 +238,9 @@ export const aiAuraHoverEnd = rgba(black, 0);
 export const slugCalloutShadowOuter01 = rgba(blue80, 0.25);
 export const slugCalloutShadowOuter02 = rgba(black, 0.65);
 
+// AI Modal tokens
+export const aiOverlay = rgba(blue100, 0.5);
+
 //// Not used in phase 2 / possibly remove?
 export const slugCalloutGradientTop = rgba(gray100, 0.85);
 export const slugCalloutGradientBottom = rgba(gray90, 0.85);
@@ -268,9 +273,9 @@ export const chatPromptBorderEnd = rgba(gray90, 0);
 export const chatBubbleUser = gray80;
 export const chatBubbleAgent = gray90;
 export const chatBubbleAgentBorder = gray70;
-export const chatAvatarBot = blue50;
-export const chatAvatarAgent = gray10;
-export const chatAvatarUser = gray10;
+export const chatAvatarBot = gray50;
+export const chatAvatarAgent = gray30;
+export const chatAvatarUser = blue50;
 
 export {
   // Type

package/src/g90.js

@@ -13,6 +13,7 @@ import {
   blue60,
   blue70,
   blue80,
+  blue100,
 
   // Gray
   gray10,
@@ -223,6 +224,7 @@ export const slugHollowHover = gray30Hover;
 //// Phase 2 - new \\\\
 // Shared
 export const aiInnerShadow = rgba(blue50, 0.2);
+export const aiAuraStartTable = rgba(blue50, 0.15);
 export const aiAuraStart = rgba(blue50, 0.1);
 export const aiAuraEnd = rgba(black, 0);
 export const aiBorderStrong = blue40;
@@ -237,6 +239,9 @@ export const aiAuraHoverEnd = rgba(black, 0);
 export const slugCalloutShadowOuter01 = rgba(blue80, 0.25);
 export const slugCalloutShadowOuter02 = rgba(black, 0.65);
 
+// AI Modal tokens
+export const aiOverlay = rgba(blue100, 0.5);
+
 //// Not used in phase 2 / possibly remove?
 export const slugCalloutGradientTop = rgba(gray100, 0.85);
 export const slugCalloutGradientBottom = rgba(gray90, 0.85);
@@ -269,9 +274,9 @@ export const chatPromptBorderEnd = rgba(gray90, 0);
 export const chatBubbleUser = gray80;
 export const chatBubbleAgent = gray90;
 export const chatBubbleAgentBorder = gray70;
-export const chatAvatarBot = blue50;
-export const chatAvatarAgent = gray10;
-export const chatAvatarUser = gray10;
+export const chatAvatarBot = gray50;
+export const chatAvatarAgent = gray30;
+export const chatAvatarUser = blue50;
 
 export {
   // Type

package/src/tokens/v11TokenGroup.js

@@ -373,6 +373,7 @@ export const ai = TokenGroup.create({
     // Linear gradient refactor
     'ai-inner-shadow',
     'ai-aura-start',
+    'ai-aura-start-table',
     'ai-aura-end',
     'ai-aura-hover-background',
     'ai-aura-hover-start',
@@ -381,6 +382,7 @@ export const ai = TokenGroup.create({
     'ai-border-start',
     'ai-border-end',
     'ai-drop-shadow',
+    'ai-overlay',
     // Caret tokens
     'slug-callout-caret-center',
     'slug-callout-caret-bottom',

package/src/white.js

@@ -13,6 +13,7 @@ import {
   blue40,
   blue60,
   blue70,
+  blue100,
 
   // CoolGray
   coolGray10,
@@ -217,6 +218,7 @@ export const slugHollowHover = gray80Hover;
 //// Phase 2 - new \\\\
 // Shared
 export const aiInnerShadow = rgba(blue50, 0.2);
+export const aiAuraStartTable = rgba(blue50, 0.15);
 export const aiAuraStart = rgba(blue50, 0.1);
 export const aiAuraEnd = rgba(white, 0);
 export const aiBorderStrong = blue50;
@@ -231,6 +233,9 @@ export const aiAuraHoverEnd = rgba(white, 0);
 export const slugCalloutShadowOuter01 = rgba(blue70, 0.25);
 export const slugCalloutShadowOuter02 = rgba(black, 0.1);
 
+// AI Modal tokens
+export const aiOverlay = rgba(blue100, 0.5);
+
 //// Not used in phase 2 / possibly remove?
 export const slugCalloutGradientTop = rgba(gray10, 0.85);
 export const slugCalloutGradientBottom = rgba(gray20, 0.85);
@@ -263,9 +268,9 @@ export const chatPromptBorderEnd = rgba(gray10, 0);
 export const chatBubbleUser = gray20;
 export const chatBubbleAgent = white;
 export const chatBubbleAgentBorder = gray20;
-export const chatAvatarBot = blue60;
-export const chatAvatarAgent = gray100;
-export const chatAvatarUser = gray100;
+export const chatAvatarBot = gray60;
+export const chatAvatarAgent = gray80;
+export const chatAvatarUser = blue60;
 
 // Type
 export {

package/umd/index.js

@@ -697,6 +697,7 @@
   //// Phase 2 - new \\\\
   // Shared
   var aiInnerShadow$3 = colors$1.rgba(colors$1.blue50, 0.2);
+  var aiAuraStartTable$3 = colors$1.rgba(colors$1.blue50, 0.15);
   var aiAuraStart$3 = colors$1.rgba(colors$1.blue50, 0.1);
   var aiAuraEnd$3 = colors$1.rgba(colors$1.white, 0);
   var aiBorderStrong$3 = colors$1.blue50;
@@ -711,6 +712,9 @@
   var slugCalloutShadowOuter01$3 = colors$1.rgba(colors$1.blue70, 0.25);
   var slugCalloutShadowOuter02$3 = colors$1.rgba(colors$1.black, 0.1);
 
+  // AI Modal tokens
+  var aiOverlay$3 = colors$1.rgba(colors$1.blue100, 0.5);
+
   //// Not used in phase 2 / possibly remove?
   var slugCalloutGradientTop$3 = colors$1.rgba(colors$1.gray10, 0.85);
   var slugCalloutGradientBottom$3 = colors$1.rgba(colors$1.gray20, 0.85);
@@ -743,9 +747,9 @@
   var chatBubbleUser$3 = colors$1.gray20;
   var chatBubbleAgent$3 = colors$1.white;
   var chatBubbleAgentBorder$3 = colors$1.gray20;
-  var chatAvatarBot$3 = colors$1.blue60;
-  var chatAvatarAgent$3 = colors$1.gray100;
-  var chatAvatarUser$3 = colors$1.gray100;
+  var chatAvatarBot$3 = colors$1.gray60;
+  var chatAvatarAgent$3 = colors$1.gray80;
+  var chatAvatarUser$3 = colors$1.blue60;
 
   var white$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -855,6 +859,7 @@
     slugGradientHover: slugGradientHover$3,
     slugHollowHover: slugHollowHover$3,
     aiInnerShadow: aiInnerShadow$3,
+    aiAuraStartTable: aiAuraStartTable$3,
     aiAuraStart: aiAuraStart$3,
     aiAuraEnd: aiAuraEnd$3,
     aiBorderStrong: aiBorderStrong$3,
@@ -866,6 +871,7 @@
     aiAuraHoverEnd: aiAuraHoverEnd$3,
     slugCalloutShadowOuter01: slugCalloutShadowOuter01$3,
     slugCalloutShadowOuter02: slugCalloutShadowOuter02$3,
+    aiOverlay: aiOverlay$3,
     slugCalloutGradientTop: slugCalloutGradientTop$3,
     slugCalloutGradientBottom: slugCalloutGradientBottom$3,
     aiGradientStart01: aiGradientStart01$3,
@@ -1144,6 +1150,7 @@
   //// Phase 2 - new \\\\
   // Shared
   var aiInnerShadow$2 = colors$1.rgba(colors$1.blue50, 0.2);
+  var aiAuraStartTable$2 = colors$1.rgba(colors$1.blue50, 0.15);
   var aiAuraStart$2 = colors$1.rgba(colors$1.blue50, 0.1);
   var aiAuraEnd$2 = colors$1.rgba(colors$1.white, 0);
   var aiBorderStrong$2 = colors$1.blue50;
@@ -1158,6 +1165,9 @@
   var slugCalloutShadowOuter01$2 = colors$1.rgba(colors$1.blue70, 0.25);
   var slugCalloutShadowOuter02$2 = colors$1.rgba(colors$1.black, 0.1);
 
+  // AI Modal tokens
+  var aiOverlay$2 = colors$1.rgba(colors$1.blue100, 0.5);
+
   //// Not used in phase 2 / possibly remove?
   var slugCalloutGradientTop$2 = colors$1.rgba(colors$1.gray10, 0.85);
   var slugCalloutGradientBottom$2 = colors$1.rgba(colors$1.gray20, 0.85);
@@ -1190,9 +1200,9 @@
   var chatBubbleUser$2 = colors$1.gray20;
   var chatBubbleAgent$2 = colors$1.white;
   var chatBubbleAgentBorder$2 = colors$1.gray20;
-  var chatAvatarBot$2 = colors$1.blue60;
-  var chatAvatarAgent$2 = colors$1.gray100;
-  var chatAvatarUser$2 = colors$1.gray100;
+  var chatAvatarBot$2 = colors$1.gray60;
+  var chatAvatarAgent$2 = colors$1.gray80;
+  var chatAvatarUser$2 = colors$1.blue60;
 
   var g10$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -1302,6 +1312,7 @@
     slugGradientHover: slugGradientHover$2,
     slugHollowHover: slugHollowHover$2,
     aiInnerShadow: aiInnerShadow$2,
+    aiAuraStartTable: aiAuraStartTable$2,
     aiAuraStart: aiAuraStart$2,
     aiAuraEnd: aiAuraEnd$2,
     aiBorderStrong: aiBorderStrong$2,
@@ -1313,6 +1324,7 @@
     aiAuraHoverEnd: aiAuraHoverEnd$2,
     slugCalloutShadowOuter01: slugCalloutShadowOuter01$2,
     slugCalloutShadowOuter02: slugCalloutShadowOuter02$2,
+    aiOverlay: aiOverlay$2,
     slugCalloutGradientTop: slugCalloutGradientTop$2,
     slugCalloutGradientBottom: slugCalloutGradientBottom$2,
     aiGradientStart01: aiGradientStart01$2,
@@ -1591,6 +1603,7 @@
   //// Phase 2 - new \\\\
   // Shared
   var aiInnerShadow$1 = colors$1.rgba(colors$1.blue50, 0.2);
+  var aiAuraStartTable$1 = colors$1.rgba(colors$1.blue50, 0.15);
   var aiAuraStart$1 = colors$1.rgba(colors$1.blue50, 0.1);
   var aiAuraEnd$1 = colors$1.rgba(colors$1.black, 0);
   var aiBorderStrong$1 = colors$1.blue40;
@@ -1605,6 +1618,9 @@
   var slugCalloutShadowOuter01$1 = colors$1.rgba(colors$1.blue80, 0.25);
   var slugCalloutShadowOuter02$1 = colors$1.rgba(colors$1.black, 0.65);
 
+  // AI Modal tokens
+  var aiOverlay$1 = colors$1.rgba(colors$1.blue100, 0.5);
+
   //// Not used in phase 2 / possibly remove?
   var slugCalloutGradientTop$1 = colors$1.rgba(colors$1.gray100, 0.85);
   var slugCalloutGradientBottom$1 = colors$1.rgba(colors$1.gray90, 0.85);
@@ -1637,9 +1653,9 @@
   var chatBubbleUser$1 = colors$1.gray80;
   var chatBubbleAgent$1 = colors$1.gray90;
   var chatBubbleAgentBorder$1 = colors$1.gray70;
-  var chatAvatarBot$1 = colors$1.blue50;
-  var chatAvatarAgent$1 = colors$1.gray10;
-  var chatAvatarUser$1 = colors$1.gray10;
+  var chatAvatarBot$1 = colors$1.gray50;
+  var chatAvatarAgent$1 = colors$1.gray30;
+  var chatAvatarUser$1 = colors$1.blue50;
 
   var g90$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -1749,6 +1765,7 @@
     slugGradientHover: slugGradientHover$1,
     slugHollowHover: slugHollowHover$1,
     aiInnerShadow: aiInnerShadow$1,
+    aiAuraStartTable: aiAuraStartTable$1,
     aiAuraStart: aiAuraStart$1,
     aiAuraEnd: aiAuraEnd$1,
     aiBorderStrong: aiBorderStrong$1,
@@ -1760,6 +1777,7 @@
     aiAuraHoverEnd: aiAuraHoverEnd$1,
     slugCalloutShadowOuter01: slugCalloutShadowOuter01$1,
     slugCalloutShadowOuter02: slugCalloutShadowOuter02$1,
+    aiOverlay: aiOverlay$1,
     slugCalloutGradientTop: slugCalloutGradientTop$1,
     slugCalloutGradientBottom: slugCalloutGradientBottom$1,
     aiGradientStart01: aiGradientStart01$1,
@@ -2038,6 +2056,7 @@
   //// Phase 2 - new \\\\
   // Shared
   var aiInnerShadow = colors$1.rgba(colors$1.blue50, 0.2);
+  var aiAuraStartTable = colors$1.rgba(colors$1.blue50, 0.15);
   var aiAuraStart = colors$1.rgba(colors$1.blue50, 0.1);
   var aiAuraEnd = colors$1.rgba(colors$1.black, 0);
   var aiBorderStrong = colors$1.blue40;
@@ -2052,6 +2071,9 @@
   var slugCalloutShadowOuter01 = colors$1.rgba(colors$1.blue80, 0.25);
   var slugCalloutShadowOuter02 = colors$1.rgba(colors$1.black, 0.65);
 
+  // AI Modal tokens
+  var aiOverlay = colors$1.rgba(colors$1.blue100, 0.5);
+
   //// Not used in phase 2 / possibly remove?
   var slugCalloutGradientTop = colors$1.rgba(colors$1.gray100, 0.85);
   var slugCalloutGradientBottom = colors$1.rgba(colors$1.gray90, 0.85);
@@ -2084,9 +2106,9 @@
   var chatBubbleUser = colors$1.gray80;
   var chatBubbleAgent = colors$1.gray90;
   var chatBubbleAgentBorder = colors$1.gray70;
-  var chatAvatarBot = colors$1.blue50;
-  var chatAvatarAgent = colors$1.gray10;
-  var chatAvatarUser = colors$1.gray10;
+  var chatAvatarBot = colors$1.gray50;
+  var chatAvatarAgent = colors$1.gray30;
+  var chatAvatarUser = colors$1.blue50;
 
   var g100$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -2196,6 +2218,7 @@
     slugGradientHover: slugGradientHover,
     slugHollowHover: slugHollowHover,
     aiInnerShadow: aiInnerShadow,
+    aiAuraStartTable: aiAuraStartTable,
     aiAuraStart: aiAuraStart,
     aiAuraEnd: aiAuraEnd,
     aiBorderStrong: aiBorderStrong,
@@ -2207,6 +2230,7 @@
     aiAuraHoverEnd: aiAuraHoverEnd,
     slugCalloutShadowOuter01: slugCalloutShadowOuter01,
     slugCalloutShadowOuter02: slugCalloutShadowOuter02,
+    aiOverlay: aiOverlay,
     slugCalloutGradientTop: slugCalloutGradientTop,
     slugCalloutGradientBottom: slugCalloutGradientBottom,
     aiGradientStart01: aiGradientStart01,
@@ -5137,7 +5161,7 @@
     // Phase 2
     'slug-callout-shadow-outer-01', 'slug-callout-shadow-outer-02',
     // Linear gradient refactor
-    'ai-inner-shadow', 'ai-aura-start', 'ai-aura-end', 'ai-aura-hover-background', 'ai-aura-hover-start', 'ai-aura-hover-end', 'ai-border-strong', 'ai-border-start', 'ai-border-end', 'ai-drop-shadow',
+    'ai-inner-shadow', 'ai-aura-start', 'ai-aura-start-table', 'ai-aura-end', 'ai-aura-hover-background', 'ai-aura-hover-start', 'ai-aura-hover-end', 'ai-border-strong', 'ai-border-start', 'ai-border-end', 'ai-drop-shadow', 'ai-overlay',
     // Caret tokens
     'slug-callout-caret-center', 'slug-callout-caret-bottom', 'slug-callout-caret-bottom-background', 'slug-callout-caret-bottom-background-actions',
     // Chat tokens
@@ -5586,6 +5610,7 @@
   exports.aiAuraHoverEnd = aiAuraHoverEnd$3;
   exports.aiAuraHoverStart = aiAuraHoverStart$3;
   exports.aiAuraStart = aiAuraStart$3;
+  exports.aiAuraStartTable = aiAuraStartTable$3;
   exports.aiBorderEnd = aiBorderEnd$3;
   exports.aiBorderStart = aiBorderStart$3;
   exports.aiBorderStrong = aiBorderStrong$3;
@@ -5594,6 +5619,7 @@
   exports.aiGradientStart01 = aiGradientStart01$3;
   exports.aiGradientStart02 = aiGradientStart02$3;
   exports.aiInnerShadow = aiInnerShadow$3;
+  exports.aiOverlay = aiOverlay$3;
   exports.background = background$8;
   exports.backgroundActive = backgroundActive$7;
   exports.backgroundBrand = backgroundBrand$7;