@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/lib/index.js CHANGED
@@ -690,30 +690,24 @@ var toggleOff$7 = colors$1.gray50;
690
690
  var shadow$7 = 'rgba(0, 0, 0, 0.3)';
691
691
 
692
692
  //// AI - Experimental (Use at your own risk)
693
- // Slug tokens
694
- var slugBackground$3 = colors$1.gray70;
695
- var slugGradient$3 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").concat(colors$1.gray40, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
696
- var slugBackgroundHover$3 = colors$1.gray60;
697
- var slugGradientHover$3 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").concat(colors$1.gray20Hover, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
698
- var slugHollowHover$3 = colors$1.gray80Hover;
699
-
700
693
  //// Phase 2 - new \\\\
701
694
  // Shared
702
- var aiInnerShadow$3 = colors$1.rgba(colors$1.blue50, 0.2);
703
- var aiAuraStartTable$3 = colors$1.rgba(colors$1.blue50, 0.15);
695
+ var aiInnerShadow$3 = colors$1.rgba(colors$1.blue50, 0.1);
696
+ var aiAuraStartSm$3 = colors$1.rgba(colors$1.blue50, 0.16);
704
697
  var aiAuraStart$3 = colors$1.rgba(colors$1.blue50, 0.1);
705
698
  var aiAuraEnd$3 = colors$1.rgba(colors$1.white, 0);
706
699
  var aiBorderStrong$3 = colors$1.blue50;
707
- var aiBorderStart$3 = colors$1.blue40;
708
- var aiBorderEnd$3 = colors$1.blue20;
709
- var aiDropShadow$3 = colors$1.rgba(colors$1.blue60, 0.32);
700
+ var aiBorderStart$3 = colors$1.rgba(colors$1.blue30, 0.64);
701
+ var aiBorderEnd$3 = colors$1.blue40;
702
+ var aiDropShadow$3 = colors$1.rgba(colors$1.blue60, 0.1);
710
703
  var aiAuraHoverBackground$3 = colors$1.blue10;
711
- var aiAuraHoverStart$3 = colors$1.rgba(colors$1.blue50, 0.4);
704
+ var aiAuraHoverStart$3 = colors$1.rgba(colors$1.blue50, 0.32);
712
705
  var aiAuraHoverEnd$3 = colors$1.rgba(colors$1.white, 0);
713
706
 
714
707
  // AI Popover
715
- var aiPopoverShadowOuter01$3 = colors$1.rgba(colors$1.blue70, 0.25);
716
- var aiPopoverShadowOuter02$3 = colors$1.rgba(colors$1.black, 0.1);
708
+ var aiPopoverBackground$3 = colors$1.white;
709
+ var aiPopoverShadowOuter01$3 = colors$1.rgba(colors$1.blue70, 0.06);
710
+ var aiPopoverShadowOuter02$3 = colors$1.rgba(colors$1.black, 0.04);
717
711
 
718
712
  // AI skeleton
719
713
  var aiSkeletonBackground$3 = colors$1.blue20;
@@ -723,10 +717,10 @@ var aiSkeletonElementBackground$3 = colors$1.blue50;
723
717
  var aiOverlay$3 = colors$1.rgba(colors$1.blue100, 0.5);
724
718
 
725
719
  // One off tokens for caret
726
- var aiPopoverCaretCenter$3 = '#A7C7FF';
727
- var aiPopoverCaretBottom$3 = colors$1.blue20;
728
- var aiPopoverCaretBottomBackgroundActions$3 = '#DAE5F8';
729
- var aiPopoverCaretBottomBackground$3 = '#D5E5FF';
720
+ var aiPopoverCaretCenter$3 = '#A0C3FF';
721
+ var aiPopoverCaretBottom$3 = colors$1.blue40;
722
+ var aiPopoverCaretBottomBackgroundActions$3 = '#E9EFFA';
723
+ var aiPopoverCaretBottomBackground$3 = '#EAF1FF';
730
724
 
731
725
  // Chat tokens
732
726
  var chatPromptBackground$3 = colors$1.white;
@@ -734,7 +728,7 @@ var chatPromptBorderStart$3 = colors$1.gray10;
734
728
  var chatPromptBorderEnd$3 = colors$1.rgba(colors$1.gray10, 0);
735
729
  var chatBubbleUser$3 = colors$1.gray20;
736
730
  var chatBubbleAgent$3 = colors$1.white;
737
- var chatBubbleAgentBorder$3 = colors$1.gray20;
731
+ var chatBubbleBorder$3 = colors$1.gray20;
738
732
  var chatAvatarBot$3 = colors$1.gray60;
739
733
  var chatAvatarAgent$3 = colors$1.gray80;
740
734
  var chatAvatarUser$3 = colors$1.blue60;
@@ -851,13 +845,8 @@ var white$1 = /*#__PURE__*/Object.freeze({
851
845
  overlay: overlay$7,
852
846
  toggleOff: toggleOff$7,
853
847
  shadow: shadow$7,
854
- slugBackground: slugBackground$3,
855
- slugGradient: slugGradient$3,
856
- slugBackgroundHover: slugBackgroundHover$3,
857
- slugGradientHover: slugGradientHover$3,
858
- slugHollowHover: slugHollowHover$3,
859
848
  aiInnerShadow: aiInnerShadow$3,
860
- aiAuraStartTable: aiAuraStartTable$3,
849
+ aiAuraStartSm: aiAuraStartSm$3,
861
850
  aiAuraStart: aiAuraStart$3,
862
851
  aiAuraEnd: aiAuraEnd$3,
863
852
  aiBorderStrong: aiBorderStrong$3,
@@ -867,6 +856,7 @@ var white$1 = /*#__PURE__*/Object.freeze({
867
856
  aiAuraHoverBackground: aiAuraHoverBackground$3,
868
857
  aiAuraHoverStart: aiAuraHoverStart$3,
869
858
  aiAuraHoverEnd: aiAuraHoverEnd$3,
859
+ aiPopoverBackground: aiPopoverBackground$3,
870
860
  aiPopoverShadowOuter01: aiPopoverShadowOuter01$3,
871
861
  aiPopoverShadowOuter02: aiPopoverShadowOuter02$3,
872
862
  aiSkeletonBackground: aiSkeletonBackground$3,
@@ -881,7 +871,7 @@ var white$1 = /*#__PURE__*/Object.freeze({
881
871
  chatPromptBorderEnd: chatPromptBorderEnd$3,
882
872
  chatBubbleUser: chatBubbleUser$3,
883
873
  chatBubbleAgent: chatBubbleAgent$3,
884
- chatBubbleAgentBorder: chatBubbleAgentBorder$3,
874
+ chatBubbleBorder: chatBubbleBorder$3,
885
875
  chatAvatarBot: chatAvatarBot$3,
886
876
  chatAvatarAgent: chatAvatarAgent$3,
887
877
  chatAvatarUser: chatAvatarUser$3,
@@ -1131,30 +1121,24 @@ var toggleOff$6 = colors$1.gray50;
1131
1121
  var shadow$6 = 'rgba(0, 0, 0, 0.3)';
1132
1122
 
1133
1123
  //// AI - Experimental (Use at your own risk)
1134
- // Slug tokens
1135
- var slugBackground$2 = colors$1.gray70;
1136
- var slugGradient$2 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").concat(colors$1.gray40, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
1137
- var slugBackgroundHover$2 = colors$1.gray60;
1138
- var slugGradientHover$2 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").concat(colors$1.gray20Hover, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
1139
- var slugHollowHover$2 = colors$1.gray80Hover;
1140
-
1141
1124
  //// Phase 2 - new \\\\
1142
1125
  // Shared
1143
- var aiInnerShadow$2 = colors$1.rgba(colors$1.blue50, 0.2);
1144
- var aiAuraStartTable$2 = colors$1.rgba(colors$1.blue50, 0.15);
1126
+ var aiInnerShadow$2 = colors$1.rgba(colors$1.blue50, 0.1);
1127
+ var aiAuraStartSm$2 = colors$1.rgba(colors$1.blue50, 0.16);
1145
1128
  var aiAuraStart$2 = colors$1.rgba(colors$1.blue50, 0.1);
1146
1129
  var aiAuraEnd$2 = colors$1.rgba(colors$1.white, 0);
1147
1130
  var aiBorderStrong$2 = colors$1.blue50;
1148
- var aiBorderStart$2 = colors$1.blue40;
1149
- var aiBorderEnd$2 = colors$1.blue20;
1150
- var aiDropShadow$2 = colors$1.rgba(colors$1.blue60, 0.32);
1131
+ var aiBorderStart$2 = colors$1.rgba(colors$1.blue30, 0.64);
1132
+ var aiBorderEnd$2 = colors$1.blue40;
1133
+ var aiDropShadow$2 = colors$1.rgba(colors$1.blue60, 0.1);
1151
1134
  var aiAuraHoverBackground$2 = colors$1.blue10;
1152
- var aiAuraHoverStart$2 = colors$1.rgba(colors$1.blue50, 0.4);
1135
+ var aiAuraHoverStart$2 = colors$1.rgba(colors$1.blue50, 0.32);
1153
1136
  var aiAuraHoverEnd$2 = colors$1.rgba(colors$1.white, 0);
1154
1137
 
1155
1138
  // AI Popover
1156
- var aiPopoverShadowOuter01$2 = colors$1.rgba(colors$1.blue70, 0.25);
1157
- var aiPopoverShadowOuter02$2 = colors$1.rgba(colors$1.black, 0.1);
1139
+ var aiPopoverBackground$2 = colors$1.white;
1140
+ var aiPopoverShadowOuter01$2 = colors$1.rgba(colors$1.blue70, 0.06);
1141
+ var aiPopoverShadowOuter02$2 = colors$1.rgba(colors$1.black, 0.04);
1158
1142
 
1159
1143
  // AI skeleton
1160
1144
  var aiSkeletonBackground$2 = colors$1.blue20;
@@ -1164,10 +1148,10 @@ var aiSkeletonElementBackground$2 = colors$1.blue50;
1164
1148
  var aiOverlay$2 = colors$1.rgba(colors$1.blue100, 0.5);
1165
1149
 
1166
1150
  // One off tokens for caret
1167
- var aiPopoverCaretCenter$2 = '#A7C7FF';
1168
- var aiPopoverCaretBottom$2 = colors$1.blue20;
1169
- var aiPopoverCaretBottomBackgroundActions$2 = '#D2DCEE';
1170
- var aiPopoverCaretBottomBackground$2 = '#CCDBF8';
1151
+ var aiPopoverCaretCenter$2 = '#A0C3FF';
1152
+ var aiPopoverCaretBottom$2 = colors$1.blue40;
1153
+ var aiPopoverCaretBottomBackgroundActions$2 = '#E9EFFA';
1154
+ var aiPopoverCaretBottomBackground$2 = '#EAF1FF';
1171
1155
 
1172
1156
  // Chat tokens
1173
1157
  var chatPromptBackground$2 = colors$1.white;
@@ -1175,7 +1159,7 @@ var chatPromptBorderStart$2 = colors$1.gray10;
1175
1159
  var chatPromptBorderEnd$2 = colors$1.rgba(colors$1.gray10, 0);
1176
1160
  var chatBubbleUser$2 = colors$1.gray20;
1177
1161
  var chatBubbleAgent$2 = colors$1.white;
1178
- var chatBubbleAgentBorder$2 = colors$1.gray20;
1162
+ var chatBubbleBorder$2 = colors$1.gray20;
1179
1163
  var chatAvatarBot$2 = colors$1.gray60;
1180
1164
  var chatAvatarAgent$2 = colors$1.gray80;
1181
1165
  var chatAvatarUser$2 = colors$1.blue60;
@@ -1292,13 +1276,8 @@ var g10$1 = /*#__PURE__*/Object.freeze({
1292
1276
  overlay: overlay$6,
1293
1277
  toggleOff: toggleOff$6,
1294
1278
  shadow: shadow$6,
1295
- slugBackground: slugBackground$2,
1296
- slugGradient: slugGradient$2,
1297
- slugBackgroundHover: slugBackgroundHover$2,
1298
- slugGradientHover: slugGradientHover$2,
1299
- slugHollowHover: slugHollowHover$2,
1300
1279
  aiInnerShadow: aiInnerShadow$2,
1301
- aiAuraStartTable: aiAuraStartTable$2,
1280
+ aiAuraStartSm: aiAuraStartSm$2,
1302
1281
  aiAuraStart: aiAuraStart$2,
1303
1282
  aiAuraEnd: aiAuraEnd$2,
1304
1283
  aiBorderStrong: aiBorderStrong$2,
@@ -1308,6 +1287,7 @@ var g10$1 = /*#__PURE__*/Object.freeze({
1308
1287
  aiAuraHoverBackground: aiAuraHoverBackground$2,
1309
1288
  aiAuraHoverStart: aiAuraHoverStart$2,
1310
1289
  aiAuraHoverEnd: aiAuraHoverEnd$2,
1290
+ aiPopoverBackground: aiPopoverBackground$2,
1311
1291
  aiPopoverShadowOuter01: aiPopoverShadowOuter01$2,
1312
1292
  aiPopoverShadowOuter02: aiPopoverShadowOuter02$2,
1313
1293
  aiSkeletonBackground: aiSkeletonBackground$2,
@@ -1322,7 +1302,7 @@ var g10$1 = /*#__PURE__*/Object.freeze({
1322
1302
  chatPromptBorderEnd: chatPromptBorderEnd$2,
1323
1303
  chatBubbleUser: chatBubbleUser$2,
1324
1304
  chatBubbleAgent: chatBubbleAgent$2,
1325
- chatBubbleAgentBorder: chatBubbleAgentBorder$2,
1305
+ chatBubbleBorder: chatBubbleBorder$2,
1326
1306
  chatAvatarBot: chatAvatarBot$2,
1327
1307
  chatAvatarAgent: chatAvatarAgent$2,
1328
1308
  chatAvatarUser: chatAvatarUser$2,
@@ -1572,43 +1552,37 @@ var toggleOff$5 = colors$1.gray50;
1572
1552
  var shadow$5 = colors$1.rgba(colors$1.black, 0.8);
1573
1553
 
1574
1554
  //// AI - Experimental (Use at your own risk)
1575
- // Slug tokens
1576
- var slugBackground$1 = colors$1.gray30;
1577
- var slugGradient$1 = "".concat(colors$1.gray50, " linear-gradient(135deg, ").concat(colors$1.gray10, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
1578
- var slugBackgroundHover$1 = colors$1.gray20;
1579
- var slugGradientHover$1 = "".concat(colors$1.gray40, " linear-gradient(135deg, ").concat(colors$1.white, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
1580
- var slugHollowHover$1 = colors$1.gray30Hover;
1581
-
1582
1555
  //// Phase 2 - new \\\\
1583
1556
  // Shared
1584
- var aiInnerShadow$1 = colors$1.rgba(colors$1.blue50, 0.2);
1585
- var aiAuraStartTable$1 = colors$1.rgba(colors$1.blue50, 0.15);
1557
+ var aiInnerShadow$1 = colors$1.rgba(colors$1.blue50, 0.16);
1558
+ var aiAuraStartSm$1 = colors$1.rgba(colors$1.blue50, 0.16);
1586
1559
  var aiAuraStart$1 = colors$1.rgba(colors$1.blue50, 0.1);
1587
1560
  var aiAuraEnd$1 = colors$1.rgba(colors$1.black, 0);
1588
1561
  var aiBorderStrong$1 = colors$1.blue40;
1589
- var aiBorderStart$1 = colors$1.blue50;
1590
- var aiBorderEnd$1 = colors$1.rgba(colors$1.blue30, 0.24);
1591
- var aiDropShadow$1 = colors$1.rgba(colors$1.blue60, 0.32);
1562
+ var aiBorderStart$1 = colors$1.rgba(colors$1.blue30, 0.36);
1563
+ var aiBorderEnd$1 = colors$1.blue50;
1564
+ var aiDropShadow$1 = colors$1.rgba(colors$1.black, 0.28);
1592
1565
  var aiAuraHoverBackground$1 = layerHover01$1;
1593
1566
  var aiAuraHoverStart$1 = colors$1.rgba(colors$1.blue50, 0.4);
1594
1567
  var aiAuraHoverEnd$1 = colors$1.rgba(colors$1.black, 0);
1595
1568
 
1596
1569
  // AI Popover
1597
- var aiPopoverShadowOuter01$1 = colors$1.rgba(colors$1.blue80, 0.25);
1598
- var aiPopoverShadowOuter02$1 = colors$1.rgba(colors$1.black, 0.65);
1570
+ var aiPopoverBackground$1 = colors$1.gray100;
1571
+ var aiPopoverShadowOuter01$1 = colors$1.rgba(colors$1.black, 0.12);
1572
+ var aiPopoverShadowOuter02$1 = colors$1.rgba(colors$1.black, 0.08);
1599
1573
 
1600
1574
  // AI skeleton
1601
- var aiSkeletonBackground$1 = colors$1.blue30;
1602
- var aiSkeletonElementBackground$1 = colors$1.blue80;
1575
+ var aiSkeletonBackground$1 = colors$1.rgba(colors$1.blue40, 0.5);
1576
+ var aiSkeletonElementBackground$1 = colors$1.rgba(colors$1.blue40, 0.3);
1603
1577
 
1604
1578
  // AI Modal tokens
1605
- var aiOverlay$1 = colors$1.rgba(colors$1.blue100, 0.5);
1579
+ var aiOverlay$1 = colors$1.rgba(colors$1.black, 0.5);
1606
1580
 
1607
1581
  // One off tokens for caret
1608
- var aiPopoverCaretCenter$1 = '#456FB5';
1609
- var aiPopoverCaretBottom$1 = '#465060';
1610
- var aiPopoverCaretBottomBackgroundActions$1 = '#253042';
1611
- var aiPopoverCaretBottomBackground$1 = '#2D3F5C';
1582
+ var aiPopoverCaretCenter$1 = '#4870B5';
1583
+ var aiPopoverCaretBottom$1 = colors$1.blue50;
1584
+ var aiPopoverCaretBottomBackgroundActions$1 = '#1E283A';
1585
+ var aiPopoverCaretBottomBackground$1 = '#202D45';
1612
1586
 
1613
1587
  // Chat tokens
1614
1588
  var chatPromptBackground$1 = colors$1.gray100;
@@ -1616,7 +1590,7 @@ var chatPromptBorderStart$1 = colors$1.gray90;
1616
1590
  var chatPromptBorderEnd$1 = colors$1.rgba(colors$1.gray90, 0);
1617
1591
  var chatBubbleUser$1 = colors$1.gray80;
1618
1592
  var chatBubbleAgent$1 = colors$1.gray90;
1619
- var chatBubbleAgentBorder$1 = colors$1.gray70;
1593
+ var chatBubbleBorder$1 = colors$1.gray70;
1620
1594
  var chatAvatarBot$1 = colors$1.gray50;
1621
1595
  var chatAvatarAgent$1 = colors$1.gray30;
1622
1596
  var chatAvatarUser$1 = colors$1.blue50;
@@ -1733,13 +1707,8 @@ var g90$1 = /*#__PURE__*/Object.freeze({
1733
1707
  overlay: overlay$5,
1734
1708
  toggleOff: toggleOff$5,
1735
1709
  shadow: shadow$5,
1736
- slugBackground: slugBackground$1,
1737
- slugGradient: slugGradient$1,
1738
- slugBackgroundHover: slugBackgroundHover$1,
1739
- slugGradientHover: slugGradientHover$1,
1740
- slugHollowHover: slugHollowHover$1,
1741
1710
  aiInnerShadow: aiInnerShadow$1,
1742
- aiAuraStartTable: aiAuraStartTable$1,
1711
+ aiAuraStartSm: aiAuraStartSm$1,
1743
1712
  aiAuraStart: aiAuraStart$1,
1744
1713
  aiAuraEnd: aiAuraEnd$1,
1745
1714
  aiBorderStrong: aiBorderStrong$1,
@@ -1749,6 +1718,7 @@ var g90$1 = /*#__PURE__*/Object.freeze({
1749
1718
  aiAuraHoverBackground: aiAuraHoverBackground$1,
1750
1719
  aiAuraHoverStart: aiAuraHoverStart$1,
1751
1720
  aiAuraHoverEnd: aiAuraHoverEnd$1,
1721
+ aiPopoverBackground: aiPopoverBackground$1,
1752
1722
  aiPopoverShadowOuter01: aiPopoverShadowOuter01$1,
1753
1723
  aiPopoverShadowOuter02: aiPopoverShadowOuter02$1,
1754
1724
  aiSkeletonBackground: aiSkeletonBackground$1,
@@ -1763,7 +1733,7 @@ var g90$1 = /*#__PURE__*/Object.freeze({
1763
1733
  chatPromptBorderEnd: chatPromptBorderEnd$1,
1764
1734
  chatBubbleUser: chatBubbleUser$1,
1765
1735
  chatBubbleAgent: chatBubbleAgent$1,
1766
- chatBubbleAgentBorder: chatBubbleAgentBorder$1,
1736
+ chatBubbleBorder: chatBubbleBorder$1,
1767
1737
  chatAvatarBot: chatAvatarBot$1,
1768
1738
  chatAvatarAgent: chatAvatarAgent$1,
1769
1739
  chatAvatarUser: chatAvatarUser$1,
@@ -2013,43 +1983,37 @@ var toggleOff$4 = colors$1.gray60;
2013
1983
  var shadow$4 = colors$1.rgba(colors$1.black, 0.8);
2014
1984
 
2015
1985
  //// AI - Experimental (Use at your own risk)
2016
- // Slug tokens
2017
- var slugBackground = colors$1.gray30;
2018
- var slugGradient = "".concat(colors$1.gray50, " linear-gradient(135deg, ").concat(colors$1.gray10, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
2019
- var slugBackgroundHover = colors$1.gray20;
2020
- var slugGradientHover = "".concat(colors$1.gray40, " linear-gradient(135deg, ").concat(colors$1.white, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
2021
- var slugHollowHover = colors$1.gray30Hover;
2022
-
2023
1986
  //// Phase 2 - new \\\\
2024
1987
  // Shared
2025
- var aiInnerShadow = colors$1.rgba(colors$1.blue50, 0.2);
2026
- var aiAuraStartTable = colors$1.rgba(colors$1.blue50, 0.15);
1988
+ var aiInnerShadow = colors$1.rgba(colors$1.blue50, 0.16);
1989
+ var aiAuraStartSm = colors$1.rgba(colors$1.blue50, 0.16);
2027
1990
  var aiAuraStart = colors$1.rgba(colors$1.blue50, 0.1);
2028
1991
  var aiAuraEnd = colors$1.rgba(colors$1.black, 0);
2029
1992
  var aiBorderStrong = colors$1.blue40;
2030
- var aiBorderStart = colors$1.blue50;
2031
- var aiBorderEnd = colors$1.rgba(colors$1.blue30, 0.24);
2032
- var aiDropShadow = colors$1.rgba(colors$1.blue60, 0.32);
1993
+ var aiBorderStart = colors$1.rgba(colors$1.blue30, 0.36);
1994
+ var aiBorderEnd = colors$1.blue50;
1995
+ var aiDropShadow = colors$1.rgba(colors$1.black, 0.28);
2033
1996
  var aiAuraHoverBackground = layerHover01;
2034
1997
  var aiAuraHoverStart = colors$1.rgba(colors$1.blue50, 0.4);
2035
1998
  var aiAuraHoverEnd = colors$1.rgba(colors$1.black, 0);
2036
1999
 
2037
2000
  // AI Popover
2038
- var aiPopoverShadowOuter01 = colors$1.rgba(colors$1.blue80, 0.25);
2039
- var aiPopoverShadowOuter02 = colors$1.rgba(colors$1.black, 0.65);
2001
+ var aiPopoverBackground = colors$1.gray100;
2002
+ var aiPopoverShadowOuter01 = colors$1.rgba(colors$1.black, 0.12);
2003
+ var aiPopoverShadowOuter02 = colors$1.rgba(colors$1.black, 0.08);
2040
2004
 
2041
2005
  // AI skeleton
2042
- var aiSkeletonBackground = colors$1.blue30;
2043
- var aiSkeletonElementBackground = colors$1.blue80;
2006
+ var aiSkeletonBackground = colors$1.rgba(colors$1.blue40, 0.5);
2007
+ var aiSkeletonElementBackground = colors$1.rgba(colors$1.blue40, 0.3);
2044
2008
 
2045
2009
  // AI Modal tokens
2046
- var aiOverlay = colors$1.rgba(colors$1.blue100, 0.5);
2010
+ var aiOverlay = colors$1.rgba(colors$1.black, 0.5);
2047
2011
 
2048
2012
  // One off tokens for caret
2049
- var aiPopoverCaretCenter = '#3F68AF';
2050
- var aiPopoverCaretBottom = '#3D4655';
2051
- var aiPopoverCaretBottomBackgroundActions = '#192436';
2052
- var aiPopoverCaretBottomBackground = '#213250';
2013
+ var aiPopoverCaretCenter = '#4870B5';
2014
+ var aiPopoverCaretBottom = colors$1.blue50;
2015
+ var aiPopoverCaretBottomBackgroundActions = '#1E283A';
2016
+ var aiPopoverCaretBottomBackground = '#202D45';
2053
2017
 
2054
2018
  // Chat tokens
2055
2019
  var chatPromptBackground = colors$1.gray100;
@@ -2057,7 +2021,7 @@ var chatPromptBorderStart = colors$1.gray90;
2057
2021
  var chatPromptBorderEnd = colors$1.rgba(colors$1.gray90, 0);
2058
2022
  var chatBubbleUser = colors$1.gray80;
2059
2023
  var chatBubbleAgent = colors$1.gray90;
2060
- var chatBubbleAgentBorder = colors$1.gray70;
2024
+ var chatBubbleBorder = colors$1.gray70;
2061
2025
  var chatAvatarBot = colors$1.gray50;
2062
2026
  var chatAvatarAgent = colors$1.gray30;
2063
2027
  var chatAvatarUser = colors$1.blue50;
@@ -2174,13 +2138,8 @@ var g100$1 = /*#__PURE__*/Object.freeze({
2174
2138
  overlay: overlay$4,
2175
2139
  toggleOff: toggleOff$4,
2176
2140
  shadow: shadow$4,
2177
- slugBackground: slugBackground,
2178
- slugGradient: slugGradient,
2179
- slugBackgroundHover: slugBackgroundHover,
2180
- slugGradientHover: slugGradientHover,
2181
- slugHollowHover: slugHollowHover,
2182
2141
  aiInnerShadow: aiInnerShadow,
2183
- aiAuraStartTable: aiAuraStartTable,
2142
+ aiAuraStartSm: aiAuraStartSm,
2184
2143
  aiAuraStart: aiAuraStart,
2185
2144
  aiAuraEnd: aiAuraEnd,
2186
2145
  aiBorderStrong: aiBorderStrong,
@@ -2190,6 +2149,7 @@ var g100$1 = /*#__PURE__*/Object.freeze({
2190
2149
  aiAuraHoverBackground: aiAuraHoverBackground,
2191
2150
  aiAuraHoverStart: aiAuraHoverStart,
2192
2151
  aiAuraHoverEnd: aiAuraHoverEnd,
2152
+ aiPopoverBackground: aiPopoverBackground,
2193
2153
  aiPopoverShadowOuter01: aiPopoverShadowOuter01,
2194
2154
  aiPopoverShadowOuter02: aiPopoverShadowOuter02,
2195
2155
  aiSkeletonBackground: aiSkeletonBackground,
@@ -2204,7 +2164,7 @@ var g100$1 = /*#__PURE__*/Object.freeze({
2204
2164
  chatPromptBorderEnd: chatPromptBorderEnd,
2205
2165
  chatBubbleUser: chatBubbleUser,
2206
2166
  chatBubbleAgent: chatBubbleAgent,
2207
- chatBubbleAgentBorder: chatBubbleAgentBorder,
2167
+ chatBubbleBorder: chatBubbleBorder,
2208
2168
  chatAvatarBot: chatAvatarBot,
2209
2169
  chatAvatarAgent: chatAvatarAgent,
2210
2170
  chatAvatarUser: chatAvatarUser,
@@ -5182,15 +5142,15 @@ var contextual = TokenGroup.create({
5182
5142
  var ai = TokenGroup.create({
5183
5143
  name: 'AI',
5184
5144
  properties: ['background'],
5185
- tokens: ['slug-background', 'slug-gradient', 'slug-background-hover', 'slug-gradient-hover', 'slug-hollow-hover',
5145
+ tokens: [
5186
5146
  // Phase 2
5187
- 'ai-popover-shadow-outer-01', 'ai-popover-shadow-outer-02',
5147
+ 'ai-popover-background', 'ai-popover-shadow-outer-01', 'ai-popover-shadow-outer-02',
5188
5148
  // Linear gradient refactor
5189
- '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',
5149
+ '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',
5190
5150
  // Caret tokens
5191
5151
  'ai-popover-caret-center', 'ai-popover-caret-bottom', 'ai-popover-caret-bottom-background', 'ai-popover-caret-bottom-background-actions',
5192
5152
  // Chat tokens
5193
- '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',
5153
+ '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',
5194
5154
  // Chat button tokens
5195
5155
  'chat-button', 'chat-button-hover', 'chat-button-text-hover', 'chat-button-active', 'chat-button-selected', 'chat-button-text-selected']
5196
5156
  });
@@ -5637,13 +5597,14 @@ exports.aiAuraHoverBackground = aiAuraHoverBackground$3;
5637
5597
  exports.aiAuraHoverEnd = aiAuraHoverEnd$3;
5638
5598
  exports.aiAuraHoverStart = aiAuraHoverStart$3;
5639
5599
  exports.aiAuraStart = aiAuraStart$3;
5640
- exports.aiAuraStartTable = aiAuraStartTable$3;
5600
+ exports.aiAuraStartSm = aiAuraStartSm$3;
5641
5601
  exports.aiBorderEnd = aiBorderEnd$3;
5642
5602
  exports.aiBorderStart = aiBorderStart$3;
5643
5603
  exports.aiBorderStrong = aiBorderStrong$3;
5644
5604
  exports.aiDropShadow = aiDropShadow$3;
5645
5605
  exports.aiInnerShadow = aiInnerShadow$3;
5646
5606
  exports.aiOverlay = aiOverlay$3;
5607
+ exports.aiPopoverBackground = aiPopoverBackground$3;
5647
5608
  exports.aiPopoverCaretBottom = aiPopoverCaretBottom$3;
5648
5609
  exports.aiPopoverCaretBottomBackground = aiPopoverCaretBottomBackground$3;
5649
5610
  exports.aiPopoverCaretBottomBackgroundActions = aiPopoverCaretBottomBackgroundActions$3;
@@ -5681,7 +5642,7 @@ exports.chatAvatarAgent = chatAvatarAgent$3;
5681
5642
  exports.chatAvatarBot = chatAvatarBot$3;
5682
5643
  exports.chatAvatarUser = chatAvatarUser$3;
5683
5644
  exports.chatBubbleAgent = chatBubbleAgent$3;
5684
- exports.chatBubbleAgentBorder = chatBubbleAgentBorder$3;
5645
+ exports.chatBubbleBorder = chatBubbleBorder$3;
5685
5646
  exports.chatBubbleUser = chatBubbleUser$3;
5686
5647
  exports.chatButton = chatButton$3;
5687
5648
  exports.chatButtonActive = chatButtonActive$3;
@@ -5754,11 +5715,6 @@ exports.overlay = overlay$7;
5754
5715
  exports.shadow = shadow$7;
5755
5716
  exports.skeletonBackground = skeletonBackground$7;
5756
5717
  exports.skeletonElement = skeletonElement$7;
5757
- exports.slugBackground = slugBackground$3;
5758
- exports.slugBackgroundHover = slugBackgroundHover$3;
5759
- exports.slugGradient = slugGradient$3;
5760
- exports.slugGradientHover = slugGradientHover$3;
5761
- exports.slugHollowHover = slugHollowHover$3;
5762
5718
  exports.supportCautionMajor = supportCautionMajor$3;
5763
5719
  exports.supportCautionMinor = supportCautionMinor$3;
5764
5720
  exports.supportCautionUndefined = supportCautionUndefined$3;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/themes",
3
3
  "description": "Themes for applying color in the Carbon Design System",
4
- "version": "11.33.0",
4
+ "version": "11.34.0-rc.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -51,5 +51,5 @@
51
51
  "rimraf": "^5.0.0"
52
52
  },
53
53
  "sideEffects": false,
54
- "gitHead": "7920f5261d5867837e0b7e6092c98a6597ac0771"
54
+ "gitHead": "4e0c7c56e1217ff9b73042006e4ea1d12a39e769"
55
55
  }