nve-designsystem 0.4.10 → 0.4.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/components/nve-label/nve-label.component.d.ts +4 -0
  2. package/components/nve-label/nve-label.component.js +48 -34
  3. package/components/nve-textarea/nve-textarea.component.d.ts +2 -2
  4. package/components/nve-textarea/nve-textarea.component.js +23 -24
  5. package/components/nve-textarea/nve-textarea.styles.js +4 -0
  6. package/custom-elements.json +295 -286
  7. package/package.json +1 -1
package/components/nve-label/nve-label.component.d.ts CHANGED
@@ -37,6 +37,10 @@ export default class NveLabel extends LitElement {
37
37
  * Ikon farge
38
38
  */
39
39
  iconColor: 'default' | 'black';
40
+ /**
41
+ * For-attributten legges på label, og brukes som html-standard. Sett til samme som id på elementet label tilhører
42
+ */
43
+ for?: string;
40
44
  static styles: import('lit').CSSResult[];
41
45
  private renderInfoIconWithTooltip;
42
46
  private renderValueProperty;
package/components/nve-label/nve-label.component.js CHANGED
@@ -1,24 +1,25 @@
1
- import { r as u, x as a } from "../../chunks/lit-element.js";
2
- import { n as i, t as c } from "../../chunks/property.js";
3
- import { styles as p } from "./nve-label.styles.js";
1
+ import { r as c, x as a } from "../../chunks/lit-element.js";
2
+ import { n, t as p } from "../../chunks/property.js";
3
+ import { styles as d } from "./nve-label.styles.js";
4
4
  import "../nve-icon/nve-icon.component.js";
5
5
  import "../nve-tooltip/nve-tooltip.component.js";
6
- class d {
7
- constructor(t, ...s) {
8
- this.slotNames = [], this.handleSlotChange = (r) => {
9
- const e = r.target;
6
+ import { o as u } from "../../chunks/if-defined.js";
7
+ class m {
8
+ constructor(t, ...r) {
9
+ this.slotNames = [], this.handleSlotChange = (i) => {
10
+ const e = i.target;
10
11
  (this.slotNames.includes("[default]") && !e.name || e.name && this.slotNames.includes(e.name)) && this.host.requestUpdate();
11
- }, (this.host = t).addController(this), this.slotNames = s;
12
+ }, (this.host = t).addController(this), this.slotNames = r;
12
13
  }
13
14
  hasDefaultSlot() {
14
15
  return [...this.host.childNodes].some((t) => {
15
16
  if (t.nodeType === t.TEXT_NODE && t.textContent.trim() !== "")
16
17
  return !0;
17
18
  if (t.nodeType === t.ELEMENT_NODE) {
18
- const s = t;
19
- if (s.tagName.toLowerCase() === "sl-visually-hidden")
19
+ const r = t;
20
+ if (r.tagName.toLowerCase() === "sl-visually-hidden")
20
21
  return !1;
21
- if (!s.hasAttribute("slot"))
22
+ if (!r.hasAttribute("slot"))
22
23
  return !0;
23
24
  }
24
25
  return !1;
@@ -43,14 +44,14 @@ class d {
43
44
  this.host.shadowRoot.removeEventListener("slotchange", this.handleSlotChange);
44
45
  }
45
46
  }
46
- var m = Object.defineProperty, v = Object.getOwnPropertyDescriptor, n = (o, t, s, r) => {
47
- for (var e = r > 1 ? void 0 : r ? v(t, s) : t, h = o.length - 1, f; h >= 0; h--)
48
- (f = o[h]) && (e = (r ? f(t, s, e) : f(e)) || e);
49
- return r && e && m(t, s, e), e;
47
+ var v = Object.defineProperty, g = Object.getOwnPropertyDescriptor, s = (o, t, r, i) => {
48
+ for (var e = i > 1 ? void 0 : i ? g(t, r) : t, h = o.length - 1, f; h >= 0; h--)
49
+ (f = o[h]) && (e = (i ? f(t, r, e) : f(e)) || e);
50
+ return i && e && v(t, r, e), e;
50
51
  };
51
- let l = class extends u {
52
+ let l = class extends c {
52
53
  constructor() {
53
- super(...arguments), this.hasSlotController = new d(this, "tooltip"), this.value = "", this.size = "small", this.light = !1, this.tooltip = void 0, this.iconLeft = !1, this.iconColor = "default";
54
+ super(...arguments), this.hasSlotController = new m(this, "tooltip"), this.value = "", this.size = "small", this.light = !1, this.tooltip = void 0, this.iconLeft = !1, this.iconColor = "default", this.for = void 0;
54
55
  }
55
56
  renderInfoIconWithTooltip() {
56
57
  let o = this.tooltip;
@@ -60,9 +61,19 @@ let l = class extends u {
60
61
  </nve-tooltip>` : a``;
61
62
  }
62
63
  renderValueProperty() {
63
- return this.value.length ? a` <label part="form-control-label" class="form-control__label" aria-hidden="false">
64
+ return this.value.length ? a` <label
65
+ part="form-control-label"
66
+ class="form-control__label"
67
+ aria-hidden="false"
68
+ for=${u(this.for)}
69
+ >
64
70
  <slot name="label">${this.value}</slot>
65
- </label>` : a` <label part="form-control-label" class="form-control__label" aria-hidden="false">
71
+ </label>` : a` <label
72
+ part="form-control-label"
73
+ class="form-control__label"
74
+ aria-hidden="false"
75
+ for=${u(this.for)}
76
+ >
66
77
  <slot></slot>
67
78
  </label>`;
68
79
  }
@@ -74,27 +85,30 @@ let l = class extends u {
74
85
  `;
75
86
  }
76
87
  };
77
- l.styles = [p];
78
- n([
79
- i({ reflect: !0 })
88
+ l.styles = [d];
89
+ s([
90
+ n({ reflect: !0 })
80
91
  ], l.prototype, "value", 2);
81
- n([
82
- i({ reflect: !0 })
92
+ s([
93
+ n({ reflect: !0 })
83
94
  ], l.prototype, "size", 2);
84
- n([
85
- i({ type: Boolean, reflect: !0 })
95
+ s([
96
+ n({ type: Boolean, reflect: !0 })
86
97
  ], l.prototype, "light", 2);
87
- n([
88
- i({ reflect: !0 })
98
+ s([
99
+ n({ reflect: !0 })
89
100
  ], l.prototype, "tooltip", 2);
90
- n([
91
- i({ type: Boolean, reflect: !0 })
101
+ s([
102
+ n({ type: Boolean, reflect: !0 })
92
103
  ], l.prototype, "iconLeft", 2);
93
- n([
94
- i({ reflect: !0 })
104
+ s([
105
+ n({ reflect: !0 })
95
106
  ], l.prototype, "iconColor", 2);
96
- l = n([
97
- c("nve-label")
107
+ s([
108
+ n({ reflect: !0 })
109
+ ], l.prototype, "for", 2);
110
+ l = s([
111
+ p("nve-label")
98
112
  ], l);
99
113
  export {
100
114
  l as default
package/components/nve-textarea/nve-textarea.component.d.ts CHANGED
@@ -61,8 +61,8 @@ export default class NveTextarea extends LitElement implements INveComponent {
61
61
  /** Indikerer om nettleserens autokorrekturfunksjon er på eller av. */
62
62
  tooltip?: string;
63
63
  /**
64
- * Brukes for å kunne identifisere komponenten i tester
65
- */
64
+ * Brukes for å kunne identifisere komponenten i tester
65
+ */
66
66
  testId: string;
67
67
  /**
68
68
  * Forteller nettleseren hvilken type data som vil bli skrevet inn av brukeren, slik at den kan vise det passende virtuelle
package/components/nve-textarea/nve-textarea.component.js CHANGED
@@ -1,11 +1,11 @@
1
- import { r as c, x as l } from "../../chunks/lit-element.js";
1
+ import { r as c, x as o } from "../../chunks/lit-element.js";
2
2
  import { n as s, t as m } from "../../chunks/property.js";
3
3
  import { r as u } from "../../chunks/state.js";
4
4
  import { e as b } from "../../chunks/query.js";
5
5
  import v from "./nve-textarea.styles.js";
6
- import { o } from "../../chunks/if-defined.js";
7
- import { l as f } from "../../chunks/live.js";
8
- import { e as g } from "../../chunks/class-map.js";
6
+ import { o as l } from "../../chunks/if-defined.js";
7
+ import { l as g } from "../../chunks/live.js";
8
+ import { e as f } from "../../chunks/class-map.js";
9
9
  import "../nve-icon/nve-icon.component.js";
10
10
  import "../nve-label/nve-label.component.js";
11
11
  var y = Object.defineProperty, x = Object.getOwnPropertyDescriptor, i = (t, a, h, n) => {
@@ -75,38 +75,37 @@ let e = class extends c {
75
75
  this.toggleAttribute("data-valid", t), this.toggleAttribute("data-user-valid", t), this.toggleAttribute("data-invalid", !t), this.toggleAttribute("data-user-invalid", !t);
76
76
  }
77
77
  render() {
78
- return l`
79
- <div part="form-control" class=${g({ "form-control": !0, "form-control--has-label": this.label })}>
78
+ return o`
79
+ <div part="form-control" class=${f({ "form-control": !0, "form-control--has-label": this.label })}>
80
80
  <div part="textarea-label" class="textarea__label">
81
- ${this.label ? l`
81
+ ${this.label ? o`
82
82
  <nve-label
83
- for="input"
84
83
  aria-hidden=${this.label ? "false" : "true"}
85
84
  value=${this.label}
86
- tooltip=${o(this.tooltip)}
85
+ tooltip=${l(this.tooltip)}
87
86
  ></nve-label>
88
87
  ` : null}
89
- ${this.required && this.label ? l`<span class="textarea__required-label">${this.requiredLabel}</span>` : null}
88
+ ${this.required && this.label ? o`<span class="textarea__required-label">${this.requiredLabel}</span>` : null}
90
89
  </div>
91
90
  <div part="base" class="textarea__base">
92
91
  <textarea
93
92
  part="textarea"
94
93
  class="textarea__control"
95
94
  title=${this.title}
96
- name=${o(this.name)}
97
- .value=${f(this.value)}
95
+ name=${l(this.name)}
96
+ .value=${g(this.value)}
98
97
  ?disabled=${this.disabled}
99
98
  ?readonly=${this.readonly}
100
99
  ?required=${this.required}
101
- placeholder=${o(this.placeholder)}
102
- minlength=${o(this.minlength)}
103
- maxlength=${o(this.maxlength)}
104
- autocapitalize=${o(this.autocapitalize)}
105
- autocorrect=${o(this.autocorrect)}
100
+ placeholder=${l(this.placeholder)}
101
+ minlength=${l(this.minlength)}
102
+ maxlength=${l(this.maxlength)}
103
+ autocapitalize=${l(this.autocapitalize)}
104
+ autocorrect=${l(this.autocorrect)}
106
105
  ?autofocus=${this.autofocus}
107
- inputmode=${o(this.inputmode)}
106
+ inputmode=${l(this.inputmode)}
108
107
  aria-describedby="help-text"
109
- rows=${o(this.rows)}
108
+ rows=${l(this.rows)}
110
109
  @change=${this.handleChange}
111
110
  @input=${this.handleInput}
112
111
  @blur=${this.handleBlur}
@@ -116,17 +115,17 @@ let e = class extends c {
116
115
  Må gjøres sånn fordi vi vil ikke begrense textarea__base brede til fit-content (da textarea kan aldri ta så mye plass som er
117
116
  tilgjengelig i nettleseren og man må alltid sette brede på den manuelt. Nei takk.) -->
118
117
  <!-- Foreløpig kan man ha enten 'lock' eller 'error' ikone -->
119
- ${this.disabled || this.showErrorMessage ? l`<div class="textarea__icon__container">
120
- ${this.disabled ? l`<nve-icon name="lock"></nve-icon>` : null}
121
- ${this.showErrorMessage ? l`<nve-icon class="textarea__icon--error" name="error"></nve-icon>` : null}
118
+ ${this.disabled || this.showErrorMessage ? o`<div class="textarea__icon__container">
119
+ ${this.disabled ? o`<nve-icon name="lock"></nve-icon>` : null}
120
+ ${this.showErrorMessage ? o`<nve-icon class="textarea__icon--error" name="error"></nve-icon>` : null}
122
121
  </div>` : null}
123
122
  </div>
124
123
  <div part="help-text-container" class="textarea__help-text__container">
125
124
  <!-- Ikke vis hjelpe tekst mens feil -->
126
- ${!this.showErrorMessage && this.helpText ? l`<span class="textarea__help-text" aria-hidden=${this.helpText ? "false" : "true"}
125
+ ${!this.showErrorMessage && this.helpText ? o`<span class="textarea__help-text" aria-hidden=${this.helpText ? "false" : "true"}
127
126
  >${this.helpText}</span
128
127
  >` : null}
129
- ${this.showErrorMessage ? l`<span class="textarea__help-text textarea__help-text--error">${this.errorMessage}</span>` : null}
128
+ ${this.showErrorMessage ? o`<span class="textarea__help-text textarea__help-text--error">${this.errorMessage}</span>` : null}
130
129
  </div>
131
130
  </div>
132
131
  `;
package/components/nve-textarea/nve-textarea.styles.js CHANGED
@@ -53,6 +53,10 @@ const a = r`
53
53
  }
54
54
  }
55
55
 
56
+ :host([filled][data-user-invalid]) .textarea__control {
57
+ border-color: var(--feedback-background-emphasized-error);
58
+ }
59
+
56
60
  :host([readonly]) .textarea__control {
57
61
  background: var(--neutrals-background-secondary);
58
62
  color: var(--neutrals-foreground-subtle,);
package/custom-elements.json CHANGED
@@ -63,48 +63,56 @@
63
63
  },
64
64
  {
65
65
  "kind": "javascript-module",
66
- "path": "components/nve-alert/nve-alert.js",
66
+ "path": "components/nve-accordion-item/nve-accordion-item.js",
67
67
  "declarations": [
68
68
  {
69
69
  "kind": "class",
70
- "description": "Brukes til å vise viktige beskjeder enten på en side eller som en enkel popup.\n\nHvis du trenger å vise en statisk varsling med mer informasjon, kan det hende at\nnve-message-card er et bedre valg.",
71
- "name": "NveAlert",
70
+ "description": "Viser et kort sammendrag og utvides for å vise ekstra innhold.\nKan brukes som en selvstendig komponent eller som en del av nve-accordion.",
71
+ "name": "NveAccordionItem",
72
72
  "members": [
73
73
  {
74
74
  "kind": "field",
75
- "name": "title",
75
+ "name": "testId",
76
76
  "type": {
77
- "text": "string"
77
+ "text": "string | undefined"
78
78
  },
79
- "default": "''",
80
- "description": "Tykk tekst, vises helt til venstre"
79
+ "default": "undefined"
81
80
  },
82
81
  {
83
82
  "kind": "field",
84
- "name": "text",
83
+ "name": "leftStroke",
85
84
  "type": {
86
- "text": "string"
85
+ "text": "boolean"
87
86
  },
88
- "default": "''",
89
- "description": "Tynnere beskrivelse tekst"
87
+ "default": "false",
88
+ "description": "tykk strek på venstre side"
90
89
  },
91
90
  {
92
91
  "kind": "field",
93
- "name": "saturation",
92
+ "name": "variant",
94
93
  "type": {
95
- "text": "'emphasized' | null"
94
+ "text": "'none' | 'neutral' | 'info' | 'success' | 'warning' | 'error'"
96
95
  },
97
- "default": "null",
98
- "description": "Bestemmer sterkere bakgrunnsfarge"
96
+ "default": "'none'",
97
+ "description": "Setter farge på bakgrunn og tekst"
99
98
  },
100
99
  {
101
100
  "kind": "field",
102
- "name": "leftStroke",
101
+ "name": "border",
103
102
  "type": {
104
103
  "text": "boolean"
105
104
  },
106
105
  "default": "false",
107
- "description": "Ramme linje til venstre"
106
+ "description": "Vis en ramme rundt hele komponenten"
107
+ },
108
+ {
109
+ "kind": "field",
110
+ "name": "compact",
111
+ "type": {
112
+ "text": "boolean"
113
+ },
114
+ "default": "false",
115
+ "description": "Kompakt visning uten luft på sidene. En strek vil vises under for å skille komponenter fra hverandre"
108
116
  },
109
117
  {
110
118
  "kind": "field",
@@ -113,19 +121,7 @@
113
121
  "text": "array"
114
122
  },
115
123
  "static": true,
116
- "default": "[ SlAlert.styles, // we have to have this otherwise closable is not working styles, ]"
117
- },
118
- {
119
- "kind": "method",
120
- "name": "updated",
121
- "parameters": [
122
- {
123
- "name": "changedProperties",
124
- "type": {
125
- "text": "PropertyValues"
126
- }
127
- }
128
- ]
124
+ "default": "[SlDetails.styles, styles]"
129
125
  },
130
126
  {
131
127
  "kind": "field",
@@ -134,177 +130,167 @@
134
130
  "text": "object"
135
131
  },
136
132
  "static": true,
137
- "default": "{ 'sl-icon-button': SlIconButton }",
133
+ "default": "{ 'sl-icon': SlIcon }",
138
134
  "inheritedFrom": {
139
- "name": "SlAlert"
135
+ "name": "SlDetails"
140
136
  }
141
137
  },
142
138
  {
143
139
  "kind": "field",
144
- "name": "base",
140
+ "name": "details",
145
141
  "type": {
146
- "text": "HTMLElement"
142
+ "text": "HTMLDetailsElement"
147
143
  },
148
144
  "inheritedFrom": {
149
- "name": "SlAlert"
145
+ "name": "SlDetails"
150
146
  }
151
147
  },
152
148
  {
153
149
  "kind": "field",
154
- "name": "countdownElement",
150
+ "name": "header",
155
151
  "type": {
156
152
  "text": "HTMLElement"
157
153
  },
158
154
  "inheritedFrom": {
159
- "name": "SlAlert"
155
+ "name": "SlDetails"
160
156
  }
161
157
  },
162
158
  {
163
159
  "kind": "field",
164
- "name": "open",
160
+ "name": "body",
165
161
  "type": {
166
- "text": "boolean"
162
+ "text": "HTMLElement"
167
163
  },
168
- "default": "false",
169
- "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
170
- "attribute": "open",
171
- "reflects": true,
172
164
  "inheritedFrom": {
173
- "name": "SlAlert"
165
+ "name": "SlDetails"
174
166
  }
175
167
  },
176
168
  {
177
169
  "kind": "field",
178
- "name": "closable",
170
+ "name": "expandIconSlot",
179
171
  "type": {
180
- "text": "boolean"
172
+ "text": "HTMLSlotElement"
181
173
  },
182
- "default": "false",
183
- "description": "Enables a close button that allows the user to dismiss the alert.",
184
- "attribute": "closable",
185
- "reflects": true,
186
174
  "inheritedFrom": {
187
- "name": "SlAlert"
175
+ "name": "SlDetails"
188
176
  }
189
177
  },
190
178
  {
191
179
  "kind": "field",
192
- "name": "variant",
180
+ "name": "detailsObserver",
193
181
  "type": {
194
- "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
182
+ "text": "MutationObserver"
195
183
  },
196
- "default": "'primary'",
197
- "description": "The alert's theme variant.",
198
- "attribute": "variant",
199
- "reflects": true,
200
184
  "inheritedFrom": {
201
- "name": "SlAlert"
185
+ "name": "SlDetails"
202
186
  }
203
187
  },
204
188
  {
205
189
  "kind": "field",
206
- "name": "duration",
207
- "default": "Infinity",
208
- "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
209
- "attribute": "duration",
190
+ "name": "open",
191
+ "type": {
192
+ "text": "boolean"
193
+ },
194
+ "default": "false",
195
+ "description": "Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the details' open state.",
196
+ "attribute": "open",
197
+ "reflects": true,
210
198
  "inheritedFrom": {
211
- "name": "SlAlert"
199
+ "name": "SlDetails"
212
200
  }
213
201
  },
214
202
  {
215
203
  "kind": "field",
216
- "name": "countdown",
204
+ "name": "summary",
217
205
  "type": {
218
- "text": "'rtl' | 'ltr' | undefined"
206
+ "text": "string"
219
207
  },
220
- "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
221
- "attribute": "countdown",
222
- "reflects": true,
208
+ "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
209
+ "attribute": "summary",
223
210
  "inheritedFrom": {
224
- "name": "SlAlert"
211
+ "name": "SlDetails"
225
212
  }
226
213
  },
227
214
  {
228
- "kind": "method",
229
- "name": "handleOpenChange",
215
+ "kind": "field",
216
+ "name": "disabled",
217
+ "type": {
218
+ "text": "boolean"
219
+ },
220
+ "default": "false",
221
+ "description": "Disables the details so it can't be toggled.",
222
+ "attribute": "disabled",
223
+ "reflects": true,
230
224
  "inheritedFrom": {
231
- "name": "SlAlert"
225
+ "name": "SlDetails"
232
226
  }
233
227
  },
234
228
  {
235
229
  "kind": "method",
236
- "name": "handleDurationChange",
230
+ "name": "handleOpenChange",
237
231
  "inheritedFrom": {
238
- "name": "SlAlert"
232
+ "name": "SlDetails"
239
233
  }
240
234
  },
241
235
  {
242
236
  "kind": "method",
243
237
  "name": "show",
244
- "description": "Shows the alert.",
238
+ "description": "Shows the details.",
245
239
  "inheritedFrom": {
246
- "name": "SlAlert"
240
+ "name": "SlDetails"
247
241
  }
248
242
  },
249
243
  {
250
244
  "kind": "method",
251
245
  "name": "hide",
252
- "description": "Hides the alert",
253
- "inheritedFrom": {
254
- "name": "SlAlert"
255
- }
256
- },
257
- {
258
- "kind": "method",
259
- "name": "toast",
260
- "description": "Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden.",
246
+ "description": "Hides the details",
261
247
  "inheritedFrom": {
262
- "name": "SlAlert"
248
+ "name": "SlDetails"
263
249
  }
264
250
  }
265
251
  ],
266
252
  "superclass": {
267
- "name": "SlAlert",
268
- "package": "@shoelace-style/shoelace/dist/components/alert/alert.js"
253
+ "name": "SlDetails",
254
+ "package": "@shoelace-style/shoelace"
269
255
  },
270
- "tagNameWithoutPrefix": "alert",
271
- "tagName": "nve-alert",
256
+ "tagNameWithoutPrefix": "accordion-item",
257
+ "tagName": "nve-accordion-item",
272
258
  "customElement": true,
273
- "jsDoc": "/**\n * Brukes til å vise viktige beskjeder enten på en side eller som en enkel popup.\n *\n * Hvis du trenger å vise en statisk varsling med mer informasjon, kan det hende at\n * nve-message-card er et bedre valg.\n */",
259
+ "jsDoc": "/**\n * Viser et kort sammendrag og utvides for å vise ekstra innhold.\n * Kan brukes som en selvstendig komponent eller som en del av nve-accordion.\n */",
274
260
  "cssParts": [
275
261
  {
276
262
  "description": "The component's base wrapper.",
277
263
  "name": "base",
278
264
  "inheritedFrom": {
279
- "name": "SlAlert"
265
+ "name": "SlDetails"
280
266
  }
281
267
  },
282
268
  {
283
- "description": "The container that wraps the optional icon.",
284
- "name": "icon",
269
+ "description": "The header that wraps both the summary and the expand/collapse icon.",
270
+ "name": "header",
285
271
  "inheritedFrom": {
286
- "name": "SlAlert"
272
+ "name": "SlDetails"
287
273
  }
288
274
  },
289
275
  {
290
- "description": "The container that wraps the alert's main content.",
291
- "name": "message",
276
+ "description": "The container that wraps the summary.",
277
+ "name": "summary",
292
278
  "inheritedFrom": {
293
- "name": "SlAlert"
279
+ "name": "SlDetails"
294
280
  }
295
281
  },
296
282
  {
297
- "description": "The close button, an `<sl-icon-button>`.",
298
- "name": "close-button",
283
+ "description": "The container that wraps the expand/collapse icons.",
284
+ "name": "summary-icon",
299
285
  "inheritedFrom": {
300
- "name": "SlAlert"
286
+ "name": "SlDetails"
301
287
  }
302
288
  },
303
289
  {
304
- "description": "The close button's exported `base` part.",
305
- "name": "close-button__base",
290
+ "description": "The details content.",
291
+ "name": "content",
306
292
  "inheritedFrom": {
307
- "name": "SlAlert"
293
+ "name": "SlDetails"
308
294
  }
309
295
  }
310
296
  ],
@@ -315,108 +301,101 @@
315
301
  "text": "boolean"
316
302
  },
317
303
  "default": "false",
318
- "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
304
+ "description": "Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the details' open state.",
319
305
  "fieldName": "open",
320
306
  "inheritedFrom": {
321
- "name": "SlAlert"
322
- }
323
- },
324
- {
325
- "name": "closable",
326
- "type": {
327
- "text": "boolean"
328
- },
329
- "default": "false",
330
- "description": "Enables a close button that allows the user to dismiss the alert.",
331
- "fieldName": "closable",
332
- "inheritedFrom": {
333
- "name": "SlAlert"
307
+ "name": "SlDetails"
334
308
  }
335
309
  },
336
310
  {
337
- "name": "variant",
311
+ "name": "summary",
338
312
  "type": {
339
- "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
313
+ "text": "string"
340
314
  },
341
- "default": "'primary'",
342
- "description": "The alert's theme variant.",
343
- "fieldName": "variant",
344
- "inheritedFrom": {
345
- "name": "SlAlert"
346
- }
347
- },
348
- {
349
- "name": "duration",
350
- "default": "Infinity",
351
- "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
352
- "fieldName": "duration",
315
+ "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
316
+ "fieldName": "summary",
353
317
  "inheritedFrom": {
354
- "name": "SlAlert"
318
+ "name": "SlDetails"
355
319
  }
356
320
  },
357
321
  {
358
- "name": "countdown",
322
+ "name": "disabled",
359
323
  "type": {
360
- "text": "'rtl' | 'ltr' | undefined"
324
+ "text": "boolean"
361
325
  },
362
- "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
363
- "fieldName": "countdown",
326
+ "default": "false",
327
+ "description": "Disables the details so it can't be toggled.",
328
+ "fieldName": "disabled",
364
329
  "inheritedFrom": {
365
- "name": "SlAlert"
330
+ "name": "SlDetails"
366
331
  }
367
332
  }
368
333
  ],
369
334
  "events": [
370
335
  {
371
- "description": "Emitted when the alert opens.",
336
+ "description": "Emitted when the details opens.",
372
337
  "name": "sl-show",
373
338
  "reactName": "onSlShow",
374
339
  "eventName": "SlShowEvent",
375
340
  "inheritedFrom": {
376
- "name": "SlAlert"
341
+ "name": "SlDetails"
377
342
  }
378
343
  },
379
344
  {
380
- "description": "Emitted after the alert opens and all animations are complete.",
345
+ "description": "Emitted after the details opens and all animations are complete.",
381
346
  "name": "sl-after-show",
382
347
  "reactName": "onSlAfterShow",
383
348
  "eventName": "SlAfterShowEvent",
384
349
  "inheritedFrom": {
385
- "name": "SlAlert"
350
+ "name": "SlDetails"
386
351
  }
387
352
  },
388
353
  {
389
- "description": "Emitted when the alert closes.",
354
+ "description": "Emitted when the details closes.",
390
355
  "name": "sl-hide",
391
356
  "reactName": "onSlHide",
392
357
  "eventName": "SlHideEvent",
393
358
  "inheritedFrom": {
394
- "name": "SlAlert"
359
+ "name": "SlDetails"
395
360
  }
396
361
  },
397
362
  {
398
- "description": "Emitted after the alert closes and all animations are complete.",
363
+ "description": "Emitted after the details closes and all animations are complete.",
399
364
  "name": "sl-after-hide",
400
365
  "reactName": "onSlAfterHide",
401
366
  "eventName": "SlAfterHideEvent",
402
367
  "inheritedFrom": {
403
- "name": "SlAlert"
368
+ "name": "SlDetails"
404
369
  }
405
370
  }
406
371
  ],
407
372
  "slots": [
408
373
  {
409
- "description": "The alert's main content.",
374
+ "description": "The details' main content.",
410
375
  "name": "",
411
376
  "inheritedFrom": {
412
- "name": "SlAlert"
377
+ "name": "SlDetails"
413
378
  }
414
379
  },
415
380
  {
416
- "description": "An icon to show in the alert. Works best with `<sl-icon>`.",
417
- "name": "icon",
381
+ "description": "The details' summary. Alternatively, you can use the `summary` attribute.",
382
+ "name": "summary",
418
383
  "inheritedFrom": {
419
- "name": "SlAlert"
384
+ "name": "SlDetails"
385
+ }
386
+ },
387
+ {
388
+ "description": "Optional expand icon to use instead of the default. Works best with `<sl-icon>`.",
389
+ "name": "expand-icon",
390
+ "inheritedFrom": {
391
+ "name": "SlDetails"
392
+ }
393
+ },
394
+ {
395
+ "description": "Optional collapse icon to use instead of the default. Works best with `<sl-icon>`.",
396
+ "name": "collapse-icon",
397
+ "inheritedFrom": {
398
+ "name": "SlDetails"
420
399
  }
421
400
  }
422
401
  ]
@@ -427,64 +406,56 @@
427
406
  "kind": "js",
428
407
  "name": "default",
429
408
  "declaration": {
430
- "name": "NveAlert",
431
- "module": "components/nve-alert/nve-alert.js"
409
+ "name": "NveAccordionItem",
410
+ "module": "components/nve-accordion-item/nve-accordion-item.js"
432
411
  }
433
412
  }
434
413
  ]
435
414
  },
436
415
  {
437
416
  "kind": "javascript-module",
438
- "path": "components/nve-accordion-item/nve-accordion-item.js",
417
+ "path": "components/nve-alert/nve-alert.js",
439
418
  "declarations": [
440
419
  {
441
420
  "kind": "class",
442
- "description": "Viser et kort sammendrag og utvides for å vise ekstra innhold.\nKan brukes som en selvstendig komponent eller som en del av nve-accordion.",
443
- "name": "NveAccordionItem",
421
+ "description": "Brukes til å vise viktige beskjeder enten på en side eller som en enkel popup.\n\nHvis du trenger å vise en statisk varsling med mer informasjon, kan det hende at\nnve-message-card er et bedre valg.",
422
+ "name": "NveAlert",
444
423
  "members": [
445
424
  {
446
425
  "kind": "field",
447
- "name": "testId",
448
- "type": {
449
- "text": "string | undefined"
450
- },
451
- "default": "undefined"
452
- },
453
- {
454
- "kind": "field",
455
- "name": "leftStroke",
426
+ "name": "title",
456
427
  "type": {
457
- "text": "boolean"
428
+ "text": "string"
458
429
  },
459
- "default": "false",
460
- "description": "tykk strek på venstre side"
430
+ "default": "''",
431
+ "description": "Tykk tekst, vises helt til venstre"
461
432
  },
462
433
  {
463
434
  "kind": "field",
464
- "name": "variant",
435
+ "name": "text",
465
436
  "type": {
466
- "text": "'none' | 'neutral' | 'info' | 'success' | 'warning' | 'error'"
437
+ "text": "string"
467
438
  },
468
- "default": "'none'",
469
- "description": "Setter farge på bakgrunn og tekst"
439
+ "default": "''",
440
+ "description": "Tynnere beskrivelse tekst"
470
441
  },
471
442
  {
472
443
  "kind": "field",
473
- "name": "border",
444
+ "name": "saturation",
474
445
  "type": {
475
- "text": "boolean"
446
+ "text": "'emphasized' | null"
476
447
  },
477
- "default": "false",
478
- "description": "Vis en ramme rundt hele komponenten"
448
+ "default": "null",
449
+ "description": "Bestemmer sterkere bakgrunnsfarge"
479
450
  },
480
451
  {
481
452
  "kind": "field",
482
- "name": "compact",
453
+ "name": "leftStroke",
483
454
  "type": {
484
455
  "text": "boolean"
485
456
  },
486
457
  "default": "false",
487
- "description": "Kompakt visning uten luft på sidene. En strek vil vises under for å skille komponenter fra hverandre"
458
+ "description": "Ramme linje til venstre"
488
459
  },
489
460
  {
490
461
  "kind": "field",
@@ -493,7 +464,19 @@
493
464
  "text": "array"
494
465
  },
495
466
  "static": true,
496
- "default": "[SlDetails.styles, styles]"
467
+ "default": "[ SlAlert.styles, // we have to have this otherwise closable is not working styles, ]"
468
+ },
469
+ {
470
+ "kind": "method",
471
+ "name": "updated",
472
+ "parameters": [
473
+ {
474
+ "name": "changedProperties",
475
+ "type": {
476
+ "text": "PropertyValues"
477
+ }
478
+ }
479
+ ]
497
480
  },
498
481
  {
499
482
  "kind": "field",
@@ -502,167 +485,177 @@
502
485
  "text": "object"
503
486
  },
504
487
  "static": true,
505
- "default": "{ 'sl-icon': SlIcon }",
506
- "inheritedFrom": {
507
- "name": "SlDetails"
508
- }
509
- },
510
- {
511
- "kind": "field",
512
- "name": "details",
513
- "type": {
514
- "text": "HTMLDetailsElement"
515
- },
488
+ "default": "{ 'sl-icon-button': SlIconButton }",
516
489
  "inheritedFrom": {
517
- "name": "SlDetails"
490
+ "name": "SlAlert"
518
491
  }
519
492
  },
520
493
  {
521
494
  "kind": "field",
522
- "name": "header",
495
+ "name": "base",
523
496
  "type": {
524
497
  "text": "HTMLElement"
525
498
  },
526
499
  "inheritedFrom": {
527
- "name": "SlDetails"
500
+ "name": "SlAlert"
528
501
  }
529
502
  },
530
503
  {
531
504
  "kind": "field",
532
- "name": "body",
505
+ "name": "countdownElement",
533
506
  "type": {
534
507
  "text": "HTMLElement"
535
508
  },
536
509
  "inheritedFrom": {
537
- "name": "SlDetails"
510
+ "name": "SlAlert"
538
511
  }
539
512
  },
540
513
  {
541
514
  "kind": "field",
542
- "name": "expandIconSlot",
515
+ "name": "open",
543
516
  "type": {
544
- "text": "HTMLSlotElement"
517
+ "text": "boolean"
545
518
  },
519
+ "default": "false",
520
+ "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
521
+ "attribute": "open",
522
+ "reflects": true,
546
523
  "inheritedFrom": {
547
- "name": "SlDetails"
524
+ "name": "SlAlert"
548
525
  }
549
526
  },
550
527
  {
551
528
  "kind": "field",
552
- "name": "detailsObserver",
529
+ "name": "closable",
553
530
  "type": {
554
- "text": "MutationObserver"
531
+ "text": "boolean"
555
532
  },
533
+ "default": "false",
534
+ "description": "Enables a close button that allows the user to dismiss the alert.",
535
+ "attribute": "closable",
536
+ "reflects": true,
556
537
  "inheritedFrom": {
557
- "name": "SlDetails"
538
+ "name": "SlAlert"
558
539
  }
559
540
  },
560
541
  {
561
542
  "kind": "field",
562
- "name": "open",
543
+ "name": "variant",
563
544
  "type": {
564
- "text": "boolean"
545
+ "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
565
546
  },
566
- "default": "false",
567
- "description": "Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the details' open state.",
568
- "attribute": "open",
547
+ "default": "'primary'",
548
+ "description": "The alert's theme variant.",
549
+ "attribute": "variant",
569
550
  "reflects": true,
570
551
  "inheritedFrom": {
571
- "name": "SlDetails"
552
+ "name": "SlAlert"
572
553
  }
573
554
  },
574
555
  {
575
556
  "kind": "field",
576
- "name": "summary",
577
- "type": {
578
- "text": "string"
579
- },
580
- "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
581
- "attribute": "summary",
557
+ "name": "duration",
558
+ "default": "Infinity",
559
+ "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
560
+ "attribute": "duration",
582
561
  "inheritedFrom": {
583
- "name": "SlDetails"
562
+ "name": "SlAlert"
584
563
  }
585
564
  },
586
565
  {
587
566
  "kind": "field",
588
- "name": "disabled",
567
+ "name": "countdown",
589
568
  "type": {
590
- "text": "boolean"
569
+ "text": "'rtl' | 'ltr' | undefined"
591
570
  },
592
- "default": "false",
593
- "description": "Disables the details so it can't be toggled.",
594
- "attribute": "disabled",
571
+ "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
572
+ "attribute": "countdown",
595
573
  "reflects": true,
596
574
  "inheritedFrom": {
597
- "name": "SlDetails"
575
+ "name": "SlAlert"
598
576
  }
599
577
  },
600
578
  {
601
579
  "kind": "method",
602
580
  "name": "handleOpenChange",
603
581
  "inheritedFrom": {
604
- "name": "SlDetails"
582
+ "name": "SlAlert"
583
+ }
584
+ },
585
+ {
586
+ "kind": "method",
587
+ "name": "handleDurationChange",
588
+ "inheritedFrom": {
589
+ "name": "SlAlert"
605
590
  }
606
591
  },
607
592
  {
608
593
  "kind": "method",
609
594
  "name": "show",
610
- "description": "Shows the details.",
595
+ "description": "Shows the alert.",
611
596
  "inheritedFrom": {
612
- "name": "SlDetails"
597
+ "name": "SlAlert"
613
598
  }
614
599
  },
615
600
  {
616
601
  "kind": "method",
617
602
  "name": "hide",
618
- "description": "Hides the details",
603
+ "description": "Hides the alert",
619
604
  "inheritedFrom": {
620
- "name": "SlDetails"
605
+ "name": "SlAlert"
606
+ }
607
+ },
608
+ {
609
+ "kind": "method",
610
+ "name": "toast",
611
+ "description": "Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden.",
612
+ "inheritedFrom": {
613
+ "name": "SlAlert"
621
614
  }
622
615
  }
623
616
  ],
624
617
  "superclass": {
625
- "name": "SlDetails",
626
- "package": "@shoelace-style/shoelace"
618
+ "name": "SlAlert",
619
+ "package": "@shoelace-style/shoelace/dist/components/alert/alert.js"
627
620
  },
628
- "tagNameWithoutPrefix": "accordion-item",
629
- "tagName": "nve-accordion-item",
621
+ "tagNameWithoutPrefix": "alert",
622
+ "tagName": "nve-alert",
630
623
  "customElement": true,
631
- "jsDoc": "/**\n * Viser et kort sammendrag og utvides for å vise ekstra innhold.\n * Kan brukes som en selvstendig komponent eller som en del av nve-accordion.\n */",
624
+ "jsDoc": "/**\n * Brukes til å vise viktige beskjeder enten på en side eller som en enkel popup.\n *\n * Hvis du trenger å vise en statisk varsling med mer informasjon, kan det hende at\n * nve-message-card er et bedre valg.\n */",
632
625
  "cssParts": [
633
626
  {
634
627
  "description": "The component's base wrapper.",
635
628
  "name": "base",
636
629
  "inheritedFrom": {
637
- "name": "SlDetails"
630
+ "name": "SlAlert"
638
631
  }
639
632
  },
640
633
  {
641
- "description": "The header that wraps both the summary and the expand/collapse icon.",
642
- "name": "header",
634
+ "description": "The container that wraps the optional icon.",
635
+ "name": "icon",
643
636
  "inheritedFrom": {
644
- "name": "SlDetails"
637
+ "name": "SlAlert"
645
638
  }
646
639
  },
647
640
  {
648
- "description": "The container that wraps the summary.",
649
- "name": "summary",
641
+ "description": "The container that wraps the alert's main content.",
642
+ "name": "message",
650
643
  "inheritedFrom": {
651
- "name": "SlDetails"
644
+ "name": "SlAlert"
652
645
  }
653
646
  },
654
647
  {
655
- "description": "The container that wraps the expand/collapse icons.",
656
- "name": "summary-icon",
648
+ "description": "The close button, an `<sl-icon-button>`.",
649
+ "name": "close-button",
657
650
  "inheritedFrom": {
658
- "name": "SlDetails"
651
+ "name": "SlAlert"
659
652
  }
660
653
  },
661
654
  {
662
- "description": "The details content.",
663
- "name": "content",
655
+ "description": "The close button's exported `base` part.",
656
+ "name": "close-button__base",
664
657
  "inheritedFrom": {
665
- "name": "SlDetails"
658
+ "name": "SlAlert"
666
659
  }
667
660
  }
668
661
  ],
@@ -673,101 +666,108 @@
673
666
  "text": "boolean"
674
667
  },
675
668
  "default": "false",
676
- "description": "Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the details' open state.",
669
+ "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
677
670
  "fieldName": "open",
678
671
  "inheritedFrom": {
679
- "name": "SlDetails"
672
+ "name": "SlAlert"
680
673
  }
681
674
  },
682
675
  {
683
- "name": "summary",
676
+ "name": "closable",
684
677
  "type": {
685
- "text": "string"
678
+ "text": "boolean"
686
679
  },
687
- "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
688
- "fieldName": "summary",
680
+ "default": "false",
681
+ "description": "Enables a close button that allows the user to dismiss the alert.",
682
+ "fieldName": "closable",
689
683
  "inheritedFrom": {
690
- "name": "SlDetails"
684
+ "name": "SlAlert"
691
685
  }
692
686
  },
693
687
  {
694
- "name": "disabled",
688
+ "name": "variant",
695
689
  "type": {
696
- "text": "boolean"
690
+ "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
697
691
  },
698
- "default": "false",
699
- "description": "Disables the details so it can't be toggled.",
700
- "fieldName": "disabled",
692
+ "default": "'primary'",
693
+ "description": "The alert's theme variant.",
694
+ "fieldName": "variant",
701
695
  "inheritedFrom": {
702
- "name": "SlDetails"
696
+ "name": "SlAlert"
697
+ }
698
+ },
699
+ {
700
+ "name": "duration",
701
+ "default": "Infinity",
702
+ "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
703
+ "fieldName": "duration",
704
+ "inheritedFrom": {
705
+ "name": "SlAlert"
706
+ }
707
+ },
708
+ {
709
+ "name": "countdown",
710
+ "type": {
711
+ "text": "'rtl' | 'ltr' | undefined"
712
+ },
713
+ "description": "Enables a countdown that indicates the remaining time the alert will be displayed.\nTypically used to indicate the remaining time before a whole app refresh.",
714
+ "fieldName": "countdown",
715
+ "inheritedFrom": {
716
+ "name": "SlAlert"
703
717
  }
704
718
  }
705
719
  ],
706
720
  "events": [
707
721
  {
708
- "description": "Emitted when the details opens.",
722
+ "description": "Emitted when the alert opens.",
709
723
  "name": "sl-show",
710
724
  "reactName": "onSlShow",
711
725
  "eventName": "SlShowEvent",
712
726
  "inheritedFrom": {
713
- "name": "SlDetails"
727
+ "name": "SlAlert"
714
728
  }
715
729
  },
716
730
  {
717
- "description": "Emitted after the details opens and all animations are complete.",
731
+ "description": "Emitted after the alert opens and all animations are complete.",
718
732
  "name": "sl-after-show",
719
733
  "reactName": "onSlAfterShow",
720
734
  "eventName": "SlAfterShowEvent",
721
735
  "inheritedFrom": {
722
- "name": "SlDetails"
736
+ "name": "SlAlert"
723
737
  }
724
738
  },
725
739
  {
726
- "description": "Emitted when the details closes.",
740
+ "description": "Emitted when the alert closes.",
727
741
  "name": "sl-hide",
728
742
  "reactName": "onSlHide",
729
743
  "eventName": "SlHideEvent",
730
744
  "inheritedFrom": {
731
- "name": "SlDetails"
745
+ "name": "SlAlert"
732
746
  }
733
747
  },
734
748
  {
735
- "description": "Emitted after the details closes and all animations are complete.",
749
+ "description": "Emitted after the alert closes and all animations are complete.",
736
750
  "name": "sl-after-hide",
737
751
  "reactName": "onSlAfterHide",
738
752
  "eventName": "SlAfterHideEvent",
739
753
  "inheritedFrom": {
740
- "name": "SlDetails"
754
+ "name": "SlAlert"
741
755
  }
742
756
  }
743
757
  ],
744
758
  "slots": [
745
759
  {
746
- "description": "The details' main content.",
760
+ "description": "The alert's main content.",
747
761
  "name": "",
748
762
  "inheritedFrom": {
749
- "name": "SlDetails"
750
- }
751
- },
752
- {
753
- "description": "The details' summary. Alternatively, you can use the `summary` attribute.",
754
- "name": "summary",
755
- "inheritedFrom": {
756
- "name": "SlDetails"
757
- }
758
- },
759
- {
760
- "description": "Optional expand icon to use instead of the default. Works best with `<sl-icon>`.",
761
- "name": "expand-icon",
762
- "inheritedFrom": {
763
- "name": "SlDetails"
763
+ "name": "SlAlert"
764
764
  }
765
765
  },
766
766
  {
767
- "description": "Optional collapse icon to use instead of the default. Works best with `<sl-icon>`.",
768
- "name": "collapse-icon",
767
+ "description": "An icon to show in the alert. Works best with `<sl-icon>`.",
768
+ "name": "icon",
769
769
  "inheritedFrom": {
770
- "name": "SlDetails"
770
+ "name": "SlAlert"
771
771
  }
772
772
  }
773
773
  ]
@@ -778,8 +778,8 @@
778
778
  "kind": "js",
779
779
  "name": "default",
780
780
  "declaration": {
781
- "name": "NveAccordionItem",
782
- "module": "components/nve-accordion-item/nve-accordion-item.js"
781
+ "name": "NveAlert",
782
+ "module": "components/nve-alert/nve-alert.js"
783
783
  }
784
784
  }
785
785
  ]
@@ -5111,6 +5111,15 @@
5111
5111
  "default": "'default'",
5112
5112
  "description": "Ikon farge"
5113
5113
  },
5114
+ {
5115
+ "kind": "field",
5116
+ "name": "for",
5117
+ "type": {
5118
+ "text": "string | undefined"
5119
+ },
5120
+ "default": "undefined",
5121
+ "description": "For-attributten legges på label, og brukes som html-standard. Sett til samme som id på elementet label tilhører"
5122
+ },
5114
5123
  {
5115
5124
  "kind": "field",
5116
5125
  "name": "styles",
@@ -11371,7 +11380,7 @@
11371
11380
  "package": {
11372
11381
  "name": "nve-designsystem",
11373
11382
  "description": "Designsystem for NVE",
11374
- "version": "0.4.9",
11383
+ "version": "0.4.10",
11375
11384
  "author": {
11376
11385
  "name": "NVE",
11377
11386
  "email": "nve@nve.no"
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  },
8
8
  "license": "MIT",
9
9
  "homepage": "https://github.com/NVE/Designsystem/",
10
- "version": "0.4.10",
10
+ "version": "0.4.11",
11
11
  "customElements": "custom-elements.json",
12
12
  "exports": {
13
13
  ".": {