@ni/nimble-components 22.1.0 → 23.0.0

package/dist/esm/combobox/index.d.ts

@@ -1,10 +1,9 @@
 import { Combobox as FoundationCombobox } from '@microsoft/fast-foundation';
 import { ToggleButton } from '../toggle-button';
 import type { ErrorPattern } from '../patterns/error/types';
-import type { DropdownPattern, ListOptionOwner } from '../patterns/dropdown/types';
+import type { DropdownPattern } from '../patterns/dropdown/types';
 import { DropdownAppearance } from '../patterns/dropdown/types';
 import type { AnchoredRegion } from '../anchored-region';
-import type { ListOption } from '../list-option';
 declare global {
     interface HTMLElementTagNameMap {
         'nimble-combobox': Combobox;
@@ -13,7 +12,7 @@ declare global {
 /**
  * A nimble-styed HTML combobox
  */
-export declare class Combobox extends FoundationCombobox implements DropdownPattern, ErrorPattern, ListOptionOwner {
+export declare class Combobox extends FoundationCombobox implements DropdownPattern, ErrorPattern {
     appearance: DropdownAppearance;
     /**
      * The ref to the internal dropdown button element.
@@ -60,10 +59,6 @@ export declare class Combobox extends FoundationCombobox implements DropdownPatt
     inputHandler(e: InputEvent): boolean | void;
     keydownHandler(e: KeyboardEvent): boolean | void;
     focusoutHandler(e: FocusEvent): boolean | void;
-    /**
-     * @internal
-     */
-    registerOption(option: ListOption): void;
     protected focusAndScrollOptionIntoView(): void;
     protected openChanged(): void;
     private regionChanged;

package/dist/esm/combobox/index.js

@@ -134,21 +134,6 @@ export class Combobox extends FoundationCombobox {
         this.emitChangeIfValueUpdated();
         return returnValue;
     }
-    /**
-     * @internal
-     */
-    registerOption(option) {
-        if (this.options.includes(option)) {
-            return;
-        }
-        // Adding an option to the end, ultimately, isn't the correct
-        // thing to do, as this will mean the option's index in the options,
-        // at least temporarily, does not match the DOM order. However, it
-        // is expected that a successive run of `slottedOptionsChanged` will
-        // correct this order issue. See 'https://github.com/ni/nimble/issues/1915'
-        // for more info.
-        this.options.push(option);
-    }
     focusAndScrollOptionIntoView() {
         if (this.open) {
             super.focusAndScrollOptionIntoView();

package/dist/esm/combobox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/combobox/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { attr, html, observable, ref } from '@microsoft/fast-element';\nimport {\n    DesignSystem,\n    Combobox as FoundationCombobox,\n    ComboboxOptions\n} from '@microsoft/fast-foundation';\nimport {\n    keyArrowDown,\n    keyArrowUp,\n    keyEnter,\n    keySpace\n} from '@microsoft/fast-web-utilities';\nimport { ToggleButton, toggleButtonTag } from '../toggle-button';\nimport { errorTextTemplate } from '../patterns/error/template';\nimport { iconArrowExpanderDownTag } from '../icons/arrow-expander-down';\nimport { iconExclamationMarkTag } from '../icons/exclamation-mark';\n\nimport { styles } from './styles';\nimport type { ErrorPattern } from '../patterns/error/types';\nimport type {\n    DropdownPattern,\n    ListOptionOwner\n} from '../patterns/dropdown/types';\nimport { DropdownAppearance } from '../patterns/dropdown/types';\nimport type { AnchoredRegion } from '../anchored-region';\nimport { template } from './template';\nimport type { ListOption } from '../list-option';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-combobox': Combobox;\n    }\n}\n\n/**\n * A nimble-styed HTML combobox\n */\nexport class Combobox\n    extends FoundationCombobox\n    implements DropdownPattern, ErrorPattern, ListOptionOwner {\n    @attr\n    public appearance: DropdownAppearance = DropdownAppearance.underline;\n\n    /**\n     * The ref to the internal dropdown button element.\n     *\n     * @internal\n     */\n    @observable\n    public readonly dropdownButton?: ToggleButton;\n\n    /**\n     * A message explaining why the value is invalid.\n     *\n     * @public\n     * @remarks\n     * HTML Attribute: error-text\n     */\n    @attr({ attribute: 'error-text' })\n    public errorText?: string;\n\n    @attr({ attribute: 'error-visible', mode: 'boolean' })\n    public errorVisible = false;\n\n    /**\n     * @internal\n     */\n    @observable\n    public region?: AnchoredRegion;\n\n    /**\n     * @internal\n     */\n    @observable\n    public controlWrapper?: HTMLElement;\n\n    /** @internal */\n    @observable\n    public hasOverflow = false;\n\n    public override get value(): string {\n        return super.value;\n    }\n\n    // This override is to work around an issue in FAST where an old filter value\n    // is used after programmatically setting the value property.\n    // See: https://github.com/microsoft/fast/issues/6749\n    public override set value(next: string) {\n        super.value = next;\n        // Workaround using index notation to manipulate private member\n        // Can remove when following resolved: https://github.com/microsoft/fast/issues/6749\n        // eslint-disable-next-line @typescript-eslint/dot-notation\n        this['filter'] = next;\n        this.filterOptions();\n        this.selectedIndex = this.options\n            .map(option => option.text)\n            .indexOf(this.value);\n    }\n\n    private valueUpdatedByInput = false;\n    private valueBeforeTextUpdate?: string;\n\n    // Workaround for https://github.com/microsoft/fast/issues/5123\n    public override setPositioning(): void {\n        if (!this.$fastController.isConnected) {\n            // Don't call setPositioning() until we're connected,\n            // since this.forcedPosition isn't initialized yet.\n            return;\n        }\n        super.setPositioning();\n    }\n\n    // Workaround for https://github.com/microsoft/fast/issues/5773\n    public override slottedOptionsChanged(\n        prev: HTMLElement[],\n        next: HTMLElement[]\n    ): void {\n        const value = this.value;\n        super.slottedOptionsChanged(prev, next);\n        if (value) {\n            this.value = value;\n        }\n    }\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        // Call setPositioning() after this.forcedPosition is initialized.\n        this.setPositioning();\n        this.updateInputAriaLabel();\n    }\n\n    public toggleButtonClickHandler(e: Event): void {\n        e.stopImmediatePropagation();\n    }\n\n    public toggleButtonChangeHandler(e: Event): void {\n        this.open = this.dropdownButton!.checked;\n        e.stopImmediatePropagation();\n    }\n\n    public toggleButtonKeyDownHandler(e: KeyboardEvent): boolean {\n        switch (e.key) {\n            case keyArrowUp:\n            case keyArrowDown:\n            case keySpace:\n            case keyEnter:\n                this.open = true;\n                this.stopPropagation(e);\n                return false;\n            default:\n                return true;\n        }\n    }\n\n    public override filterOptions(): void {\n        super.filterOptions();\n        const enabledOptions = this.filteredOptions.filter(o => !o.disabled);\n        this.filteredOptions = enabledOptions;\n    }\n\n    /**\n     * This is a workaround for the issue described here: https://github.com/microsoft/fast/issues/6267\n     * For now, we will update the value ourselves while a user types in text. Note that there is other\n     * implementation related to this (like the 'keydownEventHandler') needed to create the complete set\n     * of desired behavior described in the issue noted above.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-invalid-void-type\n    public override inputHandler(e: InputEvent): boolean | void {\n        const returnValue = super.inputHandler(e);\n        if (!this.valueUpdatedByInput) {\n            this.valueBeforeTextUpdate = this.value;\n        }\n        this.valueUpdatedByInput = true;\n        // This is a workaround for this FAST issue: https://github.com/microsoft/fast/issues/6776\n        if (this.value !== this.control.value) {\n            this.focusAndScrollOptionIntoView();\n        }\n\n        this.value = this.control.value;\n        return returnValue;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-invalid-void-type\n    public override keydownHandler(e: KeyboardEvent): boolean | void {\n        const returnValue = super.keydownHandler(e);\n        if (e.ctrlKey || e.altKey) {\n            return returnValue;\n        }\n\n        switch (e.key) {\n            case keyEnter:\n                this.emitChangeIfValueUpdated();\n                break;\n            case keyArrowDown:\n            case keyArrowUp:\n                if (this.open && this.valueUpdatedByInput) {\n                    this.valueUpdatedByInput = false;\n                }\n                break;\n            default:\n                return returnValue;\n        }\n        return returnValue;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-invalid-void-type\n    public override focusoutHandler(e: FocusEvent): boolean | void {\n        const returnValue = super.focusoutHandler(e);\n        this.open = false;\n        this.emitChangeIfValueUpdated();\n        return returnValue;\n    }\n\n    /**\n     * @internal\n     */\n    public registerOption(option: ListOption): void {\n        if (this.options.includes(option)) {\n            return;\n        }\n\n        // Adding an option to the end, ultimately, isn't the correct\n        // thing to do, as this will mean the option's index in the options,\n        // at least temporarily, does not match the DOM order. However, it\n        // is expected that a successive run of `slottedOptionsChanged` will\n        // correct this order issue. See 'https://github.com/ni/nimble/issues/1915'\n        // for more info.\n        this.options.push(option);\n    }\n\n    protected override focusAndScrollOptionIntoView(): void {\n        if (this.open) {\n            super.focusAndScrollOptionIntoView();\n        }\n    }\n\n    protected override openChanged(): void {\n        super.openChanged();\n        if (this.dropdownButton) {\n            this.dropdownButton.checked = this.open;\n        }\n    }\n\n    private regionChanged(\n        _prev: AnchoredRegion | undefined,\n        _next: AnchoredRegion | undefined\n    ): void {\n        if (this.region && this.controlWrapper) {\n            this.region.anchorElement = this.controlWrapper;\n        }\n    }\n\n    private controlWrapperChanged(\n        _prev: HTMLElement | undefined,\n        _next: HTMLElement | undefined\n    ): void {\n        if (this.region && this.controlWrapper) {\n            this.region.anchorElement = this.controlWrapper;\n        }\n    }\n\n    // Workaround for https://github.com/microsoft/fast/issues/6041.\n    private ariaLabelChanged(_oldValue: string, _newValue: string): void {\n        this.updateInputAriaLabel();\n    }\n\n    private maxHeightChanged(): void {\n        this.updateListboxMaxHeightCssVariable();\n    }\n\n    private updateListboxMaxHeightCssVariable(): void {\n        if (this.listbox) {\n            this.listbox.style.setProperty(\n                '--ni-private-select-max-height',\n                `${this.maxHeight}px`\n            );\n        }\n    }\n\n    private updateInputAriaLabel(): void {\n        const inputElement = this.shadowRoot?.querySelector('.selected-value');\n        if (this.ariaLabel) {\n            inputElement?.setAttribute('aria-label', this.ariaLabel);\n        } else {\n            inputElement?.removeAttribute('aria-label');\n        }\n    }\n\n    /**\n     * This will only emit a `change` event after text entry where the text in the input prior to\n     * typing is different than the text present upon an attempt to commit (e.g. pressing <Enter>).\n     * So, for a concrete example:\n     * 1) User types 'Sue' (when Combobox input was blank).\n     * 2) User presses <Enter> -> 'change' event fires\n     * 3) User deletes 'Sue'\n     * 4) User re-types 'Sue'\n     * 5) User presses <Enter> -> NO 'change' event is fired\n     */\n    private emitChangeIfValueUpdated(): void {\n        if (this.valueUpdatedByInput) {\n            if (this.value !== this.valueBeforeTextUpdate) {\n                this.$emit('change');\n            }\n\n            this.valueUpdatedByInput = false;\n        }\n    }\n}\n\nconst nimbleCombobox = Combobox.compose<ComboboxOptions>({\n    baseName: 'combobox',\n    baseClass: FoundationCombobox,\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    },\n    end: html<Combobox>`\n        <div class=\"end-slot-container\">\n            <${iconExclamationMarkTag}\n                severity=\"error\"\n                class=\"error-icon\"\n            ></${iconExclamationMarkTag}>\n            <div class=\"separator\"></div>\n            <${toggleButtonTag}\n                ${ref('dropdownButton')}\n                appearance=\"ghost\"\n                ?checked=\"${x => x.open}\"\n                ?disabled=\"${x => x.disabled}\"\n                content-hidden=\"true\"\n                @click=\"${(x, c) => x.toggleButtonClickHandler(c.event)}\"\n                @change=\"${(x, c) => x.toggleButtonChangeHandler(c.event)}\"\n                @keydown=\"${(x, c) => x.toggleButtonKeyDownHandler(c.event as KeyboardEvent)}\"\n                class=\"dropdown-button\"\n                part=\"button\"\n                aria-haspopup=\"true\"\n                aria-expanded=\"${x => x.open}\"\n                tabindex=\"-1\"\n            >\n                <${iconArrowExpanderDownTag}\n                    slot=\"start\"\n                    class=\"dropdown-icon\"\n                >\n                </${iconArrowExpanderDownTag}>\n            </${toggleButtonTag}>\n        </div>\n        ${errorTextTemplate}\n    `\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleCombobox());\nexport const comboboxTag = 'nimble-combobox';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/combobox/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { attr, html, observable, ref } from '@microsoft/fast-element';\nimport {\n    DesignSystem,\n    Combobox as FoundationCombobox,\n    ComboboxOptions\n} from '@microsoft/fast-foundation';\nimport {\n    keyArrowDown,\n    keyArrowUp,\n    keyEnter,\n    keySpace\n} from '@microsoft/fast-web-utilities';\nimport { ToggleButton, toggleButtonTag } from '../toggle-button';\nimport { errorTextTemplate } from '../patterns/error/template';\nimport { iconArrowExpanderDownTag } from '../icons/arrow-expander-down';\nimport { iconExclamationMarkTag } from '../icons/exclamation-mark';\n\nimport { styles } from './styles';\nimport type { ErrorPattern } from '../patterns/error/types';\nimport type { DropdownPattern } from '../patterns/dropdown/types';\nimport { DropdownAppearance } from '../patterns/dropdown/types';\nimport type { AnchoredRegion } from '../anchored-region';\nimport { template } from './template';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-combobox': Combobox;\n    }\n}\n\n/**\n * A nimble-styed HTML combobox\n */\nexport class Combobox\n    extends FoundationCombobox\n    implements DropdownPattern, ErrorPattern {\n    @attr\n    public appearance: DropdownAppearance = DropdownAppearance.underline;\n\n    /**\n     * The ref to the internal dropdown button element.\n     *\n     * @internal\n     */\n    @observable\n    public readonly dropdownButton?: ToggleButton;\n\n    /**\n     * A message explaining why the value is invalid.\n     *\n     * @public\n     * @remarks\n     * HTML Attribute: error-text\n     */\n    @attr({ attribute: 'error-text' })\n    public errorText?: string;\n\n    @attr({ attribute: 'error-visible', mode: 'boolean' })\n    public errorVisible = false;\n\n    /**\n     * @internal\n     */\n    @observable\n    public region?: AnchoredRegion;\n\n    /**\n     * @internal\n     */\n    @observable\n    public controlWrapper?: HTMLElement;\n\n    /** @internal */\n    @observable\n    public hasOverflow = false;\n\n    public override get value(): string {\n        return super.value;\n    }\n\n    // This override is to work around an issue in FAST where an old filter value\n    // is used after programmatically setting the value property.\n    // See: https://github.com/microsoft/fast/issues/6749\n    public override set value(next: string) {\n        super.value = next;\n        // Workaround using index notation to manipulate private member\n        // Can remove when following resolved: https://github.com/microsoft/fast/issues/6749\n        // eslint-disable-next-line @typescript-eslint/dot-notation\n        this['filter'] = next;\n        this.filterOptions();\n        this.selectedIndex = this.options\n            .map(option => option.text)\n            .indexOf(this.value);\n    }\n\n    private valueUpdatedByInput = false;\n    private valueBeforeTextUpdate?: string;\n\n    // Workaround for https://github.com/microsoft/fast/issues/5123\n    public override setPositioning(): void {\n        if (!this.$fastController.isConnected) {\n            // Don't call setPositioning() until we're connected,\n            // since this.forcedPosition isn't initialized yet.\n            return;\n        }\n        super.setPositioning();\n    }\n\n    // Workaround for https://github.com/microsoft/fast/issues/5773\n    public override slottedOptionsChanged(\n        prev: HTMLElement[],\n        next: HTMLElement[]\n    ): void {\n        const value = this.value;\n        super.slottedOptionsChanged(prev, next);\n        if (value) {\n            this.value = value;\n        }\n    }\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        // Call setPositioning() after this.forcedPosition is initialized.\n        this.setPositioning();\n        this.updateInputAriaLabel();\n    }\n\n    public toggleButtonClickHandler(e: Event): void {\n        e.stopImmediatePropagation();\n    }\n\n    public toggleButtonChangeHandler(e: Event): void {\n        this.open = this.dropdownButton!.checked;\n        e.stopImmediatePropagation();\n    }\n\n    public toggleButtonKeyDownHandler(e: KeyboardEvent): boolean {\n        switch (e.key) {\n            case keyArrowUp:\n            case keyArrowDown:\n            case keySpace:\n            case keyEnter:\n                this.open = true;\n                this.stopPropagation(e);\n                return false;\n            default:\n                return true;\n        }\n    }\n\n    public override filterOptions(): void {\n        super.filterOptions();\n        const enabledOptions = this.filteredOptions.filter(o => !o.disabled);\n        this.filteredOptions = enabledOptions;\n    }\n\n    /**\n     * This is a workaround for the issue described here: https://github.com/microsoft/fast/issues/6267\n     * For now, we will update the value ourselves while a user types in text. Note that there is other\n     * implementation related to this (like the 'keydownEventHandler') needed to create the complete set\n     * of desired behavior described in the issue noted above.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-invalid-void-type\n    public override inputHandler(e: InputEvent): boolean | void {\n        const returnValue = super.inputHandler(e);\n        if (!this.valueUpdatedByInput) {\n            this.valueBeforeTextUpdate = this.value;\n        }\n        this.valueUpdatedByInput = true;\n        // This is a workaround for this FAST issue: https://github.com/microsoft/fast/issues/6776\n        if (this.value !== this.control.value) {\n            this.focusAndScrollOptionIntoView();\n        }\n\n        this.value = this.control.value;\n        return returnValue;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-invalid-void-type\n    public override keydownHandler(e: KeyboardEvent): boolean | void {\n        const returnValue = super.keydownHandler(e);\n        if (e.ctrlKey || e.altKey) {\n            return returnValue;\n        }\n\n        switch (e.key) {\n            case keyEnter:\n                this.emitChangeIfValueUpdated();\n                break;\n            case keyArrowDown:\n            case keyArrowUp:\n                if (this.open && this.valueUpdatedByInput) {\n                    this.valueUpdatedByInput = false;\n                }\n                break;\n            default:\n                return returnValue;\n        }\n        return returnValue;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-invalid-void-type\n    public override focusoutHandler(e: FocusEvent): boolean | void {\n        const returnValue = super.focusoutHandler(e);\n        this.open = false;\n        this.emitChangeIfValueUpdated();\n        return returnValue;\n    }\n\n    protected override focusAndScrollOptionIntoView(): void {\n        if (this.open) {\n            super.focusAndScrollOptionIntoView();\n        }\n    }\n\n    protected override openChanged(): void {\n        super.openChanged();\n        if (this.dropdownButton) {\n            this.dropdownButton.checked = this.open;\n        }\n    }\n\n    private regionChanged(\n        _prev: AnchoredRegion | undefined,\n        _next: AnchoredRegion | undefined\n    ): void {\n        if (this.region && this.controlWrapper) {\n            this.region.anchorElement = this.controlWrapper;\n        }\n    }\n\n    private controlWrapperChanged(\n        _prev: HTMLElement | undefined,\n        _next: HTMLElement | undefined\n    ): void {\n        if (this.region && this.controlWrapper) {\n            this.region.anchorElement = this.controlWrapper;\n        }\n    }\n\n    // Workaround for https://github.com/microsoft/fast/issues/6041.\n    private ariaLabelChanged(_oldValue: string, _newValue: string): void {\n        this.updateInputAriaLabel();\n    }\n\n    private maxHeightChanged(): void {\n        this.updateListboxMaxHeightCssVariable();\n    }\n\n    private updateListboxMaxHeightCssVariable(): void {\n        if (this.listbox) {\n            this.listbox.style.setProperty(\n                '--ni-private-select-max-height',\n                `${this.maxHeight}px`\n            );\n        }\n    }\n\n    private updateInputAriaLabel(): void {\n        const inputElement = this.shadowRoot?.querySelector('.selected-value');\n        if (this.ariaLabel) {\n            inputElement?.setAttribute('aria-label', this.ariaLabel);\n        } else {\n            inputElement?.removeAttribute('aria-label');\n        }\n    }\n\n    /**\n     * This will only emit a `change` event after text entry where the text in the input prior to\n     * typing is different than the text present upon an attempt to commit (e.g. pressing <Enter>).\n     * So, for a concrete example:\n     * 1) User types 'Sue' (when Combobox input was blank).\n     * 2) User presses <Enter> -> 'change' event fires\n     * 3) User deletes 'Sue'\n     * 4) User re-types 'Sue'\n     * 5) User presses <Enter> -> NO 'change' event is fired\n     */\n    private emitChangeIfValueUpdated(): void {\n        if (this.valueUpdatedByInput) {\n            if (this.value !== this.valueBeforeTextUpdate) {\n                this.$emit('change');\n            }\n\n            this.valueUpdatedByInput = false;\n        }\n    }\n}\n\nconst nimbleCombobox = Combobox.compose<ComboboxOptions>({\n    baseName: 'combobox',\n    baseClass: FoundationCombobox,\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    },\n    end: html<Combobox>`\n        <div class=\"end-slot-container\">\n            <${iconExclamationMarkTag}\n                severity=\"error\"\n                class=\"error-icon\"\n            ></${iconExclamationMarkTag}>\n            <div class=\"separator\"></div>\n            <${toggleButtonTag}\n                ${ref('dropdownButton')}\n                appearance=\"ghost\"\n                ?checked=\"${x => x.open}\"\n                ?disabled=\"${x => x.disabled}\"\n                content-hidden=\"true\"\n                @click=\"${(x, c) => x.toggleButtonClickHandler(c.event)}\"\n                @change=\"${(x, c) => x.toggleButtonChangeHandler(c.event)}\"\n                @keydown=\"${(x, c) => x.toggleButtonKeyDownHandler(c.event as KeyboardEvent)}\"\n                class=\"dropdown-button\"\n                part=\"button\"\n                aria-haspopup=\"true\"\n                aria-expanded=\"${x => x.open}\"\n                tabindex=\"-1\"\n            >\n                <${iconArrowExpanderDownTag}\n                    slot=\"start\"\n                    class=\"dropdown-icon\"\n                >\n                </${iconArrowExpanderDownTag}>\n            </${toggleButtonTag}>\n        </div>\n        ${errorTextTemplate}\n    `\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleCombobox());\nexport const comboboxTag = 'nimble-combobox';\n"]}

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

@@ -158,22 +158,6 @@ export const comments = {
     placeholderFontWeight: 'Font weight for the "Placeholder" base token',
     placeholderFontLineHeight: 'Font line height for the "Placeholder" base token',
     placeholderFallbackFontFamily: 'Fallback font family for the "Placeholder" base token',
-    bodyEmphasizedFont: 'Font shorthand for the "BodyEmphasized" base token',
-    bodyEmphasizedFontColor: 'Font color for the "BodyEmphasized" base token',
-    bodyEmphasizedDisabledFontColor: 'Disabled font color for the "BodyEmphasized" base token',
-    bodyEmphasizedFontFamily: 'Font family for the "BodyEmphasized" base token',
-    bodyEmphasizedFontSize: 'Font size for the "BodyEmphasized" base token',
-    bodyEmphasizedFontWeight: 'Font weight for the "BodyEmphasized" base token',
-    bodyEmphasizedFontLineHeight: 'Font line height for the "BodyEmphasized" base token',
-    bodyEmphasizedFallbackFontFamily: 'Fallback font family for the "BodyEmphasized" base token',
-    bodyEmphasizedPlus1Font: 'Font shorthand for the "BodyEmphasized_2" base token',
-    bodyEmphasizedPlus1FontColor: 'Font color for the "BodyEmphasized_2" base token',
-    bodyEmphasizedPlus1DisabledFontColor: 'Disabled font color for the "BodyEmphasized_2" base token',
-    bodyEmphasizedPlus1FontFamily: 'Font family for the "BodyEmphasized_2" base token',
-    bodyEmphasizedPlus1FontSize: 'Font size for the "BodyEmphasized_2" base token',
-    bodyEmphasizedPlus1FontWeight: 'Font weight for the "BodyEmphasized_2" base token',
-    bodyEmphasizedPlus1FontLineHeight: 'Font line height for the "BodyEmphasized_2" base token',
-    bodyEmphasizedPlus1FallbackFontFamily: 'Fallback font family for the "BodyEmphasized_2" base token',
     bodyFont: 'Font shorthand for the "Body" base token',
     bodyFontColor: 'Font color for the "Body" base token',
     bodyDisabledFontColor: 'Disabled font color for the "Body" base token',
@@ -182,6 +166,30 @@ export const comments = {
     bodyFontWeight: 'Font weight for the "Body" base token',
     bodyFontLineHeight: 'Font line height for the "Body" base token',
     bodyFallbackFontFamily: 'Fallback font family for the "Body" base token',
+    bodyEmphasizedFont: 'Font shorthand for the "BodyEmphasized" base token',
+    bodyEmphasizedFontColor: 'Font color for the "BodyEmphasized" base token',
+    bodyEmphasizedDisabledFontColor: 'Disabled font color for the "BodyEmphasized" base token',
+    bodyEmphasizedFontFamily: 'Font family for the "BodyEmphasized" base token',
+    bodyEmphasizedFontSize: 'Font size for the "BodyEmphasized" base token',
+    bodyEmphasizedFontWeight: 'Font weight for the "BodyEmphasized" base token',
+    bodyEmphasizedFontLineHeight: 'Font line height for the "BodyEmphasized" base token',
+    bodyEmphasizedFallbackFontFamily: 'Fallback font family for the "BodyEmphasized" base token',
+    bodyPlus1Font: 'Font shorthand for the "Body_2" base token',
+    bodyPlus1FontColor: 'Font color for the "Body_2" base token',
+    bodyPlus1DisabledFontColor: 'Disabled font color for the "Body_2" base token',
+    bodyPlus1FontFamily: 'Font family for the "Body_2" base token',
+    bodyPlus1FontSize: 'Font size for the "Body_2" base token',
+    bodyPlus1FontWeight: 'Font weight for the "Body_2" base token',
+    bodyPlus1FontLineHeight: 'Font line height for the "Body_2" base token',
+    bodyPlus1FallbackFontFamily: 'Fallback font family for the "Body_2" base token',
+    bodyPlus1EmphasizedFont: 'Font shorthand for the "BodyEmphasized_2" base token',
+    bodyPlus1EmphasizedFontColor: 'Font color for the "BodyEmphasized_2" base token',
+    bodyPlus1EmphasizedDisabledFontColor: 'Disabled font color for the "BodyEmphasized_2" base token',
+    bodyPlus1EmphasizedFontFamily: 'Font family for the "BodyEmphasized_2" base token',
+    bodyPlus1EmphasizedFontSize: 'Font size for the "BodyEmphasized_2" base token',
+    bodyPlus1EmphasizedFontWeight: 'Font weight for the "BodyEmphasized_2" base token',
+    bodyPlus1EmphasizedFontLineHeight: 'Font line height for the "BodyEmphasized_2" base token',
+    bodyPlus1EmphasizedFallbackFontFamily: 'Fallback font family for the "BodyEmphasized_2" base token',
     groupHeaderFont: 'Font shorthand for the "Group_Header_1" base token',
     groupHeaderFontColor: 'Font color for the "Group_Header_1" base token',
     groupHeaderDisabledFontColor: 'Disabled font color for the"Group_Header_1" base token',

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":"AAIA,MAAM,CAAC,MAAM,QAAQ,GAAmD;IACpE,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,4BAA4B,EACxB,4DAA4D;IAChE,qBAAqB,EACjB,4DAA4D;IAChE,0BAA0B,EACtB,0DAA0D;IAC9D,4BAA4B,EACxB,4DAA4D;IAChE,8BAA8B,EAC1B,8DAA8D;IAClE,2BAA2B,EACvB,2DAA2D;IAC/D,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,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,+BAA+B,EAAE,IAAI;IACrC,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,0BAA0B,EACtB,sDAAsD;IAC1D,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,6BAA6B,EACzB,uDAAuD;IAC3D,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,4BAA4B,EACxB,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,4BAA4B,EACxB,mDAAmD;IACvD,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,uBAAuB,EACnB,mDAAmD;IACvD,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,+BAA+B,EAC3B,sDAAsD;IAC1D,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,0BAA0B,EACtB,sDAAsD;IAC1D,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,sBAAsB,EAAE,gCAAgC;IACxD,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,4BAA4B,EAAE,uCAAuC;IACrE,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,+BAA+B,EAAE,0CAA0C;IAC3E,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,qCAAqC,EACjC,iDAAiD;IACrD,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,6BAA6B,EACzB,uDAAuD;IAC3D,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,gCAAgC,EAC5B,0DAA0D;IAC9D,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,qCAAqC,EACjC,4DAA4D;IAChE,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,sBAAsB,EAAE,gDAAgD;IACxE,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,6BAA6B,EACzB,0DAA0D;IAC9D,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,8BAA8B,EAC1B,2DAA2D;IAC/D,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,6BAA6B,EACzB,0DAA0D;IAC9D,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,gCAAgC,EAC5B,2DAA2D;IAC/D,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,2BAA2B,EACvB,yDAAyD;IAC7D,mBAAmB,EAAE,2CAA2C;IAChE,mBAAmB,EACf,kEAAkE;IACtE,mBAAmB,EACf,2HAA2H;IAC/H,mBAAmB,EACf,6FAA6F;IACjG,kBAAkB,EAAE,2BAA2B;IAC/C,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;IAC3D,yBAAyB,EAAE,wCAAwC;CACtE,CAAC","sourcesContent":["import type * as TokensNamespace from './design-tokens';\n\ntype TokenName = keyof typeof TokensNamespace;\n\nexport const comments: { readonly [key in TokenName]: string | null } = {\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    buttonFillActivePrimaryColor:\n        'Active fill 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    buttonFillAccentActiveColor:\n        'Active fill color for \"accent\" appearance-variant 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    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    headlinePlus1FallbackFontFamily: null,\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    headlineFallbackFontFamily:\n        'Fallback font family 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    tableHeaderFallbackFontFamily:\n        'Fallback font family 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    titlePlus2FallbackFontFamily:\n        'Fallback font family 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    titlePlus1FallbackFontFamily:\n        'Fallback font family 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    titleFallbackFontFamily:\n        'Fallback font family 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    subtitlePlus1FallbackFontFamily:\n        'Fallback font family 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    subtitleFallbackFontFamily:\n        'Fallback font family 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    linkFallbackFontFamily: 'Fallback font family 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    linkActiveFallbackFontFamily: 'Fallback font family 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    linkProminentFallbackFontFamily: 'Fallback font family 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    linkActiveProminentFallbackFontFamily:\n        'Fallback font family 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    placeholderFallbackFontFamily:\n        'Fallback font family for the \"Placeholder\" 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    bodyEmphasizedFallbackFontFamily:\n        'Fallback font family for the \"BodyEmphasized\" base token',\n    bodyEmphasizedPlus1Font:\n        'Font shorthand for the \"BodyEmphasized_2\" base token',\n    bodyEmphasizedPlus1FontColor:\n        'Font color for the \"BodyEmphasized_2\" base token',\n    bodyEmphasizedPlus1DisabledFontColor:\n        'Disabled font color for the \"BodyEmphasized_2\" base token',\n    bodyEmphasizedPlus1FontFamily:\n        'Font family for the \"BodyEmphasized_2\" base token',\n    bodyEmphasizedPlus1FontSize:\n        'Font size for the \"BodyEmphasized_2\" base token',\n    bodyEmphasizedPlus1FontWeight:\n        'Font weight for the \"BodyEmphasized_2\" base token',\n    bodyEmphasizedPlus1FontLineHeight:\n        'Font line height for the \"BodyEmphasized_2\" base token',\n    bodyEmphasizedPlus1FallbackFontFamily:\n        'Fallback font family for the \"BodyEmphasized_2\" 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    bodyFallbackFontFamily: 'Fallback font family for the \"Body\" 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    groupHeaderFallbackFontFamily:\n        'Fallback font family 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    controlLabelFallbackFontFamily:\n        'Fallback font family 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    buttonLabelFallbackFontFamily:\n        'Fallback font family 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    tooltipCaptionFallbackFontFamily:\n        'Fallback font family 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    errorTextFallbackFontFamily:\n        'Fallback font family 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    mentionFallbackFontFamily: 'Fallback font family for mention views'\n};\n"]}
+{"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 | null } = {\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    buttonFillActivePrimaryColor:\n        'Active fill 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    buttonFillAccentActiveColor:\n        'Active fill color for \"accent\" appearance-variant 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    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    headlinePlus1FallbackFontFamily: null,\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    headlineFallbackFontFamily:\n        'Fallback font family 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    tableHeaderFallbackFontFamily:\n        'Fallback font family 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    titlePlus2FallbackFontFamily:\n        'Fallback font family 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    titlePlus1FallbackFontFamily:\n        'Fallback font family 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    titleFallbackFontFamily:\n        'Fallback font family 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    subtitlePlus1FallbackFontFamily:\n        'Fallback font family 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    subtitleFallbackFontFamily:\n        'Fallback font family 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    linkFallbackFontFamily: 'Fallback font family 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    linkActiveFallbackFontFamily: 'Fallback font family 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    linkProminentFallbackFontFamily: 'Fallback font family 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    linkActiveProminentFallbackFontFamily:\n        'Fallback font family 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    placeholderFallbackFontFamily:\n        'Fallback font family 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    bodyFallbackFontFamily: 'Fallback font family 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    bodyEmphasizedFallbackFontFamily:\n        'Fallback font family 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    bodyPlus1FallbackFontFamily:\n        'Fallback font family 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    bodyPlus1EmphasizedFallbackFontFamily:\n        'Fallback font family 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    groupHeaderFallbackFontFamily:\n        'Fallback font family 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    controlLabelFallbackFontFamily:\n        'Fallback font family 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    buttonLabelFallbackFontFamily:\n        'Fallback font family 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    tooltipCaptionFallbackFontFamily:\n        'Fallback font family 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    errorTextFallbackFontFamily:\n        'Fallback font family 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    mentionFallbackFontFamily: 'Fallback font family for mention views'\n};\n"]}

package/dist/esm/theme-provider/design-token-names.d.ts

@@ -13,7 +13,7 @@ export declare const scssPropertyFromTokenName: (tokenName: string) => string;
 export declare const scssPropertySetterMarkdown: (tokenName: string, cssProperty: string) => string;
 export declare const scssInternalPropertyFromTokenName: (tokenName: string) => string;
 export declare const scssInternalPropertySetterMarkdown: (tokenName: string, property: string) => string;
-declare const tokenSuffixes: readonly ["RgbPartialColor", "FontColor", "FontLineHeight", "FontWeight", "FontSize", "TextTransform", "FontFamily", "BoxShadow", "MaxHeight", "MinWidth", "Font", "Size", "Width", "Height", "Delay", "Padding", "Color"];
+declare const tokenSuffixes: readonly ["RgbPartialColor", "DisabledFontColor", "FontColor", "FontLineHeight", "FontWeight", "FontSize", "TextTransform", "FontFamily", "BoxShadow", "MaxHeight", "MinWidth", "Font", "Size", "Width", "Height", "Delay", "Padding", "Color"];
 export type TokenSuffix = (typeof tokenSuffixes)[number];
 export declare const suffixFromTokenName: (tokenName: string) => TokenSuffix | undefined;
 export {};

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

@@ -162,22 +162,6 @@ export const tokenNames = {
     placeholderFontWeight: 'placeholder-font-weight',
     placeholderFontLineHeight: 'placeholder-font-line-height',
     placeholderFallbackFontFamily: 'placeholder-fallback-font-family',
-    bodyEmphasizedFont: 'body-emphasized-font',
-    bodyEmphasizedFontColor: 'body-emphasized-font-color',
-    bodyEmphasizedDisabledFontColor: 'body-emphasized-disabled-font-color',
-    bodyEmphasizedFontFamily: 'body-emphasized-font-family',
-    bodyEmphasizedFontSize: 'body-emphasized-font-size',
-    bodyEmphasizedFontWeight: 'body-emphasized-font-weight',
-    bodyEmphasizedFontLineHeight: 'body-emphasized-font-line-height',
-    bodyEmphasizedFallbackFontFamily: 'body-emphasized-fallback-font-family',
-    bodyEmphasizedPlus1Font: 'body-emphasized-plus-1-font',
-    bodyEmphasizedPlus1FontColor: 'body-emphasized-plus-1-font-color',
-    bodyEmphasizedPlus1DisabledFontColor: 'body-emphasized-plus-1-disabled-font-color',
-    bodyEmphasizedPlus1FontFamily: 'body-emphasized-plus-1-font-family',
-    bodyEmphasizedPlus1FontSize: 'body-emphasized-plus-1-font-size',
-    bodyEmphasizedPlus1FontWeight: 'body-emphasized-plus-1-font-weight',
-    bodyEmphasizedPlus1FontLineHeight: 'body-emphasized-plus-1-font-line-height',
-    bodyEmphasizedPlus1FallbackFontFamily: 'body-emphasized-plus-1-fallback-font-family',
     bodyFont: 'body-font',
     bodyFontColor: 'body-font-color',
     bodyDisabledFontColor: 'body-disabled-font-color',
@@ -186,6 +170,30 @@ export const tokenNames = {
     bodyFontWeight: 'body-font-weight',
     bodyFontLineHeight: 'body-font-line-height',
     bodyFallbackFontFamily: 'body-fallback-font-family',
+    bodyEmphasizedFont: 'body-emphasized-font',
+    bodyEmphasizedFontColor: 'body-emphasized-font-color',
+    bodyEmphasizedDisabledFontColor: 'body-emphasized-disabled-font-color',
+    bodyEmphasizedFontFamily: 'body-emphasized-font-family',
+    bodyEmphasizedFontSize: 'body-emphasized-font-size',
+    bodyEmphasizedFontWeight: 'body-emphasized-font-weight',
+    bodyEmphasizedFontLineHeight: 'body-emphasized-font-line-height',
+    bodyEmphasizedFallbackFontFamily: 'body-emphasized-fallback-font-family',
+    bodyPlus1Font: 'body-plus-1-font',
+    bodyPlus1FontColor: 'body-plus-1-font-color',
+    bodyPlus1DisabledFontColor: 'body-plus-1-disabled-font-color',
+    bodyPlus1FontFamily: 'body-plus-1-font-family',
+    bodyPlus1FontSize: 'body-plus-1-font-size',
+    bodyPlus1FontWeight: 'body-plus-1-font-weight',
+    bodyPlus1FontLineHeight: 'body-plus-1-font-line-height',
+    bodyPlus1FallbackFontFamily: 'body-plus-1-fallback-font-family',
+    bodyPlus1EmphasizedFont: 'body-plus-1-emphasized-font',
+    bodyPlus1EmphasizedFontColor: 'body-plus-1-emphasized-font-color',
+    bodyPlus1EmphasizedDisabledFontColor: 'body-plus-1-emphasized-disabled-font-color',
+    bodyPlus1EmphasizedFontFamily: 'body-plus-1-emphasized-font-family',
+    bodyPlus1EmphasizedFontSize: 'body-plus-1-emphasized-font-size',
+    bodyPlus1EmphasizedFontWeight: 'body-plus-1-emphasized-font-weight',
+    bodyPlus1EmphasizedFontLineHeight: 'body-plus-1-emphasized-font-line-height',
+    bodyPlus1EmphasizedFallbackFontFamily: 'body-plus-1-emphasized-fallback-font-family',
     groupHeaderFont: 'group-header-font',
     groupHeaderFontColor: 'group-header-font-color',
     groupHeaderDisabledFontColor: 'group-header-disabled-font-color',
@@ -251,6 +259,7 @@ export const scssInternalPropertySetterMarkdown = (tokenName, property) => `\`#{
 // Order of suffixes in the array matter, as we want single word suffixes after the multi-word ones
 const tokenSuffixes = [
     'RgbPartialColor',
+    'DisabledFontColor',
     'FontColor',
     'FontLineHeight',
     'FontWeight',

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    buttonFillActivePrimaryColor: 'button-fill-active-primary-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    buttonFillAccentActiveColor: 'button-fill-accent-active-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    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    headlinePlus1FallbackFontFamily: 'headline-plus-1-fallback-font-family',\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    headlineFallbackFontFamily: 'headline-fallback-font-family',\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    tableHeaderFallbackFontFamily: 'table-header-fallback-font-family',\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    titlePlus2FallbackFontFamily: 'title-plus-2-fallback-font-family',\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    titlePlus1FallbackFontFamily: 'title-plus-1-fallback-font-family',\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    titleFallbackFontFamily: 'title-fallback-font-family',\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    subtitlePlus1FallbackFontFamily: 'subtitle-plus-1-fallback-font-family',\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    subtitleFallbackFontFamily: 'subtitle-fallback-font-family',\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    linkFallbackFontFamily: 'link-fallback-font-family',\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    linkActiveFallbackFontFamily: 'link-active-fallback-font-family',\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    linkProminentFallbackFontFamily: 'link-prominent-fallback-font-family',\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    linkActiveProminentFallbackFontFamily:\n        'link-active-prominent-fallback-font-family',\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    placeholderFallbackFontFamily: 'placeholder-fallback-font-family',\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    bodyEmphasizedFallbackFontFamily: 'body-emphasized-fallback-font-family',\n    bodyEmphasizedPlus1Font: 'body-emphasized-plus-1-font',\n    bodyEmphasizedPlus1FontColor: 'body-emphasized-plus-1-font-color',\n    bodyEmphasizedPlus1DisabledFontColor:\n        'body-emphasized-plus-1-disabled-font-color',\n    bodyEmphasizedPlus1FontFamily: 'body-emphasized-plus-1-font-family',\n    bodyEmphasizedPlus1FontSize: 'body-emphasized-plus-1-font-size',\n    bodyEmphasizedPlus1FontWeight: 'body-emphasized-plus-1-font-weight',\n    bodyEmphasizedPlus1FontLineHeight:\n        'body-emphasized-plus-1-font-line-height',\n    bodyEmphasizedPlus1FallbackFontFamily:\n        'body-emphasized-plus-1-fallback-font-family',\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    bodyFallbackFontFamily: 'body-fallback-font-family',\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    groupHeaderFallbackFontFamily: 'group-header-fallback-font-family',\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    controlLabelFallbackFontFamily: 'control-label-fallback-font-family',\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    buttonLabelFallbackFontFamily: 'button-label-fallback-font-family',\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    tooltipCaptionFallbackFontFamily: 'tooltip-caption-fallback-font-family',\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    errorTextFallbackFontFamily: 'error-text-fallback-font-family',\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    mentionFallbackFontFamily: 'mention-fallback-font-family'\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    '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":"AAAA;;;GAGG;AAMH,MAAM,CAAC,MAAM,UAAU,GAA4C;IAC/D,qBAAqB,EAAE,0BAA0B;IACjD,0BAA0B,EAAE,8BAA8B;IAC1D,sBAAsB,EAAE,0BAA0B;IAClD,qBAAqB,EAAE,yBAAyB;IAChD,sBAAsB,EAAE,0BAA0B;IAClD,sBAAsB,EAAE,2BAA2B;IACnD,sBAAsB,EAAE,2BAA2B;IACnD,4BAA4B,EAAE,kCAAkC;IAChE,qBAAqB,EAAE,0BAA0B;IACjD,0BAA0B,EAAE,gCAAgC;IAC5D,4BAA4B,EAAE,kCAAkC;IAChE,8BAA8B,EAAE,oCAAoC;IACpE,2BAA2B,EAAE,iCAAiC;IAC9D,iBAAiB,EAAE,qBAAqB;IACxC,2BAA2B,EAAE,iCAAiC;IAC9D,sBAAsB,EAAE,2BAA2B;IACnD,cAAc,EAAE,kBAAkB;IAClC,wBAAwB,EAAE,8BAA8B;IACxD,aAAa,EAAE,iBAAiB;IAChC,WAAW,EAAE,cAAc;IAC3B,qBAAqB,EAAE,0BAA0B;IACjD,SAAS,EAAE,YAAY;IACvB,YAAY,EAAE,eAAe;IAC7B,SAAS,EAAE,YAAY;IACvB,gBAAgB,EAAE,mBAAmB;IACrC,gBAAgB,EAAE,oBAAoB;IACtC,SAAS,EAAE,YAAY;IACvB,kBAAkB,EAAE,sBAAsB;IAC1C,gBAAgB,EAAE,oBAAoB;IACtC,eAAe,EAAE,mBAAmB;IACpC,aAAa,EAAE,gBAAgB;IAC/B,iBAAiB,EAAE,qBAAqB;IACxC,YAAY,EAAE,eAAe;IAC7B,aAAa,EAAE,gBAAgB;IAC/B,eAAe,EAAE,kBAAkB;IACnC,YAAY,EAAE,eAAe;IAC7B,WAAW,EAAE,cAAc;IAC3B,WAAW,EAAE,cAAc;IAC3B,QAAQ,EAAE,WAAW;IACrB,wBAAwB,EAAE,6BAA6B;IACvD,WAAW,EAAE,cAAc;IAC3B,gBAAgB,EAAE,oBAAoB;IACtC,iBAAiB,EAAE,qBAAqB;IACxC,oBAAoB,EAAE,yBAAyB;IAC/C,gBAAgB,EAAE,oBAAoB;IACtC,iBAAiB,EAAE,qBAAqB;IACxC,oBAAoB,EAAE,yBAAyB;IAC/C,YAAY,EAAE,gBAAgB;IAC9B,aAAa,EAAE,iBAAiB;IAChC,kBAAkB,EAAE,sBAAsB;IAC1C,mBAAmB,EAAE,uBAAuB;IAC5C,kBAAkB,EAAE,sBAAsB;IAC1C,UAAU,EAAE,aAAa;IACzB,WAAW,EAAE,cAAc;IAC3B,UAAU,EAAE,aAAa;IACzB,iBAAiB,EAAE,sBAAsB;IACzC,sBAAsB,EAAE,4BAA4B;IACpD,8BAA8B,EAAE,qCAAqC;IACrE,uBAAuB,EAAE,6BAA6B;IACtD,qBAAqB,EAAE,2BAA2B;IAClD,uBAAuB,EAAE,6BAA6B;IACtD,2BAA2B,EAAE,kCAAkC;IAC/D,+BAA+B,EAAE,sCAAsC;IACvE,YAAY,EAAE,eAAe;IAC7B,iBAAiB,EAAE,qBAAqB;IACxC,yBAAyB,EAAE,8BAA8B;IACzD,kBAAkB,EAAE,sBAAsB;IAC1C,gBAAgB,EAAE,oBAAoB;IACtC,kBAAkB,EAAE,sBAAsB;IAC1C,sBAAsB,EAAE,2BAA2B;IACnD,0BAA0B,EAAE,+BAA+B;IAC3D,eAAe,EAAE,mBAAmB;IACpC,oBAAoB,EAAE,yBAAyB;IAC/C,4BAA4B,EAAE,kCAAkC;IAChE,qBAAqB,EAAE,0BAA0B;IACjD,mBAAmB,EAAE,wBAAwB;IAC7C,qBAAqB,EAAE,0BAA0B;IACjD,yBAAyB,EAAE,+BAA+B;IAC1D,6BAA6B,EAAE,mCAAmC;IAClE,cAAc,EAAE,mBAAmB;IACnC,mBAAmB,EAAE,yBAAyB;IAC9C,2BAA2B,EAAE,kCAAkC;IAC/D,oBAAoB,EAAE,0BAA0B;IAChD,kBAAkB,EAAE,wBAAwB;IAC5C,oBAAoB,EAAE,0BAA0B;IAChD,wBAAwB,EAAE,+BAA+B;IACzD,4BAA4B,EAAE,mCAAmC;IACjE,cAAc,EAAE,mBAAmB;IACnC,mBAAmB,EAAE,yBAAyB;IAC9C,2BAA2B,EAAE,kCAAkC;IAC/D,oBAAoB,EAAE,0BAA0B;IAChD,kBAAkB,EAAE,wBAAwB;IAC5C,oBAAoB,EAAE,0BAA0B;IAChD,wBAAwB,EAAE,+BAA+B;IACzD,4BAA4B,EAAE,mCAAmC;IACjE,SAAS,EAAE,YAAY;IACvB,cAAc,EAAE,kBAAkB;IAClC,sBAAsB,EAAE,2BAA2B;IACnD,eAAe,EAAE,mBAAmB;IACpC,aAAa,EAAE,iBAAiB;IAChC,eAAe,EAAE,mBAAmB;IACpC,mBAAmB,EAAE,wBAAwB;IAC7C,uBAAuB,EAAE,4BAA4B;IACrD,iBAAiB,EAAE,sBAAsB;IACzC,sBAAsB,EAAE,4BAA4B;IACpD,8BAA8B,EAAE,qCAAqC;IACrE,uBAAuB,EAAE,6BAA6B;IACtD,qBAAqB,EAAE,2BAA2B;IAClD,uBAAuB,EAAE,6BAA6B;IACtD,2BAA2B,EAAE,kCAAkC;IAC/D,+BAA+B,EAAE,sCAAsC;IACvE,YAAY,EAAE,eAAe;IAC7B,iBAAiB,EAAE,qBAAqB;IACxC,yBAAyB,EAAE,8BAA8B;IACzD,kBAAkB,EAAE,sBAAsB;IAC1C,gBAAgB,EAAE,oBAAoB;IACtC,kBAAkB,EAAE,sBAAsB;IAC1C,sBAAsB,EAAE,2BAA2B;IACnD,0BAA0B,EAAE,+BAA+B;IAC3D,QAAQ,EAAE,WAAW;IACrB,aAAa,EAAE,iBAAiB;IAChC,qBAAqB,EAAE,0BAA0B;IACjD,cAAc,EAAE,kBAAkB;IAClC,YAAY,EAAE,gBAAgB;IAC9B,cAAc,EAAE,kBAAkB;IAClC,kBAAkB,EAAE,uBAAuB;IAC3C,sBAAsB,EAAE,2BAA2B;IACnD,cAAc,EAAE,kBAAkB;IAClC,mBAAmB,EAAE,wBAAwB;IAC7C,2BAA2B,EAAE,iCAAiC;IAC9D,oBAAoB,EAAE,yBAAyB;IAC/C,kBAAkB,EAAE,uBAAuB;IAC3C,oBAAoB,EAAE,yBAAyB;IAC/C,wBAAwB,EAAE,8BAA8B;IACxD,4BAA4B,EAAE,kCAAkC;IAChE,iBAAiB,EAAE,qBAAqB;IACxC,sBAAsB,EAAE,2BAA2B;IACnD,8BAA8B,EAAE,oCAAoC;IACpE,uBAAuB,EAAE,4BAA4B;IACrD,qBAAqB,EAAE,0BAA0B;IACjD,uBAAuB,EAAE,4BAA4B;IACrD,2BAA2B,EAAE,iCAAiC;IAC9D,+BAA+B,EAAE,qCAAqC;IACtE,uBAAuB,EAAE,4BAA4B;IACrD,4BAA4B,EAAE,kCAAkC;IAChE,oCAAoC,EAChC,2CAA2C;IAC/C,6BAA6B,EAAE,mCAAmC;IAClE,2BAA2B,EAAE,iCAAiC;IAC9D,6BAA6B,EAAE,mCAAmC;IAClE,iCAAiC,EAAE,wCAAwC;IAC3E,qCAAqC,EACjC,4CAA4C;IAChD,eAAe,EAAE,kBAAkB;IACnC,oBAAoB,EAAE,wBAAwB;IAC9C,4BAA4B,EAAE,iCAAiC;IAC/D,qBAAqB,EAAE,yBAAyB;IAChD,mBAAmB,EAAE,uBAAuB;IAC5C,qBAAqB,EAAE,yBAAyB;IAChD,yBAAyB,EAAE,8BAA8B;IACzD,6BAA6B,EAAE,kCAAkC;IACjE,QAAQ,EAAE,WAAW;IACrB,aAAa,EAAE,iBAAiB;IAChC,qBAAqB,EAAE,0BAA0B;IACjD,cAAc,EAAE,kBAAkB;IAClC,YAAY,EAAE,gBAAgB;IAC9B,cAAc,EAAE,kBAAkB;IAClC,kBAAkB,EAAE,uBAAuB;IAC3C,sBAAsB,EAAE,2BAA2B;IACnD,kBAAkB,EAAE,sBAAsB;IAC1C,uBAAuB,EAAE,4BAA4B;IACrD,+BAA+B,EAAE,qCAAqC;IACtE,wBAAwB,EAAE,6BAA6B;IACvD,sBAAsB,EAAE,2BAA2B;IACnD,wBAAwB,EAAE,6BAA6B;IACvD,4BAA4B,EAAE,kCAAkC;IAChE,gCAAgC,EAAE,sCAAsC;IACxE,aAAa,EAAE,kBAAkB;IACjC,kBAAkB,EAAE,wBAAwB;IAC5C,0BAA0B,EAAE,iCAAiC;IAC7D,mBAAmB,EAAE,yBAAyB;IAC9C,iBAAiB,EAAE,uBAAuB;IAC1C,mBAAmB,EAAE,yBAAyB;IAC9C,uBAAuB,EAAE,8BAA8B;IACvD,2BAA2B,EAAE,kCAAkC;IAC/D,uBAAuB,EAAE,6BAA6B;IACtD,4BAA4B,EAAE,mCAAmC;IACjE,oCAAoC,EAChC,4CAA4C;IAChD,6BAA6B,EAAE,oCAAoC;IACnE,2BAA2B,EAAE,kCAAkC;IAC/D,6BAA6B,EAAE,oCAAoC;IACnE,iCAAiC,EAC7B,yCAAyC;IAC7C,qCAAqC,EACjC,6CAA6C;IACjD,eAAe,EAAE,mBAAmB;IACpC,oBAAoB,EAAE,yBAAyB;IAC/C,4BAA4B,EAAE,kCAAkC;IAChE,qBAAqB,EAAE,0BAA0B;IACjD,mBAAmB,EAAE,wBAAwB;IAC7C,qBAAqB,EAAE,0BAA0B;IACjD,yBAAyB,EAAE,+BAA+B;IAC1D,6BAA6B,EAAE,mCAAmC;IAClE,gBAAgB,EAAE,oBAAoB;IACtC,qBAAqB,EAAE,0BAA0B;IACjD,6BAA6B,EAAE,mCAAmC;IAClE,sBAAsB,EAAE,2BAA2B;IACnD,oBAAoB,EAAE,yBAAyB;IAC/C,sBAAsB,EAAE,2BAA2B;IACnD,0BAA0B,EAAE,gCAAgC;IAC5D,8BAA8B,EAAE,oCAAoC;IACpE,eAAe,EAAE,mBAAmB;IACpC,oBAAoB,EAAE,yBAAyB;IAC/C,4BAA4B,EAAE,kCAAkC;IAChE,qBAAqB,EAAE,0BAA0B;IACjD,mBAAmB,EAAE,wBAAwB;IAC7C,qBAAqB,EAAE,0BAA0B;IACjD,yBAAyB,EAAE,+BAA+B;IAC1D,6BAA6B,EAAE,mCAAmC;IAClE,kBAAkB,EAAE,sBAAsB;IAC1C,uBAAuB,EAAE,4BAA4B;IACrD,+BAA+B,EAAE,qCAAqC;IACtE,wBAAwB,EAAE,6BAA6B;IACvD,sBAAsB,EAAE,2BAA2B;IACnD,wBAAwB,EAAE,6BAA6B;IACvD,4BAA4B,EAAE,kCAAkC;IAChE,gCAAgC,EAAE,sCAAsC;IACxE,sBAAsB,EAAE,0BAA0B;IAClD,aAAa,EAAE,iBAAiB;IAChC,kBAAkB,EAAE,uBAAuB;IAC3C,0BAA0B,EAAE,gCAAgC;IAC5D,mBAAmB,EAAE,wBAAwB;IAC7C,iBAAiB,EAAE,sBAAsB;IACzC,mBAAmB,EAAE,wBAAwB;IAC7C,uBAAuB,EAAE,6BAA6B;IACtD,2BAA2B,EAAE,iCAAiC;IAC9D,mBAAmB,EAAE,wBAAwB;IAC7C,mBAAmB,EAAE,wBAAwB;IAC7C,mBAAmB,EAAE,wBAAwB;IAC7C,mBAAmB,EAAE,wBAAwB;IAC7C,kBAAkB,EAAE,sBAAsB;IAC1C,WAAW,EAAE,cAAc;IAC3B,gBAAgB,EAAE,oBAAoB;IACtC,wBAAwB,EAAE,6BAA6B;IACvD,iBAAiB,EAAE,qBAAqB;IACxC,eAAe,EAAE,mBAAmB;IACpC,iBAAiB,EAAE,qBAAqB;IACxC,qBAAqB,EAAE,0BAA0B;IACjD,yBAAyB,EAAE,8BAA8B;CAC5D,CAAC;AAEF,MAAM,MAAM,GAAG,WAAW,CAAC;AAE3B,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,SAAiB,EAAU,EAAE,CAAC,GAAG,MAAM,IAAI,SAAS,EAAE,CAAC;AAC9F,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,SAAiB,EAAU,EAAE,CAAC,KAAK,MAAM,IAAI,SAAS,EAAE,CAAC;AAClG,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,SAAiB,EAAU,EAAE,CAAC,IAAI,MAAM,IAAI,SAAS,EAAE,CAAC;AAClG,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACtC,SAAiB,EACjB,WAAmB,EACb,EAAE,CAAC,KAAK,WAAW,MAAM,MAAM,IAAI,SAAS,KAAK,CAAC;AAC5D,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAAC,SAAiB,EAAU,EAAE,CAAC,IAAI,MAAM,aAAa,SAAS,EAAE,CAAC;AACnH,MAAM,CAAC,MAAM,kCAAkC,GAAG,CAC9C,SAAiB,EACjB,QAAgB,EACV,EAAE,CAAC,QAAQ,MAAM,aAAa,SAAS,MAAM,QAAQ,KAAK,CAAC;AAErE,mGAAmG;AACnG,MAAM,aAAa,GAAG;IAClB,iBAAiB;IACjB,mBAAmB;IACnB,WAAW;IACX,gBAAgB;IAChB,YAAY;IACZ,UAAU;IACV,eAAe;IACf,YAAY;IACZ,WAAW;IACX,WAAW;IACX,UAAU;IACV,MAAM;IACN,MAAM;IACN,OAAO;IACP,QAAQ;IACR,OAAO;IACP,SAAS;IACT,OAAO;CACD,CAAC;AAEX,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAC/B,SAAiB,EACM,EAAE,CAAC,aAAa,CACvC,aAAa,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAC1E,CAAC","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    buttonFillActivePrimaryColor: 'button-fill-active-primary-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    buttonFillAccentActiveColor: 'button-fill-accent-active-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    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    headlinePlus1FallbackFontFamily: 'headline-plus-1-fallback-font-family',\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    headlineFallbackFontFamily: 'headline-fallback-font-family',\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    tableHeaderFallbackFontFamily: 'table-header-fallback-font-family',\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    titlePlus2FallbackFontFamily: 'title-plus-2-fallback-font-family',\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    titlePlus1FallbackFontFamily: 'title-plus-1-fallback-font-family',\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    titleFallbackFontFamily: 'title-fallback-font-family',\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    subtitlePlus1FallbackFontFamily: 'subtitle-plus-1-fallback-font-family',\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    subtitleFallbackFontFamily: 'subtitle-fallback-font-family',\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    linkFallbackFontFamily: 'link-fallback-font-family',\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    linkActiveFallbackFontFamily: 'link-active-fallback-font-family',\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    linkProminentFallbackFontFamily: 'link-prominent-fallback-font-family',\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    linkActiveProminentFallbackFontFamily:\n        'link-active-prominent-fallback-font-family',\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    placeholderFallbackFontFamily: 'placeholder-fallback-font-family',\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    bodyFallbackFontFamily: 'body-fallback-font-family',\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    bodyEmphasizedFallbackFontFamily: 'body-emphasized-fallback-font-family',\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    bodyPlus1FallbackFontFamily: 'body-plus-1-fallback-font-family',\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    bodyPlus1EmphasizedFallbackFontFamily:\n        'body-plus-1-emphasized-fallback-font-family',\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    groupHeaderFallbackFontFamily: 'group-header-fallback-font-family',\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    controlLabelFallbackFontFamily: 'control-label-fallback-font-family',\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    buttonLabelFallbackFontFamily: 'button-label-fallback-font-family',\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    tooltipCaptionFallbackFontFamily: 'tooltip-caption-fallback-font-family',\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    errorTextFallbackFontFamily: 'error-text-fallback-font-family',\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    mentionFallbackFontFamily: 'mention-fallback-font-family'\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

@@ -68,9 +68,10 @@ export declare const linkActiveFont: CSSDesignToken<string>, linkActiveFontColor
 export declare const linkProminentFont: CSSDesignToken<string>, linkProminentFontColor: CSSDesignToken<string>, linkProminentDisabledFontColor: CSSDesignToken<string>, linkProminentFontFamily: CSSDesignToken<string>, linkProminentFontWeight: CSSDesignToken<string>, linkProminentFontSize: CSSDesignToken<string>, linkProminentFontLineHeight: CSSDesignToken<string>, linkProminentFallbackFontFamily: CSSDesignToken<string>;
 export declare const linkActiveProminentFont: CSSDesignToken<string>, linkActiveProminentFontColor: CSSDesignToken<string>, linkActiveProminentDisabledFontColor: CSSDesignToken<string>, linkActiveProminentFontFamily: CSSDesignToken<string>, linkActiveProminentFontWeight: CSSDesignToken<string>, linkActiveProminentFontSize: CSSDesignToken<string>, linkActiveProminentFontLineHeight: CSSDesignToken<string>, linkActiveProminentFallbackFontFamily: CSSDesignToken<string>;
 export declare const placeholderFont: CSSDesignToken<string>, placeholderFontColor: CSSDesignToken<string>, placeholderDisabledFontColor: CSSDesignToken<string>, placeholderFontFamily: CSSDesignToken<string>, placeholderFontWeight: CSSDesignToken<string>, placeholderFontSize: CSSDesignToken<string>, placeholderFontLineHeight: CSSDesignToken<string>, placeholderFallbackFontFamily: CSSDesignToken<string>;
-export declare const bodyEmphasizedFont: CSSDesignToken<string>, bodyEmphasizedFontColor: CSSDesignToken<string>, bodyEmphasizedDisabledFontColor: CSSDesignToken<string>, bodyEmphasizedFontFamily: CSSDesignToken<string>, bodyEmphasizedFontWeight: CSSDesignToken<string>, bodyEmphasizedFontSize: CSSDesignToken<string>, bodyEmphasizedFontLineHeight: CSSDesignToken<string>, bodyEmphasizedFallbackFontFamily: CSSDesignToken<string>;
-export declare const bodyEmphasizedPlus1Font: CSSDesignToken<string>, bodyEmphasizedPlus1FontColor: CSSDesignToken<string>, bodyEmphasizedPlus1DisabledFontColor: CSSDesignToken<string>, bodyEmphasizedPlus1FontFamily: CSSDesignToken<string>, bodyEmphasizedPlus1FontWeight: CSSDesignToken<string>, bodyEmphasizedPlus1FontSize: CSSDesignToken<string>, bodyEmphasizedPlus1FontLineHeight: CSSDesignToken<string>, bodyEmphasizedPlus1FallbackFontFamily: CSSDesignToken<string>;
 export declare const bodyFont: CSSDesignToken<string>, bodyFontColor: CSSDesignToken<string>, bodyDisabledFontColor: CSSDesignToken<string>, bodyFontFamily: CSSDesignToken<string>, bodyFontWeight: CSSDesignToken<string>, bodyFontSize: CSSDesignToken<string>, bodyFontLineHeight: CSSDesignToken<string>, bodyFallbackFontFamily: CSSDesignToken<string>;
+export declare const bodyEmphasizedFont: CSSDesignToken<string>, bodyEmphasizedFontColor: CSSDesignToken<string>, bodyEmphasizedDisabledFontColor: CSSDesignToken<string>, bodyEmphasizedFontFamily: CSSDesignToken<string>, bodyEmphasizedFontWeight: CSSDesignToken<string>, bodyEmphasizedFontSize: CSSDesignToken<string>, bodyEmphasizedFontLineHeight: CSSDesignToken<string>, bodyEmphasizedFallbackFontFamily: CSSDesignToken<string>;
+export declare const bodyPlus1Font: CSSDesignToken<string>, bodyPlus1FontColor: CSSDesignToken<string>, bodyPlus1DisabledFontColor: CSSDesignToken<string>, bodyPlus1FontFamily: CSSDesignToken<string>, bodyPlus1FontWeight: CSSDesignToken<string>, bodyPlus1FontSize: CSSDesignToken<string>, bodyPlus1FontLineHeight: CSSDesignToken<string>, bodyPlus1FallbackFontFamily: CSSDesignToken<string>;
+export declare const bodyPlus1EmphasizedFont: CSSDesignToken<string>, bodyPlus1EmphasizedFontColor: CSSDesignToken<string>, bodyPlus1EmphasizedDisabledFontColor: CSSDesignToken<string>, bodyPlus1EmphasizedFontFamily: CSSDesignToken<string>, bodyPlus1EmphasizedFontWeight: CSSDesignToken<string>, bodyPlus1EmphasizedFontSize: CSSDesignToken<string>, bodyPlus1EmphasizedFontLineHeight: CSSDesignToken<string>, bodyPlus1EmphasizedFallbackFontFamily: CSSDesignToken<string>;
 export declare const groupHeaderFont: CSSDesignToken<string>, groupHeaderFontColor: CSSDesignToken<string>, groupHeaderDisabledFontColor: CSSDesignToken<string>, groupHeaderFontFamily: CSSDesignToken<string>, groupHeaderFontWeight: CSSDesignToken<string>, groupHeaderFontSize: CSSDesignToken<string>, groupHeaderFontLineHeight: CSSDesignToken<string>, groupHeaderFallbackFontFamily: CSSDesignToken<string>;
 export declare const controlLabelFont: CSSDesignToken<string>, controlLabelFontColor: CSSDesignToken<string>, controlLabelDisabledFontColor: CSSDesignToken<string>, controlLabelFontFamily: CSSDesignToken<string>, controlLabelFontWeight: CSSDesignToken<string>, controlLabelFontSize: CSSDesignToken<string>, controlLabelFontLineHeight: CSSDesignToken<string>, controlLabelFallbackFontFamily: CSSDesignToken<string>;
 export declare const buttonLabelFont: CSSDesignToken<string>, buttonLabelFontColor: CSSDesignToken<string>, buttonLabelDisabledFontColor: CSSDesignToken<string>, buttonLabelFontFamily: CSSDesignToken<string>, buttonLabelFontWeight: CSSDesignToken<string>, buttonLabelFontSize: CSSDesignToken<string>, buttonLabelFontLineHeight: CSSDesignToken<string>, buttonLabelFallbackFontFamily: CSSDesignToken<string>;