@fabric-msft/fabric-web 4.0.0-beta.1 → 5.0.0

package/dist/esm/components/svg-icon/svg-icon.definition.js

@@ -1,7 +1,8 @@
-import { DesignSystem } from "../design-system";
-import { SvgIcon } from "./svg-icon";
-import { styles } from "./svg-icon.styles";
-import { template } from "./svg-icon.template";
+import { DesignSystem } from '../design-system.js';
+import { SvgIcon } from './svg-icon.js';
+import { styles } from './svg-icon.styles.js';
+import { template } from './svg-icon.template.js';
+
 /**
  * Compose the SvgIcon component definition.
  *
@@ -9,13 +10,14 @@ import { template } from "./svg-icon.template";
  * @remarks
  * HTML Element: <fabric-svg-icon>
  */
-export const definition = SvgIcon.compose({
-    name: `${DesignSystem.prefix}-svg-icon`,
-    template,
-    styles,
-    shadowOptions: {
-        mode: DesignSystem.shadowRootMode
-    }
+const definition = SvgIcon.compose({
+  name: `${DesignSystem.prefix}-svg-icon`,
+  template,
+  styles,
+  shadowOptions: {
+    mode: DesignSystem.shadowRootMode
+  }
 });
 definition.define(DesignSystem.registry);
-//# sourceMappingURL=svg-icon.definition.js.map
+
+export { definition };

package/dist/esm/components/svg-icon/svg-icon.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"svg-icon.definition.js","sourceRoot":"","sources":["../../../../../../../src/components/svg-icon/svg-icon.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC;IACxC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,WAAW;IACvC,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC;AAEH,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"svg-icon.definition.js","sourceRoot":"","sources":["../../../../../../../src/components/svg-icon/svg-icon.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC;IACxC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,WAAW;IACvC,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC;AAEH,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/dist/esm/components/svg-icon/svg-icon.js

@@ -1,11 +1,14 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
+import { attr, FASTElement, css } from '@microsoft/fast-element';
+import { spacingHorizontalXL } from '@fluentui/web-components';
+import { SvgService } from './services/svg-service.js';
+
+var __decorate = globalThis && globalThis.__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+    r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+    d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { FASTElement, attr, css, observable } from "@microsoft/fast-element";
-import { SvgService } from "./services/svg-service";
 /**
  * SvgIcon
  * @summary This component is used to dynamically load and display SVG icons.
@@ -27,7 +30,6 @@ import { SvgService } from "./services/svg-service";
  * @attr {string} path - The path to the SVG icon file.
  * @attr {string} aria-hidden - The aria-hidden attribute for accessibility.
  * @attr {string} focusable - Indicates whether the SVG icon is focusable.
- * @attr {string | null} role - The role attribute for accessibility.
  *
  * @prop {ElementStyles | undefined} computedStylesheet - The computed stylesheet for the SVG icon.
  * @prop {boolean} isLoading - Indicates whether the icon is currently loading.
@@ -37,9 +39,11 @@ import { SvgService } from "./services/svg-service";
  * @prop {string} path - The path to the SVG icon file.
  * @prop {string} ariaHidden - The aria-hidden attribute for accessibility.
  * @prop {string} focusable - Indicates whether the SVG icon is focusable.
- * @prop {string | null} role - The role attribute for accessibility.
+ * @prop {string | null} role - The role attribute for accessibility (native property, reflects to/from the role attribute).
  *
  * @csspart svg - The SVG element representing the icon.
+ * @cssprop --icon-height - Controls the default height of the SVG icon.
+ * @cssprop --icon-width - Controls the default width of the SVG icon.
  *
  * @method nameChanged - Handles changes to the name attribute.
  * @method sizeChanged - Handles changes to the size attribute.
@@ -50,267 +54,260 @@ import { SvgService } from "./services/svg-service";
  * @method updateComputedStylesheet - Updates the computed stylesheet with the provided width and height.
  * @method updateSvgAttributes - Updates the attributes of the SVG element.
  *
- * @fires error - Dispatched when the icon fails to load.
+ * @fires {CustomEvent} error - Dispatched when the icon fails to load.
  *
  * @extends FASTElement
  * @tagname fabric-svg-icon
  * @public
  */
-export class SvgIcon extends FASTElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Indicates whether the icon is currently loading.
-         * @private
-         * @type {boolean}
-         * @default true
-         */
-        this.isLoading = true;
-        /**
-         * Indicates whether there was an error loading the icon.
-         * @private
-         * @type {boolean}
-         * @default false
-         */
-        this.isError = false;
-        /**
-         * The aria-hidden attribute for accessibility.
-         * @public
-         * @attr
-         * @type {string}
-         * @default true
-         */
-        this.ariaHidden = "true";
-        /**
-         * Indicates whether the SVG icon is focusable.
-         * @public
-         * @attr
-         * @type {string}
-         * @default false
-         */
-        this.focusable = "false";
-        /**
-         * The role attribute for accessibility.
-         * @public
-         * @attr
-         * @type {string | null}
-         * @default null
-         */
-        this.role = null;
-        /**
-         * Resolver function for the render promise.
-         * @private
-         * @type {() => undefined | null}
-         */
-        this.renderResolver = () => undefined;
-        /**
-         * Promise that resolves when the icon is rendered.
-         * @private
-         * @type {Promise<void>}
-         */
-        this.renderPromise = new Promise((resolve) => {
-            this.renderResolver = resolve;
-        });
-    }
+class SvgIcon extends FASTElement {
+  constructor() {
+    super(...arguments);
     /**
-     * Handles changes to the name attribute.
-     * @public
+     * Indicates whether the icon is currently loading.
+     * @private
+     * @type {boolean}
+     * @default true
      */
-    nameChanged() {
-        this.checkAndResolveRenderPromise();
-    }
+    this.isLoading = true;
     /**
-     * Handles changes to the size attribute.
-     * @public
+     * Indicates whether there was an error loading the icon.
+     * @private
+     * @type {boolean}
+     * @default false
      */
-    sizeChanged() {
-        this.checkAndResolveRenderPromise();
-    }
+    this.isError = false;
     /**
-     * Handles changes to the path attribute.
+     * The aria-hidden attribute for accessibility.
      * @public
+     * @attr
+     * @type {string}
+     * @default true
      */
-    pathChanged() {
-        this.checkAndResolveRenderPromise();
-    }
+    this.ariaHidden = "true";
     /**
-     * Called when the element is connected to the DOM.
+     * Indicates whether the SVG icon is focusable.
      * @public
+     * @attr
+     * @type {string}
+     * @default false
      */
-    connectedCallback() {
-        super.connectedCallback();
-        this.renderPromise.then(() => this.renderIcon());
-    }
+    this.focusable = "false";
     /**
-     * Checks and resolves the render promise if conditions are met.
+     * Resolver function for the render promise.
      * @private
+     * @type {() => undefined | null}
      */
-    checkAndResolveRenderPromise() {
-        if (this.renderResolver) {
-            if (this.path) {
-                if (!this.name || (this.name && this.name !== "")) {
-                    this.renderResolver();
-                    this.renderResolver = () => undefined;
-                }
-            }
-        }
-    }
-    /**
-     * Renders the SVG icon.
-     * @private
-     */
-    renderIcon() {
-        this.isLoading = true;
-        SvgService.getPreparedSVG(this.path, this.name)
-            .then(({ content, width, height }) => {
-            this.isLoading = false;
-            this.shadowRoot.innerHTML = content;
-            this.updateComputedStylesheet(width, height);
-            const svgElementInShadow = this.shadowRoot.querySelector("svg");
-            if (svgElementInShadow) {
-                this.updateSvgAttributes(svgElementInShadow);
-            }
-        })
-            .catch((error) => {
-            this.isLoading = false;
-            this.isError = true;
-            console.error(`Failed to load icon: ${this.path}`, error);
-            this.renderErrorIcon();
-        });
-    }
+    this.renderResolver = () => undefined;
     /**
-     * Renders an error icon when the SVG fails to load.
+     * Promise that resolves when the icon is rendered.
      * @private
+     * @type {Promise<void>}
      */
-    renderErrorIcon() {
-        // Creating SVG element for red "X"
-        const errorSvg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-        errorSvg.setAttribute("width", "20");
-        errorSvg.setAttribute("height", "20");
-        errorSvg.setAttribute("viewBox", "0 0 20 20");
-        errorSvg.setAttribute("aria-hidden", "false");
-        errorSvg.setAttribute("alt", "broken image");
-        // Line from top-left to bottom-right
-        const line1 = document.createElementNS("http://www.w3.org/2000/svg", "line");
-        line1.setAttribute("x1", "0");
-        line1.setAttribute("y1", "0");
-        line1.setAttribute("x2", "20");
-        line1.setAttribute("y2", "20");
-        line1.setAttribute("stroke", "red");
-        line1.setAttribute("stroke-width", "2");
-        // Line from top-right to bottom-left
-        const line2 = document.createElementNS("http://www.w3.org/2000/svg", "line");
-        line2.setAttribute("x1", "20");
-        line2.setAttribute("y1", "0");
-        line2.setAttribute("x2", "0");
-        line2.setAttribute("y2", "20");
-        line2.setAttribute("stroke", "red");
-        line2.setAttribute("stroke-width", "2");
-        errorSvg.appendChild(line1);
-        errorSvg.appendChild(line2);
-        // Adding SVG to shadowRoot
-        this.shadowRoot.innerHTML = "";
-        this.shadowRoot.appendChild(errorSvg);
+    this.renderPromise = new Promise(resolve => {
+      this.renderResolver = resolve;
+    });
+  }
+  /**
+   * Handles changes to the name attribute.
+   * @public
+   */
+  nameChanged() {
+    this.checkAndResolveRenderPromise();
+  }
+  /**
+   * Handles changes to the size attribute.
+   * @public
+   */
+  sizeChanged() {
+    this.checkAndResolveRenderPromise();
+  }
+  /**
+   * Handles changes to the path attribute.
+   * @public
+   */
+  pathChanged() {
+    this.checkAndResolveRenderPromise();
+  }
+  /**
+   * The role attribute for accessibility.
+   * @public
+   * @type {string | null}
+   * @default null
+   */
+  get role() {
+    return this.getAttribute("role");
+  }
+  set role(value) {
+    if (value === null || value === undefined) {
+      this.removeAttribute("role");
+    } else {
+      this.setAttribute("role", value);
     }
-    /**
-     * Updates the computed stylesheet with the provided width and height.
-     * @private
-     * @param {string | undefined} width - The width of the SVG icon.
-     * @param {string | undefined} height - The height of the SVG icon.
-     */
-    updateComputedStylesheet(width, height) {
-        if (this.size) {
-            const sizeValue = ["12", "16", "20", "24", "28", "32", "48"].includes(this.size)
-                ? this.size
-                : "20";
-            this.computedStylesheet = css `
-        :host {
-          --icon-height: ${sizeValue}px;
-          --icon-width: ${sizeValue}px;
-        }
-      `;
-        }
-        else if (width && height) {
-            this.computedStylesheet = css `
-        :host {
-          --icon-height: ${height}px;
-          --icon-width: ${width}px;
-        }
-      `;
-        }
-        if (this.computedStylesheet) {
-            this.$fastController.addStyles(this.computedStylesheet);
+  }
+  /**
+   * Called when the element is connected to the DOM.
+   * @public
+   */
+  connectedCallback() {
+    super.connectedCallback();
+    this.renderPromise.then(() => this.renderIcon());
+  }
+  /**
+   * Checks and resolves the render promise if conditions are met.
+   * @private
+   */
+  checkAndResolveRenderPromise() {
+    if (this.renderResolver) {
+      if (this.path) {
+        if (!this.name || this.name && this.name !== "") {
+          this.renderResolver();
+          this.renderResolver = () => undefined;
         }
+      }
     }
-    /**
-     * Updates the attributes of the SVG element.
-     * @private
-     * @param {SVGSVGElement} svgElement - The SVG element to update.
-     */
-    updateSvgAttributes(svgElement) {
-        var _a;
-        if (this.name !== undefined) {
-            svgElement.setAttribute("name", this.name);
-            // Extract size from icon name if not explicitly provided (e.g. "accessibility_20_filled" -> "20")
-            if (!this.size && this.name.includes("_")) {
-                const parts = this.name.split("_");
-                const sizeFromName = parts.find((part) => /^\d+$/.test(part));
-                if (sizeFromName) {
-                    this.size = sizeFromName;
-                }
-            }
-        }
-        else {
-            svgElement.removeAttribute("name");
-        }
-        // Handle size attribute
-        let finalSize = "20"; // Default size
-        if (this.size) {
-            // First try to use the explicit size
-            const numericSize = (_a = this.size.split("_")[0].match(/\d+/)) === null || _a === void 0 ? void 0 : _a[0];
-            if (numericSize &&
-                ["12", "16", "20", "24", "28", "32", "48"].includes(numericSize)) {
-                finalSize = numericSize;
-            }
-            else {
-                console.warn(`Invalid size "${this.size}" for SVG icon "${this.name}". Using default size of 20px.`);
-            }
-        }
-        svgElement.setAttribute("width", finalSize);
-        svgElement.setAttribute("height", finalSize);
-        if (this.ariaLabel) {
-            svgElement.setAttribute("aria-label", this.ariaLabel);
-        }
-        else {
-            svgElement.removeAttribute("aria-label");
-        }
-        svgElement.setAttribute("aria-hidden", this.ariaHidden);
-        svgElement.setAttribute("focusable", this.focusable || "false");
-        if (this.role && this.role.trim() !== "") {
-            svgElement.setAttribute("role", this.role);
-        }
-        else {
-            svgElement.removeAttribute("role");
+  }
+  /**
+   * Renders the SVG icon.
+   * @private
+   */
+  renderIcon() {
+    this.isLoading = true;
+    SvgService.getPreparedSVG(this.path, this.name).then(({
+      content,
+      width,
+      height
+    }) => {
+      this.isLoading = false;
+      this.shadowRoot.innerHTML = content;
+      this.updateComputedStylesheet(width, height);
+      const svgElementInShadow = this.shadowRoot.querySelector("svg");
+      if (svgElementInShadow) {
+        this.updateSvgAttributes(svgElementInShadow);
+      }
+    }).catch(error => {
+      this.isLoading = false;
+      this.isError = true;
+      console.error(`Failed to load icon: ${this.path}`, error);
+      this.renderErrorIcon();
+    });
+  }
+  /**
+   * Renders an error icon when the SVG fails to load.
+   * @private
+   */
+  renderErrorIcon() {
+    // Creating SVG element for red "X"
+    const errorSvg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+    errorSvg.style.width = `var(--icon-width, ${spacingHorizontalXL})`;
+    errorSvg.style.height = `var(--icon-height, ${spacingHorizontalXL})`;
+    errorSvg.setAttribute("viewBox", "0 0 20 20");
+    errorSvg.setAttribute("aria-hidden", "false");
+    errorSvg.setAttribute("alt", "broken image");
+    // Line from top-left to bottom-right
+    const line1 = document.createElementNS("http://www.w3.org/2000/svg", "line");
+    line1.setAttribute("x1", "0");
+    line1.setAttribute("y1", "0");
+    line1.setAttribute("x2", "20");
+    line1.setAttribute("y2", "20");
+    line1.setAttribute("stroke", "var(--colorPaletteRedForeground1)");
+    line1.setAttribute("stroke-width", "var(--strokeWidthThick)");
+    // Line from top-right to bottom-left
+    const line2 = document.createElementNS("http://www.w3.org/2000/svg", "line");
+    line2.setAttribute("x1", "20");
+    line2.setAttribute("y1", "0");
+    line2.setAttribute("x2", "0");
+    line2.setAttribute("y2", "20");
+    line2.setAttribute("stroke", "var(--colorPaletteRedForeground1)");
+    line2.setAttribute("stroke-width", "var(--strokeWidthThick)");
+    errorSvg.appendChild(line1);
+    errorSvg.appendChild(line2);
+    // Adding SVG to shadowRoot
+    this.shadowRoot.innerHTML = "";
+    this.shadowRoot.appendChild(errorSvg);
+  }
+  /**
+   * Updates the computed stylesheet with the provided width and height.
+   * @private
+   * @param {string | undefined} width - The width of the SVG icon.
+   * @param {string | undefined} height - The height of the SVG icon.
+   */
+  updateComputedStylesheet(width, height) {
+    if (this.size) {
+      if (["12", "16", "20", "24", "28", "32", "48"].includes(this.size)) {
+        this.computedStylesheet = css`
+          :host{--icon-height:${this.size}px;--icon-width:${this.size}px}`;
+      }
+    } else if (width && height) {
+      this.computedStylesheet = css`
+        :host{--icon-height:${height}px;--icon-width:${width}px}`;
+    }
+    if (this.computedStylesheet) {
+      this.$fastController.addStyles(this.computedStylesheet);
+    }
+  }
+  /**
+   * Updates the attributes of the SVG element.
+   * @private
+   * @param {SVGSVGElement} svgElement - The SVG element to update.
+   */
+  updateSvgAttributes(svgElement) {
+    var _a, _b;
+    if (this.name !== undefined) {
+      svgElement.setAttribute("name", this.name);
+      // Extract size from icon name if not explicitly provided (e.g. "accessibility_20_filled" -> "20")
+      if (!this.size && this.name.includes("_")) {
+        const parts = this.name.split("_");
+        const sizeFromName = parts.find(part => /^\d+$/.test(part));
+        if (sizeFromName) {
+          this.size = sizeFromName;
         }
+      }
+    } else {
+      svgElement.removeAttribute("name");
+    }
+    // Handle size attribute
+    let finalSize;
+    if (this.size) {
+      // First try to use the explicit size
+      const numericSize = (_a = this.size.split("_")[0].match(/\d+/)) === null || _a === void 0 ? void 0 : _a[0];
+      if (numericSize && ["12", "16", "20", "24", "28", "32", "48"].includes(numericSize)) {
+        finalSize = numericSize;
+      } else {
+        console.warn(`Invalid size "${this.size}" for SVG icon "${this.name}". Falling back to the default size token.`);
+      }
+    }
+    if (!finalSize) {
+      const cssSize = getComputedStyle(this).getPropertyValue("--icon-width").trim();
+      const cssNumeric = (_b = cssSize.match(/\d+(?:\.\d+)?/)) === null || _b === void 0 ? void 0 : _b[0];
+      if (cssNumeric) {
+        finalSize = cssNumeric;
+      }
+    }
+    if (finalSize) {
+      svgElement.setAttribute("width", finalSize);
+      svgElement.setAttribute("height", finalSize);
+    }
+    if (this.ariaLabel) {
+      svgElement.setAttribute("aria-label", this.ariaLabel);
+    } else {
+      svgElement.removeAttribute("aria-label");
+    }
+    svgElement.setAttribute("aria-hidden", this.ariaHidden);
+    svgElement.setAttribute("focusable", this.focusable || "false");
+    if (this.role && this.role.trim() !== "") {
+      svgElement.setAttribute("role", this.role);
+    } else {
+      svgElement.removeAttribute("role");
     }
+  }
 }
-__decorate([
-    observable,
-    attr
-], SvgIcon.prototype, "name", void 0);
-__decorate([
-    attr
-], SvgIcon.prototype, "size", void 0);
-__decorate([
-    attr
-], SvgIcon.prototype, "path", void 0);
-__decorate([
-    attr({ attribute: "aria-hidden" })
-], SvgIcon.prototype, "ariaHidden", void 0);
-__decorate([
-    attr
-], SvgIcon.prototype, "focusable", void 0);
-__decorate([
-    attr
-], SvgIcon.prototype, "role", void 0);
-//# sourceMappingURL=svg-icon.js.map
+__decorate([attr], SvgIcon.prototype, "name", void 0);
+__decorate([attr], SvgIcon.prototype, "size", void 0);
+__decorate([attr], SvgIcon.prototype, "path", void 0);
+__decorate([attr({
+  attribute: "aria-hidden"
+})], SvgIcon.prototype, "ariaHidden", void 0);
+__decorate([attr], SvgIcon.prototype, "focusable", void 0);
+
+export { SvgIcon };

package/dist/esm/components/svg-icon/svg-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"svg-icon.js","sourceRoot":"","sources":["../../../../../../../src/components/svg-icon/svg-icon.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"svg-icon.js","sourceRoot":"","sources":["../../../../../../../src/components/svg-icon/svg-icon.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/svg-icon/svg-icon.styles.js

@@ -1,16 +1,10 @@
-import { css } from "@microsoft/fast-element";
-import { display } from "@fluentui/web-components";
-export const styles = css `
+import { css } from '@microsoft/fast-element';
+import { display } from '@fluentui/web-components';
+import { sizeHorizontalXL } from '@fabric-msft/theme';
+
+const styles = css`
   ${display("inline-flex")}
 
-  :host,
-  :host svg {
-    height: var(--icon-height, 20px);
-    width: var(--icon-width, 20px);
-  }
+  :host,:host svg{height:var(--icon-height,${sizeHorizontalXL});width:var(--icon-width,${sizeHorizontalXL})}:host svg:not([role="img"]){fill:currentcolor}`;
 
-  :host svg:not([role="img"]) {
-    fill: currentcolor;
-  }
-`;
-//# sourceMappingURL=svg-icon.styles.js.map
+export { styles };

package/dist/esm/components/svg-icon/svg-icon.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"svg-icon.styles.js","sourceRoot":"","sources":["../../../../../../../src/components/svg-icon/svg-icon.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEnD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;;;;;;;;CAWzB,CAAC"}
+{"version":3,"file":"svg-icon.styles.js","sourceRoot":"","sources":["../../../../../../../src/components/svg-icon/svg-icon.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;iCAIO,gBAAgB;+BAClB,gBAAgB;;;;;;CAM9C,CAAC"}