nve-designsystem 2.10.1 → 2.10.3

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

@@ -43,6 +43,7 @@ const a = r`
     content: var(--sl-input-required-content);
     font: var(--label-x-small-light);
     color: var(--feedback-background-emphasized-error);
+    padding-left: var(--spacing-xx-small);
   }
 
   .input--filled {

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

@@ -23,6 +23,7 @@ const e = r`
     content: var(--sl-input-required-content);
     font: var(--label-x-small-light);
     color: var(--feedback-background-emphasized-error);
+    padding-left: var(--spacing-xx-small);
   }
 
   :host(:focus-visible)::part(form-control-input) {
@@ -81,10 +82,6 @@ const e = r`
   }
 
   .form-control--has-label .form-control__label {
-    display: flex;
-    width: 100%;
-    justify-content: space-between;
-    margin-inline-start: unset;
     margin-bottom: var(--spacing-x-small);
     font: var(--label-small);
   }

package/components/nve-tab-group/nve-tab-group.component.d.ts

@@ -11,6 +11,7 @@ import { INveComponent } from '../../interfaces/NveComponent.interface';
  *
  * @csspart base Topp-element
  * @csspart body Innholdet i tab gruppen
+ * @csspart nav hoved kontainer for fanene
  * @csspart button-backward-base Bakoverknapp kontainer
  * @csspart button-forward-base Fremoverknapp kontainer
  *

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

@@ -212,7 +212,10 @@ let n = class extends w {
         testId=${m(this.testId)}
       >
         <div class="tab-group__nav-container">
-          <div class=${v({ "tab-group__nav": !0, "tab-group__nav--background": this.isBackground })}>
+          <div
+            part="nav"
+            class=${v({ "tab-group__nav": !0, "tab-group__nav--background": this.isBackground })}
+          >
             <slot name="nav"></slot>
           </div>
           ${this.canScrollBack && this.isOverflow ? b`

package/custom-elements.json

@@ -5464,6 +5464,10 @@
               "description": "Innholdet i tab gruppen",
               "name": "body"
             },
+            {
+              "description": "hoved kontainer for fanene",
+              "name": "nav"
+            },
             {
               "description": "Bakoverknapp kontainer",
               "name": "button-backward-base"
@@ -5687,7 +5691,7 @@
           "tagNameWithoutPrefix": "tab-group",
           "tagName": "nve-tab-group",
           "customElement": true,
-          "jsDoc": "/**\n * Fanegruppe som viser og styrer et sett med faner og tilhørende innholdspaneler.\n * Håndterer navigasjon mellom faner, synkronisering av aktive faner og paneler, samt tilgjengelighetsegenskaper.\n * Sporet 'nav' brukes for å legge til faner, og standardsporet brukes for innholdspaneler. Foreløpig støttes kun horisontal retning på fanene.\n * Automatisk aktivering av faner (når man blar mellom fanene med tastatur) støttes ikke – det kan være uheldig fra et tilgjengelighetsperspektiv.\n * For beste praksis, les mer i seksjonen om universell utforming.\n *\n * @event nve-tab-change Når aktiv fane endres.\n *\n * @csspart base Topp-element\n * @csspart body Innholdet i tab gruppen\n * @csspart button-backward-base Bakoverknapp kontainer\n * @csspart button-forward-base Fremoverknapp kontainer\n *\n * @slot (nav) - legg inn faner her.\n * @slot (standard) - legg inn paneler her.\n *  @cssproperty --scroll-button-background - farge på bakover og fremoverknappene. Standard er #fff og #1b1b1f for dark modus.\n */"
+          "jsDoc": "/**\n * Fanegruppe som viser og styrer et sett med faner og tilhørende innholdspaneler.\n * Håndterer navigasjon mellom faner, synkronisering av aktive faner og paneler, samt tilgjengelighetsegenskaper.\n * Sporet 'nav' brukes for å legge til faner, og standardsporet brukes for innholdspaneler. Foreløpig støttes kun horisontal retning på fanene.\n * Automatisk aktivering av faner (når man blar mellom fanene med tastatur) støttes ikke – det kan være uheldig fra et tilgjengelighetsperspektiv.\n * For beste praksis, les mer i seksjonen om universell utforming.\n *\n * @event nve-tab-change Når aktiv fane endres.\n *\n * @csspart base Topp-element\n * @csspart body Innholdet i tab gruppen\n * @csspart nav hoved kontainer for fanene\n * @csspart button-backward-base Bakoverknapp kontainer\n * @csspart button-forward-base Fremoverknapp kontainer\n *\n * @slot (nav) - legg inn faner her.\n * @slot (standard) - legg inn paneler her.\n *  @cssproperty --scroll-button-background - farge på bakover og fremoverknappene. Standard er #fff og #1b1b1f for dark modus.\n */"
         }
       ],
       "exports": [
@@ -7165,7 +7169,7 @@
   "package": {
     "name": "nve-designsystem",
     "description": "Designsystem for NVE",
-    "version": "2.10.0",
+    "version": "2.10.2",
     "author": {
       "name": "NVE",
       "email": "nve@nve.no"

package/package.json

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

package/vscode.css-custom-data.json

@@ -61,6 +61,7 @@
     { "name": "::part(base)", "description": "Topp-element" },
     { "name": "::part(base)", "description": "Topp-element" },
     { "name": "::part(body)", "description": "Innholdet i tab gruppen" },
+    { "name": "::part(nav)", "description": "hoved kontainer for fanene" },
     {
       "name": "::part(button-backward-base)",
       "description": "Bakoverknapp kontainer"

package/vscode.html-custom-data.json

@@ -998,7 +998,7 @@
     },
     {
       "name": "nve-tab-group",
-      "description": "Fanegruppe som viser og styrer et sett med faner og tilhørende innholdspaneler.\nHåndterer navigasjon mellom faner, synkronisering av aktive faner og paneler, samt tilgjengelighetsegenskaper.\nSporet 'nav' brukes for å legge til faner, og standardsporet brukes for innholdspaneler. Foreløpig støttes kun horisontal retning på fanene.\nAutomatisk aktivering av faner (når man blar mellom fanene med tastatur) støttes ikke – det kan være uheldig fra et tilgjengelighetsperspektiv.\nFor beste praksis, les mer i seksjonen om universell utforming.\n---\n\n\n### **Hendelser:**\n - **nve-tab-change** - Når aktiv fane endres.\n\n### **Spor:**\n - **(nav)** - legg inn faner her.\n- **(standard)** - legg inn paneler her.\n\n### **CSS-variabler:**\n - **--scroll-button-background** - farge på bakover og fremoverknappene. Standard er #fff og #1b1b1f for dark modus. _(default: undefined)_\n\n### **Deler:**\n - **base** - Topp-element\n- **body** - Innholdet i tab gruppen\n- **button-backward-base** - Bakoverknapp kontainer\n- **button-forward-base** - Fremoverknapp kontainer",
+      "description": "Fanegruppe som viser og styrer et sett med faner og tilhørende innholdspaneler.\nHåndterer navigasjon mellom faner, synkronisering av aktive faner og paneler, samt tilgjengelighetsegenskaper.\nSporet 'nav' brukes for å legge til faner, og standardsporet brukes for innholdspaneler. Foreløpig støttes kun horisontal retning på fanene.\nAutomatisk aktivering av faner (når man blar mellom fanene med tastatur) støttes ikke – det kan være uheldig fra et tilgjengelighetsperspektiv.\nFor beste praksis, les mer i seksjonen om universell utforming.\n---\n\n\n### **Hendelser:**\n - **nve-tab-change** - Når aktiv fane endres.\n\n### **Spor:**\n - **(nav)** - legg inn faner her.\n- **(standard)** - legg inn paneler her.\n\n### **CSS-variabler:**\n - **--scroll-button-background** - farge på bakover og fremoverknappene. Standard er #fff og #1b1b1f for dark modus. _(default: undefined)_\n\n### **Deler:**\n - **base** - Topp-element\n- **body** - Innholdet i tab gruppen\n- **nav** - hoved kontainer for fanene\n- **button-backward-base** - Bakoverknapp kontainer\n- **button-forward-base** - Fremoverknapp kontainer",
       "attributes": [
         { "name": "testId", "description": "", "values": [] },
         {