@ni/nimble-components 29.4.2 → 29.6.0

package/dist/esm/menu-button/testing/menu-button.pageobject.d.ts

@@ -0,0 +1,56 @@
+import type { MenuButton } from '..';
+/**
+ * Page object for `nimble-menu-button` component to provide consistent ways
+ * of querying and interacting with the component during tests.
+ *
+ * This page object is intended to be used to interact with a `nimble-menu-button`,
+ * not the menu slotted into the button or the menu items.
+ */
+export declare class MenuButtonPageObject {
+    protected readonly menuButtonElement: MenuButton;
+    constructor(menuButtonElement: MenuButton);
+    /**
+     * @returns Whether or not the menu is open.
+     */
+    isOpen(): boolean;
+    /**
+     * Opens the menu.
+     * @returns A promise that resolves when the menu opens.
+     */
+    openMenu(): Promise<void>;
+    /**
+     * Closes the menu by pressing Escape.
+     * Throws an error if the menu is not open.
+     */
+    closeMenuWithEscape(): void;
+    /**
+     * Gets the text in the menu button.
+     * @returns The trimmed text that is slotted into the menu button.
+     */
+    getLabelText(): string;
+    /**
+     * @internal
+     * Focuses and clicks the menu button.
+     */
+    clickMenuButton(): void;
+    /**
+     * @internal
+     * Presses the Enter key on the menu button.
+     */
+    pressEnterKey(): void;
+    /**
+     * @internal
+     * Presses the Space key on the menu button.
+     */
+    pressSpaceKey(): void;
+    /**
+     * @internal
+     * Presses the Arrow Up key on the menu button.
+     */
+    pressArrowUpKey(): void;
+    /**
+     * @internal
+     * Presses the Arrow Down key on the menu button.
+     */
+    pressArrowDownKey(): void;
+}

package/dist/esm/menu-button/testing/menu-button.pageobject.js

@@ -0,0 +1,103 @@
+import { keyArrowDown, keyArrowUp, keyEnter, keyEscape, keySpace } from '@microsoft/fast-web-utilities';
+import { waitForEventAsync } from '../../utilities/tests/component';
+/**
+ * Page object for `nimble-menu-button` component to provide consistent ways
+ * of querying and interacting with the component during tests.
+ *
+ * This page object is intended to be used to interact with a `nimble-menu-button`,
+ * not the menu slotted into the button or the menu items.
+ */
+export class MenuButtonPageObject {
+    constructor(menuButtonElement) {
+        this.menuButtonElement = menuButtonElement;
+    }
+    /**
+     * @returns Whether or not the menu is open.
+     */
+    isOpen() {
+        return this.menuButtonElement.open;
+    }
+    /**
+     * Opens the menu.
+     * @returns A promise that resolves when the menu opens.
+     */
+    async openMenu() {
+        if (this.isOpen()) {
+            return;
+        }
+        const toggleEventPromise = waitForEventAsync(this.menuButtonElement, 'toggle');
+        this.clickMenuButton();
+        await toggleEventPromise;
+    }
+    /**
+     * Closes the menu by pressing Escape.
+     * Throws an error if the menu is not open.
+     */
+    closeMenuWithEscape() {
+        if (!this.isOpen()) {
+            throw new Error('Cannot close menu when it is not open');
+        }
+        const event = new KeyboardEvent('keydown', {
+            key: keyEscape
+        });
+        this.menuButtonElement.region.dispatchEvent(event);
+    }
+    /**
+     * Gets the text in the menu button.
+     * @returns The trimmed text that is slotted into the menu button.
+     */
+    getLabelText() {
+        return this.menuButtonElement.textContent?.trim() ?? '';
+    }
+    /**
+     * @internal
+     * Focuses and clicks the menu button.
+     */
+    clickMenuButton() {
+        // Focus the menu button before calling click() because ordinarily a mouse click
+        // would bring focus to the button, but calling click() directly does not.
+        this.menuButtonElement.focus();
+        this.menuButtonElement.toggleButton.control.click();
+    }
+    /**
+     * @internal
+     * Presses the Enter key on the menu button.
+     */
+    pressEnterKey() {
+        const event = new KeyboardEvent('keypress', {
+            key: keyEnter
+        });
+        this.menuButtonElement.toggleButton.control.dispatchEvent(event);
+    }
+    /**
+     * @internal
+     * Presses the Space key on the menu button.
+     */
+    pressSpaceKey() {
+        const event = new KeyboardEvent('keypress', {
+            key: keySpace
+        });
+        this.menuButtonElement.toggleButton.control.dispatchEvent(event);
+    }
+    /**
+     * @internal
+     * Presses the Arrow Up key on the menu button.
+     */
+    pressArrowUpKey() {
+        const event = new KeyboardEvent('keydown', {
+            key: keyArrowUp
+        });
+        this.menuButtonElement.toggleButton.dispatchEvent(event);
+    }
+    /**
+     * @internal
+     * Presses the Arrow Down key on the menu button.
+     */
+    pressArrowDownKey() {
+        const event = new KeyboardEvent('keydown', {
+            key: keyArrowDown
+        });
+        this.menuButtonElement.toggleButton.dispatchEvent(event);
+    }
+}
+//# sourceMappingURL=menu-button.pageobject.js.map

package/dist/esm/menu-button/testing/menu-button.pageobject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-button.pageobject.js","sourceRoot":"","sources":["../../../../src/menu-button/testing/menu-button.pageobject.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,SAAS,EACT,QAAQ,EACX,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEpE;;;;;;GAMG;AACH,MAAM,OAAO,oBAAoB;IAC7B,YAAsC,iBAA6B;QAA7B,sBAAiB,GAAjB,iBAAiB,CAAY;IAAG,CAAC;IAEvE;;OAEG;IACI,MAAM;QACT,OAAO,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;IACvC,CAAC;IAED;;;OAGG;IACI,KAAK,CAAC,QAAQ;QACjB,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE;YACf,OAAO;SACV;QAED,MAAM,kBAAkB,GAAG,iBAAiB,CACxC,IAAI,CAAC,iBAAiB,EACtB,QAAQ,CACX,CAAC;QACF,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,MAAM,kBAAkB,CAAC;IAC7B,CAAC;IAED;;;OAGG;IACI,mBAAmB;QACtB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE;YAChB,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC;SAC5D;QAED,MAAM,KAAK,GAAG,IAAI,aAAa,CAAC,SAAS,EAAE;YACvC,GAAG,EAAE,SAAS;SACjB,CAAC,CAAC;QACH,IAAI,CAAC,iBAAiB,CAAC,MAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC;IAED;;;OAGG;IACI,YAAY;QACf,OAAO,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IAC5D,CAAC;IAED;;;OAGG;IACI,eAAe;QAClB,gFAAgF;QAChF,0EAA0E;QAC1E,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;QAC/B,IAAI,CAAC,iBAAiB,CAAC,YAAa,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IACzD,CAAC;IAED;;;OAGG;IACI,aAAa;QAChB,MAAM,KAAK,GAAG,IAAI,aAAa,CAAC,UAAU,EAAE;YACxC,GAAG,EAAE,QAAQ;SAChB,CAAC,CAAC;QACH,IAAI,CAAC,iBAAiB,CAAC,YAAa,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACtE,CAAC;IAED;;;OAGG;IACI,aAAa;QAChB,MAAM,KAAK,GAAG,IAAI,aAAa,CAAC,UAAU,EAAE;YACxC,GAAG,EAAE,QAAQ;SAChB,CAAC,CAAC;QACH,IAAI,CAAC,iBAAiB,CAAC,YAAa,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACtE,CAAC;IAED;;;OAGG;IACI,eAAe;QAClB,MAAM,KAAK,GAAG,IAAI,aAAa,CAAC,SAAS,EAAE;YACvC,GAAG,EAAE,UAAU;SAClB,CAAC,CAAC;QACH,IAAI,CAAC,iBAAiB,CAAC,YAAa,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9D,CAAC;IAED;;;OAGG;IACI,iBAAiB;QACpB,MAAM,KAAK,GAAG,IAAI,aAAa,CAAC,SAAS,EAAE;YACvC,GAAG,EAAE,YAAY;SACpB,CAAC,CAAC;QACH,IAAI,CAAC,iBAAiB,CAAC,YAAa,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9D,CAAC;CACJ","sourcesContent":["import {\n    keyArrowDown,\n    keyArrowUp,\n    keyEnter,\n    keyEscape,\n    keySpace\n} from '@microsoft/fast-web-utilities';\nimport type { MenuButton } from '..';\nimport { waitForEventAsync } from '../../utilities/tests/component';\n\n/**\n * Page object for `nimble-menu-button` component to provide consistent ways\n * of querying and interacting with the component during tests.\n *\n * This page object is intended to be used to interact with a `nimble-menu-button`,\n * not the menu slotted into the button or the menu items.\n */\nexport class MenuButtonPageObject {\n    public constructor(protected readonly menuButtonElement: MenuButton) {}\n\n    /**\n     * @returns Whether or not the menu is open.\n     */\n    public isOpen(): boolean {\n        return this.menuButtonElement.open;\n    }\n\n    /**\n     * Opens the menu.\n     * @returns A promise that resolves when the menu opens.\n     */\n    public async openMenu(): Promise<void> {\n        if (this.isOpen()) {\n            return;\n        }\n\n        const toggleEventPromise = waitForEventAsync(\n            this.menuButtonElement,\n            'toggle'\n        );\n        this.clickMenuButton();\n        await toggleEventPromise;\n    }\n\n    /**\n     * Closes the menu by pressing Escape.\n     * Throws an error if the menu is not open.\n     */\n    public closeMenuWithEscape(): void {\n        if (!this.isOpen()) {\n            throw new Error('Cannot close menu when it is not open');\n        }\n\n        const event = new KeyboardEvent('keydown', {\n            key: keyEscape\n        });\n        this.menuButtonElement.region!.dispatchEvent(event);\n    }\n\n    /**\n     * Gets the text in the menu button.\n     * @returns The trimmed text that is slotted into the menu button.\n     */\n    public getLabelText(): string {\n        return this.menuButtonElement.textContent?.trim() ?? '';\n    }\n\n    /**\n     * @internal\n     * Focuses and clicks the menu button.\n     */\n    public clickMenuButton(): void {\n        // Focus the menu button before calling click() because ordinarily a mouse click\n        // would bring focus to the button, but calling click() directly does not.\n        this.menuButtonElement.focus();\n        this.menuButtonElement.toggleButton!.control.click();\n    }\n\n    /**\n     * @internal\n     * Presses the Enter key on the menu button.\n     */\n    public pressEnterKey(): void {\n        const event = new KeyboardEvent('keypress', {\n            key: keyEnter\n        });\n        this.menuButtonElement.toggleButton!.control.dispatchEvent(event);\n    }\n\n    /**\n     * @internal\n     * Presses the Space key on the menu button.\n     */\n    public pressSpaceKey(): void {\n        const event = new KeyboardEvent('keypress', {\n            key: keySpace\n        });\n        this.menuButtonElement.toggleButton!.control.dispatchEvent(event);\n    }\n\n    /**\n     * @internal\n     * Presses the Arrow Up key on the menu button.\n     */\n    public pressArrowUpKey(): void {\n        const event = new KeyboardEvent('keydown', {\n            key: keyArrowUp\n        });\n        this.menuButtonElement.toggleButton!.dispatchEvent(event);\n    }\n\n    /**\n     * @internal\n     * Presses the Arrow Down key on the menu button.\n     */\n    public pressArrowDownKey(): void {\n        const event = new KeyboardEvent('keydown', {\n            key: keyArrowDown\n        });\n        this.menuButtonElement.toggleButton!.dispatchEvent(event);\n    }\n}\n"]}

package/dist/esm/theme-provider/design-token-comments.js

@@ -213,6 +213,14 @@ export const comments = {
     elevation2BoxShadow: 'The box shadow for elevation 2. Used for components such as menus, banners, tooltips, error notifications, and scrolling.',
     elevation3BoxShadow: 'The box shadow for elevation 3. Used for components such as dialogs, overlays, and pop-ups.',
     graphGridlineColor: 'Gridline color for graphs',
+    graphTrace1Color: 'Color for the first graph trace',
+    graphTrace2Color: 'Color for the second graph trace',
+    graphTrace3Color: 'Color for the third graph trace',
+    graphTrace4Color: 'Color for the fourth graph trace',
+    graphTrace5Color: 'Color for the fifth graph trace',
+    graphTrace6Color: 'Color for the sixth graph trace',
+    graphTrace7Color: 'Color for the seventh graph trace',
+    graphTrace8Color: 'Color for the eighth graph trace',
     mentionFont: 'Font shorthand for mention views',
     mentionFontColor: 'Font color for mention views',
     mentionDisabledFontColor: 'Disabled font color for mention views',

package/dist/esm/theme-provider/design-token-comments.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-token-comments.js","sourceRoot":"","sources":["../../../src/theme-provider/design-token-comments.ts"],"names":[],"mappings":"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","sourcesContent":["import type * as TokensNamespace from './design-tokens';\n\ntype TokenName = keyof typeof TokensNamespace;\n\nexport const comments: { readonly [key in TokenName]: string } = {\n    actionRgbPartialColor:\n        'DEPRECATED: *-partial tokens are used with rgba() to set color transparency in component stylesheets',\n    applicationBackgroundColor: 'Primary background color for the application',\n    dividerBackgroundColor: 'Divider background color',\n    headerBackgroundColor: 'Background color for application headers',\n    sectionBackgroundColor: 'Background color for sections',\n    buttonFillPrimaryColor:\n        'Control fill color for \"primary\" appearance-variant buttons',\n    buttonPrimaryFontColor:\n        'Font color for \"primary\" appearance-variant buttons',\n    buttonFillAccentColor:\n        'Control fill color for \"accent\" appearance-variant buttons',\n    buttonAccentBlockFontColor:\n        'Font color for \"accent\" appearance-variant block buttons',\n    buttonAccentOutlineFontColor:\n        'Font color for \"accent\" appearance-variant outline buttons',\n    buttonBorderAccentOutlineColor:\n        'Border color for \"accent\" appearance-variant outline buttons',\n    fillSelectedColor: 'Control fill color when a control is selected',\n    fillSelectedRgbPartialColor:\n        'DEPRECATED: *-partial tokens are used with rgba() to set color transparency in component stylesheets',\n    fillHoverSelectedColor:\n        'Control fill color when hovering a selected control',\n    fillHoverColor: 'Control fill color when hovering component',\n    fillHoverRgbPartialColor:\n        'DEPRECATED: *-partial tokens are used with rgba() to set color transparency in component stylesheets',\n    fillDownColor: 'Control fill color when mousedown event occurs',\n    borderColor: 'Standard control outline or border color',\n    borderRgbPartialColor:\n        'DEPRECATED: *-partial tokens are used with rgba() to set color transparency in component stylesheets',\n    failColor: 'Used to highlight errors or invalid input',\n    warningColor:\n        'Used to highlight invalid input or for icons to indicate that a process errored or failed',\n    passColor:\n        'Used to highlight a correct state or the successful completion of a process',\n    informationColor:\n        'Used to highlight information, which provides more details on the item',\n    borderHoverColor: 'Border color when hovering component',\n    iconColor: 'Equivalent to the font color for icons',\n    modalBackdropColor: 'Color of background overlay behind modal dialog boxes',\n    popupBorderColor: 'Border color for menus and dialog boxes',\n    cardBorderColor: 'Border color for cards',\n    tagFillColor: 'Background fill color for tags, chips, or pills',\n    controlHeight:\n        'Standard layout height for all controls. Add \"labelHeight\" for labels on top.',\n    controlSlimHeight:\n        'Height of controls that are somewhat shorter than standard height.',\n    smallPadding: 'Fixed 4px size ramp token for component layout',\n    mediumPadding: 'Fixed 8px size ramp token for component layout',\n    standardPadding: 'Fixed 16px size ramp token for component layout',\n    largePadding: 'Fixed 24px size ramp token for component layout',\n    labelHeight:\n        'Standard label height for components. Set the label font rather than explicitly setting the height for a label.',\n    borderWidth: 'Standard border width for most components',\n    iconSize: 'Standard layout height for all icons',\n    groupHeaderTextTransform: 'CSS text-transform string to use for headers',\n    drawerWidth: 'TODO: delete when able',\n    dialogSmallWidth:\n        'Standard width for small dialogs like a confirmation dialog.',\n    dialogSmallHeight:\n        'Standard height for small dialogs like a confirmation dialog.',\n    dialogSmallMaxHeight:\n        'Standard maximum height for small dialogs like a confirmation dialog.',\n    dialogLargeWidth: 'Standard width for large dialogs.',\n    dialogLargeHeight: 'Standard height for large dialogs.',\n    dialogLargeMaxHeight: 'Standard maximum height for large dialogs.',\n    menuMinWidth: 'Standard menu min width for menu popup.',\n    bannerGapSize: 'Space between stacked banners',\n    spinnerSmallHeight: 'Small height (16px) for a spinner component',\n    spinnerMediumHeight: 'Medium height (32px) for a spinner component',\n    spinnerLargeHeight: 'Large height (64px) for a spinner component',\n    smallDelay:\n        'Elements with small transition areas, such as icons and selection controls, have short durations.',\n    mediumDelay:\n        'Elements with larger transition areas, such as bottom sheets and expanding chips, have slightly longer durations.',\n    largeDelay:\n        'Animated elements that traverse a large portion of the screen have the longest durations.',\n    headlinePlus1Font: 'Font shorthand for the \"Headline_2\" base token',\n    headlinePlus1FontColor: 'Font color for the \"Headline_2\" base token',\n    headlinePlus1DisabledFontColor:\n        'Disabled font color for the \"Headline_2\" base token',\n    headlinePlus1FontFamily: 'Font family for the \"Headline_2\" base token',\n    headlinePlus1FontSize: 'Font size for the \"Headline_2\" base token',\n    headlinePlus1FontWeight: 'Font weight for the \"Headline_2\" base token',\n    headlinePlus1FontLineHeight:\n        'Font line height for the \"Headline_2\" base token',\n    headlineFont: 'Font shorthand for the \"Headline_1\" base token',\n    headlineFontColor: 'Font color for the \"Headline_1\" base token',\n    headlineDisabledFontColor:\n        'Disabled font color for the \"Headline_1\" base token',\n    headlineFontFamily: 'Font family for the \"Headline_1\" base token',\n    headlineFontSize: 'Font size for the \"Headline_1\" base token',\n    headlineFontWeight: 'Font weight for the \"Headline_1\" base token',\n    headlineFontLineHeight: 'Font line height for the \"Headline_1\" base token',\n    tableHeaderFont: 'Font shorthand for the \"Grid_Header\" base token',\n    tableHeaderFontColor: 'Font color for the \"Grid_Header\" base token',\n    tableHeaderDisabledFontColor:\n        'Disabled font color for the \"Grid_Header\" base token',\n    tableHeaderFontFamily: 'Font family for the \"Grid_Header\" base token',\n    tableHeaderFontSize: 'Font size for the \"Grid_Header\" base token',\n    tableHeaderFontWeight: 'Font weight for the \"Grid_Header\" base token',\n    tableHeaderFontLineHeight:\n        'Font line height for the \"Grid_Header\" base token',\n    titlePlus2Font: 'Font shorthand for the \"Title_3\" base token',\n    titlePlus2FontColor: 'Font color for the \"Title_3\" base token',\n    titlePlus2DisabledFontColor:\n        'Disabled font color for the \"Title_3\" base token',\n    titlePlus2FontFamily: 'Font family for the \"Title_3\" base token',\n    titlePlus2FontSize: 'Font size for the \"Title_3\" base token',\n    titlePlus2FontWeight: 'Font weight for the \"Title_3\" base token',\n    titlePlus2FontLineHeight: 'Font line height for the \"Title_3\" base token',\n    titlePlus1Font: 'Font shorthand for the \"Title_2\" base token',\n    titlePlus1FontColor: 'Font color for the \"Title_2\" base token',\n    titlePlus1DisabledFontColor:\n        'Disabled font color for the \"Title_2\" base token',\n    titlePlus1FontFamily: 'Font family for the \"Title_2\" base token',\n    titlePlus1FontSize: 'Font size for the \"Title_2\" base token',\n    titlePlus1FontWeight: 'Font weight for the \"Title_2\" base token',\n    titlePlus1FontLineHeight: 'Font line height for the \"Title_2\" base token',\n    titleFont: 'Font shorthand for the \"Title_1\" base token',\n    titleFontColor: 'Font color for the \"Title_1\" base token',\n    titleDisabledFontColor: 'Disabled font color for the \"Title_1\" base token',\n    titleFontFamily: 'Font family for the \"Title_1\" base token',\n    titleFontSize: 'Font size for the \"Title_1\" base token',\n    titleFontWeight: 'Font weight for the \"Title_1\" base token',\n    titleFontLineHeight: 'Font line height for the \"Title_1\" base token',\n    subtitlePlus1Font: 'Font shorthand for the \"Subtitle_2\" base token',\n    subtitlePlus1FontColor: 'Font color for the \"Subtitle_2\" base token',\n    subtitlePlus1DisabledFontColor:\n        'Disabled font color for the \"Subtitle_2\" base token',\n    subtitlePlus1FontFamily: 'Font family for the \"Subtitle_2\" base token',\n    subtitlePlus1FontSize: 'Font size for the \"Subitle_2\" base token',\n    subtitlePlus1FontWeight: 'Font weight for the \"Subtitle_2\" base token',\n    subtitlePlus1FontLineHeight:\n        'Font line height for the \"Subtitle_2\" base token',\n    subtitleFont: 'Font shorthand for the \"Subtitle_1\" base token',\n    subtitleFontColor: 'Font color for the \"Subtitle_1\" base token',\n    subtitleDisabledFontColor:\n        'Disabled font color for the \"Subtitle_1\" base token',\n    subtitleFontFamily: 'Font family for the \"Subtitle_1\" base token',\n    subtitleFontSize: 'Font size for the \"Subitle_1\" base token',\n    subtitleFontWeight: 'Font weight for the \"Subtitle_1\" base token',\n    subtitleFontLineHeight: 'Font line height for the \"Subtitle_1\" base token',\n    linkFont: 'Font shorthand for links',\n    linkFontColor: 'Font color for links',\n    linkDisabledFontColor: 'Disabled font color for links',\n    linkFontFamily: 'Font family for links',\n    linkFontSize: 'Font size for links',\n    linkFontWeight: 'Font weight for links',\n    linkFontLineHeight: 'Font line height for links',\n    linkActiveFont: 'Font shorthand for active links',\n    linkActiveFontColor: 'Font color for active links',\n    linkActiveDisabledFontColor: 'Disabled font color for active links',\n    linkActiveFontFamily: 'Font family for active links',\n    linkActiveFontSize: 'Font size for active links',\n    linkActiveFontWeight: 'Font weight for active links',\n    linkActiveFontLineHeight: 'Font line height for active links',\n    linkProminentFont: 'Font shorthand for prominent links',\n    linkProminentFontColor: 'Font color for prominent links',\n    linkProminentDisabledFontColor: 'Disabled font color for prominent links',\n    linkProminentFontFamily: 'Font family for prominent links',\n    linkProminentFontSize: 'Font size for prominent links',\n    linkProminentFontWeight: 'Font weight for prominent links',\n    linkProminentFontLineHeight: 'Font line height for prominent links',\n    linkActiveProminentFont: 'Font shorthand for active prominent links',\n    linkActiveProminentFontColor: 'Font color for active prominent links',\n    linkActiveProminentDisabledFontColor:\n        'Disabled font color for active prominent links',\n    linkActiveProminentFontFamily: 'Font family for active prominent links',\n    linkActiveProminentFontSize: 'Font size for active prominent links',\n    linkActiveProminentFontWeight: 'Font weight for active prominent links',\n    linkActiveProminentFontLineHeight:\n        'Font line height for active prominent links',\n    placeholderFont: 'Font shorthand for the \"Placeholder\" base token',\n    placeholderFontColor: 'Font color for the \"Placeholder\" base token',\n    placeholderDisabledFontColor:\n        'Disabled font color for the \"Placeholder\" base token',\n    placeholderFontFamily: 'Font family for the \"Placeholder\" base token',\n    placeholderFontSize: 'Font size for the \"Placeholder\" base token',\n    placeholderFontWeight: 'Font weight for the \"Placeholder\" base token',\n    placeholderFontLineHeight:\n        'Font line height for the \"Placeholder\" base token',\n    bodyFont: 'Font shorthand for the \"Body\" base token',\n    bodyFontColor: 'Font color for the \"Body\" base token',\n    bodyDisabledFontColor: 'Disabled font color for the \"Body\" base token',\n    bodyFontFamily: 'Font family for the \"Body\" base token',\n    bodyFontSize: 'Font size for the \"Body\" base token',\n    bodyFontWeight: 'Font weight for the \"Body\" base token',\n    bodyFontLineHeight: 'Font line height for the \"Body\" base token',\n    bodyEmphasizedFont: 'Font shorthand for the \"BodyEmphasized\" base token',\n    bodyEmphasizedFontColor: 'Font color for the \"BodyEmphasized\" base token',\n    bodyEmphasizedDisabledFontColor:\n        'Disabled font color for the \"BodyEmphasized\" base token',\n    bodyEmphasizedFontFamily: 'Font family for the \"BodyEmphasized\" base token',\n    bodyEmphasizedFontSize: 'Font size for the \"BodyEmphasized\" base token',\n    bodyEmphasizedFontWeight: 'Font weight for the \"BodyEmphasized\" base token',\n    bodyEmphasizedFontLineHeight:\n        'Font line height for the \"BodyEmphasized\" base token',\n    bodyPlus1Font: 'Font shorthand for the \"Body_2\" base token',\n    bodyPlus1FontColor: 'Font color for the \"Body_2\" base token',\n    bodyPlus1DisabledFontColor:\n        'Disabled font color for the \"Body_2\" base token',\n    bodyPlus1FontFamily: 'Font family for the \"Body_2\" base token',\n    bodyPlus1FontSize: 'Font size for the \"Body_2\" base token',\n    bodyPlus1FontWeight: 'Font weight for the \"Body_2\" base token',\n    bodyPlus1FontLineHeight: 'Font line height for the \"Body_2\" base token',\n    bodyPlus1EmphasizedFont:\n        'Font shorthand for the \"BodyEmphasized_2\" base token',\n    bodyPlus1EmphasizedFontColor:\n        'Font color for the \"BodyEmphasized_2\" base token',\n    bodyPlus1EmphasizedDisabledFontColor:\n        'Disabled font color for the \"BodyEmphasized_2\" base token',\n    bodyPlus1EmphasizedFontFamily:\n        'Font family for the \"BodyEmphasized_2\" base token',\n    bodyPlus1EmphasizedFontSize:\n        'Font size for the \"BodyEmphasized_2\" base token',\n    bodyPlus1EmphasizedFontWeight:\n        'Font weight for the \"BodyEmphasized_2\" base token',\n    bodyPlus1EmphasizedFontLineHeight:\n        'Font line height for the \"BodyEmphasized_2\" base token',\n    groupHeaderFont: 'Font shorthand for the \"Group_Header_1\" base token',\n    groupHeaderFontColor: 'Font color for the \"Group_Header_1\" base token',\n    groupHeaderDisabledFontColor:\n        'Disabled font color for the\"Group_Header_1\" base token',\n    groupHeaderFontFamily: 'Font family for the \"Group_Header_1\" base token',\n    groupHeaderFontSize: 'Font size for the \"Group_Header_1\" base token',\n    groupHeaderFontWeight: 'Font weight for the \"Group_Header_1\" base token',\n    groupHeaderFontLineHeight:\n        'Font line height for the \"Group_Header_1\" base token',\n    controlLabelFont: 'Font shorthand for the \"Control_Label_1\" base token',\n    controlLabelFontColor: 'Font color for the \"Control_Label_1\" base token',\n    controlLabelDisabledFontColor:\n        'Disabled font color for the \"Control_Label_1\" base token',\n    controlLabelFontFamily: 'Font family for the \"Control_Label_1\" base token',\n    controlLabelFontSize: 'Font size for the \"Control_Label_1\" base token',\n    controlLabelFontWeight: 'Font weight for the \"Control_Label_1\" base token',\n    controlLabelFontLineHeight:\n        'Font line height for the \"Control_Label_1\" base token',\n    buttonLabelFont: 'Font shorthand for the \"Button_Label_1\" base token',\n    buttonLabelFontColor: 'Font color for the \"Button_Label_1\" base token',\n    buttonLabelDisabledFontColor:\n        'Disabled font color for the \"Button_Label_1\" base token',\n    buttonLabelFontFamily: 'Font family for the \"Button_Label_1\" base token',\n    buttonLabelFontSize: 'Font size for the \"Button_Label_1\" base token',\n    buttonLabelFontWeight: 'Font weight for the \"Button_Label_1\" base token',\n    buttonLabelFontLineHeight:\n        'Font line height for the \"Button_Label_1\" base token',\n    tooltipCaptionFont: 'Font shorthand for the \"Tooltip_Caption\" base token',\n    tooltipCaptionFontColor: 'Font color for the \"Tooltip_Caption\" base token',\n    tooltipCaptionDisabledFontColor:\n        'Disabled font color for the \"Tooltip_Caption\" base token',\n    tooltipCaptionFontFamily:\n        'Font family for the \"Tooltip_Caption\" base token',\n    tooltipCaptionFontSize: 'Font size for the \"Tooltip_Caption\" base token',\n    tooltipCaptionFontWeight:\n        'Font weight for the \"Tooltip_Caption\" base token',\n    tooltipCaptionFontLineHeight:\n        'Font line height for the \"Tooltip_Caption\" base token',\n    tooltipBackgroundColor: 'Default background color for tooltips',\n    errorTextFont: 'Font shorthand for the \"Error_LightUi\" base token',\n    errorTextFontColor: 'Font color for the \"Error_LightUi\" base token',\n    errorTextDisabledFontColor:\n        'Disabled font color for the \"Error_LightUi\" base token',\n    errorTextFontFamily: 'Font family for the \"Error_LightUi\" base token',\n    errorTextFontSize: 'Font size for the \"Error_LightUi\" base token',\n    errorTextFontWeight: 'Font weight for the \"Error_LightUi\" base token',\n    errorTextFontLineHeight:\n        'Font line height for the \"Error_LightUi\" base token',\n    tableRowBorderColor: 'Color for the border of rows in the table',\n    elevation1BoxShadow:\n        'The box shadow for elevation 1. Used for component hover states.',\n    elevation2BoxShadow:\n        'The box shadow for elevation 2. Used for components such as menus, banners, tooltips, error notifications, and scrolling.',\n    elevation3BoxShadow:\n        'The box shadow for elevation 3. Used for components such as dialogs, overlays, and pop-ups.',\n    graphGridlineColor: 'Gridline color for graphs',\n    mentionFont: 'Font shorthand for mention views',\n    mentionFontColor: 'Font color for mention views',\n    mentionDisabledFontColor: 'Disabled font color for mention views',\n    mentionFontFamily: 'Font family for mention views',\n    mentionFontSize: 'Font size for mention views',\n    mentionFontWeight: 'Font weight for mention views',\n    mentionFontLineHeight: 'Font line height for mention views'\n};\n"]}
+{"version":3,"file":"design-token-comments.js","sourceRoot":"","sources":["../../../src/theme-provider/design-token-comments.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,QAAQ,GAA4C;IAC7D,qBAAqB,EACjB,sGAAsG;IAC1G,0BAA0B,EAAE,8CAA8C;IAC1E,sBAAsB,EAAE,0BAA0B;IAClD,qBAAqB,EAAE,0CAA0C;IACjE,sBAAsB,EAAE,+BAA+B;IACvD,sBAAsB,EAClB,6DAA6D;IACjE,sBAAsB,EAClB,qDAAqD;IACzD,qBAAqB,EACjB,4DAA4D;IAChE,0BAA0B,EACtB,0DAA0D;IAC9D,4BAA4B,EACxB,4DAA4D;IAChE,8BAA8B,EAC1B,8DAA8D;IAClE,iBAAiB,EAAE,+CAA+C;IAClE,2BAA2B,EACvB,sGAAsG;IAC1G,sBAAsB,EAClB,qDAAqD;IACzD,cAAc,EAAE,4CAA4C;IAC5D,wBAAwB,EACpB,sGAAsG;IAC1G,aAAa,EAAE,gDAAgD;IAC/D,WAAW,EAAE,0CAA0C;IACvD,qBAAqB,EACjB,sGAAsG;IAC1G,SAAS,EAAE,2CAA2C;IACtD,YAAY,EACR,2FAA2F;IAC/F,SAAS,EACL,6EAA6E;IACjF,gBAAgB,EACZ,wEAAwE;IAC5E,gBAAgB,EAAE,sCAAsC;IACxD,SAAS,EAAE,wCAAwC;IACnD,kBAAkB,EAAE,uDAAuD;IAC3E,gBAAgB,EAAE,yCAAyC;IAC3D,eAAe,EAAE,wBAAwB;IACzC,YAAY,EAAE,iDAAiD;IAC/D,aAAa,EACT,+EAA+E;IACnF,iBAAiB,EACb,oEAAoE;IACxE,YAAY,EAAE,gDAAgD;IAC9D,aAAa,EAAE,gDAAgD;IAC/D,eAAe,EAAE,iDAAiD;IAClE,YAAY,EAAE,iDAAiD;IAC/D,WAAW,EACP,iHAAiH;IACrH,WAAW,EAAE,2CAA2C;IACxD,QAAQ,EAAE,sCAAsC;IAChD,wBAAwB,EAAE,8CAA8C;IACxE,WAAW,EAAE,wBAAwB;IACrC,gBAAgB,EACZ,8DAA8D;IAClE,iBAAiB,EACb,+DAA+D;IACnE,oBAAoB,EAChB,uEAAuE;IAC3E,gBAAgB,EAAE,mCAAmC;IACrD,iBAAiB,EAAE,oCAAoC;IACvD,oBAAoB,EAAE,4CAA4C;IAClE,YAAY,EAAE,yCAAyC;IACvD,aAAa,EAAE,+BAA+B;IAC9C,kBAAkB,EAAE,6CAA6C;IACjE,mBAAmB,EAAE,8CAA8C;IACnE,kBAAkB,EAAE,6CAA6C;IACjE,UAAU,EACN,mGAAmG;IACvG,WAAW,EACP,mHAAmH;IACvH,UAAU,EACN,2FAA2F;IAC/F,iBAAiB,EAAE,gDAAgD;IACnE,sBAAsB,EAAE,4CAA4C;IACpE,8BAA8B,EAC1B,qDAAqD;IACzD,uBAAuB,EAAE,6CAA6C;IACtE,qBAAqB,EAAE,2CAA2C;IAClE,uBAAuB,EAAE,6CAA6C;IACtE,2BAA2B,EACvB,kDAAkD;IACtD,YAAY,EAAE,gDAAgD;IAC9D,iBAAiB,EAAE,4CAA4C;IAC/D,yBAAyB,EACrB,qDAAqD;IACzD,kBAAkB,EAAE,6CAA6C;IACjE,gBAAgB,EAAE,2CAA2C;IAC7D,kBAAkB,EAAE,6CAA6C;IACjE,sBAAsB,EAAE,kDAAkD;IAC1E,eAAe,EAAE,iDAAiD;IAClE,oBAAoB,EAAE,6CAA6C;IACnE,4BAA4B,EACxB,sDAAsD;IAC1D,qBAAqB,EAAE,8CAA8C;IACrE,mBAAmB,EAAE,4CAA4C;IACjE,qBAAqB,EAAE,8CAA8C;IACrE,yBAAyB,EACrB,mDAAmD;IACvD,cAAc,EAAE,6CAA6C;IAC7D,mBAAmB,EAAE,yCAAyC;IAC9D,2BAA2B,EACvB,kDAAkD;IACtD,oBAAoB,EAAE,0CAA0C;IAChE,kBAAkB,EAAE,wCAAwC;IAC5D,oBAAoB,EAAE,0CAA0C;IAChE,wBAAwB,EAAE,+CAA+C;IACzE,cAAc,EAAE,6CAA6C;IAC7D,mBAAmB,EAAE,yCAAyC;IAC9D,2BAA2B,EACvB,kDAAkD;IACtD,oBAAoB,EAAE,0CAA0C;IAChE,kBAAkB,EAAE,wCAAwC;IAC5D,oBAAoB,EAAE,0CAA0C;IAChE,wBAAwB,EAAE,+CAA+C;IACzE,SAAS,EAAE,6CAA6C;IACxD,cAAc,EAAE,yCAAyC;IACzD,sBAAsB,EAAE,kDAAkD;IAC1E,eAAe,EAAE,0CAA0C;IAC3D,aAAa,EAAE,wCAAwC;IACvD,eAAe,EAAE,0CAA0C;IAC3D,mBAAmB,EAAE,+CAA+C;IACpE,iBAAiB,EAAE,gDAAgD;IACnE,sBAAsB,EAAE,4CAA4C;IACpE,8BAA8B,EAC1B,qDAAqD;IACzD,uBAAuB,EAAE,6CAA6C;IACtE,qBAAqB,EAAE,0CAA0C;IACjE,uBAAuB,EAAE,6CAA6C;IACtE,2BAA2B,EACvB,kDAAkD;IACtD,YAAY,EAAE,gDAAgD;IAC9D,iBAAiB,EAAE,4CAA4C;IAC/D,yBAAyB,EACrB,qDAAqD;IACzD,kBAAkB,EAAE,6CAA6C;IACjE,gBAAgB,EAAE,0CAA0C;IAC5D,kBAAkB,EAAE,6CAA6C;IACjE,sBAAsB,EAAE,kDAAkD;IAC1E,QAAQ,EAAE,0BAA0B;IACpC,aAAa,EAAE,sBAAsB;IACrC,qBAAqB,EAAE,+BAA+B;IACtD,cAAc,EAAE,uBAAuB;IACvC,YAAY,EAAE,qBAAqB;IACnC,cAAc,EAAE,uBAAuB;IACvC,kBAAkB,EAAE,4BAA4B;IAChD,cAAc,EAAE,iCAAiC;IACjD,mBAAmB,EAAE,6BAA6B;IAClD,2BAA2B,EAAE,sCAAsC;IACnE,oBAAoB,EAAE,8BAA8B;IACpD,kBAAkB,EAAE,4BAA4B;IAChD,oBAAoB,EAAE,8BAA8B;IACpD,wBAAwB,EAAE,mCAAmC;IAC7D,iBAAiB,EAAE,oCAAoC;IACvD,sBAAsB,EAAE,gCAAgC;IACxD,8BAA8B,EAAE,yCAAyC;IACzE,uBAAuB,EAAE,iCAAiC;IAC1D,qBAAqB,EAAE,+BAA+B;IACtD,uBAAuB,EAAE,iCAAiC;IAC1D,2BAA2B,EAAE,sCAAsC;IACnE,uBAAuB,EAAE,2CAA2C;IACpE,4BAA4B,EAAE,uCAAuC;IACrE,oCAAoC,EAChC,gDAAgD;IACpD,6BAA6B,EAAE,wCAAwC;IACvE,2BAA2B,EAAE,sCAAsC;IACnE,6BAA6B,EAAE,wCAAwC;IACvE,iCAAiC,EAC7B,6CAA6C;IACjD,eAAe,EAAE,iDAAiD;IAClE,oBAAoB,EAAE,6CAA6C;IACnE,4BAA4B,EACxB,sDAAsD;IAC1D,qBAAqB,EAAE,8CAA8C;IACrE,mBAAmB,EAAE,4CAA4C;IACjE,qBAAqB,EAAE,8CAA8C;IACrE,yBAAyB,EACrB,mDAAmD;IACvD,QAAQ,EAAE,0CAA0C;IACpD,aAAa,EAAE,sCAAsC;IACrD,qBAAqB,EAAE,+CAA+C;IACtE,cAAc,EAAE,uCAAuC;IACvD,YAAY,EAAE,qCAAqC;IACnD,cAAc,EAAE,uCAAuC;IACvD,kBAAkB,EAAE,4CAA4C;IAChE,kBAAkB,EAAE,oDAAoD;IACxE,uBAAuB,EAAE,gDAAgD;IACzE,+BAA+B,EAC3B,yDAAyD;IAC7D,wBAAwB,EAAE,iDAAiD;IAC3E,sBAAsB,EAAE,+CAA+C;IACvE,wBAAwB,EAAE,iDAAiD;IAC3E,4BAA4B,EACxB,sDAAsD;IAC1D,aAAa,EAAE,4CAA4C;IAC3D,kBAAkB,EAAE,wCAAwC;IAC5D,0BAA0B,EACtB,iDAAiD;IACrD,mBAAmB,EAAE,yCAAyC;IAC9D,iBAAiB,EAAE,uCAAuC;IAC1D,mBAAmB,EAAE,yCAAyC;IAC9D,uBAAuB,EAAE,8CAA8C;IACvE,uBAAuB,EACnB,sDAAsD;IAC1D,4BAA4B,EACxB,kDAAkD;IACtD,oCAAoC,EAChC,2DAA2D;IAC/D,6BAA6B,EACzB,mDAAmD;IACvD,2BAA2B,EACvB,iDAAiD;IACrD,6BAA6B,EACzB,mDAAmD;IACvD,iCAAiC,EAC7B,wDAAwD;IAC5D,eAAe,EAAE,oDAAoD;IACrE,oBAAoB,EAAE,gDAAgD;IACtE,4BAA4B,EACxB,wDAAwD;IAC5D,qBAAqB,EAAE,iDAAiD;IACxE,mBAAmB,EAAE,+CAA+C;IACpE,qBAAqB,EAAE,iDAAiD;IACxE,yBAAyB,EACrB,sDAAsD;IAC1D,gBAAgB,EAAE,qDAAqD;IACvE,qBAAqB,EAAE,iDAAiD;IACxE,6BAA6B,EACzB,0DAA0D;IAC9D,sBAAsB,EAAE,kDAAkD;IAC1E,oBAAoB,EAAE,gDAAgD;IACtE,sBAAsB,EAAE,kDAAkD;IAC1E,0BAA0B,EACtB,uDAAuD;IAC3D,eAAe,EAAE,oDAAoD;IACrE,oBAAoB,EAAE,gDAAgD;IACtE,4BAA4B,EACxB,yDAAyD;IAC7D,qBAAqB,EAAE,iDAAiD;IACxE,mBAAmB,EAAE,+CAA+C;IACpE,qBAAqB,EAAE,iDAAiD;IACxE,yBAAyB,EACrB,sDAAsD;IAC1D,kBAAkB,EAAE,qDAAqD;IACzE,uBAAuB,EAAE,iDAAiD;IAC1E,+BAA+B,EAC3B,0DAA0D;IAC9D,wBAAwB,EACpB,kDAAkD;IACtD,sBAAsB,EAAE,gDAAgD;IACxE,wBAAwB,EACpB,kDAAkD;IACtD,4BAA4B,EACxB,uDAAuD;IAC3D,sBAAsB,EAAE,uCAAuC;IAC/D,aAAa,EAAE,mDAAmD;IAClE,kBAAkB,EAAE,+CAA+C;IACnE,0BAA0B,EACtB,wDAAwD;IAC5D,mBAAmB,EAAE,gDAAgD;IACrE,iBAAiB,EAAE,8CAA8C;IACjE,mBAAmB,EAAE,gDAAgD;IACrE,uBAAuB,EACnB,qDAAqD;IACzD,mBAAmB,EAAE,2CAA2C;IAChE,mBAAmB,EACf,kEAAkE;IACtE,mBAAmB,EACf,2HAA2H;IAC/H,mBAAmB,EACf,6FAA6F;IACjG,kBAAkB,EAAE,2BAA2B;IAC/C,gBAAgB,EAAE,iCAAiC;IACnD,gBAAgB,EAAE,kCAAkC;IACpD,gBAAgB,EAAE,iCAAiC;IACnD,gBAAgB,EAAE,kCAAkC;IACpD,gBAAgB,EAAE,iCAAiC;IACnD,gBAAgB,EAAE,iCAAiC;IACnD,gBAAgB,EAAE,mCAAmC;IACrD,gBAAgB,EAAE,kCAAkC;IACpD,WAAW,EAAE,kCAAkC;IAC/C,gBAAgB,EAAE,8BAA8B;IAChD,wBAAwB,EAAE,uCAAuC;IACjE,iBAAiB,EAAE,+BAA+B;IAClD,eAAe,EAAE,6BAA6B;IAC9C,iBAAiB,EAAE,+BAA+B;IAClD,qBAAqB,EAAE,oCAAoC;CAC9D,CAAC","sourcesContent":["import type * as TokensNamespace from './design-tokens';\n\ntype TokenName = keyof typeof TokensNamespace;\n\nexport const comments: { readonly [key in TokenName]: string } = {\n    actionRgbPartialColor:\n        'DEPRECATED: *-partial tokens are used with rgba() to set color transparency in component stylesheets',\n    applicationBackgroundColor: 'Primary background color for the application',\n    dividerBackgroundColor: 'Divider background color',\n    headerBackgroundColor: 'Background color for application headers',\n    sectionBackgroundColor: 'Background color for sections',\n    buttonFillPrimaryColor:\n        'Control fill color for \"primary\" appearance-variant buttons',\n    buttonPrimaryFontColor:\n        'Font color for \"primary\" appearance-variant buttons',\n    buttonFillAccentColor:\n        'Control fill color for \"accent\" appearance-variant buttons',\n    buttonAccentBlockFontColor:\n        'Font color for \"accent\" appearance-variant block buttons',\n    buttonAccentOutlineFontColor:\n        'Font color for \"accent\" appearance-variant outline buttons',\n    buttonBorderAccentOutlineColor:\n        'Border color for \"accent\" appearance-variant outline buttons',\n    fillSelectedColor: 'Control fill color when a control is selected',\n    fillSelectedRgbPartialColor:\n        'DEPRECATED: *-partial tokens are used with rgba() to set color transparency in component stylesheets',\n    fillHoverSelectedColor:\n        'Control fill color when hovering a selected control',\n    fillHoverColor: 'Control fill color when hovering component',\n    fillHoverRgbPartialColor:\n        'DEPRECATED: *-partial tokens are used with rgba() to set color transparency in component stylesheets',\n    fillDownColor: 'Control fill color when mousedown event occurs',\n    borderColor: 'Standard control outline or border color',\n    borderRgbPartialColor:\n        'DEPRECATED: *-partial tokens are used with rgba() to set color transparency in component stylesheets',\n    failColor: 'Used to highlight errors or invalid input',\n    warningColor:\n        'Used to highlight invalid input or for icons to indicate that a process errored or failed',\n    passColor:\n        'Used to highlight a correct state or the successful completion of a process',\n    informationColor:\n        'Used to highlight information, which provides more details on the item',\n    borderHoverColor: 'Border color when hovering component',\n    iconColor: 'Equivalent to the font color for icons',\n    modalBackdropColor: 'Color of background overlay behind modal dialog boxes',\n    popupBorderColor: 'Border color for menus and dialog boxes',\n    cardBorderColor: 'Border color for cards',\n    tagFillColor: 'Background fill color for tags, chips, or pills',\n    controlHeight:\n        'Standard layout height for all controls. Add \"labelHeight\" for labels on top.',\n    controlSlimHeight:\n        'Height of controls that are somewhat shorter than standard height.',\n    smallPadding: 'Fixed 4px size ramp token for component layout',\n    mediumPadding: 'Fixed 8px size ramp token for component layout',\n    standardPadding: 'Fixed 16px size ramp token for component layout',\n    largePadding: 'Fixed 24px size ramp token for component layout',\n    labelHeight:\n        'Standard label height for components. Set the label font rather than explicitly setting the height for a label.',\n    borderWidth: 'Standard border width for most components',\n    iconSize: 'Standard layout height for all icons',\n    groupHeaderTextTransform: 'CSS text-transform string to use for headers',\n    drawerWidth: 'TODO: delete when able',\n    dialogSmallWidth:\n        'Standard width for small dialogs like a confirmation dialog.',\n    dialogSmallHeight:\n        'Standard height for small dialogs like a confirmation dialog.',\n    dialogSmallMaxHeight:\n        'Standard maximum height for small dialogs like a confirmation dialog.',\n    dialogLargeWidth: 'Standard width for large dialogs.',\n    dialogLargeHeight: 'Standard height for large dialogs.',\n    dialogLargeMaxHeight: 'Standard maximum height for large dialogs.',\n    menuMinWidth: 'Standard menu min width for menu popup.',\n    bannerGapSize: 'Space between stacked banners',\n    spinnerSmallHeight: 'Small height (16px) for a spinner component',\n    spinnerMediumHeight: 'Medium height (32px) for a spinner component',\n    spinnerLargeHeight: 'Large height (64px) for a spinner component',\n    smallDelay:\n        'Elements with small transition areas, such as icons and selection controls, have short durations.',\n    mediumDelay:\n        'Elements with larger transition areas, such as bottom sheets and expanding chips, have slightly longer durations.',\n    largeDelay:\n        'Animated elements that traverse a large portion of the screen have the longest durations.',\n    headlinePlus1Font: 'Font shorthand for the \"Headline_2\" base token',\n    headlinePlus1FontColor: 'Font color for the \"Headline_2\" base token',\n    headlinePlus1DisabledFontColor:\n        'Disabled font color for the \"Headline_2\" base token',\n    headlinePlus1FontFamily: 'Font family for the \"Headline_2\" base token',\n    headlinePlus1FontSize: 'Font size for the \"Headline_2\" base token',\n    headlinePlus1FontWeight: 'Font weight for the \"Headline_2\" base token',\n    headlinePlus1FontLineHeight:\n        'Font line height for the \"Headline_2\" base token',\n    headlineFont: 'Font shorthand for the \"Headline_1\" base token',\n    headlineFontColor: 'Font color for the \"Headline_1\" base token',\n    headlineDisabledFontColor:\n        'Disabled font color for the \"Headline_1\" base token',\n    headlineFontFamily: 'Font family for the \"Headline_1\" base token',\n    headlineFontSize: 'Font size for the \"Headline_1\" base token',\n    headlineFontWeight: 'Font weight for the \"Headline_1\" base token',\n    headlineFontLineHeight: 'Font line height for the \"Headline_1\" base token',\n    tableHeaderFont: 'Font shorthand for the \"Grid_Header\" base token',\n    tableHeaderFontColor: 'Font color for the \"Grid_Header\" base token',\n    tableHeaderDisabledFontColor:\n        'Disabled font color for the \"Grid_Header\" base token',\n    tableHeaderFontFamily: 'Font family for the \"Grid_Header\" base token',\n    tableHeaderFontSize: 'Font size for the \"Grid_Header\" base token',\n    tableHeaderFontWeight: 'Font weight for the \"Grid_Header\" base token',\n    tableHeaderFontLineHeight:\n        'Font line height for the \"Grid_Header\" base token',\n    titlePlus2Font: 'Font shorthand for the \"Title_3\" base token',\n    titlePlus2FontColor: 'Font color for the \"Title_3\" base token',\n    titlePlus2DisabledFontColor:\n        'Disabled font color for the \"Title_3\" base token',\n    titlePlus2FontFamily: 'Font family for the \"Title_3\" base token',\n    titlePlus2FontSize: 'Font size for the \"Title_3\" base token',\n    titlePlus2FontWeight: 'Font weight for the \"Title_3\" base token',\n    titlePlus2FontLineHeight: 'Font line height for the \"Title_3\" base token',\n    titlePlus1Font: 'Font shorthand for the \"Title_2\" base token',\n    titlePlus1FontColor: 'Font color for the \"Title_2\" base token',\n    titlePlus1DisabledFontColor:\n        'Disabled font color for the \"Title_2\" base token',\n    titlePlus1FontFamily: 'Font family for the \"Title_2\" base token',\n    titlePlus1FontSize: 'Font size for the \"Title_2\" base token',\n    titlePlus1FontWeight: 'Font weight for the \"Title_2\" base token',\n    titlePlus1FontLineHeight: 'Font line height for the \"Title_2\" base token',\n    titleFont: 'Font shorthand for the \"Title_1\" base token',\n    titleFontColor: 'Font color for the \"Title_1\" base token',\n    titleDisabledFontColor: 'Disabled font color for the \"Title_1\" base token',\n    titleFontFamily: 'Font family for the \"Title_1\" base token',\n    titleFontSize: 'Font size for the \"Title_1\" base token',\n    titleFontWeight: 'Font weight for the \"Title_1\" base token',\n    titleFontLineHeight: 'Font line height for the \"Title_1\" base token',\n    subtitlePlus1Font: 'Font shorthand for the \"Subtitle_2\" base token',\n    subtitlePlus1FontColor: 'Font color for the \"Subtitle_2\" base token',\n    subtitlePlus1DisabledFontColor:\n        'Disabled font color for the \"Subtitle_2\" base token',\n    subtitlePlus1FontFamily: 'Font family for the \"Subtitle_2\" base token',\n    subtitlePlus1FontSize: 'Font size for the \"Subitle_2\" base token',\n    subtitlePlus1FontWeight: 'Font weight for the \"Subtitle_2\" base token',\n    subtitlePlus1FontLineHeight:\n        'Font line height for the \"Subtitle_2\" base token',\n    subtitleFont: 'Font shorthand for the \"Subtitle_1\" base token',\n    subtitleFontColor: 'Font color for the \"Subtitle_1\" base token',\n    subtitleDisabledFontColor:\n        'Disabled font color for the \"Subtitle_1\" base token',\n    subtitleFontFamily: 'Font family for the \"Subtitle_1\" base token',\n    subtitleFontSize: 'Font size for the \"Subitle_1\" base token',\n    subtitleFontWeight: 'Font weight for the \"Subtitle_1\" base token',\n    subtitleFontLineHeight: 'Font line height for the \"Subtitle_1\" base token',\n    linkFont: 'Font shorthand for links',\n    linkFontColor: 'Font color for links',\n    linkDisabledFontColor: 'Disabled font color for links',\n    linkFontFamily: 'Font family for links',\n    linkFontSize: 'Font size for links',\n    linkFontWeight: 'Font weight for links',\n    linkFontLineHeight: 'Font line height for links',\n    linkActiveFont: 'Font shorthand for active links',\n    linkActiveFontColor: 'Font color for active links',\n    linkActiveDisabledFontColor: 'Disabled font color for active links',\n    linkActiveFontFamily: 'Font family for active links',\n    linkActiveFontSize: 'Font size for active links',\n    linkActiveFontWeight: 'Font weight for active links',\n    linkActiveFontLineHeight: 'Font line height for active links',\n    linkProminentFont: 'Font shorthand for prominent links',\n    linkProminentFontColor: 'Font color for prominent links',\n    linkProminentDisabledFontColor: 'Disabled font color for prominent links',\n    linkProminentFontFamily: 'Font family for prominent links',\n    linkProminentFontSize: 'Font size for prominent links',\n    linkProminentFontWeight: 'Font weight for prominent links',\n    linkProminentFontLineHeight: 'Font line height for prominent links',\n    linkActiveProminentFont: 'Font shorthand for active prominent links',\n    linkActiveProminentFontColor: 'Font color for active prominent links',\n    linkActiveProminentDisabledFontColor:\n        'Disabled font color for active prominent links',\n    linkActiveProminentFontFamily: 'Font family for active prominent links',\n    linkActiveProminentFontSize: 'Font size for active prominent links',\n    linkActiveProminentFontWeight: 'Font weight for active prominent links',\n    linkActiveProminentFontLineHeight:\n        'Font line height for active prominent links',\n    placeholderFont: 'Font shorthand for the \"Placeholder\" base token',\n    placeholderFontColor: 'Font color for the \"Placeholder\" base token',\n    placeholderDisabledFontColor:\n        'Disabled font color for the \"Placeholder\" base token',\n    placeholderFontFamily: 'Font family for the \"Placeholder\" base token',\n    placeholderFontSize: 'Font size for the \"Placeholder\" base token',\n    placeholderFontWeight: 'Font weight for the \"Placeholder\" base token',\n    placeholderFontLineHeight:\n        'Font line height for the \"Placeholder\" base token',\n    bodyFont: 'Font shorthand for the \"Body\" base token',\n    bodyFontColor: 'Font color for the \"Body\" base token',\n    bodyDisabledFontColor: 'Disabled font color for the \"Body\" base token',\n    bodyFontFamily: 'Font family for the \"Body\" base token',\n    bodyFontSize: 'Font size for the \"Body\" base token',\n    bodyFontWeight: 'Font weight for the \"Body\" base token',\n    bodyFontLineHeight: 'Font line height for the \"Body\" base token',\n    bodyEmphasizedFont: 'Font shorthand for the \"BodyEmphasized\" base token',\n    bodyEmphasizedFontColor: 'Font color for the \"BodyEmphasized\" base token',\n    bodyEmphasizedDisabledFontColor:\n        'Disabled font color for the \"BodyEmphasized\" base token',\n    bodyEmphasizedFontFamily: 'Font family for the \"BodyEmphasized\" base token',\n    bodyEmphasizedFontSize: 'Font size for the \"BodyEmphasized\" base token',\n    bodyEmphasizedFontWeight: 'Font weight for the \"BodyEmphasized\" base token',\n    bodyEmphasizedFontLineHeight:\n        'Font line height for the \"BodyEmphasized\" base token',\n    bodyPlus1Font: 'Font shorthand for the \"Body_2\" base token',\n    bodyPlus1FontColor: 'Font color for the \"Body_2\" base token',\n    bodyPlus1DisabledFontColor:\n        'Disabled font color for the \"Body_2\" base token',\n    bodyPlus1FontFamily: 'Font family for the \"Body_2\" base token',\n    bodyPlus1FontSize: 'Font size for the \"Body_2\" base token',\n    bodyPlus1FontWeight: 'Font weight for the \"Body_2\" base token',\n    bodyPlus1FontLineHeight: 'Font line height for the \"Body_2\" base token',\n    bodyPlus1EmphasizedFont:\n        'Font shorthand for the \"BodyEmphasized_2\" base token',\n    bodyPlus1EmphasizedFontColor:\n        'Font color for the \"BodyEmphasized_2\" base token',\n    bodyPlus1EmphasizedDisabledFontColor:\n        'Disabled font color for the \"BodyEmphasized_2\" base token',\n    bodyPlus1EmphasizedFontFamily:\n        'Font family for the \"BodyEmphasized_2\" base token',\n    bodyPlus1EmphasizedFontSize:\n        'Font size for the \"BodyEmphasized_2\" base token',\n    bodyPlus1EmphasizedFontWeight:\n        'Font weight for the \"BodyEmphasized_2\" base token',\n    bodyPlus1EmphasizedFontLineHeight:\n        'Font line height for the \"BodyEmphasized_2\" base token',\n    groupHeaderFont: 'Font shorthand for the \"Group_Header_1\" base token',\n    groupHeaderFontColor: 'Font color for the \"Group_Header_1\" base token',\n    groupHeaderDisabledFontColor:\n        'Disabled font color for the\"Group_Header_1\" base token',\n    groupHeaderFontFamily: 'Font family for the \"Group_Header_1\" base token',\n    groupHeaderFontSize: 'Font size for the \"Group_Header_1\" base token',\n    groupHeaderFontWeight: 'Font weight for the \"Group_Header_1\" base token',\n    groupHeaderFontLineHeight:\n        'Font line height for the \"Group_Header_1\" base token',\n    controlLabelFont: 'Font shorthand for the \"Control_Label_1\" base token',\n    controlLabelFontColor: 'Font color for the \"Control_Label_1\" base token',\n    controlLabelDisabledFontColor:\n        'Disabled font color for the \"Control_Label_1\" base token',\n    controlLabelFontFamily: 'Font family for the \"Control_Label_1\" base token',\n    controlLabelFontSize: 'Font size for the \"Control_Label_1\" base token',\n    controlLabelFontWeight: 'Font weight for the \"Control_Label_1\" base token',\n    controlLabelFontLineHeight:\n        'Font line height for the \"Control_Label_1\" base token',\n    buttonLabelFont: 'Font shorthand for the \"Button_Label_1\" base token',\n    buttonLabelFontColor: 'Font color for the \"Button_Label_1\" base token',\n    buttonLabelDisabledFontColor:\n        'Disabled font color for the \"Button_Label_1\" base token',\n    buttonLabelFontFamily: 'Font family for the \"Button_Label_1\" base token',\n    buttonLabelFontSize: 'Font size for the \"Button_Label_1\" base token',\n    buttonLabelFontWeight: 'Font weight for the \"Button_Label_1\" base token',\n    buttonLabelFontLineHeight:\n        'Font line height for the \"Button_Label_1\" base token',\n    tooltipCaptionFont: 'Font shorthand for the \"Tooltip_Caption\" base token',\n    tooltipCaptionFontColor: 'Font color for the \"Tooltip_Caption\" base token',\n    tooltipCaptionDisabledFontColor:\n        'Disabled font color for the \"Tooltip_Caption\" base token',\n    tooltipCaptionFontFamily:\n        'Font family for the \"Tooltip_Caption\" base token',\n    tooltipCaptionFontSize: 'Font size for the \"Tooltip_Caption\" base token',\n    tooltipCaptionFontWeight:\n        'Font weight for the \"Tooltip_Caption\" base token',\n    tooltipCaptionFontLineHeight:\n        'Font line height for the \"Tooltip_Caption\" base token',\n    tooltipBackgroundColor: 'Default background color for tooltips',\n    errorTextFont: 'Font shorthand for the \"Error_LightUi\" base token',\n    errorTextFontColor: 'Font color for the \"Error_LightUi\" base token',\n    errorTextDisabledFontColor:\n        'Disabled font color for the \"Error_LightUi\" base token',\n    errorTextFontFamily: 'Font family for the \"Error_LightUi\" base token',\n    errorTextFontSize: 'Font size for the \"Error_LightUi\" base token',\n    errorTextFontWeight: 'Font weight for the \"Error_LightUi\" base token',\n    errorTextFontLineHeight:\n        'Font line height for the \"Error_LightUi\" base token',\n    tableRowBorderColor: 'Color for the border of rows in the table',\n    elevation1BoxShadow:\n        'The box shadow for elevation 1. Used for component hover states.',\n    elevation2BoxShadow:\n        'The box shadow for elevation 2. Used for components such as menus, banners, tooltips, error notifications, and scrolling.',\n    elevation3BoxShadow:\n        'The box shadow for elevation 3. Used for components such as dialogs, overlays, and pop-ups.',\n    graphGridlineColor: 'Gridline color for graphs',\n    graphTrace1Color: 'Color for the first graph trace',\n    graphTrace2Color: 'Color for the second graph trace',\n    graphTrace3Color: 'Color for the third graph trace',\n    graphTrace4Color: 'Color for the fourth graph trace',\n    graphTrace5Color: 'Color for the fifth graph trace',\n    graphTrace6Color: 'Color for the sixth graph trace',\n    graphTrace7Color: 'Color for the seventh graph trace',\n    graphTrace8Color: 'Color for the eighth graph trace',\n    mentionFont: 'Font shorthand for mention views',\n    mentionFontColor: 'Font color for mention views',\n    mentionDisabledFontColor: 'Disabled font color for mention views',\n    mentionFontFamily: 'Font family for mention views',\n    mentionFontSize: 'Font size for mention views',\n    mentionFontWeight: 'Font weight for mention views',\n    mentionFontLineHeight: 'Font line height for mention views'\n};\n"]}

package/dist/esm/theme-provider/design-token-names.js

@@ -217,6 +217,14 @@ export const tokenNames = {
     elevation2BoxShadow: 'elevation-2-box-shadow',
     elevation3BoxShadow: 'elevation-3-box-shadow',
     graphGridlineColor: 'graph-gridline-color',
+    graphTrace1Color: 'graph-trace-1-color',
+    graphTrace2Color: 'graph-trace-2-color',
+    graphTrace3Color: 'graph-trace-3-color',
+    graphTrace4Color: 'graph-trace-4-color',
+    graphTrace5Color: 'graph-trace-5-color',
+    graphTrace6Color: 'graph-trace-6-color',
+    graphTrace7Color: 'graph-trace-7-color',
+    graphTrace8Color: 'graph-trace-8-color',
     mentionFont: 'mention-font',
     mentionFontColor: 'mention-font-color',
     mentionDisabledFontColor: 'mention-disabled-font-color',

package/dist/esm/theme-provider/design-token-names.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-token-names.js","sourceRoot":"","sources":["../../../src/theme-provider/design-token-names.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Design token names should follow the token naming convention:\n * See: https://github.com/ni/nimble/blob/main/packages/nimble-components/CONTRIBUTING.md#token-naming\n */\n\nimport type * as TokensNamespace from './design-tokens';\n\ntype TokenName = keyof typeof TokensNamespace;\n\nexport const tokenNames: { readonly [key in TokenName]: string } = {\n    actionRgbPartialColor: 'action-rgb-partial-color',\n    applicationBackgroundColor: 'application-background-color',\n    dividerBackgroundColor: 'divider-background-color',\n    headerBackgroundColor: 'header-background-color',\n    sectionBackgroundColor: 'section-background-color',\n    buttonFillPrimaryColor: 'button-fill-primary-color',\n    buttonPrimaryFontColor: 'button-primary-font-color',\n    buttonFillAccentColor: 'button-fill-accent-color',\n    buttonAccentBlockFontColor: 'button-accent-block-font-color',\n    buttonAccentOutlineFontColor: 'button-accent-outline-font-color',\n    buttonBorderAccentOutlineColor: 'button-border-accent-outline-color',\n    fillSelectedColor: 'fill-selected-color',\n    fillSelectedRgbPartialColor: 'fill-selected-rgb-partial-color',\n    fillHoverSelectedColor: 'fill-hover-selected-color',\n    fillHoverColor: 'fill-hover-color',\n    fillHoverRgbPartialColor: 'fill-hover-rgb-partial-color',\n    fillDownColor: 'fill-down-color',\n    borderColor: 'border-color',\n    borderRgbPartialColor: 'border-rgb-partial-color',\n    failColor: 'fail-color',\n    warningColor: 'warning-color',\n    passColor: 'pass-color',\n    informationColor: 'information-color',\n    borderHoverColor: 'border-hover-color',\n    iconColor: 'icon-color',\n    modalBackdropColor: 'modal-backdrop-color',\n    popupBorderColor: 'popup-border-color',\n    cardBorderColor: 'card-border-color',\n    tagFillColor: 'tag-fill-color',\n    controlHeight: 'control-height',\n    controlSlimHeight: 'control-slim-height',\n    smallPadding: 'small-padding',\n    mediumPadding: 'medium-padding',\n    standardPadding: 'standard-padding',\n    largePadding: 'large-padding',\n    labelHeight: 'label-height',\n    borderWidth: 'border-width',\n    iconSize: 'icon-size',\n    groupHeaderTextTransform: 'group-header-text-transform',\n    drawerWidth: 'drawer-width',\n    dialogSmallWidth: 'dialog-small-width',\n    dialogSmallHeight: 'dialog-small-height',\n    dialogSmallMaxHeight: 'dialog-small-max-height',\n    dialogLargeWidth: 'dialog-large-width',\n    dialogLargeHeight: 'dialog-large-height',\n    dialogLargeMaxHeight: 'dialog-large-max-height',\n    menuMinWidth: 'menu-min-width',\n    bannerGapSize: 'banner-gap-size',\n    spinnerSmallHeight: 'spinner-small-height',\n    spinnerMediumHeight: 'spinner-medium-height',\n    spinnerLargeHeight: 'spinner-large-height',\n    smallDelay: 'small-delay',\n    mediumDelay: 'medium-delay',\n    largeDelay: 'large-delay',\n    headlinePlus1Font: 'headline-plus-1-font',\n    headlinePlus1FontColor: 'headline-plus-1-font-color',\n    headlinePlus1DisabledFontColor: 'headline-plus-1-disabled-font-color',\n    headlinePlus1FontFamily: 'headline-plus-1-font-family',\n    headlinePlus1FontSize: 'headline-plus-1-font-size',\n    headlinePlus1FontWeight: 'headline-plus-1-font-weight',\n    headlinePlus1FontLineHeight: 'headline-plus-1-font-line-height',\n    headlineFont: 'headline-font',\n    headlineFontColor: 'headline-font-color',\n    headlineDisabledFontColor: 'headline-disabled-font-color',\n    headlineFontFamily: 'headline-font-family',\n    headlineFontSize: 'headline-font-size',\n    headlineFontWeight: 'headline-font-weight',\n    headlineFontLineHeight: 'headline-font-line-height',\n    tableHeaderFont: 'table-header-font',\n    tableHeaderFontColor: 'table-header-font-color',\n    tableHeaderDisabledFontColor: 'table-header-disabled-font-color',\n    tableHeaderFontFamily: 'table-header-font-family',\n    tableHeaderFontSize: 'table-header-font-size',\n    tableHeaderFontWeight: 'table-header-font-weight',\n    tableHeaderFontLineHeight: 'table-header-font-line-height',\n    titlePlus2Font: 'title-plus-2-font',\n    titlePlus2FontColor: 'title-plus-2-font-color',\n    titlePlus2DisabledFontColor: 'title-plus-2-disabled-font-color',\n    titlePlus2FontFamily: 'title-plus-2-font-family',\n    titlePlus2FontSize: 'title-plus-2-font-size',\n    titlePlus2FontWeight: 'title-plus-2-font-weight',\n    titlePlus2FontLineHeight: 'title-plus-2-font-line-height',\n    titlePlus1Font: 'title-plus-1-font',\n    titlePlus1FontColor: 'title-plus-1-font-color',\n    titlePlus1DisabledFontColor: 'title-plus-1-disabled-font-color',\n    titlePlus1FontFamily: 'title-plus-1-font-family',\n    titlePlus1FontSize: 'title-plus-1-font-size',\n    titlePlus1FontWeight: 'title-plus-1-font-weight',\n    titlePlus1FontLineHeight: 'title-plus-1-font-line-height',\n    titleFont: 'title-font',\n    titleFontColor: 'title-font-color',\n    titleDisabledFontColor: 'title-disabled-font-color',\n    titleFontFamily: 'title-font-family',\n    titleFontSize: 'title-font-size',\n    titleFontWeight: 'title-font-weight',\n    titleFontLineHeight: 'title-font-line-height',\n    subtitlePlus1Font: 'subtitle-plus-1-font',\n    subtitlePlus1FontColor: 'subtitle-plus-1-font-color',\n    subtitlePlus1DisabledFontColor: 'subtitle-plus-1-disabled-font-color',\n    subtitlePlus1FontFamily: 'subtitle-plus-1-font-family',\n    subtitlePlus1FontSize: 'subtitle-plus-1-font-size',\n    subtitlePlus1FontWeight: 'subtitle-plus-1-font-weight',\n    subtitlePlus1FontLineHeight: 'subtitle-plus-1-font-line-height',\n    subtitleFont: 'subtitle-font',\n    subtitleFontColor: 'subtitle-font-color',\n    subtitleDisabledFontColor: 'subtitle-disabled-font-color',\n    subtitleFontFamily: 'subtitle-font-family',\n    subtitleFontSize: 'subtitle-font-size',\n    subtitleFontWeight: 'subtitle-font-weight',\n    subtitleFontLineHeight: 'subtitle-font-line-height',\n    linkFont: 'link-font',\n    linkFontColor: 'link-font-color',\n    linkDisabledFontColor: 'link-disabled-font-color',\n    linkFontFamily: 'link-font-family',\n    linkFontSize: 'link-font-size',\n    linkFontWeight: 'link-font-weight',\n    linkFontLineHeight: 'link-font-line-height',\n    linkActiveFont: 'link-active-font',\n    linkActiveFontColor: 'link-active-font-color',\n    linkActiveDisabledFontColor: 'link-active-disabled-font-color',\n    linkActiveFontFamily: 'link-active-font-family',\n    linkActiveFontSize: 'link-active-font-size',\n    linkActiveFontWeight: 'link-active-font-weight',\n    linkActiveFontLineHeight: 'link-active-font-line-height',\n    linkProminentFont: 'link-prominent-font',\n    linkProminentFontColor: 'link-prominent-font-color',\n    linkProminentDisabledFontColor: 'link-prominent-disabled-font-color',\n    linkProminentFontFamily: 'link-prominent-font-family',\n    linkProminentFontSize: 'link-prominent-font-size',\n    linkProminentFontWeight: 'link-prominent-font-weight',\n    linkProminentFontLineHeight: 'link-prominent-font-line-height',\n    linkActiveProminentFont: 'link-active-prominent-font',\n    linkActiveProminentFontColor: 'link-active-prominent-font-color',\n    linkActiveProminentDisabledFontColor:\n        'link-active-prominent-disabled-font-color',\n    linkActiveProminentFontFamily: 'link-active-prominent-font-family',\n    linkActiveProminentFontSize: 'link-active-prominent-font-size',\n    linkActiveProminentFontWeight: 'link-active-prominent-font-weight',\n    linkActiveProminentFontLineHeight: 'link-active-prominent-font-line-height',\n    placeholderFont: 'placeholder-font',\n    placeholderFontColor: 'placeholder-font-color',\n    placeholderDisabledFontColor: 'placeholder-disabled-font-color',\n    placeholderFontFamily: 'placeholder-font-family',\n    placeholderFontSize: 'placeholder-font-size',\n    placeholderFontWeight: 'placeholder-font-weight',\n    placeholderFontLineHeight: 'placeholder-font-line-height',\n    bodyFont: 'body-font',\n    bodyFontColor: 'body-font-color',\n    bodyDisabledFontColor: 'body-disabled-font-color',\n    bodyFontFamily: 'body-font-family',\n    bodyFontSize: 'body-font-size',\n    bodyFontWeight: 'body-font-weight',\n    bodyFontLineHeight: 'body-font-line-height',\n    bodyEmphasizedFont: 'body-emphasized-font',\n    bodyEmphasizedFontColor: 'body-emphasized-font-color',\n    bodyEmphasizedDisabledFontColor: 'body-emphasized-disabled-font-color',\n    bodyEmphasizedFontFamily: 'body-emphasized-font-family',\n    bodyEmphasizedFontSize: 'body-emphasized-font-size',\n    bodyEmphasizedFontWeight: 'body-emphasized-font-weight',\n    bodyEmphasizedFontLineHeight: 'body-emphasized-font-line-height',\n    bodyPlus1Font: 'body-plus-1-font',\n    bodyPlus1FontColor: 'body-plus-1-font-color',\n    bodyPlus1DisabledFontColor: 'body-plus-1-disabled-font-color',\n    bodyPlus1FontFamily: 'body-plus-1-font-family',\n    bodyPlus1FontSize: 'body-plus-1-font-size',\n    bodyPlus1FontWeight: 'body-plus-1-font-weight',\n    bodyPlus1FontLineHeight: 'body-plus-1-font-line-height',\n    bodyPlus1EmphasizedFont: 'body-plus-1-emphasized-font',\n    bodyPlus1EmphasizedFontColor: 'body-plus-1-emphasized-font-color',\n    bodyPlus1EmphasizedDisabledFontColor:\n        'body-plus-1-emphasized-disabled-font-color',\n    bodyPlus1EmphasizedFontFamily: 'body-plus-1-emphasized-font-family',\n    bodyPlus1EmphasizedFontSize: 'body-plus-1-emphasized-font-size',\n    bodyPlus1EmphasizedFontWeight: 'body-plus-1-emphasized-font-weight',\n    bodyPlus1EmphasizedFontLineHeight:\n        'body-plus-1-emphasized-font-line-height',\n    groupHeaderFont: 'group-header-font',\n    groupHeaderFontColor: 'group-header-font-color',\n    groupHeaderDisabledFontColor: 'group-header-disabled-font-color',\n    groupHeaderFontFamily: 'group-header-font-family',\n    groupHeaderFontSize: 'group-header-font-size',\n    groupHeaderFontWeight: 'group-header-font-weight',\n    groupHeaderFontLineHeight: 'group-header-font-line-height',\n    controlLabelFont: 'control-label-font',\n    controlLabelFontColor: 'control-label-font-color',\n    controlLabelDisabledFontColor: 'control-label-disabled-font-color',\n    controlLabelFontFamily: 'control-label-font-family',\n    controlLabelFontSize: 'control-label-font-size',\n    controlLabelFontWeight: 'control-label-font-weight',\n    controlLabelFontLineHeight: 'control-label-font-line-height',\n    buttonLabelFont: 'button-label-font',\n    buttonLabelFontColor: 'button-label-font-color',\n    buttonLabelDisabledFontColor: 'button-label-disabled-font-color',\n    buttonLabelFontFamily: 'button-label-font-family',\n    buttonLabelFontSize: 'button-label-font-size',\n    buttonLabelFontWeight: 'button-label-font-weight',\n    buttonLabelFontLineHeight: 'button-label-font-line-height',\n    tooltipCaptionFont: 'tooltip-caption-font',\n    tooltipCaptionFontColor: 'tooltip-caption-font-color',\n    tooltipCaptionDisabledFontColor: 'tooltip-caption-disabled-font-color',\n    tooltipCaptionFontFamily: 'tooltip-caption-font-family',\n    tooltipCaptionFontSize: 'tooltip-caption-font-size',\n    tooltipCaptionFontWeight: 'tooltip-caption-font-weight',\n    tooltipCaptionFontLineHeight: 'tooltip-caption-font-line-height',\n    tooltipBackgroundColor: 'tooltip-background-color',\n    errorTextFont: 'error-text-font',\n    errorTextFontColor: 'error-text-font-color',\n    errorTextDisabledFontColor: 'error-text-disabled-font-color',\n    errorTextFontFamily: 'error-text-font-family',\n    errorTextFontSize: 'error-text-font-size',\n    errorTextFontWeight: 'error-text-font-weight',\n    errorTextFontLineHeight: 'error-text-font-line-height',\n    tableRowBorderColor: 'table-row-border-color',\n    elevation1BoxShadow: 'elevation-1-box-shadow',\n    elevation2BoxShadow: 'elevation-2-box-shadow',\n    elevation3BoxShadow: 'elevation-3-box-shadow',\n    graphGridlineColor: 'graph-gridline-color',\n    mentionFont: 'mention-font',\n    mentionFontColor: 'mention-font-color',\n    mentionDisabledFontColor: 'mention-disabled-font-color',\n    mentionFontFamily: 'mention-font-family',\n    mentionFontSize: 'mention-font-size',\n    mentionFontWeight: 'mention-font-weight',\n    mentionFontLineHeight: 'mention-font-line-height'\n};\n\nconst prefix = 'ni-nimble';\n\nexport const styleNameFromTokenName = (tokenName: string): string => `${prefix}-${tokenName}`;\nexport const cssPropertyFromTokenName = (tokenName: string): string => `--${prefix}-${tokenName}`;\nexport const scssPropertyFromTokenName = (tokenName: string): string => `$${prefix}-${tokenName}`;\nexport const scssPropertySetterMarkdown = (\n    tokenName: string,\n    cssProperty: string\n): string => `\\`${cssProperty}: $${prefix}-${tokenName};\\``;\nexport const scssInternalPropertyFromTokenName = (tokenName: string): string => `$${prefix}-internal-${tokenName}`;\nexport const scssInternalPropertySetterMarkdown = (\n    tokenName: string,\n    property: string\n): string => `\\`#{$${prefix}-internal-${tokenName}}: ${property};\\``;\n\n// Order of suffixes in the array matter, as we want single word suffixes after the multi-word ones\nconst tokenSuffixes = [\n    'RgbPartialColor',\n    'DisabledFontColor',\n    'FontColor',\n    'FontLineHeight',\n    'FontWeight',\n    'FontSize',\n    'TextTransform',\n    'FontFamily',\n    'BoxShadow',\n    'MaxHeight',\n    'MinWidth',\n    'Font',\n    'Size',\n    'Width',\n    'Height',\n    'Delay',\n    'Padding',\n    'Color'\n] as const;\nexport type TokenSuffix = (typeof tokenSuffixes)[number];\nexport const suffixFromTokenName = (\n    tokenName: string\n): TokenSuffix | undefined => tokenSuffixes[\n    tokenSuffixes.findIndex(tokenSuffix => tokenName.endsWith(tokenSuffix))\n];\n"]}
+{"version":3,"file":"design-token-names.js","sourceRoot":"","sources":["../../../src/theme-provider/design-token-names.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Design token names should follow the token naming convention:\n * See: https://github.com/ni/nimble/blob/main/packages/nimble-components/CONTRIBUTING.md#token-naming\n */\n\nimport type * as TokensNamespace from './design-tokens';\n\ntype TokenName = keyof typeof TokensNamespace;\n\nexport const tokenNames: { readonly [key in TokenName]: string } = {\n    actionRgbPartialColor: 'action-rgb-partial-color',\n    applicationBackgroundColor: 'application-background-color',\n    dividerBackgroundColor: 'divider-background-color',\n    headerBackgroundColor: 'header-background-color',\n    sectionBackgroundColor: 'section-background-color',\n    buttonFillPrimaryColor: 'button-fill-primary-color',\n    buttonPrimaryFontColor: 'button-primary-font-color',\n    buttonFillAccentColor: 'button-fill-accent-color',\n    buttonAccentBlockFontColor: 'button-accent-block-font-color',\n    buttonAccentOutlineFontColor: 'button-accent-outline-font-color',\n    buttonBorderAccentOutlineColor: 'button-border-accent-outline-color',\n    fillSelectedColor: 'fill-selected-color',\n    fillSelectedRgbPartialColor: 'fill-selected-rgb-partial-color',\n    fillHoverSelectedColor: 'fill-hover-selected-color',\n    fillHoverColor: 'fill-hover-color',\n    fillHoverRgbPartialColor: 'fill-hover-rgb-partial-color',\n    fillDownColor: 'fill-down-color',\n    borderColor: 'border-color',\n    borderRgbPartialColor: 'border-rgb-partial-color',\n    failColor: 'fail-color',\n    warningColor: 'warning-color',\n    passColor: 'pass-color',\n    informationColor: 'information-color',\n    borderHoverColor: 'border-hover-color',\n    iconColor: 'icon-color',\n    modalBackdropColor: 'modal-backdrop-color',\n    popupBorderColor: 'popup-border-color',\n    cardBorderColor: 'card-border-color',\n    tagFillColor: 'tag-fill-color',\n    controlHeight: 'control-height',\n    controlSlimHeight: 'control-slim-height',\n    smallPadding: 'small-padding',\n    mediumPadding: 'medium-padding',\n    standardPadding: 'standard-padding',\n    largePadding: 'large-padding',\n    labelHeight: 'label-height',\n    borderWidth: 'border-width',\n    iconSize: 'icon-size',\n    groupHeaderTextTransform: 'group-header-text-transform',\n    drawerWidth: 'drawer-width',\n    dialogSmallWidth: 'dialog-small-width',\n    dialogSmallHeight: 'dialog-small-height',\n    dialogSmallMaxHeight: 'dialog-small-max-height',\n    dialogLargeWidth: 'dialog-large-width',\n    dialogLargeHeight: 'dialog-large-height',\n    dialogLargeMaxHeight: 'dialog-large-max-height',\n    menuMinWidth: 'menu-min-width',\n    bannerGapSize: 'banner-gap-size',\n    spinnerSmallHeight: 'spinner-small-height',\n    spinnerMediumHeight: 'spinner-medium-height',\n    spinnerLargeHeight: 'spinner-large-height',\n    smallDelay: 'small-delay',\n    mediumDelay: 'medium-delay',\n    largeDelay: 'large-delay',\n    headlinePlus1Font: 'headline-plus-1-font',\n    headlinePlus1FontColor: 'headline-plus-1-font-color',\n    headlinePlus1DisabledFontColor: 'headline-plus-1-disabled-font-color',\n    headlinePlus1FontFamily: 'headline-plus-1-font-family',\n    headlinePlus1FontSize: 'headline-plus-1-font-size',\n    headlinePlus1FontWeight: 'headline-plus-1-font-weight',\n    headlinePlus1FontLineHeight: 'headline-plus-1-font-line-height',\n    headlineFont: 'headline-font',\n    headlineFontColor: 'headline-font-color',\n    headlineDisabledFontColor: 'headline-disabled-font-color',\n    headlineFontFamily: 'headline-font-family',\n    headlineFontSize: 'headline-font-size',\n    headlineFontWeight: 'headline-font-weight',\n    headlineFontLineHeight: 'headline-font-line-height',\n    tableHeaderFont: 'table-header-font',\n    tableHeaderFontColor: 'table-header-font-color',\n    tableHeaderDisabledFontColor: 'table-header-disabled-font-color',\n    tableHeaderFontFamily: 'table-header-font-family',\n    tableHeaderFontSize: 'table-header-font-size',\n    tableHeaderFontWeight: 'table-header-font-weight',\n    tableHeaderFontLineHeight: 'table-header-font-line-height',\n    titlePlus2Font: 'title-plus-2-font',\n    titlePlus2FontColor: 'title-plus-2-font-color',\n    titlePlus2DisabledFontColor: 'title-plus-2-disabled-font-color',\n    titlePlus2FontFamily: 'title-plus-2-font-family',\n    titlePlus2FontSize: 'title-plus-2-font-size',\n    titlePlus2FontWeight: 'title-plus-2-font-weight',\n    titlePlus2FontLineHeight: 'title-plus-2-font-line-height',\n    titlePlus1Font: 'title-plus-1-font',\n    titlePlus1FontColor: 'title-plus-1-font-color',\n    titlePlus1DisabledFontColor: 'title-plus-1-disabled-font-color',\n    titlePlus1FontFamily: 'title-plus-1-font-family',\n    titlePlus1FontSize: 'title-plus-1-font-size',\n    titlePlus1FontWeight: 'title-plus-1-font-weight',\n    titlePlus1FontLineHeight: 'title-plus-1-font-line-height',\n    titleFont: 'title-font',\n    titleFontColor: 'title-font-color',\n    titleDisabledFontColor: 'title-disabled-font-color',\n    titleFontFamily: 'title-font-family',\n    titleFontSize: 'title-font-size',\n    titleFontWeight: 'title-font-weight',\n    titleFontLineHeight: 'title-font-line-height',\n    subtitlePlus1Font: 'subtitle-plus-1-font',\n    subtitlePlus1FontColor: 'subtitle-plus-1-font-color',\n    subtitlePlus1DisabledFontColor: 'subtitle-plus-1-disabled-font-color',\n    subtitlePlus1FontFamily: 'subtitle-plus-1-font-family',\n    subtitlePlus1FontSize: 'subtitle-plus-1-font-size',\n    subtitlePlus1FontWeight: 'subtitle-plus-1-font-weight',\n    subtitlePlus1FontLineHeight: 'subtitle-plus-1-font-line-height',\n    subtitleFont: 'subtitle-font',\n    subtitleFontColor: 'subtitle-font-color',\n    subtitleDisabledFontColor: 'subtitle-disabled-font-color',\n    subtitleFontFamily: 'subtitle-font-family',\n    subtitleFontSize: 'subtitle-font-size',\n    subtitleFontWeight: 'subtitle-font-weight',\n    subtitleFontLineHeight: 'subtitle-font-line-height',\n    linkFont: 'link-font',\n    linkFontColor: 'link-font-color',\n    linkDisabledFontColor: 'link-disabled-font-color',\n    linkFontFamily: 'link-font-family',\n    linkFontSize: 'link-font-size',\n    linkFontWeight: 'link-font-weight',\n    linkFontLineHeight: 'link-font-line-height',\n    linkActiveFont: 'link-active-font',\n    linkActiveFontColor: 'link-active-font-color',\n    linkActiveDisabledFontColor: 'link-active-disabled-font-color',\n    linkActiveFontFamily: 'link-active-font-family',\n    linkActiveFontSize: 'link-active-font-size',\n    linkActiveFontWeight: 'link-active-font-weight',\n    linkActiveFontLineHeight: 'link-active-font-line-height',\n    linkProminentFont: 'link-prominent-font',\n    linkProminentFontColor: 'link-prominent-font-color',\n    linkProminentDisabledFontColor: 'link-prominent-disabled-font-color',\n    linkProminentFontFamily: 'link-prominent-font-family',\n    linkProminentFontSize: 'link-prominent-font-size',\n    linkProminentFontWeight: 'link-prominent-font-weight',\n    linkProminentFontLineHeight: 'link-prominent-font-line-height',\n    linkActiveProminentFont: 'link-active-prominent-font',\n    linkActiveProminentFontColor: 'link-active-prominent-font-color',\n    linkActiveProminentDisabledFontColor:\n        'link-active-prominent-disabled-font-color',\n    linkActiveProminentFontFamily: 'link-active-prominent-font-family',\n    linkActiveProminentFontSize: 'link-active-prominent-font-size',\n    linkActiveProminentFontWeight: 'link-active-prominent-font-weight',\n    linkActiveProminentFontLineHeight: 'link-active-prominent-font-line-height',\n    placeholderFont: 'placeholder-font',\n    placeholderFontColor: 'placeholder-font-color',\n    placeholderDisabledFontColor: 'placeholder-disabled-font-color',\n    placeholderFontFamily: 'placeholder-font-family',\n    placeholderFontSize: 'placeholder-font-size',\n    placeholderFontWeight: 'placeholder-font-weight',\n    placeholderFontLineHeight: 'placeholder-font-line-height',\n    bodyFont: 'body-font',\n    bodyFontColor: 'body-font-color',\n    bodyDisabledFontColor: 'body-disabled-font-color',\n    bodyFontFamily: 'body-font-family',\n    bodyFontSize: 'body-font-size',\n    bodyFontWeight: 'body-font-weight',\n    bodyFontLineHeight: 'body-font-line-height',\n    bodyEmphasizedFont: 'body-emphasized-font',\n    bodyEmphasizedFontColor: 'body-emphasized-font-color',\n    bodyEmphasizedDisabledFontColor: 'body-emphasized-disabled-font-color',\n    bodyEmphasizedFontFamily: 'body-emphasized-font-family',\n    bodyEmphasizedFontSize: 'body-emphasized-font-size',\n    bodyEmphasizedFontWeight: 'body-emphasized-font-weight',\n    bodyEmphasizedFontLineHeight: 'body-emphasized-font-line-height',\n    bodyPlus1Font: 'body-plus-1-font',\n    bodyPlus1FontColor: 'body-plus-1-font-color',\n    bodyPlus1DisabledFontColor: 'body-plus-1-disabled-font-color',\n    bodyPlus1FontFamily: 'body-plus-1-font-family',\n    bodyPlus1FontSize: 'body-plus-1-font-size',\n    bodyPlus1FontWeight: 'body-plus-1-font-weight',\n    bodyPlus1FontLineHeight: 'body-plus-1-font-line-height',\n    bodyPlus1EmphasizedFont: 'body-plus-1-emphasized-font',\n    bodyPlus1EmphasizedFontColor: 'body-plus-1-emphasized-font-color',\n    bodyPlus1EmphasizedDisabledFontColor:\n        'body-plus-1-emphasized-disabled-font-color',\n    bodyPlus1EmphasizedFontFamily: 'body-plus-1-emphasized-font-family',\n    bodyPlus1EmphasizedFontSize: 'body-plus-1-emphasized-font-size',\n    bodyPlus1EmphasizedFontWeight: 'body-plus-1-emphasized-font-weight',\n    bodyPlus1EmphasizedFontLineHeight:\n        'body-plus-1-emphasized-font-line-height',\n    groupHeaderFont: 'group-header-font',\n    groupHeaderFontColor: 'group-header-font-color',\n    groupHeaderDisabledFontColor: 'group-header-disabled-font-color',\n    groupHeaderFontFamily: 'group-header-font-family',\n    groupHeaderFontSize: 'group-header-font-size',\n    groupHeaderFontWeight: 'group-header-font-weight',\n    groupHeaderFontLineHeight: 'group-header-font-line-height',\n    controlLabelFont: 'control-label-font',\n    controlLabelFontColor: 'control-label-font-color',\n    controlLabelDisabledFontColor: 'control-label-disabled-font-color',\n    controlLabelFontFamily: 'control-label-font-family',\n    controlLabelFontSize: 'control-label-font-size',\n    controlLabelFontWeight: 'control-label-font-weight',\n    controlLabelFontLineHeight: 'control-label-font-line-height',\n    buttonLabelFont: 'button-label-font',\n    buttonLabelFontColor: 'button-label-font-color',\n    buttonLabelDisabledFontColor: 'button-label-disabled-font-color',\n    buttonLabelFontFamily: 'button-label-font-family',\n    buttonLabelFontSize: 'button-label-font-size',\n    buttonLabelFontWeight: 'button-label-font-weight',\n    buttonLabelFontLineHeight: 'button-label-font-line-height',\n    tooltipCaptionFont: 'tooltip-caption-font',\n    tooltipCaptionFontColor: 'tooltip-caption-font-color',\n    tooltipCaptionDisabledFontColor: 'tooltip-caption-disabled-font-color',\n    tooltipCaptionFontFamily: 'tooltip-caption-font-family',\n    tooltipCaptionFontSize: 'tooltip-caption-font-size',\n    tooltipCaptionFontWeight: 'tooltip-caption-font-weight',\n    tooltipCaptionFontLineHeight: 'tooltip-caption-font-line-height',\n    tooltipBackgroundColor: 'tooltip-background-color',\n    errorTextFont: 'error-text-font',\n    errorTextFontColor: 'error-text-font-color',\n    errorTextDisabledFontColor: 'error-text-disabled-font-color',\n    errorTextFontFamily: 'error-text-font-family',\n    errorTextFontSize: 'error-text-font-size',\n    errorTextFontWeight: 'error-text-font-weight',\n    errorTextFontLineHeight: 'error-text-font-line-height',\n    tableRowBorderColor: 'table-row-border-color',\n    elevation1BoxShadow: 'elevation-1-box-shadow',\n    elevation2BoxShadow: 'elevation-2-box-shadow',\n    elevation3BoxShadow: 'elevation-3-box-shadow',\n    graphGridlineColor: 'graph-gridline-color',\n    graphTrace1Color: 'graph-trace-1-color',\n    graphTrace2Color: 'graph-trace-2-color',\n    graphTrace3Color: 'graph-trace-3-color',\n    graphTrace4Color: 'graph-trace-4-color',\n    graphTrace5Color: 'graph-trace-5-color',\n    graphTrace6Color: 'graph-trace-6-color',\n    graphTrace7Color: 'graph-trace-7-color',\n    graphTrace8Color: 'graph-trace-8-color',\n    mentionFont: 'mention-font',\n    mentionFontColor: 'mention-font-color',\n    mentionDisabledFontColor: 'mention-disabled-font-color',\n    mentionFontFamily: 'mention-font-family',\n    mentionFontSize: 'mention-font-size',\n    mentionFontWeight: 'mention-font-weight',\n    mentionFontLineHeight: 'mention-font-line-height'\n};\n\nconst prefix = 'ni-nimble';\n\nexport const styleNameFromTokenName = (tokenName: string): string => `${prefix}-${tokenName}`;\nexport const cssPropertyFromTokenName = (tokenName: string): string => `--${prefix}-${tokenName}`;\nexport const scssPropertyFromTokenName = (tokenName: string): string => `$${prefix}-${tokenName}`;\nexport const scssPropertySetterMarkdown = (\n    tokenName: string,\n    cssProperty: string\n): string => `\\`${cssProperty}: $${prefix}-${tokenName};\\``;\nexport const scssInternalPropertyFromTokenName = (tokenName: string): string => `$${prefix}-internal-${tokenName}`;\nexport const scssInternalPropertySetterMarkdown = (\n    tokenName: string,\n    property: string\n): string => `\\`#{$${prefix}-internal-${tokenName}}: ${property};\\``;\n\n// Order of suffixes in the array matter, as we want single word suffixes after the multi-word ones\nconst tokenSuffixes = [\n    'RgbPartialColor',\n    'DisabledFontColor',\n    'FontColor',\n    'FontLineHeight',\n    'FontWeight',\n    'FontSize',\n    'TextTransform',\n    'FontFamily',\n    'BoxShadow',\n    'MaxHeight',\n    'MinWidth',\n    'Font',\n    'Size',\n    'Width',\n    'Height',\n    'Delay',\n    'Padding',\n    'Color'\n] as const;\nexport type TokenSuffix = (typeof tokenSuffixes)[number];\nexport const suffixFromTokenName = (\n    tokenName: string\n): TokenSuffix | undefined => tokenSuffixes[\n    tokenSuffixes.findIndex(tokenSuffix => tokenName.endsWith(tokenSuffix))\n];\n"]}

package/dist/esm/theme-provider/design-tokens.d.ts

@@ -22,6 +22,14 @@ export declare const modalBackdropColor: CSSDesignToken<string>;
 export declare const popupBorderColor: CSSDesignToken<string>;
 export declare const cardBorderColor: CSSDesignToken<string>;
 export declare const graphGridlineColor: CSSDesignToken<string>;
+export declare const graphTrace1Color: CSSDesignToken<string>;
+export declare const graphTrace2Color: CSSDesignToken<string>;
+export declare const graphTrace3Color: CSSDesignToken<string>;
+export declare const graphTrace4Color: CSSDesignToken<string>;
+export declare const graphTrace5Color: CSSDesignToken<string>;
+export declare const graphTrace6Color: CSSDesignToken<string>;
+export declare const graphTrace7Color: CSSDesignToken<string>;
+export declare const graphTrace8Color: CSSDesignToken<string>;
 export declare const tooltipBackgroundColor: CSSDesignToken<string>;
 export declare const tableRowBorderColor: CSSDesignToken<string>;
 export declare const tagFillColor: CSSDesignToken<string>;

package/dist/esm/theme-provider/design-tokens.js

@@ -1,6 +1,6 @@
 import { DesignToken } from '@microsoft/fast-foundation';
 import { parseColorHexRGB } from '@microsoft/fast-colors';
-import { Black, Black7, Black15, Black80, Black85, Black88, Black91, White, ForestGreen, DigitalGreenLight, Fail100LightUi, SmallDelay, MediumDelay, LargeDelay, Fail100DarkUi, Warning100LightUi, Warning100DarkUi, Pass100LightUi, Pass100DarkUi, BodyFamily, BodySize, BodyWeight, Body2Family, Body2Size, Body2Weight, ControlLabel1Family, ControlLabel1Size, ControlLabel1Weight, GroupLabel1Family, GroupLabel1Size, GroupLabel1Weight, Headline2Size, Headline2Family, Headline2Weight, Headline1Size, Headline1Family, Headline1Weight, Title3Size, Title3Family, Title3Weight, Title2Size, Title2Family, Title2Weight, Title1Size, Title1Family, Title1Weight, Subtitle2Size, Subtitle2Family, Subtitle2Weight, Subtitle1Size, Subtitle1Family, Subtitle1Weight, LinkLightUiSize, LinkLightUiFamily, LinkLightUiWeight, PlaceholderSize, PlaceholderFamily, PlaceholderWeight, BodyEmphasizedSize, BodyEmphasizedFamily, BodyEmphasizedWeight, BodyEmphasized2Size, BodyEmphasized2Family, BodyEmphasized2Weight, ButtonLabel1Size, ButtonLabel1Family, ButtonLabel1Weight, TooltipCaptionSize, TooltipCaptionFamily, TooltipCaptionWeight, ErrorLightUiSize, ErrorLightUiFamily, ErrorLightUiWeight, Headline2LineHeight, Headline1LineHeight, Title3LineHeight, Title2LineHeight, Title1LineHeight, Subtitle2LineHeight, Subtitle1LineHeight, LinkLineHeight, PlaceholderLineHeight, BodyEmphasizedLineHeight, BodyEmphasized2LineHeight, BodyLineHeight, Body2LineHeight, GroupLabel1LineHeight, ControlLabel1LineHeight, ButtonLabel1LineHeight, TooltipCaptionLineHeight, Information100LightUi, Information100DarkUi, DigitalGreenDark, PowerGreen, GridHeaderFamily, GridHeaderWeight, GridHeaderSize, DigitalGreenDark105 } from '@ni/nimble-tokens/dist/styledictionary/js/tokens';
+import { Black, Black7, Black15, Black80, Black85, Black88, Black91, White, ForestGreen, DigitalGreenLight, Fail100LightUi, SmallDelay, MediumDelay, LargeDelay, Fail100DarkUi, Warning100LightUi, Warning100DarkUi, Pass100LightUi, Pass100DarkUi, BodyFamily, BodySize, BodyWeight, Body2Family, Body2Size, Body2Weight, ControlLabel1Family, ControlLabel1Size, ControlLabel1Weight, GroupLabel1Family, GroupLabel1Size, GroupLabel1Weight, Headline2Size, Headline2Family, Headline2Weight, Headline1Size, Headline1Family, Headline1Weight, Title3Size, Title3Family, Title3Weight, Title2Size, Title2Family, Title2Weight, Title1Size, Title1Family, Title1Weight, Subtitle2Size, Subtitle2Family, Subtitle2Weight, Subtitle1Size, Subtitle1Family, Subtitle1Weight, LinkLightUiSize, LinkLightUiFamily, LinkLightUiWeight, PlaceholderSize, PlaceholderFamily, PlaceholderWeight, BodyEmphasizedSize, BodyEmphasizedFamily, BodyEmphasizedWeight, BodyEmphasized2Size, BodyEmphasized2Family, BodyEmphasized2Weight, ButtonLabel1Size, ButtonLabel1Family, ButtonLabel1Weight, TooltipCaptionSize, TooltipCaptionFamily, TooltipCaptionWeight, ErrorLightUiSize, ErrorLightUiFamily, ErrorLightUiWeight, Headline2LineHeight, Headline1LineHeight, Title3LineHeight, Title2LineHeight, Title1LineHeight, Subtitle2LineHeight, Subtitle1LineHeight, LinkLineHeight, PlaceholderLineHeight, BodyEmphasizedLineHeight, BodyEmphasized2LineHeight, BodyLineHeight, Body2LineHeight, GroupLabel1LineHeight, ControlLabel1LineHeight, ButtonLabel1LineHeight, TooltipCaptionLineHeight, Information100LightUi, Information100DarkUi, DigitalGreenDark, PowerGreen, GridHeaderFamily, GridHeaderWeight, GridHeaderSize, DigitalGreenDark105, NiFern, NiFernDark1, NiHoneyLight, NiIndigo, NiIndigoDark2, NiPlumDark1, NiScarlet, NiScarletDark1, NiScarletDark3, NiSea, NiSeaLight, NiSeaDark2, NiSky, NiTulip } from '@ni/nimble-tokens/dist/styledictionary/js/tokens';
 import { modalBackdropColorThemeColorStatic, modalBackdropColorThemeDarkStatic, modalBackdropColorThemeLightStatic } from './design-tokens-static';
 import { Theme } from './types';
 import { tokenNames, styleNameFromTokenName } from './design-token-names';
@@ -31,6 +31,14 @@ export const modalBackdropColor = DesignToken.create(styleNameFromTokenName(toke
 export const popupBorderColor = DesignToken.create(styleNameFromTokenName(tokenNames.popupBorderColor)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White), 0.3));
 export const cardBorderColor = DesignToken.create(styleNameFromTokenName(tokenNames.cardBorderColor)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White), 0.1));
 export const graphGridlineColor = DesignToken.create(styleNameFromTokenName(tokenNames.graphGridlineColor)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White), 0.2));
+export const graphTrace1Color = DesignToken.create(styleNameFromTokenName(tokenNames.graphTrace1Color)).withDefault((element) => getColorForTheme(element, NiIndigoDark2, NiSky, White));
+export const graphTrace2Color = DesignToken.create(styleNameFromTokenName(tokenNames.graphTrace2Color)).withDefault((element) => getColorForTheme(element, NiScarletDark1, NiScarlet, hexToRgbaCssColor(White, 0.7)));
+export const graphTrace3Color = DesignToken.create(styleNameFromTokenName(tokenNames.graphTrace3Color)).withDefault((element) => getColorForTheme(element, NiFernDark1, NiFern, hexToRgbaCssColor(White, 0.4)));
+export const graphTrace4Color = DesignToken.create(styleNameFromTokenName(tokenNames.graphTrace4Color)).withDefault((element) => getColorForTheme(element, NiPlumDark1, NiSeaLight, hexToRgbaCssColor(White, 0.25)));
+export const graphTrace5Color = DesignToken.create(styleNameFromTokenName(tokenNames.graphTrace5Color)).withDefault((element) => getColorForTheme(element, NiSeaDark2, NiSea, hexToRgbaCssColor(White, 0.55)));
+export const graphTrace6Color = DesignToken.create(styleNameFromTokenName(tokenNames.graphTrace6Color)).withDefault((element) => getColorForTheme(element, NiTulip, NiTulip, hexToRgbaCssColor(White, 0.85)));
+export const graphTrace7Color = DesignToken.create(styleNameFromTokenName(tokenNames.graphTrace7Color)).withDefault((element) => getColorForTheme(element, NiScarletDark3, NiHoneyLight, hexToRgbaCssColor(White, 0.325)));
+export const graphTrace8Color = DesignToken.create(styleNameFromTokenName(tokenNames.graphTrace8Color)).withDefault((element) => getColorForTheme(element, NiIndigo, NiIndigo, hexToRgbaCssColor(White, 0.625)));
 export const tooltipBackgroundColor = DesignToken.create(styleNameFromTokenName(tokenNames.tooltipBackgroundColor)).withDefault((element) => getColorForTheme(element, Black15, Black85, ForestGreen));
 export const tableRowBorderColor = DesignToken.create(styleNameFromTokenName(tokenNames.tableRowBorderColor)).withDefault((element) => getColorForTheme(element, Black15, Black80, ForestGreen));
 export const tagFillColor = DesignToken.create(styleNameFromTokenName(tokenNames.tagFillColor)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White), 0.1));