@carbon/themes
Version:
Themes for applying color in the Carbon Design System
1,153 lines • 243 kB
JavaScript
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
//#region \0rolldown/runtime.js
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __exportAll = (all, no_symbols) => {
let target = {};
for (var name in all) __defProp(target, name, {
get: all[name],
enumerable: true
});
if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
return target;
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
key = keys[i];
if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
get: ((k) => from[k]).bind(null, key),
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
});
}
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
value: mod,
enumerable: true
}) : target, mod));
//#endregion
let _carbon_colors = require("@carbon/colors");
let color = require("color");
color = __toESM(color);
let _carbon_type = require("@carbon/type");
let _carbon_layout = require("@carbon/layout");
//#region src/tools.js
/**
* Copyright IBM Corp. 2016, 2023
*
* This source code is licensed under the Apache-2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
/**
* Adjust a given token's lightness by a specified percentage
* Example: token = hsl(10, 10, 10);
* adjustLightness(token, 5) === hsl(10, 10, 15);
* adjustLightness(token, -5) === hsl(10, 10, 5);
* @param {string} token
* @param {integer} shift The number of percentage points (positive or negative) by which to shift the lightness of a token.
* @returns {string}
*/
function adjustLightness(token, shift) {
const original = (0, color.default)(token).hsl().object();
return (0, color.default)({
...original,
l: original.l += shift
}).round().hex().toLowerCase();
}
/**
* Adjust a given token's alpha by a specified amount
* Example: token = rgba(10, 10, 10, 1.0);
* adjustAlpha(token, 0.3) === rgba(10, 10, 10, 0.3);
* @param {string} token
* @param {float} alpha
* @returns {string}
*/
function adjustAlpha(token, alpha) {
return (0, color.default)(token).rgb().alpha(alpha).string();
}
const numbers = [
"0",
"1",
"2",
"3",
"4",
"5",
"6",
"7",
"8",
"9"
];
/**
* Format a given token into the format expected in CSS/SCSS-based projects.
* @param {string} token
* @returns {string}
*/
function formatTokenName(token) {
let string = "";
for (let i = 0; i < token.length; i++) {
if (numbers.indexOf(token[i]) !== -1) {
string += "-" + token.slice(i);
break;
}
if (token[i] === token[i].toUpperCase()) {
if (token[i - 1] && token[i - 1] === token[i - 1].toUpperCase()) {
string += token[i].toLowerCase();
continue;
}
string += "-" + token[i].toLowerCase();
continue;
}
string += token[i];
}
return string;
}
//#endregion
//#region src/white.js
/**
* Copyright IBM Corp. 2018, 2023
*
* This source code is licensed under the Apache-2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
var white_exports = /* @__PURE__ */ __exportAll({
aiAuraEnd: () => aiAuraEnd,
aiAuraHoverBackground: () => aiAuraHoverBackground,
aiAuraHoverEnd: () => aiAuraHoverEnd,
aiAuraHoverStart: () => aiAuraHoverStart,
aiAuraStart: () => aiAuraStart,
aiAuraStartSm: () => aiAuraStartSm,
aiBorderEnd: () => aiBorderEnd,
aiBorderStart: () => aiBorderStart,
aiBorderStrong: () => aiBorderStrong,
aiDropShadow: () => aiDropShadow,
aiInnerShadow: () => aiInnerShadow,
aiOverlay: () => aiOverlay,
aiPopoverBackground: () => aiPopoverBackground,
aiPopoverCaretBottom: () => aiPopoverCaretBottom,
aiPopoverCaretBottomBackground: () => aiPopoverCaretBottomBackground,
aiPopoverCaretBottomBackgroundActions: () => aiPopoverCaretBottomBackgroundActions,
aiPopoverCaretCenter: () => aiPopoverCaretCenter,
aiPopoverShadowOuter01: () => aiPopoverShadowOuter01,
aiPopoverShadowOuter02: () => aiPopoverShadowOuter02,
aiSkeletonBackground: () => aiSkeletonBackground,
aiSkeletonElementBackground: () => aiSkeletonElementBackground,
background: () => background,
backgroundActive: () => backgroundActive,
backgroundBrand: () => backgroundBrand,
backgroundHover: () => backgroundHover,
backgroundInverse: () => backgroundInverse,
backgroundInverseHover: () => backgroundInverseHover,
backgroundSelected: () => backgroundSelected,
backgroundSelectedHover: () => backgroundSelectedHover,
bodyLong01: () => _carbon_type.bodyLong01,
bodyLong02: () => _carbon_type.bodyLong02,
bodyShort01: () => _carbon_type.bodyShort01,
bodyShort02: () => _carbon_type.bodyShort02,
borderDisabled: () => borderDisabled,
borderInteractive: () => borderInteractive,
borderInverse: () => borderInverse,
borderStrong01: () => borderStrong01,
borderStrong02: () => borderStrong02,
borderStrong03: () => borderStrong03,
borderSubtle00: () => borderSubtle00,
borderSubtle01: () => borderSubtle01,
borderSubtle02: () => borderSubtle02,
borderSubtle03: () => borderSubtle03,
borderSubtleSelected01: () => borderSubtleSelected01,
borderSubtleSelected02: () => borderSubtleSelected02,
borderSubtleSelected03: () => borderSubtleSelected03,
borderTile01: () => borderTile01,
borderTile02: () => borderTile02,
borderTile03: () => borderTile03,
caption01: () => _carbon_type.caption01,
caption02: () => _carbon_type.caption02,
chatAvatarAgent: () => chatAvatarAgent,
chatAvatarBot: () => chatAvatarBot,
chatAvatarUser: () => chatAvatarUser,
chatBubbleAgent: () => chatBubbleAgent,
chatBubbleAgentText: () => chatBubbleAgentText,
chatBubbleBorder: () => chatBubbleBorder,
chatBubbleUser: () => chatBubbleUser,
chatBubbleUserText: () => chatBubbleUserText,
chatButton: () => chatButton,
chatButtonActive: () => chatButtonActive,
chatButtonHover: () => chatButtonHover,
chatButtonSelected: () => chatButtonSelected,
chatButtonTextHover: () => chatButtonTextHover,
chatButtonTextSelected: () => chatButtonTextSelected,
chatHeaderBackground: () => chatHeaderBackground,
chatHeaderText: () => chatHeaderText,
chatPromptBackground: () => chatPromptBackground,
chatPromptBorderEnd: () => chatPromptBorderEnd,
chatPromptBorderStart: () => chatPromptBorderStart,
chatPromptText: () => chatPromptText,
chatShellBackground: () => chatShellBackground,
code01: () => _carbon_type.code01,
code02: () => _carbon_type.code02,
colorScheme: () => colorScheme,
container01: () => _carbon_layout.container01,
container02: () => _carbon_layout.container02,
container03: () => _carbon_layout.container03,
container04: () => _carbon_layout.container04,
container05: () => _carbon_layout.container05,
display01: () => _carbon_type.display01,
display02: () => _carbon_type.display02,
display03: () => _carbon_type.display03,
display04: () => _carbon_type.display04,
expressiveHeading01: () => _carbon_type.expressiveHeading01,
expressiveHeading02: () => _carbon_type.expressiveHeading02,
expressiveHeading03: () => _carbon_type.expressiveHeading03,
expressiveHeading04: () => _carbon_type.expressiveHeading04,
expressiveHeading05: () => _carbon_type.expressiveHeading05,
expressiveHeading06: () => _carbon_type.expressiveHeading06,
expressiveParagraph01: () => _carbon_type.expressiveParagraph01,
field01: () => field01,
field02: () => field02,
field03: () => field03,
fieldHover01: () => fieldHover01,
fieldHover02: () => fieldHover02,
fieldHover03: () => fieldHover03,
fluidSpacing01: () => _carbon_layout.fluidSpacing01,
fluidSpacing02: () => _carbon_layout.fluidSpacing02,
fluidSpacing03: () => _carbon_layout.fluidSpacing03,
fluidSpacing04: () => _carbon_layout.fluidSpacing04,
focus: () => focus,
focusInset: () => focusInset,
focusInverse: () => focusInverse,
heading01: () => _carbon_type.heading01,
heading02: () => _carbon_type.heading02,
helperText01: () => _carbon_type.helperText01,
helperText02: () => _carbon_type.helperText02,
highlight: () => highlight,
iconDisabled: () => iconDisabled,
iconInteractive: () => iconInteractive,
iconInverse: () => iconInverse,
iconOnColor: () => iconOnColor,
iconOnColorDisabled: () => iconOnColorDisabled,
iconPrimary: () => iconPrimary,
iconSecondary: () => iconSecondary,
iconSize01: () => _carbon_layout.iconSize01,
iconSize02: () => _carbon_layout.iconSize02,
interactive: () => interactive,
label01: () => _carbon_type.label01,
label02: () => _carbon_type.label02,
layer01: () => layer01,
layer02: () => layer02,
layer03: () => layer03,
layerAccent01: () => layerAccent01,
layerAccent02: () => layerAccent02,
layerAccent03: () => layerAccent03,
layerAccentActive01: () => layerAccentActive01,
layerAccentActive02: () => layerAccentActive02,
layerAccentActive03: () => layerAccentActive03,
layerAccentHover01: () => layerAccentHover01,
layerAccentHover02: () => layerAccentHover02,
layerAccentHover03: () => layerAccentHover03,
layerActive01: () => layerActive01,
layerActive02: () => layerActive02,
layerActive03: () => layerActive03,
layerBackground01: () => layerBackground01,
layerBackground02: () => layerBackground02,
layerBackground03: () => layerBackground03,
layerHover01: () => layerHover01,
layerHover02: () => layerHover02,
layerHover03: () => layerHover03,
layerSelected01: () => layerSelected01,
layerSelected02: () => layerSelected02,
layerSelected03: () => layerSelected03,
layerSelectedDisabled: () => layerSelectedDisabled,
layerSelectedHover01: () => layerSelectedHover01,
layerSelectedHover02: () => layerSelectedHover02,
layerSelectedHover03: () => layerSelectedHover03,
layerSelectedInverse: () => layerSelectedInverse,
layout01: () => _carbon_layout.layout01,
layout02: () => _carbon_layout.layout02,
layout03: () => _carbon_layout.layout03,
layout04: () => _carbon_layout.layout04,
layout05: () => _carbon_layout.layout05,
layout06: () => _carbon_layout.layout06,
layout07: () => _carbon_layout.layout07,
linkInverse: () => linkInverse,
linkInverseActive: () => linkInverseActive,
linkInverseHover: () => linkInverseHover,
linkInverseVisited: () => linkInverseVisited,
linkPrimary: () => linkPrimary,
linkPrimaryHover: () => linkPrimaryHover,
linkSecondary: () => linkSecondary,
linkVisited: () => linkVisited,
overlay: () => overlay,
productiveHeading01: () => _carbon_type.productiveHeading01,
productiveHeading02: () => _carbon_type.productiveHeading02,
productiveHeading03: () => _carbon_type.productiveHeading03,
productiveHeading04: () => _carbon_type.productiveHeading04,
productiveHeading05: () => _carbon_type.productiveHeading05,
productiveHeading06: () => _carbon_type.productiveHeading06,
productiveHeading07: () => _carbon_type.productiveHeading07,
quotation01: () => _carbon_type.quotation01,
quotation02: () => _carbon_type.quotation02,
shadow: () => shadow,
size2XLarge: () => _carbon_layout.size2XLarge,
sizeLarge: () => _carbon_layout.sizeLarge,
sizeMedium: () => _carbon_layout.sizeMedium,
sizeSmall: () => _carbon_layout.sizeSmall,
sizeXLarge: () => _carbon_layout.sizeXLarge,
sizeXSmall: () => _carbon_layout.sizeXSmall,
skeletonBackground: () => skeletonBackground,
skeletonElement: () => skeletonElement,
spacing01: () => _carbon_layout.spacing01,
spacing02: () => _carbon_layout.spacing02,
spacing03: () => _carbon_layout.spacing03,
spacing04: () => _carbon_layout.spacing04,
spacing05: () => _carbon_layout.spacing05,
spacing06: () => _carbon_layout.spacing06,
spacing07: () => _carbon_layout.spacing07,
spacing08: () => _carbon_layout.spacing08,
spacing09: () => _carbon_layout.spacing09,
spacing10: () => _carbon_layout.spacing10,
spacing11: () => _carbon_layout.spacing11,
spacing12: () => _carbon_layout.spacing12,
spacing13: () => _carbon_layout.spacing13,
supportCautionMajor: () => supportCautionMajor,
supportCautionMinor: () => supportCautionMinor,
supportCautionUndefined: () => supportCautionUndefined,
supportError: () => supportError,
supportErrorInverse: () => supportErrorInverse,
supportInfo: () => supportInfo,
supportInfoInverse: () => supportInfoInverse,
supportSuccess: () => supportSuccess,
supportSuccessInverse: () => supportSuccessInverse,
supportWarning: () => supportWarning,
supportWarningInverse: () => supportWarningInverse,
syntaxAngleBracket: () => syntaxAngleBracket,
syntaxAnnotation: () => syntaxAnnotation,
syntaxArithmeticOperator: () => syntaxArithmeticOperator,
syntaxAtom: () => syntaxAtom,
syntaxAttribute: () => syntaxAttribute,
syntaxAttributeName: () => syntaxAttributeName,
syntaxAttributeValue: () => syntaxAttributeValue,
syntaxBitwiseOperator: () => syntaxBitwiseOperator,
syntaxBlockComment: () => syntaxBlockComment,
syntaxBool: () => syntaxBool,
syntaxBrace: () => syntaxBrace,
syntaxBracket: () => syntaxBracket,
syntaxCharacter: () => syntaxCharacter,
syntaxClassName: () => syntaxClassName,
syntaxColor: () => syntaxColor,
syntaxComment: () => syntaxComment,
syntaxCompareOperator: () => syntaxCompareOperator,
syntaxConstant: () => syntaxConstant,
syntaxContent: () => syntaxContent,
syntaxContentSeparator: () => syntaxContentSeparator,
syntaxControlKeyword: () => syntaxControlKeyword,
syntaxControlOperator: () => syntaxControlOperator,
syntaxDefinition: () => syntaxDefinition,
syntaxDefinitionKeyword: () => syntaxDefinitionKeyword,
syntaxDefinitionOperator: () => syntaxDefinitionOperator,
syntaxDeleted: () => syntaxDeleted,
syntaxDerefOperator: () => syntaxDerefOperator,
syntaxDocComment: () => syntaxDocComment,
syntaxDocString: () => syntaxDocString,
syntaxDocumentMeta: () => syntaxDocumentMeta,
syntaxEmphasis: () => syntaxEmphasis,
syntaxEscape: () => syntaxEscape,
syntaxFloat: () => syntaxFloat,
syntaxFunction: () => syntaxFunction,
syntaxHeading: () => syntaxHeading,
syntaxHeading1: () => syntaxHeading1,
syntaxHeading2: () => syntaxHeading2,
syntaxHeading3: () => syntaxHeading3,
syntaxHeading4: () => syntaxHeading4,
syntaxHeading5: () => syntaxHeading5,
syntaxHeading6: () => syntaxHeading6,
syntaxInserted: () => syntaxInserted,
syntaxInteger: () => syntaxInteger,
syntaxInvalid: () => syntaxInvalid,
syntaxKeyword: () => syntaxKeyword,
syntaxLabelName: () => syntaxLabelName,
syntaxLineComment: () => syntaxLineComment,
syntaxLink: () => syntaxLink,
syntaxList: () => syntaxList,
syntaxLiteral: () => syntaxLiteral,
syntaxLocal: () => syntaxLocal,
syntaxLogicOperator: () => syntaxLogicOperator,
syntaxMacroName: () => syntaxMacroName,
syntaxMeta: () => syntaxMeta,
syntaxModifier: () => syntaxModifier,
syntaxModuleKeyword: () => syntaxModuleKeyword,
syntaxMonospace: () => syntaxMonospace,
syntaxName: () => syntaxName,
syntaxNamespace: () => syntaxNamespace,
syntaxNull: () => syntaxNull,
syntaxNumber: () => syntaxNumber,
syntaxOperator: () => syntaxOperator,
syntaxOperatorKeyword: () => syntaxOperatorKeyword,
syntaxParen: () => syntaxParen,
syntaxProcessingInstruction: () => syntaxProcessingInstruction,
syntaxPropertyName: () => syntaxPropertyName,
syntaxPunctuation: () => syntaxPunctuation,
syntaxQuote: () => syntaxQuote,
syntaxRegexp: () => syntaxRegexp,
syntaxSelf: () => syntaxSelf,
syntaxSeparator: () => syntaxSeparator,
syntaxSpecial: () => syntaxSpecial,
syntaxSpecialString: () => syntaxSpecialString,
syntaxSquareBracket: () => syntaxSquareBracket,
syntaxStandard: () => syntaxStandard,
syntaxStrikethrough: () => syntaxStrikethrough,
syntaxString: () => syntaxString,
syntaxStrong: () => syntaxStrong,
syntaxTag: () => syntaxTag,
syntaxTagName: () => syntaxTagName,
syntaxType: () => syntaxType,
syntaxTypeName: () => syntaxTypeName,
syntaxTypeOperator: () => syntaxTypeOperator,
syntaxUnit: () => syntaxUnit,
syntaxUpdateOperator: () => syntaxUpdateOperator,
syntaxUrl: () => syntaxUrl,
syntaxVariable: () => syntaxVariable,
syntaxVariableName: () => syntaxVariableName,
textDisabled: () => textDisabled,
textError: () => textError,
textHelper: () => textHelper,
textInverse: () => textInverse,
textOnColor: () => textOnColor,
textOnColorDisabled: () => textOnColorDisabled,
textPlaceholder: () => textPlaceholder,
textPrimary: () => textPrimary,
textSecondary: () => textSecondary,
toggleOff: () => toggleOff
});
const colorScheme = "light";
const background = _carbon_colors.white;
const backgroundInverse = _carbon_colors.gray80;
const backgroundBrand = _carbon_colors.blue60;
const backgroundActive = adjustAlpha(_carbon_colors.gray50, .5);
const backgroundHover = adjustAlpha(_carbon_colors.gray50, .12);
const backgroundInverseHover = _carbon_colors.gray80Hover;
const backgroundSelected = adjustAlpha(_carbon_colors.gray50, .2);
const backgroundSelectedHover = adjustAlpha(_carbon_colors.gray50, .32);
const layer01 = _carbon_colors.gray10;
const layerActive01 = _carbon_colors.gray30;
const layerBackground01 = _carbon_colors.white;
const layerHover01 = _carbon_colors.gray10Hover;
const layerSelected01 = _carbon_colors.gray20;
const layerSelectedHover01 = _carbon_colors.gray20Hover;
const layer02 = _carbon_colors.white;
const layerActive02 = _carbon_colors.gray30;
const layerBackground02 = _carbon_colors.gray10;
const layerHover02 = _carbon_colors.whiteHover;
const layerSelected02 = _carbon_colors.gray20;
const layerSelectedHover02 = _carbon_colors.gray20Hover;
const layer03 = _carbon_colors.gray10;
const layerActive03 = _carbon_colors.gray30;
const layerBackground03 = _carbon_colors.white;
const layerHover03 = _carbon_colors.gray10Hover;
const layerSelected03 = _carbon_colors.gray20;
const layerSelectedHover03 = _carbon_colors.gray20Hover;
const layerSelectedInverse = _carbon_colors.gray100;
const layerSelectedDisabled = _carbon_colors.gray50;
const layerAccent01 = _carbon_colors.gray20;
const layerAccentActive01 = _carbon_colors.gray40;
const layerAccentHover01 = _carbon_colors.gray20Hover;
const layerAccent02 = _carbon_colors.gray20;
const layerAccentActive02 = _carbon_colors.gray40;
const layerAccentHover02 = _carbon_colors.gray20Hover;
const layerAccent03 = _carbon_colors.gray20;
const layerAccentActive03 = _carbon_colors.gray40;
const layerAccentHover03 = _carbon_colors.gray20Hover;
const field01 = _carbon_colors.gray10;
const fieldHover01 = _carbon_colors.gray10Hover;
const field02 = _carbon_colors.white;
const fieldHover02 = _carbon_colors.whiteHover;
const field03 = _carbon_colors.gray10;
const fieldHover03 = _carbon_colors.gray10Hover;
const borderSubtle00 = _carbon_colors.gray20;
const borderSubtle01 = _carbon_colors.gray30;
const borderSubtleSelected01 = _carbon_colors.gray30;
const borderSubtle02 = _carbon_colors.gray20;
const borderSubtleSelected02 = _carbon_colors.gray30;
const borderSubtle03 = _carbon_colors.gray30;
const borderSubtleSelected03 = _carbon_colors.gray30;
const borderStrong01 = _carbon_colors.gray50;
const borderStrong02 = _carbon_colors.gray50;
const borderStrong03 = _carbon_colors.gray50;
const borderTile01 = _carbon_colors.gray30;
const borderTile02 = _carbon_colors.gray40;
const borderTile03 = _carbon_colors.gray30;
const borderInverse = _carbon_colors.gray100;
const borderInteractive = _carbon_colors.blue60;
const borderDisabled = _carbon_colors.gray30;
const textPrimary = _carbon_colors.gray100;
const textSecondary = _carbon_colors.gray70;
const textPlaceholder = adjustAlpha(textPrimary, .4);
const textHelper = _carbon_colors.gray60;
const textError = _carbon_colors.red60;
const textInverse = _carbon_colors.white;
const textOnColor = _carbon_colors.white;
const textOnColorDisabled = _carbon_colors.gray50;
const textDisabled = adjustAlpha(textPrimary, .25);
const linkPrimary = _carbon_colors.blue60;
const linkPrimaryHover = _carbon_colors.blue70;
const linkSecondary = _carbon_colors.blue70;
const linkInverse = _carbon_colors.blue40;
const linkVisited = _carbon_colors.purple60;
const linkInverseVisited = _carbon_colors.purple40;
const linkInverseActive = _carbon_colors.gray10;
const linkInverseHover = _carbon_colors.blue30;
const iconPrimary = _carbon_colors.gray100;
const iconSecondary = _carbon_colors.gray70;
const iconInverse = _carbon_colors.white;
const iconOnColor = _carbon_colors.white;
const iconOnColorDisabled = _carbon_colors.gray50;
const iconDisabled = adjustAlpha(iconPrimary, .25);
const iconInteractive = _carbon_colors.blue60;
const supportError = _carbon_colors.red60;
const supportSuccess = _carbon_colors.green50;
const supportWarning = _carbon_colors.yellow30;
const supportInfo = _carbon_colors.blue70;
const supportErrorInverse = _carbon_colors.red50;
const supportSuccessInverse = _carbon_colors.green40;
const supportWarningInverse = _carbon_colors.yellow30;
const supportInfoInverse = _carbon_colors.blue50;
const supportCautionMinor = _carbon_colors.yellow30;
const supportCautionMajor = _carbon_colors.orange40;
const supportCautionUndefined = _carbon_colors.purple60;
const focus = _carbon_colors.blue60;
const focusInset = _carbon_colors.white;
const focusInverse = _carbon_colors.white;
const skeletonBackground = _carbon_colors.whiteHover;
const skeletonElement = _carbon_colors.gray30;
const interactive = _carbon_colors.blue60;
const highlight = _carbon_colors.blue20;
const overlay = (0, _carbon_colors.rgba)(_carbon_colors.black, .6);
const toggleOff = _carbon_colors.gray50;
const shadow = "rgba(0, 0, 0, 0.3)";
const syntaxComment = _carbon_colors.green60;
const syntaxLineComment = syntaxComment;
const syntaxBlockComment = syntaxComment;
const syntaxDocComment = syntaxComment;
const syntaxString = textPrimary;
const syntaxDocString = syntaxString;
const syntaxKeyword = _carbon_colors.blue60;
const syntaxOperatorKeyword = syntaxKeyword;
const syntaxControlKeyword = _carbon_colors.purple70;
const syntaxDefinitionKeyword = _carbon_colors.cyan70;
const syntaxModuleKeyword = _carbon_colors.purple70;
const syntaxVariable = _carbon_colors.blue60;
const syntaxName = syntaxVariable;
const syntaxVariableName = syntaxVariable;
const syntaxLabelName = syntaxVariable;
const syntaxAttribute = _carbon_colors.cyan70;
const syntaxAttributeName = syntaxAttribute;
const syntaxPropertyName = syntaxAttribute;
const syntaxTag = _carbon_colors.teal60;
const syntaxTagName = syntaxTag;
const syntaxType = _carbon_colors.teal60;
const syntaxTypeName = syntaxType;
const syntaxClassName = syntaxType;
const syntaxNamespace = syntaxType;
const syntaxMacroName = textPrimary;
const syntaxAtom = syntaxMacroName;
const syntaxLiteral = syntaxAtom;
const syntaxBool = syntaxAtom;
const syntaxNull = syntaxAtom;
const syntaxSelf = syntaxTag;
const syntaxNumber = _carbon_colors.green60;
const syntaxInteger = syntaxNumber;
const syntaxFloat = syntaxNumber;
const syntaxUnit = syntaxNumber;
const syntaxCharacter = syntaxString;
const syntaxAttributeValue = syntaxString;
const syntaxSpecialString = _carbon_colors.purple60;
const syntaxRegexp = _carbon_colors.purple70;
const syntaxEscape = _carbon_colors.coolGray80;
const syntaxUrl = syntaxEscape;
const syntaxColor = syntaxMacroName;
const syntaxOperator = _carbon_colors.coolGray80;
const syntaxDerefOperator = syntaxOperator;
const syntaxArithmeticOperator = syntaxOperator;
const syntaxLogicOperator = syntaxOperator;
const syntaxBitwiseOperator = syntaxOperator;
const syntaxCompareOperator = syntaxOperator;
const syntaxUpdateOperator = syntaxOperator;
const syntaxDefinitionOperator = syntaxDefinitionKeyword;
const syntaxTypeOperator = syntaxTag;
const syntaxControlOperator = syntaxModuleKeyword;
const syntaxModifier = syntaxKeyword;
const syntaxPunctuation = _carbon_colors.coolGray80;
const syntaxSeparator = syntaxPunctuation;
const syntaxBracket = syntaxPunctuation;
const syntaxAngleBracket = _carbon_colors.coolGray60;
const syntaxSquareBracket = syntaxBracket;
const syntaxParen = syntaxBracket;
const syntaxBrace = syntaxBracket;
const syntaxContent = textPrimary;
const syntaxList = syntaxContent;
const syntaxEmphasis = syntaxContent;
const syntaxStrong = syntaxContent;
const syntaxMonospace = syntaxContent;
const syntaxStrikethrough = syntaxContent;
const syntaxHeading = _carbon_colors.cyan70;
const syntaxHeading1 = syntaxHeading;
const syntaxHeading2 = syntaxHeading;
const syntaxHeading3 = syntaxHeading;
const syntaxHeading4 = syntaxHeading;
const syntaxHeading5 = syntaxHeading;
const syntaxHeading6 = syntaxHeading;
const syntaxContentSeparator = syntaxPunctuation;
const syntaxQuote = syntaxComment;
const syntaxLink = _carbon_colors.blue60;
const syntaxInvalid = _carbon_colors.red60;
const syntaxMeta = _carbon_colors.green60;
const syntaxDocumentMeta = syntaxMeta;
const syntaxAnnotation = _carbon_colors.teal60;
const syntaxProcessingInstruction = syntaxString;
const syntaxDefinition = _carbon_colors.cyan70;
const syntaxConstant = _carbon_colors.blue60;
const syntaxFunction = _carbon_colors.yellow60;
const syntaxStandard = _carbon_colors.blue60;
const syntaxLocal = _carbon_colors.blue60;
const syntaxSpecial = _carbon_colors.blue60;
const syntaxInserted = _carbon_colors.green20;
const syntaxDeleted = _carbon_colors.red20;
const aiInnerShadow = (0, _carbon_colors.rgba)(_carbon_colors.blue50, .1);
const aiAuraStartSm = (0, _carbon_colors.rgba)(_carbon_colors.blue50, .16);
const aiAuraStart = (0, _carbon_colors.rgba)(_carbon_colors.blue50, .1);
const aiAuraEnd = (0, _carbon_colors.rgba)(_carbon_colors.white, 0);
const aiBorderStrong = _carbon_colors.blue50;
const aiBorderStart = (0, _carbon_colors.rgba)(_carbon_colors.blue30, .64);
const aiBorderEnd = _carbon_colors.blue40;
const aiDropShadow = (0, _carbon_colors.rgba)(_carbon_colors.blue60, .1);
const aiAuraHoverBackground = _carbon_colors.blue10;
const aiAuraHoverStart = (0, _carbon_colors.rgba)(_carbon_colors.blue50, .32);
const aiAuraHoverEnd = (0, _carbon_colors.rgba)(_carbon_colors.white, 0);
const aiPopoverBackground = _carbon_colors.white;
const aiPopoverShadowOuter01 = (0, _carbon_colors.rgba)(_carbon_colors.blue70, .06);
const aiPopoverShadowOuter02 = (0, _carbon_colors.rgba)(_carbon_colors.black, .04);
const aiSkeletonBackground = _carbon_colors.blue20;
const aiSkeletonElementBackground = _carbon_colors.blue50;
const aiOverlay = (0, _carbon_colors.rgba)(_carbon_colors.blue100, .5);
const aiPopoverCaretCenter = "#A0C3FF";
const aiPopoverCaretBottom = _carbon_colors.blue40;
const aiPopoverCaretBottomBackgroundActions = "#E9EFFA";
const aiPopoverCaretBottomBackground = "#EAF1FF";
const chatPromptBackground = _carbon_colors.white;
const chatPromptBorderStart = _carbon_colors.gray10;
const chatPromptBorderEnd = (0, _carbon_colors.rgba)(_carbon_colors.gray10, 0);
const chatPromptText = textPrimary;
const chatBubbleUser = _carbon_colors.gray20;
const chatBubbleUserText = textPrimary;
const chatBubbleAgent = _carbon_colors.white;
const chatBubbleAgentText = textPrimary;
const chatBubbleBorder = _carbon_colors.gray20;
const chatAvatarBot = _carbon_colors.gray60;
const chatAvatarAgent = _carbon_colors.gray80;
const chatAvatarUser = _carbon_colors.blue60;
const chatShellBackground = _carbon_colors.white;
const chatHeaderBackground = _carbon_colors.white;
const chatHeaderText = textPrimary;
const chatButton = linkPrimary;
const chatButtonHover = backgroundHover;
const chatButtonTextHover = linkPrimaryHover;
const chatButtonActive = backgroundActive;
const chatButtonSelected = backgroundSelected;
const chatButtonTextSelected = textSecondary;
//#endregion
//#region src/g10.js
/**
* Copyright IBM Corp. 2018, 2023
*
* This source code is licensed under the Apache-2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
var g10_exports = /* @__PURE__ */ __exportAll({
aiAuraEnd: () => aiAuraEnd$3,
aiAuraHoverBackground: () => aiAuraHoverBackground$3,
aiAuraHoverEnd: () => aiAuraHoverEnd$3,
aiAuraHoverStart: () => aiAuraHoverStart$3,
aiAuraStart: () => aiAuraStart$3,
aiAuraStartSm: () => aiAuraStartSm$3,
aiBorderEnd: () => aiBorderEnd$3,
aiBorderStart: () => aiBorderStart$3,
aiBorderStrong: () => aiBorderStrong$3,
aiDropShadow: () => aiDropShadow$3,
aiInnerShadow: () => aiInnerShadow$3,
aiOverlay: () => aiOverlay$3,
aiPopoverBackground: () => aiPopoverBackground$3,
aiPopoverCaretBottom: () => aiPopoverCaretBottom$3,
aiPopoverCaretBottomBackground: () => aiPopoverCaretBottomBackground$3,
aiPopoverCaretBottomBackgroundActions: () => aiPopoverCaretBottomBackgroundActions$3,
aiPopoverCaretCenter: () => aiPopoverCaretCenter$3,
aiPopoverShadowOuter01: () => aiPopoverShadowOuter01$3,
aiPopoverShadowOuter02: () => aiPopoverShadowOuter02$3,
aiSkeletonBackground: () => aiSkeletonBackground$3,
aiSkeletonElementBackground: () => aiSkeletonElementBackground$3,
background: () => background$8,
backgroundActive: () => backgroundActive$7,
backgroundBrand: () => backgroundBrand$7,
backgroundHover: () => backgroundHover$7,
backgroundInverse: () => backgroundInverse$7,
backgroundInverseHover: () => backgroundInverseHover$7,
backgroundSelected: () => backgroundSelected$7,
backgroundSelectedHover: () => backgroundSelectedHover$7,
bodyLong01: () => _carbon_type.bodyLong01,
bodyLong02: () => _carbon_type.bodyLong02,
bodyShort01: () => _carbon_type.bodyShort01,
bodyShort02: () => _carbon_type.bodyShort02,
borderDisabled: () => borderDisabled$7,
borderInteractive: () => borderInteractive$7,
borderInverse: () => borderInverse$7,
borderStrong01: () => borderStrong01$3,
borderStrong02: () => borderStrong02$3,
borderStrong03: () => borderStrong03$3,
borderSubtle00: () => borderSubtle00$3,
borderSubtle01: () => borderSubtle01$3,
borderSubtle02: () => borderSubtle02$3,
borderSubtle03: () => borderSubtle03$3,
borderSubtleSelected01: () => borderSubtleSelected01$3,
borderSubtleSelected02: () => borderSubtleSelected02$3,
borderSubtleSelected03: () => borderSubtleSelected03$3,
borderTile01: () => borderTile01$3,
borderTile02: () => borderTile02$3,
borderTile03: () => borderTile03$3,
caption01: () => _carbon_type.caption01,
caption02: () => _carbon_type.caption02,
chatAvatarAgent: () => chatAvatarAgent$3,
chatAvatarBot: () => chatAvatarBot$3,
chatAvatarUser: () => chatAvatarUser$3,
chatBubbleAgent: () => chatBubbleAgent$3,
chatBubbleAgentText: () => chatBubbleAgentText$3,
chatBubbleBorder: () => chatBubbleBorder$3,
chatBubbleUser: () => chatBubbleUser$3,
chatBubbleUserText: () => chatBubbleUserText$3,
chatButton: () => chatButton$3,
chatButtonActive: () => chatButtonActive$3,
chatButtonHover: () => chatButtonHover$3,
chatButtonSelected: () => chatButtonSelected$3,
chatButtonTextHover: () => chatButtonTextHover$3,
chatButtonTextSelected: () => chatButtonTextSelected$3,
chatHeaderBackground: () => chatHeaderBackground$3,
chatHeaderText: () => chatHeaderText$3,
chatPromptBackground: () => chatPromptBackground$3,
chatPromptBorderEnd: () => chatPromptBorderEnd$3,
chatPromptBorderStart: () => chatPromptBorderStart$3,
chatPromptText: () => chatPromptText$3,
chatShellBackground: () => chatShellBackground$3,
code01: () => _carbon_type.code01,
code02: () => _carbon_type.code02,
colorScheme: () => colorScheme$3,
container01: () => _carbon_layout.container01,
container02: () => _carbon_layout.container02,
container03: () => _carbon_layout.container03,
container04: () => _carbon_layout.container04,
container05: () => _carbon_layout.container05,
display01: () => _carbon_type.display01,
display02: () => _carbon_type.display02,
display03: () => _carbon_type.display03,
display04: () => _carbon_type.display04,
expressiveHeading01: () => _carbon_type.expressiveHeading01,
expressiveHeading02: () => _carbon_type.expressiveHeading02,
expressiveHeading03: () => _carbon_type.expressiveHeading03,
expressiveHeading04: () => _carbon_type.expressiveHeading04,
expressiveHeading05: () => _carbon_type.expressiveHeading05,
expressiveHeading06: () => _carbon_type.expressiveHeading06,
expressiveParagraph01: () => _carbon_type.expressiveParagraph01,
field01: () => field01$7,
field02: () => field02$7,
field03: () => field03$3,
fieldHover01: () => fieldHover01$3,
fieldHover02: () => fieldHover02$3,
fieldHover03: () => fieldHover03$3,
fluidSpacing01: () => _carbon_layout.fluidSpacing01,
fluidSpacing02: () => _carbon_layout.fluidSpacing02,
fluidSpacing03: () => _carbon_layout.fluidSpacing03,
fluidSpacing04: () => _carbon_layout.fluidSpacing04,
focus: () => focus$8,
focusInset: () => focusInset$7,
focusInverse: () => focusInverse$7,
heading01: () => _carbon_type.heading01,
heading02: () => _carbon_type.heading02,
helperText01: () => _carbon_type.helperText01,
helperText02: () => _carbon_type.helperText02,
highlight: () => highlight$7,
iconDisabled: () => iconDisabled$7,
iconInteractive: () => iconInteractive$3,
iconInverse: () => iconInverse$7,
iconOnColor: () => iconOnColor$7,
iconOnColorDisabled: () => iconOnColorDisabled$7,
iconPrimary: () => iconPrimary$7,
iconSecondary: () => iconSecondary$7,
iconSize01: () => _carbon_layout.iconSize01,
iconSize02: () => _carbon_layout.iconSize02,
interactive: () => interactive$7,
label01: () => _carbon_type.label01,
label02: () => _carbon_type.label02,
layer01: () => layer01$3,
layer02: () => layer02$3,
layer03: () => layer03$3,
layerAccent01: () => layerAccent01$3,
layerAccent02: () => layerAccent02$3,
layerAccent03: () => layerAccent03$3,
layerAccentActive01: () => layerAccentActive01$3,
layerAccentActive02: () => layerAccentActive02$3,
layerAccentActive03: () => layerAccentActive03$3,
layerAccentHover01: () => layerAccentHover01$3,
layerAccentHover02: () => layerAccentHover02$3,
layerAccentHover03: () => layerAccentHover03$3,
layerActive01: () => layerActive01$3,
layerActive02: () => layerActive02$3,
layerActive03: () => layerActive03$3,
layerBackground01: () => layerBackground01$3,
layerBackground02: () => layerBackground02$3,
layerBackground03: () => layerBackground03$3,
layerHover01: () => layerHover01$3,
layerHover02: () => layerHover02$3,
layerHover03: () => layerHover03$3,
layerSelected01: () => layerSelected01$3,
layerSelected02: () => layerSelected02$3,
layerSelected03: () => layerSelected03$3,
layerSelectedDisabled: () => layerSelectedDisabled$7,
layerSelectedHover01: () => layerSelectedHover01$3,
layerSelectedHover02: () => layerSelectedHover02$3,
layerSelectedHover03: () => layerSelectedHover03$3,
layerSelectedInverse: () => layerSelectedInverse$7,
layout01: () => _carbon_layout.layout01,
layout02: () => _carbon_layout.layout02,
layout03: () => _carbon_layout.layout03,
layout04: () => _carbon_layout.layout04,
layout05: () => _carbon_layout.layout05,
layout06: () => _carbon_layout.layout06,
layout07: () => _carbon_layout.layout07,
linkInverse: () => linkInverse$7,
linkInverseActive: () => linkInverseActive$3,
linkInverseHover: () => linkInverseHover$3,
linkInverseVisited: () => linkInverseVisited$3,
linkPrimary: () => linkPrimary$7,
linkPrimaryHover: () => linkPrimaryHover$7,
linkSecondary: () => linkSecondary$7,
linkVisited: () => linkVisited$7,
overlay: () => overlay$7,
productiveHeading01: () => _carbon_type.productiveHeading01,
productiveHeading02: () => _carbon_type.productiveHeading02,
productiveHeading03: () => _carbon_type.productiveHeading03,
productiveHeading04: () => _carbon_type.productiveHeading04,
productiveHeading05: () => _carbon_type.productiveHeading05,
productiveHeading06: () => _carbon_type.productiveHeading06,
productiveHeading07: () => _carbon_type.productiveHeading07,
quotation01: () => _carbon_type.quotation01,
quotation02: () => _carbon_type.quotation02,
shadow: () => shadow$7,
size2XLarge: () => _carbon_layout.size2XLarge,
sizeLarge: () => _carbon_layout.sizeLarge,
sizeMedium: () => _carbon_layout.sizeMedium,
sizeSmall: () => _carbon_layout.sizeSmall,
sizeXLarge: () => _carbon_layout.sizeXLarge,
sizeXSmall: () => _carbon_layout.sizeXSmall,
skeletonBackground: () => skeletonBackground$7,
skeletonElement: () => skeletonElement$7,
spacing01: () => _carbon_layout.spacing01,
spacing02: () => _carbon_layout.spacing02,
spacing03: () => _carbon_layout.spacing03,
spacing04: () => _carbon_layout.spacing04,
spacing05: () => _carbon_layout.spacing05,
spacing06: () => _carbon_layout.spacing06,
spacing07: () => _carbon_layout.spacing07,
spacing08: () => _carbon_layout.spacing08,
spacing09: () => _carbon_layout.spacing09,
spacing10: () => _carbon_layout.spacing10,
spacing11: () => _carbon_layout.spacing11,
spacing12: () => _carbon_layout.spacing12,
spacing13: () => _carbon_layout.spacing13,
supportCautionMajor: () => supportCautionMajor$3,
supportCautionMinor: () => supportCautionMinor$3,
supportCautionUndefined: () => supportCautionUndefined$3,
supportError: () => supportError$7,
supportErrorInverse: () => supportErrorInverse$7,
supportInfo: () => supportInfo$7,
supportInfoInverse: () => supportInfoInverse$7,
supportSuccess: () => supportSuccess$7,
supportSuccessInverse: () => supportSuccessInverse$7,
supportWarning: () => supportWarning$7,
supportWarningInverse: () => supportWarningInverse$7,
syntaxAngleBracket: () => syntaxAngleBracket$3,
syntaxAnnotation: () => syntaxAnnotation$3,
syntaxArithmeticOperator: () => syntaxArithmeticOperator$3,
syntaxAtom: () => syntaxAtom$3,
syntaxAttribute: () => syntaxAttribute$3,
syntaxAttributeName: () => syntaxAttributeName$3,
syntaxAttributeValue: () => syntaxAttributeValue$3,
syntaxBitwiseOperator: () => syntaxBitwiseOperator$3,
syntaxBlockComment: () => syntaxBlockComment$3,
syntaxBool: () => syntaxBool$3,
syntaxBrace: () => syntaxBrace$3,
syntaxBracket: () => syntaxBracket$3,
syntaxCharacter: () => syntaxCharacter$3,
syntaxClassName: () => syntaxClassName$3,
syntaxColor: () => syntaxColor$3,
syntaxComment: () => syntaxComment$3,
syntaxCompareOperator: () => syntaxCompareOperator$3,
syntaxConstant: () => syntaxConstant$3,
syntaxContent: () => syntaxContent$3,
syntaxContentSeparator: () => syntaxContentSeparator$3,
syntaxControlKeyword: () => syntaxControlKeyword$3,
syntaxControlOperator: () => syntaxControlOperator$3,
syntaxDefinition: () => syntaxDefinition$3,
syntaxDefinitionKeyword: () => syntaxDefinitionKeyword$3,
syntaxDefinitionOperator: () => syntaxDefinitionOperator$3,
syntaxDeleted: () => syntaxDeleted$3,
syntaxDerefOperator: () => syntaxDerefOperator$3,
syntaxDocComment: () => syntaxDocComment$3,
syntaxDocString: () => syntaxDocString$3,
syntaxDocumentMeta: () => syntaxDocumentMeta$3,
syntaxEmphasis: () => syntaxEmphasis$3,
syntaxEscape: () => syntaxEscape$3,
syntaxFloat: () => syntaxFloat$3,
syntaxFunction: () => syntaxFunction$3,
syntaxHeading: () => syntaxHeading$3,
syntaxHeading1: () => syntaxHeading1$3,
syntaxHeading2: () => syntaxHeading2$3,
syntaxHeading3: () => syntaxHeading3$3,
syntaxHeading4: () => syntaxHeading4$3,
syntaxHeading5: () => syntaxHeading5$3,
syntaxHeading6: () => syntaxHeading6$3,
syntaxInserted: () => syntaxInserted$3,
syntaxInteger: () => syntaxInteger$3,
syntaxInvalid: () => syntaxInvalid$3,
syntaxKeyword: () => syntaxKeyword$3,
syntaxLabelName: () => syntaxLabelName$3,
syntaxLineComment: () => syntaxLineComment$3,
syntaxLink: () => syntaxLink$3,
syntaxList: () => syntaxList$3,
syntaxLiteral: () => syntaxLiteral$3,
syntaxLocal: () => syntaxLocal$3,
syntaxLogicOperator: () => syntaxLogicOperator$3,
syntaxMacroName: () => syntaxMacroName$3,
syntaxMeta: () => syntaxMeta$3,
syntaxModifier: () => syntaxModifier$3,
syntaxModuleKeyword: () => syntaxModuleKeyword$3,
syntaxMonospace: () => syntaxMonospace$3,
syntaxName: () => syntaxName$3,
syntaxNamespace: () => syntaxNamespace$3,
syntaxNull: () => syntaxNull$3,
syntaxNumber: () => syntaxNumber$3,
syntaxOperator: () => syntaxOperator$3,
syntaxOperatorKeyword: () => syntaxOperatorKeyword$3,
syntaxParen: () => syntaxParen$3,
syntaxProcessingInstruction: () => syntaxProcessingInstruction$3,
syntaxPropertyName: () => syntaxPropertyName$3,
syntaxPunctuation: () => syntaxPunctuation$3,
syntaxQuote: () => syntaxQuote$3,
syntaxRegexp: () => syntaxRegexp$3,
syntaxSelf: () => syntaxSelf$3,
syntaxSeparator: () => syntaxSeparator$3,
syntaxSpecial: () => syntaxSpecial$3,
syntaxSpecialString: () => syntaxSpecialString$3,
syntaxSquareBracket: () => syntaxSquareBracket$3,
syntaxStandard: () => syntaxStandard$3,
syntaxStrikethrough: () => syntaxStrikethrough$3,
syntaxString: () => syntaxString$3,
syntaxStrong: () => syntaxStrong$3,
syntaxTag: () => syntaxTag$3,
syntaxTagName: () => syntaxTagName$3,
syntaxType: () => syntaxType$3,
syntaxTypeName: () => syntaxTypeName$3,
syntaxTypeOperator: () => syntaxTypeOperator$3,
syntaxUnit: () => syntaxUnit$3,
syntaxUpdateOperator: () => syntaxUpdateOperator$3,
syntaxUrl: () => syntaxUrl$3,
syntaxVariable: () => syntaxVariable$3,
syntaxVariableName: () => syntaxVariableName$3,
textDisabled: () => textDisabled$7,
textError: () => textError$7,
textHelper: () => textHelper$7,
textInverse: () => textInverse$7,
textOnColor: () => textOnColor$7,
textOnColorDisabled: () => textOnColorDisabled$7,
textPlaceholder: () => textPlaceholder$7,
textPrimary: () => textPrimary$7,
textSecondary: () => textSecondary$7,
toggleOff: () => toggleOff$7
});
const colorScheme$3 = "light";
const background$8 = _carbon_colors.gray10;
const backgroundInverse$7 = _carbon_colors.gray80;
const backgroundBrand$7 = _carbon_colors.blue60;
const backgroundActive$7 = adjustAlpha(_carbon_colors.gray50, .5);
const backgroundHover$7 = adjustAlpha(_carbon_colors.gray50, .12);
const backgroundInverseHover$7 = _carbon_colors.gray80Hover;
const backgroundSelected$7 = adjustAlpha(_carbon_colors.gray50, .2);
const backgroundSelectedHover$7 = adjustAlpha(_carbon_colors.gray50, .32);
const layer01$3 = _carbon_colors.white;
const layerActive01$3 = _carbon_colors.gray30;
const layerBackground01$3 = _carbon_colors.gray10;
const layerHover01$3 = _carbon_colors.whiteHover;
const layerSelected01$3 = _carbon_colors.gray20;
const layerSelectedHover01$3 = _carbon_colors.gray20Hover;
const layer02$3 = _carbon_colors.gray10;
const layerActive02$3 = _carbon_colors.gray30;
const layerBackground02$3 = _carbon_colors.white;
const layerHover02$3 = _carbon_colors.gray10Hover;
const layerSelected02$3 = _carbon_colors.gray20;
const layerSelectedHover02$3 = _carbon_colors.gray20Hover;
const layer03$3 = _carbon_colors.white;
const layerActive03$3 = _carbon_colors.gray30;
const layerBackground03$3 = _carbon_colors.gray10;
const layerHover03$3 = _carbon_colors.whiteHover;
const layerSelected03$3 = _carbon_colors.gray20;
const layerSelectedHover03$3 = _carbon_colors.gray20Hover;
const layerSelectedInverse$7 = _carbon_colors.gray100;
const layerSelectedDisabled$7 = _carbon_colors.gray50;
const layerAccent01$3 = _carbon_colors.gray20;
const layerAccentActive01$3 = _carbon_colors.gray40;
const layerAccentHover01$3 = _carbon_colors.gray20Hover;
const layerAccent02$3 = _carbon_colors.gray20;
const layerAccentActive02$3 = _carbon_colors.gray40;
const layerAccentHover02$3 = _carbon_colors.gray20Hover;
const layerAccent03$3 = _carbon_colors.gray20;
const layerAccentActive03$3 = _carbon_colors.gray40;
const layerAccentHover03$3 = _carbon_colors.gray20Hover;
const field01$7 = _carbon_colors.white;
const fieldHover01$3 = _carbon_colors.whiteHover;
const field02$7 = _carbon_colors.gray10;
const fieldHover02$3 = _carbon_colors.gray10Hover;
const field03$3 = _carbon_colors.white;
const fieldHover03$3 = _carbon_colors.whiteHover;
const borderSubtle00$3 = _carbon_colors.gray30;
const borderSubtle01$3 = _carbon_colors.gray20;
const borderSubtleSelected01$3 = _carbon_colors.gray30;
const borderSubtle02$3 = _carbon_colors.gray30;
const borderSubtleSelected02$3 = _carbon_colors.gray30;
const borderSubtle03$3 = _carbon_colors.gray20;
const borderSubtleSelected03$3 = _carbon_colors.gray30;
const borderStrong01$3 = _carbon_colors.gray50;
const borderStrong02$3 = _carbon_colors.gray50;
const borderStrong03$3 = _carbon_colors.gray50;
const borderTile01$3 = _carbon_colors.gray40;
const borderTile02$3 = _carbon_colors.gray30;
const borderTile03$3 = _carbon_colors.gray40;
const borderInverse$7 = _carbon_colors.gray100;
const borderInteractive$7 = _carbon_colors.blue60;
const borderDisabled$7 = _carbon_colors.gray30;
const textPrimary$7 = _carbon_colors.gray100;
const textSecondary$7 = _carbon_colors.gray70;
const textPlaceholder$7 = adjustAlpha(textPrimary$7, .4);
const textHelper$7 = _carbon_colors.gray60;
const textError$7 = _carbon_colors.red60;
const textInverse$7 = _carbon_colors.white;
const textOnColor$7 = _carbon_colors.white;
const textOnColorDisabled$7 = _carbon_colors.gray50;
const textDisabled$7 = adjustAlpha(textPrimary$7, .25);
const linkPrimary$7 = _carbon_colors.blue60;
const linkPrimaryHover$7 = _carbon_colors.blue70;
const linkSecondary$7 = _carbon_colors.blue70;
const linkInverse$7 = _carbon_colors.blue40;
const linkVisited$7 = _carbon_colors.purple60;
const linkInverseVisited$3 = _carbon_colors.purple40;
const linkInverseActive$3 = _carbon_colors.gray10;
const linkInverseHover$3 = _carbon_colors.blue30;
const iconPrimary$7 = _carbon_colors.gray100;
const iconSecondary$7 = _carbon_colors.gray70;
const iconInverse$7 = _carbon_colors.white;
const iconOnColor$7 = _carbon_colors.white;
const iconOnColorDisabled$7 = _carbon_colors.gray50;
const iconDisabled$7 = adjustAlpha(iconPrimary$7, .25);
const iconInteractive$3 = _carbon_colors.blue60;
const supportError$7 = _carbon_colors.red60;
const supportSuccess$7 = _carbon_colors.green50;
const supportWarning$7 = _carbon_colors.yellow30;
const supportInfo$7 = _carbon_colors.blue70;
const supportErrorInverse$7 = _carbon_colors.red50;
const supportSuccessInverse$7 = _carbon_colors.green40;
const supportWarningInverse$7 = _carbon_colors.yellow30;
const supportInfoInverse$7 = _carbon_colors.blue50;
const supportCautionMinor$3 = _carbon_colors.yellow30;
const supportCautionMajor$3 = _carbon_colors.orange40;
const supportCautionUndefined$3 = _carbon_colors.purple60;
const focus$8 = _carbon_colors.blue60;
const focusInset$7 = _carbon_colors.white;
const focusInverse$7 = _carbon_colors.white;
const skeletonBackground$7 = _carbon_colors.gray10Hover;
const skeletonElement$7 = _carbon_colors.gray30;
const interactive$7 = _carbon_colors.blue60;
const highlight$7 = _carbon_colors.blue20;
const overlay$7 = (0, _carbon_colors.rgba)(_carbon_colors.black, .6);
const toggleOff$7 = _carbon_colors.gray50;
const shadow$7 = "rgba(0, 0, 0, 0.3)";
const syntaxComment$3 = _carbon_colors.green60;
const syntaxLineComment$3 = syntaxComment$3;
const syntaxBlockComment$3 = syntaxComment$3;
const syntaxDocComment$3 = syntaxComment$3;
const syntaxString$3 = textPrimary$7;
const syntaxDocString$3 = syntaxString$3;
const syntaxKeyword$3 = _carbon_colors.blue60;
const syntaxOperatorKeyword$3 = syntaxKeyword$3;
const syntaxControlKeyword$3 = _carbon_colors.purple70;
const syntaxDefinitionKeyword$3 = _carbon_colors.cyan70;
const syntaxModuleKeyword$3 = _carbon_colors.purple70;
const syntaxVariable$3 = _carbon_colors.blue60;
const syntaxName$3 = syntaxVariable$3;
const syntaxVariableName$3 = syntaxVariable$3;
const syntaxLabelName$3 = syntaxVariable$3;
const syntaxAttribute$3 = _carbon_colors.cyan70;
const syntaxAttributeName$3 = syntaxAttribute$3;
const syntaxPropertyName$3 = syntaxAttribute$3;
const syntaxTag$3 = _carbon_colors.teal60;
const syntaxTagName$3 = syntaxTag$3;
const syntaxType$3 = _carbon_colors.teal60;
const syntaxTypeName$3 = syntaxType$3;
const syntaxClassName$3 = syntaxType$3;
const syntaxNamespace$3 = syntaxType$3;
const syntaxMacroName$3 = textPrimary$7;
const syntaxAtom$3 = syntaxMacroName$3;
const syntaxLiteral$3 = syntaxAtom$3;
const syntaxBool$3 = syntaxAtom$3;
const syntaxNull$3 = syntaxAtom$3;
const syntaxSelf$3 = syntaxTag$3;
const syntaxNumber$3 = _carbon_colors.green60;
const syntaxInteger$3 = syntaxNumber$3;
const syntaxFloat$3 = syntaxNumber$3;
const syntaxUnit$3 = syntaxNumber$3;
const syntaxCharacter$3 = syntaxString$3;
const syntaxAttributeValue$3 = syntaxString$3;
const syntaxSpecialString$3 = _carbon_colors.purple60;
const syntaxRegexp$3 = _carbon_colors.purple70;
const syntaxEscape$3 = _carbon_colors.coolGray80;
const syntaxUrl$3 = syntaxEscape$3;
const syntaxColor$3 = syntaxMacroName$3;
const syntaxOperator$3 = _carbon_colors.coolGray80;
const syntaxDerefOperator$3 = syntaxOperator$3;
const syntaxArithmeticOperator$3 = syntaxOperator$3;
const syntaxLogicOperator$3 = syntaxOperator$3;
const syntaxBitwiseOperator$3 = syntaxOperator$3;
const syntaxCompareOperator$3 = syntaxOperator$3;
const syntaxUpdateOperator$3 = syntaxOperator$3;
const syntaxDefinitionOperator$3 = syntaxDefinitionKeyword$3;
const syntaxTypeOperator$3 = syntaxTag$3;
const syntaxControlOperator$3 = syntaxModuleKeyword$3;
const syntaxModifier$3 = syntaxKeyword$3;
const syntaxPunctuation$3 = _carbon_colors.coolGray80;
const syntaxSeparator$3 = syntaxPunctuation$3;
const syntaxBracket$3 = syntaxPunctuation$3;
const syntaxAngleBracket$3 = _carbon_colors.coolGray60;
const syntaxSquareBracket$3 = syntaxBracket$3;
const syntaxParen$3 = syntaxBracket$3;
const syntaxBrace$3 = syntaxBracket$3;
const syntaxContent$3 = textPrimary$7;
const syntaxList$3 = syntaxContent$3;
const syntaxEmphasis$3 = syntaxContent$3;
const syntaxStrong$3 = syntaxContent$3;
const syntaxMonospace$3 = syntaxContent$3;
const syntaxStrikethrough$3 = syntaxContent$3;
const syntaxHeading$3 = _carbon_colors.cyan70;
const syntaxHeading1$3 = syntaxHeading$3;
const syntaxHeading2$3 = syntaxHeading$3;
const syntaxHeading3$3 = syntaxHeading$3;
const syntaxHeading4$3 = syntaxHeading$3;
const syntaxHeading5$3 = syntaxHeading$3;
const syntaxHeading6$3 = syntaxHeading$3;
const syntaxContentSeparator$3 = syntaxPunctuation$3;
const syntaxQu