nve-designsystem 4.0.0 → 4.0.2
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.
- package/components/nve-navigation-card/nve-navigation-card.styles.js +1 -0
- package/css/nve.css +5 -1
- package/css/nve_dark.css +5 -1
- package/css/rme.css +5 -1
- package/css/rme_dark.css +5 -1
- package/css/varsom.css +5 -1
- package/css/varsom_dark.css +5 -1
- package/custom-elements.json +480 -480
- package/package.json +1 -1
- package/vscode.css-custom-data.json +4 -4
- package/vscode.html-custom-data.json +49 -49
package/package.json
CHANGED
|
@@ -589,10 +589,6 @@
|
|
|
589
589
|
}
|
|
590
590
|
],
|
|
591
591
|
"pseudoElements": [
|
|
592
|
-
{ "name": "::part(base)", "description": "Topp-element" },
|
|
593
|
-
{ "name": "::part(icon)", "description": "Ikonet til venstre" },
|
|
594
|
-
{ "name": "::part(label)", "description": "Overskriften" },
|
|
595
|
-
{ "name": "::part(message)", "description": "Hoved tekst" },
|
|
596
592
|
{ "name": "::part(base)", "description": "The component's base wrapper." },
|
|
597
593
|
{
|
|
598
594
|
"name": "::part(header)",
|
|
@@ -607,6 +603,10 @@
|
|
|
607
603
|
"description": "The container that wraps the expand/collapse icons."
|
|
608
604
|
},
|
|
609
605
|
{ "name": "::part(content)", "description": "The details content." },
|
|
606
|
+
{ "name": "::part(base)", "description": "Topp-element" },
|
|
607
|
+
{ "name": "::part(icon)", "description": "Ikonet til venstre" },
|
|
608
|
+
{ "name": "::part(label)", "description": "Overskriften" },
|
|
609
|
+
{ "name": "::part(message)", "description": "Hoved tekst" },
|
|
610
610
|
{
|
|
611
611
|
"name": "::part(base)",
|
|
612
612
|
"description": "Topp-elementet, enten <button> eller <a>."
|
|
@@ -14,123 +14,123 @@
|
|
|
14
14
|
]
|
|
15
15
|
},
|
|
16
16
|
{
|
|
17
|
-
"name": "nve-
|
|
18
|
-
"description": "
|
|
17
|
+
"name": "nve-accordion-item",
|
|
18
|
+
"description": "Viser et kort sammendrag og utvides for å vise ekstra innhold.\nKan brukes som en selvstendig komponent eller som en del av nve-accordion.\n---\n\n\n### **Hendelser:**\n - **sl-show** - Emitted when the details opens.\n- **sl-after-show** - Emitted after the details opens and all animations are complete.\n- **sl-hide** - Emitted when the details closes.\n- **sl-after-hide** - Emitted after the details closes and all animations are complete.\n\n### **Metoder:**\n - **show()** - Shows the details.\n- **hide()** - Hides the details\n\n### **Spor:**\n - _default_ - The details' main content.\n- **summary** - The details' summary. Alternatively, you can use the `summary` attribute.\n- **expand-icon** - Optional expand icon to use instead of the default. Works best with `<sl-icon>`.\n- **collapse-icon** - Optional collapse icon to use instead of the default. Works best with `<sl-icon>`.\n\n### **Deler:**\n - **base** - The component's base wrapper.\n- **header** - The header that wraps both the summary and the expand/collapse icon.\n- **summary** - The container that wraps the summary.\n- **summary-icon** - The container that wraps the expand/collapse icons.\n- **content** - The details content.",
|
|
19
19
|
"attributes": [
|
|
20
20
|
{ "name": "testId", "description": "", "values": [] },
|
|
21
|
-
{ "name": "label", "description": "Overskriften", "values": [] },
|
|
22
|
-
{ "name": "text", "description": "Hoved tekst", "values": [] },
|
|
23
|
-
{
|
|
24
|
-
"name": "saturation",
|
|
25
|
-
"description": "Bestemmer sterkere bakgrunnsfarge",
|
|
26
|
-
"values": [{ "name": "emphasized" }]
|
|
27
|
-
},
|
|
28
21
|
{
|
|
29
22
|
"name": "leftStroke",
|
|
30
|
-
"description": "
|
|
23
|
+
"description": "tykk strek på venstre side",
|
|
31
24
|
"values": []
|
|
32
25
|
},
|
|
33
26
|
{
|
|
34
27
|
"name": "variant",
|
|
35
|
-
"description": "
|
|
28
|
+
"description": "Setter farge på bakgrunn og tekst",
|
|
36
29
|
"values": [
|
|
37
|
-
{ "name": "
|
|
38
|
-
{ "name": "success" },
|
|
30
|
+
{ "name": "none" },
|
|
39
31
|
{ "name": "neutral" },
|
|
32
|
+
{ "name": "info" },
|
|
33
|
+
{ "name": "success" },
|
|
40
34
|
{ "name": "warning" },
|
|
41
|
-
{ "name": "
|
|
35
|
+
{ "name": "error" }
|
|
42
36
|
]
|
|
43
37
|
},
|
|
44
38
|
{
|
|
45
|
-
"name": "
|
|
46
|
-
"description": "
|
|
39
|
+
"name": "border",
|
|
40
|
+
"description": "Vis en ramme rundt hele komponenten",
|
|
47
41
|
"values": []
|
|
48
42
|
},
|
|
49
43
|
{
|
|
50
|
-
"name": "
|
|
51
|
-
"description": "
|
|
44
|
+
"name": "compact",
|
|
45
|
+
"description": "Kompakt visning uten luft på sidene. En strek vil vises under for å skille komponenter fra hverandre",
|
|
52
46
|
"values": []
|
|
53
47
|
},
|
|
54
48
|
{
|
|
55
|
-
"name": "
|
|
56
|
-
"description": "
|
|
49
|
+
"name": "open",
|
|
50
|
+
"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.",
|
|
57
51
|
"values": []
|
|
58
52
|
},
|
|
59
53
|
{
|
|
60
|
-
"name": "
|
|
61
|
-
"description": "
|
|
54
|
+
"name": "summary",
|
|
55
|
+
"description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
|
|
62
56
|
"values": []
|
|
63
57
|
},
|
|
64
58
|
{
|
|
65
|
-
"name": "
|
|
66
|
-
"description": "
|
|
59
|
+
"name": "disabled",
|
|
60
|
+
"description": "Disables the details so it can't be toggled.",
|
|
67
61
|
"values": []
|
|
68
|
-
},
|
|
69
|
-
{
|
|
70
|
-
"name": "showIcon",
|
|
71
|
-
"description": "Om variant ikonen skal vises",
|
|
72
|
-
"values": [{ "name": "true" }, { "name": "false" }]
|
|
73
62
|
}
|
|
74
63
|
],
|
|
75
64
|
"references": [
|
|
76
65
|
{
|
|
77
66
|
"name": "Mer info",
|
|
78
|
-
"url": "https://designsystem.nve.no/components/nve-
|
|
67
|
+
"url": "https://designsystem.nve.no/components/nve-accordion-item"
|
|
79
68
|
}
|
|
80
69
|
]
|
|
81
70
|
},
|
|
82
71
|
{
|
|
83
|
-
"name": "nve-
|
|
84
|
-
"description": "
|
|
72
|
+
"name": "nve-alert",
|
|
73
|
+
"description": "Brukes til å vise viktige beskjeder som toast. Dette er en komponent som bruker alert-rollen.\nHvis du trenger å vise en statisk varsling med mer informasjon, bruk nve-message-card.\nLes mer i seksjonen om tilgjengelighet.\n---\n\n\n### **Hendelser:**\n - **sl-show** - Når alerten blir vist\n- **sl-hide** - Når alerten blir skjult\n- **sl-after-show** - Etter allerten er vist\n- **sl-after-hide** - Etter allerten er skjult\n\n### **Metoder:**\n - **show(): __** - Viser alerten med animasjon.\nSetter `open` til true, kjører visningsanimasjonen, og starter eventuell auto-hide timer.\nSender ut eventen `sl-after-show` når animasjonen er ferdig.\n- **hide(): __** - Skjuler alerten med animasjon.\nKjører skjuleanimasjonen før `open` settes til false.\nSender ut eventen `sl-after-hide` når animasjonen og oppdateringen er ferdig.\nStopper eventuell auto-hide timer.\n- **toast(): __** - Viser alerten som en toast-melding.\nLegger alerten i toast-stacken, venter til den er rendret, og viser den med animasjon.\nFjerner alerten fra toast-stacken når den skjules, og fjerner stacken hvis det ikke er flere alerts igjen.\n\n### **Spor:**\n - _default_ - tekst - Hoved teksten i alerten.\n- **icon** - Det første ikonet (til venstre).\n- **label** - Overskriften for alerten.\n\n### **Deler:**\n - **base** - Topp-element\n- **icon** - Ikonet til venstre\n- **label** - Overskriften\n- **message** - Hoved tekst",
|
|
85
74
|
"attributes": [
|
|
86
75
|
{ "name": "testId", "description": "", "values": [] },
|
|
76
|
+
{ "name": "label", "description": "Overskriften", "values": [] },
|
|
77
|
+
{ "name": "text", "description": "Hoved tekst", "values": [] },
|
|
78
|
+
{
|
|
79
|
+
"name": "saturation",
|
|
80
|
+
"description": "Bestemmer sterkere bakgrunnsfarge",
|
|
81
|
+
"values": [{ "name": "emphasized" }]
|
|
82
|
+
},
|
|
87
83
|
{
|
|
88
84
|
"name": "leftStroke",
|
|
89
|
-
"description": "
|
|
85
|
+
"description": "Ramme linje til venstre",
|
|
90
86
|
"values": []
|
|
91
87
|
},
|
|
92
88
|
{
|
|
93
89
|
"name": "variant",
|
|
94
|
-
"description": "
|
|
90
|
+
"description": "Bestemmer hvilken variant av alerten som skal brukes.",
|
|
95
91
|
"values": [
|
|
96
|
-
{ "name": "
|
|
97
|
-
{ "name": "neutral" },
|
|
98
|
-
{ "name": "info" },
|
|
92
|
+
{ "name": "primary" },
|
|
99
93
|
{ "name": "success" },
|
|
94
|
+
{ "name": "neutral" },
|
|
100
95
|
{ "name": "warning" },
|
|
101
|
-
{ "name": "
|
|
96
|
+
{ "name": "danger" }
|
|
102
97
|
]
|
|
103
98
|
},
|
|
104
99
|
{
|
|
105
|
-
"name": "
|
|
106
|
-
"description": "
|
|
100
|
+
"name": "closable",
|
|
101
|
+
"description": "Om lukk knapp skal vises",
|
|
107
102
|
"values": []
|
|
108
103
|
},
|
|
109
104
|
{
|
|
110
|
-
"name": "
|
|
111
|
-
"description": "
|
|
105
|
+
"name": "open",
|
|
106
|
+
"description": "Om alerten er åpen. Hvis sant alerten vises, ellers er den skjult.",
|
|
112
107
|
"values": []
|
|
113
108
|
},
|
|
114
109
|
{
|
|
115
|
-
"name": "
|
|
116
|
-
"description": "
|
|
110
|
+
"name": "duration",
|
|
111
|
+
"description": "Hvor lenge alerten skal være åpen før den lukkes automatisk, i millisekunder. Altid er standard",
|
|
117
112
|
"values": []
|
|
118
113
|
},
|
|
119
114
|
{
|
|
120
|
-
"name": "
|
|
121
|
-
"description": "
|
|
115
|
+
"name": "buttonLabel",
|
|
116
|
+
"description": "Aria label på knapp med kun ikone. Lukk er standard.",
|
|
122
117
|
"values": []
|
|
123
118
|
},
|
|
124
119
|
{
|
|
125
|
-
"name": "
|
|
126
|
-
"description": "
|
|
120
|
+
"name": "iconName",
|
|
121
|
+
"description": "Navnet på ikonet som skal vises til venstre siden av alerten.",
|
|
127
122
|
"values": []
|
|
123
|
+
},
|
|
124
|
+
{
|
|
125
|
+
"name": "showIcon",
|
|
126
|
+
"description": "Om variant ikonen skal vises",
|
|
127
|
+
"values": [{ "name": "true" }, { "name": "false" }]
|
|
128
128
|
}
|
|
129
129
|
],
|
|
130
130
|
"references": [
|
|
131
131
|
{
|
|
132
132
|
"name": "Mer info",
|
|
133
|
-
"url": "https://designsystem.nve.no/components/nve-
|
|
133
|
+
"url": "https://designsystem.nve.no/components/nve-alert"
|
|
134
134
|
}
|
|
135
135
|
]
|
|
136
136
|
},
|