@ni/nimble-components 34.3.3 → 34.4.0

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

@@ -0,0 +1,30 @@
+import { FoundationElement, type EndOptions, type FoundationElementDefinition, type StartOptions } from '@ni/fast-foundation';
+import { ChipAppearance } from './types';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-chip': Chip;
+    }
+}
+export type ChipOptions = FoundationElementDefinition & StartOptions & EndOptions;
+/**
+ * A Nimble chip component
+ */
+export declare class Chip extends FoundationElement {
+    removable: boolean;
+    disabled: boolean;
+    appearance: ChipAppearance;
+    tabIndex: number;
+    /** @internal */
+    readonly content?: HTMLElement[];
+    /** @internal */
+    hasOverflow: boolean;
+    /** @internal */
+    get elementTextContent(): string;
+    /** @internal */
+    get removeButtonContent(): string;
+    /** @internal */
+    contentSlot: HTMLSlotElement;
+    /** @internal */
+    handleRemoveClick(): void;
+}
+export declare const chipTag = "nimble-chip";

package/dist/esm/chip/index.js

@@ -0,0 +1,62 @@
+import { __decorate } from "tslib";
+import { attr, nullableNumberConverter, observable } from '@ni/fast-element';
+import { applyMixins, DesignSystem, FoundationElement, StartEnd } from '@ni/fast-foundation';
+import { styles } from './styles';
+import { template } from './template';
+import { ChipAppearance } from './types';
+import { slotTextContent } from '../utilities/models/slot-text-content';
+import { itemRemoveLabel } from '../label-provider/core/label-tokens';
+/**
+ * A Nimble chip component
+ */
+export class Chip extends FoundationElement {
+    constructor() {
+        super(...arguments);
+        this.removable = false;
+        this.disabled = false;
+        this.appearance = ChipAppearance.outline;
+        /** @internal */
+        this.hasOverflow = false;
+    }
+    /** @internal */
+    get elementTextContent() {
+        return slotTextContent(this.contentSlot);
+    }
+    /** @internal */
+    get removeButtonContent() {
+        return itemRemoveLabel.getValueFor(this);
+    }
+    /** @internal */
+    handleRemoveClick() {
+        if (this.removable) {
+            this.$emit('remove');
+        }
+    }
+}
+__decorate([
+    attr({ mode: 'boolean' })
+], Chip.prototype, "removable", void 0);
+__decorate([
+    attr({ mode: 'boolean' })
+], Chip.prototype, "disabled", void 0);
+__decorate([
+    attr()
+], Chip.prototype, "appearance", void 0);
+__decorate([
+    attr({ attribute: 'tabindex', converter: nullableNumberConverter })
+], Chip.prototype, "tabIndex", void 0);
+__decorate([
+    observable
+], Chip.prototype, "hasOverflow", void 0);
+applyMixins(Chip, StartEnd);
+const nimbleChip = Chip.compose({
+    baseName: 'chip',
+    template,
+    styles,
+    shadowOptions: {
+        delegatesFocus: true
+    }
+});
+DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleChip());
+export const chipTag = 'nimble-chip';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/chip/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,uBAAuB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EACH,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,QAAQ,EAIX,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAYtE;;GAEG;AACH,MAAM,OAAO,IAAK,SAAQ,iBAAiB;IAA3C;;QAEW,cAAS,GAAG,KAAK,CAAC;QAGlB,aAAQ,GAAG,KAAK,CAAC;QAGjB,eAAU,GAAmB,cAAc,CAAC,OAAO,CAAC;QAQ3D,gBAAgB;QAET,gBAAW,GAAG,KAAK,CAAC;IAqB/B,CAAC;IAnBG,gBAAgB;IAChB,IAAW,kBAAkB;QACzB,OAAO,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC7C,CAAC;IAED,gBAAgB;IAChB,IAAW,mBAAmB;QAC1B,OAAO,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;IAKD,gBAAgB;IACT,iBAAiB;QACpB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACjB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACzB,CAAC;IACL,CAAC;CACJ;AArCU;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;uCACD;AAGlB;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;sCACF;AAGjB;IADN,IAAI,EAAE;wCACoD;AAG3C;IADf,IAAI,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;sCAClC;AAO3B;IADN,UAAU;yCACgB;AAsB/B,WAAW,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AAE5B,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAc;IACzC,QAAQ,EAAE,MAAM;IAChB,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACX,cAAc,EAAE,IAAI;KACvB;CACJ,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;AACvE,MAAM,CAAC,MAAM,OAAO,GAAG,aAAa,CAAC","sourcesContent":["import { attr, nullableNumberConverter, observable } from '@ni/fast-element';\nimport {\n    applyMixins,\n    DesignSystem,\n    FoundationElement,\n    StartEnd,\n    type EndOptions,\n    type FoundationElementDefinition,\n    type StartOptions\n} from '@ni/fast-foundation';\nimport { styles } from './styles';\nimport { template } from './template';\nimport { ChipAppearance } from './types';\nimport { slotTextContent } from '../utilities/models/slot-text-content';\nimport { itemRemoveLabel } from '../label-provider/core/label-tokens';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-chip': Chip;\n    }\n}\n\nexport type ChipOptions = FoundationElementDefinition &\n    StartOptions &\n    EndOptions;\n\n/**\n * A Nimble chip component\n */\nexport class Chip extends FoundationElement {\n    @attr({ mode: 'boolean' })\n    public removable = false;\n\n    @attr({ mode: 'boolean' })\n    public disabled = false;\n\n    @attr()\n    public appearance: ChipAppearance = ChipAppearance.outline;\n\n    @attr({ attribute: 'tabindex', converter: nullableNumberConverter })\n    public override tabIndex!: number;\n\n    /** @internal */\n    public readonly content?: HTMLElement[];\n\n    /** @internal */\n    @observable\n    public hasOverflow = false;\n\n    /** @internal */\n    public get elementTextContent(): string {\n        return slotTextContent(this.contentSlot);\n    }\n\n    /** @internal */\n    public get removeButtonContent(): string {\n        return itemRemoveLabel.getValueFor(this);\n    }\n\n    /** @internal */\n    public contentSlot!: HTMLSlotElement;\n\n    /** @internal */\n    public handleRemoveClick(): void {\n        if (this.removable) {\n            this.$emit('remove');\n        }\n    }\n}\napplyMixins(Chip, StartEnd);\n\nconst nimbleChip = Chip.compose<ChipOptions>({\n    baseName: 'chip',\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    }\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleChip());\nexport const chipTag = 'nimble-chip';\n"]}

package/dist/esm/chip/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("@ni/fast-element").ElementStyles;

package/dist/esm/chip/styles.js

@@ -0,0 +1,66 @@
+import { css } from '@ni/fast-element';
+import { actionRgbPartialColor, bodyDisabledFontColor, bodyFont, bodyFontColor, borderRgbPartialColor, borderWidth, controlHeight, iconColor, iconSize, mediumPadding, smallPadding } from '../theme-provider/design-tokens';
+import { display } from '../utilities/style/display';
+import { appearanceBehavior } from '../utilities/style/appearance';
+import { ChipAppearance } from './types';
+export const styles = css `
+    ${display('inline-flex')}
+
+    :host {
+        height: ${controlHeight};
+        width: fit-content;
+        max-width: 300px;
+        color: ${bodyFontColor};
+        font: ${bodyFont};
+        padding: 0 ${mediumPadding};
+        gap: 4px;
+        background-color: transparent;
+        border: ${borderWidth} solid rgba(${actionRgbPartialColor}, 0.3);
+        border-radius: 4px;
+        justify-content: center;
+        align-items: center;
+    }
+
+    :host([disabled]) {
+        cursor: default;
+        color: ${bodyDisabledFontColor};
+        border-color: rgba(${borderRgbPartialColor}, 0.3);
+    }
+
+    :host([disabled]) slot[name='start']::slotted(*) {
+        opacity: 0.3;
+        ${iconColor.cssCustomProperty}: ${bodyFontColor};
+    }
+
+    slot[name='start']::slotted(*) {
+        flex-shrink: 0;
+    }
+
+    [part='start'] {
+        display: contents;
+        ${iconColor.cssCustomProperty}: ${bodyFontColor};
+    }
+
+    .content {
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+    }
+
+    .remove-button {
+        height: ${iconSize};
+        width: ${iconSize};
+        margin-right: calc(-1 * ${smallPadding});
+    }
+
+    [part='end'] {
+        display: none;
+    }
+`.withBehaviors(appearanceBehavior(ChipAppearance.block, css `
+            :host,
+            :host([disabled]) {
+                background-color: rgba(${borderRgbPartialColor}, 0.1);
+                border-color: transparent;
+            }
+        `));
+//# sourceMappingURL=styles.js.map

package/dist/esm/chip/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/chip/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EACH,qBAAqB,EACrB,qBAAqB,EACrB,QAAQ,EACR,aAAa,EACb,qBAAqB,EACrB,WAAW,EACX,aAAa,EACb,SAAS,EACT,QAAQ,EACR,aAAa,EACb,YAAY,EACf,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;kBAGV,aAAa;;;iBAGd,aAAa;gBACd,QAAQ;qBACH,aAAa;;;kBAGhB,WAAW,eAAe,qBAAqB;;;;;;;;iBAQhD,qBAAqB;6BACT,qBAAqB;;;;;UAKxC,SAAS,CAAC,iBAAiB,KAAK,aAAa;;;;;;;;;UAS7C,SAAS,CAAC,iBAAiB,KAAK,aAAa;;;;;;;;;;kBAUrC,QAAQ;iBACT,QAAQ;kCACS,YAAY;;;;;;CAM7C,CAAC,aAAa,CACX,kBAAkB,CACd,cAAc,CAAC,KAAK,EACpB,GAAG,CAAA;;;yCAG8B,qBAAqB;;;SAGrD,CACJ,CACJ,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport {\n    actionRgbPartialColor,\n    bodyDisabledFontColor,\n    bodyFont,\n    bodyFontColor,\n    borderRgbPartialColor,\n    borderWidth,\n    controlHeight,\n    iconColor,\n    iconSize,\n    mediumPadding,\n    smallPadding\n} from '../theme-provider/design-tokens';\nimport { display } from '../utilities/style/display';\nimport { appearanceBehavior } from '../utilities/style/appearance';\nimport { ChipAppearance } from './types';\n\nexport const styles = css`\n    ${display('inline-flex')}\n\n    :host {\n        height: ${controlHeight};\n        width: fit-content;\n        max-width: 300px;\n        color: ${bodyFontColor};\n        font: ${bodyFont};\n        padding: 0 ${mediumPadding};\n        gap: 4px;\n        background-color: transparent;\n        border: ${borderWidth} solid rgba(${actionRgbPartialColor}, 0.3);\n        border-radius: 4px;\n        justify-content: center;\n        align-items: center;\n    }\n\n    :host([disabled]) {\n        cursor: default;\n        color: ${bodyDisabledFontColor};\n        border-color: rgba(${borderRgbPartialColor}, 0.3);\n    }\n\n    :host([disabled]) slot[name='start']::slotted(*) {\n        opacity: 0.3;\n        ${iconColor.cssCustomProperty}: ${bodyFontColor};\n    }\n\n    slot[name='start']::slotted(*) {\n        flex-shrink: 0;\n    }\n\n    [part='start'] {\n        display: contents;\n        ${iconColor.cssCustomProperty}: ${bodyFontColor};\n    }\n\n    .content {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n    }\n\n    .remove-button {\n        height: ${iconSize};\n        width: ${iconSize};\n        margin-right: calc(-1 * ${smallPadding});\n    }\n\n    [part='end'] {\n        display: none;\n    }\n`.withBehaviors(\n    appearanceBehavior(\n        ChipAppearance.block,\n        css`\n            :host,\n            :host([disabled]) {\n                background-color: rgba(${borderRgbPartialColor}, 0.1);\n                border-color: transparent;\n            }\n        `\n    )\n);\n"]}

package/dist/esm/chip/template.d.ts

@@ -0,0 +1,4 @@
+import { type ViewTemplate } from '@ni/fast-element';
+import { type FoundationElementTemplate } from '@ni/fast-foundation';
+import type { Chip, ChipOptions } from '.';
+export declare const template: FoundationElementTemplate<ViewTemplate<Chip>, ChipOptions>;

package/dist/esm/chip/template.js

@@ -0,0 +1,37 @@
+import { html, ref, slotted, when } from '@ni/fast-element';
+import { endSlotTemplate, startSlotTemplate } from '@ni/fast-foundation';
+import { overflow } from '../utilities/directive/overflow';
+import { buttonTag } from '../button';
+import { iconTimesTag } from '../icons/times';
+import { ButtonAppearance } from '../button/types';
+// prettier-ignore
+export const template = (context, definition) => html `
+    ${startSlotTemplate(context, definition)}
+    <span
+        class="content"
+        part="content"
+        ${overflow('hasOverflow')}
+        title=${x => (x.hasOverflow && x.elementTextContent
+    ? x.elementTextContent
+    : null)}
+    >
+        <slot
+            ${ref('contentSlot')}
+            ${slotted({ property: 'content' })}
+        ></slot>
+    </span>
+    ${when(x => x.removable && !x.disabled, html `
+        <${buttonTag}
+            class="remove-button"
+            content-hidden
+            appearance="${ButtonAppearance.ghost}"
+            tabindex="${x => x.tabIndex}"
+            @click="${x => x.handleRemoveClick()}"
+        >
+            <${iconTimesTag} slot="start"></${iconTimesTag}>
+            ${x => x.removeButtonContent}
+        </${buttonTag}>
+    `)}
+    ${endSlotTemplate(context, definition)}
+`;
+//# sourceMappingURL=template.js.map

package/dist/esm/chip/template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/chip/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAqB,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EACH,eAAe,EACf,iBAAiB,EAEpB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAGjB,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,IAAI,CAAM;MACjC,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC;;;;UAIlC,QAAQ,CAAC,aAAa,CAAC;gBACjB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,kBAAkB;IACvD,CAAC,CAAC,CAAC,CAAC,kBAAkB;IACtB,CAAC,CAAC,IAAI,CAAC;;;cAGG,GAAG,CAAC,aAAa,CAAC;cAClB,OAAO,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;;;MAGxC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,IAAI,CAAM;WAC3C,SAAS;;;0BAGM,gBAAgB,CAAC,KAAK;wBACxB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;sBACjB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE;;eAEjC,YAAY,mBAAmB,YAAY;cAC5C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB;YAC5B,SAAS;KAChB,CAAC;MACA,eAAe,CAAC,OAAO,EAAE,UAAU,CAAC;CACzC,CAAC","sourcesContent":["import { html, ref, slotted, when, type ViewTemplate } from '@ni/fast-element';\nimport {\n    endSlotTemplate,\n    startSlotTemplate,\n    type FoundationElementTemplate\n} from '@ni/fast-foundation';\nimport type { Chip, ChipOptions } from '.';\nimport { overflow } from '../utilities/directive/overflow';\nimport { buttonTag } from '../button';\nimport { iconTimesTag } from '../icons/times';\nimport { ButtonAppearance } from '../button/types';\n\n// prettier-ignore\nexport const template: FoundationElementTemplate<\nViewTemplate<Chip>,\nChipOptions\n> = (context, definition) => html<Chip>`\n    ${startSlotTemplate(context, definition)}\n    <span\n        class=\"content\"\n        part=\"content\"\n        ${overflow('hasOverflow')}\n        title=${x => (x.hasOverflow && x.elementTextContent\n    ? x.elementTextContent\n    : null)}\n    >\n        <slot\n            ${ref('contentSlot')}\n            ${slotted({ property: 'content' })}\n        ></slot>\n    </span>\n    ${when(x => x.removable && !x.disabled, html<Chip>`\n        <${buttonTag}\n            class=\"remove-button\"\n            content-hidden\n            appearance=\"${ButtonAppearance.ghost}\"\n            tabindex=\"${x => x.tabIndex}\"\n            @click=\"${x => x.handleRemoveClick()}\"\n        >\n            <${iconTimesTag} slot=\"start\"></${iconTimesTag}>\n            ${x => x.removeButtonContent}\n        </${buttonTag}>\n    `)}\n    ${endSlotTemplate(context, definition)}\n`;\n"]}

package/dist/esm/chip/testing/chip.pageobject.d.ts

@@ -0,0 +1,14 @@
+import type { Chip } from '..';
+/**
+ * Page object for the `nimble-chip` component to provide consistent ways
+ * of querying and interacting with the component during tests.
+ */
+export declare class ChipPageObject {
+    protected readonly chipElement: Chip;
+    constructor(chipElement: Chip);
+    isRemoveButtonVisible(): boolean;
+    getRemoveButtonTextContent(): string;
+    clickRemoveButton(): void;
+    getRemoveButtonTabIndex(): string | null;
+    private getRemoveButton;
+}

package/dist/esm/chip/testing/chip.pageobject.js

@@ -0,0 +1,37 @@
+/**
+ * Page object for the `nimble-chip` component to provide consistent ways
+ * of querying and interacting with the component during tests.
+ */
+export class ChipPageObject {
+    constructor(chipElement) {
+        this.chipElement = chipElement;
+    }
+    isRemoveButtonVisible() {
+        const removeButton = this.getRemoveButton();
+        return removeButton ? removeButton !== null : false;
+    }
+    getRemoveButtonTextContent() {
+        const removeButton = this.getRemoveButton();
+        return removeButton?.textContent?.trim() ?? '';
+    }
+    clickRemoveButton() {
+        const removeButton = this.getRemoveButton();
+        if (removeButton) {
+            removeButton.click();
+        }
+        else {
+            throw new Error('Remove button not found');
+        }
+    }
+    getRemoveButtonTabIndex() {
+        const removeButton = this.getRemoveButton();
+        if (removeButton) {
+            return removeButton.getAttribute('tabindex');
+        }
+        throw new Error('Remove button not found');
+    }
+    getRemoveButton() {
+        return (this.chipElement.shadowRoot?.querySelector('.remove-button') ?? null);
+    }
+}
+//# sourceMappingURL=chip.pageobject.js.map

package/dist/esm/chip/testing/chip.pageobject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.pageobject.js","sourceRoot":"","sources":["../../../../src/chip/testing/chip.pageobject.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,MAAM,OAAO,cAAc;IACvB,YAAsC,WAAiB;QAAjB,gBAAW,GAAX,WAAW,CAAM;IAAG,CAAC;IAEpD,qBAAqB;QACxB,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAC5C,OAAO,YAAY,CAAC,CAAC,CAAC,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACxD,CAAC;IAEM,0BAA0B;QAC7B,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAC5C,OAAO,YAAY,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IACnD,CAAC;IAEM,iBAAiB;QACpB,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAC5C,IAAI,YAAY,EAAE,CAAC;YACf,YAAY,CAAC,KAAK,EAAE,CAAC;QACzB,CAAC;aAAM,CAAC;YACJ,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAC;QAC/C,CAAC;IACL,CAAC;IAEM,uBAAuB;QAC1B,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAC5C,IAAI,YAAY,EAAE,CAAC;YACf,OAAO,YAAY,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;QACjD,CAAC;QACD,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAC/C,CAAC;IAEO,eAAe;QACnB,OAAO,CACH,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE,aAAa,CACtC,gBAAgB,CACnB,IAAI,IAAI,CACZ,CAAC;IACN,CAAC;CACJ","sourcesContent":["import type { Chip } from '..';\nimport type { Button } from '../../button';\n\n/**\n * Page object for the `nimble-chip` component to provide consistent ways\n * of querying and interacting with the component during tests.\n */\nexport class ChipPageObject {\n    public constructor(protected readonly chipElement: Chip) {}\n\n    public isRemoveButtonVisible(): boolean {\n        const removeButton = this.getRemoveButton();\n        return removeButton ? removeButton !== null : false;\n    }\n\n    public getRemoveButtonTextContent(): string {\n        const removeButton = this.getRemoveButton();\n        return removeButton?.textContent?.trim() ?? '';\n    }\n\n    public clickRemoveButton(): void {\n        const removeButton = this.getRemoveButton();\n        if (removeButton) {\n            removeButton.click();\n        } else {\n            throw new Error('Remove button not found');\n        }\n    }\n\n    public getRemoveButtonTabIndex(): string | null {\n        const removeButton = this.getRemoveButton();\n        if (removeButton) {\n            return removeButton.getAttribute('tabindex');\n        }\n        throw new Error('Remove button not found');\n    }\n\n    private getRemoveButton(): Button | null {\n        return (\n            this.chipElement.shadowRoot?.querySelector<Button>(\n                '.remove-button'\n            ) ?? null\n        );\n    }\n}\n"]}

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

@@ -0,0 +1,5 @@
+export declare const ChipAppearance: {
+    readonly outline: "outline";
+    readonly block: "block";
+};
+export type ChipAppearance = (typeof ChipAppearance)[keyof typeof ChipAppearance];

package/dist/esm/chip/types.js

@@ -0,0 +1,5 @@
+export const ChipAppearance = {
+    outline: 'outline',
+    block: 'block'
+};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/chip/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;CACR,CAAC","sourcesContent":["export const ChipAppearance = {\n    outline: 'outline',\n    block: 'block'\n} as const;\nexport type ChipAppearance =\n    (typeof ChipAppearance)[keyof typeof ChipAppearance];\n"]}

package/dist/esm/label-provider/core/index.d.ts

@@ -16,6 +16,7 @@ declare const supportedLabels: {
     readonly loading: import("@ni/fast-foundation").DesignToken<string>;
     readonly scrollBackward: import("@ni/fast-foundation").DesignToken<string>;
     readonly scrollForward: import("@ni/fast-foundation").DesignToken<string>;
+    readonly itemRemove: import("@ni/fast-foundation").DesignToken<string>;
 };
 /**
  * Core label provider for Nimble
@@ -32,6 +33,7 @@ export declare class LabelProviderCore extends LabelProviderBase<typeof supporte
     loading: string | undefined;
     scrollBackward: string | undefined;
     scrollForward: string | undefined;
+    itemRemove: string | undefined;
     protected readonly supportedLabels: {
         readonly popupDismiss: import("@ni/fast-foundation").DesignToken<string>;
         readonly numericDecrement: import("@ni/fast-foundation").DesignToken<string>;
@@ -44,6 +46,7 @@ export declare class LabelProviderCore extends LabelProviderBase<typeof supporte
         readonly loading: import("@ni/fast-foundation").DesignToken<string>;
         readonly scrollBackward: import("@ni/fast-foundation").DesignToken<string>;
         readonly scrollForward: import("@ni/fast-foundation").DesignToken<string>;
+        readonly itemRemove: import("@ni/fast-foundation").DesignToken<string>;
     };
 }
 export declare const labelProviderCoreTag = "nimble-label-provider-core";

package/dist/esm/label-provider/core/index.js

@@ -2,7 +2,7 @@ import { __decorate } from "tslib";
 import { attr } from '@ni/fast-element';
 import { DesignSystem } from '@ni/fast-foundation';
 import { LabelProviderBase } from '../base';
-import { popupDismissLabel, numericDecrementLabel, numericIncrementLabel, popupIconErrorLabel, popupIconWarningLabel, popupIconInformationLabel, filterSearchLabel, filterNoResultsLabel, loadingLabel, scrollBackwardLabel, scrollForwardLabel } from './label-tokens';
+import { popupDismissLabel, numericDecrementLabel, numericIncrementLabel, popupIconErrorLabel, popupIconWarningLabel, popupIconInformationLabel, filterSearchLabel, filterNoResultsLabel, loadingLabel, scrollBackwardLabel, scrollForwardLabel, itemRemoveLabel } from './label-tokens';
 import { styles } from '../base/styles';
 const supportedLabels = {
     popupDismiss: popupDismissLabel,
@@ -15,7 +15,8 @@ const supportedLabels = {
     filterNoResults: filterNoResultsLabel,
     loading: loadingLabel,
     scrollBackward: scrollBackwardLabel,
-    scrollForward: scrollForwardLabel
+    scrollForward: scrollForwardLabel,
+    itemRemove: itemRemoveLabel
 };
 /**
  * Core label provider for Nimble
@@ -59,6 +60,9 @@ __decorate([
 __decorate([
     attr({ attribute: 'scroll-forward' })
 ], LabelProviderCore.prototype, "scrollForward", void 0);
+__decorate([
+    attr({ attribute: 'item-remove' })
+], LabelProviderCore.prototype, "itemRemove", void 0);
 const nimbleLabelProviderCore = LabelProviderCore.compose({
     baseName: 'label-provider-core',
     styles

package/dist/esm/label-provider/core/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/label-provider/core/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAwB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EACH,iBAAiB,EACjB,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,qBAAqB,EACrB,yBAAyB,EACzB,iBAAiB,EACjB,oBAAoB,EACpB,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EACrB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAQxC,MAAM,eAAe,GAAG;IACpB,YAAY,EAAE,iBAAiB;IAC/B,gBAAgB,EAAE,qBAAqB;IACvC,gBAAgB,EAAE,qBAAqB;IACvC,cAAc,EAAE,mBAAmB;IACnC,gBAAgB,EAAE,qBAAqB;IACvC,oBAAoB,EAAE,yBAAyB;IAC/C,YAAY,EAAE,iBAAiB;IAC/B,eAAe,EAAE,oBAAoB;IACrC,OAAO,EAAE,YAAY;IACrB,cAAc,EAAE,mBAAmB;IACnC,aAAa,EAAE,kBAAkB;CAC3B,CAAC;AAEX;;GAEG;AACH,MAAM,OAAO,iBACT,SAAQ,iBAAyC;IADrD;;QAoCgC,oBAAe,GAAG,eAAe,CAAC;IAClE,CAAC;CAAA;AAjCU;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;uDACG;AAGjC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;2DACG;AAGrC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;2DACG;AAGrC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;yDACE;AAGnC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;2DACE;AAGrC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,wBAAwB,EAAE,CAAC;+DACE;AAGzC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;uDACG;AAGjC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;0DACE;AAGpC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;kDACI;AAG5B;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;yDACG;AAGnC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;wDACG;AAK7C,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,OAAO,CAAC;IACtD,QAAQ,EAAE,qBAAqB;IAC/B,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,uBAAuB,EAAE,CAAC,CAAC;AACzC,MAAM,CAAC,MAAM,oBAAoB,GAAG,4BAA4B,CAAC","sourcesContent":["import { attr } from '@ni/fast-element';\nimport { DesignSystem } from '@ni/fast-foundation';\nimport { type DesignTokensFor, LabelProviderBase } from '../base';\nimport {\n    popupDismissLabel,\n    numericDecrementLabel,\n    numericIncrementLabel,\n    popupIconErrorLabel,\n    popupIconWarningLabel,\n    popupIconInformationLabel,\n    filterSearchLabel,\n    filterNoResultsLabel,\n    loadingLabel,\n    scrollBackwardLabel,\n    scrollForwardLabel\n} from './label-tokens';\nimport { styles } from '../base/styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-label-provider-core': LabelProviderCore;\n    }\n}\n\nconst supportedLabels = {\n    popupDismiss: popupDismissLabel,\n    numericDecrement: numericDecrementLabel,\n    numericIncrement: numericIncrementLabel,\n    popupIconError: popupIconErrorLabel,\n    popupIconWarning: popupIconWarningLabel,\n    popupIconInformation: popupIconInformationLabel,\n    filterSearch: filterSearchLabel,\n    filterNoResults: filterNoResultsLabel,\n    loading: loadingLabel,\n    scrollBackward: scrollBackwardLabel,\n    scrollForward: scrollForwardLabel\n} as const;\n\n/**\n * Core label provider for Nimble\n */\nexport class LabelProviderCore\n    extends LabelProviderBase<typeof supportedLabels>\n    implements DesignTokensFor<typeof supportedLabels> {\n    @attr({ attribute: 'popup-dismiss' })\n    public popupDismiss: string | undefined;\n\n    @attr({ attribute: 'numeric-decrement' })\n    public numericDecrement: string | undefined;\n\n    @attr({ attribute: 'numeric-increment' })\n    public numericIncrement: string | undefined;\n\n    @attr({ attribute: 'popup-icon-error' })\n    public popupIconError: string | undefined;\n\n    @attr({ attribute: 'popup-icon-warning' })\n    public popupIconWarning: string | undefined;\n\n    @attr({ attribute: 'popup-icon-information' })\n    public popupIconInformation: string | undefined;\n\n    @attr({ attribute: 'filter-search' })\n    public filterSearch: string | undefined;\n\n    @attr({ attribute: 'filter-no-results' })\n    public filterNoResults: string | undefined;\n\n    @attr({ attribute: 'loading' })\n    public loading: string | undefined;\n\n    @attr({ attribute: 'scroll-backward' })\n    public scrollBackward: string | undefined;\n\n    @attr({ attribute: 'scroll-forward' })\n    public scrollForward: string | undefined;\n\n    protected override readonly supportedLabels = supportedLabels;\n}\n\nconst nimbleLabelProviderCore = LabelProviderCore.compose({\n    baseName: 'label-provider-core',\n    styles\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleLabelProviderCore());\nexport const labelProviderCoreTag = 'nimble-label-provider-core';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/label-provider/core/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAwB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EACH,iBAAiB,EACjB,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,qBAAqB,EACrB,yBAAyB,EACzB,iBAAiB,EACjB,oBAAoB,EACpB,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EAClB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAQxC,MAAM,eAAe,GAAG;IACpB,YAAY,EAAE,iBAAiB;IAC/B,gBAAgB,EAAE,qBAAqB;IACvC,gBAAgB,EAAE,qBAAqB;IACvC,cAAc,EAAE,mBAAmB;IACnC,gBAAgB,EAAE,qBAAqB;IACvC,oBAAoB,EAAE,yBAAyB;IAC/C,YAAY,EAAE,iBAAiB;IAC/B,eAAe,EAAE,oBAAoB;IACrC,OAAO,EAAE,YAAY;IACrB,cAAc,EAAE,mBAAmB;IACnC,aAAa,EAAE,kBAAkB;IACjC,UAAU,EAAE,eAAe;CACrB,CAAC;AAEX;;GAEG;AACH,MAAM,OAAO,iBACT,SAAQ,iBAAyC;IADrD;;QAuCgC,oBAAe,GAAG,eAAe,CAAC;IAClE,CAAC;CAAA;AApCU;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;uDACG;AAGjC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;2DACG;AAGrC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;2DACG;AAGrC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;yDACE;AAGnC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;2DACE;AAGrC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,wBAAwB,EAAE,CAAC;+DACE;AAGzC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;uDACG;AAGjC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;0DACE;AAGpC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;kDACI;AAG5B;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;yDACG;AAGnC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;wDACG;AAGlC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;qDACG;AAK1C,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,OAAO,CAAC;IACtD,QAAQ,EAAE,qBAAqB;IAC/B,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,uBAAuB,EAAE,CAAC,CAAC;AACzC,MAAM,CAAC,MAAM,oBAAoB,GAAG,4BAA4B,CAAC","sourcesContent":["import { attr } from '@ni/fast-element';\nimport { DesignSystem } from '@ni/fast-foundation';\nimport { type DesignTokensFor, LabelProviderBase } from '../base';\nimport {\n    popupDismissLabel,\n    numericDecrementLabel,\n    numericIncrementLabel,\n    popupIconErrorLabel,\n    popupIconWarningLabel,\n    popupIconInformationLabel,\n    filterSearchLabel,\n    filterNoResultsLabel,\n    loadingLabel,\n    scrollBackwardLabel,\n    scrollForwardLabel,\n    itemRemoveLabel\n} from './label-tokens';\nimport { styles } from '../base/styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-label-provider-core': LabelProviderCore;\n    }\n}\n\nconst supportedLabels = {\n    popupDismiss: popupDismissLabel,\n    numericDecrement: numericDecrementLabel,\n    numericIncrement: numericIncrementLabel,\n    popupIconError: popupIconErrorLabel,\n    popupIconWarning: popupIconWarningLabel,\n    popupIconInformation: popupIconInformationLabel,\n    filterSearch: filterSearchLabel,\n    filterNoResults: filterNoResultsLabel,\n    loading: loadingLabel,\n    scrollBackward: scrollBackwardLabel,\n    scrollForward: scrollForwardLabel,\n    itemRemove: itemRemoveLabel\n} as const;\n\n/**\n * Core label provider for Nimble\n */\nexport class LabelProviderCore\n    extends LabelProviderBase<typeof supportedLabels>\n    implements DesignTokensFor<typeof supportedLabels> {\n    @attr({ attribute: 'popup-dismiss' })\n    public popupDismiss: string | undefined;\n\n    @attr({ attribute: 'numeric-decrement' })\n    public numericDecrement: string | undefined;\n\n    @attr({ attribute: 'numeric-increment' })\n    public numericIncrement: string | undefined;\n\n    @attr({ attribute: 'popup-icon-error' })\n    public popupIconError: string | undefined;\n\n    @attr({ attribute: 'popup-icon-warning' })\n    public popupIconWarning: string | undefined;\n\n    @attr({ attribute: 'popup-icon-information' })\n    public popupIconInformation: string | undefined;\n\n    @attr({ attribute: 'filter-search' })\n    public filterSearch: string | undefined;\n\n    @attr({ attribute: 'filter-no-results' })\n    public filterNoResults: string | undefined;\n\n    @attr({ attribute: 'loading' })\n    public loading: string | undefined;\n\n    @attr({ attribute: 'scroll-backward' })\n    public scrollBackward: string | undefined;\n\n    @attr({ attribute: 'scroll-forward' })\n    public scrollForward: string | undefined;\n\n    @attr({ attribute: 'item-remove' })\n    public itemRemove: string | undefined;\n\n    protected override readonly supportedLabels = supportedLabels;\n}\n\nconst nimbleLabelProviderCore = LabelProviderCore.compose({\n    baseName: 'label-provider-core',\n    styles\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleLabelProviderCore());\nexport const labelProviderCoreTag = 'nimble-label-provider-core';\n"]}

package/dist/esm/label-provider/core/label-token-defaults.js

@@ -9,6 +9,7 @@ export const coreLabelDefaults = {
     filterNoResultsLabel: 'No items found',
     loadingLabel: 'Loading…',
     scrollBackwardLabel: 'Scroll backward',
-    scrollForwardLabel: 'Scroll forward'
+    scrollForwardLabel: 'Scroll forward',
+    itemRemoveLabel: 'Remove'
 };
 //# sourceMappingURL=label-token-defaults.js.map

package/dist/esm/label-provider/core/label-token-defaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"label-token-defaults.js","sourceRoot":"","sources":["../../../../src/label-provider/core/label-token-defaults.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,iBAAiB,GAA4C;IACtE,iBAAiB,EAAE,OAAO;IAC1B,qBAAqB,EAAE,WAAW;IAClC,qBAAqB,EAAE,WAAW;IAClC,mBAAmB,EAAE,OAAO;IAC5B,qBAAqB,EAAE,SAAS;IAChC,yBAAyB,EAAE,aAAa;IACxC,iBAAiB,EAAE,QAAQ;IAC3B,oBAAoB,EAAE,gBAAgB;IACtC,YAAY,EAAE,UAAU;IACxB,mBAAmB,EAAE,iBAAiB;IACtC,kBAAkB,EAAE,gBAAgB;CACvC,CAAC","sourcesContent":["import type * as TokensNamespace from './label-tokens';\n\ntype TokenName = keyof typeof TokensNamespace;\n\nexport const coreLabelDefaults: { readonly [key in TokenName]: string } = {\n    popupDismissLabel: 'Close',\n    numericIncrementLabel: 'Increment',\n    numericDecrementLabel: 'Decrement',\n    popupIconErrorLabel: 'Error',\n    popupIconWarningLabel: 'Warning',\n    popupIconInformationLabel: 'Information',\n    filterSearchLabel: 'Search',\n    filterNoResultsLabel: 'No items found',\n    loadingLabel: 'Loading…',\n    scrollBackwardLabel: 'Scroll backward',\n    scrollForwardLabel: 'Scroll forward'\n};\n"]}
+{"version":3,"file":"label-token-defaults.js","sourceRoot":"","sources":["../../../../src/label-provider/core/label-token-defaults.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,iBAAiB,GAA4C;IACtE,iBAAiB,EAAE,OAAO;IAC1B,qBAAqB,EAAE,WAAW;IAClC,qBAAqB,EAAE,WAAW;IAClC,mBAAmB,EAAE,OAAO;IAC5B,qBAAqB,EAAE,SAAS;IAChC,yBAAyB,EAAE,aAAa;IACxC,iBAAiB,EAAE,QAAQ;IAC3B,oBAAoB,EAAE,gBAAgB;IACtC,YAAY,EAAE,UAAU;IACxB,mBAAmB,EAAE,iBAAiB;IACtC,kBAAkB,EAAE,gBAAgB;IACpC,eAAe,EAAE,QAAQ;CAC5B,CAAC","sourcesContent":["import type * as TokensNamespace from './label-tokens';\n\ntype TokenName = keyof typeof TokensNamespace;\n\nexport const coreLabelDefaults: { readonly [key in TokenName]: string } = {\n    popupDismissLabel: 'Close',\n    numericIncrementLabel: 'Increment',\n    numericDecrementLabel: 'Decrement',\n    popupIconErrorLabel: 'Error',\n    popupIconWarningLabel: 'Warning',\n    popupIconInformationLabel: 'Information',\n    filterSearchLabel: 'Search',\n    filterNoResultsLabel: 'No items found',\n    loadingLabel: 'Loading…',\n    scrollBackwardLabel: 'Scroll backward',\n    scrollForwardLabel: 'Scroll forward',\n    itemRemoveLabel: 'Remove'\n};\n"]}

package/dist/esm/label-provider/core/label-tokens.d.ts

@@ -10,3 +10,4 @@ export declare const filterNoResultsLabel: DesignToken<string>;
 export declare const loadingLabel: DesignToken<string>;
 export declare const scrollBackwardLabel: DesignToken<string>;
 export declare const scrollForwardLabel: DesignToken<string>;
+export declare const itemRemoveLabel: DesignToken<string>;

package/dist/esm/label-provider/core/label-tokens.js

@@ -44,4 +44,8 @@ export const scrollForwardLabel = DesignToken.create({
     name: 'scroll-forward-label',
     cssCustomPropertyName: null
 }).withDefault(coreLabelDefaults.scrollForwardLabel);
+export const itemRemoveLabel = DesignToken.create({
+    name: 'item-remove-label',
+    cssCustomPropertyName: null
+}).withDefault(coreLabelDefaults.itemRemoveLabel);
 //# sourceMappingURL=label-tokens.js.map

package/dist/esm/label-provider/core/label-tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"label-tokens.js","sourceRoot":"","sources":["../../../../src/label-provider/core/label-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC,MAAM,CAAS;IACxD,IAAI,EAAE,qBAAqB;IAC3B,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;AAEpD,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC5D,IAAI,EAAE,yBAAyB;IAC/B,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;AAExD,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC5D,IAAI,EAAE,yBAAyB;IAC/B,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;AAExD,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC1D,IAAI,EAAE,wBAAwB;IAC9B,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;AAEtD,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC5D,IAAI,EAAE,0BAA0B;IAChC,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;AAExD,MAAM,CAAC,MAAM,yBAAyB,GAAG,WAAW,CAAC,MAAM,CAAS;IAChE,IAAI,EAAE,8BAA8B;IACpC,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,yBAAyB,CAAC,CAAC;AAE5D,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC,MAAM,CAAS;IACxD,IAAI,EAAE,qBAAqB;IAC3B,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;AAEpD,MAAM,CAAC,MAAM,oBAAoB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC3D,IAAI,EAAE,yBAAyB;IAC/B,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;AAEvD,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,CAAS;IACnD,IAAI,EAAE,eAAe;IACrB,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC;AAE/C,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC1D,IAAI,EAAE,uBAAuB;IAC7B,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;AAEtD,MAAM,CAAC,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAM,CAAS;IACzD,IAAI,EAAE,sBAAsB;IAC5B,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAAC","sourcesContent":["import { DesignToken } from '@ni/fast-foundation';\nimport { coreLabelDefaults } from './label-token-defaults';\n\nexport const popupDismissLabel = DesignToken.create<string>({\n    name: 'popup-dismiss-label',\n    cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.popupDismissLabel);\n\nexport const numericDecrementLabel = DesignToken.create<string>({\n    name: 'numeric-decrement-label',\n    cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.numericDecrementLabel);\n\nexport const numericIncrementLabel = DesignToken.create<string>({\n    name: 'numeric-increment-label',\n    cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.numericIncrementLabel);\n\nexport const popupIconErrorLabel = DesignToken.create<string>({\n    name: 'popup-icon-error-label',\n    cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.popupIconErrorLabel);\n\nexport const popupIconWarningLabel = DesignToken.create<string>({\n    name: 'popup-icon-warning-label',\n    cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.popupIconWarningLabel);\n\nexport const popupIconInformationLabel = DesignToken.create<string>({\n    name: 'popup-icon-information-label',\n    cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.popupIconInformationLabel);\n\nexport const filterSearchLabel = DesignToken.create<string>({\n    name: 'filter-search-label',\n    cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.filterSearchLabel);\n\nexport const filterNoResultsLabel = DesignToken.create<string>({\n    name: 'filter-no-results-label',\n    cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.filterNoResultsLabel);\n\nexport const loadingLabel = DesignToken.create<string>({\n    name: 'loading-label',\n    cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.loadingLabel);\n\nexport const scrollBackwardLabel = DesignToken.create<string>({\n    name: 'scroll-backward-label',\n    cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.scrollBackwardLabel);\n\nexport const scrollForwardLabel = DesignToken.create<string>({\n    name: 'scroll-forward-label',\n    cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.scrollForwardLabel);\n"]}
+{"version":3,"file":"label-tokens.js","sourceRoot":"","sources":["../../../../src/label-provider/core/label-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC,MAAM,CAAS;IACxD,IAAI,EAAE,qBAAqB;IAC3B,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;AAEpD,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC5D,IAAI,EAAE,yBAAyB;IAC/B,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;AAExD,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC5D,IAAI,EAAE,yBAAyB;IAC/B,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;AAExD,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC1D,IAAI,EAAE,wBAAwB;IAC9B,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;AAEtD,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC5D,IAAI,EAAE,0BAA0B;IAChC,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;AAExD,MAAM,CAAC,MAAM,yBAAyB,GAAG,WAAW,CAAC,MAAM,CAAS;IAChE,IAAI,EAAE,8BAA8B;IACpC,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,yBAAyB,CAAC,CAAC;AAE5D,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC,MAAM,CAAS;IACxD,IAAI,EAAE,qBAAqB;IAC3B,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;AAEpD,MAAM,CAAC,MAAM,oBAAoB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC3D,IAAI,EAAE,yBAAyB;IAC/B,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;AAEvD,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,CAAS;IACnD,IAAI,EAAE,eAAe;IACrB,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC;AAE/C,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC1D,IAAI,EAAE,uBAAuB;IAC7B,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;AAEtD,MAAM,CAAC,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAM,CAAS;IACzD,IAAI,EAAE,sBAAsB;IAC5B,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;AAErD,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,CAAS;IACtD,IAAI,EAAE,mBAAmB;IACzB,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC","sourcesContent":["import { DesignToken } from '@ni/fast-foundation';\nimport { coreLabelDefaults } from './label-token-defaults';\n\nexport const popupDismissLabel = DesignToken.create<string>({\n    name: 'popup-dismiss-label',\n    cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.popupDismissLabel);\n\nexport const numericDecrementLabel = DesignToken.create<string>({\n    name: 'numeric-decrement-label',\n    cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.numericDecrementLabel);\n\nexport const numericIncrementLabel = DesignToken.create<string>({\n    name: 'numeric-increment-label',\n    cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.numericIncrementLabel);\n\nexport const popupIconErrorLabel = DesignToken.create<string>({\n    name: 'popup-icon-error-label',\n    cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.popupIconErrorLabel);\n\nexport const popupIconWarningLabel = DesignToken.create<string>({\n    name: 'popup-icon-warning-label',\n    cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.popupIconWarningLabel);\n\nexport const popupIconInformationLabel = DesignToken.create<string>({\n    name: 'popup-icon-information-label',\n    cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.popupIconInformationLabel);\n\nexport const filterSearchLabel = DesignToken.create<string>({\n    name: 'filter-search-label',\n    cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.filterSearchLabel);\n\nexport const filterNoResultsLabel = DesignToken.create<string>({\n    name: 'filter-no-results-label',\n    cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.filterNoResultsLabel);\n\nexport const loadingLabel = DesignToken.create<string>({\n    name: 'loading-label',\n    cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.loadingLabel);\n\nexport const scrollBackwardLabel = DesignToken.create<string>({\n    name: 'scroll-backward-label',\n    cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.scrollBackwardLabel);\n\nexport const scrollForwardLabel = DesignToken.create<string>({\n    name: 'scroll-forward-label',\n    cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.scrollForwardLabel);\n\nexport const itemRemoveLabel = DesignToken.create<string>({\n    name: 'item-remove-label',\n    cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.itemRemoveLabel);\n"]}

package/package.json

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