@utrecht/design-tokens 3.4.1 → 4.0.0

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 (56) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/_mixin-theme.scss +9 -8
  3. package/dist/_mixin.scss +9 -8
  4. package/dist/_variables.scss +9 -8
  5. package/dist/dark/_mixin-theme.scss +9 -8
  6. package/dist/dark/_mixin.scss +9 -8
  7. package/dist/dark/_variables.scss +9 -8
  8. package/dist/dark/index.cjs +36 -35
  9. package/dist/dark/index.css +9 -8
  10. package/dist/dark/index.d.ts +2 -1
  11. package/dist/dark/index.flat.json +35 -34
  12. package/dist/dark/index.json +80 -41
  13. package/dist/dark/index.mjs +36 -35
  14. package/dist/dark/index.tokens.json +39 -46
  15. package/dist/dark/list.json +80 -41
  16. package/dist/dark/list.mjs +80 -41
  17. package/dist/dark/property.css +1 -0
  18. package/dist/dark/root.css +8 -7
  19. package/dist/dark/theme-prince-xml.css +9 -8
  20. package/dist/dark/theme.css +8 -7
  21. package/dist/dark/tokens.cjs +86 -55
  22. package/dist/dark/tokens.d.ts +5 -7
  23. package/dist/dark/tokens.json +86 -55
  24. package/dist/dark/variables.cjs +36 -35
  25. package/dist/dark/variables.css +8 -7
  26. package/dist/dark/variables.d.ts +2 -1
  27. package/dist/dark/variables.json +35 -34
  28. package/dist/dark/variables.less +9 -8
  29. package/dist/dark/variables.mjs +36 -35
  30. package/dist/font-family.js +1 -0
  31. package/dist/index.cjs +36 -35
  32. package/dist/index.css +18 -16
  33. package/dist/index.d.ts +2 -1
  34. package/dist/index.flat.json +35 -34
  35. package/dist/index.json +80 -41
  36. package/dist/index.mjs +36 -35
  37. package/dist/index.tokens.json +39 -46
  38. package/dist/list.json +80 -41
  39. package/dist/list.mjs +80 -41
  40. package/dist/property.css +1 -0
  41. package/dist/root.css +8 -7
  42. package/dist/theme-prince-xml.css +9 -8
  43. package/dist/theme.css +8 -7
  44. package/dist/tokens.cjs +86 -55
  45. package/dist/tokens.d.ts +5 -7
  46. package/dist/tokens.json +86 -55
  47. package/dist/variables.cjs +36 -35
  48. package/dist/variables.css +8 -7
  49. package/dist/variables.d.ts +2 -1
  50. package/dist/variables.json +35 -34
  51. package/dist/variables.less +9 -8
  52. package/dist/variables.mjs +36 -35
  53. package/package.json +8 -3
  54. package/src/brand/utrecht/typography.tokens.json +3 -2
  55. package/src/component/nl/heading.tokens.json +6 -6
  56. package/src/font-family.ts +1 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @utrecht/design-tokens
2
2
 
3
+ ## 4.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - cce8496: Major update to typography:
8
+
9
+ - Replace font family with Noto Sans Variable
10
+ - Add font-weight: 600 (semi-bold) variant
11
+ - Update design token documentation
12
+
13
+ ### Patch Changes
14
+
15
+ - 9b3cb1e: Release with npm provenance.
16
+
3
17
  ## 3.4.1
4
18
 
5
19
  ### Patch Changes
package/dist/_mixin-theme.scss CHANGED
@@ -30,6 +30,7 @@
30
30
  --utrecht-typography-line-height-xs: 1;
31
31
  --utrecht-typography-font-style-inherit: inherit;
32
32
  --utrecht-typography-font-style-normal: normal;
33
+ --utrecht-typography-weight-scale-semibold-font-weight: 600;
33
34
  --utrecht-typography-weight-scale-normal-font-weight: 400;
34
35
  --utrecht-typography-weight-scale-bold-font-weight: 700;
35
36
  --utrecht-typography-scale-4xl-font-size: 2rem; /* 32px */
@@ -39,7 +40,7 @@
39
40
  --utrecht-typography-scale-lg-font-size: 1.125rem; /* 18px */
40
41
  --utrecht-typography-scale-md-font-size: 1rem; /* 16px */
41
42
  --utrecht-typography-scale-sm-font-size: 0.875rem; /* 14px */
42
- --utrecht-typography-sans-serif-font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Arial", sans-serif;
43
+ --utrecht-typography-sans-serif-font-family: "Noto Sans Variable", "Arial", sans-serif;
43
44
  --utrecht-icon-scale-4xl: 48px;
44
45
  --utrecht-icon-scale-3xl: 36px; /* Formaat voor toptaks iconen */
45
46
  --utrecht-icon-scale-2xl: 30px; /* Formaat voor marker iconen */
@@ -180,8 +181,8 @@
180
181
  --utrecht-page-body-padding-block-end: 0;
181
182
  --utrecht-page-body-padding-inline-start: 0;
182
183
  --utrecht-page-body-padding-inline-end: 0;
183
- --utrecht-page-body-content-padding-inline-end: 2.4em;
184
184
  --utrecht-page-body-content-max-inline-size: 1184px;
185
+ --utrecht-page-body-content-padding-inline-end: 2.4em;
185
186
  --utrecht-page-body-content-padding-inline-start: 2em;
186
187
  --utrecht-page-body-content-padding-block-end: 1em;
187
188
  --utrecht-page-body-content-padding-block-start: 0;
@@ -449,27 +450,27 @@
449
450
  --nl-mark-color: var(--utrecht-color-black);
450
451
  --nl-mark-background-color: var(--utrecht-color-yellow-60);
451
452
  --nl-heading-level-6-line-height: var(--utrecht-typography-line-height-md);
452
- --nl-heading-level-6-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
453
+ --nl-heading-level-6-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
453
454
  --nl-heading-level-6-font-size: var(--utrecht-typography-scale-sm-font-size);
454
455
  --nl-heading-level-6-font-family: var(--utrecht-typography-sans-serif-font-family);
455
456
  --nl-heading-level-5-line-height: var(--utrecht-typography-line-height-md);
456
- --nl-heading-level-5-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
457
+ --nl-heading-level-5-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
457
458
  --nl-heading-level-5-font-size: var(--utrecht-typography-scale-sm-font-size);
458
459
  --nl-heading-level-5-font-family: var(--utrecht-typography-sans-serif-font-family);
459
460
  --nl-heading-level-4-line-height: var(--utrecht-typography-line-height-md);
460
- --nl-heading-level-4-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
461
+ --nl-heading-level-4-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
461
462
  --nl-heading-level-4-font-size: var(--utrecht-typography-scale-lg-font-size);
462
463
  --nl-heading-level-4-font-family: var(--utrecht-typography-sans-serif-font-family);
463
464
  --nl-heading-level-3-line-height: var(--utrecht-typography-line-height-sm);
464
- --nl-heading-level-3-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
465
+ --nl-heading-level-3-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
465
466
  --nl-heading-level-3-font-size: var(--utrecht-typography-scale-xl-font-size);
466
467
  --nl-heading-level-3-font-family: var(--utrecht-typography-sans-serif-font-family);
467
468
  --nl-heading-level-2-line-height: var(--utrecht-typography-line-height-sm);
468
- --nl-heading-level-2-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
469
+ --nl-heading-level-2-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
469
470
  --nl-heading-level-2-font-size: var(--utrecht-typography-scale-xl-font-size);
470
471
  --nl-heading-level-2-font-family: var(--utrecht-typography-sans-serif-font-family);
471
472
  --nl-heading-level-1-line-height: var(--utrecht-typography-line-height-sm);
472
- --nl-heading-level-1-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
473
+ --nl-heading-level-1-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
473
474
  --nl-heading-level-1-font-size: var(--utrecht-typography-scale-4xl-font-size);
474
475
  --nl-heading-level-1-font-family: var(--utrecht-typography-sans-serif-font-family);
475
476
  --nl-data-badge-padding-inline: var(--utrecht-space-inline-sm);
package/dist/_mixin.scss CHANGED
@@ -30,6 +30,7 @@
30
30
  --utrecht-typography-line-height-xs: 1;
31
31
  --utrecht-typography-font-style-inherit: inherit;
32
32
  --utrecht-typography-font-style-normal: normal;
33
+ --utrecht-typography-weight-scale-semibold-font-weight: 600;
33
34
  --utrecht-typography-weight-scale-normal-font-weight: 400;
34
35
  --utrecht-typography-weight-scale-bold-font-weight: 700;
35
36
  --utrecht-typography-scale-4xl-font-size: 2rem; /* 32px */
@@ -39,7 +40,7 @@
39
40
  --utrecht-typography-scale-lg-font-size: 1.125rem; /* 18px */
40
41
  --utrecht-typography-scale-md-font-size: 1rem; /* 16px */
41
42
  --utrecht-typography-scale-sm-font-size: 0.875rem; /* 14px */
42
- --utrecht-typography-sans-serif-font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Arial", sans-serif;
43
+ --utrecht-typography-sans-serif-font-family: "Noto Sans Variable", "Arial", sans-serif;
43
44
  --utrecht-icon-scale-4xl: 48px;
44
45
  --utrecht-icon-scale-3xl: 36px; /* Formaat voor toptaks iconen */
45
46
  --utrecht-icon-scale-2xl: 30px; /* Formaat voor marker iconen */
@@ -180,8 +181,8 @@
180
181
  --utrecht-page-body-padding-block-end: 0;
181
182
  --utrecht-page-body-padding-inline-start: 0;
182
183
  --utrecht-page-body-padding-inline-end: 0;
183
- --utrecht-page-body-content-padding-inline-end: 2.4em;
184
184
  --utrecht-page-body-content-max-inline-size: 1184px;
185
+ --utrecht-page-body-content-padding-inline-end: 2.4em;
185
186
  --utrecht-page-body-content-padding-inline-start: 2em;
186
187
  --utrecht-page-body-content-padding-block-end: 1em;
187
188
  --utrecht-page-body-content-padding-block-start: 0;
@@ -449,27 +450,27 @@
449
450
  --nl-mark-color: var(--utrecht-color-black);
450
451
  --nl-mark-background-color: var(--utrecht-color-yellow-60);
451
452
  --nl-heading-level-6-line-height: var(--utrecht-typography-line-height-md);
452
- --nl-heading-level-6-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
453
+ --nl-heading-level-6-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
453
454
  --nl-heading-level-6-font-size: var(--utrecht-typography-scale-sm-font-size);
454
455
  --nl-heading-level-6-font-family: var(--utrecht-typography-sans-serif-font-family);
455
456
  --nl-heading-level-5-line-height: var(--utrecht-typography-line-height-md);
456
- --nl-heading-level-5-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
457
+ --nl-heading-level-5-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
457
458
  --nl-heading-level-5-font-size: var(--utrecht-typography-scale-sm-font-size);
458
459
  --nl-heading-level-5-font-family: var(--utrecht-typography-sans-serif-font-family);
459
460
  --nl-heading-level-4-line-height: var(--utrecht-typography-line-height-md);
460
- --nl-heading-level-4-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
461
+ --nl-heading-level-4-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
461
462
  --nl-heading-level-4-font-size: var(--utrecht-typography-scale-lg-font-size);
462
463
  --nl-heading-level-4-font-family: var(--utrecht-typography-sans-serif-font-family);
463
464
  --nl-heading-level-3-line-height: var(--utrecht-typography-line-height-sm);
464
- --nl-heading-level-3-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
465
+ --nl-heading-level-3-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
465
466
  --nl-heading-level-3-font-size: var(--utrecht-typography-scale-xl-font-size);
466
467
  --nl-heading-level-3-font-family: var(--utrecht-typography-sans-serif-font-family);
467
468
  --nl-heading-level-2-line-height: var(--utrecht-typography-line-height-sm);
468
- --nl-heading-level-2-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
469
+ --nl-heading-level-2-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
469
470
  --nl-heading-level-2-font-size: var(--utrecht-typography-scale-xl-font-size);
470
471
  --nl-heading-level-2-font-family: var(--utrecht-typography-sans-serif-font-family);
471
472
  --nl-heading-level-1-line-height: var(--utrecht-typography-line-height-sm);
472
- --nl-heading-level-1-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
473
+ --nl-heading-level-1-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
473
474
  --nl-heading-level-1-font-size: var(--utrecht-typography-scale-4xl-font-size);
474
475
  --nl-heading-level-1-font-family: var(--utrecht-typography-sans-serif-font-family);
475
476
  --nl-data-badge-padding-inline: var(--utrecht-space-inline-sm);
package/dist/_variables.scss CHANGED
@@ -28,6 +28,7 @@ $utrecht-typography-line-height-sm: 1.25;
28
28
  $utrecht-typography-line-height-xs: 1;
29
29
  $utrecht-typography-font-style-inherit: inherit;
30
30
  $utrecht-typography-font-style-normal: normal;
31
+ $utrecht-typography-weight-scale-semibold-font-weight: 600;
31
32
  $utrecht-typography-weight-scale-normal-font-weight: 400;
32
33
  $utrecht-typography-weight-scale-bold-font-weight: 700;
33
34
  $utrecht-typography-scale-4xl-font-size: 2rem; // 32px
@@ -37,7 +38,7 @@ $utrecht-typography-scale-xl-font-size: 1.25rem; // 20px
37
38
  $utrecht-typography-scale-lg-font-size: 1.125rem; // 18px
38
39
  $utrecht-typography-scale-md-font-size: 1rem; // 16px
39
40
  $utrecht-typography-scale-sm-font-size: 0.875rem; // 14px
40
- $utrecht-typography-sans-serif-font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Arial", sans-serif;
41
+ $utrecht-typography-sans-serif-font-family: "Noto Sans Variable", "Arial", sans-serif;
41
42
  $utrecht-icon-scale-4xl: 48px;
42
43
  $utrecht-icon-scale-3xl: 36px; // Formaat voor toptaks iconen
43
44
  $utrecht-icon-scale-2xl: 30px; // Formaat voor marker iconen
@@ -178,8 +179,8 @@ $utrecht-page-body-padding-block-start: 0;
178
179
  $utrecht-page-body-padding-block-end: 0;
179
180
  $utrecht-page-body-padding-inline-start: 0;
180
181
  $utrecht-page-body-padding-inline-end: 0;
181
- $utrecht-page-body-content-padding-inline-end: 2.4em;
182
182
  $utrecht-page-body-content-max-inline-size: 1184px;
183
+ $utrecht-page-body-content-padding-inline-end: 2.4em;
183
184
  $utrecht-page-body-content-padding-inline-start: 2em;
184
185
  $utrecht-page-body-content-padding-block-end: 1em;
185
186
  $utrecht-page-body-content-padding-block-start: 0;
@@ -447,27 +448,27 @@ $nl-number-badge-background-color: $utrecht-color-red-40;
447
448
  $nl-mark-color: $utrecht-color-black;
448
449
  $nl-mark-background-color: $utrecht-color-yellow-60;
449
450
  $nl-heading-level-6-line-height: $utrecht-typography-line-height-md;
450
- $nl-heading-level-6-font-weight: $utrecht-typography-weight-scale-normal-font-weight;
451
+ $nl-heading-level-6-font-weight: $utrecht-typography-weight-scale-semibold-font-weight;
451
452
  $nl-heading-level-6-font-size: $utrecht-typography-scale-sm-font-size;
452
453
  $nl-heading-level-6-font-family: $utrecht-typography-sans-serif-font-family;
453
454
  $nl-heading-level-5-line-height: $utrecht-typography-line-height-md;
454
- $nl-heading-level-5-font-weight: $utrecht-typography-weight-scale-normal-font-weight;
455
+ $nl-heading-level-5-font-weight: $utrecht-typography-weight-scale-semibold-font-weight;
455
456
  $nl-heading-level-5-font-size: $utrecht-typography-scale-sm-font-size;
456
457
  $nl-heading-level-5-font-family: $utrecht-typography-sans-serif-font-family;
457
458
  $nl-heading-level-4-line-height: $utrecht-typography-line-height-md;
458
- $nl-heading-level-4-font-weight: $utrecht-typography-weight-scale-normal-font-weight;
459
+ $nl-heading-level-4-font-weight: $utrecht-typography-weight-scale-semibold-font-weight;
459
460
  $nl-heading-level-4-font-size: $utrecht-typography-scale-lg-font-size;
460
461
  $nl-heading-level-4-font-family: $utrecht-typography-sans-serif-font-family;
461
462
  $nl-heading-level-3-line-height: $utrecht-typography-line-height-sm;
462
- $nl-heading-level-3-font-weight: $utrecht-typography-weight-scale-normal-font-weight;
463
+ $nl-heading-level-3-font-weight: $utrecht-typography-weight-scale-semibold-font-weight;
463
464
  $nl-heading-level-3-font-size: $utrecht-typography-scale-xl-font-size;
464
465
  $nl-heading-level-3-font-family: $utrecht-typography-sans-serif-font-family;
465
466
  $nl-heading-level-2-line-height: $utrecht-typography-line-height-sm;
466
- $nl-heading-level-2-font-weight: $utrecht-typography-weight-scale-bold-font-weight;
467
+ $nl-heading-level-2-font-weight: $utrecht-typography-weight-scale-semibold-font-weight;
467
468
  $nl-heading-level-2-font-size: $utrecht-typography-scale-xl-font-size;
468
469
  $nl-heading-level-2-font-family: $utrecht-typography-sans-serif-font-family;
469
470
  $nl-heading-level-1-line-height: $utrecht-typography-line-height-sm;
470
- $nl-heading-level-1-font-weight: $utrecht-typography-weight-scale-bold-font-weight;
471
+ $nl-heading-level-1-font-weight: $utrecht-typography-weight-scale-semibold-font-weight;
471
472
  $nl-heading-level-1-font-size: $utrecht-typography-scale-4xl-font-size;
472
473
  $nl-heading-level-1-font-family: $utrecht-typography-sans-serif-font-family;
473
474
  $nl-data-badge-padding-inline: $utrecht-space-inline-sm;
package/dist/dark/_mixin-theme.scss CHANGED
@@ -30,6 +30,7 @@
30
30
  --utrecht-typography-line-height-xs: 1;
31
31
  --utrecht-typography-font-style-inherit: inherit;
32
32
  --utrecht-typography-font-style-normal: normal;
33
+ --utrecht-typography-weight-scale-semibold-font-weight: 600;
33
34
  --utrecht-typography-weight-scale-normal-font-weight: 400;
34
35
  --utrecht-typography-weight-scale-bold-font-weight: 700;
35
36
  --utrecht-typography-scale-4xl-font-size: 2rem; /* 32px */
@@ -39,7 +40,7 @@
39
40
  --utrecht-typography-scale-lg-font-size: 1.125rem; /* 18px */
40
41
  --utrecht-typography-scale-md-font-size: 1rem; /* 16px */
41
42
  --utrecht-typography-scale-sm-font-size: 0.875rem; /* 14px */
42
- --utrecht-typography-sans-serif-font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Arial", sans-serif;
43
+ --utrecht-typography-sans-serif-font-family: "Noto Sans Variable", "Arial", sans-serif;
43
44
  --utrecht-icon-scale-4xl: 48px;
44
45
  --utrecht-icon-scale-3xl: 36px; /* Formaat voor toptaks iconen */
45
46
  --utrecht-icon-scale-2xl: 30px; /* Formaat voor marker iconen */
@@ -180,8 +181,8 @@
180
181
  --utrecht-page-body-padding-block-end: 0;
181
182
  --utrecht-page-body-padding-inline-start: 0;
182
183
  --utrecht-page-body-padding-inline-end: 0;
183
- --utrecht-page-body-content-padding-inline-end: 2.4em;
184
184
  --utrecht-page-body-content-max-inline-size: 1184px;
185
+ --utrecht-page-body-content-padding-inline-end: 2.4em;
185
186
  --utrecht-page-body-content-padding-inline-start: 2em;
186
187
  --utrecht-page-body-content-padding-block-end: 1em;
187
188
  --utrecht-page-body-content-padding-block-start: 0;
@@ -451,27 +452,27 @@
451
452
  --nl-mark-color: var(--utrecht-color-black);
452
453
  --nl-mark-background-color: var(--utrecht-color-yellow-60);
453
454
  --nl-heading-level-6-line-height: var(--utrecht-typography-line-height-md);
454
- --nl-heading-level-6-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
455
+ --nl-heading-level-6-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
455
456
  --nl-heading-level-6-font-size: var(--utrecht-typography-scale-sm-font-size);
456
457
  --nl-heading-level-6-font-family: var(--utrecht-typography-sans-serif-font-family);
457
458
  --nl-heading-level-5-line-height: var(--utrecht-typography-line-height-md);
458
- --nl-heading-level-5-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
459
+ --nl-heading-level-5-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
459
460
  --nl-heading-level-5-font-size: var(--utrecht-typography-scale-sm-font-size);
460
461
  --nl-heading-level-5-font-family: var(--utrecht-typography-sans-serif-font-family);
461
462
  --nl-heading-level-4-line-height: var(--utrecht-typography-line-height-md);
462
- --nl-heading-level-4-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
463
+ --nl-heading-level-4-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
463
464
  --nl-heading-level-4-font-size: var(--utrecht-typography-scale-lg-font-size);
464
465
  --nl-heading-level-4-font-family: var(--utrecht-typography-sans-serif-font-family);
465
466
  --nl-heading-level-3-line-height: var(--utrecht-typography-line-height-sm);
466
- --nl-heading-level-3-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
467
+ --nl-heading-level-3-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
467
468
  --nl-heading-level-3-font-size: var(--utrecht-typography-scale-xl-font-size);
468
469
  --nl-heading-level-3-font-family: var(--utrecht-typography-sans-serif-font-family);
469
470
  --nl-heading-level-2-line-height: var(--utrecht-typography-line-height-sm);
470
- --nl-heading-level-2-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
471
+ --nl-heading-level-2-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
471
472
  --nl-heading-level-2-font-size: var(--utrecht-typography-scale-xl-font-size);
472
473
  --nl-heading-level-2-font-family: var(--utrecht-typography-sans-serif-font-family);
473
474
  --nl-heading-level-1-line-height: var(--utrecht-typography-line-height-sm);
474
- --nl-heading-level-1-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
475
+ --nl-heading-level-1-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
475
476
  --nl-heading-level-1-font-size: var(--utrecht-typography-scale-4xl-font-size);
476
477
  --nl-heading-level-1-font-family: var(--utrecht-typography-sans-serif-font-family);
477
478
  --nl-data-badge-padding-inline: var(--utrecht-space-inline-sm);
package/dist/dark/_mixin.scss CHANGED
@@ -30,6 +30,7 @@
30
30
  --utrecht-typography-line-height-xs: 1;
31
31
  --utrecht-typography-font-style-inherit: inherit;
32
32
  --utrecht-typography-font-style-normal: normal;
33
+ --utrecht-typography-weight-scale-semibold-font-weight: 600;
33
34
  --utrecht-typography-weight-scale-normal-font-weight: 400;
34
35
  --utrecht-typography-weight-scale-bold-font-weight: 700;
35
36
  --utrecht-typography-scale-4xl-font-size: 2rem; /* 32px */
@@ -39,7 +40,7 @@
39
40
  --utrecht-typography-scale-lg-font-size: 1.125rem; /* 18px */
40
41
  --utrecht-typography-scale-md-font-size: 1rem; /* 16px */
41
42
  --utrecht-typography-scale-sm-font-size: 0.875rem; /* 14px */
42
- --utrecht-typography-sans-serif-font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Arial", sans-serif;
43
+ --utrecht-typography-sans-serif-font-family: "Noto Sans Variable", "Arial", sans-serif;
43
44
  --utrecht-icon-scale-4xl: 48px;
44
45
  --utrecht-icon-scale-3xl: 36px; /* Formaat voor toptaks iconen */
45
46
  --utrecht-icon-scale-2xl: 30px; /* Formaat voor marker iconen */
@@ -180,8 +181,8 @@
180
181
  --utrecht-page-body-padding-block-end: 0;
181
182
  --utrecht-page-body-padding-inline-start: 0;
182
183
  --utrecht-page-body-padding-inline-end: 0;
183
- --utrecht-page-body-content-padding-inline-end: 2.4em;
184
184
  --utrecht-page-body-content-max-inline-size: 1184px;
185
+ --utrecht-page-body-content-padding-inline-end: 2.4em;
185
186
  --utrecht-page-body-content-padding-inline-start: 2em;
186
187
  --utrecht-page-body-content-padding-block-end: 1em;
187
188
  --utrecht-page-body-content-padding-block-start: 0;
@@ -451,27 +452,27 @@
451
452
  --nl-mark-color: var(--utrecht-color-black);
452
453
  --nl-mark-background-color: var(--utrecht-color-yellow-60);
453
454
  --nl-heading-level-6-line-height: var(--utrecht-typography-line-height-md);
454
- --nl-heading-level-6-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
455
+ --nl-heading-level-6-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
455
456
  --nl-heading-level-6-font-size: var(--utrecht-typography-scale-sm-font-size);
456
457
  --nl-heading-level-6-font-family: var(--utrecht-typography-sans-serif-font-family);
457
458
  --nl-heading-level-5-line-height: var(--utrecht-typography-line-height-md);
458
- --nl-heading-level-5-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
459
+ --nl-heading-level-5-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
459
460
  --nl-heading-level-5-font-size: var(--utrecht-typography-scale-sm-font-size);
460
461
  --nl-heading-level-5-font-family: var(--utrecht-typography-sans-serif-font-family);
461
462
  --nl-heading-level-4-line-height: var(--utrecht-typography-line-height-md);
462
- --nl-heading-level-4-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
463
+ --nl-heading-level-4-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
463
464
  --nl-heading-level-4-font-size: var(--utrecht-typography-scale-lg-font-size);
464
465
  --nl-heading-level-4-font-family: var(--utrecht-typography-sans-serif-font-family);
465
466
  --nl-heading-level-3-line-height: var(--utrecht-typography-line-height-sm);
466
- --nl-heading-level-3-font-weight: var(--utrecht-typography-weight-scale-normal-font-weight);
467
+ --nl-heading-level-3-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
467
468
  --nl-heading-level-3-font-size: var(--utrecht-typography-scale-xl-font-size);
468
469
  --nl-heading-level-3-font-family: var(--utrecht-typography-sans-serif-font-family);
469
470
  --nl-heading-level-2-line-height: var(--utrecht-typography-line-height-sm);
470
- --nl-heading-level-2-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
471
+ --nl-heading-level-2-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
471
472
  --nl-heading-level-2-font-size: var(--utrecht-typography-scale-xl-font-size);
472
473
  --nl-heading-level-2-font-family: var(--utrecht-typography-sans-serif-font-family);
473
474
  --nl-heading-level-1-line-height: var(--utrecht-typography-line-height-sm);
474
- --nl-heading-level-1-font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
475
+ --nl-heading-level-1-font-weight: var(--utrecht-typography-weight-scale-semibold-font-weight);
475
476
  --nl-heading-level-1-font-size: var(--utrecht-typography-scale-4xl-font-size);
476
477
  --nl-heading-level-1-font-family: var(--utrecht-typography-sans-serif-font-family);
477
478
  --nl-data-badge-padding-inline: var(--utrecht-space-inline-sm);
package/dist/dark/_variables.scss CHANGED
@@ -28,6 +28,7 @@ $utrecht-typography-line-height-sm: 1.25;
28
28
  $utrecht-typography-line-height-xs: 1;
29
29
  $utrecht-typography-font-style-inherit: inherit;
30
30
  $utrecht-typography-font-style-normal: normal;
31
+ $utrecht-typography-weight-scale-semibold-font-weight: 600;
31
32
  $utrecht-typography-weight-scale-normal-font-weight: 400;
32
33
  $utrecht-typography-weight-scale-bold-font-weight: 700;
33
34
  $utrecht-typography-scale-4xl-font-size: 2rem; // 32px
@@ -37,7 +38,7 @@ $utrecht-typography-scale-xl-font-size: 1.25rem; // 20px
37
38
  $utrecht-typography-scale-lg-font-size: 1.125rem; // 18px
38
39
  $utrecht-typography-scale-md-font-size: 1rem; // 16px
39
40
  $utrecht-typography-scale-sm-font-size: 0.875rem; // 14px
40
- $utrecht-typography-sans-serif-font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Arial", sans-serif;
41
+ $utrecht-typography-sans-serif-font-family: "Noto Sans Variable", "Arial", sans-serif;
41
42
  $utrecht-icon-scale-4xl: 48px;
42
43
  $utrecht-icon-scale-3xl: 36px; // Formaat voor toptaks iconen
43
44
  $utrecht-icon-scale-2xl: 30px; // Formaat voor marker iconen
@@ -178,8 +179,8 @@ $utrecht-page-body-padding-block-start: 0;
178
179
  $utrecht-page-body-padding-block-end: 0;
179
180
  $utrecht-page-body-padding-inline-start: 0;
180
181
  $utrecht-page-body-padding-inline-end: 0;
181
- $utrecht-page-body-content-padding-inline-end: 2.4em;
182
182
  $utrecht-page-body-content-max-inline-size: 1184px;
183
+ $utrecht-page-body-content-padding-inline-end: 2.4em;
183
184
  $utrecht-page-body-content-padding-inline-start: 2em;
184
185
  $utrecht-page-body-content-padding-block-end: 1em;
185
186
  $utrecht-page-body-content-padding-block-start: 0;
@@ -449,27 +450,27 @@ $nl-number-badge-background-color: $utrecht-color-red-40;
449
450
  $nl-mark-color: $utrecht-color-black;
450
451
  $nl-mark-background-color: $utrecht-color-yellow-60;
451
452
  $nl-heading-level-6-line-height: $utrecht-typography-line-height-md;
452
- $nl-heading-level-6-font-weight: $utrecht-typography-weight-scale-normal-font-weight;
453
+ $nl-heading-level-6-font-weight: $utrecht-typography-weight-scale-semibold-font-weight;
453
454
  $nl-heading-level-6-font-size: $utrecht-typography-scale-sm-font-size;
454
455
  $nl-heading-level-6-font-family: $utrecht-typography-sans-serif-font-family;
455
456
  $nl-heading-level-5-line-height: $utrecht-typography-line-height-md;
456
- $nl-heading-level-5-font-weight: $utrecht-typography-weight-scale-normal-font-weight;
457
+ $nl-heading-level-5-font-weight: $utrecht-typography-weight-scale-semibold-font-weight;
457
458
  $nl-heading-level-5-font-size: $utrecht-typography-scale-sm-font-size;
458
459
  $nl-heading-level-5-font-family: $utrecht-typography-sans-serif-font-family;
459
460
  $nl-heading-level-4-line-height: $utrecht-typography-line-height-md;
460
- $nl-heading-level-4-font-weight: $utrecht-typography-weight-scale-normal-font-weight;
461
+ $nl-heading-level-4-font-weight: $utrecht-typography-weight-scale-semibold-font-weight;
461
462
  $nl-heading-level-4-font-size: $utrecht-typography-scale-lg-font-size;
462
463
  $nl-heading-level-4-font-family: $utrecht-typography-sans-serif-font-family;
463
464
  $nl-heading-level-3-line-height: $utrecht-typography-line-height-sm;
464
- $nl-heading-level-3-font-weight: $utrecht-typography-weight-scale-normal-font-weight;
465
+ $nl-heading-level-3-font-weight: $utrecht-typography-weight-scale-semibold-font-weight;
465
466
  $nl-heading-level-3-font-size: $utrecht-typography-scale-xl-font-size;
466
467
  $nl-heading-level-3-font-family: $utrecht-typography-sans-serif-font-family;
467
468
  $nl-heading-level-2-line-height: $utrecht-typography-line-height-sm;
468
- $nl-heading-level-2-font-weight: $utrecht-typography-weight-scale-bold-font-weight;
469
+ $nl-heading-level-2-font-weight: $utrecht-typography-weight-scale-semibold-font-weight;
469
470
  $nl-heading-level-2-font-size: $utrecht-typography-scale-xl-font-size;
470
471
  $nl-heading-level-2-font-family: $utrecht-typography-sans-serif-font-family;
471
472
  $nl-heading-level-1-line-height: $utrecht-typography-line-height-sm;
472
- $nl-heading-level-1-font-weight: $utrecht-typography-weight-scale-bold-font-weight;
473
+ $nl-heading-level-1-font-weight: $utrecht-typography-weight-scale-semibold-font-weight;
473
474
  $nl-heading-level-1-font-size: $utrecht-typography-scale-4xl-font-size;
474
475
  $nl-heading-level-1-font-family: $utrecht-typography-sans-serif-font-family;
475
476
  $nl-data-badge-padding-inline: $utrecht-space-inline-sm;
package/dist/dark/index.cjs CHANGED
@@ -90,7 +90,7 @@ module.exports = {
90
90
  "utrechtBlockquoteCaptionFontSize": "0.875rem",
91
91
  "utrechtBlockquoteMarginBlockStart": "1.6em",
92
92
  "utrechtBlockquoteMarginBlockEnd": "1.6em",
93
- "utrechtBodyFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
93
+ "utrechtBodyFontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
94
94
  "utrechtBodyFontSize": "1rem",
95
95
  "utrechtBodyLineHeight": "1.4",
96
96
  "utrechtBodyBackgroundColor": "hsl(0 0% 100%)",
@@ -124,7 +124,7 @@ module.exports = {
124
124
  "utrechtButtonBorderWidth": "1px",
125
125
  "utrechtButtonColor": "hsl(0 0% 80%)",
126
126
  "utrechtButtonColumnGap": "0.5ch",
127
- "utrechtButtonFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
127
+ "utrechtButtonFontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
128
128
  "utrechtButtonFontSize": "1rem",
129
129
  "utrechtButtonMarginBlockStart": "8px",
130
130
  "utrechtButtonMarginBlockEnd": "8px",
@@ -436,7 +436,7 @@ module.exports = {
436
436
  "utrechtDataPlaceholderBackgroundColor": "hsl(0 0% 40%)",
437
437
  "utrechtDocumentBackgroundColor": "hsl(0 0% 15%)",
438
438
  "utrechtDocumentColor": "hsl(0 0% 95%)",
439
- "utrechtDocumentFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
439
+ "utrechtDocumentFontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
440
440
  "utrechtDocumentFontSize": "1rem",
441
441
  "utrechtDocumentLineHeight": "1.4",
442
442
  "utrechtDrawerBackgroundColor": "hsl(0 0% 15%)",
@@ -463,7 +463,7 @@ module.exports = {
463
463
  "utrechtFormControlBorderRadius": "0",
464
464
  "utrechtFormControlBorderWidth": "1px",
465
465
  "utrechtFormControlColor": "hsl(0 0% 95%)",
466
- "utrechtFormControlFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
466
+ "utrechtFormControlFontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
467
467
  "utrechtFormControlFontSize": "1rem",
468
468
  "utrechtFormControlMaxInlineSize": "28em",
469
469
  "utrechtFormControlPaddingBlockEnd": "8px",
@@ -529,39 +529,39 @@ module.exports = {
529
529
  "utrechtFormToggleFocusBorderColor": "hsl(0 0% 0%)",
530
530
  "utrechtFormToggleFocusBorderStyle": "dotted",
531
531
  "utrechtFormToggleFocusBorderWidth": "2px",
532
- "utrechtHeading1FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
532
+ "utrechtHeading1FontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
533
533
  "utrechtHeading1FontSize": "2rem",
534
- "utrechtHeading1FontWeight": "700",
534
+ "utrechtHeading1FontWeight": "600",
535
535
  "utrechtHeading1LineHeight": "1.25",
536
536
  "utrechtHeading1MarginBlockEnd": "0.67rem",
537
537
  "utrechtHeading1MarginBlockStart": "0.67rem",
538
- "utrechtHeading2FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
538
+ "utrechtHeading2FontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
539
539
  "utrechtHeading2FontSize": "1.25rem",
540
- "utrechtHeading2FontWeight": "700",
540
+ "utrechtHeading2FontWeight": "600",
541
541
  "utrechtHeading2LineHeight": "1.25",
542
542
  "utrechtHeading2MarginBlockEnd": "0.3rem",
543
543
  "utrechtHeading2MarginBlockStart": "1.5rem",
544
- "utrechtHeading3FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
544
+ "utrechtHeading3FontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
545
545
  "utrechtHeading3FontSize": "1.25rem",
546
- "utrechtHeading3FontWeight": "400",
546
+ "utrechtHeading3FontWeight": "600",
547
547
  "utrechtHeading3LineHeight": "1.25",
548
548
  "utrechtHeading3MarginBlockEnd": "0.2rem",
549
549
  "utrechtHeading3MarginBlockStart": "1rem",
550
- "utrechtHeading4FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
550
+ "utrechtHeading4FontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
551
551
  "utrechtHeading4FontSize": "1.125rem",
552
- "utrechtHeading4FontWeight": "400",
552
+ "utrechtHeading4FontWeight": "600",
553
553
  "utrechtHeading4LineHeight": "1.5",
554
554
  "utrechtHeading4MarginBlockEnd": "0.3rem",
555
555
  "utrechtHeading4MarginBlockStart": "1.2rem",
556
- "utrechtHeading5FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
556
+ "utrechtHeading5FontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
557
557
  "utrechtHeading5FontSize": "0.875rem",
558
- "utrechtHeading5FontWeight": "400",
558
+ "utrechtHeading5FontWeight": "600",
559
559
  "utrechtHeading5LineHeight": "1.5",
560
560
  "utrechtHeading5MarginBlockEnd": "0.2rem",
561
561
  "utrechtHeading5MarginBlockStart": "1rem",
562
- "utrechtHeading6FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
562
+ "utrechtHeading6FontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
563
563
  "utrechtHeading6FontSize": "0.875rem",
564
- "utrechtHeading6FontWeight": "400",
564
+ "utrechtHeading6FontWeight": "600",
565
565
  "utrechtHeading6LineHeight": "1.5",
566
566
  "utrechtHeadingFontWeight": "700",
567
567
  "utrechtIconSize": "48px",
@@ -754,8 +754,8 @@ module.exports = {
754
754
  "utrechtPageBodyContentPaddingBlockStart": "0",
755
755
  "utrechtPageBodyContentPaddingBlockEnd": "1em",
756
756
  "utrechtPageBodyContentPaddingInlineStart": "2em",
757
- "utrechtPageBodyContentMaxInlineSize": "1184px",
758
757
  "utrechtPageBodyContentPaddingInlineEnd": "2.4em",
758
+ "utrechtPageBodyContentMaxInlineSize": "1184px",
759
759
  "utrechtPageBodyPaddingInlineEnd": "0",
760
760
  "utrechtPageBodyPaddingInlineStart": "0",
761
761
  "utrechtPageBodyPaddingBlockEnd": "0",
@@ -826,7 +826,7 @@ module.exports = {
826
826
  "utrechtPaginationRelativeLinkHoverBackgroundColor": "hsl(211 60% 35%)",
827
827
  "utrechtPaginationRelativeLinkHoverBorderColor": "hsl(211 60% 35%)",
828
828
  "utrechtPaginationRelativeLinkHoverColor": "hsl(0 0% 100%)",
829
- "utrechtParagraphFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
829
+ "utrechtParagraphFontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
830
830
  "utrechtParagraphFontSize": "1rem",
831
831
  "utrechtParagraphFontWeight": "400",
832
832
  "utrechtParagraphLineHeight": "1.5",
@@ -964,7 +964,7 @@ module.exports = {
964
964
  "utrechtTooltipBorderRadius": "0",
965
965
  "utrechtTooltipBorderWidth": "1px",
966
966
  "utrechtTooltipColor": "hsl(0 0% 40%)",
967
- "utrechtTooltipFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
967
+ "utrechtTooltipFontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
968
968
  "utrechtTooltipFontSize": "1rem",
969
969
  "utrechtTooltipPaddingBlock": "8px",
970
970
  "utrechtTooltipPaddingInline": "16px",
@@ -1042,7 +1042,7 @@ module.exports = {
1042
1042
  "utrechtIconScale2xl": "30px",
1043
1043
  "utrechtIconScale3xl": "36px",
1044
1044
  "utrechtIconScale4xl": "48px",
1045
- "utrechtTypographySansSerifFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
1045
+ "utrechtTypographySansSerifFontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
1046
1046
  "utrechtTypographyScaleSmFontSize": "0.875rem",
1047
1047
  "utrechtTypographyScaleMdFontSize": "1rem",
1048
1048
  "utrechtTypographyScaleLgFontSize": "1.125rem",
@@ -1052,6 +1052,7 @@ module.exports = {
1052
1052
  "utrechtTypographyScale4xlFontSize": "2rem",
1053
1053
  "utrechtTypographyWeightScaleBoldFontWeight": "700",
1054
1054
  "utrechtTypographyWeightScaleNormalFontWeight": "400",
1055
+ "utrechtTypographyWeightScaleSemiboldFontWeight": "600",
1055
1056
  "utrechtTypographyFontStyleNormal": "normal",
1056
1057
  "utrechtTypographyFontStyleInherit": "inherit",
1057
1058
  "utrechtTypographyLineHeightXs": "1",
@@ -1072,9 +1073,9 @@ module.exports = {
1072
1073
  "utrechtMenulijstItemHoverColor": "hsl(211 60% 40%)",
1073
1074
  "utrechtToptaskNavGap": "16px",
1074
1075
  "utrechtToptaskNavLinkGridMaxInlineSize": "240px",
1075
- "denhaagProcessStepsFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
1076
+ "denhaagProcessStepsFontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
1076
1077
  "denhaagProcessStepsStepHeadingColor": "hsl(0 0% 0%)",
1077
- "denhaagProcessStepsStepHeadingFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
1078
+ "denhaagProcessStepsStepHeadingFontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
1078
1079
  "denhaagProcessStepsStepHeadingFontSize": "1.125rem",
1079
1080
  "denhaagProcessStepsStepHeadingFontWeight": "700",
1080
1081
  "denhaagProcessStepsStepHeadingCurrentColor": "hsl(0 0% 0%)",
@@ -1127,29 +1128,29 @@ module.exports = {
1127
1128
  "nlDataBadgeColor": "hsl(0 0% 100%)",
1128
1129
  "nlDataBadgePaddingBlock": "8px",
1129
1130
  "nlDataBadgePaddingInline": "12px",
1130
- "nlHeadingLevel1FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
1131
+ "nlHeadingLevel1FontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
1131
1132
  "nlHeadingLevel1FontSize": "2rem",
1132
- "nlHeadingLevel1FontWeight": "700",
1133
+ "nlHeadingLevel1FontWeight": "600",
1133
1134
  "nlHeadingLevel1LineHeight": "1.25",
1134
- "nlHeadingLevel2FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
1135
+ "nlHeadingLevel2FontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
1135
1136
  "nlHeadingLevel2FontSize": "1.25rem",
1136
- "nlHeadingLevel2FontWeight": "700",
1137
+ "nlHeadingLevel2FontWeight": "600",
1137
1138
  "nlHeadingLevel2LineHeight": "1.25",
1138
- "nlHeadingLevel3FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
1139
+ "nlHeadingLevel3FontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
1139
1140
  "nlHeadingLevel3FontSize": "1.25rem",
1140
- "nlHeadingLevel3FontWeight": "400",
1141
+ "nlHeadingLevel3FontWeight": "600",
1141
1142
  "nlHeadingLevel3LineHeight": "1.25",
1142
- "nlHeadingLevel4FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
1143
+ "nlHeadingLevel4FontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
1143
1144
  "nlHeadingLevel4FontSize": "1.125rem",
1144
- "nlHeadingLevel4FontWeight": "400",
1145
+ "nlHeadingLevel4FontWeight": "600",
1145
1146
  "nlHeadingLevel4LineHeight": "1.5",
1146
- "nlHeadingLevel5FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
1147
+ "nlHeadingLevel5FontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
1147
1148
  "nlHeadingLevel5FontSize": "0.875rem",
1148
- "nlHeadingLevel5FontWeight": "400",
1149
+ "nlHeadingLevel5FontWeight": "600",
1149
1150
  "nlHeadingLevel5LineHeight": "1.5",
1150
- "nlHeadingLevel6FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
1151
+ "nlHeadingLevel6FontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
1151
1152
  "nlHeadingLevel6FontSize": "0.875rem",
1152
- "nlHeadingLevel6FontWeight": "400",
1153
+ "nlHeadingLevel6FontWeight": "600",
1153
1154
  "nlHeadingLevel6LineHeight": "1.5",
1154
1155
  "nlMarkBackgroundColor": "hsl(48 100% 60%)",
1155
1156
  "nlMarkColor": "hsl(0 0% 0%)",
@@ -1159,7 +1160,7 @@ module.exports = {
1159
1160
  "nlNumberBadgeFontSize": "1rem",
1160
1161
  "nlNumberBadgePaddingBlock": "1ex",
1161
1162
  "nlNumberBadgePaddingInline": "1ex",
1162
- "nlParagraphFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
1163
+ "nlParagraphFontFamily": "\"Noto Sans Variable\", \"Arial\", sans-serif",
1163
1164
  "nlParagraphFontSize": "1rem",
1164
1165
  "nlParagraphFontWeight": "400",
1165
1166
  "nlParagraphLineHeight": "1.5",