@carbon/themes 11.33.0-rc.0 → 11.33.1

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, blue100, gray90, gray70Hover, gray60Hover, gray50Hover, red30, purple40, red40, purple50, gray90Hover, gray30Hover, blue80, green60, red80, red20, red70, red20Hover, red70Hover, magenta20, magenta70, magenta80, magenta20Hover, magenta70Hover, purple20, purple70, purple80, purple20Hover, purple70Hover, blue20Hover, blue70Hover, cyan20, cyan70, cyan80, cyan20Hover, cyan70Hover, teal20, teal70, teal80, teal20Hover, teal70Hover, green20, green70, green80, green20Hover, green70Hover, coolGray20, coolGray70, coolGray100, coolGray10, coolGray20Hover, coolGray70Hover, warmGray20, warmGray70, warmGray100, warmGray10, warmGray20Hover, warmGray70Hover, cyan40, cyan50, teal40, teal50, magenta40, magenta50, coolGray40, coolGray50, warmGray40, warmGray50, 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, gray90, gray70Hover, gray60Hover, gray50Hover, red30, purple40, red40, purple50, gray90Hover, blue80, green60, red80, red20, red70, red20Hover, red70Hover, magenta20, magenta70, magenta80, magenta20Hover, magenta70Hover, purple20, purple70, purple80, purple20Hover, purple70Hover, blue20Hover, blue70Hover, cyan20, cyan70, cyan80, cyan20Hover, cyan70Hover, teal20, teal70, teal80, teal20Hover, teal70Hover, green20, green70, green80, green20Hover, green70Hover, coolGray20, coolGray70, coolGray100, coolGray10, coolGray20Hover, coolGray70Hover, warmGray20, warmGray70, warmGray100, warmGray10, warmGray20Hover, warmGray70Hover, cyan40, cyan50, teal40, teal50, magenta40, magenta50, coolGray40, coolGray50, warmGray40, warmGray50, 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';
@@ -684,30 +684,24 @@ var toggleOff$7 = gray50;
 var shadow$7 = 'rgba(0, 0, 0, 0.3)';
 
 //// AI - Experimental (Use at your own risk)
-// Slug tokens
-var slugBackground$3 = gray70;
-var slugGradient$3 = "".concat(gray100, " linear-gradient(135deg, ").concat(gray40, " 0%, rgba(").concat(white$2, ", 0) 100%)");
-var slugBackgroundHover$3 = gray60;
-var slugGradientHover$3 = "".concat(gray100, " linear-gradient(135deg, ").concat(gray20Hover, " 0%, rgba(").concat(white$2, ", 0) 100%)");
-var slugHollowHover$3 = gray80Hover;
-
 //// Phase 2 - new \\\\
 // Shared
-var aiInnerShadow$3 = rgba(blue50, 0.2);
-var aiAuraStartTable$3 = rgba(blue50, 0.15);
+var aiInnerShadow$3 = rgba(blue50, 0.1);
+var aiAuraStartSm$3 = rgba(blue50, 0.16);
 var aiAuraStart$3 = rgba(blue50, 0.1);
 var aiAuraEnd$3 = rgba(white$2, 0);
 var aiBorderStrong$3 = blue50;
-var aiBorderStart$3 = blue40;
-var aiBorderEnd$3 = blue20;
-var aiDropShadow$3 = rgba(blue60, 0.32);
+var aiBorderStart$3 = rgba(blue30, 0.64);
+var aiBorderEnd$3 = blue40;
+var aiDropShadow$3 = rgba(blue60, 0.1);
 var aiAuraHoverBackground$3 = blue10;
-var aiAuraHoverStart$3 = rgba(blue50, 0.4);
+var aiAuraHoverStart$3 = rgba(blue50, 0.32);
 var aiAuraHoverEnd$3 = rgba(white$2, 0);
 
 // AI Popover
-var aiPopoverShadowOuter01$3 = rgba(blue70, 0.25);
-var aiPopoverShadowOuter02$3 = rgba(black, 0.1);
+var aiPopoverBackground$3 = white$2;
+var aiPopoverShadowOuter01$3 = rgba(blue70, 0.06);
+var aiPopoverShadowOuter02$3 = rgba(black, 0.04);
 
 // AI skeleton
 var aiSkeletonBackground$3 = blue20;
@@ -717,10 +711,10 @@ var aiSkeletonElementBackground$3 = blue50;
 var aiOverlay$3 = rgba(blue100, 0.5);
 
 // One off tokens for caret
-var aiPopoverCaretCenter$3 = '#A7C7FF';
-var aiPopoverCaretBottom$3 = blue20;
-var aiPopoverCaretBottomBackgroundActions$3 = '#DAE5F8';
-var aiPopoverCaretBottomBackground$3 = '#D5E5FF';
+var aiPopoverCaretCenter$3 = '#A0C3FF';
+var aiPopoverCaretBottom$3 = blue40;
+var aiPopoverCaretBottomBackgroundActions$3 = '#E9EFFA';
+var aiPopoverCaretBottomBackground$3 = '#EAF1FF';
 
 // Chat tokens
 var chatPromptBackground$3 = white$2;
@@ -728,13 +722,21 @@ var chatPromptBorderStart$3 = gray10;
 var chatPromptBorderEnd$3 = rgba(gray10, 0);
 var chatBubbleUser$3 = gray20;
 var chatBubbleAgent$3 = white$2;
-var chatBubbleAgentBorder$3 = gray20;
+var chatBubbleBorder$3 = gray20;
 var chatAvatarBot$3 = gray60;
 var chatAvatarAgent$3 = gray80;
 var chatAvatarUser$3 = blue60;
 var chatShellBackground$3 = white$2;
 var chatHeaderBackground$3 = white$2;
 
+// Chat button tokens
+var chatButton$3 = linkPrimary$7;
+var chatButtonHover$3 = backgroundHover$7;
+var chatButtonTextHover$3 = linkPrimaryHover$7;
+var chatButtonActive$3 = backgroundActive$7;
+var chatButtonSelected$3 = backgroundSelected$7;
+var chatButtonTextSelected$3 = textSecondary$7;
+
 var white$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   background: background$8,
@@ -837,13 +839,8 @@ var white$1 = /*#__PURE__*/Object.freeze({
   overlay: overlay$7,
   toggleOff: toggleOff$7,
   shadow: shadow$7,
-  slugBackground: slugBackground$3,
-  slugGradient: slugGradient$3,
-  slugBackgroundHover: slugBackgroundHover$3,
-  slugGradientHover: slugGradientHover$3,
-  slugHollowHover: slugHollowHover$3,
   aiInnerShadow: aiInnerShadow$3,
-  aiAuraStartTable: aiAuraStartTable$3,
+  aiAuraStartSm: aiAuraStartSm$3,
   aiAuraStart: aiAuraStart$3,
   aiAuraEnd: aiAuraEnd$3,
   aiBorderStrong: aiBorderStrong$3,
@@ -853,6 +850,7 @@ var white$1 = /*#__PURE__*/Object.freeze({
   aiAuraHoverBackground: aiAuraHoverBackground$3,
   aiAuraHoverStart: aiAuraHoverStart$3,
   aiAuraHoverEnd: aiAuraHoverEnd$3,
+  aiPopoverBackground: aiPopoverBackground$3,
   aiPopoverShadowOuter01: aiPopoverShadowOuter01$3,
   aiPopoverShadowOuter02: aiPopoverShadowOuter02$3,
   aiSkeletonBackground: aiSkeletonBackground$3,
@@ -867,12 +865,18 @@ var white$1 = /*#__PURE__*/Object.freeze({
   chatPromptBorderEnd: chatPromptBorderEnd$3,
   chatBubbleUser: chatBubbleUser$3,
   chatBubbleAgent: chatBubbleAgent$3,
-  chatBubbleAgentBorder: chatBubbleAgentBorder$3,
+  chatBubbleBorder: chatBubbleBorder$3,
   chatAvatarBot: chatAvatarBot$3,
   chatAvatarAgent: chatAvatarAgent$3,
   chatAvatarUser: chatAvatarUser$3,
   chatShellBackground: chatShellBackground$3,
   chatHeaderBackground: chatHeaderBackground$3,
+  chatButton: chatButton$3,
+  chatButtonHover: chatButtonHover$3,
+  chatButtonTextHover: chatButtonTextHover$3,
+  chatButtonActive: chatButtonActive$3,
+  chatButtonSelected: chatButtonSelected$3,
+  chatButtonTextSelected: chatButtonTextSelected$3,
   caption01: caption01,
   caption02: caption02,
   label01: label01,
@@ -1111,30 +1115,24 @@ var toggleOff$6 = gray50;
 var shadow$6 = 'rgba(0, 0, 0, 0.3)';
 
 //// AI - Experimental (Use at your own risk)
-// Slug tokens
-var slugBackground$2 = gray70;
-var slugGradient$2 = "".concat(gray100, " linear-gradient(135deg, ").concat(gray40, " 0%, rgba(").concat(white$2, ", 0) 100%)");
-var slugBackgroundHover$2 = gray60;
-var slugGradientHover$2 = "".concat(gray100, " linear-gradient(135deg, ").concat(gray20Hover, " 0%, rgba(").concat(white$2, ", 0) 100%)");
-var slugHollowHover$2 = gray80Hover;
-
 //// Phase 2 - new \\\\
 // Shared
-var aiInnerShadow$2 = rgba(blue50, 0.2);
-var aiAuraStartTable$2 = rgba(blue50, 0.15);
+var aiInnerShadow$2 = rgba(blue50, 0.1);
+var aiAuraStartSm$2 = rgba(blue50, 0.16);
 var aiAuraStart$2 = rgba(blue50, 0.1);
 var aiAuraEnd$2 = rgba(white$2, 0);
 var aiBorderStrong$2 = blue50;
-var aiBorderStart$2 = blue40;
-var aiBorderEnd$2 = blue20;
-var aiDropShadow$2 = rgba(blue60, 0.32);
+var aiBorderStart$2 = rgba(blue30, 0.64);
+var aiBorderEnd$2 = blue40;
+var aiDropShadow$2 = rgba(blue60, 0.1);
 var aiAuraHoverBackground$2 = blue10;
-var aiAuraHoverStart$2 = rgba(blue50, 0.4);
+var aiAuraHoverStart$2 = rgba(blue50, 0.32);
 var aiAuraHoverEnd$2 = rgba(white$2, 0);
 
 // AI Popover
-var aiPopoverShadowOuter01$2 = rgba(blue70, 0.25);
-var aiPopoverShadowOuter02$2 = rgba(black, 0.1);
+var aiPopoverBackground$2 = white$2;
+var aiPopoverShadowOuter01$2 = rgba(blue70, 0.06);
+var aiPopoverShadowOuter02$2 = rgba(black, 0.04);
 
 // AI skeleton
 var aiSkeletonBackground$2 = blue20;
@@ -1144,10 +1142,10 @@ var aiSkeletonElementBackground$2 = blue50;
 var aiOverlay$2 = rgba(blue100, 0.5);
 
 // One off tokens for caret
-var aiPopoverCaretCenter$2 = '#A7C7FF';
-var aiPopoverCaretBottom$2 = blue20;
-var aiPopoverCaretBottomBackgroundActions$2 = '#D2DCEE';
-var aiPopoverCaretBottomBackground$2 = '#CCDBF8';
+var aiPopoverCaretCenter$2 = '#A0C3FF';
+var aiPopoverCaretBottom$2 = blue40;
+var aiPopoverCaretBottomBackgroundActions$2 = '#E9EFFA';
+var aiPopoverCaretBottomBackground$2 = '#EAF1FF';
 
 // Chat tokens
 var chatPromptBackground$2 = white$2;
@@ -1155,13 +1153,21 @@ var chatPromptBorderStart$2 = gray10;
 var chatPromptBorderEnd$2 = rgba(gray10, 0);
 var chatBubbleUser$2 = gray20;
 var chatBubbleAgent$2 = white$2;
-var chatBubbleAgentBorder$2 = gray20;
+var chatBubbleBorder$2 = gray20;
 var chatAvatarBot$2 = gray60;
 var chatAvatarAgent$2 = gray80;
 var chatAvatarUser$2 = blue60;
 var chatShellBackground$2 = white$2;
 var chatHeaderBackground$2 = white$2;
 
+// Chat button tokens
+var chatButton$2 = linkPrimary$6;
+var chatButtonHover$2 = backgroundHover$6;
+var chatButtonTextHover$2 = linkPrimaryHover$6;
+var chatButtonActive$2 = backgroundActive$6;
+var chatButtonSelected$2 = backgroundSelected$6;
+var chatButtonTextSelected$2 = textSecondary$6;
+
 var g10$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   background: background$7,
@@ -1264,13 +1270,8 @@ var g10$1 = /*#__PURE__*/Object.freeze({
   overlay: overlay$6,
   toggleOff: toggleOff$6,
   shadow: shadow$6,
-  slugBackground: slugBackground$2,
-  slugGradient: slugGradient$2,
-  slugBackgroundHover: slugBackgroundHover$2,
-  slugGradientHover: slugGradientHover$2,
-  slugHollowHover: slugHollowHover$2,
   aiInnerShadow: aiInnerShadow$2,
-  aiAuraStartTable: aiAuraStartTable$2,
+  aiAuraStartSm: aiAuraStartSm$2,
   aiAuraStart: aiAuraStart$2,
   aiAuraEnd: aiAuraEnd$2,
   aiBorderStrong: aiBorderStrong$2,
@@ -1280,6 +1281,7 @@ var g10$1 = /*#__PURE__*/Object.freeze({
   aiAuraHoverBackground: aiAuraHoverBackground$2,
   aiAuraHoverStart: aiAuraHoverStart$2,
   aiAuraHoverEnd: aiAuraHoverEnd$2,
+  aiPopoverBackground: aiPopoverBackground$2,
   aiPopoverShadowOuter01: aiPopoverShadowOuter01$2,
   aiPopoverShadowOuter02: aiPopoverShadowOuter02$2,
   aiSkeletonBackground: aiSkeletonBackground$2,
@@ -1294,12 +1296,18 @@ var g10$1 = /*#__PURE__*/Object.freeze({
   chatPromptBorderEnd: chatPromptBorderEnd$2,
   chatBubbleUser: chatBubbleUser$2,
   chatBubbleAgent: chatBubbleAgent$2,
-  chatBubbleAgentBorder: chatBubbleAgentBorder$2,
+  chatBubbleBorder: chatBubbleBorder$2,
   chatAvatarBot: chatAvatarBot$2,
   chatAvatarAgent: chatAvatarAgent$2,
   chatAvatarUser: chatAvatarUser$2,
   chatShellBackground: chatShellBackground$2,
   chatHeaderBackground: chatHeaderBackground$2,
+  chatButton: chatButton$2,
+  chatButtonHover: chatButtonHover$2,
+  chatButtonTextHover: chatButtonTextHover$2,
+  chatButtonActive: chatButtonActive$2,
+  chatButtonSelected: chatButtonSelected$2,
+  chatButtonTextSelected: chatButtonTextSelected$2,
   caption01: caption01,
   caption02: caption02,
   label01: label01,
@@ -1538,43 +1546,37 @@ var toggleOff$5 = gray50;
 var shadow$5 = rgba(black, 0.8);
 
 //// AI - Experimental (Use at your own risk)
-// Slug tokens
-var slugBackground$1 = gray30;
-var slugGradient$1 = "".concat(gray50, " linear-gradient(135deg, ").concat(gray10, " 0%, rgba(").concat(white$2, ", 0) 100%)");
-var slugBackgroundHover$1 = gray20;
-var slugGradientHover$1 = "".concat(gray40, " linear-gradient(135deg, ").concat(white$2, " 0%, rgba(").concat(white$2, ", 0) 100%)");
-var slugHollowHover$1 = gray30Hover;
-
 //// Phase 2 - new \\\\
 // Shared
-var aiInnerShadow$1 = rgba(blue50, 0.2);
-var aiAuraStartTable$1 = rgba(blue50, 0.15);
+var aiInnerShadow$1 = rgba(blue50, 0.16);
+var aiAuraStartSm$1 = rgba(blue50, 0.16);
 var aiAuraStart$1 = rgba(blue50, 0.1);
 var aiAuraEnd$1 = rgba(black, 0);
 var aiBorderStrong$1 = blue40;
-var aiBorderStart$1 = blue50;
-var aiBorderEnd$1 = rgba(blue30, 0.24);
-var aiDropShadow$1 = rgba(blue60, 0.32);
+var aiBorderStart$1 = rgba(blue30, 0.36);
+var aiBorderEnd$1 = blue50;
+var aiDropShadow$1 = rgba(black, 0.28);
 var aiAuraHoverBackground$1 = layerHover01$1;
 var aiAuraHoverStart$1 = rgba(blue50, 0.4);
 var aiAuraHoverEnd$1 = rgba(black, 0);
 
 // AI Popover
-var aiPopoverShadowOuter01$1 = rgba(blue80, 0.25);
-var aiPopoverShadowOuter02$1 = rgba(black, 0.65);
+var aiPopoverBackground$1 = gray100;
+var aiPopoverShadowOuter01$1 = rgba(black, 0.12);
+var aiPopoverShadowOuter02$1 = rgba(black, 0.08);
 
 // AI skeleton
-var aiSkeletonBackground$1 = blue30;
-var aiSkeletonElementBackground$1 = blue80;
+var aiSkeletonBackground$1 = rgba(blue40, 0.5);
+var aiSkeletonElementBackground$1 = rgba(blue40, 0.3);
 
 // AI Modal tokens
-var aiOverlay$1 = rgba(blue100, 0.5);
+var aiOverlay$1 = rgba(black, 0.5);
 
 // One off tokens for caret
-var aiPopoverCaretCenter$1 = '#456FB5';
-var aiPopoverCaretBottom$1 = '#465060';
-var aiPopoverCaretBottomBackgroundActions$1 = '#253042';
-var aiPopoverCaretBottomBackground$1 = '#2D3F5C';
+var aiPopoverCaretCenter$1 = '#4870B5';
+var aiPopoverCaretBottom$1 = blue50;
+var aiPopoverCaretBottomBackgroundActions$1 = '#1E283A';
+var aiPopoverCaretBottomBackground$1 = '#202D45';
 
 // Chat tokens
 var chatPromptBackground$1 = gray100;
@@ -1582,13 +1584,21 @@ var chatPromptBorderStart$1 = gray90;
 var chatPromptBorderEnd$1 = rgba(gray90, 0);
 var chatBubbleUser$1 = gray80;
 var chatBubbleAgent$1 = gray90;
-var chatBubbleAgentBorder$1 = gray70;
+var chatBubbleBorder$1 = gray70;
 var chatAvatarBot$1 = gray50;
 var chatAvatarAgent$1 = gray30;
 var chatAvatarUser$1 = blue50;
 var chatShellBackground$1 = gray90;
 var chatHeaderBackground$1 = gray90;
 
+// Chat button tokens
+var chatButton$1 = linkPrimary$5;
+var chatButtonHover$1 = backgroundHover$5;
+var chatButtonTextHover$1 = linkPrimaryHover$5;
+var chatButtonActive$1 = backgroundActive$5;
+var chatButtonSelected$1 = backgroundSelected$5;
+var chatButtonTextSelected$1 = textSecondary$5;
+
 var g90$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   background: background$6,
@@ -1691,13 +1701,8 @@ var g90$1 = /*#__PURE__*/Object.freeze({
   overlay: overlay$5,
   toggleOff: toggleOff$5,
   shadow: shadow$5,
-  slugBackground: slugBackground$1,
-  slugGradient: slugGradient$1,
-  slugBackgroundHover: slugBackgroundHover$1,
-  slugGradientHover: slugGradientHover$1,
-  slugHollowHover: slugHollowHover$1,
   aiInnerShadow: aiInnerShadow$1,
-  aiAuraStartTable: aiAuraStartTable$1,
+  aiAuraStartSm: aiAuraStartSm$1,
   aiAuraStart: aiAuraStart$1,
   aiAuraEnd: aiAuraEnd$1,
   aiBorderStrong: aiBorderStrong$1,
@@ -1707,6 +1712,7 @@ var g90$1 = /*#__PURE__*/Object.freeze({
   aiAuraHoverBackground: aiAuraHoverBackground$1,
   aiAuraHoverStart: aiAuraHoverStart$1,
   aiAuraHoverEnd: aiAuraHoverEnd$1,
+  aiPopoverBackground: aiPopoverBackground$1,
   aiPopoverShadowOuter01: aiPopoverShadowOuter01$1,
   aiPopoverShadowOuter02: aiPopoverShadowOuter02$1,
   aiSkeletonBackground: aiSkeletonBackground$1,
@@ -1721,12 +1727,18 @@ var g90$1 = /*#__PURE__*/Object.freeze({
   chatPromptBorderEnd: chatPromptBorderEnd$1,
   chatBubbleUser: chatBubbleUser$1,
   chatBubbleAgent: chatBubbleAgent$1,
-  chatBubbleAgentBorder: chatBubbleAgentBorder$1,
+  chatBubbleBorder: chatBubbleBorder$1,
   chatAvatarBot: chatAvatarBot$1,
   chatAvatarAgent: chatAvatarAgent$1,
   chatAvatarUser: chatAvatarUser$1,
   chatShellBackground: chatShellBackground$1,
   chatHeaderBackground: chatHeaderBackground$1,
+  chatButton: chatButton$1,
+  chatButtonHover: chatButtonHover$1,
+  chatButtonTextHover: chatButtonTextHover$1,
+  chatButtonActive: chatButtonActive$1,
+  chatButtonSelected: chatButtonSelected$1,
+  chatButtonTextSelected: chatButtonTextSelected$1,
   caption01: caption01,
   caption02: caption02,
   label01: label01,
@@ -1965,43 +1977,37 @@ var toggleOff$4 = gray60;
 var shadow$4 = rgba(black, 0.8);
 
 //// AI - Experimental (Use at your own risk)
-// Slug tokens
-var slugBackground = gray30;
-var slugGradient = "".concat(gray50, " linear-gradient(135deg, ").concat(gray10, " 0%, rgba(").concat(white$2, ", 0) 100%)");
-var slugBackgroundHover = gray20;
-var slugGradientHover = "".concat(gray40, " linear-gradient(135deg, ").concat(white$2, " 0%, rgba(").concat(white$2, ", 0) 100%)");
-var slugHollowHover = gray30Hover;
-
 //// Phase 2 - new \\\\
 // Shared
-var aiInnerShadow = rgba(blue50, 0.2);
-var aiAuraStartTable = rgba(blue50, 0.15);
+var aiInnerShadow = rgba(blue50, 0.16);
+var aiAuraStartSm = rgba(blue50, 0.16);
 var aiAuraStart = rgba(blue50, 0.1);
 var aiAuraEnd = rgba(black, 0);
 var aiBorderStrong = blue40;
-var aiBorderStart = blue50;
-var aiBorderEnd = rgba(blue30, 0.24);
-var aiDropShadow = rgba(blue60, 0.32);
+var aiBorderStart = rgba(blue30, 0.36);
+var aiBorderEnd = blue50;
+var aiDropShadow = rgba(black, 0.28);
 var aiAuraHoverBackground = layerHover01;
 var aiAuraHoverStart = rgba(blue50, 0.4);
 var aiAuraHoverEnd = rgba(black, 0);
 
 // AI Popover
-var aiPopoverShadowOuter01 = rgba(blue80, 0.25);
-var aiPopoverShadowOuter02 = rgba(black, 0.65);
+var aiPopoverBackground = gray100;
+var aiPopoverShadowOuter01 = rgba(black, 0.12);
+var aiPopoverShadowOuter02 = rgba(black, 0.08);
 
 // AI skeleton
-var aiSkeletonBackground = blue30;
-var aiSkeletonElementBackground = blue80;
+var aiSkeletonBackground = rgba(blue40, 0.5);
+var aiSkeletonElementBackground = rgba(blue40, 0.3);
 
 // AI Modal tokens
-var aiOverlay = rgba(blue100, 0.5);
+var aiOverlay = rgba(black, 0.5);
 
 // One off tokens for caret
-var aiPopoverCaretCenter = '#3F68AF';
-var aiPopoverCaretBottom = '#3D4655';
-var aiPopoverCaretBottomBackgroundActions = '#192436';
-var aiPopoverCaretBottomBackground = '#213250';
+var aiPopoverCaretCenter = '#4870B5';
+var aiPopoverCaretBottom = blue50;
+var aiPopoverCaretBottomBackgroundActions = '#1E283A';
+var aiPopoverCaretBottomBackground = '#202D45';
 
 // Chat tokens
 var chatPromptBackground = gray100;
@@ -2009,13 +2015,21 @@ var chatPromptBorderStart = gray90;
 var chatPromptBorderEnd = rgba(gray90, 0);
 var chatBubbleUser = gray80;
 var chatBubbleAgent = gray90;
-var chatBubbleAgentBorder = gray70;
+var chatBubbleBorder = gray70;
 var chatAvatarBot = gray50;
 var chatAvatarAgent = gray30;
 var chatAvatarUser = blue50;
 var chatShellBackground = gray90;
 var chatHeaderBackground = gray90;
 
+// Chat button tokens
+var chatButton = linkPrimary$4;
+var chatButtonHover = backgroundHover$4;
+var chatButtonTextHover = linkPrimaryHover$4;
+var chatButtonActive = backgroundActive$4;
+var chatButtonSelected = backgroundSelected$4;
+var chatButtonTextSelected = textSecondary$4;
+
 var g100$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   background: background$5,
@@ -2118,13 +2132,8 @@ var g100$1 = /*#__PURE__*/Object.freeze({
   overlay: overlay$4,
   toggleOff: toggleOff$4,
   shadow: shadow$4,
-  slugBackground: slugBackground,
-  slugGradient: slugGradient,
-  slugBackgroundHover: slugBackgroundHover,
-  slugGradientHover: slugGradientHover,
-  slugHollowHover: slugHollowHover,
   aiInnerShadow: aiInnerShadow,
-  aiAuraStartTable: aiAuraStartTable,
+  aiAuraStartSm: aiAuraStartSm,
   aiAuraStart: aiAuraStart,
   aiAuraEnd: aiAuraEnd,
   aiBorderStrong: aiBorderStrong,
@@ -2134,6 +2143,7 @@ var g100$1 = /*#__PURE__*/Object.freeze({
   aiAuraHoverBackground: aiAuraHoverBackground,
   aiAuraHoverStart: aiAuraHoverStart,
   aiAuraHoverEnd: aiAuraHoverEnd,
+  aiPopoverBackground: aiPopoverBackground,
   aiPopoverShadowOuter01: aiPopoverShadowOuter01,
   aiPopoverShadowOuter02: aiPopoverShadowOuter02,
   aiSkeletonBackground: aiSkeletonBackground,
@@ -2148,12 +2158,18 @@ var g100$1 = /*#__PURE__*/Object.freeze({
   chatPromptBorderEnd: chatPromptBorderEnd,
   chatBubbleUser: chatBubbleUser,
   chatBubbleAgent: chatBubbleAgent,
-  chatBubbleAgentBorder: chatBubbleAgentBorder,
+  chatBubbleBorder: chatBubbleBorder,
   chatAvatarBot: chatAvatarBot,
   chatAvatarAgent: chatAvatarAgent,
   chatAvatarUser: chatAvatarUser,
   chatShellBackground: chatShellBackground,
   chatHeaderBackground: chatHeaderBackground,
+  chatButton: chatButton,
+  chatButtonHover: chatButtonHover,
+  chatButtonTextHover: chatButtonTextHover,
+  chatButtonActive: chatButtonActive,
+  chatButtonSelected: chatButtonSelected,
+  chatButtonTextSelected: chatButtonTextSelected,
   caption01: caption01,
   caption02: caption02,
   label01: label01,
@@ -5120,15 +5136,17 @@ var contextual = TokenGroup.create({
 var ai = TokenGroup.create({
   name: 'AI',
   properties: ['background'],
-  tokens: ['slug-background', 'slug-gradient', 'slug-background-hover', 'slug-gradient-hover', 'slug-hollow-hover',
+  tokens: [
   // Phase 2
-  'ai-popover-shadow-outer-01', 'ai-popover-shadow-outer-02',
+  'ai-popover-background', 'ai-popover-shadow-outer-01', 'ai-popover-shadow-outer-02',
   // Linear gradient refactor
-  '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-skeleton-background', 'ai-skeleton-element-background', 'ai-overlay',
+  'ai-inner-shadow', 'ai-aura-start-sm', '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-skeleton-background', 'ai-skeleton-element-background', 'ai-overlay',
   // Caret tokens
   'ai-popover-caret-center', 'ai-popover-caret-bottom', 'ai-popover-caret-bottom-background', 'ai-popover-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', 'chat-shell-background', 'chat-header-background']
+  'chat-prompt-background', 'chat-prompt-border-start', 'chat-prompt-border-end', 'chat-bubble-user', 'chat-bubble-agent', 'chat-bubble-border', 'chat-avatar-bot', 'chat-avatar-agent', 'chat-avatar-user', 'chat-shell-background', 'chat-header-background',
+  // Chat button tokens
+  'chat-button', 'chat-button-hover', 'chat-button-text-hover', 'chat-button-active', 'chat-button-selected', 'chat-button-text-selected']
 });
 var group = TokenGroup.create({
   name: 'All',
@@ -5284,4 +5302,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, aiAuraStartTable$3 as aiAuraStartTable, aiBorderEnd$3 as aiBorderEnd, aiBorderStart$3 as aiBorderStart, aiBorderStrong$3 as aiBorderStrong, aiDropShadow$3 as aiDropShadow, aiInnerShadow$3 as aiInnerShadow, aiOverlay$3 as aiOverlay, aiPopoverCaretBottom$3 as aiPopoverCaretBottom, aiPopoverCaretBottomBackground$3 as aiPopoverCaretBottomBackground, aiPopoverCaretBottomBackgroundActions$3 as aiPopoverCaretBottomBackgroundActions, aiPopoverCaretCenter$3 as aiPopoverCaretCenter, aiPopoverShadowOuter01$3 as aiPopoverShadowOuter01, aiPopoverShadowOuter02$3 as aiPopoverShadowOuter02, aiSkeletonBackground$3 as aiSkeletonBackground, aiSkeletonElementBackground$3 as aiSkeletonElementBackground, 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, chatHeaderBackground$3 as chatHeaderBackground, chatPromptBackground$3 as chatPromptBackground, chatPromptBorderEnd$3 as chatPromptBorderEnd, chatPromptBorderStart$3 as chatPromptBorderStart, chatShellBackground$3 as chatShellBackground, 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, 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, aiAuraStartSm$3 as aiAuraStartSm, aiBorderEnd$3 as aiBorderEnd, aiBorderStart$3 as aiBorderStart, aiBorderStrong$3 as aiBorderStrong, aiDropShadow$3 as aiDropShadow, aiInnerShadow$3 as aiInnerShadow, aiOverlay$3 as aiOverlay, aiPopoverBackground$3 as aiPopoverBackground, aiPopoverCaretBottom$3 as aiPopoverCaretBottom, aiPopoverCaretBottomBackground$3 as aiPopoverCaretBottomBackground, aiPopoverCaretBottomBackgroundActions$3 as aiPopoverCaretBottomBackgroundActions, aiPopoverCaretCenter$3 as aiPopoverCaretCenter, aiPopoverShadowOuter01$3 as aiPopoverShadowOuter01, aiPopoverShadowOuter02$3 as aiPopoverShadowOuter02, aiSkeletonBackground$3 as aiSkeletonBackground, aiSkeletonElementBackground$3 as aiSkeletonElementBackground, 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, chatBubbleBorder$3 as chatBubbleBorder, chatBubbleUser$3 as chatBubbleUser, chatButton$3 as chatButton, chatButtonActive$3 as chatButtonActive, chatButtonHover$3 as chatButtonHover, chatButtonSelected$3 as chatButtonSelected, chatButtonTextHover$3 as chatButtonTextHover, chatButtonTextSelected$3 as chatButtonTextSelected, chatHeaderBackground$3 as chatHeaderBackground, chatPromptBackground$3 as chatPromptBackground, chatPromptBorderEnd$3 as chatPromptBorderEnd, chatPromptBorderStart$3 as chatPromptBorderStart, chatShellBackground$3 as chatShellBackground, 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, 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 };