@carbon/themes 11.33.0 → 11.34.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/umd/index.js CHANGED
@@ -687,30 +687,24 @@
687
687
  var shadow$7 = 'rgba(0, 0, 0, 0.3)';
688
688
 
689
689
  //// AI - Experimental (Use at your own risk)
690
- // Slug tokens
691
- var slugBackground$3 = colors$1.gray70;
692
- var slugGradient$3 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").concat(colors$1.gray40, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
693
- var slugBackgroundHover$3 = colors$1.gray60;
694
- var slugGradientHover$3 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").concat(colors$1.gray20Hover, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
695
- var slugHollowHover$3 = colors$1.gray80Hover;
696
-
697
690
  //// Phase 2 - new \\\\
698
691
  // Shared
699
- var aiInnerShadow$3 = colors$1.rgba(colors$1.blue50, 0.2);
700
- var aiAuraStartTable$3 = colors$1.rgba(colors$1.blue50, 0.15);
692
+ var aiInnerShadow$3 = colors$1.rgba(colors$1.blue50, 0.1);
693
+ var aiAuraStartSm$3 = colors$1.rgba(colors$1.blue50, 0.16);
701
694
  var aiAuraStart$3 = colors$1.rgba(colors$1.blue50, 0.1);
702
695
  var aiAuraEnd$3 = colors$1.rgba(colors$1.white, 0);
703
696
  var aiBorderStrong$3 = colors$1.blue50;
704
- var aiBorderStart$3 = colors$1.blue40;
705
- var aiBorderEnd$3 = colors$1.blue20;
706
- var aiDropShadow$3 = colors$1.rgba(colors$1.blue60, 0.32);
697
+ var aiBorderStart$3 = colors$1.rgba(colors$1.blue30, 0.64);
698
+ var aiBorderEnd$3 = colors$1.blue40;
699
+ var aiDropShadow$3 = colors$1.rgba(colors$1.blue60, 0.1);
707
700
  var aiAuraHoverBackground$3 = colors$1.blue10;
708
- var aiAuraHoverStart$3 = colors$1.rgba(colors$1.blue50, 0.4);
701
+ var aiAuraHoverStart$3 = colors$1.rgba(colors$1.blue50, 0.32);
709
702
  var aiAuraHoverEnd$3 = colors$1.rgba(colors$1.white, 0);
710
703
 
711
704
  // AI Popover
712
- var aiPopoverShadowOuter01$3 = colors$1.rgba(colors$1.blue70, 0.25);
713
- var aiPopoverShadowOuter02$3 = colors$1.rgba(colors$1.black, 0.1);
705
+ var aiPopoverBackground$3 = colors$1.white;
706
+ var aiPopoverShadowOuter01$3 = colors$1.rgba(colors$1.blue70, 0.06);
707
+ var aiPopoverShadowOuter02$3 = colors$1.rgba(colors$1.black, 0.04);
714
708
 
715
709
  // AI skeleton
716
710
  var aiSkeletonBackground$3 = colors$1.blue20;
@@ -720,10 +714,10 @@
720
714
  var aiOverlay$3 = colors$1.rgba(colors$1.blue100, 0.5);
721
715
 
722
716
  // One off tokens for caret
723
- var aiPopoverCaretCenter$3 = '#A7C7FF';
724
- var aiPopoverCaretBottom$3 = colors$1.blue20;
725
- var aiPopoverCaretBottomBackgroundActions$3 = '#DAE5F8';
726
- var aiPopoverCaretBottomBackground$3 = '#D5E5FF';
717
+ var aiPopoverCaretCenter$3 = '#A0C3FF';
718
+ var aiPopoverCaretBottom$3 = colors$1.blue40;
719
+ var aiPopoverCaretBottomBackgroundActions$3 = '#E9EFFA';
720
+ var aiPopoverCaretBottomBackground$3 = '#EAF1FF';
727
721
 
728
722
  // Chat tokens
729
723
  var chatPromptBackground$3 = colors$1.white;
@@ -731,7 +725,7 @@
731
725
  var chatPromptBorderEnd$3 = colors$1.rgba(colors$1.gray10, 0);
732
726
  var chatBubbleUser$3 = colors$1.gray20;
733
727
  var chatBubbleAgent$3 = colors$1.white;
734
- var chatBubbleAgentBorder$3 = colors$1.gray20;
728
+ var chatBubbleBorder$3 = colors$1.gray20;
735
729
  var chatAvatarBot$3 = colors$1.gray60;
736
730
  var chatAvatarAgent$3 = colors$1.gray80;
737
731
  var chatAvatarUser$3 = colors$1.blue60;
@@ -848,13 +842,8 @@
848
842
  overlay: overlay$7,
849
843
  toggleOff: toggleOff$7,
850
844
  shadow: shadow$7,
851
- slugBackground: slugBackground$3,
852
- slugGradient: slugGradient$3,
853
- slugBackgroundHover: slugBackgroundHover$3,
854
- slugGradientHover: slugGradientHover$3,
855
- slugHollowHover: slugHollowHover$3,
856
845
  aiInnerShadow: aiInnerShadow$3,
857
- aiAuraStartTable: aiAuraStartTable$3,
846
+ aiAuraStartSm: aiAuraStartSm$3,
858
847
  aiAuraStart: aiAuraStart$3,
859
848
  aiAuraEnd: aiAuraEnd$3,
860
849
  aiBorderStrong: aiBorderStrong$3,
@@ -864,6 +853,7 @@
864
853
  aiAuraHoverBackground: aiAuraHoverBackground$3,
865
854
  aiAuraHoverStart: aiAuraHoverStart$3,
866
855
  aiAuraHoverEnd: aiAuraHoverEnd$3,
856
+ aiPopoverBackground: aiPopoverBackground$3,
867
857
  aiPopoverShadowOuter01: aiPopoverShadowOuter01$3,
868
858
  aiPopoverShadowOuter02: aiPopoverShadowOuter02$3,
869
859
  aiSkeletonBackground: aiSkeletonBackground$3,
@@ -878,7 +868,7 @@
878
868
  chatPromptBorderEnd: chatPromptBorderEnd$3,
879
869
  chatBubbleUser: chatBubbleUser$3,
880
870
  chatBubbleAgent: chatBubbleAgent$3,
881
- chatBubbleAgentBorder: chatBubbleAgentBorder$3,
871
+ chatBubbleBorder: chatBubbleBorder$3,
882
872
  chatAvatarBot: chatAvatarBot$3,
883
873
  chatAvatarAgent: chatAvatarAgent$3,
884
874
  chatAvatarUser: chatAvatarUser$3,
@@ -1128,30 +1118,24 @@
1128
1118
  var shadow$6 = 'rgba(0, 0, 0, 0.3)';
1129
1119
 
1130
1120
  //// AI - Experimental (Use at your own risk)
1131
- // Slug tokens
1132
- var slugBackground$2 = colors$1.gray70;
1133
- var slugGradient$2 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").concat(colors$1.gray40, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
1134
- var slugBackgroundHover$2 = colors$1.gray60;
1135
- var slugGradientHover$2 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").concat(colors$1.gray20Hover, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
1136
- var slugHollowHover$2 = colors$1.gray80Hover;
1137
-
1138
1121
  //// Phase 2 - new \\\\
1139
1122
  // Shared
1140
- var aiInnerShadow$2 = colors$1.rgba(colors$1.blue50, 0.2);
1141
- var aiAuraStartTable$2 = colors$1.rgba(colors$1.blue50, 0.15);
1123
+ var aiInnerShadow$2 = colors$1.rgba(colors$1.blue50, 0.1);
1124
+ var aiAuraStartSm$2 = colors$1.rgba(colors$1.blue50, 0.16);
1142
1125
  var aiAuraStart$2 = colors$1.rgba(colors$1.blue50, 0.1);
1143
1126
  var aiAuraEnd$2 = colors$1.rgba(colors$1.white, 0);
1144
1127
  var aiBorderStrong$2 = colors$1.blue50;
1145
- var aiBorderStart$2 = colors$1.blue40;
1146
- var aiBorderEnd$2 = colors$1.blue20;
1147
- var aiDropShadow$2 = colors$1.rgba(colors$1.blue60, 0.32);
1128
+ var aiBorderStart$2 = colors$1.rgba(colors$1.blue30, 0.64);
1129
+ var aiBorderEnd$2 = colors$1.blue40;
1130
+ var aiDropShadow$2 = colors$1.rgba(colors$1.blue60, 0.1);
1148
1131
  var aiAuraHoverBackground$2 = colors$1.blue10;
1149
- var aiAuraHoverStart$2 = colors$1.rgba(colors$1.blue50, 0.4);
1132
+ var aiAuraHoverStart$2 = colors$1.rgba(colors$1.blue50, 0.32);
1150
1133
  var aiAuraHoverEnd$2 = colors$1.rgba(colors$1.white, 0);
1151
1134
 
1152
1135
  // AI Popover
1153
- var aiPopoverShadowOuter01$2 = colors$1.rgba(colors$1.blue70, 0.25);
1154
- var aiPopoverShadowOuter02$2 = colors$1.rgba(colors$1.black, 0.1);
1136
+ var aiPopoverBackground$2 = colors$1.white;
1137
+ var aiPopoverShadowOuter01$2 = colors$1.rgba(colors$1.blue70, 0.06);
1138
+ var aiPopoverShadowOuter02$2 = colors$1.rgba(colors$1.black, 0.04);
1155
1139
 
1156
1140
  // AI skeleton
1157
1141
  var aiSkeletonBackground$2 = colors$1.blue20;
@@ -1161,10 +1145,10 @@
1161
1145
  var aiOverlay$2 = colors$1.rgba(colors$1.blue100, 0.5);
1162
1146
 
1163
1147
  // One off tokens for caret
1164
- var aiPopoverCaretCenter$2 = '#A7C7FF';
1165
- var aiPopoverCaretBottom$2 = colors$1.blue20;
1166
- var aiPopoverCaretBottomBackgroundActions$2 = '#D2DCEE';
1167
- var aiPopoverCaretBottomBackground$2 = '#CCDBF8';
1148
+ var aiPopoverCaretCenter$2 = '#A0C3FF';
1149
+ var aiPopoverCaretBottom$2 = colors$1.blue40;
1150
+ var aiPopoverCaretBottomBackgroundActions$2 = '#E9EFFA';
1151
+ var aiPopoverCaretBottomBackground$2 = '#EAF1FF';
1168
1152
 
1169
1153
  // Chat tokens
1170
1154
  var chatPromptBackground$2 = colors$1.white;
@@ -1172,7 +1156,7 @@
1172
1156
  var chatPromptBorderEnd$2 = colors$1.rgba(colors$1.gray10, 0);
1173
1157
  var chatBubbleUser$2 = colors$1.gray20;
1174
1158
  var chatBubbleAgent$2 = colors$1.white;
1175
- var chatBubbleAgentBorder$2 = colors$1.gray20;
1159
+ var chatBubbleBorder$2 = colors$1.gray20;
1176
1160
  var chatAvatarBot$2 = colors$1.gray60;
1177
1161
  var chatAvatarAgent$2 = colors$1.gray80;
1178
1162
  var chatAvatarUser$2 = colors$1.blue60;
@@ -1289,13 +1273,8 @@
1289
1273
  overlay: overlay$6,
1290
1274
  toggleOff: toggleOff$6,
1291
1275
  shadow: shadow$6,
1292
- slugBackground: slugBackground$2,
1293
- slugGradient: slugGradient$2,
1294
- slugBackgroundHover: slugBackgroundHover$2,
1295
- slugGradientHover: slugGradientHover$2,
1296
- slugHollowHover: slugHollowHover$2,
1297
1276
  aiInnerShadow: aiInnerShadow$2,
1298
- aiAuraStartTable: aiAuraStartTable$2,
1277
+ aiAuraStartSm: aiAuraStartSm$2,
1299
1278
  aiAuraStart: aiAuraStart$2,
1300
1279
  aiAuraEnd: aiAuraEnd$2,
1301
1280
  aiBorderStrong: aiBorderStrong$2,
@@ -1305,6 +1284,7 @@
1305
1284
  aiAuraHoverBackground: aiAuraHoverBackground$2,
1306
1285
  aiAuraHoverStart: aiAuraHoverStart$2,
1307
1286
  aiAuraHoverEnd: aiAuraHoverEnd$2,
1287
+ aiPopoverBackground: aiPopoverBackground$2,
1308
1288
  aiPopoverShadowOuter01: aiPopoverShadowOuter01$2,
1309
1289
  aiPopoverShadowOuter02: aiPopoverShadowOuter02$2,
1310
1290
  aiSkeletonBackground: aiSkeletonBackground$2,
@@ -1319,7 +1299,7 @@
1319
1299
  chatPromptBorderEnd: chatPromptBorderEnd$2,
1320
1300
  chatBubbleUser: chatBubbleUser$2,
1321
1301
  chatBubbleAgent: chatBubbleAgent$2,
1322
- chatBubbleAgentBorder: chatBubbleAgentBorder$2,
1302
+ chatBubbleBorder: chatBubbleBorder$2,
1323
1303
  chatAvatarBot: chatAvatarBot$2,
1324
1304
  chatAvatarAgent: chatAvatarAgent$2,
1325
1305
  chatAvatarUser: chatAvatarUser$2,
@@ -1569,43 +1549,37 @@
1569
1549
  var shadow$5 = colors$1.rgba(colors$1.black, 0.8);
1570
1550
 
1571
1551
  //// AI - Experimental (Use at your own risk)
1572
- // Slug tokens
1573
- var slugBackground$1 = colors$1.gray30;
1574
- var slugGradient$1 = "".concat(colors$1.gray50, " linear-gradient(135deg, ").concat(colors$1.gray10, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
1575
- var slugBackgroundHover$1 = colors$1.gray20;
1576
- var slugGradientHover$1 = "".concat(colors$1.gray40, " linear-gradient(135deg, ").concat(colors$1.white, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
1577
- var slugHollowHover$1 = colors$1.gray30Hover;
1578
-
1579
1552
  //// Phase 2 - new \\\\
1580
1553
  // Shared
1581
- var aiInnerShadow$1 = colors$1.rgba(colors$1.blue50, 0.2);
1582
- var aiAuraStartTable$1 = colors$1.rgba(colors$1.blue50, 0.15);
1554
+ var aiInnerShadow$1 = colors$1.rgba(colors$1.blue50, 0.16);
1555
+ var aiAuraStartSm$1 = colors$1.rgba(colors$1.blue50, 0.16);
1583
1556
  var aiAuraStart$1 = colors$1.rgba(colors$1.blue50, 0.1);
1584
1557
  var aiAuraEnd$1 = colors$1.rgba(colors$1.black, 0);
1585
1558
  var aiBorderStrong$1 = colors$1.blue40;
1586
- var aiBorderStart$1 = colors$1.blue50;
1587
- var aiBorderEnd$1 = colors$1.rgba(colors$1.blue30, 0.24);
1588
- var aiDropShadow$1 = colors$1.rgba(colors$1.blue60, 0.32);
1559
+ var aiBorderStart$1 = colors$1.rgba(colors$1.blue30, 0.36);
1560
+ var aiBorderEnd$1 = colors$1.blue50;
1561
+ var aiDropShadow$1 = colors$1.rgba(colors$1.black, 0.28);
1589
1562
  var aiAuraHoverBackground$1 = layerHover01$1;
1590
1563
  var aiAuraHoverStart$1 = colors$1.rgba(colors$1.blue50, 0.4);
1591
1564
  var aiAuraHoverEnd$1 = colors$1.rgba(colors$1.black, 0);
1592
1565
 
1593
1566
  // AI Popover
1594
- var aiPopoverShadowOuter01$1 = colors$1.rgba(colors$1.blue80, 0.25);
1595
- var aiPopoverShadowOuter02$1 = colors$1.rgba(colors$1.black, 0.65);
1567
+ var aiPopoverBackground$1 = colors$1.gray100;
1568
+ var aiPopoverShadowOuter01$1 = colors$1.rgba(colors$1.black, 0.12);
1569
+ var aiPopoverShadowOuter02$1 = colors$1.rgba(colors$1.black, 0.08);
1596
1570
 
1597
1571
  // AI skeleton
1598
- var aiSkeletonBackground$1 = colors$1.blue30;
1599
- var aiSkeletonElementBackground$1 = colors$1.blue80;
1572
+ var aiSkeletonBackground$1 = colors$1.rgba(colors$1.blue40, 0.5);
1573
+ var aiSkeletonElementBackground$1 = colors$1.rgba(colors$1.blue40, 0.3);
1600
1574
 
1601
1575
  // AI Modal tokens
1602
- var aiOverlay$1 = colors$1.rgba(colors$1.blue100, 0.5);
1576
+ var aiOverlay$1 = colors$1.rgba(colors$1.black, 0.5);
1603
1577
 
1604
1578
  // One off tokens for caret
1605
- var aiPopoverCaretCenter$1 = '#456FB5';
1606
- var aiPopoverCaretBottom$1 = '#465060';
1607
- var aiPopoverCaretBottomBackgroundActions$1 = '#253042';
1608
- var aiPopoverCaretBottomBackground$1 = '#2D3F5C';
1579
+ var aiPopoverCaretCenter$1 = '#4870B5';
1580
+ var aiPopoverCaretBottom$1 = colors$1.blue50;
1581
+ var aiPopoverCaretBottomBackgroundActions$1 = '#1E283A';
1582
+ var aiPopoverCaretBottomBackground$1 = '#202D45';
1609
1583
 
1610
1584
  // Chat tokens
1611
1585
  var chatPromptBackground$1 = colors$1.gray100;
@@ -1613,7 +1587,7 @@
1613
1587
  var chatPromptBorderEnd$1 = colors$1.rgba(colors$1.gray90, 0);
1614
1588
  var chatBubbleUser$1 = colors$1.gray80;
1615
1589
  var chatBubbleAgent$1 = colors$1.gray90;
1616
- var chatBubbleAgentBorder$1 = colors$1.gray70;
1590
+ var chatBubbleBorder$1 = colors$1.gray70;
1617
1591
  var chatAvatarBot$1 = colors$1.gray50;
1618
1592
  var chatAvatarAgent$1 = colors$1.gray30;
1619
1593
  var chatAvatarUser$1 = colors$1.blue50;
@@ -1730,13 +1704,8 @@
1730
1704
  overlay: overlay$5,
1731
1705
  toggleOff: toggleOff$5,
1732
1706
  shadow: shadow$5,
1733
- slugBackground: slugBackground$1,
1734
- slugGradient: slugGradient$1,
1735
- slugBackgroundHover: slugBackgroundHover$1,
1736
- slugGradientHover: slugGradientHover$1,
1737
- slugHollowHover: slugHollowHover$1,
1738
1707
  aiInnerShadow: aiInnerShadow$1,
1739
- aiAuraStartTable: aiAuraStartTable$1,
1708
+ aiAuraStartSm: aiAuraStartSm$1,
1740
1709
  aiAuraStart: aiAuraStart$1,
1741
1710
  aiAuraEnd: aiAuraEnd$1,
1742
1711
  aiBorderStrong: aiBorderStrong$1,
@@ -1746,6 +1715,7 @@
1746
1715
  aiAuraHoverBackground: aiAuraHoverBackground$1,
1747
1716
  aiAuraHoverStart: aiAuraHoverStart$1,
1748
1717
  aiAuraHoverEnd: aiAuraHoverEnd$1,
1718
+ aiPopoverBackground: aiPopoverBackground$1,
1749
1719
  aiPopoverShadowOuter01: aiPopoverShadowOuter01$1,
1750
1720
  aiPopoverShadowOuter02: aiPopoverShadowOuter02$1,
1751
1721
  aiSkeletonBackground: aiSkeletonBackground$1,
@@ -1760,7 +1730,7 @@
1760
1730
  chatPromptBorderEnd: chatPromptBorderEnd$1,
1761
1731
  chatBubbleUser: chatBubbleUser$1,
1762
1732
  chatBubbleAgent: chatBubbleAgent$1,
1763
- chatBubbleAgentBorder: chatBubbleAgentBorder$1,
1733
+ chatBubbleBorder: chatBubbleBorder$1,
1764
1734
  chatAvatarBot: chatAvatarBot$1,
1765
1735
  chatAvatarAgent: chatAvatarAgent$1,
1766
1736
  chatAvatarUser: chatAvatarUser$1,
@@ -2010,43 +1980,37 @@
2010
1980
  var shadow$4 = colors$1.rgba(colors$1.black, 0.8);
2011
1981
 
2012
1982
  //// AI - Experimental (Use at your own risk)
2013
- // Slug tokens
2014
- var slugBackground = colors$1.gray30;
2015
- var slugGradient = "".concat(colors$1.gray50, " linear-gradient(135deg, ").concat(colors$1.gray10, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
2016
- var slugBackgroundHover = colors$1.gray20;
2017
- var slugGradientHover = "".concat(colors$1.gray40, " linear-gradient(135deg, ").concat(colors$1.white, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
2018
- var slugHollowHover = colors$1.gray30Hover;
2019
-
2020
1983
  //// Phase 2 - new \\\\
2021
1984
  // Shared
2022
- var aiInnerShadow = colors$1.rgba(colors$1.blue50, 0.2);
2023
- var aiAuraStartTable = colors$1.rgba(colors$1.blue50, 0.15);
1985
+ var aiInnerShadow = colors$1.rgba(colors$1.blue50, 0.16);
1986
+ var aiAuraStartSm = colors$1.rgba(colors$1.blue50, 0.16);
2024
1987
  var aiAuraStart = colors$1.rgba(colors$1.blue50, 0.1);
2025
1988
  var aiAuraEnd = colors$1.rgba(colors$1.black, 0);
2026
1989
  var aiBorderStrong = colors$1.blue40;
2027
- var aiBorderStart = colors$1.blue50;
2028
- var aiBorderEnd = colors$1.rgba(colors$1.blue30, 0.24);
2029
- var aiDropShadow = colors$1.rgba(colors$1.blue60, 0.32);
1990
+ var aiBorderStart = colors$1.rgba(colors$1.blue30, 0.36);
1991
+ var aiBorderEnd = colors$1.blue50;
1992
+ var aiDropShadow = colors$1.rgba(colors$1.black, 0.28);
2030
1993
  var aiAuraHoverBackground = layerHover01;
2031
1994
  var aiAuraHoverStart = colors$1.rgba(colors$1.blue50, 0.4);
2032
1995
  var aiAuraHoverEnd = colors$1.rgba(colors$1.black, 0);
2033
1996
 
2034
1997
  // AI Popover
2035
- var aiPopoverShadowOuter01 = colors$1.rgba(colors$1.blue80, 0.25);
2036
- var aiPopoverShadowOuter02 = colors$1.rgba(colors$1.black, 0.65);
1998
+ var aiPopoverBackground = colors$1.gray100;
1999
+ var aiPopoverShadowOuter01 = colors$1.rgba(colors$1.black, 0.12);
2000
+ var aiPopoverShadowOuter02 = colors$1.rgba(colors$1.black, 0.08);
2037
2001
 
2038
2002
  // AI skeleton
2039
- var aiSkeletonBackground = colors$1.blue30;
2040
- var aiSkeletonElementBackground = colors$1.blue80;
2003
+ var aiSkeletonBackground = colors$1.rgba(colors$1.blue40, 0.5);
2004
+ var aiSkeletonElementBackground = colors$1.rgba(colors$1.blue40, 0.3);
2041
2005
 
2042
2006
  // AI Modal tokens
2043
- var aiOverlay = colors$1.rgba(colors$1.blue100, 0.5);
2007
+ var aiOverlay = colors$1.rgba(colors$1.black, 0.5);
2044
2008
 
2045
2009
  // One off tokens for caret
2046
- var aiPopoverCaretCenter = '#3F68AF';
2047
- var aiPopoverCaretBottom = '#3D4655';
2048
- var aiPopoverCaretBottomBackgroundActions = '#192436';
2049
- var aiPopoverCaretBottomBackground = '#213250';
2010
+ var aiPopoverCaretCenter = '#4870B5';
2011
+ var aiPopoverCaretBottom = colors$1.blue50;
2012
+ var aiPopoverCaretBottomBackgroundActions = '#1E283A';
2013
+ var aiPopoverCaretBottomBackground = '#202D45';
2050
2014
 
2051
2015
  // Chat tokens
2052
2016
  var chatPromptBackground = colors$1.gray100;
@@ -2054,7 +2018,7 @@
2054
2018
  var chatPromptBorderEnd = colors$1.rgba(colors$1.gray90, 0);
2055
2019
  var chatBubbleUser = colors$1.gray80;
2056
2020
  var chatBubbleAgent = colors$1.gray90;
2057
- var chatBubbleAgentBorder = colors$1.gray70;
2021
+ var chatBubbleBorder = colors$1.gray70;
2058
2022
  var chatAvatarBot = colors$1.gray50;
2059
2023
  var chatAvatarAgent = colors$1.gray30;
2060
2024
  var chatAvatarUser = colors$1.blue50;
@@ -2171,13 +2135,8 @@
2171
2135
  overlay: overlay$4,
2172
2136
  toggleOff: toggleOff$4,
2173
2137
  shadow: shadow$4,
2174
- slugBackground: slugBackground,
2175
- slugGradient: slugGradient,
2176
- slugBackgroundHover: slugBackgroundHover,
2177
- slugGradientHover: slugGradientHover,
2178
- slugHollowHover: slugHollowHover,
2179
2138
  aiInnerShadow: aiInnerShadow,
2180
- aiAuraStartTable: aiAuraStartTable,
2139
+ aiAuraStartSm: aiAuraStartSm,
2181
2140
  aiAuraStart: aiAuraStart,
2182
2141
  aiAuraEnd: aiAuraEnd,
2183
2142
  aiBorderStrong: aiBorderStrong,
@@ -2187,6 +2146,7 @@
2187
2146
  aiAuraHoverBackground: aiAuraHoverBackground,
2188
2147
  aiAuraHoverStart: aiAuraHoverStart,
2189
2148
  aiAuraHoverEnd: aiAuraHoverEnd,
2149
+ aiPopoverBackground: aiPopoverBackground,
2190
2150
  aiPopoverShadowOuter01: aiPopoverShadowOuter01,
2191
2151
  aiPopoverShadowOuter02: aiPopoverShadowOuter02,
2192
2152
  aiSkeletonBackground: aiSkeletonBackground,
@@ -2201,7 +2161,7 @@
2201
2161
  chatPromptBorderEnd: chatPromptBorderEnd,
2202
2162
  chatBubbleUser: chatBubbleUser,
2203
2163
  chatBubbleAgent: chatBubbleAgent,
2204
- chatBubbleAgentBorder: chatBubbleAgentBorder,
2164
+ chatBubbleBorder: chatBubbleBorder,
2205
2165
  chatAvatarBot: chatAvatarBot,
2206
2166
  chatAvatarAgent: chatAvatarAgent,
2207
2167
  chatAvatarUser: chatAvatarUser,
@@ -5179,15 +5139,15 @@
5179
5139
  var ai = TokenGroup.create({
5180
5140
  name: 'AI',
5181
5141
  properties: ['background'],
5182
- tokens: ['slug-background', 'slug-gradient', 'slug-background-hover', 'slug-gradient-hover', 'slug-hollow-hover',
5142
+ tokens: [
5183
5143
  // Phase 2
5184
- 'ai-popover-shadow-outer-01', 'ai-popover-shadow-outer-02',
5144
+ 'ai-popover-background', 'ai-popover-shadow-outer-01', 'ai-popover-shadow-outer-02',
5185
5145
  // Linear gradient refactor
5186
- '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',
5146
+ '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',
5187
5147
  // Caret tokens
5188
5148
  'ai-popover-caret-center', 'ai-popover-caret-bottom', 'ai-popover-caret-bottom-background', 'ai-popover-caret-bottom-background-actions',
5189
5149
  // Chat tokens
5190
- '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',
5150
+ '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',
5191
5151
  // Chat button tokens
5192
5152
  'chat-button', 'chat-button-hover', 'chat-button-text-hover', 'chat-button-active', 'chat-button-selected', 'chat-button-text-selected']
5193
5153
  });
@@ -5634,13 +5594,14 @@
5634
5594
  exports.aiAuraHoverEnd = aiAuraHoverEnd$3;
5635
5595
  exports.aiAuraHoverStart = aiAuraHoverStart$3;
5636
5596
  exports.aiAuraStart = aiAuraStart$3;
5637
- exports.aiAuraStartTable = aiAuraStartTable$3;
5597
+ exports.aiAuraStartSm = aiAuraStartSm$3;
5638
5598
  exports.aiBorderEnd = aiBorderEnd$3;
5639
5599
  exports.aiBorderStart = aiBorderStart$3;
5640
5600
  exports.aiBorderStrong = aiBorderStrong$3;
5641
5601
  exports.aiDropShadow = aiDropShadow$3;
5642
5602
  exports.aiInnerShadow = aiInnerShadow$3;
5643
5603
  exports.aiOverlay = aiOverlay$3;
5604
+ exports.aiPopoverBackground = aiPopoverBackground$3;
5644
5605
  exports.aiPopoverCaretBottom = aiPopoverCaretBottom$3;
5645
5606
  exports.aiPopoverCaretBottomBackground = aiPopoverCaretBottomBackground$3;
5646
5607
  exports.aiPopoverCaretBottomBackgroundActions = aiPopoverCaretBottomBackgroundActions$3;
@@ -5678,7 +5639,7 @@
5678
5639
  exports.chatAvatarBot = chatAvatarBot$3;
5679
5640
  exports.chatAvatarUser = chatAvatarUser$3;
5680
5641
  exports.chatBubbleAgent = chatBubbleAgent$3;
5681
- exports.chatBubbleAgentBorder = chatBubbleAgentBorder$3;
5642
+ exports.chatBubbleBorder = chatBubbleBorder$3;
5682
5643
  exports.chatBubbleUser = chatBubbleUser$3;
5683
5644
  exports.chatButton = chatButton$3;
5684
5645
  exports.chatButtonActive = chatButtonActive$3;
@@ -5751,11 +5712,6 @@
5751
5712
  exports.shadow = shadow$7;
5752
5713
  exports.skeletonBackground = skeletonBackground$7;
5753
5714
  exports.skeletonElement = skeletonElement$7;
5754
- exports.slugBackground = slugBackground$3;
5755
- exports.slugBackgroundHover = slugBackgroundHover$3;
5756
- exports.slugGradient = slugGradient$3;
5757
- exports.slugGradientHover = slugGradientHover$3;
5758
- exports.slugHollowHover = slugHollowHover$3;
5759
5715
  exports.supportCautionMajor = supportCautionMajor$3;
5760
5716
  exports.supportCautionMinor = supportCautionMinor$3;
5761
5717
  exports.supportCautionUndefined = supportCautionUndefined$3;