@carbon/themes 11.68.0-rc.0 → 11.69.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/es/index.js CHANGED
@@ -452,6 +452,9 @@ function formatTokenName(token) {
452
452
  */
453
453
 
454
454
 
455
+ // Color scheme
456
+ var colorScheme$3 = 'light';
457
+
455
458
  // Background
456
459
  var background$8 = white$2;
457
460
  var backgroundInverse$7 = gray80;
@@ -835,6 +838,7 @@ var white$1 = /*#__PURE__*/Object.freeze({
835
838
  chatShellBackground: chatShellBackground$3,
836
839
  code01: code01,
837
840
  code02: code02,
841
+ colorScheme: colorScheme$3,
838
842
  container01: container01,
839
843
  container02: container02,
840
844
  container03: container03,
@@ -1074,6 +1078,9 @@ var white$1 = /*#__PURE__*/Object.freeze({
1074
1078
  */
1075
1079
 
1076
1080
 
1081
+ // Color scheme
1082
+ var colorScheme$2 = 'light';
1083
+
1077
1084
  // Background
1078
1085
  var background$7 = gray10;
1079
1086
  var backgroundInverse$6 = gray80;
@@ -1457,6 +1464,7 @@ var g10$1 = /*#__PURE__*/Object.freeze({
1457
1464
  chatShellBackground: chatShellBackground$2,
1458
1465
  code01: code01,
1459
1466
  code02: code02,
1467
+ colorScheme: colorScheme$2,
1460
1468
  container01: container01,
1461
1469
  container02: container02,
1462
1470
  container03: container03,
@@ -1696,6 +1704,9 @@ var g10$1 = /*#__PURE__*/Object.freeze({
1696
1704
  */
1697
1705
 
1698
1706
 
1707
+ // Color scheme
1708
+ var colorScheme$1 = 'dark';
1709
+
1699
1710
  // Background
1700
1711
  var background$6 = gray90;
1701
1712
  var backgroundInverse$5 = gray10;
@@ -2079,6 +2090,7 @@ var g90$1 = /*#__PURE__*/Object.freeze({
2079
2090
  chatShellBackground: chatShellBackground$1,
2080
2091
  code01: code01,
2081
2092
  code02: code02,
2093
+ colorScheme: colorScheme$1,
2082
2094
  container01: container01,
2083
2095
  container02: container02,
2084
2096
  container03: container03,
@@ -2318,6 +2330,9 @@ var g90$1 = /*#__PURE__*/Object.freeze({
2318
2330
  */
2319
2331
 
2320
2332
 
2333
+ // Color scheme
2334
+ var colorScheme = 'dark';
2335
+
2321
2336
  // Background
2322
2337
  var background$5 = gray100;
2323
2338
  var backgroundInverse$4 = gray10;
@@ -2701,6 +2716,7 @@ var g100$1 = /*#__PURE__*/Object.freeze({
2701
2716
  chatShellBackground: chatShellBackground,
2702
2717
  code01: code01,
2703
2718
  code02: code02,
2719
+ colorScheme: colorScheme,
2704
2720
  container01: container01,
2705
2721
  container02: container02,
2706
2722
  container03: container03,
@@ -3009,7 +3025,7 @@ var skeleton01$3 = '#e5e5e5';
3009
3025
  var skeleton02$3 = gray30;
3010
3026
 
3011
3027
  // New color tokens
3012
- // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
3028
+ // TODO: remove fallback color when v11 is released and assign carbon colors to new tokens
3013
3029
  var background$4 = uiBackground$3;
3014
3030
  var layer$4 = ui01$3;
3015
3031
  var layerAccent$3 = ui03$3;
@@ -3417,7 +3433,7 @@ var skeleton01$2 = '#e5e5e5';
3417
3433
  var skeleton02$2 = gray30;
3418
3434
 
3419
3435
  // New color tokens
3420
- // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
3436
+ // TODO: remove fallback color when v11 is released and assign carbon colors to new tokens
3421
3437
  var background$3 = uiBackground$2;
3422
3438
  var layer$3 = ui01$2;
3423
3439
  var layerAccent$2 = ui03$2;
@@ -3825,7 +3841,7 @@ var skeleton01$1 = '#353535';
3825
3841
  var skeleton02$1 = gray70;
3826
3842
 
3827
3843
  // New color tokens
3828
- // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
3844
+ // TODO: remove fallback color when v11 is released and assign carbon colors to new tokens
3829
3845
  var background$2 = uiBackground$1;
3830
3846
  var layer$2 = ui01$1;
3831
3847
  var layerAccent$1 = ui03$1;
@@ -4233,7 +4249,7 @@ var skeleton01 = '#353535';
4233
4249
  var skeleton02 = gray70;
4234
4250
 
4235
4251
  // New color tokens
4236
- // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
4252
+ // TODO: remove fallback color when v11 is released and assign carbon colors to new tokens
4237
4253
  var background$1 = uiBackground;
4238
4254
  var layer$1 = ui01;
4239
4255
  var layerAccent = ui03;
@@ -4580,7 +4596,7 @@ var colors = [
4580
4596
  // Interactive states
4581
4597
  'focus', 'inverseFocusUi', 'hoverPrimary', 'activePrimary', 'hoverPrimaryText', 'hoverSecondary', 'activeSecondary', 'hoverTertiary', 'activeTertiary', 'hoverUI', 'hoverLightUI', 'hoverSelectedUI', 'activeUI', 'activeLightUI', 'selectedUI', 'selectedLightUI', 'inverseHoverUI', 'hoverDanger', 'activeDanger', 'hoverRow', 'visitedLink', 'disabled01', 'disabled02', 'disabled03', 'highlight', 'decorative01', 'buttonSeparator', 'skeleton01', 'skeleton02',
4582
4598
  // New color tokens
4583
- // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
4599
+ // TODO: remove fallback color when v11 is released and assign carbon colors to new tokens
4584
4600
  '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',
4585
4601
  // Deprecated
4586
4602
  'brand01', 'brand02', 'brand03', 'active01', 'hoverField', 'danger'];
@@ -6041,6 +6057,9 @@ var group = TokenGroup.create({
6041
6057
  }, {
6042
6058
  name: 'overlay',
6043
6059
  properties: ['background']
6060
+ }, {
6061
+ name: 'color-scheme',
6062
+ properties: ['color-scheme']
6044
6063
  }, {
6045
6064
  name: 'toggle-off'
6046
6065
  }, {
@@ -6197,4 +6216,4 @@ var themes = {
6197
6216
  g100: g100$1
6198
6217
  };
6199
6218
 
6200
- 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$4 as buttonTokens, chatAvatarAgent$3 as chatAvatarAgent, chatAvatarBot$3 as chatAvatarBot, chatAvatarUser$3 as chatAvatarUser, chatBubbleAgent$3 as chatBubbleAgent, chatBubbleAgentText$3 as chatBubbleAgentText, chatBubbleBorder$3 as chatBubbleBorder, chatBubbleUser$3 as chatBubbleUser, chatBubbleUserText$3 as chatBubbleUserText, 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, chatHeaderText$3 as chatHeaderText, chatPromptBackground$3 as chatPromptBackground, chatPromptBorderEnd$3 as chatPromptBorderEnd, chatPromptBorderStart$3 as chatPromptBorderStart, chatPromptText$3 as chatPromptText, chatShellBackground$3 as chatShellBackground, index as contentSwitcherTokens, 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, layerBackground01$3 as layerBackground01, layerBackground02$3 as layerBackground02, layerBackground03$3 as layerBackground03, 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$2 as notificationTokens, overlay$7 as overlay, shadow$7 as shadow, skeletonBackground$7 as skeletonBackground, skeletonElement$7 as skeletonElement, index$1 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, syntaxAngleBracket$3 as syntaxAngleBracket, syntaxAnnotation$3 as syntaxAnnotation, syntaxArithmeticOperator$3 as syntaxArithmeticOperator, syntaxAtom$3 as syntaxAtom, syntaxAttribute$3 as syntaxAttribute, syntaxAttributeName$3 as syntaxAttributeName, syntaxAttributeValue$3 as syntaxAttributeValue, syntaxBitwiseOperator$3 as syntaxBitwiseOperator, syntaxBlockComment$3 as syntaxBlockComment, syntaxBool$3 as syntaxBool, syntaxBrace$3 as syntaxBrace, syntaxBracket$3 as syntaxBracket, syntaxCharacter$3 as syntaxCharacter, syntaxClassName$3 as syntaxClassName, syntaxColor$3 as syntaxColor, syntaxComment$3 as syntaxComment, syntaxCompareOperator$3 as syntaxCompareOperator, syntaxConstant$3 as syntaxConstant, syntaxContent$3 as syntaxContent, syntaxContentSeparator$3 as syntaxContentSeparator, syntaxControlKeyword$3 as syntaxControlKeyword, syntaxControlOperator$3 as syntaxControlOperator, syntaxDefinition$3 as syntaxDefinition, syntaxDefinitionKeyword$3 as syntaxDefinitionKeyword, syntaxDefinitionOperator$3 as syntaxDefinitionOperator, syntaxDerefOperator$3 as syntaxDerefOperator, syntaxDocComment$3 as syntaxDocComment, syntaxDocString$3 as syntaxDocString, syntaxDocumentMeta$3 as syntaxDocumentMeta, syntaxEmphasis$3 as syntaxEmphasis, syntaxEscape$3 as syntaxEscape, syntaxFloat$3 as syntaxFloat, syntaxFunction$3 as syntaxFunction, syntaxHeading$3 as syntaxHeading, syntaxHeading1$3 as syntaxHeading1, syntaxHeading2$3 as syntaxHeading2, syntaxHeading3$3 as syntaxHeading3, syntaxHeading4$3 as syntaxHeading4, syntaxHeading5$3 as syntaxHeading5, syntaxHeading6$3 as syntaxHeading6, syntaxInteger$3 as syntaxInteger, syntaxInvalid$3 as syntaxInvalid, syntaxKeyword$3 as syntaxKeyword, syntaxLabelName$3 as syntaxLabelName, syntaxLineComment$3 as syntaxLineComment, syntaxLink$3 as syntaxLink, syntaxList$3 as syntaxList, syntaxLiteral$3 as syntaxLiteral, syntaxLocal$3 as syntaxLocal, syntaxLogicOperator$3 as syntaxLogicOperator, syntaxMacroName$3 as syntaxMacroName, syntaxMeta$3 as syntaxMeta, syntaxModifier$3 as syntaxModifier, syntaxModuleKeyword$3 as syntaxModuleKeyword, syntaxMonospace$3 as syntaxMonospace, syntaxName$3 as syntaxName, syntaxNamespace$3 as syntaxNamespace, syntaxNull$3 as syntaxNull, syntaxNumber$3 as syntaxNumber, syntaxOperator$3 as syntaxOperator, syntaxOperatorKeyword$3 as syntaxOperatorKeyword, syntaxParen$3 as syntaxParen, syntaxProcessingInstruction$3 as syntaxProcessingInstruction, syntaxPropertyName$3 as syntaxPropertyName, syntaxPunctuation$3 as syntaxPunctuation, syntaxQuote$3 as syntaxQuote, syntaxRegexp$3 as syntaxRegexp, syntaxSelf$3 as syntaxSelf, syntaxSeparator$3 as syntaxSeparator, syntaxSpecial$3 as syntaxSpecial, syntaxSpecialString$3 as syntaxSpecialString, syntaxSquareBracket$3 as syntaxSquareBracket, syntaxStandard$3 as syntaxStandard, syntaxStrikethrough$3 as syntaxStrikethrough, syntaxString$3 as syntaxString, syntaxStrong$3 as syntaxStrong, syntaxTag$3 as syntaxTag, syntaxTagName$3 as syntaxTagName, syntaxType$3 as syntaxType, syntaxTypeName$3 as syntaxTypeName, syntaxTypeOperator$3 as syntaxTypeOperator, syntaxUnit$3 as syntaxUnit, syntaxUpdateOperator$3 as syntaxUpdateOperator, syntaxUrl$3 as syntaxUrl, syntaxVariable$3 as syntaxVariable, syntaxVariableName$3 as syntaxVariableName, index$3 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$5 as v10, white$1 as white };
6219
+ 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$4 as buttonTokens, chatAvatarAgent$3 as chatAvatarAgent, chatAvatarBot$3 as chatAvatarBot, chatAvatarUser$3 as chatAvatarUser, chatBubbleAgent$3 as chatBubbleAgent, chatBubbleAgentText$3 as chatBubbleAgentText, chatBubbleBorder$3 as chatBubbleBorder, chatBubbleUser$3 as chatBubbleUser, chatBubbleUserText$3 as chatBubbleUserText, 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, chatHeaderText$3 as chatHeaderText, chatPromptBackground$3 as chatPromptBackground, chatPromptBorderEnd$3 as chatPromptBorderEnd, chatPromptBorderStart$3 as chatPromptBorderStart, chatPromptText$3 as chatPromptText, chatShellBackground$3 as chatShellBackground, colorScheme$3 as colorScheme, index as contentSwitcherTokens, 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, layerBackground01$3 as layerBackground01, layerBackground02$3 as layerBackground02, layerBackground03$3 as layerBackground03, 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$2 as notificationTokens, overlay$7 as overlay, shadow$7 as shadow, skeletonBackground$7 as skeletonBackground, skeletonElement$7 as skeletonElement, index$1 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, syntaxAngleBracket$3 as syntaxAngleBracket, syntaxAnnotation$3 as syntaxAnnotation, syntaxArithmeticOperator$3 as syntaxArithmeticOperator, syntaxAtom$3 as syntaxAtom, syntaxAttribute$3 as syntaxAttribute, syntaxAttributeName$3 as syntaxAttributeName, syntaxAttributeValue$3 as syntaxAttributeValue, syntaxBitwiseOperator$3 as syntaxBitwiseOperator, syntaxBlockComment$3 as syntaxBlockComment, syntaxBool$3 as syntaxBool, syntaxBrace$3 as syntaxBrace, syntaxBracket$3 as syntaxBracket, syntaxCharacter$3 as syntaxCharacter, syntaxClassName$3 as syntaxClassName, syntaxColor$3 as syntaxColor, syntaxComment$3 as syntaxComment, syntaxCompareOperator$3 as syntaxCompareOperator, syntaxConstant$3 as syntaxConstant, syntaxContent$3 as syntaxContent, syntaxContentSeparator$3 as syntaxContentSeparator, syntaxControlKeyword$3 as syntaxControlKeyword, syntaxControlOperator$3 as syntaxControlOperator, syntaxDefinition$3 as syntaxDefinition, syntaxDefinitionKeyword$3 as syntaxDefinitionKeyword, syntaxDefinitionOperator$3 as syntaxDefinitionOperator, syntaxDerefOperator$3 as syntaxDerefOperator, syntaxDocComment$3 as syntaxDocComment, syntaxDocString$3 as syntaxDocString, syntaxDocumentMeta$3 as syntaxDocumentMeta, syntaxEmphasis$3 as syntaxEmphasis, syntaxEscape$3 as syntaxEscape, syntaxFloat$3 as syntaxFloat, syntaxFunction$3 as syntaxFunction, syntaxHeading$3 as syntaxHeading, syntaxHeading1$3 as syntaxHeading1, syntaxHeading2$3 as syntaxHeading2, syntaxHeading3$3 as syntaxHeading3, syntaxHeading4$3 as syntaxHeading4, syntaxHeading5$3 as syntaxHeading5, syntaxHeading6$3 as syntaxHeading6, syntaxInteger$3 as syntaxInteger, syntaxInvalid$3 as syntaxInvalid, syntaxKeyword$3 as syntaxKeyword, syntaxLabelName$3 as syntaxLabelName, syntaxLineComment$3 as syntaxLineComment, syntaxLink$3 as syntaxLink, syntaxList$3 as syntaxList, syntaxLiteral$3 as syntaxLiteral, syntaxLocal$3 as syntaxLocal, syntaxLogicOperator$3 as syntaxLogicOperator, syntaxMacroName$3 as syntaxMacroName, syntaxMeta$3 as syntaxMeta, syntaxModifier$3 as syntaxModifier, syntaxModuleKeyword$3 as syntaxModuleKeyword, syntaxMonospace$3 as syntaxMonospace, syntaxName$3 as syntaxName, syntaxNamespace$3 as syntaxNamespace, syntaxNull$3 as syntaxNull, syntaxNumber$3 as syntaxNumber, syntaxOperator$3 as syntaxOperator, syntaxOperatorKeyword$3 as syntaxOperatorKeyword, syntaxParen$3 as syntaxParen, syntaxProcessingInstruction$3 as syntaxProcessingInstruction, syntaxPropertyName$3 as syntaxPropertyName, syntaxPunctuation$3 as syntaxPunctuation, syntaxQuote$3 as syntaxQuote, syntaxRegexp$3 as syntaxRegexp, syntaxSelf$3 as syntaxSelf, syntaxSeparator$3 as syntaxSeparator, syntaxSpecial$3 as syntaxSpecial, syntaxSpecialString$3 as syntaxSpecialString, syntaxSquareBracket$3 as syntaxSquareBracket, syntaxStandard$3 as syntaxStandard, syntaxStrikethrough$3 as syntaxStrikethrough, syntaxString$3 as syntaxString, syntaxStrong$3 as syntaxStrong, syntaxTag$3 as syntaxTag, syntaxTagName$3 as syntaxTagName, syntaxType$3 as syntaxType, syntaxTypeName$3 as syntaxTypeName, syntaxTypeOperator$3 as syntaxTypeOperator, syntaxUnit$3 as syntaxUnit, syntaxUpdateOperator$3 as syntaxUpdateOperator, syntaxUrl$3 as syntaxUrl, syntaxVariable$3 as syntaxVariable, syntaxVariableName$3 as syntaxVariableName, index$3 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$5 as v10, white$1 as white };
package/lib/index.js CHANGED
@@ -452,6 +452,9 @@ function formatTokenName(token) {
452
452
  */
453
453
 
454
454
 
455
+ // Color scheme
456
+ var colorScheme$3 = 'light';
457
+
455
458
  // Background
456
459
  var background$8 = colors$1.white;
457
460
  var backgroundInverse$7 = colors$1.gray80;
@@ -835,6 +838,7 @@ var white$1 = /*#__PURE__*/Object.freeze({
835
838
  chatShellBackground: chatShellBackground$3,
836
839
  code01: type$2.code01,
837
840
  code02: type$2.code02,
841
+ colorScheme: colorScheme$3,
838
842
  container01: layout$2.container01,
839
843
  container02: layout$2.container02,
840
844
  container03: layout$2.container03,
@@ -1074,6 +1078,9 @@ var white$1 = /*#__PURE__*/Object.freeze({
1074
1078
  */
1075
1079
 
1076
1080
 
1081
+ // Color scheme
1082
+ var colorScheme$2 = 'light';
1083
+
1077
1084
  // Background
1078
1085
  var background$7 = colors$1.gray10;
1079
1086
  var backgroundInverse$6 = colors$1.gray80;
@@ -1457,6 +1464,7 @@ var g10$1 = /*#__PURE__*/Object.freeze({
1457
1464
  chatShellBackground: chatShellBackground$2,
1458
1465
  code01: type$2.code01,
1459
1466
  code02: type$2.code02,
1467
+ colorScheme: colorScheme$2,
1460
1468
  container01: layout$2.container01,
1461
1469
  container02: layout$2.container02,
1462
1470
  container03: layout$2.container03,
@@ -1696,6 +1704,9 @@ var g10$1 = /*#__PURE__*/Object.freeze({
1696
1704
  */
1697
1705
 
1698
1706
 
1707
+ // Color scheme
1708
+ var colorScheme$1 = 'dark';
1709
+
1699
1710
  // Background
1700
1711
  var background$6 = colors$1.gray90;
1701
1712
  var backgroundInverse$5 = colors$1.gray10;
@@ -2079,6 +2090,7 @@ var g90$1 = /*#__PURE__*/Object.freeze({
2079
2090
  chatShellBackground: chatShellBackground$1,
2080
2091
  code01: type$2.code01,
2081
2092
  code02: type$2.code02,
2093
+ colorScheme: colorScheme$1,
2082
2094
  container01: layout$2.container01,
2083
2095
  container02: layout$2.container02,
2084
2096
  container03: layout$2.container03,
@@ -2318,6 +2330,9 @@ var g90$1 = /*#__PURE__*/Object.freeze({
2318
2330
  */
2319
2331
 
2320
2332
 
2333
+ // Color scheme
2334
+ var colorScheme = 'dark';
2335
+
2321
2336
  // Background
2322
2337
  var background$5 = colors$1.gray100;
2323
2338
  var backgroundInverse$4 = colors$1.gray10;
@@ -2701,6 +2716,7 @@ var g100$1 = /*#__PURE__*/Object.freeze({
2701
2716
  chatShellBackground: chatShellBackground,
2702
2717
  code01: type$2.code01,
2703
2718
  code02: type$2.code02,
2719
+ colorScheme: colorScheme,
2704
2720
  container01: layout$2.container01,
2705
2721
  container02: layout$2.container02,
2706
2722
  container03: layout$2.container03,
@@ -3009,7 +3025,7 @@ var skeleton01$3 = '#e5e5e5';
3009
3025
  var skeleton02$3 = colors$1.gray30;
3010
3026
 
3011
3027
  // New color tokens
3012
- // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
3028
+ // TODO: remove fallback color when v11 is released and assign carbon colors to new tokens
3013
3029
  var background$4 = uiBackground$3;
3014
3030
  var layer$4 = ui01$3;
3015
3031
  var layerAccent$3 = ui03$3;
@@ -3417,7 +3433,7 @@ var skeleton01$2 = '#e5e5e5';
3417
3433
  var skeleton02$2 = colors$1.gray30;
3418
3434
 
3419
3435
  // New color tokens
3420
- // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
3436
+ // TODO: remove fallback color when v11 is released and assign carbon colors to new tokens
3421
3437
  var background$3 = uiBackground$2;
3422
3438
  var layer$3 = ui01$2;
3423
3439
  var layerAccent$2 = ui03$2;
@@ -3825,7 +3841,7 @@ var skeleton01$1 = '#353535';
3825
3841
  var skeleton02$1 = colors$1.gray70;
3826
3842
 
3827
3843
  // New color tokens
3828
- // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
3844
+ // TODO: remove fallback color when v11 is released and assign carbon colors to new tokens
3829
3845
  var background$2 = uiBackground$1;
3830
3846
  var layer$2 = ui01$1;
3831
3847
  var layerAccent$1 = ui03$1;
@@ -4233,7 +4249,7 @@ var skeleton01 = '#353535';
4233
4249
  var skeleton02 = colors$1.gray70;
4234
4250
 
4235
4251
  // New color tokens
4236
- // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
4252
+ // TODO: remove fallback color when v11 is released and assign carbon colors to new tokens
4237
4253
  var background$1 = uiBackground;
4238
4254
  var layer$1 = ui01;
4239
4255
  var layerAccent = ui03;
@@ -4580,7 +4596,7 @@ var colors = [
4580
4596
  // Interactive states
4581
4597
  'focus', 'inverseFocusUi', 'hoverPrimary', 'activePrimary', 'hoverPrimaryText', 'hoverSecondary', 'activeSecondary', 'hoverTertiary', 'activeTertiary', 'hoverUI', 'hoverLightUI', 'hoverSelectedUI', 'activeUI', 'activeLightUI', 'selectedUI', 'selectedLightUI', 'inverseHoverUI', 'hoverDanger', 'activeDanger', 'hoverRow', 'visitedLink', 'disabled01', 'disabled02', 'disabled03', 'highlight', 'decorative01', 'buttonSeparator', 'skeleton01', 'skeleton02',
4582
4598
  // New color tokens
4583
- // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
4599
+ // TODO: remove fallback color when v11 is released and assign carbon colors to new tokens
4584
4600
  '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',
4585
4601
  // Deprecated
4586
4602
  'brand01', 'brand02', 'brand03', 'active01', 'hoverField', 'danger'];
@@ -6041,6 +6057,9 @@ var group = TokenGroup.create({
6041
6057
  }, {
6042
6058
  name: 'overlay',
6043
6059
  properties: ['background']
6060
+ }, {
6061
+ name: 'color-scheme',
6062
+ properties: ['color-scheme']
6044
6063
  }, {
6045
6064
  name: 'toggle-off'
6046
6065
  }, {
@@ -6548,6 +6567,7 @@ exports.chatPromptBorderEnd = chatPromptBorderEnd$3;
6548
6567
  exports.chatPromptBorderStart = chatPromptBorderStart$3;
6549
6568
  exports.chatPromptText = chatPromptText$3;
6550
6569
  exports.chatShellBackground = chatShellBackground$3;
6570
+ exports.colorScheme = colorScheme$3;
6551
6571
  exports.contentSwitcherTokens = index;
6552
6572
  exports.field01 = field01$7;
6553
6573
  exports.field02 = field02$7;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/themes",
3
3
  "description": "Themes for applying color in the Carbon Design System",
4
- "version": "11.68.0-rc.0",
4
+ "version": "11.69.0-rc.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -32,19 +32,19 @@
32
32
  "postinstall": "ibmtelemetry --config=telemetry.yml"
33
33
  },
34
34
  "dependencies": {
35
- "@carbon/colors": "^11.47.0-rc.0",
36
- "@carbon/layout": "^11.48.0-rc.0",
37
- "@carbon/type": "^11.54.0-rc.0",
35
+ "@carbon/colors": "^11.47.0",
36
+ "@carbon/layout": "^11.48.0",
37
+ "@carbon/type": "^11.55.0-rc.0",
38
38
  "@ibm/telemetry-js": "^1.5.0",
39
39
  "color": "^4.0.0"
40
40
  },
41
41
  "devDependencies": {
42
42
  "@babel/node": "^7.27.1",
43
43
  "@babel/preset-env": "^7.27.2",
44
- "@carbon/cli": "^11.40.0-rc.0",
44
+ "@carbon/cli": "^11.40.0",
45
45
  "@carbon/cli-reporter": "^10.8.0",
46
46
  "@carbon/scss-generator": "^10.20.0",
47
- "@carbon/test-utils": "^10.39.0",
47
+ "@carbon/test-utils": "^10.40.0",
48
48
  "change-case-all": "^2.1.0",
49
49
  "core-js": "^3.16.0",
50
50
  "fs-extra": "^11.0.0",
@@ -52,5 +52,5 @@
52
52
  "rimraf": "^6.0.1"
53
53
  },
54
54
  "sideEffects": false,
55
- "gitHead": "2878146d9047a6482e745e7279807c93855e9c09"
55
+ "gitHead": "be65faf18c90ab4e6e60afdfad77d412220bd077"
56
56
  }
@@ -5,6 +5,7 @@
5
5
  // This source code is licensed under the Apache-2.0 license found in the
6
6
  // LICENSE file in the root directory of this source tree.
7
7
  //
8
+ @use 'sass:string';
8
9
 
9
10
  /// Token values for the white theme
10
11
  $white: (
@@ -7,6 +7,7 @@
7
7
  //
8
8
 
9
9
  @use 'sass:map';
10
+ @use 'sass:string';
10
11
 
11
12
  $button-danger-active: (
12
13
  white-theme: #750e13,
@@ -7,6 +7,7 @@
7
7
  //
8
8
 
9
9
  @use 'sass:map';
10
+ @use 'sass:string';
10
11
 
11
12
  $content-switcher-background: (
12
13
  white-theme: #e0e0e0,
@@ -7,6 +7,7 @@
7
7
  //
8
8
 
9
9
  @use 'sass:map';
10
+ @use 'sass:string';
10
11
 
11
12
  $notification-action-hover: (
12
13
  white-theme: #ffffff,
@@ -7,6 +7,7 @@
7
7
  //
8
8
 
9
9
  @use 'sass:map';
10
+ @use 'sass:string';
10
11
 
11
12
  $status-accessibility-background: (
12
13
  white-theme: #ffffff,
@@ -7,6 +7,7 @@
7
7
  //
8
8
 
9
9
  @use 'sass:map';
10
+ @use 'sass:string';
10
11
 
11
12
  $tag-background-blue: (
12
13
  white-theme: #d0e2ff,
@@ -7,6 +7,7 @@
7
7
  //
8
8
 
9
9
  @use 'sass:map';
10
+ @use 'sass:string';
10
11
  @use '@carbon/layout';
11
12
  @use '@carbon/type';
12
13
  @use '../utilities';
@@ -78,6 +79,7 @@ $white: (
78
79
  chat-prompt-border-start: #f4f4f4,
79
80
  chat-prompt-text: #161616,
80
81
  chat-shell-background: #ffffff,
82
+ color-scheme: string.unquote('light'),
81
83
  field-01: #f4f4f4,
82
84
  field-02: #ffffff,
83
85
  field-03: #f4f4f4,
@@ -319,6 +321,7 @@ $g10: (
319
321
  chat-prompt-border-start: #f4f4f4,
320
322
  chat-prompt-text: #161616,
321
323
  chat-shell-background: #ffffff,
324
+ color-scheme: string.unquote('light'),
322
325
  field-01: #ffffff,
323
326
  field-02: #f4f4f4,
324
327
  field-03: #ffffff,
@@ -560,6 +563,7 @@ $g90: (
560
563
  chat-prompt-border-start: #262626,
561
564
  chat-prompt-text: #f4f4f4,
562
565
  chat-shell-background: #262626,
566
+ color-scheme: string.unquote('dark'),
563
567
  field-01: #393939,
564
568
  field-02: #525252,
565
569
  field-03: #6f6f6f,
@@ -801,6 +805,7 @@ $g100: (
801
805
  chat-prompt-border-start: #262626,
802
806
  chat-prompt-text: #f4f4f4,
803
807
  chat-shell-background: #262626,
808
+ color-scheme: string.unquote('dark'),
804
809
  field-01: #262626,
805
810
  field-02: #393939,
806
811
  field-03: #525252,
@@ -700,6 +700,9 @@ $highlight: _get('highlight') !default;
700
700
  /// The CSS Custom Property for the `overlay` token
701
701
  $overlay: _get('overlay') !default;
702
702
 
703
+ /// The CSS Custom Property for the `color-scheme` token
704
+ $color-scheme: _get('color-scheme') !default;
705
+
703
706
  /// The CSS Custom Property for the `toggle-off` token
704
707
  $toggle-off: _get('toggle-off') !default;
705
708
 
package/src/g10.js CHANGED
@@ -55,6 +55,9 @@ import {
55
55
  } from '@carbon/colors';
56
56
  import { adjustAlpha } from './tools';
57
57
 
58
+ // Color scheme
59
+ export const colorScheme = 'light';
60
+
58
61
  // Background
59
62
  export const background = gray10;
60
63
  export const backgroundInverse = gray80;
package/src/g100.js CHANGED
@@ -56,6 +56,9 @@ import {
56
56
  } from '@carbon/colors';
57
57
  import { adjustLightness, adjustAlpha } from './tools';
58
58
 
59
+ // Color scheme
60
+ export const colorScheme = 'dark';
61
+
59
62
  // Background
60
63
  export const background = gray100;
61
64
  export const backgroundInverse = gray10;
package/src/g90.js CHANGED
@@ -58,6 +58,9 @@ import {
58
58
  } from '@carbon/colors';
59
59
  import { adjustAlpha } from './tools';
60
60
 
61
+ // Color scheme
62
+ export const colorScheme = 'dark';
63
+
61
64
  // Background
62
65
  export const background = gray90;
63
66
  export const backgroundInverse = gray10;
@@ -527,6 +527,10 @@ export const group = TokenGroup.create({
527
527
  name: 'overlay',
528
528
  properties: ['background'],
529
529
  },
530
+ {
531
+ name: 'color-scheme',
532
+ properties: ['color-scheme'],
533
+ },
530
534
  {
531
535
  name: 'toggle-off',
532
536
  },
package/src/v10/g10.js CHANGED
@@ -140,7 +140,7 @@ export const skeleton01 = '#e5e5e5';
140
140
  export const skeleton02 = gray30;
141
141
 
142
142
  // New color tokens
143
- // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
143
+ // TODO: remove fallback color when v11 is released and assign carbon colors to new tokens
144
144
  export const background = uiBackground;
145
145
  export const layer = ui01;
146
146
  export const layerAccent = ui03;
package/src/v10/g100.js CHANGED
@@ -139,7 +139,7 @@ export const skeleton01 = '#353535';
139
139
  export const skeleton02 = gray70;
140
140
 
141
141
  // New color tokens
142
- // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
142
+ // TODO: remove fallback color when v11 is released and assign carbon colors to new tokens
143
143
  export const background = uiBackground;
144
144
  export const layer = ui01;
145
145
  export const layerAccent = ui03;
package/src/v10/g90.js CHANGED
@@ -141,7 +141,7 @@ export const skeleton01 = '#353535';
141
141
  export const skeleton02 = gray70;
142
142
 
143
143
  // New color tokens
144
- // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
144
+ // TODO: remove fallback color when v11 is released and assign carbon colors to new tokens
145
145
  export const background = uiBackground;
146
146
  export const layer = ui01;
147
147
  export const layerAccent = ui03;
package/src/v10/tokens.js CHANGED
@@ -106,7 +106,7 @@ const colors = [
106
106
  'skeleton02',
107
107
 
108
108
  // New color tokens
109
- // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
109
+ // TODO: remove fallback color when v11 is released and assign carbon colors to new tokens
110
110
  'background',
111
111
  'layer',
112
112
  'layerAccent',
package/src/v10/white.js CHANGED
@@ -140,7 +140,7 @@ export const skeleton01 = '#e5e5e5';
140
140
  export const skeleton02 = gray30;
141
141
 
142
142
  // New color tokens
143
- // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
143
+ // TODO: remove fallback color when v11 is released and assign carbon colors to new tokens
144
144
  export const background = uiBackground;
145
145
  export const layer = ui01;
146
146
  export const layerAccent = ui03;
package/src/white.js CHANGED
@@ -55,6 +55,9 @@ import {
55
55
  } from '@carbon/colors';
56
56
  import { adjustAlpha } from './tools';
57
57
 
58
+ // Color scheme
59
+ export const colorScheme = 'light';
60
+
58
61
  // Background
59
62
  export const background = white;
60
63
  export const backgroundInverse = gray80;
package/umd/index.js CHANGED
@@ -451,6 +451,9 @@
451
451
  */
452
452
 
453
453
 
454
+ // Color scheme
455
+ var colorScheme$3 = 'light';
456
+
454
457
  // Background
455
458
  var background$8 = colors$1.white;
456
459
  var backgroundInverse$7 = colors$1.gray80;
@@ -834,6 +837,7 @@
834
837
  chatShellBackground: chatShellBackground$3,
835
838
  code01: type$2.code01,
836
839
  code02: type$2.code02,
840
+ colorScheme: colorScheme$3,
837
841
  container01: layout$2.container01,
838
842
  container02: layout$2.container02,
839
843
  container03: layout$2.container03,
@@ -1073,6 +1077,9 @@
1073
1077
  */
1074
1078
 
1075
1079
 
1080
+ // Color scheme
1081
+ var colorScheme$2 = 'light';
1082
+
1076
1083
  // Background
1077
1084
  var background$7 = colors$1.gray10;
1078
1085
  var backgroundInverse$6 = colors$1.gray80;
@@ -1456,6 +1463,7 @@
1456
1463
  chatShellBackground: chatShellBackground$2,
1457
1464
  code01: type$2.code01,
1458
1465
  code02: type$2.code02,
1466
+ colorScheme: colorScheme$2,
1459
1467
  container01: layout$2.container01,
1460
1468
  container02: layout$2.container02,
1461
1469
  container03: layout$2.container03,
@@ -1695,6 +1703,9 @@
1695
1703
  */
1696
1704
 
1697
1705
 
1706
+ // Color scheme
1707
+ var colorScheme$1 = 'dark';
1708
+
1698
1709
  // Background
1699
1710
  var background$6 = colors$1.gray90;
1700
1711
  var backgroundInverse$5 = colors$1.gray10;
@@ -2078,6 +2089,7 @@
2078
2089
  chatShellBackground: chatShellBackground$1,
2079
2090
  code01: type$2.code01,
2080
2091
  code02: type$2.code02,
2092
+ colorScheme: colorScheme$1,
2081
2093
  container01: layout$2.container01,
2082
2094
  container02: layout$2.container02,
2083
2095
  container03: layout$2.container03,
@@ -2317,6 +2329,9 @@
2317
2329
  */
2318
2330
 
2319
2331
 
2332
+ // Color scheme
2333
+ var colorScheme = 'dark';
2334
+
2320
2335
  // Background
2321
2336
  var background$5 = colors$1.gray100;
2322
2337
  var backgroundInverse$4 = colors$1.gray10;
@@ -2700,6 +2715,7 @@
2700
2715
  chatShellBackground: chatShellBackground,
2701
2716
  code01: type$2.code01,
2702
2717
  code02: type$2.code02,
2718
+ colorScheme: colorScheme,
2703
2719
  container01: layout$2.container01,
2704
2720
  container02: layout$2.container02,
2705
2721
  container03: layout$2.container03,
@@ -3008,7 +3024,7 @@
3008
3024
  var skeleton02$3 = colors$1.gray30;
3009
3025
 
3010
3026
  // New color tokens
3011
- // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
3027
+ // TODO: remove fallback color when v11 is released and assign carbon colors to new tokens
3012
3028
  var background$4 = uiBackground$3;
3013
3029
  var layer$4 = ui01$3;
3014
3030
  var layerAccent$3 = ui03$3;
@@ -3416,7 +3432,7 @@
3416
3432
  var skeleton02$2 = colors$1.gray30;
3417
3433
 
3418
3434
  // New color tokens
3419
- // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
3435
+ // TODO: remove fallback color when v11 is released and assign carbon colors to new tokens
3420
3436
  var background$3 = uiBackground$2;
3421
3437
  var layer$3 = ui01$2;
3422
3438
  var layerAccent$2 = ui03$2;
@@ -3824,7 +3840,7 @@
3824
3840
  var skeleton02$1 = colors$1.gray70;
3825
3841
 
3826
3842
  // New color tokens
3827
- // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
3843
+ // TODO: remove fallback color when v11 is released and assign carbon colors to new tokens
3828
3844
  var background$2 = uiBackground$1;
3829
3845
  var layer$2 = ui01$1;
3830
3846
  var layerAccent$1 = ui03$1;
@@ -4232,7 +4248,7 @@
4232
4248
  var skeleton02 = colors$1.gray70;
4233
4249
 
4234
4250
  // New color tokens
4235
- // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
4251
+ // TODO: remove fallback color when v11 is released and assign carbon colors to new tokens
4236
4252
  var background$1 = uiBackground;
4237
4253
  var layer$1 = ui01;
4238
4254
  var layerAccent = ui03;
@@ -4579,7 +4595,7 @@
4579
4595
  // Interactive states
4580
4596
  'focus', 'inverseFocusUi', 'hoverPrimary', 'activePrimary', 'hoverPrimaryText', 'hoverSecondary', 'activeSecondary', 'hoverTertiary', 'activeTertiary', 'hoverUI', 'hoverLightUI', 'hoverSelectedUI', 'activeUI', 'activeLightUI', 'selectedUI', 'selectedLightUI', 'inverseHoverUI', 'hoverDanger', 'activeDanger', 'hoverRow', 'visitedLink', 'disabled01', 'disabled02', 'disabled03', 'highlight', 'decorative01', 'buttonSeparator', 'skeleton01', 'skeleton02',
4581
4597
  // New color tokens
4582
- // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
4598
+ // TODO: remove fallback color when v11 is released and assign carbon colors to new tokens
4583
4599
  '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',
4584
4600
  // Deprecated
4585
4601
  'brand01', 'brand02', 'brand03', 'active01', 'hoverField', 'danger'];
@@ -6040,6 +6056,9 @@
6040
6056
  }, {
6041
6057
  name: 'overlay',
6042
6058
  properties: ['background']
6059
+ }, {
6060
+ name: 'color-scheme',
6061
+ properties: ['color-scheme']
6043
6062
  }, {
6044
6063
  name: 'toggle-off'
6045
6064
  }, {
@@ -6547,6 +6566,7 @@
6547
6566
  exports.chatPromptBorderStart = chatPromptBorderStart$3;
6548
6567
  exports.chatPromptText = chatPromptText$3;
6549
6568
  exports.chatShellBackground = chatShellBackground$3;
6569
+ exports.colorScheme = colorScheme$3;
6550
6570
  exports.contentSwitcherTokens = index;
6551
6571
  exports.field01 = field01$7;
6552
6572
  exports.field02 = field02$7;