@carbon/themes 11.29.0 → 11.29.1

package/src/g90.js

@@ -12,6 +12,7 @@ import {
   blue40,
   blue60,
   blue70,
+  blue80,
 
   // Gray
   gray10,
@@ -35,7 +36,6 @@ import {
   // Support
   blue30,
   blue50,
-  blue80,
   green40,
   green50,
   yellow30,
@@ -229,26 +229,31 @@ export const slugCalloutGradientTopSelected = rgba(gray80, 0.85);
 export const slugCalloutGradientBottomSelected = rgba(gray80Hover, 0.85);
 export const slugCalloutAuraStartSelected = rgba(blue20, 0.2);
 export const slugCalloutAuraEndSelected = rgba(gray100, 0);
-// Linear gradient tokens
-export const aiGradientStart01 = rgba(blue20, 0.2);
-export const aiGradientStart02 = 'transparent';
-export const aiGradientEnd = 'rgba(38, 38, 38, 0)';
 
-// Phase 2 - new
-export const slugCalloutShadowInner = rgba(blue50, 0.2);
+//// Phase 2 - new \\\\
+// Shared
+export const aiInnerShadow = rgba(blue50, 0.2);
+export const aiAuraStart = rgba(blue50, 0.1);
+export const aiAuraEnd = rgba(black, 0);
+export const aiBorderStrong = blue40;
+export const aiBorderStart = blue50;
+export const aiBorderEnd = rgba(blue30, 0.24);
+export const aiDropShadow = rgba(blue60, 0.32);
+
+// Callout
 export const slugCalloutShadowOuter01 = rgba(blue80, 0.25);
 export const slugCalloutShadowOuter02 = rgba(black, 0.65);
 
-export const slugCalloutBorder01 = blue50;
-export const slugCalloutBorder02 = rgba(blue30, 0.25);
+//// Changed
+export const slugCalloutAuraStart = aiAuraStart;
+export const slugCalloutAuraEnd = aiAuraEnd;
 
-// Changed
-export const slugCalloutAuraStart = rgba(blue50, 0.1);
-export const slugCalloutAuraEnd = rgba(white, 0);
-
-// Not used in phase 2 / possibly remove?
+//// Not used in phase 2 / possibly remove?
 export const slugCalloutGradientTop = rgba(gray100, 0.85);
 export const slugCalloutGradientBottom = rgba(gray90, 0.85);
+export const aiGradientStart01 = rgba(blue20, 0.2);
+export const aiGradientStart02 = 'transparent';
+export const aiGradientEnd = 'rgba(38, 38, 38, 0)';
 
 // One off tokens for caret
 export const slugCalloutCaretCenter = '#456FB5';

package/src/tokens/v11TokenGroup.js

@@ -368,11 +368,16 @@ export const ai = TokenGroup.create({
     'ai-gradient-start-02',
     'ai-gradient-end',
     // Phase 2
-    'slug-callout-shadow-inner',
     'slug-callout-shadow-outer-01',
     'slug-callout-shadow-outer-02',
-    'slug-callout-border-01',
-    'slug-callout-border-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',

package/src/white.js

@@ -223,26 +223,31 @@ export const slugCalloutGradientTopSelected = rgba(gray20, 0.85);
 export const slugCalloutGradientBottomSelected = rgba(gray20Hover, 0.85);
 export const slugCalloutAuraStartSelected = rgba(blue10, 0.6);
 export const slugCalloutAuraEndSelected = rgba(white, 0);
-// Linear gradient tokens
-export const aiGradientStart01 = rgba(coolGray10, 0.5);
-export const aiGradientStart02 = rgba(blue10, 0.5);
-export const aiGradientEnd = rgba(white, 0);
 
-// Phase 2 - new
-export const slugCalloutShadowInner = rgba(blue50, 0.2);
+//// Phase 2 - new \\\\
+// Shared
+export const aiInnerShadow = rgba(blue50, 0.2);
+export const aiAuraStart = rgba(blue50, 0.1);
+export const aiAuraEnd = rgba(white, 0);
+export const aiBorderStrong = blue50;
+export const aiBorderStart = blue40;
+export const aiBorderEnd = blue20;
+export const aiDropShadow = rgba(blue60, 0.32);
+
+// Callout
 export const slugCalloutShadowOuter01 = rgba(blue70, 0.25);
 export const slugCalloutShadowOuter02 = rgba(black, 0.1);
 
-export const slugCalloutBorder01 = blue40;
-export const slugCalloutBorder02 = blue20;
-
-// Changed
-export const slugCalloutAuraStart = rgba(blue50, 0.1);
-export const slugCalloutAuraEnd = rgba(white, 0);
+//// Changed
+export const slugCalloutAuraStart = aiAuraStart;
+export const slugCalloutAuraEnd = aiAuraEnd;
 
-// Not used in phase 2 / possibly remove?
+//// Not used in phase 2 / possibly remove?
 export const slugCalloutGradientTop = rgba(gray10, 0.85);
 export const slugCalloutGradientBottom = rgba(gray20, 0.85);
+export const aiGradientStart01 = rgba(coolGray10, 0.5);
+export const aiGradientStart02 = rgba(blue10, 0.5);
+export const aiGradientEnd = rgba(white, 0);
 
 // One off tokens for caret
 export const slugCalloutCaretCenter = '#A7C7FF';

package/umd/index.js

@@ -703,25 +703,31 @@
   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
-  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);
 
-  // Phase 2 - new
-  var slugCalloutShadowInner$3 = colors$1.rgba(colors$1.blue50, 0.2);
+  //// 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);
-  var slugCalloutBorder01$3 = colors$1.blue40;
-  var slugCalloutBorder02$3 = colors$1.blue20;
 
-  // Changed
-  var slugCalloutAuraStart$3 = colors$1.rgba(colors$1.blue50, 0.1);
-  var slugCalloutAuraEnd$3 = colors$1.rgba(colors$1.white, 0);
+  //// Changed
+  var slugCalloutAuraStart$3 = aiAuraStart$3;
+  var slugCalloutAuraEnd$3 = aiAuraEnd$3;
 
-  // Not used in phase 2 / possibly remove?
+  //// 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';
@@ -846,18 +852,22 @@
     slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$3,
     slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$3,
     slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$3,
-    aiGradientStart01: aiGradientStart01$3,
-    aiGradientStart02: aiGradientStart02$3,
-    aiGradientEnd: aiGradientEnd$3,
-    slugCalloutShadowInner: slugCalloutShadowInner$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,
-    slugCalloutBorder01: slugCalloutBorder01$3,
-    slugCalloutBorder02: slugCalloutBorder02$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,
@@ -1116,25 +1126,31 @@
   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
-  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);
 
-  // Phase 2 - new
-  var slugCalloutShadowInner$2 = colors$1.rgba(colors$1.blue50, 0.2);
+  //// 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);
-  var slugCalloutBorder01$2 = colors$1.blue40;
-  var slugCalloutBorder02$2 = colors$1.blue20;
 
-  // Changed
-  var slugCalloutAuraStart$2 = colors$1.rgba(colors$1.blue50, 0.1);
-  var slugCalloutAuraEnd$2 = colors$1.rgba(colors$1.white, 0);
+  //// Changed
+  var slugCalloutAuraStart$2 = aiAuraStart$2;
+  var slugCalloutAuraEnd$2 = aiAuraEnd$2;
 
-  // Not used in phase 2 / possibly remove?
+  //// 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';
@@ -1259,18 +1275,22 @@
     slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$2,
     slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$2,
     slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$2,
-    aiGradientStart01: aiGradientStart01$2,
-    aiGradientStart02: aiGradientStart02$2,
-    aiGradientEnd: aiGradientEnd$2,
-    slugCalloutShadowInner: slugCalloutShadowInner$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,
-    slugCalloutBorder01: slugCalloutBorder01$2,
-    slugCalloutBorder02: slugCalloutBorder02$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,
@@ -1529,25 +1549,31 @@
   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
-  var aiGradientStart01$1 = colors$1.rgba(colors$1.blue20, 0.2);
-  var aiGradientStart02$1 = 'transparent';
-  var aiGradientEnd$1 = 'rgba(38, 38, 38, 0)';
 
-  // Phase 2 - new
-  var slugCalloutShadowInner$1 = colors$1.rgba(colors$1.blue50, 0.2);
+  //// 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);
-  var slugCalloutBorder01$1 = colors$1.blue50;
-  var slugCalloutBorder02$1 = colors$1.rgba(colors$1.blue30, 0.25);
 
-  // Changed
-  var slugCalloutAuraStart$1 = colors$1.rgba(colors$1.blue50, 0.1);
-  var slugCalloutAuraEnd$1 = colors$1.rgba(colors$1.white, 0);
+  //// Changed
+  var slugCalloutAuraStart$1 = aiAuraStart$1;
+  var slugCalloutAuraEnd$1 = aiAuraEnd$1;
 
-  // Not used in phase 2 / possibly remove?
+  //// 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';
@@ -1672,18 +1698,22 @@
     slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$1,
     slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$1,
     slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$1,
-    aiGradientStart01: aiGradientStart01$1,
-    aiGradientStart02: aiGradientStart02$1,
-    aiGradientEnd: aiGradientEnd$1,
-    slugCalloutShadowInner: slugCalloutShadowInner$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,
-    slugCalloutBorder01: slugCalloutBorder01$1,
-    slugCalloutBorder02: slugCalloutBorder02$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,
@@ -1942,25 +1972,31 @@
   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
-  var aiGradientStart01 = colors$1.rgba(colors$1.blue20, 0.2);
-  var aiGradientStart02 = 'transparent';
-  var aiGradientEnd = 'rgba(38, 38, 38, 0)';
 
-  // Phase 2 - new
-  var slugCalloutShadowInner = colors$1.rgba(colors$1.blue50, 0.2);
+  //// 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);
-  var slugCalloutBorder01 = colors$1.blue50;
-  var slugCalloutBorder02 = colors$1.rgba(colors$1.blue30, 0.25);
 
-  // Changed
-  var slugCalloutAuraStart = colors$1.rgba(colors$1.blue50, 0.1);
-  var slugCalloutAuraEnd = colors$1.rgba(colors$1.white, 0);
+  //// Changed
+  var slugCalloutAuraStart = aiAuraStart;
+  var slugCalloutAuraEnd = aiAuraEnd;
 
-  // Not used in phase 2 / possibly remove?
+  //// 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';
@@ -2085,18 +2121,22 @@
     slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected,
     slugCalloutAuraStartSelected: slugCalloutAuraStartSelected,
     slugCalloutAuraEndSelected: slugCalloutAuraEndSelected,
-    aiGradientStart01: aiGradientStart01,
-    aiGradientStart02: aiGradientStart02,
-    aiGradientEnd: aiGradientEnd,
-    slugCalloutShadowInner: slugCalloutShadowInner,
+    aiInnerShadow: aiInnerShadow,
+    aiAuraStart: aiAuraStart,
+    aiAuraEnd: aiAuraEnd,
+    aiBorderStrong: aiBorderStrong,
+    aiBorderStart: aiBorderStart,
+    aiBorderEnd: aiBorderEnd,
+    aiDropShadow: aiDropShadow,
     slugCalloutShadowOuter01: slugCalloutShadowOuter01,
     slugCalloutShadowOuter02: slugCalloutShadowOuter02,
-    slugCalloutBorder01: slugCalloutBorder01,
-    slugCalloutBorder02: slugCalloutBorder02,
     slugCalloutAuraStart: slugCalloutAuraStart,
     slugCalloutAuraEnd: slugCalloutAuraEnd,
     slugCalloutGradientTop: slugCalloutGradientTop,
     slugCalloutGradientBottom: slugCalloutGradientBottom,
+    aiGradientStart01: aiGradientStart01,
+    aiGradientStart02: aiGradientStart02,
+    aiGradientEnd: aiGradientEnd,
     slugCalloutCaretCenter: slugCalloutCaretCenter,
     slugCalloutCaretBottom: slugCalloutCaretBottom,
     slugCalloutCaretBottomBackgroundActions: slugCalloutCaretBottomBackgroundActions,
@@ -4999,7 +5039,9 @@
     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',
     // Phase 2
-    'slug-callout-shadow-inner', 'slug-callout-shadow-outer-01', 'slug-callout-shadow-outer-02', 'slug-callout-border-01', 'slug-callout-border-02',
+    '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']
   });
@@ -5441,9 +5483,16 @@
     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;
@@ -5539,8 +5588,6 @@
   exports.slugCalloutAuraStartHover01 = slugCalloutAuraStartHover01$3;
   exports.slugCalloutAuraStartHover02 = slugCalloutAuraStartHover02$3;
   exports.slugCalloutAuraStartSelected = slugCalloutAuraStartSelected$3;
-  exports.slugCalloutBorder01 = slugCalloutBorder01$3;
-  exports.slugCalloutBorder02 = slugCalloutBorder02$3;
   exports.slugCalloutCaretBottom = slugCalloutCaretBottom$3;
   exports.slugCalloutCaretBottomBackground = slugCalloutCaretBottomBackground$3;
   exports.slugCalloutCaretBottomBackgroundActions = slugCalloutCaretBottomBackgroundActions$3;
@@ -5551,7 +5598,6 @@
   exports.slugCalloutGradientTop = slugCalloutGradientTop$3;
   exports.slugCalloutGradientTopHover = slugCalloutGradientTopHover$3;
   exports.slugCalloutGradientTopSelected = slugCalloutGradientTopSelected$3;
-  exports.slugCalloutShadowInner = slugCalloutShadowInner$3;
   exports.slugCalloutShadowOuter01 = slugCalloutShadowOuter01$3;
   exports.slugCalloutShadowOuter02 = slugCalloutShadowOuter02$3;
   exports.slugGradient = slugGradient$3;