@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 +25 -6
- package/lib/index.js +25 -5
- package/package.json +7 -7
- package/scss/compat/generated/_themes.scss +1 -0
- package/scss/generated/_button-tokens.scss +1 -0
- package/scss/generated/_content-switcher-tokens.scss +1 -0
- package/scss/generated/_notification-tokens.scss +1 -0
- package/scss/generated/_status-tokens.scss +1 -0
- package/scss/generated/_tag-tokens.scss +1 -0
- package/scss/generated/_themes.scss +5 -0
- package/scss/generated/_tokens.scss +3 -0
- package/src/g10.js +3 -0
- package/src/g100.js +3 -0
- package/src/g90.js +3 -0
- package/src/tokens/v11TokenGroup.js +4 -0
- package/src/v10/g10.js +1 -1
- package/src/v10/g100.js +1 -1
- package/src/v10/g90.js +1 -1
- package/src/v10/tokens.js +1 -1
- package/src/v10/white.js +1 -1
- package/src/white.js +3 -0
- package/umd/index.js +25 -5
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
|
-
//
|
|
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
|
-
//
|
|
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
|
-
//
|
|
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
|
-
//
|
|
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
|
-
//
|
|
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
|
-
//
|
|
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
|
-
//
|
|
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
|
-
//
|
|
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
|
-
//
|
|
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
|
-
//
|
|
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.
|
|
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
|
|
36
|
-
"@carbon/layout": "^11.48.0
|
|
37
|
-
"@carbon/type": "^11.
|
|
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
|
|
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.
|
|
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": "
|
|
55
|
+
"gitHead": "be65faf18c90ab4e6e60afdfad77d412220bd077"
|
|
56
56
|
}
|
|
@@ -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
package/src/g100.js
CHANGED
package/src/g90.js
CHANGED
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
|
-
//
|
|
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
|
-
//
|
|
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
|
-
//
|
|
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
|
-
//
|
|
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
|
-
//
|
|
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
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
|
-
//
|
|
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
|
-
//
|
|
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
|
-
//
|
|
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
|
-
//
|
|
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
|
-
//
|
|
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;
|