@utrecht/design-tokens 5.0.0 → 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 (53) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/_mixin-theme.scss +21 -16
  3. package/dist/_mixin.scss +21 -16
  4. package/dist/_variables.scss +21 -16
  5. package/dist/dark/_mixin-theme.scss +21 -16
  6. package/dist/dark/_mixin.scss +21 -16
  7. package/dist/dark/_variables.scss +21 -16
  8. package/dist/dark/index.cjs +19 -14
  9. package/dist/dark/index.css +21 -16
  10. package/dist/dark/index.d.ts +9 -4
  11. package/dist/dark/index.flat.json +18 -13
  12. package/dist/dark/index.json +119 -38
  13. package/dist/dark/index.mjs +19 -14
  14. package/dist/dark/index.tokens.json +23 -16
  15. package/dist/dark/list.json +119 -38
  16. package/dist/dark/list.mjs +119 -38
  17. package/dist/dark/root.css +20 -15
  18. package/dist/dark/theme-prince-xml.css +21 -16
  19. package/dist/dark/theme.css +20 -15
  20. package/dist/dark/tokens.cjs +129 -46
  21. package/dist/dark/tokens.d.ts +10 -3
  22. package/dist/dark/tokens.json +131 -48
  23. package/dist/dark/variables.cjs +19 -14
  24. package/dist/dark/variables.css +20 -15
  25. package/dist/dark/variables.d.ts +9 -4
  26. package/dist/dark/variables.json +18 -13
  27. package/dist/dark/variables.less +21 -16
  28. package/dist/dark/variables.mjs +19 -14
  29. package/dist/index.cjs +19 -14
  30. package/dist/index.css +42 -32
  31. package/dist/index.d.ts +9 -4
  32. package/dist/index.flat.json +18 -13
  33. package/dist/index.json +119 -38
  34. package/dist/index.mjs +19 -14
  35. package/dist/index.tokens.json +23 -16
  36. package/dist/list.json +119 -38
  37. package/dist/list.mjs +119 -38
  38. package/dist/root.css +20 -15
  39. package/dist/theme-prince-xml.css +21 -16
  40. package/dist/theme.css +20 -15
  41. package/dist/tokens.cjs +129 -46
  42. package/dist/tokens.d.ts +10 -3
  43. package/dist/tokens.json +131 -48
  44. package/dist/variables.cjs +19 -14
  45. package/dist/variables.css +20 -15
  46. package/dist/variables.d.ts +9 -4
  47. package/dist/variables.json +18 -13
  48. package/dist/variables.less +21 -16
  49. package/dist/variables.mjs +19 -14
  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
  53. package/src/component/utrecht/flo-legal-decision-tree-container.tokens.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
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
+
9
+ ## 5.0.1
10
+
11
+ ### Patch Changes
12
+
13
+ - 341a0b7: Aligned the `margin-block-start` of flo-decision widget with the Figame design
14
+
3
15
  ## 5.0.0
4
16
 
5
17
  ### Major 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);
@@ -824,7 +829,7 @@
824
829
  --utrecht-flo-decision-form-nav-padding-block: var(--utrecht-space-block-xl);
825
830
  --utrecht-flo-decision-form-button-disabled-color: var(--utrecht-color-grey-40);
826
831
  --utrecht-flo-decision-form-margin-block-end: var(--utrecht-space-block-xs);
827
- --utrecht-flo-decision-form-margin-block-start: var(--utrecht-space-block-xs);
832
+ --utrecht-flo-decision-form-margin-block-start: var(--utrecht-space-block-xl);
828
833
  --utrecht-flo-decision-form-background-color: var(--utrecht-color-green-90);
829
834
  --utrecht-flo-decision-form-padding-inline: var(--utrecht-space-inline-3xl);
830
835
  --utrecht-flo-decision-form-padding-block: var(--utrecht-space-block-md);
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);
@@ -824,7 +829,7 @@
824
829
  --utrecht-flo-decision-form-nav-padding-block: var(--utrecht-space-block-xl);
825
830
  --utrecht-flo-decision-form-button-disabled-color: var(--utrecht-color-grey-40);
826
831
  --utrecht-flo-decision-form-margin-block-end: var(--utrecht-space-block-xs);
827
- --utrecht-flo-decision-form-margin-block-start: var(--utrecht-space-block-xs);
832
+ --utrecht-flo-decision-form-margin-block-start: var(--utrecht-space-block-xl);
828
833
  --utrecht-flo-decision-form-background-color: var(--utrecht-color-green-90);
829
834
  --utrecht-flo-decision-form-padding-inline: var(--utrecht-space-inline-3xl);
830
835
  --utrecht-flo-decision-form-padding-block: var(--utrecht-space-block-md);
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;
@@ -822,7 +827,7 @@ $utrecht-flo-decision-question-description-column-gap: $utrecht-space-inline-sm;
822
827
  $utrecht-flo-decision-form-nav-padding-block: $utrecht-space-block-xl;
823
828
  $utrecht-flo-decision-form-button-disabled-color: $utrecht-color-grey-40;
824
829
  $utrecht-flo-decision-form-margin-block-end: $utrecht-space-block-xs;
825
- $utrecht-flo-decision-form-margin-block-start: $utrecht-space-block-xs;
830
+ $utrecht-flo-decision-form-margin-block-start: $utrecht-space-block-xl;
826
831
  $utrecht-flo-decision-form-background-color: $utrecht-color-green-90;
827
832
  $utrecht-flo-decision-form-padding-inline: $utrecht-space-inline-3xl;
828
833
  $utrecht-flo-decision-form-padding-block: $utrecht-space-block-md;
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);
@@ -827,7 +832,7 @@
827
832
  --utrecht-flo-decision-form-nav-padding-block: var(--utrecht-space-block-xl);
828
833
  --utrecht-flo-decision-form-button-disabled-color: var(--utrecht-color-grey-40);
829
834
  --utrecht-flo-decision-form-margin-block-end: var(--utrecht-space-block-xs);
830
- --utrecht-flo-decision-form-margin-block-start: var(--utrecht-space-block-xs);
835
+ --utrecht-flo-decision-form-margin-block-start: var(--utrecht-space-block-xl);
831
836
  --utrecht-flo-decision-form-background-color: var(--utrecht-color-green-90);
832
837
  --utrecht-flo-decision-form-padding-inline: var(--utrecht-space-inline-3xl);
833
838
  --utrecht-flo-decision-form-padding-block: var(--utrecht-space-block-md);
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);
@@ -827,7 +832,7 @@
827
832
  --utrecht-flo-decision-form-nav-padding-block: var(--utrecht-space-block-xl);
828
833
  --utrecht-flo-decision-form-button-disabled-color: var(--utrecht-color-grey-40);
829
834
  --utrecht-flo-decision-form-margin-block-end: var(--utrecht-space-block-xs);
830
- --utrecht-flo-decision-form-margin-block-start: var(--utrecht-space-block-xs);
835
+ --utrecht-flo-decision-form-margin-block-start: var(--utrecht-space-block-xl);
831
836
  --utrecht-flo-decision-form-background-color: var(--utrecht-color-green-90);
832
837
  --utrecht-flo-decision-form-padding-inline: var(--utrecht-space-inline-3xl);
833
838
  --utrecht-flo-decision-form-padding-block: var(--utrecht-space-block-md);
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;
@@ -825,7 +830,7 @@ $utrecht-flo-decision-question-description-column-gap: $utrecht-space-inline-sm;
825
830
  $utrecht-flo-decision-form-nav-padding-block: $utrecht-space-block-xl;
826
831
  $utrecht-flo-decision-form-button-disabled-color: $utrecht-color-grey-40;
827
832
  $utrecht-flo-decision-form-margin-block-end: $utrecht-space-block-xs;
828
- $utrecht-flo-decision-form-margin-block-start: $utrecht-space-block-xs;
833
+ $utrecht-flo-decision-form-margin-block-start: $utrecht-space-block-xl;
829
834
  $utrecht-flo-decision-form-background-color: $utrecht-color-green-90;
830
835
  $utrecht-flo-decision-form-padding-inline: $utrecht-space-inline-3xl;
831
836
  $utrecht-flo-decision-form-padding-block: $utrecht-space-block-md;
package/dist/dark/index.cjs CHANGED
@@ -465,7 +465,7 @@ module.exports = {
465
465
  "utrechtFloDecisionFormPaddingBlock": "16px",
466
466
  "utrechtFloDecisionFormPaddingInline": "32px",
467
467
  "utrechtFloDecisionFormBackgroundColor": "hsl(90 30% 90%)",
468
- "utrechtFloDecisionFormMarginBlockStart": "8px",
468
+ "utrechtFloDecisionFormMarginBlockStart": "24px",
469
469
  "utrechtFloDecisionFormMarginBlockEnd": "8px",
470
470
  "utrechtFloDecisionFormButtonDisabledColor": "hsl(0 0% 40%)",
471
471
  "utrechtFloDecisionFormNavPaddingBlock": "24px",
@@ -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",