@carbon/themes 11.44.0 → 11.45.0-rc.0

package/es/index.js

@@ -3880,7 +3880,7 @@ var colors = [
 'background', 'layer', 'layerAccent', 'layerAccentHover', 'layerAccentActive', 'field', 'backgroundInverse', 'backgroundBrand', 'interactive', 'borderSubtle', 'borderStrong', 'borderInverse', 'borderInteractive', 'textPrimary', 'textSecondary', 'textPlaceholder', 'textHelper', 'textOnColor', 'textInverse', 'linkPrimary', 'linkSecondary', 'linkVisited', 'linkInverse', 'iconPrimary', 'iconSecondary', 'iconOnColor', 'iconInverse', 'supportError', 'supportSuccess', 'supportWarning', 'supportInfo', 'supportErrorInverse', 'supportSuccessInverse', 'supportWarningInverse', 'supportInfoInverse', 'overlay', 'toggleOff', 'shadow', 'buttonPrimary', 'buttonSecondary', 'buttonTertiary', 'buttonDangerPrimary', 'buttonDangerSecondary', 'backgroundActive', 'layerActive', 'buttonDangerActive', 'buttonPrimaryActive', 'buttonSecondaryActive', 'buttonTertiaryActive', 'focusInset', 'focusInverse', 'backgroundHover', 'layerHover', 'fieldHover', 'backgroundInverseHover', 'linkPrimaryHover', 'buttonDangerHover', 'buttonPrimaryHover', 'buttonSecondaryHover', 'buttonTertiaryHover', 'backgroundSelected', 'backgroundSelectedHover', 'layerSelected', 'layerSelectedHover', 'layerSelectedInverse', 'borderSubtleSelected', 'borderDisabled', 'textDisabled', 'buttonDisabled', 'iconDisabled', 'textOnColorDisabled', 'iconOnColorDisabled', 'layerSelectedDisabled', 'skeletonBackground', 'skeletonElement',
 // Deprecated
 'brand01', 'brand02', 'brand03', 'active01', 'hoverField', 'danger'];
-var tokens$3 = {
+var tokens$4 = {
   colors: colors,
   type: unstable_tokens,
   layout: unstable_tokens$1
@@ -3899,14 +3899,14 @@ var themes$1 = {
   g100: g100
 };
 
-var index$3 = /*#__PURE__*/Object.freeze({
+var index$4 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   white: white,
   g10: g10,
   g90: g90,
   g100: g100,
   themes: themes$1,
-  tokens: tokens$3,
+  tokens: tokens$4,
   caption01: caption01,
   caption02: caption02,
   label01: label01,
@@ -4243,7 +4243,7 @@ var buttonDisabled = {
   g100: 'rgb(141 141 141 / 30%)'
 };
 
-var tokens$2 = /*#__PURE__*/Object.freeze({
+var tokens$3 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   buttonSeparator: buttonSeparator,
   buttonPrimary: buttonPrimary,
@@ -4262,9 +4262,9 @@ var tokens$2 = /*#__PURE__*/Object.freeze({
   buttonDisabled: buttonDisabled
 });
 
-var index$2 = /*#__PURE__*/Object.freeze({
+var index$3 = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  buttonTokens: tokens$2
+  buttonTokens: tokens$3
 });
 
 var tagBackgroundRed = {
@@ -4508,7 +4508,7 @@ var tagBorderWarmGray = {
   g100: warmGray50
 };
 
-var tokens$1 = /*#__PURE__*/Object.freeze({
+var tokens$2 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   tagBackgroundRed: tagBackgroundRed,
   tagColorRed: tagColorRed,
@@ -4552,9 +4552,9 @@ var tokens$1 = /*#__PURE__*/Object.freeze({
   tagBorderWarmGray: tagBorderWarmGray
 });
 
-var index$1 = /*#__PURE__*/Object.freeze({
+var index$2 = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  tagTokens: tokens$1
+  tagTokens: tokens$2
 });
 
 var notificationBackgroundError = {
@@ -4616,7 +4616,7 @@ var notificationActionTertiaryInverseTextOnColorDisabled = {
   g100: textOnColorDisabled$7
 };
 
-var tokens = /*#__PURE__*/Object.freeze({
+var tokens$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   notificationBackgroundError: notificationBackgroundError,
   notificationBackgroundSuccess: notificationBackgroundSuccess,
@@ -4630,9 +4630,75 @@ var tokens = /*#__PURE__*/Object.freeze({
   notificationActionTertiaryInverseTextOnColorDisabled: notificationActionTertiaryInverseTextOnColorDisabled
 });
 
+var index$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  notificationTokens: tokens$1
+});
+
+var statusRed = {
+  whiteTheme: red60,
+  g10: red60,
+  g90: red50,
+  g100: red50
+};
+var statusOrange = {
+  whiteTheme: orange40,
+  g10: orange40,
+  g90: orange40,
+  g100: orange40
+};
+var statusYellow = {
+  whiteTheme: yellow30,
+  g10: yellow30,
+  g90: yellow30,
+  g100: yellow30
+};
+var statusPurple = {
+  whiteTheme: purple60,
+  g10: purple60,
+  g90: purple50,
+  g100: purple50
+};
+var statusGreen = {
+  whiteTheme: green50,
+  g10: green50,
+  g90: green40,
+  g100: green40
+};
+var statusBlue = {
+  whiteTheme: blue70,
+  g10: blue70,
+  g90: blue50,
+  g100: blue50
+};
+var statusGray = {
+  whiteTheme: gray60,
+  g10: gray60,
+  g90: gray50,
+  g100: gray50
+};
+var statusAccessibilityBackground = {
+  whiteTheme: white$2,
+  g10: white$2,
+  g90: gray100,
+  g100: gray100
+};
+
+var tokens = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  statusRed: statusRed,
+  statusOrange: statusOrange,
+  statusYellow: statusYellow,
+  statusPurple: statusPurple,
+  statusGreen: statusGreen,
+  statusBlue: statusBlue,
+  statusGray: statusGray,
+  statusAccessibilityBackground: statusAccessibilityBackground
+});
+
 var index = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  notificationTokens: tokens
+  statusTokens: tokens
 });
 
 /**
@@ -5173,12 +5239,18 @@ var tag = TokenGroup.create({
   properties: [],
   tokens: ['tag-background-red', 'tag-color-red', 'tag-hover-red', 'tag-background-magenta', 'tag-color-magenta', 'tag-hover-magenta', 'tag-background-purple', 'tag-color-purple', 'tag-hover-purple', 'tag-background-blue', 'tag-color-blue', 'tag-hover-blue', 'tag-background-cyan', 'tag-color-cyan', 'tag-hover-cyan', 'tag-background-teal', 'tag-color-teal', 'tag-hover-teal', 'tag-background-green', 'tag-color-green', 'tag-hover-green', 'tag-background-gray', 'tag-color-gray', 'tag-hover-gray', 'tag-border-red', 'tag-border-blue', 'tag-border-cyan', 'tag-border-teal', 'tag-border-green', 'tag-border-magenta', 'tag-border-purple', 'tag-border-gray', 'tag-border-cool-gray', 'tag-border-warm-gray', 'tag-background-cool-gray', 'tag-color-cool-gray', 'tag-hover-cool-gray', 'tag-background-warm-gray', 'tag-color-warm-gray', 'tag-hover-warm-gray']
 });
+var status = TokenGroup.create({
+  name: 'Status',
+  properties: [],
+  tokens: ['status-red', 'status-orange', 'status-yellow', 'status-purple', 'status-green', 'status-blue', 'status-gray']
+});
 
 var components = /*#__PURE__*/Object.freeze({
   __proto__: null,
   button: button,
   notification: notification,
-  tag: tag
+  tag: tag,
+  status: status
 });
 
 /**
@@ -5285,4 +5357,4 @@ var themes = {
   g100: g100$1
 };
 
-export { aiAuraEnd$3 as aiAuraEnd, aiAuraHoverBackground$3 as aiAuraHoverBackground, aiAuraHoverEnd$3 as aiAuraHoverEnd, aiAuraHoverStart$3 as aiAuraHoverStart, aiAuraStart$3 as aiAuraStart, aiAuraStartSm$3 as aiAuraStartSm, aiBorderEnd$3 as aiBorderEnd, aiBorderStart$3 as aiBorderStart, aiBorderStrong$3 as aiBorderStrong, aiDropShadow$3 as aiDropShadow, aiInnerShadow$3 as aiInnerShadow, aiOverlay$3 as aiOverlay, aiPopoverBackground$3 as aiPopoverBackground, aiPopoverCaretBottom$3 as aiPopoverCaretBottom, aiPopoverCaretBottomBackground$3 as aiPopoverCaretBottomBackground, aiPopoverCaretBottomBackgroundActions$3 as aiPopoverCaretBottomBackgroundActions, aiPopoverCaretCenter$3 as aiPopoverCaretCenter, aiPopoverShadowOuter01$3 as aiPopoverShadowOuter01, aiPopoverShadowOuter02$3 as aiPopoverShadowOuter02, aiSkeletonBackground$3 as aiSkeletonBackground, aiSkeletonElementBackground$3 as aiSkeletonElementBackground, 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, chatAvatarAgent$3 as chatAvatarAgent, chatAvatarBot$3 as chatAvatarBot, chatAvatarUser$3 as chatAvatarUser, chatBubbleAgent$3 as chatBubbleAgent, chatBubbleBorder$3 as chatBubbleBorder, chatBubbleUser$3 as chatBubbleUser, chatButton$3 as chatButton, chatButtonActive$3 as chatButtonActive, chatButtonHover$3 as chatButtonHover, chatButtonSelected$3 as chatButtonSelected, chatButtonTextHover$3 as chatButtonTextHover, chatButtonTextSelected$3 as chatButtonTextSelected, chatHeaderBackground$3 as chatHeaderBackground, chatPromptBackground$3 as chatPromptBackground, chatPromptBorderEnd$3 as chatPromptBorderEnd, chatPromptBorderStart$3 as chatPromptBorderStart, chatShellBackground$3 as chatShellBackground, 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, linkInverseVisited$3 as linkInverseVisited, 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, 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, aiAuraHoverBackground$3 as aiAuraHoverBackground, aiAuraHoverEnd$3 as aiAuraHoverEnd, aiAuraHoverStart$3 as aiAuraHoverStart, aiAuraStart$3 as aiAuraStart, aiAuraStartSm$3 as aiAuraStartSm, aiBorderEnd$3 as aiBorderEnd, aiBorderStart$3 as aiBorderStart, aiBorderStrong$3 as aiBorderStrong, aiDropShadow$3 as aiDropShadow, aiInnerShadow$3 as aiInnerShadow, aiOverlay$3 as aiOverlay, aiPopoverBackground$3 as aiPopoverBackground, aiPopoverCaretBottom$3 as aiPopoverCaretBottom, aiPopoverCaretBottomBackground$3 as aiPopoverCaretBottomBackground, aiPopoverCaretBottomBackgroundActions$3 as aiPopoverCaretBottomBackgroundActions, aiPopoverCaretCenter$3 as aiPopoverCaretCenter, aiPopoverShadowOuter01$3 as aiPopoverShadowOuter01, aiPopoverShadowOuter02$3 as aiPopoverShadowOuter02, aiSkeletonBackground$3 as aiSkeletonBackground, aiSkeletonElementBackground$3 as aiSkeletonElementBackground, 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$3 as buttonTokens, chatAvatarAgent$3 as chatAvatarAgent, chatAvatarBot$3 as chatAvatarBot, chatAvatarUser$3 as chatAvatarUser, chatBubbleAgent$3 as chatBubbleAgent, chatBubbleBorder$3 as chatBubbleBorder, chatBubbleUser$3 as chatBubbleUser, chatButton$3 as chatButton, chatButtonActive$3 as chatButtonActive, chatButtonHover$3 as chatButtonHover, chatButtonSelected$3 as chatButtonSelected, chatButtonTextHover$3 as chatButtonTextHover, chatButtonTextSelected$3 as chatButtonTextSelected, chatHeaderBackground$3 as chatHeaderBackground, chatPromptBackground$3 as chatPromptBackground, chatPromptBorderEnd$3 as chatPromptBorderEnd, chatPromptBorderStart$3 as chatPromptBorderStart, chatShellBackground$3 as chatShellBackground, 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, linkInverseVisited$3 as linkInverseVisited, linkPrimary$7 as linkPrimary, linkPrimaryHover$7 as linkPrimaryHover, linkSecondary$7 as linkSecondary, linkVisited$7 as linkVisited, index$1 as notificationTokens, overlay$7 as overlay, shadow$7 as shadow, skeletonBackground$7 as skeletonBackground, skeletonElement$7 as skeletonElement, index as statusTokens, 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$2 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$4 as v10, white$1 as white };

package/lib/index.js

@@ -3886,7 +3886,7 @@ var colors = [
 'background', 'layer', 'layerAccent', 'layerAccentHover', 'layerAccentActive', 'field', 'backgroundInverse', 'backgroundBrand', 'interactive', 'borderSubtle', 'borderStrong', 'borderInverse', 'borderInteractive', 'textPrimary', 'textSecondary', 'textPlaceholder', 'textHelper', 'textOnColor', 'textInverse', 'linkPrimary', 'linkSecondary', 'linkVisited', 'linkInverse', 'iconPrimary', 'iconSecondary', 'iconOnColor', 'iconInverse', 'supportError', 'supportSuccess', 'supportWarning', 'supportInfo', 'supportErrorInverse', 'supportSuccessInverse', 'supportWarningInverse', 'supportInfoInverse', 'overlay', 'toggleOff', 'shadow', 'buttonPrimary', 'buttonSecondary', 'buttonTertiary', 'buttonDangerPrimary', 'buttonDangerSecondary', 'backgroundActive', 'layerActive', 'buttonDangerActive', 'buttonPrimaryActive', 'buttonSecondaryActive', 'buttonTertiaryActive', 'focusInset', 'focusInverse', 'backgroundHover', 'layerHover', 'fieldHover', 'backgroundInverseHover', 'linkPrimaryHover', 'buttonDangerHover', 'buttonPrimaryHover', 'buttonSecondaryHover', 'buttonTertiaryHover', 'backgroundSelected', 'backgroundSelectedHover', 'layerSelected', 'layerSelectedHover', 'layerSelectedInverse', 'borderSubtleSelected', 'borderDisabled', 'textDisabled', 'buttonDisabled', 'iconDisabled', 'textOnColorDisabled', 'iconOnColorDisabled', 'layerSelectedDisabled', 'skeletonBackground', 'skeletonElement',
 // Deprecated
 'brand01', 'brand02', 'brand03', 'active01', 'hoverField', 'danger'];
-var tokens$3 = {
+var tokens$4 = {
   colors: colors,
   type: type$2.unstable_tokens,
   layout: layout$2.unstable_tokens
@@ -3905,14 +3905,14 @@ var themes$1 = {
   g100: g100
 };
 
-var index$3 = /*#__PURE__*/Object.freeze({
+var index$4 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   white: white,
   g10: g10,
   g90: g90,
   g100: g100,
   themes: themes$1,
-  tokens: tokens$3,
+  tokens: tokens$4,
   caption01: type$2.caption01,
   caption02: type$2.caption02,
   label01: type$2.label01,
@@ -4249,7 +4249,7 @@ var buttonDisabled = {
   g100: 'rgb(141 141 141 / 30%)'
 };
 
-var tokens$2 = /*#__PURE__*/Object.freeze({
+var tokens$3 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   buttonSeparator: buttonSeparator,
   buttonPrimary: buttonPrimary,
@@ -4268,9 +4268,9 @@ var tokens$2 = /*#__PURE__*/Object.freeze({
   buttonDisabled: buttonDisabled
 });
 
-var index$2 = /*#__PURE__*/Object.freeze({
+var index$3 = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  buttonTokens: tokens$2
+  buttonTokens: tokens$3
 });
 
 var tagBackgroundRed = {
@@ -4514,7 +4514,7 @@ var tagBorderWarmGray = {
   g100: colors$1.warmGray50
 };
 
-var tokens$1 = /*#__PURE__*/Object.freeze({
+var tokens$2 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   tagBackgroundRed: tagBackgroundRed,
   tagColorRed: tagColorRed,
@@ -4558,9 +4558,9 @@ var tokens$1 = /*#__PURE__*/Object.freeze({
   tagBorderWarmGray: tagBorderWarmGray
 });
 
-var index$1 = /*#__PURE__*/Object.freeze({
+var index$2 = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  tagTokens: tokens$1
+  tagTokens: tokens$2
 });
 
 var notificationBackgroundError = {
@@ -4622,7 +4622,7 @@ var notificationActionTertiaryInverseTextOnColorDisabled = {
   g100: textOnColorDisabled$7
 };
 
-var tokens = /*#__PURE__*/Object.freeze({
+var tokens$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   notificationBackgroundError: notificationBackgroundError,
   notificationBackgroundSuccess: notificationBackgroundSuccess,
@@ -4636,9 +4636,75 @@ var tokens = /*#__PURE__*/Object.freeze({
   notificationActionTertiaryInverseTextOnColorDisabled: notificationActionTertiaryInverseTextOnColorDisabled
 });
 
+var index$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  notificationTokens: tokens$1
+});
+
+var statusRed = {
+  whiteTheme: colors$1.red60,
+  g10: colors$1.red60,
+  g90: colors$1.red50,
+  g100: colors$1.red50
+};
+var statusOrange = {
+  whiteTheme: colors$1.orange40,
+  g10: colors$1.orange40,
+  g90: colors$1.orange40,
+  g100: colors$1.orange40
+};
+var statusYellow = {
+  whiteTheme: colors$1.yellow30,
+  g10: colors$1.yellow30,
+  g90: colors$1.yellow30,
+  g100: colors$1.yellow30
+};
+var statusPurple = {
+  whiteTheme: colors$1.purple60,
+  g10: colors$1.purple60,
+  g90: colors$1.purple50,
+  g100: colors$1.purple50
+};
+var statusGreen = {
+  whiteTheme: colors$1.green50,
+  g10: colors$1.green50,
+  g90: colors$1.green40,
+  g100: colors$1.green40
+};
+var statusBlue = {
+  whiteTheme: colors$1.blue70,
+  g10: colors$1.blue70,
+  g90: colors$1.blue50,
+  g100: colors$1.blue50
+};
+var statusGray = {
+  whiteTheme: colors$1.gray60,
+  g10: colors$1.gray60,
+  g90: colors$1.gray50,
+  g100: colors$1.gray50
+};
+var statusAccessibilityBackground = {
+  whiteTheme: colors$1.white,
+  g10: colors$1.white,
+  g90: colors$1.gray100,
+  g100: colors$1.gray100
+};
+
+var tokens = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  statusRed: statusRed,
+  statusOrange: statusOrange,
+  statusYellow: statusYellow,
+  statusPurple: statusPurple,
+  statusGreen: statusGreen,
+  statusBlue: statusBlue,
+  statusGray: statusGray,
+  statusAccessibilityBackground: statusAccessibilityBackground
+});
+
 var index = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  notificationTokens: tokens
+  statusTokens: tokens
 });
 
 /**
@@ -5179,12 +5245,18 @@ var tag = TokenGroup.create({
   properties: [],
   tokens: ['tag-background-red', 'tag-color-red', 'tag-hover-red', 'tag-background-magenta', 'tag-color-magenta', 'tag-hover-magenta', 'tag-background-purple', 'tag-color-purple', 'tag-hover-purple', 'tag-background-blue', 'tag-color-blue', 'tag-hover-blue', 'tag-background-cyan', 'tag-color-cyan', 'tag-hover-cyan', 'tag-background-teal', 'tag-color-teal', 'tag-hover-teal', 'tag-background-green', 'tag-color-green', 'tag-hover-green', 'tag-background-gray', 'tag-color-gray', 'tag-hover-gray', 'tag-border-red', 'tag-border-blue', 'tag-border-cyan', 'tag-border-teal', 'tag-border-green', 'tag-border-magenta', 'tag-border-purple', 'tag-border-gray', 'tag-border-cool-gray', 'tag-border-warm-gray', 'tag-background-cool-gray', 'tag-color-cool-gray', 'tag-hover-cool-gray', 'tag-background-warm-gray', 'tag-color-warm-gray', 'tag-hover-warm-gray']
 });
+var status = TokenGroup.create({
+  name: 'Status',
+  properties: [],
+  tokens: ['status-red', 'status-orange', 'status-yellow', 'status-purple', 'status-green', 'status-blue', 'status-gray']
+});
 
 var components = /*#__PURE__*/Object.freeze({
   __proto__: null,
   button: button,
   notification: notification,
-  tag: tag
+  tag: tag,
+  status: status
 });
 
 /**
@@ -5620,7 +5692,7 @@ exports.borderSubtleSelected03 = borderSubtleSelected03$3;
 exports.borderTile01 = borderTile01$3;
 exports.borderTile02 = borderTile02$3;
 exports.borderTile03 = borderTile03$3;
-exports.buttonTokens = index$2;
+exports.buttonTokens = index$3;
 exports.chatAvatarAgent = chatAvatarAgent$3;
 exports.chatAvatarBot = chatAvatarBot$3;
 exports.chatAvatarUser = chatAvatarUser$3;
@@ -5694,11 +5766,12 @@ exports.linkPrimary = linkPrimary$7;
 exports.linkPrimaryHover = linkPrimaryHover$7;
 exports.linkSecondary = linkSecondary$7;
 exports.linkVisited = linkVisited$7;
-exports.notificationTokens = index;
+exports.notificationTokens = index$1;
 exports.overlay = overlay$7;
 exports.shadow = shadow$7;
 exports.skeletonBackground = skeletonBackground$7;
 exports.skeletonElement = skeletonElement$7;
+exports.statusTokens = index;
 exports.supportCautionMajor = supportCautionMajor$3;
 exports.supportCautionMinor = supportCautionMinor$3;
 exports.supportCautionUndefined = supportCautionUndefined$3;
@@ -5710,7 +5783,7 @@ exports.supportSuccess = supportSuccess$7;
 exports.supportSuccessInverse = supportSuccessInverse$7;
 exports.supportWarning = supportWarning$7;
 exports.supportWarningInverse = supportWarningInverse$7;
-exports.tagTokens = index$1;
+exports.tagTokens = index$2;
 exports.textDisabled = textDisabled$7;
 exports.textError = textError$7;
 exports.textHelper = textHelper$7;
@@ -5723,5 +5796,5 @@ exports.textSecondary = textSecondary$7;
 exports.themes = themes;
 exports.toggleOff = toggleOff$7;
 exports.unstable_metadata = unstable_metadata;
-exports.v10 = index$3;
+exports.v10 = index$4;
 exports.white = white$1;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/themes",
   "description": "Themes for applying color in the Carbon Design System",
-  "version": "11.44.0",
+  "version": "11.45.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -51,5 +51,5 @@
     "rimraf": "^6.0.0"
   },
   "sideEffects": false,
-  "gitHead": "97fc2e65d5d78f3bc191f036cb669b072db1d85f"
+  "gitHead": "e14e6577efb2a0231c1a9ba1d4cf5a6a544bd2f9"
 }

package/scss/_component-tokens.scss

@@ -8,3 +8,4 @@
 @forward 'generated/button-tokens';
 @forward 'generated/tag-tokens';
 @forward 'generated/notification-tokens';
+@forward 'generated/status-tokens';

package/scss/generated/_status-tokens.scss

@@ -0,0 +1,65 @@
+// Code generated by @carbon/themes. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2023
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@use 'sass:map';
+
+$status-accessibility-background: (
+  white-theme: #ffffff,
+  g-10: #ffffff,
+  g-90: #161616,
+  g-100: #161616,
+) !default;
+
+$status-blue: (
+  white-theme: #0043ce,
+  g-10: #0043ce,
+  g-90: #4589ff,
+  g-100: #4589ff,
+) !default;
+
+$status-gray: (
+  white-theme: #6f6f6f,
+  g-10: #6f6f6f,
+  g-90: #8d8d8d,
+  g-100: #8d8d8d,
+) !default;
+
+$status-green: (
+  white-theme: #24a148,
+  g-10: #24a148,
+  g-90: #42be65,
+  g-100: #42be65,
+) !default;
+
+$status-orange: (
+  white-theme: #ff832b,
+  g-10: #ff832b,
+  g-90: #ff832b,
+  g-100: #ff832b,
+) !default;
+
+$status-purple: (
+  white-theme: #8a3ffc,
+  g-10: #8a3ffc,
+  g-90: #a56eff,
+  g-100: #a56eff,
+) !default;
+
+$status-red: (
+  white-theme: #da1e28,
+  g-10: #da1e28,
+  g-90: #fa4d56,
+  g-100: #fa4d56,
+) !default;
+
+$status-yellow: (
+  white-theme: #f1c21b,
+  g-10: #f1c21b,
+  g-90: #f1c21b,
+  g-100: #f1c21b,
+) !default;

package/src/component-tokens/status/index.js

@@ -0,0 +1 @@
+export * as statusTokens from './tokens';

package/src/component-tokens/status/tokens.js

@@ -0,0 +1,71 @@
+import {
+  red50,
+  red60,
+  orange40,
+  yellow30,
+  purple50,
+  purple60,
+  green40,
+  green50,
+  blue50,
+  blue70,
+  gray50,
+  gray60,
+  white,
+  gray100,
+} from '@carbon/colors';
+
+export const statusRed = {
+  whiteTheme: red60,
+  g10: red60,
+  g90: red50,
+  g100: red50,
+};
+
+export const statusOrange = {
+  whiteTheme: orange40,
+  g10: orange40,
+  g90: orange40,
+  g100: orange40,
+};
+
+export const statusYellow = {
+  whiteTheme: yellow30,
+  g10: yellow30,
+  g90: yellow30,
+  g100: yellow30,
+};
+
+export const statusPurple = {
+  whiteTheme: purple60,
+  g10: purple60,
+  g90: purple50,
+  g100: purple50,
+};
+
+export const statusGreen = {
+  whiteTheme: green50,
+  g10: green50,
+  g90: green40,
+  g100: green40,
+};
+
+export const statusBlue = {
+  whiteTheme: blue70,
+  g10: blue70,
+  g90: blue50,
+  g100: blue50,
+};
+
+export const statusGray = {
+  whiteTheme: gray60,
+  g10: gray60,
+  g90: gray50,
+  g100: gray50,
+};
+export const statusAccessibilityBackground = {
+  whiteTheme: white,
+  g10: white,
+  g90: gray100,
+  g100: gray100,
+};

package/src/index.js

@@ -13,6 +13,7 @@ import * as v10 from './v10';
 import * as buttonTokens from './component-tokens/button';
 import * as tagTokens from './component-tokens/tag';
 import * as notificationTokens from './component-tokens/notification';
+import * as statusTokens from './component-tokens/status';
 import { formatTokenName } from './tools';
 import { unstable_metadata } from './tokens';
 
@@ -34,6 +35,7 @@ export {
   buttonTokens,
   tagTokens,
   notificationTokens,
+  statusTokens,
   unstable_metadata,
   formatTokenName,
 };

package/src/tokens/components.js

@@ -92,3 +92,17 @@ export const tag = TokenGroup.create({
     'tag-hover-warm-gray',
   ],
 });
+
+export const status = TokenGroup.create({
+  name: 'Status',
+  properties: [],
+  tokens: [
+    'status-red',
+    'status-orange',
+    'status-yellow',
+    'status-purple',
+    'status-green',
+    'status-blue',
+    'status-gray',
+  ],
+});

package/umd/index.js

@@ -3883,7 +3883,7 @@
   'background', 'layer', 'layerAccent', 'layerAccentHover', 'layerAccentActive', 'field', 'backgroundInverse', 'backgroundBrand', 'interactive', 'borderSubtle', 'borderStrong', 'borderInverse', 'borderInteractive', 'textPrimary', 'textSecondary', 'textPlaceholder', 'textHelper', 'textOnColor', 'textInverse', 'linkPrimary', 'linkSecondary', 'linkVisited', 'linkInverse', 'iconPrimary', 'iconSecondary', 'iconOnColor', 'iconInverse', 'supportError', 'supportSuccess', 'supportWarning', 'supportInfo', 'supportErrorInverse', 'supportSuccessInverse', 'supportWarningInverse', 'supportInfoInverse', 'overlay', 'toggleOff', 'shadow', 'buttonPrimary', 'buttonSecondary', 'buttonTertiary', 'buttonDangerPrimary', 'buttonDangerSecondary', 'backgroundActive', 'layerActive', 'buttonDangerActive', 'buttonPrimaryActive', 'buttonSecondaryActive', 'buttonTertiaryActive', 'focusInset', 'focusInverse', 'backgroundHover', 'layerHover', 'fieldHover', 'backgroundInverseHover', 'linkPrimaryHover', 'buttonDangerHover', 'buttonPrimaryHover', 'buttonSecondaryHover', 'buttonTertiaryHover', 'backgroundSelected', 'backgroundSelectedHover', 'layerSelected', 'layerSelectedHover', 'layerSelectedInverse', 'borderSubtleSelected', 'borderDisabled', 'textDisabled', 'buttonDisabled', 'iconDisabled', 'textOnColorDisabled', 'iconOnColorDisabled', 'layerSelectedDisabled', 'skeletonBackground', 'skeletonElement',
   // Deprecated
   'brand01', 'brand02', 'brand03', 'active01', 'hoverField', 'danger'];
-  var tokens$3 = {
+  var tokens$4 = {
     colors: colors,
     type: type$2.unstable_tokens,
     layout: layout$2.unstable_tokens
@@ -3902,14 +3902,14 @@
     g100: g100
   };
 
-  var index$3 = /*#__PURE__*/Object.freeze({
+  var index$4 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     white: white,
     g10: g10,
     g90: g90,
     g100: g100,
     themes: themes$1,
-    tokens: tokens$3,
+    tokens: tokens$4,
     caption01: type$2.caption01,
     caption02: type$2.caption02,
     label01: type$2.label01,
@@ -4246,7 +4246,7 @@
     g100: 'rgb(141 141 141 / 30%)'
   };
 
-  var tokens$2 = /*#__PURE__*/Object.freeze({
+  var tokens$3 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     buttonSeparator: buttonSeparator,
     buttonPrimary: buttonPrimary,
@@ -4265,9 +4265,9 @@
     buttonDisabled: buttonDisabled
   });
 
-  var index$2 = /*#__PURE__*/Object.freeze({
+  var index$3 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    buttonTokens: tokens$2
+    buttonTokens: tokens$3
   });
 
   var tagBackgroundRed = {
@@ -4511,7 +4511,7 @@
     g100: colors$1.warmGray50
   };
 
-  var tokens$1 = /*#__PURE__*/Object.freeze({
+  var tokens$2 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     tagBackgroundRed: tagBackgroundRed,
     tagColorRed: tagColorRed,
@@ -4555,9 +4555,9 @@
     tagBorderWarmGray: tagBorderWarmGray
   });
 
-  var index$1 = /*#__PURE__*/Object.freeze({
+  var index$2 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    tagTokens: tokens$1
+    tagTokens: tokens$2
   });
 
   var notificationBackgroundError = {
@@ -4619,7 +4619,7 @@
     g100: textOnColorDisabled$7
   };
 
-  var tokens = /*#__PURE__*/Object.freeze({
+  var tokens$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     notificationBackgroundError: notificationBackgroundError,
     notificationBackgroundSuccess: notificationBackgroundSuccess,
@@ -4633,9 +4633,75 @@
     notificationActionTertiaryInverseTextOnColorDisabled: notificationActionTertiaryInverseTextOnColorDisabled
   });
 
+  var index$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    notificationTokens: tokens$1
+  });
+
+  var statusRed = {
+    whiteTheme: colors$1.red60,
+    g10: colors$1.red60,
+    g90: colors$1.red50,
+    g100: colors$1.red50
+  };
+  var statusOrange = {
+    whiteTheme: colors$1.orange40,
+    g10: colors$1.orange40,
+    g90: colors$1.orange40,
+    g100: colors$1.orange40
+  };
+  var statusYellow = {
+    whiteTheme: colors$1.yellow30,
+    g10: colors$1.yellow30,
+    g90: colors$1.yellow30,
+    g100: colors$1.yellow30
+  };
+  var statusPurple = {
+    whiteTheme: colors$1.purple60,
+    g10: colors$1.purple60,
+    g90: colors$1.purple50,
+    g100: colors$1.purple50
+  };
+  var statusGreen = {
+    whiteTheme: colors$1.green50,
+    g10: colors$1.green50,
+    g90: colors$1.green40,
+    g100: colors$1.green40
+  };
+  var statusBlue = {
+    whiteTheme: colors$1.blue70,
+    g10: colors$1.blue70,
+    g90: colors$1.blue50,
+    g100: colors$1.blue50
+  };
+  var statusGray = {
+    whiteTheme: colors$1.gray60,
+    g10: colors$1.gray60,
+    g90: colors$1.gray50,
+    g100: colors$1.gray50
+  };
+  var statusAccessibilityBackground = {
+    whiteTheme: colors$1.white,
+    g10: colors$1.white,
+    g90: colors$1.gray100,
+    g100: colors$1.gray100
+  };
+
+  var tokens = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    statusRed: statusRed,
+    statusOrange: statusOrange,
+    statusYellow: statusYellow,
+    statusPurple: statusPurple,
+    statusGreen: statusGreen,
+    statusBlue: statusBlue,
+    statusGray: statusGray,
+    statusAccessibilityBackground: statusAccessibilityBackground
+  });
+
   var index = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    notificationTokens: tokens
+    statusTokens: tokens
   });
 
   /**
@@ -5176,12 +5242,18 @@
     properties: [],
     tokens: ['tag-background-red', 'tag-color-red', 'tag-hover-red', 'tag-background-magenta', 'tag-color-magenta', 'tag-hover-magenta', 'tag-background-purple', 'tag-color-purple', 'tag-hover-purple', 'tag-background-blue', 'tag-color-blue', 'tag-hover-blue', 'tag-background-cyan', 'tag-color-cyan', 'tag-hover-cyan', 'tag-background-teal', 'tag-color-teal', 'tag-hover-teal', 'tag-background-green', 'tag-color-green', 'tag-hover-green', 'tag-background-gray', 'tag-color-gray', 'tag-hover-gray', 'tag-border-red', 'tag-border-blue', 'tag-border-cyan', 'tag-border-teal', 'tag-border-green', 'tag-border-magenta', 'tag-border-purple', 'tag-border-gray', 'tag-border-cool-gray', 'tag-border-warm-gray', 'tag-background-cool-gray', 'tag-color-cool-gray', 'tag-hover-cool-gray', 'tag-background-warm-gray', 'tag-color-warm-gray', 'tag-hover-warm-gray']
   });
+  var status = TokenGroup.create({
+    name: 'Status',
+    properties: [],
+    tokens: ['status-red', 'status-orange', 'status-yellow', 'status-purple', 'status-green', 'status-blue', 'status-gray']
+  });
 
   var components = /*#__PURE__*/Object.freeze({
     __proto__: null,
     button: button,
     notification: notification,
-    tag: tag
+    tag: tag,
+    status: status
   });
 
   /**
@@ -5617,7 +5689,7 @@
   exports.borderTile01 = borderTile01$3;
   exports.borderTile02 = borderTile02$3;
   exports.borderTile03 = borderTile03$3;
-  exports.buttonTokens = index$2;
+  exports.buttonTokens = index$3;
   exports.chatAvatarAgent = chatAvatarAgent$3;
   exports.chatAvatarBot = chatAvatarBot$3;
   exports.chatAvatarUser = chatAvatarUser$3;
@@ -5691,11 +5763,12 @@
   exports.linkPrimaryHover = linkPrimaryHover$7;
   exports.linkSecondary = linkSecondary$7;
   exports.linkVisited = linkVisited$7;
-  exports.notificationTokens = index;
+  exports.notificationTokens = index$1;
   exports.overlay = overlay$7;
   exports.shadow = shadow$7;
   exports.skeletonBackground = skeletonBackground$7;
   exports.skeletonElement = skeletonElement$7;
+  exports.statusTokens = index;
   exports.supportCautionMajor = supportCautionMajor$3;
   exports.supportCautionMinor = supportCautionMinor$3;
   exports.supportCautionUndefined = supportCautionUndefined$3;
@@ -5707,7 +5780,7 @@
   exports.supportSuccessInverse = supportSuccessInverse$7;
   exports.supportWarning = supportWarning$7;
   exports.supportWarningInverse = supportWarningInverse$7;
-  exports.tagTokens = index$1;
+  exports.tagTokens = index$2;
   exports.textDisabled = textDisabled$7;
   exports.textError = textError$7;
   exports.textHelper = textHelper$7;
@@ -5720,7 +5793,7 @@
   exports.themes = themes;
   exports.toggleOff = toggleOff$7;
   exports.unstable_metadata = unstable_metadata;
-  exports.v10 = index$3;
+  exports.v10 = index$4;
   exports.white = white$1;
 
   Object.defineProperty(exports, '__esModule', { value: true });