@skf-design-system/ui-components 1.0.0-alpha.31 → 1.0.0-alpha.32

package/dist/components/icon/icon.component.d.ts

@@ -1,6 +1,6 @@
 import { SkfElement } from '../../internal/components/skf-element.js';
-import type { Icon, IconColor, IconSize, SeverityFgColor } from '@skf-design-system/ui-assets';
-import { type CSSResultGroup, type TemplateResult } from 'lit';
+import { type Icon, type IconColor, type IconSize, type SeverityFgColor } from '@skf-design-system/ui-assets';
+import { type CSSResultGroup } from 'lit';
 /**
  * The `<skf-icon>` component is used to clarify interface elements. When used, should always be paired with (possibly invisible) text
  *
@@ -22,12 +22,10 @@ export declare class SkfIcon extends SkfElement {
      * @type { "arrowDown" | "arrowDownUp" | "arrowLeft" | "arrowRight" | "arrowUp" | "article" | "artificialIntelligence" | "asset" | "attachment" | "bandCursor" | "bands" | "batteryEmpty" | "batteryFull" | "batteryLow" | "bearingFault" | "book" | "bulb" | "burger" | "cPM" | "calendar" | "calendarBooked" | "calendarEmpty" | "calendarNotBooked" | "calendarRecurring" | "caretDown" | "caretUp" | "caretUpDown" | "chat" | "check" | "checkCircle" | "checkSmall" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "chevronUpDown" | "close" | "closeAllFaults" | "closeFault" | "closeSmall" | "columnGraph" | "comment" | "connection1" | "connection2" | "connection3" | "connection4" | "danger" | "defectFrequencies" | "defectFrequenciesAlternative" | "doubleChevronLeft" | "doubleChevronRight" | "download" | "draft" | "draftFilled" | "draftOutlined" | "dragNDrop" | "drop" | "duplicate" | "edit" | "emailFilled" | "emailOutlined" | "exclamation" | "eye" | "eyeHidden" | "eyeVisible" | "filter" | "forbidden" | "fullScreen" | "fullScreenExit" | "functionalLocation" | "harmonicCursor" | "heatmap" | "hierarchy" | "history" | "historyAlt" | "hourglassFramedFilled" | "hourglassFramedOutlined" | "hourglassOutlined" | "hz" | "iMX" | "image" | "infoCircleFilled" | "infoCircleOutlined" | "integration" | "kebab" | "link" | "listGroup" | "listItem" | "locationPin" | "lock" | "logOut" | "meatballs" | "microphone" | "minus" | "minusSmall" | "noData" | "o" | "openInNew" | "overlayBaseline" | "pDF" | "paper" | "pause" | "pieChart" | "pin" | "play" | "plus" | "powerOff" | "printer" | "proCollect" | "recAction" | "received" | "refresh" | "reorder" | "replace" | "reply" | "rewalkableRoute" | "routes" | "search" | "send" | "sensorA" | "sensorB" | "settings" | "sidebandCursor" | "singleCursor" | "spectrum" | "starFilled" | "starOutlined" | "statusCircle" | "stop" | "structuralVibration" | "sync" | "timewave" | "trash" | "trend" | "trendingUp" | "undo" | "unknownCircle" | "unknownDiamond" | "unlink" | "unlock" | "unscheduledAction" | "upload" | "user" | "viewFull" | "viewHorizontal" | "viewVertical" | "warning" | "warningCircle" | "warningDiamond" | "zoomIn" | "zoomOut" }
      */
     name: Icon;
-    private _icon;
-    handleNameChanged(): void;
     /**
      * Size of the icon
      * @type { "xs" | "sm" | "md" | "lg" }
      */
     size: IconSize;
-    render(): TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }

package/dist/components/icon/icon.component.js

@@ -1,64 +1,52 @@
-import { SkfElement as f } from "../../internal/components/skf-element.js";
-import { watch as d } from "../../internal/helpers/watch.js";
-import u from "../../styles/component.styles.js";
+import { SkfElement as c } from "../../internal/components/skf-element.js";
+import { ICONS as f } from "@skf-design-system/ui-assets";
+import d from "../../styles/component.styles.js";
 import { html as h } from "lit";
-import { property as s, state as y } from "lit/decorators.js";
-import { classMap as v } from "lit/directives/class-map.js";
-import { ifDefined as m } from "lit/directives/if-defined.js";
-import _ from "./icon.styles.js";
-var b = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, o = (c, e, p, i) => {
-  for (var t = i > 1 ? void 0 : i ? $(e, p) : e, l = c.length - 1, a; l >= 0; l--)
-    (a = c[l]) && (t = (i ? a(e, p, t) : a(t)) || t);
-  return i && t && b(e, p, t), t;
+import { property as o } from "lit/decorators.js";
+import { classMap as u } from "lit/directives/class-map.js";
+import { ifDefined as l } from "lit/directives/if-defined.js";
+import v from "./icon.styles.js";
+var y = Object.defineProperty, i = (p, e, a, $) => {
+  for (var r = void 0, s = p.length - 1, n; s >= 0; s--)
+    (n = p[s]) && (r = n(e, a, r) || r);
+  return r && y(e, a, r), r;
 };
-const n = class n extends f {
+const m = class m extends c {
   constructor() {
-    super(...arguments), this.color = "primary", this._icon = h``, this.size = "md";
-  }
-  handleNameChanged() {
-    import("@skf-design-system/ui-assets").then((e) => {
-      this._icon = e[this.name];
-    }).catch((e) => {
-      console.error(e);
-    });
+    super(...arguments), this.color = "primary", this.size = "md";
   }
   render() {
+    const e = f[this.name];
     return h`
 			<div
-				aria-hidden=${m(this.label ? void 0 : "true")}
-				aria-label=${m(this.label)}
-				class=${v({
+				aria-hidden=${l(this.label ? void 0 : "true")}
+				aria-label=${l(this.label)}
+				class=${u({
       icon: !0,
       [`icon--color-${this.color}`]: !0,
       [`icon--size-${this.size}`]: !0
     })}
-				role=${m(this.label ? "img" : void 0)}
+				role=${l(this.label ? "img" : void 0)}
 			>
-				${this._icon}
+				${e}
 			</div>
 		`;
   }
 };
-n.styles = [u, _];
-let r = n;
-o([
-  s({ reflect: !0 })
-], r.prototype, "color", 2);
-o([
-  s()
-], r.prototype, "label", 2);
-o([
-  s()
-], r.prototype, "name", 2);
-o([
-  y()
-], r.prototype, "_icon", 2);
-o([
-  d("name")
-], r.prototype, "handleNameChanged", 1);
-o([
-  s({ reflect: !0 })
-], r.prototype, "size", 2);
+m.styles = [d, v];
+let t = m;
+i([
+  o({ reflect: !0 })
+], t.prototype, "color");
+i([
+  o()
+], t.prototype, "label");
+i([
+  o()
+], t.prototype, "name");
+i([
+  o({ reflect: !0 })
+], t.prototype, "size");
 export {
-  r as SkfIcon
+  t as SkfIcon
 };

package/dist/custom-elements.json

@@ -1486,19 +1486,6 @@
               "description": "Name of the icon to display",
               "attribute": "name"
             },
-            {
-              "kind": "field",
-              "name": "_icon",
-              "type": {
-                "text": "TemplateResult"
-              },
-              "privacy": "private",
-              "default": "html``"
-            },
-            {
-              "kind": "method",
-              "name": "handleNameChanged"
-            },
             {
               "kind": "field",
               "name": "size",

package/package.json

@@ -34,7 +34,7 @@
   "sideEffects": true,
   "type": "module",
   "types": "./dist/index.d.ts",
-  "version": "1.0.0-alpha.31",
+  "version": "1.0.0-alpha.32",
   "dependencies": {
     "@floating-ui/dom": "^1.6.12"
   },