@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/es/index.js +268 -128
- package/lib/index.js +285 -129
- package/package.json +2 -2
- package/scss/generated/_themes.scss +78 -14
- package/scss/generated/_tokens.scss +55 -7
- package/src/g10.js +37 -20
- package/src/g100.js +37 -20
- package/src/g90.js +38 -21
- package/src/tokens/v11TokenGroup.js +21 -3
- package/src/white.js +37 -20
- package/umd/index.js +285 -129
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,
|
|
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,6 +690,32 @@ 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
|
+
|
|
694
|
+
//// Phase 2 - new \\\\
|
|
695
|
+
// Shared
|
|
696
|
+
var aiInnerShadow$3 = rgba(blue50, 0.2);
|
|
697
|
+
var aiAuraStart$3 = rgba(blue50, 0.1);
|
|
698
|
+
var aiAuraEnd$3 = rgba(white$2, 0);
|
|
699
|
+
var aiBorderStrong$3 = blue50;
|
|
700
|
+
var aiBorderStart$3 = blue40;
|
|
701
|
+
var aiBorderEnd$3 = blue20;
|
|
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);
|
|
706
|
+
|
|
707
|
+
// Callout
|
|
708
|
+
var slugCalloutShadowOuter01$3 = rgba(blue70, 0.25);
|
|
709
|
+
var slugCalloutShadowOuter02$3 = rgba(black, 0.1);
|
|
710
|
+
|
|
711
|
+
//// Not used in phase 2 / possibly remove?
|
|
712
|
+
var slugCalloutGradientTop$3 = rgba(gray10, 0.85);
|
|
713
|
+
var slugCalloutGradientBottom$3 = rgba(gray20, 0.85);
|
|
714
|
+
var aiGradientStart01$3 = rgba(coolGray10, 0.5);
|
|
715
|
+
var aiGradientStart02$3 = rgba(blue10, 0.5);
|
|
716
|
+
var aiGradientEnd$3 = rgba(white$2, 0);
|
|
717
|
+
var slugCalloutAuraStart$3 = aiAuraStart$3;
|
|
718
|
+
var slugCalloutAuraEnd$3 = aiAuraEnd$3;
|
|
693
719
|
var slugCalloutGradientTopHover$3 = rgba(gray20, 0.55);
|
|
694
720
|
var slugCalloutGradientBottomHover$3 = rgba(gray20Hover, 0.55);
|
|
695
721
|
var slugCalloutAuraStartHover01$3 = rgba(white$2, 0.5);
|
|
@@ -700,25 +726,6 @@ var slugCalloutGradientTopSelected$3 = rgba(gray20, 0.85);
|
|
|
700
726
|
var slugCalloutGradientBottomSelected$3 = rgba(gray20Hover, 0.85);
|
|
701
727
|
var slugCalloutAuraStartSelected$3 = rgba(blue10, 0.6);
|
|
702
728
|
var slugCalloutAuraEndSelected$3 = rgba(white$2, 0);
|
|
703
|
-
// Linear gradient tokens
|
|
704
|
-
var aiGradientStart01$3 = rgba(coolGray10, 0.5);
|
|
705
|
-
var aiGradientStart02$3 = rgba(blue10, 0.5);
|
|
706
|
-
var aiGradientEnd$3 = rgba(white$2, 0);
|
|
707
|
-
|
|
708
|
-
// Phase 2 - new
|
|
709
|
-
var slugCalloutShadowInner$3 = rgba(blue50, 0.2);
|
|
710
|
-
var slugCalloutShadowOuter01$3 = rgba(blue70, 0.25);
|
|
711
|
-
var slugCalloutShadowOuter02$3 = rgba(black, 0.1);
|
|
712
|
-
var slugCalloutBorder01$3 = blue40;
|
|
713
|
-
var slugCalloutBorder02$3 = blue20;
|
|
714
|
-
|
|
715
|
-
// Changed
|
|
716
|
-
var slugCalloutAuraStart$3 = rgba(blue50, 0.1);
|
|
717
|
-
var slugCalloutAuraEnd$3 = rgba(white$2, 0);
|
|
718
|
-
|
|
719
|
-
// Not used in phase 2 / possibly remove?
|
|
720
|
-
var slugCalloutGradientTop$3 = rgba(gray10, 0.85);
|
|
721
|
-
var slugCalloutGradientBottom$3 = rgba(gray20, 0.85);
|
|
722
729
|
|
|
723
730
|
// One off tokens for caret
|
|
724
731
|
var slugCalloutCaretCenter$3 = '#A7C7FF';
|
|
@@ -726,6 +733,17 @@ var slugCalloutCaretBottom$3 = blue20;
|
|
|
726
733
|
var slugCalloutCaretBottomBackgroundActions$3 = '#DAE5F8';
|
|
727
734
|
var slugCalloutCaretBottomBackground$3 = '#D5E5FF';
|
|
728
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
|
+
|
|
729
747
|
var white$1 = /*#__PURE__*/Object.freeze({
|
|
730
748
|
__proto__: null,
|
|
731
749
|
background: background$8,
|
|
@@ -833,6 +851,25 @@ var white$1 = /*#__PURE__*/Object.freeze({
|
|
|
833
851
|
slugBackgroundHover: slugBackgroundHover$3,
|
|
834
852
|
slugGradientHover: slugGradientHover$3,
|
|
835
853
|
slugHollowHover: slugHollowHover$3,
|
|
854
|
+
aiInnerShadow: aiInnerShadow$3,
|
|
855
|
+
aiAuraStart: aiAuraStart$3,
|
|
856
|
+
aiAuraEnd: aiAuraEnd$3,
|
|
857
|
+
aiBorderStrong: aiBorderStrong$3,
|
|
858
|
+
aiBorderStart: aiBorderStart$3,
|
|
859
|
+
aiBorderEnd: aiBorderEnd$3,
|
|
860
|
+
aiDropShadow: aiDropShadow$3,
|
|
861
|
+
aiAuraHoverBackground: aiAuraHoverBackground$3,
|
|
862
|
+
aiAuraHoverStart: aiAuraHoverStart$3,
|
|
863
|
+
aiAuraHoverEnd: aiAuraHoverEnd$3,
|
|
864
|
+
slugCalloutShadowOuter01: slugCalloutShadowOuter01$3,
|
|
865
|
+
slugCalloutShadowOuter02: slugCalloutShadowOuter02$3,
|
|
866
|
+
slugCalloutGradientTop: slugCalloutGradientTop$3,
|
|
867
|
+
slugCalloutGradientBottom: slugCalloutGradientBottom$3,
|
|
868
|
+
aiGradientStart01: aiGradientStart01$3,
|
|
869
|
+
aiGradientStart02: aiGradientStart02$3,
|
|
870
|
+
aiGradientEnd: aiGradientEnd$3,
|
|
871
|
+
slugCalloutAuraStart: slugCalloutAuraStart$3,
|
|
872
|
+
slugCalloutAuraEnd: slugCalloutAuraEnd$3,
|
|
836
873
|
slugCalloutGradientTopHover: slugCalloutGradientTopHover$3,
|
|
837
874
|
slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$3,
|
|
838
875
|
slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$3,
|
|
@@ -843,22 +880,19 @@ var white$1 = /*#__PURE__*/Object.freeze({
|
|
|
843
880
|
slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$3,
|
|
844
881
|
slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$3,
|
|
845
882
|
slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$3,
|
|
846
|
-
aiGradientStart01: aiGradientStart01$3,
|
|
847
|
-
aiGradientStart02: aiGradientStart02$3,
|
|
848
|
-
aiGradientEnd: aiGradientEnd$3,
|
|
849
|
-
slugCalloutShadowInner: slugCalloutShadowInner$3,
|
|
850
|
-
slugCalloutShadowOuter01: slugCalloutShadowOuter01$3,
|
|
851
|
-
slugCalloutShadowOuter02: slugCalloutShadowOuter02$3,
|
|
852
|
-
slugCalloutBorder01: slugCalloutBorder01$3,
|
|
853
|
-
slugCalloutBorder02: slugCalloutBorder02$3,
|
|
854
|
-
slugCalloutAuraStart: slugCalloutAuraStart$3,
|
|
855
|
-
slugCalloutAuraEnd: slugCalloutAuraEnd$3,
|
|
856
|
-
slugCalloutGradientTop: slugCalloutGradientTop$3,
|
|
857
|
-
slugCalloutGradientBottom: slugCalloutGradientBottom$3,
|
|
858
883
|
slugCalloutCaretCenter: slugCalloutCaretCenter$3,
|
|
859
884
|
slugCalloutCaretBottom: slugCalloutCaretBottom$3,
|
|
860
885
|
slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$3,
|
|
861
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,
|
|
862
896
|
caption01: caption01,
|
|
863
897
|
caption02: caption02,
|
|
864
898
|
label01: label01,
|
|
@@ -1103,6 +1137,32 @@ var slugGradient$2 = "".concat(gray100, " linear-gradient(135deg, ").concat(gray
|
|
|
1103
1137
|
var slugBackgroundHover$2 = gray60;
|
|
1104
1138
|
var slugGradientHover$2 = "".concat(gray100, " linear-gradient(135deg, ").concat(gray20Hover, " 0%, rgba(").concat(white$2, ", 0) 100%)");
|
|
1105
1139
|
var slugHollowHover$2 = gray80Hover;
|
|
1140
|
+
|
|
1141
|
+
//// Phase 2 - new \\\\
|
|
1142
|
+
// Shared
|
|
1143
|
+
var aiInnerShadow$2 = rgba(blue50, 0.2);
|
|
1144
|
+
var aiAuraStart$2 = rgba(blue50, 0.1);
|
|
1145
|
+
var aiAuraEnd$2 = rgba(white$2, 0);
|
|
1146
|
+
var aiBorderStrong$2 = blue50;
|
|
1147
|
+
var aiBorderStart$2 = blue40;
|
|
1148
|
+
var aiBorderEnd$2 = blue20;
|
|
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);
|
|
1153
|
+
|
|
1154
|
+
// Callout
|
|
1155
|
+
var slugCalloutShadowOuter01$2 = rgba(blue70, 0.25);
|
|
1156
|
+
var slugCalloutShadowOuter02$2 = rgba(black, 0.1);
|
|
1157
|
+
|
|
1158
|
+
//// Not used in phase 2 / possibly remove?
|
|
1159
|
+
var slugCalloutGradientTop$2 = rgba(gray10, 0.85);
|
|
1160
|
+
var slugCalloutGradientBottom$2 = rgba(gray20, 0.85);
|
|
1161
|
+
var aiGradientStart01$2 = rgba(coolGray10, 0.5);
|
|
1162
|
+
var aiGradientStart02$2 = rgba(blue10, 0.5);
|
|
1163
|
+
var aiGradientEnd$2 = rgba(white$2, 0);
|
|
1164
|
+
var slugCalloutAuraStart$2 = aiAuraStart$2;
|
|
1165
|
+
var slugCalloutAuraEnd$2 = aiAuraEnd$2;
|
|
1106
1166
|
var slugCalloutGradientTopHover$2 = rgba(gray20, 0.55);
|
|
1107
1167
|
var slugCalloutGradientBottomHover$2 = rgba(gray20Hover, 0.55);
|
|
1108
1168
|
var slugCalloutAuraStartHover01$2 = rgba(white$2, 0.5);
|
|
@@ -1113,25 +1173,6 @@ var slugCalloutGradientTopSelected$2 = rgba(gray20, 0.85);
|
|
|
1113
1173
|
var slugCalloutGradientBottomSelected$2 = rgba(gray20Hover, 0.85);
|
|
1114
1174
|
var slugCalloutAuraStartSelected$2 = rgba(blue10, 0.6);
|
|
1115
1175
|
var slugCalloutAuraEndSelected$2 = rgba(white$2, 0);
|
|
1116
|
-
// Linear gradient tokens
|
|
1117
|
-
var aiGradientStart01$2 = rgba(coolGray10, 0.5);
|
|
1118
|
-
var aiGradientStart02$2 = rgba(blue10, 0.5);
|
|
1119
|
-
var aiGradientEnd$2 = rgba(white$2, 0);
|
|
1120
|
-
|
|
1121
|
-
// Phase 2 - new
|
|
1122
|
-
var slugCalloutShadowInner$2 = rgba(blue50, 0.2);
|
|
1123
|
-
var slugCalloutShadowOuter01$2 = rgba(blue70, 0.25);
|
|
1124
|
-
var slugCalloutShadowOuter02$2 = rgba(black, 0.1);
|
|
1125
|
-
var slugCalloutBorder01$2 = blue40;
|
|
1126
|
-
var slugCalloutBorder02$2 = blue20;
|
|
1127
|
-
|
|
1128
|
-
// Changed
|
|
1129
|
-
var slugCalloutAuraStart$2 = rgba(blue50, 0.1);
|
|
1130
|
-
var slugCalloutAuraEnd$2 = rgba(white$2, 0);
|
|
1131
|
-
|
|
1132
|
-
// Not used in phase 2 / possibly remove?
|
|
1133
|
-
var slugCalloutGradientTop$2 = rgba(gray10, 0.85);
|
|
1134
|
-
var slugCalloutGradientBottom$2 = rgba(gray20, 0.85);
|
|
1135
1176
|
|
|
1136
1177
|
// One off tokens for caret
|
|
1137
1178
|
var slugCalloutCaretCenter$2 = '#A7C7FF';
|
|
@@ -1139,6 +1180,17 @@ var slugCalloutCaretBottom$2 = blue20;
|
|
|
1139
1180
|
var slugCalloutCaretBottomBackgroundActions$2 = '#D2DCEE';
|
|
1140
1181
|
var slugCalloutCaretBottomBackground$2 = '#CCDBF8';
|
|
1141
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
|
+
|
|
1142
1194
|
var g10$1 = /*#__PURE__*/Object.freeze({
|
|
1143
1195
|
__proto__: null,
|
|
1144
1196
|
background: background$7,
|
|
@@ -1246,6 +1298,25 @@ var g10$1 = /*#__PURE__*/Object.freeze({
|
|
|
1246
1298
|
slugBackgroundHover: slugBackgroundHover$2,
|
|
1247
1299
|
slugGradientHover: slugGradientHover$2,
|
|
1248
1300
|
slugHollowHover: slugHollowHover$2,
|
|
1301
|
+
aiInnerShadow: aiInnerShadow$2,
|
|
1302
|
+
aiAuraStart: aiAuraStart$2,
|
|
1303
|
+
aiAuraEnd: aiAuraEnd$2,
|
|
1304
|
+
aiBorderStrong: aiBorderStrong$2,
|
|
1305
|
+
aiBorderStart: aiBorderStart$2,
|
|
1306
|
+
aiBorderEnd: aiBorderEnd$2,
|
|
1307
|
+
aiDropShadow: aiDropShadow$2,
|
|
1308
|
+
aiAuraHoverBackground: aiAuraHoverBackground$2,
|
|
1309
|
+
aiAuraHoverStart: aiAuraHoverStart$2,
|
|
1310
|
+
aiAuraHoverEnd: aiAuraHoverEnd$2,
|
|
1311
|
+
slugCalloutShadowOuter01: slugCalloutShadowOuter01$2,
|
|
1312
|
+
slugCalloutShadowOuter02: slugCalloutShadowOuter02$2,
|
|
1313
|
+
slugCalloutGradientTop: slugCalloutGradientTop$2,
|
|
1314
|
+
slugCalloutGradientBottom: slugCalloutGradientBottom$2,
|
|
1315
|
+
aiGradientStart01: aiGradientStart01$2,
|
|
1316
|
+
aiGradientStart02: aiGradientStart02$2,
|
|
1317
|
+
aiGradientEnd: aiGradientEnd$2,
|
|
1318
|
+
slugCalloutAuraStart: slugCalloutAuraStart$2,
|
|
1319
|
+
slugCalloutAuraEnd: slugCalloutAuraEnd$2,
|
|
1249
1320
|
slugCalloutGradientTopHover: slugCalloutGradientTopHover$2,
|
|
1250
1321
|
slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$2,
|
|
1251
1322
|
slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$2,
|
|
@@ -1256,22 +1327,19 @@ var g10$1 = /*#__PURE__*/Object.freeze({
|
|
|
1256
1327
|
slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$2,
|
|
1257
1328
|
slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$2,
|
|
1258
1329
|
slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$2,
|
|
1259
|
-
aiGradientStart01: aiGradientStart01$2,
|
|
1260
|
-
aiGradientStart02: aiGradientStart02$2,
|
|
1261
|
-
aiGradientEnd: aiGradientEnd$2,
|
|
1262
|
-
slugCalloutShadowInner: slugCalloutShadowInner$2,
|
|
1263
|
-
slugCalloutShadowOuter01: slugCalloutShadowOuter01$2,
|
|
1264
|
-
slugCalloutShadowOuter02: slugCalloutShadowOuter02$2,
|
|
1265
|
-
slugCalloutBorder01: slugCalloutBorder01$2,
|
|
1266
|
-
slugCalloutBorder02: slugCalloutBorder02$2,
|
|
1267
|
-
slugCalloutAuraStart: slugCalloutAuraStart$2,
|
|
1268
|
-
slugCalloutAuraEnd: slugCalloutAuraEnd$2,
|
|
1269
|
-
slugCalloutGradientTop: slugCalloutGradientTop$2,
|
|
1270
|
-
slugCalloutGradientBottom: slugCalloutGradientBottom$2,
|
|
1271
1330
|
slugCalloutCaretCenter: slugCalloutCaretCenter$2,
|
|
1272
1331
|
slugCalloutCaretBottom: slugCalloutCaretBottom$2,
|
|
1273
1332
|
slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$2,
|
|
1274
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,
|
|
1275
1343
|
caption01: caption01,
|
|
1276
1344
|
caption02: caption02,
|
|
1277
1345
|
label01: label01,
|
|
@@ -1516,6 +1584,32 @@ var slugGradient$1 = "".concat(gray50, " linear-gradient(135deg, ").concat(gray1
|
|
|
1516
1584
|
var slugBackgroundHover$1 = gray20;
|
|
1517
1585
|
var slugGradientHover$1 = "".concat(gray40, " linear-gradient(135deg, ").concat(white$2, " 0%, rgba(").concat(white$2, ", 0) 100%)");
|
|
1518
1586
|
var slugHollowHover$1 = gray30Hover;
|
|
1587
|
+
|
|
1588
|
+
//// Phase 2 - new \\\\
|
|
1589
|
+
// Shared
|
|
1590
|
+
var aiInnerShadow$1 = rgba(blue50, 0.2);
|
|
1591
|
+
var aiAuraStart$1 = rgba(blue50, 0.1);
|
|
1592
|
+
var aiAuraEnd$1 = rgba(black, 0);
|
|
1593
|
+
var aiBorderStrong$1 = blue40;
|
|
1594
|
+
var aiBorderStart$1 = blue50;
|
|
1595
|
+
var aiBorderEnd$1 = rgba(blue30, 0.24);
|
|
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);
|
|
1600
|
+
|
|
1601
|
+
// Callout
|
|
1602
|
+
var slugCalloutShadowOuter01$1 = rgba(blue80, 0.25);
|
|
1603
|
+
var slugCalloutShadowOuter02$1 = rgba(black, 0.65);
|
|
1604
|
+
|
|
1605
|
+
//// Not used in phase 2 / possibly remove?
|
|
1606
|
+
var slugCalloutGradientTop$1 = rgba(gray100, 0.85);
|
|
1607
|
+
var slugCalloutGradientBottom$1 = rgba(gray90, 0.85);
|
|
1608
|
+
var aiGradientStart01$1 = rgba(blue20, 0.2);
|
|
1609
|
+
var aiGradientStart02$1 = 'transparent';
|
|
1610
|
+
var aiGradientEnd$1 = 'rgba(38, 38, 38, 0)';
|
|
1611
|
+
var slugCalloutAuraStart$1 = aiAuraStart$1;
|
|
1612
|
+
var slugCalloutAuraEnd$1 = aiAuraEnd$1;
|
|
1519
1613
|
var slugCalloutGradientTopHover$1 = rgba(gray80, 0.55);
|
|
1520
1614
|
var slugCalloutGradientBottomHover$1 = rgba(gray80Hover, 0.55);
|
|
1521
1615
|
var slugCalloutAuraStartHover01$1 = rgba(blue20Hover, 0.3);
|
|
@@ -1526,25 +1620,6 @@ var slugCalloutGradientTopSelected$1 = rgba(gray80, 0.85);
|
|
|
1526
1620
|
var slugCalloutGradientBottomSelected$1 = rgba(gray80Hover, 0.85);
|
|
1527
1621
|
var slugCalloutAuraStartSelected$1 = rgba(blue20, 0.2);
|
|
1528
1622
|
var slugCalloutAuraEndSelected$1 = rgba(gray100, 0);
|
|
1529
|
-
// Linear gradient tokens
|
|
1530
|
-
var aiGradientStart01$1 = rgba(blue20, 0.2);
|
|
1531
|
-
var aiGradientStart02$1 = 'transparent';
|
|
1532
|
-
var aiGradientEnd$1 = 'rgba(38, 38, 38, 0)';
|
|
1533
|
-
|
|
1534
|
-
// Phase 2 - new
|
|
1535
|
-
var slugCalloutShadowInner$1 = rgba(blue50, 0.2);
|
|
1536
|
-
var slugCalloutShadowOuter01$1 = rgba(blue80, 0.25);
|
|
1537
|
-
var slugCalloutShadowOuter02$1 = rgba(black, 0.65);
|
|
1538
|
-
var slugCalloutBorder01$1 = blue50;
|
|
1539
|
-
var slugCalloutBorder02$1 = rgba(blue30, 0.25);
|
|
1540
|
-
|
|
1541
|
-
// Changed
|
|
1542
|
-
var slugCalloutAuraStart$1 = rgba(blue50, 0.1);
|
|
1543
|
-
var slugCalloutAuraEnd$1 = rgba(white$2, 0);
|
|
1544
|
-
|
|
1545
|
-
// Not used in phase 2 / possibly remove?
|
|
1546
|
-
var slugCalloutGradientTop$1 = rgba(gray100, 0.85);
|
|
1547
|
-
var slugCalloutGradientBottom$1 = rgba(gray90, 0.85);
|
|
1548
1623
|
|
|
1549
1624
|
// One off tokens for caret
|
|
1550
1625
|
var slugCalloutCaretCenter$1 = '#456FB5';
|
|
@@ -1552,6 +1627,17 @@ var slugCalloutCaretBottom$1 = '#465060';
|
|
|
1552
1627
|
var slugCalloutCaretBottomBackgroundActions$1 = '#253042';
|
|
1553
1628
|
var slugCalloutCaretBottomBackground$1 = '#2D3F5C';
|
|
1554
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
|
+
|
|
1555
1641
|
var g90$1 = /*#__PURE__*/Object.freeze({
|
|
1556
1642
|
__proto__: null,
|
|
1557
1643
|
background: background$6,
|
|
@@ -1659,6 +1745,25 @@ var g90$1 = /*#__PURE__*/Object.freeze({
|
|
|
1659
1745
|
slugBackgroundHover: slugBackgroundHover$1,
|
|
1660
1746
|
slugGradientHover: slugGradientHover$1,
|
|
1661
1747
|
slugHollowHover: slugHollowHover$1,
|
|
1748
|
+
aiInnerShadow: aiInnerShadow$1,
|
|
1749
|
+
aiAuraStart: aiAuraStart$1,
|
|
1750
|
+
aiAuraEnd: aiAuraEnd$1,
|
|
1751
|
+
aiBorderStrong: aiBorderStrong$1,
|
|
1752
|
+
aiBorderStart: aiBorderStart$1,
|
|
1753
|
+
aiBorderEnd: aiBorderEnd$1,
|
|
1754
|
+
aiDropShadow: aiDropShadow$1,
|
|
1755
|
+
aiAuraHoverBackground: aiAuraHoverBackground$1,
|
|
1756
|
+
aiAuraHoverStart: aiAuraHoverStart$1,
|
|
1757
|
+
aiAuraHoverEnd: aiAuraHoverEnd$1,
|
|
1758
|
+
slugCalloutShadowOuter01: slugCalloutShadowOuter01$1,
|
|
1759
|
+
slugCalloutShadowOuter02: slugCalloutShadowOuter02$1,
|
|
1760
|
+
slugCalloutGradientTop: slugCalloutGradientTop$1,
|
|
1761
|
+
slugCalloutGradientBottom: slugCalloutGradientBottom$1,
|
|
1762
|
+
aiGradientStart01: aiGradientStart01$1,
|
|
1763
|
+
aiGradientStart02: aiGradientStart02$1,
|
|
1764
|
+
aiGradientEnd: aiGradientEnd$1,
|
|
1765
|
+
slugCalloutAuraStart: slugCalloutAuraStart$1,
|
|
1766
|
+
slugCalloutAuraEnd: slugCalloutAuraEnd$1,
|
|
1662
1767
|
slugCalloutGradientTopHover: slugCalloutGradientTopHover$1,
|
|
1663
1768
|
slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$1,
|
|
1664
1769
|
slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$1,
|
|
@@ -1669,22 +1774,19 @@ var g90$1 = /*#__PURE__*/Object.freeze({
|
|
|
1669
1774
|
slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$1,
|
|
1670
1775
|
slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$1,
|
|
1671
1776
|
slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$1,
|
|
1672
|
-
aiGradientStart01: aiGradientStart01$1,
|
|
1673
|
-
aiGradientStart02: aiGradientStart02$1,
|
|
1674
|
-
aiGradientEnd: aiGradientEnd$1,
|
|
1675
|
-
slugCalloutShadowInner: slugCalloutShadowInner$1,
|
|
1676
|
-
slugCalloutShadowOuter01: slugCalloutShadowOuter01$1,
|
|
1677
|
-
slugCalloutShadowOuter02: slugCalloutShadowOuter02$1,
|
|
1678
|
-
slugCalloutBorder01: slugCalloutBorder01$1,
|
|
1679
|
-
slugCalloutBorder02: slugCalloutBorder02$1,
|
|
1680
|
-
slugCalloutAuraStart: slugCalloutAuraStart$1,
|
|
1681
|
-
slugCalloutAuraEnd: slugCalloutAuraEnd$1,
|
|
1682
|
-
slugCalloutGradientTop: slugCalloutGradientTop$1,
|
|
1683
|
-
slugCalloutGradientBottom: slugCalloutGradientBottom$1,
|
|
1684
1777
|
slugCalloutCaretCenter: slugCalloutCaretCenter$1,
|
|
1685
1778
|
slugCalloutCaretBottom: slugCalloutCaretBottom$1,
|
|
1686
1779
|
slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$1,
|
|
1687
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,
|
|
1688
1790
|
caption01: caption01,
|
|
1689
1791
|
caption02: caption02,
|
|
1690
1792
|
label01: label01,
|
|
@@ -1929,6 +2031,32 @@ var slugGradient = "".concat(gray50, " linear-gradient(135deg, ").concat(gray10,
|
|
|
1929
2031
|
var slugBackgroundHover = gray20;
|
|
1930
2032
|
var slugGradientHover = "".concat(gray40, " linear-gradient(135deg, ").concat(white$2, " 0%, rgba(").concat(white$2, ", 0) 100%)");
|
|
1931
2033
|
var slugHollowHover = gray30Hover;
|
|
2034
|
+
|
|
2035
|
+
//// Phase 2 - new \\\\
|
|
2036
|
+
// Shared
|
|
2037
|
+
var aiInnerShadow = rgba(blue50, 0.2);
|
|
2038
|
+
var aiAuraStart = rgba(blue50, 0.1);
|
|
2039
|
+
var aiAuraEnd = rgba(black, 0);
|
|
2040
|
+
var aiBorderStrong = blue40;
|
|
2041
|
+
var aiBorderStart = blue50;
|
|
2042
|
+
var aiBorderEnd = rgba(blue30, 0.24);
|
|
2043
|
+
var aiDropShadow = rgba(blue60, 0.32);
|
|
2044
|
+
var aiAuraHoverBackground = layerHover01;
|
|
2045
|
+
var aiAuraHoverStart = rgba(blue50, 0.4);
|
|
2046
|
+
var aiAuraHoverEnd = rgba(black, 0);
|
|
2047
|
+
|
|
2048
|
+
// Callout
|
|
2049
|
+
var slugCalloutShadowOuter01 = rgba(blue80, 0.25);
|
|
2050
|
+
var slugCalloutShadowOuter02 = rgba(black, 0.65);
|
|
2051
|
+
|
|
2052
|
+
//// Not used in phase 2 / possibly remove?
|
|
2053
|
+
var slugCalloutGradientTop = rgba(gray100, 0.85);
|
|
2054
|
+
var slugCalloutGradientBottom = rgba(gray90, 0.85);
|
|
2055
|
+
var aiGradientStart01 = rgba(blue20, 0.2);
|
|
2056
|
+
var aiGradientStart02 = 'transparent';
|
|
2057
|
+
var aiGradientEnd = 'rgba(38, 38, 38, 0)';
|
|
2058
|
+
var slugCalloutAuraStart = aiAuraStart;
|
|
2059
|
+
var slugCalloutAuraEnd = aiAuraEnd;
|
|
1932
2060
|
var slugCalloutGradientTopHover = rgba(gray80, 0.55);
|
|
1933
2061
|
var slugCalloutGradientBottomHover = rgba(gray80Hover, 0.55);
|
|
1934
2062
|
var slugCalloutAuraStartHover01 = rgba(blue20Hover, 0.3);
|
|
@@ -1939,25 +2067,6 @@ var slugCalloutGradientTopSelected = rgba(gray80, 0.85);
|
|
|
1939
2067
|
var slugCalloutGradientBottomSelected = rgba(gray80Hover, 0.85);
|
|
1940
2068
|
var slugCalloutAuraStartSelected = rgba(blue20, 0.2);
|
|
1941
2069
|
var slugCalloutAuraEndSelected = rgba(gray100, 0);
|
|
1942
|
-
// Linear gradient tokens
|
|
1943
|
-
var aiGradientStart01 = rgba(blue20, 0.2);
|
|
1944
|
-
var aiGradientStart02 = 'transparent';
|
|
1945
|
-
var aiGradientEnd = 'rgba(38, 38, 38, 0)';
|
|
1946
|
-
|
|
1947
|
-
// Phase 2 - new
|
|
1948
|
-
var slugCalloutShadowInner = rgba(blue50, 0.2);
|
|
1949
|
-
var slugCalloutShadowOuter01 = rgba(blue80, 0.25);
|
|
1950
|
-
var slugCalloutShadowOuter02 = rgba(black, 0.65);
|
|
1951
|
-
var slugCalloutBorder01 = blue50;
|
|
1952
|
-
var slugCalloutBorder02 = rgba(blue30, 0.25);
|
|
1953
|
-
|
|
1954
|
-
// Changed
|
|
1955
|
-
var slugCalloutAuraStart = rgba(blue50, 0.1);
|
|
1956
|
-
var slugCalloutAuraEnd = rgba(white$2, 0);
|
|
1957
|
-
|
|
1958
|
-
// Not used in phase 2 / possibly remove?
|
|
1959
|
-
var slugCalloutGradientTop = rgba(gray100, 0.85);
|
|
1960
|
-
var slugCalloutGradientBottom = rgba(gray90, 0.85);
|
|
1961
2070
|
|
|
1962
2071
|
// One off tokens for caret
|
|
1963
2072
|
var slugCalloutCaretCenter = '#3F68AF';
|
|
@@ -1965,6 +2074,17 @@ var slugCalloutCaretBottom = '#3D4655';
|
|
|
1965
2074
|
var slugCalloutCaretBottomBackgroundActions = '#192436';
|
|
1966
2075
|
var slugCalloutCaretBottomBackground = '#213250';
|
|
1967
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
|
+
|
|
1968
2088
|
var g100$1 = /*#__PURE__*/Object.freeze({
|
|
1969
2089
|
__proto__: null,
|
|
1970
2090
|
background: background$5,
|
|
@@ -2072,6 +2192,25 @@ var g100$1 = /*#__PURE__*/Object.freeze({
|
|
|
2072
2192
|
slugBackgroundHover: slugBackgroundHover,
|
|
2073
2193
|
slugGradientHover: slugGradientHover,
|
|
2074
2194
|
slugHollowHover: slugHollowHover,
|
|
2195
|
+
aiInnerShadow: aiInnerShadow,
|
|
2196
|
+
aiAuraStart: aiAuraStart,
|
|
2197
|
+
aiAuraEnd: aiAuraEnd,
|
|
2198
|
+
aiBorderStrong: aiBorderStrong,
|
|
2199
|
+
aiBorderStart: aiBorderStart,
|
|
2200
|
+
aiBorderEnd: aiBorderEnd,
|
|
2201
|
+
aiDropShadow: aiDropShadow,
|
|
2202
|
+
aiAuraHoverBackground: aiAuraHoverBackground,
|
|
2203
|
+
aiAuraHoverStart: aiAuraHoverStart,
|
|
2204
|
+
aiAuraHoverEnd: aiAuraHoverEnd,
|
|
2205
|
+
slugCalloutShadowOuter01: slugCalloutShadowOuter01,
|
|
2206
|
+
slugCalloutShadowOuter02: slugCalloutShadowOuter02,
|
|
2207
|
+
slugCalloutGradientTop: slugCalloutGradientTop,
|
|
2208
|
+
slugCalloutGradientBottom: slugCalloutGradientBottom,
|
|
2209
|
+
aiGradientStart01: aiGradientStart01,
|
|
2210
|
+
aiGradientStart02: aiGradientStart02,
|
|
2211
|
+
aiGradientEnd: aiGradientEnd,
|
|
2212
|
+
slugCalloutAuraStart: slugCalloutAuraStart,
|
|
2213
|
+
slugCalloutAuraEnd: slugCalloutAuraEnd,
|
|
2075
2214
|
slugCalloutGradientTopHover: slugCalloutGradientTopHover,
|
|
2076
2215
|
slugCalloutGradientBottomHover: slugCalloutGradientBottomHover,
|
|
2077
2216
|
slugCalloutAuraStartHover01: slugCalloutAuraStartHover01,
|
|
@@ -2082,22 +2221,19 @@ var g100$1 = /*#__PURE__*/Object.freeze({
|
|
|
2082
2221
|
slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected,
|
|
2083
2222
|
slugCalloutAuraStartSelected: slugCalloutAuraStartSelected,
|
|
2084
2223
|
slugCalloutAuraEndSelected: slugCalloutAuraEndSelected,
|
|
2085
|
-
aiGradientStart01: aiGradientStart01,
|
|
2086
|
-
aiGradientStart02: aiGradientStart02,
|
|
2087
|
-
aiGradientEnd: aiGradientEnd,
|
|
2088
|
-
slugCalloutShadowInner: slugCalloutShadowInner,
|
|
2089
|
-
slugCalloutShadowOuter01: slugCalloutShadowOuter01,
|
|
2090
|
-
slugCalloutShadowOuter02: slugCalloutShadowOuter02,
|
|
2091
|
-
slugCalloutBorder01: slugCalloutBorder01,
|
|
2092
|
-
slugCalloutBorder02: slugCalloutBorder02,
|
|
2093
|
-
slugCalloutAuraStart: slugCalloutAuraStart,
|
|
2094
|
-
slugCalloutAuraEnd: slugCalloutAuraEnd,
|
|
2095
|
-
slugCalloutGradientTop: slugCalloutGradientTop,
|
|
2096
|
-
slugCalloutGradientBottom: slugCalloutGradientBottom,
|
|
2097
2224
|
slugCalloutCaretCenter: slugCalloutCaretCenter,
|
|
2098
2225
|
slugCalloutCaretBottom: slugCalloutCaretBottom,
|
|
2099
2226
|
slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions,
|
|
2100
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,
|
|
2101
2237
|
caption01: caption01,
|
|
2102
2238
|
caption02: caption02,
|
|
2103
2239
|
label01: label01,
|
|
@@ -4996,9 +5132,13 @@ var ai = TokenGroup.create({
|
|
|
4996
5132
|
properties: ['background'],
|
|
4997
5133
|
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',
|
|
4998
5134
|
// Phase 2
|
|
4999
|
-
'slug-callout-shadow-
|
|
5135
|
+
'slug-callout-shadow-outer-01', 'slug-callout-shadow-outer-02',
|
|
5136
|
+
// Linear gradient refactor
|
|
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',
|
|
5000
5138
|
// Caret tokens
|
|
5001
|
-
'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']
|
|
5002
5142
|
});
|
|
5003
5143
|
var group = TokenGroup.create({
|
|
5004
5144
|
name: 'All',
|
|
@@ -5154,4 +5294,4 @@ var themes = {
|
|
|
5154
5294
|
g100: g100$1
|
|
5155
5295
|
};
|
|
5156
5296
|
|
|
5157
|
-
export { aiGradientEnd$3 as aiGradientEnd, aiGradientStart01$3 as aiGradientStart01, aiGradientStart02$3 as aiGradientStart02, 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,
|
|
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 };
|