@carbon/themes 11.33.0-rc.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 +136 -118
- package/lib/index.js +143 -123
- package/package.json +6 -6
- package/scss/generated/_themes.scss +84 -84
- package/scss/generated/_tokens.scss +25 -19
- package/src/g10.js +22 -20
- package/src/g100.js +24 -25
- package/src/g90.js +24 -26
- package/src/tokens/v11TokenGroup.js +10 -7
- package/src/white.js +22 -20
- package/umd/index.js +143 -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,13 +728,21 @@ 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;
|
|
741
735
|
var chatShellBackground$3 = colors$1.white;
|
|
742
736
|
var chatHeaderBackground$3 = colors$1.white;
|
|
743
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;
|
|
745
|
+
|
|
744
746
|
var white$1 = /*#__PURE__*/Object.freeze({
|
|
745
747
|
__proto__: null,
|
|
746
748
|
background: background$8,
|
|
@@ -843,13 +845,8 @@ var white$1 = /*#__PURE__*/Object.freeze({
|
|
|
843
845
|
overlay: overlay$7,
|
|
844
846
|
toggleOff: toggleOff$7,
|
|
845
847
|
shadow: shadow$7,
|
|
846
|
-
slugBackground: slugBackground$3,
|
|
847
|
-
slugGradient: slugGradient$3,
|
|
848
|
-
slugBackgroundHover: slugBackgroundHover$3,
|
|
849
|
-
slugGradientHover: slugGradientHover$3,
|
|
850
|
-
slugHollowHover: slugHollowHover$3,
|
|
851
848
|
aiInnerShadow: aiInnerShadow$3,
|
|
852
|
-
|
|
849
|
+
aiAuraStartSm: aiAuraStartSm$3,
|
|
853
850
|
aiAuraStart: aiAuraStart$3,
|
|
854
851
|
aiAuraEnd: aiAuraEnd$3,
|
|
855
852
|
aiBorderStrong: aiBorderStrong$3,
|
|
@@ -859,6 +856,7 @@ var white$1 = /*#__PURE__*/Object.freeze({
|
|
|
859
856
|
aiAuraHoverBackground: aiAuraHoverBackground$3,
|
|
860
857
|
aiAuraHoverStart: aiAuraHoverStart$3,
|
|
861
858
|
aiAuraHoverEnd: aiAuraHoverEnd$3,
|
|
859
|
+
aiPopoverBackground: aiPopoverBackground$3,
|
|
862
860
|
aiPopoverShadowOuter01: aiPopoverShadowOuter01$3,
|
|
863
861
|
aiPopoverShadowOuter02: aiPopoverShadowOuter02$3,
|
|
864
862
|
aiSkeletonBackground: aiSkeletonBackground$3,
|
|
@@ -873,12 +871,18 @@ var white$1 = /*#__PURE__*/Object.freeze({
|
|
|
873
871
|
chatPromptBorderEnd: chatPromptBorderEnd$3,
|
|
874
872
|
chatBubbleUser: chatBubbleUser$3,
|
|
875
873
|
chatBubbleAgent: chatBubbleAgent$3,
|
|
876
|
-
|
|
874
|
+
chatBubbleBorder: chatBubbleBorder$3,
|
|
877
875
|
chatAvatarBot: chatAvatarBot$3,
|
|
878
876
|
chatAvatarAgent: chatAvatarAgent$3,
|
|
879
877
|
chatAvatarUser: chatAvatarUser$3,
|
|
880
878
|
chatShellBackground: chatShellBackground$3,
|
|
881
879
|
chatHeaderBackground: chatHeaderBackground$3,
|
|
880
|
+
chatButton: chatButton$3,
|
|
881
|
+
chatButtonHover: chatButtonHover$3,
|
|
882
|
+
chatButtonTextHover: chatButtonTextHover$3,
|
|
883
|
+
chatButtonActive: chatButtonActive$3,
|
|
884
|
+
chatButtonSelected: chatButtonSelected$3,
|
|
885
|
+
chatButtonTextSelected: chatButtonTextSelected$3,
|
|
882
886
|
caption01: type$2.caption01,
|
|
883
887
|
caption02: type$2.caption02,
|
|
884
888
|
label01: type$2.label01,
|
|
@@ -1117,30 +1121,24 @@ var toggleOff$6 = colors$1.gray50;
|
|
|
1117
1121
|
var shadow$6 = 'rgba(0, 0, 0, 0.3)';
|
|
1118
1122
|
|
|
1119
1123
|
//// AI - Experimental (Use at your own risk)
|
|
1120
|
-
// Slug tokens
|
|
1121
|
-
var slugBackground$2 = colors$1.gray70;
|
|
1122
|
-
var slugGradient$2 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").concat(colors$1.gray40, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
|
|
1123
|
-
var slugBackgroundHover$2 = colors$1.gray60;
|
|
1124
|
-
var slugGradientHover$2 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").concat(colors$1.gray20Hover, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
|
|
1125
|
-
var slugHollowHover$2 = colors$1.gray80Hover;
|
|
1126
|
-
|
|
1127
1124
|
//// Phase 2 - new \\\\
|
|
1128
1125
|
// Shared
|
|
1129
|
-
var aiInnerShadow$2 = colors$1.rgba(colors$1.blue50, 0.
|
|
1130
|
-
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);
|
|
1131
1128
|
var aiAuraStart$2 = colors$1.rgba(colors$1.blue50, 0.1);
|
|
1132
1129
|
var aiAuraEnd$2 = colors$1.rgba(colors$1.white, 0);
|
|
1133
1130
|
var aiBorderStrong$2 = colors$1.blue50;
|
|
1134
|
-
var aiBorderStart$2 = colors$1.
|
|
1135
|
-
var aiBorderEnd$2 = colors$1.
|
|
1136
|
-
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);
|
|
1137
1134
|
var aiAuraHoverBackground$2 = colors$1.blue10;
|
|
1138
|
-
var aiAuraHoverStart$2 = colors$1.rgba(colors$1.blue50, 0.
|
|
1135
|
+
var aiAuraHoverStart$2 = colors$1.rgba(colors$1.blue50, 0.32);
|
|
1139
1136
|
var aiAuraHoverEnd$2 = colors$1.rgba(colors$1.white, 0);
|
|
1140
1137
|
|
|
1141
1138
|
// AI Popover
|
|
1142
|
-
var
|
|
1143
|
-
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);
|
|
1144
1142
|
|
|
1145
1143
|
// AI skeleton
|
|
1146
1144
|
var aiSkeletonBackground$2 = colors$1.blue20;
|
|
@@ -1150,10 +1148,10 @@ var aiSkeletonElementBackground$2 = colors$1.blue50;
|
|
|
1150
1148
|
var aiOverlay$2 = colors$1.rgba(colors$1.blue100, 0.5);
|
|
1151
1149
|
|
|
1152
1150
|
// One off tokens for caret
|
|
1153
|
-
var aiPopoverCaretCenter$2 = '#
|
|
1154
|
-
var aiPopoverCaretBottom$2 = colors$1.
|
|
1155
|
-
var aiPopoverCaretBottomBackgroundActions$2 = '#
|
|
1156
|
-
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';
|
|
1157
1155
|
|
|
1158
1156
|
// Chat tokens
|
|
1159
1157
|
var chatPromptBackground$2 = colors$1.white;
|
|
@@ -1161,13 +1159,21 @@ var chatPromptBorderStart$2 = colors$1.gray10;
|
|
|
1161
1159
|
var chatPromptBorderEnd$2 = colors$1.rgba(colors$1.gray10, 0);
|
|
1162
1160
|
var chatBubbleUser$2 = colors$1.gray20;
|
|
1163
1161
|
var chatBubbleAgent$2 = colors$1.white;
|
|
1164
|
-
var
|
|
1162
|
+
var chatBubbleBorder$2 = colors$1.gray20;
|
|
1165
1163
|
var chatAvatarBot$2 = colors$1.gray60;
|
|
1166
1164
|
var chatAvatarAgent$2 = colors$1.gray80;
|
|
1167
1165
|
var chatAvatarUser$2 = colors$1.blue60;
|
|
1168
1166
|
var chatShellBackground$2 = colors$1.white;
|
|
1169
1167
|
var chatHeaderBackground$2 = colors$1.white;
|
|
1170
1168
|
|
|
1169
|
+
// Chat button tokens
|
|
1170
|
+
var chatButton$2 = linkPrimary$6;
|
|
1171
|
+
var chatButtonHover$2 = backgroundHover$6;
|
|
1172
|
+
var chatButtonTextHover$2 = linkPrimaryHover$6;
|
|
1173
|
+
var chatButtonActive$2 = backgroundActive$6;
|
|
1174
|
+
var chatButtonSelected$2 = backgroundSelected$6;
|
|
1175
|
+
var chatButtonTextSelected$2 = textSecondary$6;
|
|
1176
|
+
|
|
1171
1177
|
var g10$1 = /*#__PURE__*/Object.freeze({
|
|
1172
1178
|
__proto__: null,
|
|
1173
1179
|
background: background$7,
|
|
@@ -1270,13 +1276,8 @@ var g10$1 = /*#__PURE__*/Object.freeze({
|
|
|
1270
1276
|
overlay: overlay$6,
|
|
1271
1277
|
toggleOff: toggleOff$6,
|
|
1272
1278
|
shadow: shadow$6,
|
|
1273
|
-
slugBackground: slugBackground$2,
|
|
1274
|
-
slugGradient: slugGradient$2,
|
|
1275
|
-
slugBackgroundHover: slugBackgroundHover$2,
|
|
1276
|
-
slugGradientHover: slugGradientHover$2,
|
|
1277
|
-
slugHollowHover: slugHollowHover$2,
|
|
1278
1279
|
aiInnerShadow: aiInnerShadow$2,
|
|
1279
|
-
|
|
1280
|
+
aiAuraStartSm: aiAuraStartSm$2,
|
|
1280
1281
|
aiAuraStart: aiAuraStart$2,
|
|
1281
1282
|
aiAuraEnd: aiAuraEnd$2,
|
|
1282
1283
|
aiBorderStrong: aiBorderStrong$2,
|
|
@@ -1286,6 +1287,7 @@ var g10$1 = /*#__PURE__*/Object.freeze({
|
|
|
1286
1287
|
aiAuraHoverBackground: aiAuraHoverBackground$2,
|
|
1287
1288
|
aiAuraHoverStart: aiAuraHoverStart$2,
|
|
1288
1289
|
aiAuraHoverEnd: aiAuraHoverEnd$2,
|
|
1290
|
+
aiPopoverBackground: aiPopoverBackground$2,
|
|
1289
1291
|
aiPopoverShadowOuter01: aiPopoverShadowOuter01$2,
|
|
1290
1292
|
aiPopoverShadowOuter02: aiPopoverShadowOuter02$2,
|
|
1291
1293
|
aiSkeletonBackground: aiSkeletonBackground$2,
|
|
@@ -1300,12 +1302,18 @@ var g10$1 = /*#__PURE__*/Object.freeze({
|
|
|
1300
1302
|
chatPromptBorderEnd: chatPromptBorderEnd$2,
|
|
1301
1303
|
chatBubbleUser: chatBubbleUser$2,
|
|
1302
1304
|
chatBubbleAgent: chatBubbleAgent$2,
|
|
1303
|
-
|
|
1305
|
+
chatBubbleBorder: chatBubbleBorder$2,
|
|
1304
1306
|
chatAvatarBot: chatAvatarBot$2,
|
|
1305
1307
|
chatAvatarAgent: chatAvatarAgent$2,
|
|
1306
1308
|
chatAvatarUser: chatAvatarUser$2,
|
|
1307
1309
|
chatShellBackground: chatShellBackground$2,
|
|
1308
1310
|
chatHeaderBackground: chatHeaderBackground$2,
|
|
1311
|
+
chatButton: chatButton$2,
|
|
1312
|
+
chatButtonHover: chatButtonHover$2,
|
|
1313
|
+
chatButtonTextHover: chatButtonTextHover$2,
|
|
1314
|
+
chatButtonActive: chatButtonActive$2,
|
|
1315
|
+
chatButtonSelected: chatButtonSelected$2,
|
|
1316
|
+
chatButtonTextSelected: chatButtonTextSelected$2,
|
|
1309
1317
|
caption01: type$2.caption01,
|
|
1310
1318
|
caption02: type$2.caption02,
|
|
1311
1319
|
label01: type$2.label01,
|
|
@@ -1544,43 +1552,37 @@ var toggleOff$5 = colors$1.gray50;
|
|
|
1544
1552
|
var shadow$5 = colors$1.rgba(colors$1.black, 0.8);
|
|
1545
1553
|
|
|
1546
1554
|
//// AI - Experimental (Use at your own risk)
|
|
1547
|
-
// Slug tokens
|
|
1548
|
-
var slugBackground$1 = colors$1.gray30;
|
|
1549
|
-
var slugGradient$1 = "".concat(colors$1.gray50, " linear-gradient(135deg, ").concat(colors$1.gray10, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
|
|
1550
|
-
var slugBackgroundHover$1 = colors$1.gray20;
|
|
1551
|
-
var slugGradientHover$1 = "".concat(colors$1.gray40, " linear-gradient(135deg, ").concat(colors$1.white, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
|
|
1552
|
-
var slugHollowHover$1 = colors$1.gray30Hover;
|
|
1553
|
-
|
|
1554
1555
|
//// Phase 2 - new \\\\
|
|
1555
1556
|
// Shared
|
|
1556
|
-
var aiInnerShadow$1 = colors$1.rgba(colors$1.blue50, 0.
|
|
1557
|
-
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);
|
|
1558
1559
|
var aiAuraStart$1 = colors$1.rgba(colors$1.blue50, 0.1);
|
|
1559
1560
|
var aiAuraEnd$1 = colors$1.rgba(colors$1.black, 0);
|
|
1560
1561
|
var aiBorderStrong$1 = colors$1.blue40;
|
|
1561
|
-
var aiBorderStart$1 = colors$1.
|
|
1562
|
-
var aiBorderEnd$1 = colors$1.
|
|
1563
|
-
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);
|
|
1564
1565
|
var aiAuraHoverBackground$1 = layerHover01$1;
|
|
1565
1566
|
var aiAuraHoverStart$1 = colors$1.rgba(colors$1.blue50, 0.4);
|
|
1566
1567
|
var aiAuraHoverEnd$1 = colors$1.rgba(colors$1.black, 0);
|
|
1567
1568
|
|
|
1568
1569
|
// AI Popover
|
|
1569
|
-
var
|
|
1570
|
-
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);
|
|
1571
1573
|
|
|
1572
1574
|
// AI skeleton
|
|
1573
|
-
var aiSkeletonBackground$1 = colors$1.
|
|
1574
|
-
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);
|
|
1575
1577
|
|
|
1576
1578
|
// AI Modal tokens
|
|
1577
|
-
var aiOverlay$1 = colors$1.rgba(colors$1.
|
|
1579
|
+
var aiOverlay$1 = colors$1.rgba(colors$1.black, 0.5);
|
|
1578
1580
|
|
|
1579
1581
|
// One off tokens for caret
|
|
1580
|
-
var aiPopoverCaretCenter$1 = '#
|
|
1581
|
-
var aiPopoverCaretBottom$1 =
|
|
1582
|
-
var aiPopoverCaretBottomBackgroundActions$1 = '#
|
|
1583
|
-
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';
|
|
1584
1586
|
|
|
1585
1587
|
// Chat tokens
|
|
1586
1588
|
var chatPromptBackground$1 = colors$1.gray100;
|
|
@@ -1588,13 +1590,21 @@ var chatPromptBorderStart$1 = colors$1.gray90;
|
|
|
1588
1590
|
var chatPromptBorderEnd$1 = colors$1.rgba(colors$1.gray90, 0);
|
|
1589
1591
|
var chatBubbleUser$1 = colors$1.gray80;
|
|
1590
1592
|
var chatBubbleAgent$1 = colors$1.gray90;
|
|
1591
|
-
var
|
|
1593
|
+
var chatBubbleBorder$1 = colors$1.gray70;
|
|
1592
1594
|
var chatAvatarBot$1 = colors$1.gray50;
|
|
1593
1595
|
var chatAvatarAgent$1 = colors$1.gray30;
|
|
1594
1596
|
var chatAvatarUser$1 = colors$1.blue50;
|
|
1595
1597
|
var chatShellBackground$1 = colors$1.gray90;
|
|
1596
1598
|
var chatHeaderBackground$1 = colors$1.gray90;
|
|
1597
1599
|
|
|
1600
|
+
// Chat button tokens
|
|
1601
|
+
var chatButton$1 = linkPrimary$5;
|
|
1602
|
+
var chatButtonHover$1 = backgroundHover$5;
|
|
1603
|
+
var chatButtonTextHover$1 = linkPrimaryHover$5;
|
|
1604
|
+
var chatButtonActive$1 = backgroundActive$5;
|
|
1605
|
+
var chatButtonSelected$1 = backgroundSelected$5;
|
|
1606
|
+
var chatButtonTextSelected$1 = textSecondary$5;
|
|
1607
|
+
|
|
1598
1608
|
var g90$1 = /*#__PURE__*/Object.freeze({
|
|
1599
1609
|
__proto__: null,
|
|
1600
1610
|
background: background$6,
|
|
@@ -1697,13 +1707,8 @@ var g90$1 = /*#__PURE__*/Object.freeze({
|
|
|
1697
1707
|
overlay: overlay$5,
|
|
1698
1708
|
toggleOff: toggleOff$5,
|
|
1699
1709
|
shadow: shadow$5,
|
|
1700
|
-
slugBackground: slugBackground$1,
|
|
1701
|
-
slugGradient: slugGradient$1,
|
|
1702
|
-
slugBackgroundHover: slugBackgroundHover$1,
|
|
1703
|
-
slugGradientHover: slugGradientHover$1,
|
|
1704
|
-
slugHollowHover: slugHollowHover$1,
|
|
1705
1710
|
aiInnerShadow: aiInnerShadow$1,
|
|
1706
|
-
|
|
1711
|
+
aiAuraStartSm: aiAuraStartSm$1,
|
|
1707
1712
|
aiAuraStart: aiAuraStart$1,
|
|
1708
1713
|
aiAuraEnd: aiAuraEnd$1,
|
|
1709
1714
|
aiBorderStrong: aiBorderStrong$1,
|
|
@@ -1713,6 +1718,7 @@ var g90$1 = /*#__PURE__*/Object.freeze({
|
|
|
1713
1718
|
aiAuraHoverBackground: aiAuraHoverBackground$1,
|
|
1714
1719
|
aiAuraHoverStart: aiAuraHoverStart$1,
|
|
1715
1720
|
aiAuraHoverEnd: aiAuraHoverEnd$1,
|
|
1721
|
+
aiPopoverBackground: aiPopoverBackground$1,
|
|
1716
1722
|
aiPopoverShadowOuter01: aiPopoverShadowOuter01$1,
|
|
1717
1723
|
aiPopoverShadowOuter02: aiPopoverShadowOuter02$1,
|
|
1718
1724
|
aiSkeletonBackground: aiSkeletonBackground$1,
|
|
@@ -1727,12 +1733,18 @@ var g90$1 = /*#__PURE__*/Object.freeze({
|
|
|
1727
1733
|
chatPromptBorderEnd: chatPromptBorderEnd$1,
|
|
1728
1734
|
chatBubbleUser: chatBubbleUser$1,
|
|
1729
1735
|
chatBubbleAgent: chatBubbleAgent$1,
|
|
1730
|
-
|
|
1736
|
+
chatBubbleBorder: chatBubbleBorder$1,
|
|
1731
1737
|
chatAvatarBot: chatAvatarBot$1,
|
|
1732
1738
|
chatAvatarAgent: chatAvatarAgent$1,
|
|
1733
1739
|
chatAvatarUser: chatAvatarUser$1,
|
|
1734
1740
|
chatShellBackground: chatShellBackground$1,
|
|
1735
1741
|
chatHeaderBackground: chatHeaderBackground$1,
|
|
1742
|
+
chatButton: chatButton$1,
|
|
1743
|
+
chatButtonHover: chatButtonHover$1,
|
|
1744
|
+
chatButtonTextHover: chatButtonTextHover$1,
|
|
1745
|
+
chatButtonActive: chatButtonActive$1,
|
|
1746
|
+
chatButtonSelected: chatButtonSelected$1,
|
|
1747
|
+
chatButtonTextSelected: chatButtonTextSelected$1,
|
|
1736
1748
|
caption01: type$2.caption01,
|
|
1737
1749
|
caption02: type$2.caption02,
|
|
1738
1750
|
label01: type$2.label01,
|
|
@@ -1971,43 +1983,37 @@ var toggleOff$4 = colors$1.gray60;
|
|
|
1971
1983
|
var shadow$4 = colors$1.rgba(colors$1.black, 0.8);
|
|
1972
1984
|
|
|
1973
1985
|
//// AI - Experimental (Use at your own risk)
|
|
1974
|
-
// Slug tokens
|
|
1975
|
-
var slugBackground = colors$1.gray30;
|
|
1976
|
-
var slugGradient = "".concat(colors$1.gray50, " linear-gradient(135deg, ").concat(colors$1.gray10, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
|
|
1977
|
-
var slugBackgroundHover = colors$1.gray20;
|
|
1978
|
-
var slugGradientHover = "".concat(colors$1.gray40, " linear-gradient(135deg, ").concat(colors$1.white, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
|
|
1979
|
-
var slugHollowHover = colors$1.gray30Hover;
|
|
1980
|
-
|
|
1981
1986
|
//// Phase 2 - new \\\\
|
|
1982
1987
|
// Shared
|
|
1983
|
-
var aiInnerShadow = colors$1.rgba(colors$1.blue50, 0.
|
|
1984
|
-
var
|
|
1988
|
+
var aiInnerShadow = colors$1.rgba(colors$1.blue50, 0.16);
|
|
1989
|
+
var aiAuraStartSm = colors$1.rgba(colors$1.blue50, 0.16);
|
|
1985
1990
|
var aiAuraStart = colors$1.rgba(colors$1.blue50, 0.1);
|
|
1986
1991
|
var aiAuraEnd = colors$1.rgba(colors$1.black, 0);
|
|
1987
1992
|
var aiBorderStrong = colors$1.blue40;
|
|
1988
|
-
var aiBorderStart = colors$1.
|
|
1989
|
-
var aiBorderEnd = colors$1.
|
|
1990
|
-
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);
|
|
1991
1996
|
var aiAuraHoverBackground = layerHover01;
|
|
1992
1997
|
var aiAuraHoverStart = colors$1.rgba(colors$1.blue50, 0.4);
|
|
1993
1998
|
var aiAuraHoverEnd = colors$1.rgba(colors$1.black, 0);
|
|
1994
1999
|
|
|
1995
2000
|
// AI Popover
|
|
1996
|
-
var
|
|
1997
|
-
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);
|
|
1998
2004
|
|
|
1999
2005
|
// AI skeleton
|
|
2000
|
-
var aiSkeletonBackground = colors$1.
|
|
2001
|
-
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);
|
|
2002
2008
|
|
|
2003
2009
|
// AI Modal tokens
|
|
2004
|
-
var aiOverlay = colors$1.rgba(colors$1.
|
|
2010
|
+
var aiOverlay = colors$1.rgba(colors$1.black, 0.5);
|
|
2005
2011
|
|
|
2006
2012
|
// One off tokens for caret
|
|
2007
|
-
var aiPopoverCaretCenter = '#
|
|
2008
|
-
var aiPopoverCaretBottom =
|
|
2009
|
-
var aiPopoverCaretBottomBackgroundActions = '#
|
|
2010
|
-
var aiPopoverCaretBottomBackground = '#
|
|
2013
|
+
var aiPopoverCaretCenter = '#4870B5';
|
|
2014
|
+
var aiPopoverCaretBottom = colors$1.blue50;
|
|
2015
|
+
var aiPopoverCaretBottomBackgroundActions = '#1E283A';
|
|
2016
|
+
var aiPopoverCaretBottomBackground = '#202D45';
|
|
2011
2017
|
|
|
2012
2018
|
// Chat tokens
|
|
2013
2019
|
var chatPromptBackground = colors$1.gray100;
|
|
@@ -2015,13 +2021,21 @@ var chatPromptBorderStart = colors$1.gray90;
|
|
|
2015
2021
|
var chatPromptBorderEnd = colors$1.rgba(colors$1.gray90, 0);
|
|
2016
2022
|
var chatBubbleUser = colors$1.gray80;
|
|
2017
2023
|
var chatBubbleAgent = colors$1.gray90;
|
|
2018
|
-
var
|
|
2024
|
+
var chatBubbleBorder = colors$1.gray70;
|
|
2019
2025
|
var chatAvatarBot = colors$1.gray50;
|
|
2020
2026
|
var chatAvatarAgent = colors$1.gray30;
|
|
2021
2027
|
var chatAvatarUser = colors$1.blue50;
|
|
2022
2028
|
var chatShellBackground = colors$1.gray90;
|
|
2023
2029
|
var chatHeaderBackground = colors$1.gray90;
|
|
2024
2030
|
|
|
2031
|
+
// Chat button tokens
|
|
2032
|
+
var chatButton = linkPrimary$4;
|
|
2033
|
+
var chatButtonHover = backgroundHover$4;
|
|
2034
|
+
var chatButtonTextHover = linkPrimaryHover$4;
|
|
2035
|
+
var chatButtonActive = backgroundActive$4;
|
|
2036
|
+
var chatButtonSelected = backgroundSelected$4;
|
|
2037
|
+
var chatButtonTextSelected = textSecondary$4;
|
|
2038
|
+
|
|
2025
2039
|
var g100$1 = /*#__PURE__*/Object.freeze({
|
|
2026
2040
|
__proto__: null,
|
|
2027
2041
|
background: background$5,
|
|
@@ -2124,13 +2138,8 @@ var g100$1 = /*#__PURE__*/Object.freeze({
|
|
|
2124
2138
|
overlay: overlay$4,
|
|
2125
2139
|
toggleOff: toggleOff$4,
|
|
2126
2140
|
shadow: shadow$4,
|
|
2127
|
-
slugBackground: slugBackground,
|
|
2128
|
-
slugGradient: slugGradient,
|
|
2129
|
-
slugBackgroundHover: slugBackgroundHover,
|
|
2130
|
-
slugGradientHover: slugGradientHover,
|
|
2131
|
-
slugHollowHover: slugHollowHover,
|
|
2132
2141
|
aiInnerShadow: aiInnerShadow,
|
|
2133
|
-
|
|
2142
|
+
aiAuraStartSm: aiAuraStartSm,
|
|
2134
2143
|
aiAuraStart: aiAuraStart,
|
|
2135
2144
|
aiAuraEnd: aiAuraEnd,
|
|
2136
2145
|
aiBorderStrong: aiBorderStrong,
|
|
@@ -2140,6 +2149,7 @@ var g100$1 = /*#__PURE__*/Object.freeze({
|
|
|
2140
2149
|
aiAuraHoverBackground: aiAuraHoverBackground,
|
|
2141
2150
|
aiAuraHoverStart: aiAuraHoverStart,
|
|
2142
2151
|
aiAuraHoverEnd: aiAuraHoverEnd,
|
|
2152
|
+
aiPopoverBackground: aiPopoverBackground,
|
|
2143
2153
|
aiPopoverShadowOuter01: aiPopoverShadowOuter01,
|
|
2144
2154
|
aiPopoverShadowOuter02: aiPopoverShadowOuter02,
|
|
2145
2155
|
aiSkeletonBackground: aiSkeletonBackground,
|
|
@@ -2154,12 +2164,18 @@ var g100$1 = /*#__PURE__*/Object.freeze({
|
|
|
2154
2164
|
chatPromptBorderEnd: chatPromptBorderEnd,
|
|
2155
2165
|
chatBubbleUser: chatBubbleUser,
|
|
2156
2166
|
chatBubbleAgent: chatBubbleAgent,
|
|
2157
|
-
|
|
2167
|
+
chatBubbleBorder: chatBubbleBorder,
|
|
2158
2168
|
chatAvatarBot: chatAvatarBot,
|
|
2159
2169
|
chatAvatarAgent: chatAvatarAgent,
|
|
2160
2170
|
chatAvatarUser: chatAvatarUser,
|
|
2161
2171
|
chatShellBackground: chatShellBackground,
|
|
2162
2172
|
chatHeaderBackground: chatHeaderBackground,
|
|
2173
|
+
chatButton: chatButton,
|
|
2174
|
+
chatButtonHover: chatButtonHover,
|
|
2175
|
+
chatButtonTextHover: chatButtonTextHover,
|
|
2176
|
+
chatButtonActive: chatButtonActive,
|
|
2177
|
+
chatButtonSelected: chatButtonSelected,
|
|
2178
|
+
chatButtonTextSelected: chatButtonTextSelected,
|
|
2163
2179
|
caption01: type$2.caption01,
|
|
2164
2180
|
caption02: type$2.caption02,
|
|
2165
2181
|
label01: type$2.label01,
|
|
@@ -5126,15 +5142,17 @@ var contextual = TokenGroup.create({
|
|
|
5126
5142
|
var ai = TokenGroup.create({
|
|
5127
5143
|
name: 'AI',
|
|
5128
5144
|
properties: ['background'],
|
|
5129
|
-
tokens: [
|
|
5145
|
+
tokens: [
|
|
5130
5146
|
// Phase 2
|
|
5131
|
-
'ai-popover-shadow-outer-01', 'ai-popover-shadow-outer-02',
|
|
5147
|
+
'ai-popover-background', 'ai-popover-shadow-outer-01', 'ai-popover-shadow-outer-02',
|
|
5132
5148
|
// Linear gradient refactor
|
|
5133
|
-
'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',
|
|
5134
5150
|
// Caret tokens
|
|
5135
5151
|
'ai-popover-caret-center', 'ai-popover-caret-bottom', 'ai-popover-caret-bottom-background', 'ai-popover-caret-bottom-background-actions',
|
|
5136
5152
|
// Chat tokens
|
|
5137
|
-
'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',
|
|
5154
|
+
// Chat button tokens
|
|
5155
|
+
'chat-button', 'chat-button-hover', 'chat-button-text-hover', 'chat-button-active', 'chat-button-selected', 'chat-button-text-selected']
|
|
5138
5156
|
});
|
|
5139
5157
|
var group = TokenGroup.create({
|
|
5140
5158
|
name: 'All',
|
|
@@ -5579,13 +5597,14 @@ exports.aiAuraHoverBackground = aiAuraHoverBackground$3;
|
|
|
5579
5597
|
exports.aiAuraHoverEnd = aiAuraHoverEnd$3;
|
|
5580
5598
|
exports.aiAuraHoverStart = aiAuraHoverStart$3;
|
|
5581
5599
|
exports.aiAuraStart = aiAuraStart$3;
|
|
5582
|
-
exports.
|
|
5600
|
+
exports.aiAuraStartSm = aiAuraStartSm$3;
|
|
5583
5601
|
exports.aiBorderEnd = aiBorderEnd$3;
|
|
5584
5602
|
exports.aiBorderStart = aiBorderStart$3;
|
|
5585
5603
|
exports.aiBorderStrong = aiBorderStrong$3;
|
|
5586
5604
|
exports.aiDropShadow = aiDropShadow$3;
|
|
5587
5605
|
exports.aiInnerShadow = aiInnerShadow$3;
|
|
5588
5606
|
exports.aiOverlay = aiOverlay$3;
|
|
5607
|
+
exports.aiPopoverBackground = aiPopoverBackground$3;
|
|
5589
5608
|
exports.aiPopoverCaretBottom = aiPopoverCaretBottom$3;
|
|
5590
5609
|
exports.aiPopoverCaretBottomBackground = aiPopoverCaretBottomBackground$3;
|
|
5591
5610
|
exports.aiPopoverCaretBottomBackgroundActions = aiPopoverCaretBottomBackgroundActions$3;
|
|
@@ -5623,8 +5642,14 @@ exports.chatAvatarAgent = chatAvatarAgent$3;
|
|
|
5623
5642
|
exports.chatAvatarBot = chatAvatarBot$3;
|
|
5624
5643
|
exports.chatAvatarUser = chatAvatarUser$3;
|
|
5625
5644
|
exports.chatBubbleAgent = chatBubbleAgent$3;
|
|
5626
|
-
exports.
|
|
5645
|
+
exports.chatBubbleBorder = chatBubbleBorder$3;
|
|
5627
5646
|
exports.chatBubbleUser = chatBubbleUser$3;
|
|
5647
|
+
exports.chatButton = chatButton$3;
|
|
5648
|
+
exports.chatButtonActive = chatButtonActive$3;
|
|
5649
|
+
exports.chatButtonHover = chatButtonHover$3;
|
|
5650
|
+
exports.chatButtonSelected = chatButtonSelected$3;
|
|
5651
|
+
exports.chatButtonTextHover = chatButtonTextHover$3;
|
|
5652
|
+
exports.chatButtonTextSelected = chatButtonTextSelected$3;
|
|
5628
5653
|
exports.chatHeaderBackground = chatHeaderBackground$3;
|
|
5629
5654
|
exports.chatPromptBackground = chatPromptBackground$3;
|
|
5630
5655
|
exports.chatPromptBorderEnd = chatPromptBorderEnd$3;
|
|
@@ -5690,11 +5715,6 @@ exports.overlay = overlay$7;
|
|
|
5690
5715
|
exports.shadow = shadow$7;
|
|
5691
5716
|
exports.skeletonBackground = skeletonBackground$7;
|
|
5692
5717
|
exports.skeletonElement = skeletonElement$7;
|
|
5693
|
-
exports.slugBackground = slugBackground$3;
|
|
5694
|
-
exports.slugBackgroundHover = slugBackgroundHover$3;
|
|
5695
|
-
exports.slugGradient = slugGradient$3;
|
|
5696
|
-
exports.slugGradientHover = slugGradientHover$3;
|
|
5697
|
-
exports.slugHollowHover = slugHollowHover$3;
|
|
5698
5718
|
exports.supportCautionMajor = supportCautionMajor$3;
|
|
5699
5719
|
exports.supportCautionMinor = supportCautionMinor$3;
|
|
5700
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",
|
|
@@ -31,16 +31,16 @@
|
|
|
31
31
|
"postinstall": "ibmtelemetry --config=telemetry.yml"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@carbon/colors": "^11.21.0
|
|
35
|
-
"@carbon/layout": "^11.21.0
|
|
36
|
-
"@carbon/type": "^11.26.0
|
|
34
|
+
"@carbon/colors": "^11.21.0",
|
|
35
|
+
"@carbon/layout": "^11.21.0",
|
|
36
|
+
"@carbon/type": "^11.26.0",
|
|
37
37
|
"@ibm/telemetry-js": "^1.2.1",
|
|
38
38
|
"color": "^4.0.0"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@babel/node": "^7.17.10",
|
|
42
42
|
"@babel/preset-env": "^7.18.2",
|
|
43
|
-
"@carbon/cli": "^11.16.0
|
|
43
|
+
"@carbon/cli": "^11.16.0",
|
|
44
44
|
"@carbon/cli-reporter": "^10.7.0",
|
|
45
45
|
"@carbon/scss-generator": "^10.18.0",
|
|
46
46
|
"@carbon/test-utils": "^10.30.0",
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"rimraf": "^5.0.0"
|
|
52
52
|
},
|
|
53
53
|
"sideEffects": false,
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "56291fbf93e5fe5a8b75cdc162131784cdc57947"
|
|
55
55
|
}
|