nve-designsystem 1.5.2 → 1.6.1

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

@@ -2,29 +2,29 @@ import { d as p } from "../../chunks/chunk.FDPXBVDV.js";
 import "../../chunks/chunk.EMG3ZSPT.js";
 import { i as v } from "../../chunks/lit-element.js";
 import { t as d } from "../../chunks/property.js";
-var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, u = (l, e, s, t) => {
-  for (var r = t > 1 ? void 0 : t ? m(e, s) : e, o = l.length - 1, a; o >= 0; o--)
-    (a = l[o]) && (r = (t ? a(e, s, r) : a(r)) || r);
+var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, u = (a, e, s, t) => {
+  for (var r = t > 1 ? void 0 : t ? m(e, s) : e, o = a.length - 1, i; o >= 0; o--)
+    (i = a[o]) && (r = (t ? i(e, s, r) : i(r)) || r);
   return t && r && f(e, s, r), r;
 };
-let i = class extends p {
+let l = class extends p {
   constructor() {
     super();
   }
 };
-i.styles = [
+l.styles = [
   p.styles,
   v`
       :host {
-        --color: var(--neutrals-border-default);
+        --color: var(--neutrals-border-subtle);
         --width: var(--border-width-default, 1px);
         --spacing: var(--spacing-xx-small, 0.25rem);
       }
     `
 ];
-i = u([
+l = u([
   d("nve-divider")
-], i);
+], l);
 export {
-  i as default
+  l as default
 };

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

@@ -1,10 +1,11 @@
-import { i as o } from "../../chunks/lit-element.js";
-const a = o`
+import { i as r } from "../../chunks/lit-element.js";
+const o = r`
   :host {
     padding: 0px;
     margin-top: var(--spacing-xx-small);
     border: none;
     box-shadow: var(--soft);
+    background: var(--neutrals-background-primary);
   }
   ::slotted(nve-label) {
     padding: var(--spacing-small);
@@ -19,5 +20,5 @@ const a = o`
   }
 `;
 export {
-  a as default
+  o as default
 };

package/components/nve-menu-item/nve-menu-item.styles.js

@@ -1,5 +1,5 @@
-import { i as e } from "../../chunks/lit-element.js";
-const a = e`
+import { i as r } from "../../chunks/lit-element.js";
+const a = r`
   :host {
     position: relative; 
   }
@@ -35,18 +35,15 @@ const a = e`
     align-items: center;
     justify-items: flex-start;
     background: var(--neutrals-background-primary, #FFF);
-    padding: var(--spacing-small, 0.75rem) 0px var(--spacing-small, 0.75rem) var(--spacing-small, 0.75rem)
+    padding: var(--spacing-small, 0.75rem) 0px var(--spacing-small, 0.75rem) var(--spacing-small, 0.75rem);
+    color: var(--neutrals-foreground-primary, #00131C);
+    font: var(--label-small-light);  
+    fill: var(--neutrals-foreground-primary, #00131C);
   }
 
   .menu-item .menu-item__prefix::slotted(*) {
     margin-inline-end: var(--spacing-x-small, 0.75rem);
   }
- 
-
-  .menu-item__label {
-    color: var(--neutrals-foreground-primary, #00131C);
-    font: var(--label-small-light);
-  }
   
   /* Design av subtext  */
   .menu-item__label::after {
@@ -75,7 +72,10 @@ const a = e`
   }
   :host(:hover:not([aria-disabled="true"], :focus-visible)) .menu-item, .menu-item--submenu-expanded {
     background-color: var(--neutrals-background-secondary);  
+    color: var(--neutrals-foreground-primary, #00131C);
   }
+  
+  
     /* Disabled fargen  */
   .menu-item.menu-item--disabled {
     opacity: 0.38;
@@ -87,10 +87,8 @@ const a = e`
     color: var(--interactive-outlined-foreground-default);
     background-color: transparent;
   }
-    /* Farge på submenu chevron  */
-  :host::part(submenu-icon) {
-    color:var(--neutrals-foreground-subtle);
-  }
+
+
 `;
 export {
   a as default

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

@@ -5,8 +5,10 @@ const n = o`
     --sl-font-sans: var(--font-families-source-sans-pro);
     color: var(--neutrals-foreground-primary, #0d0d0e);
   }
+
   .option--hover:not(.option--current):not(.option--disabled) {
     background-color: var(--neutrals-background-primary-contrast, #f7f7f8);
+    color: var(--neutrals-foreground-primary, #0d0d0e);
   }
   .option--selected:not(.option--disabled) {
     background-color: var(--neutrals-background-secondary, #e4e5e7);
@@ -35,6 +37,11 @@ const n = o`
   :host([filled]) .option--hover:not(.option--current):not(.option--disabled):hover {
     background-color: var(--neutrals-background-primary, #fff);
   }
+
+  :host([filled]) .option{
+    color: var(--neutrals-foreground-primary, #0d0d0e);
+  }
+
 `;
 export {
   n as default

package/custom-elements.json

@@ -3833,7 +3833,7 @@
                 "text": "array"
               },
               "static": true,
-              "default": "[ SlDivider.styles, css` :host { --color: var(--neutrals-border-default); --width: var(--border-width-default, 1px); --spacing: var(--spacing-xx-small, 0.25rem); } `, ]"
+              "default": "[ SlDivider.styles, css` :host { --color: var(--neutrals-border-subtle); --width: var(--border-width-default, 1px); --spacing: var(--spacing-xx-small, 0.25rem); } `, ]"
             },
             {
               "kind": "field",
@@ -12699,7 +12699,7 @@
   "package": {
     "name": "nve-designsystem",
     "description": "Designsystem for NVE",
-    "version": "1.5.1",
+    "version": "1.6.0",
     "author": {
       "name": "NVE",
       "email": "nve@nve.no"

package/package.json

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