@carbon/themes 11.32.0 → 11.33.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/README.md +9 -0
- package/es/index.js +224 -224
- package/lib/index.js +236 -245
- package/package.json +9 -7
- package/scss/generated/_tag-tokens.scss +82 -12
- package/scss/generated/_themes.scss +64 -100
- package/scss/generated/_tokens.scss +38 -85
- package/src/component-tokens/tag/tokens.js +108 -15
- package/src/g10.js +19 -32
- package/src/g100.js +19 -31
- package/src/g90.js +19 -31
- package/src/tokens/components.js +10 -0
- package/src/tokens/v11TokenGroup.js +15 -23
- package/src/white.js +19 -32
- package/telemetry.yml +7 -0
- package/umd/index.js +236 -245
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,
|
|
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, blue100, gray90, gray70Hover, gray60Hover, gray50Hover, red30, purple40, red40, purple50, gray90Hover, gray30Hover, blue80, green60, red80, red20, red70, red20Hover, red70Hover, magenta20, magenta70, magenta80, magenta20Hover, magenta70Hover, purple20, purple70, purple80, purple20Hover, purple70Hover, blue20Hover, blue70Hover, cyan20, cyan70, cyan80, cyan20Hover, cyan70Hover, teal20, teal70, teal80, teal20Hover, teal70Hover, green20, green70, green80, green20Hover, green70Hover, coolGray20, coolGray70, coolGray100, coolGray10, coolGray20Hover, coolGray70Hover, warmGray20, warmGray70, warmGray100, warmGray10, warmGray20Hover, warmGray70Hover, cyan40, cyan50, teal40, teal50, magenta40, magenta50, coolGray40, coolGray50, warmGray40, warmGray50, 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';
|
|
@@ -705,41 +705,22 @@ var aiAuraHoverBackground$3 = blue10;
|
|
|
705
705
|
var aiAuraHoverStart$3 = rgba(blue50, 0.4);
|
|
706
706
|
var aiAuraHoverEnd$3 = rgba(white$2, 0);
|
|
707
707
|
|
|
708
|
-
//
|
|
709
|
-
var
|
|
710
|
-
var
|
|
708
|
+
// AI Popover
|
|
709
|
+
var aiPopoverShadowOuter01$3 = rgba(blue70, 0.25);
|
|
710
|
+
var aiPopoverShadowOuter02$3 = rgba(black, 0.1);
|
|
711
711
|
|
|
712
712
|
// AI skeleton
|
|
713
|
-
var aiSkeletonBackground$3 =
|
|
714
|
-
var aiSkeletonElementBackground$3 =
|
|
713
|
+
var aiSkeletonBackground$3 = blue20;
|
|
714
|
+
var aiSkeletonElementBackground$3 = blue50;
|
|
715
715
|
|
|
716
716
|
// AI Modal tokens
|
|
717
717
|
var aiOverlay$3 = rgba(blue100, 0.5);
|
|
718
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
|
-
var aiGradientStart01$3 = rgba(coolGray10, 0.5);
|
|
723
|
-
var aiGradientStart02$3 = rgba(blue10, 0.5);
|
|
724
|
-
var aiGradientEnd$3 = rgba(white$2, 0);
|
|
725
|
-
var slugCalloutAuraStart$3 = aiAuraStart$3;
|
|
726
|
-
var slugCalloutAuraEnd$3 = aiAuraEnd$3;
|
|
727
|
-
var slugCalloutGradientTopHover$3 = rgba(gray20, 0.55);
|
|
728
|
-
var slugCalloutGradientBottomHover$3 = rgba(gray20Hover, 0.55);
|
|
729
|
-
var slugCalloutAuraStartHover01$3 = rgba(white$2, 0.5);
|
|
730
|
-
var slugCalloutAuraEndHover01$3 = rgba(white$2, 0);
|
|
731
|
-
var slugCalloutAuraStartHover02$3 = rgba(blue20, 0.5);
|
|
732
|
-
var slugCalloutAuraEndHover02$3 = rgba(white$2, 0);
|
|
733
|
-
var slugCalloutGradientTopSelected$3 = rgba(gray20, 0.85);
|
|
734
|
-
var slugCalloutGradientBottomSelected$3 = rgba(gray20Hover, 0.85);
|
|
735
|
-
var slugCalloutAuraStartSelected$3 = rgba(blue10, 0.6);
|
|
736
|
-
var slugCalloutAuraEndSelected$3 = rgba(white$2, 0);
|
|
737
|
-
|
|
738
719
|
// One off tokens for caret
|
|
739
|
-
var
|
|
740
|
-
var
|
|
741
|
-
var
|
|
742
|
-
var
|
|
720
|
+
var aiPopoverCaretCenter$3 = '#A7C7FF';
|
|
721
|
+
var aiPopoverCaretBottom$3 = blue20;
|
|
722
|
+
var aiPopoverCaretBottomBackgroundActions$3 = '#DAE5F8';
|
|
723
|
+
var aiPopoverCaretBottomBackground$3 = '#D5E5FF';
|
|
743
724
|
|
|
744
725
|
// Chat tokens
|
|
745
726
|
var chatPromptBackground$3 = white$2;
|
|
@@ -751,6 +732,16 @@ var chatBubbleAgentBorder$3 = gray20;
|
|
|
751
732
|
var chatAvatarBot$3 = gray60;
|
|
752
733
|
var chatAvatarAgent$3 = gray80;
|
|
753
734
|
var chatAvatarUser$3 = blue60;
|
|
735
|
+
var chatShellBackground$3 = white$2;
|
|
736
|
+
var chatHeaderBackground$3 = white$2;
|
|
737
|
+
|
|
738
|
+
// Chat button tokens
|
|
739
|
+
var chatButton$3 = linkPrimary$7;
|
|
740
|
+
var chatButtonHover$3 = backgroundHover$7;
|
|
741
|
+
var chatButtonTextHover$3 = linkPrimaryHover$7;
|
|
742
|
+
var chatButtonActive$3 = backgroundActive$7;
|
|
743
|
+
var chatButtonSelected$3 = backgroundSelected$7;
|
|
744
|
+
var chatButtonTextSelected$3 = textSecondary$7;
|
|
754
745
|
|
|
755
746
|
var white$1 = /*#__PURE__*/Object.freeze({
|
|
756
747
|
__proto__: null,
|
|
@@ -870,32 +861,15 @@ var white$1 = /*#__PURE__*/Object.freeze({
|
|
|
870
861
|
aiAuraHoverBackground: aiAuraHoverBackground$3,
|
|
871
862
|
aiAuraHoverStart: aiAuraHoverStart$3,
|
|
872
863
|
aiAuraHoverEnd: aiAuraHoverEnd$3,
|
|
873
|
-
|
|
874
|
-
|
|
864
|
+
aiPopoverShadowOuter01: aiPopoverShadowOuter01$3,
|
|
865
|
+
aiPopoverShadowOuter02: aiPopoverShadowOuter02$3,
|
|
875
866
|
aiSkeletonBackground: aiSkeletonBackground$3,
|
|
876
867
|
aiSkeletonElementBackground: aiSkeletonElementBackground$3,
|
|
877
868
|
aiOverlay: aiOverlay$3,
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
aiGradientEnd: aiGradientEnd$3,
|
|
883
|
-
slugCalloutAuraStart: slugCalloutAuraStart$3,
|
|
884
|
-
slugCalloutAuraEnd: slugCalloutAuraEnd$3,
|
|
885
|
-
slugCalloutGradientTopHover: slugCalloutGradientTopHover$3,
|
|
886
|
-
slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$3,
|
|
887
|
-
slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$3,
|
|
888
|
-
slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$3,
|
|
889
|
-
slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$3,
|
|
890
|
-
slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$3,
|
|
891
|
-
slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$3,
|
|
892
|
-
slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$3,
|
|
893
|
-
slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$3,
|
|
894
|
-
slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$3,
|
|
895
|
-
slugCalloutCaretCenter: slugCalloutCaretCenter$3,
|
|
896
|
-
slugCalloutCaretBottom: slugCalloutCaretBottom$3,
|
|
897
|
-
slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$3,
|
|
898
|
-
slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground$3,
|
|
869
|
+
aiPopoverCaretCenter: aiPopoverCaretCenter$3,
|
|
870
|
+
aiPopoverCaretBottom: aiPopoverCaretBottom$3,
|
|
871
|
+
aiPopoverCaretBottomBackgroundActions: aiPopoverCaretBottomBackgroundActions$3,
|
|
872
|
+
aiPopoverCaretBottomBackground: aiPopoverCaretBottomBackground$3,
|
|
899
873
|
chatPromptBackground: chatPromptBackground$3,
|
|
900
874
|
chatPromptBorderStart: chatPromptBorderStart$3,
|
|
901
875
|
chatPromptBorderEnd: chatPromptBorderEnd$3,
|
|
@@ -905,6 +879,14 @@ var white$1 = /*#__PURE__*/Object.freeze({
|
|
|
905
879
|
chatAvatarBot: chatAvatarBot$3,
|
|
906
880
|
chatAvatarAgent: chatAvatarAgent$3,
|
|
907
881
|
chatAvatarUser: chatAvatarUser$3,
|
|
882
|
+
chatShellBackground: chatShellBackground$3,
|
|
883
|
+
chatHeaderBackground: chatHeaderBackground$3,
|
|
884
|
+
chatButton: chatButton$3,
|
|
885
|
+
chatButtonHover: chatButtonHover$3,
|
|
886
|
+
chatButtonTextHover: chatButtonTextHover$3,
|
|
887
|
+
chatButtonActive: chatButtonActive$3,
|
|
888
|
+
chatButtonSelected: chatButtonSelected$3,
|
|
889
|
+
chatButtonTextSelected: chatButtonTextSelected$3,
|
|
908
890
|
caption01: caption01,
|
|
909
891
|
caption02: caption02,
|
|
910
892
|
label01: label01,
|
|
@@ -1164,41 +1146,22 @@ var aiAuraHoverBackground$2 = blue10;
|
|
|
1164
1146
|
var aiAuraHoverStart$2 = rgba(blue50, 0.4);
|
|
1165
1147
|
var aiAuraHoverEnd$2 = rgba(white$2, 0);
|
|
1166
1148
|
|
|
1167
|
-
//
|
|
1168
|
-
var
|
|
1169
|
-
var
|
|
1149
|
+
// AI Popover
|
|
1150
|
+
var aiPopoverShadowOuter01$2 = rgba(blue70, 0.25);
|
|
1151
|
+
var aiPopoverShadowOuter02$2 = rgba(black, 0.1);
|
|
1170
1152
|
|
|
1171
1153
|
// AI skeleton
|
|
1172
|
-
var aiSkeletonBackground$2 =
|
|
1173
|
-
var aiSkeletonElementBackground$2 =
|
|
1154
|
+
var aiSkeletonBackground$2 = blue20;
|
|
1155
|
+
var aiSkeletonElementBackground$2 = blue50;
|
|
1174
1156
|
|
|
1175
1157
|
// AI Modal tokens
|
|
1176
1158
|
var aiOverlay$2 = rgba(blue100, 0.5);
|
|
1177
1159
|
|
|
1178
|
-
//// Not used in phase 2 / possibly remove?
|
|
1179
|
-
var slugCalloutGradientTop$2 = rgba(gray10, 0.85);
|
|
1180
|
-
var slugCalloutGradientBottom$2 = rgba(gray20, 0.85);
|
|
1181
|
-
var aiGradientStart01$2 = rgba(coolGray10, 0.5);
|
|
1182
|
-
var aiGradientStart02$2 = rgba(blue10, 0.5);
|
|
1183
|
-
var aiGradientEnd$2 = rgba(white$2, 0);
|
|
1184
|
-
var slugCalloutAuraStart$2 = aiAuraStart$2;
|
|
1185
|
-
var slugCalloutAuraEnd$2 = aiAuraEnd$2;
|
|
1186
|
-
var slugCalloutGradientTopHover$2 = rgba(gray20, 0.55);
|
|
1187
|
-
var slugCalloutGradientBottomHover$2 = rgba(gray20Hover, 0.55);
|
|
1188
|
-
var slugCalloutAuraStartHover01$2 = rgba(white$2, 0.5);
|
|
1189
|
-
var slugCalloutAuraEndHover01$2 = rgba(white$2, 0);
|
|
1190
|
-
var slugCalloutAuraStartHover02$2 = rgba(blue20, 0.5);
|
|
1191
|
-
var slugCalloutAuraEndHover02$2 = rgba(white$2, 0);
|
|
1192
|
-
var slugCalloutGradientTopSelected$2 = rgba(gray20, 0.85);
|
|
1193
|
-
var slugCalloutGradientBottomSelected$2 = rgba(gray20Hover, 0.85);
|
|
1194
|
-
var slugCalloutAuraStartSelected$2 = rgba(blue10, 0.6);
|
|
1195
|
-
var slugCalloutAuraEndSelected$2 = rgba(white$2, 0);
|
|
1196
|
-
|
|
1197
1160
|
// One off tokens for caret
|
|
1198
|
-
var
|
|
1199
|
-
var
|
|
1200
|
-
var
|
|
1201
|
-
var
|
|
1161
|
+
var aiPopoverCaretCenter$2 = '#A7C7FF';
|
|
1162
|
+
var aiPopoverCaretBottom$2 = blue20;
|
|
1163
|
+
var aiPopoverCaretBottomBackgroundActions$2 = '#D2DCEE';
|
|
1164
|
+
var aiPopoverCaretBottomBackground$2 = '#CCDBF8';
|
|
1202
1165
|
|
|
1203
1166
|
// Chat tokens
|
|
1204
1167
|
var chatPromptBackground$2 = white$2;
|
|
@@ -1210,6 +1173,16 @@ var chatBubbleAgentBorder$2 = gray20;
|
|
|
1210
1173
|
var chatAvatarBot$2 = gray60;
|
|
1211
1174
|
var chatAvatarAgent$2 = gray80;
|
|
1212
1175
|
var chatAvatarUser$2 = blue60;
|
|
1176
|
+
var chatShellBackground$2 = white$2;
|
|
1177
|
+
var chatHeaderBackground$2 = white$2;
|
|
1178
|
+
|
|
1179
|
+
// Chat button tokens
|
|
1180
|
+
var chatButton$2 = linkPrimary$6;
|
|
1181
|
+
var chatButtonHover$2 = backgroundHover$6;
|
|
1182
|
+
var chatButtonTextHover$2 = linkPrimaryHover$6;
|
|
1183
|
+
var chatButtonActive$2 = backgroundActive$6;
|
|
1184
|
+
var chatButtonSelected$2 = backgroundSelected$6;
|
|
1185
|
+
var chatButtonTextSelected$2 = textSecondary$6;
|
|
1213
1186
|
|
|
1214
1187
|
var g10$1 = /*#__PURE__*/Object.freeze({
|
|
1215
1188
|
__proto__: null,
|
|
@@ -1329,32 +1302,15 @@ var g10$1 = /*#__PURE__*/Object.freeze({
|
|
|
1329
1302
|
aiAuraHoverBackground: aiAuraHoverBackground$2,
|
|
1330
1303
|
aiAuraHoverStart: aiAuraHoverStart$2,
|
|
1331
1304
|
aiAuraHoverEnd: aiAuraHoverEnd$2,
|
|
1332
|
-
|
|
1333
|
-
|
|
1305
|
+
aiPopoverShadowOuter01: aiPopoverShadowOuter01$2,
|
|
1306
|
+
aiPopoverShadowOuter02: aiPopoverShadowOuter02$2,
|
|
1334
1307
|
aiSkeletonBackground: aiSkeletonBackground$2,
|
|
1335
1308
|
aiSkeletonElementBackground: aiSkeletonElementBackground$2,
|
|
1336
1309
|
aiOverlay: aiOverlay$2,
|
|
1337
|
-
|
|
1338
|
-
|
|
1339
|
-
|
|
1340
|
-
|
|
1341
|
-
aiGradientEnd: aiGradientEnd$2,
|
|
1342
|
-
slugCalloutAuraStart: slugCalloutAuraStart$2,
|
|
1343
|
-
slugCalloutAuraEnd: slugCalloutAuraEnd$2,
|
|
1344
|
-
slugCalloutGradientTopHover: slugCalloutGradientTopHover$2,
|
|
1345
|
-
slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$2,
|
|
1346
|
-
slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$2,
|
|
1347
|
-
slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$2,
|
|
1348
|
-
slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$2,
|
|
1349
|
-
slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$2,
|
|
1350
|
-
slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$2,
|
|
1351
|
-
slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$2,
|
|
1352
|
-
slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$2,
|
|
1353
|
-
slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$2,
|
|
1354
|
-
slugCalloutCaretCenter: slugCalloutCaretCenter$2,
|
|
1355
|
-
slugCalloutCaretBottom: slugCalloutCaretBottom$2,
|
|
1356
|
-
slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$2,
|
|
1357
|
-
slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground$2,
|
|
1310
|
+
aiPopoverCaretCenter: aiPopoverCaretCenter$2,
|
|
1311
|
+
aiPopoverCaretBottom: aiPopoverCaretBottom$2,
|
|
1312
|
+
aiPopoverCaretBottomBackgroundActions: aiPopoverCaretBottomBackgroundActions$2,
|
|
1313
|
+
aiPopoverCaretBottomBackground: aiPopoverCaretBottomBackground$2,
|
|
1358
1314
|
chatPromptBackground: chatPromptBackground$2,
|
|
1359
1315
|
chatPromptBorderStart: chatPromptBorderStart$2,
|
|
1360
1316
|
chatPromptBorderEnd: chatPromptBorderEnd$2,
|
|
@@ -1364,6 +1320,14 @@ var g10$1 = /*#__PURE__*/Object.freeze({
|
|
|
1364
1320
|
chatAvatarBot: chatAvatarBot$2,
|
|
1365
1321
|
chatAvatarAgent: chatAvatarAgent$2,
|
|
1366
1322
|
chatAvatarUser: chatAvatarUser$2,
|
|
1323
|
+
chatShellBackground: chatShellBackground$2,
|
|
1324
|
+
chatHeaderBackground: chatHeaderBackground$2,
|
|
1325
|
+
chatButton: chatButton$2,
|
|
1326
|
+
chatButtonHover: chatButtonHover$2,
|
|
1327
|
+
chatButtonTextHover: chatButtonTextHover$2,
|
|
1328
|
+
chatButtonActive: chatButtonActive$2,
|
|
1329
|
+
chatButtonSelected: chatButtonSelected$2,
|
|
1330
|
+
chatButtonTextSelected: chatButtonTextSelected$2,
|
|
1367
1331
|
caption01: caption01,
|
|
1368
1332
|
caption02: caption02,
|
|
1369
1333
|
label01: label01,
|
|
@@ -1623,41 +1587,22 @@ var aiAuraHoverBackground$1 = layerHover01$1;
|
|
|
1623
1587
|
var aiAuraHoverStart$1 = rgba(blue50, 0.4);
|
|
1624
1588
|
var aiAuraHoverEnd$1 = rgba(black, 0);
|
|
1625
1589
|
|
|
1626
|
-
//
|
|
1627
|
-
var
|
|
1628
|
-
var
|
|
1590
|
+
// AI Popover
|
|
1591
|
+
var aiPopoverShadowOuter01$1 = rgba(blue80, 0.25);
|
|
1592
|
+
var aiPopoverShadowOuter02$1 = rgba(black, 0.65);
|
|
1629
1593
|
|
|
1630
1594
|
// AI skeleton
|
|
1631
|
-
var aiSkeletonBackground$1 =
|
|
1632
|
-
var aiSkeletonElementBackground$1 =
|
|
1595
|
+
var aiSkeletonBackground$1 = blue30;
|
|
1596
|
+
var aiSkeletonElementBackground$1 = blue80;
|
|
1633
1597
|
|
|
1634
1598
|
// AI Modal tokens
|
|
1635
1599
|
var aiOverlay$1 = rgba(blue100, 0.5);
|
|
1636
1600
|
|
|
1637
|
-
//// Not used in phase 2 / possibly remove?
|
|
1638
|
-
var slugCalloutGradientTop$1 = rgba(gray100, 0.85);
|
|
1639
|
-
var slugCalloutGradientBottom$1 = rgba(gray90, 0.85);
|
|
1640
|
-
var aiGradientStart01$1 = rgba(blue20, 0.2);
|
|
1641
|
-
var aiGradientStart02$1 = 'transparent';
|
|
1642
|
-
var aiGradientEnd$1 = 'rgba(38, 38, 38, 0)';
|
|
1643
|
-
var slugCalloutAuraStart$1 = aiAuraStart$1;
|
|
1644
|
-
var slugCalloutAuraEnd$1 = aiAuraEnd$1;
|
|
1645
|
-
var slugCalloutGradientTopHover$1 = rgba(gray80, 0.55);
|
|
1646
|
-
var slugCalloutGradientBottomHover$1 = rgba(gray80Hover, 0.55);
|
|
1647
|
-
var slugCalloutAuraStartHover01$1 = rgba(blue20Hover, 0.3);
|
|
1648
|
-
var slugCalloutAuraEndHover01$1 = rgba(gray100, 0);
|
|
1649
|
-
var slugCalloutAuraStartHover02$1 = 'transparent';
|
|
1650
|
-
var slugCalloutAuraEndHover02$1 = 'transparent';
|
|
1651
|
-
var slugCalloutGradientTopSelected$1 = rgba(gray80, 0.85);
|
|
1652
|
-
var slugCalloutGradientBottomSelected$1 = rgba(gray80Hover, 0.85);
|
|
1653
|
-
var slugCalloutAuraStartSelected$1 = rgba(blue20, 0.2);
|
|
1654
|
-
var slugCalloutAuraEndSelected$1 = rgba(gray100, 0);
|
|
1655
|
-
|
|
1656
1601
|
// One off tokens for caret
|
|
1657
|
-
var
|
|
1658
|
-
var
|
|
1659
|
-
var
|
|
1660
|
-
var
|
|
1602
|
+
var aiPopoverCaretCenter$1 = '#456FB5';
|
|
1603
|
+
var aiPopoverCaretBottom$1 = '#465060';
|
|
1604
|
+
var aiPopoverCaretBottomBackgroundActions$1 = '#253042';
|
|
1605
|
+
var aiPopoverCaretBottomBackground$1 = '#2D3F5C';
|
|
1661
1606
|
|
|
1662
1607
|
// Chat tokens
|
|
1663
1608
|
var chatPromptBackground$1 = gray100;
|
|
@@ -1669,6 +1614,16 @@ var chatBubbleAgentBorder$1 = gray70;
|
|
|
1669
1614
|
var chatAvatarBot$1 = gray50;
|
|
1670
1615
|
var chatAvatarAgent$1 = gray30;
|
|
1671
1616
|
var chatAvatarUser$1 = blue50;
|
|
1617
|
+
var chatShellBackground$1 = gray90;
|
|
1618
|
+
var chatHeaderBackground$1 = gray90;
|
|
1619
|
+
|
|
1620
|
+
// Chat button tokens
|
|
1621
|
+
var chatButton$1 = linkPrimary$5;
|
|
1622
|
+
var chatButtonHover$1 = backgroundHover$5;
|
|
1623
|
+
var chatButtonTextHover$1 = linkPrimaryHover$5;
|
|
1624
|
+
var chatButtonActive$1 = backgroundActive$5;
|
|
1625
|
+
var chatButtonSelected$1 = backgroundSelected$5;
|
|
1626
|
+
var chatButtonTextSelected$1 = textSecondary$5;
|
|
1672
1627
|
|
|
1673
1628
|
var g90$1 = /*#__PURE__*/Object.freeze({
|
|
1674
1629
|
__proto__: null,
|
|
@@ -1788,32 +1743,15 @@ var g90$1 = /*#__PURE__*/Object.freeze({
|
|
|
1788
1743
|
aiAuraHoverBackground: aiAuraHoverBackground$1,
|
|
1789
1744
|
aiAuraHoverStart: aiAuraHoverStart$1,
|
|
1790
1745
|
aiAuraHoverEnd: aiAuraHoverEnd$1,
|
|
1791
|
-
|
|
1792
|
-
|
|
1746
|
+
aiPopoverShadowOuter01: aiPopoverShadowOuter01$1,
|
|
1747
|
+
aiPopoverShadowOuter02: aiPopoverShadowOuter02$1,
|
|
1793
1748
|
aiSkeletonBackground: aiSkeletonBackground$1,
|
|
1794
1749
|
aiSkeletonElementBackground: aiSkeletonElementBackground$1,
|
|
1795
1750
|
aiOverlay: aiOverlay$1,
|
|
1796
|
-
|
|
1797
|
-
|
|
1798
|
-
|
|
1799
|
-
|
|
1800
|
-
aiGradientEnd: aiGradientEnd$1,
|
|
1801
|
-
slugCalloutAuraStart: slugCalloutAuraStart$1,
|
|
1802
|
-
slugCalloutAuraEnd: slugCalloutAuraEnd$1,
|
|
1803
|
-
slugCalloutGradientTopHover: slugCalloutGradientTopHover$1,
|
|
1804
|
-
slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$1,
|
|
1805
|
-
slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$1,
|
|
1806
|
-
slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$1,
|
|
1807
|
-
slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$1,
|
|
1808
|
-
slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$1,
|
|
1809
|
-
slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$1,
|
|
1810
|
-
slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$1,
|
|
1811
|
-
slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$1,
|
|
1812
|
-
slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$1,
|
|
1813
|
-
slugCalloutCaretCenter: slugCalloutCaretCenter$1,
|
|
1814
|
-
slugCalloutCaretBottom: slugCalloutCaretBottom$1,
|
|
1815
|
-
slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$1,
|
|
1816
|
-
slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground$1,
|
|
1751
|
+
aiPopoverCaretCenter: aiPopoverCaretCenter$1,
|
|
1752
|
+
aiPopoverCaretBottom: aiPopoverCaretBottom$1,
|
|
1753
|
+
aiPopoverCaretBottomBackgroundActions: aiPopoverCaretBottomBackgroundActions$1,
|
|
1754
|
+
aiPopoverCaretBottomBackground: aiPopoverCaretBottomBackground$1,
|
|
1817
1755
|
chatPromptBackground: chatPromptBackground$1,
|
|
1818
1756
|
chatPromptBorderStart: chatPromptBorderStart$1,
|
|
1819
1757
|
chatPromptBorderEnd: chatPromptBorderEnd$1,
|
|
@@ -1823,6 +1761,14 @@ var g90$1 = /*#__PURE__*/Object.freeze({
|
|
|
1823
1761
|
chatAvatarBot: chatAvatarBot$1,
|
|
1824
1762
|
chatAvatarAgent: chatAvatarAgent$1,
|
|
1825
1763
|
chatAvatarUser: chatAvatarUser$1,
|
|
1764
|
+
chatShellBackground: chatShellBackground$1,
|
|
1765
|
+
chatHeaderBackground: chatHeaderBackground$1,
|
|
1766
|
+
chatButton: chatButton$1,
|
|
1767
|
+
chatButtonHover: chatButtonHover$1,
|
|
1768
|
+
chatButtonTextHover: chatButtonTextHover$1,
|
|
1769
|
+
chatButtonActive: chatButtonActive$1,
|
|
1770
|
+
chatButtonSelected: chatButtonSelected$1,
|
|
1771
|
+
chatButtonTextSelected: chatButtonTextSelected$1,
|
|
1826
1772
|
caption01: caption01,
|
|
1827
1773
|
caption02: caption02,
|
|
1828
1774
|
label01: label01,
|
|
@@ -2082,41 +2028,22 @@ var aiAuraHoverBackground = layerHover01;
|
|
|
2082
2028
|
var aiAuraHoverStart = rgba(blue50, 0.4);
|
|
2083
2029
|
var aiAuraHoverEnd = rgba(black, 0);
|
|
2084
2030
|
|
|
2085
|
-
//
|
|
2086
|
-
var
|
|
2087
|
-
var
|
|
2031
|
+
// AI Popover
|
|
2032
|
+
var aiPopoverShadowOuter01 = rgba(blue80, 0.25);
|
|
2033
|
+
var aiPopoverShadowOuter02 = rgba(black, 0.65);
|
|
2088
2034
|
|
|
2089
2035
|
// AI skeleton
|
|
2090
|
-
var aiSkeletonBackground =
|
|
2091
|
-
var aiSkeletonElementBackground =
|
|
2036
|
+
var aiSkeletonBackground = blue30;
|
|
2037
|
+
var aiSkeletonElementBackground = blue80;
|
|
2092
2038
|
|
|
2093
2039
|
// AI Modal tokens
|
|
2094
2040
|
var aiOverlay = rgba(blue100, 0.5);
|
|
2095
2041
|
|
|
2096
|
-
//// Not used in phase 2 / possibly remove?
|
|
2097
|
-
var slugCalloutGradientTop = rgba(gray100, 0.85);
|
|
2098
|
-
var slugCalloutGradientBottom = rgba(gray90, 0.85);
|
|
2099
|
-
var aiGradientStart01 = rgba(blue20, 0.2);
|
|
2100
|
-
var aiGradientStart02 = 'transparent';
|
|
2101
|
-
var aiGradientEnd = 'rgba(38, 38, 38, 0)';
|
|
2102
|
-
var slugCalloutAuraStart = aiAuraStart;
|
|
2103
|
-
var slugCalloutAuraEnd = aiAuraEnd;
|
|
2104
|
-
var slugCalloutGradientTopHover = rgba(gray80, 0.55);
|
|
2105
|
-
var slugCalloutGradientBottomHover = rgba(gray80Hover, 0.55);
|
|
2106
|
-
var slugCalloutAuraStartHover01 = rgba(blue20Hover, 0.3);
|
|
2107
|
-
var slugCalloutAuraEndHover01 = rgba(gray100, 0);
|
|
2108
|
-
var slugCalloutAuraStartHover02 = 'transparent';
|
|
2109
|
-
var slugCalloutAuraEndHover02 = 'transparent';
|
|
2110
|
-
var slugCalloutGradientTopSelected = rgba(gray80, 0.85);
|
|
2111
|
-
var slugCalloutGradientBottomSelected = rgba(gray80Hover, 0.85);
|
|
2112
|
-
var slugCalloutAuraStartSelected = rgba(blue20, 0.2);
|
|
2113
|
-
var slugCalloutAuraEndSelected = rgba(gray100, 0);
|
|
2114
|
-
|
|
2115
2042
|
// One off tokens for caret
|
|
2116
|
-
var
|
|
2117
|
-
var
|
|
2118
|
-
var
|
|
2119
|
-
var
|
|
2043
|
+
var aiPopoverCaretCenter = '#3F68AF';
|
|
2044
|
+
var aiPopoverCaretBottom = '#3D4655';
|
|
2045
|
+
var aiPopoverCaretBottomBackgroundActions = '#192436';
|
|
2046
|
+
var aiPopoverCaretBottomBackground = '#213250';
|
|
2120
2047
|
|
|
2121
2048
|
// Chat tokens
|
|
2122
2049
|
var chatPromptBackground = gray100;
|
|
@@ -2128,6 +2055,16 @@ var chatBubbleAgentBorder = gray70;
|
|
|
2128
2055
|
var chatAvatarBot = gray50;
|
|
2129
2056
|
var chatAvatarAgent = gray30;
|
|
2130
2057
|
var chatAvatarUser = blue50;
|
|
2058
|
+
var chatShellBackground = gray90;
|
|
2059
|
+
var chatHeaderBackground = gray90;
|
|
2060
|
+
|
|
2061
|
+
// Chat button tokens
|
|
2062
|
+
var chatButton = linkPrimary$4;
|
|
2063
|
+
var chatButtonHover = backgroundHover$4;
|
|
2064
|
+
var chatButtonTextHover = linkPrimaryHover$4;
|
|
2065
|
+
var chatButtonActive = backgroundActive$4;
|
|
2066
|
+
var chatButtonSelected = backgroundSelected$4;
|
|
2067
|
+
var chatButtonTextSelected = textSecondary$4;
|
|
2131
2068
|
|
|
2132
2069
|
var g100$1 = /*#__PURE__*/Object.freeze({
|
|
2133
2070
|
__proto__: null,
|
|
@@ -2247,32 +2184,15 @@ var g100$1 = /*#__PURE__*/Object.freeze({
|
|
|
2247
2184
|
aiAuraHoverBackground: aiAuraHoverBackground,
|
|
2248
2185
|
aiAuraHoverStart: aiAuraHoverStart,
|
|
2249
2186
|
aiAuraHoverEnd: aiAuraHoverEnd,
|
|
2250
|
-
|
|
2251
|
-
|
|
2187
|
+
aiPopoverShadowOuter01: aiPopoverShadowOuter01,
|
|
2188
|
+
aiPopoverShadowOuter02: aiPopoverShadowOuter02,
|
|
2252
2189
|
aiSkeletonBackground: aiSkeletonBackground,
|
|
2253
2190
|
aiSkeletonElementBackground: aiSkeletonElementBackground,
|
|
2254
2191
|
aiOverlay: aiOverlay,
|
|
2255
|
-
|
|
2256
|
-
|
|
2257
|
-
|
|
2258
|
-
|
|
2259
|
-
aiGradientEnd: aiGradientEnd,
|
|
2260
|
-
slugCalloutAuraStart: slugCalloutAuraStart,
|
|
2261
|
-
slugCalloutAuraEnd: slugCalloutAuraEnd,
|
|
2262
|
-
slugCalloutGradientTopHover: slugCalloutGradientTopHover,
|
|
2263
|
-
slugCalloutGradientBottomHover: slugCalloutGradientBottomHover,
|
|
2264
|
-
slugCalloutAuraStartHover01: slugCalloutAuraStartHover01,
|
|
2265
|
-
slugCalloutAuraEndHover01: slugCalloutAuraEndHover01,
|
|
2266
|
-
slugCalloutAuraStartHover02: slugCalloutAuraStartHover02,
|
|
2267
|
-
slugCalloutAuraEndHover02: slugCalloutAuraEndHover02,
|
|
2268
|
-
slugCalloutGradientTopSelected: slugCalloutGradientTopSelected,
|
|
2269
|
-
slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected,
|
|
2270
|
-
slugCalloutAuraStartSelected: slugCalloutAuraStartSelected,
|
|
2271
|
-
slugCalloutAuraEndSelected: slugCalloutAuraEndSelected,
|
|
2272
|
-
slugCalloutCaretCenter: slugCalloutCaretCenter,
|
|
2273
|
-
slugCalloutCaretBottom: slugCalloutCaretBottom,
|
|
2274
|
-
slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions,
|
|
2275
|
-
slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground,
|
|
2192
|
+
aiPopoverCaretCenter: aiPopoverCaretCenter,
|
|
2193
|
+
aiPopoverCaretBottom: aiPopoverCaretBottom,
|
|
2194
|
+
aiPopoverCaretBottomBackgroundActions: aiPopoverCaretBottomBackgroundActions,
|
|
2195
|
+
aiPopoverCaretBottomBackground: aiPopoverCaretBottomBackground,
|
|
2276
2196
|
chatPromptBackground: chatPromptBackground,
|
|
2277
2197
|
chatPromptBorderStart: chatPromptBorderStart,
|
|
2278
2198
|
chatPromptBorderEnd: chatPromptBorderEnd,
|
|
@@ -2282,6 +2202,14 @@ var g100$1 = /*#__PURE__*/Object.freeze({
|
|
|
2282
2202
|
chatAvatarBot: chatAvatarBot,
|
|
2283
2203
|
chatAvatarAgent: chatAvatarAgent,
|
|
2284
2204
|
chatAvatarUser: chatAvatarUser,
|
|
2205
|
+
chatShellBackground: chatShellBackground,
|
|
2206
|
+
chatHeaderBackground: chatHeaderBackground,
|
|
2207
|
+
chatButton: chatButton,
|
|
2208
|
+
chatButtonHover: chatButtonHover,
|
|
2209
|
+
chatButtonTextHover: chatButtonTextHover,
|
|
2210
|
+
chatButtonActive: chatButtonActive,
|
|
2211
|
+
chatButtonSelected: chatButtonSelected,
|
|
2212
|
+
chatButtonTextSelected: chatButtonTextSelected,
|
|
2285
2213
|
caption01: caption01,
|
|
2286
2214
|
caption02: caption02,
|
|
2287
2215
|
label01: label01,
|
|
@@ -4522,10 +4450,10 @@ var tagBackgroundGray = {
|
|
|
4522
4450
|
g100: gray70
|
|
4523
4451
|
};
|
|
4524
4452
|
var tagColorGray = {
|
|
4525
|
-
whiteTheme:
|
|
4526
|
-
g10:
|
|
4527
|
-
g90:
|
|
4528
|
-
g100:
|
|
4453
|
+
whiteTheme: gray100,
|
|
4454
|
+
g10: gray100,
|
|
4455
|
+
g90: gray10,
|
|
4456
|
+
g100: gray10
|
|
4529
4457
|
};
|
|
4530
4458
|
var tagHoverGray = {
|
|
4531
4459
|
whiteTheme: gray20Hover,
|
|
@@ -4540,10 +4468,10 @@ var tagBackgroundCoolGray = {
|
|
|
4540
4468
|
g100: coolGray70
|
|
4541
4469
|
};
|
|
4542
4470
|
var tagColorCoolGray = {
|
|
4543
|
-
whiteTheme:
|
|
4544
|
-
g10:
|
|
4545
|
-
g90:
|
|
4546
|
-
g100:
|
|
4471
|
+
whiteTheme: coolGray100,
|
|
4472
|
+
g10: coolGray100,
|
|
4473
|
+
g90: coolGray10,
|
|
4474
|
+
g100: coolGray10
|
|
4547
4475
|
};
|
|
4548
4476
|
var tagHoverCoolGray = {
|
|
4549
4477
|
whiteTheme: coolGray20Hover,
|
|
@@ -4558,10 +4486,10 @@ var tagBackgroundWarmGray = {
|
|
|
4558
4486
|
g100: warmGray70
|
|
4559
4487
|
};
|
|
4560
4488
|
var tagColorWarmGray = {
|
|
4561
|
-
whiteTheme:
|
|
4562
|
-
g10:
|
|
4563
|
-
g90:
|
|
4564
|
-
g100:
|
|
4489
|
+
whiteTheme: warmGray100,
|
|
4490
|
+
g10: warmGray100,
|
|
4491
|
+
g90: warmGray10,
|
|
4492
|
+
g100: warmGray10
|
|
4565
4493
|
};
|
|
4566
4494
|
var tagHoverWarmGray = {
|
|
4567
4495
|
whiteTheme: warmGray20Hover,
|
|
@@ -4569,6 +4497,66 @@ var tagHoverWarmGray = {
|
|
|
4569
4497
|
g90: warmGray70Hover,
|
|
4570
4498
|
g100: warmGray70Hover
|
|
4571
4499
|
};
|
|
4500
|
+
var tagBorderRed = {
|
|
4501
|
+
whiteTheme: red40,
|
|
4502
|
+
g10: red40,
|
|
4503
|
+
g90: red50,
|
|
4504
|
+
g100: red50
|
|
4505
|
+
};
|
|
4506
|
+
var tagBorderBlue = {
|
|
4507
|
+
whiteTheme: blue40,
|
|
4508
|
+
g10: blue40,
|
|
4509
|
+
g90: blue50,
|
|
4510
|
+
g100: blue50
|
|
4511
|
+
};
|
|
4512
|
+
var tagBorderCyan = {
|
|
4513
|
+
whiteTheme: cyan40,
|
|
4514
|
+
g10: cyan40,
|
|
4515
|
+
g90: cyan50,
|
|
4516
|
+
g100: cyan50
|
|
4517
|
+
};
|
|
4518
|
+
var tagBorderTeal = {
|
|
4519
|
+
whiteTheme: teal40,
|
|
4520
|
+
g10: teal40,
|
|
4521
|
+
g90: teal50,
|
|
4522
|
+
g100: teal50
|
|
4523
|
+
};
|
|
4524
|
+
var tagBorderGreen = {
|
|
4525
|
+
whiteTheme: green40,
|
|
4526
|
+
g10: green40,
|
|
4527
|
+
g90: green50,
|
|
4528
|
+
g100: green50
|
|
4529
|
+
};
|
|
4530
|
+
var tagBorderMagenta = {
|
|
4531
|
+
whiteTheme: magenta40,
|
|
4532
|
+
g10: magenta40,
|
|
4533
|
+
g90: magenta50,
|
|
4534
|
+
g100: magenta50
|
|
4535
|
+
};
|
|
4536
|
+
var tagBorderPurple = {
|
|
4537
|
+
whiteTheme: purple40,
|
|
4538
|
+
g10: purple40,
|
|
4539
|
+
g90: purple50,
|
|
4540
|
+
g100: purple50
|
|
4541
|
+
};
|
|
4542
|
+
var tagBorderGray = {
|
|
4543
|
+
whiteTheme: gray40,
|
|
4544
|
+
g10: gray40,
|
|
4545
|
+
g90: gray50,
|
|
4546
|
+
g100: gray50
|
|
4547
|
+
};
|
|
4548
|
+
var tagBorderCoolGray = {
|
|
4549
|
+
whiteTheme: coolGray40,
|
|
4550
|
+
g10: coolGray40,
|
|
4551
|
+
g90: coolGray50,
|
|
4552
|
+
g100: coolGray50
|
|
4553
|
+
};
|
|
4554
|
+
var tagBorderWarmGray = {
|
|
4555
|
+
whiteTheme: warmGray40,
|
|
4556
|
+
g10: warmGray40,
|
|
4557
|
+
g90: warmGray50,
|
|
4558
|
+
g100: warmGray50
|
|
4559
|
+
};
|
|
4572
4560
|
|
|
4573
4561
|
var tokens$1 = /*#__PURE__*/Object.freeze({
|
|
4574
4562
|
__proto__: null,
|
|
@@ -4601,7 +4589,17 @@ var tokens$1 = /*#__PURE__*/Object.freeze({
|
|
|
4601
4589
|
tagHoverCoolGray: tagHoverCoolGray,
|
|
4602
4590
|
tagBackgroundWarmGray: tagBackgroundWarmGray,
|
|
4603
4591
|
tagColorWarmGray: tagColorWarmGray,
|
|
4604
|
-
tagHoverWarmGray: tagHoverWarmGray
|
|
4592
|
+
tagHoverWarmGray: tagHoverWarmGray,
|
|
4593
|
+
tagBorderRed: tagBorderRed,
|
|
4594
|
+
tagBorderBlue: tagBorderBlue,
|
|
4595
|
+
tagBorderCyan: tagBorderCyan,
|
|
4596
|
+
tagBorderTeal: tagBorderTeal,
|
|
4597
|
+
tagBorderGreen: tagBorderGreen,
|
|
4598
|
+
tagBorderMagenta: tagBorderMagenta,
|
|
4599
|
+
tagBorderPurple: tagBorderPurple,
|
|
4600
|
+
tagBorderGray: tagBorderGray,
|
|
4601
|
+
tagBorderCoolGray: tagBorderCoolGray,
|
|
4602
|
+
tagBorderWarmGray: tagBorderWarmGray
|
|
4605
4603
|
});
|
|
4606
4604
|
|
|
4607
4605
|
var index$1 = /*#__PURE__*/Object.freeze({
|
|
@@ -5178,15 +5176,17 @@ var contextual = TokenGroup.create({
|
|
|
5178
5176
|
var ai = TokenGroup.create({
|
|
5179
5177
|
name: 'AI',
|
|
5180
5178
|
properties: ['background'],
|
|
5181
|
-
tokens: ['slug-background', 'slug-gradient', 'slug-background-hover', 'slug-gradient-hover', 'slug-hollow-hover',
|
|
5179
|
+
tokens: ['slug-background', 'slug-gradient', 'slug-background-hover', 'slug-gradient-hover', 'slug-hollow-hover',
|
|
5182
5180
|
// Phase 2
|
|
5183
|
-
'
|
|
5181
|
+
'ai-popover-shadow-outer-01', 'ai-popover-shadow-outer-02',
|
|
5184
5182
|
// Linear gradient refactor
|
|
5185
5183
|
'ai-inner-shadow', 'ai-aura-start', 'ai-aura-start-table', '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', 'ai-skeleton-background', 'ai-skeleton-element-background', 'ai-overlay',
|
|
5186
5184
|
// Caret tokens
|
|
5187
|
-
'
|
|
5185
|
+
'ai-popover-caret-center', 'ai-popover-caret-bottom', 'ai-popover-caret-bottom-background', 'ai-popover-caret-bottom-background-actions',
|
|
5188
5186
|
// Chat tokens
|
|
5189
|
-
'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'
|
|
5187
|
+
'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', 'chat-shell-background', 'chat-header-background',
|
|
5188
|
+
// Chat button tokens
|
|
5189
|
+
'chat-button', 'chat-button-hover', 'chat-button-text-hover', 'chat-button-active', 'chat-button-selected', 'chat-button-text-selected']
|
|
5190
5190
|
});
|
|
5191
5191
|
var group = TokenGroup.create({
|
|
5192
5192
|
name: 'All',
|
|
@@ -5228,7 +5228,7 @@ var notification = TokenGroup.create({
|
|
|
5228
5228
|
var tag = TokenGroup.create({
|
|
5229
5229
|
name: 'Tag',
|
|
5230
5230
|
properties: [],
|
|
5231
|
-
tokens: ['tag-background-red', 'tag-color-red', 'tag-hover-red', 'tag-background-magenta', 'tag-color-magenta', 'tag-hover-magenta', 'tag-background-purple', 'tag-color-purple', 'tag-hover-purple', 'tag-background-blue', 'tag-color-blue', 'tag-hover-blue', 'tag-background-cyan', 'tag-color-cyan', 'tag-hover-cyan', 'tag-background-teal', 'tag-color-teal', 'tag-hover-teal', 'tag-background-green', 'tag-color-green', 'tag-hover-green', 'tag-background-gray', 'tag-color-gray', 'tag-hover-gray', 'tag-background-cool-gray', 'tag-color-cool-gray', 'tag-hover-cool-gray', 'tag-background-warm-gray', 'tag-color-warm-gray', 'tag-hover-warm-gray']
|
|
5231
|
+
tokens: ['tag-background-red', 'tag-color-red', 'tag-hover-red', 'tag-background-magenta', 'tag-color-magenta', 'tag-hover-magenta', 'tag-background-purple', 'tag-color-purple', 'tag-hover-purple', 'tag-background-blue', 'tag-color-blue', 'tag-hover-blue', 'tag-background-cyan', 'tag-color-cyan', 'tag-hover-cyan', 'tag-background-teal', 'tag-color-teal', 'tag-hover-teal', 'tag-background-green', 'tag-color-green', 'tag-hover-green', 'tag-background-gray', 'tag-color-gray', 'tag-hover-gray', 'tag-border-red', 'tag-border-blue', 'tag-border-cyan', 'tag-border-teal', 'tag-border-green', 'tag-border-magenta', 'tag-border-purple', 'tag-border-gray', 'tag-border-cool-gray', 'tag-border-warm-gray', 'tag-background-cool-gray', 'tag-color-cool-gray', 'tag-hover-cool-gray', 'tag-background-warm-gray', 'tag-color-warm-gray', 'tag-hover-warm-gray']
|
|
5232
5232
|
});
|
|
5233
5233
|
|
|
5234
5234
|
var components = /*#__PURE__*/Object.freeze({
|
|
@@ -5342,4 +5342,4 @@ var themes = {
|
|
|
5342
5342
|
g100: g100$1
|
|
5343
5343
|
};
|
|
5344
5344
|
|
|
5345
|
-
export { aiAuraEnd$3 as aiAuraEnd, aiAuraHoverBackground$3 as aiAuraHoverBackground, aiAuraHoverEnd$3 as aiAuraHoverEnd, aiAuraHoverStart$3 as aiAuraHoverStart, aiAuraStart$3 as aiAuraStart, aiAuraStartTable$3 as aiAuraStartTable, aiBorderEnd$3 as aiBorderEnd, aiBorderStart$3 as aiBorderStart, aiBorderStrong$3 as aiBorderStrong, aiDropShadow$3 as aiDropShadow,
|
|
5345
|
+
export { aiAuraEnd$3 as aiAuraEnd, aiAuraHoverBackground$3 as aiAuraHoverBackground, aiAuraHoverEnd$3 as aiAuraHoverEnd, aiAuraHoverStart$3 as aiAuraHoverStart, aiAuraStart$3 as aiAuraStart, aiAuraStartTable$3 as aiAuraStartTable, aiBorderEnd$3 as aiBorderEnd, aiBorderStart$3 as aiBorderStart, aiBorderStrong$3 as aiBorderStrong, aiDropShadow$3 as aiDropShadow, aiInnerShadow$3 as aiInnerShadow, aiOverlay$3 as aiOverlay, aiPopoverCaretBottom$3 as aiPopoverCaretBottom, aiPopoverCaretBottomBackground$3 as aiPopoverCaretBottomBackground, aiPopoverCaretBottomBackgroundActions$3 as aiPopoverCaretBottomBackgroundActions, aiPopoverCaretCenter$3 as aiPopoverCaretCenter, aiPopoverShadowOuter01$3 as aiPopoverShadowOuter01, aiPopoverShadowOuter02$3 as aiPopoverShadowOuter02, aiSkeletonBackground$3 as aiSkeletonBackground, aiSkeletonElementBackground$3 as aiSkeletonElementBackground, 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, chatButton$3 as chatButton, chatButtonActive$3 as chatButtonActive, chatButtonHover$3 as chatButtonHover, chatButtonSelected$3 as chatButtonSelected, chatButtonTextHover$3 as chatButtonTextHover, chatButtonTextSelected$3 as chatButtonTextSelected, chatHeaderBackground$3 as chatHeaderBackground, chatPromptBackground$3 as chatPromptBackground, chatPromptBorderEnd$3 as chatPromptBorderEnd, chatPromptBorderStart$3 as chatPromptBorderStart, chatShellBackground$3 as chatShellBackground, 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, 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 };
|