@utrecht/design-tokens 5.0.1 → 5.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/_mixin-theme.scss +20 -15
  3. package/dist/_mixin.scss +20 -15
  4. package/dist/_variables.scss +20 -15
  5. package/dist/dark/_mixin-theme.scss +20 -15
  6. package/dist/dark/_mixin.scss +20 -15
  7. package/dist/dark/_variables.scss +20 -15
  8. package/dist/dark/index.cjs +18 -13
  9. package/dist/dark/index.css +20 -15
  10. package/dist/dark/index.d.ts +9 -4
  11. package/dist/dark/index.flat.json +17 -12
  12. package/dist/dark/index.json +117 -36
  13. package/dist/dark/index.mjs +18 -13
  14. package/dist/dark/index.tokens.json +22 -15
  15. package/dist/dark/list.json +117 -36
  16. package/dist/dark/list.mjs +117 -36
  17. package/dist/dark/root.css +19 -14
  18. package/dist/dark/theme-prince-xml.css +20 -15
  19. package/dist/dark/theme.css +19 -14
  20. package/dist/dark/tokens.cjs +127 -44
  21. package/dist/dark/tokens.d.ts +10 -3
  22. package/dist/dark/tokens.json +129 -46
  23. package/dist/dark/variables.cjs +18 -13
  24. package/dist/dark/variables.css +19 -14
  25. package/dist/dark/variables.d.ts +9 -4
  26. package/dist/dark/variables.json +17 -12
  27. package/dist/dark/variables.less +20 -15
  28. package/dist/dark/variables.mjs +18 -13
  29. package/dist/index.cjs +18 -13
  30. package/dist/index.css +40 -30
  31. package/dist/index.d.ts +9 -4
  32. package/dist/index.flat.json +17 -12
  33. package/dist/index.json +117 -36
  34. package/dist/index.mjs +18 -13
  35. package/dist/index.tokens.json +22 -15
  36. package/dist/list.json +117 -36
  37. package/dist/list.mjs +117 -36
  38. package/dist/root.css +19 -14
  39. package/dist/theme-prince-xml.css +20 -15
  40. package/dist/theme.css +19 -14
  41. package/dist/tokens.cjs +127 -44
  42. package/dist/tokens.d.ts +10 -3
  43. package/dist/tokens.json +129 -46
  44. package/dist/variables.cjs +18 -13
  45. package/dist/variables.css +19 -14
  46. package/dist/variables.d.ts +9 -4
  47. package/dist/variables.json +17 -12
  48. package/dist/variables.less +20 -15
  49. package/dist/variables.mjs +18 -13
  50. package/package.json +6 -6
  51. package/src/brand/utrecht/typography.tokens.json +17 -12
  52. package/src/component/nl/heading.tokens.json +8 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @utrecht/design-tokens
2
2
 
3
+ ## 5.0.2
4
+
5
+ ### Patch Changes
6
+
7
+ - 157d561: Corrected the typography token values and the heading token values to make the headings visually distinctive.
8
+
3
9
  ## 5.0.1
4
10
 
5
11
  ### Patch Changes
package/dist/_mixin-theme.scss CHANGED
@@ -24,18 +24,23 @@
24
24
  --utrecht-border-radius-sm: 2px;
25
25
  --utrecht-border-width-md: 2px;
26
26
  --utrecht-border-width-sm: 1px;
27
- --utrecht-typography-line-height-lg: 2;
27
+ --utrecht-typography-line-height-4xl: 1.1;
28
+ --utrecht-typography-line-height-3xl: 1.25;
29
+ --utrecht-typography-line-height-2xl: 1.25;
30
+ --utrecht-typography-line-height-xl: 1.25;
31
+ --utrecht-typography-line-height-lg: 1.25;
28
32
  --utrecht-typography-line-height-md: 1.5;
29
- --utrecht-typography-line-height-sm: 1.25;
30
- --utrecht-typography-line-height-xs: 1;
33
+ --utrecht-typography-line-height-sm: 1.5;
34
+ --utrecht-typography-line-height-xs: 1.5;
31
35
  --utrecht-typography-font-style-inherit: inherit;
32
36
  --utrecht-typography-font-style-normal: normal;
37
+ --utrecht-typography-weight-scale-bold-font-weight: 700;
33
38
  --utrecht-typography-weight-scale-semibold-font-weight: 600;
39
+ --utrecht-typography-weight-scale-medium-font-weight: 500;
34
40
  --utrecht-typography-weight-scale-normal-font-weight: 400;
35
- --utrecht-typography-weight-scale-bold-font-weight: 700;
36
- --utrecht-typography-scale-4xl-font-size: 2rem; /* 32px */
37
- --utrecht-typography-scale-3xl-font-size: 1.5rem; /* 24px */
38
- --utrecht-typography-scale-2xl-font-size: 1.375rem; /* 22px */
41
+ --utrecht-typography-scale-4xl-font-size: 2.5rem; /* 40px */
42
+ --utrecht-typography-scale-3xl-font-size: 2rem; /* 32px */
43
+ --utrecht-typography-scale-2xl-font-size: 1.5rem; /* 24px */
39
44
  --utrecht-typography-scale-xl-font-size: 1.25rem; /* 20px */
40
45
  --utrecht-typography-scale-lg-font-size: 1.125rem; /* 18px */
41
46
  --utrecht-typography-scale-md-font-size: 1rem; /* 16px */
@@ -457,29 +462,29 @@
457
462
  --nl-number-badge-background-color: var(--utrecht-color-red-40);
458
463
  --nl-mark-color: var(--utrecht-color-black);
459
464
  --nl-mark-background-color: var(--utrecht-color-yellow-60);
460
- --nl-heading-level-6-line-height: var(--utrecht-typography-line-height-md);
465
+ --nl-heading-level-6-line-height: var(--utrecht-typography-line-height-sm);
461
466
  --nl-heading-level-6-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
462
467
  --nl-heading-level-6-font-size: var(--utrecht-typography-scale-sm-font-size);
463
468
  --nl-heading-level-6-font-family: var(--utrecht-typography-sans-serif-font-family);
464
469
  --nl-heading-level-5-line-height: var(--utrecht-typography-line-height-md);
465
470
  --nl-heading-level-5-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
466
- --nl-heading-level-5-font-size: var(--utrecht-typography-scale-sm-font-size);
471
+ --nl-heading-level-5-font-size: var(--utrecht-typography-scale-md-font-size);
467
472
  --nl-heading-level-5-font-family: var(--utrecht-typography-sans-serif-font-family);
468
- --nl-heading-level-4-line-height: var(--utrecht-typography-line-height-md);
473
+ --nl-heading-level-4-line-height: var(--utrecht-typography-line-height-lg);
469
474
  --nl-heading-level-4-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
470
475
  --nl-heading-level-4-font-size: var(--utrecht-typography-scale-lg-font-size);
471
476
  --nl-heading-level-4-font-family: var(--utrecht-typography-sans-serif-font-family);
472
- --nl-heading-level-3-line-height: var(--utrecht-typography-line-height-sm);
477
+ --nl-heading-level-3-line-height: var(--utrecht-typography-line-height-xl);
473
478
  --nl-heading-level-3-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
474
479
  --nl-heading-level-3-font-size: var(--utrecht-typography-scale-xl-font-size);
475
480
  --nl-heading-level-3-font-family: var(--utrecht-typography-sans-serif-font-family);
476
- --nl-heading-level-2-line-height: var(--utrecht-typography-line-height-sm);
481
+ --nl-heading-level-2-line-height: var(--utrecht-typography-line-height-2xl);
477
482
  --nl-heading-level-2-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
478
- --nl-heading-level-2-font-size: var(--utrecht-typography-scale-xl-font-size);
483
+ --nl-heading-level-2-font-size: var(--utrecht-typography-scale-2xl-font-size);
479
484
  --nl-heading-level-2-font-family: var(--utrecht-typography-sans-serif-font-family);
480
- --nl-heading-level-1-line-height: var(--utrecht-typography-line-height-sm);
485
+ --nl-heading-level-1-line-height: var(--utrecht-typography-line-height-3xl);
481
486
  --nl-heading-level-1-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
482
- --nl-heading-level-1-font-size: var(--utrecht-typography-scale-4xl-font-size);
487
+ --nl-heading-level-1-font-size: var(--utrecht-typography-scale-3xl-font-size);
483
488
  --nl-heading-level-1-font-family: var(--utrecht-typography-sans-serif-font-family);
484
489
  --nl-data-badge-padding-inline: var(--utrecht-space-inline-sm);
485
490
  --nl-data-badge-padding-block: var(--utrecht-space-block-xs);
package/dist/_mixin.scss CHANGED
@@ -24,18 +24,23 @@
24
24
  --utrecht-border-radius-sm: 2px;
25
25
  --utrecht-border-width-md: 2px;
26
26
  --utrecht-border-width-sm: 1px;
27
- --utrecht-typography-line-height-lg: 2;
27
+ --utrecht-typography-line-height-4xl: 1.1;
28
+ --utrecht-typography-line-height-3xl: 1.25;
29
+ --utrecht-typography-line-height-2xl: 1.25;
30
+ --utrecht-typography-line-height-xl: 1.25;
31
+ --utrecht-typography-line-height-lg: 1.25;
28
32
  --utrecht-typography-line-height-md: 1.5;
29
- --utrecht-typography-line-height-sm: 1.25;
30
- --utrecht-typography-line-height-xs: 1;
33
+ --utrecht-typography-line-height-sm: 1.5;
34
+ --utrecht-typography-line-height-xs: 1.5;
31
35
  --utrecht-typography-font-style-inherit: inherit;
32
36
  --utrecht-typography-font-style-normal: normal;
37
+ --utrecht-typography-weight-scale-bold-font-weight: 700;
33
38
  --utrecht-typography-weight-scale-semibold-font-weight: 600;
39
+ --utrecht-typography-weight-scale-medium-font-weight: 500;
34
40
  --utrecht-typography-weight-scale-normal-font-weight: 400;
35
- --utrecht-typography-weight-scale-bold-font-weight: 700;
36
- --utrecht-typography-scale-4xl-font-size: 2rem; /* 32px */
37
- --utrecht-typography-scale-3xl-font-size: 1.5rem; /* 24px */
38
- --utrecht-typography-scale-2xl-font-size: 1.375rem; /* 22px */
41
+ --utrecht-typography-scale-4xl-font-size: 2.5rem; /* 40px */
42
+ --utrecht-typography-scale-3xl-font-size: 2rem; /* 32px */
43
+ --utrecht-typography-scale-2xl-font-size: 1.5rem; /* 24px */
39
44
  --utrecht-typography-scale-xl-font-size: 1.25rem; /* 20px */
40
45
  --utrecht-typography-scale-lg-font-size: 1.125rem; /* 18px */
41
46
  --utrecht-typography-scale-md-font-size: 1rem; /* 16px */
@@ -457,29 +462,29 @@
457
462
  --nl-number-badge-background-color: var(--utrecht-color-red-40);
458
463
  --nl-mark-color: var(--utrecht-color-black);
459
464
  --nl-mark-background-color: var(--utrecht-color-yellow-60);
460
- --nl-heading-level-6-line-height: var(--utrecht-typography-line-height-md);
465
+ --nl-heading-level-6-line-height: var(--utrecht-typography-line-height-sm);
461
466
  --nl-heading-level-6-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
462
467
  --nl-heading-level-6-font-size: var(--utrecht-typography-scale-sm-font-size);
463
468
  --nl-heading-level-6-font-family: var(--utrecht-typography-sans-serif-font-family);
464
469
  --nl-heading-level-5-line-height: var(--utrecht-typography-line-height-md);
465
470
  --nl-heading-level-5-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
466
- --nl-heading-level-5-font-size: var(--utrecht-typography-scale-sm-font-size);
471
+ --nl-heading-level-5-font-size: var(--utrecht-typography-scale-md-font-size);
467
472
  --nl-heading-level-5-font-family: var(--utrecht-typography-sans-serif-font-family);
468
- --nl-heading-level-4-line-height: var(--utrecht-typography-line-height-md);
473
+ --nl-heading-level-4-line-height: var(--utrecht-typography-line-height-lg);
469
474
  --nl-heading-level-4-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
470
475
  --nl-heading-level-4-font-size: var(--utrecht-typography-scale-lg-font-size);
471
476
  --nl-heading-level-4-font-family: var(--utrecht-typography-sans-serif-font-family);
472
- --nl-heading-level-3-line-height: var(--utrecht-typography-line-height-sm);
477
+ --nl-heading-level-3-line-height: var(--utrecht-typography-line-height-xl);
473
478
  --nl-heading-level-3-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
474
479
  --nl-heading-level-3-font-size: var(--utrecht-typography-scale-xl-font-size);
475
480
  --nl-heading-level-3-font-family: var(--utrecht-typography-sans-serif-font-family);
476
- --nl-heading-level-2-line-height: var(--utrecht-typography-line-height-sm);
481
+ --nl-heading-level-2-line-height: var(--utrecht-typography-line-height-2xl);
477
482
  --nl-heading-level-2-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
478
- --nl-heading-level-2-font-size: var(--utrecht-typography-scale-xl-font-size);
483
+ --nl-heading-level-2-font-size: var(--utrecht-typography-scale-2xl-font-size);
479
484
  --nl-heading-level-2-font-family: var(--utrecht-typography-sans-serif-font-family);
480
- --nl-heading-level-1-line-height: var(--utrecht-typography-line-height-sm);
485
+ --nl-heading-level-1-line-height: var(--utrecht-typography-line-height-3xl);
481
486
  --nl-heading-level-1-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
482
- --nl-heading-level-1-font-size: var(--utrecht-typography-scale-4xl-font-size);
487
+ --nl-heading-level-1-font-size: var(--utrecht-typography-scale-3xl-font-size);
483
488
  --nl-heading-level-1-font-family: var(--utrecht-typography-sans-serif-font-family);
484
489
  --nl-data-badge-padding-inline: var(--utrecht-space-inline-sm);
485
490
  --nl-data-badge-padding-block: var(--utrecht-space-block-xs);
package/dist/_variables.scss CHANGED
@@ -22,18 +22,23 @@ $utrecht-border-radius-md: 4px;
22
22
  $utrecht-border-radius-sm: 2px;
23
23
  $utrecht-border-width-md: 2px;
24
24
  $utrecht-border-width-sm: 1px;
25
- $utrecht-typography-line-height-lg: 2;
25
+ $utrecht-typography-line-height-4xl: 1.1;
26
+ $utrecht-typography-line-height-3xl: 1.25;
27
+ $utrecht-typography-line-height-2xl: 1.25;
28
+ $utrecht-typography-line-height-xl: 1.25;
29
+ $utrecht-typography-line-height-lg: 1.25;
26
30
  $utrecht-typography-line-height-md: 1.5;
27
- $utrecht-typography-line-height-sm: 1.25;
28
- $utrecht-typography-line-height-xs: 1;
31
+ $utrecht-typography-line-height-sm: 1.5;
32
+ $utrecht-typography-line-height-xs: 1.5;
29
33
  $utrecht-typography-font-style-inherit: inherit;
30
34
  $utrecht-typography-font-style-normal: normal;
35
+ $utrecht-typography-weight-scale-bold-font-weight: 700;
31
36
  $utrecht-typography-weight-scale-semibold-font-weight: 600;
37
+ $utrecht-typography-weight-scale-medium-font-weight: 500;
32
38
  $utrecht-typography-weight-scale-normal-font-weight: 400;
33
- $utrecht-typography-weight-scale-bold-font-weight: 700;
34
- $utrecht-typography-scale-4xl-font-size: 2rem; // 32px
35
- $utrecht-typography-scale-3xl-font-size: 1.5rem; // 24px
36
- $utrecht-typography-scale-2xl-font-size: 1.375rem; // 22px
39
+ $utrecht-typography-scale-4xl-font-size: 2.5rem; // 40px
40
+ $utrecht-typography-scale-3xl-font-size: 2rem; // 32px
41
+ $utrecht-typography-scale-2xl-font-size: 1.5rem; // 24px
37
42
  $utrecht-typography-scale-xl-font-size: 1.25rem; // 20px
38
43
  $utrecht-typography-scale-lg-font-size: 1.125rem; // 18px
39
44
  $utrecht-typography-scale-md-font-size: 1rem; // 16px
@@ -455,29 +460,29 @@ $nl-number-badge-color: $utrecht-color-white;
455
460
  $nl-number-badge-background-color: $utrecht-color-red-40;
456
461
  $nl-mark-color: $utrecht-color-black;
457
462
  $nl-mark-background-color: $utrecht-color-yellow-60;
458
- $nl-heading-level-6-line-height: $utrecht-typography-line-height-md;
463
+ $nl-heading-level-6-line-height: $utrecht-typography-line-height-sm;
459
464
  $nl-heading-level-6-font-weight: $utrecht-typography-weight-scale-semibold-font-weight;
460
465
  $nl-heading-level-6-font-size: $utrecht-typography-scale-sm-font-size;
461
466
  $nl-heading-level-6-font-family: $utrecht-typography-sans-serif-font-family;
462
467
  $nl-heading-level-5-line-height: $utrecht-typography-line-height-md;
463
468
  $nl-heading-level-5-font-weight: $utrecht-typography-weight-scale-semibold-font-weight;
464
- $nl-heading-level-5-font-size: $utrecht-typography-scale-sm-font-size;
469
+ $nl-heading-level-5-font-size: $utrecht-typography-scale-md-font-size;
465
470
  $nl-heading-level-5-font-family: $utrecht-typography-sans-serif-font-family;
466
- $nl-heading-level-4-line-height: $utrecht-typography-line-height-md;
471
+ $nl-heading-level-4-line-height: $utrecht-typography-line-height-lg;
467
472
  $nl-heading-level-4-font-weight: $utrecht-typography-weight-scale-semibold-font-weight;
468
473
  $nl-heading-level-4-font-size: $utrecht-typography-scale-lg-font-size;
469
474
  $nl-heading-level-4-font-family: $utrecht-typography-sans-serif-font-family;
470
- $nl-heading-level-3-line-height: $utrecht-typography-line-height-sm;
475
+ $nl-heading-level-3-line-height: $utrecht-typography-line-height-xl;
471
476
  $nl-heading-level-3-font-weight: $utrecht-typography-weight-scale-semibold-font-weight;
472
477
  $nl-heading-level-3-font-size: $utrecht-typography-scale-xl-font-size;
473
478
  $nl-heading-level-3-font-family: $utrecht-typography-sans-serif-font-family;
474
- $nl-heading-level-2-line-height: $utrecht-typography-line-height-sm;
479
+ $nl-heading-level-2-line-height: $utrecht-typography-line-height-2xl;
475
480
  $nl-heading-level-2-font-weight: $utrecht-typography-weight-scale-semibold-font-weight;
476
- $nl-heading-level-2-font-size: $utrecht-typography-scale-xl-font-size;
481
+ $nl-heading-level-2-font-size: $utrecht-typography-scale-2xl-font-size;
477
482
  $nl-heading-level-2-font-family: $utrecht-typography-sans-serif-font-family;
478
- $nl-heading-level-1-line-height: $utrecht-typography-line-height-sm;
483
+ $nl-heading-level-1-line-height: $utrecht-typography-line-height-3xl;
479
484
  $nl-heading-level-1-font-weight: $utrecht-typography-weight-scale-semibold-font-weight;
480
- $nl-heading-level-1-font-size: $utrecht-typography-scale-4xl-font-size;
485
+ $nl-heading-level-1-font-size: $utrecht-typography-scale-3xl-font-size;
481
486
  $nl-heading-level-1-font-family: $utrecht-typography-sans-serif-font-family;
482
487
  $nl-data-badge-padding-inline: $utrecht-space-inline-sm;
483
488
  $nl-data-badge-padding-block: $utrecht-space-block-xs;
package/dist/dark/_mixin-theme.scss CHANGED
@@ -24,18 +24,23 @@
24
24
  --utrecht-border-radius-sm: 2px;
25
25
  --utrecht-border-width-md: 2px;
26
26
  --utrecht-border-width-sm: 1px;
27
- --utrecht-typography-line-height-lg: 2;
27
+ --utrecht-typography-line-height-4xl: 1.1;
28
+ --utrecht-typography-line-height-3xl: 1.25;
29
+ --utrecht-typography-line-height-2xl: 1.25;
30
+ --utrecht-typography-line-height-xl: 1.25;
31
+ --utrecht-typography-line-height-lg: 1.25;
28
32
  --utrecht-typography-line-height-md: 1.5;
29
- --utrecht-typography-line-height-sm: 1.25;
30
- --utrecht-typography-line-height-xs: 1;
33
+ --utrecht-typography-line-height-sm: 1.5;
34
+ --utrecht-typography-line-height-xs: 1.5;
31
35
  --utrecht-typography-font-style-inherit: inherit;
32
36
  --utrecht-typography-font-style-normal: normal;
37
+ --utrecht-typography-weight-scale-bold-font-weight: 700;
33
38
  --utrecht-typography-weight-scale-semibold-font-weight: 600;
39
+ --utrecht-typography-weight-scale-medium-font-weight: 500;
34
40
  --utrecht-typography-weight-scale-normal-font-weight: 400;
35
- --utrecht-typography-weight-scale-bold-font-weight: 700;
36
- --utrecht-typography-scale-4xl-font-size: 2rem; /* 32px */
37
- --utrecht-typography-scale-3xl-font-size: 1.5rem; /* 24px */
38
- --utrecht-typography-scale-2xl-font-size: 1.375rem; /* 22px */
41
+ --utrecht-typography-scale-4xl-font-size: 2.5rem; /* 40px */
42
+ --utrecht-typography-scale-3xl-font-size: 2rem; /* 32px */
43
+ --utrecht-typography-scale-2xl-font-size: 1.5rem; /* 24px */
39
44
  --utrecht-typography-scale-xl-font-size: 1.25rem; /* 20px */
40
45
  --utrecht-typography-scale-lg-font-size: 1.125rem; /* 18px */
41
46
  --utrecht-typography-scale-md-font-size: 1rem; /* 16px */
@@ -459,29 +464,29 @@
459
464
  --nl-number-badge-background-color: var(--utrecht-color-red-40);
460
465
  --nl-mark-color: var(--utrecht-color-black);
461
466
  --nl-mark-background-color: var(--utrecht-color-yellow-60);
462
- --nl-heading-level-6-line-height: var(--utrecht-typography-line-height-md);
467
+ --nl-heading-level-6-line-height: var(--utrecht-typography-line-height-sm);
463
468
  --nl-heading-level-6-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
464
469
  --nl-heading-level-6-font-size: var(--utrecht-typography-scale-sm-font-size);
465
470
  --nl-heading-level-6-font-family: var(--utrecht-typography-sans-serif-font-family);
466
471
  --nl-heading-level-5-line-height: var(--utrecht-typography-line-height-md);
467
472
  --nl-heading-level-5-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
468
- --nl-heading-level-5-font-size: var(--utrecht-typography-scale-sm-font-size);
473
+ --nl-heading-level-5-font-size: var(--utrecht-typography-scale-md-font-size);
469
474
  --nl-heading-level-5-font-family: var(--utrecht-typography-sans-serif-font-family);
470
- --nl-heading-level-4-line-height: var(--utrecht-typography-line-height-md);
475
+ --nl-heading-level-4-line-height: var(--utrecht-typography-line-height-lg);
471
476
  --nl-heading-level-4-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
472
477
  --nl-heading-level-4-font-size: var(--utrecht-typography-scale-lg-font-size);
473
478
  --nl-heading-level-4-font-family: var(--utrecht-typography-sans-serif-font-family);
474
- --nl-heading-level-3-line-height: var(--utrecht-typography-line-height-sm);
479
+ --nl-heading-level-3-line-height: var(--utrecht-typography-line-height-xl);
475
480
  --nl-heading-level-3-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
476
481
  --nl-heading-level-3-font-size: var(--utrecht-typography-scale-xl-font-size);
477
482
  --nl-heading-level-3-font-family: var(--utrecht-typography-sans-serif-font-family);
478
- --nl-heading-level-2-line-height: var(--utrecht-typography-line-height-sm);
483
+ --nl-heading-level-2-line-height: var(--utrecht-typography-line-height-2xl);
479
484
  --nl-heading-level-2-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
480
- --nl-heading-level-2-font-size: var(--utrecht-typography-scale-xl-font-size);
485
+ --nl-heading-level-2-font-size: var(--utrecht-typography-scale-2xl-font-size);
481
486
  --nl-heading-level-2-font-family: var(--utrecht-typography-sans-serif-font-family);
482
- --nl-heading-level-1-line-height: var(--utrecht-typography-line-height-sm);
487
+ --nl-heading-level-1-line-height: var(--utrecht-typography-line-height-3xl);
483
488
  --nl-heading-level-1-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
484
- --nl-heading-level-1-font-size: var(--utrecht-typography-scale-4xl-font-size);
489
+ --nl-heading-level-1-font-size: var(--utrecht-typography-scale-3xl-font-size);
485
490
  --nl-heading-level-1-font-family: var(--utrecht-typography-sans-serif-font-family);
486
491
  --nl-data-badge-padding-inline: var(--utrecht-space-inline-sm);
487
492
  --nl-data-badge-padding-block: var(--utrecht-space-block-xs);
package/dist/dark/_mixin.scss CHANGED
@@ -24,18 +24,23 @@
24
24
  --utrecht-border-radius-sm: 2px;
25
25
  --utrecht-border-width-md: 2px;
26
26
  --utrecht-border-width-sm: 1px;
27
- --utrecht-typography-line-height-lg: 2;
27
+ --utrecht-typography-line-height-4xl: 1.1;
28
+ --utrecht-typography-line-height-3xl: 1.25;
29
+ --utrecht-typography-line-height-2xl: 1.25;
30
+ --utrecht-typography-line-height-xl: 1.25;
31
+ --utrecht-typography-line-height-lg: 1.25;
28
32
  --utrecht-typography-line-height-md: 1.5;
29
- --utrecht-typography-line-height-sm: 1.25;
30
- --utrecht-typography-line-height-xs: 1;
33
+ --utrecht-typography-line-height-sm: 1.5;
34
+ --utrecht-typography-line-height-xs: 1.5;
31
35
  --utrecht-typography-font-style-inherit: inherit;
32
36
  --utrecht-typography-font-style-normal: normal;
37
+ --utrecht-typography-weight-scale-bold-font-weight: 700;
33
38
  --utrecht-typography-weight-scale-semibold-font-weight: 600;
39
+ --utrecht-typography-weight-scale-medium-font-weight: 500;
34
40
  --utrecht-typography-weight-scale-normal-font-weight: 400;
35
- --utrecht-typography-weight-scale-bold-font-weight: 700;
36
- --utrecht-typography-scale-4xl-font-size: 2rem; /* 32px */
37
- --utrecht-typography-scale-3xl-font-size: 1.5rem; /* 24px */
38
- --utrecht-typography-scale-2xl-font-size: 1.375rem; /* 22px */
41
+ --utrecht-typography-scale-4xl-font-size: 2.5rem; /* 40px */
42
+ --utrecht-typography-scale-3xl-font-size: 2rem; /* 32px */
43
+ --utrecht-typography-scale-2xl-font-size: 1.5rem; /* 24px */
39
44
  --utrecht-typography-scale-xl-font-size: 1.25rem; /* 20px */
40
45
  --utrecht-typography-scale-lg-font-size: 1.125rem; /* 18px */
41
46
  --utrecht-typography-scale-md-font-size: 1rem; /* 16px */
@@ -459,29 +464,29 @@
459
464
  --nl-number-badge-background-color: var(--utrecht-color-red-40);
460
465
  --nl-mark-color: var(--utrecht-color-black);
461
466
  --nl-mark-background-color: var(--utrecht-color-yellow-60);
462
- --nl-heading-level-6-line-height: var(--utrecht-typography-line-height-md);
467
+ --nl-heading-level-6-line-height: var(--utrecht-typography-line-height-sm);
463
468
  --nl-heading-level-6-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
464
469
  --nl-heading-level-6-font-size: var(--utrecht-typography-scale-sm-font-size);
465
470
  --nl-heading-level-6-font-family: var(--utrecht-typography-sans-serif-font-family);
466
471
  --nl-heading-level-5-line-height: var(--utrecht-typography-line-height-md);
467
472
  --nl-heading-level-5-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
468
- --nl-heading-level-5-font-size: var(--utrecht-typography-scale-sm-font-size);
473
+ --nl-heading-level-5-font-size: var(--utrecht-typography-scale-md-font-size);
469
474
  --nl-heading-level-5-font-family: var(--utrecht-typography-sans-serif-font-family);
470
- --nl-heading-level-4-line-height: var(--utrecht-typography-line-height-md);
475
+ --nl-heading-level-4-line-height: var(--utrecht-typography-line-height-lg);
471
476
  --nl-heading-level-4-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
472
477
  --nl-heading-level-4-font-size: var(--utrecht-typography-scale-lg-font-size);
473
478
  --nl-heading-level-4-font-family: var(--utrecht-typography-sans-serif-font-family);
474
- --nl-heading-level-3-line-height: var(--utrecht-typography-line-height-sm);
479
+ --nl-heading-level-3-line-height: var(--utrecht-typography-line-height-xl);
475
480
  --nl-heading-level-3-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
476
481
  --nl-heading-level-3-font-size: var(--utrecht-typography-scale-xl-font-size);
477
482
  --nl-heading-level-3-font-family: var(--utrecht-typography-sans-serif-font-family);
478
- --nl-heading-level-2-line-height: var(--utrecht-typography-line-height-sm);
483
+ --nl-heading-level-2-line-height: var(--utrecht-typography-line-height-2xl);
479
484
  --nl-heading-level-2-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
480
- --nl-heading-level-2-font-size: var(--utrecht-typography-scale-xl-font-size);
485
+ --nl-heading-level-2-font-size: var(--utrecht-typography-scale-2xl-font-size);
481
486
  --nl-heading-level-2-font-family: var(--utrecht-typography-sans-serif-font-family);
482
- --nl-heading-level-1-line-height: var(--utrecht-typography-line-height-sm);
487
+ --nl-heading-level-1-line-height: var(--utrecht-typography-line-height-3xl);
483
488
  --nl-heading-level-1-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
484
- --nl-heading-level-1-font-size: var(--utrecht-typography-scale-4xl-font-size);
489
+ --nl-heading-level-1-font-size: var(--utrecht-typography-scale-3xl-font-size);
485
490
  --nl-heading-level-1-font-family: var(--utrecht-typography-sans-serif-font-family);
486
491
  --nl-data-badge-padding-inline: var(--utrecht-space-inline-sm);
487
492
  --nl-data-badge-padding-block: var(--utrecht-space-block-xs);
package/dist/dark/_variables.scss CHANGED
@@ -22,18 +22,23 @@ $utrecht-border-radius-md: 4px;
22
22
  $utrecht-border-radius-sm: 2px;
23
23
  $utrecht-border-width-md: 2px;
24
24
  $utrecht-border-width-sm: 1px;
25
- $utrecht-typography-line-height-lg: 2;
25
+ $utrecht-typography-line-height-4xl: 1.1;
26
+ $utrecht-typography-line-height-3xl: 1.25;
27
+ $utrecht-typography-line-height-2xl: 1.25;
28
+ $utrecht-typography-line-height-xl: 1.25;
29
+ $utrecht-typography-line-height-lg: 1.25;
26
30
  $utrecht-typography-line-height-md: 1.5;
27
- $utrecht-typography-line-height-sm: 1.25;
28
- $utrecht-typography-line-height-xs: 1;
31
+ $utrecht-typography-line-height-sm: 1.5;
32
+ $utrecht-typography-line-height-xs: 1.5;
29
33
  $utrecht-typography-font-style-inherit: inherit;
30
34
  $utrecht-typography-font-style-normal: normal;
35
+ $utrecht-typography-weight-scale-bold-font-weight: 700;
31
36
  $utrecht-typography-weight-scale-semibold-font-weight: 600;
37
+ $utrecht-typography-weight-scale-medium-font-weight: 500;
32
38
  $utrecht-typography-weight-scale-normal-font-weight: 400;
33
- $utrecht-typography-weight-scale-bold-font-weight: 700;
34
- $utrecht-typography-scale-4xl-font-size: 2rem; // 32px
35
- $utrecht-typography-scale-3xl-font-size: 1.5rem; // 24px
36
- $utrecht-typography-scale-2xl-font-size: 1.375rem; // 22px
39
+ $utrecht-typography-scale-4xl-font-size: 2.5rem; // 40px
40
+ $utrecht-typography-scale-3xl-font-size: 2rem; // 32px
41
+ $utrecht-typography-scale-2xl-font-size: 1.5rem; // 24px
37
42
  $utrecht-typography-scale-xl-font-size: 1.25rem; // 20px
38
43
  $utrecht-typography-scale-lg-font-size: 1.125rem; // 18px
39
44
  $utrecht-typography-scale-md-font-size: 1rem; // 16px
@@ -457,29 +462,29 @@ $nl-number-badge-color: $utrecht-color-white;
457
462
  $nl-number-badge-background-color: $utrecht-color-red-40;
458
463
  $nl-mark-color: $utrecht-color-black;
459
464
  $nl-mark-background-color: $utrecht-color-yellow-60;
460
- $nl-heading-level-6-line-height: $utrecht-typography-line-height-md;
465
+ $nl-heading-level-6-line-height: $utrecht-typography-line-height-sm;
461
466
  $nl-heading-level-6-font-weight: $utrecht-typography-weight-scale-semibold-font-weight;
462
467
  $nl-heading-level-6-font-size: $utrecht-typography-scale-sm-font-size;
463
468
  $nl-heading-level-6-font-family: $utrecht-typography-sans-serif-font-family;
464
469
  $nl-heading-level-5-line-height: $utrecht-typography-line-height-md;
465
470
  $nl-heading-level-5-font-weight: $utrecht-typography-weight-scale-semibold-font-weight;
466
- $nl-heading-level-5-font-size: $utrecht-typography-scale-sm-font-size;
471
+ $nl-heading-level-5-font-size: $utrecht-typography-scale-md-font-size;
467
472
  $nl-heading-level-5-font-family: $utrecht-typography-sans-serif-font-family;
468
- $nl-heading-level-4-line-height: $utrecht-typography-line-height-md;
473
+ $nl-heading-level-4-line-height: $utrecht-typography-line-height-lg;
469
474
  $nl-heading-level-4-font-weight: $utrecht-typography-weight-scale-semibold-font-weight;
470
475
  $nl-heading-level-4-font-size: $utrecht-typography-scale-lg-font-size;
471
476
  $nl-heading-level-4-font-family: $utrecht-typography-sans-serif-font-family;
472
- $nl-heading-level-3-line-height: $utrecht-typography-line-height-sm;
477
+ $nl-heading-level-3-line-height: $utrecht-typography-line-height-xl;
473
478
  $nl-heading-level-3-font-weight: $utrecht-typography-weight-scale-semibold-font-weight;
474
479
  $nl-heading-level-3-font-size: $utrecht-typography-scale-xl-font-size;
475
480
  $nl-heading-level-3-font-family: $utrecht-typography-sans-serif-font-family;
476
- $nl-heading-level-2-line-height: $utrecht-typography-line-height-sm;
481
+ $nl-heading-level-2-line-height: $utrecht-typography-line-height-2xl;
477
482
  $nl-heading-level-2-font-weight: $utrecht-typography-weight-scale-semibold-font-weight;
478
- $nl-heading-level-2-font-size: $utrecht-typography-scale-xl-font-size;
483
+ $nl-heading-level-2-font-size: $utrecht-typography-scale-2xl-font-size;
479
484
  $nl-heading-level-2-font-family: $utrecht-typography-sans-serif-font-family;
480
- $nl-heading-level-1-line-height: $utrecht-typography-line-height-sm;
485
+ $nl-heading-level-1-line-height: $utrecht-typography-line-height-3xl;
481
486
  $nl-heading-level-1-font-weight: $utrecht-typography-weight-scale-semibold-font-weight;
482
- $nl-heading-level-1-font-size: $utrecht-typography-scale-4xl-font-size;
487
+ $nl-heading-level-1-font-size: $utrecht-typography-scale-3xl-font-size;
483
488
  $nl-heading-level-1-font-family: $utrecht-typography-sans-serif-font-family;
484
489
  $nl-data-badge-padding-inline: $utrecht-space-inline-sm;
485
490
  $nl-data-badge-padding-block: $utrecht-space-block-xs;
package/dist/dark/index.cjs CHANGED
@@ -568,7 +568,7 @@ module.exports = {
568
568
  "utrechtHeading1MarginBlockEnd": "0.67rem",
569
569
  "utrechtHeading1MarginBlockStart": "0.67rem",
570
570
  "utrechtHeading2FontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
571
- "utrechtHeading2FontSize": "1.25rem",
571
+ "utrechtHeading2FontSize": "1.5rem",
572
572
  "utrechtHeading2FontWeight": "600",
573
573
  "utrechtHeading2LineHeight": "1.25",
574
574
  "utrechtHeading2MarginBlockEnd": "0.3rem",
@@ -582,11 +582,11 @@ module.exports = {
582
582
  "utrechtHeading4FontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
583
583
  "utrechtHeading4FontSize": "1.125rem",
584
584
  "utrechtHeading4FontWeight": "600",
585
- "utrechtHeading4LineHeight": "1.5",
585
+ "utrechtHeading4LineHeight": "1.25",
586
586
  "utrechtHeading4MarginBlockEnd": "0.3rem",
587
587
  "utrechtHeading4MarginBlockStart": "1.2rem",
588
588
  "utrechtHeading5FontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
589
- "utrechtHeading5FontSize": "0.875rem",
589
+ "utrechtHeading5FontSize": "1rem",
590
590
  "utrechtHeading5FontWeight": "600",
591
591
  "utrechtHeading5LineHeight": "1.5",
592
592
  "utrechtHeading5MarginBlockEnd": "0.2rem",
@@ -1115,18 +1115,23 @@ module.exports = {
1115
1115
  "utrechtTypographyScaleMdFontSize": "1rem",
1116
1116
  "utrechtTypographyScaleLgFontSize": "1.125rem",
1117
1117
  "utrechtTypographyScaleXlFontSize": "1.25rem",
1118
- "utrechtTypographyScale2xlFontSize": "1.375rem",
1119
- "utrechtTypographyScale3xlFontSize": "1.5rem",
1120
- "utrechtTypographyScale4xlFontSize": "2rem",
1121
- "utrechtTypographyWeightScaleBoldFontWeight": "700",
1118
+ "utrechtTypographyScale2xlFontSize": "1.5rem",
1119
+ "utrechtTypographyScale3xlFontSize": "2rem",
1120
+ "utrechtTypographyScale4xlFontSize": "2.5rem",
1122
1121
  "utrechtTypographyWeightScaleNormalFontWeight": "400",
1122
+ "utrechtTypographyWeightScaleMediumFontWeight": "500",
1123
1123
  "utrechtTypographyWeightScaleSemiboldFontWeight": "600",
1124
+ "utrechtTypographyWeightScaleBoldFontWeight": "700",
1124
1125
  "utrechtTypographyFontStyleNormal": "normal",
1125
1126
  "utrechtTypographyFontStyleInherit": "inherit",
1126
- "utrechtTypographyLineHeightXs": "1",
1127
- "utrechtTypographyLineHeightSm": "1.25",
1127
+ "utrechtTypographyLineHeightXs": "1.5",
1128
+ "utrechtTypographyLineHeightSm": "1.5",
1128
1129
  "utrechtTypographyLineHeightMd": "1.5",
1129
- "utrechtTypographyLineHeightLg": "2",
1130
+ "utrechtTypographyLineHeightLg": "1.25",
1131
+ "utrechtTypographyLineHeightXl": "1.25",
1132
+ "utrechtTypographyLineHeight2xl": "1.25",
1133
+ "utrechtTypographyLineHeight3xl": "1.25",
1134
+ "utrechtTypographyLineHeight4xl": "1.1",
1130
1135
  "utrechtBorderWidthSm": "1px",
1131
1136
  "utrechtBorderWidthMd": "2px",
1132
1137
  "utrechtBorderRadiusSm": "2px",
@@ -1201,7 +1206,7 @@ module.exports = {
1201
1206
  "nlHeadingLevel1FontWeight": "600",
1202
1207
  "nlHeadingLevel1LineHeight": "1.25",
1203
1208
  "nlHeadingLevel2FontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
1204
- "nlHeadingLevel2FontSize": "1.25rem",
1209
+ "nlHeadingLevel2FontSize": "1.5rem",
1205
1210
  "nlHeadingLevel2FontWeight": "600",
1206
1211
  "nlHeadingLevel2LineHeight": "1.25",
1207
1212
  "nlHeadingLevel3FontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
@@ -1211,9 +1216,9 @@ module.exports = {
1211
1216
  "nlHeadingLevel4FontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
1212
1217
  "nlHeadingLevel4FontSize": "1.125rem",
1213
1218
  "nlHeadingLevel4FontWeight": "600",
1214
- "nlHeadingLevel4LineHeight": "1.5",
1219
+ "nlHeadingLevel4LineHeight": "1.25",
1215
1220
  "nlHeadingLevel5FontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
1216
- "nlHeadingLevel5FontSize": "0.875rem",
1221
+ "nlHeadingLevel5FontSize": "1rem",
1217
1222
  "nlHeadingLevel5FontWeight": "600",
1218
1223
  "nlHeadingLevel5LineHeight": "1.5",
1219
1224
  "nlHeadingLevel6FontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
package/dist/dark/index.css CHANGED
@@ -29,18 +29,23 @@
29
29
  --utrecht-border-radius-sm: 2px;
30
30
  --utrecht-border-width-md: 2px;
31
31
  --utrecht-border-width-sm: 1px;
32
- --utrecht-typography-line-height-lg: 2;
32
+ --utrecht-typography-line-height-4xl: 1.1;
33
+ --utrecht-typography-line-height-3xl: 1.25;
34
+ --utrecht-typography-line-height-2xl: 1.25;
35
+ --utrecht-typography-line-height-xl: 1.25;
36
+ --utrecht-typography-line-height-lg: 1.25;
33
37
  --utrecht-typography-line-height-md: 1.5;
34
- --utrecht-typography-line-height-sm: 1.25;
35
- --utrecht-typography-line-height-xs: 1;
38
+ --utrecht-typography-line-height-sm: 1.5;
39
+ --utrecht-typography-line-height-xs: 1.5;
36
40
  --utrecht-typography-font-style-inherit: inherit;
37
41
  --utrecht-typography-font-style-normal: normal;
42
+ --utrecht-typography-weight-scale-bold-font-weight: 700;
38
43
  --utrecht-typography-weight-scale-semibold-font-weight: 600;
44
+ --utrecht-typography-weight-scale-medium-font-weight: 500;
39
45
  --utrecht-typography-weight-scale-normal-font-weight: 400;
40
- --utrecht-typography-weight-scale-bold-font-weight: 700;
41
- --utrecht-typography-scale-4xl-font-size: 2rem; /* 32px */
42
- --utrecht-typography-scale-3xl-font-size: 1.5rem; /* 24px */
43
- --utrecht-typography-scale-2xl-font-size: 1.375rem; /* 22px */
46
+ --utrecht-typography-scale-4xl-font-size: 2.5rem; /* 40px */
47
+ --utrecht-typography-scale-3xl-font-size: 2rem; /* 32px */
48
+ --utrecht-typography-scale-2xl-font-size: 1.5rem; /* 24px */
44
49
  --utrecht-typography-scale-xl-font-size: 1.25rem; /* 20px */
45
50
  --utrecht-typography-scale-lg-font-size: 1.125rem; /* 18px */
46
51
  --utrecht-typography-scale-md-font-size: 1rem; /* 16px */
@@ -464,29 +469,29 @@
464
469
  --nl-number-badge-background-color: var(--utrecht-color-red-40);
465
470
  --nl-mark-color: var(--utrecht-color-black);
466
471
  --nl-mark-background-color: var(--utrecht-color-yellow-60);
467
- --nl-heading-level-6-line-height: var(--utrecht-typography-line-height-md);
472
+ --nl-heading-level-6-line-height: var(--utrecht-typography-line-height-sm);
468
473
  --nl-heading-level-6-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
469
474
  --nl-heading-level-6-font-size: var(--utrecht-typography-scale-sm-font-size);
470
475
  --nl-heading-level-6-font-family: var(--utrecht-typography-sans-serif-font-family);
471
476
  --nl-heading-level-5-line-height: var(--utrecht-typography-line-height-md);
472
477
  --nl-heading-level-5-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
473
- --nl-heading-level-5-font-size: var(--utrecht-typography-scale-sm-font-size);
478
+ --nl-heading-level-5-font-size: var(--utrecht-typography-scale-md-font-size);
474
479
  --nl-heading-level-5-font-family: var(--utrecht-typography-sans-serif-font-family);
475
- --nl-heading-level-4-line-height: var(--utrecht-typography-line-height-md);
480
+ --nl-heading-level-4-line-height: var(--utrecht-typography-line-height-lg);
476
481
  --nl-heading-level-4-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
477
482
  --nl-heading-level-4-font-size: var(--utrecht-typography-scale-lg-font-size);
478
483
  --nl-heading-level-4-font-family: var(--utrecht-typography-sans-serif-font-family);
479
- --nl-heading-level-3-line-height: var(--utrecht-typography-line-height-sm);
484
+ --nl-heading-level-3-line-height: var(--utrecht-typography-line-height-xl);
480
485
  --nl-heading-level-3-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
481
486
  --nl-heading-level-3-font-size: var(--utrecht-typography-scale-xl-font-size);
482
487
  --nl-heading-level-3-font-family: var(--utrecht-typography-sans-serif-font-family);
483
- --nl-heading-level-2-line-height: var(--utrecht-typography-line-height-sm);
488
+ --nl-heading-level-2-line-height: var(--utrecht-typography-line-height-2xl);
484
489
  --nl-heading-level-2-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
485
- --nl-heading-level-2-font-size: var(--utrecht-typography-scale-xl-font-size);
490
+ --nl-heading-level-2-font-size: var(--utrecht-typography-scale-2xl-font-size);
486
491
  --nl-heading-level-2-font-family: var(--utrecht-typography-sans-serif-font-family);
487
- --nl-heading-level-1-line-height: var(--utrecht-typography-line-height-sm);
492
+ --nl-heading-level-1-line-height: var(--utrecht-typography-line-height-3xl);
488
493
  --nl-heading-level-1-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
489
- --nl-heading-level-1-font-size: var(--utrecht-typography-scale-4xl-font-size);
494
+ --nl-heading-level-1-font-size: var(--utrecht-typography-scale-3xl-font-size);
490
495
  --nl-heading-level-1-font-family: var(--utrecht-typography-sans-serif-font-family);
491
496
  --nl-data-badge-padding-inline: var(--utrecht-space-inline-sm);
492
497
  --nl-data-badge-padding-block: var(--utrecht-space-block-xs);
package/dist/dark/index.d.ts CHANGED
@@ -1232,21 +1232,26 @@ export const utrechtTypographyScaleMdFontSize : string;
1232
1232
  export const utrechtTypographyScaleLgFontSize : string;
1233
1233
  /** 20px */
1234
1234
  export const utrechtTypographyScaleXlFontSize : string;
1235
- /** 22px */
1236
- export const utrechtTypographyScale2xlFontSize : string;
1237
1235
  /** 24px */
1238
- export const utrechtTypographyScale3xlFontSize : string;
1236
+ export const utrechtTypographyScale2xlFontSize : string;
1239
1237
  /** 32px */
1238
+ export const utrechtTypographyScale3xlFontSize : string;
1239
+ /** 40px */
1240
1240
  export const utrechtTypographyScale4xlFontSize : string;
1241
- export const utrechtTypographyWeightScaleBoldFontWeight : string;
1242
1241
  export const utrechtTypographyWeightScaleNormalFontWeight : string;
1242
+ export const utrechtTypographyWeightScaleMediumFontWeight : string;
1243
1243
  export const utrechtTypographyWeightScaleSemiboldFontWeight : string;
1244
+ export const utrechtTypographyWeightScaleBoldFontWeight : string;
1244
1245
  export const utrechtTypographyFontStyleNormal : string;
1245
1246
  export const utrechtTypographyFontStyleInherit : string;
1246
1247
  export const utrechtTypographyLineHeightXs : string;
1247
1248
  export const utrechtTypographyLineHeightSm : string;
1248
1249
  export const utrechtTypographyLineHeightMd : string;
1249
1250
  export const utrechtTypographyLineHeightLg : string;
1251
+ export const utrechtTypographyLineHeightXl : string;
1252
+ export const utrechtTypographyLineHeight2xl : string;
1253
+ export const utrechtTypographyLineHeight3xl : string;
1254
+ export const utrechtTypographyLineHeight4xl : string;
1250
1255
  export const utrechtBorderWidthSm : string;
1251
1256
  export const utrechtBorderWidthMd : string;
1252
1257
  export const utrechtBorderRadiusSm : string;