@rijkshuisstijl-community/design-tokens 1.0.0-alpha.30 → 1.0.0-alpha.31
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.
- package/dist/_variables.scss +11 -3
- package/dist/index.css +11 -3
- package/dist/index.d.ts +11 -3
- package/dist/index.js +11 -3
- package/dist/index.json +10 -2
- package/dist/index.tokens.json +31 -15
- package/dist/root.css +11 -3
- package/dist/tokens.d.ts +32 -16
- package/dist/tokens.js +362 -181
- package/dist/variables.less +11 -3
- package/figma/figma.tokens.json +78 -36
- package/package.json +2 -2
- package/src/generated/figma.tokens.json +78 -38
package/dist/_variables.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Mon, 21 Oct 2024
|
|
3
|
+
// Generated on Mon, 21 Oct 2024 11:15:26 GMT
|
|
4
4
|
|
|
5
5
|
$rhc-space-700: 3.5rem;
|
|
6
6
|
$rhc-space-600: 3rem;
|
|
@@ -251,6 +251,16 @@ $rhc-checkbox-group-padding-block-end: 0.5rem;
|
|
|
251
251
|
$rhc-dot-badge-size: 12px;
|
|
252
252
|
$rhc-dot-badge-color: #d52b1e;
|
|
253
253
|
$rhc-dot-badge-border-radius: 999px;
|
|
254
|
+
$rhc-page-footer-flex-direction: row;
|
|
255
|
+
$rhc-page-footer-padding-inline-start: 2.5rem;
|
|
256
|
+
$rhc-page-footer-padding-block-end: 2.5rem;
|
|
257
|
+
$rhc-page-footer-padding-block-start: 2.5rem;
|
|
258
|
+
$rhc-page-footer-border-block-start-style: solid;
|
|
259
|
+
$rhc-page-footer-border-block-start-color: #154273;
|
|
260
|
+
$rhc-page-footer-border-block-start-width: 2px;
|
|
261
|
+
$rhc-page-footer-column-title-margin-block-end: 0.75rem;
|
|
262
|
+
$rhc-page-footer-column-width: 200px;
|
|
263
|
+
$rhc-page-footer-column-gap: 1.5rem;
|
|
254
264
|
$rhc-form-field-checkbox-option-column-gap: 0.5rem;
|
|
255
265
|
$rhc-form-field-radio-option-row-gap: 0.5rem;
|
|
256
266
|
$rhc-form-field-radio-option-font-weight: 400;
|
|
@@ -723,8 +733,6 @@ $utrecht-figure-caption-padding-block-end: 0.5rem;
|
|
|
723
733
|
$utrecht-figure-caption-color: #154273;
|
|
724
734
|
$utrecht-figure-caption-border-width: 4px;
|
|
725
735
|
$utrecht-figure-caption-border-color: #CBD5E1;
|
|
726
|
-
$utrecht-page-footer-column-title-margin-block-end: 0.75rem;
|
|
727
|
-
$utrecht-page-footer-gap: 1.5rem;
|
|
728
736
|
$utrecht-page-footer-padding-inline-end: 80px;
|
|
729
737
|
$utrecht-page-footer-padding-inline-start: 80px;
|
|
730
738
|
$utrecht-page-footer-padding-block-end: 3rem;
|
package/dist/index.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Mon, 21 Oct 2024
|
|
3
|
+
* Generated on Mon, 21 Oct 2024 11:15:26 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
.rhc-theme {
|
|
@@ -253,6 +253,16 @@
|
|
|
253
253
|
--rhc-dot-badge-size: 12px;
|
|
254
254
|
--rhc-dot-badge-color: #d52b1e;
|
|
255
255
|
--rhc-dot-badge-border-radius: 999px;
|
|
256
|
+
--rhc-page-footer-flex-direction: row;
|
|
257
|
+
--rhc-page-footer-padding-inline-start: 2.5rem;
|
|
258
|
+
--rhc-page-footer-padding-block-end: 2.5rem;
|
|
259
|
+
--rhc-page-footer-padding-block-start: 2.5rem;
|
|
260
|
+
--rhc-page-footer-border-block-start-style: solid;
|
|
261
|
+
--rhc-page-footer-border-block-start-color: #154273;
|
|
262
|
+
--rhc-page-footer-border-block-start-width: 2px;
|
|
263
|
+
--rhc-page-footer-column-title-margin-block-end: 0.75rem;
|
|
264
|
+
--rhc-page-footer-column-width: 200px;
|
|
265
|
+
--rhc-page-footer-column-gap: 1.5rem;
|
|
256
266
|
--rhc-form-field-checkbox-option-column-gap: 0.5rem;
|
|
257
267
|
--rhc-form-field-radio-option-row-gap: 0.5rem;
|
|
258
268
|
--rhc-form-field-radio-option-font-weight: 400;
|
|
@@ -725,8 +735,6 @@
|
|
|
725
735
|
--utrecht-figure-caption-color: #154273;
|
|
726
736
|
--utrecht-figure-caption-border-width: 4px;
|
|
727
737
|
--utrecht-figure-caption-border-color: #CBD5E1;
|
|
728
|
-
--utrecht-page-footer-column-title-margin-block-end: 0.75rem;
|
|
729
|
-
--utrecht-page-footer-gap: 1.5rem;
|
|
730
738
|
--utrecht-page-footer-padding-inline-end: 80px;
|
|
731
739
|
--utrecht-page-footer-padding-inline-start: 80px;
|
|
732
740
|
--utrecht-page-footer-padding-block-end: 3rem;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Mon, 21 Oct 2024
|
|
3
|
+
* Generated on Mon, 21 Oct 2024 11:15:26 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const utrechtActionActivateCursor : string;
|
|
@@ -371,8 +371,6 @@ export const utrechtPageFooterPaddingBlockStart : string;
|
|
|
371
371
|
export const utrechtPageFooterPaddingBlockEnd : string;
|
|
372
372
|
export const utrechtPageFooterPaddingInlineStart : string;
|
|
373
373
|
export const utrechtPageFooterPaddingInlineEnd : string;
|
|
374
|
-
export const utrechtPageFooterGap : string;
|
|
375
|
-
export const utrechtPageFooterColumnTitleMarginBlockEnd : string;
|
|
376
374
|
export const utrechtFigureCaptionBorderColor : string;
|
|
377
375
|
export const utrechtFigureCaptionBorderWidth : string;
|
|
378
376
|
export const utrechtFigureCaptionColor : string;
|
|
@@ -845,6 +843,16 @@ export const rhcFormFieldRadioOptionColumnGap : string;
|
|
|
845
843
|
export const rhcFormFieldRadioOptionFontWeight : number;
|
|
846
844
|
export const rhcFormFieldRadioOptionRowGap : string;
|
|
847
845
|
export const rhcFormFieldCheckboxOptionColumnGap : string;
|
|
846
|
+
export const rhcPageFooterColumnGap : string;
|
|
847
|
+
export const rhcPageFooterColumnWidth : string;
|
|
848
|
+
export const rhcPageFooterColumnTitleMarginBlockEnd : string;
|
|
849
|
+
export const rhcPageFooterBorderBlockStartWidth : string;
|
|
850
|
+
export const rhcPageFooterBorderBlockStartColor : string;
|
|
851
|
+
export const rhcPageFooterBorderBlockStartStyle : string;
|
|
852
|
+
export const rhcPageFooterPaddingBlockStart : string;
|
|
853
|
+
export const rhcPageFooterPaddingBlockEnd : string;
|
|
854
|
+
export const rhcPageFooterPaddingInlineStart : string;
|
|
855
|
+
export const rhcPageFooterFlexDirection : string;
|
|
848
856
|
export const rhcDotBadgeBorderRadius : string;
|
|
849
857
|
export const rhcDotBadgeColor : string;
|
|
850
858
|
export const rhcDotBadgeSize : string;
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Mon, 21 Oct 2024
|
|
3
|
+
* Generated on Mon, 21 Oct 2024 11:15:26 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const utrechtActionActivateCursor = "pointer";
|
|
@@ -370,8 +370,6 @@ export const utrechtPageFooterPaddingBlockStart = "3rem";
|
|
|
370
370
|
export const utrechtPageFooterPaddingBlockEnd = "3rem";
|
|
371
371
|
export const utrechtPageFooterPaddingInlineStart = "80px";
|
|
372
372
|
export const utrechtPageFooterPaddingInlineEnd = "80px";
|
|
373
|
-
export const utrechtPageFooterGap = "1.5rem";
|
|
374
|
-
export const utrechtPageFooterColumnTitleMarginBlockEnd = "0.75rem";
|
|
375
373
|
export const utrechtFigureCaptionBorderColor = "#CBD5E1";
|
|
376
374
|
export const utrechtFigureCaptionBorderWidth = "4px";
|
|
377
375
|
export const utrechtFigureCaptionColor = "#154273";
|
|
@@ -844,6 +842,16 @@ export const rhcFormFieldRadioOptionColumnGap = "0.5rem";
|
|
|
844
842
|
export const rhcFormFieldRadioOptionFontWeight = 400;
|
|
845
843
|
export const rhcFormFieldRadioOptionRowGap = "0.5rem";
|
|
846
844
|
export const rhcFormFieldCheckboxOptionColumnGap = "0.5rem";
|
|
845
|
+
export const rhcPageFooterColumnGap = "1.5rem";
|
|
846
|
+
export const rhcPageFooterColumnWidth = "200px";
|
|
847
|
+
export const rhcPageFooterColumnTitleMarginBlockEnd = "0.75rem";
|
|
848
|
+
export const rhcPageFooterBorderBlockStartWidth = "2px";
|
|
849
|
+
export const rhcPageFooterBorderBlockStartColor = "#154273";
|
|
850
|
+
export const rhcPageFooterBorderBlockStartStyle = "solid";
|
|
851
|
+
export const rhcPageFooterPaddingBlockStart = "2.5rem";
|
|
852
|
+
export const rhcPageFooterPaddingBlockEnd = "2.5rem";
|
|
853
|
+
export const rhcPageFooterPaddingInlineStart = "2.5rem";
|
|
854
|
+
export const rhcPageFooterFlexDirection = "row";
|
|
847
855
|
export const rhcDotBadgeBorderRadius = "999px";
|
|
848
856
|
export const rhcDotBadgeColor = "#d52b1e";
|
|
849
857
|
export const rhcDotBadgeSize = "12px";
|
package/dist/index.json
CHANGED
|
@@ -366,8 +366,6 @@
|
|
|
366
366
|
"utrechtPageFooterPaddingBlockEnd": "3rem",
|
|
367
367
|
"utrechtPageFooterPaddingInlineStart": "80px",
|
|
368
368
|
"utrechtPageFooterPaddingInlineEnd": "80px",
|
|
369
|
-
"utrechtPageFooterGap": "1.5rem",
|
|
370
|
-
"utrechtPageFooterColumnTitleMarginBlockEnd": "0.75rem",
|
|
371
369
|
"utrechtFigureCaptionBorderColor": "#CBD5E1",
|
|
372
370
|
"utrechtFigureCaptionBorderWidth": "4px",
|
|
373
371
|
"utrechtFigureCaptionColor": "#154273",
|
|
@@ -840,6 +838,16 @@
|
|
|
840
838
|
"rhcFormFieldRadioOptionFontWeight": 400,
|
|
841
839
|
"rhcFormFieldRadioOptionRowGap": "0.5rem",
|
|
842
840
|
"rhcFormFieldCheckboxOptionColumnGap": "0.5rem",
|
|
841
|
+
"rhcPageFooterColumnGap": "1.5rem",
|
|
842
|
+
"rhcPageFooterColumnWidth": "200px",
|
|
843
|
+
"rhcPageFooterColumnTitleMarginBlockEnd": "0.75rem",
|
|
844
|
+
"rhcPageFooterBorderBlockStartWidth": "2px",
|
|
845
|
+
"rhcPageFooterBorderBlockStartColor": "#154273",
|
|
846
|
+
"rhcPageFooterBorderBlockStartStyle": "solid",
|
|
847
|
+
"rhcPageFooterPaddingBlockStart": "2.5rem",
|
|
848
|
+
"rhcPageFooterPaddingBlockEnd": "2.5rem",
|
|
849
|
+
"rhcPageFooterPaddingInlineStart": "2.5rem",
|
|
850
|
+
"rhcPageFooterFlexDirection": "row",
|
|
843
851
|
"rhcDotBadgeBorderRadius": "999px",
|
|
844
852
|
"rhcDotBadgeColor": "#d52b1e",
|
|
845
853
|
"rhcDotBadgeSize": "12px",
|
package/dist/index.tokens.json
CHANGED
|
@@ -536,21 +536,13 @@
|
|
|
536
536
|
"margin-block-end": "0.5rem"
|
|
537
537
|
}
|
|
538
538
|
},
|
|
539
|
-
"page": {
|
|
540
|
-
"
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
"padding-inline-end": "80px",
|
|
547
|
-
"gap": "1.5rem",
|
|
548
|
-
"column": {
|
|
549
|
-
"title": {
|
|
550
|
-
"margin-block-end": "0.75rem"
|
|
551
|
-
}
|
|
552
|
-
}
|
|
553
|
-
}
|
|
539
|
+
"page-footer": {
|
|
540
|
+
"background-color": "#154273",
|
|
541
|
+
"color": "#fff",
|
|
542
|
+
"padding-block-start": "3rem",
|
|
543
|
+
"padding-block-end": "3rem",
|
|
544
|
+
"padding-inline-start": "80px",
|
|
545
|
+
"padding-inline-end": "80px"
|
|
554
546
|
},
|
|
555
547
|
"figure": {
|
|
556
548
|
"caption": {
|
|
@@ -1310,6 +1302,30 @@
|
|
|
1310
1302
|
"form-field-checkbox-option": {
|
|
1311
1303
|
"column-gap": "0.5rem"
|
|
1312
1304
|
},
|
|
1305
|
+
"page-footer": {
|
|
1306
|
+
"column-gap": "1.5rem",
|
|
1307
|
+
"column-width": "200px",
|
|
1308
|
+
"column": {
|
|
1309
|
+
"title": {
|
|
1310
|
+
"margin-block-end": "0.75rem"
|
|
1311
|
+
}
|
|
1312
|
+
},
|
|
1313
|
+
"border": {
|
|
1314
|
+
"block-start": {
|
|
1315
|
+
"width": "2px",
|
|
1316
|
+
"color": "#154273",
|
|
1317
|
+
"style": "solid"
|
|
1318
|
+
}
|
|
1319
|
+
},
|
|
1320
|
+
"padding": {
|
|
1321
|
+
"block-start": "2.5rem",
|
|
1322
|
+
"block-end": "2.5rem",
|
|
1323
|
+
"inline-start": "2.5rem"
|
|
1324
|
+
},
|
|
1325
|
+
"flex": {
|
|
1326
|
+
"direction": "row"
|
|
1327
|
+
}
|
|
1328
|
+
},
|
|
1313
1329
|
"dot-badge": {
|
|
1314
1330
|
"border-radius": "999px",
|
|
1315
1331
|
"color": "#d52b1e",
|
package/dist/root.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Mon, 21 Oct 2024
|
|
3
|
+
* Generated on Mon, 21 Oct 2024 11:15:26 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -253,6 +253,16 @@
|
|
|
253
253
|
--rhc-dot-badge-size: 12px;
|
|
254
254
|
--rhc-dot-badge-color: #d52b1e;
|
|
255
255
|
--rhc-dot-badge-border-radius: 999px;
|
|
256
|
+
--rhc-page-footer-flex-direction: row;
|
|
257
|
+
--rhc-page-footer-padding-inline-start: 2.5rem;
|
|
258
|
+
--rhc-page-footer-padding-block-end: 2.5rem;
|
|
259
|
+
--rhc-page-footer-padding-block-start: 2.5rem;
|
|
260
|
+
--rhc-page-footer-border-block-start-style: solid;
|
|
261
|
+
--rhc-page-footer-border-block-start-color: #154273;
|
|
262
|
+
--rhc-page-footer-border-block-start-width: 2px;
|
|
263
|
+
--rhc-page-footer-column-title-margin-block-end: 0.75rem;
|
|
264
|
+
--rhc-page-footer-column-width: 200px;
|
|
265
|
+
--rhc-page-footer-column-gap: 1.5rem;
|
|
256
266
|
--rhc-form-field-checkbox-option-column-gap: 0.5rem;
|
|
257
267
|
--rhc-form-field-radio-option-row-gap: 0.5rem;
|
|
258
268
|
--rhc-form-field-radio-option-font-weight: 400;
|
|
@@ -725,8 +735,6 @@
|
|
|
725
735
|
--utrecht-figure-caption-color: #154273;
|
|
726
736
|
--utrecht-figure-caption-border-width: 4px;
|
|
727
737
|
--utrecht-figure-caption-border-color: #CBD5E1;
|
|
728
|
-
--utrecht-page-footer-column-title-margin-block-end: 0.75rem;
|
|
729
|
-
--utrecht-page-footer-gap: 1.5rem;
|
|
730
738
|
--utrecht-page-footer-padding-inline-end: 80px;
|
|
731
739
|
--utrecht-page-footer-padding-inline-start: 80px;
|
|
732
740
|
--utrecht-page-footer-padding-block-end: 3rem;
|
package/dist/tokens.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Mon, 21 Oct 2024
|
|
3
|
+
* Generated on Mon, 21 Oct 2024 11:15:26 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export default tokens;
|
|
@@ -559,21 +559,13 @@ declare const tokens: {
|
|
|
559
559
|
"margin-block-end": DesignToken
|
|
560
560
|
}
|
|
561
561
|
},
|
|
562
|
-
"page": {
|
|
563
|
-
"
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
"padding-inline-end": DesignToken,
|
|
570
|
-
"gap": DesignToken,
|
|
571
|
-
"column": {
|
|
572
|
-
"title": {
|
|
573
|
-
"margin-block-end": DesignToken
|
|
574
|
-
}
|
|
575
|
-
}
|
|
576
|
-
}
|
|
562
|
+
"page-footer": {
|
|
563
|
+
"background-color": DesignToken,
|
|
564
|
+
"color": DesignToken,
|
|
565
|
+
"padding-block-start": DesignToken,
|
|
566
|
+
"padding-block-end": DesignToken,
|
|
567
|
+
"padding-inline-start": DesignToken,
|
|
568
|
+
"padding-inline-end": DesignToken
|
|
577
569
|
},
|
|
578
570
|
"figure": {
|
|
579
571
|
"caption": {
|
|
@@ -1333,6 +1325,30 @@ declare const tokens: {
|
|
|
1333
1325
|
"form-field-checkbox-option": {
|
|
1334
1326
|
"column-gap": DesignToken
|
|
1335
1327
|
},
|
|
1328
|
+
"page-footer": {
|
|
1329
|
+
"column-gap": DesignToken,
|
|
1330
|
+
"column-width": DesignToken,
|
|
1331
|
+
"column": {
|
|
1332
|
+
"title": {
|
|
1333
|
+
"margin-block-end": DesignToken
|
|
1334
|
+
}
|
|
1335
|
+
},
|
|
1336
|
+
"border": {
|
|
1337
|
+
"block-start": {
|
|
1338
|
+
"width": DesignToken,
|
|
1339
|
+
"color": DesignToken,
|
|
1340
|
+
"style": DesignToken
|
|
1341
|
+
}
|
|
1342
|
+
},
|
|
1343
|
+
"padding": {
|
|
1344
|
+
"block-start": DesignToken,
|
|
1345
|
+
"block-end": DesignToken,
|
|
1346
|
+
"inline-start": DesignToken
|
|
1347
|
+
},
|
|
1348
|
+
"flex": {
|
|
1349
|
+
"direction": DesignToken
|
|
1350
|
+
}
|
|
1351
|
+
},
|
|
1336
1352
|
"dot-badge": {
|
|
1337
1353
|
"border-radius": DesignToken,
|
|
1338
1354
|
"color": DesignToken,
|
package/dist/tokens.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Mon, 21 Oct 2024
|
|
3
|
+
* Generated on Mon, 21 Oct 2024 11:15:26 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
@@ -8203,199 +8203,132 @@ module.exports = {
|
|
|
8203
8203
|
}
|
|
8204
8204
|
}
|
|
8205
8205
|
},
|
|
8206
|
-
"page": {
|
|
8207
|
-
"
|
|
8208
|
-
"
|
|
8206
|
+
"page-footer": {
|
|
8207
|
+
"background-color": {
|
|
8208
|
+
"value": "#154273",
|
|
8209
|
+
"type": "color",
|
|
8210
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
8211
|
+
"isSource": true,
|
|
8212
|
+
"original": {
|
|
8209
8213
|
"value": "#154273",
|
|
8210
|
-
"type": "color"
|
|
8211
|
-
"filePath": "src/generated/figma.tokens.json",
|
|
8212
|
-
"isSource": true,
|
|
8213
|
-
"original": {
|
|
8214
|
-
"value": "#154273",
|
|
8215
|
-
"type": "color"
|
|
8216
|
-
},
|
|
8217
|
-
"name": "utrechtPageFooterBackgroundColor",
|
|
8218
|
-
"attributes": {
|
|
8219
|
-
"category": "utrecht",
|
|
8220
|
-
"type": "page",
|
|
8221
|
-
"item": "footer",
|
|
8222
|
-
"subitem": "background-color"
|
|
8223
|
-
},
|
|
8224
|
-
"path": [
|
|
8225
|
-
"utrecht",
|
|
8226
|
-
"page",
|
|
8227
|
-
"footer",
|
|
8228
|
-
"background-color"
|
|
8229
|
-
]
|
|
8214
|
+
"type": "color"
|
|
8230
8215
|
},
|
|
8231
|
-
"
|
|
8216
|
+
"name": "utrechtPageFooterBackgroundColor",
|
|
8217
|
+
"attributes": {
|
|
8218
|
+
"category": "utrecht",
|
|
8219
|
+
"type": "page-footer",
|
|
8220
|
+
"item": "background-color"
|
|
8221
|
+
},
|
|
8222
|
+
"path": [
|
|
8223
|
+
"utrecht",
|
|
8224
|
+
"page-footer",
|
|
8225
|
+
"background-color"
|
|
8226
|
+
]
|
|
8227
|
+
},
|
|
8228
|
+
"color": {
|
|
8229
|
+
"value": "#fff",
|
|
8230
|
+
"type": "color",
|
|
8231
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
8232
|
+
"isSource": true,
|
|
8233
|
+
"original": {
|
|
8232
8234
|
"value": "#fff",
|
|
8233
|
-
"type": "color"
|
|
8234
|
-
"filePath": "src/generated/figma.tokens.json",
|
|
8235
|
-
"isSource": true,
|
|
8236
|
-
"original": {
|
|
8237
|
-
"value": "#fff",
|
|
8238
|
-
"type": "color"
|
|
8239
|
-
},
|
|
8240
|
-
"name": "utrechtPageFooterColor",
|
|
8241
|
-
"attributes": {
|
|
8242
|
-
"category": "utrecht",
|
|
8243
|
-
"type": "page",
|
|
8244
|
-
"item": "footer",
|
|
8245
|
-
"subitem": "color"
|
|
8246
|
-
},
|
|
8247
|
-
"path": [
|
|
8248
|
-
"utrecht",
|
|
8249
|
-
"page",
|
|
8250
|
-
"footer",
|
|
8251
|
-
"color"
|
|
8252
|
-
]
|
|
8235
|
+
"type": "color"
|
|
8253
8236
|
},
|
|
8254
|
-
"
|
|
8237
|
+
"name": "utrechtPageFooterColor",
|
|
8238
|
+
"attributes": {
|
|
8239
|
+
"category": "utrecht",
|
|
8240
|
+
"type": "page-footer",
|
|
8241
|
+
"item": "color"
|
|
8242
|
+
},
|
|
8243
|
+
"path": [
|
|
8244
|
+
"utrecht",
|
|
8245
|
+
"page-footer",
|
|
8246
|
+
"color"
|
|
8247
|
+
]
|
|
8248
|
+
},
|
|
8249
|
+
"padding-block-start": {
|
|
8250
|
+
"value": "3rem",
|
|
8251
|
+
"type": "spacing",
|
|
8252
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
8253
|
+
"isSource": true,
|
|
8254
|
+
"original": {
|
|
8255
8255
|
"value": "3rem",
|
|
8256
|
-
"type": "spacing"
|
|
8257
|
-
"filePath": "src/generated/figma.tokens.json",
|
|
8258
|
-
"isSource": true,
|
|
8259
|
-
"original": {
|
|
8260
|
-
"value": "3rem",
|
|
8261
|
-
"type": "spacing"
|
|
8262
|
-
},
|
|
8263
|
-
"name": "utrechtPageFooterPaddingBlockStart",
|
|
8264
|
-
"attributes": {
|
|
8265
|
-
"category": "utrecht",
|
|
8266
|
-
"type": "page",
|
|
8267
|
-
"item": "footer",
|
|
8268
|
-
"subitem": "padding-block-start"
|
|
8269
|
-
},
|
|
8270
|
-
"path": [
|
|
8271
|
-
"utrecht",
|
|
8272
|
-
"page",
|
|
8273
|
-
"footer",
|
|
8274
|
-
"padding-block-start"
|
|
8275
|
-
]
|
|
8256
|
+
"type": "spacing"
|
|
8276
8257
|
},
|
|
8277
|
-
"
|
|
8258
|
+
"name": "utrechtPageFooterPaddingBlockStart",
|
|
8259
|
+
"attributes": {
|
|
8260
|
+
"category": "utrecht",
|
|
8261
|
+
"type": "page-footer",
|
|
8262
|
+
"item": "padding-block-start"
|
|
8263
|
+
},
|
|
8264
|
+
"path": [
|
|
8265
|
+
"utrecht",
|
|
8266
|
+
"page-footer",
|
|
8267
|
+
"padding-block-start"
|
|
8268
|
+
]
|
|
8269
|
+
},
|
|
8270
|
+
"padding-block-end": {
|
|
8271
|
+
"value": "3rem",
|
|
8272
|
+
"type": "spacing",
|
|
8273
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
8274
|
+
"isSource": true,
|
|
8275
|
+
"original": {
|
|
8278
8276
|
"value": "3rem",
|
|
8279
|
-
"type": "spacing"
|
|
8280
|
-
"filePath": "src/generated/figma.tokens.json",
|
|
8281
|
-
"isSource": true,
|
|
8282
|
-
"original": {
|
|
8283
|
-
"value": "3rem",
|
|
8284
|
-
"type": "spacing"
|
|
8285
|
-
},
|
|
8286
|
-
"name": "utrechtPageFooterPaddingBlockEnd",
|
|
8287
|
-
"attributes": {
|
|
8288
|
-
"category": "utrecht",
|
|
8289
|
-
"type": "page",
|
|
8290
|
-
"item": "footer",
|
|
8291
|
-
"subitem": "padding-block-end"
|
|
8292
|
-
},
|
|
8293
|
-
"path": [
|
|
8294
|
-
"utrecht",
|
|
8295
|
-
"page",
|
|
8296
|
-
"footer",
|
|
8297
|
-
"padding-block-end"
|
|
8298
|
-
]
|
|
8277
|
+
"type": "spacing"
|
|
8299
8278
|
},
|
|
8300
|
-
"
|
|
8279
|
+
"name": "utrechtPageFooterPaddingBlockEnd",
|
|
8280
|
+
"attributes": {
|
|
8281
|
+
"category": "utrecht",
|
|
8282
|
+
"type": "page-footer",
|
|
8283
|
+
"item": "padding-block-end"
|
|
8284
|
+
},
|
|
8285
|
+
"path": [
|
|
8286
|
+
"utrecht",
|
|
8287
|
+
"page-footer",
|
|
8288
|
+
"padding-block-end"
|
|
8289
|
+
]
|
|
8290
|
+
},
|
|
8291
|
+
"padding-inline-start": {
|
|
8292
|
+
"value": "80px",
|
|
8293
|
+
"type": "spacing",
|
|
8294
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
8295
|
+
"isSource": true,
|
|
8296
|
+
"original": {
|
|
8301
8297
|
"value": "80px",
|
|
8302
|
-
"type": "spacing"
|
|
8303
|
-
"filePath": "src/generated/figma.tokens.json",
|
|
8304
|
-
"isSource": true,
|
|
8305
|
-
"original": {
|
|
8306
|
-
"value": "80px",
|
|
8307
|
-
"type": "spacing"
|
|
8308
|
-
},
|
|
8309
|
-
"name": "utrechtPageFooterPaddingInlineStart",
|
|
8310
|
-
"attributes": {
|
|
8311
|
-
"category": "utrecht",
|
|
8312
|
-
"type": "page",
|
|
8313
|
-
"item": "footer",
|
|
8314
|
-
"subitem": "padding-inline-start"
|
|
8315
|
-
},
|
|
8316
|
-
"path": [
|
|
8317
|
-
"utrecht",
|
|
8318
|
-
"page",
|
|
8319
|
-
"footer",
|
|
8320
|
-
"padding-inline-start"
|
|
8321
|
-
]
|
|
8298
|
+
"type": "spacing"
|
|
8322
8299
|
},
|
|
8323
|
-
"
|
|
8300
|
+
"name": "utrechtPageFooterPaddingInlineStart",
|
|
8301
|
+
"attributes": {
|
|
8302
|
+
"category": "utrecht",
|
|
8303
|
+
"type": "page-footer",
|
|
8304
|
+
"item": "padding-inline-start"
|
|
8305
|
+
},
|
|
8306
|
+
"path": [
|
|
8307
|
+
"utrecht",
|
|
8308
|
+
"page-footer",
|
|
8309
|
+
"padding-inline-start"
|
|
8310
|
+
]
|
|
8311
|
+
},
|
|
8312
|
+
"padding-inline-end": {
|
|
8313
|
+
"value": "80px",
|
|
8314
|
+
"type": "spacing",
|
|
8315
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
8316
|
+
"isSource": true,
|
|
8317
|
+
"original": {
|
|
8324
8318
|
"value": "80px",
|
|
8325
|
-
"type": "spacing"
|
|
8326
|
-
"filePath": "src/generated/figma.tokens.json",
|
|
8327
|
-
"isSource": true,
|
|
8328
|
-
"original": {
|
|
8329
|
-
"value": "80px",
|
|
8330
|
-
"type": "spacing"
|
|
8331
|
-
},
|
|
8332
|
-
"name": "utrechtPageFooterPaddingInlineEnd",
|
|
8333
|
-
"attributes": {
|
|
8334
|
-
"category": "utrecht",
|
|
8335
|
-
"type": "page",
|
|
8336
|
-
"item": "footer",
|
|
8337
|
-
"subitem": "padding-inline-end"
|
|
8338
|
-
},
|
|
8339
|
-
"path": [
|
|
8340
|
-
"utrecht",
|
|
8341
|
-
"page",
|
|
8342
|
-
"footer",
|
|
8343
|
-
"padding-inline-end"
|
|
8344
|
-
]
|
|
8319
|
+
"type": "spacing"
|
|
8345
8320
|
},
|
|
8346
|
-
"
|
|
8347
|
-
|
|
8348
|
-
"
|
|
8349
|
-
"
|
|
8350
|
-
"
|
|
8351
|
-
"original": {
|
|
8352
|
-
"value": "1.5rem",
|
|
8353
|
-
"type": "spacing"
|
|
8354
|
-
},
|
|
8355
|
-
"name": "utrechtPageFooterGap",
|
|
8356
|
-
"attributes": {
|
|
8357
|
-
"category": "utrecht",
|
|
8358
|
-
"type": "page",
|
|
8359
|
-
"item": "footer",
|
|
8360
|
-
"subitem": "gap"
|
|
8361
|
-
},
|
|
8362
|
-
"path": [
|
|
8363
|
-
"utrecht",
|
|
8364
|
-
"page",
|
|
8365
|
-
"footer",
|
|
8366
|
-
"gap"
|
|
8367
|
-
]
|
|
8321
|
+
"name": "utrechtPageFooterPaddingInlineEnd",
|
|
8322
|
+
"attributes": {
|
|
8323
|
+
"category": "utrecht",
|
|
8324
|
+
"type": "page-footer",
|
|
8325
|
+
"item": "padding-inline-end"
|
|
8368
8326
|
},
|
|
8369
|
-
"
|
|
8370
|
-
"
|
|
8371
|
-
|
|
8372
|
-
|
|
8373
|
-
|
|
8374
|
-
"filePath": "src/generated/figma.tokens.json",
|
|
8375
|
-
"isSource": true,
|
|
8376
|
-
"original": {
|
|
8377
|
-
"value": "0.75rem",
|
|
8378
|
-
"type": "spacing"
|
|
8379
|
-
},
|
|
8380
|
-
"name": "utrechtPageFooterColumnTitleMarginBlockEnd",
|
|
8381
|
-
"attributes": {
|
|
8382
|
-
"category": "utrecht",
|
|
8383
|
-
"type": "page",
|
|
8384
|
-
"item": "footer",
|
|
8385
|
-
"subitem": "column",
|
|
8386
|
-
"state": "title"
|
|
8387
|
-
},
|
|
8388
|
-
"path": [
|
|
8389
|
-
"utrecht",
|
|
8390
|
-
"page",
|
|
8391
|
-
"footer",
|
|
8392
|
-
"column",
|
|
8393
|
-
"title",
|
|
8394
|
-
"margin-block-end"
|
|
8395
|
-
]
|
|
8396
|
-
}
|
|
8397
|
-
}
|
|
8398
|
-
}
|
|
8327
|
+
"path": [
|
|
8328
|
+
"utrecht",
|
|
8329
|
+
"page-footer",
|
|
8330
|
+
"padding-inline-end"
|
|
8331
|
+
]
|
|
8399
8332
|
}
|
|
8400
8333
|
},
|
|
8401
8334
|
"figure": {
|
|
@@ -19668,6 +19601,254 @@ module.exports = {
|
|
|
19668
19601
|
]
|
|
19669
19602
|
}
|
|
19670
19603
|
},
|
|
19604
|
+
"page-footer": {
|
|
19605
|
+
"column-gap": {
|
|
19606
|
+
"value": "1.5rem",
|
|
19607
|
+
"type": "spacing",
|
|
19608
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
19609
|
+
"isSource": true,
|
|
19610
|
+
"original": {
|
|
19611
|
+
"value": "1.5rem",
|
|
19612
|
+
"type": "spacing"
|
|
19613
|
+
},
|
|
19614
|
+
"name": "rhcPageFooterColumnGap",
|
|
19615
|
+
"attributes": {
|
|
19616
|
+
"category": "rhc",
|
|
19617
|
+
"type": "page-footer",
|
|
19618
|
+
"item": "column-gap"
|
|
19619
|
+
},
|
|
19620
|
+
"path": [
|
|
19621
|
+
"rhc",
|
|
19622
|
+
"page-footer",
|
|
19623
|
+
"column-gap"
|
|
19624
|
+
]
|
|
19625
|
+
},
|
|
19626
|
+
"column-width": {
|
|
19627
|
+
"value": "200px",
|
|
19628
|
+
"type": "sizing",
|
|
19629
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
19630
|
+
"isSource": true,
|
|
19631
|
+
"original": {
|
|
19632
|
+
"value": "200px",
|
|
19633
|
+
"type": "sizing"
|
|
19634
|
+
},
|
|
19635
|
+
"name": "rhcPageFooterColumnWidth",
|
|
19636
|
+
"attributes": {
|
|
19637
|
+
"category": "rhc",
|
|
19638
|
+
"type": "page-footer",
|
|
19639
|
+
"item": "column-width"
|
|
19640
|
+
},
|
|
19641
|
+
"path": [
|
|
19642
|
+
"rhc",
|
|
19643
|
+
"page-footer",
|
|
19644
|
+
"column-width"
|
|
19645
|
+
]
|
|
19646
|
+
},
|
|
19647
|
+
"column": {
|
|
19648
|
+
"title": {
|
|
19649
|
+
"margin-block-end": {
|
|
19650
|
+
"value": "0.75rem",
|
|
19651
|
+
"type": "spacing",
|
|
19652
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
19653
|
+
"isSource": true,
|
|
19654
|
+
"original": {
|
|
19655
|
+
"value": "0.75rem",
|
|
19656
|
+
"type": "spacing"
|
|
19657
|
+
},
|
|
19658
|
+
"name": "rhcPageFooterColumnTitleMarginBlockEnd",
|
|
19659
|
+
"attributes": {
|
|
19660
|
+
"category": "rhc",
|
|
19661
|
+
"type": "page-footer",
|
|
19662
|
+
"item": "column",
|
|
19663
|
+
"subitem": "title",
|
|
19664
|
+
"state": "margin-block-end"
|
|
19665
|
+
},
|
|
19666
|
+
"path": [
|
|
19667
|
+
"rhc",
|
|
19668
|
+
"page-footer",
|
|
19669
|
+
"column",
|
|
19670
|
+
"title",
|
|
19671
|
+
"margin-block-end"
|
|
19672
|
+
]
|
|
19673
|
+
}
|
|
19674
|
+
}
|
|
19675
|
+
},
|
|
19676
|
+
"border": {
|
|
19677
|
+
"block-start": {
|
|
19678
|
+
"width": {
|
|
19679
|
+
"value": "2px",
|
|
19680
|
+
"type": "borderWidth",
|
|
19681
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
19682
|
+
"isSource": true,
|
|
19683
|
+
"original": {
|
|
19684
|
+
"value": "2px",
|
|
19685
|
+
"type": "borderWidth"
|
|
19686
|
+
},
|
|
19687
|
+
"name": "rhcPageFooterBorderBlockStartWidth",
|
|
19688
|
+
"attributes": {
|
|
19689
|
+
"category": "rhc",
|
|
19690
|
+
"type": "page-footer",
|
|
19691
|
+
"item": "border",
|
|
19692
|
+
"subitem": "block-start",
|
|
19693
|
+
"state": "width"
|
|
19694
|
+
},
|
|
19695
|
+
"path": [
|
|
19696
|
+
"rhc",
|
|
19697
|
+
"page-footer",
|
|
19698
|
+
"border",
|
|
19699
|
+
"block-start",
|
|
19700
|
+
"width"
|
|
19701
|
+
]
|
|
19702
|
+
},
|
|
19703
|
+
"color": {
|
|
19704
|
+
"value": "#154273",
|
|
19705
|
+
"type": "color",
|
|
19706
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
19707
|
+
"isSource": true,
|
|
19708
|
+
"original": {
|
|
19709
|
+
"value": "#154273",
|
|
19710
|
+
"type": "color"
|
|
19711
|
+
},
|
|
19712
|
+
"name": "rhcPageFooterBorderBlockStartColor",
|
|
19713
|
+
"attributes": {
|
|
19714
|
+
"category": "rhc",
|
|
19715
|
+
"type": "page-footer",
|
|
19716
|
+
"item": "border",
|
|
19717
|
+
"subitem": "block-start",
|
|
19718
|
+
"state": "color"
|
|
19719
|
+
},
|
|
19720
|
+
"path": [
|
|
19721
|
+
"rhc",
|
|
19722
|
+
"page-footer",
|
|
19723
|
+
"border",
|
|
19724
|
+
"block-start",
|
|
19725
|
+
"color"
|
|
19726
|
+
]
|
|
19727
|
+
},
|
|
19728
|
+
"style": {
|
|
19729
|
+
"value": "solid",
|
|
19730
|
+
"type": "borderStyle",
|
|
19731
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
19732
|
+
"isSource": true,
|
|
19733
|
+
"original": {
|
|
19734
|
+
"value": "solid",
|
|
19735
|
+
"type": "borderStyle"
|
|
19736
|
+
},
|
|
19737
|
+
"name": "rhcPageFooterBorderBlockStartStyle",
|
|
19738
|
+
"attributes": {
|
|
19739
|
+
"category": "rhc",
|
|
19740
|
+
"type": "page-footer",
|
|
19741
|
+
"item": "border",
|
|
19742
|
+
"subitem": "block-start",
|
|
19743
|
+
"state": "style"
|
|
19744
|
+
},
|
|
19745
|
+
"path": [
|
|
19746
|
+
"rhc",
|
|
19747
|
+
"page-footer",
|
|
19748
|
+
"border",
|
|
19749
|
+
"block-start",
|
|
19750
|
+
"style"
|
|
19751
|
+
]
|
|
19752
|
+
}
|
|
19753
|
+
}
|
|
19754
|
+
},
|
|
19755
|
+
"padding": {
|
|
19756
|
+
"block-start": {
|
|
19757
|
+
"value": "2.5rem",
|
|
19758
|
+
"type": "spacing",
|
|
19759
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
19760
|
+
"isSource": true,
|
|
19761
|
+
"original": {
|
|
19762
|
+
"value": "2.5rem",
|
|
19763
|
+
"type": "spacing"
|
|
19764
|
+
},
|
|
19765
|
+
"name": "rhcPageFooterPaddingBlockStart",
|
|
19766
|
+
"attributes": {
|
|
19767
|
+
"category": "rhc",
|
|
19768
|
+
"type": "page-footer",
|
|
19769
|
+
"item": "padding",
|
|
19770
|
+
"subitem": "block-start"
|
|
19771
|
+
},
|
|
19772
|
+
"path": [
|
|
19773
|
+
"rhc",
|
|
19774
|
+
"page-footer",
|
|
19775
|
+
"padding",
|
|
19776
|
+
"block-start"
|
|
19777
|
+
]
|
|
19778
|
+
},
|
|
19779
|
+
"block-end": {
|
|
19780
|
+
"value": "2.5rem",
|
|
19781
|
+
"type": "spacing",
|
|
19782
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
19783
|
+
"isSource": true,
|
|
19784
|
+
"original": {
|
|
19785
|
+
"value": "2.5rem",
|
|
19786
|
+
"type": "spacing"
|
|
19787
|
+
},
|
|
19788
|
+
"name": "rhcPageFooterPaddingBlockEnd",
|
|
19789
|
+
"attributes": {
|
|
19790
|
+
"category": "rhc",
|
|
19791
|
+
"type": "page-footer",
|
|
19792
|
+
"item": "padding",
|
|
19793
|
+
"subitem": "block-end"
|
|
19794
|
+
},
|
|
19795
|
+
"path": [
|
|
19796
|
+
"rhc",
|
|
19797
|
+
"page-footer",
|
|
19798
|
+
"padding",
|
|
19799
|
+
"block-end"
|
|
19800
|
+
]
|
|
19801
|
+
},
|
|
19802
|
+
"inline-start": {
|
|
19803
|
+
"value": "2.5rem",
|
|
19804
|
+
"type": "spacing",
|
|
19805
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
19806
|
+
"isSource": true,
|
|
19807
|
+
"original": {
|
|
19808
|
+
"value": "2.5rem",
|
|
19809
|
+
"type": "spacing"
|
|
19810
|
+
},
|
|
19811
|
+
"name": "rhcPageFooterPaddingInlineStart",
|
|
19812
|
+
"attributes": {
|
|
19813
|
+
"category": "rhc",
|
|
19814
|
+
"type": "page-footer",
|
|
19815
|
+
"item": "padding",
|
|
19816
|
+
"subitem": "inline-start"
|
|
19817
|
+
},
|
|
19818
|
+
"path": [
|
|
19819
|
+
"rhc",
|
|
19820
|
+
"page-footer",
|
|
19821
|
+
"padding",
|
|
19822
|
+
"inline-start"
|
|
19823
|
+
]
|
|
19824
|
+
}
|
|
19825
|
+
},
|
|
19826
|
+
"flex": {
|
|
19827
|
+
"direction": {
|
|
19828
|
+
"value": "row",
|
|
19829
|
+
"type": "flexDirection",
|
|
19830
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
19831
|
+
"isSource": true,
|
|
19832
|
+
"original": {
|
|
19833
|
+
"value": "row",
|
|
19834
|
+
"type": "flexDirection"
|
|
19835
|
+
},
|
|
19836
|
+
"name": "rhcPageFooterFlexDirection",
|
|
19837
|
+
"attributes": {
|
|
19838
|
+
"category": "rhc",
|
|
19839
|
+
"type": "page-footer",
|
|
19840
|
+
"item": "flex",
|
|
19841
|
+
"subitem": "direction"
|
|
19842
|
+
},
|
|
19843
|
+
"path": [
|
|
19844
|
+
"rhc",
|
|
19845
|
+
"page-footer",
|
|
19846
|
+
"flex",
|
|
19847
|
+
"direction"
|
|
19848
|
+
]
|
|
19849
|
+
}
|
|
19850
|
+
}
|
|
19851
|
+
},
|
|
19671
19852
|
"dot-badge": {
|
|
19672
19853
|
"border-radius": {
|
|
19673
19854
|
"value": "999px",
|
package/dist/variables.less
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Mon, 21 Oct 2024
|
|
3
|
+
// Generated on Mon, 21 Oct 2024 11:15:26 GMT
|
|
4
4
|
|
|
5
5
|
@rhc-space-700: 3.5rem;
|
|
6
6
|
@rhc-space-600: 3rem;
|
|
@@ -251,6 +251,16 @@
|
|
|
251
251
|
@rhc-dot-badge-size: 12px;
|
|
252
252
|
@rhc-dot-badge-color: #d52b1e;
|
|
253
253
|
@rhc-dot-badge-border-radius: 999px;
|
|
254
|
+
@rhc-page-footer-flex-direction: row;
|
|
255
|
+
@rhc-page-footer-padding-inline-start: 2.5rem;
|
|
256
|
+
@rhc-page-footer-padding-block-end: 2.5rem;
|
|
257
|
+
@rhc-page-footer-padding-block-start: 2.5rem;
|
|
258
|
+
@rhc-page-footer-border-block-start-style: solid;
|
|
259
|
+
@rhc-page-footer-border-block-start-color: #154273;
|
|
260
|
+
@rhc-page-footer-border-block-start-width: 2px;
|
|
261
|
+
@rhc-page-footer-column-title-margin-block-end: 0.75rem;
|
|
262
|
+
@rhc-page-footer-column-width: 200px;
|
|
263
|
+
@rhc-page-footer-column-gap: 1.5rem;
|
|
254
264
|
@rhc-form-field-checkbox-option-column-gap: 0.5rem;
|
|
255
265
|
@rhc-form-field-radio-option-row-gap: 0.5rem;
|
|
256
266
|
@rhc-form-field-radio-option-font-weight: 400;
|
|
@@ -723,8 +733,6 @@
|
|
|
723
733
|
@utrecht-figure-caption-color: #154273;
|
|
724
734
|
@utrecht-figure-caption-border-width: 4px;
|
|
725
735
|
@utrecht-figure-caption-border-color: #CBD5E1;
|
|
726
|
-
@utrecht-page-footer-column-title-margin-block-end: 0.75rem;
|
|
727
|
-
@utrecht-page-footer-gap: 1.5rem;
|
|
728
736
|
@utrecht-page-footer-padding-inline-end: 80px;
|
|
729
737
|
@utrecht-page-footer-padding-inline-start: 80px;
|
|
730
738
|
@utrecht-page-footer-padding-block-end: 3rem;
|
package/figma/figma.tokens.json
CHANGED
|
@@ -3135,44 +3135,86 @@
|
|
|
3135
3135
|
},
|
|
3136
3136
|
"components/footer": {
|
|
3137
3137
|
"utrecht": {
|
|
3138
|
-
"page": {
|
|
3139
|
-
"
|
|
3140
|
-
"
|
|
3141
|
-
|
|
3142
|
-
|
|
3143
|
-
|
|
3144
|
-
"
|
|
3145
|
-
|
|
3146
|
-
|
|
3147
|
-
|
|
3148
|
-
"
|
|
3149
|
-
|
|
3150
|
-
|
|
3151
|
-
|
|
3152
|
-
"
|
|
3153
|
-
|
|
3154
|
-
|
|
3155
|
-
|
|
3156
|
-
"
|
|
3157
|
-
|
|
3158
|
-
|
|
3159
|
-
|
|
3160
|
-
"
|
|
3161
|
-
|
|
3162
|
-
|
|
3163
|
-
|
|
3164
|
-
|
|
3165
|
-
|
|
3166
|
-
|
|
3167
|
-
|
|
3168
|
-
"
|
|
3169
|
-
|
|
3170
|
-
|
|
3171
|
-
|
|
3172
|
-
|
|
3173
|
-
|
|
3138
|
+
"page-footer": {
|
|
3139
|
+
"background-color": {
|
|
3140
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
3141
|
+
"type": "color"
|
|
3142
|
+
},
|
|
3143
|
+
"color": {
|
|
3144
|
+
"value": "{rhc.color.foreground.onEmphasis}",
|
|
3145
|
+
"type": "color"
|
|
3146
|
+
},
|
|
3147
|
+
"padding-block-start": {
|
|
3148
|
+
"value": "{rhc.space.600}",
|
|
3149
|
+
"type": "spacing"
|
|
3150
|
+
},
|
|
3151
|
+
"padding-block-end": {
|
|
3152
|
+
"value": "{rhc.space.600}",
|
|
3153
|
+
"type": "spacing"
|
|
3154
|
+
},
|
|
3155
|
+
"padding-inline-start": {
|
|
3156
|
+
"value": "80px",
|
|
3157
|
+
"type": "spacing"
|
|
3158
|
+
},
|
|
3159
|
+
"padding-inline-end": {
|
|
3160
|
+
"value": "80px",
|
|
3161
|
+
"type": "spacing"
|
|
3162
|
+
}
|
|
3163
|
+
}
|
|
3164
|
+
},
|
|
3165
|
+
"rhc": {
|
|
3166
|
+
"page-footer": {
|
|
3167
|
+
"column-gap": {
|
|
3168
|
+
"value": "{rhc.space.300}",
|
|
3169
|
+
"type": "spacing"
|
|
3170
|
+
},
|
|
3171
|
+
"column-width": {
|
|
3172
|
+
"value": "200px",
|
|
3173
|
+
"type": "sizing"
|
|
3174
|
+
},
|
|
3175
|
+
"column": {
|
|
3176
|
+
"title": {
|
|
3177
|
+
"margin-block-end": {
|
|
3178
|
+
"value": "{rhc.space.150}",
|
|
3179
|
+
"type": "spacing"
|
|
3174
3180
|
}
|
|
3175
3181
|
}
|
|
3182
|
+
},
|
|
3183
|
+
"border": {
|
|
3184
|
+
"block-start": {
|
|
3185
|
+
"width": {
|
|
3186
|
+
"value": "{rhc.border-width.m}",
|
|
3187
|
+
"type": "borderWidth"
|
|
3188
|
+
},
|
|
3189
|
+
"color": {
|
|
3190
|
+
"value": "{rhc.color.primary.500}",
|
|
3191
|
+
"type": "color"
|
|
3192
|
+
},
|
|
3193
|
+
"style": {
|
|
3194
|
+
"value": "solid",
|
|
3195
|
+
"type": "borderStyle"
|
|
3196
|
+
}
|
|
3197
|
+
}
|
|
3198
|
+
},
|
|
3199
|
+
"padding": {
|
|
3200
|
+
"block-start": {
|
|
3201
|
+
"value": "{rhc.space.500}",
|
|
3202
|
+
"type": "spacing"
|
|
3203
|
+
},
|
|
3204
|
+
"block-end": {
|
|
3205
|
+
"value": "{rhc.space.500}",
|
|
3206
|
+
"type": "spacing"
|
|
3207
|
+
},
|
|
3208
|
+
"inline-start": {
|
|
3209
|
+
"value": "{rhc.space.500}",
|
|
3210
|
+
"type": "spacing"
|
|
3211
|
+
}
|
|
3212
|
+
},
|
|
3213
|
+
"flex": {
|
|
3214
|
+
"direction": {
|
|
3215
|
+
"value": "row",
|
|
3216
|
+
"type": "flexDirection"
|
|
3217
|
+
}
|
|
3176
3218
|
}
|
|
3177
3219
|
}
|
|
3178
3220
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rijkshuisstijl-community/design-tokens",
|
|
3
|
-
"version": "1.0.0-alpha.
|
|
3
|
+
"version": "1.0.0-alpha.31",
|
|
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": "
|
|
36
|
+
"gitHead": "db37eb8c8d0ed1f6ab52c46e070ac856359b5ba6"
|
|
37
37
|
}
|
|
@@ -1577,44 +1577,30 @@
|
|
|
1577
1577
|
}
|
|
1578
1578
|
}
|
|
1579
1579
|
},
|
|
1580
|
-
"page": {
|
|
1581
|
-
"
|
|
1582
|
-
"
|
|
1583
|
-
|
|
1584
|
-
|
|
1585
|
-
|
|
1586
|
-
"
|
|
1587
|
-
|
|
1588
|
-
|
|
1589
|
-
|
|
1590
|
-
"
|
|
1591
|
-
|
|
1592
|
-
|
|
1593
|
-
|
|
1594
|
-
"
|
|
1595
|
-
|
|
1596
|
-
|
|
1597
|
-
|
|
1598
|
-
"
|
|
1599
|
-
|
|
1600
|
-
|
|
1601
|
-
|
|
1602
|
-
"
|
|
1603
|
-
|
|
1604
|
-
"type": "spacing"
|
|
1605
|
-
},
|
|
1606
|
-
"gap": {
|
|
1607
|
-
"value": "1.5rem",
|
|
1608
|
-
"type": "spacing"
|
|
1609
|
-
},
|
|
1610
|
-
"column": {
|
|
1611
|
-
"title": {
|
|
1612
|
-
"margin-block-end": {
|
|
1613
|
-
"value": "0.75rem",
|
|
1614
|
-
"type": "spacing"
|
|
1615
|
-
}
|
|
1616
|
-
}
|
|
1617
|
-
}
|
|
1580
|
+
"page-footer": {
|
|
1581
|
+
"background-color": {
|
|
1582
|
+
"value": "#154273",
|
|
1583
|
+
"type": "color"
|
|
1584
|
+
},
|
|
1585
|
+
"color": {
|
|
1586
|
+
"value": "#fff",
|
|
1587
|
+
"type": "color"
|
|
1588
|
+
},
|
|
1589
|
+
"padding-block-start": {
|
|
1590
|
+
"value": "3rem",
|
|
1591
|
+
"type": "spacing"
|
|
1592
|
+
},
|
|
1593
|
+
"padding-block-end": {
|
|
1594
|
+
"value": "3rem",
|
|
1595
|
+
"type": "spacing"
|
|
1596
|
+
},
|
|
1597
|
+
"padding-inline-start": {
|
|
1598
|
+
"value": "80px",
|
|
1599
|
+
"type": "spacing"
|
|
1600
|
+
},
|
|
1601
|
+
"padding-inline-end": {
|
|
1602
|
+
"value": "80px",
|
|
1603
|
+
"type": "spacing"
|
|
1618
1604
|
}
|
|
1619
1605
|
},
|
|
1620
1606
|
"figure": {
|
|
@@ -3852,6 +3838,60 @@
|
|
|
3852
3838
|
"type": "spacing"
|
|
3853
3839
|
}
|
|
3854
3840
|
},
|
|
3841
|
+
"page-footer": {
|
|
3842
|
+
"column-gap": {
|
|
3843
|
+
"value": "1.5rem",
|
|
3844
|
+
"type": "spacing"
|
|
3845
|
+
},
|
|
3846
|
+
"column-width": {
|
|
3847
|
+
"value": "200px",
|
|
3848
|
+
"type": "sizing"
|
|
3849
|
+
},
|
|
3850
|
+
"column": {
|
|
3851
|
+
"title": {
|
|
3852
|
+
"margin-block-end": {
|
|
3853
|
+
"value": "0.75rem",
|
|
3854
|
+
"type": "spacing"
|
|
3855
|
+
}
|
|
3856
|
+
}
|
|
3857
|
+
},
|
|
3858
|
+
"border": {
|
|
3859
|
+
"block-start": {
|
|
3860
|
+
"width": {
|
|
3861
|
+
"value": "2px",
|
|
3862
|
+
"type": "borderWidth"
|
|
3863
|
+
},
|
|
3864
|
+
"color": {
|
|
3865
|
+
"value": "#154273",
|
|
3866
|
+
"type": "color"
|
|
3867
|
+
},
|
|
3868
|
+
"style": {
|
|
3869
|
+
"value": "solid",
|
|
3870
|
+
"type": "borderStyle"
|
|
3871
|
+
}
|
|
3872
|
+
}
|
|
3873
|
+
},
|
|
3874
|
+
"padding": {
|
|
3875
|
+
"block-start": {
|
|
3876
|
+
"value": "2.5rem",
|
|
3877
|
+
"type": "spacing"
|
|
3878
|
+
},
|
|
3879
|
+
"block-end": {
|
|
3880
|
+
"value": "2.5rem",
|
|
3881
|
+
"type": "spacing"
|
|
3882
|
+
},
|
|
3883
|
+
"inline-start": {
|
|
3884
|
+
"value": "2.5rem",
|
|
3885
|
+
"type": "spacing"
|
|
3886
|
+
}
|
|
3887
|
+
},
|
|
3888
|
+
"flex": {
|
|
3889
|
+
"direction": {
|
|
3890
|
+
"value": "row",
|
|
3891
|
+
"type": "flexDirection"
|
|
3892
|
+
}
|
|
3893
|
+
}
|
|
3894
|
+
},
|
|
3855
3895
|
"dot-badge": {
|
|
3856
3896
|
"border-radius": {
|
|
3857
3897
|
"value": "999px",
|