@ni/nimble-components 19.8.5 → 19.9.1

package/dist/esm/anchor-tabs/styles.js

@@ -5,7 +5,7 @@ export const styles = css `
 
     :host {
         box-sizing: border-box;
-        grid-template-columns: auto auto 1fr;
+        grid-template-columns: auto 1fr;
         grid-template-rows: auto 1fr;
     }
 

package/dist/esm/src/table/types.d.ts

@@ -14,6 +14,11 @@ export declare type TableFieldValue = string | number | boolean | null | undefin
  * a table's string records.
  */
 export declare type TableStringFieldValue = string | null | undefined;
+/**
+ * TableNumberFieldValue describes the type associated with values within
+ * a table's number records.
+ */
+export declare type TableNumberFieldValue = number | null | undefined;
 /**
  * TableRecord describes the data structure that backs a single row in a table.
  * It is made up of fields, which are key/value pairs that have a key of type
@@ -25,6 +30,9 @@ export interface TableRecord {
 export declare type TableStringField<FieldName extends TableFieldName> = {
     [name in FieldName]: TableStringFieldValue;
 };
+export declare type TableNumberField<FieldName extends TableFieldName> = {
+    [name in FieldName]: TableNumberFieldValue;
+};
 export interface ValidityObject {
     [key: string]: boolean;
 }

package/dist/esm/src/table-column/date-text/cell-view/index.d.ts

@@ -0,0 +1,15 @@
+import type { TableColumnDateTextCellRecord, TableColumnDateTextColumnConfig } from '..';
+import { TableColumnTextCellViewBase } from '../../text-base/cell-view';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-table-column-date-text-cell-view': TableColumnDateTextCellView;
+    }
+}
+/**
+ * A cell view for displaying date/time fields as text
+ */
+export declare class TableColumnDateTextCellView extends TableColumnTextCellViewBase<TableColumnDateTextCellRecord, TableColumnDateTextColumnConfig> {
+    private static readonly formatter;
+    private cellRecordChanged;
+}
+export declare const tableColumnDateTextCellViewTag: string;

package/dist/esm/src/table-column/date-text/group-header-view/index.d.ts

@@ -0,0 +1,16 @@
+import type { TableNumberFieldValue } from '../../../table/types';
+import { TableColumnTextGroupHeaderViewBase } from '../../text-base/group-header-view';
+import type { TableColumnDateTextColumnConfig } from '..';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-table-column-date-text-group-header': TableColumnDateTextGroupHeaderView;
+    }
+}
+/**
+ * The group header view for displaying date/time fields as text.
+ */
+export declare class TableColumnDateTextGroupHeaderView extends TableColumnTextGroupHeaderViewBase<TableNumberFieldValue, TableColumnDateTextColumnConfig> {
+    private static readonly formatter;
+    private groupHeaderValueChanged;
+}
+export declare const tableColumnDateTextGroupHeaderTag: string;

package/dist/esm/src/table-column/date-text/index.d.ts

@@ -0,0 +1,18 @@
+import type { TableNumberField } from '../../table/types';
+import { TableColumnTextBase } from '../text-base';
+import type { ColumnInternalsOptions } from '../base/models/column-internals';
+export declare type TableColumnDateTextCellRecord = TableNumberField<'value'>;
+export interface TableColumnDateTextColumnConfig {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-table-column-date-text': TableColumnDateText;
+    }
+}
+/**
+ * The table column for displaying dates/times as text.
+ */
+export declare class TableColumnDateText extends TableColumnTextBase {
+    protected getColumnInternalsOptions(): ColumnInternalsOptions;
+}
+export declare const tableColumnDateTextTag: string;

package/dist/esm/src/table-column/date-text/testing/table-column-date-text.pageobject.d.ts

@@ -0,0 +1,14 @@
+import type { TablePageObject } from '../../../table/testing/table.pageobject';
+import type { TableRecord } from '../../../table/types';
+/**
+ * Page object for date text table column.
+ */
+export declare class TableColumnDateTextPageObject<T extends TableRecord> {
+    private readonly tablePageObject;
+    private readonly narrowNonBreakingSpace;
+    constructor(tablePageObject: TablePageObject<T>);
+    getRenderedCellContent(rowIndex: number, columnIndex: number): string;
+    getRenderedGroupHeaderContent(groupRowIndex: number): string;
+    getCellTitle(rowIndex: number, columnIndex: number): string;
+    private verifyCellType;
+}

package/dist/esm/table/types.d.ts

@@ -14,6 +14,11 @@ export declare type TableFieldValue = string | number | boolean | null | undefin
  * a table's string records.
  */
 export declare type TableStringFieldValue = string | null | undefined;
+/**
+ * TableNumberFieldValue describes the type associated with values within
+ * a table's number records.
+ */
+export declare type TableNumberFieldValue = number | null | undefined;
 /**
  * TableRecord describes the data structure that backs a single row in a table.
  * It is made up of fields, which are key/value pairs that have a key of type
@@ -25,6 +30,9 @@ export interface TableRecord {
 export declare type TableStringField<FieldName extends TableFieldName> = {
     [name in FieldName]: TableStringFieldValue;
 };
+export declare type TableNumberField<FieldName extends TableFieldName> = {
+    [name in FieldName]: TableNumberFieldValue;
+};
 export interface ValidityObject {
     [key: string]: boolean;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/table/types.ts"],"names":[],"mappings":"AAwDA;;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,aAAa;IAC1B,QAAQ,EAAE,UAAU;IACpB,iBAAiB,EAAE,mBAAmB;CAChC,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/table/types.ts"],"names":[],"mappings":"AAkEA;;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,aAAa;IAC1B,QAAQ,EAAE,UAAU;IACpB,iBAAiB,EAAE,mBAAmB;CAChC,CAAC"}

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

@@ -0,0 +1,15 @@
+import type { TableColumnDateTextCellRecord, TableColumnDateTextColumnConfig } from '..';
+import { TableColumnTextCellViewBase } from '../../text-base/cell-view';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-table-column-date-text-cell-view': TableColumnDateTextCellView;
+    }
+}
+/**
+ * A cell view for displaying date/time fields as text
+ */
+export declare class TableColumnDateTextCellView extends TableColumnTextCellViewBase<TableColumnDateTextCellRecord, TableColumnDateTextColumnConfig> {
+    private static readonly formatter;
+    private cellRecordChanged;
+}
+export declare const tableColumnDateTextCellViewTag: string;

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

@@ -0,0 +1,34 @@
+import { DesignSystem } from '@microsoft/fast-foundation';
+import { template } from '../../text-base/cell-view/template';
+import { styles } from '../../text-base/cell-view/styles';
+import { TableColumnTextCellViewBase } from '../../text-base/cell-view';
+/**
+ * A cell view for displaying date/time fields as text
+ */
+export class TableColumnDateTextCellView extends TableColumnTextCellViewBase {
+    cellRecordChanged() {
+        if (typeof this.cellRecord.value === 'number') {
+            try {
+                this.text = TableColumnDateTextCellView.formatter.format(this.cellRecord.value);
+            }
+            catch (e) {
+                this.text = '';
+            }
+        }
+        else {
+            this.text = '';
+        }
+    }
+}
+TableColumnDateTextCellView.formatter = new Intl.DateTimeFormat(undefined, {
+    dateStyle: 'medium',
+    timeStyle: 'medium'
+});
+const dateTextCellView = TableColumnDateTextCellView.compose({
+    baseName: 'table-column-date-text-cell-view',
+    template,
+    styles
+});
+DesignSystem.getOrCreate().withPrefix('nimble').register(dateTextCellView());
+export const tableColumnDateTextCellViewTag = DesignSystem.tagFor(TableColumnDateTextCellView);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/date-text/cell-view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAK9D,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAQxE;;GAEG;AACH,MAAM,OAAO,2BAA4B,SAAQ,2BAGhD;IAMW,iBAAiB;QACrB,IAAI,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,KAAK,QAAQ,EAAE;YAC3C,IAAI;gBACA,IAAI,CAAC,IAAI,GAAG,2BAA2B,CAAC,SAAS,CAAC,MAAM,CACpD,IAAI,CAAC,UAAU,CAAC,KAAK,CACxB,CAAC;aACL;YAAC,OAAO,CAAC,EAAE;gBACR,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;aAClB;SACJ;aAAM;YACH,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;SAClB;IACL,CAAC;;AAjBuB,qCAAS,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE;IACnE,SAAS,EAAE,QAAQ;IACnB,SAAS,EAAE,QAAQ;CACtB,CAAC,CAAC;AAiBP,MAAM,gBAAgB,GAAG,2BAA2B,CAAC,OAAO,CAAC;IACzD,QAAQ,EAAE,kCAAkC;IAC5C,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC;AAC7E,MAAM,CAAC,MAAM,8BAA8B,GAAG,YAAY,CAAC,MAAM,CAC7D,2BAA2B,CAC9B,CAAC"}

package/dist/esm/table-column/date-text/group-header-view/index.d.ts

@@ -0,0 +1,16 @@
+import type { TableNumberFieldValue } from '../../../table/types';
+import { TableColumnTextGroupHeaderViewBase } from '../../text-base/group-header-view';
+import type { TableColumnDateTextColumnConfig } from '..';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-table-column-date-text-group-header': TableColumnDateTextGroupHeaderView;
+    }
+}
+/**
+ * The group header view for displaying date/time fields as text.
+ */
+export declare class TableColumnDateTextGroupHeaderView extends TableColumnTextGroupHeaderViewBase<TableNumberFieldValue, TableColumnDateTextColumnConfig> {
+    private static readonly formatter;
+    private groupHeaderValueChanged;
+}
+export declare const tableColumnDateTextGroupHeaderTag: string;

package/dist/esm/table-column/date-text/group-header-view/index.js

@@ -0,0 +1,36 @@
+import { DesignSystem } from '@microsoft/fast-foundation';
+import { TableColumnTextGroupHeaderViewBase } from '../../text-base/group-header-view';
+import { template } from '../../text-base/group-header-view/template';
+import { styles } from '../../text-base/group-header-view/styles';
+/**
+ * The group header view for displaying date/time fields as text.
+ */
+export class TableColumnDateTextGroupHeaderView extends TableColumnTextGroupHeaderViewBase {
+    groupHeaderValueChanged() {
+        if (typeof this.groupHeaderValue === 'number') {
+            try {
+                this.text = TableColumnDateTextGroupHeaderView.formatter.format(this.groupHeaderValue);
+            }
+            catch (e) {
+                this.text = '';
+            }
+        }
+        else {
+            this.text = '';
+        }
+    }
+}
+TableColumnDateTextGroupHeaderView.formatter = new Intl.DateTimeFormat(undefined, {
+    dateStyle: 'medium',
+    timeStyle: 'medium'
+});
+const tableColumnDateTextGroupHeaderView = TableColumnDateTextGroupHeaderView.compose({
+    baseName: 'table-column-date-text-group-header',
+    template,
+    styles
+});
+DesignSystem.getOrCreate()
+    .withPrefix('nimble')
+    .register(tableColumnDateTextGroupHeaderView());
+export const tableColumnDateTextGroupHeaderTag = DesignSystem.tagFor(TableColumnDateTextGroupHeaderView);
+//# sourceMappingURL=index.js.map

package/dist/esm/table-column/date-text/group-header-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/date-text/group-header-view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,kCAAkC,EAAE,MAAM,mCAAmC,CAAC;AACvF,OAAO,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAQlE;;GAEG;AACH,MAAM,OAAO,kCAAmC,SAAQ,kCAGvD;IAMW,uBAAuB;QAC3B,IAAI,OAAO,IAAI,CAAC,gBAAgB,KAAK,QAAQ,EAAE;YAC3C,IAAI;gBACA,IAAI,CAAC,IAAI,GAAG,kCAAkC,CAAC,SAAS,CAAC,MAAM,CAC3D,IAAI,CAAC,gBAAgB,CACxB,CAAC;aACL;YAAC,OAAO,CAAC,EAAE;gBACR,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;aAClB;SACJ;aAAM;YACH,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;SAClB;IACL,CAAC;;AAjBuB,4CAAS,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE;IACnE,SAAS,EAAE,QAAQ;IACnB,SAAS,EAAE,QAAQ;CACtB,CAAC,CAAC;AAiBP,MAAM,kCAAkC,GAAG,kCAAkC,CAAC,OAAO,CAAC;IAClF,QAAQ,EAAE,qCAAqC;IAC/C,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,kCAAkC,EAAE,CAAC,CAAC;AACpD,MAAM,CAAC,MAAM,iCAAiC,GAAG,YAAY,CAAC,MAAM,CAChE,kCAAkC,CACrC,CAAC"}

package/dist/esm/table-column/date-text/index.d.ts

@@ -0,0 +1,18 @@
+import type { TableNumberField } from '../../table/types';
+import { TableColumnTextBase } from '../text-base';
+import type { ColumnInternalsOptions } from '../base/models/column-internals';
+export declare type TableColumnDateTextCellRecord = TableNumberField<'value'>;
+export interface TableColumnDateTextColumnConfig {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-table-column-date-text': TableColumnDateText;
+    }
+}
+/**
+ * The table column for displaying dates/times as text.
+ */
+export declare class TableColumnDateText extends TableColumnTextBase {
+    protected getColumnInternalsOptions(): ColumnInternalsOptions;
+}
+export declare const tableColumnDateTextTag: string;

package/dist/esm/table-column/date-text/index.js

@@ -0,0 +1,31 @@
+import { DesignSystem } from '@microsoft/fast-foundation';
+import { styles } from '../base/styles';
+import { template } from '../base/template';
+import { TableColumnTextBase } from '../text-base';
+import { TableColumnSortOperation } from '../base/types';
+import { tableColumnDateTextGroupHeaderTag } from './group-header-view';
+import { tableColumnDateTextCellViewTag } from './cell-view';
+/**
+ * The table column for displaying dates/times as text.
+ */
+export class TableColumnDateText extends TableColumnTextBase {
+    getColumnInternalsOptions() {
+        return {
+            cellRecordFieldNames: ['value'],
+            cellViewTag: tableColumnDateTextCellViewTag,
+            groupHeaderViewTag: tableColumnDateTextGroupHeaderTag,
+            delegatedEvents: [],
+            sortOperation: TableColumnSortOperation.basic
+        };
+    }
+}
+const nimbleTableColumnDateText = TableColumnDateText.compose({
+    baseName: 'table-column-date-text',
+    template,
+    styles
+});
+DesignSystem.getOrCreate()
+    .withPrefix('nimble')
+    .register(nimbleTableColumnDateText());
+export const tableColumnDateTextTag = DesignSystem.tagFor(TableColumnDateText);
+//# sourceMappingURL=index.js.map

package/dist/esm/table-column/date-text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/date-text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,iCAAiC,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,8BAA8B,EAAE,MAAM,aAAa,CAAC;AAa7D;;GAEG;AACH,MAAM,OAAO,mBAAoB,SAAQ,mBAAmB;IACrC,yBAAyB;QACxC,OAAO;YACH,oBAAoB,EAAE,CAAC,OAAO,CAAC;YAC/B,WAAW,EAAE,8BAA8B;YAC3C,kBAAkB,EAAE,iCAAiC;YACrD,eAAe,EAAE,EAAE;YACnB,aAAa,EAAE,wBAAwB,CAAC,KAAK;SAChD,CAAC;IACN,CAAC;CACJ;AAED,MAAM,yBAAyB,GAAG,mBAAmB,CAAC,OAAO,CAAC;IAC1D,QAAQ,EAAE,wBAAwB;IAClC,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,yBAAyB,EAAE,CAAC,CAAC;AAC3C,MAAM,CAAC,MAAM,sBAAsB,GAAG,YAAY,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC"}

package/dist/esm/table-column/date-text/testing/table-column-date-text.pageobject.d.ts

@@ -0,0 +1,14 @@
+import type { TablePageObject } from '../../../table/testing/table.pageobject';
+import type { TableRecord } from '../../../table/types';
+/**
+ * Page object for date text table column.
+ */
+export declare class TableColumnDateTextPageObject<T extends TableRecord> {
+    private readonly tablePageObject;
+    private readonly narrowNonBreakingSpace;
+    constructor(tablePageObject: TablePageObject<T>);
+    getRenderedCellContent(rowIndex: number, columnIndex: number): string;
+    getRenderedGroupHeaderContent(groupRowIndex: number): string;
+    getCellTitle(rowIndex: number, columnIndex: number): string;
+    private verifyCellType;
+}

package/dist/esm/table-column/date-text/testing/table-column-date-text.pageobject.js

@@ -0,0 +1,36 @@
+import { TableColumnDateTextCellView } from '../cell-view';
+/**
+ * Page object for date text table column.
+ */
+export class TableColumnDateTextPageObject {
+    constructor(tablePageObject) {
+        this.tablePageObject = tablePageObject;
+        // On Chrome, in a formatted date, the space before AM/PM is a narrow non-breaking space.
+        // For testing consistency across browsers, replace it with a regular space.
+        this.narrowNonBreakingSpace = '\u202f';
+    }
+    getRenderedCellContent(rowIndex, columnIndex) {
+        this.verifyCellType(rowIndex, columnIndex);
+        return this.tablePageObject
+            .getRenderedCellContent(rowIndex, columnIndex)
+            .replace(this.narrowNonBreakingSpace, ' ');
+    }
+    getRenderedGroupHeaderContent(groupRowIndex) {
+        return this.tablePageObject
+            .getRenderedGroupHeaderContent(groupRowIndex)
+            .replace(this.narrowNonBreakingSpace, ' ');
+    }
+    getCellTitle(rowIndex, columnIndex) {
+        this.verifyCellType(rowIndex, columnIndex);
+        return this.tablePageObject
+            .getCellTitle(rowIndex, columnIndex)
+            .replace(this.narrowNonBreakingSpace, ' ');
+    }
+    verifyCellType(rowIndex, columnIndex) {
+        const cell = this.tablePageObject.getRenderedCellView(rowIndex, columnIndex);
+        if (!(cell instanceof TableColumnDateTextCellView)) {
+            throw new Error('Cell is not in a date text column');
+        }
+    }
+}
+//# sourceMappingURL=table-column-date-text.pageobject.js.map

package/dist/esm/table-column/date-text/testing/table-column-date-text.pageobject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-column-date-text.pageobject.js","sourceRoot":"","sources":["../../../../../src/table-column/date-text/testing/table-column-date-text.pageobject.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,2BAA2B,EAAE,MAAM,cAAc,CAAC;AAE3D;;GAEG;AACH,MAAM,OAAO,6BAA6B;IAKtC,YAAoC,eAAmC;QAAnC,oBAAe,GAAf,eAAe,CAAoB;QAJvE,yFAAyF;QACzF,4EAA4E;QAC3D,2BAAsB,GAAG,QAAQ,CAAC;IAEuB,CAAC;IAEpE,sBAAsB,CACzB,QAAgB,EAChB,WAAmB;QAEnB,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;QAC3C,OAAO,IAAI,CAAC,eAAe;aACtB,sBAAsB,CAAC,QAAQ,EAAE,WAAW,CAAC;aAC7C,OAAO,CAAC,IAAI,CAAC,sBAAsB,EAAE,GAAG,CAAC,CAAC;IACnD,CAAC;IAEM,6BAA6B,CAAC,aAAqB;QACtD,OAAO,IAAI,CAAC,eAAe;aACtB,6BAA6B,CAAC,aAAa,CAAC;aAC5C,OAAO,CAAC,IAAI,CAAC,sBAAsB,EAAE,GAAG,CAAC,CAAC;IACnD,CAAC;IAEM,YAAY,CAAC,QAAgB,EAAE,WAAmB;QACrD,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;QAC3C,OAAO,IAAI,CAAC,eAAe;aACtB,YAAY,CAAC,QAAQ,EAAE,WAAW,CAAC;aACnC,OAAO,CAAC,IAAI,CAAC,sBAAsB,EAAE,GAAG,CAAC,CAAC;IACnD,CAAC;IAEO,cAAc,CAAC,QAAgB,EAAE,WAAmB;QACxD,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,mBAAmB,CACjD,QAAQ,EACR,WAAW,CACd,CAAC;QACF,IAAI,CAAC,CAAC,IAAI,YAAY,2BAA2B,CAAC,EAAE;YAChD,MAAM,IAAI,KAAK,CAAC,mCAAmC,CAAC,CAAC;SACxD;IACL,CAAC;CACJ"}

package/dist/esm/tabs/styles.js

@@ -5,7 +5,7 @@ export const styles = css `
 
     :host {
         box-sizing: border-box;
-        grid-template-columns: auto auto 1fr;
+        grid-template-columns: auto 1fr;
         grid-template-rows: auto 1fr;
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ni/nimble-components",
-  "version": "19.8.5",
+  "version": "19.9.1",
   "description": "Styled web components for the NI Nimble Design System",
   "scripts": {
     "build": "npm run generate-icons && npm run build-components && npm run bundle-components && npm run generate-scss && npm run build-storybook",