@carbon/themes
Version:
Themes for applying color in the Carbon Design System
1,206 lines • 204 kB
JavaScript
import { black, blue10, blue100, blue20, blue20Hover, blue30, blue40, blue50, blue60, blue70, blue70Hover, blue80, blue90, coolGray10, coolGray100, coolGray20, coolGray20Hover, coolGray40, coolGray50, coolGray60, coolGray70, coolGray70Hover, coolGray80, cyan20, cyan20Hover, cyan40, cyan50, cyan70, cyan70Hover, gray10, gray100, gray10Hover, gray20, gray20Hover, gray30, gray40, gray50, gray50Hover, gray60, gray60Hover, gray70, gray70Hover, gray80, gray80Hover, gray90, gray90Hover, green10, green20, green20Hover, green30, green40, green50, green60, green70, green70Hover, magenta20, magenta20Hover, magenta40, magenta50, magenta70, magenta70Hover, orange40, orange60, purple20, purple20Hover, purple40, purple50, purple60, purple70, purple70Hover, red10, red20, red20Hover, red30, red40, red50, red60, red70, red70Hover, red80, rgba, teal20, teal20Hover, teal30, teal40, teal50, teal60, teal70, teal70Hover, warmGray10, warmGray100, warmGray20, warmGray20Hover, warmGray40, warmGray50, warmGray70, warmGray70Hover, white, white0, whiteHover, yellow10, yellow30, yellow60 } from "@carbon/colors";
import Color from "color";
import { body01, body02, bodyCompact01, bodyCompact02, bodyLong01, bodyLong01 as bodyLong01$1, bodyLong02, bodyLong02 as bodyLong02$1, bodyShort01, bodyShort01 as bodyShort01$1, bodyShort02, bodyShort02 as bodyShort02$1, caption01, caption01 as caption01$1, caption02, caption02 as caption02$1, code01, code01 as code01$1, code02, code02 as code02$1, display01, display01 as display01$1, display02, display02 as display02$1, display03, display03 as display03$1, display04, display04 as display04$1, expressiveHeading01, expressiveHeading01 as expressiveHeading01$1, expressiveHeading02, expressiveHeading02 as expressiveHeading02$1, expressiveHeading03, expressiveHeading03 as expressiveHeading03$1, expressiveHeading04, expressiveHeading04 as expressiveHeading04$1, expressiveHeading05, expressiveHeading05 as expressiveHeading05$1, expressiveHeading06, expressiveHeading06 as expressiveHeading06$1, expressiveParagraph01, expressiveParagraph01 as expressiveParagraph01$1, fluidDisplay01, fluidDisplay02, fluidDisplay03, fluidDisplay04, fluidHeading03, fluidHeading04, fluidHeading05, fluidHeading06, fluidParagraph01, fluidQuotation01, fluidQuotation02, heading01, heading01 as heading01$1, heading02, heading02 as heading02$1, heading03, heading04, heading05, heading06, heading07, headingCompact01, headingCompact02, helperText01, helperText01 as helperText01$1, helperText02, helperText02 as helperText02$1, label01, label01 as label01$1, label02, label02 as label02$1, legal01, legal02, productiveHeading01, productiveHeading01 as productiveHeading01$1, productiveHeading02, productiveHeading02 as productiveHeading02$1, productiveHeading03, productiveHeading03 as productiveHeading03$1, productiveHeading04, productiveHeading04 as productiveHeading04$1, productiveHeading05, productiveHeading05 as productiveHeading05$1, productiveHeading06, productiveHeading06 as productiveHeading06$1, productiveHeading07, productiveHeading07 as productiveHeading07$1, quotation01, quotation01 as quotation01$1, quotation02, quotation02 as quotation02$1, unstable_tokens } from "@carbon/type";
import { container01, container01 as container01$1, container02, container02 as container02$1, container03, container03 as container03$1, container04, container04 as container04$1, container05, container05 as container05$1, fluidSpacing01, fluidSpacing01 as fluidSpacing01$1, fluidSpacing02, fluidSpacing02 as fluidSpacing02$1, fluidSpacing03, fluidSpacing03 as fluidSpacing03$1, fluidSpacing04, fluidSpacing04 as fluidSpacing04$1, iconSize01, iconSize01 as iconSize01$1, iconSize02, iconSize02 as iconSize02$1, layout01, layout01 as layout01$1, layout02, layout02 as layout02$1, layout03, layout03 as layout03$1, layout04, layout04 as layout04$1, layout05, layout05 as layout05$1, layout06, layout06 as layout06$1, layout07, layout07 as layout07$1, size2XLarge, size2XLarge as size2XLarge$1, sizeLarge, sizeLarge as sizeLarge$1, sizeMedium, sizeMedium as sizeMedium$1, sizeSmall, sizeSmall as sizeSmall$1, sizeXLarge, sizeXLarge as sizeXLarge$1, sizeXSmall, sizeXSmall as sizeXSmall$1, spacing01, spacing01 as spacing01$1, spacing02, spacing02 as spacing02$1, spacing03, spacing03 as spacing03$1, spacing04, spacing04 as spacing04$1, spacing05, spacing05 as spacing05$1, spacing06, spacing06 as spacing06$1, spacing07, spacing07 as spacing07$1, spacing08, spacing08 as spacing08$1, spacing09, spacing09 as spacing09$1, spacing10, spacing10 as spacing10$1, spacing11, spacing11 as spacing11$1, spacing12, spacing12 as spacing12$1, spacing13, spacing13 as spacing13$1, unstable_tokens as unstable_tokens$1 } from "@carbon/layout";
//#region \0rolldown/runtime.js
var __defProp = Object.defineProperty;
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;
};
//#endregion
//#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 = Color(token).hsl().object();
return Color({
...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 Color(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: () => bodyLong01,
bodyLong02: () => bodyLong02,
bodyShort01: () => bodyShort01,
bodyShort02: () => 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: () => caption01,
caption02: () => 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: () => code01,
code02: () => code02,
colorScheme: () => colorScheme,
container01: () => container01,
container02: () => container02,
container03: () => container03,
container04: () => container04,
container05: () => container05,
display01: () => display01,
display02: () => display02,
display03: () => display03,
display04: () => display04,
expressiveHeading01: () => expressiveHeading01,
expressiveHeading02: () => expressiveHeading02,
expressiveHeading03: () => expressiveHeading03,
expressiveHeading04: () => expressiveHeading04,
expressiveHeading05: () => expressiveHeading05,
expressiveHeading06: () => expressiveHeading06,
expressiveParagraph01: () => expressiveParagraph01,
field01: () => field01,
field02: () => field02,
field03: () => field03,
fieldHover01: () => fieldHover01,
fieldHover02: () => fieldHover02,
fieldHover03: () => fieldHover03,
fluidSpacing01: () => fluidSpacing01,
fluidSpacing02: () => fluidSpacing02,
fluidSpacing03: () => fluidSpacing03,
fluidSpacing04: () => fluidSpacing04,
focus: () => focus,
focusInset: () => focusInset,
focusInverse: () => focusInverse,
heading01: () => heading01,
heading02: () => heading02,
helperText01: () => helperText01,
helperText02: () => helperText02,
highlight: () => highlight,
iconDisabled: () => iconDisabled,
iconInteractive: () => iconInteractive,
iconInverse: () => iconInverse,
iconOnColor: () => iconOnColor,
iconOnColorDisabled: () => iconOnColorDisabled,
iconPrimary: () => iconPrimary,
iconSecondary: () => iconSecondary,
iconSize01: () => iconSize01,
iconSize02: () => iconSize02,
interactive: () => interactive,
label01: () => label01,
label02: () => 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: () => layout01,
layout02: () => layout02,
layout03: () => layout03,
layout04: () => layout04,
layout05: () => layout05,
layout06: () => layout06,
layout07: () => layout07,
linkInverse: () => linkInverse,
linkInverseActive: () => linkInverseActive,
linkInverseHover: () => linkInverseHover,
linkInverseVisited: () => linkInverseVisited,
linkPrimary: () => linkPrimary,
linkPrimaryHover: () => linkPrimaryHover,
linkSecondary: () => linkSecondary,
linkVisited: () => linkVisited,
overlay: () => overlay,
productiveHeading01: () => productiveHeading01,
productiveHeading02: () => productiveHeading02,
productiveHeading03: () => productiveHeading03,
productiveHeading04: () => productiveHeading04,
productiveHeading05: () => productiveHeading05,
productiveHeading06: () => productiveHeading06,
productiveHeading07: () => productiveHeading07,
quotation01: () => quotation01,
quotation02: () => quotation02,
shadow: () => shadow,
size2XLarge: () => size2XLarge,
sizeLarge: () => sizeLarge,
sizeMedium: () => sizeMedium,
sizeSmall: () => sizeSmall,
sizeXLarge: () => sizeXLarge,
sizeXSmall: () => sizeXSmall,
skeletonBackground: () => skeletonBackground,
skeletonElement: () => skeletonElement,
spacing01: () => spacing01,
spacing02: () => spacing02,
spacing03: () => spacing03,
spacing04: () => spacing04,
spacing05: () => spacing05,
spacing06: () => spacing06,
spacing07: () => spacing07,
spacing08: () => spacing08,
spacing09: () => spacing09,
spacing10: () => spacing10,
spacing11: () => spacing11,
spacing12: () => spacing12,
spacing13: () => 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 = white;
const backgroundInverse = gray80;
const backgroundBrand = blue60;
const backgroundActive = adjustAlpha(gray50, .5);
const backgroundHover = adjustAlpha(gray50, .12);
const backgroundInverseHover = gray80Hover;
const backgroundSelected = adjustAlpha(gray50, .2);
const backgroundSelectedHover = adjustAlpha(gray50, .32);
const layer01 = gray10;
const layerActive01 = gray30;
const layerBackground01 = white;
const layerHover01 = gray10Hover;
const layerSelected01 = gray20;
const layerSelectedHover01 = gray20Hover;
const layer02 = white;
const layerActive02 = gray30;
const layerBackground02 = gray10;
const layerHover02 = whiteHover;
const layerSelected02 = gray20;
const layerSelectedHover02 = gray20Hover;
const layer03 = gray10;
const layerActive03 = gray30;
const layerBackground03 = white;
const layerHover03 = gray10Hover;
const layerSelected03 = gray20;
const layerSelectedHover03 = gray20Hover;
const layerSelectedInverse = gray100;
const layerSelectedDisabled = gray50;
const layerAccent01 = gray20;
const layerAccentActive01 = gray40;
const layerAccentHover01 = gray20Hover;
const layerAccent02 = gray20;
const layerAccentActive02 = gray40;
const layerAccentHover02 = gray20Hover;
const layerAccent03 = gray20;
const layerAccentActive03 = gray40;
const layerAccentHover03 = gray20Hover;
const field01 = gray10;
const fieldHover01 = gray10Hover;
const field02 = white;
const fieldHover02 = whiteHover;
const field03 = gray10;
const fieldHover03 = gray10Hover;
const borderSubtle00 = gray20;
const borderSubtle01 = gray30;
const borderSubtleSelected01 = gray30;
const borderSubtle02 = gray20;
const borderSubtleSelected02 = gray30;
const borderSubtle03 = gray30;
const borderSubtleSelected03 = gray30;
const borderStrong01 = gray50;
const borderStrong02 = gray50;
const borderStrong03 = gray50;
const borderTile01 = gray30;
const borderTile02 = gray40;
const borderTile03 = gray30;
const borderInverse = gray100;
const borderInteractive = blue60;
const borderDisabled = gray30;
const textPrimary = gray100;
const textSecondary = gray70;
const textPlaceholder = adjustAlpha(textPrimary, .4);
const textHelper = gray60;
const textError = red60;
const textInverse = white;
const textOnColor = white;
const textOnColorDisabled = gray50;
const textDisabled = adjustAlpha(textPrimary, .25);
const linkPrimary = blue60;
const linkPrimaryHover = blue70;
const linkSecondary = blue70;
const linkInverse = blue40;
const linkVisited = purple60;
const linkInverseVisited = purple40;
const linkInverseActive = gray10;
const linkInverseHover = blue30;
const iconPrimary = gray100;
const iconSecondary = gray70;
const iconInverse = white;
const iconOnColor = white;
const iconOnColorDisabled = gray50;
const iconDisabled = adjustAlpha(iconPrimary, .25);
const iconInteractive = blue60;
const supportError = red60;
const supportSuccess = green50;
const supportWarning = yellow30;
const supportInfo = blue70;
const supportErrorInverse = red50;
const supportSuccessInverse = green40;
const supportWarningInverse = yellow30;
const supportInfoInverse = blue50;
const supportCautionMinor = yellow30;
const supportCautionMajor = orange40;
const supportCautionUndefined = purple60;
const focus = blue60;
const focusInset = white;
const focusInverse = white;
const skeletonBackground = whiteHover;
const skeletonElement = gray30;
const interactive = blue60;
const highlight = blue20;
const overlay = rgba(black, .6);
const toggleOff = gray50;
const shadow = "rgba(0, 0, 0, 0.3)";
const syntaxComment = green60;
const syntaxLineComment = syntaxComment;
const syntaxBlockComment = syntaxComment;
const syntaxDocComment = syntaxComment;
const syntaxString = textPrimary;
const syntaxDocString = syntaxString;
const syntaxKeyword = blue60;
const syntaxOperatorKeyword = syntaxKeyword;
const syntaxControlKeyword = purple70;
const syntaxDefinitionKeyword = cyan70;
const syntaxModuleKeyword = purple70;
const syntaxVariable = blue60;
const syntaxName = syntaxVariable;
const syntaxVariableName = syntaxVariable;
const syntaxLabelName = syntaxVariable;
const syntaxAttribute = cyan70;
const syntaxAttributeName = syntaxAttribute;
const syntaxPropertyName = syntaxAttribute;
const syntaxTag = teal60;
const syntaxTagName = syntaxTag;
const syntaxType = 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 = green60;
const syntaxInteger = syntaxNumber;
const syntaxFloat = syntaxNumber;
const syntaxUnit = syntaxNumber;
const syntaxCharacter = syntaxString;
const syntaxAttributeValue = syntaxString;
const syntaxSpecialString = purple60;
const syntaxRegexp = purple70;
const syntaxEscape = coolGray80;
const syntaxUrl = syntaxEscape;
const syntaxColor = syntaxMacroName;
const syntaxOperator = 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 = coolGray80;
const syntaxSeparator = syntaxPunctuation;
const syntaxBracket = syntaxPunctuation;
const syntaxAngleBracket = 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 = 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 = blue60;
const syntaxInvalid = red60;
const syntaxMeta = green60;
const syntaxDocumentMeta = syntaxMeta;
const syntaxAnnotation = teal60;
const syntaxProcessingInstruction = syntaxString;
const syntaxDefinition = cyan70;
const syntaxConstant = blue60;
const syntaxFunction = yellow60;
const syntaxStandard = blue60;
const syntaxLocal = blue60;
const syntaxSpecial = blue60;
const syntaxInserted = green20;
const syntaxDeleted = red20;
const aiInnerShadow = rgba(blue50, .1);
const aiAuraStartSm = rgba(blue50, .16);
const aiAuraStart = rgba(blue50, .1);
const aiAuraEnd = rgba(white, 0);
const aiBorderStrong = blue50;
const aiBorderStart = rgba(blue30, .64);
const aiBorderEnd = blue40;
const aiDropShadow = rgba(blue60, .1);
const aiAuraHoverBackground = blue10;
const aiAuraHoverStart = rgba(blue50, .32);
const aiAuraHoverEnd = rgba(white, 0);
const aiPopoverBackground = white;
const aiPopoverShadowOuter01 = rgba(blue70, .06);
const aiPopoverShadowOuter02 = rgba(black, .04);
const aiSkeletonBackground = blue20;
const aiSkeletonElementBackground = blue50;
const aiOverlay = rgba(blue100, .5);
const aiPopoverCaretCenter = "#A0C3FF";
const aiPopoverCaretBottom = blue40;
const aiPopoverCaretBottomBackgroundActions = "#E9EFFA";
const aiPopoverCaretBottomBackground = "#EAF1FF";
const chatPromptBackground = white;
const chatPromptBorderStart = gray10;
const chatPromptBorderEnd = rgba(gray10, 0);
const chatPromptText = textPrimary;
const chatBubbleUser = gray20;
const chatBubbleUserText = textPrimary;
const chatBubbleAgent = white;
const chatBubbleAgentText = textPrimary;
const chatBubbleBorder = gray20;
const chatAvatarBot = gray60;
const chatAvatarAgent = gray80;
const chatAvatarUser = blue60;
const chatShellBackground = white;
const chatHeaderBackground = 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: () => bodyLong01,
bodyLong02: () => bodyLong02,
bodyShort01: () => bodyShort01,
bodyShort02: () => 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: () => caption01,
caption02: () => 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: () => code01,
code02: () => code02,
colorScheme: () => colorScheme$3,
container01: () => container01,
container02: () => container02,
container03: () => container03,
container04: () => container04,
container05: () => container05,
display01: () => display01,
display02: () => display02,
display03: () => display03,
display04: () => display04,
expressiveHeading01: () => expressiveHeading01,
expressiveHeading02: () => expressiveHeading02,
expressiveHeading03: () => expressiveHeading03,
expressiveHeading04: () => expressiveHeading04,
expressiveHeading05: () => expressiveHeading05,
expressiveHeading06: () => expressiveHeading06,
expressiveParagraph01: () => expressiveParagraph01,
field01: () => field01$7,
field02: () => field02$7,
field03: () => field03$3,
fieldHover01: () => fieldHover01$3,
fieldHover02: () => fieldHover02$3,
fieldHover03: () => fieldHover03$3,
fluidSpacing01: () => fluidSpacing01,
fluidSpacing02: () => fluidSpacing02,
fluidSpacing03: () => fluidSpacing03,
fluidSpacing04: () => fluidSpacing04,
focus: () => focus$8,
focusInset: () => focusInset$7,
focusInverse: () => focusInverse$7,
heading01: () => heading01,
heading02: () => heading02,
helperText01: () => helperText01,
helperText02: () => 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: () => iconSize01,
iconSize02: () => iconSize02,
interactive: () => interactive$7,
label01: () => label01,
label02: () => 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: () => layout01,
layout02: () => layout02,
layout03: () => layout03,
layout04: () => layout04,
layout05: () => layout05,
layout06: () => layout06,
layout07: () => 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: () => productiveHeading01,
productiveHeading02: () => productiveHeading02,
productiveHeading03: () => productiveHeading03,
productiveHeading04: () => productiveHeading04,
productiveHeading05: () => productiveHeading05,
productiveHeading06: () => productiveHeading06,
productiveHeading07: () => productiveHeading07,
quotation01: () => quotation01,
quotation02: () => quotation02,
shadow: () => shadow$7,
size2XLarge: () => size2XLarge,
sizeLarge: () => sizeLarge,
sizeMedium: () => sizeMedium,
sizeSmall: () => sizeSmall,
sizeXLarge: () => sizeXLarge,
sizeXSmall: () => sizeXSmall,
skeletonBackground: () => skeletonBackground$7,
skeletonElement: () => skeletonElement$7,
spacing01: () => spacing01,
spacing02: () => spacing02,
spacing03: () => spacing03,
spacing04: () => spacing04,
spacing05: () => spacing05,
spacing06: () => spacing06,
spacing07: () => spacing07,
spacing08: () => spacing08,
spacing09: () => spacing09,
spacing10: () => spacing10,
spacing11: () => spacing11,
spacing12: () => spacing12,
spacing13: () => 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 = gray10;
const backgroundInverse$7 = gray80;
const backgroundBrand$7 = blue60;
const backgroundActive$7 = adjustAlpha(gray50, .5);
const backgroundHover$7 = adjustAlpha(gray50, .12);
const backgroundInverseHover$7 = gray80Hover;
const backgroundSelected$7 = adjustAlpha(gray50, .2);
const backgroundSelectedHover$7 = adjustAlpha(gray50, .32);
const layer01$3 = white;
const layerActive01$3 = gray30;
const layerBackground01$3 = gray10;
const layerHover01$3 = whiteHover;
const layerSelected01$3 = gray20;
const layerSelectedHover01$3 = gray20Hover;
const layer02$3 = gray10;
const layerActive02$3 = gray30;
const layerBackground02$3 = white;
const layerHover02$3 = gray10Hover;
const layerSelected02$3 = gray20;
const layerSelectedHover02$3 = gray20Hover;
const layer03$3 = white;
const layerActive03$3 = gray30;
const layerBackground03$3 = gray10;
const layerHover03$3 = whiteHover;
const layerSelected03$3 = gray20;
const layerSelectedHover03$3 = gray20Hover;
const layerSelectedInverse$7 = gray100;
const layerSelectedDisabled$7 = gray50;
const layerAccent01$3 = gray20;
const layerAccentActive01$3 = gray40;
const layerAccentHover01$3 = gray20Hover;
const layerAccent02$3 = gray20;
const layerAccentActive02$3 = gray40;
const layerAccentHover02$3 = gray20Hover;
const layerAccent03$3 = gray20;
const layerAccentActive03$3 = gray40;
const layerAccentHover03$3 = gray20Hover;
const field01$7 = white;
const fieldHover01$3 = whiteHover;
const field02$7 = gray10;
const fieldHover02$3 = gray10Hover;
const field03$3 = white;
const fieldHover03$3 = whiteHover;
const borderSubtle00$3 = gray30;
const borderSubtle01$3 = gray20;
const borderSubtleSelected01$3 = gray30;
const borderSubtle02$3 = gray30;
const borderSubtleSelected02$3 = gray30;
const borderSubtle03$3 = gray20;
const borderSubtleSelected03$3 = gray30;
const borderStrong01$3 = gray50;
const borderStrong02$3 = gray50;
const borderStrong03$3 = gray50;
const borderTile01$3 = gray40;
const borderTile02$3 = gray30;
const borderTile03$3 = gray40;
const borderInverse$7 = gray100;
const borderInteractive$7 = blue60;
const borderDisabled$7 = gray30;
const textPrimary$7 = gray100;
const textSecondary$7 = gray70;
const textPlaceholder$7 = adjustAlpha(textPrimary$7, .4);
const textHelper$7 = gray60;
const textError$7 = red60;
const textInverse$7 = white;
const textOnColor$7 = white;
const textOnColorDisabled$7 = gray50;
const textDisabled$7 = adjustAlpha(textPrimary$7, .25);
const linkPrimary$7 = blue60;
const linkPrimaryHover$7 = blue70;
const linkSecondary$7 = blue70;
const linkInverse$7 = blue40;
const linkVisited$7 = purple60;
const linkInverseVisited$3 = purple40;
const linkInverseActive$3 = gray10;
const linkInverseHover$3 = blue30;
const iconPrimary$7 = gray100;
const iconSecondary$7 = gray70;
const iconInverse$7 = white;
const iconOnColor$7 = white;
const iconOnColorDisabled$7 = gray50;
const iconDisabled$7 = adjustAlpha(iconPrimary$7, .25);
const iconInteractive$3 = blue60;
const supportError$7 = red60;
const supportSuccess$7 = green50;
const supportWarning$7 = yellow30;
const supportInfo$7 = blue70;
const supportErrorInverse$7 = red50;
const supportSuccessInverse$7 = green40;
const supportWarningInverse$7 = yellow30;
const supportInfoInverse$7 = blue50;
const supportCautionMinor$3 = yellow30;
const supportCautionMajor$3 = orange40;
const supportCautionUndefined$3 = purple60;
const focus$8 = blue60;
const focusInset$7 = white;
const focusInverse$7 = white;
const skeletonBackground$7 = gray10Hover;
const skeletonElement$7 = gray30;
const interactive$7 = blue60;
const highlight$7 = blue20;
const overlay$7 = rgba(black, .6);
const toggleOff$7 = gray50;
const shadow$7 = "rgba(0, 0, 0, 0.3)";
const syntaxComment$3 = 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 = blue60;
const syntaxOperatorKeyword$3 = syntaxKeyword$3;
const syntaxControlKeyword$3 = purple70;
const syntaxDefinitionKeyword$3 = cyan70;
const syntaxModuleKeyword$3 = purple70;
const syntaxVariable$3 = blue60;
const syntaxName$3 = syntaxVariable$3;
const syntaxVariableName$3 = syntaxVariable$3;
const syntaxLabelName$3 = syntaxVariable$3;
const syntaxAttribute$3 = cyan70;
const syntaxAttributeName$3 = syntaxAttribute$3;
const syntaxPropertyName$3 = syntaxAttribute$3;
const syntaxTag$3 = teal60;
const syntaxTagName$3 = syntaxTag$3;
const syntaxType$3 = 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 = 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 = purple60;
const syntaxRegexp$3 = purple70;
const syntaxEscape$3 = coolGray80;
const syntaxUrl$3 = syntaxEscape$3;
const syntaxColor$3 = syntaxMacroName$3;
const syntaxOperator$3 = 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 = coolGray80;
const syntaxSeparator$3 = syntaxPunctuation$3;
const syntaxBracket$3 = syntaxPunctuation$3;
const syntaxAngleBracket$3 = 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 = 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 syntaxQuote$3 = syntaxComment$3;
const syntaxLink$3 = blue60;
const syntaxInvalid$3 = red60;
const syntaxMeta$3 = green60;
const syntaxDocumentMeta$3 = syntaxMeta$3;
const syntaxAnnotation$3 = teal60;
const syntaxProcessingInstruction$3 = syntaxString$3;
const syntaxDefinition$3 = cyan70;
const syntaxConstant$3 = blue60;
const syntaxFunction$3 = yellow60;
const syntaxStandard$3 = blue60;
const syntaxLocal$3 = blue60;
const syntaxSpecial$3 = blue60;
const syntaxInserted$3 = green20;
const syntaxDeleted$3 = red20;
const aiInnerShadow$3 = rgba(blue50, .1);
const aiAuraStartSm$3 = rgba(blue50, .16);
const aiAuraStart$3 = rgba(blue50, .1);
const aiAuraEnd$3 = rgba(white, 0);
const aiBorderStrong$3 = blue50;
const aiBorderStart$3 = rgba(blue30, .64);
const aiBorderEnd$3 = blue40;
const aiDropShadow$3 = rgba(blue60, .1);
const aiAuraHoverBackground$3 = blue10;
const aiAuraHoverStart$3 = rgba(blue50, .32);
const aiAuraHoverEnd$3 = rgba(white, 0);
const aiPopoverBackground$3 = white;
const aiPopoverShadowOuter01$3 = rgba(blue70, .06);
const aiPopoverShadowOuter02$3 = rgba(black, .04);
const aiSkeletonBackground$3 = blue20;
const aiSkeletonElementBackground$3 = blue50;
const aiOverlay$3 = rgba(blue100, .5);
const aiPopoverCaretCenter$3 = "#A0C3FF";
const aiPopoverCaretBottom$3 = blue40;
const aiPopoverCaretBottomBackgroundActions$3 = "#E9EFFA";
const aiPopoverCaretBottomBackground$3 = "#EAF1FF";
const chatPromptBackground$3 = white;
const chatPromptBorderStart$3 = gray10;
const chatPromptBorderEnd$3 = rgba(gray10, 0);
const chatPromptText$3 = textPrimary$7;
const chatBubbleUser$3 = gray20;
const chatBubbleUserText$3 = textPrimary$7;
const chatBubbleAgent$3 = white;
const chatBubbleAgentText$3 = textPrimary$7;
const chatBubbleBorder$3 = gray20;
const chatAvatarBot$3 = gray60;
const chatAvatarAgent$3 = gray80;
const chatAvatarUser$3 = blue60;
const chatShellBackground$3 = white;
const chatHeaderBackground$3 = white;
const chatHeaderText$3 = textPrimary$7;
const chatButton$3 = linkPrimary$7;
const chatButtonHover$3 = backgroundHover$7;
const chatButtonTextHover$3 = linkPrimaryHover$7;
const chatButtonActive$3 = backgroundActive$7;
const chatButtonSelected$3 = backgroundSelected$7;
const chatButtonTextSelected$3 = textSecondary$7;
//#endregion
//#region src/g90.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 g90_exports = /* @__PURE__ */ __exportAll({
aiAuraEnd: () => aiAuraEnd$2,
aiAuraHoverBackground: () => aiAuraHoverBackground$2,
aiAuraHoverEnd: () => aiAuraHoverEnd$2,
aiAuraHoverStart: () => aiAuraHoverStart$2,
aiAuraStart: () => aiAuraStart$2,
aiAuraStartSm: () => aiAuraStartSm$2,
aiBorderEnd: () => aiBorderEnd$2,
aiBorderStart: () => aiBorderStart$2,
aiBorderStrong: () => aiBorderStro