@carbon/themes 11.33.0 → 11.33.1
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/lib/index.js
CHANGED
|
@@ -690,30 +690,24 @@ var toggleOff$7 = colors$1.gray50;
|
|
|
690
690
|
var shadow$7 = 'rgba(0, 0, 0, 0.3)';
|
|
691
691
|
|
|
692
692
|
//// AI - Experimental (Use at your own risk)
|
|
693
|
-
// Slug tokens
|
|
694
|
-
var slugBackground$3 = colors$1.gray70;
|
|
695
|
-
var slugGradient$3 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").concat(colors$1.gray40, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
|
|
696
|
-
var slugBackgroundHover$3 = colors$1.gray60;
|
|
697
|
-
var slugGradientHover$3 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").concat(colors$1.gray20Hover, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
|
|
698
|
-
var slugHollowHover$3 = colors$1.gray80Hover;
|
|
699
|
-
|
|
700
693
|
//// Phase 2 - new \\\\
|
|
701
694
|
// Shared
|
|
702
|
-
var aiInnerShadow$3 = colors$1.rgba(colors$1.blue50, 0.
|
|
703
|
-
var
|
|
695
|
+
var aiInnerShadow$3 = colors$1.rgba(colors$1.blue50, 0.1);
|
|
696
|
+
var aiAuraStartSm$3 = colors$1.rgba(colors$1.blue50, 0.16);
|
|
704
697
|
var aiAuraStart$3 = colors$1.rgba(colors$1.blue50, 0.1);
|
|
705
698
|
var aiAuraEnd$3 = colors$1.rgba(colors$1.white, 0);
|
|
706
699
|
var aiBorderStrong$3 = colors$1.blue50;
|
|
707
|
-
var aiBorderStart$3 = colors$1.
|
|
708
|
-
var aiBorderEnd$3 = colors$1.
|
|
709
|
-
var aiDropShadow$3 = colors$1.rgba(colors$1.blue60, 0.
|
|
700
|
+
var aiBorderStart$3 = colors$1.rgba(colors$1.blue30, 0.64);
|
|
701
|
+
var aiBorderEnd$3 = colors$1.blue40;
|
|
702
|
+
var aiDropShadow$3 = colors$1.rgba(colors$1.blue60, 0.1);
|
|
710
703
|
var aiAuraHoverBackground$3 = colors$1.blue10;
|
|
711
|
-
var aiAuraHoverStart$3 = colors$1.rgba(colors$1.blue50, 0.
|
|
704
|
+
var aiAuraHoverStart$3 = colors$1.rgba(colors$1.blue50, 0.32);
|
|
712
705
|
var aiAuraHoverEnd$3 = colors$1.rgba(colors$1.white, 0);
|
|
713
706
|
|
|
714
707
|
// AI Popover
|
|
715
|
-
var
|
|
716
|
-
var
|
|
708
|
+
var aiPopoverBackground$3 = colors$1.white;
|
|
709
|
+
var aiPopoverShadowOuter01$3 = colors$1.rgba(colors$1.blue70, 0.06);
|
|
710
|
+
var aiPopoverShadowOuter02$3 = colors$1.rgba(colors$1.black, 0.04);
|
|
717
711
|
|
|
718
712
|
// AI skeleton
|
|
719
713
|
var aiSkeletonBackground$3 = colors$1.blue20;
|
|
@@ -723,10 +717,10 @@ var aiSkeletonElementBackground$3 = colors$1.blue50;
|
|
|
723
717
|
var aiOverlay$3 = colors$1.rgba(colors$1.blue100, 0.5);
|
|
724
718
|
|
|
725
719
|
// One off tokens for caret
|
|
726
|
-
var aiPopoverCaretCenter$3 = '#
|
|
727
|
-
var aiPopoverCaretBottom$3 = colors$1.
|
|
728
|
-
var aiPopoverCaretBottomBackgroundActions$3 = '#
|
|
729
|
-
var aiPopoverCaretBottomBackground$3 = '#
|
|
720
|
+
var aiPopoverCaretCenter$3 = '#A0C3FF';
|
|
721
|
+
var aiPopoverCaretBottom$3 = colors$1.blue40;
|
|
722
|
+
var aiPopoverCaretBottomBackgroundActions$3 = '#E9EFFA';
|
|
723
|
+
var aiPopoverCaretBottomBackground$3 = '#EAF1FF';
|
|
730
724
|
|
|
731
725
|
// Chat tokens
|
|
732
726
|
var chatPromptBackground$3 = colors$1.white;
|
|
@@ -734,7 +728,7 @@ var chatPromptBorderStart$3 = colors$1.gray10;
|
|
|
734
728
|
var chatPromptBorderEnd$3 = colors$1.rgba(colors$1.gray10, 0);
|
|
735
729
|
var chatBubbleUser$3 = colors$1.gray20;
|
|
736
730
|
var chatBubbleAgent$3 = colors$1.white;
|
|
737
|
-
var
|
|
731
|
+
var chatBubbleBorder$3 = colors$1.gray20;
|
|
738
732
|
var chatAvatarBot$3 = colors$1.gray60;
|
|
739
733
|
var chatAvatarAgent$3 = colors$1.gray80;
|
|
740
734
|
var chatAvatarUser$3 = colors$1.blue60;
|
|
@@ -851,13 +845,8 @@ var white$1 = /*#__PURE__*/Object.freeze({
|
|
|
851
845
|
overlay: overlay$7,
|
|
852
846
|
toggleOff: toggleOff$7,
|
|
853
847
|
shadow: shadow$7,
|
|
854
|
-
slugBackground: slugBackground$3,
|
|
855
|
-
slugGradient: slugGradient$3,
|
|
856
|
-
slugBackgroundHover: slugBackgroundHover$3,
|
|
857
|
-
slugGradientHover: slugGradientHover$3,
|
|
858
|
-
slugHollowHover: slugHollowHover$3,
|
|
859
848
|
aiInnerShadow: aiInnerShadow$3,
|
|
860
|
-
|
|
849
|
+
aiAuraStartSm: aiAuraStartSm$3,
|
|
861
850
|
aiAuraStart: aiAuraStart$3,
|
|
862
851
|
aiAuraEnd: aiAuraEnd$3,
|
|
863
852
|
aiBorderStrong: aiBorderStrong$3,
|
|
@@ -867,6 +856,7 @@ var white$1 = /*#__PURE__*/Object.freeze({
|
|
|
867
856
|
aiAuraHoverBackground: aiAuraHoverBackground$3,
|
|
868
857
|
aiAuraHoverStart: aiAuraHoverStart$3,
|
|
869
858
|
aiAuraHoverEnd: aiAuraHoverEnd$3,
|
|
859
|
+
aiPopoverBackground: aiPopoverBackground$3,
|
|
870
860
|
aiPopoverShadowOuter01: aiPopoverShadowOuter01$3,
|
|
871
861
|
aiPopoverShadowOuter02: aiPopoverShadowOuter02$3,
|
|
872
862
|
aiSkeletonBackground: aiSkeletonBackground$3,
|
|
@@ -881,7 +871,7 @@ var white$1 = /*#__PURE__*/Object.freeze({
|
|
|
881
871
|
chatPromptBorderEnd: chatPromptBorderEnd$3,
|
|
882
872
|
chatBubbleUser: chatBubbleUser$3,
|
|
883
873
|
chatBubbleAgent: chatBubbleAgent$3,
|
|
884
|
-
|
|
874
|
+
chatBubbleBorder: chatBubbleBorder$3,
|
|
885
875
|
chatAvatarBot: chatAvatarBot$3,
|
|
886
876
|
chatAvatarAgent: chatAvatarAgent$3,
|
|
887
877
|
chatAvatarUser: chatAvatarUser$3,
|
|
@@ -1131,30 +1121,24 @@ var toggleOff$6 = colors$1.gray50;
|
|
|
1131
1121
|
var shadow$6 = 'rgba(0, 0, 0, 0.3)';
|
|
1132
1122
|
|
|
1133
1123
|
//// AI - Experimental (Use at your own risk)
|
|
1134
|
-
// Slug tokens
|
|
1135
|
-
var slugBackground$2 = colors$1.gray70;
|
|
1136
|
-
var slugGradient$2 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").concat(colors$1.gray40, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
|
|
1137
|
-
var slugBackgroundHover$2 = colors$1.gray60;
|
|
1138
|
-
var slugGradientHover$2 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").concat(colors$1.gray20Hover, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
|
|
1139
|
-
var slugHollowHover$2 = colors$1.gray80Hover;
|
|
1140
|
-
|
|
1141
1124
|
//// Phase 2 - new \\\\
|
|
1142
1125
|
// Shared
|
|
1143
|
-
var aiInnerShadow$2 = colors$1.rgba(colors$1.blue50, 0.
|
|
1144
|
-
var
|
|
1126
|
+
var aiInnerShadow$2 = colors$1.rgba(colors$1.blue50, 0.1);
|
|
1127
|
+
var aiAuraStartSm$2 = colors$1.rgba(colors$1.blue50, 0.16);
|
|
1145
1128
|
var aiAuraStart$2 = colors$1.rgba(colors$1.blue50, 0.1);
|
|
1146
1129
|
var aiAuraEnd$2 = colors$1.rgba(colors$1.white, 0);
|
|
1147
1130
|
var aiBorderStrong$2 = colors$1.blue50;
|
|
1148
|
-
var aiBorderStart$2 = colors$1.
|
|
1149
|
-
var aiBorderEnd$2 = colors$1.
|
|
1150
|
-
var aiDropShadow$2 = colors$1.rgba(colors$1.blue60, 0.
|
|
1131
|
+
var aiBorderStart$2 = colors$1.rgba(colors$1.blue30, 0.64);
|
|
1132
|
+
var aiBorderEnd$2 = colors$1.blue40;
|
|
1133
|
+
var aiDropShadow$2 = colors$1.rgba(colors$1.blue60, 0.1);
|
|
1151
1134
|
var aiAuraHoverBackground$2 = colors$1.blue10;
|
|
1152
|
-
var aiAuraHoverStart$2 = colors$1.rgba(colors$1.blue50, 0.
|
|
1135
|
+
var aiAuraHoverStart$2 = colors$1.rgba(colors$1.blue50, 0.32);
|
|
1153
1136
|
var aiAuraHoverEnd$2 = colors$1.rgba(colors$1.white, 0);
|
|
1154
1137
|
|
|
1155
1138
|
// AI Popover
|
|
1156
|
-
var
|
|
1157
|
-
var
|
|
1139
|
+
var aiPopoverBackground$2 = colors$1.white;
|
|
1140
|
+
var aiPopoverShadowOuter01$2 = colors$1.rgba(colors$1.blue70, 0.06);
|
|
1141
|
+
var aiPopoverShadowOuter02$2 = colors$1.rgba(colors$1.black, 0.04);
|
|
1158
1142
|
|
|
1159
1143
|
// AI skeleton
|
|
1160
1144
|
var aiSkeletonBackground$2 = colors$1.blue20;
|
|
@@ -1164,10 +1148,10 @@ var aiSkeletonElementBackground$2 = colors$1.blue50;
|
|
|
1164
1148
|
var aiOverlay$2 = colors$1.rgba(colors$1.blue100, 0.5);
|
|
1165
1149
|
|
|
1166
1150
|
// One off tokens for caret
|
|
1167
|
-
var aiPopoverCaretCenter$2 = '#
|
|
1168
|
-
var aiPopoverCaretBottom$2 = colors$1.
|
|
1169
|
-
var aiPopoverCaretBottomBackgroundActions$2 = '#
|
|
1170
|
-
var aiPopoverCaretBottomBackground$2 = '#
|
|
1151
|
+
var aiPopoverCaretCenter$2 = '#A0C3FF';
|
|
1152
|
+
var aiPopoverCaretBottom$2 = colors$1.blue40;
|
|
1153
|
+
var aiPopoverCaretBottomBackgroundActions$2 = '#E9EFFA';
|
|
1154
|
+
var aiPopoverCaretBottomBackground$2 = '#EAF1FF';
|
|
1171
1155
|
|
|
1172
1156
|
// Chat tokens
|
|
1173
1157
|
var chatPromptBackground$2 = colors$1.white;
|
|
@@ -1175,7 +1159,7 @@ var chatPromptBorderStart$2 = colors$1.gray10;
|
|
|
1175
1159
|
var chatPromptBorderEnd$2 = colors$1.rgba(colors$1.gray10, 0);
|
|
1176
1160
|
var chatBubbleUser$2 = colors$1.gray20;
|
|
1177
1161
|
var chatBubbleAgent$2 = colors$1.white;
|
|
1178
|
-
var
|
|
1162
|
+
var chatBubbleBorder$2 = colors$1.gray20;
|
|
1179
1163
|
var chatAvatarBot$2 = colors$1.gray60;
|
|
1180
1164
|
var chatAvatarAgent$2 = colors$1.gray80;
|
|
1181
1165
|
var chatAvatarUser$2 = colors$1.blue60;
|
|
@@ -1292,13 +1276,8 @@ var g10$1 = /*#__PURE__*/Object.freeze({
|
|
|
1292
1276
|
overlay: overlay$6,
|
|
1293
1277
|
toggleOff: toggleOff$6,
|
|
1294
1278
|
shadow: shadow$6,
|
|
1295
|
-
slugBackground: slugBackground$2,
|
|
1296
|
-
slugGradient: slugGradient$2,
|
|
1297
|
-
slugBackgroundHover: slugBackgroundHover$2,
|
|
1298
|
-
slugGradientHover: slugGradientHover$2,
|
|
1299
|
-
slugHollowHover: slugHollowHover$2,
|
|
1300
1279
|
aiInnerShadow: aiInnerShadow$2,
|
|
1301
|
-
|
|
1280
|
+
aiAuraStartSm: aiAuraStartSm$2,
|
|
1302
1281
|
aiAuraStart: aiAuraStart$2,
|
|
1303
1282
|
aiAuraEnd: aiAuraEnd$2,
|
|
1304
1283
|
aiBorderStrong: aiBorderStrong$2,
|
|
@@ -1308,6 +1287,7 @@ var g10$1 = /*#__PURE__*/Object.freeze({
|
|
|
1308
1287
|
aiAuraHoverBackground: aiAuraHoverBackground$2,
|
|
1309
1288
|
aiAuraHoverStart: aiAuraHoverStart$2,
|
|
1310
1289
|
aiAuraHoverEnd: aiAuraHoverEnd$2,
|
|
1290
|
+
aiPopoverBackground: aiPopoverBackground$2,
|
|
1311
1291
|
aiPopoverShadowOuter01: aiPopoverShadowOuter01$2,
|
|
1312
1292
|
aiPopoverShadowOuter02: aiPopoverShadowOuter02$2,
|
|
1313
1293
|
aiSkeletonBackground: aiSkeletonBackground$2,
|
|
@@ -1322,7 +1302,7 @@ var g10$1 = /*#__PURE__*/Object.freeze({
|
|
|
1322
1302
|
chatPromptBorderEnd: chatPromptBorderEnd$2,
|
|
1323
1303
|
chatBubbleUser: chatBubbleUser$2,
|
|
1324
1304
|
chatBubbleAgent: chatBubbleAgent$2,
|
|
1325
|
-
|
|
1305
|
+
chatBubbleBorder: chatBubbleBorder$2,
|
|
1326
1306
|
chatAvatarBot: chatAvatarBot$2,
|
|
1327
1307
|
chatAvatarAgent: chatAvatarAgent$2,
|
|
1328
1308
|
chatAvatarUser: chatAvatarUser$2,
|
|
@@ -1572,43 +1552,37 @@ var toggleOff$5 = colors$1.gray50;
|
|
|
1572
1552
|
var shadow$5 = colors$1.rgba(colors$1.black, 0.8);
|
|
1573
1553
|
|
|
1574
1554
|
//// AI - Experimental (Use at your own risk)
|
|
1575
|
-
// Slug tokens
|
|
1576
|
-
var slugBackground$1 = colors$1.gray30;
|
|
1577
|
-
var slugGradient$1 = "".concat(colors$1.gray50, " linear-gradient(135deg, ").concat(colors$1.gray10, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
|
|
1578
|
-
var slugBackgroundHover$1 = colors$1.gray20;
|
|
1579
|
-
var slugGradientHover$1 = "".concat(colors$1.gray40, " linear-gradient(135deg, ").concat(colors$1.white, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
|
|
1580
|
-
var slugHollowHover$1 = colors$1.gray30Hover;
|
|
1581
|
-
|
|
1582
1555
|
//// Phase 2 - new \\\\
|
|
1583
1556
|
// Shared
|
|
1584
|
-
var aiInnerShadow$1 = colors$1.rgba(colors$1.blue50, 0.
|
|
1585
|
-
var
|
|
1557
|
+
var aiInnerShadow$1 = colors$1.rgba(colors$1.blue50, 0.16);
|
|
1558
|
+
var aiAuraStartSm$1 = colors$1.rgba(colors$1.blue50, 0.16);
|
|
1586
1559
|
var aiAuraStart$1 = colors$1.rgba(colors$1.blue50, 0.1);
|
|
1587
1560
|
var aiAuraEnd$1 = colors$1.rgba(colors$1.black, 0);
|
|
1588
1561
|
var aiBorderStrong$1 = colors$1.blue40;
|
|
1589
|
-
var aiBorderStart$1 = colors$1.
|
|
1590
|
-
var aiBorderEnd$1 = colors$1.
|
|
1591
|
-
var aiDropShadow$1 = colors$1.rgba(colors$1.
|
|
1562
|
+
var aiBorderStart$1 = colors$1.rgba(colors$1.blue30, 0.36);
|
|
1563
|
+
var aiBorderEnd$1 = colors$1.blue50;
|
|
1564
|
+
var aiDropShadow$1 = colors$1.rgba(colors$1.black, 0.28);
|
|
1592
1565
|
var aiAuraHoverBackground$1 = layerHover01$1;
|
|
1593
1566
|
var aiAuraHoverStart$1 = colors$1.rgba(colors$1.blue50, 0.4);
|
|
1594
1567
|
var aiAuraHoverEnd$1 = colors$1.rgba(colors$1.black, 0);
|
|
1595
1568
|
|
|
1596
1569
|
// AI Popover
|
|
1597
|
-
var
|
|
1598
|
-
var
|
|
1570
|
+
var aiPopoverBackground$1 = colors$1.gray100;
|
|
1571
|
+
var aiPopoverShadowOuter01$1 = colors$1.rgba(colors$1.black, 0.12);
|
|
1572
|
+
var aiPopoverShadowOuter02$1 = colors$1.rgba(colors$1.black, 0.08);
|
|
1599
1573
|
|
|
1600
1574
|
// AI skeleton
|
|
1601
|
-
var aiSkeletonBackground$1 = colors$1.
|
|
1602
|
-
var aiSkeletonElementBackground$1 = colors$1.
|
|
1575
|
+
var aiSkeletonBackground$1 = colors$1.rgba(colors$1.blue40, 0.5);
|
|
1576
|
+
var aiSkeletonElementBackground$1 = colors$1.rgba(colors$1.blue40, 0.3);
|
|
1603
1577
|
|
|
1604
1578
|
// AI Modal tokens
|
|
1605
|
-
var aiOverlay$1 = colors$1.rgba(colors$1.
|
|
1579
|
+
var aiOverlay$1 = colors$1.rgba(colors$1.black, 0.5);
|
|
1606
1580
|
|
|
1607
1581
|
// One off tokens for caret
|
|
1608
|
-
var aiPopoverCaretCenter$1 = '#
|
|
1609
|
-
var aiPopoverCaretBottom$1 =
|
|
1610
|
-
var aiPopoverCaretBottomBackgroundActions$1 = '#
|
|
1611
|
-
var aiPopoverCaretBottomBackground$1 = '#
|
|
1582
|
+
var aiPopoverCaretCenter$1 = '#4870B5';
|
|
1583
|
+
var aiPopoverCaretBottom$1 = colors$1.blue50;
|
|
1584
|
+
var aiPopoverCaretBottomBackgroundActions$1 = '#1E283A';
|
|
1585
|
+
var aiPopoverCaretBottomBackground$1 = '#202D45';
|
|
1612
1586
|
|
|
1613
1587
|
// Chat tokens
|
|
1614
1588
|
var chatPromptBackground$1 = colors$1.gray100;
|
|
@@ -1616,7 +1590,7 @@ var chatPromptBorderStart$1 = colors$1.gray90;
|
|
|
1616
1590
|
var chatPromptBorderEnd$1 = colors$1.rgba(colors$1.gray90, 0);
|
|
1617
1591
|
var chatBubbleUser$1 = colors$1.gray80;
|
|
1618
1592
|
var chatBubbleAgent$1 = colors$1.gray90;
|
|
1619
|
-
var
|
|
1593
|
+
var chatBubbleBorder$1 = colors$1.gray70;
|
|
1620
1594
|
var chatAvatarBot$1 = colors$1.gray50;
|
|
1621
1595
|
var chatAvatarAgent$1 = colors$1.gray30;
|
|
1622
1596
|
var chatAvatarUser$1 = colors$1.blue50;
|
|
@@ -1733,13 +1707,8 @@ var g90$1 = /*#__PURE__*/Object.freeze({
|
|
|
1733
1707
|
overlay: overlay$5,
|
|
1734
1708
|
toggleOff: toggleOff$5,
|
|
1735
1709
|
shadow: shadow$5,
|
|
1736
|
-
slugBackground: slugBackground$1,
|
|
1737
|
-
slugGradient: slugGradient$1,
|
|
1738
|
-
slugBackgroundHover: slugBackgroundHover$1,
|
|
1739
|
-
slugGradientHover: slugGradientHover$1,
|
|
1740
|
-
slugHollowHover: slugHollowHover$1,
|
|
1741
1710
|
aiInnerShadow: aiInnerShadow$1,
|
|
1742
|
-
|
|
1711
|
+
aiAuraStartSm: aiAuraStartSm$1,
|
|
1743
1712
|
aiAuraStart: aiAuraStart$1,
|
|
1744
1713
|
aiAuraEnd: aiAuraEnd$1,
|
|
1745
1714
|
aiBorderStrong: aiBorderStrong$1,
|
|
@@ -1749,6 +1718,7 @@ var g90$1 = /*#__PURE__*/Object.freeze({
|
|
|
1749
1718
|
aiAuraHoverBackground: aiAuraHoverBackground$1,
|
|
1750
1719
|
aiAuraHoverStart: aiAuraHoverStart$1,
|
|
1751
1720
|
aiAuraHoverEnd: aiAuraHoverEnd$1,
|
|
1721
|
+
aiPopoverBackground: aiPopoverBackground$1,
|
|
1752
1722
|
aiPopoverShadowOuter01: aiPopoverShadowOuter01$1,
|
|
1753
1723
|
aiPopoverShadowOuter02: aiPopoverShadowOuter02$1,
|
|
1754
1724
|
aiSkeletonBackground: aiSkeletonBackground$1,
|
|
@@ -1763,7 +1733,7 @@ var g90$1 = /*#__PURE__*/Object.freeze({
|
|
|
1763
1733
|
chatPromptBorderEnd: chatPromptBorderEnd$1,
|
|
1764
1734
|
chatBubbleUser: chatBubbleUser$1,
|
|
1765
1735
|
chatBubbleAgent: chatBubbleAgent$1,
|
|
1766
|
-
|
|
1736
|
+
chatBubbleBorder: chatBubbleBorder$1,
|
|
1767
1737
|
chatAvatarBot: chatAvatarBot$1,
|
|
1768
1738
|
chatAvatarAgent: chatAvatarAgent$1,
|
|
1769
1739
|
chatAvatarUser: chatAvatarUser$1,
|
|
@@ -2013,43 +1983,37 @@ var toggleOff$4 = colors$1.gray60;
|
|
|
2013
1983
|
var shadow$4 = colors$1.rgba(colors$1.black, 0.8);
|
|
2014
1984
|
|
|
2015
1985
|
//// AI - Experimental (Use at your own risk)
|
|
2016
|
-
// Slug tokens
|
|
2017
|
-
var slugBackground = colors$1.gray30;
|
|
2018
|
-
var slugGradient = "".concat(colors$1.gray50, " linear-gradient(135deg, ").concat(colors$1.gray10, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
|
|
2019
|
-
var slugBackgroundHover = colors$1.gray20;
|
|
2020
|
-
var slugGradientHover = "".concat(colors$1.gray40, " linear-gradient(135deg, ").concat(colors$1.white, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
|
|
2021
|
-
var slugHollowHover = colors$1.gray30Hover;
|
|
2022
|
-
|
|
2023
1986
|
//// Phase 2 - new \\\\
|
|
2024
1987
|
// Shared
|
|
2025
|
-
var aiInnerShadow = colors$1.rgba(colors$1.blue50, 0.
|
|
2026
|
-
var
|
|
1988
|
+
var aiInnerShadow = colors$1.rgba(colors$1.blue50, 0.16);
|
|
1989
|
+
var aiAuraStartSm = colors$1.rgba(colors$1.blue50, 0.16);
|
|
2027
1990
|
var aiAuraStart = colors$1.rgba(colors$1.blue50, 0.1);
|
|
2028
1991
|
var aiAuraEnd = colors$1.rgba(colors$1.black, 0);
|
|
2029
1992
|
var aiBorderStrong = colors$1.blue40;
|
|
2030
|
-
var aiBorderStart = colors$1.
|
|
2031
|
-
var aiBorderEnd = colors$1.
|
|
2032
|
-
var aiDropShadow = colors$1.rgba(colors$1.
|
|
1993
|
+
var aiBorderStart = colors$1.rgba(colors$1.blue30, 0.36);
|
|
1994
|
+
var aiBorderEnd = colors$1.blue50;
|
|
1995
|
+
var aiDropShadow = colors$1.rgba(colors$1.black, 0.28);
|
|
2033
1996
|
var aiAuraHoverBackground = layerHover01;
|
|
2034
1997
|
var aiAuraHoverStart = colors$1.rgba(colors$1.blue50, 0.4);
|
|
2035
1998
|
var aiAuraHoverEnd = colors$1.rgba(colors$1.black, 0);
|
|
2036
1999
|
|
|
2037
2000
|
// AI Popover
|
|
2038
|
-
var
|
|
2039
|
-
var
|
|
2001
|
+
var aiPopoverBackground = colors$1.gray100;
|
|
2002
|
+
var aiPopoverShadowOuter01 = colors$1.rgba(colors$1.black, 0.12);
|
|
2003
|
+
var aiPopoverShadowOuter02 = colors$1.rgba(colors$1.black, 0.08);
|
|
2040
2004
|
|
|
2041
2005
|
// AI skeleton
|
|
2042
|
-
var aiSkeletonBackground = colors$1.
|
|
2043
|
-
var aiSkeletonElementBackground = colors$1.
|
|
2006
|
+
var aiSkeletonBackground = colors$1.rgba(colors$1.blue40, 0.5);
|
|
2007
|
+
var aiSkeletonElementBackground = colors$1.rgba(colors$1.blue40, 0.3);
|
|
2044
2008
|
|
|
2045
2009
|
// AI Modal tokens
|
|
2046
|
-
var aiOverlay = colors$1.rgba(colors$1.
|
|
2010
|
+
var aiOverlay = colors$1.rgba(colors$1.black, 0.5);
|
|
2047
2011
|
|
|
2048
2012
|
// One off tokens for caret
|
|
2049
|
-
var aiPopoverCaretCenter = '#
|
|
2050
|
-
var aiPopoverCaretBottom =
|
|
2051
|
-
var aiPopoverCaretBottomBackgroundActions = '#
|
|
2052
|
-
var aiPopoverCaretBottomBackground = '#
|
|
2013
|
+
var aiPopoverCaretCenter = '#4870B5';
|
|
2014
|
+
var aiPopoverCaretBottom = colors$1.blue50;
|
|
2015
|
+
var aiPopoverCaretBottomBackgroundActions = '#1E283A';
|
|
2016
|
+
var aiPopoverCaretBottomBackground = '#202D45';
|
|
2053
2017
|
|
|
2054
2018
|
// Chat tokens
|
|
2055
2019
|
var chatPromptBackground = colors$1.gray100;
|
|
@@ -2057,7 +2021,7 @@ var chatPromptBorderStart = colors$1.gray90;
|
|
|
2057
2021
|
var chatPromptBorderEnd = colors$1.rgba(colors$1.gray90, 0);
|
|
2058
2022
|
var chatBubbleUser = colors$1.gray80;
|
|
2059
2023
|
var chatBubbleAgent = colors$1.gray90;
|
|
2060
|
-
var
|
|
2024
|
+
var chatBubbleBorder = colors$1.gray70;
|
|
2061
2025
|
var chatAvatarBot = colors$1.gray50;
|
|
2062
2026
|
var chatAvatarAgent = colors$1.gray30;
|
|
2063
2027
|
var chatAvatarUser = colors$1.blue50;
|
|
@@ -2174,13 +2138,8 @@ var g100$1 = /*#__PURE__*/Object.freeze({
|
|
|
2174
2138
|
overlay: overlay$4,
|
|
2175
2139
|
toggleOff: toggleOff$4,
|
|
2176
2140
|
shadow: shadow$4,
|
|
2177
|
-
slugBackground: slugBackground,
|
|
2178
|
-
slugGradient: slugGradient,
|
|
2179
|
-
slugBackgroundHover: slugBackgroundHover,
|
|
2180
|
-
slugGradientHover: slugGradientHover,
|
|
2181
|
-
slugHollowHover: slugHollowHover,
|
|
2182
2141
|
aiInnerShadow: aiInnerShadow,
|
|
2183
|
-
|
|
2142
|
+
aiAuraStartSm: aiAuraStartSm,
|
|
2184
2143
|
aiAuraStart: aiAuraStart,
|
|
2185
2144
|
aiAuraEnd: aiAuraEnd,
|
|
2186
2145
|
aiBorderStrong: aiBorderStrong,
|
|
@@ -2190,6 +2149,7 @@ var g100$1 = /*#__PURE__*/Object.freeze({
|
|
|
2190
2149
|
aiAuraHoverBackground: aiAuraHoverBackground,
|
|
2191
2150
|
aiAuraHoverStart: aiAuraHoverStart,
|
|
2192
2151
|
aiAuraHoverEnd: aiAuraHoverEnd,
|
|
2152
|
+
aiPopoverBackground: aiPopoverBackground,
|
|
2193
2153
|
aiPopoverShadowOuter01: aiPopoverShadowOuter01,
|
|
2194
2154
|
aiPopoverShadowOuter02: aiPopoverShadowOuter02,
|
|
2195
2155
|
aiSkeletonBackground: aiSkeletonBackground,
|
|
@@ -2204,7 +2164,7 @@ var g100$1 = /*#__PURE__*/Object.freeze({
|
|
|
2204
2164
|
chatPromptBorderEnd: chatPromptBorderEnd,
|
|
2205
2165
|
chatBubbleUser: chatBubbleUser,
|
|
2206
2166
|
chatBubbleAgent: chatBubbleAgent,
|
|
2207
|
-
|
|
2167
|
+
chatBubbleBorder: chatBubbleBorder,
|
|
2208
2168
|
chatAvatarBot: chatAvatarBot,
|
|
2209
2169
|
chatAvatarAgent: chatAvatarAgent,
|
|
2210
2170
|
chatAvatarUser: chatAvatarUser,
|
|
@@ -5182,15 +5142,15 @@ var contextual = TokenGroup.create({
|
|
|
5182
5142
|
var ai = TokenGroup.create({
|
|
5183
5143
|
name: 'AI',
|
|
5184
5144
|
properties: ['background'],
|
|
5185
|
-
tokens: [
|
|
5145
|
+
tokens: [
|
|
5186
5146
|
// Phase 2
|
|
5187
|
-
'ai-popover-shadow-outer-01', 'ai-popover-shadow-outer-02',
|
|
5147
|
+
'ai-popover-background', 'ai-popover-shadow-outer-01', 'ai-popover-shadow-outer-02',
|
|
5188
5148
|
// Linear gradient refactor
|
|
5189
|
-
'ai-inner-shadow', 'ai-aura-start', 'ai-aura-start
|
|
5149
|
+
'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',
|
|
5190
5150
|
// Caret tokens
|
|
5191
5151
|
'ai-popover-caret-center', 'ai-popover-caret-bottom', 'ai-popover-caret-bottom-background', 'ai-popover-caret-bottom-background-actions',
|
|
5192
5152
|
// Chat tokens
|
|
5193
|
-
'chat-prompt-background', 'chat-prompt-border-start', 'chat-prompt-border-end', 'chat-bubble-user', 'chat-bubble-agent', 'chat-bubble-
|
|
5153
|
+
'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',
|
|
5194
5154
|
// Chat button tokens
|
|
5195
5155
|
'chat-button', 'chat-button-hover', 'chat-button-text-hover', 'chat-button-active', 'chat-button-selected', 'chat-button-text-selected']
|
|
5196
5156
|
});
|
|
@@ -5637,13 +5597,14 @@ exports.aiAuraHoverBackground = aiAuraHoverBackground$3;
|
|
|
5637
5597
|
exports.aiAuraHoverEnd = aiAuraHoverEnd$3;
|
|
5638
5598
|
exports.aiAuraHoverStart = aiAuraHoverStart$3;
|
|
5639
5599
|
exports.aiAuraStart = aiAuraStart$3;
|
|
5640
|
-
exports.
|
|
5600
|
+
exports.aiAuraStartSm = aiAuraStartSm$3;
|
|
5641
5601
|
exports.aiBorderEnd = aiBorderEnd$3;
|
|
5642
5602
|
exports.aiBorderStart = aiBorderStart$3;
|
|
5643
5603
|
exports.aiBorderStrong = aiBorderStrong$3;
|
|
5644
5604
|
exports.aiDropShadow = aiDropShadow$3;
|
|
5645
5605
|
exports.aiInnerShadow = aiInnerShadow$3;
|
|
5646
5606
|
exports.aiOverlay = aiOverlay$3;
|
|
5607
|
+
exports.aiPopoverBackground = aiPopoverBackground$3;
|
|
5647
5608
|
exports.aiPopoverCaretBottom = aiPopoverCaretBottom$3;
|
|
5648
5609
|
exports.aiPopoverCaretBottomBackground = aiPopoverCaretBottomBackground$3;
|
|
5649
5610
|
exports.aiPopoverCaretBottomBackgroundActions = aiPopoverCaretBottomBackgroundActions$3;
|
|
@@ -5681,7 +5642,7 @@ exports.chatAvatarAgent = chatAvatarAgent$3;
|
|
|
5681
5642
|
exports.chatAvatarBot = chatAvatarBot$3;
|
|
5682
5643
|
exports.chatAvatarUser = chatAvatarUser$3;
|
|
5683
5644
|
exports.chatBubbleAgent = chatBubbleAgent$3;
|
|
5684
|
-
exports.
|
|
5645
|
+
exports.chatBubbleBorder = chatBubbleBorder$3;
|
|
5685
5646
|
exports.chatBubbleUser = chatBubbleUser$3;
|
|
5686
5647
|
exports.chatButton = chatButton$3;
|
|
5687
5648
|
exports.chatButtonActive = chatButtonActive$3;
|
|
@@ -5754,11 +5715,6 @@ exports.overlay = overlay$7;
|
|
|
5754
5715
|
exports.shadow = shadow$7;
|
|
5755
5716
|
exports.skeletonBackground = skeletonBackground$7;
|
|
5756
5717
|
exports.skeletonElement = skeletonElement$7;
|
|
5757
|
-
exports.slugBackground = slugBackground$3;
|
|
5758
|
-
exports.slugBackgroundHover = slugBackgroundHover$3;
|
|
5759
|
-
exports.slugGradient = slugGradient$3;
|
|
5760
|
-
exports.slugGradientHover = slugGradientHover$3;
|
|
5761
|
-
exports.slugHollowHover = slugHollowHover$3;
|
|
5762
5718
|
exports.supportCautionMajor = supportCautionMajor$3;
|
|
5763
5719
|
exports.supportCautionMinor = supportCautionMinor$3;
|
|
5764
5720
|
exports.supportCautionUndefined = supportCautionUndefined$3;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@carbon/themes",
|
|
3
3
|
"description": "Themes for applying color in the Carbon Design System",
|
|
4
|
-
"version": "11.33.
|
|
4
|
+
"version": "11.33.1",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"module": "es/index.js",
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"rimraf": "^5.0.0"
|
|
52
52
|
},
|
|
53
53
|
"sideEffects": false,
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "56291fbf93e5fe5a8b75cdc162131784cdc57947"
|
|
55
55
|
}
|