@carbon/themes 11.29.0-rc.0 → 11.29.1

package/lib/index.js

@@ -696,10 +696,6 @@ var slugGradient$3 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").co
 var slugBackgroundHover$3 = colors$1.gray60;
 var slugGradientHover$3 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").concat(colors$1.gray20Hover, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
 var slugHollowHover$3 = colors$1.gray80Hover;
-var slugCalloutGradientTop$3 = colors$1.rgba(colors$1.gray10, 0.85);
-var slugCalloutGradientBottom$3 = colors$1.rgba(colors$1.gray20, 0.85);
-var slugCalloutAuraStart$3 = colors$1.rgba(colors$1.blue10, 0.6);
-var slugCalloutAuraEnd$3 = colors$1.rgba(colors$1.white, 0);
 var slugCalloutGradientTopHover$3 = colors$1.rgba(colors$1.gray20, 0.55);
 var slugCalloutGradientBottomHover$3 = colors$1.rgba(colors$1.gray20Hover, 0.55);
 var slugCalloutAuraStartHover01$3 = colors$1.rgba(colors$1.white, 0.5);
@@ -710,11 +706,38 @@ var slugCalloutGradientTopSelected$3 = colors$1.rgba(colors$1.gray20, 0.85);
 var slugCalloutGradientBottomSelected$3 = colors$1.rgba(colors$1.gray20Hover, 0.85);
 var slugCalloutAuraStartSelected$3 = colors$1.rgba(colors$1.blue10, 0.6);
 var slugCalloutAuraEndSelected$3 = colors$1.rgba(colors$1.white, 0);
-// Linear gradient tokens
+
+//// Phase 2 - new \\\\
+// Shared
+var aiInnerShadow$3 = colors$1.rgba(colors$1.blue50, 0.2);
+var aiAuraStart$3 = colors$1.rgba(colors$1.blue50, 0.1);
+var aiAuraEnd$3 = colors$1.rgba(colors$1.white, 0);
+var aiBorderStrong$3 = colors$1.blue50;
+var aiBorderStart$3 = colors$1.blue40;
+var aiBorderEnd$3 = colors$1.blue20;
+var aiDropShadow$3 = colors$1.rgba(colors$1.blue60, 0.32);
+
+// Callout
+var slugCalloutShadowOuter01$3 = colors$1.rgba(colors$1.blue70, 0.25);
+var slugCalloutShadowOuter02$3 = colors$1.rgba(colors$1.black, 0.1);
+
+//// Changed
+var slugCalloutAuraStart$3 = aiAuraStart$3;
+var slugCalloutAuraEnd$3 = aiAuraEnd$3;
+
+//// Not used in phase 2 / possibly remove?
+var slugCalloutGradientTop$3 = colors$1.rgba(colors$1.gray10, 0.85);
+var slugCalloutGradientBottom$3 = colors$1.rgba(colors$1.gray20, 0.85);
 var aiGradientStart01$3 = colors$1.rgba(colors$1.coolGray10, 0.5);
 var aiGradientStart02$3 = colors$1.rgba(colors$1.blue10, 0.5);
 var aiGradientEnd$3 = colors$1.rgba(colors$1.white, 0);
 
+// One off tokens for caret
+var slugCalloutCaretCenter$3 = '#A7C7FF';
+var slugCalloutCaretBottom$3 = colors$1.blue20;
+var slugCalloutCaretBottomBackgroundActions$3 = '#DAE5F8';
+var slugCalloutCaretBottomBackground$3 = '#D5E5FF';
+
 var white$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   background: background$8,
@@ -822,10 +845,6 @@ var white$1 = /*#__PURE__*/Object.freeze({
   slugBackgroundHover: slugBackgroundHover$3,
   slugGradientHover: slugGradientHover$3,
   slugHollowHover: slugHollowHover$3,
-  slugCalloutGradientTop: slugCalloutGradientTop$3,
-  slugCalloutGradientBottom: slugCalloutGradientBottom$3,
-  slugCalloutAuraStart: slugCalloutAuraStart$3,
-  slugCalloutAuraEnd: slugCalloutAuraEnd$3,
   slugCalloutGradientTopHover: slugCalloutGradientTopHover$3,
   slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$3,
   slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$3,
@@ -836,9 +855,26 @@ var white$1 = /*#__PURE__*/Object.freeze({
   slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$3,
   slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$3,
   slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$3,
+  aiInnerShadow: aiInnerShadow$3,
+  aiAuraStart: aiAuraStart$3,
+  aiAuraEnd: aiAuraEnd$3,
+  aiBorderStrong: aiBorderStrong$3,
+  aiBorderStart: aiBorderStart$3,
+  aiBorderEnd: aiBorderEnd$3,
+  aiDropShadow: aiDropShadow$3,
+  slugCalloutShadowOuter01: slugCalloutShadowOuter01$3,
+  slugCalloutShadowOuter02: slugCalloutShadowOuter02$3,
+  slugCalloutAuraStart: slugCalloutAuraStart$3,
+  slugCalloutAuraEnd: slugCalloutAuraEnd$3,
+  slugCalloutGradientTop: slugCalloutGradientTop$3,
+  slugCalloutGradientBottom: slugCalloutGradientBottom$3,
   aiGradientStart01: aiGradientStart01$3,
   aiGradientStart02: aiGradientStart02$3,
   aiGradientEnd: aiGradientEnd$3,
+  slugCalloutCaretCenter: slugCalloutCaretCenter$3,
+  slugCalloutCaretBottom: slugCalloutCaretBottom$3,
+  slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$3,
+  slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground$3,
   caption01: type$2.caption01,
   caption02: type$2.caption02,
   label01: type$2.label01,
@@ -1083,10 +1119,6 @@ var slugGradient$2 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").co
 var slugBackgroundHover$2 = colors$1.gray60;
 var slugGradientHover$2 = "".concat(colors$1.gray100, " linear-gradient(135deg, ").concat(colors$1.gray20Hover, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
 var slugHollowHover$2 = colors$1.gray80Hover;
-var slugCalloutGradientTop$2 = colors$1.rgba(colors$1.gray10, 0.85);
-var slugCalloutGradientBottom$2 = colors$1.rgba(colors$1.gray20, 0.85);
-var slugCalloutAuraStart$2 = colors$1.rgba(colors$1.blue10, 0.6);
-var slugCalloutAuraEnd$2 = colors$1.rgba(colors$1.white, 0);
 var slugCalloutGradientTopHover$2 = colors$1.rgba(colors$1.gray20, 0.55);
 var slugCalloutGradientBottomHover$2 = colors$1.rgba(colors$1.gray20Hover, 0.55);
 var slugCalloutAuraStartHover01$2 = colors$1.rgba(colors$1.white, 0.5);
@@ -1097,11 +1129,38 @@ var slugCalloutGradientTopSelected$2 = colors$1.rgba(colors$1.gray20, 0.85);
 var slugCalloutGradientBottomSelected$2 = colors$1.rgba(colors$1.gray20Hover, 0.85);
 var slugCalloutAuraStartSelected$2 = colors$1.rgba(colors$1.blue10, 0.6);
 var slugCalloutAuraEndSelected$2 = colors$1.rgba(colors$1.white, 0);
-// Linear gradient tokens
+
+//// Phase 2 - new \\\\
+// Shared
+var aiInnerShadow$2 = colors$1.rgba(colors$1.blue50, 0.2);
+var aiAuraStart$2 = colors$1.rgba(colors$1.blue50, 0.1);
+var aiAuraEnd$2 = colors$1.rgba(colors$1.white, 0);
+var aiBorderStrong$2 = colors$1.blue50;
+var aiBorderStart$2 = colors$1.blue40;
+var aiBorderEnd$2 = colors$1.blue20;
+var aiDropShadow$2 = colors$1.rgba(colors$1.blue60, 0.32);
+
+// Callout
+var slugCalloutShadowOuter01$2 = colors$1.rgba(colors$1.blue70, 0.25);
+var slugCalloutShadowOuter02$2 = colors$1.rgba(colors$1.black, 0.1);
+
+//// Changed
+var slugCalloutAuraStart$2 = aiAuraStart$2;
+var slugCalloutAuraEnd$2 = aiAuraEnd$2;
+
+//// Not used in phase 2 / possibly remove?
+var slugCalloutGradientTop$2 = colors$1.rgba(colors$1.gray10, 0.85);
+var slugCalloutGradientBottom$2 = colors$1.rgba(colors$1.gray20, 0.85);
 var aiGradientStart01$2 = colors$1.rgba(colors$1.coolGray10, 0.5);
 var aiGradientStart02$2 = colors$1.rgba(colors$1.blue10, 0.5);
 var aiGradientEnd$2 = colors$1.rgba(colors$1.white, 0);
 
+// One off tokens for caret
+var slugCalloutCaretCenter$2 = '#A7C7FF';
+var slugCalloutCaretBottom$2 = colors$1.blue20;
+var slugCalloutCaretBottomBackgroundActions$2 = '#D2DCEE';
+var slugCalloutCaretBottomBackground$2 = '#CCDBF8';
+
 var g10$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   background: background$7,
@@ -1209,10 +1268,6 @@ var g10$1 = /*#__PURE__*/Object.freeze({
   slugBackgroundHover: slugBackgroundHover$2,
   slugGradientHover: slugGradientHover$2,
   slugHollowHover: slugHollowHover$2,
-  slugCalloutGradientTop: slugCalloutGradientTop$2,
-  slugCalloutGradientBottom: slugCalloutGradientBottom$2,
-  slugCalloutAuraStart: slugCalloutAuraStart$2,
-  slugCalloutAuraEnd: slugCalloutAuraEnd$2,
   slugCalloutGradientTopHover: slugCalloutGradientTopHover$2,
   slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$2,
   slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$2,
@@ -1223,9 +1278,26 @@ var g10$1 = /*#__PURE__*/Object.freeze({
   slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$2,
   slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$2,
   slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$2,
+  aiInnerShadow: aiInnerShadow$2,
+  aiAuraStart: aiAuraStart$2,
+  aiAuraEnd: aiAuraEnd$2,
+  aiBorderStrong: aiBorderStrong$2,
+  aiBorderStart: aiBorderStart$2,
+  aiBorderEnd: aiBorderEnd$2,
+  aiDropShadow: aiDropShadow$2,
+  slugCalloutShadowOuter01: slugCalloutShadowOuter01$2,
+  slugCalloutShadowOuter02: slugCalloutShadowOuter02$2,
+  slugCalloutAuraStart: slugCalloutAuraStart$2,
+  slugCalloutAuraEnd: slugCalloutAuraEnd$2,
+  slugCalloutGradientTop: slugCalloutGradientTop$2,
+  slugCalloutGradientBottom: slugCalloutGradientBottom$2,
   aiGradientStart01: aiGradientStart01$2,
   aiGradientStart02: aiGradientStart02$2,
   aiGradientEnd: aiGradientEnd$2,
+  slugCalloutCaretCenter: slugCalloutCaretCenter$2,
+  slugCalloutCaretBottom: slugCalloutCaretBottom$2,
+  slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$2,
+  slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground$2,
   caption01: type$2.caption01,
   caption02: type$2.caption02,
   label01: type$2.label01,
@@ -1470,10 +1542,6 @@ var slugGradient$1 = "".concat(colors$1.gray50, " linear-gradient(135deg, ").con
 var slugBackgroundHover$1 = colors$1.gray20;
 var slugGradientHover$1 = "".concat(colors$1.gray40, " linear-gradient(135deg, ").concat(colors$1.white, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
 var slugHollowHover$1 = colors$1.gray30Hover;
-var slugCalloutGradientTop$1 = colors$1.rgba(colors$1.gray100, 0.85);
-var slugCalloutGradientBottom$1 = colors$1.rgba(colors$1.gray90, 0.85);
-var slugCalloutAuraStart$1 = colors$1.rgba(colors$1.blue20, 0.2);
-var slugCalloutAuraEnd$1 = colors$1.rgba(colors$1.gray100, 0);
 var slugCalloutGradientTopHover$1 = colors$1.rgba(colors$1.gray80, 0.55);
 var slugCalloutGradientBottomHover$1 = colors$1.rgba(colors$1.gray80Hover, 0.55);
 var slugCalloutAuraStartHover01$1 = colors$1.rgba(colors$1.blue20Hover, 0.3);
@@ -1484,11 +1552,38 @@ var slugCalloutGradientTopSelected$1 = colors$1.rgba(colors$1.gray80, 0.85);
 var slugCalloutGradientBottomSelected$1 = colors$1.rgba(colors$1.gray80Hover, 0.85);
 var slugCalloutAuraStartSelected$1 = colors$1.rgba(colors$1.blue20, 0.2);
 var slugCalloutAuraEndSelected$1 = colors$1.rgba(colors$1.gray100, 0);
-// Linear gradient tokens
+
+//// Phase 2 - new \\\\
+// Shared
+var aiInnerShadow$1 = colors$1.rgba(colors$1.blue50, 0.2);
+var aiAuraStart$1 = colors$1.rgba(colors$1.blue50, 0.1);
+var aiAuraEnd$1 = colors$1.rgba(colors$1.black, 0);
+var aiBorderStrong$1 = colors$1.blue40;
+var aiBorderStart$1 = colors$1.blue50;
+var aiBorderEnd$1 = colors$1.rgba(colors$1.blue30, 0.24);
+var aiDropShadow$1 = colors$1.rgba(colors$1.blue60, 0.32);
+
+// Callout
+var slugCalloutShadowOuter01$1 = colors$1.rgba(colors$1.blue80, 0.25);
+var slugCalloutShadowOuter02$1 = colors$1.rgba(colors$1.black, 0.65);
+
+//// Changed
+var slugCalloutAuraStart$1 = aiAuraStart$1;
+var slugCalloutAuraEnd$1 = aiAuraEnd$1;
+
+//// Not used in phase 2 / possibly remove?
+var slugCalloutGradientTop$1 = colors$1.rgba(colors$1.gray100, 0.85);
+var slugCalloutGradientBottom$1 = colors$1.rgba(colors$1.gray90, 0.85);
 var aiGradientStart01$1 = colors$1.rgba(colors$1.blue20, 0.2);
 var aiGradientStart02$1 = 'transparent';
 var aiGradientEnd$1 = 'rgba(38, 38, 38, 0)';
 
+// One off tokens for caret
+var slugCalloutCaretCenter$1 = '#456FB5';
+var slugCalloutCaretBottom$1 = '#465060';
+var slugCalloutCaretBottomBackgroundActions$1 = '#253042';
+var slugCalloutCaretBottomBackground$1 = '#2D3F5C';
+
 var g90$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   background: background$6,
@@ -1596,10 +1691,6 @@ var g90$1 = /*#__PURE__*/Object.freeze({
   slugBackgroundHover: slugBackgroundHover$1,
   slugGradientHover: slugGradientHover$1,
   slugHollowHover: slugHollowHover$1,
-  slugCalloutGradientTop: slugCalloutGradientTop$1,
-  slugCalloutGradientBottom: slugCalloutGradientBottom$1,
-  slugCalloutAuraStart: slugCalloutAuraStart$1,
-  slugCalloutAuraEnd: slugCalloutAuraEnd$1,
   slugCalloutGradientTopHover: slugCalloutGradientTopHover$1,
   slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$1,
   slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$1,
@@ -1610,9 +1701,26 @@ var g90$1 = /*#__PURE__*/Object.freeze({
   slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$1,
   slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$1,
   slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$1,
+  aiInnerShadow: aiInnerShadow$1,
+  aiAuraStart: aiAuraStart$1,
+  aiAuraEnd: aiAuraEnd$1,
+  aiBorderStrong: aiBorderStrong$1,
+  aiBorderStart: aiBorderStart$1,
+  aiBorderEnd: aiBorderEnd$1,
+  aiDropShadow: aiDropShadow$1,
+  slugCalloutShadowOuter01: slugCalloutShadowOuter01$1,
+  slugCalloutShadowOuter02: slugCalloutShadowOuter02$1,
+  slugCalloutAuraStart: slugCalloutAuraStart$1,
+  slugCalloutAuraEnd: slugCalloutAuraEnd$1,
+  slugCalloutGradientTop: slugCalloutGradientTop$1,
+  slugCalloutGradientBottom: slugCalloutGradientBottom$1,
   aiGradientStart01: aiGradientStart01$1,
   aiGradientStart02: aiGradientStart02$1,
   aiGradientEnd: aiGradientEnd$1,
+  slugCalloutCaretCenter: slugCalloutCaretCenter$1,
+  slugCalloutCaretBottom: slugCalloutCaretBottom$1,
+  slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions$1,
+  slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground$1,
   caption01: type$2.caption01,
   caption02: type$2.caption02,
   label01: type$2.label01,
@@ -1857,10 +1965,6 @@ var slugGradient = "".concat(colors$1.gray50, " linear-gradient(135deg, ").conca
 var slugBackgroundHover = colors$1.gray20;
 var slugGradientHover = "".concat(colors$1.gray40, " linear-gradient(135deg, ").concat(colors$1.white, " 0%, rgba(").concat(colors$1.white, ", 0) 100%)");
 var slugHollowHover = colors$1.gray30Hover;
-var slugCalloutGradientTop = colors$1.rgba(colors$1.gray100, 0.85);
-var slugCalloutGradientBottom = colors$1.rgba(colors$1.gray90, 0.85);
-var slugCalloutAuraStart = colors$1.rgba(colors$1.blue20, 0.2);
-var slugCalloutAuraEnd = colors$1.rgba(colors$1.gray100, 0);
 var slugCalloutGradientTopHover = colors$1.rgba(colors$1.gray80, 0.55);
 var slugCalloutGradientBottomHover = colors$1.rgba(colors$1.gray80Hover, 0.55);
 var slugCalloutAuraStartHover01 = colors$1.rgba(colors$1.blue20Hover, 0.3);
@@ -1871,11 +1975,38 @@ var slugCalloutGradientTopSelected = colors$1.rgba(colors$1.gray80, 0.85);
 var slugCalloutGradientBottomSelected = colors$1.rgba(colors$1.gray80Hover, 0.85);
 var slugCalloutAuraStartSelected = colors$1.rgba(colors$1.blue20, 0.2);
 var slugCalloutAuraEndSelected = colors$1.rgba(colors$1.gray100, 0);
-// Linear gradient tokens
+
+//// Phase 2 - new \\\\
+// Shared
+var aiInnerShadow = colors$1.rgba(colors$1.blue50, 0.2);
+var aiAuraStart = colors$1.rgba(colors$1.blue50, 0.1);
+var aiAuraEnd = colors$1.rgba(colors$1.black, 0);
+var aiBorderStrong = colors$1.blue40;
+var aiBorderStart = colors$1.blue50;
+var aiBorderEnd = colors$1.rgba(colors$1.blue30, 0.24);
+var aiDropShadow = colors$1.rgba(colors$1.blue60, 0.32);
+
+// Callout
+var slugCalloutShadowOuter01 = colors$1.rgba(colors$1.blue80, 0.25);
+var slugCalloutShadowOuter02 = colors$1.rgba(colors$1.black, 0.65);
+
+//// Changed
+var slugCalloutAuraStart = aiAuraStart;
+var slugCalloutAuraEnd = aiAuraEnd;
+
+//// Not used in phase 2 / possibly remove?
+var slugCalloutGradientTop = colors$1.rgba(colors$1.gray100, 0.85);
+var slugCalloutGradientBottom = colors$1.rgba(colors$1.gray90, 0.85);
 var aiGradientStart01 = colors$1.rgba(colors$1.blue20, 0.2);
 var aiGradientStart02 = 'transparent';
 var aiGradientEnd = 'rgba(38, 38, 38, 0)';
 
+// One off tokens for caret
+var slugCalloutCaretCenter = '#3F68AF';
+var slugCalloutCaretBottom = '#3D4655';
+var slugCalloutCaretBottomBackgroundActions = '#192436';
+var slugCalloutCaretBottomBackground = '#213250';
+
 var g100$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   background: background$5,
@@ -1983,10 +2114,6 @@ var g100$1 = /*#__PURE__*/Object.freeze({
   slugBackgroundHover: slugBackgroundHover,
   slugGradientHover: slugGradientHover,
   slugHollowHover: slugHollowHover,
-  slugCalloutGradientTop: slugCalloutGradientTop,
-  slugCalloutGradientBottom: slugCalloutGradientBottom,
-  slugCalloutAuraStart: slugCalloutAuraStart,
-  slugCalloutAuraEnd: slugCalloutAuraEnd,
   slugCalloutGradientTopHover: slugCalloutGradientTopHover,
   slugCalloutGradientBottomHover: slugCalloutGradientBottomHover,
   slugCalloutAuraStartHover01: slugCalloutAuraStartHover01,
@@ -1997,9 +2124,26 @@ var g100$1 = /*#__PURE__*/Object.freeze({
   slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected,
   slugCalloutAuraStartSelected: slugCalloutAuraStartSelected,
   slugCalloutAuraEndSelected: slugCalloutAuraEndSelected,
+  aiInnerShadow: aiInnerShadow,
+  aiAuraStart: aiAuraStart,
+  aiAuraEnd: aiAuraEnd,
+  aiBorderStrong: aiBorderStrong,
+  aiBorderStart: aiBorderStart,
+  aiBorderEnd: aiBorderEnd,
+  aiDropShadow: aiDropShadow,
+  slugCalloutShadowOuter01: slugCalloutShadowOuter01,
+  slugCalloutShadowOuter02: slugCalloutShadowOuter02,
+  slugCalloutAuraStart: slugCalloutAuraStart,
+  slugCalloutAuraEnd: slugCalloutAuraEnd,
+  slugCalloutGradientTop: slugCalloutGradientTop,
+  slugCalloutGradientBottom: slugCalloutGradientBottom,
   aiGradientStart01: aiGradientStart01,
   aiGradientStart02: aiGradientStart02,
   aiGradientEnd: aiGradientEnd,
+  slugCalloutCaretCenter: slugCalloutCaretCenter,
+  slugCalloutCaretBottom: slugCalloutCaretBottom,
+  slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions,
+  slugCalloutCaretBottomBackground: slugCalloutCaretBottomBackground,
   caption01: type$2.caption01,
   caption02: type$2.caption02,
   label01: type$2.label01,
@@ -4896,7 +5040,13 @@ var contextual = TokenGroup.create({
 var ai = TokenGroup.create({
   name: 'AI',
   properties: ['background'],
-  tokens: ['slug-background', 'slug-gradient', 'slug-background-hover', 'slug-gradient-hover', 'slug-hollow-hover', 'slug-callout-gradient-top', 'slug-callout-gradient-bottom', 'slug-callout-aura-start', 'slug-callout-aura-end', 'slug-callout-gradient-top-hover', 'slug-callout-gradient-bottom-hover', 'slug-callout-aura-start-hover-01', 'slug-callout-aura-start-hover-02', 'slug-callout-aura-end-hover-01', 'slug-callout-aura-end-hover-02', 'slug-callout-gradient-top-selected', 'slug-callout-gradient-bottom-selected', 'slug-callout-aura-start-selected', 'slug-callout-aura-end-selected', 'ai-gradient-start-01', 'ai-gradient-start-02', 'ai-gradient-end']
+  tokens: ['slug-background', 'slug-gradient', 'slug-background-hover', 'slug-gradient-hover', 'slug-hollow-hover', 'slug-callout-gradient-top', 'slug-callout-gradient-bottom', 'slug-callout-aura-start', 'slug-callout-aura-end', 'slug-callout-gradient-top-hover', 'slug-callout-gradient-bottom-hover', 'slug-callout-aura-start-hover-01', 'slug-callout-aura-start-hover-02', 'slug-callout-aura-end-hover-01', 'slug-callout-aura-end-hover-02', 'slug-callout-gradient-top-selected', 'slug-callout-gradient-bottom-selected', 'slug-callout-aura-start-selected', 'slug-callout-aura-end-selected', 'ai-gradient-start-01', 'ai-gradient-start-02', 'ai-gradient-end',
+  // Phase 2
+  'slug-callout-shadow-outer-01', 'slug-callout-shadow-outer-02',
+  // Linear gradient refactor
+  'ai-inner-shadow', 'ai-aura-start', 'ai-aura-end', 'ai-border-strong', 'ai-border-start', 'ai-border-end', 'ai-drop-shadow',
+  // Caret tokens
+  'slug-callout-caret-center', 'slug-callout-caret-bottom', 'slug-callout-caret-bottom-background', 'slug-callout-caret-bottom-background-actions']
 });
 var group = TokenGroup.create({
   name: 'All',
@@ -5336,9 +5486,16 @@ Object.defineProperty(exports, 'spacing13', {
   enumerable: true,
   get: function () { return layout$2.spacing13; }
 });
+exports.aiAuraEnd = aiAuraEnd$3;
+exports.aiAuraStart = aiAuraStart$3;
+exports.aiBorderEnd = aiBorderEnd$3;
+exports.aiBorderStart = aiBorderStart$3;
+exports.aiBorderStrong = aiBorderStrong$3;
+exports.aiDropShadow = aiDropShadow$3;
 exports.aiGradientEnd = aiGradientEnd$3;
 exports.aiGradientStart01 = aiGradientStart01$3;
 exports.aiGradientStart02 = aiGradientStart02$3;
+exports.aiInnerShadow = aiInnerShadow$3;
 exports.background = background$8;
 exports.backgroundActive = backgroundActive$7;
 exports.backgroundBrand = backgroundBrand$7;
@@ -5434,12 +5591,18 @@ exports.slugCalloutAuraStart = slugCalloutAuraStart$3;
 exports.slugCalloutAuraStartHover01 = slugCalloutAuraStartHover01$3;
 exports.slugCalloutAuraStartHover02 = slugCalloutAuraStartHover02$3;
 exports.slugCalloutAuraStartSelected = slugCalloutAuraStartSelected$3;
+exports.slugCalloutCaretBottom = slugCalloutCaretBottom$3;
+exports.slugCalloutCaretBottomBackground = slugCalloutCaretBottomBackground$3;
+exports.slugCalloutCaretBottomBackgroundActions = slugCalloutCaretBottomBackgroundActions$3;
+exports.slugCalloutCaretCenter = slugCalloutCaretCenter$3;
 exports.slugCalloutGradientBottom = slugCalloutGradientBottom$3;
 exports.slugCalloutGradientBottomHover = slugCalloutGradientBottomHover$3;
 exports.slugCalloutGradientBottomSelected = slugCalloutGradientBottomSelected$3;
 exports.slugCalloutGradientTop = slugCalloutGradientTop$3;
 exports.slugCalloutGradientTopHover = slugCalloutGradientTopHover$3;
 exports.slugCalloutGradientTopSelected = slugCalloutGradientTopSelected$3;
+exports.slugCalloutShadowOuter01 = slugCalloutShadowOuter01$3;
+exports.slugCalloutShadowOuter02 = slugCalloutShadowOuter02$3;
 exports.slugGradient = slugGradient$3;
 exports.slugGradientHover = slugGradientHover$3;
 exports.slugHollowHover = slugHollowHover$3;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/themes",
   "description": "Themes for applying color in the Carbon Design System",
-  "version": "11.29.0-rc.0",
+  "version": "11.29.1",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -49,5 +49,5 @@
     "rimraf": "^5.0.0"
   },
   "sideEffects": false,
-  "gitHead": "5eb449df62a21a69a467895cb94d758ba8554620"
+  "gitHead": "68c58d98fe0c287eb4456c8b5153f6cb7b58c5bf"
 }

package/scss/generated/_themes.scss

@@ -12,9 +12,16 @@
 @use '../utilities';
 
 $white: (
+  ai-aura-end: rgba(255, 255, 255, 0),
+  ai-aura-start: rgba(69, 137, 255, 0.1),
+  ai-border-end: #d0e2ff,
+  ai-border-start: #78a9ff,
+  ai-border-strong: #4589ff,
+  ai-drop-shadow: rgba(15, 98, 254, 0.32),
   ai-gradient-end: rgba(255, 255, 255, 0),
   ai-gradient-start-01: rgba(242, 244, 248, 0.5),
   ai-gradient-start-02: rgba(237, 245, 255, 0.5),
+  ai-inner-shadow: rgba(69, 137, 255, 0.2),
   background: #ffffff,
   background-active: rgba(141, 141, 141, 0.5),
   background-brand: #0f62fe,
@@ -100,16 +107,22 @@ $white: (
   slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0),
   slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0),
   slug-callout-aura-end-selected: rgba(255, 255, 255, 0),
-  slug-callout-aura-start: rgba(237, 245, 255, 0.6),
+  slug-callout-aura-start: rgba(69, 137, 255, 0.1),
   slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5),
   slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5),
   slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6),
+  slug-callout-caret-bottom: #d0e2ff,
+  slug-callout-caret-bottom-background: #d5e5ff,
+  slug-callout-caret-bottom-background-actions: #dae5f8,
+  slug-callout-caret-center: #a7c7ff,
   slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85),
   slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55),
   slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85),
   slug-callout-gradient-top: rgba(244, 244, 244, 0.85),
   slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55),
   slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85),
+  slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25),
+  slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1),
   slug-gradient: #161616
     linear-gradient(135deg, #a8a8a8 0%, rgba(#ffffff, 0) 100%),
   slug-gradient-hover: #161616
@@ -145,9 +158,16 @@ $white: utilities.merge(
 );
 
 $g10: (
+  ai-aura-end: rgba(255, 255, 255, 0),
+  ai-aura-start: rgba(69, 137, 255, 0.1),
+  ai-border-end: #d0e2ff,
+  ai-border-start: #78a9ff,
+  ai-border-strong: #4589ff,
+  ai-drop-shadow: rgba(15, 98, 254, 0.32),
   ai-gradient-end: rgba(255, 255, 255, 0),
   ai-gradient-start-01: rgba(242, 244, 248, 0.5),
   ai-gradient-start-02: rgba(237, 245, 255, 0.5),
+  ai-inner-shadow: rgba(69, 137, 255, 0.2),
   background: #f4f4f4,
   background-active: rgba(141, 141, 141, 0.5),
   background-brand: #0f62fe,
@@ -233,16 +253,22 @@ $g10: (
   slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0),
   slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0),
   slug-callout-aura-end-selected: rgba(255, 255, 255, 0),
-  slug-callout-aura-start: rgba(237, 245, 255, 0.6),
+  slug-callout-aura-start: rgba(69, 137, 255, 0.1),
   slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5),
   slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5),
   slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6),
+  slug-callout-caret-bottom: #d0e2ff,
+  slug-callout-caret-bottom-background: #ccdbf8,
+  slug-callout-caret-bottom-background-actions: #d2dcee,
+  slug-callout-caret-center: #a7c7ff,
   slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85),
   slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55),
   slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85),
   slug-callout-gradient-top: rgba(244, 244, 244, 0.85),
   slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55),
   slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85),
+  slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25),
+  slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1),
   slug-gradient: #161616
     linear-gradient(135deg, #a8a8a8 0%, rgba(#ffffff, 0) 100%),
   slug-gradient-hover: #161616
@@ -278,9 +304,16 @@ $g10: utilities.merge(
 );
 
 $g90: (
+  ai-aura-end: rgba(0, 0, 0, 0),
+  ai-aura-start: rgba(69, 137, 255, 0.1),
+  ai-border-end: rgba(166, 200, 255, 0.24),
+  ai-border-start: #4589ff,
+  ai-border-strong: #78a9ff,
+  ai-drop-shadow: rgba(15, 98, 254, 0.32),
   ai-gradient-end: rgba(38, 38, 38, 0),
   ai-gradient-start-01: rgba(208, 226, 255, 0.2),
   ai-gradient-start-02: unquote('transparent'),
+  ai-inner-shadow: rgba(69, 137, 255, 0.2),
   background: #262626,
   background-active: rgba(141, 141, 141, 0.4),
   background-brand: #0f62fe,
@@ -362,20 +395,26 @@ $g90: (
   skeleton-element: #525252,
   slug-background: #c6c6c6,
   slug-background-hover: #e0e0e0,
-  slug-callout-aura-end: rgba(22, 22, 22, 0),
+  slug-callout-aura-end: rgba(0, 0, 0, 0),
   slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0),
   slug-callout-aura-end-hover-02: unquote('transparent'),
   slug-callout-aura-end-selected: rgba(22, 22, 22, 0),
-  slug-callout-aura-start: rgba(208, 226, 255, 0.2),
+  slug-callout-aura-start: rgba(69, 137, 255, 0.1),
   slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3),
   slug-callout-aura-start-hover-02: unquote('transparent'),
   slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2),
+  slug-callout-caret-bottom: #465060,
+  slug-callout-caret-bottom-background: #2d3f5c,
+  slug-callout-caret-bottom-background-actions: #253042,
+  slug-callout-caret-center: #456fb5,
   slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85),
   slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55),
   slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85),
   slug-callout-gradient-top: rgba(22, 22, 22, 0.85),
   slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55),
   slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85),
+  slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25),
+  slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65),
   slug-gradient: #8d8d8d
     linear-gradient(135deg, #f4f4f4 0%, rgba(#ffffff, 0) 100%),
   slug-gradient-hover: #a8a8a8
@@ -411,9 +450,16 @@ $g90: utilities.merge(
 );
 
 $g100: (
+  ai-aura-end: rgba(0, 0, 0, 0),
+  ai-aura-start: rgba(69, 137, 255, 0.1),
+  ai-border-end: rgba(166, 200, 255, 0.24),
+  ai-border-start: #4589ff,
+  ai-border-strong: #78a9ff,
+  ai-drop-shadow: rgba(15, 98, 254, 0.32),
   ai-gradient-end: rgba(38, 38, 38, 0),
   ai-gradient-start-01: rgba(208, 226, 255, 0.2),
   ai-gradient-start-02: unquote('transparent'),
+  ai-inner-shadow: rgba(69, 137, 255, 0.2),
   background: #161616,
   background-active: rgba(141, 141, 141, 0.4),
   background-brand: #0f62fe,
@@ -495,20 +541,26 @@ $g100: (
   skeleton-element: #393939,
   slug-background: #c6c6c6,
   slug-background-hover: #e0e0e0,
-  slug-callout-aura-end: rgba(22, 22, 22, 0),
+  slug-callout-aura-end: rgba(0, 0, 0, 0),
   slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0),
   slug-callout-aura-end-hover-02: unquote('transparent'),
   slug-callout-aura-end-selected: rgba(22, 22, 22, 0),
-  slug-callout-aura-start: rgba(208, 226, 255, 0.2),
+  slug-callout-aura-start: rgba(69, 137, 255, 0.1),
   slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3),
   slug-callout-aura-start-hover-02: unquote('transparent'),
   slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2),
+  slug-callout-caret-bottom: #3d4655,
+  slug-callout-caret-bottom-background: #213250,
+  slug-callout-caret-bottom-background-actions: #192436,
+  slug-callout-caret-center: #3f68af,
   slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85),
   slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55),
   slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85),
   slug-callout-gradient-top: rgba(22, 22, 22, 0.85),
   slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55),
   slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85),
+  slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25),
+  slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65),
   slug-gradient: #8d8d8d
     linear-gradient(135deg, #f4f4f4 0%, rgba(#ffffff, 0) 100%),
   slug-gradient-hover: #a8a8a8

package/scss/generated/_tokens.scss

@@ -378,6 +378,49 @@ $ai-gradient-start-02: _get('ai-gradient-start-02') !default;
 /// The CSS Custom Property for the `ai-gradient-end` token
 $ai-gradient-end: _get('ai-gradient-end') !default;
 
+/// The CSS Custom Property for the `slug-callout-shadow-outer-01` token
+$slug-callout-shadow-outer-01: _get('slug-callout-shadow-outer-01') !default;
+
+/// The CSS Custom Property for the `slug-callout-shadow-outer-02` token
+$slug-callout-shadow-outer-02: _get('slug-callout-shadow-outer-02') !default;
+
+/// The CSS Custom Property for the `ai-inner-shadow` token
+$ai-inner-shadow: _get('ai-inner-shadow') !default;
+
+/// The CSS Custom Property for the `ai-aura-start` token
+$ai-aura-start: _get('ai-aura-start') !default;
+
+/// The CSS Custom Property for the `ai-aura-end` token
+$ai-aura-end: _get('ai-aura-end') !default;
+
+/// The CSS Custom Property for the `ai-border-strong` token
+$ai-border-strong: _get('ai-border-strong') !default;
+
+/// The CSS Custom Property for the `ai-border-start` token
+$ai-border-start: _get('ai-border-start') !default;
+
+/// The CSS Custom Property for the `ai-border-end` token
+$ai-border-end: _get('ai-border-end') !default;
+
+/// The CSS Custom Property for the `ai-drop-shadow` token
+$ai-drop-shadow: _get('ai-drop-shadow') !default;
+
+/// The CSS Custom Property for the `slug-callout-caret-center` token
+$slug-callout-caret-center: _get('slug-callout-caret-center') !default;
+
+/// The CSS Custom Property for the `slug-callout-caret-bottom` token
+$slug-callout-caret-bottom: _get('slug-callout-caret-bottom') !default;
+
+/// The CSS Custom Property for the `slug-callout-caret-bottom-background` token
+$slug-callout-caret-bottom-background: _get(
+  'slug-callout-caret-bottom-background'
+) !default;
+
+/// The CSS Custom Property for the `slug-callout-caret-bottom-background-actions` token
+$slug-callout-caret-bottom-background-actions: _get(
+  'slug-callout-caret-bottom-background-actions'
+) !default;
+
 /// The CSS Custom Property for the `highlight` token
 $highlight: _get('highlight') !default;