@ni/nimble-components 1.0.0-beta.101 → 1.0.0-beta.102

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

@@ -1,12 +1,12 @@
-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 class Icon extends FoundationElement {
-    icon: NimbleIcon;
-    constructor(icon: NimbleIcon);
-}
-declare type IconClass = typeof Icon;
-export declare const registerIcon: (baseName: string, iconClass: IconClass) => void;
-export {};
+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 class Icon extends FoundationElement {
+    icon: NimbleIcon;
+    constructor(icon: NimbleIcon);
+}
+declare type IconClass = typeof Icon;
+export declare const registerIcon: (baseName: string, iconClass: IconClass) => void;
+export {};

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

@@ -1,22 +1,22 @@
-import { DesignSystem, FoundationElement } from '@microsoft/fast-foundation';
-import { template } from './template';
-import { styles } from './styles';
-/**
- * The base class for icon components
- */
-export class Icon extends FoundationElement {
-    constructor(icon) {
-        super();
-        this.icon = icon;
-    }
-}
-export const registerIcon = (baseName, iconClass) => {
-    const composedIcon = iconClass.compose({
-        baseName,
-        template,
-        styles,
-        baseClass: iconClass
-    });
-    DesignSystem.getOrCreate().withPrefix('nimble').register(composedIcon());
-};
+import { DesignSystem, FoundationElement } from '@microsoft/fast-foundation';
+import { template } from './template';
+import { styles } from './styles';
+/**
+ * The base class for icon components
+ */
+export class Icon extends FoundationElement {
+    constructor(icon) {
+        super();
+        this.icon = icon;
+    }
+}
+export const registerIcon = (baseName, iconClass) => {
+    const composedIcon = iconClass.compose({
+        baseName,
+        template,
+        styles,
+        baseClass: iconClass
+    });
+    DesignSystem.getOrCreate().withPrefix('nimble').register(composedIcon());
+};
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,38 +1,38 @@
-import { css } from '@microsoft/fast-element';
-import { display } from '@microsoft/fast-foundation';
-import { contentFontColor, iconSize, warningColor, failColor, passColor } from '../theme-provider/design-tokens';
-export const styles = css `
-    ${display('inline-flex')}
-
-    :host {
-        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%;
-    }
-`;
+import { css } from '@microsoft/fast-element';
+import { display } from '@microsoft/fast-foundation';
+import { contentFontColor, iconSize, warningColor, failColor, passColor } from '../theme-provider/design-tokens';
+export const styles = css `
+    ${display('inline-flex')}
+
+    :host {
+        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/template.d.ts

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

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

@@ -1,7 +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
-`;
+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/icons/access-control.d.ts

@@ -1,7 +1,7 @@
-import { Icon } from '../icon-base';
-/**
- * The icon component for the 'access-control' icon
- */
-export declare class AccessControlIcon extends Icon {
-    constructor();
-}
+import { Icon } from '../icon-base';
+/**
+ * The icon component for the 'access-control' icon
+ */
+export declare class AccessControlIcon extends Icon {
+    constructor();
+}

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

@@ -1,12 +1,12 @@
-import { accessControlKey16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
-import { Icon, registerIcon } from '../icon-base';
-/**
- * The icon component for the 'access-control' icon
- */
-export class AccessControlIcon extends Icon {
-    constructor() {
-        super(accessControlKey16X16);
-    }
-}
-registerIcon('access-control-icon', AccessControlIcon);
+import { accessControlKey16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
+import { Icon, registerIcon } from '../icon-base';
+/**
+ * The icon component for the 'access-control' icon
+ */
+export class AccessControlIcon extends Icon {
+    constructor() {
+        super(accessControlKey16X16);
+    }
+}
+registerIcon('access-control-icon', AccessControlIcon);
 //# sourceMappingURL=access-control.js.map

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

@@ -1,7 +1,7 @@
-import { Icon } from '../icon-base';
-/**
- * The icon component for the 'admin' icon
- */
-export declare class AdminIcon extends Icon {
-    constructor();
-}
+import { Icon } from '../icon-base';
+/**
+ * The icon component for the 'admin' icon
+ */
+export declare class AdminIcon extends Icon {
+    constructor();
+}

package/dist/esm/icons/admin.js

@@ -1,12 +1,12 @@
-import { admin16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
-import { Icon, registerIcon } from '../icon-base';
-/**
- * The icon component for the 'admin' icon
- */
-export class AdminIcon extends Icon {
-    constructor() {
-        super(admin16X16);
-    }
-}
-registerIcon('admin-icon', AdminIcon);
+import { admin16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
+import { Icon, registerIcon } from '../icon-base';
+/**
+ * The icon component for the 'admin' icon
+ */
+export class AdminIcon extends Icon {
+    constructor() {
+        super(admin16X16);
+    }
+}
+registerIcon('admin-icon', AdminIcon);
 //# sourceMappingURL=admin.js.map

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

@@ -1,7 +1,7 @@
-import { Icon } from '../icon-base';
-/**
- * The icon component for the 'administration' icon
- */
-export declare class AdministrationIcon extends Icon {
-    constructor();
-}
+import { Icon } from '../icon-base';
+/**
+ * The icon component for the 'administration' icon
+ */
+export declare class AdministrationIcon extends Icon {
+    constructor();
+}

package/dist/esm/icons/administration.js

@@ -1,12 +1,12 @@
-import { administration16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
-import { Icon, registerIcon } from '../icon-base';
-/**
- * The icon component for the 'administration' icon
- */
-export class AdministrationIcon extends Icon {
-    constructor() {
-        super(administration16X16);
-    }
-}
-registerIcon('administration-icon', AdministrationIcon);
+import { administration16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
+import { Icon, registerIcon } from '../icon-base';
+/**
+ * The icon component for the 'administration' icon
+ */
+export class AdministrationIcon extends Icon {
+    constructor() {
+        super(administration16X16);
+    }
+}
+registerIcon('administration-icon', AdministrationIcon);
 //# sourceMappingURL=administration.js.map

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

@@ -1,13 +1,13 @@
-export { AccessControlIcon } from './access-control';
-export { AdminIcon } from './admin';
-export { AdministrationIcon } from './administration';
-export { CheckIcon } from './check';
-export { CustomApplicationsIcon } from './custom-applications';
-export { DeleteIcon } from './delete';
-export { LoginIcon } from './login';
-export { LogoutIcon } from './logout';
-export { ManagedSystemsIcon } from './managed-systems';
-export { MeasurementDataAnalysisIcon } from './measurement-data-analysis';
-export { SettingsIcon } from './settings';
-export { TestInsightsIcon } from './test-insights';
-export { UtilitiesIcon } from './utilities';
+export { AccessControlIcon } from './access-control';
+export { AdminIcon } from './admin';
+export { AdministrationIcon } from './administration';
+export { CheckIcon } from './check';
+export { CustomApplicationsIcon } from './custom-applications';
+export { DeleteIcon } from './delete';
+export { LoginIcon } from './login';
+export { LogoutIcon } from './logout';
+export { ManagedSystemsIcon } from './managed-systems';
+export { MeasurementDataAnalysisIcon } from './measurement-data-analysis';
+export { SettingsIcon } from './settings';
+export { TestInsightsIcon } from './test-insights';
+export { UtilitiesIcon } from './utilities';

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

@@ -1,14 +1,14 @@
-export { AccessControlIcon } from './access-control';
-export { AdminIcon } from './admin';
-export { AdministrationIcon } from './administration';
-export { CheckIcon } from './check';
-export { CustomApplicationsIcon } from './custom-applications';
-export { DeleteIcon } from './delete';
-export { LoginIcon } from './login';
-export { LogoutIcon } from './logout';
-export { ManagedSystemsIcon } from './managed-systems';
-export { MeasurementDataAnalysisIcon } from './measurement-data-analysis';
-export { SettingsIcon } from './settings';
-export { TestInsightsIcon } from './test-insights';
-export { UtilitiesIcon } from './utilities';
+export { AccessControlIcon } from './access-control';
+export { AdminIcon } from './admin';
+export { AdministrationIcon } from './administration';
+export { CheckIcon } from './check';
+export { CustomApplicationsIcon } from './custom-applications';
+export { DeleteIcon } from './delete';
+export { LoginIcon } from './login';
+export { LogoutIcon } from './logout';
+export { ManagedSystemsIcon } from './managed-systems';
+export { MeasurementDataAnalysisIcon } from './measurement-data-analysis';
+export { SettingsIcon } from './settings';
+export { TestInsightsIcon } from './test-insights';
+export { UtilitiesIcon } from './utilities';
 //# sourceMappingURL=all-icons.js.map

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

@@ -1,7 +1,7 @@
-import { Icon } from '../icon-base';
-/**
- *  The icon component for the 'check' icon
- */
-export declare class CheckIcon extends Icon {
-    constructor();
-}
+import { Icon } from '../icon-base';
+/**
+ *  The icon component for the 'check' icon
+ */
+export declare class CheckIcon extends Icon {
+    constructor();
+}

package/dist/esm/icons/check.js

@@ -1,12 +1,12 @@
-import { controlsCheckboxCheck16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
-import { Icon, registerIcon } from '../icon-base';
-/**
- *  The icon component for the 'check' icon
- */
-export class CheckIcon extends Icon {
-    constructor() {
-        super(controlsCheckboxCheck16X16);
-    }
-}
-registerIcon('check-icon', CheckIcon);
+import { controlsCheckboxCheck16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
+import { Icon, registerIcon } from '../icon-base';
+/**
+ *  The icon component for the 'check' icon
+ */
+export class CheckIcon extends Icon {
+    constructor() {
+        super(controlsCheckboxCheck16X16);
+    }
+}
+registerIcon('check-icon', CheckIcon);
 //# sourceMappingURL=check.js.map

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

@@ -1,7 +1,7 @@
-import { Icon } from '../icon-base';
-/**
- * The icon component for the 'custom-applications' icon
- */
-export declare class CustomApplicationsIcon extends Icon {
-    constructor();
-}
+import { Icon } from '../icon-base';
+/**
+ * The icon component for the 'custom-applications' icon
+ */
+export declare class CustomApplicationsIcon extends Icon {
+    constructor();
+}

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

@@ -1,12 +1,12 @@
-import { customApplications16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
-import { Icon, registerIcon } from '../icon-base';
-/**
- * The icon component for the 'custom-applications' icon
- */
-export class CustomApplicationsIcon extends Icon {
-    constructor() {
-        super(customApplications16X16);
-    }
-}
-registerIcon('custom-applications-icon', CustomApplicationsIcon);
+import { customApplications16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
+import { Icon, registerIcon } from '../icon-base';
+/**
+ * The icon component for the 'custom-applications' icon
+ */
+export class CustomApplicationsIcon extends Icon {
+    constructor() {
+        super(customApplications16X16);
+    }
+}
+registerIcon('custom-applications-icon', CustomApplicationsIcon);
 //# sourceMappingURL=custom-applications.js.map

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

@@ -1,7 +1,7 @@
-import { Icon } from '../icon-base';
-/**
- * The icon component for the 'delete' icon
- */
-export declare class DeleteIcon extends Icon {
-    constructor();
-}
+import { Icon } from '../icon-base';
+/**
+ * The icon component for the 'delete' icon
+ */
+export declare class DeleteIcon extends Icon {
+    constructor();
+}

package/dist/esm/icons/delete.js

@@ -1,12 +1,12 @@
-import { delete16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
-import { Icon, registerIcon } from '../icon-base';
-/**
- * The icon component for the 'delete' icon
- */
-export class DeleteIcon extends Icon {
-    constructor() {
-        super(delete16X16);
-    }
-}
-registerIcon('delete-icon', DeleteIcon);
+import { delete16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
+import { Icon, registerIcon } from '../icon-base';
+/**
+ * The icon component for the 'delete' icon
+ */
+export class DeleteIcon extends Icon {
+    constructor() {
+        super(delete16X16);
+    }
+}
+registerIcon('delete-icon', DeleteIcon);
 //# sourceMappingURL=delete.js.map

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

@@ -1,7 +1,7 @@
-import { Icon } from '../icon-base';
-/**
- * The icon component for the 'login' icon
- */
-export declare class LoginIcon extends Icon {
-    constructor();
-}
+import { Icon } from '../icon-base';
+/**
+ * The icon component for the 'login' icon
+ */
+export declare class LoginIcon extends Icon {
+    constructor();
+}

package/dist/esm/icons/login.js

@@ -1,12 +1,12 @@
-import { login16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
-import { Icon, registerIcon } from '../icon-base';
-/**
- * The icon component for the 'login' icon
- */
-export class LoginIcon extends Icon {
-    constructor() {
-        super(login16X16);
-    }
-}
-registerIcon('login-icon', LoginIcon);
+import { login16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
+import { Icon, registerIcon } from '../icon-base';
+/**
+ * The icon component for the 'login' icon
+ */
+export class LoginIcon extends Icon {
+    constructor() {
+        super(login16X16);
+    }
+}
+registerIcon('login-icon', LoginIcon);
 //# sourceMappingURL=login.js.map

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

@@ -1,7 +1,7 @@
-import { Icon } from '../icon-base';
-/**
- * The icon component for the 'logout' icon
- */
-export declare class LogoutIcon extends Icon {
-    constructor();
-}
+import { Icon } from '../icon-base';
+/**
+ * The icon component for the 'logout' icon
+ */
+export declare class LogoutIcon extends Icon {
+    constructor();
+}

package/dist/esm/icons/logout.js

@@ -1,12 +1,12 @@
-import { logout16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
-import { Icon, registerIcon } from '../icon-base';
-/**
- * The icon component for the 'logout' icon
- */
-export class LogoutIcon extends Icon {
-    constructor() {
-        super(logout16X16);
-    }
-}
-registerIcon('logout-icon', LogoutIcon);
+import { logout16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
+import { Icon, registerIcon } from '../icon-base';
+/**
+ * The icon component for the 'logout' icon
+ */
+export class LogoutIcon extends Icon {
+    constructor() {
+        super(logout16X16);
+    }
+}
+registerIcon('logout-icon', LogoutIcon);
 //# sourceMappingURL=logout.js.map

package/dist/esm/icons/managed-systems.d.ts

@@ -1,7 +1,7 @@
-import { Icon } from '../icon-base';
-/**
- * The icon component for the 'managed-systems' icon
- */
-export declare class ManagedSystemsIcon extends Icon {
-    constructor();
-}
+import { Icon } from '../icon-base';
+/**
+ * The icon component for the 'managed-systems' icon
+ */
+export declare class ManagedSystemsIcon extends Icon {
+    constructor();
+}

package/dist/esm/icons/managed-systems.js

@@ -1,12 +1,12 @@
-import { managedSystems16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
-import { Icon, registerIcon } from '../icon-base';
-/**
- * The icon component for the 'managed-systems' icon
- */
-export class ManagedSystemsIcon extends Icon {
-    constructor() {
-        super(managedSystems16X16);
-    }
-}
-registerIcon('managed-systems-icon', ManagedSystemsIcon);
+import { managedSystems16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
+import { Icon, registerIcon } from '../icon-base';
+/**
+ * The icon component for the 'managed-systems' icon
+ */
+export class ManagedSystemsIcon extends Icon {
+    constructor() {
+        super(managedSystems16X16);
+    }
+}
+registerIcon('managed-systems-icon', ManagedSystemsIcon);
 //# sourceMappingURL=managed-systems.js.map

package/dist/esm/icons/measurement-data-analysis.d.ts

@@ -1,7 +1,7 @@
-import { Icon } from '../icon-base';
-/**
- * The icon component for the 'measurement-data-analysis' icon
- */
-export declare class MeasurementDataAnalysisIcon extends Icon {
-    constructor();
-}
+import { Icon } from '../icon-base';
+/**
+ * The icon component for the 'measurement-data-analysis' icon
+ */
+export declare class MeasurementDataAnalysisIcon extends Icon {
+    constructor();
+}

package/dist/esm/icons/measurement-data-analysis.js

@@ -1,12 +1,12 @@
-import { measurementDataAnalysis16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
-import { Icon, registerIcon } from '../icon-base';
-/**
- * The icon component for the 'measurement-data-analysis' icon
- */
-export class MeasurementDataAnalysisIcon extends Icon {
-    constructor() {
-        super(measurementDataAnalysis16X16);
-    }
-}
-registerIcon('measurement-data-analysis-icon', MeasurementDataAnalysisIcon);
+import { measurementDataAnalysis16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
+import { Icon, registerIcon } from '../icon-base';
+/**
+ * The icon component for the 'measurement-data-analysis' icon
+ */
+export class MeasurementDataAnalysisIcon extends Icon {
+    constructor() {
+        super(measurementDataAnalysis16X16);
+    }
+}
+registerIcon('measurement-data-analysis-icon', MeasurementDataAnalysisIcon);
 //# sourceMappingURL=measurement-data-analysis.js.map