@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/umd/index.js CHANGED
@@ -693,16 +693,6 @@
693
693
  var slugBackgroundHover$3 = colors$1.gray60;
694
694
  var slugGradientHover$3 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").concat(colors$1.gray20Hover, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
695
695
  var slugHollowHover$3 = colors$1.gray80Hover;
696
- var slugCalloutGradientTopHover$3 = colors$1.rgba(colors$1.gray20, 0.55);
697
- var slugCalloutGradientBottomHover$3 = colors$1.rgba(colors$1.gray20Hover, 0.55);
698
- var slugCalloutAuraStartHover01$3 = colors$1.rgba(colors$1.white, 0.5);
699
- var slugCalloutAuraEndHover01$3 = colors$1.rgba(colors$1.white, 0);
700
- var slugCalloutAuraStartHover02$3 = colors$1.rgba(colors$1.blue20, 0.5);
701
- var slugCalloutAuraEndHover02$3 = colors$1.rgba(colors$1.white, 0);
702
- var slugCalloutGradientTopSelected$3 = colors$1.rgba(colors$1.gray20, 0.85);
703
- var slugCalloutGradientBottomSelected$3 = colors$1.rgba(colors$1.gray20Hover, 0.85);
704
- var slugCalloutAuraStartSelected$3 = colors$1.rgba(colors$1.blue10, 0.6);
705
- var slugCalloutAuraEndSelected$3 = colors$1.rgba(colors$1.white, 0);
706
696
 
707
697
  //// Phase 2 - new \\\\
708
698
  // Shared
@@ -713,21 +703,32 @@
713
703
  var aiBorderStart$3 = colors$1.blue40;
714
704
  var aiBorderEnd$3 = colors$1.blue20;
715
705
  var aiDropShadow$3 = colors$1.rgba(colors$1.blue60, 0.32);
706
+ var aiAuraHoverBackground$3 = colors$1.blue10;
707
+ var aiAuraHoverStart$3 = colors$1.rgba(colors$1.blue50, 0.4);
708
+ var aiAuraHoverEnd$3 = colors$1.rgba(colors$1.white, 0);
716
709
 
717
710
  // Callout
718
711
  var slugCalloutShadowOuter01$3 = colors$1.rgba(colors$1.blue70, 0.25);
719
712
  var slugCalloutShadowOuter02$3 = colors$1.rgba(colors$1.black, 0.1);
720
713
 
721
- //// Changed
722
- var slugCalloutAuraStart$3 = aiAuraStart$3;
723
- var slugCalloutAuraEnd$3 = aiAuraEnd$3;
724
-
725
714
  //// Not used in phase 2 / possibly remove?
726
715
  var slugCalloutGradientTop$3 = colors$1.rgba(colors$1.gray10, 0.85);
727
716
  var slugCalloutGradientBottom$3 = colors$1.rgba(colors$1.gray20, 0.85);
728
717
  var aiGradientStart01$3 = colors$1.rgba(colors$1.coolGray10, 0.5);
729
718
  var aiGradientStart02$3 = colors$1.rgba(colors$1.blue10, 0.5);
730
719
  var aiGradientEnd$3 = colors$1.rgba(colors$1.white, 0);
720
+ var slugCalloutAuraStart$3 = aiAuraStart$3;
721
+ var slugCalloutAuraEnd$3 = aiAuraEnd$3;
722
+ var slugCalloutGradientTopHover$3 = colors$1.rgba(colors$1.gray20, 0.55);
723
+ var slugCalloutGradientBottomHover$3 = colors$1.rgba(colors$1.gray20Hover, 0.55);
724
+ var slugCalloutAuraStartHover01$3 = colors$1.rgba(colors$1.white, 0.5);
725
+ var slugCalloutAuraEndHover01$3 = colors$1.rgba(colors$1.white, 0);
726
+ var slugCalloutAuraStartHover02$3 = colors$1.rgba(colors$1.blue20, 0.5);
727
+ var slugCalloutAuraEndHover02$3 = colors$1.rgba(colors$1.white, 0);
728
+ var slugCalloutGradientTopSelected$3 = colors$1.rgba(colors$1.gray20, 0.85);
729
+ var slugCalloutGradientBottomSelected$3 = colors$1.rgba(colors$1.gray20Hover, 0.85);
730
+ var slugCalloutAuraStartSelected$3 = colors$1.rgba(colors$1.blue10, 0.6);
731
+ var slugCalloutAuraEndSelected$3 = colors$1.rgba(colors$1.white, 0);
731
732
 
732
733
  // One off tokens for caret
733
734
  var slugCalloutCaretCenter$3 = '#A7C7FF';
@@ -735,6 +736,17 @@
735
736
  var slugCalloutCaretBottomBackgroundActions$3 = '#DAE5F8';
736
737
  var slugCalloutCaretBottomBackground$3 = '#D5E5FF';
737
738
 
739
+ // Chat tokens
740
+ var chatPromptBackground$3 = colors$1.white;
741
+ var chatPromptBorderStart$3 = colors$1.gray10;
742
+ var chatPromptBorderEnd$3 = colors$1.rgba(colors$1.gray10, 0);
743
+ var chatBubbleUser$3 = colors$1.gray20;
744
+ var chatBubbleAgent$3 = colors$1.white;
745
+ var chatBubbleAgentBorder$3 = colors$1.gray20;
746
+ var chatAvatarBot$3 = colors$1.blue60;
747
+ var chatAvatarAgent$3 = colors$1.gray100;
748
+ var chatAvatarUser$3 = colors$1.gray100;
749
+
738
750
  var white$1 = /*#__PURE__*/Object.freeze({
739
751
  __proto__: null,
740
752
  background: background$8,
@@ -842,16 +854,6 @@
842
854
  slugBackgroundHover: slugBackgroundHover$3,
843
855
  slugGradientHover: slugGradientHover$3,
844
856
  slugHollowHover: slugHollowHover$3,
845
- slugCalloutGradientTopHover: slugCalloutGradientTopHover$3,
846
- slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$3,
847
- slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$3,
848
- slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$3,
849
- slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$3,
850
- slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$3,
851
- slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$3,
852
- slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$3,
853
- slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$3,
854
- slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$3,
855
857
  aiInnerShadow: aiInnerShadow$3,
856
858
  aiAuraStart: aiAuraStart$3,
857
859
  aiAuraEnd: aiAuraEnd$3,
@@ -859,19 +861,41 @@
859
861
  aiBorderStart: aiBorderStart$3,
860
862
  aiBorderEnd: aiBorderEnd$3,
861
863
  aiDropShadow: aiDropShadow$3,
864
+ aiAuraHoverBackground: aiAuraHoverBackground$3,
865
+ aiAuraHoverStart: aiAuraHoverStart$3,
866
+ aiAuraHoverEnd: aiAuraHoverEnd$3,
862
867
  slugCalloutShadowOuter01: slugCalloutShadowOuter01$3,
863
868
  slugCalloutShadowOuter02: slugCalloutShadowOuter02$3,
864
- slugCalloutAuraStart: slugCalloutAuraStart$3,
865
- slugCalloutAuraEnd: slugCalloutAuraEnd$3,
866
869
  slugCalloutGradientTop: slugCalloutGradientTop$3,
867
870
  slugCalloutGradientBottom: slugCalloutGradientBottom$3,
868
871
  aiGradientStart01: aiGradientStart01$3,
869
872
  aiGradientStart02: aiGradientStart02$3,
870
873
  aiGradientEnd: aiGradientEnd$3,
874
+ slugCalloutAuraStart: slugCalloutAuraStart$3,
875
+ slugCalloutAuraEnd: slugCalloutAuraEnd$3,
876
+ slugCalloutGradientTopHover: slugCalloutGradientTopHover$3,
877
+ slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$3,
878
+ slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$3,
879
+ slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$3,
880
+ slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$3,
881
+ slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$3,
882
+ slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$3,
883
+ slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$3,
884
+ slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$3,
885
+ slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$3,
871
886
  slugCalloutCaretCenter: slugCalloutCaretCenter$3,
872
887
  slugCalloutCaretBottom: slugCalloutCaretBottom$3,
873
888
  slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$3,
874
889
  slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground$3,
890
+ chatPromptBackground: chatPromptBackground$3,
891
+ chatPromptBorderStart: chatPromptBorderStart$3,
892
+ chatPromptBorderEnd: chatPromptBorderEnd$3,
893
+ chatBubbleUser: chatBubbleUser$3,
894
+ chatBubbleAgent: chatBubbleAgent$3,
895
+ chatBubbleAgentBorder: chatBubbleAgentBorder$3,
896
+ chatAvatarBot: chatAvatarBot$3,
897
+ chatAvatarAgent: chatAvatarAgent$3,
898
+ chatAvatarUser: chatAvatarUser$3,
875
899
  caption01: type$2.caption01,
876
900
  caption02: type$2.caption02,
877
901
  label01: type$2.label01,
@@ -1116,16 +1140,6 @@
1116
1140
  var slugBackgroundHover$2 = colors$1.gray60;
1117
1141
  var slugGradientHover$2 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").concat(colors$1.gray20Hover, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
1118
1142
  var slugHollowHover$2 = colors$1.gray80Hover;
1119
- var slugCalloutGradientTopHover$2 = colors$1.rgba(colors$1.gray20, 0.55);
1120
- var slugCalloutGradientBottomHover$2 = colors$1.rgba(colors$1.gray20Hover, 0.55);
1121
- var slugCalloutAuraStartHover01$2 = colors$1.rgba(colors$1.white, 0.5);
1122
- var slugCalloutAuraEndHover01$2 = colors$1.rgba(colors$1.white, 0);
1123
- var slugCalloutAuraStartHover02$2 = colors$1.rgba(colors$1.blue20, 0.5);
1124
- var slugCalloutAuraEndHover02$2 = colors$1.rgba(colors$1.white, 0);
1125
- var slugCalloutGradientTopSelected$2 = colors$1.rgba(colors$1.gray20, 0.85);
1126
- var slugCalloutGradientBottomSelected$2 = colors$1.rgba(colors$1.gray20Hover, 0.85);
1127
- var slugCalloutAuraStartSelected$2 = colors$1.rgba(colors$1.blue10, 0.6);
1128
- var slugCalloutAuraEndSelected$2 = colors$1.rgba(colors$1.white, 0);
1129
1143
 
1130
1144
  //// Phase 2 - new \\\\
1131
1145
  // Shared
@@ -1136,21 +1150,32 @@
1136
1150
  var aiBorderStart$2 = colors$1.blue40;
1137
1151
  var aiBorderEnd$2 = colors$1.blue20;
1138
1152
  var aiDropShadow$2 = colors$1.rgba(colors$1.blue60, 0.32);
1153
+ var aiAuraHoverBackground$2 = colors$1.blue10;
1154
+ var aiAuraHoverStart$2 = colors$1.rgba(colors$1.blue50, 0.4);
1155
+ var aiAuraHoverEnd$2 = colors$1.rgba(colors$1.white, 0);
1139
1156
 
1140
1157
  // Callout
1141
1158
  var slugCalloutShadowOuter01$2 = colors$1.rgba(colors$1.blue70, 0.25);
1142
1159
  var slugCalloutShadowOuter02$2 = colors$1.rgba(colors$1.black, 0.1);
1143
1160
 
1144
- //// Changed
1145
- var slugCalloutAuraStart$2 = aiAuraStart$2;
1146
- var slugCalloutAuraEnd$2 = aiAuraEnd$2;
1147
-
1148
1161
  //// Not used in phase 2 / possibly remove?
1149
1162
  var slugCalloutGradientTop$2 = colors$1.rgba(colors$1.gray10, 0.85);
1150
1163
  var slugCalloutGradientBottom$2 = colors$1.rgba(colors$1.gray20, 0.85);
1151
1164
  var aiGradientStart01$2 = colors$1.rgba(colors$1.coolGray10, 0.5);
1152
1165
  var aiGradientStart02$2 = colors$1.rgba(colors$1.blue10, 0.5);
1153
1166
  var aiGradientEnd$2 = colors$1.rgba(colors$1.white, 0);
1167
+ var slugCalloutAuraStart$2 = aiAuraStart$2;
1168
+ var slugCalloutAuraEnd$2 = aiAuraEnd$2;
1169
+ var slugCalloutGradientTopHover$2 = colors$1.rgba(colors$1.gray20, 0.55);
1170
+ var slugCalloutGradientBottomHover$2 = colors$1.rgba(colors$1.gray20Hover, 0.55);
1171
+ var slugCalloutAuraStartHover01$2 = colors$1.rgba(colors$1.white, 0.5);
1172
+ var slugCalloutAuraEndHover01$2 = colors$1.rgba(colors$1.white, 0);
1173
+ var slugCalloutAuraStartHover02$2 = colors$1.rgba(colors$1.blue20, 0.5);
1174
+ var slugCalloutAuraEndHover02$2 = colors$1.rgba(colors$1.white, 0);
1175
+ var slugCalloutGradientTopSelected$2 = colors$1.rgba(colors$1.gray20, 0.85);
1176
+ var slugCalloutGradientBottomSelected$2 = colors$1.rgba(colors$1.gray20Hover, 0.85);
1177
+ var slugCalloutAuraStartSelected$2 = colors$1.rgba(colors$1.blue10, 0.6);
1178
+ var slugCalloutAuraEndSelected$2 = colors$1.rgba(colors$1.white, 0);
1154
1179
 
1155
1180
  // One off tokens for caret
1156
1181
  var slugCalloutCaretCenter$2 = '#A7C7FF';
@@ -1158,6 +1183,17 @@
1158
1183
  var slugCalloutCaretBottomBackgroundActions$2 = '#D2DCEE';
1159
1184
  var slugCalloutCaretBottomBackground$2 = '#CCDBF8';
1160
1185
 
1186
+ // Chat tokens
1187
+ var chatPromptBackground$2 = colors$1.white;
1188
+ var chatPromptBorderStart$2 = colors$1.gray10;
1189
+ var chatPromptBorderEnd$2 = colors$1.rgba(colors$1.gray10, 0);
1190
+ var chatBubbleUser$2 = colors$1.gray20;
1191
+ var chatBubbleAgent$2 = colors$1.white;
1192
+ var chatBubbleAgentBorder$2 = colors$1.gray20;
1193
+ var chatAvatarBot$2 = colors$1.blue60;
1194
+ var chatAvatarAgent$2 = colors$1.gray100;
1195
+ var chatAvatarUser$2 = colors$1.gray100;
1196
+
1161
1197
  var g10$1 = /*#__PURE__*/Object.freeze({
1162
1198
  __proto__: null,
1163
1199
  background: background$7,
@@ -1265,16 +1301,6 @@
1265
1301
  slugBackgroundHover: slugBackgroundHover$2,
1266
1302
  slugGradientHover: slugGradientHover$2,
1267
1303
  slugHollowHover: slugHollowHover$2,
1268
- slugCalloutGradientTopHover: slugCalloutGradientTopHover$2,
1269
- slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$2,
1270
- slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$2,
1271
- slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$2,
1272
- slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$2,
1273
- slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$2,
1274
- slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$2,
1275
- slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$2,
1276
- slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$2,
1277
- slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$2,
1278
1304
  aiInnerShadow: aiInnerShadow$2,
1279
1305
  aiAuraStart: aiAuraStart$2,
1280
1306
  aiAuraEnd: aiAuraEnd$2,
@@ -1282,19 +1308,41 @@
1282
1308
  aiBorderStart: aiBorderStart$2,
1283
1309
  aiBorderEnd: aiBorderEnd$2,
1284
1310
  aiDropShadow: aiDropShadow$2,
1311
+ aiAuraHoverBackground: aiAuraHoverBackground$2,
1312
+ aiAuraHoverStart: aiAuraHoverStart$2,
1313
+ aiAuraHoverEnd: aiAuraHoverEnd$2,
1285
1314
  slugCalloutShadowOuter01: slugCalloutShadowOuter01$2,
1286
1315
  slugCalloutShadowOuter02: slugCalloutShadowOuter02$2,
1287
- slugCalloutAuraStart: slugCalloutAuraStart$2,
1288
- slugCalloutAuraEnd: slugCalloutAuraEnd$2,
1289
1316
  slugCalloutGradientTop: slugCalloutGradientTop$2,
1290
1317
  slugCalloutGradientBottom: slugCalloutGradientBottom$2,
1291
1318
  aiGradientStart01: aiGradientStart01$2,
1292
1319
  aiGradientStart02: aiGradientStart02$2,
1293
1320
  aiGradientEnd: aiGradientEnd$2,
1321
+ slugCalloutAuraStart: slugCalloutAuraStart$2,
1322
+ slugCalloutAuraEnd: slugCalloutAuraEnd$2,
1323
+ slugCalloutGradientTopHover: slugCalloutGradientTopHover$2,
1324
+ slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$2,
1325
+ slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$2,
1326
+ slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$2,
1327
+ slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$2,
1328
+ slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$2,
1329
+ slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$2,
1330
+ slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$2,
1331
+ slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$2,
1332
+ slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$2,
1294
1333
  slugCalloutCaretCenter: slugCalloutCaretCenter$2,
1295
1334
  slugCalloutCaretBottom: slugCalloutCaretBottom$2,
1296
1335
  slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$2,
1297
1336
  slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground$2,
1337
+ chatPromptBackground: chatPromptBackground$2,
1338
+ chatPromptBorderStart: chatPromptBorderStart$2,
1339
+ chatPromptBorderEnd: chatPromptBorderEnd$2,
1340
+ chatBubbleUser: chatBubbleUser$2,
1341
+ chatBubbleAgent: chatBubbleAgent$2,
1342
+ chatBubbleAgentBorder: chatBubbleAgentBorder$2,
1343
+ chatAvatarBot: chatAvatarBot$2,
1344
+ chatAvatarAgent: chatAvatarAgent$2,
1345
+ chatAvatarUser: chatAvatarUser$2,
1298
1346
  caption01: type$2.caption01,
1299
1347
  caption02: type$2.caption02,
1300
1348
  label01: type$2.label01,
@@ -1539,16 +1587,6 @@
1539
1587
  var slugBackgroundHover$1 = colors$1.gray20;
1540
1588
  var slugGradientHover$1 = "".concat(colors$1.gray40, " linear-gradient(135deg, ").concat(colors$1.white, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
1541
1589
  var slugHollowHover$1 = colors$1.gray30Hover;
1542
- var slugCalloutGradientTopHover$1 = colors$1.rgba(colors$1.gray80, 0.55);
1543
- var slugCalloutGradientBottomHover$1 = colors$1.rgba(colors$1.gray80Hover, 0.55);
1544
- var slugCalloutAuraStartHover01$1 = colors$1.rgba(colors$1.blue20Hover, 0.3);
1545
- var slugCalloutAuraEndHover01$1 = colors$1.rgba(colors$1.gray100, 0);
1546
- var slugCalloutAuraStartHover02$1 = 'transparent';
1547
- var slugCalloutAuraEndHover02$1 = 'transparent';
1548
- var slugCalloutGradientTopSelected$1 = colors$1.rgba(colors$1.gray80, 0.85);
1549
- var slugCalloutGradientBottomSelected$1 = colors$1.rgba(colors$1.gray80Hover, 0.85);
1550
- var slugCalloutAuraStartSelected$1 = colors$1.rgba(colors$1.blue20, 0.2);
1551
- var slugCalloutAuraEndSelected$1 = colors$1.rgba(colors$1.gray100, 0);
1552
1590
 
1553
1591
  //// Phase 2 - new \\\\
1554
1592
  // Shared
@@ -1559,21 +1597,32 @@
1559
1597
  var aiBorderStart$1 = colors$1.blue50;
1560
1598
  var aiBorderEnd$1 = colors$1.rgba(colors$1.blue30, 0.24);
1561
1599
  var aiDropShadow$1 = colors$1.rgba(colors$1.blue60, 0.32);
1600
+ var aiAuraHoverBackground$1 = layerHover01$1;
1601
+ var aiAuraHoverStart$1 = colors$1.rgba(colors$1.blue50, 0.4);
1602
+ var aiAuraHoverEnd$1 = colors$1.rgba(colors$1.black, 0);
1562
1603
 
1563
1604
  // Callout
1564
1605
  var slugCalloutShadowOuter01$1 = colors$1.rgba(colors$1.blue80, 0.25);
1565
1606
  var slugCalloutShadowOuter02$1 = colors$1.rgba(colors$1.black, 0.65);
1566
1607
 
1567
- //// Changed
1568
- var slugCalloutAuraStart$1 = aiAuraStart$1;
1569
- var slugCalloutAuraEnd$1 = aiAuraEnd$1;
1570
-
1571
1608
  //// Not used in phase 2 / possibly remove?
1572
1609
  var slugCalloutGradientTop$1 = colors$1.rgba(colors$1.gray100, 0.85);
1573
1610
  var slugCalloutGradientBottom$1 = colors$1.rgba(colors$1.gray90, 0.85);
1574
1611
  var aiGradientStart01$1 = colors$1.rgba(colors$1.blue20, 0.2);
1575
1612
  var aiGradientStart02$1 = 'transparent';
1576
1613
  var aiGradientEnd$1 = 'rgba(38, 38, 38, 0)';
1614
+ var slugCalloutAuraStart$1 = aiAuraStart$1;
1615
+ var slugCalloutAuraEnd$1 = aiAuraEnd$1;
1616
+ var slugCalloutGradientTopHover$1 = colors$1.rgba(colors$1.gray80, 0.55);
1617
+ var slugCalloutGradientBottomHover$1 = colors$1.rgba(colors$1.gray80Hover, 0.55);
1618
+ var slugCalloutAuraStartHover01$1 = colors$1.rgba(colors$1.blue20Hover, 0.3);
1619
+ var slugCalloutAuraEndHover01$1 = colors$1.rgba(colors$1.gray100, 0);
1620
+ var slugCalloutAuraStartHover02$1 = 'transparent';
1621
+ var slugCalloutAuraEndHover02$1 = 'transparent';
1622
+ var slugCalloutGradientTopSelected$1 = colors$1.rgba(colors$1.gray80, 0.85);
1623
+ var slugCalloutGradientBottomSelected$1 = colors$1.rgba(colors$1.gray80Hover, 0.85);
1624
+ var slugCalloutAuraStartSelected$1 = colors$1.rgba(colors$1.blue20, 0.2);
1625
+ var slugCalloutAuraEndSelected$1 = colors$1.rgba(colors$1.gray100, 0);
1577
1626
 
1578
1627
  // One off tokens for caret
1579
1628
  var slugCalloutCaretCenter$1 = '#456FB5';
@@ -1581,6 +1630,17 @@
1581
1630
  var slugCalloutCaretBottomBackgroundActions$1 = '#253042';
1582
1631
  var slugCalloutCaretBottomBackground$1 = '#2D3F5C';
1583
1632
 
1633
+ // Chat tokens
1634
+ var chatPromptBackground$1 = colors$1.gray100;
1635
+ var chatPromptBorderStart$1 = colors$1.gray90;
1636
+ var chatPromptBorderEnd$1 = colors$1.rgba(colors$1.gray90, 0);
1637
+ var chatBubbleUser$1 = colors$1.gray80;
1638
+ var chatBubbleAgent$1 = colors$1.gray90;
1639
+ var chatBubbleAgentBorder$1 = colors$1.gray70;
1640
+ var chatAvatarBot$1 = colors$1.blue50;
1641
+ var chatAvatarAgent$1 = colors$1.gray10;
1642
+ var chatAvatarUser$1 = colors$1.gray10;
1643
+
1584
1644
  var g90$1 = /*#__PURE__*/Object.freeze({
1585
1645
  __proto__: null,
1586
1646
  background: background$6,
@@ -1688,16 +1748,6 @@
1688
1748
  slugBackgroundHover: slugBackgroundHover$1,
1689
1749
  slugGradientHover: slugGradientHover$1,
1690
1750
  slugHollowHover: slugHollowHover$1,
1691
- slugCalloutGradientTopHover: slugCalloutGradientTopHover$1,
1692
- slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$1,
1693
- slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$1,
1694
- slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$1,
1695
- slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$1,
1696
- slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$1,
1697
- slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$1,
1698
- slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$1,
1699
- slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$1,
1700
- slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$1,
1701
1751
  aiInnerShadow: aiInnerShadow$1,
1702
1752
  aiAuraStart: aiAuraStart$1,
1703
1753
  aiAuraEnd: aiAuraEnd$1,
@@ -1705,19 +1755,41 @@
1705
1755
  aiBorderStart: aiBorderStart$1,
1706
1756
  aiBorderEnd: aiBorderEnd$1,
1707
1757
  aiDropShadow: aiDropShadow$1,
1758
+ aiAuraHoverBackground: aiAuraHoverBackground$1,
1759
+ aiAuraHoverStart: aiAuraHoverStart$1,
1760
+ aiAuraHoverEnd: aiAuraHoverEnd$1,
1708
1761
  slugCalloutShadowOuter01: slugCalloutShadowOuter01$1,
1709
1762
  slugCalloutShadowOuter02: slugCalloutShadowOuter02$1,
1710
- slugCalloutAuraStart: slugCalloutAuraStart$1,
1711
- slugCalloutAuraEnd: slugCalloutAuraEnd$1,
1712
1763
  slugCalloutGradientTop: slugCalloutGradientTop$1,
1713
1764
  slugCalloutGradientBottom: slugCalloutGradientBottom$1,
1714
1765
  aiGradientStart01: aiGradientStart01$1,
1715
1766
  aiGradientStart02: aiGradientStart02$1,
1716
1767
  aiGradientEnd: aiGradientEnd$1,
1768
+ slugCalloutAuraStart: slugCalloutAuraStart$1,
1769
+ slugCalloutAuraEnd: slugCalloutAuraEnd$1,
1770
+ slugCalloutGradientTopHover: slugCalloutGradientTopHover$1,
1771
+ slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$1,
1772
+ slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$1,
1773
+ slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$1,
1774
+ slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$1,
1775
+ slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$1,
1776
+ slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$1,
1777
+ slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$1,
1778
+ slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$1,
1779
+ slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$1,
1717
1780
  slugCalloutCaretCenter: slugCalloutCaretCenter$1,
1718
1781
  slugCalloutCaretBottom: slugCalloutCaretBottom$1,
1719
1782
  slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$1,
1720
1783
  slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground$1,
1784
+ chatPromptBackground: chatPromptBackground$1,
1785
+ chatPromptBorderStart: chatPromptBorderStart$1,
1786
+ chatPromptBorderEnd: chatPromptBorderEnd$1,
1787
+ chatBubbleUser: chatBubbleUser$1,
1788
+ chatBubbleAgent: chatBubbleAgent$1,
1789
+ chatBubbleAgentBorder: chatBubbleAgentBorder$1,
1790
+ chatAvatarBot: chatAvatarBot$1,
1791
+ chatAvatarAgent: chatAvatarAgent$1,
1792
+ chatAvatarUser: chatAvatarUser$1,
1721
1793
  caption01: type$2.caption01,
1722
1794
  caption02: type$2.caption02,
1723
1795
  label01: type$2.label01,
@@ -1962,16 +2034,6 @@
1962
2034
  var slugBackgroundHover = colors$1.gray20;
1963
2035
  var slugGradientHover = "".concat(colors$1.gray40, " linear-gradient(135deg, ").concat(colors$1.white, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
1964
2036
  var slugHollowHover = colors$1.gray30Hover;
1965
- var slugCalloutGradientTopHover = colors$1.rgba(colors$1.gray80, 0.55);
1966
- var slugCalloutGradientBottomHover = colors$1.rgba(colors$1.gray80Hover, 0.55);
1967
- var slugCalloutAuraStartHover01 = colors$1.rgba(colors$1.blue20Hover, 0.3);
1968
- var slugCalloutAuraEndHover01 = colors$1.rgba(colors$1.gray100, 0);
1969
- var slugCalloutAuraStartHover02 = 'transparent';
1970
- var slugCalloutAuraEndHover02 = 'transparent';
1971
- var slugCalloutGradientTopSelected = colors$1.rgba(colors$1.gray80, 0.85);
1972
- var slugCalloutGradientBottomSelected = colors$1.rgba(colors$1.gray80Hover, 0.85);
1973
- var slugCalloutAuraStartSelected = colors$1.rgba(colors$1.blue20, 0.2);
1974
- var slugCalloutAuraEndSelected = colors$1.rgba(colors$1.gray100, 0);
1975
2037
 
1976
2038
  //// Phase 2 - new \\\\
1977
2039
  // Shared
@@ -1982,21 +2044,32 @@
1982
2044
  var aiBorderStart = colors$1.blue50;
1983
2045
  var aiBorderEnd = colors$1.rgba(colors$1.blue30, 0.24);
1984
2046
  var aiDropShadow = colors$1.rgba(colors$1.blue60, 0.32);
2047
+ var aiAuraHoverBackground = layerHover01;
2048
+ var aiAuraHoverStart = colors$1.rgba(colors$1.blue50, 0.4);
2049
+ var aiAuraHoverEnd = colors$1.rgba(colors$1.black, 0);
1985
2050
 
1986
2051
  // Callout
1987
2052
  var slugCalloutShadowOuter01 = colors$1.rgba(colors$1.blue80, 0.25);
1988
2053
  var slugCalloutShadowOuter02 = colors$1.rgba(colors$1.black, 0.65);
1989
2054
 
1990
- //// Changed
1991
- var slugCalloutAuraStart = aiAuraStart;
1992
- var slugCalloutAuraEnd = aiAuraEnd;
1993
-
1994
2055
  //// Not used in phase 2 / possibly remove?
1995
2056
  var slugCalloutGradientTop = colors$1.rgba(colors$1.gray100, 0.85);
1996
2057
  var slugCalloutGradientBottom = colors$1.rgba(colors$1.gray90, 0.85);
1997
2058
  var aiGradientStart01 = colors$1.rgba(colors$1.blue20, 0.2);
1998
2059
  var aiGradientStart02 = 'transparent';
1999
2060
  var aiGradientEnd = 'rgba(38, 38, 38, 0)';
2061
+ var slugCalloutAuraStart = aiAuraStart;
2062
+ var slugCalloutAuraEnd = aiAuraEnd;
2063
+ var slugCalloutGradientTopHover = colors$1.rgba(colors$1.gray80, 0.55);
2064
+ var slugCalloutGradientBottomHover = colors$1.rgba(colors$1.gray80Hover, 0.55);
2065
+ var slugCalloutAuraStartHover01 = colors$1.rgba(colors$1.blue20Hover, 0.3);
2066
+ var slugCalloutAuraEndHover01 = colors$1.rgba(colors$1.gray100, 0);
2067
+ var slugCalloutAuraStartHover02 = 'transparent';
2068
+ var slugCalloutAuraEndHover02 = 'transparent';
2069
+ var slugCalloutGradientTopSelected = colors$1.rgba(colors$1.gray80, 0.85);
2070
+ var slugCalloutGradientBottomSelected = colors$1.rgba(colors$1.gray80Hover, 0.85);
2071
+ var slugCalloutAuraStartSelected = colors$1.rgba(colors$1.blue20, 0.2);
2072
+ var slugCalloutAuraEndSelected = colors$1.rgba(colors$1.gray100, 0);
2000
2073
 
2001
2074
  // One off tokens for caret
2002
2075
  var slugCalloutCaretCenter = '#3F68AF';
@@ -2004,6 +2077,17 @@
2004
2077
  var slugCalloutCaretBottomBackgroundActions = '#192436';
2005
2078
  var slugCalloutCaretBottomBackground = '#213250';
2006
2079
 
2080
+ // Chat tokens
2081
+ var chatPromptBackground = colors$1.gray100;
2082
+ var chatPromptBorderStart = colors$1.gray90;
2083
+ var chatPromptBorderEnd = colors$1.rgba(colors$1.gray90, 0);
2084
+ var chatBubbleUser = colors$1.gray80;
2085
+ var chatBubbleAgent = colors$1.gray90;
2086
+ var chatBubbleAgentBorder = colors$1.gray70;
2087
+ var chatAvatarBot = colors$1.blue50;
2088
+ var chatAvatarAgent = colors$1.gray10;
2089
+ var chatAvatarUser = colors$1.gray10;
2090
+
2007
2091
  var g100$1 = /*#__PURE__*/Object.freeze({
2008
2092
  __proto__: null,
2009
2093
  background: background$5,
@@ -2111,16 +2195,6 @@
2111
2195
  slugBackgroundHover: slugBackgroundHover,
2112
2196
  slugGradientHover: slugGradientHover,
2113
2197
  slugHollowHover: slugHollowHover,
2114
- slugCalloutGradientTopHover: slugCalloutGradientTopHover,
2115
- slugCalloutGradientBottomHover: slugCalloutGradientBottomHover,
2116
- slugCalloutAuraStartHover01: slugCalloutAuraStartHover01,
2117
- slugCalloutAuraEndHover01: slugCalloutAuraEndHover01,
2118
- slugCalloutAuraStartHover02: slugCalloutAuraStartHover02,
2119
- slugCalloutAuraEndHover02: slugCalloutAuraEndHover02,
2120
- slugCalloutGradientTopSelected: slugCalloutGradientTopSelected,
2121
- slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected,
2122
- slugCalloutAuraStartSelected: slugCalloutAuraStartSelected,
2123
- slugCalloutAuraEndSelected: slugCalloutAuraEndSelected,
2124
2198
  aiInnerShadow: aiInnerShadow,
2125
2199
  aiAuraStart: aiAuraStart,
2126
2200
  aiAuraEnd: aiAuraEnd,
@@ -2128,19 +2202,41 @@
2128
2202
  aiBorderStart: aiBorderStart,
2129
2203
  aiBorderEnd: aiBorderEnd,
2130
2204
  aiDropShadow: aiDropShadow,
2205
+ aiAuraHoverBackground: aiAuraHoverBackground,
2206
+ aiAuraHoverStart: aiAuraHoverStart,
2207
+ aiAuraHoverEnd: aiAuraHoverEnd,
2131
2208
  slugCalloutShadowOuter01: slugCalloutShadowOuter01,
2132
2209
  slugCalloutShadowOuter02: slugCalloutShadowOuter02,
2133
- slugCalloutAuraStart: slugCalloutAuraStart,
2134
- slugCalloutAuraEnd: slugCalloutAuraEnd,
2135
2210
  slugCalloutGradientTop: slugCalloutGradientTop,
2136
2211
  slugCalloutGradientBottom: slugCalloutGradientBottom,
2137
2212
  aiGradientStart01: aiGradientStart01,
2138
2213
  aiGradientStart02: aiGradientStart02,
2139
2214
  aiGradientEnd: aiGradientEnd,
2215
+ slugCalloutAuraStart: slugCalloutAuraStart,
2216
+ slugCalloutAuraEnd: slugCalloutAuraEnd,
2217
+ slugCalloutGradientTopHover: slugCalloutGradientTopHover,
2218
+ slugCalloutGradientBottomHover: slugCalloutGradientBottomHover,
2219
+ slugCalloutAuraStartHover01: slugCalloutAuraStartHover01,
2220
+ slugCalloutAuraEndHover01: slugCalloutAuraEndHover01,
2221
+ slugCalloutAuraStartHover02: slugCalloutAuraStartHover02,
2222
+ slugCalloutAuraEndHover02: slugCalloutAuraEndHover02,
2223
+ slugCalloutGradientTopSelected: slugCalloutGradientTopSelected,
2224
+ slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected,
2225
+ slugCalloutAuraStartSelected: slugCalloutAuraStartSelected,
2226
+ slugCalloutAuraEndSelected: slugCalloutAuraEndSelected,
2140
2227
  slugCalloutCaretCenter: slugCalloutCaretCenter,
2141
2228
  slugCalloutCaretBottom: slugCalloutCaretBottom,
2142
2229
  slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions,
2143
2230
  slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground,
2231
+ chatPromptBackground: chatPromptBackground,
2232
+ chatPromptBorderStart: chatPromptBorderStart,
2233
+ chatPromptBorderEnd: chatPromptBorderEnd,
2234
+ chatBubbleUser: chatBubbleUser,
2235
+ chatBubbleAgent: chatBubbleAgent,
2236
+ chatBubbleAgentBorder: chatBubbleAgentBorder,
2237
+ chatAvatarBot: chatAvatarBot,
2238
+ chatAvatarAgent: chatAvatarAgent,
2239
+ chatAvatarUser: chatAvatarUser,
2144
2240
  caption01: type$2.caption01,
2145
2241
  caption02: type$2.caption02,
2146
2242
  label01: type$2.label01,
@@ -5041,9 +5137,11 @@
5041
5137
  // Phase 2
5042
5138
  'slug-callout-shadow-outer-01', 'slug-callout-shadow-outer-02',
5043
5139
  // Linear gradient refactor
5044
- 'ai-inner-shadow', 'ai-aura-start', 'ai-aura-end', 'ai-border-strong', 'ai-border-start', 'ai-border-end', 'ai-drop-shadow',
5140
+ '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',
5045
5141
  // Caret tokens
5046
- 'slug-callout-caret-center', 'slug-callout-caret-bottom', 'slug-callout-caret-bottom-background', 'slug-callout-caret-bottom-background-actions']
5142
+ 'slug-callout-caret-center', 'slug-callout-caret-bottom', 'slug-callout-caret-bottom-background', 'slug-callout-caret-bottom-background-actions',
5143
+ // Chat tokens
5144
+ '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']
5047
5145
  });
5048
5146
  var group = TokenGroup.create({
5049
5147
  name: 'All',
@@ -5484,6 +5582,9 @@
5484
5582
  get: function () { return layout$2.spacing13; }
5485
5583
  });
5486
5584
  exports.aiAuraEnd = aiAuraEnd$3;
5585
+ exports.aiAuraHoverBackground = aiAuraHoverBackground$3;
5586
+ exports.aiAuraHoverEnd = aiAuraHoverEnd$3;
5587
+ exports.aiAuraHoverStart = aiAuraHoverStart$3;
5487
5588
  exports.aiAuraStart = aiAuraStart$3;
5488
5589
  exports.aiBorderEnd = aiBorderEnd$3;
5489
5590
  exports.aiBorderStart = aiBorderStart$3;
@@ -5518,6 +5619,15 @@
5518
5619
  exports.borderTile02 = borderTile02$3;
5519
5620
  exports.borderTile03 = borderTile03$3;
5520
5621
  exports.buttonTokens = index$2;
5622
+ exports.chatAvatarAgent = chatAvatarAgent$3;
5623
+ exports.chatAvatarBot = chatAvatarBot$3;
5624
+ exports.chatAvatarUser = chatAvatarUser$3;
5625
+ exports.chatBubbleAgent = chatBubbleAgent$3;
5626
+ exports.chatBubbleAgentBorder = chatBubbleAgentBorder$3;
5627
+ exports.chatBubbleUser = chatBubbleUser$3;
5628
+ exports.chatPromptBackground = chatPromptBackground$3;
5629
+ exports.chatPromptBorderEnd = chatPromptBorderEnd$3;
5630
+ exports.chatPromptBorderStart = chatPromptBorderStart$3;
5521
5631
  exports.field01 = field01$7;
5522
5632
  exports.field02 = field02$7;
5523
5633
  exports.field03 = field03$3;