@carbon/themes 11.33.0 → 11.34.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 +78 -118
- package/lib/index.js +79 -123
- package/package.json +2 -2
- package/scss/generated/_themes.scss +60 -84
- package/scss/generated/_tokens.scss +7 -19
- package/src/g10.js +14 -20
- package/src/g100.js +16 -25
- package/src/g90.js +16 -26
- package/src/tokens/v11TokenGroup.js +3 -7
- package/src/white.js +14 -20
- package/umd/index.js +79 -123
package/umd/index.js
CHANGED
|
@@ -687,30 +687,24 @@
|
|
|
687
687
|
var shadow$7 = 'rgba(0, 0, 0, 0.3)';
|
|
688
688
|
|
|
689
689
|
//// AI - Experimental (Use at your own risk)
|
|
690
|
-
// Slug tokens
|
|
691
|
-
var slugBackground$3 = colors$1.gray70;
|
|
692
|
-
var slugGradient$3 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").concat(colors$1.gray40, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
|
|
693
|
-
var slugBackgroundHover$3 = colors$1.gray60;
|
|
694
|
-
var slugGradientHover$3 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").concat(colors$1.gray20Hover, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
|
|
695
|
-
var slugHollowHover$3 = colors$1.gray80Hover;
|
|
696
|
-
|
|
697
690
|
//// Phase 2 - new \\\\
|
|
698
691
|
// Shared
|
|
699
|
-
var aiInnerShadow$3 = colors$1.rgba(colors$1.blue50, 0.
|
|
700
|
-
var
|
|
692
|
+
var aiInnerShadow$3 = colors$1.rgba(colors$1.blue50, 0.1);
|
|
693
|
+
var aiAuraStartSm$3 = colors$1.rgba(colors$1.blue50, 0.16);
|
|
701
694
|
var aiAuraStart$3 = colors$1.rgba(colors$1.blue50, 0.1);
|
|
702
695
|
var aiAuraEnd$3 = colors$1.rgba(colors$1.white, 0);
|
|
703
696
|
var aiBorderStrong$3 = colors$1.blue50;
|
|
704
|
-
var aiBorderStart$3 = colors$1.
|
|
705
|
-
var aiBorderEnd$3 = colors$1.
|
|
706
|
-
var aiDropShadow$3 = colors$1.rgba(colors$1.blue60, 0.
|
|
697
|
+
var aiBorderStart$3 = colors$1.rgba(colors$1.blue30, 0.64);
|
|
698
|
+
var aiBorderEnd$3 = colors$1.blue40;
|
|
699
|
+
var aiDropShadow$3 = colors$1.rgba(colors$1.blue60, 0.1);
|
|
707
700
|
var aiAuraHoverBackground$3 = colors$1.blue10;
|
|
708
|
-
var aiAuraHoverStart$3 = colors$1.rgba(colors$1.blue50, 0.
|
|
701
|
+
var aiAuraHoverStart$3 = colors$1.rgba(colors$1.blue50, 0.32);
|
|
709
702
|
var aiAuraHoverEnd$3 = colors$1.rgba(colors$1.white, 0);
|
|
710
703
|
|
|
711
704
|
// AI Popover
|
|
712
|
-
var
|
|
713
|
-
var
|
|
705
|
+
var aiPopoverBackground$3 = colors$1.white;
|
|
706
|
+
var aiPopoverShadowOuter01$3 = colors$1.rgba(colors$1.blue70, 0.06);
|
|
707
|
+
var aiPopoverShadowOuter02$3 = colors$1.rgba(colors$1.black, 0.04);
|
|
714
708
|
|
|
715
709
|
// AI skeleton
|
|
716
710
|
var aiSkeletonBackground$3 = colors$1.blue20;
|
|
@@ -720,10 +714,10 @@
|
|
|
720
714
|
var aiOverlay$3 = colors$1.rgba(colors$1.blue100, 0.5);
|
|
721
715
|
|
|
722
716
|
// One off tokens for caret
|
|
723
|
-
var aiPopoverCaretCenter$3 = '#
|
|
724
|
-
var aiPopoverCaretBottom$3 = colors$1.
|
|
725
|
-
var aiPopoverCaretBottomBackgroundActions$3 = '#
|
|
726
|
-
var aiPopoverCaretBottomBackground$3 = '#
|
|
717
|
+
var aiPopoverCaretCenter$3 = '#A0C3FF';
|
|
718
|
+
var aiPopoverCaretBottom$3 = colors$1.blue40;
|
|
719
|
+
var aiPopoverCaretBottomBackgroundActions$3 = '#E9EFFA';
|
|
720
|
+
var aiPopoverCaretBottomBackground$3 = '#EAF1FF';
|
|
727
721
|
|
|
728
722
|
// Chat tokens
|
|
729
723
|
var chatPromptBackground$3 = colors$1.white;
|
|
@@ -731,7 +725,7 @@
|
|
|
731
725
|
var chatPromptBorderEnd$3 = colors$1.rgba(colors$1.gray10, 0);
|
|
732
726
|
var chatBubbleUser$3 = colors$1.gray20;
|
|
733
727
|
var chatBubbleAgent$3 = colors$1.white;
|
|
734
|
-
var
|
|
728
|
+
var chatBubbleBorder$3 = colors$1.gray20;
|
|
735
729
|
var chatAvatarBot$3 = colors$1.gray60;
|
|
736
730
|
var chatAvatarAgent$3 = colors$1.gray80;
|
|
737
731
|
var chatAvatarUser$3 = colors$1.blue60;
|
|
@@ -848,13 +842,8 @@
|
|
|
848
842
|
overlay: overlay$7,
|
|
849
843
|
toggleOff: toggleOff$7,
|
|
850
844
|
shadow: shadow$7,
|
|
851
|
-
slugBackground: slugBackground$3,
|
|
852
|
-
slugGradient: slugGradient$3,
|
|
853
|
-
slugBackgroundHover: slugBackgroundHover$3,
|
|
854
|
-
slugGradientHover: slugGradientHover$3,
|
|
855
|
-
slugHollowHover: slugHollowHover$3,
|
|
856
845
|
aiInnerShadow: aiInnerShadow$3,
|
|
857
|
-
|
|
846
|
+
aiAuraStartSm: aiAuraStartSm$3,
|
|
858
847
|
aiAuraStart: aiAuraStart$3,
|
|
859
848
|
aiAuraEnd: aiAuraEnd$3,
|
|
860
849
|
aiBorderStrong: aiBorderStrong$3,
|
|
@@ -864,6 +853,7 @@
|
|
|
864
853
|
aiAuraHoverBackground: aiAuraHoverBackground$3,
|
|
865
854
|
aiAuraHoverStart: aiAuraHoverStart$3,
|
|
866
855
|
aiAuraHoverEnd: aiAuraHoverEnd$3,
|
|
856
|
+
aiPopoverBackground: aiPopoverBackground$3,
|
|
867
857
|
aiPopoverShadowOuter01: aiPopoverShadowOuter01$3,
|
|
868
858
|
aiPopoverShadowOuter02: aiPopoverShadowOuter02$3,
|
|
869
859
|
aiSkeletonBackground: aiSkeletonBackground$3,
|
|
@@ -878,7 +868,7 @@
|
|
|
878
868
|
chatPromptBorderEnd: chatPromptBorderEnd$3,
|
|
879
869
|
chatBubbleUser: chatBubbleUser$3,
|
|
880
870
|
chatBubbleAgent: chatBubbleAgent$3,
|
|
881
|
-
|
|
871
|
+
chatBubbleBorder: chatBubbleBorder$3,
|
|
882
872
|
chatAvatarBot: chatAvatarBot$3,
|
|
883
873
|
chatAvatarAgent: chatAvatarAgent$3,
|
|
884
874
|
chatAvatarUser: chatAvatarUser$3,
|
|
@@ -1128,30 +1118,24 @@
|
|
|
1128
1118
|
var shadow$6 = 'rgba(0, 0, 0, 0.3)';
|
|
1129
1119
|
|
|
1130
1120
|
//// AI - Experimental (Use at your own risk)
|
|
1131
|
-
// Slug tokens
|
|
1132
|
-
var slugBackground$2 = colors$1.gray70;
|
|
1133
|
-
var slugGradient$2 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").concat(colors$1.gray40, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
|
|
1134
|
-
var slugBackgroundHover$2 = colors$1.gray60;
|
|
1135
|
-
var slugGradientHover$2 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").concat(colors$1.gray20Hover, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
|
|
1136
|
-
var slugHollowHover$2 = colors$1.gray80Hover;
|
|
1137
|
-
|
|
1138
1121
|
//// Phase 2 - new \\\\
|
|
1139
1122
|
// Shared
|
|
1140
|
-
var aiInnerShadow$2 = colors$1.rgba(colors$1.blue50, 0.
|
|
1141
|
-
var
|
|
1123
|
+
var aiInnerShadow$2 = colors$1.rgba(colors$1.blue50, 0.1);
|
|
1124
|
+
var aiAuraStartSm$2 = colors$1.rgba(colors$1.blue50, 0.16);
|
|
1142
1125
|
var aiAuraStart$2 = colors$1.rgba(colors$1.blue50, 0.1);
|
|
1143
1126
|
var aiAuraEnd$2 = colors$1.rgba(colors$1.white, 0);
|
|
1144
1127
|
var aiBorderStrong$2 = colors$1.blue50;
|
|
1145
|
-
var aiBorderStart$2 = colors$1.
|
|
1146
|
-
var aiBorderEnd$2 = colors$1.
|
|
1147
|
-
var aiDropShadow$2 = colors$1.rgba(colors$1.blue60, 0.
|
|
1128
|
+
var aiBorderStart$2 = colors$1.rgba(colors$1.blue30, 0.64);
|
|
1129
|
+
var aiBorderEnd$2 = colors$1.blue40;
|
|
1130
|
+
var aiDropShadow$2 = colors$1.rgba(colors$1.blue60, 0.1);
|
|
1148
1131
|
var aiAuraHoverBackground$2 = colors$1.blue10;
|
|
1149
|
-
var aiAuraHoverStart$2 = colors$1.rgba(colors$1.blue50, 0.
|
|
1132
|
+
var aiAuraHoverStart$2 = colors$1.rgba(colors$1.blue50, 0.32);
|
|
1150
1133
|
var aiAuraHoverEnd$2 = colors$1.rgba(colors$1.white, 0);
|
|
1151
1134
|
|
|
1152
1135
|
// AI Popover
|
|
1153
|
-
var
|
|
1154
|
-
var
|
|
1136
|
+
var aiPopoverBackground$2 = colors$1.white;
|
|
1137
|
+
var aiPopoverShadowOuter01$2 = colors$1.rgba(colors$1.blue70, 0.06);
|
|
1138
|
+
var aiPopoverShadowOuter02$2 = colors$1.rgba(colors$1.black, 0.04);
|
|
1155
1139
|
|
|
1156
1140
|
// AI skeleton
|
|
1157
1141
|
var aiSkeletonBackground$2 = colors$1.blue20;
|
|
@@ -1161,10 +1145,10 @@
|
|
|
1161
1145
|
var aiOverlay$2 = colors$1.rgba(colors$1.blue100, 0.5);
|
|
1162
1146
|
|
|
1163
1147
|
// One off tokens for caret
|
|
1164
|
-
var aiPopoverCaretCenter$2 = '#
|
|
1165
|
-
var aiPopoverCaretBottom$2 = colors$1.
|
|
1166
|
-
var aiPopoverCaretBottomBackgroundActions$2 = '#
|
|
1167
|
-
var aiPopoverCaretBottomBackground$2 = '#
|
|
1148
|
+
var aiPopoverCaretCenter$2 = '#A0C3FF';
|
|
1149
|
+
var aiPopoverCaretBottom$2 = colors$1.blue40;
|
|
1150
|
+
var aiPopoverCaretBottomBackgroundActions$2 = '#E9EFFA';
|
|
1151
|
+
var aiPopoverCaretBottomBackground$2 = '#EAF1FF';
|
|
1168
1152
|
|
|
1169
1153
|
// Chat tokens
|
|
1170
1154
|
var chatPromptBackground$2 = colors$1.white;
|
|
@@ -1172,7 +1156,7 @@
|
|
|
1172
1156
|
var chatPromptBorderEnd$2 = colors$1.rgba(colors$1.gray10, 0);
|
|
1173
1157
|
var chatBubbleUser$2 = colors$1.gray20;
|
|
1174
1158
|
var chatBubbleAgent$2 = colors$1.white;
|
|
1175
|
-
var
|
|
1159
|
+
var chatBubbleBorder$2 = colors$1.gray20;
|
|
1176
1160
|
var chatAvatarBot$2 = colors$1.gray60;
|
|
1177
1161
|
var chatAvatarAgent$2 = colors$1.gray80;
|
|
1178
1162
|
var chatAvatarUser$2 = colors$1.blue60;
|
|
@@ -1289,13 +1273,8 @@
|
|
|
1289
1273
|
overlay: overlay$6,
|
|
1290
1274
|
toggleOff: toggleOff$6,
|
|
1291
1275
|
shadow: shadow$6,
|
|
1292
|
-
slugBackground: slugBackground$2,
|
|
1293
|
-
slugGradient: slugGradient$2,
|
|
1294
|
-
slugBackgroundHover: slugBackgroundHover$2,
|
|
1295
|
-
slugGradientHover: slugGradientHover$2,
|
|
1296
|
-
slugHollowHover: slugHollowHover$2,
|
|
1297
1276
|
aiInnerShadow: aiInnerShadow$2,
|
|
1298
|
-
|
|
1277
|
+
aiAuraStartSm: aiAuraStartSm$2,
|
|
1299
1278
|
aiAuraStart: aiAuraStart$2,
|
|
1300
1279
|
aiAuraEnd: aiAuraEnd$2,
|
|
1301
1280
|
aiBorderStrong: aiBorderStrong$2,
|
|
@@ -1305,6 +1284,7 @@
|
|
|
1305
1284
|
aiAuraHoverBackground: aiAuraHoverBackground$2,
|
|
1306
1285
|
aiAuraHoverStart: aiAuraHoverStart$2,
|
|
1307
1286
|
aiAuraHoverEnd: aiAuraHoverEnd$2,
|
|
1287
|
+
aiPopoverBackground: aiPopoverBackground$2,
|
|
1308
1288
|
aiPopoverShadowOuter01: aiPopoverShadowOuter01$2,
|
|
1309
1289
|
aiPopoverShadowOuter02: aiPopoverShadowOuter02$2,
|
|
1310
1290
|
aiSkeletonBackground: aiSkeletonBackground$2,
|
|
@@ -1319,7 +1299,7 @@
|
|
|
1319
1299
|
chatPromptBorderEnd: chatPromptBorderEnd$2,
|
|
1320
1300
|
chatBubbleUser: chatBubbleUser$2,
|
|
1321
1301
|
chatBubbleAgent: chatBubbleAgent$2,
|
|
1322
|
-
|
|
1302
|
+
chatBubbleBorder: chatBubbleBorder$2,
|
|
1323
1303
|
chatAvatarBot: chatAvatarBot$2,
|
|
1324
1304
|
chatAvatarAgent: chatAvatarAgent$2,
|
|
1325
1305
|
chatAvatarUser: chatAvatarUser$2,
|
|
@@ -1569,43 +1549,37 @@
|
|
|
1569
1549
|
var shadow$5 = colors$1.rgba(colors$1.black, 0.8);
|
|
1570
1550
|
|
|
1571
1551
|
//// AI - Experimental (Use at your own risk)
|
|
1572
|
-
// Slug tokens
|
|
1573
|
-
var slugBackground$1 = colors$1.gray30;
|
|
1574
|
-
var slugGradient$1 = "".concat(colors$1.gray50, " linear-gradient(135deg, ").concat(colors$1.gray10, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
|
|
1575
|
-
var slugBackgroundHover$1 = colors$1.gray20;
|
|
1576
|
-
var slugGradientHover$1 = "".concat(colors$1.gray40, " linear-gradient(135deg, ").concat(colors$1.white, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
|
|
1577
|
-
var slugHollowHover$1 = colors$1.gray30Hover;
|
|
1578
|
-
|
|
1579
1552
|
//// Phase 2 - new \\\\
|
|
1580
1553
|
// Shared
|
|
1581
|
-
var aiInnerShadow$1 = colors$1.rgba(colors$1.blue50, 0.
|
|
1582
|
-
var
|
|
1554
|
+
var aiInnerShadow$1 = colors$1.rgba(colors$1.blue50, 0.16);
|
|
1555
|
+
var aiAuraStartSm$1 = colors$1.rgba(colors$1.blue50, 0.16);
|
|
1583
1556
|
var aiAuraStart$1 = colors$1.rgba(colors$1.blue50, 0.1);
|
|
1584
1557
|
var aiAuraEnd$1 = colors$1.rgba(colors$1.black, 0);
|
|
1585
1558
|
var aiBorderStrong$1 = colors$1.blue40;
|
|
1586
|
-
var aiBorderStart$1 = colors$1.
|
|
1587
|
-
var aiBorderEnd$1 = colors$1.
|
|
1588
|
-
var aiDropShadow$1 = colors$1.rgba(colors$1.
|
|
1559
|
+
var aiBorderStart$1 = colors$1.rgba(colors$1.blue30, 0.36);
|
|
1560
|
+
var aiBorderEnd$1 = colors$1.blue50;
|
|
1561
|
+
var aiDropShadow$1 = colors$1.rgba(colors$1.black, 0.28);
|
|
1589
1562
|
var aiAuraHoverBackground$1 = layerHover01$1;
|
|
1590
1563
|
var aiAuraHoverStart$1 = colors$1.rgba(colors$1.blue50, 0.4);
|
|
1591
1564
|
var aiAuraHoverEnd$1 = colors$1.rgba(colors$1.black, 0);
|
|
1592
1565
|
|
|
1593
1566
|
// AI Popover
|
|
1594
|
-
var
|
|
1595
|
-
var
|
|
1567
|
+
var aiPopoverBackground$1 = colors$1.gray100;
|
|
1568
|
+
var aiPopoverShadowOuter01$1 = colors$1.rgba(colors$1.black, 0.12);
|
|
1569
|
+
var aiPopoverShadowOuter02$1 = colors$1.rgba(colors$1.black, 0.08);
|
|
1596
1570
|
|
|
1597
1571
|
// AI skeleton
|
|
1598
|
-
var aiSkeletonBackground$1 = colors$1.
|
|
1599
|
-
var aiSkeletonElementBackground$1 = colors$1.
|
|
1572
|
+
var aiSkeletonBackground$1 = colors$1.rgba(colors$1.blue40, 0.5);
|
|
1573
|
+
var aiSkeletonElementBackground$1 = colors$1.rgba(colors$1.blue40, 0.3);
|
|
1600
1574
|
|
|
1601
1575
|
// AI Modal tokens
|
|
1602
|
-
var aiOverlay$1 = colors$1.rgba(colors$1.
|
|
1576
|
+
var aiOverlay$1 = colors$1.rgba(colors$1.black, 0.5);
|
|
1603
1577
|
|
|
1604
1578
|
// One off tokens for caret
|
|
1605
|
-
var aiPopoverCaretCenter$1 = '#
|
|
1606
|
-
var aiPopoverCaretBottom$1 =
|
|
1607
|
-
var aiPopoverCaretBottomBackgroundActions$1 = '#
|
|
1608
|
-
var aiPopoverCaretBottomBackground$1 = '#
|
|
1579
|
+
var aiPopoverCaretCenter$1 = '#4870B5';
|
|
1580
|
+
var aiPopoverCaretBottom$1 = colors$1.blue50;
|
|
1581
|
+
var aiPopoverCaretBottomBackgroundActions$1 = '#1E283A';
|
|
1582
|
+
var aiPopoverCaretBottomBackground$1 = '#202D45';
|
|
1609
1583
|
|
|
1610
1584
|
// Chat tokens
|
|
1611
1585
|
var chatPromptBackground$1 = colors$1.gray100;
|
|
@@ -1613,7 +1587,7 @@
|
|
|
1613
1587
|
var chatPromptBorderEnd$1 = colors$1.rgba(colors$1.gray90, 0);
|
|
1614
1588
|
var chatBubbleUser$1 = colors$1.gray80;
|
|
1615
1589
|
var chatBubbleAgent$1 = colors$1.gray90;
|
|
1616
|
-
var
|
|
1590
|
+
var chatBubbleBorder$1 = colors$1.gray70;
|
|
1617
1591
|
var chatAvatarBot$1 = colors$1.gray50;
|
|
1618
1592
|
var chatAvatarAgent$1 = colors$1.gray30;
|
|
1619
1593
|
var chatAvatarUser$1 = colors$1.blue50;
|
|
@@ -1730,13 +1704,8 @@
|
|
|
1730
1704
|
overlay: overlay$5,
|
|
1731
1705
|
toggleOff: toggleOff$5,
|
|
1732
1706
|
shadow: shadow$5,
|
|
1733
|
-
slugBackground: slugBackground$1,
|
|
1734
|
-
slugGradient: slugGradient$1,
|
|
1735
|
-
slugBackgroundHover: slugBackgroundHover$1,
|
|
1736
|
-
slugGradientHover: slugGradientHover$1,
|
|
1737
|
-
slugHollowHover: slugHollowHover$1,
|
|
1738
1707
|
aiInnerShadow: aiInnerShadow$1,
|
|
1739
|
-
|
|
1708
|
+
aiAuraStartSm: aiAuraStartSm$1,
|
|
1740
1709
|
aiAuraStart: aiAuraStart$1,
|
|
1741
1710
|
aiAuraEnd: aiAuraEnd$1,
|
|
1742
1711
|
aiBorderStrong: aiBorderStrong$1,
|
|
@@ -1746,6 +1715,7 @@
|
|
|
1746
1715
|
aiAuraHoverBackground: aiAuraHoverBackground$1,
|
|
1747
1716
|
aiAuraHoverStart: aiAuraHoverStart$1,
|
|
1748
1717
|
aiAuraHoverEnd: aiAuraHoverEnd$1,
|
|
1718
|
+
aiPopoverBackground: aiPopoverBackground$1,
|
|
1749
1719
|
aiPopoverShadowOuter01: aiPopoverShadowOuter01$1,
|
|
1750
1720
|
aiPopoverShadowOuter02: aiPopoverShadowOuter02$1,
|
|
1751
1721
|
aiSkeletonBackground: aiSkeletonBackground$1,
|
|
@@ -1760,7 +1730,7 @@
|
|
|
1760
1730
|
chatPromptBorderEnd: chatPromptBorderEnd$1,
|
|
1761
1731
|
chatBubbleUser: chatBubbleUser$1,
|
|
1762
1732
|
chatBubbleAgent: chatBubbleAgent$1,
|
|
1763
|
-
|
|
1733
|
+
chatBubbleBorder: chatBubbleBorder$1,
|
|
1764
1734
|
chatAvatarBot: chatAvatarBot$1,
|
|
1765
1735
|
chatAvatarAgent: chatAvatarAgent$1,
|
|
1766
1736
|
chatAvatarUser: chatAvatarUser$1,
|
|
@@ -2010,43 +1980,37 @@
|
|
|
2010
1980
|
var shadow$4 = colors$1.rgba(colors$1.black, 0.8);
|
|
2011
1981
|
|
|
2012
1982
|
//// AI - Experimental (Use at your own risk)
|
|
2013
|
-
// Slug tokens
|
|
2014
|
-
var slugBackground = colors$1.gray30;
|
|
2015
|
-
var slugGradient = "".concat(colors$1.gray50, " linear-gradient(135deg, ").concat(colors$1.gray10, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
|
|
2016
|
-
var slugBackgroundHover = colors$1.gray20;
|
|
2017
|
-
var slugGradientHover = "".concat(colors$1.gray40, " linear-gradient(135deg, ").concat(colors$1.white, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
|
|
2018
|
-
var slugHollowHover = colors$1.gray30Hover;
|
|
2019
|
-
|
|
2020
1983
|
//// Phase 2 - new \\\\
|
|
2021
1984
|
// Shared
|
|
2022
|
-
var aiInnerShadow = colors$1.rgba(colors$1.blue50, 0.
|
|
2023
|
-
var
|
|
1985
|
+
var aiInnerShadow = colors$1.rgba(colors$1.blue50, 0.16);
|
|
1986
|
+
var aiAuraStartSm = colors$1.rgba(colors$1.blue50, 0.16);
|
|
2024
1987
|
var aiAuraStart = colors$1.rgba(colors$1.blue50, 0.1);
|
|
2025
1988
|
var aiAuraEnd = colors$1.rgba(colors$1.black, 0);
|
|
2026
1989
|
var aiBorderStrong = colors$1.blue40;
|
|
2027
|
-
var aiBorderStart = colors$1.
|
|
2028
|
-
var aiBorderEnd = colors$1.
|
|
2029
|
-
var aiDropShadow = colors$1.rgba(colors$1.
|
|
1990
|
+
var aiBorderStart = colors$1.rgba(colors$1.blue30, 0.36);
|
|
1991
|
+
var aiBorderEnd = colors$1.blue50;
|
|
1992
|
+
var aiDropShadow = colors$1.rgba(colors$1.black, 0.28);
|
|
2030
1993
|
var aiAuraHoverBackground = layerHover01;
|
|
2031
1994
|
var aiAuraHoverStart = colors$1.rgba(colors$1.blue50, 0.4);
|
|
2032
1995
|
var aiAuraHoverEnd = colors$1.rgba(colors$1.black, 0);
|
|
2033
1996
|
|
|
2034
1997
|
// AI Popover
|
|
2035
|
-
var
|
|
2036
|
-
var
|
|
1998
|
+
var aiPopoverBackground = colors$1.gray100;
|
|
1999
|
+
var aiPopoverShadowOuter01 = colors$1.rgba(colors$1.black, 0.12);
|
|
2000
|
+
var aiPopoverShadowOuter02 = colors$1.rgba(colors$1.black, 0.08);
|
|
2037
2001
|
|
|
2038
2002
|
// AI skeleton
|
|
2039
|
-
var aiSkeletonBackground = colors$1.
|
|
2040
|
-
var aiSkeletonElementBackground = colors$1.
|
|
2003
|
+
var aiSkeletonBackground = colors$1.rgba(colors$1.blue40, 0.5);
|
|
2004
|
+
var aiSkeletonElementBackground = colors$1.rgba(colors$1.blue40, 0.3);
|
|
2041
2005
|
|
|
2042
2006
|
// AI Modal tokens
|
|
2043
|
-
var aiOverlay = colors$1.rgba(colors$1.
|
|
2007
|
+
var aiOverlay = colors$1.rgba(colors$1.black, 0.5);
|
|
2044
2008
|
|
|
2045
2009
|
// One off tokens for caret
|
|
2046
|
-
var aiPopoverCaretCenter = '#
|
|
2047
|
-
var aiPopoverCaretBottom =
|
|
2048
|
-
var aiPopoverCaretBottomBackgroundActions = '#
|
|
2049
|
-
var aiPopoverCaretBottomBackground = '#
|
|
2010
|
+
var aiPopoverCaretCenter = '#4870B5';
|
|
2011
|
+
var aiPopoverCaretBottom = colors$1.blue50;
|
|
2012
|
+
var aiPopoverCaretBottomBackgroundActions = '#1E283A';
|
|
2013
|
+
var aiPopoverCaretBottomBackground = '#202D45';
|
|
2050
2014
|
|
|
2051
2015
|
// Chat tokens
|
|
2052
2016
|
var chatPromptBackground = colors$1.gray100;
|
|
@@ -2054,7 +2018,7 @@
|
|
|
2054
2018
|
var chatPromptBorderEnd = colors$1.rgba(colors$1.gray90, 0);
|
|
2055
2019
|
var chatBubbleUser = colors$1.gray80;
|
|
2056
2020
|
var chatBubbleAgent = colors$1.gray90;
|
|
2057
|
-
var
|
|
2021
|
+
var chatBubbleBorder = colors$1.gray70;
|
|
2058
2022
|
var chatAvatarBot = colors$1.gray50;
|
|
2059
2023
|
var chatAvatarAgent = colors$1.gray30;
|
|
2060
2024
|
var chatAvatarUser = colors$1.blue50;
|
|
@@ -2171,13 +2135,8 @@
|
|
|
2171
2135
|
overlay: overlay$4,
|
|
2172
2136
|
toggleOff: toggleOff$4,
|
|
2173
2137
|
shadow: shadow$4,
|
|
2174
|
-
slugBackground: slugBackground,
|
|
2175
|
-
slugGradient: slugGradient,
|
|
2176
|
-
slugBackgroundHover: slugBackgroundHover,
|
|
2177
|
-
slugGradientHover: slugGradientHover,
|
|
2178
|
-
slugHollowHover: slugHollowHover,
|
|
2179
2138
|
aiInnerShadow: aiInnerShadow,
|
|
2180
|
-
|
|
2139
|
+
aiAuraStartSm: aiAuraStartSm,
|
|
2181
2140
|
aiAuraStart: aiAuraStart,
|
|
2182
2141
|
aiAuraEnd: aiAuraEnd,
|
|
2183
2142
|
aiBorderStrong: aiBorderStrong,
|
|
@@ -2187,6 +2146,7 @@
|
|
|
2187
2146
|
aiAuraHoverBackground: aiAuraHoverBackground,
|
|
2188
2147
|
aiAuraHoverStart: aiAuraHoverStart,
|
|
2189
2148
|
aiAuraHoverEnd: aiAuraHoverEnd,
|
|
2149
|
+
aiPopoverBackground: aiPopoverBackground,
|
|
2190
2150
|
aiPopoverShadowOuter01: aiPopoverShadowOuter01,
|
|
2191
2151
|
aiPopoverShadowOuter02: aiPopoverShadowOuter02,
|
|
2192
2152
|
aiSkeletonBackground: aiSkeletonBackground,
|
|
@@ -2201,7 +2161,7 @@
|
|
|
2201
2161
|
chatPromptBorderEnd: chatPromptBorderEnd,
|
|
2202
2162
|
chatBubbleUser: chatBubbleUser,
|
|
2203
2163
|
chatBubbleAgent: chatBubbleAgent,
|
|
2204
|
-
|
|
2164
|
+
chatBubbleBorder: chatBubbleBorder,
|
|
2205
2165
|
chatAvatarBot: chatAvatarBot,
|
|
2206
2166
|
chatAvatarAgent: chatAvatarAgent,
|
|
2207
2167
|
chatAvatarUser: chatAvatarUser,
|
|
@@ -5179,15 +5139,15 @@
|
|
|
5179
5139
|
var ai = TokenGroup.create({
|
|
5180
5140
|
name: 'AI',
|
|
5181
5141
|
properties: ['background'],
|
|
5182
|
-
tokens: [
|
|
5142
|
+
tokens: [
|
|
5183
5143
|
// Phase 2
|
|
5184
|
-
'ai-popover-shadow-outer-01', 'ai-popover-shadow-outer-02',
|
|
5144
|
+
'ai-popover-background', 'ai-popover-shadow-outer-01', 'ai-popover-shadow-outer-02',
|
|
5185
5145
|
// Linear gradient refactor
|
|
5186
|
-
'ai-inner-shadow', 'ai-aura-start', 'ai-aura-start
|
|
5146
|
+
'ai-inner-shadow', 'ai-aura-start-sm', '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', 'ai-skeleton-background', 'ai-skeleton-element-background', 'ai-overlay',
|
|
5187
5147
|
// Caret tokens
|
|
5188
5148
|
'ai-popover-caret-center', 'ai-popover-caret-bottom', 'ai-popover-caret-bottom-background', 'ai-popover-caret-bottom-background-actions',
|
|
5189
5149
|
// Chat tokens
|
|
5190
|
-
'chat-prompt-background', 'chat-prompt-border-start', 'chat-prompt-border-end', 'chat-bubble-user', 'chat-bubble-agent', 'chat-bubble-
|
|
5150
|
+
'chat-prompt-background', 'chat-prompt-border-start', 'chat-prompt-border-end', 'chat-bubble-user', 'chat-bubble-agent', 'chat-bubble-border', 'chat-avatar-bot', 'chat-avatar-agent', 'chat-avatar-user', 'chat-shell-background', 'chat-header-background',
|
|
5191
5151
|
// Chat button tokens
|
|
5192
5152
|
'chat-button', 'chat-button-hover', 'chat-button-text-hover', 'chat-button-active', 'chat-button-selected', 'chat-button-text-selected']
|
|
5193
5153
|
});
|
|
@@ -5634,13 +5594,14 @@
|
|
|
5634
5594
|
exports.aiAuraHoverEnd = aiAuraHoverEnd$3;
|
|
5635
5595
|
exports.aiAuraHoverStart = aiAuraHoverStart$3;
|
|
5636
5596
|
exports.aiAuraStart = aiAuraStart$3;
|
|
5637
|
-
exports.
|
|
5597
|
+
exports.aiAuraStartSm = aiAuraStartSm$3;
|
|
5638
5598
|
exports.aiBorderEnd = aiBorderEnd$3;
|
|
5639
5599
|
exports.aiBorderStart = aiBorderStart$3;
|
|
5640
5600
|
exports.aiBorderStrong = aiBorderStrong$3;
|
|
5641
5601
|
exports.aiDropShadow = aiDropShadow$3;
|
|
5642
5602
|
exports.aiInnerShadow = aiInnerShadow$3;
|
|
5643
5603
|
exports.aiOverlay = aiOverlay$3;
|
|
5604
|
+
exports.aiPopoverBackground = aiPopoverBackground$3;
|
|
5644
5605
|
exports.aiPopoverCaretBottom = aiPopoverCaretBottom$3;
|
|
5645
5606
|
exports.aiPopoverCaretBottomBackground = aiPopoverCaretBottomBackground$3;
|
|
5646
5607
|
exports.aiPopoverCaretBottomBackgroundActions = aiPopoverCaretBottomBackgroundActions$3;
|
|
@@ -5678,7 +5639,7 @@
|
|
|
5678
5639
|
exports.chatAvatarBot = chatAvatarBot$3;
|
|
5679
5640
|
exports.chatAvatarUser = chatAvatarUser$3;
|
|
5680
5641
|
exports.chatBubbleAgent = chatBubbleAgent$3;
|
|
5681
|
-
exports.
|
|
5642
|
+
exports.chatBubbleBorder = chatBubbleBorder$3;
|
|
5682
5643
|
exports.chatBubbleUser = chatBubbleUser$3;
|
|
5683
5644
|
exports.chatButton = chatButton$3;
|
|
5684
5645
|
exports.chatButtonActive = chatButtonActive$3;
|
|
@@ -5751,11 +5712,6 @@
|
|
|
5751
5712
|
exports.shadow = shadow$7;
|
|
5752
5713
|
exports.skeletonBackground = skeletonBackground$7;
|
|
5753
5714
|
exports.skeletonElement = skeletonElement$7;
|
|
5754
|
-
exports.slugBackground = slugBackground$3;
|
|
5755
|
-
exports.slugBackgroundHover = slugBackgroundHover$3;
|
|
5756
|
-
exports.slugGradient = slugGradient$3;
|
|
5757
|
-
exports.slugGradientHover = slugGradientHover$3;
|
|
5758
|
-
exports.slugHollowHover = slugHollowHover$3;
|
|
5759
5715
|
exports.supportCautionMajor = supportCautionMajor$3;
|
|
5760
5716
|
exports.supportCautionMinor = supportCautionMinor$3;
|
|
5761
5717
|
exports.supportCautionUndefined = supportCautionUndefined$3;
|