nve-designsystem 3.1.0 → 3.3.0

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 (197) hide show
  1. package/chunks/chunk.2PCBEMQZ.js +163 -226
  2. package/chunks/chunk.36O46B5H.js +15 -15
  3. package/chunks/chunk.4TUIT776.js +78 -96
  4. package/chunks/chunk.5JY5FUCG.js +965 -1245
  5. package/chunks/chunk.5P45LHIX.js +668 -96
  6. package/chunks/chunk.6CTB5ZDJ.js +107 -100
  7. package/chunks/chunk.B4BZKR24.js +29 -39
  8. package/chunks/chunk.D5YQDJ7X.js +122 -166
  9. package/chunks/chunk.EA437WHD.js +5 -5
  10. package/chunks/chunk.GI7VDIWX.js +14 -15
  11. package/chunks/chunk.GMYPQTFK.js +18 -20
  12. package/chunks/chunk.HVTXQL7M.js +191 -215
  13. package/chunks/chunk.IKV4VH3T.js +18 -16
  14. package/chunks/chunk.IVVHNXMC.js +26 -27
  15. package/chunks/chunk.JHOXTQXA.js +65 -74
  16. package/chunks/chunk.JXOKFADN.js +63 -90
  17. package/chunks/chunk.K7JGTRV7.js +24 -23
  18. package/chunks/chunk.KPLQLAWP.js +132 -147
  19. package/chunks/chunk.LD4M4QGE.js +61 -74
  20. package/chunks/chunk.MSKEYBDI.js +53 -71
  21. package/chunks/chunk.NYIIDP5N.js +39 -45
  22. package/chunks/chunk.RWUUFNUL.js +91 -114
  23. package/chunks/chunk.SAPQLUO4.js +249 -228
  24. package/chunks/chunk.SI4ACBFK.js +139 -5
  25. package/chunks/chunk.TP2GB2HO.js +361 -460
  26. package/chunks/chunk.UDWRA64J.js +185 -223
  27. package/chunks/chunk.URTPIBTY.js +119 -151
  28. package/chunks/chunk.VESXC477.js +63 -66
  29. package/chunks/chunk.XA43ZQPC.js +198 -313
  30. package/chunks/chunk.XQ2OKYYA.js +25 -26
  31. package/chunks/chunk.XZNBUGX7.js +6 -6
  32. package/chunks/chunk.YHLNUJ7P.js +93 -116
  33. package/chunks/chunk.ZH2AND3P.js +340 -399
  34. package/chunks/chunk.ZL53POKZ.js +61 -156
  35. package/chunks/chunk.js +20 -0
  36. package/chunks/class-map.js +49 -45
  37. package/chunks/decorate.js +105 -0
  38. package/chunks/directive-helpers.js +5 -7
  39. package/chunks/if-defined.js +5 -5
  40. package/chunks/lit.js +525 -0
  41. package/chunks/live.js +24 -24
  42. package/chunks/nve-alert.component.js +163 -0
  43. package/chunks/nve-carousel-item.component.js +36 -0
  44. package/chunks/nve-carousel.component.js +41 -0
  45. package/chunks/nve-checkbox-group.component.js +114 -0
  46. package/chunks/nve-checkbox.component.js +28 -0
  47. package/chunks/nve-dialog.component.js +39 -0
  48. package/chunks/nve-divider.component.js +23 -0
  49. package/chunks/nve-drawer.component.js +40 -0
  50. package/chunks/nve-dropdown.component.js +83 -0
  51. package/chunks/nve-input.component.js +80 -0
  52. package/chunks/nve-label.component.js +89 -0
  53. package/chunks/nve-menu-item.component.js +35 -0
  54. package/chunks/nve-menu.component.js +17 -0
  55. package/chunks/nve-option.component.js +27 -0
  56. package/chunks/nve-popup.component.js +15 -0
  57. package/chunks/nve-radio-button.component.js +20 -0
  58. package/chunks/nve-radio-group.component.js +78 -0
  59. package/chunks/nve-radio.component.js +18 -0
  60. package/chunks/nve-select.component.js +58 -0
  61. package/chunks/nve-skeleton.component.js +20 -0
  62. package/chunks/nve-spinner.component.js +23 -0
  63. package/chunks/nve-tooltip.component.js +20 -0
  64. package/chunks/nve-warning-level.component.js +57 -0
  65. package/chunks/ref.js +75 -84
  66. package/chunks/shoelace.js +10006 -0
  67. package/chunks/static-html.js +27 -0
  68. package/chunks/unsafe-html.js +24 -20
  69. package/chunks/updateInvalidProperty.js +7 -7
  70. package/chunks/watch.js +20 -20
  71. package/components/nve-accordion/nve-accordion.component.js +24 -30
  72. package/components/nve-accordion-item/nve-accordion-item.component.js +30 -64
  73. package/components/nve-accordion-item/nve-accordion-item.styles.js +5 -5
  74. package/components/nve-alert/nve-alert.component.js +2 -227
  75. package/components/nve-alert/nve-alert.styles.js +45 -27
  76. package/components/nve-badge/nve-badge.component.js +41 -45
  77. package/components/nve-badge/nve-badge.styles.js +33 -31
  78. package/components/nve-button/nve-button.component.d.ts +110 -10
  79. package/components/nve-button/nve-button.component.js +146 -39
  80. package/components/nve-button/nve-button.styles.js +214 -157
  81. package/components/nve-carousel/nve-carousel.component.js +2 -47
  82. package/components/nve-carousel/nve-carousel.styles.js +6 -6
  83. package/components/nve-carousel-item/nve-carousel-item.component.js +2 -40
  84. package/components/nve-carousel-item/nve-carousel-item.styles.js +5 -5
  85. package/components/nve-carousel-thumbnail/nve-carousel-thumbnail.component.js +44 -54
  86. package/components/nve-carousel-thumbnail/nve-carousel-thumbnail.styles.js +5 -5
  87. package/components/nve-checkbox/nve-checkbox.component.js +2 -34
  88. package/components/nve-checkbox/nve-checkbox.styles.js +7 -7
  89. package/components/nve-checkbox-group/nve-checkbox-group.component.js +2 -152
  90. package/components/nve-checkbox-group/nve-checkbox-group.styles.js +5 -5
  91. package/components/nve-combobox/nve-combobox.component.js +222 -440
  92. package/components/nve-combobox/nve-combobox.styles.js +6 -6
  93. package/components/nve-darkmode-switch/nve-darkmode-switch.component.js +32 -38
  94. package/components/nve-dialog/nve-dialog-styles.js +6 -6
  95. package/components/nve-dialog/nve-dialog.component.js +2 -54
  96. package/components/nve-divider/nve-divider.component.js +2 -30
  97. package/components/nve-drawer/nve-drawer.component.js +2 -44
  98. package/components/nve-drawer/nve-drawer.styles.js +6 -6
  99. package/components/nve-dropdown/nve-dropdown.component.js +2 -79
  100. package/components/nve-dropdown/nve-dropdown.styles.js +5 -5
  101. package/components/nve-heading/nve-heading.component.d.ts +29 -0
  102. package/components/nve-heading/nve-heading.component.js +45 -0
  103. package/components/nve-heading/nve-heading.styles.d.ts +2 -0
  104. package/components/nve-heading/nve-heading.styles.js +41 -0
  105. package/components/nve-icon/nve-icon.component.js +145 -164
  106. package/components/nve-icon/nve-icon.styles.js +11 -6
  107. package/components/nve-icon/offline-icons.js +16 -13
  108. package/components/nve-input/nve-input.component.js +2 -100
  109. package/components/nve-input/nve-input.styles.js +5 -5
  110. package/components/nve-label/nve-label.component.js +2 -115
  111. package/components/nve-label/nve-label.styles.js +5 -5
  112. package/components/nve-link-card/nve-link-card.component.d.ts +5 -2
  113. package/components/nve-link-card/nve-link-card.component.js +44 -80
  114. package/components/nve-link-card/nve-link-card.styles.js +71 -66
  115. package/components/nve-menu/nve-menu.component.js +2 -22
  116. package/components/nve-menu/nve-menu.styles.js +5 -5
  117. package/components/nve-menu-item/nve-menu-item.component.js +2 -43
  118. package/components/nve-menu-item/nve-menu-item.styles.js +7 -7
  119. package/components/nve-message-card/nve-message-card.component.js +61 -91
  120. package/components/nve-message-card/nve-message-card.styles.js +24 -27
  121. package/components/nve-navigation-card/nve-navigation-card.component.d.ts +52 -0
  122. package/components/nve-navigation-card/nve-navigation-card.component.js +60 -0
  123. package/components/nve-navigation-card/nve-navigation-card.styles.d.ts +2 -0
  124. package/components/nve-navigation-card/nve-navigation-card.styles.js +112 -0
  125. package/components/nve-option/nve-option.component.js +2 -41
  126. package/components/nve-option/nve-option.styles.js +5 -5
  127. package/components/nve-paragraph/nve-paragraph.component.d.ts +26 -0
  128. package/components/nve-paragraph/nve-paragraph.component.js +26 -0
  129. package/components/nve-paragraph/nve-paragraph.styles.d.ts +2 -0
  130. package/components/nve-paragraph/nve-paragraph.styles.js +105 -0
  131. package/components/nve-popup/nve-popup.component.js +2 -22
  132. package/components/nve-radio/nve-radio.component.js +2 -23
  133. package/components/nve-radio/nve-radio.styles.js +5 -5
  134. package/components/nve-radio-button/nve-radio-button.component.js +2 -25
  135. package/components/nve-radio-button/nve-radio-button.styles.js +5 -5
  136. package/components/nve-radio-group/nve-radio-group.component.js +2 -119
  137. package/components/nve-radio-group/nve-radio-group.styles.js +5 -5
  138. package/components/nve-relative-time/nve-relative-time.component.js +21 -56
  139. package/components/nve-relative-time/nve-relative-time.styles.js +5 -5
  140. package/components/nve-select/nve-select.component.js +2 -80
  141. package/components/nve-select/nve-select.styles.js +6 -6
  142. package/components/nve-skeleton/nve-skeleton.component.js +2 -27
  143. package/components/nve-skeleton/nve-skeleton.styles.js +5 -5
  144. package/components/nve-spinner/nve-spinner.component.js +2 -31
  145. package/components/nve-stepper/nve-step/nve-step.component.js +113 -173
  146. package/components/nve-stepper/nve-step/nve-step.styles.js +12 -12
  147. package/components/nve-stepper/nve-stepper-mobile.component.js +37 -49
  148. package/components/nve-stepper/nve-stepper-mobile.styles.js +7 -7
  149. package/components/nve-stepper/nve-stepper.component.js +94 -139
  150. package/components/nve-stepper/nve-stepper.styles.js +5 -5
  151. package/components/nve-switch/nve-switch.component.js +75 -107
  152. package/components/nve-switch/nve-switch.styles.js +7 -7
  153. package/components/nve-tab/nve-tab.component.js +30 -42
  154. package/components/nve-tab/nve-tab.styles.js +7 -7
  155. package/components/nve-tab-group/nve-tab-group.component.js +180 -260
  156. package/components/nve-tab-group/nve-tab-group.styles.js +5 -5
  157. package/components/nve-tab-panel/nve-tab-panel.component.js +21 -31
  158. package/components/nve-tab-panel/nve-tab-panel.styles.js +5 -5
  159. package/components/nve-tag/nve-tag.component.d.ts +3 -3
  160. package/components/nve-tag/nve-tag.component.js +71 -72
  161. package/components/nve-tag/nve-tag.styles.js +23 -22
  162. package/components/nve-textarea/nve-textarea.component.d.ts +3 -1
  163. package/components/nve-textarea/nve-textarea.component.js +112 -173
  164. package/components/nve-textarea/nve-textarea.styles.js +10 -5
  165. package/components/nve-tooltip/nve-tooltip.component.js +2 -30
  166. package/components/nve-tooltip/nve-tooltip.styles.js +5 -5
  167. package/components/nve-warning-level/nve-warning-level.component.js +2 -78
  168. package/components/nve-warning-level/nve-warning-level.styles.js +7 -7
  169. package/css/global.css +13 -55
  170. package/css/nve.css +1048 -393
  171. package/css/nve_dark.css +406 -305
  172. package/css/rme.css +1050 -395
  173. package/css/rme_dark.css +408 -307
  174. package/css/shoelace-styles.css +539 -0
  175. package/css/varsom.css +1046 -391
  176. package/css/varsom_dark.css +404 -303
  177. package/custom-elements.json +2905 -12389
  178. package/fonts/LICENSE.txt +37 -0
  179. package/fonts/SourceSans3-VariableFont_wght.woff2 +0 -0
  180. package/interfaces/NveComponent.interface.js +0 -1
  181. package/nve-designsystem.d.ts +5 -0
  182. package/nve-designsystem.js +46 -86
  183. package/package.json +26 -8
  184. package/registerIcons/systemLibraryCustomization.js +23 -91
  185. package/vite-env.d.js +0 -1
  186. package/chunks/chunk.3RPBFEDE.js +0 -162
  187. package/chunks/chunk.JCXLDPQF.js +0 -225
  188. package/chunks/chunk.JQBT7BOV.js +0 -8446
  189. package/chunks/chunk.MAQXLKQ7.js +0 -598
  190. package/chunks/lit-element.js +0 -508
  191. package/chunks/property.js +0 -37
  192. package/chunks/query.js +0 -13
  193. package/chunks/state.js +0 -7
  194. package/chunks/static.js +0 -26
  195. package/nve-designsystem.css +0 -1
  196. package/vscode.css-custom-data.json +0 -621
  197. package/vscode.html-custom-data.json +0 -2354
@@ -1,621 +0,0 @@
1
- {
2
- "$schema": "https://raw.githubusercontent.com/microsoft/vscode-css-languageservice/main/docs/customData.schema.json",
3
- "version": 1.1,
4
- "properties": [
5
- {
6
- "name": "--pagination-counter-color",
7
- "description": "Fargen på sidetellerteksten.",
8
- "values": []
9
- },
10
- {
11
- "name": "--pagination-counter-bg-color",
12
- "description": "Bakgrunnsfargen til pagineringstelleren.",
13
- "values": []
14
- },
15
- {
16
- "name": "--slide-gap",
17
- "description": "The space between each slide.",
18
- "values": []
19
- },
20
- {
21
- "name": "--aspect-ratio",
22
- "description": "The aspect ratio of each slide.",
23
- "values": []
24
- },
25
- {
26
- "name": "--scroll-hint",
27
- "description": "The amount of padding to apply to the scroll area, allowing adjacent slides to become partially visible as a scroll hint.",
28
- "values": []
29
- },
30
- {
31
- "name": "--aspect-ratio",
32
- "description": "The slide's aspect ratio. Inherited from the carousel by default.",
33
- "values": []
34
- },
35
- {
36
- "name": "--width",
37
- "description": "The preferred width of the dialog. Note that the dialog will shrink to accommodate smaller screens.",
38
- "values": []
39
- },
40
- {
41
- "name": "--header-spacing",
42
- "description": "The amount of padding to use for the header.",
43
- "values": []
44
- },
45
- {
46
- "name": "--body-spacing",
47
- "description": "The amount of padding to use for the body.",
48
- "values": []
49
- },
50
- {
51
- "name": "--footer-spacing",
52
- "description": "The amount of padding to use for the footer.",
53
- "values": []
54
- },
55
- {
56
- "name": "--color",
57
- "description": "The color of the divider.",
58
- "values": []
59
- },
60
- {
61
- "name": "--width",
62
- "description": "The width of the divider.",
63
- "values": []
64
- },
65
- {
66
- "name": "--spacing",
67
- "description": "The spacing of the divider.",
68
- "values": []
69
- },
70
- {
71
- "name": "--size",
72
- "description": "The preferred size of the drawer. This will be applied to the drawer's width or height depending on its `placement`. Note that the drawer will shrink to accommodate smaller screens.",
73
- "values": []
74
- },
75
- {
76
- "name": "--header-spacing",
77
- "description": "The amount of padding to use for the header.",
78
- "values": []
79
- },
80
- {
81
- "name": "--body-spacing",
82
- "description": "The amount of padding to use for the body.",
83
- "values": []
84
- },
85
- {
86
- "name": "--footer-spacing",
87
- "description": "The amount of padding to use for the footer.",
88
- "values": []
89
- },
90
- {
91
- "name": "--icon-size",
92
- "description": "Størrelse på ikonet. 16px er standard.",
93
- "values": []
94
- },
95
- {
96
- "name": "--submenu-offset",
97
- "description": "The distance submenus shift to overlap the parent menu.",
98
- "values": []
99
- },
100
- {
101
- "name": "--arrow-size",
102
- "description": "The size of the arrow. Note that an arrow won't be shown unless the `arrow` attribute is used.",
103
- "values": []
104
- },
105
- {
106
- "name": "--arrow-color",
107
- "description": "The color of the arrow.",
108
- "values": []
109
- },
110
- {
111
- "name": "--auto-size-available-width",
112
- "description": "A read-only custom property that determines the amount of width the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`.",
113
- "values": []
114
- },
115
- {
116
- "name": "--auto-size-available-height",
117
- "description": "A read-only custom property that determines the amount of height the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`.",
118
- "values": []
119
- },
120
- {
121
- "name": "--border-radius",
122
- "description": "The skeleton's border radius.",
123
- "values": []
124
- },
125
- {
126
- "name": "--color",
127
- "description": "The color of the skeleton.",
128
- "values": []
129
- },
130
- {
131
- "name": "--sheen-color",
132
- "description": "The sheen color when the skeleton is in its loading state.",
133
- "values": []
134
- },
135
- {
136
- "name": "--track-width",
137
- "description": "The width of the track.",
138
- "values": []
139
- },
140
- {
141
- "name": "--track-color",
142
- "description": "The color of the track.",
143
- "values": []
144
- },
145
- {
146
- "name": "--indicator-color",
147
- "description": "The color of the spinner's indicator.",
148
- "values": []
149
- },
150
- {
151
- "name": "--speed",
152
- "description": "The time it takes for the spinner to complete one animation cycle.",
153
- "values": []
154
- },
155
- {
156
- "name": "--scroll-button-background",
157
- "description": "farge på bakover og fremoverknappene. Standard er #fff og #1b1b1f for dark modus.",
158
- "values": []
159
- },
160
- {
161
- "name": "--max-width",
162
- "description": "The maximum width of the tooltip before its content will wrap.",
163
- "values": []
164
- },
165
- {
166
- "name": "--hide-delay",
167
- "description": "The amount of time to wait before hiding the tooltip when hovering.",
168
- "values": []
169
- },
170
- {
171
- "name": "--show-delay",
172
- "description": "The amount of time to wait before showing the tooltip when hovering.",
173
- "values": []
174
- }
175
- ],
176
- "pseudoElements": [
177
- { "name": "::part(base)", "description": "The component's base wrapper." },
178
- {
179
- "name": "::part(header)",
180
- "description": "The header that wraps both the summary and the expand/collapse icon."
181
- },
182
- {
183
- "name": "::part(summary)",
184
- "description": "The container that wraps the summary."
185
- },
186
- {
187
- "name": "::part(summary-icon)",
188
- "description": "The container that wraps the expand/collapse icons."
189
- },
190
- { "name": "::part(content)", "description": "The details content." },
191
- { "name": "::part(base)", "description": "Topp-element" },
192
- { "name": "::part(icon)", "description": "Ikonet til venstre" },
193
- { "name": "::part(label)", "description": "Overskriften" },
194
- { "name": "::part(message)", "description": "Hoved tekst" },
195
- { "name": "::part(base)", "description": "The component's base wrapper." },
196
- {
197
- "name": "::part(prefix)",
198
- "description": "The container that wraps the prefix."
199
- },
200
- { "name": "::part(label)", "description": "The button's label." },
201
- {
202
- "name": "::part(suffix)",
203
- "description": "The container that wraps the suffix."
204
- },
205
- {
206
- "name": "::part(caret)",
207
- "description": "The button's caret icon, an `<sl-icon>` element."
208
- },
209
- {
210
- "name": "::part(spinner)",
211
- "description": "The spinner that shows when the button is in the loading state."
212
- },
213
- {
214
- "name": "::part(base)",
215
- "description": "The carousel's internal wrapper."
216
- },
217
- {
218
- "name": "::part(scroll-container)",
219
- "description": "The scroll container that wraps the slides."
220
- },
221
- {
222
- "name": "::part(pagination)",
223
- "description": "The pagination indicators wrapper."
224
- },
225
- {
226
- "name": "::part(pagination-item)",
227
- "description": "The pagination indicator."
228
- },
229
- {
230
- "name": "::part(pagination-item--active)",
231
- "description": "Applied when the item is active."
232
- },
233
- { "name": "::part(navigation)", "description": "The navigation wrapper." },
234
- {
235
- "name": "::part(navigation-button)",
236
- "description": "The navigation button."
237
- },
238
- {
239
- "name": "::part(navigation-button--previous)",
240
- "description": "Applied to the previous button."
241
- },
242
- {
243
- "name": "::part(navigation-button--next)",
244
- "description": "Applied to the next button."
245
- },
246
- { "name": "::part(base)", "description": "The component's base wrapper." },
247
- {
248
- "name": "::part(control)",
249
- "description": "The square container that wraps the checkbox's checked state."
250
- },
251
- {
252
- "name": "::part(control--checked)",
253
- "description": "Matches the control part when the checkbox is checked."
254
- },
255
- {
256
- "name": "::part(control--indeterminate)",
257
- "description": "Matches the control part when the checkbox is indeterminate."
258
- },
259
- {
260
- "name": "::part(checked-icon)",
261
- "description": "The checked icon, an `<sl-icon>` element."
262
- },
263
- {
264
- "name": "::part(indeterminate-icon)",
265
- "description": "The indeterminate icon, an `<sl-icon>` element."
266
- },
267
- {
268
- "name": "::part(label)",
269
- "description": "The container that wraps the checkbox's label."
270
- },
271
- {
272
- "name": "::part(form-control-help-text)",
273
- "description": "The help text's wrapper."
274
- },
275
- { "name": "::part(base)", "description": "The component's base wrapper." },
276
- {
277
- "name": "::part(overlay)",
278
- "description": "The overlay that covers the screen behind the dialog."
279
- },
280
- {
281
- "name": "::part(panel)",
282
- "description": "The dialog's panel (where the dialog and its content are rendered)."
283
- },
284
- {
285
- "name": "::part(header)",
286
- "description": "The dialog's header. This element wraps the title and header actions."
287
- },
288
- {
289
- "name": "::part(header-actions)",
290
- "description": "Optional actions to add to the header. Works best with `<sl-icon-button>`."
291
- },
292
- { "name": "::part(title)", "description": "The dialog's title." },
293
- {
294
- "name": "::part(close-button)",
295
- "description": "The close button, an `<sl-icon-button>`."
296
- },
297
- {
298
- "name": "::part(close-button__base)",
299
- "description": "The close button's exported `base` part."
300
- },
301
- { "name": "::part(body)", "description": "The dialog's body." },
302
- { "name": "::part(footer)", "description": "The dialog's footer." },
303
- { "name": "::part(base)", "description": "The component's base wrapper." },
304
- {
305
- "name": "::part(overlay)",
306
- "description": "The overlay that covers the screen behind the drawer."
307
- },
308
- {
309
- "name": "::part(panel)",
310
- "description": "The drawer's panel (where the drawer and its content are rendered)."
311
- },
312
- {
313
- "name": "::part(header)",
314
- "description": "The drawer's header. This element wraps the title and header actions."
315
- },
316
- {
317
- "name": "::part(header-actions)",
318
- "description": "Optional actions to add to the header. Works best with `<sl-icon-button>`."
319
- },
320
- { "name": "::part(title)", "description": "The drawer's title." },
321
- {
322
- "name": "::part(close-button)",
323
- "description": "The close button, an `<sl-icon-button>`."
324
- },
325
- {
326
- "name": "::part(close-button__base)",
327
- "description": "The close button's exported `base` part."
328
- },
329
- { "name": "::part(body)", "description": "The drawer's body." },
330
- { "name": "::part(footer)", "description": "The drawer's footer." },
331
- {
332
- "name": "::part(base)",
333
- "description": "The component's base wrapper, an `<sl-popup>` element."
334
- },
335
- {
336
- "name": "::part(base__popup)",
337
- "description": "The popup's exported `popup` part. Use this to target the tooltip's popup container."
338
- },
339
- {
340
- "name": "::part(trigger)",
341
- "description": "The container that wraps the trigger."
342
- },
343
- {
344
- "name": "::part(panel)",
345
- "description": "The panel that gets shown when the dropdown is open."
346
- },
347
- { "name": "::part(icon)", "description": "Selve ikon span-element." },
348
- {
349
- "name": "::part(form-control)",
350
- "description": "The form control that wraps the label, input, and help text."
351
- },
352
- {
353
- "name": "::part(form-control-label)",
354
- "description": "The label's wrapper."
355
- },
356
- {
357
- "name": "::part(form-control-input)",
358
- "description": "The input's wrapper."
359
- },
360
- {
361
- "name": "::part(form-control-help-text)",
362
- "description": "The help text's wrapper."
363
- },
364
- { "name": "::part(base)", "description": "The component's base wrapper." },
365
- {
366
- "name": "::part(input)",
367
- "description": "The internal `<input>` control."
368
- },
369
- {
370
- "name": "::part(prefix)",
371
- "description": "The container that wraps the prefix."
372
- },
373
- { "name": "::part(clear-button)", "description": "The clear button." },
374
- {
375
- "name": "::part(password-toggle-button)",
376
- "description": "The password toggle button."
377
- },
378
- {
379
- "name": "::part(suffix)",
380
- "description": "The container that wraps the suffix."
381
- },
382
- { "name": "::part(link-card)", "description": "Topp-element" },
383
- { "name": "::part(label)", "description": "Overskriften" },
384
- { "name": "::part(base)", "description": "The component's base wrapper." },
385
- {
386
- "name": "::part(checked-icon)",
387
- "description": "The checked icon, which is only visible when the menu item is checked."
388
- },
389
- { "name": "::part(prefix)", "description": "The prefix container." },
390
- { "name": "::part(label)", "description": "The menu item label." },
391
- { "name": "::part(suffix)", "description": "The suffix container." },
392
- {
393
- "name": "::part(spinner)",
394
- "description": "The spinner that shows when the menu item is in the loading state."
395
- },
396
- {
397
- "name": "::part(spinner__base)",
398
- "description": "The spinner's base part."
399
- },
400
- {
401
- "name": "::part(submenu-icon)",
402
- "description": "The submenu icon, visible only when the menu item has a submenu (not yet implemented)."
403
- },
404
- { "name": "::part(base)", "description": "hele komponenten." },
405
- { "name": "::part(header)", "description": "alt som er over brødteksten" },
406
- { "name": "::part(subheader)", "description": "ekstra tekst over label" },
407
- { "name": "::part(label)", "description": "tittel i header-seksjonen." },
408
- { "name": "::part(footer)", "description": "evt. knapperad nederst." },
409
- {
410
- "name": "::part(checked-icon)",
411
- "description": "The checked icon, an `<sl-icon>` element."
412
- },
413
- { "name": "::part(base)", "description": "The component's base wrapper." },
414
- { "name": "::part(label)", "description": "The option's label." },
415
- {
416
- "name": "::part(prefix)",
417
- "description": "The container that wraps the prefix."
418
- },
419
- {
420
- "name": "::part(suffix)",
421
- "description": "The container that wraps the suffix."
422
- },
423
- {
424
- "name": "::part(arrow)",
425
- "description": "The arrow's container. Avoid setting `top|bottom|left|right` properties, as these values are assigned dynamically as the popup moves. This is most useful for applying a background color to match the popup, and maybe a border or box shadow."
426
- },
427
- {
428
- "name": "::part(popup)",
429
- "description": "The popup's container. Useful for setting a background color, box shadow, etc."
430
- },
431
- {
432
- "name": "::part(hover-bridge)",
433
- "description": "The hover bridge element. Only available when the `hover-bridge` option is enabled."
434
- },
435
- { "name": "::part(base)", "description": "The component's base wrapper." },
436
- {
437
- "name": "::part(control)",
438
- "description": "The circular container that wraps the radio's checked state."
439
- },
440
- {
441
- "name": "::part(control--checked)",
442
- "description": "The radio control when the radio is checked."
443
- },
444
- {
445
- "name": "::part(checked-icon)",
446
- "description": "The checked icon, an `<sl-icon>` element."
447
- },
448
- {
449
- "name": "::part(label)",
450
- "description": "The container that wraps the radio's label."
451
- },
452
- { "name": "::part(base)", "description": "The component's base wrapper." },
453
- {
454
- "name": "::part(button)",
455
- "description": "The internal `<button>` element."
456
- },
457
- {
458
- "name": "::part(button--checked)",
459
- "description": "The internal button element when the radio button is checked."
460
- },
461
- {
462
- "name": "::part(prefix)",
463
- "description": "The container that wraps the prefix."
464
- },
465
- {
466
- "name": "::part(label)",
467
- "description": "The container that wraps the radio button's label."
468
- },
469
- {
470
- "name": "::part(suffix)",
471
- "description": "The container that wraps the suffix."
472
- },
473
- {
474
- "name": "::part(form-control)",
475
- "description": "The form control that wraps the label, input, and help text."
476
- },
477
- {
478
- "name": "::part(form-control-label)",
479
- "description": "The label's wrapper."
480
- },
481
- {
482
- "name": "::part(form-control-input)",
483
- "description": "The input's wrapper."
484
- },
485
- {
486
- "name": "::part(form-control-help-text)",
487
- "description": "The help text's wrapper."
488
- },
489
- {
490
- "name": "::part(button-group)",
491
- "description": "The button group that wraps radio buttons."
492
- },
493
- {
494
- "name": "::part(button-group__base)",
495
- "description": "The button group's `base` part."
496
- },
497
- {
498
- "name": "::part(form-control)",
499
- "description": "The form control that wraps the label, input, and help text."
500
- },
501
- {
502
- "name": "::part(form-control-label)",
503
- "description": "The label's wrapper."
504
- },
505
- {
506
- "name": "::part(form-control-input)",
507
- "description": "The select's wrapper."
508
- },
509
- {
510
- "name": "::part(form-control-help-text)",
511
- "description": "The help text's wrapper."
512
- },
513
- {
514
- "name": "::part(combobox)",
515
- "description": "The container the wraps the prefix, suffix, combobox, clear icon, and expand button."
516
- },
517
- {
518
- "name": "::part(prefix)",
519
- "description": "The container that wraps the prefix slot."
520
- },
521
- {
522
- "name": "::part(suffix)",
523
- "description": "The container that wraps the suffix slot."
524
- },
525
- {
526
- "name": "::part(display-input)",
527
- "description": "The element that displays the selected option's label, an `<input>` element."
528
- },
529
- {
530
- "name": "::part(listbox)",
531
- "description": "The listbox container where options are slotted."
532
- },
533
- {
534
- "name": "::part(tags)",
535
- "description": "The container that houses option tags when `multiselect` is used."
536
- },
537
- {
538
- "name": "::part(tag)",
539
- "description": "The individual tags that represent each multiselect option."
540
- },
541
- { "name": "::part(tag__base)", "description": "The tag's base part." },
542
- {
543
- "name": "::part(tag__content)",
544
- "description": "The tag's content part."
545
- },
546
- {
547
- "name": "::part(tag__remove-button)",
548
- "description": "The tag's remove button."
549
- },
550
- {
551
- "name": "::part(tag__remove-button__base)",
552
- "description": "The tag's remove button base part."
553
- },
554
- { "name": "::part(clear-button)", "description": "The clear button." },
555
- {
556
- "name": "::part(expand-icon)",
557
- "description": "The container that wraps the expand icon."
558
- },
559
- { "name": "::part(base)", "description": "The component's base wrapper." },
560
- {
561
- "name": "::part(indicator)",
562
- "description": "The skeleton's indicator which is responsible for its color and animation."
563
- },
564
- { "name": "::part(base)", "description": "The component's base wrapper." },
565
- { "name": "::part(base)", "description": "Topp-element" },
566
- { "name": "::part(control)", "description": "Element rundt bryteren" },
567
- { "name": "::part(thumb)", "description": "Bryter-indikatoren" },
568
- { "name": "::part(label)", "description": "Tekst bak bryteren" },
569
- { "name": "::part(base)", "description": "Topp-element" },
570
- { "name": "::part(base)", "description": "Topp-element" },
571
- { "name": "::part(body)", "description": "Innholdet i tab gruppen" },
572
- { "name": "::part(nav)", "description": "hoved kontainer for fanene" },
573
- {
574
- "name": "::part(button-backward-base)",
575
- "description": "Bakoverknapp kontainer"
576
- },
577
- {
578
- "name": "::part(button-forward-base)",
579
- "description": "Fremoverknapp kontainer"
580
- },
581
- { "name": "::part(base)", "description": "hoved kontainer" },
582
- { "name": "::part(base)", "description": "Topp-element" },
583
- { "name": "::part(text)", "description": "Hoved-teksten" },
584
- { "name": "::part(extra)", "description": "Ekstra-tekst" },
585
- { "name": "::part(close)", "description": "Lukk-ikon" },
586
- {
587
- "name": "::part(form-control)",
588
- "description": "hoved komponent sitt container"
589
- },
590
- {
591
- "name": "::part(textarea-label)",
592
- "description": "label og requiredLabel container"
593
- },
594
- { "name": "::part(base)", "description": "textarea og ikone container" },
595
- {
596
- "name": "::part(help-text-container)",
597
- "description": "container for hjelpetekst"
598
- },
599
- {
600
- "name": "::part(base)",
601
- "description": "The component's base wrapper, an `<sl-popup>` element."
602
- },
603
- {
604
- "name": "::part(base__popup)",
605
- "description": "The popup's exported `popup` part. Use this to target the tooltip's popup container."
606
- },
607
- {
608
- "name": "::part(base__arrow)",
609
- "description": "The popup's exported `arrow` part. Use this to target the tooltip's arrow."
610
- },
611
- {
612
- "name": "::part(body)",
613
- "description": "The tooltip's body where its content is rendered."
614
- },
615
- { "name": "::part(base)", "description": "farenivå kontainer" },
616
- {
617
- "name": "::part(warning-badge)",
618
- "description": "støtte badge som vises nederst til høyre i faregradskomponenten"
619
- }
620
- ]
621
- }