@rijkshuisstijl-community/design-tokens 1.0.0-alpha.102 → 1.0.0-alpha.103

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 (14) hide show
  1. package/dist/_variables.scss +6 -2
  2. package/dist/index.css +6 -2
  3. package/dist/index.d.ts +6 -2
  4. package/dist/index.js +6 -2
  5. package/dist/index.json +5 -1
  6. package/dist/index.tokens.json +10 -4
  7. package/dist/root.css +6 -2
  8. package/dist/tokens.d.ts +10 -4
  9. package/dist/tokens.js +95 -3
  10. package/dist/tokens.json +94 -2
  11. package/dist/variables.less +6 -2
  12. package/figma/figma.tokens.json +19 -1
  13. package/package.json +2 -2
  14. package/src/generated/figma.tokens.json +19 -1
package/dist/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 24 Dec 2024 13:43:51 GMT
3
+ // Generated on Tue, 24 Dec 2024 14:59:55 GMT
4
4
 
5
5
  $rhc-sub-nav-bar-content-list-row-gap: 0.5rem;
6
6
  $rhc-sub-nav-bar-content-max-inline-size: 1280px;
@@ -606,7 +606,7 @@ $utrecht-blockquote-content-font-family: RijksoverheidSerifWeb, 'Times New Roman
606
606
  $utrecht-blockquote-attribution-color: #334155;
607
607
  $utrecht-blockquote-attribution-padding-block-start: 0.75rem;
608
608
  $utrecht-blockquote-attribution-font-weight: 400;
609
- $utrecht-blockquote-attribution-line-height: 150%;
609
+ $utrecht-blockquote-attribution-line-height: 1.25;
610
610
  $utrecht-blockquote-attribution-font-family: Fira Sans, Arial, Verdana, sans-serif;
611
611
  $utrecht-blockquote-attribution-font-size: 1.25rem;
612
612
  $utrecht-breadcrumb-nav-font-weight: 400;
@@ -811,6 +811,7 @@ $utrecht-figure-img-border-start-start-radius: 0;
811
811
  $utrecht-figure-img-border-start-end-radius: 0;
812
812
  $utrecht-figure-img-border-end-start-radius: 0;
813
813
  $utrecht-figure-img-border-end-end-radius: 0;
814
+ $utrecht-figure-caption-font-size: 1.25rem;
814
815
  $utrecht-figure-caption-line-height: 150%;
815
816
  $utrecht-figure-caption-padding-inline-start: 1rem;
816
817
  $utrecht-figure-caption-padding-block-start: 0.5rem;
@@ -824,6 +825,7 @@ $utrecht-page-footer-padding-block-end: 3rem;
824
825
  $utrecht-page-footer-padding-block-start: 3rem;
825
826
  $utrecht-page-footer-color: #fff;
826
827
  $utrecht-page-footer-background-color: #154273;
828
+ $utrecht-form-field-error-message-line-height: normal;
827
829
  $utrecht-form-field-label-margin-block-end: 0.5rem;
828
830
  $utrecht-form-field-invalid-padding-inline-start: 0;
829
831
  $utrecht-form-field-invalid-border-inline-start-width: 0px;
@@ -1048,6 +1050,7 @@ $utrecht-skip-link-line-height: 150%;
1048
1050
  $utrecht-skip-link-font-size: 1.25rem;
1049
1051
  $utrecht-skip-link-font-family: Fira Sans, Arial, Verdana, sans-serif;
1050
1052
  $utrecht-skip-link-font-weight: 700;
1053
+ $utrecht-table-font-size: 1.25rem;
1051
1054
  $utrecht-table-container-box-inline-start-shadow-color: #0000001a;
1052
1055
  $utrecht-table-container-box-inline-start-shadow-spread: 0;
1053
1056
  $utrecht-table-container-box-inline-start-shadow-blur: 48px;
@@ -1077,6 +1080,7 @@ $utrecht-table-data-cell-line-height: 150%;
1077
1080
  $utrecht-table-data-cell-font-weight: 400;
1078
1081
  $utrecht-table-data-cell-font-family: Fira Sans, Arial, Verdana, sans-serif;
1079
1082
  $utrecht-table-data-cell-color: #154273;
1083
+ $utrecht-table-cell-line-height: 150%;
1080
1084
  $utrecht-table-cell-padding-inline-start: 1rem;
1081
1085
  $utrecht-table-cell-padding-inline-end: 1rem;
1082
1086
  $utrecht-table-cell-padding-block-start: 0.75rem;
package/dist/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 24 Dec 2024 13:43:51 GMT
3
+ * Generated on Tue, 24 Dec 2024 14:59:55 GMT
4
4
  */
5
5
 
6
6
  .rhc-theme {
@@ -608,7 +608,7 @@
608
608
  --utrecht-blockquote-attribution-color: #334155;
609
609
  --utrecht-blockquote-attribution-padding-block-start: 0.75rem;
610
610
  --utrecht-blockquote-attribution-font-weight: 400;
611
- --utrecht-blockquote-attribution-line-height: 150%;
611
+ --utrecht-blockquote-attribution-line-height: 1.25;
612
612
  --utrecht-blockquote-attribution-font-family: Fira Sans, Arial, Verdana, sans-serif;
613
613
  --utrecht-blockquote-attribution-font-size: 1.25rem;
614
614
  --utrecht-breadcrumb-nav-font-weight: 400;
@@ -813,6 +813,7 @@
813
813
  --utrecht-figure-img-border-start-end-radius: 0;
814
814
  --utrecht-figure-img-border-end-start-radius: 0;
815
815
  --utrecht-figure-img-border-end-end-radius: 0;
816
+ --utrecht-figure-caption-font-size: 1.25rem;
816
817
  --utrecht-figure-caption-line-height: 150%;
817
818
  --utrecht-figure-caption-padding-inline-start: 1rem;
818
819
  --utrecht-figure-caption-padding-block-start: 0.5rem;
@@ -826,6 +827,7 @@
826
827
  --utrecht-page-footer-padding-block-start: 3rem;
827
828
  --utrecht-page-footer-color: #fff;
828
829
  --utrecht-page-footer-background-color: #154273;
830
+ --utrecht-form-field-error-message-line-height: normal;
829
831
  --utrecht-form-field-label-margin-block-end: 0.5rem;
830
832
  --utrecht-form-field-invalid-padding-inline-start: 0;
831
833
  --utrecht-form-field-invalid-border-inline-start-width: 0px;
@@ -1050,6 +1052,7 @@
1050
1052
  --utrecht-skip-link-font-size: 1.25rem;
1051
1053
  --utrecht-skip-link-font-family: Fira Sans, Arial, Verdana, sans-serif;
1052
1054
  --utrecht-skip-link-font-weight: 700;
1055
+ --utrecht-table-font-size: 1.25rem;
1053
1056
  --utrecht-table-container-box-inline-start-shadow-color: #0000001a;
1054
1057
  --utrecht-table-container-box-inline-start-shadow-spread: 0;
1055
1058
  --utrecht-table-container-box-inline-start-shadow-blur: 48px;
@@ -1079,6 +1082,7 @@
1079
1082
  --utrecht-table-data-cell-font-weight: 400;
1080
1083
  --utrecht-table-data-cell-font-family: Fira Sans, Arial, Verdana, sans-serif;
1081
1084
  --utrecht-table-data-cell-color: #154273;
1085
+ --utrecht-table-cell-line-height: 150%;
1082
1086
  --utrecht-table-cell-padding-inline-start: 1rem;
1083
1087
  --utrecht-table-cell-padding-inline-end: 1rem;
1084
1088
  --utrecht-table-cell-padding-block-start: 0.75rem;
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 24 Dec 2024 13:43:51 GMT
3
+ * Generated on Tue, 24 Dec 2024 14:59:55 GMT
4
4
  */
5
5
 
6
6
  export const utrechtActionActivateCursor : string;
@@ -112,6 +112,7 @@ export const utrechtTableCellPaddingBlockEnd : string;
112
112
  export const utrechtTableCellPaddingBlockStart : string;
113
113
  export const utrechtTableCellPaddingInlineEnd : string;
114
114
  export const utrechtTableCellPaddingInlineStart : string;
115
+ export const utrechtTableCellLineHeight : string;
115
116
  export const utrechtTableDataCellColor : string;
116
117
  export const utrechtTableDataCellFontFamily : string;
117
118
  export const utrechtTableDataCellFontWeight : number;
@@ -141,6 +142,7 @@ export const utrechtTableContainerBoxInlineStartShadowY : string;
141
142
  export const utrechtTableContainerBoxInlineStartShadowBlur : string;
142
143
  export const utrechtTableContainerBoxInlineStartShadowSpread : number;
143
144
  export const utrechtTableContainerBoxInlineStartShadowColor : string;
145
+ export const utrechtTableFontSize : string;
144
146
  export const utrechtSkipLinkFontWeight : number;
145
147
  export const utrechtSkipLinkFontFamily : string;
146
148
  export const utrechtSkipLinkFontSize : string;
@@ -365,6 +367,7 @@ export const utrechtFormFieldInvalidBorderInlineStartColor : string;
365
367
  export const utrechtFormFieldInvalidBorderInlineStartWidth : string;
366
368
  export const utrechtFormFieldInvalidPaddingInlineStart : number;
367
369
  export const utrechtFormFieldLabelMarginBlockEnd : string;
370
+ export const utrechtFormFieldErrorMessageLineHeight : string;
368
371
  export const utrechtPageFooterBackgroundColor : string;
369
372
  export const utrechtPageFooterColor : string;
370
373
  export const utrechtPageFooterPaddingBlockStart : string;
@@ -378,6 +381,7 @@ export const utrechtFigureCaptionPaddingBlockEnd : string;
378
381
  export const utrechtFigureCaptionPaddingBlockStart : string;
379
382
  export const utrechtFigureCaptionPaddingInlineStart : string;
380
383
  export const utrechtFigureCaptionLineHeight : string;
384
+ export const utrechtFigureCaptionFontSize : string;
381
385
  export const utrechtFigureImgBorderEndEndRadius : number;
382
386
  export const utrechtFigureImgBorderEndStartRadius : number;
383
387
  export const utrechtFigureImgBorderStartEndRadius : number;
@@ -582,7 +586,7 @@ export const utrechtBreadcrumbNavFontFamily : string;
582
586
  export const utrechtBreadcrumbNavFontWeight : number;
583
587
  export const utrechtBlockquoteAttributionFontSize : string;
584
588
  export const utrechtBlockquoteAttributionFontFamily : string;
585
- export const utrechtBlockquoteAttributionLineHeight : string;
589
+ export const utrechtBlockquoteAttributionLineHeight : number;
586
590
  export const utrechtBlockquoteAttributionFontWeight : number;
587
591
  export const utrechtBlockquoteAttributionPaddingBlockStart : string;
588
592
  export const utrechtBlockquoteAttributionColor : string;
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 24 Dec 2024 13:43:51 GMT
3
+ * Generated on Tue, 24 Dec 2024 14:59:55 GMT
4
4
  */
5
5
 
6
6
  export const utrechtActionActivateCursor = "pointer";
@@ -111,6 +111,7 @@ export const utrechtTableCellPaddingBlockEnd = "0.75rem";
111
111
  export const utrechtTableCellPaddingBlockStart = "0.75rem";
112
112
  export const utrechtTableCellPaddingInlineEnd = "1rem";
113
113
  export const utrechtTableCellPaddingInlineStart = "1rem";
114
+ export const utrechtTableCellLineHeight = "150%";
114
115
  export const utrechtTableDataCellColor = "#154273";
115
116
  export const utrechtTableDataCellFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
116
117
  export const utrechtTableDataCellFontWeight = 400;
@@ -140,6 +141,7 @@ export const utrechtTableContainerBoxInlineStartShadowY = "16px";
140
141
  export const utrechtTableContainerBoxInlineStartShadowBlur = "48px";
141
142
  export const utrechtTableContainerBoxInlineStartShadowSpread = 0;
142
143
  export const utrechtTableContainerBoxInlineStartShadowColor = "#0000001a";
144
+ export const utrechtTableFontSize = "1.25rem";
143
145
  export const utrechtSkipLinkFontWeight = 700;
144
146
  export const utrechtSkipLinkFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
145
147
  export const utrechtSkipLinkFontSize = "1.25rem";
@@ -364,6 +366,7 @@ export const utrechtFormFieldInvalidBorderInlineStartColor = "#d52b1e";
364
366
  export const utrechtFormFieldInvalidBorderInlineStartWidth = "0px";
365
367
  export const utrechtFormFieldInvalidPaddingInlineStart = 0;
366
368
  export const utrechtFormFieldLabelMarginBlockEnd = "0.5rem";
369
+ export const utrechtFormFieldErrorMessageLineHeight = "normal";
367
370
  export const utrechtPageFooterBackgroundColor = "#154273";
368
371
  export const utrechtPageFooterColor = "#fff";
369
372
  export const utrechtPageFooterPaddingBlockStart = "3rem";
@@ -377,6 +380,7 @@ export const utrechtFigureCaptionPaddingBlockEnd = "0.5rem";
377
380
  export const utrechtFigureCaptionPaddingBlockStart = "0.5rem";
378
381
  export const utrechtFigureCaptionPaddingInlineStart = "1rem";
379
382
  export const utrechtFigureCaptionLineHeight = "150%";
383
+ export const utrechtFigureCaptionFontSize = "1.25rem";
380
384
  export const utrechtFigureImgBorderEndEndRadius = 0;
381
385
  export const utrechtFigureImgBorderEndStartRadius = 0;
382
386
  export const utrechtFigureImgBorderStartEndRadius = 0;
@@ -581,7 +585,7 @@ export const utrechtBreadcrumbNavFontFamily = "Fira Sans, Arial, Verdana, sans-s
581
585
  export const utrechtBreadcrumbNavFontWeight = 400;
582
586
  export const utrechtBlockquoteAttributionFontSize = "1.25rem";
583
587
  export const utrechtBlockquoteAttributionFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
584
- export const utrechtBlockquoteAttributionLineHeight = "150%";
588
+ export const utrechtBlockquoteAttributionLineHeight = 1.25;
585
589
  export const utrechtBlockquoteAttributionFontWeight = 400;
586
590
  export const utrechtBlockquoteAttributionPaddingBlockStart = "0.75rem";
587
591
  export const utrechtBlockquoteAttributionColor = "#334155";
package/dist/index.json CHANGED
@@ -107,6 +107,7 @@
107
107
  "utrechtTableCellPaddingBlockStart": "0.75rem",
108
108
  "utrechtTableCellPaddingInlineEnd": "1rem",
109
109
  "utrechtTableCellPaddingInlineStart": "1rem",
110
+ "utrechtTableCellLineHeight": "150%",
110
111
  "utrechtTableDataCellColor": "#154273",
111
112
  "utrechtTableDataCellFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
112
113
  "utrechtTableDataCellFontWeight": 400,
@@ -136,6 +137,7 @@
136
137
  "utrechtTableContainerBoxInlineStartShadowBlur": "48px",
137
138
  "utrechtTableContainerBoxInlineStartShadowSpread": 0,
138
139
  "utrechtTableContainerBoxInlineStartShadowColor": "#0000001a",
140
+ "utrechtTableFontSize": "1.25rem",
139
141
  "utrechtSkipLinkFontWeight": 700,
140
142
  "utrechtSkipLinkFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
141
143
  "utrechtSkipLinkFontSize": "1.25rem",
@@ -360,6 +362,7 @@
360
362
  "utrechtFormFieldInvalidBorderInlineStartWidth": "0px",
361
363
  "utrechtFormFieldInvalidPaddingInlineStart": 0,
362
364
  "utrechtFormFieldLabelMarginBlockEnd": "0.5rem",
365
+ "utrechtFormFieldErrorMessageLineHeight": "normal",
363
366
  "utrechtPageFooterBackgroundColor": "#154273",
364
367
  "utrechtPageFooterColor": "#fff",
365
368
  "utrechtPageFooterPaddingBlockStart": "3rem",
@@ -373,6 +376,7 @@
373
376
  "utrechtFigureCaptionPaddingBlockStart": "0.5rem",
374
377
  "utrechtFigureCaptionPaddingInlineStart": "1rem",
375
378
  "utrechtFigureCaptionLineHeight": "150%",
379
+ "utrechtFigureCaptionFontSize": "1.25rem",
376
380
  "utrechtFigureImgBorderEndEndRadius": 0,
377
381
  "utrechtFigureImgBorderEndStartRadius": 0,
378
382
  "utrechtFigureImgBorderStartEndRadius": 0,
@@ -577,7 +581,7 @@
577
581
  "utrechtBreadcrumbNavFontWeight": 400,
578
582
  "utrechtBlockquoteAttributionFontSize": "1.25rem",
579
583
  "utrechtBlockquoteAttributionFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
580
- "utrechtBlockquoteAttributionLineHeight": "150%",
584
+ "utrechtBlockquoteAttributionLineHeight": 1.25,
581
585
  "utrechtBlockquoteAttributionFontWeight": 400,
582
586
  "utrechtBlockquoteAttributionPaddingBlockStart": "0.75rem",
583
587
  "utrechtBlockquoteAttributionColor": "#334155",
package/dist/index.tokens.json CHANGED
@@ -164,7 +164,8 @@
164
164
  "padding-block-end": "0.75rem",
165
165
  "padding-block-start": "0.75rem",
166
166
  "padding-inline-end": "1rem",
167
- "padding-inline-start": "1rem"
167
+ "padding-inline-start": "1rem",
168
+ "line-height": "150%"
168
169
  },
169
170
  "data-cell": {
170
171
  "color": "#154273",
@@ -210,7 +211,8 @@
210
211
  "spread": 0,
211
212
  "color": "#0000001a"
212
213
  }
213
- }
214
+ },
215
+ "font-size": "1.25rem"
214
216
  },
215
217
  "skip-link": {
216
218
  "font-weight": 700,
@@ -534,6 +536,9 @@
534
536
  },
535
537
  "label": {
536
538
  "margin-block-end": "0.5rem"
539
+ },
540
+ "error-message": {
541
+ "line-height": "normal"
537
542
  }
538
543
  },
539
544
  "page-footer": {
@@ -552,7 +557,8 @@
552
557
  "padding-block-end": "0.5rem",
553
558
  "padding-block-start": "0.5rem",
554
559
  "padding-inline-start": "1rem",
555
- "line-height": "150%"
560
+ "line-height": "150%",
561
+ "font-size": "1.25rem"
556
562
  },
557
563
  "img": {
558
564
  "border-end-end-radius": 0,
@@ -871,7 +877,7 @@
871
877
  "attribution": {
872
878
  "font-size": "1.25rem",
873
879
  "font-family": "Fira Sans, Arial, Verdana, sans-serif",
874
- "line-height": "150%",
880
+ "line-height": 1.25,
875
881
  "font-weight": 400,
876
882
  "padding-block-start": "0.75rem",
877
883
  "color": "#334155"
package/dist/root.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 24 Dec 2024 13:43:51 GMT
3
+ * Generated on Tue, 24 Dec 2024 14:59:55 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -608,7 +608,7 @@
608
608
  --utrecht-blockquote-attribution-color: #334155;
609
609
  --utrecht-blockquote-attribution-padding-block-start: 0.75rem;
610
610
  --utrecht-blockquote-attribution-font-weight: 400;
611
- --utrecht-blockquote-attribution-line-height: 150%;
611
+ --utrecht-blockquote-attribution-line-height: 1.25;
612
612
  --utrecht-blockquote-attribution-font-family: Fira Sans, Arial, Verdana, sans-serif;
613
613
  --utrecht-blockquote-attribution-font-size: 1.25rem;
614
614
  --utrecht-breadcrumb-nav-font-weight: 400;
@@ -813,6 +813,7 @@
813
813
  --utrecht-figure-img-border-start-end-radius: 0;
814
814
  --utrecht-figure-img-border-end-start-radius: 0;
815
815
  --utrecht-figure-img-border-end-end-radius: 0;
816
+ --utrecht-figure-caption-font-size: 1.25rem;
816
817
  --utrecht-figure-caption-line-height: 150%;
817
818
  --utrecht-figure-caption-padding-inline-start: 1rem;
818
819
  --utrecht-figure-caption-padding-block-start: 0.5rem;
@@ -826,6 +827,7 @@
826
827
  --utrecht-page-footer-padding-block-start: 3rem;
827
828
  --utrecht-page-footer-color: #fff;
828
829
  --utrecht-page-footer-background-color: #154273;
830
+ --utrecht-form-field-error-message-line-height: normal;
829
831
  --utrecht-form-field-label-margin-block-end: 0.5rem;
830
832
  --utrecht-form-field-invalid-padding-inline-start: 0;
831
833
  --utrecht-form-field-invalid-border-inline-start-width: 0px;
@@ -1050,6 +1052,7 @@
1050
1052
  --utrecht-skip-link-font-size: 1.25rem;
1051
1053
  --utrecht-skip-link-font-family: Fira Sans, Arial, Verdana, sans-serif;
1052
1054
  --utrecht-skip-link-font-weight: 700;
1055
+ --utrecht-table-font-size: 1.25rem;
1053
1056
  --utrecht-table-container-box-inline-start-shadow-color: #0000001a;
1054
1057
  --utrecht-table-container-box-inline-start-shadow-spread: 0;
1055
1058
  --utrecht-table-container-box-inline-start-shadow-blur: 48px;
@@ -1079,6 +1082,7 @@
1079
1082
  --utrecht-table-data-cell-font-weight: 400;
1080
1083
  --utrecht-table-data-cell-font-family: Fira Sans, Arial, Verdana, sans-serif;
1081
1084
  --utrecht-table-data-cell-color: #154273;
1085
+ --utrecht-table-cell-line-height: 150%;
1082
1086
  --utrecht-table-cell-padding-inline-start: 1rem;
1083
1087
  --utrecht-table-cell-padding-inline-end: 1rem;
1084
1088
  --utrecht-table-cell-padding-block-start: 0.75rem;
package/dist/tokens.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 24 Dec 2024 13:43:51 GMT
3
+ * Generated on Tue, 24 Dec 2024 14:59:55 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
@@ -187,7 +187,8 @@ declare const tokens: {
187
187
  "padding-block-end": DesignToken,
188
188
  "padding-block-start": DesignToken,
189
189
  "padding-inline-end": DesignToken,
190
- "padding-inline-start": DesignToken
190
+ "padding-inline-start": DesignToken,
191
+ "line-height": DesignToken
191
192
  },
192
193
  "data-cell": {
193
194
  "color": DesignToken,
@@ -233,7 +234,8 @@ declare const tokens: {
233
234
  "spread": DesignToken,
234
235
  "color": DesignToken
235
236
  }
236
- }
237
+ },
238
+ "font-size": DesignToken
237
239
  },
238
240
  "skip-link": {
239
241
  "font-weight": DesignToken,
@@ -557,6 +559,9 @@ declare const tokens: {
557
559
  },
558
560
  "label": {
559
561
  "margin-block-end": DesignToken
562
+ },
563
+ "error-message": {
564
+ "line-height": DesignToken
560
565
  }
561
566
  },
562
567
  "page-footer": {
@@ -575,7 +580,8 @@ declare const tokens: {
575
580
  "padding-block-end": DesignToken,
576
581
  "padding-block-start": DesignToken,
577
582
  "padding-inline-start": DesignToken,
578
- "line-height": DesignToken
583
+ "line-height": DesignToken,
584
+ "font-size": DesignToken
579
585
  },
580
586
  "img": {
581
587
  "border-end-end-radius": DesignToken,
package/dist/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 24 Dec 2024 13:43:51 GMT
3
+ * Generated on Tue, 24 Dec 2024 14:59:55 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -2449,6 +2449,29 @@ module.exports = {
2449
2449
  "cell",
2450
2450
  "padding-inline-start"
2451
2451
  ]
2452
+ },
2453
+ "line-height": {
2454
+ "value": "150%",
2455
+ "type": "lineHeights",
2456
+ "filePath": "src/generated/figma.tokens.json",
2457
+ "isSource": true,
2458
+ "original": {
2459
+ "value": "150%",
2460
+ "type": "lineHeights"
2461
+ },
2462
+ "name": "utrechtTableCellLineHeight",
2463
+ "attributes": {
2464
+ "category": "utrecht",
2465
+ "type": "table",
2466
+ "item": "cell",
2467
+ "subitem": "line-height"
2468
+ },
2469
+ "path": [
2470
+ "utrecht",
2471
+ "table",
2472
+ "cell",
2473
+ "line-height"
2474
+ ]
2452
2475
  }
2453
2476
  },
2454
2477
  "data-cell": {
@@ -3153,6 +3176,27 @@ module.exports = {
3153
3176
  ]
3154
3177
  }
3155
3178
  }
3179
+ },
3180
+ "font-size": {
3181
+ "value": "1.25rem",
3182
+ "type": "fontSizes",
3183
+ "filePath": "src/generated/figma.tokens.json",
3184
+ "isSource": true,
3185
+ "original": {
3186
+ "value": "1.25rem",
3187
+ "type": "fontSizes"
3188
+ },
3189
+ "name": "utrechtTableFontSize",
3190
+ "attributes": {
3191
+ "category": "utrecht",
3192
+ "type": "table",
3193
+ "item": "font-size"
3194
+ },
3195
+ "path": [
3196
+ "utrecht",
3197
+ "table",
3198
+ "font-size"
3199
+ ]
3156
3200
  }
3157
3201
  },
3158
3202
  "skip-link": {
@@ -8201,6 +8245,31 @@ module.exports = {
8201
8245
  "margin-block-end"
8202
8246
  ]
8203
8247
  }
8248
+ },
8249
+ "error-message": {
8250
+ "line-height": {
8251
+ "value": "normal",
8252
+ "type": "lineHeights",
8253
+ "filePath": "src/generated/figma.tokens.json",
8254
+ "isSource": true,
8255
+ "original": {
8256
+ "value": "normal",
8257
+ "type": "lineHeights"
8258
+ },
8259
+ "name": "utrechtFormFieldErrorMessageLineHeight",
8260
+ "attributes": {
8261
+ "category": "utrecht",
8262
+ "type": "form-field",
8263
+ "item": "error-message",
8264
+ "subitem": "line-height"
8265
+ },
8266
+ "path": [
8267
+ "utrecht",
8268
+ "form-field",
8269
+ "error-message",
8270
+ "line-height"
8271
+ ]
8272
+ }
8204
8273
  }
8205
8274
  },
8206
8275
  "page-footer": {
@@ -8493,6 +8562,29 @@ module.exports = {
8493
8562
  "caption",
8494
8563
  "line-height"
8495
8564
  ]
8565
+ },
8566
+ "font-size": {
8567
+ "value": "1.25rem",
8568
+ "type": "fontSizes",
8569
+ "filePath": "src/generated/figma.tokens.json",
8570
+ "isSource": true,
8571
+ "original": {
8572
+ "value": "1.25rem",
8573
+ "type": "fontSizes"
8574
+ },
8575
+ "name": "utrechtFigureCaptionFontSize",
8576
+ "attributes": {
8577
+ "category": "utrecht",
8578
+ "type": "figure",
8579
+ "item": "caption",
8580
+ "subitem": "font-size"
8581
+ },
8582
+ "path": [
8583
+ "utrecht",
8584
+ "figure",
8585
+ "caption",
8586
+ "font-size"
8587
+ ]
8496
8588
  }
8497
8589
  },
8498
8590
  "img": {
@@ -13435,12 +13527,12 @@ module.exports = {
13435
13527
  ]
13436
13528
  },
13437
13529
  "line-height": {
13438
- "value": "150%",
13530
+ "value": 1.25,
13439
13531
  "type": "lineHeights",
13440
13532
  "filePath": "src/generated/figma.tokens.json",
13441
13533
  "isSource": true,
13442
13534
  "original": {
13443
- "value": "150%",
13535
+ "value": 1.25,
13444
13536
  "type": "lineHeights"
13445
13537
  },
13446
13538
  "name": "utrechtBlockquoteAttributionLineHeight",
package/dist/tokens.json CHANGED
@@ -2444,6 +2444,29 @@
2444
2444
  "cell",
2445
2445
  "padding-inline-start"
2446
2446
  ]
2447
+ },
2448
+ "line-height": {
2449
+ "value": "150%",
2450
+ "type": "lineHeights",
2451
+ "filePath": "src/generated/figma.tokens.json",
2452
+ "isSource": true,
2453
+ "original": {
2454
+ "value": "150%",
2455
+ "type": "lineHeights"
2456
+ },
2457
+ "name": "utrechtTableCellLineHeight",
2458
+ "attributes": {
2459
+ "category": "utrecht",
2460
+ "type": "table",
2461
+ "item": "cell",
2462
+ "subitem": "line-height"
2463
+ },
2464
+ "path": [
2465
+ "utrecht",
2466
+ "table",
2467
+ "cell",
2468
+ "line-height"
2469
+ ]
2447
2470
  }
2448
2471
  },
2449
2472
  "data-cell": {
@@ -3148,6 +3171,27 @@
3148
3171
  ]
3149
3172
  }
3150
3173
  }
3174
+ },
3175
+ "font-size": {
3176
+ "value": "1.25rem",
3177
+ "type": "fontSizes",
3178
+ "filePath": "src/generated/figma.tokens.json",
3179
+ "isSource": true,
3180
+ "original": {
3181
+ "value": "1.25rem",
3182
+ "type": "fontSizes"
3183
+ },
3184
+ "name": "utrechtTableFontSize",
3185
+ "attributes": {
3186
+ "category": "utrecht",
3187
+ "type": "table",
3188
+ "item": "font-size"
3189
+ },
3190
+ "path": [
3191
+ "utrecht",
3192
+ "table",
3193
+ "font-size"
3194
+ ]
3151
3195
  }
3152
3196
  },
3153
3197
  "skip-link": {
@@ -8196,6 +8240,31 @@
8196
8240
  "margin-block-end"
8197
8241
  ]
8198
8242
  }
8243
+ },
8244
+ "error-message": {
8245
+ "line-height": {
8246
+ "value": "normal",
8247
+ "type": "lineHeights",
8248
+ "filePath": "src/generated/figma.tokens.json",
8249
+ "isSource": true,
8250
+ "original": {
8251
+ "value": "normal",
8252
+ "type": "lineHeights"
8253
+ },
8254
+ "name": "utrechtFormFieldErrorMessageLineHeight",
8255
+ "attributes": {
8256
+ "category": "utrecht",
8257
+ "type": "form-field",
8258
+ "item": "error-message",
8259
+ "subitem": "line-height"
8260
+ },
8261
+ "path": [
8262
+ "utrecht",
8263
+ "form-field",
8264
+ "error-message",
8265
+ "line-height"
8266
+ ]
8267
+ }
8199
8268
  }
8200
8269
  },
8201
8270
  "page-footer": {
@@ -8488,6 +8557,29 @@
8488
8557
  "caption",
8489
8558
  "line-height"
8490
8559
  ]
8560
+ },
8561
+ "font-size": {
8562
+ "value": "1.25rem",
8563
+ "type": "fontSizes",
8564
+ "filePath": "src/generated/figma.tokens.json",
8565
+ "isSource": true,
8566
+ "original": {
8567
+ "value": "1.25rem",
8568
+ "type": "fontSizes"
8569
+ },
8570
+ "name": "utrechtFigureCaptionFontSize",
8571
+ "attributes": {
8572
+ "category": "utrecht",
8573
+ "type": "figure",
8574
+ "item": "caption",
8575
+ "subitem": "font-size"
8576
+ },
8577
+ "path": [
8578
+ "utrecht",
8579
+ "figure",
8580
+ "caption",
8581
+ "font-size"
8582
+ ]
8491
8583
  }
8492
8584
  },
8493
8585
  "img": {
@@ -13430,12 +13522,12 @@
13430
13522
  ]
13431
13523
  },
13432
13524
  "line-height": {
13433
- "value": "150%",
13525
+ "value": 1.25,
13434
13526
  "type": "lineHeights",
13435
13527
  "filePath": "src/generated/figma.tokens.json",
13436
13528
  "isSource": true,
13437
13529
  "original": {
13438
- "value": "150%",
13530
+ "value": 1.25,
13439
13531
  "type": "lineHeights"
13440
13532
  },
13441
13533
  "name": "utrechtBlockquoteAttributionLineHeight",
package/dist/variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 24 Dec 2024 13:43:51 GMT
3
+ // Generated on Tue, 24 Dec 2024 14:59:55 GMT
4
4
 
5
5
  @rhc-sub-nav-bar-content-list-row-gap: 0.5rem;
6
6
  @rhc-sub-nav-bar-content-max-inline-size: 1280px;
@@ -606,7 +606,7 @@
606
606
  @utrecht-blockquote-attribution-color: #334155;
607
607
  @utrecht-blockquote-attribution-padding-block-start: 0.75rem;
608
608
  @utrecht-blockquote-attribution-font-weight: 400;
609
- @utrecht-blockquote-attribution-line-height: 150%;
609
+ @utrecht-blockquote-attribution-line-height: 1.25;
610
610
  @utrecht-blockquote-attribution-font-family: Fira Sans, Arial, Verdana, sans-serif;
611
611
  @utrecht-blockquote-attribution-font-size: 1.25rem;
612
612
  @utrecht-breadcrumb-nav-font-weight: 400;
@@ -811,6 +811,7 @@
811
811
  @utrecht-figure-img-border-start-end-radius: 0;
812
812
  @utrecht-figure-img-border-end-start-radius: 0;
813
813
  @utrecht-figure-img-border-end-end-radius: 0;
814
+ @utrecht-figure-caption-font-size: 1.25rem;
814
815
  @utrecht-figure-caption-line-height: 150%;
815
816
  @utrecht-figure-caption-padding-inline-start: 1rem;
816
817
  @utrecht-figure-caption-padding-block-start: 0.5rem;
@@ -824,6 +825,7 @@
824
825
  @utrecht-page-footer-padding-block-start: 3rem;
825
826
  @utrecht-page-footer-color: #fff;
826
827
  @utrecht-page-footer-background-color: #154273;
828
+ @utrecht-form-field-error-message-line-height: normal;
827
829
  @utrecht-form-field-label-margin-block-end: 0.5rem;
828
830
  @utrecht-form-field-invalid-padding-inline-start: 0;
829
831
  @utrecht-form-field-invalid-border-inline-start-width: 0px;
@@ -1048,6 +1050,7 @@
1048
1050
  @utrecht-skip-link-font-size: 1.25rem;
1049
1051
  @utrecht-skip-link-font-family: Fira Sans, Arial, Verdana, sans-serif;
1050
1052
  @utrecht-skip-link-font-weight: 700;
1053
+ @utrecht-table-font-size: 1.25rem;
1051
1054
  @utrecht-table-container-box-inline-start-shadow-color: #0000001a;
1052
1055
  @utrecht-table-container-box-inline-start-shadow-spread: 0;
1053
1056
  @utrecht-table-container-box-inline-start-shadow-blur: 48px;
@@ -1077,6 +1080,7 @@
1077
1080
  @utrecht-table-data-cell-font-weight: 400;
1078
1081
  @utrecht-table-data-cell-font-family: Fira Sans, Arial, Verdana, sans-serif;
1079
1082
  @utrecht-table-data-cell-color: #154273;
1083
+ @utrecht-table-cell-line-height: 150%;
1080
1084
  @utrecht-table-cell-padding-inline-start: 1rem;
1081
1085
  @utrecht-table-cell-padding-inline-end: 1rem;
1082
1086
  @utrecht-table-cell-padding-block-start: 0.75rem;
package/figma/figma.tokens.json CHANGED
@@ -1776,7 +1776,7 @@
1776
1776
  "type": "fontFamilies"
1777
1777
  },
1778
1778
  "line-height": {
1779
- "value": "{rhc.line-height.paragraph}",
1779
+ "value": "1.25",
1780
1780
  "type": "lineHeights"
1781
1781
  },
1782
1782
  "font-weight": {
@@ -3338,6 +3338,10 @@
3338
3338
  "line-height": {
3339
3339
  "value": "{rhc.line-height.paragraph}",
3340
3340
  "type": "lineHeights"
3341
+ },
3342
+ "font-size": {
3343
+ "value": "{rhc.font-size.xs.desktop}",
3344
+ "type": "fontSizes"
3341
3345
  }
3342
3346
  },
3343
3347
  "img": {
@@ -3565,6 +3569,12 @@
3565
3569
  "value": "{rhc.space.100}",
3566
3570
  "type": "spacing"
3567
3571
  }
3572
+ },
3573
+ "error-message": {
3574
+ "line-height": {
3575
+ "value": "normal",
3576
+ "type": "lineHeights"
3577
+ }
3568
3578
  }
3569
3579
  }
3570
3580
  }
@@ -6172,6 +6182,10 @@
6172
6182
  "padding-inline-start": {
6173
6183
  "value": "{rhc.space.200}",
6174
6184
  "type": "spacing"
6185
+ },
6186
+ "line-height": {
6187
+ "value": "{rhc.line-height.md}",
6188
+ "type": "lineHeights"
6175
6189
  }
6176
6190
  },
6177
6191
  "data-cell": {
@@ -6305,6 +6319,10 @@
6305
6319
  "type": "color"
6306
6320
  }
6307
6321
  }
6322
+ },
6323
+ "font-size": {
6324
+ "value": "{rhc.font-size.xs.desktop}",
6325
+ "type": "fontSizes"
6308
6326
  }
6309
6327
  }
6310
6328
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rijkshuisstijl-community/design-tokens",
3
- "version": "1.0.0-alpha.102",
3
+ "version": "1.0.0-alpha.103",
4
4
  "author": "Community for NL Design System",
5
5
  "description": "Example design tokens",
6
6
  "license": "SEE LICENSE IN LICENSE.md",
@@ -33,5 +33,5 @@
33
33
  "style-dictionary": "3.9.2",
34
34
  "token-transformer": "0.0.33"
35
35
  },
36
- "gitHead": "a5efe248748d77cb561863fb2a64a5fc73854e75"
36
+ "gitHead": "877e3ef31f86bda2381545933cddba6f2dfb715c"
37
37
  }
package/src/generated/figma.tokens.json CHANGED
@@ -437,6 +437,10 @@
437
437
  "padding-inline-start": {
438
438
  "value": "1rem",
439
439
  "type": "spacing"
440
+ },
441
+ "line-height": {
442
+ "value": "150%",
443
+ "type": "lineHeights"
440
444
  }
441
445
  },
442
446
  "data-cell": {
@@ -570,6 +574,10 @@
570
574
  "type": "color"
571
575
  }
572
576
  }
577
+ },
578
+ "font-size": {
579
+ "value": "1.25rem",
580
+ "type": "fontSizes"
573
581
  }
574
582
  },
575
583
  "skip-link": {
@@ -1575,6 +1583,12 @@
1575
1583
  "value": "0.5rem",
1576
1584
  "type": "spacing"
1577
1585
  }
1586
+ },
1587
+ "error-message": {
1588
+ "line-height": {
1589
+ "value": "normal",
1590
+ "type": "lineHeights"
1591
+ }
1578
1592
  }
1579
1593
  },
1580
1594
  "page-footer": {
@@ -1632,6 +1646,10 @@
1632
1646
  "line-height": {
1633
1647
  "value": "150%",
1634
1648
  "type": "lineHeights"
1649
+ },
1650
+ "font-size": {
1651
+ "value": "1.25rem",
1652
+ "type": "fontSizes"
1635
1653
  }
1636
1654
  },
1637
1655
  "img": {
@@ -2592,7 +2610,7 @@
2592
2610
  "type": "fontFamilies"
2593
2611
  },
2594
2612
  "line-height": {
2595
- "value": "150%",
2613
+ "value": 1.25,
2596
2614
  "type": "lineHeights"
2597
2615
  },
2598
2616
  "font-weight": {