@carbon/themes 11.29.0 → 11.30.0-rc.0

package/umd/index.js

@@ -693,6 +693,32 @@
   var slugBackgroundHover$3 = colors$1.gray60;
   var slugGradientHover$3 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").concat(colors$1.gray20Hover, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
   var slugHollowHover$3 = colors$1.gray80Hover;
+
+  //// Phase 2 - new \\\\
+  // Shared
+  var aiInnerShadow$3 = colors$1.rgba(colors$1.blue50, 0.2);
+  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;
+  var aiBorderStart$3 = colors$1.blue40;
+  var aiBorderEnd$3 = colors$1.blue20;
+  var aiDropShadow$3 = colors$1.rgba(colors$1.blue60, 0.32);
+  var aiAuraHoverBackground$3 = colors$1.blue10;
+  var aiAuraHoverStart$3 = colors$1.rgba(colors$1.blue50, 0.4);
+  var aiAuraHoverEnd$3 = colors$1.rgba(colors$1.white, 0);
+
+  // Callout
+  var slugCalloutShadowOuter01$3 = colors$1.rgba(colors$1.blue70, 0.25);
+  var slugCalloutShadowOuter02$3 = colors$1.rgba(colors$1.black, 0.1);
+
+  //// 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);
+  var aiGradientStart01$3 = colors$1.rgba(colors$1.coolGray10, 0.5);
+  var aiGradientStart02$3 = colors$1.rgba(colors$1.blue10, 0.5);
+  var aiGradientEnd$3 = colors$1.rgba(colors$1.white, 0);
+  var slugCalloutAuraStart$3 = aiAuraStart$3;
+  var slugCalloutAuraEnd$3 = aiAuraEnd$3;
   var slugCalloutGradientTopHover$3 = colors$1.rgba(colors$1.gray20, 0.55);
   var slugCalloutGradientBottomHover$3 = colors$1.rgba(colors$1.gray20Hover, 0.55);
   var slugCalloutAuraStartHover01$3 = colors$1.rgba(colors$1.white, 0.5);
@@ -703,25 +729,6 @@
   var slugCalloutGradientBottomSelected$3 = colors$1.rgba(colors$1.gray20Hover, 0.85);
   var slugCalloutAuraStartSelected$3 = colors$1.rgba(colors$1.blue10, 0.6);
   var slugCalloutAuraEndSelected$3 = colors$1.rgba(colors$1.white, 0);
-  // Linear gradient tokens
-  var aiGradientStart01$3 = colors$1.rgba(colors$1.coolGray10, 0.5);
-  var aiGradientStart02$3 = colors$1.rgba(colors$1.blue10, 0.5);
-  var aiGradientEnd$3 = colors$1.rgba(colors$1.white, 0);
-
-  // Phase 2 - new
-  var slugCalloutShadowInner$3 = colors$1.rgba(colors$1.blue50, 0.2);
-  var slugCalloutShadowOuter01$3 = colors$1.rgba(colors$1.blue70, 0.25);
-  var slugCalloutShadowOuter02$3 = colors$1.rgba(colors$1.black, 0.1);
-  var slugCalloutBorder01$3 = colors$1.blue40;
-  var slugCalloutBorder02$3 = colors$1.blue20;
-
-  // Changed
-  var slugCalloutAuraStart$3 = colors$1.rgba(colors$1.blue50, 0.1);
-  var slugCalloutAuraEnd$3 = colors$1.rgba(colors$1.white, 0);
-
-  // 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);
 
   // One off tokens for caret
   var slugCalloutCaretCenter$3 = '#A7C7FF';
@@ -729,6 +736,17 @@
   var slugCalloutCaretBottomBackgroundActions$3 = '#DAE5F8';
   var slugCalloutCaretBottomBackground$3 = '#D5E5FF';
 
+  // Chat tokens
+  var chatPromptBackground$3 = colors$1.white;
+  var chatPromptBorderStart$3 = colors$1.gray10;
+  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 white$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     background: background$8,
@@ -836,6 +854,25 @@
     slugBackgroundHover: slugBackgroundHover$3,
     slugGradientHover: slugGradientHover$3,
     slugHollowHover: slugHollowHover$3,
+    aiInnerShadow: aiInnerShadow$3,
+    aiAuraStart: aiAuraStart$3,
+    aiAuraEnd: aiAuraEnd$3,
+    aiBorderStrong: aiBorderStrong$3,
+    aiBorderStart: aiBorderStart$3,
+    aiBorderEnd: aiBorderEnd$3,
+    aiDropShadow: aiDropShadow$3,
+    aiAuraHoverBackground: aiAuraHoverBackground$3,
+    aiAuraHoverStart: aiAuraHoverStart$3,
+    aiAuraHoverEnd: aiAuraHoverEnd$3,
+    slugCalloutShadowOuter01: slugCalloutShadowOuter01$3,
+    slugCalloutShadowOuter02: slugCalloutShadowOuter02$3,
+    slugCalloutGradientTop: slugCalloutGradientTop$3,
+    slugCalloutGradientBottom: slugCalloutGradientBottom$3,
+    aiGradientStart01: aiGradientStart01$3,
+    aiGradientStart02: aiGradientStart02$3,
+    aiGradientEnd: aiGradientEnd$3,
+    slugCalloutAuraStart: slugCalloutAuraStart$3,
+    slugCalloutAuraEnd: slugCalloutAuraEnd$3,
     slugCalloutGradientTopHover: slugCalloutGradientTopHover$3,
     slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$3,
     slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$3,
@@ -846,22 +883,19 @@
     slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$3,
     slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$3,
     slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$3,
-    aiGradientStart01: aiGradientStart01$3,
-    aiGradientStart02: aiGradientStart02$3,
-    aiGradientEnd: aiGradientEnd$3,
-    slugCalloutShadowInner: slugCalloutShadowInner$3,
-    slugCalloutShadowOuter01: slugCalloutShadowOuter01$3,
-    slugCalloutShadowOuter02: slugCalloutShadowOuter02$3,
-    slugCalloutBorder01: slugCalloutBorder01$3,
-    slugCalloutBorder02: slugCalloutBorder02$3,
-    slugCalloutAuraStart: slugCalloutAuraStart$3,
-    slugCalloutAuraEnd: slugCalloutAuraEnd$3,
-    slugCalloutGradientTop: slugCalloutGradientTop$3,
-    slugCalloutGradientBottom: slugCalloutGradientBottom$3,
     slugCalloutCaretCenter: slugCalloutCaretCenter$3,
     slugCalloutCaretBottom: slugCalloutCaretBottom$3,
     slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$3,
     slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground$3,
+    chatPromptBackground: chatPromptBackground$3,
+    chatPromptBorderStart: chatPromptBorderStart$3,
+    chatPromptBorderEnd: chatPromptBorderEnd$3,
+    chatBubbleUser: chatBubbleUser$3,
+    chatBubbleAgent: chatBubbleAgent$3,
+    chatBubbleAgentBorder: chatBubbleAgentBorder$3,
+    chatAvatarBot: chatAvatarBot$3,
+    chatAvatarAgent: chatAvatarAgent$3,
+    chatAvatarUser: chatAvatarUser$3,
     caption01: type$2.caption01,
     caption02: type$2.caption02,
     label01: type$2.label01,
@@ -1106,6 +1140,32 @@
   var slugBackgroundHover$2 = colors$1.gray60;
   var slugGradientHover$2 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").concat(colors$1.gray20Hover, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
   var slugHollowHover$2 = colors$1.gray80Hover;
+
+  //// Phase 2 - new \\\\
+  // Shared
+  var aiInnerShadow$2 = colors$1.rgba(colors$1.blue50, 0.2);
+  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;
+  var aiBorderStart$2 = colors$1.blue40;
+  var aiBorderEnd$2 = colors$1.blue20;
+  var aiDropShadow$2 = colors$1.rgba(colors$1.blue60, 0.32);
+  var aiAuraHoverBackground$2 = colors$1.blue10;
+  var aiAuraHoverStart$2 = colors$1.rgba(colors$1.blue50, 0.4);
+  var aiAuraHoverEnd$2 = colors$1.rgba(colors$1.white, 0);
+
+  // Callout
+  var slugCalloutShadowOuter01$2 = colors$1.rgba(colors$1.blue70, 0.25);
+  var slugCalloutShadowOuter02$2 = colors$1.rgba(colors$1.black, 0.1);
+
+  //// 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);
+  var aiGradientStart01$2 = colors$1.rgba(colors$1.coolGray10, 0.5);
+  var aiGradientStart02$2 = colors$1.rgba(colors$1.blue10, 0.5);
+  var aiGradientEnd$2 = colors$1.rgba(colors$1.white, 0);
+  var slugCalloutAuraStart$2 = aiAuraStart$2;
+  var slugCalloutAuraEnd$2 = aiAuraEnd$2;
   var slugCalloutGradientTopHover$2 = colors$1.rgba(colors$1.gray20, 0.55);
   var slugCalloutGradientBottomHover$2 = colors$1.rgba(colors$1.gray20Hover, 0.55);
   var slugCalloutAuraStartHover01$2 = colors$1.rgba(colors$1.white, 0.5);
@@ -1116,25 +1176,6 @@
   var slugCalloutGradientBottomSelected$2 = colors$1.rgba(colors$1.gray20Hover, 0.85);
   var slugCalloutAuraStartSelected$2 = colors$1.rgba(colors$1.blue10, 0.6);
   var slugCalloutAuraEndSelected$2 = colors$1.rgba(colors$1.white, 0);
-  // Linear gradient tokens
-  var aiGradientStart01$2 = colors$1.rgba(colors$1.coolGray10, 0.5);
-  var aiGradientStart02$2 = colors$1.rgba(colors$1.blue10, 0.5);
-  var aiGradientEnd$2 = colors$1.rgba(colors$1.white, 0);
-
-  // Phase 2 - new
-  var slugCalloutShadowInner$2 = colors$1.rgba(colors$1.blue50, 0.2);
-  var slugCalloutShadowOuter01$2 = colors$1.rgba(colors$1.blue70, 0.25);
-  var slugCalloutShadowOuter02$2 = colors$1.rgba(colors$1.black, 0.1);
-  var slugCalloutBorder01$2 = colors$1.blue40;
-  var slugCalloutBorder02$2 = colors$1.blue20;
-
-  // Changed
-  var slugCalloutAuraStart$2 = colors$1.rgba(colors$1.blue50, 0.1);
-  var slugCalloutAuraEnd$2 = colors$1.rgba(colors$1.white, 0);
-
-  // 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);
 
   // One off tokens for caret
   var slugCalloutCaretCenter$2 = '#A7C7FF';
@@ -1142,6 +1183,17 @@
   var slugCalloutCaretBottomBackgroundActions$2 = '#D2DCEE';
   var slugCalloutCaretBottomBackground$2 = '#CCDBF8';
 
+  // Chat tokens
+  var chatPromptBackground$2 = colors$1.white;
+  var chatPromptBorderStart$2 = colors$1.gray10;
+  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 g10$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     background: background$7,
@@ -1249,6 +1301,25 @@
     slugBackgroundHover: slugBackgroundHover$2,
     slugGradientHover: slugGradientHover$2,
     slugHollowHover: slugHollowHover$2,
+    aiInnerShadow: aiInnerShadow$2,
+    aiAuraStart: aiAuraStart$2,
+    aiAuraEnd: aiAuraEnd$2,
+    aiBorderStrong: aiBorderStrong$2,
+    aiBorderStart: aiBorderStart$2,
+    aiBorderEnd: aiBorderEnd$2,
+    aiDropShadow: aiDropShadow$2,
+    aiAuraHoverBackground: aiAuraHoverBackground$2,
+    aiAuraHoverStart: aiAuraHoverStart$2,
+    aiAuraHoverEnd: aiAuraHoverEnd$2,
+    slugCalloutShadowOuter01: slugCalloutShadowOuter01$2,
+    slugCalloutShadowOuter02: slugCalloutShadowOuter02$2,
+    slugCalloutGradientTop: slugCalloutGradientTop$2,
+    slugCalloutGradientBottom: slugCalloutGradientBottom$2,
+    aiGradientStart01: aiGradientStart01$2,
+    aiGradientStart02: aiGradientStart02$2,
+    aiGradientEnd: aiGradientEnd$2,
+    slugCalloutAuraStart: slugCalloutAuraStart$2,
+    slugCalloutAuraEnd: slugCalloutAuraEnd$2,
     slugCalloutGradientTopHover: slugCalloutGradientTopHover$2,
     slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$2,
     slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$2,
@@ -1259,22 +1330,19 @@
     slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$2,
     slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$2,
     slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$2,
-    aiGradientStart01: aiGradientStart01$2,
-    aiGradientStart02: aiGradientStart02$2,
-    aiGradientEnd: aiGradientEnd$2,
-    slugCalloutShadowInner: slugCalloutShadowInner$2,
-    slugCalloutShadowOuter01: slugCalloutShadowOuter01$2,
-    slugCalloutShadowOuter02: slugCalloutShadowOuter02$2,
-    slugCalloutBorder01: slugCalloutBorder01$2,
-    slugCalloutBorder02: slugCalloutBorder02$2,
-    slugCalloutAuraStart: slugCalloutAuraStart$2,
-    slugCalloutAuraEnd: slugCalloutAuraEnd$2,
-    slugCalloutGradientTop: slugCalloutGradientTop$2,
-    slugCalloutGradientBottom: slugCalloutGradientBottom$2,
     slugCalloutCaretCenter: slugCalloutCaretCenter$2,
     slugCalloutCaretBottom: slugCalloutCaretBottom$2,
     slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$2,
     slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground$2,
+    chatPromptBackground: chatPromptBackground$2,
+    chatPromptBorderStart: chatPromptBorderStart$2,
+    chatPromptBorderEnd: chatPromptBorderEnd$2,
+    chatBubbleUser: chatBubbleUser$2,
+    chatBubbleAgent: chatBubbleAgent$2,
+    chatBubbleAgentBorder: chatBubbleAgentBorder$2,
+    chatAvatarBot: chatAvatarBot$2,
+    chatAvatarAgent: chatAvatarAgent$2,
+    chatAvatarUser: chatAvatarUser$2,
     caption01: type$2.caption01,
     caption02: type$2.caption02,
     label01: type$2.label01,
@@ -1519,6 +1587,32 @@
   var slugBackgroundHover$1 = colors$1.gray20;
   var slugGradientHover$1 = "".concat(colors$1.gray40, " linear-gradient(135deg, ").concat(colors$1.white, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
   var slugHollowHover$1 = colors$1.gray30Hover;
+
+  //// Phase 2 - new \\\\
+  // Shared
+  var aiInnerShadow$1 = colors$1.rgba(colors$1.blue50, 0.2);
+  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;
+  var aiBorderStart$1 = colors$1.blue50;
+  var aiBorderEnd$1 = colors$1.rgba(colors$1.blue30, 0.24);
+  var aiDropShadow$1 = colors$1.rgba(colors$1.blue60, 0.32);
+  var aiAuraHoverBackground$1 = layerHover01$1;
+  var aiAuraHoverStart$1 = colors$1.rgba(colors$1.blue50, 0.4);
+  var aiAuraHoverEnd$1 = colors$1.rgba(colors$1.black, 0);
+
+  // Callout
+  var slugCalloutShadowOuter01$1 = colors$1.rgba(colors$1.blue80, 0.25);
+  var slugCalloutShadowOuter02$1 = colors$1.rgba(colors$1.black, 0.65);
+
+  //// 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);
+  var aiGradientStart01$1 = colors$1.rgba(colors$1.blue20, 0.2);
+  var aiGradientStart02$1 = 'transparent';
+  var aiGradientEnd$1 = 'rgba(38, 38, 38, 0)';
+  var slugCalloutAuraStart$1 = aiAuraStart$1;
+  var slugCalloutAuraEnd$1 = aiAuraEnd$1;
   var slugCalloutGradientTopHover$1 = colors$1.rgba(colors$1.gray80, 0.55);
   var slugCalloutGradientBottomHover$1 = colors$1.rgba(colors$1.gray80Hover, 0.55);
   var slugCalloutAuraStartHover01$1 = colors$1.rgba(colors$1.blue20Hover, 0.3);
@@ -1529,25 +1623,6 @@
   var slugCalloutGradientBottomSelected$1 = colors$1.rgba(colors$1.gray80Hover, 0.85);
   var slugCalloutAuraStartSelected$1 = colors$1.rgba(colors$1.blue20, 0.2);
   var slugCalloutAuraEndSelected$1 = colors$1.rgba(colors$1.gray100, 0);
-  // Linear gradient tokens
-  var aiGradientStart01$1 = colors$1.rgba(colors$1.blue20, 0.2);
-  var aiGradientStart02$1 = 'transparent';
-  var aiGradientEnd$1 = 'rgba(38, 38, 38, 0)';
-
-  // Phase 2 - new
-  var slugCalloutShadowInner$1 = colors$1.rgba(colors$1.blue50, 0.2);
-  var slugCalloutShadowOuter01$1 = colors$1.rgba(colors$1.blue80, 0.25);
-  var slugCalloutShadowOuter02$1 = colors$1.rgba(colors$1.black, 0.65);
-  var slugCalloutBorder01$1 = colors$1.blue50;
-  var slugCalloutBorder02$1 = colors$1.rgba(colors$1.blue30, 0.25);
-
-  // Changed
-  var slugCalloutAuraStart$1 = colors$1.rgba(colors$1.blue50, 0.1);
-  var slugCalloutAuraEnd$1 = colors$1.rgba(colors$1.white, 0);
-
-  // 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);
 
   // One off tokens for caret
   var slugCalloutCaretCenter$1 = '#456FB5';
@@ -1555,6 +1630,17 @@
   var slugCalloutCaretBottomBackgroundActions$1 = '#253042';
   var slugCalloutCaretBottomBackground$1 = '#2D3F5C';
 
+  // Chat tokens
+  var chatPromptBackground$1 = colors$1.gray100;
+  var chatPromptBorderStart$1 = colors$1.gray90;
+  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 g90$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     background: background$6,
@@ -1662,6 +1748,25 @@
     slugBackgroundHover: slugBackgroundHover$1,
     slugGradientHover: slugGradientHover$1,
     slugHollowHover: slugHollowHover$1,
+    aiInnerShadow: aiInnerShadow$1,
+    aiAuraStart: aiAuraStart$1,
+    aiAuraEnd: aiAuraEnd$1,
+    aiBorderStrong: aiBorderStrong$1,
+    aiBorderStart: aiBorderStart$1,
+    aiBorderEnd: aiBorderEnd$1,
+    aiDropShadow: aiDropShadow$1,
+    aiAuraHoverBackground: aiAuraHoverBackground$1,
+    aiAuraHoverStart: aiAuraHoverStart$1,
+    aiAuraHoverEnd: aiAuraHoverEnd$1,
+    slugCalloutShadowOuter01: slugCalloutShadowOuter01$1,
+    slugCalloutShadowOuter02: slugCalloutShadowOuter02$1,
+    slugCalloutGradientTop: slugCalloutGradientTop$1,
+    slugCalloutGradientBottom: slugCalloutGradientBottom$1,
+    aiGradientStart01: aiGradientStart01$1,
+    aiGradientStart02: aiGradientStart02$1,
+    aiGradientEnd: aiGradientEnd$1,
+    slugCalloutAuraStart: slugCalloutAuraStart$1,
+    slugCalloutAuraEnd: slugCalloutAuraEnd$1,
     slugCalloutGradientTopHover: slugCalloutGradientTopHover$1,
     slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$1,
     slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$1,
@@ -1672,22 +1777,19 @@
     slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$1,
     slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$1,
     slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$1,
-    aiGradientStart01: aiGradientStart01$1,
-    aiGradientStart02: aiGradientStart02$1,
-    aiGradientEnd: aiGradientEnd$1,
-    slugCalloutShadowInner: slugCalloutShadowInner$1,
-    slugCalloutShadowOuter01: slugCalloutShadowOuter01$1,
-    slugCalloutShadowOuter02: slugCalloutShadowOuter02$1,
-    slugCalloutBorder01: slugCalloutBorder01$1,
-    slugCalloutBorder02: slugCalloutBorder02$1,
-    slugCalloutAuraStart: slugCalloutAuraStart$1,
-    slugCalloutAuraEnd: slugCalloutAuraEnd$1,
-    slugCalloutGradientTop: slugCalloutGradientTop$1,
-    slugCalloutGradientBottom: slugCalloutGradientBottom$1,
     slugCalloutCaretCenter: slugCalloutCaretCenter$1,
     slugCalloutCaretBottom: slugCalloutCaretBottom$1,
     slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$1,
     slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground$1,
+    chatPromptBackground: chatPromptBackground$1,
+    chatPromptBorderStart: chatPromptBorderStart$1,
+    chatPromptBorderEnd: chatPromptBorderEnd$1,
+    chatBubbleUser: chatBubbleUser$1,
+    chatBubbleAgent: chatBubbleAgent$1,
+    chatBubbleAgentBorder: chatBubbleAgentBorder$1,
+    chatAvatarBot: chatAvatarBot$1,
+    chatAvatarAgent: chatAvatarAgent$1,
+    chatAvatarUser: chatAvatarUser$1,
     caption01: type$2.caption01,
     caption02: type$2.caption02,
     label01: type$2.label01,
@@ -1932,6 +2034,32 @@
   var slugBackgroundHover = colors$1.gray20;
   var slugGradientHover = "".concat(colors$1.gray40, " linear-gradient(135deg, ").concat(colors$1.white, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
   var slugHollowHover = colors$1.gray30Hover;
+
+  //// Phase 2 - new \\\\
+  // Shared
+  var aiInnerShadow = colors$1.rgba(colors$1.blue50, 0.2);
+  var aiAuraStart = colors$1.rgba(colors$1.blue50, 0.1);
+  var aiAuraEnd = colors$1.rgba(colors$1.black, 0);
+  var aiBorderStrong = colors$1.blue40;
+  var aiBorderStart = colors$1.blue50;
+  var aiBorderEnd = colors$1.rgba(colors$1.blue30, 0.24);
+  var aiDropShadow = colors$1.rgba(colors$1.blue60, 0.32);
+  var aiAuraHoverBackground = layerHover01;
+  var aiAuraHoverStart = colors$1.rgba(colors$1.blue50, 0.4);
+  var aiAuraHoverEnd = colors$1.rgba(colors$1.black, 0);
+
+  // Callout
+  var slugCalloutShadowOuter01 = colors$1.rgba(colors$1.blue80, 0.25);
+  var slugCalloutShadowOuter02 = colors$1.rgba(colors$1.black, 0.65);
+
+  //// 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);
+  var aiGradientStart01 = colors$1.rgba(colors$1.blue20, 0.2);
+  var aiGradientStart02 = 'transparent';
+  var aiGradientEnd = 'rgba(38, 38, 38, 0)';
+  var slugCalloutAuraStart = aiAuraStart;
+  var slugCalloutAuraEnd = aiAuraEnd;
   var slugCalloutGradientTopHover = colors$1.rgba(colors$1.gray80, 0.55);
   var slugCalloutGradientBottomHover = colors$1.rgba(colors$1.gray80Hover, 0.55);
   var slugCalloutAuraStartHover01 = colors$1.rgba(colors$1.blue20Hover, 0.3);
@@ -1942,25 +2070,6 @@
   var slugCalloutGradientBottomSelected = colors$1.rgba(colors$1.gray80Hover, 0.85);
   var slugCalloutAuraStartSelected = colors$1.rgba(colors$1.blue20, 0.2);
   var slugCalloutAuraEndSelected = colors$1.rgba(colors$1.gray100, 0);
-  // Linear gradient tokens
-  var aiGradientStart01 = colors$1.rgba(colors$1.blue20, 0.2);
-  var aiGradientStart02 = 'transparent';
-  var aiGradientEnd = 'rgba(38, 38, 38, 0)';
-
-  // Phase 2 - new
-  var slugCalloutShadowInner = colors$1.rgba(colors$1.blue50, 0.2);
-  var slugCalloutShadowOuter01 = colors$1.rgba(colors$1.blue80, 0.25);
-  var slugCalloutShadowOuter02 = colors$1.rgba(colors$1.black, 0.65);
-  var slugCalloutBorder01 = colors$1.blue50;
-  var slugCalloutBorder02 = colors$1.rgba(colors$1.blue30, 0.25);
-
-  // Changed
-  var slugCalloutAuraStart = colors$1.rgba(colors$1.blue50, 0.1);
-  var slugCalloutAuraEnd = colors$1.rgba(colors$1.white, 0);
-
-  // 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);
 
   // One off tokens for caret
   var slugCalloutCaretCenter = '#3F68AF';
@@ -1968,6 +2077,17 @@
   var slugCalloutCaretBottomBackgroundActions = '#192436';
   var slugCalloutCaretBottomBackground = '#213250';
 
+  // Chat tokens
+  var chatPromptBackground = colors$1.gray100;
+  var chatPromptBorderStart = colors$1.gray90;
+  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 g100$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     background: background$5,
@@ -2075,6 +2195,25 @@
     slugBackgroundHover: slugBackgroundHover,
     slugGradientHover: slugGradientHover,
     slugHollowHover: slugHollowHover,
+    aiInnerShadow: aiInnerShadow,
+    aiAuraStart: aiAuraStart,
+    aiAuraEnd: aiAuraEnd,
+    aiBorderStrong: aiBorderStrong,
+    aiBorderStart: aiBorderStart,
+    aiBorderEnd: aiBorderEnd,
+    aiDropShadow: aiDropShadow,
+    aiAuraHoverBackground: aiAuraHoverBackground,
+    aiAuraHoverStart: aiAuraHoverStart,
+    aiAuraHoverEnd: aiAuraHoverEnd,
+    slugCalloutShadowOuter01: slugCalloutShadowOuter01,
+    slugCalloutShadowOuter02: slugCalloutShadowOuter02,
+    slugCalloutGradientTop: slugCalloutGradientTop,
+    slugCalloutGradientBottom: slugCalloutGradientBottom,
+    aiGradientStart01: aiGradientStart01,
+    aiGradientStart02: aiGradientStart02,
+    aiGradientEnd: aiGradientEnd,
+    slugCalloutAuraStart: slugCalloutAuraStart,
+    slugCalloutAuraEnd: slugCalloutAuraEnd,
     slugCalloutGradientTopHover: slugCalloutGradientTopHover,
     slugCalloutGradientBottomHover: slugCalloutGradientBottomHover,
     slugCalloutAuraStartHover01: slugCalloutAuraStartHover01,
@@ -2085,22 +2224,19 @@
     slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected,
     slugCalloutAuraStartSelected: slugCalloutAuraStartSelected,
     slugCalloutAuraEndSelected: slugCalloutAuraEndSelected,
-    aiGradientStart01: aiGradientStart01,
-    aiGradientStart02: aiGradientStart02,
-    aiGradientEnd: aiGradientEnd,
-    slugCalloutShadowInner: slugCalloutShadowInner,
-    slugCalloutShadowOuter01: slugCalloutShadowOuter01,
-    slugCalloutShadowOuter02: slugCalloutShadowOuter02,
-    slugCalloutBorder01: slugCalloutBorder01,
-    slugCalloutBorder02: slugCalloutBorder02,
-    slugCalloutAuraStart: slugCalloutAuraStart,
-    slugCalloutAuraEnd: slugCalloutAuraEnd,
-    slugCalloutGradientTop: slugCalloutGradientTop,
-    slugCalloutGradientBottom: slugCalloutGradientBottom,
     slugCalloutCaretCenter: slugCalloutCaretCenter,
     slugCalloutCaretBottom: slugCalloutCaretBottom,
     slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions,
     slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground,
+    chatPromptBackground: chatPromptBackground,
+    chatPromptBorderStart: chatPromptBorderStart,
+    chatPromptBorderEnd: chatPromptBorderEnd,
+    chatBubbleUser: chatBubbleUser,
+    chatBubbleAgent: chatBubbleAgent,
+    chatBubbleAgentBorder: chatBubbleAgentBorder,
+    chatAvatarBot: chatAvatarBot,
+    chatAvatarAgent: chatAvatarAgent,
+    chatAvatarUser: chatAvatarUser,
     caption01: type$2.caption01,
     caption02: type$2.caption02,
     label01: type$2.label01,
@@ -4999,9 +5135,13 @@
     properties: ['background'],
     tokens: ['slug-background', 'slug-gradient', 'slug-background-hover', 'slug-gradient-hover', 'slug-hollow-hover', 'slug-callout-gradient-top', 'slug-callout-gradient-bottom', 'slug-callout-aura-start', 'slug-callout-aura-end', 'slug-callout-gradient-top-hover', 'slug-callout-gradient-bottom-hover', 'slug-callout-aura-start-hover-01', 'slug-callout-aura-start-hover-02', 'slug-callout-aura-end-hover-01', 'slug-callout-aura-end-hover-02', 'slug-callout-gradient-top-selected', 'slug-callout-gradient-bottom-selected', 'slug-callout-aura-start-selected', 'slug-callout-aura-end-selected', 'ai-gradient-start-01', 'ai-gradient-start-02', 'ai-gradient-end',
     // Phase 2
-    'slug-callout-shadow-inner', 'slug-callout-shadow-outer-01', 'slug-callout-shadow-outer-02', 'slug-callout-border-01', 'slug-callout-border-02',
+    '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',
     // Caret tokens
-    'slug-callout-caret-center', 'slug-callout-caret-bottom', 'slug-callout-caret-bottom-background', 'slug-callout-caret-bottom-background-actions']
+    'slug-callout-caret-center', 'slug-callout-caret-bottom', 'slug-callout-caret-bottom-background', 'slug-callout-caret-bottom-background-actions',
+    // Chat tokens
+    'chat-prompt-background', 'chat-prompt-border-start', 'chat-prompt-border-end', 'chat-bubble-user', 'chat-bubble-agent', 'chat-bubble-agent-border', 'chat-avatar-bot', 'chat-avatar-agent', 'chat-avatar-user']
   });
   var group = TokenGroup.create({
     name: 'All',
@@ -5441,9 +5581,19 @@
     enumerable: true,
     get: function () { return layout$2.spacing13; }
   });
+  exports.aiAuraEnd = aiAuraEnd$3;
+  exports.aiAuraHoverBackground = aiAuraHoverBackground$3;
+  exports.aiAuraHoverEnd = aiAuraHoverEnd$3;
+  exports.aiAuraHoverStart = aiAuraHoverStart$3;
+  exports.aiAuraStart = aiAuraStart$3;
+  exports.aiBorderEnd = aiBorderEnd$3;
+  exports.aiBorderStart = aiBorderStart$3;
+  exports.aiBorderStrong = aiBorderStrong$3;
+  exports.aiDropShadow = aiDropShadow$3;
   exports.aiGradientEnd = aiGradientEnd$3;
   exports.aiGradientStart01 = aiGradientStart01$3;
   exports.aiGradientStart02 = aiGradientStart02$3;
+  exports.aiInnerShadow = aiInnerShadow$3;
   exports.background = background$8;
   exports.backgroundActive = backgroundActive$7;
   exports.backgroundBrand = backgroundBrand$7;
@@ -5469,6 +5619,15 @@
   exports.borderTile02 = borderTile02$3;
   exports.borderTile03 = borderTile03$3;
   exports.buttonTokens = index$2;
+  exports.chatAvatarAgent = chatAvatarAgent$3;
+  exports.chatAvatarBot = chatAvatarBot$3;
+  exports.chatAvatarUser = chatAvatarUser$3;
+  exports.chatBubbleAgent = chatBubbleAgent$3;
+  exports.chatBubbleAgentBorder = chatBubbleAgentBorder$3;
+  exports.chatBubbleUser = chatBubbleUser$3;
+  exports.chatPromptBackground = chatPromptBackground$3;
+  exports.chatPromptBorderEnd = chatPromptBorderEnd$3;
+  exports.chatPromptBorderStart = chatPromptBorderStart$3;
   exports.field01 = field01$7;
   exports.field02 = field02$7;
   exports.field03 = field03$3;
@@ -5539,8 +5698,6 @@
   exports.slugCalloutAuraStartHover01 = slugCalloutAuraStartHover01$3;
   exports.slugCalloutAuraStartHover02 = slugCalloutAuraStartHover02$3;
   exports.slugCalloutAuraStartSelected = slugCalloutAuraStartSelected$3;
-  exports.slugCalloutBorder01 = slugCalloutBorder01$3;
-  exports.slugCalloutBorder02 = slugCalloutBorder02$3;
   exports.slugCalloutCaretBottom = slugCalloutCaretBottom$3;
   exports.slugCalloutCaretBottomBackground = slugCalloutCaretBottomBackground$3;
   exports.slugCalloutCaretBottomBackgroundActions = slugCalloutCaretBottomBackgroundActions$3;
@@ -5551,7 +5708,6 @@
   exports.slugCalloutGradientTop = slugCalloutGradientTop$3;
   exports.slugCalloutGradientTopHover = slugCalloutGradientTopHover$3;
   exports.slugCalloutGradientTopSelected = slugCalloutGradientTopSelected$3;
-  exports.slugCalloutShadowInner = slugCalloutShadowInner$3;
   exports.slugCalloutShadowOuter01 = slugCalloutShadowOuter01$3;
   exports.slugCalloutShadowOuter02 = slugCalloutShadowOuter02$3;
   exports.slugGradient = slugGradient$3;