@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/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.2);
703
- var aiAuraStartTable$3 = colors$1.rgba(colors$1.blue50, 0.15);
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.blue40;
708
- var aiBorderEnd$3 = colors$1.blue20;
709
- var aiDropShadow$3 = colors$1.rgba(colors$1.blue60, 0.32);
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.4);
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 aiPopoverShadowOuter01$3 = colors$1.rgba(colors$1.blue70, 0.25);
716
- var aiPopoverShadowOuter02$3 = colors$1.rgba(colors$1.black, 0.1);
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 = '#A7C7FF';
727
- var aiPopoverCaretBottom$3 = colors$1.blue20;
728
- var aiPopoverCaretBottomBackgroundActions$3 = '#DAE5F8';
729
- var aiPopoverCaretBottomBackground$3 = '#D5E5FF';
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 chatBubbleAgentBorder$3 = colors$1.gray20;
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
- aiAuraStartTable: aiAuraStartTable$3,
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
- chatBubbleAgentBorder: chatBubbleAgentBorder$3,
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.2);
1130
- var aiAuraStartTable$2 = colors$1.rgba(colors$1.blue50, 0.15);
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.blue40;
1135
- var aiBorderEnd$2 = colors$1.blue20;
1136
- var aiDropShadow$2 = colors$1.rgba(colors$1.blue60, 0.32);
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.4);
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 aiPopoverShadowOuter01$2 = colors$1.rgba(colors$1.blue70, 0.25);
1143
- var aiPopoverShadowOuter02$2 = colors$1.rgba(colors$1.black, 0.1);
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 = '#A7C7FF';
1154
- var aiPopoverCaretBottom$2 = colors$1.blue20;
1155
- var aiPopoverCaretBottomBackgroundActions$2 = '#D2DCEE';
1156
- var aiPopoverCaretBottomBackground$2 = '#CCDBF8';
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 chatBubbleAgentBorder$2 = colors$1.gray20;
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
- aiAuraStartTable: aiAuraStartTable$2,
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
- chatBubbleAgentBorder: chatBubbleAgentBorder$2,
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.2);
1557
- var aiAuraStartTable$1 = colors$1.rgba(colors$1.blue50, 0.15);
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.blue50;
1562
- var aiBorderEnd$1 = colors$1.rgba(colors$1.blue30, 0.24);
1563
- var aiDropShadow$1 = colors$1.rgba(colors$1.blue60, 0.32);
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 aiPopoverShadowOuter01$1 = colors$1.rgba(colors$1.blue80, 0.25);
1570
- var aiPopoverShadowOuter02$1 = colors$1.rgba(colors$1.black, 0.65);
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.blue30;
1574
- var aiSkeletonElementBackground$1 = colors$1.blue80;
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.blue100, 0.5);
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 = '#456FB5';
1581
- var aiPopoverCaretBottom$1 = '#465060';
1582
- var aiPopoverCaretBottomBackgroundActions$1 = '#253042';
1583
- var aiPopoverCaretBottomBackground$1 = '#2D3F5C';
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 chatBubbleAgentBorder$1 = colors$1.gray70;
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
- aiAuraStartTable: aiAuraStartTable$1,
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
- chatBubbleAgentBorder: chatBubbleAgentBorder$1,
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.2);
1984
- var aiAuraStartTable = colors$1.rgba(colors$1.blue50, 0.15);
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.blue50;
1989
- var aiBorderEnd = colors$1.rgba(colors$1.blue30, 0.24);
1990
- var aiDropShadow = colors$1.rgba(colors$1.blue60, 0.32);
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 aiPopoverShadowOuter01 = colors$1.rgba(colors$1.blue80, 0.25);
1997
- var aiPopoverShadowOuter02 = colors$1.rgba(colors$1.black, 0.65);
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.blue30;
2001
- var aiSkeletonElementBackground = colors$1.blue80;
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.blue100, 0.5);
2010
+ var aiOverlay = colors$1.rgba(colors$1.black, 0.5);
2005
2011
 
2006
2012
  // One off tokens for caret
2007
- var aiPopoverCaretCenter = '#3F68AF';
2008
- var aiPopoverCaretBottom = '#3D4655';
2009
- var aiPopoverCaretBottomBackgroundActions = '#192436';
2010
- var aiPopoverCaretBottomBackground = '#213250';
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 chatBubbleAgentBorder = colors$1.gray70;
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
- aiAuraStartTable: aiAuraStartTable,
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
- chatBubbleAgentBorder: chatBubbleAgentBorder,
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: ['slug-background', 'slug-gradient', 'slug-background-hover', 'slug-gradient-hover', 'slug-hollow-hover',
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-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',
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-agent-border', 'chat-avatar-bot', 'chat-avatar-agent', 'chat-avatar-user', 'chat-shell-background', 'chat-header-background']
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.aiAuraStartTable = aiAuraStartTable$3;
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.chatBubbleAgentBorder = chatBubbleAgentBorder$3;
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.0-rc.0",
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-rc.0",
35
- "@carbon/layout": "^11.21.0-rc.0",
36
- "@carbon/type": "^11.26.0-rc.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-rc.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": "fd9030978919c8d2ce0c102db94aeabf88563c34"
54
+ "gitHead": "56291fbf93e5fe5a8b75cdc162131784cdc57947"
55
55
  }