@carbon/themes 11.32.0-rc.0 → 11.33.0-rc.0

package/README.md

@@ -111,3 +111,12 @@ check out our [Contributing Guide](/.github/CONTRIBUTING.md)! 👀
 ## 📝 License
 
 Licensed under the [Apache 2.0 License](/LICENSE).
+
+## <picture><source height="20" width="20" media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-dark.svg"><source height="20" width="20" media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"><img height="20" width="20" alt="IBM Telemetry" src="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"></picture> IBM Telemetry
+
+This package uses IBM Telemetry to collect metrics data. By installing this
+package as a dependency you are agreeing to telemetry collection. To opt out,
+see
+[Opting out of IBM Telemetry data collection](https://github.com/ibm-telemetry/telemetry-js/tree/main#opting-out-of-ibm-telemetry-data-collection).
+For more information on the data being collected, please see the
+[IBM Telemetry documentation](https://github.com/ibm-telemetry/telemetry-js/tree/main#ibm-telemetry-collection-basics).

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, 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, 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 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';
@@ -705,37 +705,22 @@ var aiAuraHoverBackground$3 = blue10;
 var aiAuraHoverStart$3 = rgba(blue50, 0.4);
 var aiAuraHoverEnd$3 = rgba(white$2, 0);
 
-// Callout
-var slugCalloutShadowOuter01$3 = rgba(blue70, 0.25);
-var slugCalloutShadowOuter02$3 = rgba(black, 0.1);
+// AI Popover
+var aiPopoverShadowOuter01$3 = rgba(blue70, 0.25);
+var aiPopoverShadowOuter02$3 = rgba(black, 0.1);
+
+// AI skeleton
+var aiSkeletonBackground$3 = blue20;
+var aiSkeletonElementBackground$3 = blue50;
 
 // 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);
-var aiGradientStart01$3 = rgba(coolGray10, 0.5);
-var aiGradientStart02$3 = rgba(blue10, 0.5);
-var aiGradientEnd$3 = rgba(white$2, 0);
-var slugCalloutAuraStart$3 = aiAuraStart$3;
-var slugCalloutAuraEnd$3 = aiAuraEnd$3;
-var slugCalloutGradientTopHover$3 = rgba(gray20, 0.55);
-var slugCalloutGradientBottomHover$3 = rgba(gray20Hover, 0.55);
-var slugCalloutAuraStartHover01$3 = rgba(white$2, 0.5);
-var slugCalloutAuraEndHover01$3 = rgba(white$2, 0);
-var slugCalloutAuraStartHover02$3 = rgba(blue20, 0.5);
-var slugCalloutAuraEndHover02$3 = rgba(white$2, 0);
-var slugCalloutGradientTopSelected$3 = rgba(gray20, 0.85);
-var slugCalloutGradientBottomSelected$3 = rgba(gray20Hover, 0.85);
-var slugCalloutAuraStartSelected$3 = rgba(blue10, 0.6);
-var slugCalloutAuraEndSelected$3 = rgba(white$2, 0);
-
 // One off tokens for caret
-var slugCalloutCaretCenter$3 = '#A7C7FF';
-var slugCalloutCaretBottom$3 = blue20;
-var slugCalloutCaretBottomBackgroundActions$3 = '#DAE5F8';
-var slugCalloutCaretBottomBackground$3 = '#D5E5FF';
+var aiPopoverCaretCenter$3 = '#A7C7FF';
+var aiPopoverCaretBottom$3 = blue20;
+var aiPopoverCaretBottomBackgroundActions$3 = '#DAE5F8';
+var aiPopoverCaretBottomBackground$3 = '#D5E5FF';
 
 // Chat tokens
 var chatPromptBackground$3 = white$2;
@@ -747,6 +732,8 @@ var chatBubbleAgentBorder$3 = gray20;
 var chatAvatarBot$3 = gray60;
 var chatAvatarAgent$3 = gray80;
 var chatAvatarUser$3 = blue60;
+var chatShellBackground$3 = white$2;
+var chatHeaderBackground$3 = white$2;
 
 var white$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -866,30 +853,15 @@ var white$1 = /*#__PURE__*/Object.freeze({
   aiAuraHoverBackground: aiAuraHoverBackground$3,
   aiAuraHoverStart: aiAuraHoverStart$3,
   aiAuraHoverEnd: aiAuraHoverEnd$3,
-  slugCalloutShadowOuter01: slugCalloutShadowOuter01$3,
-  slugCalloutShadowOuter02: slugCalloutShadowOuter02$3,
+  aiPopoverShadowOuter01: aiPopoverShadowOuter01$3,
+  aiPopoverShadowOuter02: aiPopoverShadowOuter02$3,
+  aiSkeletonBackground: aiSkeletonBackground$3,
+  aiSkeletonElementBackground: aiSkeletonElementBackground$3,
   aiOverlay: aiOverlay$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,
-  slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$3,
-  slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$3,
-  slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$3,
-  slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$3,
-  slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$3,
-  slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$3,
-  slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$3,
-  slugCalloutCaretCenter: slugCalloutCaretCenter$3,
-  slugCalloutCaretBottom: slugCalloutCaretBottom$3,
-  slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$3,
-  slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground$3,
+  aiPopoverCaretCenter: aiPopoverCaretCenter$3,
+  aiPopoverCaretBottom: aiPopoverCaretBottom$3,
+  aiPopoverCaretBottomBackgroundActions: aiPopoverCaretBottomBackgroundActions$3,
+  aiPopoverCaretBottomBackground: aiPopoverCaretBottomBackground$3,
   chatPromptBackground: chatPromptBackground$3,
   chatPromptBorderStart: chatPromptBorderStart$3,
   chatPromptBorderEnd: chatPromptBorderEnd$3,
@@ -899,6 +871,8 @@ var white$1 = /*#__PURE__*/Object.freeze({
   chatAvatarBot: chatAvatarBot$3,
   chatAvatarAgent: chatAvatarAgent$3,
   chatAvatarUser: chatAvatarUser$3,
+  chatShellBackground: chatShellBackground$3,
+  chatHeaderBackground: chatHeaderBackground$3,
   caption01: caption01,
   caption02: caption02,
   label01: label01,
@@ -1158,37 +1132,22 @@ var aiAuraHoverBackground$2 = blue10;
 var aiAuraHoverStart$2 = rgba(blue50, 0.4);
 var aiAuraHoverEnd$2 = rgba(white$2, 0);
 
-// Callout
-var slugCalloutShadowOuter01$2 = rgba(blue70, 0.25);
-var slugCalloutShadowOuter02$2 = rgba(black, 0.1);
+// AI Popover
+var aiPopoverShadowOuter01$2 = rgba(blue70, 0.25);
+var aiPopoverShadowOuter02$2 = rgba(black, 0.1);
+
+// AI skeleton
+var aiSkeletonBackground$2 = blue20;
+var aiSkeletonElementBackground$2 = blue50;
 
 // 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);
-var aiGradientStart01$2 = rgba(coolGray10, 0.5);
-var aiGradientStart02$2 = rgba(blue10, 0.5);
-var aiGradientEnd$2 = rgba(white$2, 0);
-var slugCalloutAuraStart$2 = aiAuraStart$2;
-var slugCalloutAuraEnd$2 = aiAuraEnd$2;
-var slugCalloutGradientTopHover$2 = rgba(gray20, 0.55);
-var slugCalloutGradientBottomHover$2 = rgba(gray20Hover, 0.55);
-var slugCalloutAuraStartHover01$2 = rgba(white$2, 0.5);
-var slugCalloutAuraEndHover01$2 = rgba(white$2, 0);
-var slugCalloutAuraStartHover02$2 = rgba(blue20, 0.5);
-var slugCalloutAuraEndHover02$2 = rgba(white$2, 0);
-var slugCalloutGradientTopSelected$2 = rgba(gray20, 0.85);
-var slugCalloutGradientBottomSelected$2 = rgba(gray20Hover, 0.85);
-var slugCalloutAuraStartSelected$2 = rgba(blue10, 0.6);
-var slugCalloutAuraEndSelected$2 = rgba(white$2, 0);
-
 // One off tokens for caret
-var slugCalloutCaretCenter$2 = '#A7C7FF';
-var slugCalloutCaretBottom$2 = blue20;
-var slugCalloutCaretBottomBackgroundActions$2 = '#D2DCEE';
-var slugCalloutCaretBottomBackground$2 = '#CCDBF8';
+var aiPopoverCaretCenter$2 = '#A7C7FF';
+var aiPopoverCaretBottom$2 = blue20;
+var aiPopoverCaretBottomBackgroundActions$2 = '#D2DCEE';
+var aiPopoverCaretBottomBackground$2 = '#CCDBF8';
 
 // Chat tokens
 var chatPromptBackground$2 = white$2;
@@ -1200,6 +1159,8 @@ var chatBubbleAgentBorder$2 = gray20;
 var chatAvatarBot$2 = gray60;
 var chatAvatarAgent$2 = gray80;
 var chatAvatarUser$2 = blue60;
+var chatShellBackground$2 = white$2;
+var chatHeaderBackground$2 = white$2;
 
 var g10$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -1319,30 +1280,15 @@ var g10$1 = /*#__PURE__*/Object.freeze({
   aiAuraHoverBackground: aiAuraHoverBackground$2,
   aiAuraHoverStart: aiAuraHoverStart$2,
   aiAuraHoverEnd: aiAuraHoverEnd$2,
-  slugCalloutShadowOuter01: slugCalloutShadowOuter01$2,
-  slugCalloutShadowOuter02: slugCalloutShadowOuter02$2,
+  aiPopoverShadowOuter01: aiPopoverShadowOuter01$2,
+  aiPopoverShadowOuter02: aiPopoverShadowOuter02$2,
+  aiSkeletonBackground: aiSkeletonBackground$2,
+  aiSkeletonElementBackground: aiSkeletonElementBackground$2,
   aiOverlay: aiOverlay$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,
-  slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$2,
-  slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$2,
-  slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$2,
-  slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$2,
-  slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$2,
-  slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$2,
-  slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$2,
-  slugCalloutCaretCenter: slugCalloutCaretCenter$2,
-  slugCalloutCaretBottom: slugCalloutCaretBottom$2,
-  slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$2,
-  slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground$2,
+  aiPopoverCaretCenter: aiPopoverCaretCenter$2,
+  aiPopoverCaretBottom: aiPopoverCaretBottom$2,
+  aiPopoverCaretBottomBackgroundActions: aiPopoverCaretBottomBackgroundActions$2,
+  aiPopoverCaretBottomBackground: aiPopoverCaretBottomBackground$2,
   chatPromptBackground: chatPromptBackground$2,
   chatPromptBorderStart: chatPromptBorderStart$2,
   chatPromptBorderEnd: chatPromptBorderEnd$2,
@@ -1352,6 +1298,8 @@ var g10$1 = /*#__PURE__*/Object.freeze({
   chatAvatarBot: chatAvatarBot$2,
   chatAvatarAgent: chatAvatarAgent$2,
   chatAvatarUser: chatAvatarUser$2,
+  chatShellBackground: chatShellBackground$2,
+  chatHeaderBackground: chatHeaderBackground$2,
   caption01: caption01,
   caption02: caption02,
   label01: label01,
@@ -1611,37 +1559,22 @@ var aiAuraHoverBackground$1 = layerHover01$1;
 var aiAuraHoverStart$1 = rgba(blue50, 0.4);
 var aiAuraHoverEnd$1 = rgba(black, 0);
 
-// Callout
-var slugCalloutShadowOuter01$1 = rgba(blue80, 0.25);
-var slugCalloutShadowOuter02$1 = rgba(black, 0.65);
+// AI Popover
+var aiPopoverShadowOuter01$1 = rgba(blue80, 0.25);
+var aiPopoverShadowOuter02$1 = rgba(black, 0.65);
+
+// AI skeleton
+var aiSkeletonBackground$1 = blue30;
+var aiSkeletonElementBackground$1 = blue80;
 
 // 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);
-var aiGradientStart01$1 = rgba(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 = rgba(gray80, 0.55);
-var slugCalloutGradientBottomHover$1 = rgba(gray80Hover, 0.55);
-var slugCalloutAuraStartHover01$1 = rgba(blue20Hover, 0.3);
-var slugCalloutAuraEndHover01$1 = rgba(gray100, 0);
-var slugCalloutAuraStartHover02$1 = 'transparent';
-var slugCalloutAuraEndHover02$1 = 'transparent';
-var slugCalloutGradientTopSelected$1 = rgba(gray80, 0.85);
-var slugCalloutGradientBottomSelected$1 = rgba(gray80Hover, 0.85);
-var slugCalloutAuraStartSelected$1 = rgba(blue20, 0.2);
-var slugCalloutAuraEndSelected$1 = rgba(gray100, 0);
-
 // One off tokens for caret
-var slugCalloutCaretCenter$1 = '#456FB5';
-var slugCalloutCaretBottom$1 = '#465060';
-var slugCalloutCaretBottomBackgroundActions$1 = '#253042';
-var slugCalloutCaretBottomBackground$1 = '#2D3F5C';
+var aiPopoverCaretCenter$1 = '#456FB5';
+var aiPopoverCaretBottom$1 = '#465060';
+var aiPopoverCaretBottomBackgroundActions$1 = '#253042';
+var aiPopoverCaretBottomBackground$1 = '#2D3F5C';
 
 // Chat tokens
 var chatPromptBackground$1 = gray100;
@@ -1653,6 +1586,8 @@ var chatBubbleAgentBorder$1 = gray70;
 var chatAvatarBot$1 = gray50;
 var chatAvatarAgent$1 = gray30;
 var chatAvatarUser$1 = blue50;
+var chatShellBackground$1 = gray90;
+var chatHeaderBackground$1 = gray90;
 
 var g90$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -1772,30 +1707,15 @@ var g90$1 = /*#__PURE__*/Object.freeze({
   aiAuraHoverBackground: aiAuraHoverBackground$1,
   aiAuraHoverStart: aiAuraHoverStart$1,
   aiAuraHoverEnd: aiAuraHoverEnd$1,
-  slugCalloutShadowOuter01: slugCalloutShadowOuter01$1,
-  slugCalloutShadowOuter02: slugCalloutShadowOuter02$1,
+  aiPopoverShadowOuter01: aiPopoverShadowOuter01$1,
+  aiPopoverShadowOuter02: aiPopoverShadowOuter02$1,
+  aiSkeletonBackground: aiSkeletonBackground$1,
+  aiSkeletonElementBackground: aiSkeletonElementBackground$1,
   aiOverlay: aiOverlay$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,
-  slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$1,
-  slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$1,
-  slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$1,
-  slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$1,
-  slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$1,
-  slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$1,
-  slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$1,
-  slugCalloutCaretCenter: slugCalloutCaretCenter$1,
-  slugCalloutCaretBottom: slugCalloutCaretBottom$1,
-  slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$1,
-  slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground$1,
+  aiPopoverCaretCenter: aiPopoverCaretCenter$1,
+  aiPopoverCaretBottom: aiPopoverCaretBottom$1,
+  aiPopoverCaretBottomBackgroundActions: aiPopoverCaretBottomBackgroundActions$1,
+  aiPopoverCaretBottomBackground: aiPopoverCaretBottomBackground$1,
   chatPromptBackground: chatPromptBackground$1,
   chatPromptBorderStart: chatPromptBorderStart$1,
   chatPromptBorderEnd: chatPromptBorderEnd$1,
@@ -1805,6 +1725,8 @@ var g90$1 = /*#__PURE__*/Object.freeze({
   chatAvatarBot: chatAvatarBot$1,
   chatAvatarAgent: chatAvatarAgent$1,
   chatAvatarUser: chatAvatarUser$1,
+  chatShellBackground: chatShellBackground$1,
+  chatHeaderBackground: chatHeaderBackground$1,
   caption01: caption01,
   caption02: caption02,
   label01: label01,
@@ -2064,37 +1986,22 @@ var aiAuraHoverBackground = layerHover01;
 var aiAuraHoverStart = rgba(blue50, 0.4);
 var aiAuraHoverEnd = rgba(black, 0);
 
-// Callout
-var slugCalloutShadowOuter01 = rgba(blue80, 0.25);
-var slugCalloutShadowOuter02 = rgba(black, 0.65);
+// AI Popover
+var aiPopoverShadowOuter01 = rgba(blue80, 0.25);
+var aiPopoverShadowOuter02 = rgba(black, 0.65);
+
+// AI skeleton
+var aiSkeletonBackground = blue30;
+var aiSkeletonElementBackground = blue80;
 
 // 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);
-var aiGradientStart01 = rgba(blue20, 0.2);
-var aiGradientStart02 = 'transparent';
-var aiGradientEnd = 'rgba(38, 38, 38, 0)';
-var slugCalloutAuraStart = aiAuraStart;
-var slugCalloutAuraEnd = aiAuraEnd;
-var slugCalloutGradientTopHover = rgba(gray80, 0.55);
-var slugCalloutGradientBottomHover = rgba(gray80Hover, 0.55);
-var slugCalloutAuraStartHover01 = rgba(blue20Hover, 0.3);
-var slugCalloutAuraEndHover01 = rgba(gray100, 0);
-var slugCalloutAuraStartHover02 = 'transparent';
-var slugCalloutAuraEndHover02 = 'transparent';
-var slugCalloutGradientTopSelected = rgba(gray80, 0.85);
-var slugCalloutGradientBottomSelected = rgba(gray80Hover, 0.85);
-var slugCalloutAuraStartSelected = rgba(blue20, 0.2);
-var slugCalloutAuraEndSelected = rgba(gray100, 0);
-
 // One off tokens for caret
-var slugCalloutCaretCenter = '#3F68AF';
-var slugCalloutCaretBottom = '#3D4655';
-var slugCalloutCaretBottomBackgroundActions = '#192436';
-var slugCalloutCaretBottomBackground = '#213250';
+var aiPopoverCaretCenter = '#3F68AF';
+var aiPopoverCaretBottom = '#3D4655';
+var aiPopoverCaretBottomBackgroundActions = '#192436';
+var aiPopoverCaretBottomBackground = '#213250';
 
 // Chat tokens
 var chatPromptBackground = gray100;
@@ -2106,6 +2013,8 @@ var chatBubbleAgentBorder = gray70;
 var chatAvatarBot = gray50;
 var chatAvatarAgent = gray30;
 var chatAvatarUser = blue50;
+var chatShellBackground = gray90;
+var chatHeaderBackground = gray90;
 
 var g100$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -2225,30 +2134,15 @@ var g100$1 = /*#__PURE__*/Object.freeze({
   aiAuraHoverBackground: aiAuraHoverBackground,
   aiAuraHoverStart: aiAuraHoverStart,
   aiAuraHoverEnd: aiAuraHoverEnd,
-  slugCalloutShadowOuter01: slugCalloutShadowOuter01,
-  slugCalloutShadowOuter02: slugCalloutShadowOuter02,
+  aiPopoverShadowOuter01: aiPopoverShadowOuter01,
+  aiPopoverShadowOuter02: aiPopoverShadowOuter02,
+  aiSkeletonBackground: aiSkeletonBackground,
+  aiSkeletonElementBackground: aiSkeletonElementBackground,
   aiOverlay: aiOverlay,
-  slugCalloutGradientTop: slugCalloutGradientTop,
-  slugCalloutGradientBottom: slugCalloutGradientBottom,
-  aiGradientStart01: aiGradientStart01,
-  aiGradientStart02: aiGradientStart02,
-  aiGradientEnd: aiGradientEnd,
-  slugCalloutAuraStart: slugCalloutAuraStart,
-  slugCalloutAuraEnd: slugCalloutAuraEnd,
-  slugCalloutGradientTopHover: slugCalloutGradientTopHover,
-  slugCalloutGradientBottomHover: slugCalloutGradientBottomHover,
-  slugCalloutAuraStartHover01: slugCalloutAuraStartHover01,
-  slugCalloutAuraEndHover01: slugCalloutAuraEndHover01,
-  slugCalloutAuraStartHover02: slugCalloutAuraStartHover02,
-  slugCalloutAuraEndHover02: slugCalloutAuraEndHover02,
-  slugCalloutGradientTopSelected: slugCalloutGradientTopSelected,
-  slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected,
-  slugCalloutAuraStartSelected: slugCalloutAuraStartSelected,
-  slugCalloutAuraEndSelected: slugCalloutAuraEndSelected,
-  slugCalloutCaretCenter: slugCalloutCaretCenter,
-  slugCalloutCaretBottom: slugCalloutCaretBottom,
-  slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions,
-  slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground,
+  aiPopoverCaretCenter: aiPopoverCaretCenter,
+  aiPopoverCaretBottom: aiPopoverCaretBottom,
+  aiPopoverCaretBottomBackgroundActions: aiPopoverCaretBottomBackgroundActions,
+  aiPopoverCaretBottomBackground: aiPopoverCaretBottomBackground,
   chatPromptBackground: chatPromptBackground,
   chatPromptBorderStart: chatPromptBorderStart,
   chatPromptBorderEnd: chatPromptBorderEnd,
@@ -2258,6 +2152,8 @@ var g100$1 = /*#__PURE__*/Object.freeze({
   chatAvatarBot: chatAvatarBot,
   chatAvatarAgent: chatAvatarAgent,
   chatAvatarUser: chatAvatarUser,
+  chatShellBackground: chatShellBackground,
+  chatHeaderBackground: chatHeaderBackground,
   caption01: caption01,
   caption02: caption02,
   label01: label01,
@@ -4498,10 +4394,10 @@ var tagBackgroundGray = {
   g100: gray70
 };
 var tagColorGray = {
-  whiteTheme: gray80,
-  g10: gray80,
-  g90: gray20,
-  g100: gray20
+  whiteTheme: gray100,
+  g10: gray100,
+  g90: gray10,
+  g100: gray10
 };
 var tagHoverGray = {
   whiteTheme: gray20Hover,
@@ -4516,10 +4412,10 @@ var tagBackgroundCoolGray = {
   g100: coolGray70
 };
 var tagColorCoolGray = {
-  whiteTheme: coolGray80,
-  g10: coolGray80,
-  g90: coolGray20,
-  g100: coolGray20
+  whiteTheme: coolGray100,
+  g10: coolGray100,
+  g90: coolGray10,
+  g100: coolGray10
 };
 var tagHoverCoolGray = {
   whiteTheme: coolGray20Hover,
@@ -4534,10 +4430,10 @@ var tagBackgroundWarmGray = {
   g100: warmGray70
 };
 var tagColorWarmGray = {
-  whiteTheme: warmGray80,
-  g10: warmGray80,
-  g90: warmGray20,
-  g100: warmGray20
+  whiteTheme: warmGray100,
+  g10: warmGray100,
+  g90: warmGray10,
+  g100: warmGray10
 };
 var tagHoverWarmGray = {
   whiteTheme: warmGray20Hover,
@@ -4545,6 +4441,66 @@ var tagHoverWarmGray = {
   g90: warmGray70Hover,
   g100: warmGray70Hover
 };
+var tagBorderRed = {
+  whiteTheme: red40,
+  g10: red40,
+  g90: red50,
+  g100: red50
+};
+var tagBorderBlue = {
+  whiteTheme: blue40,
+  g10: blue40,
+  g90: blue50,
+  g100: blue50
+};
+var tagBorderCyan = {
+  whiteTheme: cyan40,
+  g10: cyan40,
+  g90: cyan50,
+  g100: cyan50
+};
+var tagBorderTeal = {
+  whiteTheme: teal40,
+  g10: teal40,
+  g90: teal50,
+  g100: teal50
+};
+var tagBorderGreen = {
+  whiteTheme: green40,
+  g10: green40,
+  g90: green50,
+  g100: green50
+};
+var tagBorderMagenta = {
+  whiteTheme: magenta40,
+  g10: magenta40,
+  g90: magenta50,
+  g100: magenta50
+};
+var tagBorderPurple = {
+  whiteTheme: purple40,
+  g10: purple40,
+  g90: purple50,
+  g100: purple50
+};
+var tagBorderGray = {
+  whiteTheme: gray40,
+  g10: gray40,
+  g90: gray50,
+  g100: gray50
+};
+var tagBorderCoolGray = {
+  whiteTheme: coolGray40,
+  g10: coolGray40,
+  g90: coolGray50,
+  g100: coolGray50
+};
+var tagBorderWarmGray = {
+  whiteTheme: warmGray40,
+  g10: warmGray40,
+  g90: warmGray50,
+  g100: warmGray50
+};
 
 var tokens$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -4577,7 +4533,17 @@ var tokens$1 = /*#__PURE__*/Object.freeze({
   tagHoverCoolGray: tagHoverCoolGray,
   tagBackgroundWarmGray: tagBackgroundWarmGray,
   tagColorWarmGray: tagColorWarmGray,
-  tagHoverWarmGray: tagHoverWarmGray
+  tagHoverWarmGray: tagHoverWarmGray,
+  tagBorderRed: tagBorderRed,
+  tagBorderBlue: tagBorderBlue,
+  tagBorderCyan: tagBorderCyan,
+  tagBorderTeal: tagBorderTeal,
+  tagBorderGreen: tagBorderGreen,
+  tagBorderMagenta: tagBorderMagenta,
+  tagBorderPurple: tagBorderPurple,
+  tagBorderGray: tagBorderGray,
+  tagBorderCoolGray: tagBorderCoolGray,
+  tagBorderWarmGray: tagBorderWarmGray
 });
 
 var index$1 = /*#__PURE__*/Object.freeze({
@@ -5154,15 +5120,15 @@ 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', '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',
+  tokens: ['slug-background', 'slug-gradient', 'slug-background-hover', 'slug-gradient-hover', 'slug-hollow-hover',
   // Phase 2
-  'slug-callout-shadow-outer-01', 'slug-callout-shadow-outer-02',
+  '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-overlay',
+  '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',
   // Caret tokens
-  'slug-callout-caret-center', 'slug-callout-caret-bottom', 'slug-callout-caret-bottom-background', 'slug-callout-caret-bottom-background-actions',
+  '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-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']
 });
 var group = TokenGroup.create({
   name: 'All',
@@ -5204,7 +5170,7 @@ var notification = TokenGroup.create({
 var tag = TokenGroup.create({
   name: 'Tag',
   properties: [],
-  tokens: ['tag-background-red', 'tag-color-red', 'tag-hover-red', 'tag-background-magenta', 'tag-color-magenta', 'tag-hover-magenta', 'tag-background-purple', 'tag-color-purple', 'tag-hover-purple', 'tag-background-blue', 'tag-color-blue', 'tag-hover-blue', 'tag-background-cyan', 'tag-color-cyan', 'tag-hover-cyan', 'tag-background-teal', 'tag-color-teal', 'tag-hover-teal', 'tag-background-green', 'tag-color-green', 'tag-hover-green', 'tag-background-gray', 'tag-color-gray', 'tag-hover-gray', 'tag-background-cool-gray', 'tag-color-cool-gray', 'tag-hover-cool-gray', 'tag-background-warm-gray', 'tag-color-warm-gray', 'tag-hover-warm-gray']
+  tokens: ['tag-background-red', 'tag-color-red', 'tag-hover-red', 'tag-background-magenta', 'tag-color-magenta', 'tag-hover-magenta', 'tag-background-purple', 'tag-color-purple', 'tag-hover-purple', 'tag-background-blue', 'tag-color-blue', 'tag-hover-blue', 'tag-background-cyan', 'tag-color-cyan', 'tag-hover-cyan', 'tag-background-teal', 'tag-color-teal', 'tag-hover-teal', 'tag-background-green', 'tag-color-green', 'tag-hover-green', 'tag-background-gray', 'tag-color-gray', 'tag-hover-gray', 'tag-border-red', 'tag-border-blue', 'tag-border-cyan', 'tag-border-teal', 'tag-border-green', 'tag-border-magenta', 'tag-border-purple', 'tag-border-gray', 'tag-border-cool-gray', 'tag-border-warm-gray', 'tag-background-cool-gray', 'tag-color-cool-gray', 'tag-hover-cool-gray', 'tag-background-warm-gray', 'tag-color-warm-gray', 'tag-hover-warm-gray']
 });
 
 var components = /*#__PURE__*/Object.freeze({
@@ -5318,4 +5284,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, 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 };
+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 };