@helsenorge/designsystem-react 1.0.0-beta92 → 1.0.0-beta94
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/{Button-2be46c88.js → Button-72f96290.js} +2 -2
- package/Button-72f96290.js.map +1 -0
- package/{FormGroup-9555dd73.js → FormGroup-68288be3.js} +2 -2
- package/FormGroup-68288be3.js.map +1 -0
- package/Loader-b3fd59f4.js +2 -0
- package/Loader-b3fd59f4.js.map +1 -0
- package/Modal-6b4a2c9c.js +2 -0
- package/Modal-6b4a2c9c.js.map +1 -0
- package/Title-90910763.js +2 -0
- package/Title-90910763.js.map +1 -0
- package/{Validation-1236e8ef.js → Validation-ef9ee0ae.js} +2 -2
- package/Validation-ef9ee0ae.js.map +1 -0
- package/components/AnchorLink/index.d.ts +1 -0
- package/components/AnchorLink/index.d.ts.map +1 -1
- package/components/Avatar/index.d.ts +1 -0
- package/components/Avatar/index.d.ts.map +1 -1
- package/components/Badge/index.d.ts +1 -0
- package/components/Badge/index.d.ts.map +1 -1
- package/components/Button/index.d.ts +1 -0
- package/components/Button/index.d.ts.map +1 -1
- package/components/Button/index.js +1 -1
- package/components/ButtonWithModal/index.d.ts +1 -0
- package/components/ButtonWithModal/index.d.ts.map +1 -1
- package/components/ButtonWithModal/index.js +1 -1
- package/components/Checkbox/index.d.ts +1 -0
- package/components/Checkbox/index.d.ts.map +1 -1
- package/components/Checkbox/index.js +1 -1
- package/components/Close/index.d.ts +1 -0
- package/components/Close/index.d.ts.map +1 -1
- package/components/ExpanderList/index.d.ts +1 -0
- package/components/ExpanderList/index.d.ts.map +1 -1
- package/components/ExpanderList/index.js +1 -1
- package/components/FormExample/index.d.ts +1 -0
- package/components/FormExample/index.d.ts.map +1 -1
- package/components/FormExample/index.js +1 -1
- package/components/FormGroup/index.d.ts +1 -0
- package/components/FormGroup/index.d.ts.map +1 -1
- package/components/FormGroup/index.js +1 -1
- package/components/HighlightBox/HighlightBox.d.ts +24 -0
- package/components/HighlightBox/HighlightBox.d.ts.map +1 -0
- package/components/HighlightBox/componentdata.json +484 -0
- package/components/HighlightBox/index.d.ts +4 -0
- package/components/HighlightBox/index.d.ts.map +1 -0
- package/components/HighlightBox/index.js +2 -0
- package/components/HighlightBox/index.js.map +1 -0
- package/components/HighlightBox/styles.module.scss +89 -0
- package/components/Icons/Icon.js +1 -1
- package/components/LinkList/index.d.ts +1 -0
- package/components/LinkList/index.d.ts.map +1 -1
- package/components/LinkList/index.js +1 -1
- package/components/List/index.d.ts +1 -0
- package/components/List/index.d.ts.map +1 -1
- package/components/Loader/Loader.d.ts +2 -2
- package/components/Loader/componentdata.json +3 -3
- package/components/Loader/index.d.ts +1 -0
- package/components/Loader/index.d.ts.map +1 -1
- package/components/Loader/index.js +1 -1
- package/components/Logo/index.d.ts +1 -0
- package/components/Logo/index.d.ts.map +1 -1
- package/components/Modal/index.d.ts +1 -0
- package/components/Modal/index.d.ts.map +1 -1
- package/components/Modal/index.js +1 -1
- package/components/NotificationPanel/index.d.ts +1 -0
- package/components/NotificationPanel/index.d.ts.map +1 -1
- package/components/NotificationPanel/index.js +1 -1
- package/components/RadioButton/index.d.ts +1 -0
- package/components/RadioButton/index.d.ts.map +1 -1
- package/components/RadioButton/index.js +1 -1
- package/components/Slider/index.d.ts +1 -0
- package/components/Slider/index.d.ts.map +1 -1
- package/components/Slider/index.js +1 -1
- package/components/Spacer/index.d.ts +1 -0
- package/components/Spacer/index.d.ts.map +1 -1
- package/components/Textarea/index.d.ts +1 -0
- package/components/Textarea/index.d.ts.map +1 -1
- package/components/Tile/index.d.ts +1 -0
- package/components/Tile/index.d.ts.map +1 -1
- package/components/Tile/index.js +1 -1
- package/components/Title/index.d.ts +1 -0
- package/components/Title/index.d.ts.map +1 -1
- package/components/Title/index.js +1 -1
- package/components/Validation/index.d.ts +1 -0
- package/components/Validation/index.d.ts.map +1 -1
- package/components/Validation/index.js +1 -1
- package/index.d.ts +1 -0
- package/index.d.ts.map +1 -1
- package/index.js +1 -1
- package/package.json +1 -1
- package/scss/_title.scss +16 -12
- package/Button-2be46c88.js.map +0 -1
- package/FormGroup-9555dd73.js.map +0 -1
- package/Loader-3589bdb1.js +0 -2
- package/Loader-3589bdb1.js.map +0 -1
- package/Modal-b68c7a72.js +0 -2
- package/Modal-b68c7a72.js.map +0 -1
- package/Title-72851d51.js +0 -2
- package/Title-72851d51.js.map +0 -1
- package/Validation-1236e8ef.js.map +0 -1
|
@@ -0,0 +1,484 @@
|
|
|
1
|
+
{
|
|
2
|
+
"props": {
|
|
3
|
+
"children": {
|
|
4
|
+
"defaultValue": null,
|
|
5
|
+
"description": "What's in the box?",
|
|
6
|
+
"name": "children",
|
|
7
|
+
"parent": {
|
|
8
|
+
"fileName": "src/components/HighlightBox/HighlightBox.tsx",
|
|
9
|
+
"name": "HighlightBoxProps"
|
|
10
|
+
},
|
|
11
|
+
"declarations": [
|
|
12
|
+
{
|
|
13
|
+
"fileName": "src/components/HighlightBox/HighlightBox.tsx",
|
|
14
|
+
"name": "HighlightBoxProps"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"fileName": "designsystem/node_modules/@types/react/index.d.ts",
|
|
18
|
+
"name": "TypeLiteral"
|
|
19
|
+
}
|
|
20
|
+
],
|
|
21
|
+
"required": false,
|
|
22
|
+
"type": {
|
|
23
|
+
"name": "ReactNode"
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
"color": {
|
|
27
|
+
"defaultValue": null,
|
|
28
|
+
"description": "Changes the background color. Default: white",
|
|
29
|
+
"name": "color",
|
|
30
|
+
"parent": {
|
|
31
|
+
"fileName": "src/components/HighlightBox/HighlightBox.tsx",
|
|
32
|
+
"name": "HighlightBoxProps"
|
|
33
|
+
},
|
|
34
|
+
"declarations": [
|
|
35
|
+
{
|
|
36
|
+
"fileName": "src/components/HighlightBox/HighlightBox.tsx",
|
|
37
|
+
"name": "HighlightBoxProps"
|
|
38
|
+
}
|
|
39
|
+
],
|
|
40
|
+
"required": false,
|
|
41
|
+
"type": {
|
|
42
|
+
"name": "enum",
|
|
43
|
+
"raw": "\"blueberry\" | \"cherry\" | \"kiwi\" | \"neutral\" | \"plum\" | \"white\" | undefined",
|
|
44
|
+
"value": [
|
|
45
|
+
{
|
|
46
|
+
"value": "undefined"
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
"value": "\"blueberry\""
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
"value": "\"cherry\""
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
"value": "\"kiwi\""
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"value": "\"neutral\""
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
"value": "\"plum\""
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
"value": "\"white\""
|
|
65
|
+
}
|
|
66
|
+
]
|
|
67
|
+
}
|
|
68
|
+
},
|
|
69
|
+
"size": {
|
|
70
|
+
"defaultValue": null,
|
|
71
|
+
"description": "Changes the size. Default: medium",
|
|
72
|
+
"name": "size",
|
|
73
|
+
"parent": {
|
|
74
|
+
"fileName": "src/components/HighlightBox/HighlightBox.tsx",
|
|
75
|
+
"name": "HighlightBoxProps"
|
|
76
|
+
},
|
|
77
|
+
"declarations": [
|
|
78
|
+
{
|
|
79
|
+
"fileName": "src/components/HighlightBox/HighlightBox.tsx",
|
|
80
|
+
"name": "HighlightBoxProps"
|
|
81
|
+
}
|
|
82
|
+
],
|
|
83
|
+
"required": false,
|
|
84
|
+
"type": {
|
|
85
|
+
"name": "enum",
|
|
86
|
+
"raw": "\"medium\" | \"large\" | \"fluid\" | undefined",
|
|
87
|
+
"value": [
|
|
88
|
+
{
|
|
89
|
+
"value": "undefined"
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
"value": "\"medium\""
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
"value": "\"large\""
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"value": "\"fluid\""
|
|
99
|
+
}
|
|
100
|
+
]
|
|
101
|
+
}
|
|
102
|
+
},
|
|
103
|
+
"htmlMarkup": {
|
|
104
|
+
"defaultValue": null,
|
|
105
|
+
"description": "Changes the underlying element. Default: div",
|
|
106
|
+
"name": "htmlMarkup",
|
|
107
|
+
"parent": {
|
|
108
|
+
"fileName": "src/components/HighlightBox/HighlightBox.tsx",
|
|
109
|
+
"name": "HighlightBoxProps"
|
|
110
|
+
},
|
|
111
|
+
"declarations": [
|
|
112
|
+
{
|
|
113
|
+
"fileName": "src/components/HighlightBox/HighlightBox.tsx",
|
|
114
|
+
"name": "HighlightBoxProps"
|
|
115
|
+
}
|
|
116
|
+
],
|
|
117
|
+
"required": false,
|
|
118
|
+
"type": {
|
|
119
|
+
"name": "enum",
|
|
120
|
+
"raw": "\"object\" | \"a\" | \"abbr\" | \"address\" | \"area\" | \"article\" | \"aside\" | \"audio\" | \"b\" | \"base\" | \"bdi\" | \"bdo\" | \"blockquote\" | \"body\" | \"br\" | \"button\" | \"canvas\" | \"caption\" | \"cite\" | ... 93 more ... | undefined",
|
|
121
|
+
"value": [
|
|
122
|
+
{
|
|
123
|
+
"value": "undefined"
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
"value": "\"object\""
|
|
127
|
+
},
|
|
128
|
+
{
|
|
129
|
+
"value": "\"a\""
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
"value": "\"abbr\""
|
|
133
|
+
},
|
|
134
|
+
{
|
|
135
|
+
"value": "\"address\""
|
|
136
|
+
},
|
|
137
|
+
{
|
|
138
|
+
"value": "\"area\""
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
"value": "\"article\""
|
|
142
|
+
},
|
|
143
|
+
{
|
|
144
|
+
"value": "\"aside\""
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
"value": "\"audio\""
|
|
148
|
+
},
|
|
149
|
+
{
|
|
150
|
+
"value": "\"b\""
|
|
151
|
+
},
|
|
152
|
+
{
|
|
153
|
+
"value": "\"base\""
|
|
154
|
+
},
|
|
155
|
+
{
|
|
156
|
+
"value": "\"bdi\""
|
|
157
|
+
},
|
|
158
|
+
{
|
|
159
|
+
"value": "\"bdo\""
|
|
160
|
+
},
|
|
161
|
+
{
|
|
162
|
+
"value": "\"blockquote\""
|
|
163
|
+
},
|
|
164
|
+
{
|
|
165
|
+
"value": "\"body\""
|
|
166
|
+
},
|
|
167
|
+
{
|
|
168
|
+
"value": "\"br\""
|
|
169
|
+
},
|
|
170
|
+
{
|
|
171
|
+
"value": "\"button\""
|
|
172
|
+
},
|
|
173
|
+
{
|
|
174
|
+
"value": "\"canvas\""
|
|
175
|
+
},
|
|
176
|
+
{
|
|
177
|
+
"value": "\"caption\""
|
|
178
|
+
},
|
|
179
|
+
{
|
|
180
|
+
"value": "\"cite\""
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
"value": "\"code\""
|
|
184
|
+
},
|
|
185
|
+
{
|
|
186
|
+
"value": "\"col\""
|
|
187
|
+
},
|
|
188
|
+
{
|
|
189
|
+
"value": "\"colgroup\""
|
|
190
|
+
},
|
|
191
|
+
{
|
|
192
|
+
"value": "\"data\""
|
|
193
|
+
},
|
|
194
|
+
{
|
|
195
|
+
"value": "\"datalist\""
|
|
196
|
+
},
|
|
197
|
+
{
|
|
198
|
+
"value": "\"dd\""
|
|
199
|
+
},
|
|
200
|
+
{
|
|
201
|
+
"value": "\"del\""
|
|
202
|
+
},
|
|
203
|
+
{
|
|
204
|
+
"value": "\"details\""
|
|
205
|
+
},
|
|
206
|
+
{
|
|
207
|
+
"value": "\"dfn\""
|
|
208
|
+
},
|
|
209
|
+
{
|
|
210
|
+
"value": "\"dialog\""
|
|
211
|
+
},
|
|
212
|
+
{
|
|
213
|
+
"value": "\"div\""
|
|
214
|
+
},
|
|
215
|
+
{
|
|
216
|
+
"value": "\"dl\""
|
|
217
|
+
},
|
|
218
|
+
{
|
|
219
|
+
"value": "\"dt\""
|
|
220
|
+
},
|
|
221
|
+
{
|
|
222
|
+
"value": "\"em\""
|
|
223
|
+
},
|
|
224
|
+
{
|
|
225
|
+
"value": "\"embed\""
|
|
226
|
+
},
|
|
227
|
+
{
|
|
228
|
+
"value": "\"fieldset\""
|
|
229
|
+
},
|
|
230
|
+
{
|
|
231
|
+
"value": "\"figcaption\""
|
|
232
|
+
},
|
|
233
|
+
{
|
|
234
|
+
"value": "\"figure\""
|
|
235
|
+
},
|
|
236
|
+
{
|
|
237
|
+
"value": "\"footer\""
|
|
238
|
+
},
|
|
239
|
+
{
|
|
240
|
+
"value": "\"form\""
|
|
241
|
+
},
|
|
242
|
+
{
|
|
243
|
+
"value": "\"h1\""
|
|
244
|
+
},
|
|
245
|
+
{
|
|
246
|
+
"value": "\"h2\""
|
|
247
|
+
},
|
|
248
|
+
{
|
|
249
|
+
"value": "\"h3\""
|
|
250
|
+
},
|
|
251
|
+
{
|
|
252
|
+
"value": "\"h4\""
|
|
253
|
+
},
|
|
254
|
+
{
|
|
255
|
+
"value": "\"h5\""
|
|
256
|
+
},
|
|
257
|
+
{
|
|
258
|
+
"value": "\"h6\""
|
|
259
|
+
},
|
|
260
|
+
{
|
|
261
|
+
"value": "\"head\""
|
|
262
|
+
},
|
|
263
|
+
{
|
|
264
|
+
"value": "\"header\""
|
|
265
|
+
},
|
|
266
|
+
{
|
|
267
|
+
"value": "\"hgroup\""
|
|
268
|
+
},
|
|
269
|
+
{
|
|
270
|
+
"value": "\"hr\""
|
|
271
|
+
},
|
|
272
|
+
{
|
|
273
|
+
"value": "\"html\""
|
|
274
|
+
},
|
|
275
|
+
{
|
|
276
|
+
"value": "\"i\""
|
|
277
|
+
},
|
|
278
|
+
{
|
|
279
|
+
"value": "\"iframe\""
|
|
280
|
+
},
|
|
281
|
+
{
|
|
282
|
+
"value": "\"img\""
|
|
283
|
+
},
|
|
284
|
+
{
|
|
285
|
+
"value": "\"input\""
|
|
286
|
+
},
|
|
287
|
+
{
|
|
288
|
+
"value": "\"ins\""
|
|
289
|
+
},
|
|
290
|
+
{
|
|
291
|
+
"value": "\"kbd\""
|
|
292
|
+
},
|
|
293
|
+
{
|
|
294
|
+
"value": "\"label\""
|
|
295
|
+
},
|
|
296
|
+
{
|
|
297
|
+
"value": "\"legend\""
|
|
298
|
+
},
|
|
299
|
+
{
|
|
300
|
+
"value": "\"li\""
|
|
301
|
+
},
|
|
302
|
+
{
|
|
303
|
+
"value": "\"link\""
|
|
304
|
+
},
|
|
305
|
+
{
|
|
306
|
+
"value": "\"main\""
|
|
307
|
+
},
|
|
308
|
+
{
|
|
309
|
+
"value": "\"map\""
|
|
310
|
+
},
|
|
311
|
+
{
|
|
312
|
+
"value": "\"mark\""
|
|
313
|
+
},
|
|
314
|
+
{
|
|
315
|
+
"value": "\"menu\""
|
|
316
|
+
},
|
|
317
|
+
{
|
|
318
|
+
"value": "\"meta\""
|
|
319
|
+
},
|
|
320
|
+
{
|
|
321
|
+
"value": "\"meter\""
|
|
322
|
+
},
|
|
323
|
+
{
|
|
324
|
+
"value": "\"nav\""
|
|
325
|
+
},
|
|
326
|
+
{
|
|
327
|
+
"value": "\"noscript\""
|
|
328
|
+
},
|
|
329
|
+
{
|
|
330
|
+
"value": "\"ol\""
|
|
331
|
+
},
|
|
332
|
+
{
|
|
333
|
+
"value": "\"optgroup\""
|
|
334
|
+
},
|
|
335
|
+
{
|
|
336
|
+
"value": "\"option\""
|
|
337
|
+
},
|
|
338
|
+
{
|
|
339
|
+
"value": "\"output\""
|
|
340
|
+
},
|
|
341
|
+
{
|
|
342
|
+
"value": "\"p\""
|
|
343
|
+
},
|
|
344
|
+
{
|
|
345
|
+
"value": "\"param\""
|
|
346
|
+
},
|
|
347
|
+
{
|
|
348
|
+
"value": "\"picture\""
|
|
349
|
+
},
|
|
350
|
+
{
|
|
351
|
+
"value": "\"pre\""
|
|
352
|
+
},
|
|
353
|
+
{
|
|
354
|
+
"value": "\"progress\""
|
|
355
|
+
},
|
|
356
|
+
{
|
|
357
|
+
"value": "\"q\""
|
|
358
|
+
},
|
|
359
|
+
{
|
|
360
|
+
"value": "\"rp\""
|
|
361
|
+
},
|
|
362
|
+
{
|
|
363
|
+
"value": "\"rt\""
|
|
364
|
+
},
|
|
365
|
+
{
|
|
366
|
+
"value": "\"ruby\""
|
|
367
|
+
},
|
|
368
|
+
{
|
|
369
|
+
"value": "\"s\""
|
|
370
|
+
},
|
|
371
|
+
{
|
|
372
|
+
"value": "\"samp\""
|
|
373
|
+
},
|
|
374
|
+
{
|
|
375
|
+
"value": "\"script\""
|
|
376
|
+
},
|
|
377
|
+
{
|
|
378
|
+
"value": "\"section\""
|
|
379
|
+
},
|
|
380
|
+
{
|
|
381
|
+
"value": "\"select\""
|
|
382
|
+
},
|
|
383
|
+
{
|
|
384
|
+
"value": "\"slot\""
|
|
385
|
+
},
|
|
386
|
+
{
|
|
387
|
+
"value": "\"small\""
|
|
388
|
+
},
|
|
389
|
+
{
|
|
390
|
+
"value": "\"source\""
|
|
391
|
+
},
|
|
392
|
+
{
|
|
393
|
+
"value": "\"span\""
|
|
394
|
+
},
|
|
395
|
+
{
|
|
396
|
+
"value": "\"strong\""
|
|
397
|
+
},
|
|
398
|
+
{
|
|
399
|
+
"value": "\"style\""
|
|
400
|
+
},
|
|
401
|
+
{
|
|
402
|
+
"value": "\"sub\""
|
|
403
|
+
},
|
|
404
|
+
{
|
|
405
|
+
"value": "\"summary\""
|
|
406
|
+
},
|
|
407
|
+
{
|
|
408
|
+
"value": "\"sup\""
|
|
409
|
+
},
|
|
410
|
+
{
|
|
411
|
+
"value": "\"table\""
|
|
412
|
+
},
|
|
413
|
+
{
|
|
414
|
+
"value": "\"tbody\""
|
|
415
|
+
},
|
|
416
|
+
{
|
|
417
|
+
"value": "\"td\""
|
|
418
|
+
},
|
|
419
|
+
{
|
|
420
|
+
"value": "\"template\""
|
|
421
|
+
},
|
|
422
|
+
{
|
|
423
|
+
"value": "\"textarea\""
|
|
424
|
+
},
|
|
425
|
+
{
|
|
426
|
+
"value": "\"tfoot\""
|
|
427
|
+
},
|
|
428
|
+
{
|
|
429
|
+
"value": "\"th\""
|
|
430
|
+
},
|
|
431
|
+
{
|
|
432
|
+
"value": "\"thead\""
|
|
433
|
+
},
|
|
434
|
+
{
|
|
435
|
+
"value": "\"time\""
|
|
436
|
+
},
|
|
437
|
+
{
|
|
438
|
+
"value": "\"title\""
|
|
439
|
+
},
|
|
440
|
+
{
|
|
441
|
+
"value": "\"tr\""
|
|
442
|
+
},
|
|
443
|
+
{
|
|
444
|
+
"value": "\"track\""
|
|
445
|
+
},
|
|
446
|
+
{
|
|
447
|
+
"value": "\"u\""
|
|
448
|
+
},
|
|
449
|
+
{
|
|
450
|
+
"value": "\"ul\""
|
|
451
|
+
},
|
|
452
|
+
{
|
|
453
|
+
"value": "\"var\""
|
|
454
|
+
},
|
|
455
|
+
{
|
|
456
|
+
"value": "\"video\""
|
|
457
|
+
},
|
|
458
|
+
{
|
|
459
|
+
"value": "\"wbr\""
|
|
460
|
+
}
|
|
461
|
+
]
|
|
462
|
+
}
|
|
463
|
+
},
|
|
464
|
+
"testId": {
|
|
465
|
+
"defaultValue": null,
|
|
466
|
+
"description": "Sets the data-testid attribute.",
|
|
467
|
+
"name": "testId",
|
|
468
|
+
"parent": {
|
|
469
|
+
"fileName": "src/components/HighlightBox/HighlightBox.tsx",
|
|
470
|
+
"name": "HighlightBoxProps"
|
|
471
|
+
},
|
|
472
|
+
"declarations": [
|
|
473
|
+
{
|
|
474
|
+
"fileName": "src/components/HighlightBox/HighlightBox.tsx",
|
|
475
|
+
"name": "HighlightBoxProps"
|
|
476
|
+
}
|
|
477
|
+
],
|
|
478
|
+
"required": false,
|
|
479
|
+
"type": {
|
|
480
|
+
"name": "string"
|
|
481
|
+
}
|
|
482
|
+
}
|
|
483
|
+
}
|
|
484
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HighlightBox/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,cAAc,gBAAgB,CAAC;AAC/B,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import e from"react";import{c as t}from"../../index-9b84fabc.js";import i from"./styles.module.scss";var a;!function(e){e.medium="medium",e.large="large",e.fluid="fluid"}(a||(a={}));export default function(l){var o=l.children,r=l.color,m=void 0===r?"white":r,c=l.size,d=void 0===c?a.medium:c,s=l.testId,h=l.htmlMarkup,n=void 0===h?"div":h,g=t(i.highlightbox,i["highlightbox--".concat(m)],i["highlightbox--".concat(d)]),u=n;return l.size===a.fluid?e.createElement(u,{className:g,"data-testid":s},o):e.createElement("div",{className:g},e.createElement("div",{className:i.highlightbox__row},e.createElement(u,{className:i.highlightbox__col,"data-testid":s},o)))}export{a as HighlightBoxSize};
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
@import '../../scss/_spacers.scss';
|
|
2
|
+
@import '../../scss/_breakpoints.scss';
|
|
3
|
+
@import '../../scss/_palette.scss';
|
|
4
|
+
@import '../../scss/_grid.scss';
|
|
5
|
+
|
|
6
|
+
.highlightbox {
|
|
7
|
+
$box: &;
|
|
8
|
+
$colors: 'blueberry', 'cherry', 'neutral', 'kiwi', 'plum';
|
|
9
|
+
|
|
10
|
+
&--medium,
|
|
11
|
+
&--large {
|
|
12
|
+
@include make-container;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
// large og fluid skal ha bakgrunnsfarge på den ytre containeren
|
|
16
|
+
&--large,
|
|
17
|
+
&--fluid {
|
|
18
|
+
@each $color in $colors {
|
|
19
|
+
&#{$box}--#{$color} {
|
|
20
|
+
background-color: map-get($palette-map, #{$color}50);
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
// Hvit har sin egen regel siden den ikke har valører
|
|
24
|
+
&#{$box}--white {
|
|
25
|
+
background-color: $white;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
// medium skal ha bakgrunnsfarge på den indre kolonnen
|
|
30
|
+
@each $color in $colors {
|
|
31
|
+
&--medium#{&}--#{$color} {
|
|
32
|
+
#{$box}__col {
|
|
33
|
+
background-color: map-get($palette-map, #{$color}50);
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
&--medium#{&}--white {
|
|
38
|
+
#{$box}__col {
|
|
39
|
+
background-color: $white;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
&--fluid {
|
|
44
|
+
padding: getSpacer(m) getSpacer(s) getSpacer(l) getSpacer(s);
|
|
45
|
+
|
|
46
|
+
@media (min-width: map-get($grid-breakpoints, lg)) {
|
|
47
|
+
padding: getSpacer(m) getSpacer(m) getSpacer(l) getSpacer(m);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
&--medium {
|
|
52
|
+
#{$box}__col {
|
|
53
|
+
padding: getSpacer(m) getSpacer(s) getSpacer(l) getSpacer(s);
|
|
54
|
+
@media (min-width: map-get($grid-breakpoints, md)) {
|
|
55
|
+
padding: getSpacer(m) getSpacer(m) getSpacer(l) getSpacer(m);
|
|
56
|
+
}
|
|
57
|
+
@media (min-width: map-get($grid-breakpoints, lg)) {
|
|
58
|
+
padding: getSpacer(l);
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
&--large {
|
|
64
|
+
#{$box}__col {
|
|
65
|
+
padding-top: getSpacer(m);
|
|
66
|
+
padding-bottom: getSpacer(l);
|
|
67
|
+
@media (min-width: map-get($grid-breakpoints, lg)) {
|
|
68
|
+
padding-top: getSpacer(l);
|
|
69
|
+
padding-bottom: getSpacer(xl);
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
&__row {
|
|
75
|
+
@include make-row;
|
|
76
|
+
}
|
|
77
|
+
&__col {
|
|
78
|
+
display: block;
|
|
79
|
+
@include make-col(12);
|
|
80
|
+
@media (min-width: map-get($grid-breakpoints, sm)) {
|
|
81
|
+
@include make-col(10);
|
|
82
|
+
@include make-col-offset(1);
|
|
83
|
+
}
|
|
84
|
+
@media (min-width: map-get($grid-breakpoints, lg)) {
|
|
85
|
+
@include make-col(8);
|
|
86
|
+
@include make-col-offset(2);
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
}
|
package/components/Icons/Icon.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{_ as e}from"../../_tslib-51c8a283.js";import a from"react";import
|
|
1
|
+
import{_ as e}from"../../_tslib-51c8a283.js";import a from"react";import{I as i}from"../../constants-a4b0b501.js";var t=function(e,a,i,t,o,r){return e&&o&&r?a?r:o:a?t:i},o=a.forwardRef((function(t,o){var r=t.svgIcon,l=t.ariaLabel,s=t.id,d=t.className,c=void 0===d?"":d,n=t.size,m=void 0===n?i.Small:n,v=t.color,b=void 0===v?"black":v,f=t.hoverColor,h=void 0===f?b||"black":f,g=t.isHovered,I=void 0!==g&&g,p=t.testId,u=e(t,["svgIcon","ariaLabel","id","className","size","color","hoverColor","isHovered","testId"]),y=a.createElement(r,{isExtraSmall:m<=i.XSmall,isHovered:I}),E=s&&l?"title-".concat(s):void 0;return a.createElement("svg",Object.assign({id:s,"data-testid":p,ref:o,className:"hnds-style-icon ".concat(c),role:"img","aria-label":!s&&l?l:void 0,"aria-labelledby":E,"aria-hidden":"true",viewBox:"0 0 48 48",style:{minWidth:m,minHeight:m},width:m,height:m,fill:I?h:b},u),E&&a.createElement("title",{id:E},l),y)}));o.displayName="Icon";export{o as Icon,t as returnIcon};
|
|
2
2
|
//# sourceMappingURL=Icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LinkList/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,eAAe,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LinkList/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,eAAe,QAAQ,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as e}from"../../_rollupPluginBabelHelpers-d0752906.js";import{_ as r}from"../../_tslib-51c8a283.js";import t from"react";import{c as l}from"../../index-9b84fabc.js";import{I as a}from"../../Icon-9b4a8a2d.js";import{I as o}from"../../constants-a4b0b501.js";import{u as i,B as s}from"../../useBreakpoint-324a9b14.js";import{u as n}from"../../useHover-037be19d.js";import m from"./styles.module.scss";import"../../useWindowSize-73b47451.js";import"../../grid-11a70eb7.js";var c=function(e){var r=e.isExtraSmall,l=e.isHovered,a=t.createElement("path",{d:"M19.171 32.951l1.409 1.42L31.031 24 20.58 13.63l-1.409 1.42 9.02 8.95z"}),o=t.createElement("path",{d:"M24.479 11.63L36.93 23.999 24.479 36.37l-1.409-1.419L33.083 25H13v-2h20.085L23.07 13.049z"}),i=t.createElement("path",{d:"M17.885 32.577l1.779 1.793 10.451-10.371L19.664 13.63l-1.779 1.793 8.644 8.576z"});return r?l?t.createElement("path",{d:"M25.98 11.103l12.977 12.896L25.98 36.897l-1.78-1.794 9.899-9.841-20.204.001v-2.526l20.204-.001-9.899-9.839z"}):i:l?o:a},d=t.forwardRef((function(d,p){var v,f=d.children,u=d.className,h=void 0===u?"":u,_=d.color,b=void 0===_?"neutral":_,k=d.icon,E=d.size,z=void 0===E?"medium":E,j=d.chevron,L=void 0!==j&&j,g=d.testId,N=d.target,H=r(d,["children","className","color","icon","size","chevron","testId","target"]),I=n(),B=I.hoverRef,S=I.isHovered,
|
|
1
|
+
import{a as e}from"../../_rollupPluginBabelHelpers-d0752906.js";import{_ as r}from"../../_tslib-51c8a283.js";import t from"react";import{c as l}from"../../index-9b84fabc.js";import{I as a}from"../../Icon-9b4a8a2d.js";import{I as o}from"../../constants-a4b0b501.js";import{u as i,B as s}from"../../useBreakpoint-324a9b14.js";import{u as n}from"../../useHover-037be19d.js";import m from"./styles.module.scss";import"../../useWindowSize-73b47451.js";import"../../grid-11a70eb7.js";var c=function(e){var r=e.isExtraSmall,l=e.isHovered,a=t.createElement("path",{d:"M19.171 32.951l1.409 1.42L31.031 24 20.58 13.63l-1.409 1.42 9.02 8.95z"}),o=t.createElement("path",{d:"M24.479 11.63L36.93 23.999 24.479 36.37l-1.409-1.419L33.083 25H13v-2h20.085L23.07 13.049z"}),i=t.createElement("path",{d:"M17.885 32.577l1.779 1.793 10.451-10.371L19.664 13.63l-1.779 1.793 8.644 8.576z"});return r?l?t.createElement("path",{d:"M25.98 11.103l12.977 12.896L25.98 36.897l-1.78-1.794 9.899-9.841-20.204.001v-2.526l20.204-.001-9.899-9.839z"}):i:l?o:a},d=t.forwardRef((function(d,p){var v,f=d.children,u=d.className,h=void 0===u?"":u,_=d.color,b=void 0===_?"neutral":_,k=d.icon,E=d.size,z=void 0===E?"medium":E,j=d.chevron,L=void 0!==j&&j,g=d.testId,N=d.target,H=r(d,["children","className","color","icon","size","chevron","testId","target"]),I=n(),B=I.hoverRef,S=I.isHovered,x=i(),M="small"!==z&&!(!L&&!k);return t.createElement("li",{ref:p,"data-testid":g},t.createElement("a",Object.assign({className:l(m["link-list__anchor"],m["link-list__anchor--"+b],(v={},e(v,m["link-list__anchor--small"],"small"===z),e(v,m["link-list__anchor--medium"],"medium"===z),e(v,m["link-list__anchor--large"],"large"===z),v),h),ref:B,rel:"_blank"===N?"noopener noreferrer":void 0,target:N},H),M&&k&&t.createElement("span",{className:m["link-list__icon"]},t.cloneElement(k,{size:x===s.Xs?o.XSmall:o.Small,isHovered:S})),t.createElement("span",{className:m["link-list__content"]},f),M&&L&&t.createElement("span",{className:m["link-list__chevron"]},t.createElement(a,{svgIcon:c,isHovered:S,size:o.XSmall}))))})),p=t.forwardRef((function(r,a){var o,i=r.children,s=r.className,n=void 0===s?"":s,c=r.chevron,p=void 0!==c&&c,v=r.size,f=void 0===v?"medium":v,u=r.color,h=r.topBorder,_=void 0===h||h,b=r.bottomBorder,k=void 0===b||b,E=r.testId;return t.createElement("ul",{ref:a,className:l(m["link-list"],(o={},e(o,m["link-list--hastopborder"],_),e(o,m["link-list--nobottomborder"],!k),o),n||""),"data-testid":E},t.Children.map(i,(function(e){if(e.type===d)return t.cloneElement(e,{color:u,size:f,chevron:p})})))}));p.Link=d,d.displayName="LinkList.Link";export default p;export{p as LinkList};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,eAAe,IAAI,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,eAAe,IAAI,CAAC"}
|
|
@@ -3,8 +3,8 @@ import { PaletteNames } from '../../theme/palette';
|
|
|
3
3
|
export declare type LoaderColors = PaletteNames;
|
|
4
4
|
export declare type LoaderSizes = 'tiny' | 'small' | 'medium' | 'large';
|
|
5
5
|
export declare enum Overlay {
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
screen = "screen",
|
|
7
|
+
parent = "parent"
|
|
8
8
|
}
|
|
9
9
|
interface LoaderProps {
|
|
10
10
|
/** Sets the color of the loader */
|
|
@@ -179,16 +179,16 @@
|
|
|
179
179
|
"required": false,
|
|
180
180
|
"type": {
|
|
181
181
|
"name": "enum",
|
|
182
|
-
"raw": "\"
|
|
182
|
+
"raw": "\"screen\" | \"parent\" | undefined",
|
|
183
183
|
"value": [
|
|
184
184
|
{
|
|
185
185
|
"value": "undefined"
|
|
186
186
|
},
|
|
187
187
|
{
|
|
188
|
-
"value": "\"
|
|
188
|
+
"value": "\"screen\""
|
|
189
189
|
},
|
|
190
190
|
{
|
|
191
|
-
"value": "\"
|
|
191
|
+
"value": "\"parent\""
|
|
192
192
|
}
|
|
193
193
|
]
|
|
194
194
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,eAAe,MAAM,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,eAAe,MAAM,CAAC"}
|