@skyux/icon 12.0.0-alpha.8 → 12.0.0-beta.0

package/fesm2022/skyux-icon-testing.mjs

@@ -33,12 +33,18 @@ class SkyIconHarness extends SkyComponentHarness {
             if (/^fa-(?=2xs|lg|[2-5]+x)/.test(iconClass)) {
                 return iconClass.replace('fa-', '');
             }
+            else if (/^sky-icon-svg-relative-(?=2xs|lg|[2-5]+x)/.test(iconClass)) {
+                return iconClass.replace('sky-icon-svg-relative-', '');
+            }
+            else if (/^sky-icon-svg-(?=xxxs|xxs|xs|s|m|l|xl|xxl)/.test(iconClass)) {
+                return iconClass.replace('sky-icon-svg-', '');
+            }
         }
         return undefined;
     }
     /**
      * Gets the icon type.
-     * @deprecated The `iconType` input is no longer used. This method will be removed in a future version.
+     * @deprecated The `iconType` input is no longer used. This method will be removed in SKY UX 13.
      */
     async getIconType() {
         return (await this.#getSpecifiedIconInfo()).iconType || 'fa';
@@ -48,13 +54,15 @@ class SkyIconHarness extends SkyComponentHarness {
      */
     async getVariant() {
         const iconInfo = await this.#getSpecifiedIconInfo();
-        if (iconInfo.iconType === 'skyux') {
+        const svgIcon = await this.locatorForOptional('sky-icon-svg')();
+        if (svgIcon || iconInfo.iconType === 'skyux') {
             return iconInfo.variant || 'line';
         }
         throw new Error('Variant cannot be determined because variants are only assigned to icons with type `skyux`.');
     }
     /**
      * Whether the icon has fixed width.
+     * @deprecated Font Awesome icons are deprecated, and all icons are now fixed width. This method will be removed in SKY UX 13.
      */
     async isFixedWidth() {
         const icon = await this.#getIcon();
@@ -62,9 +70,13 @@ class SkyIconHarness extends SkyComponentHarness {
     }
     async #getIcon() {
         const icon = await this.locatorForOptional('.sky-icon')();
+        const svgIcon = await this.locatorForOptional('sky-icon-svg')();
         if (icon) {
             return icon;
         }
+        else if (svgIcon) {
+            return svgIcon;
+        }
         throw new Error('Icon could not be rendered.');
     }
     async #getIconClasses() {

package/fesm2022/skyux-icon-testing.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"skyux-icon-testing.mjs","sources":["../../../../../libs/components/icon/testing/src/modules/icon/icon-harness.ts","../../../../../libs/components/icon/testing/src/skyux-icon-testing.ts"],"sourcesContent":["import { HarnessPredicate, TestElement } from '@angular/cdk/testing';\nimport { SkyComponentHarness } from '@skyux/core/testing';\n\nimport { SkyIconHarnessFilters } from './icon-harness-filters';\n\n/**\n * Harness for interacting with an icon component in tests.\n */\nexport class SkyIconHarness extends SkyComponentHarness {\n  /**\n   * @internal\n   */\n  public static hostSelector = 'sky-icon';\n\n  /**\n   * Gets a `HarnessPredicate` that can be used to search for a\n   * `SkyIconHarness` that meets certain criteria.\n   */\n  public static with(\n    filters: SkyIconHarnessFilters,\n  ): HarnessPredicate<SkyIconHarness> {\n    return SkyIconHarness.getDataSkyIdPredicate(filters);\n  }\n\n  /**\n   * Gets the icon name.\n   */\n  public async getIconName(): Promise<string | undefined> {\n    // No need to check for null here since #getIcon() will throw an error when\n    // icon name is null.\n    return (await this.#getSpecifiedIconInfo()).icon as string;\n  }\n\n  /**\n   * Gets the icon size.\n   */\n  public async getIconSize(): Promise<string | undefined> {\n    const iconClasses = await this.#getIconClasses();\n\n    for (const iconClass of iconClasses) {\n      // match a class name that starts with `fa-` and follows with `lg`, `2x`, `3x`, `4x`, `5x`\n      if (/^fa-(?=2xs|lg|[2-5]+x)/.test(iconClass)) {\n        return iconClass.replace('fa-', '');\n      }\n    }\n\n    return undefined;\n  }\n\n  /**\n   * Gets the icon type.\n   * @deprecated The `iconType` input is no longer used. This method will be removed in a future version.\n   */\n  public async getIconType(): Promise<string> {\n    return (await this.#getSpecifiedIconInfo()).iconType || 'fa';\n  }\n\n  /**\n   * Gets if the icon is a variant.\n   */\n  public async getVariant(): Promise<string | undefined> {\n    const iconInfo = await this.#getSpecifiedIconInfo();\n\n    if (iconInfo.iconType === 'skyux') {\n      return iconInfo.variant || 'line';\n    }\n\n    throw new Error(\n      'Variant cannot be determined because variants are only assigned to icons with type `skyux`.',\n    );\n  }\n\n  /**\n   * Whether the icon has fixed width.\n   */\n  public async isFixedWidth(): Promise<boolean> {\n    const icon = await this.#getIcon();\n    return await icon.hasClass(`fa-fw`);\n  }\n\n  async #getIcon(): Promise<TestElement> {\n    const icon = await this.locatorForOptional('.sky-icon')();\n\n    if (icon) {\n      return icon;\n    }\n\n    throw new Error('Icon could not be rendered.');\n  }\n\n  async #getIconClasses(): Promise<string[]> {\n    const iconClasses = await (await this.#getIcon()).getProperty('classList');\n    return Array.from(iconClasses);\n  }\n\n  async #getSpecifiedIconInfo(): Promise<{\n    icon: string | null;\n    iconType: string | null;\n    variant: string | null;\n  }> {\n    // Since SKY UX icons have Font Awesome alternatives that may be used\n    // in default theme instead of the icon specified by the consumer, we\n    // need to get the specified values using data- attributes added by\n    // the icon component. This conflicts with the usual pattern of giving\n    // the effective state of the component but is necessary in this case.\n    const icon = await this.#getIcon();\n\n    return {\n      icon: await icon.getAttribute('data-sky-icon'),\n      iconType: await icon.getAttribute('data-sky-icon-type'),\n      variant: await icon.getAttribute('data-sky-icon-variant'),\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAKA;;AAEG;AACG,MAAO,cAAe,SAAQ,mBAAmB,CAAA;AACrD;;AAEG;aACW,IAAY,CAAA,YAAA,GAAG,UAAU,CAAC;AAExC;;;AAGG;IACI,OAAO,IAAI,CAChB,OAA8B,EAAA;AAE9B,QAAA,OAAO,cAAc,CAAC,qBAAqB,CAAC,OAAO,CAAC;;AAGtD;;AAEG;AACI,IAAA,MAAM,WAAW,GAAA;;;QAGtB,OAAO,CAAC,MAAM,IAAI,CAAC,qBAAqB,EAAE,EAAE,IAAc;;AAG5D;;AAEG;AACI,IAAA,MAAM,WAAW,GAAA;AACtB,QAAA,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,eAAe,EAAE;AAEhD,QAAA,KAAK,MAAM,SAAS,IAAI,WAAW,EAAE;;AAEnC,YAAA,IAAI,wBAAwB,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;gBAC5C,OAAO,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;;;AAIvC,QAAA,OAAO,SAAS;;AAGlB;;;AAGG;AACI,IAAA,MAAM,WAAW,GAAA;QACtB,OAAO,CAAC,MAAM,IAAI,CAAC,qBAAqB,EAAE,EAAE,QAAQ,IAAI,IAAI;;AAG9D;;AAEG;AACI,IAAA,MAAM,UAAU,GAAA;AACrB,QAAA,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,qBAAqB,EAAE;AAEnD,QAAA,IAAI,QAAQ,CAAC,QAAQ,KAAK,OAAO,EAAE;AACjC,YAAA,OAAO,QAAQ,CAAC,OAAO,IAAI,MAAM;;AAGnC,QAAA,MAAM,IAAI,KAAK,CACb,6FAA6F,CAC9F;;AAGH;;AAEG;AACI,IAAA,MAAM,YAAY,GAAA;AACvB,QAAA,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,QAAQ,EAAE;AAClC,QAAA,OAAO,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAA,KAAA,CAAO,CAAC;;AAGrC,IAAA,MAAM,QAAQ,GAAA;QACZ,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,EAAE;QAEzD,IAAI,IAAI,EAAE;AACR,YAAA,OAAO,IAAI;;AAGb,QAAA,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC;;AAGhD,IAAA,MAAM,eAAe,GAAA;AACnB,QAAA,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,EAAE,WAAW,CAAC,WAAW,CAAC;AAC1E,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC;;AAGhC,IAAA,MAAM,qBAAqB,GAAA;;;;;;AAUzB,QAAA,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,QAAQ,EAAE;QAElC,OAAO;AACL,YAAA,IAAI,EAAE,MAAM,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC;AAC9C,YAAA,QAAQ,EAAE,MAAM,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC;AACvD,YAAA,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,CAAC,uBAAuB,CAAC;SAC1D;;;;AC/GL;;AAEG;;;;"}
+{"version":3,"file":"skyux-icon-testing.mjs","sources":["../../../../../libs/components/icon/testing/src/modules/icon/icon-harness.ts","../../../../../libs/components/icon/testing/src/skyux-icon-testing.ts"],"sourcesContent":["import { HarnessPredicate, TestElement } from '@angular/cdk/testing';\nimport { SkyComponentHarness } from '@skyux/core/testing';\n\nimport { SkyIconHarnessFilters } from './icon-harness-filters';\n\n/**\n * Harness for interacting with an icon component in tests.\n */\nexport class SkyIconHarness extends SkyComponentHarness {\n  /**\n   * @internal\n   */\n  public static hostSelector = 'sky-icon';\n\n  /**\n   * Gets a `HarnessPredicate` that can be used to search for a\n   * `SkyIconHarness` that meets certain criteria.\n   */\n  public static with(\n    filters: SkyIconHarnessFilters,\n  ): HarnessPredicate<SkyIconHarness> {\n    return SkyIconHarness.getDataSkyIdPredicate(filters);\n  }\n\n  /**\n   * Gets the icon name.\n   */\n  public async getIconName(): Promise<string | undefined> {\n    // No need to check for null here since #getIcon() will throw an error when\n    // icon name is null.\n    return (await this.#getSpecifiedIconInfo()).icon as string;\n  }\n\n  /**\n   * Gets the icon size.\n   */\n  public async getIconSize(): Promise<string | undefined> {\n    const iconClasses = await this.#getIconClasses();\n\n    for (const iconClass of iconClasses) {\n      // match a class name that starts with `fa-` and follows with `lg`, `2x`, `3x`, `4x`, `5x`\n      if (/^fa-(?=2xs|lg|[2-5]+x)/.test(iconClass)) {\n        return iconClass.replace('fa-', '');\n      } else if (/^sky-icon-svg-relative-(?=2xs|lg|[2-5]+x)/.test(iconClass)) {\n        return iconClass.replace('sky-icon-svg-relative-', '');\n      } else if (/^sky-icon-svg-(?=xxxs|xxs|xs|s|m|l|xl|xxl)/.test(iconClass)) {\n        return iconClass.replace('sky-icon-svg-', '');\n      }\n    }\n    return undefined;\n  }\n\n  /**\n   * Gets the icon type.\n   * @deprecated The `iconType` input is no longer used. This method will be removed in SKY UX 13.\n   */\n  public async getIconType(): Promise<string> {\n    return (await this.#getSpecifiedIconInfo()).iconType || 'fa';\n  }\n\n  /**\n   * Gets if the icon is a variant.\n   */\n  public async getVariant(): Promise<string | undefined> {\n    const iconInfo = await this.#getSpecifiedIconInfo();\n    const svgIcon = await this.locatorForOptional('sky-icon-svg')();\n\n    if (svgIcon || iconInfo.iconType === 'skyux') {\n      return iconInfo.variant || 'line';\n    }\n\n    throw new Error(\n      'Variant cannot be determined because variants are only assigned to icons with type `skyux`.',\n    );\n  }\n\n  /**\n   * Whether the icon has fixed width.\n   * @deprecated Font Awesome icons are deprecated, and all icons are now fixed width. This method will be removed in SKY UX 13.\n   */\n  public async isFixedWidth(): Promise<boolean> {\n    const icon = await this.#getIcon();\n    return await icon.hasClass(`fa-fw`);\n  }\n\n  async #getIcon(): Promise<TestElement> {\n    const icon = await this.locatorForOptional('.sky-icon')();\n    const svgIcon = await this.locatorForOptional('sky-icon-svg')();\n\n    if (icon) {\n      return icon;\n    } else if (svgIcon) {\n      return svgIcon;\n    }\n\n    throw new Error('Icon could not be rendered.');\n  }\n\n  async #getIconClasses(): Promise<string[]> {\n    const iconClasses = await (await this.#getIcon()).getProperty('classList');\n    return Array.from(iconClasses);\n  }\n\n  async #getSpecifiedIconInfo(): Promise<{\n    icon: string | null;\n    iconType: string | null;\n    variant: string | null;\n  }> {\n    // Since SKY UX icons have Font Awesome alternatives that may be used\n    // in default theme instead of the icon specified by the consumer, we\n    // need to get the specified values using data- attributes added by\n    // the icon component. This conflicts with the usual pattern of giving\n    // the effective state of the component but is necessary in this case.\n    const icon = await this.#getIcon();\n\n    return {\n      icon: await icon.getAttribute('data-sky-icon'),\n      iconType: await icon.getAttribute('data-sky-icon-type'),\n      variant: await icon.getAttribute('data-sky-icon-variant'),\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAKA;;AAEG;AACG,MAAO,cAAe,SAAQ,mBAAmB,CAAA;AACrD;;AAEG;aACW,IAAY,CAAA,YAAA,GAAG,UAAU,CAAC;AAExC;;;AAGG;IACI,OAAO,IAAI,CAChB,OAA8B,EAAA;AAE9B,QAAA,OAAO,cAAc,CAAC,qBAAqB,CAAC,OAAO,CAAC;;AAGtD;;AAEG;AACI,IAAA,MAAM,WAAW,GAAA;;;QAGtB,OAAO,CAAC,MAAM,IAAI,CAAC,qBAAqB,EAAE,EAAE,IAAc;;AAG5D;;AAEG;AACI,IAAA,MAAM,WAAW,GAAA;AACtB,QAAA,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,eAAe,EAAE;AAEhD,QAAA,KAAK,MAAM,SAAS,IAAI,WAAW,EAAE;;AAEnC,YAAA,IAAI,wBAAwB,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;gBAC5C,OAAO,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;;AAC9B,iBAAA,IAAI,2CAA2C,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;gBACtE,OAAO,SAAS,CAAC,OAAO,CAAC,wBAAwB,EAAE,EAAE,CAAC;;AACjD,iBAAA,IAAI,4CAA4C,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;gBACvE,OAAO,SAAS,CAAC,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC;;;AAGjD,QAAA,OAAO,SAAS;;AAGlB;;;AAGG;AACI,IAAA,MAAM,WAAW,GAAA;QACtB,OAAO,CAAC,MAAM,IAAI,CAAC,qBAAqB,EAAE,EAAE,QAAQ,IAAI,IAAI;;AAG9D;;AAEG;AACI,IAAA,MAAM,UAAU,GAAA;AACrB,QAAA,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,qBAAqB,EAAE;QACnD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,EAAE;QAE/D,IAAI,OAAO,IAAI,QAAQ,CAAC,QAAQ,KAAK,OAAO,EAAE;AAC5C,YAAA,OAAO,QAAQ,CAAC,OAAO,IAAI,MAAM;;AAGnC,QAAA,MAAM,IAAI,KAAK,CACb,6FAA6F,CAC9F;;AAGH;;;AAGG;AACI,IAAA,MAAM,YAAY,GAAA;AACvB,QAAA,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,QAAQ,EAAE;AAClC,QAAA,OAAO,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAA,KAAA,CAAO,CAAC;;AAGrC,IAAA,MAAM,QAAQ,GAAA;QACZ,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,EAAE;QACzD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,EAAE;QAE/D,IAAI,IAAI,EAAE;AACR,YAAA,OAAO,IAAI;;aACN,IAAI,OAAO,EAAE;AAClB,YAAA,OAAO,OAAO;;AAGhB,QAAA,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC;;AAGhD,IAAA,MAAM,eAAe,GAAA;AACnB,QAAA,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,EAAE,WAAW,CAAC,WAAW,CAAC;AAC1E,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC;;AAGhC,IAAA,MAAM,qBAAqB,GAAA;;;;;;AAUzB,QAAA,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,QAAQ,EAAE;QAElC,OAAO;AACL,YAAA,IAAI,EAAE,MAAM,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC;AAC9C,YAAA,QAAQ,EAAE,MAAM,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC;AACvD,YAAA,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,CAAC,uBAAuB,CAAC;SAC1D;;;;ACvHL;;AAEG;;;;"}

package/fesm2022/skyux-icon.mjs

@@ -1,8 +1,9 @@
-import * as i1 from '@angular/common';
-import { NgClass, CommonModule } from '@angular/common';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, Injectable, Pipe, Component, Input, input, computed, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { SkyThemeIconManifestService, SkyThemeService } from '@skyux/theme';
+import { inject, Injectable, Pipe, input, computed, Component, Input, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i1 from '@skyux/theme';
+import { SkyThemeIconManifestService, SkyThemeComponentClassDirective, SkyThemeService } from '@skyux/theme';
 import { toSignal, toObservable } from '@angular/core/rxjs-interop';
 import { switchMap, catchError, of } from 'rxjs';
 
@@ -72,10 +73,10 @@ class SkyIconResolverService {
             iconType,
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyIconResolverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyIconResolverService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconResolverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconResolverService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyIconResolverService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconResolverService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -104,10 +105,10 @@ class SkyIconClassListPipe {
         }
         return classList;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyIconClassListPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: SkyIconClassListPipe, isStandalone: false, name: "skyIconClassList" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconClassListPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: SkyIconClassListPipe, isStandalone: false, name: "skyIconClassList" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyIconClassListPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconClassListPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'skyIconClassList',
@@ -115,29 +116,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                 }]
         }] });
 
-/**
- * @internal
- */
-class SkyIconStackComponent {
-    constructor() {
-        this.themeSvc = inject(SkyThemeService, { optional: true });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyIconStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SkyIconStackComponent, isStandalone: false, selector: "sky-icon-stack", inputs: { size: "size", baseIcon: "baseIcon", topIcon: "topIcon" }, ngImport: i0, template: "<span\n  aria-hidden=\"true\"\n  class=\"sky-icon-stack fa-stack\"\n  [ngClass]=\"size ? 'fa-' + size + ' sky-icon-stack-size-' + size : ''\"\n>\n  @if (baseIcon) {\n    <i\n      class=\"sky-icon fa-stack-2x\"\n      [ngClass]=\"\n        baseIcon.icon\n          | skyIconClassList\n            : (themeSvc?.settingsChange | async)?.currentSettings\n      \"\n    ></i>\n  }\n  @if (topIcon) {\n    <i\n      class=\"sky-icon fa-stack-1x fa-inverse sky-icon-inverse\"\n      [ngClass]=\"\n        topIcon.icon\n          | skyIconClassList\n            : (themeSvc?.settingsChange | async)?.currentSettings\n      \"\n    ></i>\n  }\n</span>\n", styles: [":host{display:inline-block;vertical-align:bottom}.sky-icon-stack-size-xs.fa-stack{width:1.25em;height:1.25em;line-height:1.25em}.sky-icon-stack-size-xs .fa-stack-2x{font-size:1.25em}.sky-icon-stack-size-xs .fa-stack-1x{font-size:.625em}.fa-stack-1x.sky-i-check:before{position:relative;top:.5px}.fa-stack-1x.sky-i-exclamation:before{position:relative;top:1.5px}.sky-icon-inverse{color:var(--sky-icon-stack-top-icon-color-override, #ffffff)}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-icon-inverse{color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-icon-inverse{color:#121212}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: SkyIconClassListPipe, name: "skyIconClassList" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyIconStackComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sky-icon-stack', standalone: false, template: "<span\n  aria-hidden=\"true\"\n  class=\"sky-icon-stack fa-stack\"\n  [ngClass]=\"size ? 'fa-' + size + ' sky-icon-stack-size-' + size : ''\"\n>\n  @if (baseIcon) {\n    <i\n      class=\"sky-icon fa-stack-2x\"\n      [ngClass]=\"\n        baseIcon.icon\n          | skyIconClassList\n            : (themeSvc?.settingsChange | async)?.currentSettings\n      \"\n    ></i>\n  }\n  @if (topIcon) {\n    <i\n      class=\"sky-icon fa-stack-1x fa-inverse sky-icon-inverse\"\n      [ngClass]=\"\n        topIcon.icon\n          | skyIconClassList\n            : (themeSvc?.settingsChange | async)?.currentSettings\n      \"\n    ></i>\n  }\n</span>\n", styles: [":host{display:inline-block;vertical-align:bottom}.sky-icon-stack-size-xs.fa-stack{width:1.25em;height:1.25em;line-height:1.25em}.sky-icon-stack-size-xs .fa-stack-2x{font-size:1.25em}.sky-icon-stack-size-xs .fa-stack-1x{font-size:.625em}.fa-stack-1x.sky-i-check:before{position:relative;top:.5px}.fa-stack-1x.sky-i-exclamation:before{position:relative;top:1.5px}.sky-icon-inverse{color:var(--sky-icon-stack-top-icon-color-override, #ffffff)}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-icon-inverse{color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-icon-inverse{color:#121212}\n"] }]
-        }], propDecorators: { size: [{
-                type: Input
-            }], baseIcon: [{
-                type: Input
-            }], topIcon: [{
-                type: Input
-            }] } });
-
 async function getIconMap() {
     const response = await fetch(`https://sky.blackbaudcdn.net/static/skyux-icons/7/assets/svg/skyux-icons.svg`);
+    /* istanbul ignore next */
     if (!response.ok) {
         throw new Error('Icon sprite could not be loaded.');
     }
@@ -190,16 +171,16 @@ function getNearestSize(iconMap, name, pixelSize) {
     }
     return undefined;
 }
+let iconMapPromise;
 /**
  * @internal
  */
 class SkyIconSvgResolverService {
-    #iconMapPromise;
     async resolveHref(name, pixelSize = 16, variant = 'line') {
-        if (!this.#iconMapPromise) {
-            this.#iconMapPromise = getIconMap();
+        if (!iconMapPromise) {
+            iconMapPromise = getIconMap();
         }
-        const iconMap = await this.#iconMapPromise;
+        const iconMap = await iconMapPromise;
         let href = `#sky-i-${name}`;
         // Find the icon with the optimal size nearest to the requested size.
         const nearestSize = getNearestSize(iconMap, name, pixelSize);
@@ -209,10 +190,10 @@ class SkyIconSvgResolverService {
         href = `${href}-${nearestSize}-${variant}`;
         return href;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyIconSvgResolverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyIconSvgResolverService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconSvgResolverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconSvgResolverService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyIconSvgResolverService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconSvgResolverService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -220,14 +201,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
         }] });
 
 const SIZE_BASE = 16;
-const SIZES = new Map([
-    ['', SIZE_BASE],
+const RELATIVE_SIZES = new Map([
+    ['md', SIZE_BASE],
     ['lg', 21.333 /* SIZE_BASE * (4/3) */],
     ['2x', 32 /* SIZE_BASE * 2 */],
     ['3x', 48 /* SIZE_BASE * 3 */],
     ['4x', 64 /* SIZE_BASE * 4 */],
     ['5x', 80 /* SIZE_BASE * 5 */],
 ]);
+const FIXED_SIZES = new Map([
+    ['s', SIZE_BASE],
+    ['m', 20],
+    ['l', 24],
+    ['xl', 32],
+]);
+function defaultSize(value) {
+    return value ?? 'm';
+}
 /**
  * @internal
  */
@@ -235,37 +225,50 @@ class SkyIconSvgComponent {
     constructor() {
         this.#resolverSvc = inject(SkyIconSvgResolverService);
         this.iconName = input.required();
-        this.iconSize = input();
+        this.iconSize = input('m', {
+            transform: defaultSize,
+        });
+        this.relativeSize = input();
         this.iconVariant = input();
         this.#iconInfo = computed(() => {
             return {
                 src: this.iconName(),
-                size: this.iconSize(),
+                relativeSize: this.relativeSize(),
+                iconSize: this.iconSize(),
                 variant: this.iconVariant(),
             };
         });
-        this.iconHref = toSignal(toObservable(this.#iconInfo).pipe(switchMap((info) => this.#resolverSvc.resolveHref(info.src, SIZES.get(info.size ?? ''), info.variant)), catchError(() => of(''))));
+        this.iconHref = toSignal(toObservable(this.#iconInfo).pipe(switchMap((info) => this.#resolverSvc.resolveHref(info.src, info.relativeSize !== undefined
+            ? RELATIVE_SIZES.get(info.relativeSize)
+            : FIXED_SIZES.get(info.iconSize), info.variant)), catchError(() => of(''))));
     }
     #resolverSvc;
     #iconInfo;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyIconSvgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.5", type: SkyIconSvgComponent, isStandalone: true, selector: "sky-icon-svg", inputs: { iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: true, transformFunction: null }, iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null }, iconVariant: { classPropertyName: "iconVariant", publicName: "iconVariant", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<svg\n  aria-hidden=\"true\"\n  class=\"sky-icon-svg-img\"\n  [ngClass]=\"iconSize() && 'sky-icon-svg-img-' + iconSize()\"\n  [attr.data-sky-icon]=\"iconName()\"\n  [attr.data-sky-icon-variant]=\"iconVariant()\"\n>\n  <use [attr.xlink:href]=\"iconHref()\" />\n</svg>\n", styles: [":host{display:inline-block;--sky-icon-svg-img-size: 1em;--sky-icon-svg-img-top: .15em}.sky-icon-svg-img{display:inline-block;fill:var(--sky-icon-svg-color-input, currentColor);height:var(--sky-icon-svg-img-size);width:var(--sky-icon-svg-img-size);text-align:center;position:relative;top:var(--sky-icon-svg-img-top)}.sky-icon-svg-img-lg{--sky-icon-svg-img-size: 1.333em;--sky-icon-svg-img-top: .2em}.sky-icon-svg-img-2x{--sky-icon-svg-img-size: 2em;--sky-icon-svg-img-top: .3em}.sky-icon-svg-img-3x{--sky-icon-svg-img-size: 3em;--sky-icon-svg-img-top: .45em}.sky-icon-svg-img-4x{--sky-icon-svg-img-size: 4em;--sky-icon-svg-img-top: .6em}.sky-icon-svg-img-5x{--sky-icon-svg-img-size: 5em;--sky-icon-svg-img-top: .75em}\n", ":host{display:inline-block;--sky-icon-svg-img-size: 1em;--sky-icon-svg-img-top: .15em}.sky-icon-svg-img{display:inline-block;fill:var(--sky-icon-svg-color-input, currentColor);height:var(--sky-icon-svg-img-size);width:var(--sky-icon-svg-img-size);text-align:center;position:relative;top:var(--sky-icon-svg-img-top)}.sky-icon-svg-img-lg{--sky-icon-svg-img-size: 1.333em;--sky-icon-svg-img-top: .2em}.sky-icon-svg-img-2x{--sky-icon-svg-img-size: 2em;--sky-icon-svg-img-top: .3em}.sky-icon-svg-img-3x{--sky-icon-svg-img-size: 3em;--sky-icon-svg-img-top: .45em}.sky-icon-svg-img-4x{--sky-icon-svg-img-size: 4em;--sky-icon-svg-img-top: .6em}.sky-icon-svg-img-5x{--sky-icon-svg-img-size: 5em;--sky-icon-svg-img-top: .75em}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconSvgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.1", type: SkyIconSvgComponent, isStandalone: true, selector: "sky-icon-svg", inputs: { iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: true, transformFunction: null }, iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null }, relativeSize: { classPropertyName: "relativeSize", publicName: "relativeSize", isSignal: true, isRequired: false, transformFunction: null }, iconVariant: { classPropertyName: "iconVariant", publicName: "iconVariant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "relativeSize() ? \"sky-icon-svg-relative-\" + relativeSize() : \"sky-icon-svg-\" + iconSize()" } }, hostDirectives: [{ directive: i1.SkyThemeComponentClassDirective }], ngImport: i0, template: "<div class=\"sky-icon-svg-container\">\n  <svg\n    aria-hidden=\"true\"\n    class=\"sky-icon-svg-img\"\n    [attr.data-sky-icon]=\"iconName()\"\n    [attr.data-sky-icon-variant]=\"iconVariant()\"\n  >\n    <use [attr.xlink:href]=\"iconHref()\" />\n  </svg>\n</div>\n", styles: ["@charset \"UTF-8\";:host.sky-cmp-theme-default{--sky-override-sky-icon-svg-size-xxxs: 4px;--sky-override-sky-icon-svg-size-xxs: 8px;--sky-override-sky-icon-svg-size-xs: 12px;--sky-override-sky-icon-svg-size-s: 16px;--sky-override-sky-icon-svg-size-m: 20px;--sky-override-sky-icon-svg-size-l: 24px;--sky-override-sky-icon-svg-size-xl: 32px;--sky-override-sky-icon-svg-size-xxl: 40px;--sky-override-sky-icon-svg-size-xxxl: 48px}:host{display:inline-flex;--sky-icon-svg-img-size: var( --sky-override-sky-icon-svg-size-s, var(--sky-size-icon-s) )}:host.sky-icon-svg-relative-md{--sky-icon-svg-img-size: 1em}:host.sky-icon-svg-relative-lg .sky-icon-svg-img{transform:scale(1.33)}:host.sky-icon-svg-relative-lg .sky-icon-svg-container{margin:0 .166em}:host.sky-icon-svg-relative-2x{--sky-icon-svg-img-size: 2em}:host.sky-icon-svg-relative-3x{--sky-icon-svg-img-size: 3em}:host.sky-icon-svg-relative-4x{--sky-icon-svg-img-size: 4em}:host.sky-icon-svg-relative-5x{--sky-icon-svg-img-size: 5em}:host.sky-icon-svg-xxxs{--sky-icon-svg-img-size: var( --sky-override-sky-icon-svg-size-xxxs, var(--sky-size-icon-xxxs) )}:host.sky-icon-svg-xxs{--sky-icon-svg-img-size: var( --sky-override-sky-icon-svg-size-xxs, var(--sky-size-icon-xxs) )}:host.sky-icon-svg-xs{--sky-icon-svg-img-size: var( --sky-override-sky-icon-svg-size-xs, var(--sky-size-icon-xs) )}:host.sky-icon-svg-m{--sky-icon-svg-img-size: var( --sky-override-sky-icon-svg-size-m, var(--sky-size-icon-m) )}:host.sky-icon-svg-l{--sky-icon-svg-img-size: var( --sky-override-sky-icon-svg-size-l, var(--sky-size-icon-l) )}:host.sky-icon-svg-xl{--sky-icon-svg-img-size: var( --sky-override-sky-icon-svg-size-xl, var(--sky-size-icon-xl) )}:host.sky-icon-svg-xxl{--sky-icon-svg-img-size: var( --sky-override-sky-icon-svg-size-xxl, var(--sky-size-icon-xxl) )}:host.sky-icon-svg-xxxl{--sky-icon-svg-img-size: var( --sky-override-sky-icon-svg-size-xxxl, var(--sky-size-icon-xxxl) )}.sky-icon-svg-container{height:var(--sky-icon-svg-img-size);width:var(--sky-icon-svg-img-size);display:inline-flex;align-items:center}.sky-icon-svg-container:before{content:\"\\200b\"}.sky-icon-svg-container svg{height:100%;width:100%;fill:currentColor}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyIconSvgComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconSvgComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sky-icon-svg', imports: [NgClass], template: "<svg\n  aria-hidden=\"true\"\n  class=\"sky-icon-svg-img\"\n  [ngClass]=\"iconSize() && 'sky-icon-svg-img-' + iconSize()\"\n  [attr.data-sky-icon]=\"iconName()\"\n  [attr.data-sky-icon-variant]=\"iconVariant()\"\n>\n  <use [attr.xlink:href]=\"iconHref()\" />\n</svg>\n", styles: [":host{display:inline-block;--sky-icon-svg-img-size: 1em;--sky-icon-svg-img-top: .15em}.sky-icon-svg-img{display:inline-block;fill:var(--sky-icon-svg-color-input, currentColor);height:var(--sky-icon-svg-img-size);width:var(--sky-icon-svg-img-size);text-align:center;position:relative;top:var(--sky-icon-svg-img-top)}.sky-icon-svg-img-lg{--sky-icon-svg-img-size: 1.333em;--sky-icon-svg-img-top: .2em}.sky-icon-svg-img-2x{--sky-icon-svg-img-size: 2em;--sky-icon-svg-img-top: .3em}.sky-icon-svg-img-3x{--sky-icon-svg-img-size: 3em;--sky-icon-svg-img-top: .45em}.sky-icon-svg-img-4x{--sky-icon-svg-img-size: 4em;--sky-icon-svg-img-top: .6em}.sky-icon-svg-img-5x{--sky-icon-svg-img-size: 5em;--sky-icon-svg-img-top: .75em}\n", ":host{display:inline-block;--sky-icon-svg-img-size: 1em;--sky-icon-svg-img-top: .15em}.sky-icon-svg-img{display:inline-block;fill:var(--sky-icon-svg-color-input, currentColor);height:var(--sky-icon-svg-img-size);width:var(--sky-icon-svg-img-size);text-align:center;position:relative;top:var(--sky-icon-svg-img-top)}.sky-icon-svg-img-lg{--sky-icon-svg-img-size: 1.333em;--sky-icon-svg-img-top: .2em}.sky-icon-svg-img-2x{--sky-icon-svg-img-size: 2em;--sky-icon-svg-img-top: .3em}.sky-icon-svg-img-3x{--sky-icon-svg-img-size: 3em;--sky-icon-svg-img-top: .45em}.sky-icon-svg-img-4x{--sky-icon-svg-img-size: 4em;--sky-icon-svg-img-top: .6em}.sky-icon-svg-img-5x{--sky-icon-svg-img-size: 5em;--sky-icon-svg-img-top: .75em}\n"] }]
+            args: [{ selector: 'sky-icon-svg', host: {
+                        '[class]': 'relativeSize() ? "sky-icon-svg-relative-" + relativeSize() : "sky-icon-svg-" + iconSize()',
+                    }, hostDirectives: [SkyThemeComponentClassDirective], template: "<div class=\"sky-icon-svg-container\">\n  <svg\n    aria-hidden=\"true\"\n    class=\"sky-icon-svg-img\"\n    [attr.data-sky-icon]=\"iconName()\"\n    [attr.data-sky-icon-variant]=\"iconVariant()\"\n  >\n    <use [attr.xlink:href]=\"iconHref()\" />\n  </svg>\n</div>\n", styles: ["@charset \"UTF-8\";:host.sky-cmp-theme-default{--sky-override-sky-icon-svg-size-xxxs: 4px;--sky-override-sky-icon-svg-size-xxs: 8px;--sky-override-sky-icon-svg-size-xs: 12px;--sky-override-sky-icon-svg-size-s: 16px;--sky-override-sky-icon-svg-size-m: 20px;--sky-override-sky-icon-svg-size-l: 24px;--sky-override-sky-icon-svg-size-xl: 32px;--sky-override-sky-icon-svg-size-xxl: 40px;--sky-override-sky-icon-svg-size-xxxl: 48px}:host{display:inline-flex;--sky-icon-svg-img-size: var( --sky-override-sky-icon-svg-size-s, var(--sky-size-icon-s) )}:host.sky-icon-svg-relative-md{--sky-icon-svg-img-size: 1em}:host.sky-icon-svg-relative-lg .sky-icon-svg-img{transform:scale(1.33)}:host.sky-icon-svg-relative-lg .sky-icon-svg-container{margin:0 .166em}:host.sky-icon-svg-relative-2x{--sky-icon-svg-img-size: 2em}:host.sky-icon-svg-relative-3x{--sky-icon-svg-img-size: 3em}:host.sky-icon-svg-relative-4x{--sky-icon-svg-img-size: 4em}:host.sky-icon-svg-relative-5x{--sky-icon-svg-img-size: 5em}:host.sky-icon-svg-xxxs{--sky-icon-svg-img-size: var( --sky-override-sky-icon-svg-size-xxxs, var(--sky-size-icon-xxxs) )}:host.sky-icon-svg-xxs{--sky-icon-svg-img-size: var( --sky-override-sky-icon-svg-size-xxs, var(--sky-size-icon-xxs) )}:host.sky-icon-svg-xs{--sky-icon-svg-img-size: var( --sky-override-sky-icon-svg-size-xs, var(--sky-size-icon-xs) )}:host.sky-icon-svg-m{--sky-icon-svg-img-size: var( --sky-override-sky-icon-svg-size-m, var(--sky-size-icon-m) )}:host.sky-icon-svg-l{--sky-icon-svg-img-size: var( --sky-override-sky-icon-svg-size-l, var(--sky-size-icon-l) )}:host.sky-icon-svg-xl{--sky-icon-svg-img-size: var( --sky-override-sky-icon-svg-size-xl, var(--sky-size-icon-xl) )}:host.sky-icon-svg-xxl{--sky-icon-svg-img-size: var( --sky-override-sky-icon-svg-size-xxl, var(--sky-size-icon-xxl) )}:host.sky-icon-svg-xxxl{--sky-icon-svg-img-size: var( --sky-override-sky-icon-svg-size-xxxl, var(--sky-size-icon-xxxl) )}.sky-icon-svg-container{height:var(--sky-icon-svg-img-size);width:var(--sky-icon-svg-img-size);display:inline-flex;align-items:center}.sky-icon-svg-container:before{content:\"\\200b\"}.sky-icon-svg-container svg{height:100%;width:100%;fill:currentColor}\n"] }]
         }] });
 
 class SkyIconComponent {
     constructor() {
+        /**
+         * The icon size. Size is independent of font size.
+         * @default "m"
+         */
+        this.iconSize = input();
         this.themeSvc = inject(SkyThemeService, { optional: true });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SkyIconComponent, isStandalone: false, selector: "sky-icon", inputs: { icon: "icon", iconName: "iconName", iconType: "iconType", size: "size", fixedWidth: "fixedWidth", variant: "variant" }, ngImport: i0, template: "@if (iconName) {\n  <sky-icon-svg\n    [iconName]=\"iconName\"\n    [iconSize]=\"size\"\n    [iconVariant]=\"variant\"\n  />\n} @else if (icon) {\n  <i\n    aria-hidden=\"true\"\n    class=\"sky-icon\"\n    [attr.data-sky-icon]=\"icon\"\n    [attr.data-sky-icon-type]=\"iconType\"\n    [attr.data-sky-icon-variant]=\"variant\"\n    [ngClass]=\"\n      icon\n        | skyIconClassList\n          : (themeSvc?.settingsChange | async)?.currentSettings\n          : size\n          : fixedWidth\n          : variant\n    \"\n  ></i>\n}\n", styles: [":host{display:inline-block}i{display:inherit}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SkyIconSvgComponent, selector: "sky-icon-svg", inputs: ["iconName", "iconSize", "iconVariant"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: SkyIconClassListPipe, name: "skyIconClassList" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: SkyIconComponent, isStandalone: false, selector: "sky-icon", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: false, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: false, isRequired: false, transformFunction: null }, iconType: { classPropertyName: "iconType", publicName: "iconType", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, fixedWidth: { classPropertyName: "fixedWidth", publicName: "fixedWidth", isSignal: false, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: false, isRequired: false, transformFunction: null }, iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (iconName) {\n  <sky-icon-svg\n    [iconName]=\"iconName\"\n    [relativeSize]=\"size\"\n    [iconSize]=\"iconSize()\"\n    [iconVariant]=\"variant\"\n    [attr.data-sky-icon]=\"iconName\"\n    [attr.data-sky-icon-variant]=\"variant\"\n  />\n} @else if (icon) {\n  <i\n    aria-hidden=\"true\"\n    class=\"sky-icon\"\n    [attr.data-sky-icon]=\"icon\"\n    [attr.data-sky-icon-type]=\"iconType\"\n    [attr.data-sky-icon-variant]=\"variant\"\n    [ngClass]=\"\n      icon\n        | skyIconClassList\n          : (themeSvc?.settingsChange | async)?.currentSettings\n          : size\n          : fixedWidth\n          : variant\n    \"\n  ></i>\n}\n", styles: [":host{display:inline-flex}i{display:inherit}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SkyIconSvgComponent, selector: "sky-icon-svg", inputs: ["iconName", "iconSize", "relativeSize", "iconVariant"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: SkyIconClassListPipe, name: "skyIconClassList" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sky-icon', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (iconName) {\n  <sky-icon-svg\n    [iconName]=\"iconName\"\n    [iconSize]=\"size\"\n    [iconVariant]=\"variant\"\n  />\n} @else if (icon) {\n  <i\n    aria-hidden=\"true\"\n    class=\"sky-icon\"\n    [attr.data-sky-icon]=\"icon\"\n    [attr.data-sky-icon-type]=\"iconType\"\n    [attr.data-sky-icon-variant]=\"variant\"\n    [ngClass]=\"\n      icon\n        | skyIconClassList\n          : (themeSvc?.settingsChange | async)?.currentSettings\n          : size\n          : fixedWidth\n          : variant\n    \"\n  ></i>\n}\n", styles: [":host{display:inline-block}i{display:inherit}\n"] }]
+            args: [{ selector: 'sky-icon', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (iconName) {\n  <sky-icon-svg\n    [iconName]=\"iconName\"\n    [relativeSize]=\"size\"\n    [iconSize]=\"iconSize()\"\n    [iconVariant]=\"variant\"\n    [attr.data-sky-icon]=\"iconName\"\n    [attr.data-sky-icon-variant]=\"variant\"\n  />\n} @else if (icon) {\n  <i\n    aria-hidden=\"true\"\n    class=\"sky-icon\"\n    [attr.data-sky-icon]=\"icon\"\n    [attr.data-sky-icon-type]=\"iconType\"\n    [attr.data-sky-icon-variant]=\"variant\"\n    [ngClass]=\"\n      icon\n        | skyIconClassList\n          : (themeSvc?.settingsChange | async)?.currentSettings\n          : size\n          : fixedWidth\n          : variant\n    \"\n  ></i>\n}\n", styles: [":host{display:inline-flex}i{display:inherit}\n"] }]
         }], propDecorators: { icon: [{
                 type: Input
             }], iconName: [{
@@ -281,16 +284,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
             }] } });
 
 class SkyIconModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: SkyIconModule, declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent], imports: [CommonModule, SkyIconSvgComponent], exports: [SkyIconComponent, SkyIconStackComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyIconModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: SkyIconModule, declarations: [SkyIconClassListPipe, SkyIconComponent], imports: [CommonModule, SkyIconSvgComponent], exports: [SkyIconComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SkyIconModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyIconModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent],
+                    declarations: [SkyIconClassListPipe, SkyIconComponent],
                     imports: [CommonModule, SkyIconSvgComponent],
-                    exports: [SkyIconComponent, SkyIconStackComponent],
+                    exports: [SkyIconComponent],
                 }]
         }] });
 
@@ -298,5 +301,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { SkyIconModule, SkyIconComponent as λ1, SkyIconStackComponent as λ2 };
+export { SkyIconModule, SkyIconSvgResolverService, SkyIconComponent as λ1 };
 //# sourceMappingURL=skyux-icon.mjs.map

package/fesm2022/skyux-icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"skyux-icon.mjs","sources":["../../../../../libs/components/icon/src/lib/modules/icon/icon-resolver.service.ts","../../../../../libs/components/icon/src/lib/modules/icon/icon-class-list.pipe.ts","../../../../../libs/components/icon/src/lib/modules/icon/icon-stack.component.ts","../../../../../libs/components/icon/src/lib/modules/icon/icon-stack.component.html","../../../../../libs/components/icon/src/lib/modules/icon/icon-svg-resolver.service.ts","../../../../../libs/components/icon/src/lib/modules/icon/icon-svg.component.ts","../../../../../libs/components/icon/src/lib/modules/icon/icon-svg.component.html","../../../../../libs/components/icon/src/lib/modules/icon/icon.component.ts","../../../../../libs/components/icon/src/lib/modules/icon/icon.component.html","../../../../../libs/components/icon/src/lib/modules/icon/icon.module.ts","../../../../../libs/components/icon/src/skyux-icon.ts"],"sourcesContent":["import { Injectable, inject } from '@angular/core';\nimport {\n  SkyThemeIconManifestGlyph,\n  SkyThemeIconManifestService,\n  SkyThemeSettings,\n} from '@skyux/theme';\n\nimport { SkyIconResolved } from './types/icon-resolved';\nimport type { SkyIconVariantType } from './types/icon-variant-type';\n\n/**\n * @internal\n */\n@Injectable({\n  providedIn: 'root',\n})\nexport class SkyIconResolverService {\n  #glyphMap = new Map<string, SkyThemeIconManifestGlyph>();\n\n  #manifestSvc = inject(SkyThemeIconManifestService);\n\n  constructor() {\n    // Map the icons by name for more efficient lookup.\n    for (const glyph of this.#manifestSvc.getManifest().glyphs) {\n      // TODO: keep this until `faName` is removed just in case any icons get added with the wrong shape\n      if (glyph.faName && !glyph.faNames) {\n        glyph.faNames = [glyph.faName];\n      }\n      this.#glyphMap.set(glyph.name, glyph);\n    }\n  }\n\n  public resolveIcon(\n    icon: string,\n    variant?: SkyIconVariantType,\n    themeSettings?: SkyThemeSettings,\n  ): SkyIconResolved {\n    let iconType = 'fa';\n    const variantIcon = variant && `${icon}-${variant}`;\n    const lineIcon = `${icon}-line`;\n\n    // Get the specified variant, or fall back to the icon name.\n    // If the pure icon name doesn't exist, try the line variant.\n    let glyph =\n      this.#glyphMap.get(variantIcon as string) ??\n      this.#glyphMap.get(icon) ??\n      this.#glyphMap.get(lineIcon) ??\n      Array.from(this.#glyphMap.values()).find(\n        (glyph) =>\n          glyph.aliases?.includes(variantIcon as string) ||\n          glyph.aliases?.includes(lineIcon) ||\n          glyph.aliases?.includes(icon),\n      );\n\n    // If still no icon is found, search through the icons that match the FA name.\n    if (!glyph) {\n      let glyphs = Array.from(this.#glyphMap.values()).filter((g) =>\n        g.faNames?.includes(icon),\n      );\n      if (glyphs.length) {\n        if (glyphs.length > 1) {\n          // If multiples are found, make sure we select the correct variant, if requested.\n          // The icons are ordered such that the \"default\" variant will be the first one.\n          if (variant) {\n            const variantGlyph = glyphs.find((g) => g.name.endsWith(variant));\n            if (variantGlyph) {\n              glyphs = [variantGlyph];\n            }\n          }\n        }\n        glyph = glyphs[0];\n      }\n      // If none of the above works, no matching icon was found\n    }\n\n    if (glyph) {\n      // If a glyph is found, use it for modern theme or if no FA fallback exists.\n      if (themeSettings?.theme.name === 'modern' || !glyph.faNames?.length) {\n        icon = glyph.name;\n        iconType = 'skyux';\n      } else {\n        // For default theme, use a known FA fallback.\n        // If the icon name requested is already a FA icon, just use it. Otherwise use the first one.\n        if (!glyph.faNames?.includes(icon)) {\n          icon = glyph.faNames[0];\n        }\n      }\n    }\n\n    // If no SKY UX glyph is found, assume icon is part of FA and pass it along.\n    return {\n      icon,\n      iconType,\n    };\n  }\n}\n","import { Pipe, PipeTransform, inject } from '@angular/core';\nimport { SkyThemeSettings } from '@skyux/theme';\n\nimport { SkyIconResolverService } from './icon-resolver.service';\nimport { SkyIconVariantType } from './types/icon-variant-type';\n\n/**\n * @internal\n */\n@Pipe({\n  name: 'skyIconClassList',\n  standalone: false,\n})\nexport class SkyIconClassListPipe implements PipeTransform {\n  #resolver = inject(SkyIconResolverService);\n\n  public transform(\n    icon: string,\n    themeSettings?: SkyThemeSettings,\n    size?: string,\n    fixedWidth?: boolean,\n    variant?: SkyIconVariantType,\n  ): string[] {\n    let classList: string[];\n\n    const { icon: resolvedIcon, iconType: resolvedIconType } =\n      this.#resolver.resolveIcon(icon, variant, themeSettings);\n\n    if (resolvedIconType === 'skyux') {\n      classList = ['sky-i-' + resolvedIcon];\n    } else {\n      classList = ['fa', 'fa-' + resolvedIcon];\n    }\n\n    if (size) {\n      classList.push('fa-' + size);\n    }\n\n    if (fixedWidth) {\n      classList.push('fa-fw');\n    }\n\n    return classList;\n  }\n}\n","import { Component, Input, inject } from '@angular/core';\nimport { SkyThemeService } from '@skyux/theme';\n\nimport { SkyIconStackItem } from './icon-stack-item';\n\n/**\n * @internal\n */\n@Component({\n  selector: 'sky-icon-stack',\n  templateUrl: './icon-stack.component.html',\n  styleUrls: ['./icon-stack.component.scss'],\n  standalone: false,\n})\nexport class SkyIconStackComponent {\n  /**\n   * The size of the icon using\n   * [Font Awesome sizes](https://fontawesome.com/v4/examples/).\n   */\n  @Input()\n  public size: string | undefined;\n\n  /**\n   * The icon to display at the bottom of the stack.\n   */\n  @Input()\n  public baseIcon: SkyIconStackItem | undefined;\n\n  /**\n   * The icon to display at the top of the stack.\n   */\n  @Input()\n  public topIcon: SkyIconStackItem | undefined;\n\n  protected themeSvc = inject(SkyThemeService, { optional: true });\n}\n","<span\n  aria-hidden=\"true\"\n  class=\"sky-icon-stack fa-stack\"\n  [ngClass]=\"size ? 'fa-' + size + ' sky-icon-stack-size-' + size : ''\"\n>\n  @if (baseIcon) {\n    <i\n      class=\"sky-icon fa-stack-2x\"\n      [ngClass]=\"\n        baseIcon.icon\n          | skyIconClassList\n            : (themeSvc?.settingsChange | async)?.currentSettings\n      \"\n    ></i>\n  }\n  @if (topIcon) {\n    <i\n      class=\"sky-icon fa-stack-1x fa-inverse sky-icon-inverse\"\n      [ngClass]=\"\n        topIcon.icon\n          | skyIconClassList\n            : (themeSvc?.settingsChange | async)?.currentSettings\n      \"\n    ></i>\n  }\n</span>\n","import { Injectable } from '@angular/core';\n\nimport { SkyIconVariantType } from './types/icon-variant-type';\n\nasync function getIconMap(): Promise<Map<string, number[]>> {\n  const response = await fetch(\n    `https://sky.blackbaudcdn.net/static/skyux-icons/7/assets/svg/skyux-icons.svg`,\n  );\n\n  if (!response.ok) {\n    throw new Error('Icon sprite could not be loaded.');\n  }\n\n  const markup = await response.text();\n\n  document.body.insertAdjacentHTML('afterbegin', markup);\n\n  const iconMap = Array.from<SVGSymbolElement>(\n    document.querySelectorAll('#sky-icon-svg-sprite symbol'),\n  ).reduce((map, el) => {\n    const idParts = el.id.split('-');\n\n    // Construct the icon name by removing `sky-i-` from the beginning\n    // and `-<size>-<variant>` from the end.\n    const name = idParts.slice(2, idParts.length - 2).join('-');\n\n    let sizes = map.get(name);\n\n    if (!sizes) {\n      sizes = [];\n      map.set(name, sizes);\n    }\n\n    // The penultimate segment is the size for which the icon has\n    // been optimized.\n    sizes.push(+idParts[idParts.length - 2]);\n\n    return map;\n  }, new Map<string, number[]>());\n\n  // Sort all the sizes for later comparison.\n  for (const id of iconMap.keys()) {\n    // Dedupe and sort the icon sizes.\n    iconMap.set(id, [...new Set(iconMap.get(id))].sort());\n  }\n\n  return iconMap;\n}\n\nfunction getNearestSize(\n  iconMap: Map<string, number[]>,\n  name: string,\n  pixelSize: number,\n): number | undefined {\n  const sizes = iconMap.get(name);\n\n  if (sizes) {\n    let nearestSizeUnder = -Infinity;\n    let nearestSizeOver = Infinity;\n\n    for (const availableSize of sizes) {\n      if (availableSize === pixelSize) {\n        return pixelSize;\n      } else if (availableSize < pixelSize) {\n        nearestSizeUnder = availableSize;\n      } else {\n        nearestSizeOver = availableSize;\n        break;\n      }\n    }\n\n    const underDiff = Math.abs(pixelSize - nearestSizeUnder);\n    const overDiff = Math.abs(pixelSize - nearestSizeOver);\n\n    return isNaN(overDiff) || underDiff < overDiff\n      ? nearestSizeUnder\n      : nearestSizeOver;\n  }\n\n  return undefined;\n}\n\n/**\n * @internal\n */\n@Injectable({\n  providedIn: 'root',\n})\nexport class SkyIconSvgResolverService {\n  #iconMapPromise: Promise<Map<string, number[]>> | undefined;\n\n  public async resolveHref(\n    name: string,\n    pixelSize = 16,\n    variant: SkyIconVariantType = 'line',\n  ): Promise<string> {\n    if (!this.#iconMapPromise) {\n      this.#iconMapPromise = getIconMap();\n    }\n\n    const iconMap = await this.#iconMapPromise;\n\n    let href = `#sky-i-${name}`;\n\n    // Find the icon with the optimal size nearest to the requested size.\n    const nearestSize = getNearestSize(iconMap, name, pixelSize);\n\n    if (!nearestSize) {\n      throw new Error(`Icon with name '${name}' was not found.`);\n    }\n\n    href = `${href}-${nearestSize}-${variant}`;\n\n    return href;\n  }\n}\n","import { NgClass } from '@angular/common';\nimport { Component, computed, inject, input } from '@angular/core';\nimport { toObservable, toSignal } from '@angular/core/rxjs-interop';\n\nimport { catchError, of, switchMap } from 'rxjs';\n\nimport { SkyIconSvgResolverService } from './icon-svg-resolver.service';\nimport { SkyIconVariantType } from './types/icon-variant-type';\n\nconst SIZE_BASE = 16;\n\nconst SIZES = new Map([\n  ['', SIZE_BASE],\n  ['lg', 21.333 /* SIZE_BASE * (4/3) */],\n  ['2x', 32 /* SIZE_BASE * 2 */],\n  ['3x', 48 /* SIZE_BASE * 3 */],\n  ['4x', 64 /* SIZE_BASE * 4 */],\n  ['5x', 80 /* SIZE_BASE * 5 */],\n]);\n\n/**\n * @internal\n */\n@Component({\n  selector: 'sky-icon-svg',\n  imports: [NgClass],\n  templateUrl: './icon-svg.component.html',\n  styleUrls: [\n    './icon-svg.default.component.scss',\n    './icon-svg.modern.component.scss',\n  ],\n})\nexport class SkyIconSvgComponent {\n  readonly #resolverSvc = inject(SkyIconSvgResolverService);\n\n  public readonly iconName = input.required<string>();\n  public readonly iconSize = input<string>();\n  public readonly iconVariant = input<SkyIconVariantType>();\n\n  readonly #iconInfo = computed(() => {\n    return {\n      src: this.iconName(),\n      size: this.iconSize(),\n      variant: this.iconVariant(),\n    };\n  });\n\n  protected readonly iconHref = toSignal(\n    toObservable(this.#iconInfo).pipe(\n      switchMap((info) =>\n        this.#resolverSvc.resolveHref(\n          info.src,\n          SIZES.get(info.size ?? ''),\n          info.variant,\n        ),\n      ),\n      catchError(() => of('')),\n    ),\n  );\n}\n","<svg\n  aria-hidden=\"true\"\n  class=\"sky-icon-svg-img\"\n  [ngClass]=\"iconSize() && 'sky-icon-svg-img-' + iconSize()\"\n  [attr.data-sky-icon]=\"iconName()\"\n  [attr.data-sky-icon-variant]=\"iconVariant()\"\n>\n  <use [attr.xlink:href]=\"iconHref()\" />\n</svg>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  Input,\n  inject,\n} from '@angular/core';\nimport { SkyThemeService } from '@skyux/theme';\n\nimport { SkyIconType } from './types/icon-type';\nimport { SkyIconVariantType } from './types/icon-variant-type';\n\n@Component({\n  selector: 'sky-icon',\n  templateUrl: './icon.component.html',\n  styleUrls: ['./icon.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: false,\n})\nexport class SkyIconComponent {\n  /**\n   * The name of\n   * [the Font Awesome 4.7 icon](https://fontawesome.com/v4.7/icons/) or the SKY UX icon to\n   * display. When specifying a Font Awesome icon, do not prefix the name with `fa-`.\n   * @required\n   */\n  @Input()\n  public icon: string | undefined;\n\n  /**\n   * The name of the Blackbaud SVG icon to display. For internal use only.\n   * @internal\n   */\n  @Input()\n  public iconName: string | undefined;\n\n  /**\n   * The type of icon to display. Specifying `\"fa\"` displays a Font Awesome icon,\n   * while specifying `\"skyux\"` displays an icon from the custom SKY UX icon font. Note that\n   * the custom SKY UX icon font is currently in beta.\n   * @default \"fa\"\n   * @deprecated The icon component now automatically infers which type of icon to use based on the current theme. This input will be removed in a future version.\n   */\n  @Input()\n  public iconType: SkyIconType | undefined;\n\n  /**\n   * The size of the icon using\n   * [Font Awesome sizes](https://fontawesome.com/v4/examples/). Do not prefix the size with `fa-`.\n   */\n  @Input()\n  public size: string | undefined;\n\n  /**\n   * Whether to enforce a fixed width based on icon size. By default, icons of a specified size share a\n   * consistent height, but their widths vary and can throw off vertical alignment. Use a fixed width when\n   * you stack icons vertically, such as in lists.\n   * @default false\n   */\n  @Input()\n  public fixedWidth: boolean | undefined;\n\n  /**\n   * The icon variant. If the variant doesn't exist for the\n   * specified icon, the normal icon is displayed. This property only applies when using SKY UX icons.\n   */\n  @Input()\n  public variant: SkyIconVariantType | undefined;\n\n  protected themeSvc = inject(SkyThemeService, { optional: true });\n}\n","@if (iconName) {\n  <sky-icon-svg\n    [iconName]=\"iconName\"\n    [iconSize]=\"size\"\n    [iconVariant]=\"variant\"\n  />\n} @else if (icon) {\n  <i\n    aria-hidden=\"true\"\n    class=\"sky-icon\"\n    [attr.data-sky-icon]=\"icon\"\n    [attr.data-sky-icon-type]=\"iconType\"\n    [attr.data-sky-icon-variant]=\"variant\"\n    [ngClass]=\"\n      icon\n        | skyIconClassList\n          : (themeSvc?.settingsChange | async)?.currentSettings\n          : size\n          : fixedWidth\n          : variant\n    \"\n  ></i>\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { SkyIconClassListPipe } from './icon-class-list.pipe';\nimport { SkyIconStackComponent } from './icon-stack.component';\nimport { SkyIconSvgComponent } from './icon-svg.component';\nimport { SkyIconComponent } from './icon.component';\n\n@NgModule({\n  declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent],\n  imports: [CommonModule, SkyIconSvgComponent],\n  exports: [SkyIconComponent, SkyIconStackComponent],\n})\nexport class SkyIconModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2.SkyIconClassListPipe","i2.SkyIconSvgComponent","i3.SkyIconClassListPipe"],"mappings":"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"}
+{"version":3,"file":"skyux-icon.mjs","sources":["../../../../../libs/components/icon/src/lib/modules/icon/icon-resolver.service.ts","../../../../../libs/components/icon/src/lib/modules/icon/icon-class-list.pipe.ts","../../../../../libs/components/icon/src/lib/modules/icon/icon-svg-resolver.service.ts","../../../../../libs/components/icon/src/lib/modules/icon/icon-svg.component.ts","../../../../../libs/components/icon/src/lib/modules/icon/icon-svg.component.html","../../../../../libs/components/icon/src/lib/modules/icon/icon.component.ts","../../../../../libs/components/icon/src/lib/modules/icon/icon.component.html","../../../../../libs/components/icon/src/lib/modules/icon/icon.module.ts","../../../../../libs/components/icon/src/skyux-icon.ts"],"sourcesContent":["import { Injectable, inject } from '@angular/core';\nimport {\n  SkyThemeIconManifestGlyph,\n  SkyThemeIconManifestService,\n  SkyThemeSettings,\n} from '@skyux/theme';\n\nimport { SkyIconResolved } from './types/icon-resolved';\nimport type { SkyIconVariantType } from './types/icon-variant-type';\n\n/**\n * @internal\n */\n@Injectable({\n  providedIn: 'root',\n})\nexport class SkyIconResolverService {\n  #glyphMap = new Map<string, SkyThemeIconManifestGlyph>();\n\n  #manifestSvc = inject(SkyThemeIconManifestService);\n\n  constructor() {\n    // Map the icons by name for more efficient lookup.\n    for (const glyph of this.#manifestSvc.getManifest().glyphs) {\n      // TODO: keep this until `faName` is removed just in case any icons get added with the wrong shape\n      if (glyph.faName && !glyph.faNames) {\n        glyph.faNames = [glyph.faName];\n      }\n      this.#glyphMap.set(glyph.name, glyph);\n    }\n  }\n\n  public resolveIcon(\n    icon: string,\n    variant?: SkyIconVariantType,\n    themeSettings?: SkyThemeSettings,\n  ): SkyIconResolved {\n    let iconType = 'fa';\n    const variantIcon = variant && `${icon}-${variant}`;\n    const lineIcon = `${icon}-line`;\n\n    // Get the specified variant, or fall back to the icon name.\n    // If the pure icon name doesn't exist, try the line variant.\n    let glyph =\n      this.#glyphMap.get(variantIcon as string) ??\n      this.#glyphMap.get(icon) ??\n      this.#glyphMap.get(lineIcon) ??\n      Array.from(this.#glyphMap.values()).find(\n        (glyph) =>\n          glyph.aliases?.includes(variantIcon as string) ||\n          glyph.aliases?.includes(lineIcon) ||\n          glyph.aliases?.includes(icon),\n      );\n\n    // If still no icon is found, search through the icons that match the FA name.\n    if (!glyph) {\n      let glyphs = Array.from(this.#glyphMap.values()).filter((g) =>\n        g.faNames?.includes(icon),\n      );\n      if (glyphs.length) {\n        if (glyphs.length > 1) {\n          // If multiples are found, make sure we select the correct variant, if requested.\n          // The icons are ordered such that the \"default\" variant will be the first one.\n          if (variant) {\n            const variantGlyph = glyphs.find((g) => g.name.endsWith(variant));\n            if (variantGlyph) {\n              glyphs = [variantGlyph];\n            }\n          }\n        }\n        glyph = glyphs[0];\n      }\n      // If none of the above works, no matching icon was found\n    }\n\n    if (glyph) {\n      // If a glyph is found, use it for modern theme or if no FA fallback exists.\n      if (themeSettings?.theme.name === 'modern' || !glyph.faNames?.length) {\n        icon = glyph.name;\n        iconType = 'skyux';\n      } else {\n        // For default theme, use a known FA fallback.\n        // If the icon name requested is already a FA icon, just use it. Otherwise use the first one.\n        if (!glyph.faNames?.includes(icon)) {\n          icon = glyph.faNames[0];\n        }\n      }\n    }\n\n    // If no SKY UX glyph is found, assume icon is part of FA and pass it along.\n    return {\n      icon,\n      iconType,\n    };\n  }\n}\n","import { Pipe, PipeTransform, inject } from '@angular/core';\nimport { SkyThemeSettings } from '@skyux/theme';\n\nimport { SkyIconResolverService } from './icon-resolver.service';\nimport { SkyIconVariantType } from './types/icon-variant-type';\n\n/**\n * @internal\n */\n@Pipe({\n  name: 'skyIconClassList',\n  standalone: false,\n})\nexport class SkyIconClassListPipe implements PipeTransform {\n  #resolver = inject(SkyIconResolverService);\n\n  public transform(\n    icon: string,\n    themeSettings?: SkyThemeSettings,\n    size?: string,\n    fixedWidth?: boolean,\n    variant?: SkyIconVariantType,\n  ): string[] {\n    let classList: string[];\n\n    const { icon: resolvedIcon, iconType: resolvedIconType } =\n      this.#resolver.resolveIcon(icon, variant, themeSettings);\n\n    if (resolvedIconType === 'skyux') {\n      classList = ['sky-i-' + resolvedIcon];\n    } else {\n      classList = ['fa', 'fa-' + resolvedIcon];\n    }\n\n    if (size) {\n      classList.push('fa-' + size);\n    }\n\n    if (fixedWidth) {\n      classList.push('fa-fw');\n    }\n\n    return classList;\n  }\n}\n","import { Injectable } from '@angular/core';\n\nimport { SkyIconVariantType } from './types/icon-variant-type';\n\nasync function getIconMap(): Promise<Map<string, number[]>> {\n  const response = await fetch(\n    `https://sky.blackbaudcdn.net/static/skyux-icons/7/assets/svg/skyux-icons.svg`,\n  );\n\n  /* istanbul ignore next */\n  if (!response.ok) {\n    throw new Error('Icon sprite could not be loaded.');\n  }\n\n  const markup = await response.text();\n\n  document.body.insertAdjacentHTML('afterbegin', markup);\n\n  const iconMap = Array.from<SVGSymbolElement>(\n    document.querySelectorAll('#sky-icon-svg-sprite symbol'),\n  ).reduce((map, el) => {\n    const idParts = el.id.split('-');\n\n    // Construct the icon name by removing `sky-i-` from the beginning\n    // and `-<size>-<variant>` from the end.\n    const name = idParts.slice(2, idParts.length - 2).join('-');\n\n    let sizes = map.get(name);\n\n    if (!sizes) {\n      sizes = [];\n      map.set(name, sizes);\n    }\n\n    // The penultimate segment is the size for which the icon has\n    // been optimized.\n    sizes.push(+idParts[idParts.length - 2]);\n\n    return map;\n  }, new Map<string, number[]>());\n\n  // Sort all the sizes for later comparison.\n  for (const id of iconMap.keys()) {\n    // Dedupe and sort the icon sizes.\n    iconMap.set(id, [...new Set(iconMap.get(id))].sort());\n  }\n\n  return iconMap;\n}\n\nfunction getNearestSize(\n  iconMap: Map<string, number[]>,\n  name: string,\n  pixelSize: number,\n): number | undefined {\n  const sizes = iconMap.get(name);\n\n  if (sizes) {\n    let nearestSizeUnder = -Infinity;\n    let nearestSizeOver = Infinity;\n\n    for (const availableSize of sizes) {\n      if (availableSize === pixelSize) {\n        return pixelSize;\n      } else if (availableSize < pixelSize) {\n        nearestSizeUnder = availableSize;\n      } else {\n        nearestSizeOver = availableSize;\n        break;\n      }\n    }\n\n    const underDiff = Math.abs(pixelSize - nearestSizeUnder);\n    const overDiff = Math.abs(pixelSize - nearestSizeOver);\n\n    return isNaN(overDiff) || underDiff < overDiff\n      ? nearestSizeUnder\n      : nearestSizeOver;\n  }\n\n  return undefined;\n}\n\nlet iconMapPromise: Promise<Map<string, number[]>> | undefined;\n\n/**\n * @internal\n */\n@Injectable({\n  providedIn: 'root',\n})\nexport class SkyIconSvgResolverService {\n  public async resolveHref(\n    name: string,\n    pixelSize = 16,\n    variant: SkyIconVariantType = 'line',\n  ): Promise<string> {\n    if (!iconMapPromise) {\n      iconMapPromise = getIconMap();\n    }\n\n    const iconMap = await iconMapPromise;\n\n    let href = `#sky-i-${name}`;\n\n    // Find the icon with the optimal size nearest to the requested size.\n    const nearestSize = getNearestSize(iconMap, name, pixelSize);\n\n    if (!nearestSize) {\n      throw new Error(`Icon with name '${name}' was not found.`);\n    }\n\n    href = `${href}-${nearestSize}-${variant}`;\n\n    return href;\n  }\n}\n","import { Component, computed, inject, input } from '@angular/core';\nimport { toObservable, toSignal } from '@angular/core/rxjs-interop';\nimport { SkyThemeComponentClassDirective } from '@skyux/theme';\n\nimport { catchError, of, switchMap } from 'rxjs';\n\nimport { SkyIconSvgResolverService } from './icon-svg-resolver.service';\nimport { SkyIconSize } from './types/icon-size';\nimport { SkyIconVariantType } from './types/icon-variant-type';\n\nconst SIZE_BASE = 16;\n\nconst RELATIVE_SIZES = new Map([\n  ['md', SIZE_BASE],\n  ['lg', 21.333 /* SIZE_BASE * (4/3) */],\n  ['2x', 32 /* SIZE_BASE * 2 */],\n  ['3x', 48 /* SIZE_BASE * 3 */],\n  ['4x', 64 /* SIZE_BASE * 4 */],\n  ['5x', 80 /* SIZE_BASE * 5 */],\n]);\n\nconst FIXED_SIZES = new Map([\n  ['s', SIZE_BASE],\n  ['m', 20],\n  ['l', 24],\n  ['xl', 32],\n]);\n\nfunction defaultSize(value: SkyIconSize | undefined): SkyIconSize {\n  return value ?? 'm';\n}\n\n/**\n * @internal\n */\n@Component({\n  selector: 'sky-icon-svg',\n  templateUrl: './icon-svg.component.html',\n  styleUrls: ['./icon-svg.component.scss'],\n  host: {\n    '[class]':\n      'relativeSize() ? \"sky-icon-svg-relative-\" + relativeSize() : \"sky-icon-svg-\" + iconSize()',\n  },\n  hostDirectives: [SkyThemeComponentClassDirective],\n})\nexport class SkyIconSvgComponent {\n  readonly #resolverSvc = inject(SkyIconSvgResolverService);\n\n  public readonly iconName = input.required<string>();\n  public readonly iconSize = input<SkyIconSize, SkyIconSize | undefined>('m', {\n    transform: defaultSize,\n  });\n  public readonly relativeSize = input<string | undefined>();\n  public readonly iconVariant = input<SkyIconVariantType>();\n\n  readonly #iconInfo = computed(() => {\n    return {\n      src: this.iconName(),\n      relativeSize: this.relativeSize(),\n      iconSize: this.iconSize(),\n      variant: this.iconVariant(),\n    };\n  });\n\n  protected readonly iconHref = toSignal(\n    toObservable(this.#iconInfo).pipe(\n      switchMap((info) =>\n        this.#resolverSvc.resolveHref(\n          info.src,\n          info.relativeSize !== undefined\n            ? RELATIVE_SIZES.get(info.relativeSize)\n            : FIXED_SIZES.get(info.iconSize),\n          info.variant,\n        ),\n      ),\n      catchError(() => of('')),\n    ),\n  );\n}\n","<div class=\"sky-icon-svg-container\">\n  <svg\n    aria-hidden=\"true\"\n    class=\"sky-icon-svg-img\"\n    [attr.data-sky-icon]=\"iconName()\"\n    [attr.data-sky-icon-variant]=\"iconVariant()\"\n  >\n    <use [attr.xlink:href]=\"iconHref()\" />\n  </svg>\n</div>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  Input,\n  inject,\n  input,\n} from '@angular/core';\nimport { SkyThemeService } from '@skyux/theme';\n\nimport { SkyIconSize } from './types/icon-size';\nimport { SkyIconType } from './types/icon-type';\nimport { SkyIconVariantType } from './types/icon-variant-type';\n\n@Component({\n  selector: 'sky-icon',\n  templateUrl: './icon.component.html',\n  styleUrls: ['./icon.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: false,\n})\nexport class SkyIconComponent {\n  /**\n   * The name of\n   * [the Font Awesome 4.7 icon](https://fontawesome.com/v4.7/icons/) or the SKY UX icon to\n   * display. When specifying a Font Awesome icon, do not prefix the name with `fa-`.\n   * @deprecated Font Awesome support will be removed in SKY UX 13. Use iconName instead.\n   */\n  @Input()\n  public icon: string | undefined;\n\n  /**\n   * The name of the Blackbaud SVG icon to display.\n   */\n  @Input()\n  public iconName: string | undefined;\n\n  /**\n   * The type of icon to display. Specifying `\"fa\"` displays a Font Awesome icon,\n   * while specifying `\"skyux\"` displays an icon from the custom SKY UX icon font. Note that\n   * the custom SKY UX icon font is currently in beta.\n   * @default \"fa\"\n   * @deprecated The icon component now automatically infers which type of icon to use based on the current theme. This input will be removed in SKY UX 13.\n   */\n  @Input()\n  public iconType: SkyIconType | undefined;\n\n  /**\n   * The size of the icon using\n   * [Font Awesome sizes](https://fontawesome.com/v4/examples/). Size is relative to the font size. Do not prefix the size with `fa-`.\n   * @deprecated `size` is deprecated and will be removed in SKY UX 13. Use `iconSize` to set a specific size that does not scale with font size instead.\n   */\n  @Input()\n  public size: string | undefined;\n\n  /**\n   * Whether to enforce a fixed width based on icon size. By default, icons of a specified size share a\n   * consistent height, but their widths vary and can throw off vertical alignment. Use a fixed width when\n   * you stack icons vertically, such as in lists.\n   * @default false\n   * @deprecated `fixedWidth` is a Font Awesome input and will be removed when Font Awesome support is dropped in SKY UX 13.\n   * All icons using iconName are automatically fixed width.\n   */\n  @Input()\n  public fixedWidth: boolean | undefined;\n\n  /**\n   * The icon variant. If the variant doesn't exist for the\n   * specified icon, the normal icon is displayed. This property only applies when using SKY UX icons.\n   */\n  @Input()\n  public variant: SkyIconVariantType | undefined;\n\n  /**\n   * The icon size. Size is independent of font size.\n   * @default \"m\"\n   */\n  public readonly iconSize = input<SkyIconSize | undefined>();\n\n  protected themeSvc = inject(SkyThemeService, { optional: true });\n}\n","@if (iconName) {\n  <sky-icon-svg\n    [iconName]=\"iconName\"\n    [relativeSize]=\"size\"\n    [iconSize]=\"iconSize()\"\n    [iconVariant]=\"variant\"\n    [attr.data-sky-icon]=\"iconName\"\n    [attr.data-sky-icon-variant]=\"variant\"\n  />\n} @else if (icon) {\n  <i\n    aria-hidden=\"true\"\n    class=\"sky-icon\"\n    [attr.data-sky-icon]=\"icon\"\n    [attr.data-sky-icon-type]=\"iconType\"\n    [attr.data-sky-icon-variant]=\"variant\"\n    [ngClass]=\"\n      icon\n        | skyIconClassList\n          : (themeSvc?.settingsChange | async)?.currentSettings\n          : size\n          : fixedWidth\n          : variant\n    \"\n  ></i>\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { SkyIconClassListPipe } from './icon-class-list.pipe';\nimport { SkyIconSvgComponent } from './icon-svg.component';\nimport { SkyIconComponent } from './icon.component';\n\n@NgModule({\n  declarations: [SkyIconClassListPipe, SkyIconComponent],\n  imports: [CommonModule, SkyIconSvgComponent],\n  exports: [SkyIconComponent],\n})\nexport class SkyIconModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2.SkyIconSvgComponent","i3.SkyIconClassListPipe"],"mappings":"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"}

package/index.d.ts

@@ -1,6 +1,6 @@
-export { SkyIconStackItem } from './lib/modules/icon/icon-stack-item';
 export { SkyIconModule } from './lib/modules/icon/icon.module';
+export { SkyIconSize } from './lib/modules/icon/types/icon-size';
 export { SkyIconType } from './lib/modules/icon/types/icon-type';
 export { SkyIconVariantType } from './lib/modules/icon/types/icon-variant-type';
+export { SkyIconSvgResolverService } from './lib/modules/icon/icon-svg-resolver.service';
 export { SkyIconComponent as λ1 } from './lib/modules/icon/icon.component';
-export { SkyIconStackComponent as λ2 } from './lib/modules/icon/icon-stack.component';

package/lib/modules/icon/icon-svg-resolver.service.d.ts

@@ -4,7 +4,6 @@ import * as i0 from "@angular/core";
  * @internal
  */
 export declare class SkyIconSvgResolverService {
-    #private;
     resolveHref(name: string, pixelSize?: number, variant?: SkyIconVariantType): Promise<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyIconSvgResolverService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SkyIconSvgResolverService>;

package/lib/modules/icon/icon-svg.component.d.ts

@@ -1,14 +1,17 @@
+import { SkyIconSize } from './types/icon-size';
 import { SkyIconVariantType } from './types/icon-variant-type';
 import * as i0 from "@angular/core";
+import * as i1 from "@skyux/theme";
 /**
  * @internal
  */
 export declare class SkyIconSvgComponent {
     #private;
     readonly iconName: import("@angular/core").InputSignal<string>;
-    readonly iconSize: import("@angular/core").InputSignal<string | undefined>;
+    readonly iconSize: import("@angular/core").InputSignalWithTransform<SkyIconSize, SkyIconSize | undefined>;
+    readonly relativeSize: import("@angular/core").InputSignal<string | undefined>;
     readonly iconVariant: import("@angular/core").InputSignal<SkyIconVariantType | undefined>;
     protected readonly iconHref: import("@angular/core").Signal<string | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyIconSvgComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyIconSvgComponent, "sky-icon-svg", never, { "iconName": { "alias": "iconName"; "required": true; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "iconVariant": { "alias": "iconVariant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyIconSvgComponent, "sky-icon-svg", never, { "iconName": { "alias": "iconName"; "required": true; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "relativeSize": { "alias": "relativeSize"; "required": false; "isSignal": true; }; "iconVariant": { "alias": "iconVariant"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
 }

package/lib/modules/icon/icon.component.d.ts

@@ -1,4 +1,5 @@
 import { SkyThemeService } from '@skyux/theme';
+import { SkyIconSize } from './types/icon-size';
 import { SkyIconType } from './types/icon-type';
 import { SkyIconVariantType } from './types/icon-variant-type';
 import * as i0 from "@angular/core";
@@ -7,12 +8,11 @@ export declare class SkyIconComponent {
      * The name of
      * [the Font Awesome 4.7 icon](https://fontawesome.com/v4.7/icons/) or the SKY UX icon to
      * display. When specifying a Font Awesome icon, do not prefix the name with `fa-`.
-     * @required
+     * @deprecated Font Awesome support will be removed in SKY UX 13. Use iconName instead.
      */
     icon: string | undefined;
     /**
-     * The name of the Blackbaud SVG icon to display. For internal use only.
-     * @internal
+     * The name of the Blackbaud SVG icon to display.
      */
     iconName: string | undefined;
     /**
@@ -20,12 +20,13 @@ export declare class SkyIconComponent {
      * while specifying `"skyux"` displays an icon from the custom SKY UX icon font. Note that
      * the custom SKY UX icon font is currently in beta.
      * @default "fa"
-     * @deprecated The icon component now automatically infers which type of icon to use based on the current theme. This input will be removed in a future version.
+     * @deprecated The icon component now automatically infers which type of icon to use based on the current theme. This input will be removed in SKY UX 13.
      */
     iconType: SkyIconType | undefined;
     /**
      * The size of the icon using
-     * [Font Awesome sizes](https://fontawesome.com/v4/examples/). Do not prefix the size with `fa-`.
+     * [Font Awesome sizes](https://fontawesome.com/v4/examples/). Size is relative to the font size. Do not prefix the size with `fa-`.
+     * @deprecated `size` is deprecated and will be removed in SKY UX 13. Use `iconSize` to set a specific size that does not scale with font size instead.
      */
     size: string | undefined;
     /**
@@ -33,6 +34,8 @@ export declare class SkyIconComponent {
      * consistent height, but their widths vary and can throw off vertical alignment. Use a fixed width when
      * you stack icons vertically, such as in lists.
      * @default false
+     * @deprecated `fixedWidth` is a Font Awesome input and will be removed when Font Awesome support is dropped in SKY UX 13.
+     * All icons using iconName are automatically fixed width.
      */
     fixedWidth: boolean | undefined;
     /**
@@ -40,7 +43,12 @@ export declare class SkyIconComponent {
      * specified icon, the normal icon is displayed. This property only applies when using SKY UX icons.
      */
     variant: SkyIconVariantType | undefined;
+    /**
+     * The icon size. Size is independent of font size.
+     * @default "m"
+     */
+    readonly iconSize: import("@angular/core").InputSignal<SkyIconSize | undefined>;
     protected themeSvc: SkyThemeService | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyIconComponent, "sky-icon", never, { "icon": { "alias": "icon"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "iconType": { "alias": "iconType"; "required": false; }; "size": { "alias": "size"; "required": false; }; "fixedWidth": { "alias": "fixedWidth"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyIconComponent, "sky-icon", never, { "icon": { "alias": "icon"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "iconType": { "alias": "iconType"; "required": false; }; "size": { "alias": "size"; "required": false; }; "fixedWidth": { "alias": "fixedWidth"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/lib/modules/icon/icon.module.d.ts

@@ -1,11 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./icon-class-list.pipe";
 import * as i2 from "./icon.component";
-import * as i3 from "./icon-stack.component";
-import * as i4 from "@angular/common";
-import * as i5 from "./icon-svg.component";
+import * as i3 from "@angular/common";
+import * as i4 from "./icon-svg.component";
 export declare class SkyIconModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyIconModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyIconModule, [typeof i1.SkyIconClassListPipe, typeof i2.SkyIconComponent, typeof i3.SkyIconStackComponent], [typeof i4.CommonModule, typeof i5.SkyIconSvgComponent], [typeof i2.SkyIconComponent, typeof i3.SkyIconStackComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyIconModule, [typeof i1.SkyIconClassListPipe, typeof i2.SkyIconComponent], [typeof i3.CommonModule, typeof i4.SkyIconSvgComponent], [typeof i2.SkyIconComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyIconModule>;
 }

package/lib/modules/icon/types/icon-size.d.ts

@@ -0,0 +1 @@
+export type SkyIconSize = 'xxxs' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';