nve-designsystem 2.7.1 → 2.9.0

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

@@ -10,6 +10,10 @@ export default class NveOption extends SlOption {
      * Tekst som vises i select når denne er valgt. Default er at all råtekst vises.
      */
     textLabel: string | undefined;
+    /**
+     * Setter filled attributt på option når parent-select er filled, for å få annen hover-farge
+     * Setter så hide-checkmark basert på samme logikk
+     */
     firstUpdated(changedProperties: PropertyValues): void;
     /**
      * Gir tilbake plain-tekst-label som vises i select

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

@@ -1,21 +1,26 @@
-import { o as f } from "../../chunks/chunk.JXOKFADN.js";
+import { o as a } from "../../chunks/chunk.JXOKFADN.js";
 import "../../chunks/chunk.6CTB5ZDJ.js";
 import "../../chunks/chunk.YHLNUJ7P.js";
 import "../../chunks/chunk.4TUIT776.js";
-import { n as u, t as n } from "../../chunks/property.js";
-import b from "./nve-option.styles.js";
-var c = Object.defineProperty, v = Object.getOwnPropertyDescriptor, a = (s, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? v(e, o) : e, i = s.length - 1, p; i >= 0; i--)
-    (p = s[i]) && (t = (r ? p(e, o, t) : p(t)) || t);
-  return r && t && c(e, o, t), t;
+import { n as u, t as h } from "../../chunks/property.js";
+import c from "./nve-option.styles.js";
+var b = Object.defineProperty, n = Object.getOwnPropertyDescriptor, f = (r, t, l, s) => {
+  for (var e = s > 1 ? void 0 : s ? n(t, l) : t, o = r.length - 1, p; o >= 0; o--)
+    (p = r[o]) && (e = (s ? p(t, l, e) : p(e)) || e);
+  return s && e && b(t, l, e), e;
 };
-let l = class extends f {
+let i = class extends a {
   constructor() {
     super(), this.textLabel = void 0;
   }
-  /* Setter filled attributt på option når parent-select er filled, for å få annen hover-farge*/
-  firstUpdated(s) {
-    super.firstUpdated(s), this.closest("nve-select")?.hasAttribute("filled") ? this.toggleAttribute("filled", !0) : this.toggleAttribute("filled", !1);
+  /**
+   * Setter filled attributt på option når parent-select er filled, for å få annen hover-farge
+   * Setter så hide-checkmark basert på samme logikk
+   */
+  firstUpdated(r) {
+    super.firstUpdated(r);
+    const t = this.closest("nve-select");
+    t && (t.hasAttribute("filled") ? this.toggleAttribute("filled", !0) : this.toggleAttribute("filled", !1), t.hasAttribute("hide-checkmark") ? this.toggleAttribute("hide-checkmark", !0) : this.toggleAttribute("hide-checkmark", !1));
   }
   /**
    * Gir tilbake plain-tekst-label som vises i select
@@ -24,13 +29,13 @@ let l = class extends f {
     return this.textLabel ? this.textLabel : super.getTextLabel();
   }
 };
-l.styles = [f.styles, b];
-a([
+i.styles = [a.styles, c];
+f([
   u()
-], l.prototype, "textLabel", 2);
-l = a([
-  n("nve-option")
-], l);
+], i.prototype, "textLabel", 2);
+i = f([
+  h("nve-option")
+], i);
 export {
-  l as default
+  i as default
 };

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

@@ -15,8 +15,7 @@ const n = o`
     color: var(--neutrals-foreground-primary, #0d0d0e);
   }
 
-  /* fjerner checkmark siden den er hvit */
-  :host::part(checked-icon) {
+  :host([hide-checkmark])::part(checked-icon) {
     display: none !important;
   }
 
@@ -38,10 +37,9 @@ const n = o`
     background-color: var(--neutrals-background-primary, #fff);
   }
 
-  :host([filled]) .option{
+  :host([filled]) .option {
     color: var(--neutrals-foreground-primary, #0d0d0e);
   }
-
 `;
 export {
   n as default

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

@@ -12,6 +12,10 @@ export default class NveSelect extends SlSelect {
      * Tekst som vises for å markere at et felt er obligatorisk. Er satt til "*Obligatorisk" som standard.
      */
     requiredLabel: string;
+    /**
+     * Settes dersom man ikke ønsker å ha checkmark på valgte options i dropdown
+     */
+    hideCheckmark: boolean;
     /**
      * Brukes til enkel constraint validation til å overskrive default nettleser-melding
      */

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

@@ -1,4 +1,4 @@
-import { s as p } from "../../chunks/chunk.TP2GB2HO.js";
+import { s as u } from "../../chunks/chunk.TP2GB2HO.js";
 import "../../chunks/chunk.SI4ACBFK.js";
 import "../../chunks/chunk.5JY5FUCG.js";
 import "../../chunks/chunk.3RPBFEDE.js";
@@ -6,17 +6,17 @@ import "../../chunks/chunk.RWUUFNUL.js";
 import "../../chunks/chunk.6CTB5ZDJ.js";
 import "../../chunks/chunk.YHLNUJ7P.js";
 import "../../chunks/chunk.4TUIT776.js";
-import { n as u, t as h } from "../../chunks/property.js";
+import { n as p, t as h } from "../../chunks/property.js";
 import { r as d } from "../../chunks/state.js";
 import c from "./nve-select.styles.js";
 var v = Object.defineProperty, f = Object.getOwnPropertyDescriptor, o = (e, t, s, i) => {
-  for (var r = i > 1 ? void 0 : i ? f(t, s) : t, n = e.length - 1, a; n >= 0; n--)
-    (a = e[n]) && (r = (i ? a(t, s, r) : a(r)) || r);
+  for (var r = i > 1 ? void 0 : i ? f(t, s) : t, a = e.length - 1, n; a >= 0; a--)
+    (n = e[a]) && (r = (i ? n(t, s, r) : n(r)) || r);
   return i && r && v(t, s, r), r;
 };
-let l = class extends p {
+let l = class extends u {
   constructor() {
-    super(), this.requiredLabel = "*Obligatorisk", this.slInvalidEventListener = (e) => {
+    super(), this.requiredLabel = "*Obligatorisk", this.hideCheckmark = !1, this.slInvalidEventListener = (e) => {
       e.preventDefault();
     }, this.valueHasChanged = !1;
   }
@@ -59,12 +59,15 @@ let l = class extends p {
     return this.querySelector("nve-option");
   }
 };
-l.styles = [p.styles, c];
+l.styles = [u.styles, c];
 o([
-  u()
+  p()
 ], l.prototype, "requiredLabel", 2);
 o([
-  u({ reflect: !0 })
+  p({ type: Boolean })
+], l.prototype, "hideCheckmark", 2);
+o([
+  p({ reflect: !0 })
 ], l.prototype, "errorMessage", 2);
 o([
   d()

package/custom-elements.json

@@ -3821,7 +3821,8 @@
                     "text": "PropertyValues"
                   }
                 }
-              ]
+              ],
+              "description": "Setter filled attributt på option når parent-select er filled, for å få annen hover-farge\nSetter så hide-checkmark basert på samme logikk"
             },
             {
               "kind": "method",
@@ -4303,6 +4304,15 @@
               "default": "'*Obligatorisk'",
               "description": "Tekst som vises for å markere at et felt er obligatorisk. Er satt til \"*Obligatorisk\" som standard."
             },
+            {
+              "kind": "field",
+              "name": "hideCheckmark",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Settes dersom man ikke ønsker å ha checkmark på valgte options i dropdown"
+            },
             {
               "kind": "field",
               "name": "errorMessage",
@@ -4400,6 +4410,13 @@
               },
               "description": "Tekst som vises for å markere at et felt er obligatorisk. Er satt til \"*Obligatorisk\" som standard."
             },
+            {
+              "name": "hideCheckmark",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Settes dersom man ikke ønsker å ha checkmark på valgte options i dropdown"
+            },
             {
               "name": "errorMessage",
               "type": {
@@ -6670,7 +6687,7 @@
   "package": {
     "name": "nve-designsystem",
     "description": "Designsystem for NVE",
-    "version": "2.7.0",
+    "version": "2.8.0",
     "author": {
       "name": "NVE",
       "email": "nve@nve.no"

package/package.json

@@ -7,7 +7,7 @@
   },
   "license": "MIT",
   "homepage": "https://github.com/NVE/Designsystem/",
-  "version": "2.7.1",
+  "version": "2.9.0",
   "customElements": "custom-elements.json",
   "exports": {
     ".": {

package/vscode.html-custom-data.json

@@ -716,7 +716,7 @@
     },
     {
       "name": "nve-option",
-      "description": "Representerer et valg i nve-select.\n---\n\n\n### **Metoder:**\n - **getTextLabel(): _string_** - Gir tilbake plain-tekst-label som vises i select",
+      "description": "Representerer et valg i nve-select.\n---\n\n\n### **Metoder:**\n - **firstUpdated(changedProperties: _PropertyValues_): _void_** - Setter filled attributt på option når parent-select er filled, for å få annen hover-farge\nSetter så hide-checkmark basert på samme logikk\n- **getTextLabel(): _string_** - Gir tilbake plain-tekst-label som vises i select",
       "attributes": [
         {
           "name": "textLabel",
@@ -828,6 +828,11 @@
           "description": "Tekst som vises for å markere at et felt er obligatorisk. Er satt til \"*Obligatorisk\" som standard.",
           "values": []
         },
+        {
+          "name": "hideCheckmark",
+          "description": "Settes dersom man ikke ønsker å ha checkmark på valgte options i dropdown",
+          "values": []
+        },
         {
           "name": "errorMessage",
           "description": "Brukes til enkel constraint validation til å overskrive default nettleser-melding",