@ni/nimble-components 1.0.0-beta.78 → 1.0.0-beta.81

package/dist/esm/icon-base/index.d.ts

@@ -0,0 +1,9 @@
+import { FoundationElement } from '@microsoft/fast-foundation';
+import type { NimbleIcon } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
+/**
+ * The base class for icon components
+ */
+export declare abstract class Icon extends FoundationElement {
+    icon: NimbleIcon;
+    constructor(icon: NimbleIcon);
+}

package/dist/esm/icon-base/index.js

@@ -0,0 +1,11 @@
+import { FoundationElement } from '@microsoft/fast-foundation';
+/**
+ * The base class for icon components
+ */
+export class Icon extends FoundationElement {
+    constructor(icon) {
+        super();
+        this.icon = icon;
+    }
+}
+//# sourceMappingURL=index.js.map

package/dist/esm/icon-base/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icon-base/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAG/D;;GAEG;AACH,MAAM,OAAgB,IAAK,SAAQ,iBAAiB;IAChD,YAA0B,IAAgB;QACtC,KAAK,EAAE,CAAC;QADc,SAAI,GAAJ,IAAI,CAAY;IAE1C,CAAC;CACJ"}

package/dist/esm/icon-base/styles.d.ts

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

package/dist/esm/icon-base/styles.js

@@ -0,0 +1,36 @@
+import { css } from '@microsoft/fast-element';
+import { contentFontColor, iconSize, warningColor, failColor, passColor } from '../theme-provider/design-tokens';
+export const styles = css `
+    :host {
+        display: inline-flex;
+        align-items: center;
+        user-select: none;
+        width: ${iconSize};
+        height: ${iconSize};
+        --icon-color: ${contentFontColor};
+    }
+
+    .icon {
+        width: 100%;
+        height: 100%;
+    }
+
+    :host(.fail) {
+        --icon-color: ${failColor};
+    }
+
+    :host(.warning) {
+        --icon-color: ${warningColor};
+    }
+
+    :host(.pass) {
+        --icon-color: ${passColor};
+    }
+
+    .icon svg {
+        fill: var(--icon-color);
+        width: 100%;
+        height: 100%;
+    }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/icon-base/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/icon-base/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACH,gBAAgB,EAChB,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,SAAS,EACZ,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;iBAKR,QAAQ;kBACP,QAAQ;wBACF,gBAAgB;;;;;;;;;wBAShB,SAAS;;;;wBAIT,YAAY;;;;wBAIZ,SAAS;;;;;;;;CAQhC,CAAC"}

package/dist/esm/icon-base/template.d.ts

@@ -0,0 +1,2 @@
+import type { Icon } from '.';
+export declare const template: import("@microsoft/fast-element").ViewTemplate<Icon, any>;

package/dist/esm/icon-base/template.js

@@ -0,0 +1,7 @@
+import { html } from '@microsoft/fast-element';
+export const template = html `
+        <template slot="start">
+                <div class="icon" :innerHTML=${x => x.icon.data}></div>
+        </template
+`;
+//# sourceMappingURL=template.js.map

package/dist/esm/icon-base/template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/icon-base/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG/C,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAM;;+CAEa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI;;CAE9D,CAAC"}

package/dist/esm/{icons/tests/icons.stories.d.ts → icon-base/tests/icon-matrix.stories.d.ts}

@@ -1,4 +1,6 @@
 import type { Story, Meta } from '@storybook/html';
+import '../index';
+import '../../icons/check';
 declare const metadata: Meta;
 export default metadata;
-export declare const icons: Story;
+export declare const iconThemeMatrix: Story;

package/dist/esm/icon-base/tests/icon-matrix.stories.js

@@ -0,0 +1,27 @@
+import { withXD } from 'storybook-addon-xd-designs';
+import { html } from '@microsoft/fast-element';
+import { createMatrix, themeWrapper } from '../../tests/utilities/theme-test-helpers';
+import '../index';
+import '../../icons/check';
+import { createRenderer } from '../../tests/utilities/storybook-test-helpers';
+import { IconStatus } from './types';
+const metadata = {
+    title: 'Tests/Icon',
+    decorators: [withXD],
+    parameters: {
+        controls: { hideNoControlsWarning: true }
+    }
+};
+export default metadata;
+const iconStates = [
+    ['Pass', IconStatus.Pass],
+    ['Fail', IconStatus.Fail],
+    ['Warning', IconStatus.Warning],
+    ['Regular', IconStatus.Regular]
+];
+const component = ([stateName, state]) => html `
+    <nimble-text-field readonly value="${stateName}"></<nimble-text-field>
+    <nimble-check-icon class="${state}"> </nimble-check-icon>
+`;
+export const iconThemeMatrix = createRenderer(themeWrapper(createMatrix(component, [iconStates])));
+//# sourceMappingURL=icon-matrix.stories.js.map

package/dist/esm/icon-base/tests/icon-matrix.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-matrix.stories.js","sourceRoot":"","sources":["../../../../src/icon-base/tests/icon-matrix.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAgB,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EACH,YAAY,EACZ,YAAY,EACf,MAAM,0CAA0C,CAAC;AAClD,OAAO,UAAU,CAAC;AAClB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,MAAM,QAAQ,GAAS;IACnB,KAAK,EAAE,YAAY;IACnB,UAAU,EAAE,CAAC,MAAM,CAAC;IACpB,UAAU,EAAE;QACR,QAAQ,EAAE,EAAE,qBAAqB,EAAE,IAAI,EAAE;KAC5C;CACJ,CAAC;AAEF,eAAe,QAAQ,CAAC;AAExB,MAAM,UAAU,GAAG;IACf,CAAC,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC;IACzB,CAAC,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC;IACzB,CAAC,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC;IAC/B,CAAC,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC;CAClC,CAAC;AAGF,MAAM,SAAS,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,CAAY,EAAgB,EAAE,CAAC,IAAI,CAAA;yCAC9B,SAAS;gCAClB,KAAK;CACpC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU,cAAc,CAChD,YAAY,CAAC,YAAY,CAAC,SAAS,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CACtD,CAAC"}

package/dist/esm/icon-base/tests/icons.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.spec.js","sourceRoot":"","sources":["../../../../src/icon-base/tests/icons.spec.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,sDAAsD,CAAC;AAEvF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AAErF,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACnB,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;QACnC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;QAClD,MAAM,aAAa,GAAG,CAAC,UAAkB,EAAc,EAAE;YACrD,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;YACpD,QAAQ,CAAC,SAAS,GAAG,UAAU,CAAC;YAChC,MAAM,GAAG,GAAG,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAClD,OAAO,GAAI,CAAC;QAChB,CAAC,CAAC;QACF,MAAM,QAAQ,GAAG,CAAC,GAAe,EAAoB,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC;QAEjG,MAAM,OAAO,GAAqB,EAAE,CAAC;QACrC,MAAM,QAAQ,GAAqB,EAAE,CAAC;QACtC,KAAK,MAAM,IAAI,IAAI,WAAW,EAAE;YAC5B,MAAM,QAAQ,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;YACjE,QAAQ,CAAC,YAAY,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE;gBACnC,MAAM,GAAG,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACrC,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;gBAC5B,MAAM,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,CAAC;gBACzB,MAAM,CAAC,GAAG,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;gBACjD,MAAM,CAAC,GAAG,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;gBAC9C,MAAM,CAAC,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;gBAC7C,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;oBACtB,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;iBACjD;YACL,CAAC,CAAC,CAAC;SACN;IACL,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/esm/icon-base/tests/icons.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Story, Meta } from '@storybook/html';
+import { IconStatus } from './types';
+interface IconArgs {
+    status: IconStatus;
+}
+declare const metadata: Meta<IconArgs>;
+export default metadata;
+export declare const rawIcons: Story<IconArgs>;
+export declare const componentIcons: Story<IconArgs>;

package/dist/esm/icon-base/tests/icons.stories.js

@@ -0,0 +1,72 @@
+import * as nimbleIconsMap from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
+import { withXD } from 'storybook-addon-xd-designs';
+import { html, repeat } from '@microsoft/fast-element';
+import * as nimbleIconComponentsMap from '../../icons/all-icons';
+import { IconStatus } from './types';
+import { createRenderer } from '../../tests/utilities/storybook-test-helpers';
+const nimbleIcons = Object.values(nimbleIconsMap);
+const nimbleIconComponents = Object.values(nimbleIconComponentsMap);
+const styleMarkup = `
+    <style>
+        .container {
+            margin: 0;
+            padding: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            flex-wrap: wrap;
+        }
+
+        .icon {
+            box-sizing: border-box;
+            width: 60px;
+            height: 60px;
+            padding: 20px;
+        }
+
+        .icon svg {
+            height: 32px;
+            width: 32px;
+            fill: var(--content-font-color);
+        }
+    </style>
+`;
+const metadata = {
+    title: 'Icons',
+    decorators: [withXD]
+};
+export default metadata;
+// prettier-ignore
+export const rawIcons = {
+    parameters: {
+        controls: { hideNoControlsWarning: true }
+    },
+    render: createRenderer(html `
+        ${styleMarkup}
+        <div class="container">
+            ${repeat(() => nimbleIcons, html `
+                <div
+                    class="icon"
+                    title="${x => x.name}"
+                    :innerHTML="${x => x.data}"
+                ></div>
+            `)}
+        </div>
+    `)
+};
+// prettier-ignore
+export const componentIcons = {
+    args: { status: IconStatus.Regular },
+    argTypes: {
+        status: {
+            options: Object.values(IconStatus),
+            control: { type: 'radio' }
+        }
+    },
+    render: createRenderer(html `
+        <div class="container" :innerHTML=
+            ${x => nimbleIconComponents.map(element => `<${element.iconName} class="${x.status}" title="${element.iconName}" style="padding: 5px"></${element.iconName}>`).join('')}>
+        </div>
+    `)
+};
+//# sourceMappingURL=icons.stories.js.map

package/dist/esm/icon-base/tests/icons.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.stories.js","sourceRoot":"","sources":["../../../../src/icon-base/tests/icons.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc,MAAM,sDAAsD,CAAC;AACvF,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,uBAAuB,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAC;AAE9E,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;AAClD,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC;AAMpE,MAAM,WAAW,GAAG;;;;;;;;;;;;;;;;;;;;;;;;CAwBnB,CAAC;AAEF,MAAM,QAAQ,GAAmB;IAC7B,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,CAAC,MAAM,CAAC;CACvB,CAAC;AAEF,eAAe,QAAQ,CAAC;AAExB,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAoB;IACrC,UAAU,EAAE;QACR,QAAQ,EAAE,EAAE,qBAAqB,EAAE,IAAI,EAAE;KAC5C;IACD,MAAM,EAAE,cAAc,CAAC,IAAI,CAAA;UACrB,WAAW;;cAEP,MAAM,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,IAAI,CAAY;;;6BAG3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;kCACN,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;;aAEhC,CAAC;;KAET,CAAC;CACL,CAAC;AAEF,kBAAkB;AAClB,MAAM,CAAC,MAAM,cAAc,GAAoB;IAC3C,IAAI,EAAE,EAAE,MAAM,EAAE,UAAU,CAAC,OAAO,EAAE;IACpC,QAAQ,EAAE;QACN,MAAM,EAAE;YACJ,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC;YAClC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC7B;KACJ;IACD,MAAM,EAAE,cAAc,CAAC,IAAI,CAAA;;cAEjB,CAAC,CAAC,EAAE,CAAC,oBAAoB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,OAAO,CAAC,QAAQ,WAAW,CAAC,CAAC,MAAM,YAAY,OAAO,CAAC,QAAQ,4BAA4B,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;;KAE9K,CAAC;CACL,CAAC"}

package/dist/esm/icon-base/tests/types.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Predefined icon status states
+ * @public
+ */
+export declare enum IconStatus {
+    Fail = "fail",
+    Warning = "warning",
+    Pass = "pass",
+    Regular = "regular"
+}

package/dist/esm/icon-base/tests/types.js

@@ -0,0 +1,12 @@
+/**
+ * Predefined icon status states
+ * @public
+ */
+export var IconStatus;
+(function (IconStatus) {
+    IconStatus["Fail"] = "fail";
+    IconStatus["Warning"] = "warning";
+    IconStatus["Pass"] = "pass";
+    IconStatus["Regular"] = "regular";
+})(IconStatus || (IconStatus = {}));
+//# sourceMappingURL=types.js.map

package/dist/esm/icon-base/tests/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/icon-base/tests/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IAClB,2BAAa,CAAA;IACb,iCAAmB,CAAA;IACnB,2BAAa,CAAA;IACb,iCAAmB,CAAA;AACvB,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB"}

package/dist/esm/icons/access-control.d.ts

@@ -0,0 +1,9 @@
+import { Icon } from '../icon-base';
+export type { AccessControlIcon };
+export declare const baseName = "access-control-icon";
+/**
+ * The icon component for the 'access-control' icon
+ */
+declare class AccessControlIcon extends Icon {
+    constructor();
+}

package/dist/esm/icons/access-control.js

@@ -0,0 +1,31 @@
+import { DesignSystem } from '@microsoft/fast-foundation';
+import { accessControlKey16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
+import { Icon } from '../icon-base';
+import { template } from '../icon-base/template';
+import { styles } from '../icon-base/styles';
+export const baseName = 'access-control-icon';
+/**
+ * The icon component for the 'access-control' icon
+ */
+class AccessControlIcon extends Icon {
+    constructor() {
+        super(accessControlKey16X16);
+    }
+}
+/**
+ * A function that returns a nimble-access-control-icon registration for configuring the component with a DesignSystem.
+ *
+ * @public
+ * @remarks
+ * Generates HTML Element: \<nimble-access-control-icon\>
+ *
+ */
+const nimbleAccessControlIcon = AccessControlIcon.compose({
+    baseName,
+    template,
+    styles
+});
+DesignSystem.getOrCreate()
+    .withPrefix('nimble')
+    .register(nimbleAccessControlIcon());
+//# sourceMappingURL=access-control.js.map

package/dist/esm/icons/access-control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"access-control.js","sourceRoot":"","sources":["../../../src/icons/access-control.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,sDAAsD,CAAC;AAC7F,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,MAAM,CAAC,MAAM,QAAQ,GAAG,qBAAqB,CAAC;AAE9C;;GAEG;AACH,MAAM,iBAAkB,SAAQ,IAAI;IAChC;QACI,KAAK,CAAC,qBAAqB,CAAC,CAAC;IACjC,CAAC;CACJ;AAED;;;;;;;GAOG;AACH,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,OAAO,CAAC;IACtD,QAAQ;IACR,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,uBAAuB,EAAE,CAAC,CAAC"}

package/dist/esm/icons/admin.d.ts

@@ -0,0 +1,9 @@
+import { Icon } from '../icon-base';
+export type { AdminIcon };
+export declare const baseName = "admin-icon";
+/**
+ * The icon component for the 'admin' icon
+ */
+declare class AdminIcon extends Icon {
+    constructor();
+}

package/dist/esm/icons/admin.js

@@ -0,0 +1,29 @@
+import { DesignSystem } from '@microsoft/fast-foundation';
+import { admin16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
+import { Icon } from '../icon-base';
+import { template } from '../icon-base/template';
+import { styles } from '../icon-base/styles';
+export const baseName = 'admin-icon';
+/**
+ * The icon component for the 'admin' icon
+ */
+class AdminIcon extends Icon {
+    constructor() {
+        super(admin16X16);
+    }
+}
+/**
+ * A function that returns a nimble-admin-icon registration for configuring the component with a DesignSystem.
+ *
+ * @public
+ * @remarks
+ * Generates HTML Element: \<nimble-admin-icon\>
+ *
+ */
+const nimbleAdminIcon = AdminIcon.compose({
+    baseName,
+    template,
+    styles
+});
+DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleAdminIcon());
+//# sourceMappingURL=admin.js.map

package/dist/esm/icons/admin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin.js","sourceRoot":"","sources":["../../../src/icons/admin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,sDAAsD,CAAC;AAClF,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,MAAM,CAAC,MAAM,QAAQ,GAAG,YAAY,CAAC;AAErC;;GAEG;AACH,MAAM,SAAU,SAAQ,IAAI;IACxB;QACI,KAAK,CAAC,UAAU,CAAC,CAAC;IACtB,CAAC;CACJ;AAED;;;;;;;GAOG;AACH,MAAM,eAAe,GAAG,SAAS,CAAC,OAAO,CAAC;IACtC,QAAQ;IACR,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC,CAAC"}

package/dist/esm/icons/administration.d.ts

@@ -0,0 +1,9 @@
+import { Icon } from '../icon-base';
+export type { AdministrationIcon };
+export declare const baseName = "administration-icon";
+/**
+ * The icon component for the 'administration' icon
+ */
+declare class AdministrationIcon extends Icon {
+    constructor();
+}

package/dist/esm/icons/administration.js

@@ -0,0 +1,31 @@
+import { DesignSystem } from '@microsoft/fast-foundation';
+import { administration16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
+import { Icon } from '../icon-base';
+import { template } from '../icon-base/template';
+import { styles } from '../icon-base/styles';
+export const baseName = 'administration-icon';
+/**
+ * The icon component for the 'administration' icon
+ */
+class AdministrationIcon extends Icon {
+    constructor() {
+        super(administration16X16);
+    }
+}
+/**
+ * A function that returns a nimble-administration-icon registration for configuring the component with a DesignSystem.
+ *
+ * @public
+ * @remarks
+ * Generates HTML Element: \<nimble-administration-icon\>
+ *
+ */
+const nimbleAdministrationIcon = AdministrationIcon.compose({
+    baseName,
+    template,
+    styles
+});
+DesignSystem.getOrCreate()
+    .withPrefix('nimble')
+    .register(nimbleAdministrationIcon());
+//# sourceMappingURL=administration.js.map

package/dist/esm/icons/administration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"administration.js","sourceRoot":"","sources":["../../../src/icons/administration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,MAAM,CAAC,MAAM,QAAQ,GAAG,qBAAqB,CAAC;AAE9C;;GAEG;AACH,MAAM,kBAAmB,SAAQ,IAAI;IACjC;QACI,KAAK,CAAC,mBAAmB,CAAC,CAAC;IAC/B,CAAC;CACJ;AAED;;;;;;;GAOG;AACH,MAAM,wBAAwB,GAAG,kBAAkB,CAAC,OAAO,CAAC;IACxD,QAAQ;IACR,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,wBAAwB,EAAE,CAAC,CAAC"}

package/dist/esm/icons/all-icons.d.ts

@@ -0,0 +1,39 @@
+export declare const accessControl: {
+    iconName: string;
+};
+export declare const admin: {
+    iconName: string;
+};
+export declare const administration: {
+    iconName: string;
+};
+export declare const check: {
+    iconName: string;
+};
+export declare const customApplications: {
+    iconName: string;
+};
+export declare const deleteIcon: {
+    iconName: string;
+};
+export declare const login: {
+    iconName: string;
+};
+export declare const logout: {
+    iconName: string;
+};
+export declare const managedSystems: {
+    iconName: string;
+};
+export declare const measurementDataAnalysis: {
+    iconName: string;
+};
+export declare const settings: {
+    iconName: string;
+};
+export declare const testInsights: {
+    iconName: string;
+};
+export declare const utilities: {
+    iconName: string;
+};

package/dist/esm/icons/all-icons.js

@@ -0,0 +1,31 @@
+import { baseName as accessControlName } from './access-control';
+import { baseName as adminName } from './admin';
+import { baseName as administrationName } from './administration';
+import { baseName as checkName } from './check';
+import { baseName as customApplicationsName } from './custom-applications';
+import { baseName as deleteName } from './delete';
+import { baseName as loginName } from './login';
+import { baseName as logoutName } from './logout';
+import { baseName as managedSystemsName } from './managed-systems';
+import { baseName as measurementDataAnalysisName } from './measurement-data-analysis';
+import { baseName as settingsName } from './settings';
+import { baseName as testInsightsName } from './test-insights';
+import { baseName as utilitiesName } from './utilities';
+export const accessControl = { iconName: `nimble-${accessControlName}` };
+export const admin = { iconName: `nimble-${adminName}` };
+export const administration = { iconName: `nimble-${administrationName}` };
+export const check = { iconName: `nimble-${checkName}` };
+export const customApplications = {
+    iconName: `nimble-${customApplicationsName}`
+};
+export const deleteIcon = { iconName: `nimble-${deleteName}` };
+export const login = { iconName: `nimble-${loginName}` };
+export const logout = { iconName: `nimble-${logoutName}` };
+export const managedSystems = { iconName: `nimble-${managedSystemsName}` };
+export const measurementDataAnalysis = {
+    iconName: `nimble-${measurementDataAnalysisName}`
+};
+export const settings = { iconName: `nimble-${settingsName}` };
+export const testInsights = { iconName: `nimble-${testInsightsName}` };
+export const utilities = { iconName: `nimble-${utilitiesName}` };
+//# sourceMappingURL=all-icons.js.map

package/dist/esm/icons/all-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"all-icons.js","sourceRoot":"","sources":["../../../src/icons/all-icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,QAAQ,IAAI,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,QAAQ,IAAI,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,QAAQ,IAAI,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,QAAQ,IAAI,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AACtF,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,aAAa,CAAC;AAExD,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,QAAQ,EAAE,UAAU,iBAAiB,EAAE,EAAE,CAAC;AACzE,MAAM,CAAC,MAAM,KAAK,GAAG,EAAE,QAAQ,EAAE,UAAU,SAAS,EAAE,EAAE,CAAC;AACzD,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,QAAQ,EAAE,UAAU,kBAAkB,EAAE,EAAE,CAAC;AAC3E,MAAM,CAAC,MAAM,KAAK,GAAG,EAAE,QAAQ,EAAE,UAAU,SAAS,EAAE,EAAE,CAAC;AACzD,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAC9B,QAAQ,EAAE,UAAU,sBAAsB,EAAE;CAC/C,CAAC;AACF,MAAM,CAAC,MAAM,UAAU,GAAG,EAAE,QAAQ,EAAE,UAAU,UAAU,EAAE,EAAE,CAAC;AAC/D,MAAM,CAAC,MAAM,KAAK,GAAG,EAAE,QAAQ,EAAE,UAAU,SAAS,EAAE,EAAE,CAAC;AACzD,MAAM,CAAC,MAAM,MAAM,GAAG,EAAE,QAAQ,EAAE,UAAU,UAAU,EAAE,EAAE,CAAC;AAC3D,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,QAAQ,EAAE,UAAU,kBAAkB,EAAE,EAAE,CAAC;AAC3E,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACnC,QAAQ,EAAE,UAAU,2BAA2B,EAAE;CACpD,CAAC;AACF,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAE,QAAQ,EAAE,UAAU,YAAY,EAAE,EAAE,CAAC;AAC/D,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,QAAQ,EAAE,UAAU,gBAAgB,EAAE,EAAE,CAAC;AACvE,MAAM,CAAC,MAAM,SAAS,GAAG,EAAE,QAAQ,EAAE,UAAU,aAAa,EAAE,EAAE,CAAC"}

package/dist/esm/icons/check.d.ts

@@ -0,0 +1,9 @@
+import { Icon } from '../icon-base';
+export type { CheckIcon };
+export declare const baseName = "check-icon";
+/**
+ *  The icon component for the 'check' icon
+ */
+declare class CheckIcon extends Icon {
+    constructor();
+}

package/dist/esm/icons/check.js

@@ -0,0 +1,29 @@
+import { DesignSystem } from '@microsoft/fast-foundation';
+import { controlsCheckboxCheck16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
+import { Icon } from '../icon-base';
+import { template } from '../icon-base/template';
+import { styles } from '../icon-base/styles';
+export const baseName = 'check-icon';
+/**
+ *  The icon component for the 'check' icon
+ */
+class CheckIcon extends Icon {
+    constructor() {
+        super(controlsCheckboxCheck16X16);
+    }
+}
+/**
+ * A function that returns a nimble-check-icon registration for configuring the component with a DesignSystem.
+ *
+ * @public
+ * @remarks
+ * Generates HTML Element: \<nimble-check-icon\>
+ *
+ */
+const nimbleCheckIcon = CheckIcon.compose({
+    baseName,
+    template,
+    styles
+});
+DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleCheckIcon());
+//# sourceMappingURL=check.js.map

package/dist/esm/icons/check.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check.js","sourceRoot":"","sources":["../../../src/icons/check.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,0BAA0B,EAAE,MAAM,sDAAsD,CAAC;AAClG,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,MAAM,CAAC,MAAM,QAAQ,GAAG,YAAY,CAAC;AAErC;;GAEG;AACH,MAAM,SAAU,SAAQ,IAAI;IACxB;QACI,KAAK,CAAC,0BAA0B,CAAC,CAAC;IACtC,CAAC;CACJ;AAED;;;;;;;GAOG;AACH,MAAM,eAAe,GAAG,SAAS,CAAC,OAAO,CAAC;IACtC,QAAQ;IACR,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC,CAAC"}

package/dist/esm/icons/custom-applications.d.ts

@@ -0,0 +1,9 @@
+import { Icon } from '../icon-base';
+export type { CustomApplicationsIcon };
+export declare const baseName = "custom-applications-icon";
+/**
+ * The icon component for the 'custom-applications' icon
+ */
+declare class CustomApplicationsIcon extends Icon {
+    constructor();
+}

package/dist/esm/icons/custom-applications.js

@@ -0,0 +1,31 @@
+import { DesignSystem } from '@microsoft/fast-foundation';
+import { customApplications16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
+import { Icon } from '../icon-base';
+import { template } from '../icon-base/template';
+import { styles } from '../icon-base/styles';
+export const baseName = 'custom-applications-icon';
+/**
+ * The icon component for the 'custom-applications' icon
+ */
+class CustomApplicationsIcon extends Icon {
+    constructor() {
+        super(customApplications16X16);
+    }
+}
+/**
+ * A function that returns a nimble-custom-applications-icon registration for configuring the component with a DesignSystem.
+ *
+ * @public
+ * @remarks
+ * Generates HTML Element: \<nimble-custom-applications-icon\>
+ *
+ */
+const nimbleCustomApplicationsIcon = CustomApplicationsIcon.compose({
+    baseName,
+    template,
+    styles
+});
+DesignSystem.getOrCreate()
+    .withPrefix('nimble')
+    .register(nimbleCustomApplicationsIcon());
+//# sourceMappingURL=custom-applications.js.map

package/dist/esm/icons/custom-applications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-applications.js","sourceRoot":"","sources":["../../../src/icons/custom-applications.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,sDAAsD,CAAC;AAC/F,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,MAAM,CAAC,MAAM,QAAQ,GAAG,0BAA0B,CAAC;AAEnD;;GAEG;AACH,MAAM,sBAAuB,SAAQ,IAAI;IACrC;QACI,KAAK,CAAC,uBAAuB,CAAC,CAAC;IACnC,CAAC;CACJ;AAED;;;;;;;GAOG;AACH,MAAM,4BAA4B,GAAG,sBAAsB,CAAC,OAAO,CAAC;IAChE,QAAQ;IACR,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,4BAA4B,EAAE,CAAC,CAAC"}

package/dist/esm/icons/delete.d.ts

@@ -0,0 +1,9 @@
+import { Icon } from '../icon-base';
+export type { DeleteIcon };
+export declare const baseName = "delete-icon";
+/**
+ * The icon component for the 'delete' icon
+ */
+declare class DeleteIcon extends Icon {
+    constructor();
+}

package/dist/esm/icons/delete.js

@@ -0,0 +1,29 @@
+import { DesignSystem } from '@microsoft/fast-foundation';
+import { delete16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
+import { Icon } from '../icon-base';
+import { template } from '../icon-base/template';
+import { styles } from '../icon-base/styles';
+export const baseName = 'delete-icon';
+/**
+ * The icon component for the 'delete' icon
+ */
+class DeleteIcon extends Icon {
+    constructor() {
+        super(delete16X16);
+    }
+}
+/**
+ * A function that returns a nimble-delete-icon registration for configuring the component with a DesignSystem.
+ *
+ * @public
+ * @remarks
+ * Generates HTML Element: \<nimble-delete-icon\>
+ *
+ */
+const nimbleDeleteIcon = DeleteIcon.compose({
+    baseName,
+    template,
+    styles
+});
+DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleDeleteIcon());
+//# sourceMappingURL=delete.js.map

package/dist/esm/icons/delete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete.js","sourceRoot":"","sources":["../../../src/icons/delete.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAC;AACnF,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CAAC;AAEtC;;GAEG;AACH,MAAM,UAAW,SAAQ,IAAI;IACzB;QACI,KAAK,CAAC,WAAW,CAAC,CAAC;IACvB,CAAC;CACJ;AAED;;;;;;;GAOG;AACH,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,CAAC;IACxC,QAAQ;IACR,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC"}

package/dist/esm/icons/login.d.ts

@@ -0,0 +1,9 @@
+import { Icon } from '../icon-base';
+export type { LoginIcon };
+export declare const baseName = "login-icon";
+/**
+ * The icon component for the 'login' icon
+ */
+declare class LoginIcon extends Icon {
+    constructor();
+}