@ni/nimble-components 3.2.0 → 4.1.0

package/dist/esm/nimble-components/src/icons/square-t.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-square-t-icon': SquareTIcon;
+    }
+}
+/**
+ * The icon component for the 'squareT' icon
+ */
+export declare class SquareTIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/t.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-t-icon': TIcon;
+    }
+}
+/**
+ * The icon component for the 't' icon
+ */
+export declare class TIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/tablet.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-tablet-icon': TabletIcon;
+    }
+}
+/**
+ * The icon component for the 'tablet' icon
+ */
+export declare class TabletIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/tag.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-tag-icon': TagIcon;
+    }
+}
+/**
+ * The icon component for the 'tag' icon
+ */
+export declare class TagIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/tags.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-tags-icon': TagsIcon;
+    }
+}
+/**
+ * The icon component for the 'tags' icon
+ */
+export declare class TagsIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/target-crosshairs-progress.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-target-crosshairs-progress-icon': TargetCrosshairsProgressIcon;
+    }
+}
+/**
+ * The icon component for the 'targetCrosshairsProgress' icon
+ */
+export declare class TargetCrosshairsProgressIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/target-crosshairs.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-target-crosshairs-icon': TargetCrosshairsIcon;
+    }
+}
+/**
+ * The icon component for the 'targetCrosshairs' icon
+ */
+export declare class TargetCrosshairsIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/three-dots-line.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-three-dots-line-icon': ThreeDotsLineIcon;
+    }
+}
+/**
+ * The icon component for the 'threeDotsLine' icon
+ */
+export declare class ThreeDotsLineIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/{utilities.d.ts → thumbtack.d.ts}

@@ -1,12 +1,12 @@
 import { Icon } from '../icon-base';
 declare global {
     interface HTMLElementTagNameMap {
-        'nimble-utilities-icon': UtilitiesIcon;
+        'nimble-thumbtack-icon': ThumbtackIcon;
     }
 }
 /**
- * The icon component for the 'utilities' icon
+ * The icon component for the 'thumbtack' icon
  */
-export declare class UtilitiesIcon extends Icon {
+export declare class ThumbtackIcon extends Icon {
     constructor();
 }

package/dist/esm/nimble-components/src/icons/tile-size.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-tile-size-icon': TileSizeIcon;
+    }
+}
+/**
+ * The icon component for the 'tileSize' icon
+ */
+export declare class TileSizeIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/times.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-times-icon': TimesIcon;
+    }
+}
+/**
+ * The icon component for the 'times' icon
+ */
+export declare class TimesIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/trash.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-trash-icon': TrashIcon;
+    }
+}
+/**
+ * The icon component for the 'trash' icon
+ */
+export declare class TrashIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/triangle.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-triangle-icon': TriangleIcon;
+    }
+}
+/**
+ * The icon component for the 'triangle' icon
+ */
+export declare class TriangleIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/true-false-rectangle.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-true-false-rectangle-icon': TrueFalseRectangleIcon;
+    }
+}
+/**
+ * The icon component for the 'trueFalseRectangle' icon
+ */
+export declare class TrueFalseRectangleIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/unlink.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-unlink-icon': UnlinkIcon;
+    }
+}
+/**
+ * The icon component for the 'unlink' icon
+ */
+export declare class UnlinkIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/unlock.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-unlock-icon': UnlockIcon;
+    }
+}
+/**
+ * The icon component for the 'unlock' icon
+ */
+export declare class UnlockIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/upload.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-upload-icon': UploadIcon;
+    }
+}
+/**
+ * The icon component for the 'upload' icon
+ */
+export declare class UploadIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/user.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-user-icon': UserIcon;
+    }
+}
+/**
+ * The icon component for the 'user' icon
+ */
+export declare class UserIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/watch.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-watch-icon': WatchIcon;
+    }
+}
+/**
+ * The icon component for the 'watch' icon
+ */
+export declare class WatchIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/waveform.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-waveform-icon': WaveformIcon;
+    }
+}
+/**
+ * The icon component for the 'waveform' icon
+ */
+export declare class WaveformIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/webvi-custom.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-webvi-custom-icon': WebviCustomIcon;
+    }
+}
+/**
+ * The icon component for the 'webviCustom' icon
+ */
+export declare class WebviCustomIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/webvi-host.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-webvi-host-icon': WebviHostIcon;
+    }
+}
+/**
+ * The icon component for the 'webviHost' icon
+ */
+export declare class WebviHostIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/window-code.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-window-code-icon': WindowCodeIcon;
+    }
+}
+/**
+ * The icon component for the 'windowCode' icon
+ */
+export declare class WindowCodeIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/window-text.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-window-text-icon': WindowTextIcon;
+    }
+}
+/**
+ * The icon component for the 'windowText' icon
+ */
+export declare class WindowTextIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/wrench-hammer.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-wrench-hammer-icon': WrenchHammerIcon;
+    }
+}
+/**
+ * The icon component for the 'wrenchHammer' icon
+ */
+export declare class WrenchHammerIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/xmark-check.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-xmark-check-icon': XmarkCheckIcon;
+    }
+}
+/**
+ * The icon component for the 'xmarkCheck' icon
+ */
+export declare class XmarkCheckIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/xmark.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-xmark-icon': XmarkIcon;
+    }
+}
+/**
+ * The icon component for the 'xmark' icon
+ */
+export declare class XmarkIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/text-field/index.d.ts

@@ -18,5 +18,13 @@ declare class TextField extends FoundationTextField {
      * HTML Attribute: appearance
      */
     appearance: TextFieldAppearance;
+    /**
+     * A message explaining why the value is invalid.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: errortext
+     */
+    errorText: string;
     connectedCallback(): void;
 }

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

@@ -37,6 +37,7 @@ export declare const groupHeaderFont: import("@microsoft/fast-foundation").CSSDe
 export declare const controlLabelFont: import("@microsoft/fast-foundation").CSSDesignToken<string>;
 export declare const buttonLabelFont: import("@microsoft/fast-foundation").CSSDesignToken<string>;
 export declare const tooltipCaptionFont: import("@microsoft/fast-foundation").CSSDesignToken<string>;
+export declare const errorTextFont: import("@microsoft/fast-foundation").CSSDesignToken<string>;
 export declare const headlinePlus1FontColor: import("@microsoft/fast-foundation").CSSDesignToken<string>;
 export declare const headlineFontColor: import("@microsoft/fast-foundation").CSSDesignToken<string>;
 export declare const titlePlus2FontColor: import("@microsoft/fast-foundation").CSSDesignToken<string>;

package/dist/esm/select/styles.js

@@ -1,6 +1,6 @@
 import { css } from '@microsoft/fast-element';
 import { display } from '@microsoft/fast-foundation';
-import { applicationBackgroundColor, bodyFont, bodyFontColor, bodyDisabledFontColor, borderHoverColor, borderWidth, controlHeight, iconSize, popupBorderColor, popupBoxShadowColor, smallDelay } from '../theme-provider/design-tokens';
+import { applicationBackgroundColor, bodyFont, bodyFontColor, bodyDisabledFontColor, borderHoverColor, borderWidth, controlHeight, iconSize, popupBorderColor, popupBoxShadowColor, smallDelay, smallPadding } from '../theme-provider/design-tokens';
 export const styles = css `
     ${display('inline-flex')}
 
@@ -92,7 +92,7 @@ export const styles = css `
     }
 
     :host([open][position='below']) .listbox {
-        top: calc(${controlHeight} + 3px);
+        top: calc(${controlHeight} + ${smallPadding});
     }
 
     .selected-value {

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/select/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,0BAA0B,EAC1B,QAAQ,EACR,aAAa,EACb,qBAAqB,EACrB,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,QAAQ,EACR,gBAAgB,EAChB,mBAAmB,EACnB,UAAU,EACb,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;iBAIX,aAAa;gBACd,QAAQ;kBACN,aAAa;;;;;;;;;;;;;;;;UAgBrB;AACE;;;GAGG,CAAC,EACR;+CACuC,aAAa;;;kCAG1B,mBAAmB;4BACzB,gBAAgB;4BAChB,0BAA0B;;;;;;;;;;;;;;;yBAe7B,WAAW,UAAU,qBAAqB;;;;;;;;;;;yBAW1C,WAAW,UAAU,gBAAgB;oCAC1B,UAAU,oBAAoB,UAAU;;;;mCAIzC,gBAAgB;;oCAEf,UAAU,oBAAoB,UAAU;;;;;yBAKnD,WAAW,UAAU,qBAAqB;;iBAElD,qBAAqB;;;;;;;;;;;;;;kBAcpB,aAAa;;;;oBAIX,aAAa;;;;;;;;;;;;;;;;;;;;;;iBAsBhB,QAAQ;kBACP,QAAQ;gBACV,aAAa;;;;gBAIb,qBAAqB;;;;;;;;;;;;;;;;;;;;;CAqBpC,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/select/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,0BAA0B,EAC1B,QAAQ,EACR,aAAa,EACb,qBAAqB,EACrB,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,QAAQ,EACR,gBAAgB,EAChB,mBAAmB,EACnB,UAAU,EACV,YAAY,EACf,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;iBAIX,aAAa;gBACd,QAAQ;kBACN,aAAa;;;;;;;;;;;;;;;;UAgBrB;AACE;;;GAGG,CAAC,EACR;+CACuC,aAAa;;;kCAG1B,mBAAmB;4BACzB,gBAAgB;4BAChB,0BAA0B;;;;;;;;;;;;;;;yBAe7B,WAAW,UAAU,qBAAqB;;;;;;;;;;;yBAW1C,WAAW,UAAU,gBAAgB;oCAC1B,UAAU,oBAAoB,UAAU;;;;mCAIzC,gBAAgB;;oCAEf,UAAU,oBAAoB,UAAU;;;;;yBAKnD,WAAW,UAAU,qBAAqB;;iBAElD,qBAAqB;;;;;;;;;;;;;;kBAcpB,aAAa;;;;oBAIX,aAAa,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;iBAsBlC,QAAQ;kBACP,QAAQ;gBACV,aAAa;;;;gBAIb,qBAAqB;;;;;;;;;;;;;;;;;;;;;CAqBpC,CAAC"}

package/dist/esm/text-field/index.d.ts

@@ -18,5 +18,13 @@ declare class TextField extends FoundationTextField {
      * HTML Attribute: appearance
      */
     appearance: TextFieldAppearance;
+    /**
+     * A message explaining why the value is invalid.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: errortext
+     */
+    errorText: string;
     connectedCallback(): void;
 }

package/dist/esm/text-field/index.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { attr } from '@microsoft/fast-element';
+import { attr, html } from '@microsoft/fast-element';
 import { DesignSystem, TextField as FoundationTextField, textFieldTemplate as template } from '@microsoft/fast-foundation';
 import { exclamationMark16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
 import { styles } from './styles';
@@ -13,11 +13,15 @@ class TextField extends FoundationTextField {
         if (!this.appearance) {
             this.appearance = TextFieldAppearance.Underline;
         }
+        this.control.setAttribute('aria-errormessage', 'errortext');
     }
 }
 __decorate([
     attr
 ], TextField.prototype, "appearance", void 0);
+__decorate([
+    attr({ attribute: 'errortext' })
+], TextField.prototype, "errorText", void 0);
 const nimbleTextField = TextField.compose({
     baseName: 'text-field',
     baseClass: FoundationTextField,
@@ -27,7 +31,17 @@ const nimbleTextField = TextField.compose({
     shadowOptions: {
         delegatesFocus: true
     },
-    end: exclamationMark16X16.data
+    end: html `
+        ${exclamationMark16X16.data}
+        <div
+            id="errortext"
+            class="errortext"
+            title="${x => x.errorText}"
+            aria-live="polite"
+        >
+            ${x => x.errorText}
+        </div>
+    `
 });
 DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTextField());
 //# sourceMappingURL=index.js.map

package/dist/esm/text-field/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/text-field/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EACH,YAAY,EACZ,SAAS,IAAI,mBAAmB,EAEhC,iBAAiB,IAAI,QAAQ,EAChC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,sDAAsD,CAAC;AAC5F,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAU9C;;GAEG;AACH,MAAM,SAAU,SAAQ,mBAAmB;IAWhC,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YAClB,IAAI,CAAC,UAAU,GAAG,mBAAmB,CAAC,SAAS,CAAC;SACnD;IACL,CAAC;CACJ;AARG;IADC,IAAI;6CACmC;AAU5C,MAAM,eAAe,GAAG,SAAS,CAAC,OAAO,CAAmB;IACxD,QAAQ,EAAE,YAAY;IACtB,SAAS,EAAE,mBAAmB;IAC9B,0GAA0G;IAC1G,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACX,cAAc,EAAE,IAAI;KACvB;IACD,GAAG,EAAE,oBAAoB,CAAC,IAAI;CACjC,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/text-field/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EACH,YAAY,EACZ,SAAS,IAAI,mBAAmB,EAEhC,iBAAiB,IAAI,QAAQ,EAChC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,sDAAsD,CAAC;AAC5F,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAU9C;;GAEG;AACH,MAAM,SAAU,SAAQ,mBAAmB;IAqBhC,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YAClB,IAAI,CAAC,UAAU,GAAG,mBAAmB,CAAC,SAAS,CAAC;SACnD;QAED,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC;IAChE,CAAC;CACJ;AApBG;IADC,IAAI;6CACmC;AAUxC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;4CACP;AAY9B,MAAM,eAAe,GAAG,SAAS,CAAC,OAAO,CAAmB;IACxD,QAAQ,EAAE,YAAY;IACtB,SAAS,EAAE,mBAAmB;IAC9B,0GAA0G;IAC1G,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACX,cAAc,EAAE,IAAI;KACvB;IACD,GAAG,EAAE,IAAI,CAAW;UACd,oBAAoB,CAAC,IAAI;;;;qBAId,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;;;cAGvB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;;KAEzB;CACJ,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC,CAAC"}