@carbon/themes 11.29.1 → 11.30.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
@@ -696,16 +696,6 @@ var slugGradient$3 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").co
696
696
  var slugBackgroundHover$3 = colors$1.gray60;
697
697
  var slugGradientHover$3 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").concat(colors$1.gray20Hover, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
698
698
  var slugHollowHover$3 = colors$1.gray80Hover;
699
- var slugCalloutGradientTopHover$3 = colors$1.rgba(colors$1.gray20, 0.55);
700
- var slugCalloutGradientBottomHover$3 = colors$1.rgba(colors$1.gray20Hover, 0.55);
701
- var slugCalloutAuraStartHover01$3 = colors$1.rgba(colors$1.white, 0.5);
702
- var slugCalloutAuraEndHover01$3 = colors$1.rgba(colors$1.white, 0);
703
- var slugCalloutAuraStartHover02$3 = colors$1.rgba(colors$1.blue20, 0.5);
704
- var slugCalloutAuraEndHover02$3 = colors$1.rgba(colors$1.white, 0);
705
- var slugCalloutGradientTopSelected$3 = colors$1.rgba(colors$1.gray20, 0.85);
706
- var slugCalloutGradientBottomSelected$3 = colors$1.rgba(colors$1.gray20Hover, 0.85);
707
- var slugCalloutAuraStartSelected$3 = colors$1.rgba(colors$1.blue10, 0.6);
708
- var slugCalloutAuraEndSelected$3 = colors$1.rgba(colors$1.white, 0);
709
699
 
710
700
  //// Phase 2 - new \\\\
711
701
  // Shared
@@ -716,21 +706,32 @@ var aiBorderStrong$3 = colors$1.blue50;
716
706
  var aiBorderStart$3 = colors$1.blue40;
717
707
  var aiBorderEnd$3 = colors$1.blue20;
718
708
  var aiDropShadow$3 = colors$1.rgba(colors$1.blue60, 0.32);
709
+ var aiAuraHoverBackground$3 = colors$1.blue10;
710
+ var aiAuraHoverStart$3 = colors$1.rgba(colors$1.blue50, 0.4);
711
+ var aiAuraHoverEnd$3 = colors$1.rgba(colors$1.white, 0);
719
712
 
720
713
  // Callout
721
714
  var slugCalloutShadowOuter01$3 = colors$1.rgba(colors$1.blue70, 0.25);
722
715
  var slugCalloutShadowOuter02$3 = colors$1.rgba(colors$1.black, 0.1);
723
716
 
724
- //// Changed
725
- var slugCalloutAuraStart$3 = aiAuraStart$3;
726
- var slugCalloutAuraEnd$3 = aiAuraEnd$3;
727
-
728
717
  //// Not used in phase 2 / possibly remove?
729
718
  var slugCalloutGradientTop$3 = colors$1.rgba(colors$1.gray10, 0.85);
730
719
  var slugCalloutGradientBottom$3 = colors$1.rgba(colors$1.gray20, 0.85);
731
720
  var aiGradientStart01$3 = colors$1.rgba(colors$1.coolGray10, 0.5);
732
721
  var aiGradientStart02$3 = colors$1.rgba(colors$1.blue10, 0.5);
733
722
  var aiGradientEnd$3 = colors$1.rgba(colors$1.white, 0);
723
+ var slugCalloutAuraStart$3 = aiAuraStart$3;
724
+ var slugCalloutAuraEnd$3 = aiAuraEnd$3;
725
+ var slugCalloutGradientTopHover$3 = colors$1.rgba(colors$1.gray20, 0.55);
726
+ var slugCalloutGradientBottomHover$3 = colors$1.rgba(colors$1.gray20Hover, 0.55);
727
+ var slugCalloutAuraStartHover01$3 = colors$1.rgba(colors$1.white, 0.5);
728
+ var slugCalloutAuraEndHover01$3 = colors$1.rgba(colors$1.white, 0);
729
+ var slugCalloutAuraStartHover02$3 = colors$1.rgba(colors$1.blue20, 0.5);
730
+ var slugCalloutAuraEndHover02$3 = colors$1.rgba(colors$1.white, 0);
731
+ var slugCalloutGradientTopSelected$3 = colors$1.rgba(colors$1.gray20, 0.85);
732
+ var slugCalloutGradientBottomSelected$3 = colors$1.rgba(colors$1.gray20Hover, 0.85);
733
+ var slugCalloutAuraStartSelected$3 = colors$1.rgba(colors$1.blue10, 0.6);
734
+ var slugCalloutAuraEndSelected$3 = colors$1.rgba(colors$1.white, 0);
734
735
 
735
736
  // One off tokens for caret
736
737
  var slugCalloutCaretCenter$3 = '#A7C7FF';
@@ -738,6 +739,17 @@ var slugCalloutCaretBottom$3 = colors$1.blue20;
738
739
  var slugCalloutCaretBottomBackgroundActions$3 = '#DAE5F8';
739
740
  var slugCalloutCaretBottomBackground$3 = '#D5E5FF';
740
741
 
742
+ // Chat tokens
743
+ var chatPromptBackground$3 = colors$1.white;
744
+ var chatPromptBorderStart$3 = colors$1.gray10;
745
+ var chatPromptBorderEnd$3 = colors$1.rgba(colors$1.gray10, 0);
746
+ var chatBubbleUser$3 = colors$1.gray20;
747
+ var chatBubbleAgent$3 = colors$1.white;
748
+ var chatBubbleAgentBorder$3 = colors$1.gray20;
749
+ var chatAvatarBot$3 = colors$1.blue60;
750
+ var chatAvatarAgent$3 = colors$1.gray100;
751
+ var chatAvatarUser$3 = colors$1.gray100;
752
+
741
753
  var white$1 = /*#__PURE__*/Object.freeze({
742
754
  __proto__: null,
743
755
  background: background$8,
@@ -845,16 +857,6 @@ var white$1 = /*#__PURE__*/Object.freeze({
845
857
  slugBackgroundHover: slugBackgroundHover$3,
846
858
  slugGradientHover: slugGradientHover$3,
847
859
  slugHollowHover: slugHollowHover$3,
848
- slugCalloutGradientTopHover: slugCalloutGradientTopHover$3,
849
- slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$3,
850
- slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$3,
851
- slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$3,
852
- slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$3,
853
- slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$3,
854
- slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$3,
855
- slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$3,
856
- slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$3,
857
- slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$3,
858
860
  aiInnerShadow: aiInnerShadow$3,
859
861
  aiAuraStart: aiAuraStart$3,
860
862
  aiAuraEnd: aiAuraEnd$3,
@@ -862,19 +864,41 @@ var white$1 = /*#__PURE__*/Object.freeze({
862
864
  aiBorderStart: aiBorderStart$3,
863
865
  aiBorderEnd: aiBorderEnd$3,
864
866
  aiDropShadow: aiDropShadow$3,
867
+ aiAuraHoverBackground: aiAuraHoverBackground$3,
868
+ aiAuraHoverStart: aiAuraHoverStart$3,
869
+ aiAuraHoverEnd: aiAuraHoverEnd$3,
865
870
  slugCalloutShadowOuter01: slugCalloutShadowOuter01$3,
866
871
  slugCalloutShadowOuter02: slugCalloutShadowOuter02$3,
867
- slugCalloutAuraStart: slugCalloutAuraStart$3,
868
- slugCalloutAuraEnd: slugCalloutAuraEnd$3,
869
872
  slugCalloutGradientTop: slugCalloutGradientTop$3,
870
873
  slugCalloutGradientBottom: slugCalloutGradientBottom$3,
871
874
  aiGradientStart01: aiGradientStart01$3,
872
875
  aiGradientStart02: aiGradientStart02$3,
873
876
  aiGradientEnd: aiGradientEnd$3,
877
+ slugCalloutAuraStart: slugCalloutAuraStart$3,
878
+ slugCalloutAuraEnd: slugCalloutAuraEnd$3,
879
+ slugCalloutGradientTopHover: slugCalloutGradientTopHover$3,
880
+ slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$3,
881
+ slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$3,
882
+ slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$3,
883
+ slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$3,
884
+ slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$3,
885
+ slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$3,
886
+ slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$3,
887
+ slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$3,
888
+ slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$3,
874
889
  slugCalloutCaretCenter: slugCalloutCaretCenter$3,
875
890
  slugCalloutCaretBottom: slugCalloutCaretBottom$3,
876
891
  slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$3,
877
892
  slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground$3,
893
+ chatPromptBackground: chatPromptBackground$3,
894
+ chatPromptBorderStart: chatPromptBorderStart$3,
895
+ chatPromptBorderEnd: chatPromptBorderEnd$3,
896
+ chatBubbleUser: chatBubbleUser$3,
897
+ chatBubbleAgent: chatBubbleAgent$3,
898
+ chatBubbleAgentBorder: chatBubbleAgentBorder$3,
899
+ chatAvatarBot: chatAvatarBot$3,
900
+ chatAvatarAgent: chatAvatarAgent$3,
901
+ chatAvatarUser: chatAvatarUser$3,
878
902
  caption01: type$2.caption01,
879
903
  caption02: type$2.caption02,
880
904
  label01: type$2.label01,
@@ -1119,16 +1143,6 @@ var slugGradient$2 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").co
1119
1143
  var slugBackgroundHover$2 = colors$1.gray60;
1120
1144
  var slugGradientHover$2 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").concat(colors$1.gray20Hover, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
1121
1145
  var slugHollowHover$2 = colors$1.gray80Hover;
1122
- var slugCalloutGradientTopHover$2 = colors$1.rgba(colors$1.gray20, 0.55);
1123
- var slugCalloutGradientBottomHover$2 = colors$1.rgba(colors$1.gray20Hover, 0.55);
1124
- var slugCalloutAuraStartHover01$2 = colors$1.rgba(colors$1.white, 0.5);
1125
- var slugCalloutAuraEndHover01$2 = colors$1.rgba(colors$1.white, 0);
1126
- var slugCalloutAuraStartHover02$2 = colors$1.rgba(colors$1.blue20, 0.5);
1127
- var slugCalloutAuraEndHover02$2 = colors$1.rgba(colors$1.white, 0);
1128
- var slugCalloutGradientTopSelected$2 = colors$1.rgba(colors$1.gray20, 0.85);
1129
- var slugCalloutGradientBottomSelected$2 = colors$1.rgba(colors$1.gray20Hover, 0.85);
1130
- var slugCalloutAuraStartSelected$2 = colors$1.rgba(colors$1.blue10, 0.6);
1131
- var slugCalloutAuraEndSelected$2 = colors$1.rgba(colors$1.white, 0);
1132
1146
 
1133
1147
  //// Phase 2 - new \\\\
1134
1148
  // Shared
@@ -1139,21 +1153,32 @@ var aiBorderStrong$2 = colors$1.blue50;
1139
1153
  var aiBorderStart$2 = colors$1.blue40;
1140
1154
  var aiBorderEnd$2 = colors$1.blue20;
1141
1155
  var aiDropShadow$2 = colors$1.rgba(colors$1.blue60, 0.32);
1156
+ var aiAuraHoverBackground$2 = colors$1.blue10;
1157
+ var aiAuraHoverStart$2 = colors$1.rgba(colors$1.blue50, 0.4);
1158
+ var aiAuraHoverEnd$2 = colors$1.rgba(colors$1.white, 0);
1142
1159
 
1143
1160
  // Callout
1144
1161
  var slugCalloutShadowOuter01$2 = colors$1.rgba(colors$1.blue70, 0.25);
1145
1162
  var slugCalloutShadowOuter02$2 = colors$1.rgba(colors$1.black, 0.1);
1146
1163
 
1147
- //// Changed
1148
- var slugCalloutAuraStart$2 = aiAuraStart$2;
1149
- var slugCalloutAuraEnd$2 = aiAuraEnd$2;
1150
-
1151
1164
  //// Not used in phase 2 / possibly remove?
1152
1165
  var slugCalloutGradientTop$2 = colors$1.rgba(colors$1.gray10, 0.85);
1153
1166
  var slugCalloutGradientBottom$2 = colors$1.rgba(colors$1.gray20, 0.85);
1154
1167
  var aiGradientStart01$2 = colors$1.rgba(colors$1.coolGray10, 0.5);
1155
1168
  var aiGradientStart02$2 = colors$1.rgba(colors$1.blue10, 0.5);
1156
1169
  var aiGradientEnd$2 = colors$1.rgba(colors$1.white, 0);
1170
+ var slugCalloutAuraStart$2 = aiAuraStart$2;
1171
+ var slugCalloutAuraEnd$2 = aiAuraEnd$2;
1172
+ var slugCalloutGradientTopHover$2 = colors$1.rgba(colors$1.gray20, 0.55);
1173
+ var slugCalloutGradientBottomHover$2 = colors$1.rgba(colors$1.gray20Hover, 0.55);
1174
+ var slugCalloutAuraStartHover01$2 = colors$1.rgba(colors$1.white, 0.5);
1175
+ var slugCalloutAuraEndHover01$2 = colors$1.rgba(colors$1.white, 0);
1176
+ var slugCalloutAuraStartHover02$2 = colors$1.rgba(colors$1.blue20, 0.5);
1177
+ var slugCalloutAuraEndHover02$2 = colors$1.rgba(colors$1.white, 0);
1178
+ var slugCalloutGradientTopSelected$2 = colors$1.rgba(colors$1.gray20, 0.85);
1179
+ var slugCalloutGradientBottomSelected$2 = colors$1.rgba(colors$1.gray20Hover, 0.85);
1180
+ var slugCalloutAuraStartSelected$2 = colors$1.rgba(colors$1.blue10, 0.6);
1181
+ var slugCalloutAuraEndSelected$2 = colors$1.rgba(colors$1.white, 0);
1157
1182
 
1158
1183
  // One off tokens for caret
1159
1184
  var slugCalloutCaretCenter$2 = '#A7C7FF';
@@ -1161,6 +1186,17 @@ var slugCalloutCaretBottom$2 = colors$1.blue20;
1161
1186
  var slugCalloutCaretBottomBackgroundActions$2 = '#D2DCEE';
1162
1187
  var slugCalloutCaretBottomBackground$2 = '#CCDBF8';
1163
1188
 
1189
+ // Chat tokens
1190
+ var chatPromptBackground$2 = colors$1.white;
1191
+ var chatPromptBorderStart$2 = colors$1.gray10;
1192
+ var chatPromptBorderEnd$2 = colors$1.rgba(colors$1.gray10, 0);
1193
+ var chatBubbleUser$2 = colors$1.gray20;
1194
+ var chatBubbleAgent$2 = colors$1.white;
1195
+ var chatBubbleAgentBorder$2 = colors$1.gray20;
1196
+ var chatAvatarBot$2 = colors$1.blue60;
1197
+ var chatAvatarAgent$2 = colors$1.gray100;
1198
+ var chatAvatarUser$2 = colors$1.gray100;
1199
+
1164
1200
  var g10$1 = /*#__PURE__*/Object.freeze({
1165
1201
  __proto__: null,
1166
1202
  background: background$7,
@@ -1268,16 +1304,6 @@ var g10$1 = /*#__PURE__*/Object.freeze({
1268
1304
  slugBackgroundHover: slugBackgroundHover$2,
1269
1305
  slugGradientHover: slugGradientHover$2,
1270
1306
  slugHollowHover: slugHollowHover$2,
1271
- slugCalloutGradientTopHover: slugCalloutGradientTopHover$2,
1272
- slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$2,
1273
- slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$2,
1274
- slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$2,
1275
- slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$2,
1276
- slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$2,
1277
- slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$2,
1278
- slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$2,
1279
- slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$2,
1280
- slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$2,
1281
1307
  aiInnerShadow: aiInnerShadow$2,
1282
1308
  aiAuraStart: aiAuraStart$2,
1283
1309
  aiAuraEnd: aiAuraEnd$2,
@@ -1285,19 +1311,41 @@ var g10$1 = /*#__PURE__*/Object.freeze({
1285
1311
  aiBorderStart: aiBorderStart$2,
1286
1312
  aiBorderEnd: aiBorderEnd$2,
1287
1313
  aiDropShadow: aiDropShadow$2,
1314
+ aiAuraHoverBackground: aiAuraHoverBackground$2,
1315
+ aiAuraHoverStart: aiAuraHoverStart$2,
1316
+ aiAuraHoverEnd: aiAuraHoverEnd$2,
1288
1317
  slugCalloutShadowOuter01: slugCalloutShadowOuter01$2,
1289
1318
  slugCalloutShadowOuter02: slugCalloutShadowOuter02$2,
1290
- slugCalloutAuraStart: slugCalloutAuraStart$2,
1291
- slugCalloutAuraEnd: slugCalloutAuraEnd$2,
1292
1319
  slugCalloutGradientTop: slugCalloutGradientTop$2,
1293
1320
  slugCalloutGradientBottom: slugCalloutGradientBottom$2,
1294
1321
  aiGradientStart01: aiGradientStart01$2,
1295
1322
  aiGradientStart02: aiGradientStart02$2,
1296
1323
  aiGradientEnd: aiGradientEnd$2,
1324
+ slugCalloutAuraStart: slugCalloutAuraStart$2,
1325
+ slugCalloutAuraEnd: slugCalloutAuraEnd$2,
1326
+ slugCalloutGradientTopHover: slugCalloutGradientTopHover$2,
1327
+ slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$2,
1328
+ slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$2,
1329
+ slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$2,
1330
+ slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$2,
1331
+ slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$2,
1332
+ slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$2,
1333
+ slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$2,
1334
+ slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$2,
1335
+ slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$2,
1297
1336
  slugCalloutCaretCenter: slugCalloutCaretCenter$2,
1298
1337
  slugCalloutCaretBottom: slugCalloutCaretBottom$2,
1299
1338
  slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$2,
1300
1339
  slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground$2,
1340
+ chatPromptBackground: chatPromptBackground$2,
1341
+ chatPromptBorderStart: chatPromptBorderStart$2,
1342
+ chatPromptBorderEnd: chatPromptBorderEnd$2,
1343
+ chatBubbleUser: chatBubbleUser$2,
1344
+ chatBubbleAgent: chatBubbleAgent$2,
1345
+ chatBubbleAgentBorder: chatBubbleAgentBorder$2,
1346
+ chatAvatarBot: chatAvatarBot$2,
1347
+ chatAvatarAgent: chatAvatarAgent$2,
1348
+ chatAvatarUser: chatAvatarUser$2,
1301
1349
  caption01: type$2.caption01,
1302
1350
  caption02: type$2.caption02,
1303
1351
  label01: type$2.label01,
@@ -1542,16 +1590,6 @@ var slugGradient$1 = "".concat(colors$1.gray50, " linear-gradient(135deg, ").con
1542
1590
  var slugBackgroundHover$1 = colors$1.gray20;
1543
1591
  var slugGradientHover$1 = "".concat(colors$1.gray40, " linear-gradient(135deg, ").concat(colors$1.white, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
1544
1592
  var slugHollowHover$1 = colors$1.gray30Hover;
1545
- var slugCalloutGradientTopHover$1 = colors$1.rgba(colors$1.gray80, 0.55);
1546
- var slugCalloutGradientBottomHover$1 = colors$1.rgba(colors$1.gray80Hover, 0.55);
1547
- var slugCalloutAuraStartHover01$1 = colors$1.rgba(colors$1.blue20Hover, 0.3);
1548
- var slugCalloutAuraEndHover01$1 = colors$1.rgba(colors$1.gray100, 0);
1549
- var slugCalloutAuraStartHover02$1 = 'transparent';
1550
- var slugCalloutAuraEndHover02$1 = 'transparent';
1551
- var slugCalloutGradientTopSelected$1 = colors$1.rgba(colors$1.gray80, 0.85);
1552
- var slugCalloutGradientBottomSelected$1 = colors$1.rgba(colors$1.gray80Hover, 0.85);
1553
- var slugCalloutAuraStartSelected$1 = colors$1.rgba(colors$1.blue20, 0.2);
1554
- var slugCalloutAuraEndSelected$1 = colors$1.rgba(colors$1.gray100, 0);
1555
1593
 
1556
1594
  //// Phase 2 - new \\\\
1557
1595
  // Shared
@@ -1562,21 +1600,32 @@ var aiBorderStrong$1 = colors$1.blue40;
1562
1600
  var aiBorderStart$1 = colors$1.blue50;
1563
1601
  var aiBorderEnd$1 = colors$1.rgba(colors$1.blue30, 0.24);
1564
1602
  var aiDropShadow$1 = colors$1.rgba(colors$1.blue60, 0.32);
1603
+ var aiAuraHoverBackground$1 = layerHover01$1;
1604
+ var aiAuraHoverStart$1 = colors$1.rgba(colors$1.blue50, 0.4);
1605
+ var aiAuraHoverEnd$1 = colors$1.rgba(colors$1.black, 0);
1565
1606
 
1566
1607
  // Callout
1567
1608
  var slugCalloutShadowOuter01$1 = colors$1.rgba(colors$1.blue80, 0.25);
1568
1609
  var slugCalloutShadowOuter02$1 = colors$1.rgba(colors$1.black, 0.65);
1569
1610
 
1570
- //// Changed
1571
- var slugCalloutAuraStart$1 = aiAuraStart$1;
1572
- var slugCalloutAuraEnd$1 = aiAuraEnd$1;
1573
-
1574
1611
  //// Not used in phase 2 / possibly remove?
1575
1612
  var slugCalloutGradientTop$1 = colors$1.rgba(colors$1.gray100, 0.85);
1576
1613
  var slugCalloutGradientBottom$1 = colors$1.rgba(colors$1.gray90, 0.85);
1577
1614
  var aiGradientStart01$1 = colors$1.rgba(colors$1.blue20, 0.2);
1578
1615
  var aiGradientStart02$1 = 'transparent';
1579
1616
  var aiGradientEnd$1 = 'rgba(38, 38, 38, 0)';
1617
+ var slugCalloutAuraStart$1 = aiAuraStart$1;
1618
+ var slugCalloutAuraEnd$1 = aiAuraEnd$1;
1619
+ var slugCalloutGradientTopHover$1 = colors$1.rgba(colors$1.gray80, 0.55);
1620
+ var slugCalloutGradientBottomHover$1 = colors$1.rgba(colors$1.gray80Hover, 0.55);
1621
+ var slugCalloutAuraStartHover01$1 = colors$1.rgba(colors$1.blue20Hover, 0.3);
1622
+ var slugCalloutAuraEndHover01$1 = colors$1.rgba(colors$1.gray100, 0);
1623
+ var slugCalloutAuraStartHover02$1 = 'transparent';
1624
+ var slugCalloutAuraEndHover02$1 = 'transparent';
1625
+ var slugCalloutGradientTopSelected$1 = colors$1.rgba(colors$1.gray80, 0.85);
1626
+ var slugCalloutGradientBottomSelected$1 = colors$1.rgba(colors$1.gray80Hover, 0.85);
1627
+ var slugCalloutAuraStartSelected$1 = colors$1.rgba(colors$1.blue20, 0.2);
1628
+ var slugCalloutAuraEndSelected$1 = colors$1.rgba(colors$1.gray100, 0);
1580
1629
 
1581
1630
  // One off tokens for caret
1582
1631
  var slugCalloutCaretCenter$1 = '#456FB5';
@@ -1584,6 +1633,17 @@ var slugCalloutCaretBottom$1 = '#465060';
1584
1633
  var slugCalloutCaretBottomBackgroundActions$1 = '#253042';
1585
1634
  var slugCalloutCaretBottomBackground$1 = '#2D3F5C';
1586
1635
 
1636
+ // Chat tokens
1637
+ var chatPromptBackground$1 = colors$1.gray100;
1638
+ var chatPromptBorderStart$1 = colors$1.gray90;
1639
+ var chatPromptBorderEnd$1 = colors$1.rgba(colors$1.gray90, 0);
1640
+ var chatBubbleUser$1 = colors$1.gray80;
1641
+ var chatBubbleAgent$1 = colors$1.gray90;
1642
+ var chatBubbleAgentBorder$1 = colors$1.gray70;
1643
+ var chatAvatarBot$1 = colors$1.blue50;
1644
+ var chatAvatarAgent$1 = colors$1.gray10;
1645
+ var chatAvatarUser$1 = colors$1.gray10;
1646
+
1587
1647
  var g90$1 = /*#__PURE__*/Object.freeze({
1588
1648
  __proto__: null,
1589
1649
  background: background$6,
@@ -1691,16 +1751,6 @@ var g90$1 = /*#__PURE__*/Object.freeze({
1691
1751
  slugBackgroundHover: slugBackgroundHover$1,
1692
1752
  slugGradientHover: slugGradientHover$1,
1693
1753
  slugHollowHover: slugHollowHover$1,
1694
- slugCalloutGradientTopHover: slugCalloutGradientTopHover$1,
1695
- slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$1,
1696
- slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$1,
1697
- slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$1,
1698
- slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$1,
1699
- slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$1,
1700
- slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$1,
1701
- slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$1,
1702
- slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$1,
1703
- slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$1,
1704
1754
  aiInnerShadow: aiInnerShadow$1,
1705
1755
  aiAuraStart: aiAuraStart$1,
1706
1756
  aiAuraEnd: aiAuraEnd$1,
@@ -1708,19 +1758,41 @@ var g90$1 = /*#__PURE__*/Object.freeze({
1708
1758
  aiBorderStart: aiBorderStart$1,
1709
1759
  aiBorderEnd: aiBorderEnd$1,
1710
1760
  aiDropShadow: aiDropShadow$1,
1761
+ aiAuraHoverBackground: aiAuraHoverBackground$1,
1762
+ aiAuraHoverStart: aiAuraHoverStart$1,
1763
+ aiAuraHoverEnd: aiAuraHoverEnd$1,
1711
1764
  slugCalloutShadowOuter01: slugCalloutShadowOuter01$1,
1712
1765
  slugCalloutShadowOuter02: slugCalloutShadowOuter02$1,
1713
- slugCalloutAuraStart: slugCalloutAuraStart$1,
1714
- slugCalloutAuraEnd: slugCalloutAuraEnd$1,
1715
1766
  slugCalloutGradientTop: slugCalloutGradientTop$1,
1716
1767
  slugCalloutGradientBottom: slugCalloutGradientBottom$1,
1717
1768
  aiGradientStart01: aiGradientStart01$1,
1718
1769
  aiGradientStart02: aiGradientStart02$1,
1719
1770
  aiGradientEnd: aiGradientEnd$1,
1771
+ slugCalloutAuraStart: slugCalloutAuraStart$1,
1772
+ slugCalloutAuraEnd: slugCalloutAuraEnd$1,
1773
+ slugCalloutGradientTopHover: slugCalloutGradientTopHover$1,
1774
+ slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$1,
1775
+ slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$1,
1776
+ slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$1,
1777
+ slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$1,
1778
+ slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$1,
1779
+ slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$1,
1780
+ slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$1,
1781
+ slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$1,
1782
+ slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$1,
1720
1783
  slugCalloutCaretCenter: slugCalloutCaretCenter$1,
1721
1784
  slugCalloutCaretBottom: slugCalloutCaretBottom$1,
1722
1785
  slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$1,
1723
1786
  slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground$1,
1787
+ chatPromptBackground: chatPromptBackground$1,
1788
+ chatPromptBorderStart: chatPromptBorderStart$1,
1789
+ chatPromptBorderEnd: chatPromptBorderEnd$1,
1790
+ chatBubbleUser: chatBubbleUser$1,
1791
+ chatBubbleAgent: chatBubbleAgent$1,
1792
+ chatBubbleAgentBorder: chatBubbleAgentBorder$1,
1793
+ chatAvatarBot: chatAvatarBot$1,
1794
+ chatAvatarAgent: chatAvatarAgent$1,
1795
+ chatAvatarUser: chatAvatarUser$1,
1724
1796
  caption01: type$2.caption01,
1725
1797
  caption02: type$2.caption02,
1726
1798
  label01: type$2.label01,
@@ -1965,16 +2037,6 @@ var slugGradient = "".concat(colors$1.gray50, " linear-gradient(135deg, ").conca
1965
2037
  var slugBackgroundHover = colors$1.gray20;
1966
2038
  var slugGradientHover = "".concat(colors$1.gray40, " linear-gradient(135deg, ").concat(colors$1.white, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
1967
2039
  var slugHollowHover = colors$1.gray30Hover;
1968
- var slugCalloutGradientTopHover = colors$1.rgba(colors$1.gray80, 0.55);
1969
- var slugCalloutGradientBottomHover = colors$1.rgba(colors$1.gray80Hover, 0.55);
1970
- var slugCalloutAuraStartHover01 = colors$1.rgba(colors$1.blue20Hover, 0.3);
1971
- var slugCalloutAuraEndHover01 = colors$1.rgba(colors$1.gray100, 0);
1972
- var slugCalloutAuraStartHover02 = 'transparent';
1973
- var slugCalloutAuraEndHover02 = 'transparent';
1974
- var slugCalloutGradientTopSelected = colors$1.rgba(colors$1.gray80, 0.85);
1975
- var slugCalloutGradientBottomSelected = colors$1.rgba(colors$1.gray80Hover, 0.85);
1976
- var slugCalloutAuraStartSelected = colors$1.rgba(colors$1.blue20, 0.2);
1977
- var slugCalloutAuraEndSelected = colors$1.rgba(colors$1.gray100, 0);
1978
2040
 
1979
2041
  //// Phase 2 - new \\\\
1980
2042
  // Shared
@@ -1985,21 +2047,32 @@ var aiBorderStrong = colors$1.blue40;
1985
2047
  var aiBorderStart = colors$1.blue50;
1986
2048
  var aiBorderEnd = colors$1.rgba(colors$1.blue30, 0.24);
1987
2049
  var aiDropShadow = colors$1.rgba(colors$1.blue60, 0.32);
2050
+ var aiAuraHoverBackground = layerHover01;
2051
+ var aiAuraHoverStart = colors$1.rgba(colors$1.blue50, 0.4);
2052
+ var aiAuraHoverEnd = colors$1.rgba(colors$1.black, 0);
1988
2053
 
1989
2054
  // Callout
1990
2055
  var slugCalloutShadowOuter01 = colors$1.rgba(colors$1.blue80, 0.25);
1991
2056
  var slugCalloutShadowOuter02 = colors$1.rgba(colors$1.black, 0.65);
1992
2057
 
1993
- //// Changed
1994
- var slugCalloutAuraStart = aiAuraStart;
1995
- var slugCalloutAuraEnd = aiAuraEnd;
1996
-
1997
2058
  //// Not used in phase 2 / possibly remove?
1998
2059
  var slugCalloutGradientTop = colors$1.rgba(colors$1.gray100, 0.85);
1999
2060
  var slugCalloutGradientBottom = colors$1.rgba(colors$1.gray90, 0.85);
2000
2061
  var aiGradientStart01 = colors$1.rgba(colors$1.blue20, 0.2);
2001
2062
  var aiGradientStart02 = 'transparent';
2002
2063
  var aiGradientEnd = 'rgba(38, 38, 38, 0)';
2064
+ var slugCalloutAuraStart = aiAuraStart;
2065
+ var slugCalloutAuraEnd = aiAuraEnd;
2066
+ var slugCalloutGradientTopHover = colors$1.rgba(colors$1.gray80, 0.55);
2067
+ var slugCalloutGradientBottomHover = colors$1.rgba(colors$1.gray80Hover, 0.55);
2068
+ var slugCalloutAuraStartHover01 = colors$1.rgba(colors$1.blue20Hover, 0.3);
2069
+ var slugCalloutAuraEndHover01 = colors$1.rgba(colors$1.gray100, 0);
2070
+ var slugCalloutAuraStartHover02 = 'transparent';
2071
+ var slugCalloutAuraEndHover02 = 'transparent';
2072
+ var slugCalloutGradientTopSelected = colors$1.rgba(colors$1.gray80, 0.85);
2073
+ var slugCalloutGradientBottomSelected = colors$1.rgba(colors$1.gray80Hover, 0.85);
2074
+ var slugCalloutAuraStartSelected = colors$1.rgba(colors$1.blue20, 0.2);
2075
+ var slugCalloutAuraEndSelected = colors$1.rgba(colors$1.gray100, 0);
2003
2076
 
2004
2077
  // One off tokens for caret
2005
2078
  var slugCalloutCaretCenter = '#3F68AF';
@@ -2007,6 +2080,17 @@ var slugCalloutCaretBottom = '#3D4655';
2007
2080
  var slugCalloutCaretBottomBackgroundActions = '#192436';
2008
2081
  var slugCalloutCaretBottomBackground = '#213250';
2009
2082
 
2083
+ // Chat tokens
2084
+ var chatPromptBackground = colors$1.gray100;
2085
+ var chatPromptBorderStart = colors$1.gray90;
2086
+ var chatPromptBorderEnd = colors$1.rgba(colors$1.gray90, 0);
2087
+ var chatBubbleUser = colors$1.gray80;
2088
+ var chatBubbleAgent = colors$1.gray90;
2089
+ var chatBubbleAgentBorder = colors$1.gray70;
2090
+ var chatAvatarBot = colors$1.blue50;
2091
+ var chatAvatarAgent = colors$1.gray10;
2092
+ var chatAvatarUser = colors$1.gray10;
2093
+
2010
2094
  var g100$1 = /*#__PURE__*/Object.freeze({
2011
2095
  __proto__: null,
2012
2096
  background: background$5,
@@ -2114,16 +2198,6 @@ var g100$1 = /*#__PURE__*/Object.freeze({
2114
2198
  slugBackgroundHover: slugBackgroundHover,
2115
2199
  slugGradientHover: slugGradientHover,
2116
2200
  slugHollowHover: slugHollowHover,
2117
- slugCalloutGradientTopHover: slugCalloutGradientTopHover,
2118
- slugCalloutGradientBottomHover: slugCalloutGradientBottomHover,
2119
- slugCalloutAuraStartHover01: slugCalloutAuraStartHover01,
2120
- slugCalloutAuraEndHover01: slugCalloutAuraEndHover01,
2121
- slugCalloutAuraStartHover02: slugCalloutAuraStartHover02,
2122
- slugCalloutAuraEndHover02: slugCalloutAuraEndHover02,
2123
- slugCalloutGradientTopSelected: slugCalloutGradientTopSelected,
2124
- slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected,
2125
- slugCalloutAuraStartSelected: slugCalloutAuraStartSelected,
2126
- slugCalloutAuraEndSelected: slugCalloutAuraEndSelected,
2127
2201
  aiInnerShadow: aiInnerShadow,
2128
2202
  aiAuraStart: aiAuraStart,
2129
2203
  aiAuraEnd: aiAuraEnd,
@@ -2131,19 +2205,41 @@ var g100$1 = /*#__PURE__*/Object.freeze({
2131
2205
  aiBorderStart: aiBorderStart,
2132
2206
  aiBorderEnd: aiBorderEnd,
2133
2207
  aiDropShadow: aiDropShadow,
2208
+ aiAuraHoverBackground: aiAuraHoverBackground,
2209
+ aiAuraHoverStart: aiAuraHoverStart,
2210
+ aiAuraHoverEnd: aiAuraHoverEnd,
2134
2211
  slugCalloutShadowOuter01: slugCalloutShadowOuter01,
2135
2212
  slugCalloutShadowOuter02: slugCalloutShadowOuter02,
2136
- slugCalloutAuraStart: slugCalloutAuraStart,
2137
- slugCalloutAuraEnd: slugCalloutAuraEnd,
2138
2213
  slugCalloutGradientTop: slugCalloutGradientTop,
2139
2214
  slugCalloutGradientBottom: slugCalloutGradientBottom,
2140
2215
  aiGradientStart01: aiGradientStart01,
2141
2216
  aiGradientStart02: aiGradientStart02,
2142
2217
  aiGradientEnd: aiGradientEnd,
2218
+ slugCalloutAuraStart: slugCalloutAuraStart,
2219
+ slugCalloutAuraEnd: slugCalloutAuraEnd,
2220
+ slugCalloutGradientTopHover: slugCalloutGradientTopHover,
2221
+ slugCalloutGradientBottomHover: slugCalloutGradientBottomHover,
2222
+ slugCalloutAuraStartHover01: slugCalloutAuraStartHover01,
2223
+ slugCalloutAuraEndHover01: slugCalloutAuraEndHover01,
2224
+ slugCalloutAuraStartHover02: slugCalloutAuraStartHover02,
2225
+ slugCalloutAuraEndHover02: slugCalloutAuraEndHover02,
2226
+ slugCalloutGradientTopSelected: slugCalloutGradientTopSelected,
2227
+ slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected,
2228
+ slugCalloutAuraStartSelected: slugCalloutAuraStartSelected,
2229
+ slugCalloutAuraEndSelected: slugCalloutAuraEndSelected,
2143
2230
  slugCalloutCaretCenter: slugCalloutCaretCenter,
2144
2231
  slugCalloutCaretBottom: slugCalloutCaretBottom,
2145
2232
  slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions,
2146
2233
  slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground,
2234
+ chatPromptBackground: chatPromptBackground,
2235
+ chatPromptBorderStart: chatPromptBorderStart,
2236
+ chatPromptBorderEnd: chatPromptBorderEnd,
2237
+ chatBubbleUser: chatBubbleUser,
2238
+ chatBubbleAgent: chatBubbleAgent,
2239
+ chatBubbleAgentBorder: chatBubbleAgentBorder,
2240
+ chatAvatarBot: chatAvatarBot,
2241
+ chatAvatarAgent: chatAvatarAgent,
2242
+ chatAvatarUser: chatAvatarUser,
2147
2243
  caption01: type$2.caption01,
2148
2244
  caption02: type$2.caption02,
2149
2245
  label01: type$2.label01,
@@ -5044,9 +5140,11 @@ var ai = TokenGroup.create({
5044
5140
  // Phase 2
5045
5141
  'slug-callout-shadow-outer-01', 'slug-callout-shadow-outer-02',
5046
5142
  // Linear gradient refactor
5047
- 'ai-inner-shadow', 'ai-aura-start', 'ai-aura-end', 'ai-border-strong', 'ai-border-start', 'ai-border-end', 'ai-drop-shadow',
5143
+ 'ai-inner-shadow', 'ai-aura-start', 'ai-aura-end', 'ai-aura-hover-background', 'ai-aura-hover-start', 'ai-aura-hover-end', 'ai-border-strong', 'ai-border-start', 'ai-border-end', 'ai-drop-shadow',
5048
5144
  // Caret tokens
5049
- 'slug-callout-caret-center', 'slug-callout-caret-bottom', 'slug-callout-caret-bottom-background', 'slug-callout-caret-bottom-background-actions']
5145
+ 'slug-callout-caret-center', 'slug-callout-caret-bottom', 'slug-callout-caret-bottom-background', 'slug-callout-caret-bottom-background-actions',
5146
+ // Chat tokens
5147
+ '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']
5050
5148
  });
5051
5149
  var group = TokenGroup.create({
5052
5150
  name: 'All',
@@ -5487,6 +5585,9 @@ Object.defineProperty(exports, 'spacing13', {
5487
5585
  get: function () { return layout$2.spacing13; }
5488
5586
  });
5489
5587
  exports.aiAuraEnd = aiAuraEnd$3;
5588
+ exports.aiAuraHoverBackground = aiAuraHoverBackground$3;
5589
+ exports.aiAuraHoverEnd = aiAuraHoverEnd$3;
5590
+ exports.aiAuraHoverStart = aiAuraHoverStart$3;
5490
5591
  exports.aiAuraStart = aiAuraStart$3;
5491
5592
  exports.aiBorderEnd = aiBorderEnd$3;
5492
5593
  exports.aiBorderStart = aiBorderStart$3;
@@ -5521,6 +5622,15 @@ exports.borderTile01 = borderTile01$3;
5521
5622
  exports.borderTile02 = borderTile02$3;
5522
5623
  exports.borderTile03 = borderTile03$3;
5523
5624
  exports.buttonTokens = index$2;
5625
+ exports.chatAvatarAgent = chatAvatarAgent$3;
5626
+ exports.chatAvatarBot = chatAvatarBot$3;
5627
+ exports.chatAvatarUser = chatAvatarUser$3;
5628
+ exports.chatBubbleAgent = chatBubbleAgent$3;
5629
+ exports.chatBubbleAgentBorder = chatBubbleAgentBorder$3;
5630
+ exports.chatBubbleUser = chatBubbleUser$3;
5631
+ exports.chatPromptBackground = chatPromptBackground$3;
5632
+ exports.chatPromptBorderEnd = chatPromptBorderEnd$3;
5633
+ exports.chatPromptBorderStart = chatPromptBorderStart$3;
5524
5634
  exports.field01 = field01$7;
5525
5635
  exports.field02 = field02$7;
5526
5636
  exports.field03 = field03$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.29.1",
4
+ "version": "11.30.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -49,5 +49,5 @@
49
49
  "rimraf": "^5.0.0"
50
50
  },
51
51
  "sideEffects": false,
52
- "gitHead": "68c58d98fe0c287eb4456c8b5153f6cb7b58c5bf"
52
+ "gitHead": "741ec54a40159b2438b2b09bf55c013bbff2c4ad"
53
53
  }
@@ -13,6 +13,9 @@
13
13
 
14
14
  $white: (
15
15
  ai-aura-end: rgba(255, 255, 255, 0),
16
+ ai-aura-hover-background: #edf5ff,
17
+ ai-aura-hover-end: rgba(255, 255, 255, 0),
18
+ ai-aura-hover-start: rgba(69, 137, 255, 0.4),
16
19
  ai-aura-start: rgba(69, 137, 255, 0.1),
17
20
  ai-border-end: #d0e2ff,
18
21
  ai-border-start: #78a9ff,
@@ -46,6 +49,15 @@ $white: (
46
49
  border-tile-01: #c6c6c6,
47
50
  border-tile-02: #a8a8a8,
48
51
  border-tile-03: #c6c6c6,
52
+ chat-avatar-agent: #161616,
53
+ chat-avatar-bot: #0f62fe,
54
+ chat-avatar-user: #161616,
55
+ chat-bubble-agent: #ffffff,
56
+ chat-bubble-agent-border: #e0e0e0,
57
+ chat-bubble-user: #e0e0e0,
58
+ chat-prompt-background: #ffffff,
59
+ chat-prompt-border-end: rgba(244, 244, 244, 0),
60
+ chat-prompt-border-start: #f4f4f4,
49
61
  field-01: #f4f4f4,
50
62
  field-02: #ffffff,
51
63
  field-03: #f4f4f4,
@@ -159,6 +171,9 @@ $white: utilities.merge(
159
171
 
160
172
  $g10: (
161
173
  ai-aura-end: rgba(255, 255, 255, 0),
174
+ ai-aura-hover-background: #edf5ff,
175
+ ai-aura-hover-end: rgba(255, 255, 255, 0),
176
+ ai-aura-hover-start: rgba(69, 137, 255, 0.4),
162
177
  ai-aura-start: rgba(69, 137, 255, 0.1),
163
178
  ai-border-end: #d0e2ff,
164
179
  ai-border-start: #78a9ff,
@@ -192,6 +207,15 @@ $g10: (
192
207
  border-tile-01: #a8a8a8,
193
208
  border-tile-02: #c6c6c6,
194
209
  border-tile-03: #a8a8a8,
210
+ chat-avatar-agent: #161616,
211
+ chat-avatar-bot: #0f62fe,
212
+ chat-avatar-user: #161616,
213
+ chat-bubble-agent: #ffffff,
214
+ chat-bubble-agent-border: #e0e0e0,
215
+ chat-bubble-user: #e0e0e0,
216
+ chat-prompt-background: #ffffff,
217
+ chat-prompt-border-end: rgba(244, 244, 244, 0),
218
+ chat-prompt-border-start: #f4f4f4,
195
219
  field-01: #ffffff,
196
220
  field-02: #f4f4f4,
197
221
  field-03: #ffffff,
@@ -305,6 +329,9 @@ $g10: utilities.merge(
305
329
 
306
330
  $g90: (
307
331
  ai-aura-end: rgba(0, 0, 0, 0),
332
+ ai-aura-hover-background: #474747,
333
+ ai-aura-hover-end: rgba(0, 0, 0, 0),
334
+ ai-aura-hover-start: rgba(69, 137, 255, 0.4),
308
335
  ai-aura-start: rgba(69, 137, 255, 0.1),
309
336
  ai-border-end: rgba(166, 200, 255, 0.24),
310
337
  ai-border-start: #4589ff,
@@ -338,6 +365,15 @@ $g90: (
338
365
  border-tile-01: #6f6f6f,
339
366
  border-tile-02: #8d8d8d,
340
367
  border-tile-03: #a8a8a8,
368
+ chat-avatar-agent: #f4f4f4,
369
+ chat-avatar-bot: #4589ff,
370
+ chat-avatar-user: #f4f4f4,
371
+ chat-bubble-agent: #262626,
372
+ chat-bubble-agent-border: #525252,
373
+ chat-bubble-user: #393939,
374
+ chat-prompt-background: #161616,
375
+ chat-prompt-border-end: rgba(38, 38, 38, 0),
376
+ chat-prompt-border-start: #262626,
341
377
  field-01: #393939,
342
378
  field-02: #525252,
343
379
  field-03: #6f6f6f,
@@ -451,6 +487,9 @@ $g90: utilities.merge(
451
487
 
452
488
  $g100: (
453
489
  ai-aura-end: rgba(0, 0, 0, 0),
490
+ ai-aura-hover-background: #333333,
491
+ ai-aura-hover-end: rgba(0, 0, 0, 0),
492
+ ai-aura-hover-start: rgba(69, 137, 255, 0.4),
454
493
  ai-aura-start: rgba(69, 137, 255, 0.1),
455
494
  ai-border-end: rgba(166, 200, 255, 0.24),
456
495
  ai-border-start: #4589ff,
@@ -484,6 +523,15 @@ $g100: (
484
523
  border-tile-01: #525252,
485
524
  border-tile-02: #6f6f6f,
486
525
  border-tile-03: #8d8d8d,
526
+ chat-avatar-agent: #f4f4f4,
527
+ chat-avatar-bot: #4589ff,
528
+ chat-avatar-user: #f4f4f4,
529
+ chat-bubble-agent: #262626,
530
+ chat-bubble-agent-border: #525252,
531
+ chat-bubble-user: #393939,
532
+ chat-prompt-background: #161616,
533
+ chat-prompt-border-end: rgba(38, 38, 38, 0),
534
+ chat-prompt-border-start: #262626,
487
535
  field-01: #262626,
488
536
  field-02: #393939,
489
537
  field-03: #525252,