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

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

@@ -1,5 +1,5 @@
 import { SkfElement } from '../../internal/components/skf-element.js';
-import type { Icon, IconColor, IconSize, SeverityFgColor } from '@skf-design-system/ui-assets';
+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

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

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

package/package.json

@@ -34,7 +34,7 @@
   "sideEffects": true,
   "type": "module",
   "types": "./dist/index.d.ts",
-  "version": "1.0.0-alpha.30",
+  "version": "1.0.0-alpha.32",
   "dependencies": {
     "@floating-ui/dom": "^1.6.12"
   },
@@ -46,7 +46,7 @@
     "@eslint/js": "^9.16.0",
     "@lit/react": "^1.0.6",
     "@playwright/test": "^1.49.0",
-    "@skf-design-system/ui-assets": "0.1.3-beta.8",
+    "@skf-design-system/ui-assets": "0.1.3-beta.9",
     "@skf-design-system/wc-storybook-helpers": "^0.1.0",
     "@storybook/addon-a11y": "^8.4.7",
     "@storybook/addon-essentials": "^8.4.7",