nve-designsystem 4.2.0 → 4.4.2

package/chunks/static-html.js

@@ -1,24 +1,27 @@
-import { s as e } from "./lit.js";
-//#region node_modules/lit-html/static.js
+import { a as e } from "./lit.js";
+//#region .pnpm/lit-html@3.3.3/node_modules/lit-html/static.js
 var t = Symbol.for(""), n = (e) => {
 	if (e?.r === t) return e?._$litStatic$;
-}, r = (e, ...n) => ({
-	_$litStatic$: n.reduce(((t, n, r) => t + ((e) => {
+}, r = (e) => ({
+	_$litStatic$: e,
+	r: t
+}), i = (e, ...n) => ({
+	_$litStatic$: n.reduce((t, n, r) => t + ((e) => {
 		if (e._$litStatic$ !== void 0) return e._$litStatic$;
 		throw Error(`Value passed to 'literal' function must be a 'literal' result: ${e}. Use 'unsafeStatic' to pass non-literal values, but\n            take care to ensure page security.`);
-	})(n) + e[r + 1]), e[0]),
+	})(n) + e[r + 1], e[0]),
 	r: t
-}), i = /* @__PURE__ */ new Map(), a = ((e) => (t, ...r) => {
-	let a = r.length, o, s, c = [], l = [], u, d = 0, f = !1;
-	for (; d < a;) {
-		for (u = t[d]; d < a && (s = r[d], o = n(s)) !== void 0;) u += o + t[++d], f = !0;
-		d !== a && l.push(s), c.push(u), d++;
+}), a = /* @__PURE__ */ new Map(), o = ((e) => (t, ...r) => {
+	let i = r.length, o, s, c = [], l = [], u, d = 0, f = !1;
+	for (; d < i;) {
+		for (u = t[d]; d < i && (s = r[d], o = n(s)) !== void 0;) u += o + t[++d], f = !0;
+		d !== i && l.push(s), c.push(u), d++;
 	}
-	if (d === a && c.push(t[a]), f) {
+	if (d === i && c.push(t[i]), f) {
 		let e = c.join("$$lit$$");
-		(t = i.get(e)) === void 0 && (c.raw = c, i.set(e, t = c)), r = l;
+		(t = a.get(e)) === void 0 && (c.raw = c, a.set(e, t = c)), r = l;
 	}
 	return e(t, ...r);
 })(e);
 //#endregion
-export { a as n, r as t };
+export { r as n, o as r, i as t };

package/chunks/unsafe-html.js

@@ -1,6 +1,6 @@
 import { n as e, r as t } from "./lit.js";
 import { i as n, n as r, r as i } from "./class-map.js";
-//#region node_modules/lit-html/directives/unsafe-html.js
+//#region .pnpm/lit-html@3.3.3/node_modules/lit-html/directives/unsafe-html.js
 var a = class extends i {
 	constructor(t) {
 		if (super(t), this.it = e, t.type !== n.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");

package/components/nve-accordion/nve-accordion.component.js

@@ -1,4 +1,4 @@
-import { s as e, t } from "../../chunks/lit.js";
+import { a as e, t } from "../../chunks/lit.js";
 import { o as n, s as r, t as i } from "../../chunks/decorate.js";
 //#region src/components/nve-accordion/nve-accordion.component.ts
 var a = class extends t {

package/components/nve-badge/nve-badge.component.js

@@ -1,4 +1,4 @@
-import { s as e, t } from "../../chunks/lit.js";
+import { a as e, t } from "../../chunks/lit.js";
 import { o as n, s as r, t as i } from "../../chunks/decorate.js";
 import { t as a } from "../../chunks/class-map.js";
 import o from "./nve-badge.styles.js";

package/components/nve-button/nve-button.component.js

@@ -2,7 +2,7 @@ import { n as e, t } from "../../chunks/lit.js";
 import { a as n, o as r, r as i, s as a, t as o } from "../../chunks/decorate.js";
 import { t as s } from "../../chunks/class-map.js";
 import { t as c } from "../../chunks/if-defined.js";
-import { n as l, t as u } from "../../chunks/static-html.js";
+import { r as l, t as u } from "../../chunks/static-html.js";
 import d from "./nve-button.styles.js";
 //#region src/components/nve-button/nve-button.component.ts
 var f = class extends t {

package/components/nve-carousel-thumbnail/nve-carousel-thumbnail.component.js

@@ -1,4 +1,4 @@
-import { s as e, t } from "../../chunks/lit.js";
+import { a as e, t } from "../../chunks/lit.js";
 import { o as n, s as r, t as i } from "../../chunks/decorate.js";
 import a from "./nve-carousel-thumbnail.styles.js";
 //#region src/components/nve-carousel-thumbnail/nve-carousel-thumbnail.component.ts

package/components/nve-combobox/nve-combobox.component.js

@@ -1,4 +1,4 @@
-import { s as e, t } from "../../chunks/lit.js";
+import { a as e, t } from "../../chunks/lit.js";
 import { a as n, o as r, s as i, t as a } from "../../chunks/decorate.js";
 import { t as o } from "../../chunks/unsafe-html.js";
 import { n as s, t as c } from "../../chunks/ref.js";

package/components/nve-darkmode-switch/nve-darkmode-switch.component.js

@@ -1,4 +1,4 @@
-import { s as e, t } from "../../chunks/lit.js";
+import { a as e, t } from "../../chunks/lit.js";
 import { o as n, s as r, t as i } from "../../chunks/decorate.js";
 //#region src/components/nve-darkmode-switch/nve-darkmode-switch.component.ts
 var a = class extends t {
@@ -6,7 +6,8 @@ var a = class extends t {
 		super(), this.testId = "", this.darkmode = !1, this.darkmodeclass = "darkmode", this.localStorageVariable = "preferdarkmode";
 	}
 	toggleDarkmode(e) {
-		this.darkmode = !!e.target.checked, localStorage.setItem(this.localStorageVariable, this.darkmode.toString()), this.darkmode ? document.documentElement.classList.add(this.darkmodeclass) : document.documentElement.classList.remove(this.darkmodeclass);
+		let t = e.target;
+		this.darkmode = !!t?.checked, localStorage.setItem(this.localStorageVariable, this.darkmode.toString()), this.darkmode ? document.documentElement.classList.add(this.darkmodeclass) : document.documentElement.classList.remove(this.darkmodeclass);
 	}
 	connectedCallback() {
 		super.connectedCallback();

package/components/nve-heading/nve-heading.component.d.ts

@@ -0,0 +1,29 @@
+import { LitElement } from 'lit';
+import { INveComponent } from '../../interfaces/NveComponent.interface';
+/**
+ * nve-heading gir semantisk og tilgjengelig overskrift med riktig typografi fra designsystemet.
+ * Brukes for å sikre korrekt heading-hierarki (h1–h6) og typografi, og kan overstyres med variant for heading eller subheading.
+ *
+ * @slot - tekst - Selve overskriften (innholdet).
+ *
+ * @csspart nve-heading Hele heading-elementet
+ *
+ * Se designsystemet for alle varianter og tokens.
+ */
+export default class NveHeading extends LitElement implements INveComponent {
+    testId: string | undefined;
+    /** Heading level - Hvilket nivå overskriften skal ha (h1-h6) */
+    level: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Typografitype - Kan overstyre det som er standard typografi basert på nivå */
+    size?: 'headingXlarge' | 'headingLarge' | 'headingMedium' | 'headingSmall' | 'headingXsmall' | 'subheadingLarge' | 'subheadingMedium' | 'subheadingSmall';
+    static styles: import('lit').CSSResult[];
+    constructor();
+    protected getTagName(): string;
+    protected getDefaultTypographyType(): "headingXlarge" | "headingLarge" | "headingMedium" | "headingSmall" | "headingXsmall";
+    render(): import('lit-html').TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nve-heading': NveHeading;
+    }
+}

package/components/nve-heading/nve-heading.component.js

@@ -0,0 +1,45 @@
+import { t as e } from "../../chunks/lit.js";
+import { o as t, s as n, t as r } from "../../chunks/decorate.js";
+import { n as i, r as a } from "../../chunks/static-html.js";
+import o from "./nve-heading.styles.js";
+//#region src/components/nve-heading/nve-heading.component.ts
+var s = class extends e {
+	static {
+		this.styles = [o];
+	}
+	constructor() {
+		super(), this.testId = void 0, this.level = 1;
+	}
+	getTagName() {
+		return !this.level || this.level < 1 || this.level > 6 || isNaN(this.level) ? "h1" : `h${this.level}`;
+	}
+	getDefaultTypographyType() {
+		switch (this.level) {
+			case 1: return "headingXlarge";
+			case 2: return "headingLarge";
+			case 3: return "headingMedium";
+			case 4: return "headingSmall";
+			case 5: return "headingXsmall";
+			case 6: return "headingXsmall";
+			default: return "headingMedium";
+		}
+	}
+	render() {
+		let e = this.getTagName();
+		return a`
+      <${i(e)} part="nve-heading" data-testid=${this.testId} class="heading ${this.size ? this.size : this.getDefaultTypographyType()}">
+        <slot></slot>
+      </${i(e)}>
+    `;
+	}
+};
+r([t({ type: String })], s.prototype, "testId", void 0), r([t({
+	type: Number,
+	reflect: !0
+})], s.prototype, "level", void 0), r([t({
+	type: String,
+	reflect: !0
+})], s.prototype, "size", void 0), s = r([n("nve-heading")], s);
+var c = s;
+//#endregion
+export { c as default };

package/components/nve-heading/nve-heading.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('lit').CSSResult;
+export default _default;

package/components/nve-heading/nve-heading.styles.js

@@ -0,0 +1,41 @@
+import { u as e } from "../../chunks/lit.js";
+//#region src/components/nve-heading/nve-heading.styles.ts
+var t = e`
+  .heading {
+    margin: 0;
+  }
+
+  .headingXlarge {
+    font: var(--typography-heading-x-large);
+  }
+
+  .headingLarge {
+    font: var(--typography-heading-large);
+  }
+
+  .headingMedium {
+    font: var(--typography-heading-medium);
+  }
+
+  .headingSmall {
+    font: var(--typography-heading-small);
+  }
+
+  .headingXsmall {
+    font: var(--typography-heading-x-small);
+  }
+
+  .subheadingLarge {
+    font: var(--typography-subheading-large);
+  }
+
+  .subheadingMedium {
+    font: var(--typography-subheading-medium);
+  }
+
+  .subheadingSmall {
+    font: var(--typography-subheading-small);
+  }
+`;
+//#endregion
+export { t as default };

package/components/nve-icon/nve-icon.component.js

@@ -1,5 +1,5 @@
 import { r as e, t } from "../../chunks/chunk.js";
-import { s as n, t as r } from "../../chunks/lit.js";
+import { a as n, t as r } from "../../chunks/lit.js";
 import { a as i, o as a, s as o, t as s } from "../../chunks/decorate.js";
 import { t as c } from "../../chunks/class-map.js";
 import { t as l } from "../../chunks/if-defined.js";

package/components/nve-link-card/nve-link-card.component.js

@@ -1,4 +1,4 @@
-import { n as e, s as t, t as n } from "../../chunks/lit.js";
+import { a as e, n as t, t as n } from "../../chunks/lit.js";
 import { o as r, s as i, t as a } from "../../chunks/decorate.js";
 import { t as o } from "../../chunks/class-map.js";
 import { t as s } from "../../chunks/if-defined.js";
@@ -22,17 +22,17 @@ var l = class extends n {
 		}
 	}
 	renderContent() {
-		return t`
+		return e`
       <slot name="icon"></slot>
       <div class="link-card__content">
         <div part="label" class="link-card__label">${this.label}</div>
-        ${this.additionalText ? t`<div part="additional-text" class="link-card__additional-text">${this.additionalText}</div>` : e}
+        ${this.additionalText ? e`<div part="additional-text" class="link-card__additional-text">${this.additionalText}</div>` : t}
       </div>
       <nve-icon aria-hidden="true" slot="suffix" name="${this.getIconName()}"></nve-icon>
     `;
 	}
 	render() {
-		return this.parentElement?.tagName.toLowerCase() === "a" || this.parentElement?.getAttribute("role") === "link" ? t` <div
+		return this.parentElement?.tagName.toLowerCase() === "a" || this.parentElement?.getAttribute("role") === "link" ? e` <div
         part="link-card"
         testId="${s(this.testId)}"
         class=${o({
@@ -42,14 +42,14 @@ var l = class extends n {
 		})}
       >
         ${this.renderContent()}
-      </div>` : t`
+      </div>` : e`
         <a
           testId="${s(this.testId)}"
           ?download=${this.clickAction === "download"}
           part="link-card"
           class="link-card link-card--${this.size} link-card--${this.variant}"
           href=${s(this.clickAction === "mail" ? `mailto:${this.href}` : this.href)}
-          target=${this.clickAction === "external" ? "_blank" : e}
+          target=${this.clickAction === "external" ? "_blank" : t}
           >${this.renderContent()}
         </a>
       `;

package/components/nve-message-card/nve-message-card.component.js

@@ -1,4 +1,4 @@
-import { s as e, t } from "../../chunks/lit.js";
+import { a as e, t } from "../../chunks/lit.js";
 import { o as n, s as r, t as i } from "../../chunks/decorate.js";
 import { t as a } from "../../chunks/class-map.js";
 import "../nve-icon/nve-icon.component.js";

package/components/nve-navigation-card/nve-navigation-card.component.js

@@ -1,4 +1,4 @@
-import { n as e, s as t, t as n } from "../../chunks/lit.js";
+import { a as e, n as t, t as n } from "../../chunks/lit.js";
 import { o as r, s as i, t as a } from "../../chunks/decorate.js";
 import { t as o } from "../../chunks/if-defined.js";
 import "../nve-icon/nve-icon.component.js";
@@ -20,34 +20,34 @@ var c = class extends n {
 		}
 	}
 	renderContent() {
-		return t`
+		return e`
       <div part="content" class="navigation-card__content">
-        ${this.iconPath ? t`<img
+        ${this.iconPath ? e`<img
               part="leading-icon"
               src="${this.iconPath}"
               alt=""
               aria-hidden="true"
               class="navigation-card__icon"
-            />` : e}
+            />` : t}
         <h2 part="label" class="navigation-card__label">${this.label}</h2>
-        ${!this.iconPath && this.additionalText ? t`<p part="additional-text" class="navigation-card__additional-text">${this.additionalText}</p>` : e}
+        ${!this.iconPath && this.additionalText ? e`<p part="additional-text" class="navigation-card__additional-text">${this.additionalText}</p>` : t}
       </div>
       <nve-icon aria-hidden="true" name="${this.getIconName()}" class="navigation-card__arrow" />
     `;
 	}
 	render() {
-		return this.parentElement?.tagName.toLowerCase() === "a" || this.parentElement?.getAttribute("role") === "link" ? t`
+		return this.parentElement?.tagName.toLowerCase() === "a" || this.parentElement?.getAttribute("role") === "link" ? e`
         <div part="navigation-card" class="navigation-card" testid=${o(this.testId)}>
           ${this.renderContent()}
         </div>
-      ` : t`
+      ` : e`
       <a
         testid=${o(this.testId)}
         ?download=${this.clickAction === "download"}
         part="navigation-card"
         class="navigation-card"
         href="${o(this.href)}"
-        target=${this.clickAction === "external" ? "_blank" : e}
+        target=${this.clickAction === "external" ? "_blank" : t}
       >
         ${this.renderContent()}
       </a>

package/components/nve-paragraph/nve-paragraph.component.d.ts

@@ -0,0 +1,26 @@
+import { LitElement } from 'lit';
+import { INveComponent } from '../../interfaces/NveComponent.interface';
+/**
+ * nve-paragraph gir fleksibel og tilgjengelig typografi for avsnitt i designsystemet.
+ * Brukes til brødtekst, mengdetekst og ingress (lead), og gir riktig styling basert på designsystemets tokens.
+ *
+ * Du styrer typografivariant med size-prop, og kan velge mellom ulike varianter for brødtekst (body), ingress (lead) og kompakt tekst (body-compact).
+ *
+ * @slot - tekst - Selve avsnittet (innholdet).
+ *
+ * @csspart paragraph Hele paragraph-elementet
+ *
+ * Se designsystemet for alle varianter og tokens.
+ */
+export default class NveParagraph extends LitElement implements INveComponent {
+    testId: string | undefined;
+    /** Typografivariant for paragrafen */
+    size?: 'leadLargeRegular' | 'leadLargeSemibold' | 'leadMediumRegular' | 'leadMediumSemibold' | 'leadSmallRegular' | 'leadSmallSemibold' | 'bodyLarge' | 'bodyLargeUnderline' | 'bodyMedium' | 'bodyMediumUnderline' | 'bodySmall' | 'bodySmallUnderline' | 'bodyXSmall' | 'bodyXSmallUnderline' | 'bodyLargeCompact' | 'bodyLargeUnderlineCompact' | 'bodyMediumCompact' | 'bodyMediumUnderlineCompact' | 'bodySmallCompact' | 'bodySmallUnderlineCompact' | 'bodyXSmallCompact' | 'bodyXSmallUnderlineCompact';
+    static styles: import('lit').CSSResult[];
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nve-paragraph': NveParagraph;
+    }
+}

package/components/nve-paragraph/nve-paragraph.component.js

@@ -0,0 +1,26 @@
+import { a as e, t } from "../../chunks/lit.js";
+import { o as n, s as r, t as i } from "../../chunks/decorate.js";
+import a from "./nve-paragraph.styles.js";
+//#region src/components/nve-paragraph/nve-paragraph.component.ts
+var o = class extends t {
+	constructor(...e) {
+		super(...e), this.testId = void 0;
+	}
+	static {
+		this.styles = [a];
+	}
+	render() {
+		return e`
+      <p class="paragraph ${this.size ? `${this.size}` : ""}" part="paragraph" data-testid="${this.testId}">
+        <slot></slot>
+      </p>
+    `;
+	}
+};
+i([n({ type: String })], o.prototype, "testId", void 0), i([n({
+	type: String,
+	reflect: !0
+})], o.prototype, "size", void 0), o = i([r("nve-paragraph")], o);
+var s = o;
+//#endregion
+export { s as default };

package/components/nve-paragraph/nve-paragraph.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('lit').CSSResult;
+export default _default;

package/components/nve-paragraph/nve-paragraph.styles.js

@@ -0,0 +1,105 @@
+import { u as e } from "../../chunks/lit.js";
+//#region src/components/nve-paragraph/nve-paragraph.styles.ts
+var t = e`
+  .paragraph {
+    margin: 0;
+  }
+
+  .leadLargeRegular {
+    font: var(--typography-lead-large-regular);
+  }
+
+  .leadLargeSemibold {
+    font: var(--typography-lead-large-semibold);
+  }
+
+  .leadMediumRegular {
+    font: var(--typography-lead-medium-regular);
+  }
+
+  .leadMediumSemibold {
+    font: var(--typography-lead-medium-semibold);
+  }
+
+  .leadSmallRegular {
+    font: var(--typography-lead-small-regular);
+  }
+
+  .leadSmallSemibold {
+    font: var(--typography-lead-small-semibold);
+  }
+
+  .bodyLarge {
+    font: var(--typography-body-large);
+  }
+
+  .bodyLargeUnderline {
+    font: var(--typography-body-large-underline);
+    text-decoration: underline;
+  }
+
+  .bodyMedium {
+    font: var(--typography-body-medium);
+  }
+
+  .bodyMediumUnderline {
+    font: var(--typography-body-medium-underline);
+    text-decoration: underline;
+  }
+
+  .bodySmall {
+    font: var(--typography-body-small);
+  }
+
+  .bodySmallUnderline {
+    font: var(--typography-body-small-underline);
+    text-decoration: underline;
+  }
+
+  .bodyXSmall {
+    font: var(--typography-body-x-small);
+  }
+
+  .bodyXSmallUnderline {
+    font: var(--typography-body-x-small-underline);
+    text-decoration: underline;
+  }
+
+  .bodyLargeCompact {
+    font: var(--typography-body-compact-large-compact);
+  }
+
+  .bodyLargeUnderlineCompact {
+    font: var(--typography-body-compact-large-underline-compact);
+    text-decoration: underline;
+  }
+
+  .bodyMediumCompact {
+    font: var(--typography-body-compact-medium-compact);
+  }
+
+  .bodyMediumUnderlineCompact {
+    font: var(--typography-body-compact-medium-underline-compact);
+    text-decoration: underline;
+  }
+
+  .bodySmallCompact {
+    font: var(--typography-body-compact-small-compact);
+  }
+
+  .bodySmallUnderlineCompact {
+    font: var(--typography-body-compact-small-underline-compact);
+    text-decoration: underline;
+  }
+
+  .bodyXSmallCompact {
+    font: var(--typography-body-compact-x-small-compact);
+  }
+
+  .bodyXSmallUnderlineCompact {
+    font: var(--typography-body-compact-x-small-underline-compact);
+    text-decoration: underline;
+  }
+`;
+//#endregion
+export { t as default };

package/components/nve-stepper/nve-step/nve-step.component.js

@@ -1,4 +1,4 @@
-import { s as e, t } from "../../../chunks/lit.js";
+import { a as e, t } from "../../../chunks/lit.js";
 import { o as n, r, s as i, t as a } from "../../../chunks/decorate.js";
 import o from "./nve-step.styles.js";
 //#region src/components/nve-stepper/nve-step/nve-step.component.ts
@@ -6,7 +6,7 @@ var s = /* @__PURE__ */ function(e) {
 	return e[e.NotStarted = 0] = "NotStarted", e[e.Started = 1] = "Started", e[e.Active = 2] = "Active", e[e.Done = 3] = "Done", e[e.Error = 4] = "Error", e;
 }({}), c = class extends t {
 	constructor(...e) {
-		super(...e), this.label = "", this.index = 0, this.state = s.NotStarted, this.selectedStepIndex = 0, this.isSelected = !1, this.isLast = !1, this.entranceAllowed = !1, this.orientation = "horizontal", this.hideStateText = !1, this.hideDescriptions = !1;
+		super(...e), this.label = "", this.index = 0, this.state = 0, this.selectedStepIndex = 0, this.isSelected = !1, this.isLast = !1, this.entranceAllowed = !1, this.orientation = "horizontal", this.hideStateText = !1, this.hideDescriptions = !1;
 	}
 	firstUpdated() {
 		this.style.setProperty("--flex-grow", this.isLast ? "0" : "1");
@@ -23,19 +23,19 @@ var s = /* @__PURE__ */ function(e) {
 	iconForState(e) {
 		let t = "";
 		switch (e) {
-			case s.NotStarted:
+			case 0:
 				t = "circle";
 				break;
-			case s.Active:
+			case 2:
 				t = "radio_button_checked";
 				break;
-			case s.Started:
+			case 1:
 				t = "trip_origin";
 				break;
-			case s.Done:
+			case 3:
 				t = "check_circle";
 				break;
-			case s.Error:
+			case 4:
 				t = "error";
 				break;
 			default:
@@ -46,35 +46,35 @@ var s = /* @__PURE__ */ function(e) {
 	}
 	getStateText(e) {
 		switch (e) {
-			case s.NotStarted: return "Ikke påbegynt";
-			case s.Active: return "Aktiv";
-			case s.Started: return "Påbegynt";
-			case s.Done: return "Fullført";
-			case s.Error: return "Feil";
+			case 0: return "Ikke påbegynt";
+			case 2: return "Aktiv";
+			case 1: return "Påbegynt";
+			case 3: return "Fullført";
+			case 4: return "Feil";
 			default: return "Ikke påbegynt";
 		}
 	}
 	getStateColorClass(e) {
 		switch (e) {
-			case s.NotStarted: return "state-not-started-color";
-			case s.Active: return "state-started-color";
-			case s.Done: return "state-done-color";
-			case s.Error: return "state-error-color";
+			case 0: return "state-not-started-color";
+			case 2: return "state-started-color";
+			case 3: return "state-done-color";
+			case 4: return "state-error-color";
 			default: return "state-not-started-color";
 		}
 	}
 	getLabelClass(e) {
 		switch (e) {
-			case s.NotStarted: return "state-not-started-color";
-			case s.Error: return "state-error-color";
+			case 0: return "state-not-started-color";
+			case 4: return "state-error-color";
 			default: return "";
 		}
 	}
 	getIconClass(e) {
 		switch (e) {
-			case s.Started: return "";
-			case s.NotStarted: return "state-not-started-icon-color filled-icon";
-			case s.Error: return "state-error-color filled-icon";
+			case 1: return "";
+			case 0: return "state-not-started-icon-color filled-icon";
+			case 4: return "state-error-color filled-icon";
 			default: return "filled-icon";
 		}
 	}

package/components/nve-stepper/nve-stepper-mobile.component.js

@@ -1,4 +1,4 @@
-import { s as e, t } from "../../chunks/lit.js";
+import { a as e, t } from "../../chunks/lit.js";
 import { o as n, s as r, t as i } from "../../chunks/decorate.js";
 import a from "./nve-stepper-mobile.styles.js";
 //#region src/components/nve-stepper/nve-stepper-mobile.component.ts

package/components/nve-stepper/nve-stepper.component.js

@@ -1,4 +1,4 @@
-import { s as e, t } from "../../chunks/lit.js";
+import { a as e, t } from "../../chunks/lit.js";
 import { o as n, s as r, t as i } from "../../chunks/decorate.js";
 import { StepState as a } from "./nve-step/nve-step.component.js";
 import o from "./nve-stepper.styles.js";

package/components/nve-switch/nve-switch.component.js

@@ -1,4 +1,4 @@
-import { s as e, t } from "../../chunks/lit.js";
+import { a as e, t } from "../../chunks/lit.js";
 import { a as n, o as r, r as i, s as a, t as o } from "../../chunks/decorate.js";
 import { t as s } from "../../chunks/class-map.js";
 import { t as c } from "../../chunks/if-defined.js";

package/components/nve-tab/nve-tab.component.js

@@ -1,4 +1,4 @@
-import { s as e, t } from "../../chunks/lit.js";
+import { a as e, t } from "../../chunks/lit.js";
 import { o as n, s as r, t as i } from "../../chunks/decorate.js";
 import { t as a } from "../../chunks/class-map.js";
 import o from "./nve-tab.styles.js";