@carbon/themes 11.29.0 → 11.30.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
@@ -696,6 +696,32 @@ 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
+
700
+ //// Phase 2 - new \\\\
701
+ // Shared
702
+ var aiInnerShadow$3 = colors$1.rgba(colors$1.blue50, 0.2);
703
+ var aiAuraStart$3 = colors$1.rgba(colors$1.blue50, 0.1);
704
+ var aiAuraEnd$3 = colors$1.rgba(colors$1.white, 0);
705
+ var aiBorderStrong$3 = colors$1.blue50;
706
+ var aiBorderStart$3 = colors$1.blue40;
707
+ var aiBorderEnd$3 = colors$1.blue20;
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);
712
+
713
+ // Callout
714
+ var slugCalloutShadowOuter01$3 = colors$1.rgba(colors$1.blue70, 0.25);
715
+ var slugCalloutShadowOuter02$3 = colors$1.rgba(colors$1.black, 0.1);
716
+
717
+ //// Not used in phase 2 / possibly remove?
718
+ var slugCalloutGradientTop$3 = colors$1.rgba(colors$1.gray10, 0.85);
719
+ var slugCalloutGradientBottom$3 = colors$1.rgba(colors$1.gray20, 0.85);
720
+ var aiGradientStart01$3 = colors$1.rgba(colors$1.coolGray10, 0.5);
721
+ var aiGradientStart02$3 = colors$1.rgba(colors$1.blue10, 0.5);
722
+ var aiGradientEnd$3 = colors$1.rgba(colors$1.white, 0);
723
+ var slugCalloutAuraStart$3 = aiAuraStart$3;
724
+ var slugCalloutAuraEnd$3 = aiAuraEnd$3;
699
725
  var slugCalloutGradientTopHover$3 = colors$1.rgba(colors$1.gray20, 0.55);
700
726
  var slugCalloutGradientBottomHover$3 = colors$1.rgba(colors$1.gray20Hover, 0.55);
701
727
  var slugCalloutAuraStartHover01$3 = colors$1.rgba(colors$1.white, 0.5);
@@ -706,25 +732,6 @@ var slugCalloutGradientTopSelected$3 = colors$1.rgba(colors$1.gray20, 0.85);
706
732
  var slugCalloutGradientBottomSelected$3 = colors$1.rgba(colors$1.gray20Hover, 0.85);
707
733
  var slugCalloutAuraStartSelected$3 = colors$1.rgba(colors$1.blue10, 0.6);
708
734
  var slugCalloutAuraEndSelected$3 = colors$1.rgba(colors$1.white, 0);
709
- // Linear gradient tokens
710
- var aiGradientStart01$3 = colors$1.rgba(colors$1.coolGray10, 0.5);
711
- var aiGradientStart02$3 = colors$1.rgba(colors$1.blue10, 0.5);
712
- var aiGradientEnd$3 = colors$1.rgba(colors$1.white, 0);
713
-
714
- // Phase 2 - new
715
- var slugCalloutShadowInner$3 = colors$1.rgba(colors$1.blue50, 0.2);
716
- var slugCalloutShadowOuter01$3 = colors$1.rgba(colors$1.blue70, 0.25);
717
- var slugCalloutShadowOuter02$3 = colors$1.rgba(colors$1.black, 0.1);
718
- var slugCalloutBorder01$3 = colors$1.blue40;
719
- var slugCalloutBorder02$3 = colors$1.blue20;
720
-
721
- // Changed
722
- var slugCalloutAuraStart$3 = colors$1.rgba(colors$1.blue50, 0.1);
723
- var slugCalloutAuraEnd$3 = colors$1.rgba(colors$1.white, 0);
724
-
725
- // Not used in phase 2 / possibly remove?
726
- var slugCalloutGradientTop$3 = colors$1.rgba(colors$1.gray10, 0.85);
727
- var slugCalloutGradientBottom$3 = colors$1.rgba(colors$1.gray20, 0.85);
728
735
 
729
736
  // One off tokens for caret
730
737
  var slugCalloutCaretCenter$3 = '#A7C7FF';
@@ -732,6 +739,17 @@ var slugCalloutCaretBottom$3 = colors$1.blue20;
732
739
  var slugCalloutCaretBottomBackgroundActions$3 = '#DAE5F8';
733
740
  var slugCalloutCaretBottomBackground$3 = '#D5E5FF';
734
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
+
735
753
  var white$1 = /*#__PURE__*/Object.freeze({
736
754
  __proto__: null,
737
755
  background: background$8,
@@ -839,6 +857,25 @@ var white$1 = /*#__PURE__*/Object.freeze({
839
857
  slugBackgroundHover: slugBackgroundHover$3,
840
858
  slugGradientHover: slugGradientHover$3,
841
859
  slugHollowHover: slugHollowHover$3,
860
+ aiInnerShadow: aiInnerShadow$3,
861
+ aiAuraStart: aiAuraStart$3,
862
+ aiAuraEnd: aiAuraEnd$3,
863
+ aiBorderStrong: aiBorderStrong$3,
864
+ aiBorderStart: aiBorderStart$3,
865
+ aiBorderEnd: aiBorderEnd$3,
866
+ aiDropShadow: aiDropShadow$3,
867
+ aiAuraHoverBackground: aiAuraHoverBackground$3,
868
+ aiAuraHoverStart: aiAuraHoverStart$3,
869
+ aiAuraHoverEnd: aiAuraHoverEnd$3,
870
+ slugCalloutShadowOuter01: slugCalloutShadowOuter01$3,
871
+ slugCalloutShadowOuter02: slugCalloutShadowOuter02$3,
872
+ slugCalloutGradientTop: slugCalloutGradientTop$3,
873
+ slugCalloutGradientBottom: slugCalloutGradientBottom$3,
874
+ aiGradientStart01: aiGradientStart01$3,
875
+ aiGradientStart02: aiGradientStart02$3,
876
+ aiGradientEnd: aiGradientEnd$3,
877
+ slugCalloutAuraStart: slugCalloutAuraStart$3,
878
+ slugCalloutAuraEnd: slugCalloutAuraEnd$3,
842
879
  slugCalloutGradientTopHover: slugCalloutGradientTopHover$3,
843
880
  slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$3,
844
881
  slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$3,
@@ -849,22 +886,19 @@ var white$1 = /*#__PURE__*/Object.freeze({
849
886
  slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$3,
850
887
  slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$3,
851
888
  slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$3,
852
- aiGradientStart01: aiGradientStart01$3,
853
- aiGradientStart02: aiGradientStart02$3,
854
- aiGradientEnd: aiGradientEnd$3,
855
- slugCalloutShadowInner: slugCalloutShadowInner$3,
856
- slugCalloutShadowOuter01: slugCalloutShadowOuter01$3,
857
- slugCalloutShadowOuter02: slugCalloutShadowOuter02$3,
858
- slugCalloutBorder01: slugCalloutBorder01$3,
859
- slugCalloutBorder02: slugCalloutBorder02$3,
860
- slugCalloutAuraStart: slugCalloutAuraStart$3,
861
- slugCalloutAuraEnd: slugCalloutAuraEnd$3,
862
- slugCalloutGradientTop: slugCalloutGradientTop$3,
863
- slugCalloutGradientBottom: slugCalloutGradientBottom$3,
864
889
  slugCalloutCaretCenter: slugCalloutCaretCenter$3,
865
890
  slugCalloutCaretBottom: slugCalloutCaretBottom$3,
866
891
  slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$3,
867
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,
868
902
  caption01: type$2.caption01,
869
903
  caption02: type$2.caption02,
870
904
  label01: type$2.label01,
@@ -1109,6 +1143,32 @@ var slugGradient$2 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").co
1109
1143
  var slugBackgroundHover$2 = colors$1.gray60;
1110
1144
  var slugGradientHover$2 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").concat(colors$1.gray20Hover, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
1111
1145
  var slugHollowHover$2 = colors$1.gray80Hover;
1146
+
1147
+ //// Phase 2 - new \\\\
1148
+ // Shared
1149
+ var aiInnerShadow$2 = colors$1.rgba(colors$1.blue50, 0.2);
1150
+ var aiAuraStart$2 = colors$1.rgba(colors$1.blue50, 0.1);
1151
+ var aiAuraEnd$2 = colors$1.rgba(colors$1.white, 0);
1152
+ var aiBorderStrong$2 = colors$1.blue50;
1153
+ var aiBorderStart$2 = colors$1.blue40;
1154
+ var aiBorderEnd$2 = colors$1.blue20;
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);
1159
+
1160
+ // Callout
1161
+ var slugCalloutShadowOuter01$2 = colors$1.rgba(colors$1.blue70, 0.25);
1162
+ var slugCalloutShadowOuter02$2 = colors$1.rgba(colors$1.black, 0.1);
1163
+
1164
+ //// Not used in phase 2 / possibly remove?
1165
+ var slugCalloutGradientTop$2 = colors$1.rgba(colors$1.gray10, 0.85);
1166
+ var slugCalloutGradientBottom$2 = colors$1.rgba(colors$1.gray20, 0.85);
1167
+ var aiGradientStart01$2 = colors$1.rgba(colors$1.coolGray10, 0.5);
1168
+ var aiGradientStart02$2 = colors$1.rgba(colors$1.blue10, 0.5);
1169
+ var aiGradientEnd$2 = colors$1.rgba(colors$1.white, 0);
1170
+ var slugCalloutAuraStart$2 = aiAuraStart$2;
1171
+ var slugCalloutAuraEnd$2 = aiAuraEnd$2;
1112
1172
  var slugCalloutGradientTopHover$2 = colors$1.rgba(colors$1.gray20, 0.55);
1113
1173
  var slugCalloutGradientBottomHover$2 = colors$1.rgba(colors$1.gray20Hover, 0.55);
1114
1174
  var slugCalloutAuraStartHover01$2 = colors$1.rgba(colors$1.white, 0.5);
@@ -1119,25 +1179,6 @@ var slugCalloutGradientTopSelected$2 = colors$1.rgba(colors$1.gray20, 0.85);
1119
1179
  var slugCalloutGradientBottomSelected$2 = colors$1.rgba(colors$1.gray20Hover, 0.85);
1120
1180
  var slugCalloutAuraStartSelected$2 = colors$1.rgba(colors$1.blue10, 0.6);
1121
1181
  var slugCalloutAuraEndSelected$2 = colors$1.rgba(colors$1.white, 0);
1122
- // Linear gradient tokens
1123
- var aiGradientStart01$2 = colors$1.rgba(colors$1.coolGray10, 0.5);
1124
- var aiGradientStart02$2 = colors$1.rgba(colors$1.blue10, 0.5);
1125
- var aiGradientEnd$2 = colors$1.rgba(colors$1.white, 0);
1126
-
1127
- // Phase 2 - new
1128
- var slugCalloutShadowInner$2 = colors$1.rgba(colors$1.blue50, 0.2);
1129
- var slugCalloutShadowOuter01$2 = colors$1.rgba(colors$1.blue70, 0.25);
1130
- var slugCalloutShadowOuter02$2 = colors$1.rgba(colors$1.black, 0.1);
1131
- var slugCalloutBorder01$2 = colors$1.blue40;
1132
- var slugCalloutBorder02$2 = colors$1.blue20;
1133
-
1134
- // Changed
1135
- var slugCalloutAuraStart$2 = colors$1.rgba(colors$1.blue50, 0.1);
1136
- var slugCalloutAuraEnd$2 = colors$1.rgba(colors$1.white, 0);
1137
-
1138
- // Not used in phase 2 / possibly remove?
1139
- var slugCalloutGradientTop$2 = colors$1.rgba(colors$1.gray10, 0.85);
1140
- var slugCalloutGradientBottom$2 = colors$1.rgba(colors$1.gray20, 0.85);
1141
1182
 
1142
1183
  // One off tokens for caret
1143
1184
  var slugCalloutCaretCenter$2 = '#A7C7FF';
@@ -1145,6 +1186,17 @@ var slugCalloutCaretBottom$2 = colors$1.blue20;
1145
1186
  var slugCalloutCaretBottomBackgroundActions$2 = '#D2DCEE';
1146
1187
  var slugCalloutCaretBottomBackground$2 = '#CCDBF8';
1147
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
+
1148
1200
  var g10$1 = /*#__PURE__*/Object.freeze({
1149
1201
  __proto__: null,
1150
1202
  background: background$7,
@@ -1252,6 +1304,25 @@ var g10$1 = /*#__PURE__*/Object.freeze({
1252
1304
  slugBackgroundHover: slugBackgroundHover$2,
1253
1305
  slugGradientHover: slugGradientHover$2,
1254
1306
  slugHollowHover: slugHollowHover$2,
1307
+ aiInnerShadow: aiInnerShadow$2,
1308
+ aiAuraStart: aiAuraStart$2,
1309
+ aiAuraEnd: aiAuraEnd$2,
1310
+ aiBorderStrong: aiBorderStrong$2,
1311
+ aiBorderStart: aiBorderStart$2,
1312
+ aiBorderEnd: aiBorderEnd$2,
1313
+ aiDropShadow: aiDropShadow$2,
1314
+ aiAuraHoverBackground: aiAuraHoverBackground$2,
1315
+ aiAuraHoverStart: aiAuraHoverStart$2,
1316
+ aiAuraHoverEnd: aiAuraHoverEnd$2,
1317
+ slugCalloutShadowOuter01: slugCalloutShadowOuter01$2,
1318
+ slugCalloutShadowOuter02: slugCalloutShadowOuter02$2,
1319
+ slugCalloutGradientTop: slugCalloutGradientTop$2,
1320
+ slugCalloutGradientBottom: slugCalloutGradientBottom$2,
1321
+ aiGradientStart01: aiGradientStart01$2,
1322
+ aiGradientStart02: aiGradientStart02$2,
1323
+ aiGradientEnd: aiGradientEnd$2,
1324
+ slugCalloutAuraStart: slugCalloutAuraStart$2,
1325
+ slugCalloutAuraEnd: slugCalloutAuraEnd$2,
1255
1326
  slugCalloutGradientTopHover: slugCalloutGradientTopHover$2,
1256
1327
  slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$2,
1257
1328
  slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$2,
@@ -1262,22 +1333,19 @@ var g10$1 = /*#__PURE__*/Object.freeze({
1262
1333
  slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$2,
1263
1334
  slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$2,
1264
1335
  slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$2,
1265
- aiGradientStart01: aiGradientStart01$2,
1266
- aiGradientStart02: aiGradientStart02$2,
1267
- aiGradientEnd: aiGradientEnd$2,
1268
- slugCalloutShadowInner: slugCalloutShadowInner$2,
1269
- slugCalloutShadowOuter01: slugCalloutShadowOuter01$2,
1270
- slugCalloutShadowOuter02: slugCalloutShadowOuter02$2,
1271
- slugCalloutBorder01: slugCalloutBorder01$2,
1272
- slugCalloutBorder02: slugCalloutBorder02$2,
1273
- slugCalloutAuraStart: slugCalloutAuraStart$2,
1274
- slugCalloutAuraEnd: slugCalloutAuraEnd$2,
1275
- slugCalloutGradientTop: slugCalloutGradientTop$2,
1276
- slugCalloutGradientBottom: slugCalloutGradientBottom$2,
1277
1336
  slugCalloutCaretCenter: slugCalloutCaretCenter$2,
1278
1337
  slugCalloutCaretBottom: slugCalloutCaretBottom$2,
1279
1338
  slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$2,
1280
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,
1281
1349
  caption01: type$2.caption01,
1282
1350
  caption02: type$2.caption02,
1283
1351
  label01: type$2.label01,
@@ -1522,6 +1590,32 @@ var slugGradient$1 = "".concat(colors$1.gray50, " linear-gradient(135deg, ").con
1522
1590
  var slugBackgroundHover$1 = colors$1.gray20;
1523
1591
  var slugGradientHover$1 = "".concat(colors$1.gray40, " linear-gradient(135deg, ").concat(colors$1.white, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
1524
1592
  var slugHollowHover$1 = colors$1.gray30Hover;
1593
+
1594
+ //// Phase 2 - new \\\\
1595
+ // Shared
1596
+ var aiInnerShadow$1 = colors$1.rgba(colors$1.blue50, 0.2);
1597
+ var aiAuraStart$1 = colors$1.rgba(colors$1.blue50, 0.1);
1598
+ var aiAuraEnd$1 = colors$1.rgba(colors$1.black, 0);
1599
+ var aiBorderStrong$1 = colors$1.blue40;
1600
+ var aiBorderStart$1 = colors$1.blue50;
1601
+ var aiBorderEnd$1 = colors$1.rgba(colors$1.blue30, 0.24);
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);
1606
+
1607
+ // Callout
1608
+ var slugCalloutShadowOuter01$1 = colors$1.rgba(colors$1.blue80, 0.25);
1609
+ var slugCalloutShadowOuter02$1 = colors$1.rgba(colors$1.black, 0.65);
1610
+
1611
+ //// Not used in phase 2 / possibly remove?
1612
+ var slugCalloutGradientTop$1 = colors$1.rgba(colors$1.gray100, 0.85);
1613
+ var slugCalloutGradientBottom$1 = colors$1.rgba(colors$1.gray90, 0.85);
1614
+ var aiGradientStart01$1 = colors$1.rgba(colors$1.blue20, 0.2);
1615
+ var aiGradientStart02$1 = 'transparent';
1616
+ var aiGradientEnd$1 = 'rgba(38, 38, 38, 0)';
1617
+ var slugCalloutAuraStart$1 = aiAuraStart$1;
1618
+ var slugCalloutAuraEnd$1 = aiAuraEnd$1;
1525
1619
  var slugCalloutGradientTopHover$1 = colors$1.rgba(colors$1.gray80, 0.55);
1526
1620
  var slugCalloutGradientBottomHover$1 = colors$1.rgba(colors$1.gray80Hover, 0.55);
1527
1621
  var slugCalloutAuraStartHover01$1 = colors$1.rgba(colors$1.blue20Hover, 0.3);
@@ -1532,25 +1626,6 @@ var slugCalloutGradientTopSelected$1 = colors$1.rgba(colors$1.gray80, 0.85);
1532
1626
  var slugCalloutGradientBottomSelected$1 = colors$1.rgba(colors$1.gray80Hover, 0.85);
1533
1627
  var slugCalloutAuraStartSelected$1 = colors$1.rgba(colors$1.blue20, 0.2);
1534
1628
  var slugCalloutAuraEndSelected$1 = colors$1.rgba(colors$1.gray100, 0);
1535
- // Linear gradient tokens
1536
- var aiGradientStart01$1 = colors$1.rgba(colors$1.blue20, 0.2);
1537
- var aiGradientStart02$1 = 'transparent';
1538
- var aiGradientEnd$1 = 'rgba(38, 38, 38, 0)';
1539
-
1540
- // Phase 2 - new
1541
- var slugCalloutShadowInner$1 = colors$1.rgba(colors$1.blue50, 0.2);
1542
- var slugCalloutShadowOuter01$1 = colors$1.rgba(colors$1.blue80, 0.25);
1543
- var slugCalloutShadowOuter02$1 = colors$1.rgba(colors$1.black, 0.65);
1544
- var slugCalloutBorder01$1 = colors$1.blue50;
1545
- var slugCalloutBorder02$1 = colors$1.rgba(colors$1.blue30, 0.25);
1546
-
1547
- // Changed
1548
- var slugCalloutAuraStart$1 = colors$1.rgba(colors$1.blue50, 0.1);
1549
- var slugCalloutAuraEnd$1 = colors$1.rgba(colors$1.white, 0);
1550
-
1551
- // Not used in phase 2 / possibly remove?
1552
- var slugCalloutGradientTop$1 = colors$1.rgba(colors$1.gray100, 0.85);
1553
- var slugCalloutGradientBottom$1 = colors$1.rgba(colors$1.gray90, 0.85);
1554
1629
 
1555
1630
  // One off tokens for caret
1556
1631
  var slugCalloutCaretCenter$1 = '#456FB5';
@@ -1558,6 +1633,17 @@ var slugCalloutCaretBottom$1 = '#465060';
1558
1633
  var slugCalloutCaretBottomBackgroundActions$1 = '#253042';
1559
1634
  var slugCalloutCaretBottomBackground$1 = '#2D3F5C';
1560
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
+
1561
1647
  var g90$1 = /*#__PURE__*/Object.freeze({
1562
1648
  __proto__: null,
1563
1649
  background: background$6,
@@ -1665,6 +1751,25 @@ var g90$1 = /*#__PURE__*/Object.freeze({
1665
1751
  slugBackgroundHover: slugBackgroundHover$1,
1666
1752
  slugGradientHover: slugGradientHover$1,
1667
1753
  slugHollowHover: slugHollowHover$1,
1754
+ aiInnerShadow: aiInnerShadow$1,
1755
+ aiAuraStart: aiAuraStart$1,
1756
+ aiAuraEnd: aiAuraEnd$1,
1757
+ aiBorderStrong: aiBorderStrong$1,
1758
+ aiBorderStart: aiBorderStart$1,
1759
+ aiBorderEnd: aiBorderEnd$1,
1760
+ aiDropShadow: aiDropShadow$1,
1761
+ aiAuraHoverBackground: aiAuraHoverBackground$1,
1762
+ aiAuraHoverStart: aiAuraHoverStart$1,
1763
+ aiAuraHoverEnd: aiAuraHoverEnd$1,
1764
+ slugCalloutShadowOuter01: slugCalloutShadowOuter01$1,
1765
+ slugCalloutShadowOuter02: slugCalloutShadowOuter02$1,
1766
+ slugCalloutGradientTop: slugCalloutGradientTop$1,
1767
+ slugCalloutGradientBottom: slugCalloutGradientBottom$1,
1768
+ aiGradientStart01: aiGradientStart01$1,
1769
+ aiGradientStart02: aiGradientStart02$1,
1770
+ aiGradientEnd: aiGradientEnd$1,
1771
+ slugCalloutAuraStart: slugCalloutAuraStart$1,
1772
+ slugCalloutAuraEnd: slugCalloutAuraEnd$1,
1668
1773
  slugCalloutGradientTopHover: slugCalloutGradientTopHover$1,
1669
1774
  slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$1,
1670
1775
  slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$1,
@@ -1675,22 +1780,19 @@ var g90$1 = /*#__PURE__*/Object.freeze({
1675
1780
  slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$1,
1676
1781
  slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$1,
1677
1782
  slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$1,
1678
- aiGradientStart01: aiGradientStart01$1,
1679
- aiGradientStart02: aiGradientStart02$1,
1680
- aiGradientEnd: aiGradientEnd$1,
1681
- slugCalloutShadowInner: slugCalloutShadowInner$1,
1682
- slugCalloutShadowOuter01: slugCalloutShadowOuter01$1,
1683
- slugCalloutShadowOuter02: slugCalloutShadowOuter02$1,
1684
- slugCalloutBorder01: slugCalloutBorder01$1,
1685
- slugCalloutBorder02: slugCalloutBorder02$1,
1686
- slugCalloutAuraStart: slugCalloutAuraStart$1,
1687
- slugCalloutAuraEnd: slugCalloutAuraEnd$1,
1688
- slugCalloutGradientTop: slugCalloutGradientTop$1,
1689
- slugCalloutGradientBottom: slugCalloutGradientBottom$1,
1690
1783
  slugCalloutCaretCenter: slugCalloutCaretCenter$1,
1691
1784
  slugCalloutCaretBottom: slugCalloutCaretBottom$1,
1692
1785
  slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$1,
1693
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,
1694
1796
  caption01: type$2.caption01,
1695
1797
  caption02: type$2.caption02,
1696
1798
  label01: type$2.label01,
@@ -1935,6 +2037,32 @@ var slugGradient = "".concat(colors$1.gray50, " linear-gradient(135deg, ").conca
1935
2037
  var slugBackgroundHover = colors$1.gray20;
1936
2038
  var slugGradientHover = "".concat(colors$1.gray40, " linear-gradient(135deg, ").concat(colors$1.white, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
1937
2039
  var slugHollowHover = colors$1.gray30Hover;
2040
+
2041
+ //// Phase 2 - new \\\\
2042
+ // Shared
2043
+ var aiInnerShadow = colors$1.rgba(colors$1.blue50, 0.2);
2044
+ var aiAuraStart = colors$1.rgba(colors$1.blue50, 0.1);
2045
+ var aiAuraEnd = colors$1.rgba(colors$1.black, 0);
2046
+ var aiBorderStrong = colors$1.blue40;
2047
+ var aiBorderStart = colors$1.blue50;
2048
+ var aiBorderEnd = colors$1.rgba(colors$1.blue30, 0.24);
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);
2053
+
2054
+ // Callout
2055
+ var slugCalloutShadowOuter01 = colors$1.rgba(colors$1.blue80, 0.25);
2056
+ var slugCalloutShadowOuter02 = colors$1.rgba(colors$1.black, 0.65);
2057
+
2058
+ //// Not used in phase 2 / possibly remove?
2059
+ var slugCalloutGradientTop = colors$1.rgba(colors$1.gray100, 0.85);
2060
+ var slugCalloutGradientBottom = colors$1.rgba(colors$1.gray90, 0.85);
2061
+ var aiGradientStart01 = colors$1.rgba(colors$1.blue20, 0.2);
2062
+ var aiGradientStart02 = 'transparent';
2063
+ var aiGradientEnd = 'rgba(38, 38, 38, 0)';
2064
+ var slugCalloutAuraStart = aiAuraStart;
2065
+ var slugCalloutAuraEnd = aiAuraEnd;
1938
2066
  var slugCalloutGradientTopHover = colors$1.rgba(colors$1.gray80, 0.55);
1939
2067
  var slugCalloutGradientBottomHover = colors$1.rgba(colors$1.gray80Hover, 0.55);
1940
2068
  var slugCalloutAuraStartHover01 = colors$1.rgba(colors$1.blue20Hover, 0.3);
@@ -1945,25 +2073,6 @@ var slugCalloutGradientTopSelected = colors$1.rgba(colors$1.gray80, 0.85);
1945
2073
  var slugCalloutGradientBottomSelected = colors$1.rgba(colors$1.gray80Hover, 0.85);
1946
2074
  var slugCalloutAuraStartSelected = colors$1.rgba(colors$1.blue20, 0.2);
1947
2075
  var slugCalloutAuraEndSelected = colors$1.rgba(colors$1.gray100, 0);
1948
- // Linear gradient tokens
1949
- var aiGradientStart01 = colors$1.rgba(colors$1.blue20, 0.2);
1950
- var aiGradientStart02 = 'transparent';
1951
- var aiGradientEnd = 'rgba(38, 38, 38, 0)';
1952
-
1953
- // Phase 2 - new
1954
- var slugCalloutShadowInner = colors$1.rgba(colors$1.blue50, 0.2);
1955
- var slugCalloutShadowOuter01 = colors$1.rgba(colors$1.blue80, 0.25);
1956
- var slugCalloutShadowOuter02 = colors$1.rgba(colors$1.black, 0.65);
1957
- var slugCalloutBorder01 = colors$1.blue50;
1958
- var slugCalloutBorder02 = colors$1.rgba(colors$1.blue30, 0.25);
1959
-
1960
- // Changed
1961
- var slugCalloutAuraStart = colors$1.rgba(colors$1.blue50, 0.1);
1962
- var slugCalloutAuraEnd = colors$1.rgba(colors$1.white, 0);
1963
-
1964
- // Not used in phase 2 / possibly remove?
1965
- var slugCalloutGradientTop = colors$1.rgba(colors$1.gray100, 0.85);
1966
- var slugCalloutGradientBottom = colors$1.rgba(colors$1.gray90, 0.85);
1967
2076
 
1968
2077
  // One off tokens for caret
1969
2078
  var slugCalloutCaretCenter = '#3F68AF';
@@ -1971,6 +2080,17 @@ var slugCalloutCaretBottom = '#3D4655';
1971
2080
  var slugCalloutCaretBottomBackgroundActions = '#192436';
1972
2081
  var slugCalloutCaretBottomBackground = '#213250';
1973
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
+
1974
2094
  var g100$1 = /*#__PURE__*/Object.freeze({
1975
2095
  __proto__: null,
1976
2096
  background: background$5,
@@ -2078,6 +2198,25 @@ var g100$1 = /*#__PURE__*/Object.freeze({
2078
2198
  slugBackgroundHover: slugBackgroundHover,
2079
2199
  slugGradientHover: slugGradientHover,
2080
2200
  slugHollowHover: slugHollowHover,
2201
+ aiInnerShadow: aiInnerShadow,
2202
+ aiAuraStart: aiAuraStart,
2203
+ aiAuraEnd: aiAuraEnd,
2204
+ aiBorderStrong: aiBorderStrong,
2205
+ aiBorderStart: aiBorderStart,
2206
+ aiBorderEnd: aiBorderEnd,
2207
+ aiDropShadow: aiDropShadow,
2208
+ aiAuraHoverBackground: aiAuraHoverBackground,
2209
+ aiAuraHoverStart: aiAuraHoverStart,
2210
+ aiAuraHoverEnd: aiAuraHoverEnd,
2211
+ slugCalloutShadowOuter01: slugCalloutShadowOuter01,
2212
+ slugCalloutShadowOuter02: slugCalloutShadowOuter02,
2213
+ slugCalloutGradientTop: slugCalloutGradientTop,
2214
+ slugCalloutGradientBottom: slugCalloutGradientBottom,
2215
+ aiGradientStart01: aiGradientStart01,
2216
+ aiGradientStart02: aiGradientStart02,
2217
+ aiGradientEnd: aiGradientEnd,
2218
+ slugCalloutAuraStart: slugCalloutAuraStart,
2219
+ slugCalloutAuraEnd: slugCalloutAuraEnd,
2081
2220
  slugCalloutGradientTopHover: slugCalloutGradientTopHover,
2082
2221
  slugCalloutGradientBottomHover: slugCalloutGradientBottomHover,
2083
2222
  slugCalloutAuraStartHover01: slugCalloutAuraStartHover01,
@@ -2088,22 +2227,19 @@ var g100$1 = /*#__PURE__*/Object.freeze({
2088
2227
  slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected,
2089
2228
  slugCalloutAuraStartSelected: slugCalloutAuraStartSelected,
2090
2229
  slugCalloutAuraEndSelected: slugCalloutAuraEndSelected,
2091
- aiGradientStart01: aiGradientStart01,
2092
- aiGradientStart02: aiGradientStart02,
2093
- aiGradientEnd: aiGradientEnd,
2094
- slugCalloutShadowInner: slugCalloutShadowInner,
2095
- slugCalloutShadowOuter01: slugCalloutShadowOuter01,
2096
- slugCalloutShadowOuter02: slugCalloutShadowOuter02,
2097
- slugCalloutBorder01: slugCalloutBorder01,
2098
- slugCalloutBorder02: slugCalloutBorder02,
2099
- slugCalloutAuraStart: slugCalloutAuraStart,
2100
- slugCalloutAuraEnd: slugCalloutAuraEnd,
2101
- slugCalloutGradientTop: slugCalloutGradientTop,
2102
- slugCalloutGradientBottom: slugCalloutGradientBottom,
2103
2230
  slugCalloutCaretCenter: slugCalloutCaretCenter,
2104
2231
  slugCalloutCaretBottom: slugCalloutCaretBottom,
2105
2232
  slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions,
2106
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,
2107
2243
  caption01: type$2.caption01,
2108
2244
  caption02: type$2.caption02,
2109
2245
  label01: type$2.label01,
@@ -5002,9 +5138,13 @@ var ai = TokenGroup.create({
5002
5138
  properties: ['background'],
5003
5139
  tokens: ['slug-background', 'slug-gradient', 'slug-background-hover', 'slug-gradient-hover', 'slug-hollow-hover', 'slug-callout-gradient-top', 'slug-callout-gradient-bottom', 'slug-callout-aura-start', 'slug-callout-aura-end', 'slug-callout-gradient-top-hover', 'slug-callout-gradient-bottom-hover', 'slug-callout-aura-start-hover-01', 'slug-callout-aura-start-hover-02', 'slug-callout-aura-end-hover-01', 'slug-callout-aura-end-hover-02', 'slug-callout-gradient-top-selected', 'slug-callout-gradient-bottom-selected', 'slug-callout-aura-start-selected', 'slug-callout-aura-end-selected', 'ai-gradient-start-01', 'ai-gradient-start-02', 'ai-gradient-end',
5004
5140
  // Phase 2
5005
- 'slug-callout-shadow-inner', 'slug-callout-shadow-outer-01', 'slug-callout-shadow-outer-02', 'slug-callout-border-01', 'slug-callout-border-02',
5141
+ 'slug-callout-shadow-outer-01', 'slug-callout-shadow-outer-02',
5142
+ // Linear gradient refactor
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',
5006
5144
  // Caret tokens
5007
- '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']
5008
5148
  });
5009
5149
  var group = TokenGroup.create({
5010
5150
  name: 'All',
@@ -5444,9 +5584,19 @@ Object.defineProperty(exports, 'spacing13', {
5444
5584
  enumerable: true,
5445
5585
  get: function () { return layout$2.spacing13; }
5446
5586
  });
5587
+ exports.aiAuraEnd = aiAuraEnd$3;
5588
+ exports.aiAuraHoverBackground = aiAuraHoverBackground$3;
5589
+ exports.aiAuraHoverEnd = aiAuraHoverEnd$3;
5590
+ exports.aiAuraHoverStart = aiAuraHoverStart$3;
5591
+ exports.aiAuraStart = aiAuraStart$3;
5592
+ exports.aiBorderEnd = aiBorderEnd$3;
5593
+ exports.aiBorderStart = aiBorderStart$3;
5594
+ exports.aiBorderStrong = aiBorderStrong$3;
5595
+ exports.aiDropShadow = aiDropShadow$3;
5447
5596
  exports.aiGradientEnd = aiGradientEnd$3;
5448
5597
  exports.aiGradientStart01 = aiGradientStart01$3;
5449
5598
  exports.aiGradientStart02 = aiGradientStart02$3;
5599
+ exports.aiInnerShadow = aiInnerShadow$3;
5450
5600
  exports.background = background$8;
5451
5601
  exports.backgroundActive = backgroundActive$7;
5452
5602
  exports.backgroundBrand = backgroundBrand$7;
@@ -5472,6 +5622,15 @@ exports.borderTile01 = borderTile01$3;
5472
5622
  exports.borderTile02 = borderTile02$3;
5473
5623
  exports.borderTile03 = borderTile03$3;
5474
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;
5475
5634
  exports.field01 = field01$7;
5476
5635
  exports.field02 = field02$7;
5477
5636
  exports.field03 = field03$3;
@@ -5542,8 +5701,6 @@ exports.slugCalloutAuraStart = slugCalloutAuraStart$3;
5542
5701
  exports.slugCalloutAuraStartHover01 = slugCalloutAuraStartHover01$3;
5543
5702
  exports.slugCalloutAuraStartHover02 = slugCalloutAuraStartHover02$3;
5544
5703
  exports.slugCalloutAuraStartSelected = slugCalloutAuraStartSelected$3;
5545
- exports.slugCalloutBorder01 = slugCalloutBorder01$3;
5546
- exports.slugCalloutBorder02 = slugCalloutBorder02$3;
5547
5704
  exports.slugCalloutCaretBottom = slugCalloutCaretBottom$3;
5548
5705
  exports.slugCalloutCaretBottomBackground = slugCalloutCaretBottomBackground$3;
5549
5706
  exports.slugCalloutCaretBottomBackgroundActions = slugCalloutCaretBottomBackgroundActions$3;
@@ -5554,7 +5711,6 @@ exports.slugCalloutGradientBottomSelected = slugCalloutGradientBottomSelected$3;
5554
5711
  exports.slugCalloutGradientTop = slugCalloutGradientTop$3;
5555
5712
  exports.slugCalloutGradientTopHover = slugCalloutGradientTopHover$3;
5556
5713
  exports.slugCalloutGradientTopSelected = slugCalloutGradientTopSelected$3;
5557
- exports.slugCalloutShadowInner = slugCalloutShadowInner$3;
5558
5714
  exports.slugCalloutShadowOuter01 = slugCalloutShadowOuter01$3;
5559
5715
  exports.slugCalloutShadowOuter02 = slugCalloutShadowOuter02$3;
5560
5716
  exports.slugGradient = slugGradient$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.0",
4
+ "version": "11.30.0-rc.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": "6d133d4f920b7c01f6ea2221938a339c14a85b42"
52
+ "gitHead": "79048666dc3d8f66c3d64b46de45b25ce13d9adf"
53
53
  }