@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/es/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { white as white$2, gray80, blue60, gray80Hover, gray10, gray30, gray10Hover, gray20, gray20Hover, whiteHover, gray100, gray50, gray40, gray70, gray60, red60, blue70, blue40, purple60, blue30, green50, yellow30, red50, green40, blue50, orange40, blue20, rgba, blue10, black, coolGray10, gray90, gray70Hover, gray60Hover, gray50Hover, red30, purple40, red40, purple50, gray90Hover, gray30Hover,
|
|
1
|
+
import { white as white$2, gray80, blue60, gray80Hover, gray10, gray30, gray10Hover, gray20, gray20Hover, whiteHover, gray100, gray50, gray40, gray70, gray60, red60, blue70, blue40, purple60, blue30, green50, yellow30, red50, green40, blue50, orange40, blue20, rgba, blue10, black, coolGray10, gray90, gray70Hover, gray60Hover, gray50Hover, red30, purple40, red40, purple50, gray90Hover, gray30Hover, blue80, blue20Hover, green60, red80, red20, red70, red20Hover, red70Hover, magenta20, magenta70, magenta80, magenta20Hover, magenta70Hover, purple20, purple70, purple80, purple20Hover, purple70Hover, blue70Hover, cyan20, cyan70, cyan80, cyan20Hover, cyan70Hover, teal20, teal70, teal80, teal20Hover, teal70Hover, green20, green70, green80, green20Hover, green70Hover, coolGray20, coolGray70, coolGray80, coolGray20Hover, coolGray70Hover, warmGray20, warmGray70, warmGray80, warmGray20Hover, warmGray70Hover, red10, green10, white0 } from '@carbon/colors';
|
|
2
2
|
import Color from 'color';
|
|
3
3
|
import { caption01, caption02, label01, label02, helperText01, helperText02, bodyShort01, bodyLong01, bodyShort02, bodyLong02, code01, code02, heading01, productiveHeading01, heading02, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, quotation01, quotation02, display01, display02, display03, display04, legal01, legal02, bodyCompact01, bodyCompact02, body01, body02, headingCompact01, headingCompact02, heading03, heading04, heading05, heading06, heading07, fluidHeading03, fluidHeading04, fluidHeading05, fluidHeading06, fluidParagraph01, fluidQuotation01, fluidQuotation02, fluidDisplay01, fluidDisplay02, fluidDisplay03, fluidDisplay04, unstable_tokens } from '@carbon/type';
|
|
4
4
|
export { bodyLong01, bodyLong02, bodyShort01, bodyShort02, caption01, caption02, code01, code02, display01, display02, display03, display04, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, heading01, heading02, helperText01, helperText02, label01, label02, productiveHeading01, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, quotation01, quotation02 } from '@carbon/type';
|
|
@@ -690,16 +690,6 @@ var slugGradient$3 = "".concat(gray100, " linear-gradient(135deg, ").concat(gray
|
|
|
690
690
|
var slugBackgroundHover$3 = gray60;
|
|
691
691
|
var slugGradientHover$3 = "".concat(gray100, " linear-gradient(135deg, ").concat(gray20Hover, " 0%, rgba(").concat(white$2, ", 0) 100%)");
|
|
692
692
|
var slugHollowHover$3 = gray80Hover;
|
|
693
|
-
var slugCalloutGradientTopHover$3 = rgba(gray20, 0.55);
|
|
694
|
-
var slugCalloutGradientBottomHover$3 = rgba(gray20Hover, 0.55);
|
|
695
|
-
var slugCalloutAuraStartHover01$3 = rgba(white$2, 0.5);
|
|
696
|
-
var slugCalloutAuraEndHover01$3 = rgba(white$2, 0);
|
|
697
|
-
var slugCalloutAuraStartHover02$3 = rgba(blue20, 0.5);
|
|
698
|
-
var slugCalloutAuraEndHover02$3 = rgba(white$2, 0);
|
|
699
|
-
var slugCalloutGradientTopSelected$3 = rgba(gray20, 0.85);
|
|
700
|
-
var slugCalloutGradientBottomSelected$3 = rgba(gray20Hover, 0.85);
|
|
701
|
-
var slugCalloutAuraStartSelected$3 = rgba(blue10, 0.6);
|
|
702
|
-
var slugCalloutAuraEndSelected$3 = rgba(white$2, 0);
|
|
703
693
|
|
|
704
694
|
//// Phase 2 - new \\\\
|
|
705
695
|
// Shared
|
|
@@ -710,21 +700,32 @@ var aiBorderStrong$3 = blue50;
|
|
|
710
700
|
var aiBorderStart$3 = blue40;
|
|
711
701
|
var aiBorderEnd$3 = blue20;
|
|
712
702
|
var aiDropShadow$3 = rgba(blue60, 0.32);
|
|
703
|
+
var aiAuraHoverBackground$3 = blue10;
|
|
704
|
+
var aiAuraHoverStart$3 = rgba(blue50, 0.4);
|
|
705
|
+
var aiAuraHoverEnd$3 = rgba(white$2, 0);
|
|
713
706
|
|
|
714
707
|
// Callout
|
|
715
708
|
var slugCalloutShadowOuter01$3 = rgba(blue70, 0.25);
|
|
716
709
|
var slugCalloutShadowOuter02$3 = rgba(black, 0.1);
|
|
717
710
|
|
|
718
|
-
//// Changed
|
|
719
|
-
var slugCalloutAuraStart$3 = aiAuraStart$3;
|
|
720
|
-
var slugCalloutAuraEnd$3 = aiAuraEnd$3;
|
|
721
|
-
|
|
722
711
|
//// Not used in phase 2 / possibly remove?
|
|
723
712
|
var slugCalloutGradientTop$3 = rgba(gray10, 0.85);
|
|
724
713
|
var slugCalloutGradientBottom$3 = rgba(gray20, 0.85);
|
|
725
714
|
var aiGradientStart01$3 = rgba(coolGray10, 0.5);
|
|
726
715
|
var aiGradientStart02$3 = rgba(blue10, 0.5);
|
|
727
716
|
var aiGradientEnd$3 = rgba(white$2, 0);
|
|
717
|
+
var slugCalloutAuraStart$3 = aiAuraStart$3;
|
|
718
|
+
var slugCalloutAuraEnd$3 = aiAuraEnd$3;
|
|
719
|
+
var slugCalloutGradientTopHover$3 = rgba(gray20, 0.55);
|
|
720
|
+
var slugCalloutGradientBottomHover$3 = rgba(gray20Hover, 0.55);
|
|
721
|
+
var slugCalloutAuraStartHover01$3 = rgba(white$2, 0.5);
|
|
722
|
+
var slugCalloutAuraEndHover01$3 = rgba(white$2, 0);
|
|
723
|
+
var slugCalloutAuraStartHover02$3 = rgba(blue20, 0.5);
|
|
724
|
+
var slugCalloutAuraEndHover02$3 = rgba(white$2, 0);
|
|
725
|
+
var slugCalloutGradientTopSelected$3 = rgba(gray20, 0.85);
|
|
726
|
+
var slugCalloutGradientBottomSelected$3 = rgba(gray20Hover, 0.85);
|
|
727
|
+
var slugCalloutAuraStartSelected$3 = rgba(blue10, 0.6);
|
|
728
|
+
var slugCalloutAuraEndSelected$3 = rgba(white$2, 0);
|
|
728
729
|
|
|
729
730
|
// One off tokens for caret
|
|
730
731
|
var slugCalloutCaretCenter$3 = '#A7C7FF';
|
|
@@ -732,6 +733,17 @@ var slugCalloutCaretBottom$3 = blue20;
|
|
|
732
733
|
var slugCalloutCaretBottomBackgroundActions$3 = '#DAE5F8';
|
|
733
734
|
var slugCalloutCaretBottomBackground$3 = '#D5E5FF';
|
|
734
735
|
|
|
736
|
+
// Chat tokens
|
|
737
|
+
var chatPromptBackground$3 = white$2;
|
|
738
|
+
var chatPromptBorderStart$3 = gray10;
|
|
739
|
+
var chatPromptBorderEnd$3 = rgba(gray10, 0);
|
|
740
|
+
var chatBubbleUser$3 = gray20;
|
|
741
|
+
var chatBubbleAgent$3 = white$2;
|
|
742
|
+
var chatBubbleAgentBorder$3 = gray20;
|
|
743
|
+
var chatAvatarBot$3 = blue60;
|
|
744
|
+
var chatAvatarAgent$3 = gray100;
|
|
745
|
+
var chatAvatarUser$3 = gray100;
|
|
746
|
+
|
|
735
747
|
var white$1 = /*#__PURE__*/Object.freeze({
|
|
736
748
|
__proto__: null,
|
|
737
749
|
background: background$8,
|
|
@@ -839,16 +851,6 @@ var white$1 = /*#__PURE__*/Object.freeze({
|
|
|
839
851
|
slugBackgroundHover: slugBackgroundHover$3,
|
|
840
852
|
slugGradientHover: slugGradientHover$3,
|
|
841
853
|
slugHollowHover: slugHollowHover$3,
|
|
842
|
-
slugCalloutGradientTopHover: slugCalloutGradientTopHover$3,
|
|
843
|
-
slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$3,
|
|
844
|
-
slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$3,
|
|
845
|
-
slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$3,
|
|
846
|
-
slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$3,
|
|
847
|
-
slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$3,
|
|
848
|
-
slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$3,
|
|
849
|
-
slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$3,
|
|
850
|
-
slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$3,
|
|
851
|
-
slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$3,
|
|
852
854
|
aiInnerShadow: aiInnerShadow$3,
|
|
853
855
|
aiAuraStart: aiAuraStart$3,
|
|
854
856
|
aiAuraEnd: aiAuraEnd$3,
|
|
@@ -856,19 +858,41 @@ var white$1 = /*#__PURE__*/Object.freeze({
|
|
|
856
858
|
aiBorderStart: aiBorderStart$3,
|
|
857
859
|
aiBorderEnd: aiBorderEnd$3,
|
|
858
860
|
aiDropShadow: aiDropShadow$3,
|
|
861
|
+
aiAuraHoverBackground: aiAuraHoverBackground$3,
|
|
862
|
+
aiAuraHoverStart: aiAuraHoverStart$3,
|
|
863
|
+
aiAuraHoverEnd: aiAuraHoverEnd$3,
|
|
859
864
|
slugCalloutShadowOuter01: slugCalloutShadowOuter01$3,
|
|
860
865
|
slugCalloutShadowOuter02: slugCalloutShadowOuter02$3,
|
|
861
|
-
slugCalloutAuraStart: slugCalloutAuraStart$3,
|
|
862
|
-
slugCalloutAuraEnd: slugCalloutAuraEnd$3,
|
|
863
866
|
slugCalloutGradientTop: slugCalloutGradientTop$3,
|
|
864
867
|
slugCalloutGradientBottom: slugCalloutGradientBottom$3,
|
|
865
868
|
aiGradientStart01: aiGradientStart01$3,
|
|
866
869
|
aiGradientStart02: aiGradientStart02$3,
|
|
867
870
|
aiGradientEnd: aiGradientEnd$3,
|
|
871
|
+
slugCalloutAuraStart: slugCalloutAuraStart$3,
|
|
872
|
+
slugCalloutAuraEnd: slugCalloutAuraEnd$3,
|
|
873
|
+
slugCalloutGradientTopHover: slugCalloutGradientTopHover$3,
|
|
874
|
+
slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$3,
|
|
875
|
+
slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$3,
|
|
876
|
+
slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$3,
|
|
877
|
+
slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$3,
|
|
878
|
+
slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$3,
|
|
879
|
+
slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$3,
|
|
880
|
+
slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$3,
|
|
881
|
+
slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$3,
|
|
882
|
+
slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$3,
|
|
868
883
|
slugCalloutCaretCenter: slugCalloutCaretCenter$3,
|
|
869
884
|
slugCalloutCaretBottom: slugCalloutCaretBottom$3,
|
|
870
885
|
slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$3,
|
|
871
886
|
slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground$3,
|
|
887
|
+
chatPromptBackground: chatPromptBackground$3,
|
|
888
|
+
chatPromptBorderStart: chatPromptBorderStart$3,
|
|
889
|
+
chatPromptBorderEnd: chatPromptBorderEnd$3,
|
|
890
|
+
chatBubbleUser: chatBubbleUser$3,
|
|
891
|
+
chatBubbleAgent: chatBubbleAgent$3,
|
|
892
|
+
chatBubbleAgentBorder: chatBubbleAgentBorder$3,
|
|
893
|
+
chatAvatarBot: chatAvatarBot$3,
|
|
894
|
+
chatAvatarAgent: chatAvatarAgent$3,
|
|
895
|
+
chatAvatarUser: chatAvatarUser$3,
|
|
872
896
|
caption01: caption01,
|
|
873
897
|
caption02: caption02,
|
|
874
898
|
label01: label01,
|
|
@@ -1113,16 +1137,6 @@ var slugGradient$2 = "".concat(gray100, " linear-gradient(135deg, ").concat(gray
|
|
|
1113
1137
|
var slugBackgroundHover$2 = gray60;
|
|
1114
1138
|
var slugGradientHover$2 = "".concat(gray100, " linear-gradient(135deg, ").concat(gray20Hover, " 0%, rgba(").concat(white$2, ", 0) 100%)");
|
|
1115
1139
|
var slugHollowHover$2 = gray80Hover;
|
|
1116
|
-
var slugCalloutGradientTopHover$2 = rgba(gray20, 0.55);
|
|
1117
|
-
var slugCalloutGradientBottomHover$2 = rgba(gray20Hover, 0.55);
|
|
1118
|
-
var slugCalloutAuraStartHover01$2 = rgba(white$2, 0.5);
|
|
1119
|
-
var slugCalloutAuraEndHover01$2 = rgba(white$2, 0);
|
|
1120
|
-
var slugCalloutAuraStartHover02$2 = rgba(blue20, 0.5);
|
|
1121
|
-
var slugCalloutAuraEndHover02$2 = rgba(white$2, 0);
|
|
1122
|
-
var slugCalloutGradientTopSelected$2 = rgba(gray20, 0.85);
|
|
1123
|
-
var slugCalloutGradientBottomSelected$2 = rgba(gray20Hover, 0.85);
|
|
1124
|
-
var slugCalloutAuraStartSelected$2 = rgba(blue10, 0.6);
|
|
1125
|
-
var slugCalloutAuraEndSelected$2 = rgba(white$2, 0);
|
|
1126
1140
|
|
|
1127
1141
|
//// Phase 2 - new \\\\
|
|
1128
1142
|
// Shared
|
|
@@ -1133,21 +1147,32 @@ var aiBorderStrong$2 = blue50;
|
|
|
1133
1147
|
var aiBorderStart$2 = blue40;
|
|
1134
1148
|
var aiBorderEnd$2 = blue20;
|
|
1135
1149
|
var aiDropShadow$2 = rgba(blue60, 0.32);
|
|
1150
|
+
var aiAuraHoverBackground$2 = blue10;
|
|
1151
|
+
var aiAuraHoverStart$2 = rgba(blue50, 0.4);
|
|
1152
|
+
var aiAuraHoverEnd$2 = rgba(white$2, 0);
|
|
1136
1153
|
|
|
1137
1154
|
// Callout
|
|
1138
1155
|
var slugCalloutShadowOuter01$2 = rgba(blue70, 0.25);
|
|
1139
1156
|
var slugCalloutShadowOuter02$2 = rgba(black, 0.1);
|
|
1140
1157
|
|
|
1141
|
-
//// Changed
|
|
1142
|
-
var slugCalloutAuraStart$2 = aiAuraStart$2;
|
|
1143
|
-
var slugCalloutAuraEnd$2 = aiAuraEnd$2;
|
|
1144
|
-
|
|
1145
1158
|
//// Not used in phase 2 / possibly remove?
|
|
1146
1159
|
var slugCalloutGradientTop$2 = rgba(gray10, 0.85);
|
|
1147
1160
|
var slugCalloutGradientBottom$2 = rgba(gray20, 0.85);
|
|
1148
1161
|
var aiGradientStart01$2 = rgba(coolGray10, 0.5);
|
|
1149
1162
|
var aiGradientStart02$2 = rgba(blue10, 0.5);
|
|
1150
1163
|
var aiGradientEnd$2 = rgba(white$2, 0);
|
|
1164
|
+
var slugCalloutAuraStart$2 = aiAuraStart$2;
|
|
1165
|
+
var slugCalloutAuraEnd$2 = aiAuraEnd$2;
|
|
1166
|
+
var slugCalloutGradientTopHover$2 = rgba(gray20, 0.55);
|
|
1167
|
+
var slugCalloutGradientBottomHover$2 = rgba(gray20Hover, 0.55);
|
|
1168
|
+
var slugCalloutAuraStartHover01$2 = rgba(white$2, 0.5);
|
|
1169
|
+
var slugCalloutAuraEndHover01$2 = rgba(white$2, 0);
|
|
1170
|
+
var slugCalloutAuraStartHover02$2 = rgba(blue20, 0.5);
|
|
1171
|
+
var slugCalloutAuraEndHover02$2 = rgba(white$2, 0);
|
|
1172
|
+
var slugCalloutGradientTopSelected$2 = rgba(gray20, 0.85);
|
|
1173
|
+
var slugCalloutGradientBottomSelected$2 = rgba(gray20Hover, 0.85);
|
|
1174
|
+
var slugCalloutAuraStartSelected$2 = rgba(blue10, 0.6);
|
|
1175
|
+
var slugCalloutAuraEndSelected$2 = rgba(white$2, 0);
|
|
1151
1176
|
|
|
1152
1177
|
// One off tokens for caret
|
|
1153
1178
|
var slugCalloutCaretCenter$2 = '#A7C7FF';
|
|
@@ -1155,6 +1180,17 @@ var slugCalloutCaretBottom$2 = blue20;
|
|
|
1155
1180
|
var slugCalloutCaretBottomBackgroundActions$2 = '#D2DCEE';
|
|
1156
1181
|
var slugCalloutCaretBottomBackground$2 = '#CCDBF8';
|
|
1157
1182
|
|
|
1183
|
+
// Chat tokens
|
|
1184
|
+
var chatPromptBackground$2 = white$2;
|
|
1185
|
+
var chatPromptBorderStart$2 = gray10;
|
|
1186
|
+
var chatPromptBorderEnd$2 = rgba(gray10, 0);
|
|
1187
|
+
var chatBubbleUser$2 = gray20;
|
|
1188
|
+
var chatBubbleAgent$2 = white$2;
|
|
1189
|
+
var chatBubbleAgentBorder$2 = gray20;
|
|
1190
|
+
var chatAvatarBot$2 = blue60;
|
|
1191
|
+
var chatAvatarAgent$2 = gray100;
|
|
1192
|
+
var chatAvatarUser$2 = gray100;
|
|
1193
|
+
|
|
1158
1194
|
var g10$1 = /*#__PURE__*/Object.freeze({
|
|
1159
1195
|
__proto__: null,
|
|
1160
1196
|
background: background$7,
|
|
@@ -1262,16 +1298,6 @@ var g10$1 = /*#__PURE__*/Object.freeze({
|
|
|
1262
1298
|
slugBackgroundHover: slugBackgroundHover$2,
|
|
1263
1299
|
slugGradientHover: slugGradientHover$2,
|
|
1264
1300
|
slugHollowHover: slugHollowHover$2,
|
|
1265
|
-
slugCalloutGradientTopHover: slugCalloutGradientTopHover$2,
|
|
1266
|
-
slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$2,
|
|
1267
|
-
slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$2,
|
|
1268
|
-
slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$2,
|
|
1269
|
-
slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$2,
|
|
1270
|
-
slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$2,
|
|
1271
|
-
slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$2,
|
|
1272
|
-
slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$2,
|
|
1273
|
-
slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$2,
|
|
1274
|
-
slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$2,
|
|
1275
1301
|
aiInnerShadow: aiInnerShadow$2,
|
|
1276
1302
|
aiAuraStart: aiAuraStart$2,
|
|
1277
1303
|
aiAuraEnd: aiAuraEnd$2,
|
|
@@ -1279,19 +1305,41 @@ var g10$1 = /*#__PURE__*/Object.freeze({
|
|
|
1279
1305
|
aiBorderStart: aiBorderStart$2,
|
|
1280
1306
|
aiBorderEnd: aiBorderEnd$2,
|
|
1281
1307
|
aiDropShadow: aiDropShadow$2,
|
|
1308
|
+
aiAuraHoverBackground: aiAuraHoverBackground$2,
|
|
1309
|
+
aiAuraHoverStart: aiAuraHoverStart$2,
|
|
1310
|
+
aiAuraHoverEnd: aiAuraHoverEnd$2,
|
|
1282
1311
|
slugCalloutShadowOuter01: slugCalloutShadowOuter01$2,
|
|
1283
1312
|
slugCalloutShadowOuter02: slugCalloutShadowOuter02$2,
|
|
1284
|
-
slugCalloutAuraStart: slugCalloutAuraStart$2,
|
|
1285
|
-
slugCalloutAuraEnd: slugCalloutAuraEnd$2,
|
|
1286
1313
|
slugCalloutGradientTop: slugCalloutGradientTop$2,
|
|
1287
1314
|
slugCalloutGradientBottom: slugCalloutGradientBottom$2,
|
|
1288
1315
|
aiGradientStart01: aiGradientStart01$2,
|
|
1289
1316
|
aiGradientStart02: aiGradientStart02$2,
|
|
1290
1317
|
aiGradientEnd: aiGradientEnd$2,
|
|
1318
|
+
slugCalloutAuraStart: slugCalloutAuraStart$2,
|
|
1319
|
+
slugCalloutAuraEnd: slugCalloutAuraEnd$2,
|
|
1320
|
+
slugCalloutGradientTopHover: slugCalloutGradientTopHover$2,
|
|
1321
|
+
slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$2,
|
|
1322
|
+
slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$2,
|
|
1323
|
+
slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$2,
|
|
1324
|
+
slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$2,
|
|
1325
|
+
slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$2,
|
|
1326
|
+
slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$2,
|
|
1327
|
+
slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$2,
|
|
1328
|
+
slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$2,
|
|
1329
|
+
slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$2,
|
|
1291
1330
|
slugCalloutCaretCenter: slugCalloutCaretCenter$2,
|
|
1292
1331
|
slugCalloutCaretBottom: slugCalloutCaretBottom$2,
|
|
1293
1332
|
slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$2,
|
|
1294
1333
|
slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground$2,
|
|
1334
|
+
chatPromptBackground: chatPromptBackground$2,
|
|
1335
|
+
chatPromptBorderStart: chatPromptBorderStart$2,
|
|
1336
|
+
chatPromptBorderEnd: chatPromptBorderEnd$2,
|
|
1337
|
+
chatBubbleUser: chatBubbleUser$2,
|
|
1338
|
+
chatBubbleAgent: chatBubbleAgent$2,
|
|
1339
|
+
chatBubbleAgentBorder: chatBubbleAgentBorder$2,
|
|
1340
|
+
chatAvatarBot: chatAvatarBot$2,
|
|
1341
|
+
chatAvatarAgent: chatAvatarAgent$2,
|
|
1342
|
+
chatAvatarUser: chatAvatarUser$2,
|
|
1295
1343
|
caption01: caption01,
|
|
1296
1344
|
caption02: caption02,
|
|
1297
1345
|
label01: label01,
|
|
@@ -1536,16 +1584,6 @@ var slugGradient$1 = "".concat(gray50, " linear-gradient(135deg, ").concat(gray1
|
|
|
1536
1584
|
var slugBackgroundHover$1 = gray20;
|
|
1537
1585
|
var slugGradientHover$1 = "".concat(gray40, " linear-gradient(135deg, ").concat(white$2, " 0%, rgba(").concat(white$2, ", 0) 100%)");
|
|
1538
1586
|
var slugHollowHover$1 = gray30Hover;
|
|
1539
|
-
var slugCalloutGradientTopHover$1 = rgba(gray80, 0.55);
|
|
1540
|
-
var slugCalloutGradientBottomHover$1 = rgba(gray80Hover, 0.55);
|
|
1541
|
-
var slugCalloutAuraStartHover01$1 = rgba(blue20Hover, 0.3);
|
|
1542
|
-
var slugCalloutAuraEndHover01$1 = rgba(gray100, 0);
|
|
1543
|
-
var slugCalloutAuraStartHover02$1 = 'transparent';
|
|
1544
|
-
var slugCalloutAuraEndHover02$1 = 'transparent';
|
|
1545
|
-
var slugCalloutGradientTopSelected$1 = rgba(gray80, 0.85);
|
|
1546
|
-
var slugCalloutGradientBottomSelected$1 = rgba(gray80Hover, 0.85);
|
|
1547
|
-
var slugCalloutAuraStartSelected$1 = rgba(blue20, 0.2);
|
|
1548
|
-
var slugCalloutAuraEndSelected$1 = rgba(gray100, 0);
|
|
1549
1587
|
|
|
1550
1588
|
//// Phase 2 - new \\\\
|
|
1551
1589
|
// Shared
|
|
@@ -1556,21 +1594,32 @@ var aiBorderStrong$1 = blue40;
|
|
|
1556
1594
|
var aiBorderStart$1 = blue50;
|
|
1557
1595
|
var aiBorderEnd$1 = rgba(blue30, 0.24);
|
|
1558
1596
|
var aiDropShadow$1 = rgba(blue60, 0.32);
|
|
1597
|
+
var aiAuraHoverBackground$1 = layerHover01$1;
|
|
1598
|
+
var aiAuraHoverStart$1 = rgba(blue50, 0.4);
|
|
1599
|
+
var aiAuraHoverEnd$1 = rgba(black, 0);
|
|
1559
1600
|
|
|
1560
1601
|
// Callout
|
|
1561
1602
|
var slugCalloutShadowOuter01$1 = rgba(blue80, 0.25);
|
|
1562
1603
|
var slugCalloutShadowOuter02$1 = rgba(black, 0.65);
|
|
1563
1604
|
|
|
1564
|
-
//// Changed
|
|
1565
|
-
var slugCalloutAuraStart$1 = aiAuraStart$1;
|
|
1566
|
-
var slugCalloutAuraEnd$1 = aiAuraEnd$1;
|
|
1567
|
-
|
|
1568
1605
|
//// Not used in phase 2 / possibly remove?
|
|
1569
1606
|
var slugCalloutGradientTop$1 = rgba(gray100, 0.85);
|
|
1570
1607
|
var slugCalloutGradientBottom$1 = rgba(gray90, 0.85);
|
|
1571
1608
|
var aiGradientStart01$1 = rgba(blue20, 0.2);
|
|
1572
1609
|
var aiGradientStart02$1 = 'transparent';
|
|
1573
1610
|
var aiGradientEnd$1 = 'rgba(38, 38, 38, 0)';
|
|
1611
|
+
var slugCalloutAuraStart$1 = aiAuraStart$1;
|
|
1612
|
+
var slugCalloutAuraEnd$1 = aiAuraEnd$1;
|
|
1613
|
+
var slugCalloutGradientTopHover$1 = rgba(gray80, 0.55);
|
|
1614
|
+
var slugCalloutGradientBottomHover$1 = rgba(gray80Hover, 0.55);
|
|
1615
|
+
var slugCalloutAuraStartHover01$1 = rgba(blue20Hover, 0.3);
|
|
1616
|
+
var slugCalloutAuraEndHover01$1 = rgba(gray100, 0);
|
|
1617
|
+
var slugCalloutAuraStartHover02$1 = 'transparent';
|
|
1618
|
+
var slugCalloutAuraEndHover02$1 = 'transparent';
|
|
1619
|
+
var slugCalloutGradientTopSelected$1 = rgba(gray80, 0.85);
|
|
1620
|
+
var slugCalloutGradientBottomSelected$1 = rgba(gray80Hover, 0.85);
|
|
1621
|
+
var slugCalloutAuraStartSelected$1 = rgba(blue20, 0.2);
|
|
1622
|
+
var slugCalloutAuraEndSelected$1 = rgba(gray100, 0);
|
|
1574
1623
|
|
|
1575
1624
|
// One off tokens for caret
|
|
1576
1625
|
var slugCalloutCaretCenter$1 = '#456FB5';
|
|
@@ -1578,6 +1627,17 @@ var slugCalloutCaretBottom$1 = '#465060';
|
|
|
1578
1627
|
var slugCalloutCaretBottomBackgroundActions$1 = '#253042';
|
|
1579
1628
|
var slugCalloutCaretBottomBackground$1 = '#2D3F5C';
|
|
1580
1629
|
|
|
1630
|
+
// Chat tokens
|
|
1631
|
+
var chatPromptBackground$1 = gray100;
|
|
1632
|
+
var chatPromptBorderStart$1 = gray90;
|
|
1633
|
+
var chatPromptBorderEnd$1 = rgba(gray90, 0);
|
|
1634
|
+
var chatBubbleUser$1 = gray80;
|
|
1635
|
+
var chatBubbleAgent$1 = gray90;
|
|
1636
|
+
var chatBubbleAgentBorder$1 = gray70;
|
|
1637
|
+
var chatAvatarBot$1 = blue50;
|
|
1638
|
+
var chatAvatarAgent$1 = gray10;
|
|
1639
|
+
var chatAvatarUser$1 = gray10;
|
|
1640
|
+
|
|
1581
1641
|
var g90$1 = /*#__PURE__*/Object.freeze({
|
|
1582
1642
|
__proto__: null,
|
|
1583
1643
|
background: background$6,
|
|
@@ -1685,16 +1745,6 @@ var g90$1 = /*#__PURE__*/Object.freeze({
|
|
|
1685
1745
|
slugBackgroundHover: slugBackgroundHover$1,
|
|
1686
1746
|
slugGradientHover: slugGradientHover$1,
|
|
1687
1747
|
slugHollowHover: slugHollowHover$1,
|
|
1688
|
-
slugCalloutGradientTopHover: slugCalloutGradientTopHover$1,
|
|
1689
|
-
slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$1,
|
|
1690
|
-
slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$1,
|
|
1691
|
-
slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$1,
|
|
1692
|
-
slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$1,
|
|
1693
|
-
slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$1,
|
|
1694
|
-
slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$1,
|
|
1695
|
-
slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$1,
|
|
1696
|
-
slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$1,
|
|
1697
|
-
slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$1,
|
|
1698
1748
|
aiInnerShadow: aiInnerShadow$1,
|
|
1699
1749
|
aiAuraStart: aiAuraStart$1,
|
|
1700
1750
|
aiAuraEnd: aiAuraEnd$1,
|
|
@@ -1702,19 +1752,41 @@ var g90$1 = /*#__PURE__*/Object.freeze({
|
|
|
1702
1752
|
aiBorderStart: aiBorderStart$1,
|
|
1703
1753
|
aiBorderEnd: aiBorderEnd$1,
|
|
1704
1754
|
aiDropShadow: aiDropShadow$1,
|
|
1755
|
+
aiAuraHoverBackground: aiAuraHoverBackground$1,
|
|
1756
|
+
aiAuraHoverStart: aiAuraHoverStart$1,
|
|
1757
|
+
aiAuraHoverEnd: aiAuraHoverEnd$1,
|
|
1705
1758
|
slugCalloutShadowOuter01: slugCalloutShadowOuter01$1,
|
|
1706
1759
|
slugCalloutShadowOuter02: slugCalloutShadowOuter02$1,
|
|
1707
|
-
slugCalloutAuraStart: slugCalloutAuraStart$1,
|
|
1708
|
-
slugCalloutAuraEnd: slugCalloutAuraEnd$1,
|
|
1709
1760
|
slugCalloutGradientTop: slugCalloutGradientTop$1,
|
|
1710
1761
|
slugCalloutGradientBottom: slugCalloutGradientBottom$1,
|
|
1711
1762
|
aiGradientStart01: aiGradientStart01$1,
|
|
1712
1763
|
aiGradientStart02: aiGradientStart02$1,
|
|
1713
1764
|
aiGradientEnd: aiGradientEnd$1,
|
|
1765
|
+
slugCalloutAuraStart: slugCalloutAuraStart$1,
|
|
1766
|
+
slugCalloutAuraEnd: slugCalloutAuraEnd$1,
|
|
1767
|
+
slugCalloutGradientTopHover: slugCalloutGradientTopHover$1,
|
|
1768
|
+
slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$1,
|
|
1769
|
+
slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$1,
|
|
1770
|
+
slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$1,
|
|
1771
|
+
slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$1,
|
|
1772
|
+
slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$1,
|
|
1773
|
+
slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$1,
|
|
1774
|
+
slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$1,
|
|
1775
|
+
slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$1,
|
|
1776
|
+
slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$1,
|
|
1714
1777
|
slugCalloutCaretCenter: slugCalloutCaretCenter$1,
|
|
1715
1778
|
slugCalloutCaretBottom: slugCalloutCaretBottom$1,
|
|
1716
1779
|
slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$1,
|
|
1717
1780
|
slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground$1,
|
|
1781
|
+
chatPromptBackground: chatPromptBackground$1,
|
|
1782
|
+
chatPromptBorderStart: chatPromptBorderStart$1,
|
|
1783
|
+
chatPromptBorderEnd: chatPromptBorderEnd$1,
|
|
1784
|
+
chatBubbleUser: chatBubbleUser$1,
|
|
1785
|
+
chatBubbleAgent: chatBubbleAgent$1,
|
|
1786
|
+
chatBubbleAgentBorder: chatBubbleAgentBorder$1,
|
|
1787
|
+
chatAvatarBot: chatAvatarBot$1,
|
|
1788
|
+
chatAvatarAgent: chatAvatarAgent$1,
|
|
1789
|
+
chatAvatarUser: chatAvatarUser$1,
|
|
1718
1790
|
caption01: caption01,
|
|
1719
1791
|
caption02: caption02,
|
|
1720
1792
|
label01: label01,
|
|
@@ -1959,16 +2031,6 @@ var slugGradient = "".concat(gray50, " linear-gradient(135deg, ").concat(gray10,
|
|
|
1959
2031
|
var slugBackgroundHover = gray20;
|
|
1960
2032
|
var slugGradientHover = "".concat(gray40, " linear-gradient(135deg, ").concat(white$2, " 0%, rgba(").concat(white$2, ", 0) 100%)");
|
|
1961
2033
|
var slugHollowHover = gray30Hover;
|
|
1962
|
-
var slugCalloutGradientTopHover = rgba(gray80, 0.55);
|
|
1963
|
-
var slugCalloutGradientBottomHover = rgba(gray80Hover, 0.55);
|
|
1964
|
-
var slugCalloutAuraStartHover01 = rgba(blue20Hover, 0.3);
|
|
1965
|
-
var slugCalloutAuraEndHover01 = rgba(gray100, 0);
|
|
1966
|
-
var slugCalloutAuraStartHover02 = 'transparent';
|
|
1967
|
-
var slugCalloutAuraEndHover02 = 'transparent';
|
|
1968
|
-
var slugCalloutGradientTopSelected = rgba(gray80, 0.85);
|
|
1969
|
-
var slugCalloutGradientBottomSelected = rgba(gray80Hover, 0.85);
|
|
1970
|
-
var slugCalloutAuraStartSelected = rgba(blue20, 0.2);
|
|
1971
|
-
var slugCalloutAuraEndSelected = rgba(gray100, 0);
|
|
1972
2034
|
|
|
1973
2035
|
//// Phase 2 - new \\\\
|
|
1974
2036
|
// Shared
|
|
@@ -1979,21 +2041,32 @@ var aiBorderStrong = blue40;
|
|
|
1979
2041
|
var aiBorderStart = blue50;
|
|
1980
2042
|
var aiBorderEnd = rgba(blue30, 0.24);
|
|
1981
2043
|
var aiDropShadow = rgba(blue60, 0.32);
|
|
2044
|
+
var aiAuraHoverBackground = layerHover01;
|
|
2045
|
+
var aiAuraHoverStart = rgba(blue50, 0.4);
|
|
2046
|
+
var aiAuraHoverEnd = rgba(black, 0);
|
|
1982
2047
|
|
|
1983
2048
|
// Callout
|
|
1984
2049
|
var slugCalloutShadowOuter01 = rgba(blue80, 0.25);
|
|
1985
2050
|
var slugCalloutShadowOuter02 = rgba(black, 0.65);
|
|
1986
2051
|
|
|
1987
|
-
//// Changed
|
|
1988
|
-
var slugCalloutAuraStart = aiAuraStart;
|
|
1989
|
-
var slugCalloutAuraEnd = aiAuraEnd;
|
|
1990
|
-
|
|
1991
2052
|
//// Not used in phase 2 / possibly remove?
|
|
1992
2053
|
var slugCalloutGradientTop = rgba(gray100, 0.85);
|
|
1993
2054
|
var slugCalloutGradientBottom = rgba(gray90, 0.85);
|
|
1994
2055
|
var aiGradientStart01 = rgba(blue20, 0.2);
|
|
1995
2056
|
var aiGradientStart02 = 'transparent';
|
|
1996
2057
|
var aiGradientEnd = 'rgba(38, 38, 38, 0)';
|
|
2058
|
+
var slugCalloutAuraStart = aiAuraStart;
|
|
2059
|
+
var slugCalloutAuraEnd = aiAuraEnd;
|
|
2060
|
+
var slugCalloutGradientTopHover = rgba(gray80, 0.55);
|
|
2061
|
+
var slugCalloutGradientBottomHover = rgba(gray80Hover, 0.55);
|
|
2062
|
+
var slugCalloutAuraStartHover01 = rgba(blue20Hover, 0.3);
|
|
2063
|
+
var slugCalloutAuraEndHover01 = rgba(gray100, 0);
|
|
2064
|
+
var slugCalloutAuraStartHover02 = 'transparent';
|
|
2065
|
+
var slugCalloutAuraEndHover02 = 'transparent';
|
|
2066
|
+
var slugCalloutGradientTopSelected = rgba(gray80, 0.85);
|
|
2067
|
+
var slugCalloutGradientBottomSelected = rgba(gray80Hover, 0.85);
|
|
2068
|
+
var slugCalloutAuraStartSelected = rgba(blue20, 0.2);
|
|
2069
|
+
var slugCalloutAuraEndSelected = rgba(gray100, 0);
|
|
1997
2070
|
|
|
1998
2071
|
// One off tokens for caret
|
|
1999
2072
|
var slugCalloutCaretCenter = '#3F68AF';
|
|
@@ -2001,6 +2074,17 @@ var slugCalloutCaretBottom = '#3D4655';
|
|
|
2001
2074
|
var slugCalloutCaretBottomBackgroundActions = '#192436';
|
|
2002
2075
|
var slugCalloutCaretBottomBackground = '#213250';
|
|
2003
2076
|
|
|
2077
|
+
// Chat tokens
|
|
2078
|
+
var chatPromptBackground = gray100;
|
|
2079
|
+
var chatPromptBorderStart = gray90;
|
|
2080
|
+
var chatPromptBorderEnd = rgba(gray90, 0);
|
|
2081
|
+
var chatBubbleUser = gray80;
|
|
2082
|
+
var chatBubbleAgent = gray90;
|
|
2083
|
+
var chatBubbleAgentBorder = gray70;
|
|
2084
|
+
var chatAvatarBot = blue50;
|
|
2085
|
+
var chatAvatarAgent = gray10;
|
|
2086
|
+
var chatAvatarUser = gray10;
|
|
2087
|
+
|
|
2004
2088
|
var g100$1 = /*#__PURE__*/Object.freeze({
|
|
2005
2089
|
__proto__: null,
|
|
2006
2090
|
background: background$5,
|
|
@@ -2108,16 +2192,6 @@ var g100$1 = /*#__PURE__*/Object.freeze({
|
|
|
2108
2192
|
slugBackgroundHover: slugBackgroundHover,
|
|
2109
2193
|
slugGradientHover: slugGradientHover,
|
|
2110
2194
|
slugHollowHover: slugHollowHover,
|
|
2111
|
-
slugCalloutGradientTopHover: slugCalloutGradientTopHover,
|
|
2112
|
-
slugCalloutGradientBottomHover: slugCalloutGradientBottomHover,
|
|
2113
|
-
slugCalloutAuraStartHover01: slugCalloutAuraStartHover01,
|
|
2114
|
-
slugCalloutAuraEndHover01: slugCalloutAuraEndHover01,
|
|
2115
|
-
slugCalloutAuraStartHover02: slugCalloutAuraStartHover02,
|
|
2116
|
-
slugCalloutAuraEndHover02: slugCalloutAuraEndHover02,
|
|
2117
|
-
slugCalloutGradientTopSelected: slugCalloutGradientTopSelected,
|
|
2118
|
-
slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected,
|
|
2119
|
-
slugCalloutAuraStartSelected: slugCalloutAuraStartSelected,
|
|
2120
|
-
slugCalloutAuraEndSelected: slugCalloutAuraEndSelected,
|
|
2121
2195
|
aiInnerShadow: aiInnerShadow,
|
|
2122
2196
|
aiAuraStart: aiAuraStart,
|
|
2123
2197
|
aiAuraEnd: aiAuraEnd,
|
|
@@ -2125,19 +2199,41 @@ var g100$1 = /*#__PURE__*/Object.freeze({
|
|
|
2125
2199
|
aiBorderStart: aiBorderStart,
|
|
2126
2200
|
aiBorderEnd: aiBorderEnd,
|
|
2127
2201
|
aiDropShadow: aiDropShadow,
|
|
2202
|
+
aiAuraHoverBackground: aiAuraHoverBackground,
|
|
2203
|
+
aiAuraHoverStart: aiAuraHoverStart,
|
|
2204
|
+
aiAuraHoverEnd: aiAuraHoverEnd,
|
|
2128
2205
|
slugCalloutShadowOuter01: slugCalloutShadowOuter01,
|
|
2129
2206
|
slugCalloutShadowOuter02: slugCalloutShadowOuter02,
|
|
2130
|
-
slugCalloutAuraStart: slugCalloutAuraStart,
|
|
2131
|
-
slugCalloutAuraEnd: slugCalloutAuraEnd,
|
|
2132
2207
|
slugCalloutGradientTop: slugCalloutGradientTop,
|
|
2133
2208
|
slugCalloutGradientBottom: slugCalloutGradientBottom,
|
|
2134
2209
|
aiGradientStart01: aiGradientStart01,
|
|
2135
2210
|
aiGradientStart02: aiGradientStart02,
|
|
2136
2211
|
aiGradientEnd: aiGradientEnd,
|
|
2212
|
+
slugCalloutAuraStart: slugCalloutAuraStart,
|
|
2213
|
+
slugCalloutAuraEnd: slugCalloutAuraEnd,
|
|
2214
|
+
slugCalloutGradientTopHover: slugCalloutGradientTopHover,
|
|
2215
|
+
slugCalloutGradientBottomHover: slugCalloutGradientBottomHover,
|
|
2216
|
+
slugCalloutAuraStartHover01: slugCalloutAuraStartHover01,
|
|
2217
|
+
slugCalloutAuraEndHover01: slugCalloutAuraEndHover01,
|
|
2218
|
+
slugCalloutAuraStartHover02: slugCalloutAuraStartHover02,
|
|
2219
|
+
slugCalloutAuraEndHover02: slugCalloutAuraEndHover02,
|
|
2220
|
+
slugCalloutGradientTopSelected: slugCalloutGradientTopSelected,
|
|
2221
|
+
slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected,
|
|
2222
|
+
slugCalloutAuraStartSelected: slugCalloutAuraStartSelected,
|
|
2223
|
+
slugCalloutAuraEndSelected: slugCalloutAuraEndSelected,
|
|
2137
2224
|
slugCalloutCaretCenter: slugCalloutCaretCenter,
|
|
2138
2225
|
slugCalloutCaretBottom: slugCalloutCaretBottom,
|
|
2139
2226
|
slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions,
|
|
2140
2227
|
slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground,
|
|
2228
|
+
chatPromptBackground: chatPromptBackground,
|
|
2229
|
+
chatPromptBorderStart: chatPromptBorderStart,
|
|
2230
|
+
chatPromptBorderEnd: chatPromptBorderEnd,
|
|
2231
|
+
chatBubbleUser: chatBubbleUser,
|
|
2232
|
+
chatBubbleAgent: chatBubbleAgent,
|
|
2233
|
+
chatBubbleAgentBorder: chatBubbleAgentBorder,
|
|
2234
|
+
chatAvatarBot: chatAvatarBot,
|
|
2235
|
+
chatAvatarAgent: chatAvatarAgent,
|
|
2236
|
+
chatAvatarUser: chatAvatarUser,
|
|
2141
2237
|
caption01: caption01,
|
|
2142
2238
|
caption02: caption02,
|
|
2143
2239
|
label01: label01,
|
|
@@ -5038,9 +5134,11 @@ var ai = TokenGroup.create({
|
|
|
5038
5134
|
// Phase 2
|
|
5039
5135
|
'slug-callout-shadow-outer-01', 'slug-callout-shadow-outer-02',
|
|
5040
5136
|
// Linear gradient refactor
|
|
5041
|
-
'ai-inner-shadow', 'ai-aura-start', 'ai-aura-end', 'ai-border-strong', 'ai-border-start', 'ai-border-end', 'ai-drop-shadow',
|
|
5137
|
+
'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',
|
|
5042
5138
|
// Caret tokens
|
|
5043
|
-
'slug-callout-caret-center', 'slug-callout-caret-bottom', 'slug-callout-caret-bottom-background', 'slug-callout-caret-bottom-background-actions'
|
|
5139
|
+
'slug-callout-caret-center', 'slug-callout-caret-bottom', 'slug-callout-caret-bottom-background', 'slug-callout-caret-bottom-background-actions',
|
|
5140
|
+
// Chat tokens
|
|
5141
|
+
'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']
|
|
5044
5142
|
});
|
|
5045
5143
|
var group = TokenGroup.create({
|
|
5046
5144
|
name: 'All',
|
|
@@ -5196,4 +5294,4 @@ var themes = {
|
|
|
5196
5294
|
g100: g100$1
|
|
5197
5295
|
};
|
|
5198
5296
|
|
|
5199
|
-
export { aiAuraEnd$3 as aiAuraEnd, aiAuraStart$3 as aiAuraStart, aiBorderEnd$3 as aiBorderEnd, aiBorderStart$3 as aiBorderStart, aiBorderStrong$3 as aiBorderStrong, aiDropShadow$3 as aiDropShadow, aiGradientEnd$3 as aiGradientEnd, aiGradientStart01$3 as aiGradientStart01, aiGradientStart02$3 as aiGradientStart02, aiInnerShadow$3 as aiInnerShadow, background$8 as background, backgroundActive$7 as backgroundActive, backgroundBrand$7 as backgroundBrand, backgroundHover$7 as backgroundHover, backgroundInverse$7 as backgroundInverse, backgroundInverseHover$7 as backgroundInverseHover, backgroundSelected$7 as backgroundSelected, backgroundSelectedHover$7 as backgroundSelectedHover, borderDisabled$7 as borderDisabled, borderInteractive$7 as borderInteractive, borderInverse$7 as borderInverse, borderStrong01$3 as borderStrong01, borderStrong02$3 as borderStrong02, borderStrong03$3 as borderStrong03, borderSubtle00$3 as borderSubtle00, borderSubtle01$3 as borderSubtle01, borderSubtle02$3 as borderSubtle02, borderSubtle03$3 as borderSubtle03, borderSubtleSelected01$3 as borderSubtleSelected01, borderSubtleSelected02$3 as borderSubtleSelected02, borderSubtleSelected03$3 as borderSubtleSelected03, borderTile01$3 as borderTile01, borderTile02$3 as borderTile02, borderTile03$3 as borderTile03, index$2 as buttonTokens, field01$7 as field01, field02$7 as field02, field03$3 as field03, fieldHover01$3 as fieldHover01, fieldHover02$3 as fieldHover02, fieldHover03$3 as fieldHover03, focus$8 as focus, focusInset$7 as focusInset, focusInverse$7 as focusInverse, formatTokenName, g10$1 as g10, g100$1 as g100, g90$1 as g90, highlight$7 as highlight, iconDisabled$7 as iconDisabled, iconInteractive$3 as iconInteractive, iconInverse$7 as iconInverse, iconOnColor$7 as iconOnColor, iconOnColorDisabled$7 as iconOnColorDisabled, iconPrimary$7 as iconPrimary, iconSecondary$7 as iconSecondary, interactive$7 as interactive, layer01$3 as layer01, layer02$3 as layer02, layer03$3 as layer03, layerAccent01$3 as layerAccent01, layerAccent02$3 as layerAccent02, layerAccent03$3 as layerAccent03, layerAccentActive01$3 as layerAccentActive01, layerAccentActive02$3 as layerAccentActive02, layerAccentActive03$3 as layerAccentActive03, layerAccentHover01$3 as layerAccentHover01, layerAccentHover02$3 as layerAccentHover02, layerAccentHover03$3 as layerAccentHover03, layerActive01$3 as layerActive01, layerActive02$3 as layerActive02, layerActive03$3 as layerActive03, layerHover01$3 as layerHover01, layerHover02$3 as layerHover02, layerHover03$3 as layerHover03, layerSelected01$3 as layerSelected01, layerSelected02$3 as layerSelected02, layerSelected03$3 as layerSelected03, layerSelectedDisabled$7 as layerSelectedDisabled, layerSelectedHover01$3 as layerSelectedHover01, layerSelectedHover02$3 as layerSelectedHover02, layerSelectedHover03$3 as layerSelectedHover03, layerSelectedInverse$7 as layerSelectedInverse, linkInverse$7 as linkInverse, linkInverseActive$3 as linkInverseActive, linkInverseHover$3 as linkInverseHover, linkPrimary$7 as linkPrimary, linkPrimaryHover$7 as linkPrimaryHover, linkSecondary$7 as linkSecondary, linkVisited$7 as linkVisited, index as notificationTokens, overlay$7 as overlay, shadow$7 as shadow, skeletonBackground$7 as skeletonBackground, skeletonElement$7 as skeletonElement, slugBackground$3 as slugBackground, slugBackgroundHover$3 as slugBackgroundHover, slugCalloutAuraEnd$3 as slugCalloutAuraEnd, slugCalloutAuraEndHover01$3 as slugCalloutAuraEndHover01, slugCalloutAuraEndHover02$3 as slugCalloutAuraEndHover02, slugCalloutAuraEndSelected$3 as slugCalloutAuraEndSelected, slugCalloutAuraStart$3 as slugCalloutAuraStart, slugCalloutAuraStartHover01$3 as slugCalloutAuraStartHover01, slugCalloutAuraStartHover02$3 as slugCalloutAuraStartHover02, slugCalloutAuraStartSelected$3 as slugCalloutAuraStartSelected, slugCalloutCaretBottom$3 as slugCalloutCaretBottom, slugCalloutCaretBottomBackground$3 as slugCalloutCaretBottomBackground, slugCalloutCaretBottomBackgroundActions$3 as slugCalloutCaretBottomBackgroundActions, slugCalloutCaretCenter$3 as slugCalloutCaretCenter, slugCalloutGradientBottom$3 as slugCalloutGradientBottom, slugCalloutGradientBottomHover$3 as slugCalloutGradientBottomHover, slugCalloutGradientBottomSelected$3 as slugCalloutGradientBottomSelected, slugCalloutGradientTop$3 as slugCalloutGradientTop, slugCalloutGradientTopHover$3 as slugCalloutGradientTopHover, slugCalloutGradientTopSelected$3 as slugCalloutGradientTopSelected, slugCalloutShadowOuter01$3 as slugCalloutShadowOuter01, slugCalloutShadowOuter02$3 as slugCalloutShadowOuter02, slugGradient$3 as slugGradient, slugGradientHover$3 as slugGradientHover, slugHollowHover$3 as slugHollowHover, supportCautionMajor$3 as supportCautionMajor, supportCautionMinor$3 as supportCautionMinor, supportCautionUndefined$3 as supportCautionUndefined, supportError$7 as supportError, supportErrorInverse$7 as supportErrorInverse, supportInfo$7 as supportInfo, supportInfoInverse$7 as supportInfoInverse, supportSuccess$7 as supportSuccess, supportSuccessInverse$7 as supportSuccessInverse, supportWarning$7 as supportWarning, supportWarningInverse$7 as supportWarningInverse, index$1 as tagTokens, textDisabled$7 as textDisabled, textError$7 as textError, textHelper$7 as textHelper, textInverse$7 as textInverse, textOnColor$7 as textOnColor, textOnColorDisabled$7 as textOnColorDisabled, textPlaceholder$7 as textPlaceholder, textPrimary$7 as textPrimary, textSecondary$7 as textSecondary, themes, toggleOff$7 as toggleOff, unstable_metadata, index$3 as v10, white$1 as white };
|
|
5297
|
+
export { aiAuraEnd$3 as aiAuraEnd, aiAuraHoverBackground$3 as aiAuraHoverBackground, aiAuraHoverEnd$3 as aiAuraHoverEnd, aiAuraHoverStart$3 as aiAuraHoverStart, aiAuraStart$3 as aiAuraStart, aiBorderEnd$3 as aiBorderEnd, aiBorderStart$3 as aiBorderStart, aiBorderStrong$3 as aiBorderStrong, aiDropShadow$3 as aiDropShadow, aiGradientEnd$3 as aiGradientEnd, aiGradientStart01$3 as aiGradientStart01, aiGradientStart02$3 as aiGradientStart02, aiInnerShadow$3 as aiInnerShadow, background$8 as background, backgroundActive$7 as backgroundActive, backgroundBrand$7 as backgroundBrand, backgroundHover$7 as backgroundHover, backgroundInverse$7 as backgroundInverse, backgroundInverseHover$7 as backgroundInverseHover, backgroundSelected$7 as backgroundSelected, backgroundSelectedHover$7 as backgroundSelectedHover, borderDisabled$7 as borderDisabled, borderInteractive$7 as borderInteractive, borderInverse$7 as borderInverse, borderStrong01$3 as borderStrong01, borderStrong02$3 as borderStrong02, borderStrong03$3 as borderStrong03, borderSubtle00$3 as borderSubtle00, borderSubtle01$3 as borderSubtle01, borderSubtle02$3 as borderSubtle02, borderSubtle03$3 as borderSubtle03, borderSubtleSelected01$3 as borderSubtleSelected01, borderSubtleSelected02$3 as borderSubtleSelected02, borderSubtleSelected03$3 as borderSubtleSelected03, borderTile01$3 as borderTile01, borderTile02$3 as borderTile02, borderTile03$3 as borderTile03, index$2 as buttonTokens, chatAvatarAgent$3 as chatAvatarAgent, chatAvatarBot$3 as chatAvatarBot, chatAvatarUser$3 as chatAvatarUser, chatBubbleAgent$3 as chatBubbleAgent, chatBubbleAgentBorder$3 as chatBubbleAgentBorder, chatBubbleUser$3 as chatBubbleUser, chatPromptBackground$3 as chatPromptBackground, chatPromptBorderEnd$3 as chatPromptBorderEnd, chatPromptBorderStart$3 as chatPromptBorderStart, field01$7 as field01, field02$7 as field02, field03$3 as field03, fieldHover01$3 as fieldHover01, fieldHover02$3 as fieldHover02, fieldHover03$3 as fieldHover03, focus$8 as focus, focusInset$7 as focusInset, focusInverse$7 as focusInverse, formatTokenName, g10$1 as g10, g100$1 as g100, g90$1 as g90, highlight$7 as highlight, iconDisabled$7 as iconDisabled, iconInteractive$3 as iconInteractive, iconInverse$7 as iconInverse, iconOnColor$7 as iconOnColor, iconOnColorDisabled$7 as iconOnColorDisabled, iconPrimary$7 as iconPrimary, iconSecondary$7 as iconSecondary, interactive$7 as interactive, layer01$3 as layer01, layer02$3 as layer02, layer03$3 as layer03, layerAccent01$3 as layerAccent01, layerAccent02$3 as layerAccent02, layerAccent03$3 as layerAccent03, layerAccentActive01$3 as layerAccentActive01, layerAccentActive02$3 as layerAccentActive02, layerAccentActive03$3 as layerAccentActive03, layerAccentHover01$3 as layerAccentHover01, layerAccentHover02$3 as layerAccentHover02, layerAccentHover03$3 as layerAccentHover03, layerActive01$3 as layerActive01, layerActive02$3 as layerActive02, layerActive03$3 as layerActive03, layerHover01$3 as layerHover01, layerHover02$3 as layerHover02, layerHover03$3 as layerHover03, layerSelected01$3 as layerSelected01, layerSelected02$3 as layerSelected02, layerSelected03$3 as layerSelected03, layerSelectedDisabled$7 as layerSelectedDisabled, layerSelectedHover01$3 as layerSelectedHover01, layerSelectedHover02$3 as layerSelectedHover02, layerSelectedHover03$3 as layerSelectedHover03, layerSelectedInverse$7 as layerSelectedInverse, linkInverse$7 as linkInverse, linkInverseActive$3 as linkInverseActive, linkInverseHover$3 as linkInverseHover, linkPrimary$7 as linkPrimary, linkPrimaryHover$7 as linkPrimaryHover, linkSecondary$7 as linkSecondary, linkVisited$7 as linkVisited, index as notificationTokens, overlay$7 as overlay, shadow$7 as shadow, skeletonBackground$7 as skeletonBackground, skeletonElement$7 as skeletonElement, slugBackground$3 as slugBackground, slugBackgroundHover$3 as slugBackgroundHover, slugCalloutAuraEnd$3 as slugCalloutAuraEnd, slugCalloutAuraEndHover01$3 as slugCalloutAuraEndHover01, slugCalloutAuraEndHover02$3 as slugCalloutAuraEndHover02, slugCalloutAuraEndSelected$3 as slugCalloutAuraEndSelected, slugCalloutAuraStart$3 as slugCalloutAuraStart, slugCalloutAuraStartHover01$3 as slugCalloutAuraStartHover01, slugCalloutAuraStartHover02$3 as slugCalloutAuraStartHover02, slugCalloutAuraStartSelected$3 as slugCalloutAuraStartSelected, slugCalloutCaretBottom$3 as slugCalloutCaretBottom, slugCalloutCaretBottomBackground$3 as slugCalloutCaretBottomBackground, slugCalloutCaretBottomBackgroundActions$3 as slugCalloutCaretBottomBackgroundActions, slugCalloutCaretCenter$3 as slugCalloutCaretCenter, slugCalloutGradientBottom$3 as slugCalloutGradientBottom, slugCalloutGradientBottomHover$3 as slugCalloutGradientBottomHover, slugCalloutGradientBottomSelected$3 as slugCalloutGradientBottomSelected, slugCalloutGradientTop$3 as slugCalloutGradientTop, slugCalloutGradientTopHover$3 as slugCalloutGradientTopHover, slugCalloutGradientTopSelected$3 as slugCalloutGradientTopSelected, slugCalloutShadowOuter01$3 as slugCalloutShadowOuter01, slugCalloutShadowOuter02$3 as slugCalloutShadowOuter02, slugGradient$3 as slugGradient, slugGradientHover$3 as slugGradientHover, slugHollowHover$3 as slugHollowHover, supportCautionMajor$3 as supportCautionMajor, supportCautionMinor$3 as supportCautionMinor, supportCautionUndefined$3 as supportCautionUndefined, supportError$7 as supportError, supportErrorInverse$7 as supportErrorInverse, supportInfo$7 as supportInfo, supportInfoInverse$7 as supportInfoInverse, supportSuccess$7 as supportSuccess, supportSuccessInverse$7 as supportSuccessInverse, supportWarning$7 as supportWarning, supportWarningInverse$7 as supportWarningInverse, index$1 as tagTokens, textDisabled$7 as textDisabled, textError$7 as textError, textHelper$7 as textHelper, textInverse$7 as textInverse, textOnColor$7 as textOnColor, textOnColorDisabled$7 as textOnColorDisabled, textPlaceholder$7 as textPlaceholder, textPrimary$7 as textPrimary, textSecondary$7 as textSecondary, themes, toggleOff$7 as toggleOff, unstable_metadata, index$3 as v10, white$1 as white };
|