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

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

@@ -1,39 +1,13 @@
-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;
-};
+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,31 +1,14 @@
-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}` };
+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/all-icons.js.map

@@ -1 +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"}
+{"version":3,"file":"all-icons.js","sourceRoot":"","sources":["../../../src/icons/all-icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC"}

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

@@ -1,9 +1,7 @@
 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 {
+export declare class CheckIcon extends Icon {
     constructor();
 }

package/dist/esm/icons/check.js

@@ -1,29 +1,12 @@
-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';
+import { Icon, registerIcon } from '../icon-base';
 /**
  *  The icon component for the 'check' icon
  */
-class CheckIcon extends Icon {
+export 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());
+registerIcon('check-icon', CheckIcon);
 //# sourceMappingURL=check.js.map

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

@@ -1 +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"}
+{"version":3,"file":"check.js","sourceRoot":"","sources":["../../../src/icons/check.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sDAAsD,CAAC;AAClG,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAElD;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,IAAI;IAC/B;QACI,KAAK,CAAC,0BAA0B,CAAC,CAAC;IACtC,CAAC;CACJ;AAED,YAAY,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC"}

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

@@ -1,9 +1,7 @@
 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 {
+export declare class CustomApplicationsIcon extends Icon {
     constructor();
 }

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

@@ -1,31 +1,12 @@
-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';
+import { Icon, registerIcon } from '../icon-base';
 /**
  * The icon component for the 'custom-applications' icon
  */
-class CustomApplicationsIcon extends Icon {
+export 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());
+registerIcon('custom-applications-icon', CustomApplicationsIcon);
 //# sourceMappingURL=custom-applications.js.map

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

@@ -1 +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"}
+{"version":3,"file":"custom-applications.js","sourceRoot":"","sources":["../../../src/icons/custom-applications.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,sDAAsD,CAAC;AAC/F,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAElD;;GAEG;AACH,MAAM,OAAO,sBAAuB,SAAQ,IAAI;IAC5C;QACI,KAAK,CAAC,uBAAuB,CAAC,CAAC;IACnC,CAAC;CACJ;AAED,YAAY,CAAC,0BAA0B,EAAE,sBAAsB,CAAC,CAAC"}

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

@@ -1,9 +1,7 @@
 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 {
+export declare class DeleteIcon extends Icon {
     constructor();
 }

package/dist/esm/icons/delete.js

@@ -1,29 +1,12 @@
-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';
+import { Icon, registerIcon } from '../icon-base';
 /**
  * The icon component for the 'delete' icon
  */
-class DeleteIcon extends Icon {
+export 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());
+registerIcon('delete-icon', DeleteIcon);
 //# sourceMappingURL=delete.js.map

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

@@ -1 +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"}
+{"version":3,"file":"delete.js","sourceRoot":"","sources":["../../../src/icons/delete.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAC;AACnF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAElD;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,IAAI;IAChC;QACI,KAAK,CAAC,WAAW,CAAC,CAAC;IACvB,CAAC;CACJ;AAED,YAAY,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC"}

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

@@ -1,9 +1,7 @@
 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 {
+export declare class LoginIcon extends Icon {
     constructor();
 }

package/dist/esm/icons/login.js

@@ -1,29 +1,12 @@
-import { DesignSystem } from '@microsoft/fast-foundation';
 import { login16X16 } 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 = 'login-icon';
+import { Icon, registerIcon } from '../icon-base';
 /**
  * The icon component for the 'login' icon
  */
-class LoginIcon extends Icon {
+export class LoginIcon extends Icon {
     constructor() {
         super(login16X16);
     }
 }
-/**
- * A function that returns a nimble-login-icon registration for configuring the component with a DesignSystem.
- *
- * @public
- * @remarks
- * Generates HTML Element: \<nimble-login-icon\>
- *
- */
-const nimbleLoginIcon = LoginIcon.compose({
-    baseName,
-    template,
-    styles
-});
-DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleLoginIcon());
+registerIcon('login-icon', LoginIcon);
 //# sourceMappingURL=login.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"login.js","sourceRoot":"","sources":["../../../src/icons/login.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"}
+{"version":3,"file":"login.js","sourceRoot":"","sources":["../../../src/icons/login.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sDAAsD,CAAC;AAClF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAElD;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,IAAI;IAC/B;QACI,KAAK,CAAC,UAAU,CAAC,CAAC;IACtB,CAAC;CACJ;AAED,YAAY,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC"}

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

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

package/dist/esm/icons/logout.js

@@ -1,29 +1,12 @@
-import { DesignSystem } from '@microsoft/fast-foundation';
 import { logout16X16 } 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 = 'logout-icon';
+import { Icon, registerIcon } from '../icon-base';
 /**
  * The icon component for the 'logout' icon
  */
-class LogoutIcon extends Icon {
+export class LogoutIcon extends Icon {
     constructor() {
         super(logout16X16);
     }
 }
-/**
- * A function that returns a nimble-logout-icon registration for configuring the component with a DesignSystem.
- *
- * @public
- * @remarks
- * Generates HTML Element: \<nimble-logout-icon\>
- *
- */
-const nimbleLogoutIcon = LogoutIcon.compose({
-    baseName,
-    template,
-    styles
-});
-DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleLogoutIcon());
+registerIcon('logout-icon', LogoutIcon);
 //# sourceMappingURL=logout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"logout.js","sourceRoot":"","sources":["../../../src/icons/logout.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"}
+{"version":3,"file":"logout.js","sourceRoot":"","sources":["../../../src/icons/logout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAC;AACnF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAElD;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,IAAI;IAChC;QACI,KAAK,CAAC,WAAW,CAAC,CAAC;IACvB,CAAC;CACJ;AAED,YAAY,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC"}

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

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

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

@@ -1,31 +1,12 @@
-import { DesignSystem } from '@microsoft/fast-foundation';
 import { managedSystems16X16 } 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 = 'managed-systems-icon';
+import { Icon, registerIcon } from '../icon-base';
 /**
  * The icon component for the 'managed-systems' icon
  */
-class ManagedSystemsIcon extends Icon {
+export class ManagedSystemsIcon extends Icon {
     constructor() {
         super(managedSystems16X16);
     }
 }
-/**
- * A function that returns a nimble-managed-systems-icon registration for configuring the component with a DesignSystem.
- *
- * @public
- * @remarks
- * Generates HTML Element: \<nimble-managed-systems-icon\>
- *
- */
-const nimbleManagedSystemsIcon = ManagedSystemsIcon.compose({
-    baseName,
-    template,
-    styles
-});
-DesignSystem.getOrCreate()
-    .withPrefix('nimble')
-    .register(nimbleManagedSystemsIcon());
+registerIcon('managed-systems-icon', ManagedSystemsIcon);
 //# sourceMappingURL=managed-systems.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"managed-systems.js","sourceRoot":"","sources":["../../../src/icons/managed-systems.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,sBAAsB,CAAC;AAE/C;;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"}
+{"version":3,"file":"managed-systems.js","sourceRoot":"","sources":["../../../src/icons/managed-systems.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAElD;;GAEG;AACH,MAAM,OAAO,kBAAmB,SAAQ,IAAI;IACxC;QACI,KAAK,CAAC,mBAAmB,CAAC,CAAC;IAC/B,CAAC;CACJ;AAED,YAAY,CAAC,sBAAsB,EAAE,kBAAkB,CAAC,CAAC"}

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

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

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

@@ -1,31 +1,12 @@
-import { DesignSystem } from '@microsoft/fast-foundation';
 import { measurementDataAnalysis16X16 } 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 = 'measurement-data-analysis-icon';
+import { Icon, registerIcon } from '../icon-base';
 /**
  * The icon component for the 'measurement-data-analysis' icon
  */
-class MeasurementDataAnalysisIcon extends Icon {
+export class MeasurementDataAnalysisIcon extends Icon {
     constructor() {
         super(measurementDataAnalysis16X16);
     }
 }
-/**
- * A function that returns a nimble-measurement-data-analysis-icon registration for configuring the component with a DesignSystem.
- *
- * @public
- * @remarks
- * Generates HTML Element: \<nimble-measurement-data-analysis-icon\>
- *
- */
-const nimbleMeasurementDataAnalysisIcon = MeasurementDataAnalysisIcon.compose({
-    baseName,
-    template,
-    styles
-});
-DesignSystem.getOrCreate()
-    .withPrefix('nimble')
-    .register(nimbleMeasurementDataAnalysisIcon());
+registerIcon('measurement-data-analysis-icon', MeasurementDataAnalysisIcon);
 //# sourceMappingURL=measurement-data-analysis.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"measurement-data-analysis.js","sourceRoot":"","sources":["../../../src/icons/measurement-data-analysis.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,4BAA4B,EAAE,MAAM,sDAAsD,CAAC;AACpG,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,gCAAgC,CAAC;AAEzD;;GAEG;AACH,MAAM,2BAA4B,SAAQ,IAAI;IAC1C;QACI,KAAK,CAAC,4BAA4B,CAAC,CAAC;IACxC,CAAC;CACJ;AAED;;;;;;;GAOG;AACH,MAAM,iCAAiC,GAAG,2BAA2B,CAAC,OAAO,CAAC;IAC1E,QAAQ;IACR,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,iCAAiC,EAAE,CAAC,CAAC"}
+{"version":3,"file":"measurement-data-analysis.js","sourceRoot":"","sources":["../../../src/icons/measurement-data-analysis.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,sDAAsD,CAAC;AACpG,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAElD;;GAEG;AACH,MAAM,OAAO,2BAA4B,SAAQ,IAAI;IACjD;QACI,KAAK,CAAC,4BAA4B,CAAC,CAAC;IACxC,CAAC;CACJ;AAED,YAAY,CAAC,gCAAgC,EAAE,2BAA2B,CAAC,CAAC"}

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

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

package/dist/esm/icons/settings.js

@@ -1,29 +1,12 @@
-import { DesignSystem } from '@microsoft/fast-foundation';
 import { settings16X16 } 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 = 'settings-icon';
+import { Icon, registerIcon } from '../icon-base';
 /**
  * The icon component for the 'settings' icon
  */
-class SettingsIcon extends Icon {
+export class SettingsIcon extends Icon {
     constructor() {
         super(settings16X16);
     }
 }
-/**
- * A function that returns a nimble-settings-icon registration for configuring the component with a DesignSystem.
- *
- * @public
- * @remarks
- * Generates HTML Element: \<nimble-settings-icon\>
- *
- */
-const nimbleSettingsIcon = SettingsIcon.compose({
-    baseName,
-    template,
-    styles
-});
-DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleSettingsIcon());
+registerIcon('settings-icon', SettingsIcon);
 //# sourceMappingURL=settings.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"settings.js","sourceRoot":"","sources":["../../../src/icons/settings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,sDAAsD,CAAC;AACrF,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,eAAe,CAAC;AAExC;;GAEG;AACH,MAAM,YAAa,SAAQ,IAAI;IAC3B;QACI,KAAK,CAAC,aAAa,CAAC,CAAC;IACzB,CAAC;CACJ;AAED;;;;;;;GAOG;AACH,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,CAAC;IAC5C,QAAQ;IACR,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,kBAAkB,EAAE,CAAC,CAAC"}
+{"version":3,"file":"settings.js","sourceRoot":"","sources":["../../../src/icons/settings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sDAAsD,CAAC;AACrF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAElD;;GAEG;AACH,MAAM,OAAO,YAAa,SAAQ,IAAI;IAClC;QACI,KAAK,CAAC,aAAa,CAAC,CAAC;IACzB,CAAC;CACJ;AAED,YAAY,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC"}

package/dist/esm/icons/test-insights.d.ts

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

package/dist/esm/icons/test-insights.js

@@ -1,31 +1,12 @@
-import { DesignSystem } from '@microsoft/fast-foundation';
 import { testInsights16X16 } 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 = 'test-insights-icon';
+import { Icon, registerIcon } from '../icon-base';
 /**
  * The icon component for the 'test-insights' icon
  */
-class TestInsightsIcon extends Icon {
+export class TestInsightsIcon extends Icon {
     constructor() {
         super(testInsights16X16);
     }
 }
-/**
- * A function that returns a nimble-test-insights-icon registration for configuring the component with a DesignSystem.
- *
- * @public
- * @remarks
- * Generates HTML Element: \<nimble-test-insights-icon\>
- *
- */
-const nimbleTestInsightsIcon = TestInsightsIcon.compose({
-    baseName,
-    template,
-    styles
-});
-DesignSystem.getOrCreate()
-    .withPrefix('nimble')
-    .register(nimbleTestInsightsIcon());
+registerIcon('test-insights-icon', TestInsightsIcon);
 //# sourceMappingURL=test-insights.js.map

package/dist/esm/icons/test-insights.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-insights.js","sourceRoot":"","sources":["../../../src/icons/test-insights.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sDAAsD,CAAC;AACzF,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,oBAAoB,CAAC;AAE7C;;GAEG;AACH,MAAM,gBAAiB,SAAQ,IAAI;IAC/B;QACI,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC7B,CAAC;CACJ;AAED;;;;;;;GAOG;AACH,MAAM,sBAAsB,GAAG,gBAAgB,CAAC,OAAO,CAAC;IACpD,QAAQ;IACR,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,sBAAsB,EAAE,CAAC,CAAC"}
+{"version":3,"file":"test-insights.js","sourceRoot":"","sources":["../../../src/icons/test-insights.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sDAAsD,CAAC;AACzF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAElD;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,IAAI;IACtC;QACI,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC7B,CAAC;CACJ;AAED,YAAY,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,CAAC"}

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

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

package/dist/esm/icons/utilities.js

@@ -1,29 +1,12 @@
-import { DesignSystem } from '@microsoft/fast-foundation';
 import { boxUtilities16X16 } 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 = 'utilities-icon';
+import { Icon, registerIcon } from '../icon-base';
 /**
  * The icon component for the 'utilities' icon
  */
-class UtilitiesIcon extends Icon {
+export class UtilitiesIcon extends Icon {
     constructor() {
         super(boxUtilities16X16);
     }
 }
-/**
- * A function that returns a nimble-utilities-icon registration for configuring the component with a DesignSystem.
- *
- * @public
- * @remarks
- * Generates HTML Element: \<nimble-utilities-icon\>
- *
- */
-const nimbleUtilitiesIcon = UtilitiesIcon.compose({
-    baseName,
-    template,
-    styles
-});
-DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleUtilitiesIcon());
+registerIcon('utilities-icon', UtilitiesIcon);
 //# sourceMappingURL=utilities.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utilities.js","sourceRoot":"","sources":["../../../src/icons/utilities.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sDAAsD,CAAC;AACzF,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,gBAAgB,CAAC;AAEzC;;GAEG;AACH,MAAM,aAAc,SAAQ,IAAI;IAC5B;QACI,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC7B,CAAC;CACJ;AAED;;;;;;;GAOG;AACH,MAAM,mBAAmB,GAAG,aAAa,CAAC,OAAO,CAAC;IAC9C,QAAQ;IACR,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,mBAAmB,EAAE,CAAC,CAAC"}
+{"version":3,"file":"utilities.js","sourceRoot":"","sources":["../../../src/icons/utilities.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sDAAsD,CAAC;AACzF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAElD;;GAEG;AACH,MAAM,OAAO,aAAc,SAAQ,IAAI;IACnC;QACI,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC7B,CAAC;CACJ;AAED,YAAY,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAC"}