@rijkshuisstijl-community/design-tokens 1.0.0-alpha.153 → 1.0.0-alpha.155

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/dist/_variables.scss +18 -16
  2. package/dist/index.css +18 -16
  3. package/dist/index.d.ts +18 -16
  4. package/dist/index.js +18 -16
  5. package/dist/index.json +17 -15
  6. package/dist/index.tokens.json +23 -21
  7. package/dist/root.css +18 -16
  8. package/dist/tokens.d.ts +24 -22
  9. package/dist/tokens.js +582 -532
  10. package/dist/uitvoerend-mintgroen-focus/_variables.scss +18 -16
  11. package/dist/uitvoerend-mintgroen-focus/index.css +18 -16
  12. package/dist/uitvoerend-mintgroen-focus/index.d.ts +18 -16
  13. package/dist/uitvoerend-mintgroen-focus/index.js +18 -16
  14. package/dist/uitvoerend-mintgroen-focus/index.json +17 -15
  15. package/dist/uitvoerend-mintgroen-focus/index.tokens.json +23 -21
  16. package/dist/uitvoerend-mintgroen-focus/root.css +18 -16
  17. package/dist/uitvoerend-mintgroen-focus/tokens.d.ts +24 -22
  18. package/dist/uitvoerend-mintgroen-focus/tokens.js +582 -532
  19. package/dist/uitvoerend-violet/_variables.scss +18 -16
  20. package/dist/uitvoerend-violet/index.css +18 -16
  21. package/dist/uitvoerend-violet/index.d.ts +18 -16
  22. package/dist/uitvoerend-violet/index.js +18 -16
  23. package/dist/uitvoerend-violet/index.json +17 -15
  24. package/dist/uitvoerend-violet/index.tokens.json +23 -21
  25. package/dist/uitvoerend-violet/root.css +18 -16
  26. package/dist/uitvoerend-violet/tokens.d.ts +24 -22
  27. package/dist/uitvoerend-violet/tokens.js +582 -532
  28. package/dist/uitvoerend-violet-oud/_variables.scss +18 -16
  29. package/dist/uitvoerend-violet-oud/index.css +18 -16
  30. package/dist/uitvoerend-violet-oud/index.d.ts +18 -16
  31. package/dist/uitvoerend-violet-oud/index.js +18 -16
  32. package/dist/uitvoerend-violet-oud/index.json +17 -15
  33. package/dist/uitvoerend-violet-oud/index.tokens.json +23 -21
  34. package/dist/uitvoerend-violet-oud/root.css +18 -16
  35. package/dist/uitvoerend-violet-oud/tokens.d.ts +24 -22
  36. package/dist/uitvoerend-violet-oud/tokens.js +582 -532
  37. package/dist/wetgevend/_variables.scss +18 -16
  38. package/dist/wetgevend/index.css +18 -16
  39. package/dist/wetgevend/index.d.ts +18 -16
  40. package/dist/wetgevend/index.js +18 -16
  41. package/dist/wetgevend/index.json +17 -15
  42. package/dist/wetgevend/index.tokens.json +23 -21
  43. package/dist/wetgevend/root.css +18 -16
  44. package/dist/wetgevend/tokens.d.ts +24 -22
  45. package/dist/wetgevend/tokens.js +582 -532
  46. package/figma/figma.tokens.json +9 -1
  47. package/package.json +2 -2
  48. package/src/generated/base.tokens.json +74 -66
  49. package/src/generated/themes.json +342 -310
  50. package/src/generated/uitvoerend-mintgroen-focus/tokens.json +74 -66
  51. package/src/generated/uitvoerend-violet/tokens.json +74 -66
  52. package/src/generated/uitvoerend-violet-oud/tokens.json +74 -66
  53. package/src/generated/wetgevend/tokens.json +74 -66
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 12 Feb 2025 13:34:10 GMT
3
+ // Generated on Thu, 13 Feb 2025 15:08:46 GMT
4
4
 
5
5
  $nl-number-badge-padding-block: 0.5rem;
6
6
  $nl-number-badge-padding-inline: 0.5rem;
@@ -50,6 +50,21 @@ $nl-heading-level-1-line-height: 125%;
50
50
  $nl-heading-level-1-font-weight: 700;
51
51
  $nl-heading-level-1-font-family: Fira Sans, Arial, Verdana, sans-serif;
52
52
  $nl-heading-level-1-color: #154273;
53
+ $nl-paragraph-small-line-height: 150%;
54
+ $nl-paragraph-small-font-weight: 400;
55
+ $nl-paragraph-small-font-size: 1.125rem;
56
+ $nl-paragraph-small-color: #154273;
57
+ $nl-paragraph-lead-line-height: 150%;
58
+ $nl-paragraph-lead-font-weight: 400;
59
+ $nl-paragraph-lead-font-size: 1.5rem;
60
+ $nl-paragraph-lead-color: #154273;
61
+ $nl-paragraph-margin-block-start: 0;
62
+ $nl-paragraph-margin-block-end: 0;
63
+ $nl-paragraph-line-height: 150%;
64
+ $nl-paragraph-font-weight: 400;
65
+ $nl-paragraph-font-size: 1.25rem;
66
+ $nl-paragraph-font-family: Fira Sans, Arial, Verdana, sans-serif;
67
+ $nl-paragraph-color: #154273;
53
68
  $utrecht-focus-inverse-outline-color: transparant;
54
69
  $utrecht-focus-outline-width: 2px;
55
70
  $utrecht-focus-outline-style: solid;
@@ -449,21 +464,6 @@ $utrecht-ordered-list-margin-inline-start: 0.625rem;
449
464
  $utrecht-ordered-list-margin-block-start: 0.25rem;
450
465
  $utrecht-ordered-list-margin-block-end: 0.25rem;
451
466
  $utrecht-ordered-list-padding-inline-start: 1.5rem;
452
- $utrecht-paragraph-small-line-height: 150%;
453
- $utrecht-paragraph-small-font-weight: 400;
454
- $utrecht-paragraph-small-font-size: 1.125rem;
455
- $utrecht-paragraph-small-color: #154273;
456
- $utrecht-paragraph-lead-line-height: 150%;
457
- $utrecht-paragraph-lead-font-weight: 400;
458
- $utrecht-paragraph-lead-font-size: 1.5rem;
459
- $utrecht-paragraph-lead-color: #154273;
460
- $utrecht-paragraph-margin-block-start: 0;
461
- $utrecht-paragraph-margin-block-end: 0;
462
- $utrecht-paragraph-line-height: 150%;
463
- $utrecht-paragraph-font-weight: 400;
464
- $utrecht-paragraph-font-size: 1.25rem;
465
- $utrecht-paragraph-font-family: Fira Sans, Arial, Verdana, sans-serif;
466
- $utrecht-paragraph-color: #154273;
467
467
  $utrecht-pre-heading-font-size: 1rem;
468
468
  $utrecht-pre-heading-line-height: 125%;
469
469
  $utrecht-pre-heading-font-weight: 700;
@@ -1083,6 +1083,7 @@ $rhc-message-list-item-label-font-size: 1.25rem;
1083
1083
  $rhc-message-list-item-label-font-family: Fira Sans, Arial, Verdana, sans-serif;
1084
1084
  $rhc-message-list-item-content-row-gap: 0.5rem;
1085
1085
  $rhc-message-list-item-content-column-gap: 0.5rem;
1086
+ $rhc-message-list-item-content-font-size: 1.125rem;
1086
1087
  $rhc-message-list-item-padding-inline: 1rem;
1087
1088
  $rhc-message-list-item-padding-block: 0.75rem;
1088
1089
  $rhc-message-list-item-min-height: 48px;
@@ -1136,6 +1137,7 @@ $rhc-navigation-list-item-label-font-size: 1.875rem;
1136
1137
  $rhc-navigation-list-item-label-font-family: Fira Sans, Arial, Verdana, sans-serif;
1137
1138
  $rhc-navigation-list-item-content-row-gap: 0.25rem;
1138
1139
  $rhc-navigation-list-item-content-column-gap: 0.5rem;
1140
+ $rhc-navigation-list-item-content-font-size: 1.125rem;
1139
1141
  $rhc-navigation-list-item-icon-size: 24px;
1140
1142
  $rhc-navigation-list-item-icon-padding-block: 0.5rem;
1141
1143
  $rhc-navigation-list-item-icon-padding-inline: 0.5rem;
package/dist/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 12 Feb 2025 13:34:10 GMT
3
+ * Generated on Thu, 13 Feb 2025 15:08:46 GMT
4
4
  */
5
5
 
6
6
  .rhc-theme {
@@ -52,6 +52,21 @@
52
52
  --nl-heading-level-1-font-weight: 700;
53
53
  --nl-heading-level-1-font-family: Fira Sans, Arial, Verdana, sans-serif;
54
54
  --nl-heading-level-1-color: #154273;
55
+ --nl-paragraph-small-line-height: 150%;
56
+ --nl-paragraph-small-font-weight: 400;
57
+ --nl-paragraph-small-font-size: 1.125rem;
58
+ --nl-paragraph-small-color: #154273;
59
+ --nl-paragraph-lead-line-height: 150%;
60
+ --nl-paragraph-lead-font-weight: 400;
61
+ --nl-paragraph-lead-font-size: 1.5rem;
62
+ --nl-paragraph-lead-color: #154273;
63
+ --nl-paragraph-margin-block-start: 0;
64
+ --nl-paragraph-margin-block-end: 0;
65
+ --nl-paragraph-line-height: 150%;
66
+ --nl-paragraph-font-weight: 400;
67
+ --nl-paragraph-font-size: 1.25rem;
68
+ --nl-paragraph-font-family: Fira Sans, Arial, Verdana, sans-serif;
69
+ --nl-paragraph-color: #154273;
55
70
  --utrecht-focus-inverse-outline-color: transparant;
56
71
  --utrecht-focus-outline-width: 2px;
57
72
  --utrecht-focus-outline-style: solid;
@@ -451,21 +466,6 @@
451
466
  --utrecht-ordered-list-margin-block-start: 0.25rem;
452
467
  --utrecht-ordered-list-margin-block-end: 0.25rem;
453
468
  --utrecht-ordered-list-padding-inline-start: 1.5rem;
454
- --utrecht-paragraph-small-line-height: 150%;
455
- --utrecht-paragraph-small-font-weight: 400;
456
- --utrecht-paragraph-small-font-size: 1.125rem;
457
- --utrecht-paragraph-small-color: #154273;
458
- --utrecht-paragraph-lead-line-height: 150%;
459
- --utrecht-paragraph-lead-font-weight: 400;
460
- --utrecht-paragraph-lead-font-size: 1.5rem;
461
- --utrecht-paragraph-lead-color: #154273;
462
- --utrecht-paragraph-margin-block-start: 0;
463
- --utrecht-paragraph-margin-block-end: 0;
464
- --utrecht-paragraph-line-height: 150%;
465
- --utrecht-paragraph-font-weight: 400;
466
- --utrecht-paragraph-font-size: 1.25rem;
467
- --utrecht-paragraph-font-family: Fira Sans, Arial, Verdana, sans-serif;
468
- --utrecht-paragraph-color: #154273;
469
469
  --utrecht-pre-heading-font-size: 1rem;
470
470
  --utrecht-pre-heading-line-height: 125%;
471
471
  --utrecht-pre-heading-font-weight: 700;
@@ -1085,6 +1085,7 @@
1085
1085
  --rhc-message-list-item-label-font-family: Fira Sans, Arial, Verdana, sans-serif;
1086
1086
  --rhc-message-list-item-content-row-gap: 0.5rem;
1087
1087
  --rhc-message-list-item-content-column-gap: 0.5rem;
1088
+ --rhc-message-list-item-content-font-size: 1.125rem;
1088
1089
  --rhc-message-list-item-padding-inline: 1rem;
1089
1090
  --rhc-message-list-item-padding-block: 0.75rem;
1090
1091
  --rhc-message-list-item-min-height: 48px;
@@ -1138,6 +1139,7 @@
1138
1139
  --rhc-navigation-list-item-label-font-family: Fira Sans, Arial, Verdana, sans-serif;
1139
1140
  --rhc-navigation-list-item-content-row-gap: 0.25rem;
1140
1141
  --rhc-navigation-list-item-content-column-gap: 0.5rem;
1142
+ --rhc-navigation-list-item-content-font-size: 1.125rem;
1141
1143
  --rhc-navigation-list-item-icon-size: 24px;
1142
1144
  --rhc-navigation-list-item-icon-padding-block: 0.5rem;
1143
1145
  --rhc-navigation-list-item-icon-padding-inline: 0.5rem;
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 12 Feb 2025 13:34:10 GMT
3
+ * Generated on Thu, 13 Feb 2025 15:08:46 GMT
4
4
  */
5
5
 
6
6
  export const rhcSubNavBarBackgroundColor : string;
@@ -61,6 +61,7 @@ export const rhcNavigationListIconColor : string;
61
61
  export const rhcNavigationListItemIconPaddingInline : string;
62
62
  export const rhcNavigationListItemIconPaddingBlock : string;
63
63
  export const rhcNavigationListItemIconSize : string;
64
+ export const rhcNavigationListItemContentFontSize : string;
64
65
  export const rhcNavigationListItemContentColumnGap : string;
65
66
  export const rhcNavigationListItemContentRowGap : string;
66
67
  export const rhcNavigationListItemLabelFontFamily : string;
@@ -114,6 +115,7 @@ export const rhcMessageListItemIconColor : string;
114
115
  export const rhcMessageListItemMinHeight : string;
115
116
  export const rhcMessageListItemPaddingBlock : string;
116
117
  export const rhcMessageListItemPaddingInline : string;
118
+ export const rhcMessageListItemContentFontSize : string;
117
119
  export const rhcMessageListItemContentColumnGap : string;
118
120
  export const rhcMessageListItemContentRowGap : string;
119
121
  export const rhcMessageListItemLabelFontFamily : string;
@@ -733,21 +735,6 @@ export const utrechtPreHeadingFontFamily : string;
733
735
  export const utrechtPreHeadingFontWeight : number;
734
736
  export const utrechtPreHeadingLineHeight : string;
735
737
  export const utrechtPreHeadingFontSize : string;
736
- export const utrechtParagraphColor : string;
737
- export const utrechtParagraphFontFamily : string;
738
- export const utrechtParagraphFontSize : string;
739
- export const utrechtParagraphFontWeight : number;
740
- export const utrechtParagraphLineHeight : string;
741
- export const utrechtParagraphMarginBlockEnd : number;
742
- export const utrechtParagraphMarginBlockStart : number;
743
- export const utrechtParagraphLeadColor : string;
744
- export const utrechtParagraphLeadFontSize : string;
745
- export const utrechtParagraphLeadFontWeight : number;
746
- export const utrechtParagraphLeadLineHeight : string;
747
- export const utrechtParagraphSmallColor : string;
748
- export const utrechtParagraphSmallFontSize : string;
749
- export const utrechtParagraphSmallFontWeight : number;
750
- export const utrechtParagraphSmallLineHeight : string;
751
738
  export const utrechtOrderedListPaddingInlineStart : string;
752
739
  export const utrechtOrderedListMarginBlockEnd : string;
753
740
  export const utrechtOrderedListMarginBlockStart : string;
@@ -1147,6 +1134,21 @@ export const utrechtFocusOutlineOffset : string;
1147
1134
  export const utrechtFocusOutlineStyle : string;
1148
1135
  export const utrechtFocusOutlineWidth : string;
1149
1136
  export const utrechtFocusInverseOutlineColor : string;
1137
+ export const nlParagraphColor : string;
1138
+ export const nlParagraphFontFamily : string;
1139
+ export const nlParagraphFontSize : string;
1140
+ export const nlParagraphFontWeight : number;
1141
+ export const nlParagraphLineHeight : string;
1142
+ export const nlParagraphMarginBlockEnd : number;
1143
+ export const nlParagraphMarginBlockStart : number;
1144
+ export const nlParagraphLeadColor : string;
1145
+ export const nlParagraphLeadFontSize : string;
1146
+ export const nlParagraphLeadFontWeight : number;
1147
+ export const nlParagraphLeadLineHeight : string;
1148
+ export const nlParagraphSmallColor : string;
1149
+ export const nlParagraphSmallFontSize : string;
1150
+ export const nlParagraphSmallFontWeight : number;
1151
+ export const nlParagraphSmallLineHeight : string;
1150
1152
  export const nlHeadingLevel1Color : string;
1151
1153
  export const nlHeadingLevel1FontFamily : string;
1152
1154
  export const nlHeadingLevel1FontWeight : number;
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 12 Feb 2025 13:34:10 GMT
3
+ * Generated on Thu, 13 Feb 2025 15:08:46 GMT
4
4
  */
5
5
 
6
6
  export const rhcSubNavBarBackgroundColor = "#f2f4f6";
@@ -61,6 +61,7 @@ export const rhcNavigationListIconColor = "#fff";
61
61
  export const rhcNavigationListItemIconPaddingInline = "0.5rem";
62
62
  export const rhcNavigationListItemIconPaddingBlock = "0.5rem";
63
63
  export const rhcNavigationListItemIconSize = "24px";
64
+ export const rhcNavigationListItemContentFontSize = "1.125rem";
64
65
  export const rhcNavigationListItemContentColumnGap = "0.5rem";
65
66
  export const rhcNavigationListItemContentRowGap = "0.25rem";
66
67
  export const rhcNavigationListItemLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
@@ -114,6 +115,7 @@ export const rhcMessageListItemIconColor = "#154273";
114
115
  export const rhcMessageListItemMinHeight = "48px";
115
116
  export const rhcMessageListItemPaddingBlock = "0.75rem";
116
117
  export const rhcMessageListItemPaddingInline = "1rem";
118
+ export const rhcMessageListItemContentFontSize = "1.125rem";
117
119
  export const rhcMessageListItemContentColumnGap = "0.5rem";
118
120
  export const rhcMessageListItemContentRowGap = "0.5rem";
119
121
  export const rhcMessageListItemLabelFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
@@ -733,21 +735,6 @@ export const utrechtPreHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-seri
733
735
  export const utrechtPreHeadingFontWeight = 700;
734
736
  export const utrechtPreHeadingLineHeight = "125%";
735
737
  export const utrechtPreHeadingFontSize = "1rem";
736
- export const utrechtParagraphColor = "#154273";
737
- export const utrechtParagraphFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
738
- export const utrechtParagraphFontSize = "1.25rem";
739
- export const utrechtParagraphFontWeight = 400;
740
- export const utrechtParagraphLineHeight = "150%";
741
- export const utrechtParagraphMarginBlockEnd = 0;
742
- export const utrechtParagraphMarginBlockStart = 0;
743
- export const utrechtParagraphLeadColor = "#154273";
744
- export const utrechtParagraphLeadFontSize = "1.5rem";
745
- export const utrechtParagraphLeadFontWeight = 400;
746
- export const utrechtParagraphLeadLineHeight = "150%";
747
- export const utrechtParagraphSmallColor = "#154273";
748
- export const utrechtParagraphSmallFontSize = "1.125rem";
749
- export const utrechtParagraphSmallFontWeight = 400;
750
- export const utrechtParagraphSmallLineHeight = "150%";
751
738
  export const utrechtOrderedListPaddingInlineStart = "1.5rem";
752
739
  export const utrechtOrderedListMarginBlockEnd = "0.25rem";
753
740
  export const utrechtOrderedListMarginBlockStart = "0.25rem";
@@ -1147,6 +1134,21 @@ export const utrechtFocusOutlineOffset = "0.125rem";
1147
1134
  export const utrechtFocusOutlineStyle = "solid";
1148
1135
  export const utrechtFocusOutlineWidth = "2px";
1149
1136
  export const utrechtFocusInverseOutlineColor = "transparant";
1137
+ export const nlParagraphColor = "#154273";
1138
+ export const nlParagraphFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1139
+ export const nlParagraphFontSize = "1.25rem";
1140
+ export const nlParagraphFontWeight = 400;
1141
+ export const nlParagraphLineHeight = "150%";
1142
+ export const nlParagraphMarginBlockEnd = 0;
1143
+ export const nlParagraphMarginBlockStart = 0;
1144
+ export const nlParagraphLeadColor = "#154273";
1145
+ export const nlParagraphLeadFontSize = "1.5rem";
1146
+ export const nlParagraphLeadFontWeight = 400;
1147
+ export const nlParagraphLeadLineHeight = "150%";
1148
+ export const nlParagraphSmallColor = "#154273";
1149
+ export const nlParagraphSmallFontSize = "1.125rem";
1150
+ export const nlParagraphSmallFontWeight = 400;
1151
+ export const nlParagraphSmallLineHeight = "150%";
1150
1152
  export const nlHeadingLevel1Color = "#154273";
1151
1153
  export const nlHeadingLevel1FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1152
1154
  export const nlHeadingLevel1FontWeight = 700;
package/dist/index.json CHANGED
@@ -57,6 +57,7 @@
57
57
  "rhcNavigationListItemIconPaddingInline": "0.5rem",
58
58
  "rhcNavigationListItemIconPaddingBlock": "0.5rem",
59
59
  "rhcNavigationListItemIconSize": "24px",
60
+ "rhcNavigationListItemContentFontSize": "1.125rem",
60
61
  "rhcNavigationListItemContentColumnGap": "0.5rem",
61
62
  "rhcNavigationListItemContentRowGap": "0.25rem",
62
63
  "rhcNavigationListItemLabelFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
@@ -110,6 +111,7 @@
110
111
  "rhcMessageListItemMinHeight": "48px",
111
112
  "rhcMessageListItemPaddingBlock": "0.75rem",
112
113
  "rhcMessageListItemPaddingInline": "1rem",
114
+ "rhcMessageListItemContentFontSize": "1.125rem",
113
115
  "rhcMessageListItemContentColumnGap": "0.5rem",
114
116
  "rhcMessageListItemContentRowGap": "0.5rem",
115
117
  "rhcMessageListItemLabelFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
@@ -729,21 +731,6 @@
729
731
  "utrechtPreHeadingFontWeight": 700,
730
732
  "utrechtPreHeadingLineHeight": "125%",
731
733
  "utrechtPreHeadingFontSize": "1rem",
732
- "utrechtParagraphColor": "#154273",
733
- "utrechtParagraphFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
734
- "utrechtParagraphFontSize": "1.25rem",
735
- "utrechtParagraphFontWeight": 400,
736
- "utrechtParagraphLineHeight": "150%",
737
- "utrechtParagraphMarginBlockEnd": 0,
738
- "utrechtParagraphMarginBlockStart": 0,
739
- "utrechtParagraphLeadColor": "#154273",
740
- "utrechtParagraphLeadFontSize": "1.5rem",
741
- "utrechtParagraphLeadFontWeight": 400,
742
- "utrechtParagraphLeadLineHeight": "150%",
743
- "utrechtParagraphSmallColor": "#154273",
744
- "utrechtParagraphSmallFontSize": "1.125rem",
745
- "utrechtParagraphSmallFontWeight": 400,
746
- "utrechtParagraphSmallLineHeight": "150%",
747
734
  "utrechtOrderedListPaddingInlineStart": "1.5rem",
748
735
  "utrechtOrderedListMarginBlockEnd": "0.25rem",
749
736
  "utrechtOrderedListMarginBlockStart": "0.25rem",
@@ -1143,6 +1130,21 @@
1143
1130
  "utrechtFocusOutlineStyle": "solid",
1144
1131
  "utrechtFocusOutlineWidth": "2px",
1145
1132
  "utrechtFocusInverseOutlineColor": "transparant",
1133
+ "nlParagraphColor": "#154273",
1134
+ "nlParagraphFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1135
+ "nlParagraphFontSize": "1.25rem",
1136
+ "nlParagraphFontWeight": 400,
1137
+ "nlParagraphLineHeight": "150%",
1138
+ "nlParagraphMarginBlockEnd": 0,
1139
+ "nlParagraphMarginBlockStart": 0,
1140
+ "nlParagraphLeadColor": "#154273",
1141
+ "nlParagraphLeadFontSize": "1.5rem",
1142
+ "nlParagraphLeadFontWeight": 400,
1143
+ "nlParagraphLeadLineHeight": "150%",
1144
+ "nlParagraphSmallColor": "#154273",
1145
+ "nlParagraphSmallFontSize": "1.125rem",
1146
+ "nlParagraphSmallFontWeight": 400,
1147
+ "nlParagraphSmallLineHeight": "150%",
1146
1148
  "nlHeadingLevel1Color": "#154273",
1147
1149
  "nlHeadingLevel1FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1148
1150
  "nlHeadingLevel1FontWeight": 700,
@@ -97,6 +97,7 @@
97
97
  "size": "24px"
98
98
  },
99
99
  "content": {
100
+ "font-size": "1.125rem",
100
101
  "column-gap": "0.5rem",
101
102
  "row-gap": "0.25rem"
102
103
  },
@@ -188,6 +189,7 @@
188
189
  "padding-block": "0.75rem",
189
190
  "padding-inline": "1rem",
190
191
  "content": {
192
+ "font-size": "1.125rem",
191
193
  "column-gap": "0.5rem",
192
194
  "row-gap": "0.5rem"
193
195
  },
@@ -1134,27 +1136,6 @@
1134
1136
  "line-height": "125%",
1135
1137
  "font-size": "1rem"
1136
1138
  },
1137
- "paragraph": {
1138
- "color": "#154273",
1139
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1140
- "font-size": "1.25rem",
1141
- "font-weight": 400,
1142
- "line-height": "150%",
1143
- "margin-block-end": 0,
1144
- "margin-block-start": 0,
1145
- "lead": {
1146
- "color": "#154273",
1147
- "font-size": "1.5rem",
1148
- "font-weight": 400,
1149
- "line-height": "150%"
1150
- },
1151
- "small": {
1152
- "color": "#154273",
1153
- "font-size": "1.125rem",
1154
- "font-weight": 400,
1155
- "line-height": "150%"
1156
- }
1157
- },
1158
1139
  "ordered-list": {
1159
1140
  "padding-inline-start": "1.5rem",
1160
1141
  "margin-block-end": "0.25rem",
@@ -1784,6 +1765,27 @@
1784
1765
  }
1785
1766
  },
1786
1767
  "nl": {
1768
+ "paragraph": {
1769
+ "color": "#154273",
1770
+ "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1771
+ "font-size": "1.25rem",
1772
+ "font-weight": 400,
1773
+ "line-height": "150%",
1774
+ "margin-block-end": 0,
1775
+ "margin-block-start": 0,
1776
+ "lead": {
1777
+ "color": "#154273",
1778
+ "font-size": "1.5rem",
1779
+ "font-weight": 400,
1780
+ "line-height": "150%"
1781
+ },
1782
+ "small": {
1783
+ "color": "#154273",
1784
+ "font-size": "1.125rem",
1785
+ "font-weight": 400,
1786
+ "line-height": "150%"
1787
+ }
1788
+ },
1787
1789
  "heading-level-1": {
1788
1790
  "color": "#154273",
1789
1791
  "font-family": "Fira Sans, Arial, Verdana, sans-serif",
package/dist/root.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 12 Feb 2025 13:34:10 GMT
3
+ * Generated on Thu, 13 Feb 2025 15:08:46 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -52,6 +52,21 @@
52
52
  --nl-heading-level-1-font-weight: 700;
53
53
  --nl-heading-level-1-font-family: Fira Sans, Arial, Verdana, sans-serif;
54
54
  --nl-heading-level-1-color: #154273;
55
+ --nl-paragraph-small-line-height: 150%;
56
+ --nl-paragraph-small-font-weight: 400;
57
+ --nl-paragraph-small-font-size: 1.125rem;
58
+ --nl-paragraph-small-color: #154273;
59
+ --nl-paragraph-lead-line-height: 150%;
60
+ --nl-paragraph-lead-font-weight: 400;
61
+ --nl-paragraph-lead-font-size: 1.5rem;
62
+ --nl-paragraph-lead-color: #154273;
63
+ --nl-paragraph-margin-block-start: 0;
64
+ --nl-paragraph-margin-block-end: 0;
65
+ --nl-paragraph-line-height: 150%;
66
+ --nl-paragraph-font-weight: 400;
67
+ --nl-paragraph-font-size: 1.25rem;
68
+ --nl-paragraph-font-family: Fira Sans, Arial, Verdana, sans-serif;
69
+ --nl-paragraph-color: #154273;
55
70
  --utrecht-focus-inverse-outline-color: transparant;
56
71
  --utrecht-focus-outline-width: 2px;
57
72
  --utrecht-focus-outline-style: solid;
@@ -451,21 +466,6 @@
451
466
  --utrecht-ordered-list-margin-block-start: 0.25rem;
452
467
  --utrecht-ordered-list-margin-block-end: 0.25rem;
453
468
  --utrecht-ordered-list-padding-inline-start: 1.5rem;
454
- --utrecht-paragraph-small-line-height: 150%;
455
- --utrecht-paragraph-small-font-weight: 400;
456
- --utrecht-paragraph-small-font-size: 1.125rem;
457
- --utrecht-paragraph-small-color: #154273;
458
- --utrecht-paragraph-lead-line-height: 150%;
459
- --utrecht-paragraph-lead-font-weight: 400;
460
- --utrecht-paragraph-lead-font-size: 1.5rem;
461
- --utrecht-paragraph-lead-color: #154273;
462
- --utrecht-paragraph-margin-block-start: 0;
463
- --utrecht-paragraph-margin-block-end: 0;
464
- --utrecht-paragraph-line-height: 150%;
465
- --utrecht-paragraph-font-weight: 400;
466
- --utrecht-paragraph-font-size: 1.25rem;
467
- --utrecht-paragraph-font-family: Fira Sans, Arial, Verdana, sans-serif;
468
- --utrecht-paragraph-color: #154273;
469
469
  --utrecht-pre-heading-font-size: 1rem;
470
470
  --utrecht-pre-heading-line-height: 125%;
471
471
  --utrecht-pre-heading-font-weight: 700;
@@ -1085,6 +1085,7 @@
1085
1085
  --rhc-message-list-item-label-font-family: Fira Sans, Arial, Verdana, sans-serif;
1086
1086
  --rhc-message-list-item-content-row-gap: 0.5rem;
1087
1087
  --rhc-message-list-item-content-column-gap: 0.5rem;
1088
+ --rhc-message-list-item-content-font-size: 1.125rem;
1088
1089
  --rhc-message-list-item-padding-inline: 1rem;
1089
1090
  --rhc-message-list-item-padding-block: 0.75rem;
1090
1091
  --rhc-message-list-item-min-height: 48px;
@@ -1138,6 +1139,7 @@
1138
1139
  --rhc-navigation-list-item-label-font-family: Fira Sans, Arial, Verdana, sans-serif;
1139
1140
  --rhc-navigation-list-item-content-row-gap: 0.25rem;
1140
1141
  --rhc-navigation-list-item-content-column-gap: 0.5rem;
1142
+ --rhc-navigation-list-item-content-font-size: 1.125rem;
1141
1143
  --rhc-navigation-list-item-icon-size: 24px;
1142
1144
  --rhc-navigation-list-item-icon-padding-block: 0.5rem;
1143
1145
  --rhc-navigation-list-item-icon-padding-inline: 0.5rem;
package/dist/tokens.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 12 Feb 2025 13:34:10 GMT
3
+ * Generated on Thu, 13 Feb 2025 15:08:46 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
@@ -120,6 +120,7 @@ declare const tokens: {
120
120
  "size": DesignToken
121
121
  },
122
122
  "content": {
123
+ "font-size": DesignToken,
123
124
  "column-gap": DesignToken,
124
125
  "row-gap": DesignToken
125
126
  },
@@ -211,6 +212,7 @@ declare const tokens: {
211
212
  "padding-block": DesignToken,
212
213
  "padding-inline": DesignToken,
213
214
  "content": {
215
+ "font-size": DesignToken,
214
216
  "column-gap": DesignToken,
215
217
  "row-gap": DesignToken
216
218
  },
@@ -1157,27 +1159,6 @@ declare const tokens: {
1157
1159
  "line-height": DesignToken,
1158
1160
  "font-size": DesignToken
1159
1161
  },
1160
- "paragraph": {
1161
- "color": DesignToken,
1162
- "font-family": DesignToken,
1163
- "font-size": DesignToken,
1164
- "font-weight": DesignToken,
1165
- "line-height": DesignToken,
1166
- "margin-block-end": DesignToken,
1167
- "margin-block-start": DesignToken,
1168
- "lead": {
1169
- "color": DesignToken,
1170
- "font-size": DesignToken,
1171
- "font-weight": DesignToken,
1172
- "line-height": DesignToken
1173
- },
1174
- "small": {
1175
- "color": DesignToken,
1176
- "font-size": DesignToken,
1177
- "font-weight": DesignToken,
1178
- "line-height": DesignToken
1179
- }
1180
- },
1181
1162
  "ordered-list": {
1182
1163
  "padding-inline-start": DesignToken,
1183
1164
  "margin-block-end": DesignToken,
@@ -1807,6 +1788,27 @@ declare const tokens: {
1807
1788
  }
1808
1789
  },
1809
1790
  "nl": {
1791
+ "paragraph": {
1792
+ "color": DesignToken,
1793
+ "font-family": DesignToken,
1794
+ "font-size": DesignToken,
1795
+ "font-weight": DesignToken,
1796
+ "line-height": DesignToken,
1797
+ "margin-block-end": DesignToken,
1798
+ "margin-block-start": DesignToken,
1799
+ "lead": {
1800
+ "color": DesignToken,
1801
+ "font-size": DesignToken,
1802
+ "font-weight": DesignToken,
1803
+ "line-height": DesignToken
1804
+ },
1805
+ "small": {
1806
+ "color": DesignToken,
1807
+ "font-size": DesignToken,
1808
+ "font-weight": DesignToken,
1809
+ "line-height": DesignToken
1810
+ }
1811
+ },
1810
1812
  "heading-level-1": {
1811
1813
  "color": DesignToken,
1812
1814
  "font-family": DesignToken,