@carbon/themes 11.29.0-rc.0 → 11.29.1

package/es/index.js

@@ -1,4 +1,4 @@
-import { white as white$2, gray80, blue60, gray80Hover, gray10, gray30, gray10Hover, gray20, gray20Hover, whiteHover, gray100, gray50, gray40, gray70, gray60, red60, blue70, blue40, purple60, blue30, green50, yellow30, red50, green40, blue50, orange40, blue20, rgba, blue10, coolGray10, gray90, gray70Hover, gray60Hover, gray50Hover, red30, purple40, red40, purple50, gray90Hover, black, gray30Hover, blue20Hover, blue80, green60, red80, red20, red70, red20Hover, red70Hover, magenta20, magenta70, magenta80, magenta20Hover, magenta70Hover, purple20, purple70, purple80, purple20Hover, purple70Hover, blue70Hover, cyan20, cyan70, cyan80, cyan20Hover, cyan70Hover, teal20, teal70, teal80, teal20Hover, teal70Hover, green20, green70, green80, green20Hover, green70Hover, coolGray20, coolGray70, coolGray80, coolGray20Hover, coolGray70Hover, warmGray20, warmGray70, warmGray80, warmGray20Hover, warmGray70Hover, red10, green10, white0 } from '@carbon/colors';
+import { white as white$2, gray80, blue60, gray80Hover, gray10, gray30, gray10Hover, gray20, gray20Hover, whiteHover, gray100, gray50, gray40, gray70, gray60, red60, blue70, blue40, purple60, blue30, green50, yellow30, red50, green40, blue50, orange40, blue20, rgba, blue10, black, coolGray10, gray90, gray70Hover, gray60Hover, gray50Hover, red30, purple40, red40, purple50, gray90Hover, gray30Hover, blue20Hover, blue80, green60, red80, red20, red70, red20Hover, red70Hover, magenta20, magenta70, magenta80, magenta20Hover, magenta70Hover, purple20, purple70, purple80, purple20Hover, purple70Hover, blue70Hover, cyan20, cyan70, cyan80, cyan20Hover, cyan70Hover, teal20, teal70, teal80, teal20Hover, teal70Hover, green20, green70, green80, green20Hover, green70Hover, coolGray20, coolGray70, coolGray80, coolGray20Hover, coolGray70Hover, warmGray20, warmGray70, warmGray80, warmGray20Hover, warmGray70Hover, red10, green10, white0 } from '@carbon/colors';
 import Color from 'color';
 import { caption01, caption02, label01, label02, helperText01, helperText02, bodyShort01, bodyLong01, bodyShort02, bodyLong02, code01, code02, heading01, productiveHeading01, heading02, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, quotation01, quotation02, display01, display02, display03, display04, legal01, legal02, bodyCompact01, bodyCompact02, body01, body02, headingCompact01, headingCompact02, heading03, heading04, heading05, heading06, heading07, fluidHeading03, fluidHeading04, fluidHeading05, fluidHeading06, fluidParagraph01, fluidQuotation01, fluidQuotation02, fluidDisplay01, fluidDisplay02, fluidDisplay03, fluidDisplay04, unstable_tokens } from '@carbon/type';
 export { bodyLong01, bodyLong02, bodyShort01, bodyShort02, caption01, caption02, code01, code02, display01, display02, display03, display04, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, heading01, heading02, helperText01, helperText02, label01, label02, productiveHeading01, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, quotation01, quotation02 } from '@carbon/type';
@@ -690,10 +690,6 @@ var slugGradient$3 = "".concat(gray100, " linear-gradient(135deg, ").concat(gray
 var slugBackgroundHover$3 = gray60;
 var slugGradientHover$3 = "".concat(gray100, " linear-gradient(135deg, ").concat(gray20Hover, " 0%, rgba(").concat(white$2, ", 0) 100%)");
 var slugHollowHover$3 = gray80Hover;
-var slugCalloutGradientTop$3 = rgba(gray10, 0.85);
-var slugCalloutGradientBottom$3 = rgba(gray20, 0.85);
-var slugCalloutAuraStart$3 = rgba(blue10, 0.6);
-var slugCalloutAuraEnd$3 = rgba(white$2, 0);
 var slugCalloutGradientTopHover$3 = rgba(gray20, 0.55);
 var slugCalloutGradientBottomHover$3 = rgba(gray20Hover, 0.55);
 var slugCalloutAuraStartHover01$3 = rgba(white$2, 0.5);
@@ -704,11 +700,38 @@ var slugCalloutGradientTopSelected$3 = rgba(gray20, 0.85);
 var slugCalloutGradientBottomSelected$3 = rgba(gray20Hover, 0.85);
 var slugCalloutAuraStartSelected$3 = rgba(blue10, 0.6);
 var slugCalloutAuraEndSelected$3 = rgba(white$2, 0);
-// Linear gradient tokens
+
+//// Phase 2 - new \\\\
+// Shared
+var aiInnerShadow$3 = rgba(blue50, 0.2);
+var aiAuraStart$3 = rgba(blue50, 0.1);
+var aiAuraEnd$3 = rgba(white$2, 0);
+var aiBorderStrong$3 = blue50;
+var aiBorderStart$3 = blue40;
+var aiBorderEnd$3 = blue20;
+var aiDropShadow$3 = rgba(blue60, 0.32);
+
+// Callout
+var slugCalloutShadowOuter01$3 = rgba(blue70, 0.25);
+var slugCalloutShadowOuter02$3 = rgba(black, 0.1);
+
+//// Changed
+var slugCalloutAuraStart$3 = aiAuraStart$3;
+var slugCalloutAuraEnd$3 = aiAuraEnd$3;
+
+//// Not used in phase 2 / possibly remove?
+var slugCalloutGradientTop$3 = rgba(gray10, 0.85);
+var slugCalloutGradientBottom$3 = rgba(gray20, 0.85);
 var aiGradientStart01$3 = rgba(coolGray10, 0.5);
 var aiGradientStart02$3 = rgba(blue10, 0.5);
 var aiGradientEnd$3 = rgba(white$2, 0);
 
+// One off tokens for caret
+var slugCalloutCaretCenter$3 = '#A7C7FF';
+var slugCalloutCaretBottom$3 = blue20;
+var slugCalloutCaretBottomBackgroundActions$3 = '#DAE5F8';
+var slugCalloutCaretBottomBackground$3 = '#D5E5FF';
+
 var white$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   background: background$8,
@@ -816,10 +839,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,
@@ -830,9 +849,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: caption01,
   caption02: caption02,
   label01: label01,
@@ -1077,10 +1113,6 @@ var slugGradient$2 = "".concat(gray100, " linear-gradient(135deg, ").concat(gray
 var slugBackgroundHover$2 = gray60;
 var slugGradientHover$2 = "".concat(gray100, " linear-gradient(135deg, ").concat(gray20Hover, " 0%, rgba(").concat(white$2, ", 0) 100%)");
 var slugHollowHover$2 = gray80Hover;
-var slugCalloutGradientTop$2 = rgba(gray10, 0.85);
-var slugCalloutGradientBottom$2 = rgba(gray20, 0.85);
-var slugCalloutAuraStart$2 = rgba(blue10, 0.6);
-var slugCalloutAuraEnd$2 = rgba(white$2, 0);
 var slugCalloutGradientTopHover$2 = rgba(gray20, 0.55);
 var slugCalloutGradientBottomHover$2 = rgba(gray20Hover, 0.55);
 var slugCalloutAuraStartHover01$2 = rgba(white$2, 0.5);
@@ -1091,11 +1123,38 @@ var slugCalloutGradientTopSelected$2 = rgba(gray20, 0.85);
 var slugCalloutGradientBottomSelected$2 = rgba(gray20Hover, 0.85);
 var slugCalloutAuraStartSelected$2 = rgba(blue10, 0.6);
 var slugCalloutAuraEndSelected$2 = rgba(white$2, 0);
-// Linear gradient tokens
+
+//// Phase 2 - new \\\\
+// Shared
+var aiInnerShadow$2 = rgba(blue50, 0.2);
+var aiAuraStart$2 = rgba(blue50, 0.1);
+var aiAuraEnd$2 = rgba(white$2, 0);
+var aiBorderStrong$2 = blue50;
+var aiBorderStart$2 = blue40;
+var aiBorderEnd$2 = blue20;
+var aiDropShadow$2 = rgba(blue60, 0.32);
+
+// Callout
+var slugCalloutShadowOuter01$2 = rgba(blue70, 0.25);
+var slugCalloutShadowOuter02$2 = rgba(black, 0.1);
+
+//// Changed
+var slugCalloutAuraStart$2 = aiAuraStart$2;
+var slugCalloutAuraEnd$2 = aiAuraEnd$2;
+
+//// Not used in phase 2 / possibly remove?
+var slugCalloutGradientTop$2 = rgba(gray10, 0.85);
+var slugCalloutGradientBottom$2 = rgba(gray20, 0.85);
 var aiGradientStart01$2 = rgba(coolGray10, 0.5);
 var aiGradientStart02$2 = rgba(blue10, 0.5);
 var aiGradientEnd$2 = rgba(white$2, 0);
 
+// One off tokens for caret
+var slugCalloutCaretCenter$2 = '#A7C7FF';
+var slugCalloutCaretBottom$2 = blue20;
+var slugCalloutCaretBottomBackgroundActions$2 = '#D2DCEE';
+var slugCalloutCaretBottomBackground$2 = '#CCDBF8';
+
 var g10$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   background: background$7,
@@ -1203,10 +1262,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,
@@ -1217,9 +1272,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: caption01,
   caption02: caption02,
   label01: label01,
@@ -1464,10 +1536,6 @@ var slugGradient$1 = "".concat(gray50, " linear-gradient(135deg, ").concat(gray1
 var slugBackgroundHover$1 = gray20;
 var slugGradientHover$1 = "".concat(gray40, " linear-gradient(135deg, ").concat(white$2, " 0%, rgba(").concat(white$2, ", 0) 100%)");
 var slugHollowHover$1 = gray30Hover;
-var slugCalloutGradientTop$1 = rgba(gray100, 0.85);
-var slugCalloutGradientBottom$1 = rgba(gray90, 0.85);
-var slugCalloutAuraStart$1 = rgba(blue20, 0.2);
-var slugCalloutAuraEnd$1 = rgba(gray100, 0);
 var slugCalloutGradientTopHover$1 = rgba(gray80, 0.55);
 var slugCalloutGradientBottomHover$1 = rgba(gray80Hover, 0.55);
 var slugCalloutAuraStartHover01$1 = rgba(blue20Hover, 0.3);
@@ -1478,11 +1546,38 @@ var slugCalloutGradientTopSelected$1 = rgba(gray80, 0.85);
 var slugCalloutGradientBottomSelected$1 = rgba(gray80Hover, 0.85);
 var slugCalloutAuraStartSelected$1 = rgba(blue20, 0.2);
 var slugCalloutAuraEndSelected$1 = rgba(gray100, 0);
-// Linear gradient tokens
+
+//// Phase 2 - new \\\\
+// Shared
+var aiInnerShadow$1 = rgba(blue50, 0.2);
+var aiAuraStart$1 = rgba(blue50, 0.1);
+var aiAuraEnd$1 = rgba(black, 0);
+var aiBorderStrong$1 = blue40;
+var aiBorderStart$1 = blue50;
+var aiBorderEnd$1 = rgba(blue30, 0.24);
+var aiDropShadow$1 = rgba(blue60, 0.32);
+
+// Callout
+var slugCalloutShadowOuter01$1 = rgba(blue80, 0.25);
+var slugCalloutShadowOuter02$1 = rgba(black, 0.65);
+
+//// Changed
+var slugCalloutAuraStart$1 = aiAuraStart$1;
+var slugCalloutAuraEnd$1 = aiAuraEnd$1;
+
+//// Not used in phase 2 / possibly remove?
+var slugCalloutGradientTop$1 = rgba(gray100, 0.85);
+var slugCalloutGradientBottom$1 = rgba(gray90, 0.85);
 var aiGradientStart01$1 = rgba(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,
@@ -1590,10 +1685,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,
@@ -1604,9 +1695,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: caption01,
   caption02: caption02,
   label01: label01,
@@ -1851,10 +1959,6 @@ var slugGradient = "".concat(gray50, " linear-gradient(135deg, ").concat(gray10,
 var slugBackgroundHover = gray20;
 var slugGradientHover = "".concat(gray40, " linear-gradient(135deg, ").concat(white$2, " 0%, rgba(").concat(white$2, ", 0) 100%)");
 var slugHollowHover = gray30Hover;
-var slugCalloutGradientTop = rgba(gray100, 0.85);
-var slugCalloutGradientBottom = rgba(gray90, 0.85);
-var slugCalloutAuraStart = rgba(blue20, 0.2);
-var slugCalloutAuraEnd = rgba(gray100, 0);
 var slugCalloutGradientTopHover = rgba(gray80, 0.55);
 var slugCalloutGradientBottomHover = rgba(gray80Hover, 0.55);
 var slugCalloutAuraStartHover01 = rgba(blue20Hover, 0.3);
@@ -1865,11 +1969,38 @@ var slugCalloutGradientTopSelected = rgba(gray80, 0.85);
 var slugCalloutGradientBottomSelected = rgba(gray80Hover, 0.85);
 var slugCalloutAuraStartSelected = rgba(blue20, 0.2);
 var slugCalloutAuraEndSelected = rgba(gray100, 0);
-// Linear gradient tokens
+
+//// Phase 2 - new \\\\
+// Shared
+var aiInnerShadow = rgba(blue50, 0.2);
+var aiAuraStart = rgba(blue50, 0.1);
+var aiAuraEnd = rgba(black, 0);
+var aiBorderStrong = blue40;
+var aiBorderStart = blue50;
+var aiBorderEnd = rgba(blue30, 0.24);
+var aiDropShadow = rgba(blue60, 0.32);
+
+// Callout
+var slugCalloutShadowOuter01 = rgba(blue80, 0.25);
+var slugCalloutShadowOuter02 = rgba(black, 0.65);
+
+//// Changed
+var slugCalloutAuraStart = aiAuraStart;
+var slugCalloutAuraEnd = aiAuraEnd;
+
+//// Not used in phase 2 / possibly remove?
+var slugCalloutGradientTop = rgba(gray100, 0.85);
+var slugCalloutGradientBottom = rgba(gray90, 0.85);
 var aiGradientStart01 = rgba(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,
@@ -1977,10 +2108,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,
@@ -1991,9 +2118,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: caption01,
   caption02: caption02,
   label01: label01,
@@ -4890,7 +5034,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',
@@ -5046,4 +5196,4 @@ var themes = {
   g100: g100$1
 };
 
-export { aiGradientEnd$3 as aiGradientEnd, aiGradientStart01$3 as aiGradientStart01, aiGradientStart02$3 as aiGradientStart02, background$8 as background, backgroundActive$7 as backgroundActive, backgroundBrand$7 as backgroundBrand, backgroundHover$7 as backgroundHover, backgroundInverse$7 as backgroundInverse, backgroundInverseHover$7 as backgroundInverseHover, backgroundSelected$7 as backgroundSelected, backgroundSelectedHover$7 as backgroundSelectedHover, borderDisabled$7 as borderDisabled, borderInteractive$7 as borderInteractive, borderInverse$7 as borderInverse, borderStrong01$3 as borderStrong01, borderStrong02$3 as borderStrong02, borderStrong03$3 as borderStrong03, borderSubtle00$3 as borderSubtle00, borderSubtle01$3 as borderSubtle01, borderSubtle02$3 as borderSubtle02, borderSubtle03$3 as borderSubtle03, borderSubtleSelected01$3 as borderSubtleSelected01, borderSubtleSelected02$3 as borderSubtleSelected02, borderSubtleSelected03$3 as borderSubtleSelected03, borderTile01$3 as borderTile01, borderTile02$3 as borderTile02, borderTile03$3 as borderTile03, index$2 as buttonTokens, field01$7 as field01, field02$7 as field02, field03$3 as field03, fieldHover01$3 as fieldHover01, fieldHover02$3 as fieldHover02, fieldHover03$3 as fieldHover03, focus$8 as focus, focusInset$7 as focusInset, focusInverse$7 as focusInverse, formatTokenName, g10$1 as g10, g100$1 as g100, g90$1 as g90, highlight$7 as highlight, iconDisabled$7 as iconDisabled, iconInteractive$3 as iconInteractive, iconInverse$7 as iconInverse, iconOnColor$7 as iconOnColor, iconOnColorDisabled$7 as iconOnColorDisabled, iconPrimary$7 as iconPrimary, iconSecondary$7 as iconSecondary, interactive$7 as interactive, layer01$3 as layer01, layer02$3 as layer02, layer03$3 as layer03, layerAccent01$3 as layerAccent01, layerAccent02$3 as layerAccent02, layerAccent03$3 as layerAccent03, layerAccentActive01$3 as layerAccentActive01, layerAccentActive02$3 as layerAccentActive02, layerAccentActive03$3 as layerAccentActive03, layerAccentHover01$3 as layerAccentHover01, layerAccentHover02$3 as layerAccentHover02, layerAccentHover03$3 as layerAccentHover03, layerActive01$3 as layerActive01, layerActive02$3 as layerActive02, layerActive03$3 as layerActive03, layerHover01$3 as layerHover01, layerHover02$3 as layerHover02, layerHover03$3 as layerHover03, layerSelected01$3 as layerSelected01, layerSelected02$3 as layerSelected02, layerSelected03$3 as layerSelected03, layerSelectedDisabled$7 as layerSelectedDisabled, layerSelectedHover01$3 as layerSelectedHover01, layerSelectedHover02$3 as layerSelectedHover02, layerSelectedHover03$3 as layerSelectedHover03, layerSelectedInverse$7 as layerSelectedInverse, linkInverse$7 as linkInverse, linkInverseActive$3 as linkInverseActive, linkInverseHover$3 as linkInverseHover, linkPrimary$7 as linkPrimary, linkPrimaryHover$7 as linkPrimaryHover, linkSecondary$7 as linkSecondary, linkVisited$7 as linkVisited, index as notificationTokens, overlay$7 as overlay, shadow$7 as shadow, skeletonBackground$7 as skeletonBackground, skeletonElement$7 as skeletonElement, slugBackground$3 as slugBackground, slugBackgroundHover$3 as slugBackgroundHover, slugCalloutAuraEnd$3 as slugCalloutAuraEnd, slugCalloutAuraEndHover01$3 as slugCalloutAuraEndHover01, slugCalloutAuraEndHover02$3 as slugCalloutAuraEndHover02, slugCalloutAuraEndSelected$3 as slugCalloutAuraEndSelected, slugCalloutAuraStart$3 as slugCalloutAuraStart, slugCalloutAuraStartHover01$3 as slugCalloutAuraStartHover01, slugCalloutAuraStartHover02$3 as slugCalloutAuraStartHover02, slugCalloutAuraStartSelected$3 as slugCalloutAuraStartSelected, slugCalloutGradientBottom$3 as slugCalloutGradientBottom, slugCalloutGradientBottomHover$3 as slugCalloutGradientBottomHover, slugCalloutGradientBottomSelected$3 as slugCalloutGradientBottomSelected, slugCalloutGradientTop$3 as slugCalloutGradientTop, slugCalloutGradientTopHover$3 as slugCalloutGradientTopHover, slugCalloutGradientTopSelected$3 as slugCalloutGradientTopSelected, slugGradient$3 as slugGradient, slugGradientHover$3 as slugGradientHover, slugHollowHover$3 as slugHollowHover, supportCautionMajor$3 as supportCautionMajor, supportCautionMinor$3 as supportCautionMinor, supportCautionUndefined$3 as supportCautionUndefined, supportError$7 as supportError, supportErrorInverse$7 as supportErrorInverse, supportInfo$7 as supportInfo, supportInfoInverse$7 as supportInfoInverse, supportSuccess$7 as supportSuccess, supportSuccessInverse$7 as supportSuccessInverse, supportWarning$7 as supportWarning, supportWarningInverse$7 as supportWarningInverse, index$1 as tagTokens, textDisabled$7 as textDisabled, textError$7 as textError, textHelper$7 as textHelper, textInverse$7 as textInverse, textOnColor$7 as textOnColor, textOnColorDisabled$7 as textOnColorDisabled, textPlaceholder$7 as textPlaceholder, textPrimary$7 as textPrimary, textSecondary$7 as textSecondary, themes, toggleOff$7 as toggleOff, unstable_metadata, index$3 as v10, white$1 as white };
+export { aiAuraEnd$3 as aiAuraEnd, aiAuraStart$3 as aiAuraStart, aiBorderEnd$3 as aiBorderEnd, aiBorderStart$3 as aiBorderStart, aiBorderStrong$3 as aiBorderStrong, aiDropShadow$3 as aiDropShadow, aiGradientEnd$3 as aiGradientEnd, aiGradientStart01$3 as aiGradientStart01, aiGradientStart02$3 as aiGradientStart02, aiInnerShadow$3 as aiInnerShadow, background$8 as background, backgroundActive$7 as backgroundActive, backgroundBrand$7 as backgroundBrand, backgroundHover$7 as backgroundHover, backgroundInverse$7 as backgroundInverse, backgroundInverseHover$7 as backgroundInverseHover, backgroundSelected$7 as backgroundSelected, backgroundSelectedHover$7 as backgroundSelectedHover, borderDisabled$7 as borderDisabled, borderInteractive$7 as borderInteractive, borderInverse$7 as borderInverse, borderStrong01$3 as borderStrong01, borderStrong02$3 as borderStrong02, borderStrong03$3 as borderStrong03, borderSubtle00$3 as borderSubtle00, borderSubtle01$3 as borderSubtle01, borderSubtle02$3 as borderSubtle02, borderSubtle03$3 as borderSubtle03, borderSubtleSelected01$3 as borderSubtleSelected01, borderSubtleSelected02$3 as borderSubtleSelected02, borderSubtleSelected03$3 as borderSubtleSelected03, borderTile01$3 as borderTile01, borderTile02$3 as borderTile02, borderTile03$3 as borderTile03, index$2 as buttonTokens, field01$7 as field01, field02$7 as field02, field03$3 as field03, fieldHover01$3 as fieldHover01, fieldHover02$3 as fieldHover02, fieldHover03$3 as fieldHover03, focus$8 as focus, focusInset$7 as focusInset, focusInverse$7 as focusInverse, formatTokenName, g10$1 as g10, g100$1 as g100, g90$1 as g90, highlight$7 as highlight, iconDisabled$7 as iconDisabled, iconInteractive$3 as iconInteractive, iconInverse$7 as iconInverse, iconOnColor$7 as iconOnColor, iconOnColorDisabled$7 as iconOnColorDisabled, iconPrimary$7 as iconPrimary, iconSecondary$7 as iconSecondary, interactive$7 as interactive, layer01$3 as layer01, layer02$3 as layer02, layer03$3 as layer03, layerAccent01$3 as layerAccent01, layerAccent02$3 as layerAccent02, layerAccent03$3 as layerAccent03, layerAccentActive01$3 as layerAccentActive01, layerAccentActive02$3 as layerAccentActive02, layerAccentActive03$3 as layerAccentActive03, layerAccentHover01$3 as layerAccentHover01, layerAccentHover02$3 as layerAccentHover02, layerAccentHover03$3 as layerAccentHover03, layerActive01$3 as layerActive01, layerActive02$3 as layerActive02, layerActive03$3 as layerActive03, layerHover01$3 as layerHover01, layerHover02$3 as layerHover02, layerHover03$3 as layerHover03, layerSelected01$3 as layerSelected01, layerSelected02$3 as layerSelected02, layerSelected03$3 as layerSelected03, layerSelectedDisabled$7 as layerSelectedDisabled, layerSelectedHover01$3 as layerSelectedHover01, layerSelectedHover02$3 as layerSelectedHover02, layerSelectedHover03$3 as layerSelectedHover03, layerSelectedInverse$7 as layerSelectedInverse, linkInverse$7 as linkInverse, linkInverseActive$3 as linkInverseActive, linkInverseHover$3 as linkInverseHover, linkPrimary$7 as linkPrimary, linkPrimaryHover$7 as linkPrimaryHover, linkSecondary$7 as linkSecondary, linkVisited$7 as linkVisited, index as notificationTokens, overlay$7 as overlay, shadow$7 as shadow, skeletonBackground$7 as skeletonBackground, skeletonElement$7 as skeletonElement, slugBackground$3 as slugBackground, slugBackgroundHover$3 as slugBackgroundHover, slugCalloutAuraEnd$3 as slugCalloutAuraEnd, slugCalloutAuraEndHover01$3 as slugCalloutAuraEndHover01, slugCalloutAuraEndHover02$3 as slugCalloutAuraEndHover02, slugCalloutAuraEndSelected$3 as slugCalloutAuraEndSelected, slugCalloutAuraStart$3 as slugCalloutAuraStart, slugCalloutAuraStartHover01$3 as slugCalloutAuraStartHover01, slugCalloutAuraStartHover02$3 as slugCalloutAuraStartHover02, slugCalloutAuraStartSelected$3 as slugCalloutAuraStartSelected, slugCalloutCaretBottom$3 as slugCalloutCaretBottom, slugCalloutCaretBottomBackground$3 as slugCalloutCaretBottomBackground, slugCalloutCaretBottomBackgroundActions$3 as slugCalloutCaretBottomBackgroundActions, slugCalloutCaretCenter$3 as slugCalloutCaretCenter, slugCalloutGradientBottom$3 as slugCalloutGradientBottom, slugCalloutGradientBottomHover$3 as slugCalloutGradientBottomHover, slugCalloutGradientBottomSelected$3 as slugCalloutGradientBottomSelected, slugCalloutGradientTop$3 as slugCalloutGradientTop, slugCalloutGradientTopHover$3 as slugCalloutGradientTopHover, slugCalloutGradientTopSelected$3 as slugCalloutGradientTopSelected, slugCalloutShadowOuter01$3 as slugCalloutShadowOuter01, slugCalloutShadowOuter02$3 as slugCalloutShadowOuter02, slugGradient$3 as slugGradient, slugGradientHover$3 as slugGradientHover, slugHollowHover$3 as slugHollowHover, supportCautionMajor$3 as supportCautionMajor, supportCautionMinor$3 as supportCautionMinor, supportCautionUndefined$3 as supportCautionUndefined, supportError$7 as supportError, supportErrorInverse$7 as supportErrorInverse, supportInfo$7 as supportInfo, supportInfoInverse$7 as supportInfoInverse, supportSuccess$7 as supportSuccess, supportSuccessInverse$7 as supportSuccessInverse, supportWarning$7 as supportWarning, supportWarningInverse$7 as supportWarningInverse, index$1 as tagTokens, textDisabled$7 as textDisabled, textError$7 as textError, textHelper$7 as textHelper, textInverse$7 as textInverse, textOnColor$7 as textOnColor, textOnColorDisabled$7 as textOnColorDisabled, textPlaceholder$7 as textPlaceholder, textPrimary$7 as textPrimary, textSecondary$7 as textSecondary, themes, toggleOff$7 as toggleOff, unstable_metadata, index$3 as v10, white$1 as white };