@ni/nimble-components 29.5.0 → 29.7.0

package/dist/esm/table/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/table/types.ts"],"names":[],"mappings":"AA+FA,MAAM,CAAC,MAAM,gCAAgC,GAAG;IAC5C,IAAI,EAAE,SAAS;IACf,eAAe,EAAE,mBAAmB;IACpC,eAAe,EAAE,kBAAkB;CAC7B,CAAC;AAWX;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACpC,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,YAAY;CAClB,CAAC;AAIX;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;CACd,CAAC;AAIX;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG;IAClC,WAAW,EAAE,cAAc;IAC3B,QAAQ,EAAE,UAAU;IACpB,iBAAiB,EAAE,oBAAoB;CACjC,CAAC","sourcesContent":["import type { TableColumn } from '../table-column/base';\nimport type { ValidityObject } from '../utilities/models/validator';\n\n/**\n * TableFieldName describes the type associated with keys within\n * a table's records.\n */\nexport type TableFieldName = string;\n\n/**\n * TableFieldValue describes the type associated with values within\n * a table's records.\n */\nexport type TableFieldValue = string | number | boolean | null | undefined;\n\n/**\n * TableStringFieldValue describes the type associated with values within\n * a table's string records.\n */\nexport type TableStringFieldValue = string | null | undefined;\n\n/**\n * TableBooleanFieldValue describes the type associated with values within\n * a table's boolean records.\n */\nexport type TableBooleanFieldValue = boolean | null | undefined;\n\n/**\n * TableNumberFieldValue describes the type associated with values within\n * a table's number records.\n */\nexport type TableNumberFieldValue = number | null | undefined;\n\n/**\n * TableRecord describes the data structure that backs a single row in a table.\n * It is made up of fields, which are key/value pairs that have a key of type\n * TableFieldName and a value of type TableFieldValue.\n */\nexport interface TableRecord {\n    [key: TableFieldName]: TableFieldValue;\n}\n\n/**\n * @internal\n *\n * Describes a hierarchical data structure that is used for\n * the internal representation of the data, and allows us to represent data with\n * parent-child relationships within Tanstack.\n */\nexport interface TableNode<TRecord extends TableRecord = TableRecord> {\n    subRows?: TableNode<TRecord>[];\n    originalIndex: number;\n    clientRecord: TRecord;\n}\n\nexport type TableStringField<FieldName extends TableFieldName> = {\n    [name in FieldName]: TableStringFieldValue;\n};\n\nexport type TableBooleanField<FieldName extends TableFieldName> = {\n    [name in FieldName]: TableBooleanFieldValue;\n};\n\nexport type TableNumberField<FieldName extends TableFieldName> = {\n    [name in FieldName]: TableNumberFieldValue;\n};\n\nexport interface TableValidity extends ValidityObject {\n    readonly duplicateRecordId: boolean;\n    readonly missingRecordId: boolean;\n    readonly invalidRecordId: boolean;\n    readonly duplicateColumnId: boolean;\n    readonly missingColumnId: boolean;\n    readonly duplicateSortIndex: boolean;\n    readonly duplicateGroupIndex: boolean;\n    readonly idFieldNameNotConfigured: boolean;\n    readonly invalidColumnConfiguration: boolean;\n    readonly invalidParentIdConfiguration: boolean;\n}\n\n/**\n * The hierarachy options for a record in the table.\n */\nexport interface TableSetRecordHierarchyOptions {\n    recordId: string;\n    options: TableRecordHierarchyOptions;\n}\n\n/**\n * Describes the hierarchy options that can be configured for a record in the table.\n */\nexport interface TableRecordHierarchyOptions {\n    delayedHierarchyState: TableRecordDelayedHierarchyState;\n}\n\nexport const TableRecordDelayedHierarchyState = {\n    none: undefined,\n    canLoadChildren: 'can-load-children',\n    loadingChildren: 'loading-children'\n} as const;\nexport type TableRecordDelayedHierarchyState =\n    (typeof TableRecordDelayedHierarchyState)[keyof typeof TableRecordDelayedHierarchyState];\n\nexport interface TableActionMenuToggleEventDetail {\n    newState: boolean;\n    oldState: boolean;\n    recordIds: string[];\n    columnId?: string;\n}\n\n/**\n * The possible directions a table column can be sorted in.\n */\nexport const TableColumnSortDirection = {\n    none: undefined,\n    ascending: 'ascending',\n    descending: 'descending'\n} as const;\nexport type TableColumnSortDirection =\n    (typeof TableColumnSortDirection)[keyof typeof TableColumnSortDirection];\n\n/**\n * The selection modes of rows in the table.\n */\nexport const TableRowSelectionMode = {\n    none: undefined,\n    single: 'single',\n    multiple: 'multiple'\n} as const;\nexport type TableRowSelectionMode =\n    (typeof TableRowSelectionMode)[keyof typeof TableRowSelectionMode];\n\n/**\n * @internal\n *\n * The possible selection states that the table or a table row can be in.\n */\nexport const TableRowSelectionState = {\n    notSelected: 'not-selected',\n    selected: 'selected',\n    partiallySelected: 'partially-selected'\n} as const;\nexport type TableRowSelectionState =\n    (typeof TableRowSelectionState)[keyof typeof TableRowSelectionState];\n\n/**\n * @internal\n *\n * Internal event detail type for a row's selection state changing\n */\nexport interface TableRowSelectionToggleEventDetail {\n    oldState: boolean;\n    newState: boolean;\n}\n\n/**\n * Event detail type for row selection events in the table.\n */\nexport interface TableRowSelectionEventDetail {\n    selectedRecordIds: string[];\n}\n\n/**\n * Event detail type for row toggle events in the table.\n */\nexport interface TableRowExpansionToggleEventDetail {\n    oldState: boolean;\n    newState: boolean;\n    recordId: string;\n}\n\n/**\n * Event detail type for interactive column configuration changes.\n *\n * The column-configuration-change event is emitted when a column's configuration\n * is modified programmatically, such as by clicking on the column's header to sort\n * the column. The items in the `columns` array are specified in the same order as\n * the columns are listed in the DOM.\n */\nexport interface TableColumnConfigurationChangeEventDetail {\n    columns: TableColumnConfiguration[];\n}\n\n/**\n * A representation of the current configuration of a column within the table.\n */\nexport interface TableColumnConfiguration {\n    columnId?: string;\n    sortIndex?: number;\n    sortDirection: TableColumnSortDirection;\n    groupIndex?: number;\n    hidden: boolean;\n    fractionalWidth: number;\n    pixelWidth?: number;\n}\n\n/**\n * @internal\n *\n * Internal representation of a row in the table\n */\nexport interface TableRowState<TData extends TableRecord = TableRecord> {\n    record: TData;\n    id: string;\n    selectionState: TableRowSelectionState;\n    isGroupRow: boolean;\n    groupRowValue?: unknown;\n    isExpanded: boolean;\n    nestingLevel?: number;\n    immediateChildCount?: number;\n    groupColumn?: TableColumn;\n    isParentRow: boolean;\n    isLoadingChildren: boolean;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/table/types.ts"],"names":[],"mappings":"AAkGA,MAAM,CAAC,MAAM,gCAAgC,GAAG;IAC5C,IAAI,EAAE,SAAS;IACf,eAAe,EAAE,mBAAmB;IACpC,eAAe,EAAE,kBAAkB;CAC7B,CAAC;AAWX;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACpC,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,YAAY;CAClB,CAAC;AAIX;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;CACd,CAAC;AAIX;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG;IAClC,WAAW,EAAE,cAAc;IAC3B,QAAQ,EAAE,UAAU;IACpB,iBAAiB,EAAE,oBAAoB;CACjC,CAAC;AA2EX;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,IAAI,EAAE,MAAM;IACZ,YAAY,EAAE,cAAc;IAC5B,aAAa,EAAE,eAAe;IAC9B,GAAG,EAAE,KAAK;IACV,oBAAoB,EAAE,sBAAsB;IAC5C,IAAI,EAAE,MAAM;IACZ,cAAc,EAAE,gBAAgB;IAChC,WAAW,EAAE,aAAa;CACpB,CAAC","sourcesContent":["import type { Checkbox } from '../checkbox';\nimport type { MenuButton } from '../menu-button';\nimport type { TableColumn } from '../table-column/base';\nimport type { ValidityObject } from '../utilities/models/validator';\nimport type { TableCell } from './components/cell';\n\n/**\n * TableFieldName describes the type associated with keys within\n * a table's records.\n */\nexport type TableFieldName = string;\n\n/**\n * TableFieldValue describes the type associated with values within\n * a table's records.\n */\nexport type TableFieldValue = string | number | boolean | null | undefined;\n\n/**\n * TableStringFieldValue describes the type associated with values within\n * a table's string records.\n */\nexport type TableStringFieldValue = string | null | undefined;\n\n/**\n * TableBooleanFieldValue describes the type associated with values within\n * a table's boolean records.\n */\nexport type TableBooleanFieldValue = boolean | null | undefined;\n\n/**\n * TableNumberFieldValue describes the type associated with values within\n * a table's number records.\n */\nexport type TableNumberFieldValue = number | null | undefined;\n\n/**\n * TableRecord describes the data structure that backs a single row in a table.\n * It is made up of fields, which are key/value pairs that have a key of type\n * TableFieldName and a value of type TableFieldValue.\n */\nexport interface TableRecord {\n    [key: TableFieldName]: TableFieldValue;\n}\n\n/**\n * @internal\n *\n * Describes a hierarchical data structure that is used for\n * the internal representation of the data, and allows us to represent data with\n * parent-child relationships within Tanstack.\n */\nexport interface TableNode<TRecord extends TableRecord = TableRecord> {\n    subRows?: TableNode<TRecord>[];\n    originalIndex: number;\n    clientRecord: TRecord;\n}\n\nexport type TableStringField<FieldName extends TableFieldName> = {\n    [name in FieldName]: TableStringFieldValue;\n};\n\nexport type TableBooleanField<FieldName extends TableFieldName> = {\n    [name in FieldName]: TableBooleanFieldValue;\n};\n\nexport type TableNumberField<FieldName extends TableFieldName> = {\n    [name in FieldName]: TableNumberFieldValue;\n};\n\nexport interface TableValidity extends ValidityObject {\n    readonly duplicateRecordId: boolean;\n    readonly missingRecordId: boolean;\n    readonly invalidRecordId: boolean;\n    readonly duplicateColumnId: boolean;\n    readonly missingColumnId: boolean;\n    readonly duplicateSortIndex: boolean;\n    readonly duplicateGroupIndex: boolean;\n    readonly idFieldNameNotConfigured: boolean;\n    readonly invalidColumnConfiguration: boolean;\n    readonly invalidParentIdConfiguration: boolean;\n}\n\n/**\n * The hierarachy options for a record in the table.\n */\nexport interface TableSetRecordHierarchyOptions {\n    recordId: string;\n    options: TableRecordHierarchyOptions;\n}\n\n/**\n * Describes the hierarchy options that can be configured for a record in the table.\n */\nexport interface TableRecordHierarchyOptions {\n    delayedHierarchyState: TableRecordDelayedHierarchyState;\n}\n\nexport const TableRecordDelayedHierarchyState = {\n    none: undefined,\n    canLoadChildren: 'can-load-children',\n    loadingChildren: 'loading-children'\n} as const;\nexport type TableRecordDelayedHierarchyState =\n    (typeof TableRecordDelayedHierarchyState)[keyof typeof TableRecordDelayedHierarchyState];\n\nexport interface TableActionMenuToggleEventDetail {\n    newState: boolean;\n    oldState: boolean;\n    recordIds: string[];\n    columnId?: string;\n}\n\n/**\n * The possible directions a table column can be sorted in.\n */\nexport const TableColumnSortDirection = {\n    none: undefined,\n    ascending: 'ascending',\n    descending: 'descending'\n} as const;\nexport type TableColumnSortDirection =\n    (typeof TableColumnSortDirection)[keyof typeof TableColumnSortDirection];\n\n/**\n * The selection modes of rows in the table.\n */\nexport const TableRowSelectionMode = {\n    none: undefined,\n    single: 'single',\n    multiple: 'multiple'\n} as const;\nexport type TableRowSelectionMode =\n    (typeof TableRowSelectionMode)[keyof typeof TableRowSelectionMode];\n\n/**\n * @internal\n *\n * The possible selection states that the table or a table row can be in.\n */\nexport const TableRowSelectionState = {\n    notSelected: 'not-selected',\n    selected: 'selected',\n    partiallySelected: 'partially-selected'\n} as const;\nexport type TableRowSelectionState =\n    (typeof TableRowSelectionState)[keyof typeof TableRowSelectionState];\n\n/**\n * @internal\n *\n * Internal event detail type for a row's selection state changing\n */\nexport interface TableRowSelectionToggleEventDetail {\n    oldState: boolean;\n    newState: boolean;\n}\n\n/**\n * Event detail type for row selection events in the table.\n */\nexport interface TableRowSelectionEventDetail {\n    selectedRecordIds: string[];\n}\n\n/**\n * Event detail type for row toggle events in the table.\n */\nexport interface TableRowExpansionToggleEventDetail {\n    oldState: boolean;\n    newState: boolean;\n    recordId: string;\n}\n\n/**\n * Event detail type for interactive column configuration changes.\n *\n * The column-configuration-change event is emitted when a column's configuration\n * is modified programmatically, such as by clicking on the column's header to sort\n * the column. The items in the `columns` array are specified in the same order as\n * the columns are listed in the DOM.\n */\nexport interface TableColumnConfigurationChangeEventDetail {\n    columns: TableColumnConfiguration[];\n}\n\n/**\n * A representation of the current configuration of a column within the table.\n */\nexport interface TableColumnConfiguration {\n    columnId?: string;\n    sortIndex?: number;\n    sortDirection: TableColumnSortDirection;\n    groupIndex?: number;\n    hidden: boolean;\n    fractionalWidth: number;\n    pixelWidth?: number;\n}\n\n/**\n * @internal\n *\n * Internal representation of a row in the table\n */\nexport interface TableRowState<TData extends TableRecord = TableRecord> {\n    record: TData;\n    id: string;\n    selectionState: TableRowSelectionState;\n    isGroupRow: boolean;\n    groupRowValue?: unknown;\n    isExpanded: boolean;\n    nestingLevel?: number;\n    immediateChildCount?: number;\n    groupColumn?: TableColumn;\n    isParentRow: boolean;\n    isLoadingChildren: boolean;\n    resolvedRowIndex?: number;\n}\n\n/**\n * @internal\n * Table keyboard focus types\n */\nexport const TableFocusType = {\n    none: 'none',\n    columnHeader: 'columnHeader',\n    headerActions: 'headerActions',\n    row: 'row',\n    rowSelectionCheckbox: 'rowSelectionCheckbox',\n    cell: 'cell',\n    cellActionMenu: 'cellActionMenu',\n    cellContent: 'cellContent'\n} as const;\nexport type TableFocusType =\n    (typeof TableFocusType)[keyof typeof TableFocusType];\n\n/**\n * @internal\n * Focusable elements of a table row\n */\nexport interface TableRowFocusableElements {\n    selectionCheckbox?: Checkbox;\n    cells: {\n        cell: TableCell,\n        actionMenuButton?: MenuButton\n    }[];\n}\n\n/**\n * @internal\n * Focusable elements of a table's header\n */\nexport interface TableHeaderFocusableElements {\n    headerActions: HTMLElement[];\n    columnHeaders: HTMLElement[];\n}\n"]}

package/dist/esm/table-column/anchor/cell-view/index.d.ts

@@ -17,6 +17,9 @@ export declare class TableColumnAnchorCellView extends TableCellView<TableColumn
     /** @internal */
     anchor?: Anchor;
     get text(): string;
+    /** @internal */
+    get showAnchor(): boolean;
     focusedRecycleCallback(): void;
+    get tabbableChildren(): HTMLElement[];
 }
 export declare const tableColumnAnchorCellViewTag = "nimble-table-column-anchor-cell-view";

package/dist/esm/table-column/anchor/cell-view/index.js

@@ -31,9 +31,19 @@ export class TableColumnAnchorCellView extends TableCellView {
         }
         return '';
     }
+    /** @internal */
+    get showAnchor() {
+        return typeof this.cellRecord?.href === 'string';
+    }
     focusedRecycleCallback() {
         this.anchor?.blur();
     }
+    get tabbableChildren() {
+        if (this.showAnchor) {
+            return [this.anchor];
+        }
+        return [];
+    }
 }
 __decorate([
     observable
@@ -44,6 +54,9 @@ __decorate([
 __decorate([
     volatile
 ], TableColumnAnchorCellView.prototype, "text", null);
+__decorate([
+    volatile
+], TableColumnAnchorCellView.prototype, "showAnchor", null);
 const anchorCellView = TableColumnAnchorCellView.compose({
     baseName: 'table-column-anchor-cell-view',
     template,

package/dist/esm/table-column/anchor/cell-view/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/anchor/cell-view/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAM1D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQtC;;GAEG;AACH,MAAM,OAAO,yBAA0B,SAAQ,aAG9C;IAHD;;QAII,gBAAgB;QAET,gBAAW,GAAG,KAAK,CAAC;QAE3B,gBAAgB;QAET,kBAAa,GAAG,KAAK,CAAC;IA6BjC,CAAC;IAvBG,IAAW,IAAI;QACX,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,EAAE,KAAK,IAAI,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC;QACtE,IACI,CAAC,aAAa,KAAK,SAAS,IAAI,aAAa,KAAK,IAAI,CAAC;eACpD,IAAI,CAAC,YAAY,EAAE,WAAW,EACnC;YACE,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,OAAO,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC;SACxC;QAED,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,OAAO,IAAI,CAAC,UAAU,EAAE,KAAK,KAAK,QAAQ,EAAE;YAC5C,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;SAChC;QACD,IAAI,OAAO,IAAI,CAAC,UAAU,EAAE,IAAI,KAAK,QAAQ,EAAE;YAC3C,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;SAC/B;QACD,OAAO,EAAE,CAAC;IACd,CAAC;IAEe,sBAAsB;QAClC,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC;IACxB,CAAC;CACJ;AAjCU;IADN,UAAU;8DACgB;AAIpB;IADN,UAAU;gEACkB;AAM7B;IADC,QAAQ;qDAmBR;AAOL,MAAM,cAAc,GAAG,yBAAyB,CAAC,OAAO,CAAC;IACrD,QAAQ,EAAE,+BAA+B;IACzC,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC;AAC3E,MAAM,CAAC,MAAM,4BAA4B,GAAG,sCAAsC,CAAC","sourcesContent":["import { observable, volatile } from '@microsoft/fast-element';\nimport { DesignSystem } from '@microsoft/fast-foundation';\nimport type {\n    TableColumnAnchorCellRecord,\n    TableColumnAnchorColumnConfig\n} from '..';\nimport type { Anchor } from '../../../anchor';\nimport { TableCellView } from '../../base/cell-view';\nimport { styles } from './styles';\nimport { template } from './template';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-anchor-cell-view': TableColumnAnchorCellView;\n    }\n}\n\n/**\n * A cell view for displaying links\n */\nexport class TableColumnAnchorCellView extends TableCellView<\nTableColumnAnchorCellRecord,\nTableColumnAnchorColumnConfig\n> {\n    /** @internal */\n    @observable\n    public hasOverflow = false;\n\n    /** @internal */\n    @observable\n    public isPlaceholder = false;\n\n    /** @internal */\n    public anchor?: Anchor;\n\n    @volatile\n    public get text(): string {\n        const displayedText = this.cellRecord?.label ?? this.cellRecord?.href;\n        if (\n            (displayedText === undefined || displayedText === null)\n            && this.columnConfig?.placeholder\n        ) {\n            this.isPlaceholder = true;\n            return this.columnConfig.placeholder;\n        }\n\n        this.isPlaceholder = false;\n        if (typeof this.cellRecord?.label === 'string') {\n            return this.cellRecord.label;\n        }\n        if (typeof this.cellRecord?.href === 'string') {\n            return this.cellRecord.href;\n        }\n        return '';\n    }\n\n    public override focusedRecycleCallback(): void {\n        this.anchor?.blur();\n    }\n}\n\nconst anchorCellView = TableColumnAnchorCellView.compose({\n    baseName: 'table-column-anchor-cell-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(anchorCellView());\nexport const tableColumnAnchorCellViewTag = 'nimble-table-column-anchor-cell-view';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/anchor/cell-view/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAM1D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQtC;;GAEG;AACH,MAAM,OAAO,yBAA0B,SAAQ,aAG9C;IAHD;;QAII,gBAAgB;QAET,gBAAW,GAAG,KAAK,CAAC;QAE3B,gBAAgB;QAET,kBAAa,GAAG,KAAK,CAAC;IA0CjC,CAAC;IApCG,IAAW,IAAI;QACX,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,EAAE,KAAK,IAAI,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC;QACtE,IACI,CAAC,aAAa,KAAK,SAAS,IAAI,aAAa,KAAK,IAAI,CAAC;eACpD,IAAI,CAAC,YAAY,EAAE,WAAW,EACnC;YACE,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,OAAO,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC;SACxC;QAED,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,OAAO,IAAI,CAAC,UAAU,EAAE,KAAK,KAAK,QAAQ,EAAE;YAC5C,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;SAChC;QACD,IAAI,OAAO,IAAI,CAAC,UAAU,EAAE,IAAI,KAAK,QAAQ,EAAE;YAC3C,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;SAC/B;QACD,OAAO,EAAE,CAAC;IACd,CAAC;IAED,gBAAgB;IAEhB,IAAW,UAAU;QACjB,OAAO,OAAO,IAAI,CAAC,UAAU,EAAE,IAAI,KAAK,QAAQ,CAAC;IACrD,CAAC;IAEe,sBAAsB;QAClC,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC;IACxB,CAAC;IAED,IAAoB,gBAAgB;QAChC,IAAI,IAAI,CAAC,UAAU,EAAE;YACjB,OAAO,CAAC,IAAI,CAAC,MAAO,CAAC,CAAC;SACzB;QACD,OAAO,EAAE,CAAC;IACd,CAAC;CACJ;AA9CU;IADN,UAAU;8DACgB;AAIpB;IADN,UAAU;gEACkB;AAM7B;IADC,QAAQ;qDAmBR;AAID;IADC,QAAQ;2DAGR;AAcL,MAAM,cAAc,GAAG,yBAAyB,CAAC,OAAO,CAAC;IACrD,QAAQ,EAAE,+BAA+B;IACzC,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC;AAC3E,MAAM,CAAC,MAAM,4BAA4B,GAAG,sCAAsC,CAAC","sourcesContent":["import { observable, volatile } from '@microsoft/fast-element';\nimport { DesignSystem } from '@microsoft/fast-foundation';\nimport type {\n    TableColumnAnchorCellRecord,\n    TableColumnAnchorColumnConfig\n} from '..';\nimport type { Anchor } from '../../../anchor';\nimport { TableCellView } from '../../base/cell-view';\nimport { styles } from './styles';\nimport { template } from './template';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-anchor-cell-view': TableColumnAnchorCellView;\n    }\n}\n\n/**\n * A cell view for displaying links\n */\nexport class TableColumnAnchorCellView extends TableCellView<\nTableColumnAnchorCellRecord,\nTableColumnAnchorColumnConfig\n> {\n    /** @internal */\n    @observable\n    public hasOverflow = false;\n\n    /** @internal */\n    @observable\n    public isPlaceholder = false;\n\n    /** @internal */\n    public anchor?: Anchor;\n\n    @volatile\n    public get text(): string {\n        const displayedText = this.cellRecord?.label ?? this.cellRecord?.href;\n        if (\n            (displayedText === undefined || displayedText === null)\n            && this.columnConfig?.placeholder\n        ) {\n            this.isPlaceholder = true;\n            return this.columnConfig.placeholder;\n        }\n\n        this.isPlaceholder = false;\n        if (typeof this.cellRecord?.label === 'string') {\n            return this.cellRecord.label;\n        }\n        if (typeof this.cellRecord?.href === 'string') {\n            return this.cellRecord.href;\n        }\n        return '';\n    }\n\n    /** @internal */\n    @volatile\n    public get showAnchor(): boolean {\n        return typeof this.cellRecord?.href === 'string';\n    }\n\n    public override focusedRecycleCallback(): void {\n        this.anchor?.blur();\n    }\n\n    public override get tabbableChildren(): HTMLElement[] {\n        if (this.showAnchor) {\n            return [this.anchor!];\n        }\n        return [];\n    }\n}\n\nconst anchorCellView = TableColumnAnchorCellView.compose({\n    baseName: 'table-column-anchor-cell-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(anchorCellView());\nexport const tableColumnAnchorCellViewTag = 'nimble-table-column-anchor-cell-view';\n"]}

package/dist/esm/table-column/anchor/cell-view/template.js

@@ -13,10 +13,12 @@ export const template = html `
 }}"
         class="${x => (x.isPlaceholder ? 'placeholder' : '')}"
     >
-        ${when(x => typeof x.cellRecord?.href === 'string', html `
+        ${when(x => x.showAnchor, html `
             <${anchorTag}
                 ${ref('anchor')}
                 ${overflow('hasOverflow')}
+                ${'' /* tabindex managed dynamically by KeyboardNavigationManager */}
+                tabindex="-1"
                 href="${x => x.cellRecord?.href}"
                 hreflang="${x => x.columnConfig?.hreflang}"
                 ping="${x => x.columnConfig?.ping}"
@@ -31,7 +33,7 @@ export const template = html `
             >
                 ${x => x.text}
             </${anchorTag}>`)}
-        ${when(x => typeof x.cellRecord?.href !== 'string', html `
+        ${when(x => !x.showAnchor, html `
             <span
                 ${overflow('hasOverflow')}
                 title=${x => (x.hasOverflow ? x.text : null)}

package/dist/esm/table-column/anchor/cell-view/template.js.map

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../../src/table-column/anchor/cell-view/template.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAC9C,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAEjE,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAA2B;;kBAErC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACf,IAAI,OAAO,CAAC,CAAC,UAAU,EAAE,IAAI,KAAK,QAAQ,EAAE;QACxC,CAAC,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;KAC7B;IACD,OAAO,IAAI,CAAC;AAChB,CAAC;iBACQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;;UAElD,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,IAAI,KAAK,QAAQ,EAAE,IAAI,CAA2B;eAC5E,SAAS;kBACN,GAAG,CAAC,QAAQ,CAAC;kBACb,QAAQ,CAAC,aAAa,CAAC;wBACjB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE,IAAI;4BACnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,QAAQ;wBACjC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,IAAI;kCACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,cAAc;uBAC9C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,GAAG;0BACrB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,MAAM;wBAC7B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,IAAI;4BACrB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,QAAQ;qCACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,eAAe;8BAC3C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,UAAU;wBACrC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;;kBAE1C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;gBACb,SAAS,GAAG,CAAC;UACnB,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,IAAI,KAAK,QAAQ,EAAE,IAAI,CAA2B;;kBAEzE,QAAQ,CAAC,aAAa,CAAC;wBACjB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;;kBAE1C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;oBACT,CAAC;;CAEpB,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/indent */\nimport { html, ref, when } from '@microsoft/fast-element';\nimport type { TableColumnAnchorCellView } from '.';\nimport { anchorTag } from '../../../anchor';\nimport { overflow } from '../../../utilities/directive/overflow';\n\n// prettier-ignore\nexport const template = html<TableColumnAnchorCellView>`\n    <template\n        @click=\"${(x, c) => {\n            if (typeof x.cellRecord?.href === 'string') {\n                c.event.stopPropagation();\n            }\n            return true;\n        }}\"\n        class=\"${x => (x.isPlaceholder ? 'placeholder' : '')}\"\n    >\n        ${when(x => typeof x.cellRecord?.href === 'string', html<TableColumnAnchorCellView>`\n            <${anchorTag}\n                ${ref('anchor')}\n                ${overflow('hasOverflow')}\n                href=\"${x => x.cellRecord?.href}\"\n                hreflang=\"${x => x.columnConfig?.hreflang}\"\n                ping=\"${x => x.columnConfig?.ping}\"\n                referrerpolicy=\"${x => x.columnConfig?.referrerpolicy}\"\n                rel=\"${x => x.columnConfig?.rel}\"\n                target=\"${x => x.columnConfig?.target}\"\n                type=\"${x => x.columnConfig?.type}\"\n                download=\"${x => x.columnConfig?.download}\"\n                ?underline-hidden=\"${x => x.columnConfig?.underlineHidden}\"\n                appearance=\"${x => x.columnConfig?.appearance}\"\n                title=${x => (x.hasOverflow ? x.text : null)}\n            >\n                ${x => x.text}\n            </${anchorTag}>`)}\n        ${when(x => typeof x.cellRecord?.href !== 'string', html<TableColumnAnchorCellView>`\n            <span\n                ${overflow('hasOverflow')}\n                title=${x => (x.hasOverflow ? x.text : null)}\n            >\n                ${x => x.text}\n            </span>`)}\n    </template>\n`;\n"]}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../../src/table-column/anchor/cell-view/template.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAC9C,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAEjE,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAA2B;;kBAErC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACf,IAAI,OAAO,CAAC,CAAC,UAAU,EAAE,IAAI,KAAK,QAAQ,EAAE;QACxC,CAAC,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;KAC7B;IACD,OAAO,IAAI,CAAC;AAChB,CAAC;iBACQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;;UAElD,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE,IAAI,CAA2B;eAClD,SAAS;kBACN,GAAG,CAAC,QAAQ,CAAC;kBACb,QAAQ,CAAC,aAAa,CAAC;kBACvB,EAAE,CAAC,+DAA+D;;wBAE5D,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE,IAAI;4BACnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,QAAQ;wBACjC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,IAAI;kCACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,cAAc;uBAC9C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,GAAG;0BACrB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,MAAM;wBAC7B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,IAAI;4BACrB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,QAAQ;qCACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,eAAe;8BAC3C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,UAAU;wBACrC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;;kBAE1C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;gBACb,SAAS,GAAG,CAAC;UACnB,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,EAAE,IAAI,CAA2B;;kBAEhD,QAAQ,CAAC,aAAa,CAAC;wBACjB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;;kBAE1C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;oBACT,CAAC;;CAEpB,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/indent */\nimport { html, ref, when } from '@microsoft/fast-element';\nimport type { TableColumnAnchorCellView } from '.';\nimport { anchorTag } from '../../../anchor';\nimport { overflow } from '../../../utilities/directive/overflow';\n\n// prettier-ignore\nexport const template = html<TableColumnAnchorCellView>`\n    <template\n        @click=\"${(x, c) => {\n            if (typeof x.cellRecord?.href === 'string') {\n                c.event.stopPropagation();\n            }\n            return true;\n        }}\"\n        class=\"${x => (x.isPlaceholder ? 'placeholder' : '')}\"\n    >\n        ${when(x => x.showAnchor, html<TableColumnAnchorCellView>`\n            <${anchorTag}\n                ${ref('anchor')}\n                ${overflow('hasOverflow')}\n                ${'' /* tabindex managed dynamically by KeyboardNavigationManager */}\n                tabindex=\"-1\"\n                href=\"${x => x.cellRecord?.href}\"\n                hreflang=\"${x => x.columnConfig?.hreflang}\"\n                ping=\"${x => x.columnConfig?.ping}\"\n                referrerpolicy=\"${x => x.columnConfig?.referrerpolicy}\"\n                rel=\"${x => x.columnConfig?.rel}\"\n                target=\"${x => x.columnConfig?.target}\"\n                type=\"${x => x.columnConfig?.type}\"\n                download=\"${x => x.columnConfig?.download}\"\n                ?underline-hidden=\"${x => x.columnConfig?.underlineHidden}\"\n                appearance=\"${x => x.columnConfig?.appearance}\"\n                title=${x => (x.hasOverflow ? x.text : null)}\n            >\n                ${x => x.text}\n            </${anchorTag}>`)}\n        ${when(x => !x.showAnchor, html<TableColumnAnchorCellView>`\n            <span\n                ${overflow('hasOverflow')}\n                title=${x => (x.hasOverflow ? x.text : null)}\n            >\n                ${x => x.text}\n            </span>`)}\n    </template>\n`;\n"]}

package/dist/esm/table-column/base/cell-view/index.d.ts

@@ -10,6 +10,11 @@ export declare abstract class TableCellView<TCellRecord extends TableCellRecord
     columnConfig?: TColumnConfig;
     column?: TableColumn<TColumnConfig>;
     recordId?: string;
+    /**
+     * Gets the child elements in this cell view that should be able to be reached via Tab/ Shift-Tab,
+     * if any.
+     */
+    get tabbableChildren(): HTMLElement[];
     private delegatedEvents;
     /**
      * Called if an element inside this cell view has focus, and this row/cell is being recycled.

package/dist/esm/table-column/base/cell-view/index.js

@@ -11,6 +11,13 @@ export class TableCellView extends FoundationElement {
         this.delegatedEvents = [];
         this.delegatedEventHandler = () => { };
     }
+    /**
+     * Gets the child elements in this cell view that should be able to be reached via Tab/ Shift-Tab,
+     * if any.
+     */
+    get tabbableChildren() {
+        return [];
+    }
     /**
      * Called if an element inside this cell view has focus, and this row/cell is being recycled.
      * Expected implementation is to commit changes as needed, and blur the focusable element (or close

package/dist/esm/table-column/base/cell-view/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/base/cell-view/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAQ/D;;;GAGG;AACH,MAAM,OAAgB,aAIlB,SAAQ,iBAAiB;IAJ7B;;QAkBY,oBAAe,GAAsB,EAAE,CAAC;QAyCxC,0BAAqB,GAA2B,GAAG,EAAE,GAAE,CAAC,CAAC;IACrE,CAAC;IAxCG;;;;OAIG;IACI,sBAAsB,KAAU,CAAC;IAEjC,aAAa;QAChB,KAAK,MAAM,SAAS,IAAI,IAAI,CAAC,eAAe,EAAE;YAC1C,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;SACnE;QACD,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;QAC1B,IAAI,CAAC,qBAAqB,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;QAEtC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YACd,OAAO;SACV;QACD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,eAAe,CAAC;QACnE,IAAI,CAAC,qBAAqB,GAAG,CAAC,KAAY,EAAE,EAAE;YAC1C,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACf,IAAI,CAAC,MAAM,EAAE,aAAa,CACtB,IAAI,WAAW,CACX,iBAAiB,EACjB;oBACI,MAAM,EAAE;wBACJ,aAAa,EAAE,KAAK;wBACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ;qBAC1B;iBACJ,CACJ,CACJ,CAAC;aACL;QACL,CAAC,CAAC;QAEF,KAAK,MAAM,cAAc,IAAI,IAAI,CAAC,eAAe,EAAE;YAC/C,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;SACrE;IACL,CAAC;CAGJ;AArDU;IADN,UAAU;iDACqB;AAGzB;IADN,UAAU;mDACyB;AAG7B;IADN,UAAU;6CACgC;AAGpC;IADN,UAAU;+CACc","sourcesContent":["import { observable } from '@microsoft/fast-element';\nimport { FoundationElement } from '@microsoft/fast-foundation';\nimport type { TableColumn } from '..';\nimport type {\n    DelegatedEventEventDetails,\n    TableCellRecord,\n    TableCellState\n} from '../types';\n\n/**\n * Base class for table cell views, which are used within the nimble-table-cell.\n * Each TableColumn type has a corresponding TableCellView type (linked via TableColumn.cellViewTag).\n */\nexport abstract class TableCellView<\n    TCellRecord extends TableCellRecord = TableCellRecord,\n    TColumnConfig = unknown\n>\n    extends FoundationElement\n    implements TableCellState<TCellRecord, TColumnConfig> {\n    @observable\n    public cellRecord?: TCellRecord;\n\n    @observable\n    public columnConfig?: TColumnConfig;\n\n    @observable\n    public column?: TableColumn<TColumnConfig>;\n\n    @observable\n    public recordId?: string;\n\n    private delegatedEvents: readonly string[] = [];\n\n    /**\n     * Called if an element inside this cell view has focus, and this row/cell is being recycled.\n     * Expected implementation is to commit changes as needed, and blur the focusable element (or close\n     * the menu/popup/etc).\n     */\n    public focusedRecycleCallback(): void {}\n\n    public columnChanged(): void {\n        for (const eventName of this.delegatedEvents) {\n            this.removeEventListener(eventName, this.delegatedEventHandler);\n        }\n        this.delegatedEvents = [];\n        this.delegatedEventHandler = () => {};\n\n        if (!this.column) {\n            return;\n        }\n        this.delegatedEvents = this.column.columnInternals.delegatedEvents;\n        this.delegatedEventHandler = (event: Event) => {\n            if (this.recordId) {\n                this.column?.dispatchEvent(\n                    new CustomEvent<DelegatedEventEventDetails>(\n                        'delegated-event',\n                        {\n                            detail: {\n                                originalEvent: event,\n                                recordId: this.recordId\n                            }\n                        }\n                    )\n                );\n            }\n        };\n\n        for (const delegatedEvent of this.delegatedEvents) {\n            this.addEventListener(delegatedEvent, this.delegatedEventHandler);\n        }\n    }\n\n    private delegatedEventHandler: (event: Event) => void = () => {};\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/base/cell-view/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAQ/D;;;GAGG;AACH,MAAM,OAAgB,aAIlB,SAAQ,iBAAiB;IAJ7B;;QA0BY,oBAAe,GAAsB,EAAE,CAAC;QAyCxC,0BAAqB,GAA2B,GAAG,EAAE,GAAE,CAAC,CAAC;IACrE,CAAC;IAlDG;;;OAGG;IACH,IAAW,gBAAgB;QACvB,OAAO,EAAE,CAAC;IACd,CAAC;IAID;;;;OAIG;IACI,sBAAsB,KAAU,CAAC;IAEjC,aAAa;QAChB,KAAK,MAAM,SAAS,IAAI,IAAI,CAAC,eAAe,EAAE;YAC1C,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;SACnE;QACD,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;QAC1B,IAAI,CAAC,qBAAqB,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;QAEtC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YACd,OAAO;SACV;QACD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,eAAe,CAAC;QACnE,IAAI,CAAC,qBAAqB,GAAG,CAAC,KAAY,EAAE,EAAE;YAC1C,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACf,IAAI,CAAC,MAAM,EAAE,aAAa,CACtB,IAAI,WAAW,CACX,iBAAiB,EACjB;oBACI,MAAM,EAAE;wBACJ,aAAa,EAAE,KAAK;wBACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ;qBAC1B;iBACJ,CACJ,CACJ,CAAC;aACL;QACL,CAAC,CAAC;QAEF,KAAK,MAAM,cAAc,IAAI,IAAI,CAAC,eAAe,EAAE;YAC/C,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;SACrE;IACL,CAAC;CAGJ;AA7DU;IADN,UAAU;iDACqB;AAGzB;IADN,UAAU;mDACyB;AAG7B;IADN,UAAU;6CACgC;AAGpC;IADN,UAAU;+CACc","sourcesContent":["import { observable } from '@microsoft/fast-element';\nimport { FoundationElement } from '@microsoft/fast-foundation';\nimport type { TableColumn } from '..';\nimport type {\n    DelegatedEventEventDetails,\n    TableCellRecord,\n    TableCellState\n} from '../types';\n\n/**\n * Base class for table cell views, which are used within the nimble-table-cell.\n * Each TableColumn type has a corresponding TableCellView type (linked via TableColumn.cellViewTag).\n */\nexport abstract class TableCellView<\n    TCellRecord extends TableCellRecord = TableCellRecord,\n    TColumnConfig = unknown\n>\n    extends FoundationElement\n    implements TableCellState<TCellRecord, TColumnConfig> {\n    @observable\n    public cellRecord?: TCellRecord;\n\n    @observable\n    public columnConfig?: TColumnConfig;\n\n    @observable\n    public column?: TableColumn<TColumnConfig>;\n\n    @observable\n    public recordId?: string;\n\n    /**\n     * Gets the child elements in this cell view that should be able to be reached via Tab/ Shift-Tab,\n     * if any.\n     */\n    public get tabbableChildren(): HTMLElement[] {\n        return [];\n    }\n\n    private delegatedEvents: readonly string[] = [];\n\n    /**\n     * Called if an element inside this cell view has focus, and this row/cell is being recycled.\n     * Expected implementation is to commit changes as needed, and blur the focusable element (or close\n     * the menu/popup/etc).\n     */\n    public focusedRecycleCallback(): void {}\n\n    public columnChanged(): void {\n        for (const eventName of this.delegatedEvents) {\n            this.removeEventListener(eventName, this.delegatedEventHandler);\n        }\n        this.delegatedEvents = [];\n        this.delegatedEventHandler = () => {};\n\n        if (!this.column) {\n            return;\n        }\n        this.delegatedEvents = this.column.columnInternals.delegatedEvents;\n        this.delegatedEventHandler = (event: Event) => {\n            if (this.recordId) {\n                this.column?.dispatchEvent(\n                    new CustomEvent<DelegatedEventEventDetails>(\n                        'delegated-event',\n                        {\n                            detail: {\n                                originalEvent: event,\n                                recordId: this.recordId\n                            }\n                        }\n                    )\n                );\n            }\n        };\n\n        for (const delegatedEvent of this.delegatedEvents) {\n            this.addEventListener(delegatedEvent, this.delegatedEventHandler);\n        }\n    }\n\n    private delegatedEventHandler: (event: Event) => void = () => {};\n}\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"design-token-comments.js","sourceRoot":"","sources":["../../../src/theme-provider/design-token-comments.ts"],"names":[],"mappings":"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","sourcesContent":["import type * as TokensNamespace from './design-tokens';\n\ntype TokenName = keyof typeof TokensNamespace;\n\nexport const comments: { readonly [key in TokenName]: string } = {\n    actionRgbPartialColor:\n        'DEPRECATED: *-partial tokens are used with rgba() to set color transparency in component stylesheets',\n    applicationBackgroundColor: 'Primary background color for the application',\n    dividerBackgroundColor: 'Divider background color',\n    headerBackgroundColor: 'Background color for application headers',\n    sectionBackgroundColor: 'Background color for sections',\n    buttonFillPrimaryColor:\n        'Control fill color for \"primary\" appearance-variant buttons',\n    buttonPrimaryFontColor:\n        'Font color for \"primary\" appearance-variant buttons',\n    buttonFillAccentColor:\n        'Control fill color for \"accent\" appearance-variant buttons',\n    buttonAccentBlockFontColor:\n        'Font color for \"accent\" appearance-variant block buttons',\n    buttonAccentOutlineFontColor:\n        'Font color for \"accent\" appearance-variant outline buttons',\n    buttonBorderAccentOutlineColor:\n        'Border color for \"accent\" appearance-variant outline buttons',\n    fillSelectedColor: 'Control fill color when a control is selected',\n    fillSelectedRgbPartialColor:\n        'DEPRECATED: *-partial tokens are used with rgba() to set color transparency in component stylesheets',\n    fillHoverSelectedColor:\n        'Control fill color when hovering a selected control',\n    fillHoverColor: 'Control fill color when hovering component',\n    fillHoverRgbPartialColor:\n        'DEPRECATED: *-partial tokens are used with rgba() to set color transparency in component stylesheets',\n    fillDownColor: 'Control fill color when mousedown event occurs',\n    borderColor: 'Standard control outline or border color',\n    borderRgbPartialColor:\n        'DEPRECATED: *-partial tokens are used with rgba() to set color transparency in component stylesheets',\n    failColor: 'Used to highlight errors or invalid input',\n    warningColor:\n        'Used to highlight invalid input or for icons to indicate that a process errored or failed',\n    passColor:\n        'Used to highlight a correct state or the successful completion of a process',\n    informationColor:\n        'Used to highlight information, which provides more details on the item',\n    borderHoverColor: 'Border color when hovering component',\n    iconColor: 'Equivalent to the font color for icons',\n    modalBackdropColor: 'Color of background overlay behind modal dialog boxes',\n    popupBorderColor: 'Border color for menus and dialog boxes',\n    cardBorderColor: 'Border color for cards',\n    tagFillColor: 'Background fill color for tags, chips, or pills',\n    controlHeight:\n        'Standard layout height for all controls. Add \"labelHeight\" for labels on top.',\n    controlSlimHeight:\n        'Height of controls that are somewhat shorter than standard height.',\n    smallPadding: 'Fixed 4px size ramp token for component layout',\n    mediumPadding: 'Fixed 8px size ramp token for component layout',\n    standardPadding: 'Fixed 16px size ramp token for component layout',\n    largePadding: 'Fixed 24px size ramp token for component layout',\n    labelHeight:\n        'Standard label height for components. Set the label font rather than explicitly setting the height for a label.',\n    borderWidth: 'Standard border width for most components',\n    iconSize: 'Standard layout height for all icons',\n    groupHeaderTextTransform: 'CSS text-transform string to use for headers',\n    drawerWidth: 'TODO: delete when able',\n    dialogSmallWidth:\n        'Standard width for small dialogs like a confirmation dialog.',\n    dialogSmallHeight:\n        'Standard height for small dialogs like a confirmation dialog.',\n    dialogSmallMaxHeight:\n        'Standard maximum height for small dialogs like a confirmation dialog.',\n    dialogLargeWidth: 'Standard width for large dialogs.',\n    dialogLargeHeight: 'Standard height for large dialogs.',\n    dialogLargeMaxHeight: 'Standard maximum height for large dialogs.',\n    menuMinWidth: 'Standard menu min width for menu popup.',\n    bannerGapSize: 'Space between stacked banners',\n    spinnerSmallHeight: 'Small height (16px) for a spinner component',\n    spinnerMediumHeight: 'Medium height (32px) for a spinner component',\n    spinnerLargeHeight: 'Large height (64px) for a spinner component',\n    smallDelay:\n        'Elements with small transition areas, such as icons and selection controls, have short durations.',\n    mediumDelay:\n        'Elements with larger transition areas, such as bottom sheets and expanding chips, have slightly longer durations.',\n    largeDelay:\n        'Animated elements that traverse a large portion of the screen have the longest durations.',\n    headlinePlus1Font: 'Font shorthand for the \"Headline_2\" base token',\n    headlinePlus1FontColor: 'Font color for the \"Headline_2\" base token',\n    headlinePlus1DisabledFontColor:\n        'Disabled font color for the \"Headline_2\" base token',\n    headlinePlus1FontFamily: 'Font family for the \"Headline_2\" base token',\n    headlinePlus1FontSize: 'Font size for the \"Headline_2\" base token',\n    headlinePlus1FontWeight: 'Font weight for the \"Headline_2\" base token',\n    headlinePlus1FontLineHeight:\n        'Font line height for the \"Headline_2\" base token',\n    headlineFont: 'Font shorthand for the \"Headline_1\" base token',\n    headlineFontColor: 'Font color for the \"Headline_1\" base token',\n    headlineDisabledFontColor:\n        'Disabled font color for the \"Headline_1\" base token',\n    headlineFontFamily: 'Font family for the \"Headline_1\" base token',\n    headlineFontSize: 'Font size for the \"Headline_1\" base token',\n    headlineFontWeight: 'Font weight for the \"Headline_1\" base token',\n    headlineFontLineHeight: 'Font line height for the \"Headline_1\" base token',\n    tableHeaderFont: 'Font shorthand for the \"Grid_Header\" base token',\n    tableHeaderFontColor: 'Font color for the \"Grid_Header\" base token',\n    tableHeaderDisabledFontColor:\n        'Disabled font color for the \"Grid_Header\" base token',\n    tableHeaderFontFamily: 'Font family for the \"Grid_Header\" base token',\n    tableHeaderFontSize: 'Font size for the \"Grid_Header\" base token',\n    tableHeaderFontWeight: 'Font weight for the \"Grid_Header\" base token',\n    tableHeaderFontLineHeight:\n        'Font line height for the \"Grid_Header\" base token',\n    titlePlus2Font: 'Font shorthand for the \"Title_3\" base token',\n    titlePlus2FontColor: 'Font color for the \"Title_3\" base token',\n    titlePlus2DisabledFontColor:\n        'Disabled font color for the \"Title_3\" base token',\n    titlePlus2FontFamily: 'Font family for the \"Title_3\" base token',\n    titlePlus2FontSize: 'Font size for the \"Title_3\" base token',\n    titlePlus2FontWeight: 'Font weight for the \"Title_3\" base token',\n    titlePlus2FontLineHeight: 'Font line height for the \"Title_3\" base token',\n    titlePlus1Font: 'Font shorthand for the \"Title_2\" base token',\n    titlePlus1FontColor: 'Font color for the \"Title_2\" base token',\n    titlePlus1DisabledFontColor:\n        'Disabled font color for the \"Title_2\" base token',\n    titlePlus1FontFamily: 'Font family for the \"Title_2\" base token',\n    titlePlus1FontSize: 'Font size for the \"Title_2\" base token',\n    titlePlus1FontWeight: 'Font weight for the \"Title_2\" base token',\n    titlePlus1FontLineHeight: 'Font line height for the \"Title_2\" base token',\n    titleFont: 'Font shorthand for the \"Title_1\" base token',\n    titleFontColor: 'Font color for the \"Title_1\" base token',\n    titleDisabledFontColor: 'Disabled font color for the \"Title_1\" base token',\n    titleFontFamily: 'Font family for the \"Title_1\" base token',\n    titleFontSize: 'Font size for the \"Title_1\" base token',\n    titleFontWeight: 'Font weight for the \"Title_1\" base token',\n    titleFontLineHeight: 'Font line height for the \"Title_1\" base token',\n    subtitlePlus1Font: 'Font shorthand for the \"Subtitle_2\" base token',\n    subtitlePlus1FontColor: 'Font color for the \"Subtitle_2\" base token',\n    subtitlePlus1DisabledFontColor:\n        'Disabled font color for the \"Subtitle_2\" base token',\n    subtitlePlus1FontFamily: 'Font family for the \"Subtitle_2\" base token',\n    subtitlePlus1FontSize: 'Font size for the \"Subitle_2\" base token',\n    subtitlePlus1FontWeight: 'Font weight for the \"Subtitle_2\" base token',\n    subtitlePlus1FontLineHeight:\n        'Font line height for the \"Subtitle_2\" base token',\n    subtitleFont: 'Font shorthand for the \"Subtitle_1\" base token',\n    subtitleFontColor: 'Font color for the \"Subtitle_1\" base token',\n    subtitleDisabledFontColor:\n        'Disabled font color for the \"Subtitle_1\" base token',\n    subtitleFontFamily: 'Font family for the \"Subtitle_1\" base token',\n    subtitleFontSize: 'Font size for the \"Subitle_1\" base token',\n    subtitleFontWeight: 'Font weight for the \"Subtitle_1\" base token',\n    subtitleFontLineHeight: 'Font line height for the \"Subtitle_1\" base token',\n    linkFont: 'Font shorthand for links',\n    linkFontColor: 'Font color for links',\n    linkDisabledFontColor: 'Disabled font color for links',\n    linkFontFamily: 'Font family for links',\n    linkFontSize: 'Font size for links',\n    linkFontWeight: 'Font weight for links',\n    linkFontLineHeight: 'Font line height for links',\n    linkActiveFont: 'Font shorthand for active links',\n    linkActiveFontColor: 'Font color for active links',\n    linkActiveDisabledFontColor: 'Disabled font color for active links',\n    linkActiveFontFamily: 'Font family for active links',\n    linkActiveFontSize: 'Font size for active links',\n    linkActiveFontWeight: 'Font weight for active links',\n    linkActiveFontLineHeight: 'Font line height for active links',\n    linkProminentFont: 'Font shorthand for prominent links',\n    linkProminentFontColor: 'Font color for prominent links',\n    linkProminentDisabledFontColor: 'Disabled font color for prominent links',\n    linkProminentFontFamily: 'Font family for prominent links',\n    linkProminentFontSize: 'Font size for prominent links',\n    linkProminentFontWeight: 'Font weight for prominent links',\n    linkProminentFontLineHeight: 'Font line height for prominent links',\n    linkActiveProminentFont: 'Font shorthand for active prominent links',\n    linkActiveProminentFontColor: 'Font color for active prominent links',\n    linkActiveProminentDisabledFontColor:\n        'Disabled font color for active prominent links',\n    linkActiveProminentFontFamily: 'Font family for active prominent links',\n    linkActiveProminentFontSize: 'Font size for active prominent links',\n    linkActiveProminentFontWeight: 'Font weight for active prominent links',\n    linkActiveProminentFontLineHeight:\n        'Font line height for active prominent links',\n    placeholderFont: 'Font shorthand for the \"Placeholder\" base token',\n    placeholderFontColor: 'Font color for the \"Placeholder\" base token',\n    placeholderDisabledFontColor:\n        'Disabled font color for the \"Placeholder\" base token',\n    placeholderFontFamily: 'Font family for the \"Placeholder\" base token',\n    placeholderFontSize: 'Font size for the \"Placeholder\" base token',\n    placeholderFontWeight: 'Font weight for the \"Placeholder\" base token',\n    placeholderFontLineHeight:\n        'Font line height for the \"Placeholder\" base token',\n    bodyFont: 'Font shorthand for the \"Body\" base token',\n    bodyFontColor: 'Font color for the \"Body\" base token',\n    bodyDisabledFontColor: 'Disabled font color for the \"Body\" base token',\n    bodyFontFamily: 'Font family for the \"Body\" base token',\n    bodyFontSize: 'Font size for the \"Body\" base token',\n    bodyFontWeight: 'Font weight for the \"Body\" base token',\n    bodyFontLineHeight: 'Font line height for the \"Body\" base token',\n    bodyEmphasizedFont: 'Font shorthand for the \"BodyEmphasized\" base token',\n    bodyEmphasizedFontColor: 'Font color for the \"BodyEmphasized\" base token',\n    bodyEmphasizedDisabledFontColor:\n        'Disabled font color for the \"BodyEmphasized\" base token',\n    bodyEmphasizedFontFamily: 'Font family for the \"BodyEmphasized\" base token',\n    bodyEmphasizedFontSize: 'Font size for the \"BodyEmphasized\" base token',\n    bodyEmphasizedFontWeight: 'Font weight for the \"BodyEmphasized\" base token',\n    bodyEmphasizedFontLineHeight:\n        'Font line height for the \"BodyEmphasized\" base token',\n    bodyPlus1Font: 'Font shorthand for the \"Body_2\" base token',\n    bodyPlus1FontColor: 'Font color for the \"Body_2\" base token',\n    bodyPlus1DisabledFontColor:\n        'Disabled font color for the \"Body_2\" base token',\n    bodyPlus1FontFamily: 'Font family for the \"Body_2\" base token',\n    bodyPlus1FontSize: 'Font size for the \"Body_2\" base token',\n    bodyPlus1FontWeight: 'Font weight for the \"Body_2\" base token',\n    bodyPlus1FontLineHeight: 'Font line height for the \"Body_2\" base token',\n    bodyPlus1EmphasizedFont:\n        'Font shorthand for the \"BodyEmphasized_2\" base token',\n    bodyPlus1EmphasizedFontColor:\n        'Font color for the \"BodyEmphasized_2\" base token',\n    bodyPlus1EmphasizedDisabledFontColor:\n        'Disabled font color for the \"BodyEmphasized_2\" base token',\n    bodyPlus1EmphasizedFontFamily:\n        'Font family for the \"BodyEmphasized_2\" base token',\n    bodyPlus1EmphasizedFontSize:\n        'Font size for the \"BodyEmphasized_2\" base token',\n    bodyPlus1EmphasizedFontWeight:\n        'Font weight for the \"BodyEmphasized_2\" base token',\n    bodyPlus1EmphasizedFontLineHeight:\n        'Font line height for the \"BodyEmphasized_2\" base token',\n    groupHeaderFont: 'Font shorthand for the \"Group_Header_1\" base token',\n    groupHeaderFontColor: 'Font color for the \"Group_Header_1\" base token',\n    groupHeaderDisabledFontColor:\n        'Disabled font color for the\"Group_Header_1\" base token',\n    groupHeaderFontFamily: 'Font family for the \"Group_Header_1\" base token',\n    groupHeaderFontSize: 'Font size for the \"Group_Header_1\" base token',\n    groupHeaderFontWeight: 'Font weight for the \"Group_Header_1\" base token',\n    groupHeaderFontLineHeight:\n        'Font line height for the \"Group_Header_1\" base token',\n    controlLabelFont: 'Font shorthand for the \"Control_Label_1\" base token',\n    controlLabelFontColor: 'Font color for the \"Control_Label_1\" base token',\n    controlLabelDisabledFontColor:\n        'Disabled font color for the \"Control_Label_1\" base token',\n    controlLabelFontFamily: 'Font family for the \"Control_Label_1\" base token',\n    controlLabelFontSize: 'Font size for the \"Control_Label_1\" base token',\n    controlLabelFontWeight: 'Font weight for the \"Control_Label_1\" base token',\n    controlLabelFontLineHeight:\n        'Font line height for the \"Control_Label_1\" base token',\n    buttonLabelFont: 'Font shorthand for the \"Button_Label_1\" base token',\n    buttonLabelFontColor: 'Font color for the \"Button_Label_1\" base token',\n    buttonLabelDisabledFontColor:\n        'Disabled font color for the \"Button_Label_1\" base token',\n    buttonLabelFontFamily: 'Font family for the \"Button_Label_1\" base token',\n    buttonLabelFontSize: 'Font size for the \"Button_Label_1\" base token',\n    buttonLabelFontWeight: 'Font weight for the \"Button_Label_1\" base token',\n    buttonLabelFontLineHeight:\n        'Font line height for the \"Button_Label_1\" base token',\n    tooltipCaptionFont: 'Font shorthand for the \"Tooltip_Caption\" base token',\n    tooltipCaptionFontColor: 'Font color for the \"Tooltip_Caption\" base token',\n    tooltipCaptionDisabledFontColor:\n        'Disabled font color for the \"Tooltip_Caption\" base token',\n    tooltipCaptionFontFamily:\n        'Font family for the \"Tooltip_Caption\" base token',\n    tooltipCaptionFontSize: 'Font size for the \"Tooltip_Caption\" base token',\n    tooltipCaptionFontWeight:\n        'Font weight for the \"Tooltip_Caption\" base token',\n    tooltipCaptionFontLineHeight:\n        'Font line height for the \"Tooltip_Caption\" base token',\n    tooltipBackgroundColor: 'Default background color for tooltips',\n    errorTextFont: 'Font shorthand for the \"Error_LightUi\" base token',\n    errorTextFontColor: 'Font color for the \"Error_LightUi\" base token',\n    errorTextDisabledFontColor:\n        'Disabled font color for the \"Error_LightUi\" base token',\n    errorTextFontFamily: 'Font family for the \"Error_LightUi\" base token',\n    errorTextFontSize: 'Font size for the \"Error_LightUi\" base token',\n    errorTextFontWeight: 'Font weight for the \"Error_LightUi\" base token',\n    errorTextFontLineHeight:\n        'Font line height for the \"Error_LightUi\" base token',\n    tableRowBorderColor: 'Color for the border of rows in the table',\n    elevation1BoxShadow:\n        'The box shadow for elevation 1. Used for component hover states.',\n    elevation2BoxShadow:\n        'The box shadow for elevation 2. Used for components such as menus, banners, tooltips, error notifications, and scrolling.',\n    elevation3BoxShadow:\n        'The box shadow for elevation 3. Used for components such as dialogs, overlays, and pop-ups.',\n    graphGridlineColor: 'Gridline color for graphs',\n    mentionFont: 'Font shorthand for mention views',\n    mentionFontColor: 'Font color for mention views',\n    mentionDisabledFontColor: 'Disabled font color for mention views',\n    mentionFontFamily: 'Font family for mention views',\n    mentionFontSize: 'Font size for mention views',\n    mentionFontWeight: 'Font weight for mention views',\n    mentionFontLineHeight: 'Font line height for mention views'\n};\n"]}
+{"version":3,"file":"design-token-comments.js","sourceRoot":"","sources":["../../../src/theme-provider/design-token-comments.ts"],"names":[],"mappings":"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","sourcesContent":["import type * as TokensNamespace from './design-tokens';\n\ntype TokenName = keyof typeof TokensNamespace;\n\nexport const comments: { readonly [key in TokenName]: string } = {\n    actionRgbPartialColor:\n        'DEPRECATED: *-partial tokens are used with rgba() to set color transparency in component stylesheets',\n    applicationBackgroundColor: 'Primary background color for the application',\n    dividerBackgroundColor: 'Divider background color',\n    headerBackgroundColor: 'Background color for application headers',\n    sectionBackgroundColor: 'Background color for sections',\n    buttonFillPrimaryColor:\n        'Control fill color for \"primary\" appearance-variant buttons',\n    buttonPrimaryFontColor:\n        'Font color for \"primary\" appearance-variant buttons',\n    buttonFillAccentColor:\n        'Control fill color for \"accent\" appearance-variant buttons',\n    buttonAccentBlockFontColor:\n        'Font color for \"accent\" appearance-variant block buttons',\n    buttonAccentOutlineFontColor:\n        'Font color for \"accent\" appearance-variant outline buttons',\n    buttonBorderAccentOutlineColor:\n        'Border color for \"accent\" appearance-variant outline buttons',\n    fillSelectedColor: 'Control fill color when a control is selected',\n    fillSelectedRgbPartialColor:\n        'DEPRECATED: *-partial tokens are used with rgba() to set color transparency in component stylesheets',\n    fillHoverSelectedColor:\n        'Control fill color when hovering a selected control',\n    fillHoverColor: 'Control fill color when hovering component',\n    fillHoverRgbPartialColor:\n        'DEPRECATED: *-partial tokens are used with rgba() to set color transparency in component stylesheets',\n    fillDownColor: 'Control fill color when mousedown event occurs',\n    borderColor: 'Standard control outline or border color',\n    borderRgbPartialColor:\n        'DEPRECATED: *-partial tokens are used with rgba() to set color transparency in component stylesheets',\n    failColor: 'Used to highlight errors or invalid input',\n    warningColor:\n        'Used to highlight invalid input or for icons to indicate that a process errored or failed',\n    passColor:\n        'Used to highlight a correct state or the successful completion of a process',\n    informationColor:\n        'Used to highlight information, which provides more details on the item',\n    borderHoverColor: 'Border color when hovering component',\n    iconColor: 'Equivalent to the font color for icons',\n    modalBackdropColor: 'Color of background overlay behind modal dialog boxes',\n    popupBorderColor: 'Border color for menus and dialog boxes',\n    cardBorderColor: 'Border color for cards',\n    tagFillColor: 'Background fill color for tags, chips, or pills',\n    controlHeight:\n        'Standard layout height for all controls. Add \"labelHeight\" for labels on top.',\n    controlSlimHeight:\n        'Height of controls that are somewhat shorter than standard height.',\n    smallPadding: 'Fixed 4px size ramp token for component layout',\n    mediumPadding: 'Fixed 8px size ramp token for component layout',\n    standardPadding: 'Fixed 16px size ramp token for component layout',\n    largePadding: 'Fixed 24px size ramp token for component layout',\n    labelHeight:\n        'Standard label height for components. Set the label font rather than explicitly setting the height for a label.',\n    borderWidth: 'Standard border width for most components',\n    iconSize: 'Standard layout height for all icons',\n    groupHeaderTextTransform: 'CSS text-transform string to use for headers',\n    drawerWidth: 'TODO: delete when able',\n    dialogSmallWidth:\n        'Standard width for small dialogs like a confirmation dialog.',\n    dialogSmallHeight:\n        'Standard height for small dialogs like a confirmation dialog.',\n    dialogSmallMaxHeight:\n        'Standard maximum height for small dialogs like a confirmation dialog.',\n    dialogLargeWidth: 'Standard width for large dialogs.',\n    dialogLargeHeight: 'Standard height for large dialogs.',\n    dialogLargeMaxHeight: 'Standard maximum height for large dialogs.',\n    menuMinWidth: 'Standard menu min width for menu popup.',\n    bannerGapSize: 'Space between stacked banners',\n    spinnerSmallHeight: 'Small height (16px) for a spinner component',\n    spinnerMediumHeight: 'Medium height (32px) for a spinner component',\n    spinnerLargeHeight: 'Large height (64px) for a spinner component',\n    smallDelay:\n        'Elements with small transition areas, such as icons and selection controls, have short durations.',\n    mediumDelay:\n        'Elements with larger transition areas, such as bottom sheets and expanding chips, have slightly longer durations.',\n    largeDelay:\n        'Animated elements that traverse a large portion of the screen have the longest durations.',\n    headlinePlus1Font: 'Font shorthand for the \"Headline_2\" base token',\n    headlinePlus1FontColor: 'Font color for the \"Headline_2\" base token',\n    headlinePlus1DisabledFontColor:\n        'Disabled font color for the \"Headline_2\" base token',\n    headlinePlus1FontFamily: 'Font family for the \"Headline_2\" base token',\n    headlinePlus1FontSize: 'Font size for the \"Headline_2\" base token',\n    headlinePlus1FontWeight: 'Font weight for the \"Headline_2\" base token',\n    headlinePlus1FontLineHeight:\n        'Font line height for the \"Headline_2\" base token',\n    headlineFont: 'Font shorthand for the \"Headline_1\" base token',\n    headlineFontColor: 'Font color for the \"Headline_1\" base token',\n    headlineDisabledFontColor:\n        'Disabled font color for the \"Headline_1\" base token',\n    headlineFontFamily: 'Font family for the \"Headline_1\" base token',\n    headlineFontSize: 'Font size for the \"Headline_1\" base token',\n    headlineFontWeight: 'Font weight for the \"Headline_1\" base token',\n    headlineFontLineHeight: 'Font line height for the \"Headline_1\" base token',\n    tableHeaderFont: 'Font shorthand for the \"Grid_Header\" base token',\n    tableHeaderFontColor: 'Font color for the \"Grid_Header\" base token',\n    tableHeaderDisabledFontColor:\n        'Disabled font color for the \"Grid_Header\" base token',\n    tableHeaderFontFamily: 'Font family for the \"Grid_Header\" base token',\n    tableHeaderFontSize: 'Font size for the \"Grid_Header\" base token',\n    tableHeaderFontWeight: 'Font weight for the \"Grid_Header\" base token',\n    tableHeaderFontLineHeight:\n        'Font line height for the \"Grid_Header\" base token',\n    titlePlus2Font: 'Font shorthand for the \"Title_3\" base token',\n    titlePlus2FontColor: 'Font color for the \"Title_3\" base token',\n    titlePlus2DisabledFontColor:\n        'Disabled font color for the \"Title_3\" base token',\n    titlePlus2FontFamily: 'Font family for the \"Title_3\" base token',\n    titlePlus2FontSize: 'Font size for the \"Title_3\" base token',\n    titlePlus2FontWeight: 'Font weight for the \"Title_3\" base token',\n    titlePlus2FontLineHeight: 'Font line height for the \"Title_3\" base token',\n    titlePlus1Font: 'Font shorthand for the \"Title_2\" base token',\n    titlePlus1FontColor: 'Font color for the \"Title_2\" base token',\n    titlePlus1DisabledFontColor:\n        'Disabled font color for the \"Title_2\" base token',\n    titlePlus1FontFamily: 'Font family for the \"Title_2\" base token',\n    titlePlus1FontSize: 'Font size for the \"Title_2\" base token',\n    titlePlus1FontWeight: 'Font weight for the \"Title_2\" base token',\n    titlePlus1FontLineHeight: 'Font line height for the \"Title_2\" base token',\n    titleFont: 'Font shorthand for the \"Title_1\" base token',\n    titleFontColor: 'Font color for the \"Title_1\" base token',\n    titleDisabledFontColor: 'Disabled font color for the \"Title_1\" base token',\n    titleFontFamily: 'Font family for the \"Title_1\" base token',\n    titleFontSize: 'Font size for the \"Title_1\" base token',\n    titleFontWeight: 'Font weight for the \"Title_1\" base token',\n    titleFontLineHeight: 'Font line height for the \"Title_1\" base token',\n    subtitlePlus1Font: 'Font shorthand for the \"Subtitle_2\" base token',\n    subtitlePlus1FontColor: 'Font color for the \"Subtitle_2\" base token',\n    subtitlePlus1DisabledFontColor:\n        'Disabled font color for the \"Subtitle_2\" base token',\n    subtitlePlus1FontFamily: 'Font family for the \"Subtitle_2\" base token',\n    subtitlePlus1FontSize: 'Font size for the \"Subitle_2\" base token',\n    subtitlePlus1FontWeight: 'Font weight for the \"Subtitle_2\" base token',\n    subtitlePlus1FontLineHeight:\n        'Font line height for the \"Subtitle_2\" base token',\n    subtitleFont: 'Font shorthand for the \"Subtitle_1\" base token',\n    subtitleFontColor: 'Font color for the \"Subtitle_1\" base token',\n    subtitleDisabledFontColor:\n        'Disabled font color for the \"Subtitle_1\" base token',\n    subtitleFontFamily: 'Font family for the \"Subtitle_1\" base token',\n    subtitleFontSize: 'Font size for the \"Subitle_1\" base token',\n    subtitleFontWeight: 'Font weight for the \"Subtitle_1\" base token',\n    subtitleFontLineHeight: 'Font line height for the \"Subtitle_1\" base token',\n    linkFont: 'Font shorthand for links',\n    linkFontColor: 'Font color for links',\n    linkDisabledFontColor: 'Disabled font color for links',\n    linkFontFamily: 'Font family for links',\n    linkFontSize: 'Font size for links',\n    linkFontWeight: 'Font weight for links',\n    linkFontLineHeight: 'Font line height for links',\n    linkActiveFont: 'Font shorthand for active links',\n    linkActiveFontColor: 'Font color for active links',\n    linkActiveDisabledFontColor: 'Disabled font color for active links',\n    linkActiveFontFamily: 'Font family for active links',\n    linkActiveFontSize: 'Font size for active links',\n    linkActiveFontWeight: 'Font weight for active links',\n    linkActiveFontLineHeight: 'Font line height for active links',\n    linkProminentFont: 'Font shorthand for prominent links',\n    linkProminentFontColor: 'Font color for prominent links',\n    linkProminentDisabledFontColor: 'Disabled font color for prominent links',\n    linkProminentFontFamily: 'Font family for prominent links',\n    linkProminentFontSize: 'Font size for prominent links',\n    linkProminentFontWeight: 'Font weight for prominent links',\n    linkProminentFontLineHeight: 'Font line height for prominent links',\n    linkActiveProminentFont: 'Font shorthand for active prominent links',\n    linkActiveProminentFontColor: 'Font color for active prominent links',\n    linkActiveProminentDisabledFontColor:\n        'Disabled font color for active prominent links',\n    linkActiveProminentFontFamily: 'Font family for active prominent links',\n    linkActiveProminentFontSize: 'Font size for active prominent links',\n    linkActiveProminentFontWeight: 'Font weight for active prominent links',\n    linkActiveProminentFontLineHeight:\n        'Font line height for active prominent links',\n    placeholderFont: 'Font shorthand for the \"Placeholder\" base token',\n    placeholderFontColor: 'Font color for the \"Placeholder\" base token',\n    placeholderDisabledFontColor:\n        'Disabled font color for the \"Placeholder\" base token',\n    placeholderFontFamily: 'Font family for the \"Placeholder\" base token',\n    placeholderFontSize: 'Font size for the \"Placeholder\" base token',\n    placeholderFontWeight: 'Font weight for the \"Placeholder\" base token',\n    placeholderFontLineHeight:\n        'Font line height for the \"Placeholder\" base token',\n    bodyFont: 'Font shorthand for the \"Body\" base token',\n    bodyFontColor: 'Font color for the \"Body\" base token',\n    bodyDisabledFontColor: 'Disabled font color for the \"Body\" base token',\n    bodyFontFamily: 'Font family for the \"Body\" base token',\n    bodyFontSize: 'Font size for the \"Body\" base token',\n    bodyFontWeight: 'Font weight for the \"Body\" base token',\n    bodyFontLineHeight: 'Font line height for the \"Body\" base token',\n    bodyEmphasizedFont: 'Font shorthand for the \"BodyEmphasized\" base token',\n    bodyEmphasizedFontColor: 'Font color for the \"BodyEmphasized\" base token',\n    bodyEmphasizedDisabledFontColor:\n        'Disabled font color for the \"BodyEmphasized\" base token',\n    bodyEmphasizedFontFamily: 'Font family for the \"BodyEmphasized\" base token',\n    bodyEmphasizedFontSize: 'Font size for the \"BodyEmphasized\" base token',\n    bodyEmphasizedFontWeight: 'Font weight for the \"BodyEmphasized\" base token',\n    bodyEmphasizedFontLineHeight:\n        'Font line height for the \"BodyEmphasized\" base token',\n    bodyPlus1Font: 'Font shorthand for the \"Body_2\" base token',\n    bodyPlus1FontColor: 'Font color for the \"Body_2\" base token',\n    bodyPlus1DisabledFontColor:\n        'Disabled font color for the \"Body_2\" base token',\n    bodyPlus1FontFamily: 'Font family for the \"Body_2\" base token',\n    bodyPlus1FontSize: 'Font size for the \"Body_2\" base token',\n    bodyPlus1FontWeight: 'Font weight for the \"Body_2\" base token',\n    bodyPlus1FontLineHeight: 'Font line height for the \"Body_2\" base token',\n    bodyPlus1EmphasizedFont:\n        'Font shorthand for the \"BodyEmphasized_2\" base token',\n    bodyPlus1EmphasizedFontColor:\n        'Font color for the \"BodyEmphasized_2\" base token',\n    bodyPlus1EmphasizedDisabledFontColor:\n        'Disabled font color for the \"BodyEmphasized_2\" base token',\n    bodyPlus1EmphasizedFontFamily:\n        'Font family for the \"BodyEmphasized_2\" base token',\n    bodyPlus1EmphasizedFontSize:\n        'Font size for the \"BodyEmphasized_2\" base token',\n    bodyPlus1EmphasizedFontWeight:\n        'Font weight for the \"BodyEmphasized_2\" base token',\n    bodyPlus1EmphasizedFontLineHeight:\n        'Font line height for the \"BodyEmphasized_2\" base token',\n    groupHeaderFont: 'Font shorthand for the \"Group_Header_1\" base token',\n    groupHeaderFontColor: 'Font color for the \"Group_Header_1\" base token',\n    groupHeaderDisabledFontColor:\n        'Disabled font color for the\"Group_Header_1\" base token',\n    groupHeaderFontFamily: 'Font family for the \"Group_Header_1\" base token',\n    groupHeaderFontSize: 'Font size for the \"Group_Header_1\" base token',\n    groupHeaderFontWeight: 'Font weight for the \"Group_Header_1\" base token',\n    groupHeaderFontLineHeight:\n        'Font line height for the \"Group_Header_1\" base token',\n    controlLabelFont: 'Font shorthand for the \"Control_Label_1\" base token',\n    controlLabelFontColor: 'Font color for the \"Control_Label_1\" base token',\n    controlLabelDisabledFontColor:\n        'Disabled font color for the \"Control_Label_1\" base token',\n    controlLabelFontFamily: 'Font family for the \"Control_Label_1\" base token',\n    controlLabelFontSize: 'Font size for the \"Control_Label_1\" base token',\n    controlLabelFontWeight: 'Font weight for the \"Control_Label_1\" base token',\n    controlLabelFontLineHeight:\n        'Font line height for the \"Control_Label_1\" base token',\n    buttonLabelFont: 'Font shorthand for the \"Button_Label_1\" base token',\n    buttonLabelFontColor: 'Font color for the \"Button_Label_1\" base token',\n    buttonLabelDisabledFontColor:\n        'Disabled font color for the \"Button_Label_1\" base token',\n    buttonLabelFontFamily: 'Font family for the \"Button_Label_1\" base token',\n    buttonLabelFontSize: 'Font size for the \"Button_Label_1\" base token',\n    buttonLabelFontWeight: 'Font weight for the \"Button_Label_1\" base token',\n    buttonLabelFontLineHeight:\n        'Font line height for the \"Button_Label_1\" base token',\n    tooltipCaptionFont: 'Font shorthand for the \"Tooltip_Caption\" base token',\n    tooltipCaptionFontColor: 'Font color for the \"Tooltip_Caption\" base token',\n    tooltipCaptionDisabledFontColor:\n        'Disabled font color for the \"Tooltip_Caption\" base token',\n    tooltipCaptionFontFamily:\n        'Font family for the \"Tooltip_Caption\" base token',\n    tooltipCaptionFontSize: 'Font size for the \"Tooltip_Caption\" base token',\n    tooltipCaptionFontWeight:\n        'Font weight for the \"Tooltip_Caption\" base token',\n    tooltipCaptionFontLineHeight:\n        'Font line height for the \"Tooltip_Caption\" base token',\n    tooltipBackgroundColor: 'Default background color for tooltips',\n    errorTextFont: 'Font shorthand for the \"Error_LightUi\" base token',\n    errorTextFontColor: 'Font color for the \"Error_LightUi\" base token',\n    errorTextDisabledFontColor:\n        'Disabled font color for the \"Error_LightUi\" base token',\n    errorTextFontFamily: 'Font family for the \"Error_LightUi\" base token',\n    errorTextFontSize: 'Font size for the \"Error_LightUi\" base token',\n    errorTextFontWeight: 'Font weight for the \"Error_LightUi\" base token',\n    errorTextFontLineHeight:\n        'Font line height for the \"Error_LightUi\" base token',\n    tableRowBorderColor: 'Color for the border of rows in the table',\n    elevation1BoxShadow:\n        'The box shadow for elevation 1. Used for component hover states.',\n    elevation2BoxShadow:\n        'The box shadow for elevation 2. Used for components such as menus, banners, tooltips, error notifications, and scrolling.',\n    elevation3BoxShadow:\n        'The box shadow for elevation 3. Used for components such as dialogs, overlays, and pop-ups.',\n    graphGridlineColor: 'Gridline color for graphs',\n    graphTrace1Color: 'Color for the first graph trace',\n    graphTrace2Color: 'Color for the second graph trace',\n    graphTrace3Color: 'Color for the third graph trace',\n    graphTrace4Color: 'Color for the fourth graph trace',\n    graphTrace5Color: 'Color for the fifth graph trace',\n    graphTrace6Color: 'Color for the sixth graph trace',\n    graphTrace7Color: 'Color for the seventh graph trace',\n    graphTrace8Color: 'Color for the eighth graph trace',\n    mentionFont: 'Font shorthand for mention views',\n    mentionFontColor: 'Font color for mention views',\n    mentionDisabledFontColor: 'Disabled font color for mention views',\n    mentionFontFamily: 'Font family for mention views',\n    mentionFontSize: 'Font size for mention views',\n    mentionFontWeight: 'Font weight for mention views',\n    mentionFontLineHeight: 'Font line height for mention views'\n};\n"]}

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

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

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

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

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

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

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

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