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

package/dist/components/accordion/accordion.component.js

@@ -1,13 +1,12 @@
-import "../collapse/collapse.js";
 import { SkfElement as h } from "../../internal/components/skf-element.js";
 import m from "../../styles/component.styles.js";
 import { html as f } from "lit";
 import { property as a, queryAssignedNodes as d } from "lit/decorators.js";
 import { classMap as c } from "lit/directives/class-map.js";
 import { styles as g } from "./accordion.styles.js";
-var y = Object.defineProperty, s = (p, t, i, o) => {
-  for (var r = void 0, l = p.length - 1, u; l >= 0; l--)
-    (u = p[l]) && (r = u(t, i, r) || r);
+var y = Object.defineProperty, s = (u, t, i, o) => {
+  for (var r = void 0, l = u.length - 1, p; l >= 0; l--)
+    (p = u[l]) && (r = p(t, i, r) || r);
   return r && y(t, i, r), r;
 };
 const n = class n extends h {

package/dist/components/accordion/accordion.js

@@ -1,8 +1,6 @@
 import { SkfAccordion as o } from "./accordion.component.js";
-import { SkfAccordionItem as e } from "./accordion-item.js";
 o.define("skf-accordion");
 export {
   o as SkfAccordion,
-  e as SkfAccordionItem,
   o as default
 };

package/dist/components/alert/alert.component.js

@@ -1,4 +1,3 @@
-import "../icon/icon.js";
 import { SkfElement as y } from "../../internal/components/skf-element.js";
 import b from "../../styles/component.styles.js";
 import { html as p, nothing as f } from "lit";

package/dist/components/button/button.component.js

@@ -1,5 +1,3 @@
-import "../icon/icon.js";
-import "../loader/loader.js";
 import { SkfElement as b } from "../../internal/components/skf-element.js";
 import f from "../../styles/component.styles.js";
 import { html as h, LitElement as m, nothing as u } from "lit";

package/dist/components/checkbox/checkbox.component.js

@@ -1,4 +1,3 @@
-import "../icon/icon.js";
 import { FormBase as c } from "../../internal/components/formBase.js";
 import { watch as h } from "../../internal/helpers/watch.js";
 import { Asterisk as v } from "../../internal/templates/asterisk.js";

package/dist/components/collapse/collapse.component.js

@@ -1,4 +1,3 @@
-import "../icon/icon.js";
 import { SkfElement as c } from "../../internal/components/skf-element.js";
 import h from "../../styles/component.styles.js";
 import { property as s } from "lit/decorators.js";

package/dist/components/dialog/dialog.component.js

@@ -3,9 +3,6 @@ var _ = (t) => {
 };
 var w = (t, e, o) => e.has(t) || _("Cannot " + o);
 var f = (t, e, o) => (w(t, e, "read from private field"), o ? o.call(t) : e.get(t)), g = (t, e, o) => e.has(t) ? _("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, o), h = (t, e, o, a) => (w(t, e, "write to private field"), a ? a.call(t, o) : e.set(t, o), o);
-import "../button/button.js";
-import "../heading/heading.js";
-import "../icon/icon.js";
 import { SkfElement as v } from "../../internal/components/skf-element.js";
 import { watch as C } from "../../internal/helpers/watch.js";
 import B from "../../styles/component.styles.js";

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/components/input/input.component.js

@@ -1,4 +1,3 @@
-import "../icon/icon.js";
 import { FormBase as b } from "../../internal/components/formBase.js";
 import "../../internal/components/hint/hint.js";
 import { hintSeverity as v } from "../../internal/helpers/hintSeverity.js";

package/dist/components/link/link.component.js

@@ -1,12 +1,11 @@
-import "../icon/icon.js";
-import y from "./link.styles.js";
+import m from "./link.styles.js";
 import { SkfElement as d } from "../../internal/components/skf-element.js";
 import u from "../../styles/component.styles.js";
 import "lit";
 import { property as r } from "lit/decorators.js";
 import { classMap as k } from "lit/directives/class-map.js";
 import { ifDefined as c } from "lit/directives/if-defined.js";
-import { html as f, literal as m } from "lit/static-html.js";
+import { html as f, literal as y } from "lit/static-html.js";
 var v = Object.defineProperty, g = Object.getOwnPropertyDescriptor, o = (h, t, i, l) => {
   for (var n = l > 1 ? void 0 : l ? g(t, i) : t, p = h.length - 1, a; p >= 0; p--)
     (a = h[p]) && (n = (l ? a(t, i, n) : a(n)) || n);
@@ -52,7 +51,7 @@ const e = (s = class extends d {
 		`;
   }
   render() {
-    const t = this.as === "a", i = t ? m`a` : m`button`;
+    const t = this.as === "a", i = t ? y`a` : y`button`;
     return f`
 			<${i}
 				?disabled=${c(t ? void 0 : this.disabled)}
@@ -76,7 +75,7 @@ const e = (s = class extends d {
 			</${i}>
 		`;
   }
-}, s.styles = [u, y], s.classMap = {}, s);
+}, s.styles = [u, m], s.classMap = {}, s);
 o([
   r({ type: String, reflect: !0 })
 ], e.prototype, "as", 2);
@@ -116,7 +115,7 @@ o([
 o([
   r({ attribute: !1 })
 ], e.prototype, "onClick", 1);
-let E = e;
+let D = e;
 export {
-  E as SkfLink
+  D as SkfLink
 };

package/dist/components/radio/radio.component.js

@@ -1,4 +1,3 @@
-import "../icon/icon.js";
 import { FormBase as c } from "../../internal/components/formBase.js";
 import { watch as n } from "../../internal/helpers/watch.js";
 import { Asterisk as p } from "../../internal/templates/asterisk.js";

package/dist/components/select/select.component.js

@@ -12,7 +12,6 @@ import { property as o, state as h, query as p } from "lit/decorators.js";
 import { classMap as E } from "lit/directives/class-map.js";
 import { ifDefined as m } from "lit/directives/if-defined.js";
 import "../../internal/components/hint/hint.js";
-import "../tag/tag.js";
 import { GlobalClickController as k, KeyboardNavigationController as L, DeveloperFeedbackController as A } from "./select.controllers.js";
 import { styles as P } from "./select.styles.js";
 var T = Object.defineProperty, D = Object.getOwnPropertyDescriptor, s = (u, t, e, l) => {

package/dist/components/select-option/select-option.component.js

@@ -3,7 +3,6 @@ import f from "../../styles/component.styles.js";
 import { LitElement as m, html as h } from "lit";
 import { property as n, queryAssignedNodes as _ } from "lit/decorators.js";
 import { ifDefined as p } from "lit/directives/if-defined.js";
-import "../icon/icon.js";
 import { styles as y } from "./select-option.styles.js";
 var v = Object.defineProperty, b = Object.getOwnPropertyDescriptor, o = (d, t, s, i) => {
   for (var r = i > 1 ? void 0 : i ? b(t, s) : t, a = d.length - 1, c; a >= 0; a--)

package/dist/components/stepper-item/stepper-item.component.js

@@ -2,8 +2,7 @@ var v = (e) => {
   throw TypeError(e);
 };
 var u = (e, i, t) => i.has(e) || v("Cannot " + t);
-var d = (e, i, t) => (u(e, i, "read from private field"), t ? t.call(e) : i.get(e)), _ = (e, i, t) => i.has(e) ? v("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(e) : i.set(e, t), r = (e, i, t, s) => (u(e, i, "write to private field"), s ? s.call(e, t) : i.set(e, t), t);
-import "../icon/icon.js";
+var m = (e, i, t) => (u(e, i, "read from private field"), t ? t.call(e) : i.get(e)), _ = (e, i, t) => i.has(e) ? v("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(e) : i.set(e, t), r = (e, i, t, s) => (u(e, i, "write to private field"), s ? s.call(e, t) : i.set(e, t), t);
 import { SkfElement as b } from "../../internal/components/skf-element.js";
 import { watch as g } from "../../internal/helpers/watch.js";
 import C from "../../styles/component.styles.js";
@@ -14,8 +13,8 @@ import { ifDefined as x } from "lit/directives/if-defined.js";
 import { literal as w, unsafeStatic as U, html as S } from "lit/static-html.js";
 import { styles as I } from "./stepper-item.styles.js";
 var O = Object.defineProperty, P = Object.getOwnPropertyDescriptor, l = (e, i, t, s) => {
-  for (var p = s > 1 ? void 0 : s ? P(i, t) : i, h = e.length - 1, m; h >= 0; h--)
-    (m = e[h]) && (p = (s ? m(i, t, p) : m(p)) || p);
+  for (var p = s > 1 ? void 0 : s ? P(i, t) : i, h = e.length - 1, d; h >= 0; h--)
+    (d = e[h]) && (p = (s ? d(i, t, p) : d(p)) || p);
   return s && p && O(i, t, p), p;
 }, o, n;
 const f = class f extends b {
@@ -44,7 +43,7 @@ const f = class f extends b {
       this._setInternalState = "activeCompleted";
       return;
     }
-    if (d(this, o)) {
+    if (m(this, o)) {
       r(this, o, !1);
       return;
     }
@@ -55,7 +54,7 @@ const f = class f extends b {
     this.emit("skf-stepper-item-select", {
       detail: {
         item: this,
-        triggerActiveIndexUpdate: d(this, n)
+        triggerActiveIndexUpdate: m(this, n)
       }
     }), r(this, n, !1);
   }

package/dist/components/tab-group/tab-group.component.js

@@ -1,8 +1,7 @@
-import "../card/card.js";
-import { SkfElement as c } from "../../internal/components/skf-element.js";
+import { SkfElement as p } from "../../internal/components/skf-element.js";
 import b from "../../styles/component.styles.js";
 import { html as f } from "lit";
-import { property as o, queryAssignedElements as p } from "lit/decorators.js";
+import { property as o, queryAssignedElements as c } from "lit/decorators.js";
 import { classMap as u } from "lit/directives/class-map.js";
 import { styles as y } from "./tab-group.styles.js";
 var g = Object.defineProperty, i = (h, t, s, r) => {
@@ -10,7 +9,7 @@ var g = Object.defineProperty, i = (h, t, s, r) => {
     (d = h[n]) && (e = d(t, s, e) || e);
   return e && g(t, s, e), e;
 };
-const l = class l extends c {
+const l = class l extends p {
   constructor() {
     super(...arguments), this.defaultSelected = 0, this.noBorder = !1, this.noPadding = !1, this.stretch = !1, this.variant = "expanded", this._handleKeyDown = (t) => {
       if (["ArrowLeft", "ArrowRight"].includes(t.key)) {
@@ -88,10 +87,10 @@ i([
   o({ reflect: !0 })
 ], a.prototype, "variant");
 i([
-  p({ slot: "tabs" })
+  c({ slot: "tabs" })
 ], a.prototype, "tabs");
 i([
-  p()
+  c()
 ], a.prototype, "panels");
 export {
   a as SkfTabGroup

package/dist/components/tag/tag.component.js

@@ -1,4 +1,3 @@
-import "../icon/icon.js";
 import { SkfElement as u } from "../../internal/components/skf-element.js";
 import f from "../../styles/component.styles.js";
 import { html as a, nothing as p } from "lit";

package/dist/components/textarea/textarea.component.js

@@ -1,4 +1,3 @@
-import "../icon/icon.js";
 import { FormBase as m } from "../../internal/components/formBase.js";
 import "../../internal/components/hint/hint.js";
 import { Asterisk as c } from "../../internal/templates/asterisk.js";

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/dist/internal/components/hint/hint.component.js

@@ -1,4 +1,3 @@
-import "../../../components/icon/icon.js";
 import { SkfElement as l } from "../skf-element.js";
 import { ICON_SEVERITY as n } from "../../constants/iconSeverity.js";
 import v from "../../../styles/component.styles.js";

package/dist/internal/controllers/popover.controller.js

@@ -1,6 +1,5 @@
-import "../../components/select/select.component.js";
 import { autoUpdate as n } from "@floating-ui/dom";
-class p {
+class c {
   constructor(t, o = !0) {
     this.active = !1, this.autoStart = !0, this.host = t, t.addController(this), this.autoStart = o;
   }
@@ -40,5 +39,5 @@ class p {
   }
 }
 export {
-  p as PopoverController
+  c as PopoverController
 };

package/package.json

@@ -31,10 +31,10 @@
     "type": "git",
     "url": "git+https://github.com/SKF-Internal/ui-components.git"
   },
-  "sideEffects": true,
+  "sideEffects": false,
   "type": "module",
   "types": "./dist/index.d.ts",
-  "version": "1.0.0-alpha.31",
+  "version": "1.0.0-alpha.33",
   "dependencies": {
     "@floating-ui/dom": "^1.6.12"
   },