@fremtind/jokul 5.0.0-next.4 → 5.0.0-next.6

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 (71) hide show
  1. package/README.md +4 -9
  2. package/build/build-stats.html +1 -1
  3. package/package.json +1 -1
  4. package/src/fonts/Fremtind-Material-Symbols.woff2 +0 -0
  5. package/src/fonts/InterVariable-Italic.woff2 +0 -0
  6. package/src/fonts/InterVariable.woff2 +0 -0
  7. package/styles/base.css +22 -70
  8. package/styles/base.min.css +1 -1
  9. package/styles/components/beta/nav-link/navlink.css +1 -1
  10. package/styles/components/beta/nav-link/navlink.min.css +1 -1
  11. package/styles/components/checkbox/checkbox.css +1 -1
  12. package/styles/components/checkbox/checkbox.min.css +1 -1
  13. package/styles/components/checkbox-panel/checkbox-panel.css +1 -1
  14. package/styles/components/checkbox-panel/checkbox-panel.min.css +1 -1
  15. package/styles/components/countdown/countdown.css +2 -2
  16. package/styles/components/countdown/countdown.min.css +1 -1
  17. package/styles/components/feedback/feedback.css +2 -2
  18. package/styles/components/feedback/feedback.min.css +1 -1
  19. package/styles/components/file-input/file-input.css +10 -10
  20. package/styles/components/file-input/file-input.min.css +1 -1
  21. package/styles/components/icon/_base-styles.scss +1 -1
  22. package/styles/components/icon/icon.css +1 -1
  23. package/styles/components/icon/icon.min.css +1 -1
  24. package/styles/components/input-group/input-group.css +2 -2
  25. package/styles/components/input-group/input-group.min.css +1 -1
  26. package/styles/components/link/link.css +1 -1
  27. package/styles/components/link/link.min.css +1 -1
  28. package/styles/components/link-list/link-list.css +1 -1
  29. package/styles/components/link-list/link-list.min.css +1 -1
  30. package/styles/components/loader/loader.css +6 -6
  31. package/styles/components/loader/loader.min.css +1 -1
  32. package/styles/components/loader/skeleton-loader.css +3 -3
  33. package/styles/components/loader/skeleton-loader.min.css +1 -1
  34. package/styles/components/message/message.css +2 -2
  35. package/styles/components/message/message.min.css +1 -1
  36. package/styles/components/progress-bar/progress-bar.css +1 -1
  37. package/styles/components/progress-bar/progress-bar.min.css +1 -1
  38. package/styles/components/radio-button/radio-button.css +1 -1
  39. package/styles/components/radio-button/radio-button.min.css +1 -1
  40. package/styles/components/search/search.css +2 -2
  41. package/styles/components/search/search.min.css +1 -1
  42. package/styles/components/search/search.scss +1 -1
  43. package/styles/components/segmented-control/segmented-control.css +4 -4
  44. package/styles/components/segmented-control/segmented-control.min.css +1 -1
  45. package/styles/components/system-message/system-message.css +2 -2
  46. package/styles/components/system-message/system-message.min.css +1 -1
  47. package/styles/components/toast/toast.css +4 -4
  48. package/styles/components/toast/toast.min.css +1 -1
  49. package/styles/components.css +32 -32
  50. package/styles/components.min.css +1 -1
  51. package/styles/jkl/_typography.scss +4 -4
  52. package/styles/theme/_fonts.scss +20 -58
  53. package/styles/theme/_index.scss +1 -1
  54. package/styles/theme/brands/{jokul → fremtind}/_color-scheme.scss +1 -1
  55. package/styles/theme/brands/fremtind/_fonts.scss +30 -0
  56. package/build/cjs/core/tokens.cjs +0 -2
  57. package/build/cjs/core/tokens.cjs.map +0 -1
  58. package/build/cjs/core/tokens.d.cts +0 -593
  59. package/build/es/core/tokens.d.ts +0 -593
  60. package/build/es/core/tokens.js +0 -2
  61. package/build/es/core/tokens.js.map +0 -1
  62. package/styles/core/jkl/_tokens.scss +0 -59
  63. package/styles/core/jkl/legacy/_dynamic-colors.scss +0 -40
  64. package/styles/core/jkl/legacy/_tokens.scss +0 -742
  65. package/styles/core/theme/_color-tokens.scss +0 -73
  66. package/styles/core/theme/_legacy-color-tokens.scss +0 -81
  67. package/styles/core/theme/_legacy-tokens.scss +0 -279
  68. package/styles/core/theme/_spacing-tokens.scss +0 -33
  69. package/styles/core/theme/_tokens.scss +0 -33
  70. package/styles/theme/brands/jokul/_fonts.scss +0 -46
  71. /package/styles/theme/brands/{jokul → fremtind}/_index.scss +0 -0
@@ -1,593 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
- declare const _default: {
5
- border: {
6
- width: {
7
- "1": string;
8
- "2": string;
9
- "3": string;
10
- };
11
- radius: {
12
- none: string;
13
- xs: string;
14
- s: string;
15
- m: string;
16
- l: string;
17
- full: string;
18
- };
19
- };
20
- breakpoint: {
21
- small: string;
22
- medium: string;
23
- large: string;
24
- xl: string;
25
- };
26
- color: {
27
- brand: {
28
- snohvit: string;
29
- varde: string;
30
- granitt: string;
31
- hvit: string;
32
- svart: string;
33
- skifer: string;
34
- fjellgra: string;
35
- stein: string;
36
- svaberg: string;
37
- dis: string;
38
- sand: string;
39
- };
40
- functional: {
41
- info: string;
42
- infoDark: string;
43
- success: string;
44
- successDark: string;
45
- warning: string;
46
- warningDark: string;
47
- error: string;
48
- errorDark: string;
49
- };
50
- background: {
51
- page: {
52
- light: string;
53
- dark: string;
54
- };
55
- pageVariant: {
56
- light: string;
57
- dark: string;
58
- };
59
- container: {
60
- light: string;
61
- dark: string;
62
- };
63
- containerLow: {
64
- light: string;
65
- dark: string;
66
- };
67
- containerHigh: {
68
- light: string;
69
- dark: string;
70
- };
71
- containerInverted: {
72
- light: string;
73
- dark: string;
74
- };
75
- containerSubdued: {
76
- light: string;
77
- dark: string;
78
- };
79
- input: {
80
- base: {
81
- light: string;
82
- dark: string;
83
- };
84
- focus: {
85
- light: string;
86
- dark: string;
87
- };
88
- };
89
- action: {
90
- light: string;
91
- dark: string;
92
- };
93
- interactive: {
94
- light: string;
95
- dark: string;
96
- };
97
- interactiveHover: {
98
- light: string;
99
- dark: string;
100
- };
101
- interactiveSelected: {
102
- light: string;
103
- dark: string;
104
- };
105
- alert: {
106
- neutral: {
107
- light: string;
108
- dark: string;
109
- };
110
- info: {
111
- light: string;
112
- dark: string;
113
- };
114
- success: {
115
- light: string;
116
- dark: string;
117
- };
118
- warning: {
119
- light: string;
120
- dark: string;
121
- };
122
- error: {
123
- light: string;
124
- dark: string;
125
- };
126
- };
127
- };
128
- text: {
129
- default: {
130
- light: string;
131
- dark: string;
132
- };
133
- subdued: {
134
- light: string;
135
- dark: string;
136
- };
137
- inverted: {
138
- light: string;
139
- dark: string;
140
- };
141
- onAction: {
142
- light: string;
143
- dark: string;
144
- };
145
- interactive: {
146
- light: string;
147
- dark: string;
148
- };
149
- interactiveHover: {
150
- light: string;
151
- dark: string;
152
- };
153
- onAlert: {
154
- light: string;
155
- dark: string;
156
- };
157
- onAlertSubdued: {
158
- light: string;
159
- dark: string;
160
- };
161
- };
162
- border: {
163
- action: {
164
- light: string;
165
- dark: string;
166
- };
167
- input: {
168
- light: string;
169
- dark: string;
170
- };
171
- inputFocus: {
172
- light: string;
173
- dark: string;
174
- };
175
- separator: {
176
- light: string;
177
- dark: string;
178
- };
179
- separatorStrong: {
180
- light: string;
181
- dark: string;
182
- };
183
- separatorHover: {
184
- light: string;
185
- dark: string;
186
- };
187
- subdued: {
188
- light: string;
189
- dark: string;
190
- };
191
- };
192
- };
193
- motion: {
194
- timing: {
195
- energetic: string;
196
- snappy: string;
197
- productive: string;
198
- expressive: string;
199
- lazy: string;
200
- };
201
- easing: {
202
- standard: string;
203
- entrance: string;
204
- exit: string;
205
- easeInBounceOut: string;
206
- focus: string;
207
- };
208
- };
209
- spacing: {
210
- "0": string;
211
- "2": string;
212
- "4": string;
213
- "8": string;
214
- "12": string;
215
- "16": string;
216
- "24": string;
217
- "32": string;
218
- "40": string;
219
- "64": string;
220
- "104": string;
221
- "168": string;
222
- };
223
- semanticSpacing: {
224
- none: string;
225
- "2xs": string;
226
- xs: string;
227
- s: string;
228
- m: string;
229
- l: string;
230
- xl: string;
231
- "2xl": string;
232
- };
233
- icon: {
234
- weight: {
235
- normal: string;
236
- bold: string;
237
- };
238
- };
239
- typography: {
240
- weight: {
241
- normal: string;
242
- bold: string;
243
- };
244
- font: {
245
- weight: {
246
- normal: string;
247
- bold: string;
248
- };
249
- size: {
250
- "1": string;
251
- "2": string;
252
- "3": string;
253
- "4": string;
254
- "5": string;
255
- "6": string;
256
- "7": string;
257
- "8": string;
258
- "9": string;
259
- "10": string;
260
- "16": string;
261
- "18": string;
262
- "20": string;
263
- "21": string;
264
- "23": string;
265
- "25": string;
266
- "26": string;
267
- "28": string;
268
- "30": string;
269
- "36": string;
270
- "44": string;
271
- "56": string;
272
- };
273
- };
274
- line: {
275
- height: {
276
- "24": string;
277
- "28": string;
278
- "32": string;
279
- "36": string;
280
- "40": string;
281
- "44": string;
282
- "52": string;
283
- "64": string;
284
- flush: string;
285
- tight: string;
286
- relaxed: string;
287
- };
288
- };
289
- style: {
290
- title: {
291
- small: {
292
- fontSize: string;
293
- lineHeight: string;
294
- fontWeight: string;
295
- };
296
- base: {
297
- fontSize: string;
298
- lineHeight: string;
299
- fontWeight: string;
300
- };
301
- };
302
- titleSmall: {
303
- small: {
304
- fontSize: string;
305
- lineHeight: string;
306
- fontWeight: string;
307
- };
308
- base: {
309
- fontSize: string;
310
- lineHeight: string;
311
- fontWeight: string;
312
- };
313
- };
314
- heading_1: {
315
- small: {
316
- fontSize: string;
317
- lineHeight: string;
318
- fontWeight: string;
319
- };
320
- base: {
321
- fontSize: string;
322
- lineHeight: string;
323
- fontWeight: string;
324
- };
325
- };
326
- heading_2: {
327
- small: {
328
- fontSize: string;
329
- lineHeight: string;
330
- fontWeight: string;
331
- };
332
- base: {
333
- fontSize: string;
334
- lineHeight: string;
335
- fontWeight: string;
336
- };
337
- };
338
- heading_3: {
339
- small: {
340
- fontSize: string;
341
- lineHeight: string;
342
- fontWeight: string;
343
- };
344
- base: {
345
- fontSize: string;
346
- lineHeight: string;
347
- fontWeight: string;
348
- };
349
- };
350
- heading_4: {
351
- small: {
352
- fontSize: string;
353
- lineHeight: string;
354
- fontWeight: string;
355
- };
356
- base: {
357
- fontSize: string;
358
- lineHeight: string;
359
- fontWeight: string;
360
- };
361
- };
362
- heading_5: {
363
- small: {
364
- fontSize: string;
365
- lineHeight: string;
366
- fontWeight: string;
367
- };
368
- base: {
369
- fontSize: string;
370
- lineHeight: string;
371
- fontWeight: string;
372
- };
373
- };
374
- paragraphLarge: {
375
- small: {
376
- fontSize: string;
377
- lineHeight: string;
378
- fontWeight: string;
379
- };
380
- base: {
381
- fontSize: string;
382
- lineHeight: string;
383
- fontWeight: string;
384
- };
385
- };
386
- paragraphMedium: {
387
- small: {
388
- fontSize: string;
389
- lineHeight: string;
390
- fontWeight: string;
391
- };
392
- base: {
393
- fontSize: string;
394
- lineHeight: string;
395
- fontWeight: string;
396
- };
397
- };
398
- paragraphSmall: {
399
- small: {
400
- fontSize: string;
401
- lineHeight: string;
402
- fontWeight: string;
403
- };
404
- base: {
405
- fontSize: string;
406
- lineHeight: string;
407
- fontWeight: string;
408
- };
409
- };
410
- textLarge: {
411
- small: {
412
- fontSize: string;
413
- lineHeight: string;
414
- fontWeight: string;
415
- };
416
- base: {
417
- fontSize: string;
418
- lineHeight: string;
419
- fontWeight: string;
420
- };
421
- };
422
- textMedium: {
423
- small: {
424
- fontSize: string;
425
- lineHeight: string;
426
- fontWeight: string;
427
- };
428
- base: {
429
- fontSize: string;
430
- lineHeight: string;
431
- fontWeight: string;
432
- };
433
- };
434
- textSmall: {
435
- small: {
436
- fontSize: string;
437
- lineHeight: string;
438
- fontWeight: string;
439
- };
440
- base: {
441
- fontSize: string;
442
- lineHeight: string;
443
- fontWeight: string;
444
- };
445
- };
446
- textMicro: {
447
- small: {
448
- fontSize: string;
449
- lineHeight: string;
450
- fontWeight: string;
451
- };
452
- base: {
453
- fontSize: string;
454
- lineHeight: string;
455
- fontWeight: string;
456
- };
457
- };
458
- body: {
459
- small: {
460
- fontSize: string;
461
- lineHeight: string;
462
- fontWeight: string;
463
- };
464
- base: {
465
- fontSize: string;
466
- lineHeight: string;
467
- fontWeight: string;
468
- };
469
- };
470
- small: {
471
- small: {
472
- fontSize: string;
473
- lineHeight: string;
474
- fontWeight: string;
475
- };
476
- base: {
477
- fontSize: string;
478
- lineHeight: string;
479
- fontWeight: string;
480
- };
481
- };
482
- };
483
- title: {
484
- small: {
485
- fontSize: string;
486
- lineHeight: string;
487
- fontWeight: string;
488
- };
489
- base: {
490
- fontSize: string;
491
- lineHeight: string;
492
- fontWeight: string;
493
- };
494
- };
495
- titleSmall: {
496
- small: {
497
- fontSize: string;
498
- lineHeight: string;
499
- fontWeight: string;
500
- };
501
- base: {
502
- fontSize: string;
503
- lineHeight: string;
504
- fontWeight: string;
505
- };
506
- };
507
- heading_1: {
508
- small: {
509
- fontSize: string;
510
- lineHeight: string;
511
- fontWeight: string;
512
- };
513
- base: {
514
- fontSize: string;
515
- lineHeight: string;
516
- fontWeight: string;
517
- };
518
- };
519
- heading_2: {
520
- small: {
521
- fontSize: string;
522
- lineHeight: string;
523
- fontWeight: string;
524
- };
525
- base: {
526
- fontSize: string;
527
- lineHeight: string;
528
- fontWeight: string;
529
- };
530
- };
531
- heading_3: {
532
- small: {
533
- fontSize: string;
534
- lineHeight: string;
535
- fontWeight: string;
536
- };
537
- base: {
538
- fontSize: string;
539
- lineHeight: string;
540
- fontWeight: string;
541
- };
542
- };
543
- heading_4: {
544
- small: {
545
- fontSize: string;
546
- lineHeight: string;
547
- fontWeight: string;
548
- };
549
- base: {
550
- fontSize: string;
551
- lineHeight: string;
552
- fontWeight: string;
553
- };
554
- };
555
- heading_5: {
556
- small: {
557
- fontSize: string;
558
- lineHeight: string;
559
- fontWeight: string;
560
- };
561
- base: {
562
- fontSize: string;
563
- lineHeight: string;
564
- fontWeight: string;
565
- };
566
- };
567
- body: {
568
- small: {
569
- fontSize: string;
570
- lineHeight: string;
571
- fontWeight: string;
572
- };
573
- base: {
574
- fontSize: string;
575
- lineHeight: string;
576
- fontWeight: string;
577
- };
578
- };
579
- small: {
580
- small: {
581
- fontSize: string;
582
- lineHeight: string;
583
- fontWeight: string;
584
- };
585
- base: {
586
- fontSize: string;
587
- lineHeight: string;
588
- fontWeight: string;
589
- };
590
- };
591
- };
592
- };
593
- export default _default;