@carbon/themes 11.27.1 → 11.28.0

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, blue80, green60, red80, red20, red70, red20Hover, red70Hover, magenta20, magenta70, magenta80, magenta20Hover, magenta70Hover, purple20, purple70, purple80, purple20Hover, purple70Hover, blue20Hover, 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, 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 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';
@@ -694,6 +694,16 @@ 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);
+var slugCalloutAuraEndHover01$3 = rgba(white$2, 0);
+var slugCalloutAuraStartHover02$3 = rgba(blue20, 0.5);
+var slugCalloutAuraEndHover02$3 = rgba(white$2, 0);
+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
 var aiGradientStart01$3 = rgba(coolGray10, 0.5);
 var aiGradientStart02$3 = rgba(blue10, 0.5);
@@ -810,6 +820,16 @@ var white$1 = /*#__PURE__*/Object.freeze({
   slugCalloutGradientBottom: slugCalloutGradientBottom$3,
   slugCalloutAuraStart: slugCalloutAuraStart$3,
   slugCalloutAuraEnd: slugCalloutAuraEnd$3,
+  slugCalloutGradientTopHover: slugCalloutGradientTopHover$3,
+  slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$3,
+  slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$3,
+  slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$3,
+  slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$3,
+  slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$3,
+  slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$3,
+  slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$3,
+  slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$3,
+  slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$3,
   aiGradientStart01: aiGradientStart01$3,
   aiGradientStart02: aiGradientStart02$3,
   aiGradientEnd: aiGradientEnd$3,
@@ -1061,6 +1081,16 @@ 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);
+var slugCalloutAuraEndHover01$2 = rgba(white$2, 0);
+var slugCalloutAuraStartHover02$2 = rgba(blue20, 0.5);
+var slugCalloutAuraEndHover02$2 = rgba(white$2, 0);
+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
 var aiGradientStart01$2 = rgba(coolGray10, 0.5);
 var aiGradientStart02$2 = rgba(blue10, 0.5);
@@ -1177,6 +1207,16 @@ var g10$1 = /*#__PURE__*/Object.freeze({
   slugCalloutGradientBottom: slugCalloutGradientBottom$2,
   slugCalloutAuraStart: slugCalloutAuraStart$2,
   slugCalloutAuraEnd: slugCalloutAuraEnd$2,
+  slugCalloutGradientTopHover: slugCalloutGradientTopHover$2,
+  slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$2,
+  slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$2,
+  slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$2,
+  slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$2,
+  slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$2,
+  slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$2,
+  slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$2,
+  slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$2,
+  slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$2,
   aiGradientStart01: aiGradientStart01$2,
   aiGradientStart02: aiGradientStart02$2,
   aiGradientEnd: aiGradientEnd$2,
@@ -1428,6 +1468,16 @@ 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);
+var slugCalloutAuraEndHover01$1 = rgba(gray100, 0);
+var slugCalloutAuraStartHover02$1 = 'transparent';
+var slugCalloutAuraEndHover02$1 = 'transparent';
+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
 var aiGradientStart01$1 = rgba(blue20, 0.2);
 var aiGradientStart02$1 = 'transparent';
@@ -1544,6 +1594,16 @@ var g90$1 = /*#__PURE__*/Object.freeze({
   slugCalloutGradientBottom: slugCalloutGradientBottom$1,
   slugCalloutAuraStart: slugCalloutAuraStart$1,
   slugCalloutAuraEnd: slugCalloutAuraEnd$1,
+  slugCalloutGradientTopHover: slugCalloutGradientTopHover$1,
+  slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$1,
+  slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$1,
+  slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$1,
+  slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$1,
+  slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$1,
+  slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$1,
+  slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$1,
+  slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$1,
+  slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$1,
   aiGradientStart01: aiGradientStart01$1,
   aiGradientStart02: aiGradientStart02$1,
   aiGradientEnd: aiGradientEnd$1,
@@ -1795,6 +1855,16 @@ 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);
+var slugCalloutAuraEndHover01 = rgba(gray100, 0);
+var slugCalloutAuraStartHover02 = 'transparent';
+var slugCalloutAuraEndHover02 = 'transparent';
+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
 var aiGradientStart01 = rgba(blue20, 0.2);
 var aiGradientStart02 = 'transparent';
@@ -1911,6 +1981,16 @@ var g100$1 = /*#__PURE__*/Object.freeze({
   slugCalloutGradientBottom: slugCalloutGradientBottom,
   slugCalloutAuraStart: slugCalloutAuraStart,
   slugCalloutAuraEnd: slugCalloutAuraEnd,
+  slugCalloutGradientTopHover: slugCalloutGradientTopHover,
+  slugCalloutGradientBottomHover: slugCalloutGradientBottomHover,
+  slugCalloutAuraStartHover01: slugCalloutAuraStartHover01,
+  slugCalloutAuraEndHover01: slugCalloutAuraEndHover01,
+  slugCalloutAuraStartHover02: slugCalloutAuraStartHover02,
+  slugCalloutAuraEndHover02: slugCalloutAuraEndHover02,
+  slugCalloutGradientTopSelected: slugCalloutGradientTopSelected,
+  slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected,
+  slugCalloutAuraStartSelected: slugCalloutAuraStartSelected,
+  slugCalloutAuraEndSelected: slugCalloutAuraEndSelected,
   aiGradientStart01: aiGradientStart01,
   aiGradientStart02: aiGradientStart02,
   aiGradientEnd: aiGradientEnd,
@@ -4810,7 +4890,7 @@ 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', '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']
 });
 var group = TokenGroup.create({
   name: 'All',
@@ -4966,4 +5046,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, slugCalloutAuraStart$3 as slugCalloutAuraStart, slugCalloutGradientBottom$3 as slugCalloutGradientBottom, slugCalloutGradientTop$3 as slugCalloutGradientTop, 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 { 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 };

package/lib/index.js

@@ -700,6 +700,16 @@ 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);
+var slugCalloutAuraEndHover01$3 = colors$1.rgba(colors$1.white, 0);
+var slugCalloutAuraStartHover02$3 = colors$1.rgba(colors$1.blue20, 0.5);
+var slugCalloutAuraEndHover02$3 = colors$1.rgba(colors$1.white, 0);
+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
 var aiGradientStart01$3 = colors$1.rgba(colors$1.coolGray10, 0.5);
 var aiGradientStart02$3 = colors$1.rgba(colors$1.blue10, 0.5);
@@ -816,6 +826,16 @@ var white$1 = /*#__PURE__*/Object.freeze({
   slugCalloutGradientBottom: slugCalloutGradientBottom$3,
   slugCalloutAuraStart: slugCalloutAuraStart$3,
   slugCalloutAuraEnd: slugCalloutAuraEnd$3,
+  slugCalloutGradientTopHover: slugCalloutGradientTopHover$3,
+  slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$3,
+  slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$3,
+  slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$3,
+  slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$3,
+  slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$3,
+  slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$3,
+  slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$3,
+  slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$3,
+  slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$3,
   aiGradientStart01: aiGradientStart01$3,
   aiGradientStart02: aiGradientStart02$3,
   aiGradientEnd: aiGradientEnd$3,
@@ -1067,6 +1087,16 @@ 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);
+var slugCalloutAuraEndHover01$2 = colors$1.rgba(colors$1.white, 0);
+var slugCalloutAuraStartHover02$2 = colors$1.rgba(colors$1.blue20, 0.5);
+var slugCalloutAuraEndHover02$2 = colors$1.rgba(colors$1.white, 0);
+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
 var aiGradientStart01$2 = colors$1.rgba(colors$1.coolGray10, 0.5);
 var aiGradientStart02$2 = colors$1.rgba(colors$1.blue10, 0.5);
@@ -1183,6 +1213,16 @@ var g10$1 = /*#__PURE__*/Object.freeze({
   slugCalloutGradientBottom: slugCalloutGradientBottom$2,
   slugCalloutAuraStart: slugCalloutAuraStart$2,
   slugCalloutAuraEnd: slugCalloutAuraEnd$2,
+  slugCalloutGradientTopHover: slugCalloutGradientTopHover$2,
+  slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$2,
+  slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$2,
+  slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$2,
+  slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$2,
+  slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$2,
+  slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$2,
+  slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$2,
+  slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$2,
+  slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$2,
   aiGradientStart01: aiGradientStart01$2,
   aiGradientStart02: aiGradientStart02$2,
   aiGradientEnd: aiGradientEnd$2,
@@ -1434,6 +1474,16 @@ 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);
+var slugCalloutAuraEndHover01$1 = colors$1.rgba(colors$1.gray100, 0);
+var slugCalloutAuraStartHover02$1 = 'transparent';
+var slugCalloutAuraEndHover02$1 = 'transparent';
+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
 var aiGradientStart01$1 = colors$1.rgba(colors$1.blue20, 0.2);
 var aiGradientStart02$1 = 'transparent';
@@ -1550,6 +1600,16 @@ var g90$1 = /*#__PURE__*/Object.freeze({
   slugCalloutGradientBottom: slugCalloutGradientBottom$1,
   slugCalloutAuraStart: slugCalloutAuraStart$1,
   slugCalloutAuraEnd: slugCalloutAuraEnd$1,
+  slugCalloutGradientTopHover: slugCalloutGradientTopHover$1,
+  slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$1,
+  slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$1,
+  slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$1,
+  slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$1,
+  slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$1,
+  slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$1,
+  slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$1,
+  slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$1,
+  slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$1,
   aiGradientStart01: aiGradientStart01$1,
   aiGradientStart02: aiGradientStart02$1,
   aiGradientEnd: aiGradientEnd$1,
@@ -1801,6 +1861,16 @@ 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);
+var slugCalloutAuraEndHover01 = colors$1.rgba(colors$1.gray100, 0);
+var slugCalloutAuraStartHover02 = 'transparent';
+var slugCalloutAuraEndHover02 = 'transparent';
+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
 var aiGradientStart01 = colors$1.rgba(colors$1.blue20, 0.2);
 var aiGradientStart02 = 'transparent';
@@ -1917,6 +1987,16 @@ var g100$1 = /*#__PURE__*/Object.freeze({
   slugCalloutGradientBottom: slugCalloutGradientBottom,
   slugCalloutAuraStart: slugCalloutAuraStart,
   slugCalloutAuraEnd: slugCalloutAuraEnd,
+  slugCalloutGradientTopHover: slugCalloutGradientTopHover,
+  slugCalloutGradientBottomHover: slugCalloutGradientBottomHover,
+  slugCalloutAuraStartHover01: slugCalloutAuraStartHover01,
+  slugCalloutAuraEndHover01: slugCalloutAuraEndHover01,
+  slugCalloutAuraStartHover02: slugCalloutAuraStartHover02,
+  slugCalloutAuraEndHover02: slugCalloutAuraEndHover02,
+  slugCalloutGradientTopSelected: slugCalloutGradientTopSelected,
+  slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected,
+  slugCalloutAuraStartSelected: slugCalloutAuraStartSelected,
+  slugCalloutAuraEndSelected: slugCalloutAuraEndSelected,
   aiGradientStart01: aiGradientStart01,
   aiGradientStart02: aiGradientStart02,
   aiGradientEnd: aiGradientEnd,
@@ -4816,7 +4896,7 @@ 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', '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']
 });
 var group = TokenGroup.create({
   name: 'All',
@@ -5347,9 +5427,19 @@ exports.skeletonElement = skeletonElement$7;
 exports.slugBackground = slugBackground$3;
 exports.slugBackgroundHover = slugBackgroundHover$3;
 exports.slugCalloutAuraEnd = slugCalloutAuraEnd$3;
+exports.slugCalloutAuraEndHover01 = slugCalloutAuraEndHover01$3;
+exports.slugCalloutAuraEndHover02 = slugCalloutAuraEndHover02$3;
+exports.slugCalloutAuraEndSelected = slugCalloutAuraEndSelected$3;
 exports.slugCalloutAuraStart = slugCalloutAuraStart$3;
+exports.slugCalloutAuraStartHover01 = slugCalloutAuraStartHover01$3;
+exports.slugCalloutAuraStartHover02 = slugCalloutAuraStartHover02$3;
+exports.slugCalloutAuraStartSelected = slugCalloutAuraStartSelected$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.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.27.1",
+  "version": "11.28.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -49,5 +49,5 @@
     "rimraf": "^5.0.0"
   },
   "sideEffects": false,
-  "gitHead": "30bacc5d251cb7579b313091b607b075f98c144c"
+  "gitHead": "d9121f17b1dd935a5734c6eae10af275f72f6dc7"
 }

package/scss/generated/_themes.scss

@@ -97,9 +97,19 @@ $white: (
   slug-background: #525252,
   slug-background-hover: #6f6f6f,
   slug-callout-aura-end: rgba(255, 255, 255, 0),
+  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-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-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-gradient: #161616
     linear-gradient(135deg, #a8a8a8 0%, rgba(#ffffff, 0) 100%),
   slug-gradient-hover: #161616
@@ -220,9 +230,19 @@ $g10: (
   slug-background: #525252,
   slug-background-hover: #6f6f6f,
   slug-callout-aura-end: rgba(255, 255, 255, 0),
+  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-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-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-gradient: #161616
     linear-gradient(135deg, #a8a8a8 0%, rgba(#ffffff, 0) 100%),
   slug-gradient-hover: #161616
@@ -343,9 +363,19 @@ $g90: (
   slug-background: #c6c6c6,
   slug-background-hover: #e0e0e0,
   slug-callout-aura-end: rgba(22, 22, 22, 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-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-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-gradient: #8d8d8d
     linear-gradient(135deg, #f4f4f4 0%, rgba(#ffffff, 0) 100%),
   slug-gradient-hover: #a8a8a8
@@ -466,9 +496,19 @@ $g100: (
   slug-background: #c6c6c6,
   slug-background-hover: #e0e0e0,
   slug-callout-aura-end: rgba(22, 22, 22, 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-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-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-gradient: #8d8d8d
     linear-gradient(135deg, #f4f4f4 0%, rgba(#ffffff, 0) 100%),
   slug-gradient-hover: #a8a8a8

package/scss/generated/_tokens.scss

@@ -319,6 +319,56 @@ $slug-callout-aura-start: _get('slug-callout-aura-start') !default;
 /// The CSS Custom Property for the `slug-callout-aura-end` token
 $slug-callout-aura-end: _get('slug-callout-aura-end') !default;
 
+/// The CSS Custom Property for the `slug-callout-gradient-top-hover` token
+$slug-callout-gradient-top-hover: _get(
+  'slug-callout-gradient-top-hover'
+) !default;
+
+/// The CSS Custom Property for the `slug-callout-gradient-bottom-hover` token
+$slug-callout-gradient-bottom-hover: _get(
+  'slug-callout-gradient-bottom-hover'
+) !default;
+
+/// The CSS Custom Property for the `slug-callout-aura-start-hover-01` token
+$slug-callout-aura-start-hover-01: _get(
+  'slug-callout-aura-start-hover-01'
+) !default;
+
+/// The CSS Custom Property for the `slug-callout-aura-start-hover-02` token
+$slug-callout-aura-start-hover-02: _get(
+  'slug-callout-aura-start-hover-02'
+) !default;
+
+/// The CSS Custom Property for the `slug-callout-aura-end-hover-01` token
+$slug-callout-aura-end-hover-01: _get(
+  'slug-callout-aura-end-hover-01'
+) !default;
+
+/// The CSS Custom Property for the `slug-callout-aura-end-hover-02` token
+$slug-callout-aura-end-hover-02: _get(
+  'slug-callout-aura-end-hover-02'
+) !default;
+
+/// The CSS Custom Property for the `slug-callout-gradient-top-selected` token
+$slug-callout-gradient-top-selected: _get(
+  'slug-callout-gradient-top-selected'
+) !default;
+
+/// The CSS Custom Property for the `slug-callout-gradient-bottom-selected` token
+$slug-callout-gradient-bottom-selected: _get(
+  'slug-callout-gradient-bottom-selected'
+) !default;
+
+/// The CSS Custom Property for the `slug-callout-aura-start-selected` token
+$slug-callout-aura-start-selected: _get(
+  'slug-callout-aura-start-selected'
+) !default;
+
+/// The CSS Custom Property for the `slug-callout-aura-end-selected` token
+$slug-callout-aura-end-selected: _get(
+  'slug-callout-aura-end-selected'
+) !default;
+
 /// The CSS Custom Property for the `ai-gradient-start-01` token
 $ai-gradient-start-01: _get('ai-gradient-start-01') !default;
 

package/src/g10.js

@@ -216,6 +216,16 @@ export const slugCalloutGradientTop = rgba(gray10, 0.85);
 export const slugCalloutGradientBottom = rgba(gray20, 0.85);
 export const slugCalloutAuraStart = rgba(blue10, 0.6);
 export const slugCalloutAuraEnd = rgba(white, 0);
+export const slugCalloutGradientTopHover = rgba(gray20, 0.55);
+export const slugCalloutGradientBottomHover = rgba(gray20Hover, 0.55);
+export const slugCalloutAuraStartHover01 = rgba(white, 0.5);
+export const slugCalloutAuraEndHover01 = rgba(white, 0);
+export const slugCalloutAuraStartHover02 = rgba(blue20, 0.5);
+export const slugCalloutAuraEndHover02 = rgba(white, 0);
+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);

package/src/g100.js

@@ -8,6 +8,7 @@
 import {
   // Blue
   blue20,
+  blue20Hover,
   blue40,
   blue60,
   blue70,
@@ -221,6 +222,16 @@ export const slugCalloutGradientTop = rgba(gray100, 0.85);
 export const slugCalloutGradientBottom = rgba(gray90, 0.85);
 export const slugCalloutAuraStart = rgba(blue20, 0.2);
 export const slugCalloutAuraEnd = rgba(gray100, 0);
+export const slugCalloutGradientTopHover = rgba(gray80, 0.55);
+export const slugCalloutGradientBottomHover = rgba(gray80Hover, 0.55);
+export const slugCalloutAuraStartHover01 = rgba(blue20Hover, 0.3);
+export const slugCalloutAuraEndHover01 = rgba(gray100, 0);
+export const slugCalloutAuraStartHover02 = 'transparent';
+export const slugCalloutAuraEndHover02 = 'transparent';
+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';

package/src/g90.js

@@ -8,6 +8,7 @@
 import {
   // Blue
   blue20,
+  blue20Hover,
   blue40,
   blue60,
   blue70,
@@ -221,6 +222,16 @@ export const slugCalloutGradientTop = rgba(gray100, 0.85);
 export const slugCalloutGradientBottom = rgba(gray90, 0.85);
 export const slugCalloutAuraStart = rgba(blue20, 0.2);
 export const slugCalloutAuraEnd = rgba(gray100, 0);
+export const slugCalloutGradientTopHover = rgba(gray80, 0.55);
+export const slugCalloutGradientBottomHover = rgba(gray80Hover, 0.55);
+export const slugCalloutAuraStartHover01 = rgba(blue20Hover, 0.3);
+export const slugCalloutAuraEndHover01 = rgba(gray100, 0);
+export const slugCalloutAuraStartHover02 = 'transparent';
+export const slugCalloutAuraEndHover02 = 'transparent';
+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';

package/src/tokens/v11TokenGroup.js

@@ -354,6 +354,16 @@ export const ai = TokenGroup.create({
     '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',

package/src/white.js

@@ -216,6 +216,16 @@ export const slugCalloutGradientTop = rgba(gray10, 0.85);
 export const slugCalloutGradientBottom = rgba(gray20, 0.85);
 export const slugCalloutAuraStart = rgba(blue10, 0.6);
 export const slugCalloutAuraEnd = rgba(white, 0);
+export const slugCalloutGradientTopHover = rgba(gray20, 0.55);
+export const slugCalloutGradientBottomHover = rgba(gray20Hover, 0.55);
+export const slugCalloutAuraStartHover01 = rgba(white, 0.5);
+export const slugCalloutAuraEndHover01 = rgba(white, 0);
+export const slugCalloutAuraStartHover02 = rgba(blue20, 0.5);
+export const slugCalloutAuraEndHover02 = rgba(white, 0);
+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);

package/umd/index.js

@@ -697,6 +697,16 @@
   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);
+  var slugCalloutAuraEndHover01$3 = colors$1.rgba(colors$1.white, 0);
+  var slugCalloutAuraStartHover02$3 = colors$1.rgba(colors$1.blue20, 0.5);
+  var slugCalloutAuraEndHover02$3 = colors$1.rgba(colors$1.white, 0);
+  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
   var aiGradientStart01$3 = colors$1.rgba(colors$1.coolGray10, 0.5);
   var aiGradientStart02$3 = colors$1.rgba(colors$1.blue10, 0.5);
@@ -813,6 +823,16 @@
     slugCalloutGradientBottom: slugCalloutGradientBottom$3,
     slugCalloutAuraStart: slugCalloutAuraStart$3,
     slugCalloutAuraEnd: slugCalloutAuraEnd$3,
+    slugCalloutGradientTopHover: slugCalloutGradientTopHover$3,
+    slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$3,
+    slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$3,
+    slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$3,
+    slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$3,
+    slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$3,
+    slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$3,
+    slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$3,
+    slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$3,
+    slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$3,
     aiGradientStart01: aiGradientStart01$3,
     aiGradientStart02: aiGradientStart02$3,
     aiGradientEnd: aiGradientEnd$3,
@@ -1064,6 +1084,16 @@
   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);
+  var slugCalloutAuraEndHover01$2 = colors$1.rgba(colors$1.white, 0);
+  var slugCalloutAuraStartHover02$2 = colors$1.rgba(colors$1.blue20, 0.5);
+  var slugCalloutAuraEndHover02$2 = colors$1.rgba(colors$1.white, 0);
+  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
   var aiGradientStart01$2 = colors$1.rgba(colors$1.coolGray10, 0.5);
   var aiGradientStart02$2 = colors$1.rgba(colors$1.blue10, 0.5);
@@ -1180,6 +1210,16 @@
     slugCalloutGradientBottom: slugCalloutGradientBottom$2,
     slugCalloutAuraStart: slugCalloutAuraStart$2,
     slugCalloutAuraEnd: slugCalloutAuraEnd$2,
+    slugCalloutGradientTopHover: slugCalloutGradientTopHover$2,
+    slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$2,
+    slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$2,
+    slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$2,
+    slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$2,
+    slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$2,
+    slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$2,
+    slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$2,
+    slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$2,
+    slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$2,
     aiGradientStart01: aiGradientStart01$2,
     aiGradientStart02: aiGradientStart02$2,
     aiGradientEnd: aiGradientEnd$2,
@@ -1431,6 +1471,16 @@
   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);
+  var slugCalloutAuraEndHover01$1 = colors$1.rgba(colors$1.gray100, 0);
+  var slugCalloutAuraStartHover02$1 = 'transparent';
+  var slugCalloutAuraEndHover02$1 = 'transparent';
+  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
   var aiGradientStart01$1 = colors$1.rgba(colors$1.blue20, 0.2);
   var aiGradientStart02$1 = 'transparent';
@@ -1547,6 +1597,16 @@
     slugCalloutGradientBottom: slugCalloutGradientBottom$1,
     slugCalloutAuraStart: slugCalloutAuraStart$1,
     slugCalloutAuraEnd: slugCalloutAuraEnd$1,
+    slugCalloutGradientTopHover: slugCalloutGradientTopHover$1,
+    slugCalloutGradientBottomHover: slugCalloutGradientBottomHover$1,
+    slugCalloutAuraStartHover01: slugCalloutAuraStartHover01$1,
+    slugCalloutAuraEndHover01: slugCalloutAuraEndHover01$1,
+    slugCalloutAuraStartHover02: slugCalloutAuraStartHover02$1,
+    slugCalloutAuraEndHover02: slugCalloutAuraEndHover02$1,
+    slugCalloutGradientTopSelected: slugCalloutGradientTopSelected$1,
+    slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected$1,
+    slugCalloutAuraStartSelected: slugCalloutAuraStartSelected$1,
+    slugCalloutAuraEndSelected: slugCalloutAuraEndSelected$1,
     aiGradientStart01: aiGradientStart01$1,
     aiGradientStart02: aiGradientStart02$1,
     aiGradientEnd: aiGradientEnd$1,
@@ -1798,6 +1858,16 @@
   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);
+  var slugCalloutAuraEndHover01 = colors$1.rgba(colors$1.gray100, 0);
+  var slugCalloutAuraStartHover02 = 'transparent';
+  var slugCalloutAuraEndHover02 = 'transparent';
+  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
   var aiGradientStart01 = colors$1.rgba(colors$1.blue20, 0.2);
   var aiGradientStart02 = 'transparent';
@@ -1914,6 +1984,16 @@
     slugCalloutGradientBottom: slugCalloutGradientBottom,
     slugCalloutAuraStart: slugCalloutAuraStart,
     slugCalloutAuraEnd: slugCalloutAuraEnd,
+    slugCalloutGradientTopHover: slugCalloutGradientTopHover,
+    slugCalloutGradientBottomHover: slugCalloutGradientBottomHover,
+    slugCalloutAuraStartHover01: slugCalloutAuraStartHover01,
+    slugCalloutAuraEndHover01: slugCalloutAuraEndHover01,
+    slugCalloutAuraStartHover02: slugCalloutAuraStartHover02,
+    slugCalloutAuraEndHover02: slugCalloutAuraEndHover02,
+    slugCalloutGradientTopSelected: slugCalloutGradientTopSelected,
+    slugCalloutGradientBottomSelected: slugCalloutGradientBottomSelected,
+    slugCalloutAuraStartSelected: slugCalloutAuraStartSelected,
+    slugCalloutAuraEndSelected: slugCalloutAuraEndSelected,
     aiGradientStart01: aiGradientStart01,
     aiGradientStart02: aiGradientStart02,
     aiGradientEnd: aiGradientEnd,
@@ -4813,7 +4893,7 @@
   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', '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']
   });
   var group = TokenGroup.create({
     name: 'All',
@@ -5344,9 +5424,19 @@
   exports.slugBackground = slugBackground$3;
   exports.slugBackgroundHover = slugBackgroundHover$3;
   exports.slugCalloutAuraEnd = slugCalloutAuraEnd$3;
+  exports.slugCalloutAuraEndHover01 = slugCalloutAuraEndHover01$3;
+  exports.slugCalloutAuraEndHover02 = slugCalloutAuraEndHover02$3;
+  exports.slugCalloutAuraEndSelected = slugCalloutAuraEndSelected$3;
   exports.slugCalloutAuraStart = slugCalloutAuraStart$3;
+  exports.slugCalloutAuraStartHover01 = slugCalloutAuraStartHover01$3;
+  exports.slugCalloutAuraStartHover02 = slugCalloutAuraStartHover02$3;
+  exports.slugCalloutAuraStartSelected = slugCalloutAuraStartSelected$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.slugGradient = slugGradient$3;
   exports.slugGradientHover = slugGradientHover$3;
   exports.slugHollowHover = slugHollowHover$3;