@udir-design/theme 1.0.0-beta.6 → 1.0.0-beta.7

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 (3) hide show
  1. package/dist/types.d.ts +1 -1
  2. package/dist/udir.css +127 -112
  3. package/package.json +5 -2
package/dist/types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- /* build: v1.4.0 */
1
+ /* build: v1.5.0 */
2
2
  import type {} from '@digdir/designsystemet/types';
3
3
 
4
4
  // Augment types based on theme
package/dist/udir.css CHANGED
@@ -1,9 +1,81 @@
1
1
  @charset "UTF-8";
2
2
  /*
3
- build: v1.4.0
4
- design-tokens: v1.4.0
3
+ build: v1.5.0
4
+ design-tokens: v1.5.0
5
5
  */
6
6
 
7
+ @layer ds.theme.size-mode {
8
+ :root /* small */ {
9
+ --ds-size-mode-font-size--sm: 1;
10
+ }
11
+ }
12
+
13
+ @layer ds.theme.size-mode {
14
+ :root /* medium */ {
15
+ --ds-size-mode-font-size--md: 1.125;
16
+ }
17
+ }
18
+
19
+ @layer ds.theme.size-mode {
20
+ :root /* large */ {
21
+ --ds-size-mode-font-size--lg: 1.3125;
22
+ }
23
+ }
24
+
25
+ @layer ds.theme.size-mode {
26
+ :root, [data-size] {
27
+ --ds-size: var(--ds-size--md);
28
+ --ds-size--sm: var(--ds-size,);
29
+ --ds-size--md: var(--ds-size,);
30
+ --ds-size--lg: var(--ds-size,);
31
+ --ds-size-mode-font-size:
32
+ var(--ds-size--sm, var(--ds-size-mode-font-size--sm))
33
+ var(--ds-size--md, var(--ds-size-mode-font-size--md))
34
+ var(--ds-size--lg, var(--ds-size-mode-font-size--lg));
35
+ }
36
+
37
+ [data-size='sm'] { --ds-size: var(--ds-size--sm); }
38
+ [data-size='md'] { --ds-size: var(--ds-size--md); }
39
+ [data-size='lg'] { --ds-size: var(--ds-size--lg); }
40
+ }
41
+
42
+ @layer ds.theme.type-scale {
43
+ :root, [data-size] {
44
+ --_ds-font-size-factor: calc(var(--ds-size-mode-font-size) / (var(--ds-size-base) / 16));
45
+ --ds-font-size-1: calc(0.75rem * var(--_ds-font-size-factor));
46
+ --ds-font-size-2: calc(0.875rem * var(--_ds-font-size-factor));
47
+ --ds-font-size-3: calc(1rem * var(--_ds-font-size-factor));
48
+ --ds-font-size-4: calc(1.125rem * var(--_ds-font-size-factor));
49
+ --ds-font-size-5: calc(1.3125rem * var(--_ds-font-size-factor));
50
+ --ds-font-size-6: calc(1.5rem * var(--_ds-font-size-factor));
51
+ --ds-font-size-7: calc(1.875rem * var(--_ds-font-size-factor));
52
+ --ds-font-size-8: calc(2.25rem * var(--_ds-font-size-factor));
53
+ --ds-font-size-9: calc(3rem * var(--_ds-font-size-factor));
54
+ --ds-font-size-10: calc(3.75rem * var(--_ds-font-size-factor));
55
+ --ds-heading-2xl-font-size: var(--ds-font-size-10);
56
+ --ds-heading-xl-font-size: var(--ds-font-size-9);
57
+ --ds-heading-lg-font-size: var(--ds-font-size-8);
58
+ --ds-heading-md-font-size: var(--ds-font-size-7);
59
+ --ds-heading-sm-font-size: var(--ds-font-size-6);
60
+ --ds-heading-xs-font-size: var(--ds-font-size-5);
61
+ --ds-heading-2xs-font-size: var(--ds-font-size-4);
62
+ --ds-body-xl-font-size: var(--ds-font-size-6);
63
+ --ds-body-lg-font-size: var(--ds-font-size-5);
64
+ --ds-body-md-font-size: var(--ds-font-size-4);
65
+ --ds-body-sm-font-size: var(--ds-font-size-3);
66
+ --ds-body-xs-font-size: var(--ds-font-size-2);
67
+ --ds-body-short-xl-font-size: var(--ds-font-size-6);
68
+ --ds-body-short-lg-font-size: var(--ds-font-size-5);
69
+ --ds-body-short-md-font-size: var(--ds-font-size-4);
70
+ --ds-body-short-sm-font-size: var(--ds-font-size-3);
71
+ --ds-body-short-xs-font-size: var(--ds-font-size-2);
72
+ --ds-body-long-xl-font-size: var(--ds-font-size-6);
73
+ --ds-body-long-lg-font-size: var(--ds-font-size-5);
74
+ --ds-body-long-md-font-size: var(--ds-font-size-4);
75
+ --ds-body-long-sm-font-size: var(--ds-font-size-3);
76
+ --ds-body-long-xs-font-size: var(--ds-font-size-2);
77
+ }
78
+ }
7
79
  @layer ds.theme.color-scheme.light {
8
80
  :root, [data-color-scheme="light"] {
9
81
  --ds-color-accent-background-default: #ffffff;
@@ -287,16 +359,6 @@ design-tokens: v1.4.0
287
359
  --ds-line-height-sm: 1.3;
288
360
  --ds-line-height-md: 1.5;
289
361
  --ds-line-height-lg: 1.7;
290
- --ds-font-size-1: 0.75rem;
291
- --ds-font-size-2: 0.875rem;
292
- --ds-font-size-3: 1rem;
293
- --ds-font-size-4: 1.125rem;
294
- --ds-font-size-5: 1.3125rem;
295
- --ds-font-size-6: 1.5rem;
296
- --ds-font-size-7: 1.875rem;
297
- --ds-font-size-8: 2.25rem;
298
- --ds-font-size-9: 3rem;
299
- --ds-font-size-10: 3.75rem;
300
362
  --ds-letter-spacing-1: -0.01em;
301
363
  --ds-letter-spacing-2: -0.005em;
302
364
  --ds-letter-spacing-3: -0.0025em;
@@ -312,98 +374,127 @@ design-tokens: v1.4.0
312
374
  --ds-font-weight-regular: 400;
313
375
  --ds-heading-2xl-font-weight: 500;
314
376
  --ds-heading-2xl-line-height: 1.3;
315
- --ds-heading-2xl-font-size: 3.75rem;
316
377
  --ds-heading-2xl-letter-spacing: 0em;
317
378
  --ds-heading-xl-font-weight: 500;
318
379
  --ds-heading-xl-line-height: 1.3;
319
- --ds-heading-xl-font-size: 3rem;
320
380
  --ds-heading-xl-letter-spacing: 0em;
321
381
  --ds-heading-lg-font-weight: 500;
322
382
  --ds-heading-lg-line-height: 1.3;
323
- --ds-heading-lg-font-size: 2.25rem;
324
383
  --ds-heading-lg-letter-spacing: 0em;
325
384
  --ds-heading-md-font-weight: 500;
326
385
  --ds-heading-md-line-height: 1.3;
327
- --ds-heading-md-font-size: 1.875rem;
328
386
  --ds-heading-md-letter-spacing: 0em;
329
387
  --ds-heading-sm-font-weight: 500;
330
388
  --ds-heading-sm-line-height: 1.3;
331
- --ds-heading-sm-font-size: 1.5rem;
332
389
  --ds-heading-sm-letter-spacing: 0em;
333
390
  --ds-heading-xs-font-weight: 500;
334
391
  --ds-heading-xs-line-height: 1.3;
335
- --ds-heading-xs-font-size: 1.3125rem;
336
392
  --ds-heading-xs-letter-spacing: 0em;
337
393
  --ds-heading-2xs-font-weight: 500;
338
394
  --ds-heading-2xs-line-height: 1.3;
339
- --ds-heading-2xs-font-size: 1.125rem;
340
395
  --ds-heading-2xs-letter-spacing: 0em;
341
396
  --ds-body-xl-font-weight: 400;
342
397
  --ds-body-xl-line-height: 1.5;
343
- --ds-body-xl-font-size: 1.5rem;
344
398
  --ds-body-xl-letter-spacing: 0em;
345
399
  --ds-body-lg-font-weight: 400;
346
400
  --ds-body-lg-line-height: 1.5;
347
- --ds-body-lg-font-size: 1.3125rem;
348
401
  --ds-body-lg-letter-spacing: 0em;
349
402
  --ds-body-md-font-weight: 400;
350
403
  --ds-body-md-line-height: 1.5;
351
- --ds-body-md-font-size: 1.125rem;
352
404
  --ds-body-md-letter-spacing: 0em;
353
405
  --ds-body-sm-font-weight: 400;
354
406
  --ds-body-sm-line-height: 1.5;
355
- --ds-body-sm-font-size: 1rem;
356
407
  --ds-body-sm-letter-spacing: 0em;
357
408
  --ds-body-xs-font-weight: 400;
358
409
  --ds-body-xs-line-height: 1.5;
359
- --ds-body-xs-font-size: 0.875rem;
360
410
  --ds-body-xs-letter-spacing: 0em;
361
411
  --ds-body-short-xl-font-weight: 400;
362
412
  --ds-body-short-xl-line-height: 1.3;
363
- --ds-body-short-xl-font-size: 1.5rem;
364
413
  --ds-body-short-xl-letter-spacing: 0em;
365
414
  --ds-body-short-lg-font-weight: 400;
366
415
  --ds-body-short-lg-line-height: 1.3;
367
- --ds-body-short-lg-font-size: 1.3125rem;
368
416
  --ds-body-short-lg-letter-spacing: 0em;
369
417
  --ds-body-short-md-font-weight: 400;
370
418
  --ds-body-short-md-line-height: 1.3;
371
- --ds-body-short-md-font-size: 1.125rem;
372
419
  --ds-body-short-md-letter-spacing: 0em;
373
420
  --ds-body-short-sm-font-weight: 400;
374
421
  --ds-body-short-sm-line-height: 1.3;
375
- --ds-body-short-sm-font-size: 1rem;
376
422
  --ds-body-short-sm-letter-spacing: 0em;
377
423
  --ds-body-short-xs-font-weight: 400;
378
424
  --ds-body-short-xs-line-height: 1.3;
379
- --ds-body-short-xs-font-size: 0.875rem;
380
425
  --ds-body-short-xs-letter-spacing: 0em;
381
426
  --ds-body-long-xl-font-weight: 400;
382
427
  --ds-body-long-xl-line-height: 1.7;
383
- --ds-body-long-xl-font-size: 1.5rem;
384
428
  --ds-body-long-xl-letter-spacing: 0em;
385
429
  --ds-body-long-lg-font-weight: 400;
386
430
  --ds-body-long-lg-line-height: 1.7;
387
- --ds-body-long-lg-font-size: 1.3125rem;
388
431
  --ds-body-long-lg-letter-spacing: 0em;
389
432
  --ds-body-long-md-font-weight: 400;
390
433
  --ds-body-long-md-line-height: 1.7;
391
- --ds-body-long-md-font-size: 1.125rem;
392
434
  --ds-body-long-md-letter-spacing: 0em;
393
435
  --ds-body-long-sm-font-weight: 400;
394
436
  --ds-body-long-sm-line-height: 1.7;
395
- --ds-body-long-sm-font-size: 1rem;
396
437
  --ds-body-long-sm-letter-spacing: 0em;
397
438
  --ds-body-long-xs-font-weight: 400;
398
439
  --ds-body-long-xs-line-height: 1.7;
399
- --ds-body-long-xs-font-size: 0.875rem;
400
440
  --ds-body-long-xs-letter-spacing: 0em;
401
441
  }
402
442
  }
403
- @layer ds.theme.semantic {
404
- :root {
443
+ @layer ds.theme.size {
444
+ :root, [data-size] {
405
445
  --ds-size-base: 18;
406
446
  --ds-size-step: 4;
447
+
448
+ --ds-size-0: calc(var(--ds-size-unit) * 0);
449
+ --ds-size-1: calc(var(--ds-size-unit) * 1);
450
+ --ds-size-2: calc(var(--ds-size-unit) * 2);
451
+ --ds-size-3: calc(var(--ds-size-unit) * 3);
452
+ --ds-size-4: calc(var(--ds-size-unit) * 4);
453
+ --ds-size-5: calc(var(--ds-size-unit) * 5);
454
+ --ds-size-6: calc(var(--ds-size-unit) * 6);
455
+ --ds-size-7: calc(var(--ds-size-unit) * 7);
456
+ --ds-size-8: calc(var(--ds-size-unit) * 8);
457
+ --ds-size-9: calc(var(--ds-size-unit) * 9);
458
+ --ds-size-10: calc(var(--ds-size-unit) * 10);
459
+ --ds-size-11: calc(var(--ds-size-unit) * 11);
460
+ --ds-size-12: calc(var(--ds-size-unit) * 12);
461
+ --ds-size-13: calc(var(--ds-size-unit) * 13);
462
+ --ds-size-14: calc(var(--ds-size-unit) * 14);
463
+ --ds-size-15: calc(var(--ds-size-unit) * 15);
464
+ --ds-size-18: calc(var(--ds-size-unit) * 18);
465
+ --ds-size-22: calc(var(--ds-size-unit) * 22);
466
+ --ds-size-26: calc(var(--ds-size-unit) * 26);
467
+ --ds-size-30: calc(var(--ds-size-unit) * 30);
468
+ --ds-size-unit: calc(1rem * var(--ds-size-step) / var(--ds-size-base) * var(--ds-size-mode-font-size));
469
+
470
+ @supports (width: round(down, .1em, 1px)) {
471
+ --ds-size-0: round(down, calc(var(--ds-size-unit) * 0), 1px);
472
+ --ds-size-1: round(down, calc(var(--ds-size-unit) * 1), 1px);
473
+ --ds-size-2: round(down, calc(var(--ds-size-unit) * 2), 1px);
474
+ --ds-size-3: round(down, calc(var(--ds-size-unit) * 3), 1px);
475
+ --ds-size-4: round(down, calc(var(--ds-size-unit) * 4), 1px);
476
+ --ds-size-5: round(down, calc(var(--ds-size-unit) * 5), 1px);
477
+ --ds-size-6: round(down, calc(var(--ds-size-unit) * 6), 1px);
478
+ --ds-size-7: round(down, calc(var(--ds-size-unit) * 7), 1px);
479
+ --ds-size-8: round(down, calc(var(--ds-size-unit) * 8), 1px);
480
+ --ds-size-9: round(down, calc(var(--ds-size-unit) * 9), 1px);
481
+ --ds-size-10: round(down, calc(var(--ds-size-unit) * 10), 1px);
482
+ --ds-size-11: round(down, calc(var(--ds-size-unit) * 11), 1px);
483
+ --ds-size-12: round(down, calc(var(--ds-size-unit) * 12), 1px);
484
+ --ds-size-13: round(down, calc(var(--ds-size-unit) * 13), 1px);
485
+ --ds-size-14: round(down, calc(var(--ds-size-unit) * 14), 1px);
486
+ --ds-size-15: round(down, calc(var(--ds-size-unit) * 15), 1px);
487
+ --ds-size-18: round(down, calc(var(--ds-size-unit) * 18), 1px);
488
+ --ds-size-22: round(down, calc(var(--ds-size-unit) * 22), 1px);
489
+ --ds-size-26: round(down, calc(var(--ds-size-unit) * 26), 1px);
490
+ --ds-size-30: round(down, calc(var(--ds-size-unit) * 30), 1px);
491
+ }
492
+ }
493
+
494
+ }
495
+
496
+ @layer ds.theme.semantic {
497
+ :root {
407
498
  --ds-border-radius-base: 0.75rem;
408
499
  --ds-border-radius-scale: 0.25rem;
409
500
  --ds-border-radius-sm: min(var(--ds-border-radius-base)*0.5,var(--ds-border-radius-scale));
@@ -420,50 +511,6 @@ design-tokens: v1.4.0
420
511
  --ds-shadow-lg: 0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14);
421
512
  --ds-shadow-xl: 0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16);
422
513
  --ds-opacity-disabled: 30%;
423
-
424
- --ds-size-0: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0);
425
- --ds-size-1: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1);
426
- --ds-size-2: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2);
427
- --ds-size-3: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3);
428
- --ds-size-4: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4);
429
- --ds-size-5: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5);
430
- --ds-size-6: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6);
431
- --ds-size-7: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7);
432
- --ds-size-8: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8);
433
- --ds-size-9: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9);
434
- --ds-size-10: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10);
435
- --ds-size-11: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11);
436
- --ds-size-12: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12);
437
- --ds-size-13: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13);
438
- --ds-size-14: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14);
439
- --ds-size-15: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15);
440
- --ds-size-18: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18);
441
- --ds-size-22: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22);
442
- --ds-size-26: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26);
443
- --ds-size-30: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30);
444
-
445
- @supports (width: round(down, .1em, 1px)) {
446
- --ds-size-0: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0), 1px);
447
- --ds-size-1: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1), 1px);
448
- --ds-size-2: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2), 1px);
449
- --ds-size-3: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3), 1px);
450
- --ds-size-4: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4), 1px);
451
- --ds-size-5: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5), 1px);
452
- --ds-size-6: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6), 1px);
453
- --ds-size-7: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7), 1px);
454
- --ds-size-8: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8), 1px);
455
- --ds-size-9: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9), 1px);
456
- --ds-size-10: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10), 1px);
457
- --ds-size-11: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11), 1px);
458
- --ds-size-12: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12), 1px);
459
- --ds-size-13: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13), 1px);
460
- --ds-size-14: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14), 1px);
461
- --ds-size-15: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15), 1px);
462
- --ds-size-18: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18), 1px);
463
- --ds-size-22: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22), 1px);
464
- --ds-size-26: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26), 1px);
465
- --ds-size-30: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30), 1px);
466
- }
467
514
  }
468
515
 
469
516
  }
@@ -751,16 +798,6 @@ design-tokens: v1.4.0
751
798
  --ds-line-height-sm: 1.3;
752
799
  --ds-line-height-md: 1.5;
753
800
  --ds-line-height-lg: 1.7;
754
- --ds-font-size-1: 0.75rem;
755
- --ds-font-size-2: 0.875rem;
756
- --ds-font-size-3: 1rem;
757
- --ds-font-size-4: 1.125rem;
758
- --ds-font-size-5: 1.3125rem;
759
- --ds-font-size-6: 1.5rem;
760
- --ds-font-size-7: 1.875rem;
761
- --ds-font-size-8: 2.25rem;
762
- --ds-font-size-9: 3rem;
763
- --ds-font-size-10: 3.75rem;
764
801
  --ds-letter-spacing-1: -0.01em;
765
802
  --ds-letter-spacing-2: -0.005em;
766
803
  --ds-letter-spacing-3: -0.0025em;
@@ -776,91 +813,69 @@ design-tokens: v1.4.0
776
813
  --ds-font-weight-regular: 400;
777
814
  --ds-heading-2xl-font-weight: 500;
778
815
  --ds-heading-2xl-line-height: 1.3;
779
- --ds-heading-2xl-font-size: 3.75rem;
780
816
  --ds-heading-2xl-letter-spacing: 0em;
781
817
  --ds-heading-xl-font-weight: 500;
782
818
  --ds-heading-xl-line-height: 1.3;
783
- --ds-heading-xl-font-size: 3rem;
784
819
  --ds-heading-xl-letter-spacing: 0em;
785
820
  --ds-heading-lg-font-weight: 500;
786
821
  --ds-heading-lg-line-height: 1.3;
787
- --ds-heading-lg-font-size: 2.25rem;
788
822
  --ds-heading-lg-letter-spacing: 0em;
789
823
  --ds-heading-md-font-weight: 500;
790
824
  --ds-heading-md-line-height: 1.3;
791
- --ds-heading-md-font-size: 1.875rem;
792
825
  --ds-heading-md-letter-spacing: 0em;
793
826
  --ds-heading-sm-font-weight: 500;
794
827
  --ds-heading-sm-line-height: 1.3;
795
- --ds-heading-sm-font-size: 1.5rem;
796
828
  --ds-heading-sm-letter-spacing: 0em;
797
829
  --ds-heading-xs-font-weight: 500;
798
830
  --ds-heading-xs-line-height: 1.3;
799
- --ds-heading-xs-font-size: 1.3125rem;
800
831
  --ds-heading-xs-letter-spacing: 0em;
801
832
  --ds-heading-2xs-font-weight: 500;
802
833
  --ds-heading-2xs-line-height: 1.3;
803
- --ds-heading-2xs-font-size: 1.125rem;
804
834
  --ds-heading-2xs-letter-spacing: 0em;
805
835
  --ds-body-xl-font-weight: 400;
806
836
  --ds-body-xl-line-height: 1.5;
807
- --ds-body-xl-font-size: 1.5rem;
808
837
  --ds-body-xl-letter-spacing: 0em;
809
838
  --ds-body-lg-font-weight: 400;
810
839
  --ds-body-lg-line-height: 1.5;
811
- --ds-body-lg-font-size: 1.3125rem;
812
840
  --ds-body-lg-letter-spacing: 0em;
813
841
  --ds-body-md-font-weight: 400;
814
842
  --ds-body-md-line-height: 1.5;
815
- --ds-body-md-font-size: 1.125rem;
816
843
  --ds-body-md-letter-spacing: 0em;
817
844
  --ds-body-sm-font-weight: 400;
818
845
  --ds-body-sm-line-height: 1.5;
819
- --ds-body-sm-font-size: 1rem;
820
846
  --ds-body-sm-letter-spacing: 0em;
821
847
  --ds-body-xs-font-weight: 400;
822
848
  --ds-body-xs-line-height: 1.5;
823
- --ds-body-xs-font-size: 0.875rem;
824
849
  --ds-body-xs-letter-spacing: 0em;
825
850
  --ds-body-short-xl-font-weight: 400;
826
851
  --ds-body-short-xl-line-height: 1.3;
827
- --ds-body-short-xl-font-size: 1.5rem;
828
852
  --ds-body-short-xl-letter-spacing: 0em;
829
853
  --ds-body-short-lg-font-weight: 400;
830
854
  --ds-body-short-lg-line-height: 1.3;
831
- --ds-body-short-lg-font-size: 1.3125rem;
832
855
  --ds-body-short-lg-letter-spacing: 0em;
833
856
  --ds-body-short-md-font-weight: 400;
834
857
  --ds-body-short-md-line-height: 1.3;
835
- --ds-body-short-md-font-size: 1.125rem;
836
858
  --ds-body-short-md-letter-spacing: 0em;
837
859
  --ds-body-short-sm-font-weight: 400;
838
860
  --ds-body-short-sm-line-height: 1.3;
839
- --ds-body-short-sm-font-size: 1rem;
840
861
  --ds-body-short-sm-letter-spacing: 0em;
841
862
  --ds-body-short-xs-font-weight: 400;
842
863
  --ds-body-short-xs-line-height: 1.3;
843
- --ds-body-short-xs-font-size: 0.875rem;
844
864
  --ds-body-short-xs-letter-spacing: 0em;
845
865
  --ds-body-long-xl-font-weight: 400;
846
866
  --ds-body-long-xl-line-height: 1.7;
847
- --ds-body-long-xl-font-size: 1.5rem;
848
867
  --ds-body-long-xl-letter-spacing: 0em;
849
868
  --ds-body-long-lg-font-weight: 400;
850
869
  --ds-body-long-lg-line-height: 1.7;
851
- --ds-body-long-lg-font-size: 1.3125rem;
852
870
  --ds-body-long-lg-letter-spacing: 0em;
853
871
  --ds-body-long-md-font-weight: 400;
854
872
  --ds-body-long-md-line-height: 1.7;
855
- --ds-body-long-md-font-size: 1.125rem;
856
873
  --ds-body-long-md-letter-spacing: 0em;
857
874
  --ds-body-long-sm-font-weight: 400;
858
875
  --ds-body-long-sm-line-height: 1.7;
859
- --ds-body-long-sm-font-size: 1rem;
860
876
  --ds-body-long-sm-letter-spacing: 0em;
861
877
  --ds-body-long-xs-font-weight: 400;
862
878
  --ds-body-long-xs-line-height: 1.7;
863
- --ds-body-long-xs-font-size: 0.875rem;
864
879
  --ds-body-long-xs-letter-spacing: 0em;
865
880
  }
866
881
  }
package/package.json CHANGED
@@ -5,8 +5,11 @@
5
5
  "url": "github:Utdanningsdirektoratet/designsystem",
6
6
  "directory": "@udir-design/theme"
7
7
  },
8
+ "publishConfig": {
9
+ "access": "public"
10
+ },
8
11
  "license": "MIT",
9
- "version": "1.0.0-beta.6",
12
+ "version": "1.0.0-beta.7",
10
13
  "type": "module",
11
14
  "exports": {
12
15
  ".": {
@@ -18,7 +21,7 @@
18
21
  "./dist"
19
22
  ],
20
23
  "dependencies": {
21
- "@digdir/designsystemet": "1.4.0"
24
+ "@digdir/designsystemet": "1.5.0"
22
25
  },
23
26
  "devDependencies": {
24
27
  "rimraf": "^6.0.1",