@rijkshuisstijl-community/design-tokens 1.0.0-alpha.154 → 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 15:07:28 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-radio-button-border-width: 1px;
468
468
  $utrecht-radio-button-border-radius: 999px;
469
469
  $utrecht-radio-button-hover-border-width: 1px;
@@ -1078,6 +1078,7 @@ $rhc-message-list-item-label-font-size: 1.25rem;
1078
1078
  $rhc-message-list-item-label-font-family: Fira Sans, Arial, Verdana, sans-serif;
1079
1079
  $rhc-message-list-item-content-row-gap: 0.5rem;
1080
1080
  $rhc-message-list-item-content-column-gap: 0.5rem;
1081
+ $rhc-message-list-item-content-font-size: 1.125rem;
1081
1082
  $rhc-message-list-item-padding-inline: 1rem;
1082
1083
  $rhc-message-list-item-padding-block: 0.75rem;
1083
1084
  $rhc-message-list-item-min-height: 48px;
@@ -1131,6 +1132,7 @@ $rhc-navigation-list-item-label-font-size: 1.875rem;
1131
1132
  $rhc-navigation-list-item-label-font-family: Fira Sans, Arial, Verdana, sans-serif;
1132
1133
  $rhc-navigation-list-item-content-row-gap: 0.25rem;
1133
1134
  $rhc-navigation-list-item-content-column-gap: 0.5rem;
1135
+ $rhc-navigation-list-item-content-font-size: 1.125rem;
1134
1136
  $rhc-navigation-list-item-icon-size: 24px;
1135
1137
  $rhc-navigation-list-item-icon-padding-block: 0.5rem;
1136
1138
  $rhc-navigation-list-item-icon-padding-inline: 0.5rem;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 12 Feb 2025 15:07:28 GMT
3
+ * Generated on Thu, 13 Feb 2025 15:08:46 GMT
4
4
  */
5
5
 
6
6
  .wetgevend {
@@ -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-radio-button-border-width: 1px;
470
470
  --utrecht-radio-button-border-radius: 999px;
471
471
  --utrecht-radio-button-hover-border-width: 1px;
@@ -1080,6 +1080,7 @@
1080
1080
  --rhc-message-list-item-label-font-family: Fira Sans, Arial, Verdana, sans-serif;
1081
1081
  --rhc-message-list-item-content-row-gap: 0.5rem;
1082
1082
  --rhc-message-list-item-content-column-gap: 0.5rem;
1083
+ --rhc-message-list-item-content-font-size: 1.125rem;
1083
1084
  --rhc-message-list-item-padding-inline: 1rem;
1084
1085
  --rhc-message-list-item-padding-block: 0.75rem;
1085
1086
  --rhc-message-list-item-min-height: 48px;
@@ -1133,6 +1134,7 @@
1133
1134
  --rhc-navigation-list-item-label-font-family: Fira Sans, Arial, Verdana, sans-serif;
1134
1135
  --rhc-navigation-list-item-content-row-gap: 0.25rem;
1135
1136
  --rhc-navigation-list-item-content-column-gap: 0.5rem;
1137
+ --rhc-navigation-list-item-content-font-size: 1.125rem;
1136
1138
  --rhc-navigation-list-item-icon-size: 24px;
1137
1139
  --rhc-navigation-list-item-icon-padding-block: 0.5rem;
1138
1140
  --rhc-navigation-list-item-icon-padding-inline: 0.5rem;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 12 Feb 2025 15:07:28 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;
@@ -728,21 +730,6 @@ export const utrechtRadioButtonHoverBorderColor : string;
728
730
  export const utrechtRadioButtonHoverBorderWidth : string;
729
731
  export const utrechtRadioButtonBorderRadius : string;
730
732
  export const utrechtRadioButtonBorderWidth : string;
731
- export const utrechtParagraphColor : string;
732
- export const utrechtParagraphFontFamily : string;
733
- export const utrechtParagraphFontSize : string;
734
- export const utrechtParagraphFontWeight : number;
735
- export const utrechtParagraphLineHeight : string;
736
- export const utrechtParagraphMarginBlockEnd : number;
737
- export const utrechtParagraphMarginBlockStart : number;
738
- export const utrechtParagraphLeadColor : string;
739
- export const utrechtParagraphLeadFontSize : string;
740
- export const utrechtParagraphLeadFontWeight : number;
741
- export const utrechtParagraphLeadLineHeight : string;
742
- export const utrechtParagraphSmallColor : string;
743
- export const utrechtParagraphSmallFontSize : string;
744
- export const utrechtParagraphSmallFontWeight : number;
745
- export const utrechtParagraphSmallLineHeight : string;
746
733
  export const utrechtOrderedListPaddingInlineStart : string;
747
734
  export const utrechtOrderedListMarginBlockEnd : string;
748
735
  export const utrechtOrderedListMarginBlockStart : string;
@@ -1142,6 +1129,21 @@ export const utrechtFocusOutlineOffset : string;
1142
1129
  export const utrechtFocusOutlineStyle : string;
1143
1130
  export const utrechtFocusOutlineWidth : string;
1144
1131
  export const utrechtFocusInverseOutlineColor : string;
1132
+ export const nlParagraphColor : string;
1133
+ export const nlParagraphFontFamily : string;
1134
+ export const nlParagraphFontSize : string;
1135
+ export const nlParagraphFontWeight : number;
1136
+ export const nlParagraphLineHeight : string;
1137
+ export const nlParagraphMarginBlockEnd : number;
1138
+ export const nlParagraphMarginBlockStart : number;
1139
+ export const nlParagraphLeadColor : string;
1140
+ export const nlParagraphLeadFontSize : string;
1141
+ export const nlParagraphLeadFontWeight : number;
1142
+ export const nlParagraphLeadLineHeight : string;
1143
+ export const nlParagraphSmallColor : string;
1144
+ export const nlParagraphSmallFontSize : string;
1145
+ export const nlParagraphSmallFontWeight : number;
1146
+ export const nlParagraphSmallLineHeight : string;
1145
1147
  export const nlHeadingLevel1Color : string;
1146
1148
  export const nlHeadingLevel1FontFamily : string;
1147
1149
  export const nlHeadingLevel1FontWeight : number;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 12 Feb 2025 15:07:28 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";
@@ -728,21 +730,6 @@ export const utrechtRadioButtonHoverBorderColor = "#738eab";
728
730
  export const utrechtRadioButtonHoverBorderWidth = "1px";
729
731
  export const utrechtRadioButtonBorderRadius = "999px";
730
732
  export const utrechtRadioButtonBorderWidth = "1px";
731
- export const utrechtParagraphColor = "#154273";
732
- export const utrechtParagraphFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
733
- export const utrechtParagraphFontSize = "1.25rem";
734
- export const utrechtParagraphFontWeight = 400;
735
- export const utrechtParagraphLineHeight = "150%";
736
- export const utrechtParagraphMarginBlockEnd = 0;
737
- export const utrechtParagraphMarginBlockStart = 0;
738
- export const utrechtParagraphLeadColor = "#154273";
739
- export const utrechtParagraphLeadFontSize = "1.5rem";
740
- export const utrechtParagraphLeadFontWeight = 400;
741
- export const utrechtParagraphLeadLineHeight = "150%";
742
- export const utrechtParagraphSmallColor = "#154273";
743
- export const utrechtParagraphSmallFontSize = "1.125rem";
744
- export const utrechtParagraphSmallFontWeight = 400;
745
- export const utrechtParagraphSmallLineHeight = "150%";
746
733
  export const utrechtOrderedListPaddingInlineStart = "1.5rem";
747
734
  export const utrechtOrderedListMarginBlockEnd = "0.25rem";
748
735
  export const utrechtOrderedListMarginBlockStart = "0.25rem";
@@ -1142,6 +1129,21 @@ export const utrechtFocusOutlineOffset = "0.125rem";
1142
1129
  export const utrechtFocusOutlineStyle = "solid";
1143
1130
  export const utrechtFocusOutlineWidth = "2px";
1144
1131
  export const utrechtFocusInverseOutlineColor = "transparant";
1132
+ export const nlParagraphColor = "#154273";
1133
+ export const nlParagraphFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1134
+ export const nlParagraphFontSize = "1.25rem";
1135
+ export const nlParagraphFontWeight = 400;
1136
+ export const nlParagraphLineHeight = "150%";
1137
+ export const nlParagraphMarginBlockEnd = 0;
1138
+ export const nlParagraphMarginBlockStart = 0;
1139
+ export const nlParagraphLeadColor = "#154273";
1140
+ export const nlParagraphLeadFontSize = "1.5rem";
1141
+ export const nlParagraphLeadFontWeight = 400;
1142
+ export const nlParagraphLeadLineHeight = "150%";
1143
+ export const nlParagraphSmallColor = "#154273";
1144
+ export const nlParagraphSmallFontSize = "1.125rem";
1145
+ export const nlParagraphSmallFontWeight = 400;
1146
+ export const nlParagraphSmallLineHeight = "150%";
1145
1147
  export const nlHeadingLevel1Color = "#154273";
1146
1148
  export const nlHeadingLevel1FontFamily = "Fira Sans, Arial, Verdana, sans-serif";
1147
1149
  export const nlHeadingLevel1FontWeight = 700;
@@ -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",
@@ -724,21 +726,6 @@
724
726
  "utrechtRadioButtonHoverBorderWidth": "1px",
725
727
  "utrechtRadioButtonBorderRadius": "999px",
726
728
  "utrechtRadioButtonBorderWidth": "1px",
727
- "utrechtParagraphColor": "#154273",
728
- "utrechtParagraphFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
729
- "utrechtParagraphFontSize": "1.25rem",
730
- "utrechtParagraphFontWeight": 400,
731
- "utrechtParagraphLineHeight": "150%",
732
- "utrechtParagraphMarginBlockEnd": 0,
733
- "utrechtParagraphMarginBlockStart": 0,
734
- "utrechtParagraphLeadColor": "#154273",
735
- "utrechtParagraphLeadFontSize": "1.5rem",
736
- "utrechtParagraphLeadFontWeight": 400,
737
- "utrechtParagraphLeadLineHeight": "150%",
738
- "utrechtParagraphSmallColor": "#154273",
739
- "utrechtParagraphSmallFontSize": "1.125rem",
740
- "utrechtParagraphSmallFontWeight": 400,
741
- "utrechtParagraphSmallLineHeight": "150%",
742
729
  "utrechtOrderedListPaddingInlineStart": "1.5rem",
743
730
  "utrechtOrderedListMarginBlockEnd": "0.25rem",
744
731
  "utrechtOrderedListMarginBlockStart": "0.25rem",
@@ -1138,6 +1125,21 @@
1138
1125
  "utrechtFocusOutlineStyle": "solid",
1139
1126
  "utrechtFocusOutlineWidth": "2px",
1140
1127
  "utrechtFocusInverseOutlineColor": "transparant",
1128
+ "nlParagraphColor": "#154273",
1129
+ "nlParagraphFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1130
+ "nlParagraphFontSize": "1.25rem",
1131
+ "nlParagraphFontWeight": 400,
1132
+ "nlParagraphLineHeight": "150%",
1133
+ "nlParagraphMarginBlockEnd": 0,
1134
+ "nlParagraphMarginBlockStart": 0,
1135
+ "nlParagraphLeadColor": "#154273",
1136
+ "nlParagraphLeadFontSize": "1.5rem",
1137
+ "nlParagraphLeadFontWeight": 400,
1138
+ "nlParagraphLeadLineHeight": "150%",
1139
+ "nlParagraphSmallColor": "#154273",
1140
+ "nlParagraphSmallFontSize": "1.125rem",
1141
+ "nlParagraphSmallFontWeight": 400,
1142
+ "nlParagraphSmallLineHeight": "150%",
1141
1143
  "nlHeadingLevel1Color": "#154273",
1142
1144
  "nlHeadingLevel1FontFamily": "Fira Sans, Arial, Verdana, sans-serif",
1143
1145
  "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
  },
@@ -1127,27 +1129,6 @@
1127
1129
  "border-radius": "999px",
1128
1130
  "border-width": "1px"
1129
1131
  },
1130
- "paragraph": {
1131
- "color": "#154273",
1132
- "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1133
- "font-size": "1.25rem",
1134
- "font-weight": 400,
1135
- "line-height": "150%",
1136
- "margin-block-end": 0,
1137
- "margin-block-start": 0,
1138
- "lead": {
1139
- "color": "#154273",
1140
- "font-size": "1.5rem",
1141
- "font-weight": 400,
1142
- "line-height": "150%"
1143
- },
1144
- "small": {
1145
- "color": "#154273",
1146
- "font-size": "1.125rem",
1147
- "font-weight": 400,
1148
- "line-height": "150%"
1149
- }
1150
- },
1151
1132
  "ordered-list": {
1152
1133
  "padding-inline-start": "1.5rem",
1153
1134
  "margin-block-end": "0.25rem",
@@ -1777,6 +1758,27 @@
1777
1758
  }
1778
1759
  },
1779
1760
  "nl": {
1761
+ "paragraph": {
1762
+ "color": "#154273",
1763
+ "font-family": "Fira Sans, Arial, Verdana, sans-serif",
1764
+ "font-size": "1.25rem",
1765
+ "font-weight": 400,
1766
+ "line-height": "150%",
1767
+ "margin-block-end": 0,
1768
+ "margin-block-start": 0,
1769
+ "lead": {
1770
+ "color": "#154273",
1771
+ "font-size": "1.5rem",
1772
+ "font-weight": 400,
1773
+ "line-height": "150%"
1774
+ },
1775
+ "small": {
1776
+ "color": "#154273",
1777
+ "font-size": "1.125rem",
1778
+ "font-weight": 400,
1779
+ "line-height": "150%"
1780
+ }
1781
+ },
1780
1782
  "heading-level-1": {
1781
1783
  "color": "#154273",
1782
1784
  "font-family": "Fira Sans, Arial, Verdana, sans-serif",
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 12 Feb 2025 15:07:28 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-radio-button-border-width: 1px;
470
470
  --utrecht-radio-button-border-radius: 999px;
471
471
  --utrecht-radio-button-hover-border-width: 1px;
@@ -1080,6 +1080,7 @@
1080
1080
  --rhc-message-list-item-label-font-family: Fira Sans, Arial, Verdana, sans-serif;
1081
1081
  --rhc-message-list-item-content-row-gap: 0.5rem;
1082
1082
  --rhc-message-list-item-content-column-gap: 0.5rem;
1083
+ --rhc-message-list-item-content-font-size: 1.125rem;
1083
1084
  --rhc-message-list-item-padding-inline: 1rem;
1084
1085
  --rhc-message-list-item-padding-block: 0.75rem;
1085
1086
  --rhc-message-list-item-min-height: 48px;
@@ -1133,6 +1134,7 @@
1133
1134
  --rhc-navigation-list-item-label-font-family: Fira Sans, Arial, Verdana, sans-serif;
1134
1135
  --rhc-navigation-list-item-content-row-gap: 0.25rem;
1135
1136
  --rhc-navigation-list-item-content-column-gap: 0.5rem;
1137
+ --rhc-navigation-list-item-content-font-size: 1.125rem;
1136
1138
  --rhc-navigation-list-item-icon-size: 24px;
1137
1139
  --rhc-navigation-list-item-icon-padding-block: 0.5rem;
1138
1140
  --rhc-navigation-list-item-icon-padding-inline: 0.5rem;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 12 Feb 2025 15:07:28 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
  },
@@ -1150,27 +1152,6 @@ declare const tokens: {
1150
1152
  "border-radius": DesignToken,
1151
1153
  "border-width": DesignToken
1152
1154
  },
1153
- "paragraph": {
1154
- "color": DesignToken,
1155
- "font-family": DesignToken,
1156
- "font-size": DesignToken,
1157
- "font-weight": DesignToken,
1158
- "line-height": DesignToken,
1159
- "margin-block-end": DesignToken,
1160
- "margin-block-start": DesignToken,
1161
- "lead": {
1162
- "color": DesignToken,
1163
- "font-size": DesignToken,
1164
- "font-weight": DesignToken,
1165
- "line-height": DesignToken
1166
- },
1167
- "small": {
1168
- "color": DesignToken,
1169
- "font-size": DesignToken,
1170
- "font-weight": DesignToken,
1171
- "line-height": DesignToken
1172
- }
1173
- },
1174
1155
  "ordered-list": {
1175
1156
  "padding-inline-start": DesignToken,
1176
1157
  "margin-block-end": DesignToken,
@@ -1800,6 +1781,27 @@ declare const tokens: {
1800
1781
  }
1801
1782
  },
1802
1783
  "nl": {
1784
+ "paragraph": {
1785
+ "color": DesignToken,
1786
+ "font-family": DesignToken,
1787
+ "font-size": DesignToken,
1788
+ "font-weight": DesignToken,
1789
+ "line-height": DesignToken,
1790
+ "margin-block-end": DesignToken,
1791
+ "margin-block-start": DesignToken,
1792
+ "lead": {
1793
+ "color": DesignToken,
1794
+ "font-size": DesignToken,
1795
+ "font-weight": DesignToken,
1796
+ "line-height": DesignToken
1797
+ },
1798
+ "small": {
1799
+ "color": DesignToken,
1800
+ "font-size": DesignToken,
1801
+ "font-weight": DesignToken,
1802
+ "line-height": DesignToken
1803
+ }
1804
+ },
1803
1805
  "heading-level-1": {
1804
1806
  "color": DesignToken,
1805
1807
  "font-family": DesignToken,