@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/es/index.js +206 -108
- package/lib/index.js +216 -106
- package/package.json +2 -2
- package/scss/generated/_themes.scss +48 -0
- package/scss/generated/_tokens.scss +36 -0
- package/src/g10.js +26 -14
- package/src/g100.js +26 -14
- package/src/g90.js +26 -14
- package/src/tokens/v11TokenGroup.js +13 -0
- package/src/white.js +26 -14
- package/umd/index.js +216 -106
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.
|
|
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": "
|
|
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,
|