@rijkshuisstijl-community/design-tokens 7.0.0 → 9.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +84 -0
- package/dist/_variables.scss +14 -56
- package/dist/index.css +14 -56
- package/dist/index.d.ts +8 -50
- package/dist/index.js +14 -56
- package/dist/index.json +13 -55
- package/dist/index.tokens.json +18 -72
- package/dist/koop/_variables.scss +39 -79
- package/dist/koop/index.css +39 -79
- package/dist/koop/index.d.ts +33 -73
- package/dist/koop/index.js +39 -79
- package/dist/koop/index.json +38 -78
- package/dist/koop/index.tokens.json +73 -129
- package/dist/koop/root.css +39 -79
- package/dist/koop/tokens.d.ts +68 -124
- package/dist/koop/tokens.js +1187 -2057
- package/dist/root.css +14 -56
- package/dist/tokens.d.ts +13 -67
- package/dist/tokens.js +280 -1232
- package/dist/uitvoerend-groen/_variables.scss +27 -65
- package/dist/uitvoerend-groen/index.css +27 -65
- package/dist/uitvoerend-groen/index.d.ts +21 -59
- package/dist/uitvoerend-groen/index.js +27 -65
- package/dist/uitvoerend-groen/index.json +26 -64
- package/dist/uitvoerend-groen/index.tokens.json +51 -101
- package/dist/uitvoerend-groen/root.css +27 -65
- package/dist/uitvoerend-groen/tokens.d.ts +46 -96
- package/dist/uitvoerend-groen/tokens.js +526 -1394
- package/dist/uitvoerend-hemelblauw/_variables.scss +27 -65
- package/dist/uitvoerend-hemelblauw/index.css +27 -65
- package/dist/uitvoerend-hemelblauw/index.d.ts +21 -59
- package/dist/uitvoerend-hemelblauw/index.js +27 -65
- package/dist/uitvoerend-hemelblauw/index.json +26 -64
- package/dist/uitvoerend-hemelblauw/index.tokens.json +51 -101
- package/dist/uitvoerend-hemelblauw/root.css +27 -65
- package/dist/uitvoerend-hemelblauw/tokens.d.ts +46 -96
- package/dist/uitvoerend-hemelblauw/tokens.js +526 -1394
- package/dist/uitvoerend-mintgroen/_variables.scss +27 -65
- package/dist/uitvoerend-mintgroen/index.css +27 -65
- package/dist/uitvoerend-mintgroen/index.d.ts +21 -59
- package/dist/uitvoerend-mintgroen/index.js +27 -65
- package/dist/uitvoerend-mintgroen/index.json +26 -64
- package/dist/uitvoerend-mintgroen/index.tokens.json +51 -101
- package/dist/uitvoerend-mintgroen/root.css +27 -65
- package/dist/uitvoerend-mintgroen/tokens.d.ts +46 -96
- package/dist/uitvoerend-mintgroen/tokens.js +526 -1394
- package/dist/uitvoerend-oranje/_variables.scss +27 -65
- package/dist/uitvoerend-oranje/index.css +27 -65
- package/dist/uitvoerend-oranje/index.d.ts +21 -59
- package/dist/uitvoerend-oranje/index.js +27 -65
- package/dist/uitvoerend-oranje/index.json +26 -64
- package/dist/uitvoerend-oranje/index.tokens.json +51 -101
- package/dist/uitvoerend-oranje/root.css +27 -65
- package/dist/uitvoerend-oranje/tokens.d.ts +46 -96
- package/dist/uitvoerend-oranje/tokens.js +526 -1394
- package/dist/uitvoerend-paars/_variables.scss +27 -65
- package/dist/uitvoerend-paars/index.css +27 -65
- package/dist/uitvoerend-paars/index.d.ts +21 -59
- package/dist/uitvoerend-paars/index.js +27 -65
- package/dist/uitvoerend-paars/index.json +26 -64
- package/dist/uitvoerend-paars/index.tokens.json +51 -101
- package/dist/uitvoerend-paars/root.css +27 -65
- package/dist/uitvoerend-paars/tokens.d.ts +46 -96
- package/dist/uitvoerend-paars/tokens.js +526 -1394
- package/dist/uitvoerend-violet/_variables.scss +27 -65
- package/dist/uitvoerend-violet/index.css +27 -65
- package/dist/uitvoerend-violet/index.d.ts +21 -59
- package/dist/uitvoerend-violet/index.js +27 -65
- package/dist/uitvoerend-violet/index.json +26 -64
- package/dist/uitvoerend-violet/index.tokens.json +51 -101
- package/dist/uitvoerend-violet/root.css +27 -65
- package/dist/uitvoerend-violet/tokens.d.ts +46 -96
- package/dist/uitvoerend-violet/tokens.js +526 -1394
- package/dist/uitvoerend-violet-oud/_variables.scss +27 -65
- package/dist/uitvoerend-violet-oud/index.css +27 -65
- package/dist/uitvoerend-violet-oud/index.d.ts +21 -59
- package/dist/uitvoerend-violet-oud/index.js +27 -65
- package/dist/uitvoerend-violet-oud/index.json +26 -64
- package/dist/uitvoerend-violet-oud/index.tokens.json +51 -101
- package/dist/uitvoerend-violet-oud/root.css +27 -65
- package/dist/uitvoerend-violet-oud/tokens.d.ts +46 -96
- package/dist/uitvoerend-violet-oud/tokens.js +526 -1394
- package/dist/wetgevend/_variables.scss +27 -65
- package/dist/wetgevend/index.css +27 -65
- package/dist/wetgevend/index.d.ts +21 -59
- package/dist/wetgevend/index.js +27 -65
- package/dist/wetgevend/index.json +26 -64
- package/dist/wetgevend/index.tokens.json +51 -101
- package/dist/wetgevend/root.css +27 -65
- package/dist/wetgevend/tokens.d.ts +46 -96
- package/dist/wetgevend/tokens.js +526 -1394
- package/figma/figma.tokens.json +100 -390
- package/package.json +1 -1
- package/src/generated/base.tokens.json +39 -219
- package/src/generated/koop/tokens.json +190 -346
- package/src/generated/themes.json +1062 -2530
- package/src/generated/uitvoerend-groen/tokens.json +109 -273
- package/src/generated/uitvoerend-hemelblauw/tokens.json +109 -273
- package/src/generated/uitvoerend-mintgroen/tokens.json +109 -273
- package/src/generated/uitvoerend-oranje/tokens.json +109 -273
- package/src/generated/uitvoerend-paars/tokens.json +109 -273
- package/src/generated/uitvoerend-violet/tokens.json +109 -273
- package/src/generated/uitvoerend-violet-oud/tokens.json +109 -273
- package/src/generated/wetgevend/tokens.json +109 -273
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 27 Oct 2025 09:20:39 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const amsPaginationFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
@@ -118,6 +118,7 @@ export const rhcNavBarLinkPaddingBlockStart = "1rem";
|
|
|
118
118
|
export const rhcNavBarLinkPaddingInlineEnd = "0.75rem";
|
|
119
119
|
export const rhcNavBarLinkPaddingInlineStart = "0.75rem";
|
|
120
120
|
export const rhcNavBarLinkColumnGap = "0.5rem";
|
|
121
|
+
export const rhcNavBarLinkFontSize = "1.25rem";
|
|
121
122
|
export const rhcNavBarHeadingFontWeight = 700;
|
|
122
123
|
export const rhcNavBarBackgroundColor = "#fff";
|
|
123
124
|
export const rhcNavBarColor = "#154273";
|
|
@@ -354,7 +355,11 @@ export const rhcCardAsLinkHorizontalPaddingInlineEnd = "1rem";
|
|
|
354
355
|
export const rhcCardAsLinkHorizontalPaddingInlineStart = "1rem";
|
|
355
356
|
export const rhcCardAsLinkHorizontalHeadingInlineSize = "200px";
|
|
356
357
|
export const rhcBreadcrumbNavLinkCurrentColor = "#334155";
|
|
357
|
-
export const
|
|
358
|
+
export const rhcBlockquoteMarginBlockEnd = "0rem";
|
|
359
|
+
export const rhcBlockquoteMarginBlockStart = "0rem";
|
|
360
|
+
export const rhcBlockquoteMarginInlineEnd = "0rem";
|
|
361
|
+
export const rhcBlockquoteMarginInlineStart = "0rem";
|
|
362
|
+
export const rhcKeepComment = "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.";
|
|
358
363
|
export const rhcKeepTopLeftBorderRadiusTopLeft = "48px";
|
|
359
364
|
export const rhcKeepTopLeftBorderRadiusTopRight = 0;
|
|
360
365
|
export const rhcKeepTopLeftBorderRadiusBottomRight = 0;
|
|
@@ -385,7 +390,6 @@ export const rhcColorForegroundSubdued = "#334155";
|
|
|
385
390
|
export const rhcColorForegroundLink = "#01689b";
|
|
386
391
|
export const rhcColorForegroundOnDarkColor = "#fff";
|
|
387
392
|
export const rhcColorForegroundOnLightColor = "#000";
|
|
388
|
-
export const rhcColorBackdrop = "#0000004d";
|
|
389
393
|
export const rhcColorBorderDefault = "#64748B";
|
|
390
394
|
export const rhcColorBorderSubdued = "#94A3B8";
|
|
391
395
|
export const rhcColorBorderStrong = "#0F172A";
|
|
@@ -527,7 +531,6 @@ export const rhcColorLintblauw400 = "#4f7196";
|
|
|
527
531
|
export const rhcColorLintblauw500 = "#154273";
|
|
528
532
|
export const rhcColorWit = "#fff";
|
|
529
533
|
export const rhcColorZwart = "#000";
|
|
530
|
-
export const rhcColorTransparent30 = "#0000004d";
|
|
531
534
|
export const rhcColorNone = "transparent";
|
|
532
535
|
export const rhcFocusOutlineOffset = "0.125rem";
|
|
533
536
|
export const rhcFocusOutlineStyle = "solid";
|
|
@@ -571,7 +574,7 @@ export const rhcSizeQuarterLint = "12px";
|
|
|
571
574
|
export const rhcSizeHalfLint = "24px";
|
|
572
575
|
export const rhcSizeLint = "48px";
|
|
573
576
|
export const rhcSize2Lint = "96px";
|
|
574
|
-
export const rhcSize3Lint = "
|
|
577
|
+
export const rhcSize3Lint = "144px";
|
|
575
578
|
export const rhcFontFamilyPrimary = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
576
579
|
export const rhcFontFamilySecondary = "RijksoverheidSerifWeb, 'Times New Roman', serif";
|
|
577
580
|
export const rhcBorderWidthDefault = "1px";
|
|
@@ -810,10 +813,6 @@ export const utrechtPreHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-se
|
|
|
810
813
|
export const utrechtPreHeadingFontWeight = 700;
|
|
811
814
|
export const utrechtPreHeadingLineHeight = "125%";
|
|
812
815
|
export const utrechtPreHeadingFontSize = "1rem";
|
|
813
|
-
export const utrechtOrderedListColor = "#0F172A";
|
|
814
|
-
export const utrechtOrderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
815
|
-
export const utrechtOrderedListFontWeight = 400;
|
|
816
|
-
export const utrechtOrderedListMarginInlineStart = "0.625rem";
|
|
817
816
|
export const utrechtOrderedListFontSize = "1.25rem";
|
|
818
817
|
export const utrechtOrderedListLineHeight = "150%";
|
|
819
818
|
export const utrechtOrderedListMarginBlockEnd = "0.25rem";
|
|
@@ -870,8 +869,6 @@ export const utrechtFormLabelRadioColor = "#0F172A";
|
|
|
870
869
|
export const utrechtFormLabelRadioFontWeight = 400;
|
|
871
870
|
export const utrechtFormLabelCheckedFontWeight = 400;
|
|
872
871
|
export const utrechtFormLabelDisabledColor = "#94A3B8";
|
|
873
|
-
export const utrechtFormFieldErrorMessageIconMarginInlineEnd = "0.5rem";
|
|
874
|
-
export const utrechtFormFieldErrorMessageIconSize = "24px";
|
|
875
872
|
export const utrechtFormFieldErrorMessageBackgroundColor = "transparent";
|
|
876
873
|
export const utrechtFormFieldErrorMessageColor = "#d52b1e";
|
|
877
874
|
export const utrechtFormFieldErrorMessageFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
@@ -884,7 +881,6 @@ export const utrechtFormFieldErrorMessagePaddingBlockEnd = "0.5rem";
|
|
|
884
881
|
export const utrechtFormFieldErrorMessagePaddingBlockStart = "0rem";
|
|
885
882
|
export const utrechtFormFieldErrorMessagePaddingInlineEnd = "0rem";
|
|
886
883
|
export const utrechtFormFieldErrorMessagePaddingInlineStart = "0rem";
|
|
887
|
-
export const utrechtFormFieldDescriptionPaddingBlockEnd = "0.5rem";
|
|
888
884
|
export const utrechtFormFieldDescriptionColor = "#334155";
|
|
889
885
|
export const utrechtFormFieldDescriptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
890
886
|
export const utrechtFormFieldDescriptionFontSize = "1.25rem";
|
|
@@ -895,8 +891,8 @@ export const utrechtFormFieldLabelMarginBlockEnd = "0.5rem";
|
|
|
895
891
|
export const utrechtFormFieldMarginBlockEnd = "0.5rem";
|
|
896
892
|
export const utrechtFormFieldMarginBlockStart = "0.5rem";
|
|
897
893
|
export const utrechtFormFieldInvalidBorderInlineStartColor = "#d52b1e";
|
|
898
|
-
export const utrechtFormFieldInvalidBorderInlineStartWidth = "
|
|
899
|
-
export const utrechtFormFieldInvalidPaddingInlineStart = "
|
|
894
|
+
export const utrechtFormFieldInvalidBorderInlineStartWidth = "2px";
|
|
895
|
+
export const utrechtFormFieldInvalidPaddingInlineStart = "1rem";
|
|
900
896
|
export const utrechtPageFooterBackgroundColor = "#154273";
|
|
901
897
|
export const utrechtPageFooterColor = "#fff";
|
|
902
898
|
export const utrechtPageFooterPaddingBlockStart = "3rem";
|
|
@@ -924,8 +920,8 @@ export const utrechtFormFieldsetLegendDisabledColor = "#334155";
|
|
|
924
920
|
export const utrechtFormFieldsetSectionBackgroundColor = "transparent";
|
|
925
921
|
export const utrechtFormFieldsetSectionColor = "#0F172A";
|
|
926
922
|
export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
|
|
927
|
-
export const utrechtFormFieldsetInvalidPaddingInlineStart = "
|
|
928
|
-
export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "
|
|
923
|
+
export const utrechtFormFieldsetInvalidPaddingInlineStart = "1rem";
|
|
924
|
+
export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "2px";
|
|
929
925
|
export const utrechtDrawerMaxInlineSize = "256px";
|
|
930
926
|
export const utrechtDrawerZIndex = 1;
|
|
931
927
|
export const utrechtDrawerBackgroundColor = "#fff";
|
|
@@ -1120,46 +1116,6 @@ export const utrechtBreadcrumbNavLinkFocusTextDecoration = "None";
|
|
|
1120
1116
|
export const utrechtBreadcrumbNavLinkHoverTextDecoration = "underline";
|
|
1121
1117
|
export const utrechtBreadcrumbNavLinkHoverColor = "#01496c";
|
|
1122
1118
|
export const utrechtBreadcrumbNavLinkIconSize = "24px";
|
|
1123
|
-
export const utrechtBlockquoteBorderBlockEndWidth = 0;
|
|
1124
|
-
export const utrechtBlockquoteBorderBlockStartWidth = 0;
|
|
1125
|
-
export const utrechtBlockquoteBorderEndEndRadius = 0;
|
|
1126
|
-
export const utrechtBlockquoteBorderEndStartRadius = 0;
|
|
1127
|
-
export const utrechtBlockquoteBorderInlineEndWidth = 0;
|
|
1128
|
-
export const utrechtBlockquoteBorderStartEndRadius = 0;
|
|
1129
|
-
export const utrechtBlockquoteBorderStartStartRadius = 0;
|
|
1130
|
-
export const utrechtBlockquoteMarginBlockEnd = 0;
|
|
1131
|
-
export const utrechtBlockquoteMarginBlockStart = 0;
|
|
1132
|
-
export const utrechtBlockquoteMarginInlineEnd = 0;
|
|
1133
|
-
export const utrechtBlockquoteMarginInlineStart = 0;
|
|
1134
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth = "2px";
|
|
1135
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderColor = "#154273";
|
|
1136
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius = "3rem";
|
|
1137
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth = "2px";
|
|
1138
|
-
export const utrechtBlockquoteCaptionColor = "#154273";
|
|
1139
|
-
export const utrechtBlockquoteCaptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1140
|
-
export const utrechtBlockquoteCaptionFontSize = "1.25rem";
|
|
1141
|
-
export const utrechtBlockquoteCaptionFontWeight = 400;
|
|
1142
|
-
export const utrechtBlockquoteCaptionLineHeight = "150%";
|
|
1143
|
-
export const utrechtBlockquoteCaptionPaddingBlockStart = "0.75rem";
|
|
1144
|
-
export const utrechtBlockquoteContentFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1145
|
-
export const utrechtBlockquoteContentFontWeight = 400;
|
|
1146
|
-
export const utrechtBlockquoteContentLineHeight = "150%";
|
|
1147
|
-
export const utrechtBlockquoteContentColor = "#154273";
|
|
1148
|
-
export const utrechtBlockquoteContentFontSize = "1.25rem";
|
|
1149
|
-
export const utrechtBlockquotePinkBackgroundVariationBackgroundColor = "#F6BDE1";
|
|
1150
|
-
export const utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius = "3rem";
|
|
1151
|
-
export const utrechtBlockquotePinkBackgroundVariationPadding = "2.5rem";
|
|
1152
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth = "0.25rem";
|
|
1153
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderColor = "#F6BDE1";
|
|
1154
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth = "0.25rem";
|
|
1155
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius = "3rem";
|
|
1156
|
-
export const utrechtBlockquotePinkCornerBorderVariationPadding = "2.5rem";
|
|
1157
|
-
export const utrechtBlockquotePinkLeftBorderVariationBorderColor = "#F6BDE1";
|
|
1158
|
-
export const utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth = "0.75rem";
|
|
1159
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd = "1.5rem";
|
|
1160
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart = "1.5rem";
|
|
1161
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd = "2.5rem";
|
|
1162
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart = "2.5rem";
|
|
1163
1119
|
export const utrechtBlockquoteBackgroundColor = "transparent";
|
|
1164
1120
|
export const utrechtBlockquoteBorderInlineStartWidth = "0px";
|
|
1165
1121
|
export const utrechtBlockquoteBorderColor = "transparent";
|
|
@@ -1175,6 +1131,8 @@ export const utrechtBlockquotePaddingInlineStart = "2rem";
|
|
|
1175
1131
|
export const utrechtBlockquoteRowGap = "0.75rem";
|
|
1176
1132
|
export const utrechtBlockquoteAttributionColor = "#154273";
|
|
1177
1133
|
export const utrechtBlockquoteAttributionFontSize = "1.25rem";
|
|
1134
|
+
export const utrechtBlockquoteContentColor = "#154273";
|
|
1135
|
+
export const utrechtBlockquoteContentFontSize = "1.25rem";
|
|
1178
1136
|
export const utrechtBackdropBackgroundColor = "#0000004d";
|
|
1179
1137
|
export const utrechtBackdropColor = "#0F172A";
|
|
1180
1138
|
export const utrechtBackdropOpacity = 0.8;
|
package/dist/index.json
CHANGED
|
@@ -114,6 +114,7 @@
|
|
|
114
114
|
"rhcNavBarLinkPaddingInlineEnd": "0.75rem",
|
|
115
115
|
"rhcNavBarLinkPaddingInlineStart": "0.75rem",
|
|
116
116
|
"rhcNavBarLinkColumnGap": "0.5rem",
|
|
117
|
+
"rhcNavBarLinkFontSize": "1.25rem",
|
|
117
118
|
"rhcNavBarHeadingFontWeight": 700,
|
|
118
119
|
"rhcNavBarBackgroundColor": "#fff",
|
|
119
120
|
"rhcNavBarColor": "#154273",
|
|
@@ -350,7 +351,11 @@
|
|
|
350
351
|
"rhcCardAsLinkHorizontalPaddingInlineStart": "1rem",
|
|
351
352
|
"rhcCardAsLinkHorizontalHeadingInlineSize": "200px",
|
|
352
353
|
"rhcBreadcrumbNavLinkCurrentColor": "#334155",
|
|
353
|
-
"
|
|
354
|
+
"rhcBlockquoteMarginBlockEnd": "0rem",
|
|
355
|
+
"rhcBlockquoteMarginBlockStart": "0rem",
|
|
356
|
+
"rhcBlockquoteMarginInlineEnd": "0rem",
|
|
357
|
+
"rhcBlockquoteMarginInlineStart": "0rem",
|
|
358
|
+
"rhcKeepComment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.",
|
|
354
359
|
"rhcKeepTopLeftBorderRadiusTopLeft": "48px",
|
|
355
360
|
"rhcKeepTopLeftBorderRadiusTopRight": 0,
|
|
356
361
|
"rhcKeepTopLeftBorderRadiusBottomRight": 0,
|
|
@@ -381,7 +386,6 @@
|
|
|
381
386
|
"rhcColorForegroundLink": "#01689b",
|
|
382
387
|
"rhcColorForegroundOnDarkColor": "#fff",
|
|
383
388
|
"rhcColorForegroundOnLightColor": "#000",
|
|
384
|
-
"rhcColorBackdrop": "#0000004d",
|
|
385
389
|
"rhcColorBorderDefault": "#64748B",
|
|
386
390
|
"rhcColorBorderSubdued": "#94A3B8",
|
|
387
391
|
"rhcColorBorderStrong": "#0F172A",
|
|
@@ -523,7 +527,6 @@
|
|
|
523
527
|
"rhcColorLintblauw500": "#154273",
|
|
524
528
|
"rhcColorWit": "#fff",
|
|
525
529
|
"rhcColorZwart": "#000",
|
|
526
|
-
"rhcColorTransparent30": "#0000004d",
|
|
527
530
|
"rhcColorNone": "transparent",
|
|
528
531
|
"rhcFocusOutlineOffset": "0.125rem",
|
|
529
532
|
"rhcFocusOutlineStyle": "solid",
|
|
@@ -567,7 +570,7 @@
|
|
|
567
570
|
"rhcSizeHalfLint": "24px",
|
|
568
571
|
"rhcSizeLint": "48px",
|
|
569
572
|
"rhcSize2Lint": "96px",
|
|
570
|
-
"rhcSize3Lint": "
|
|
573
|
+
"rhcSize3Lint": "144px",
|
|
571
574
|
"rhcFontFamilyPrimary": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
572
575
|
"rhcFontFamilySecondary": "RijksoverheidSerifWeb, 'Times New Roman', serif",
|
|
573
576
|
"rhcBorderWidthDefault": "1px",
|
|
@@ -806,10 +809,6 @@
|
|
|
806
809
|
"utrechtPreHeadingFontWeight": 700,
|
|
807
810
|
"utrechtPreHeadingLineHeight": "125%",
|
|
808
811
|
"utrechtPreHeadingFontSize": "1rem",
|
|
809
|
-
"utrechtOrderedListColor": "#0F172A",
|
|
810
|
-
"utrechtOrderedListFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
811
|
-
"utrechtOrderedListFontWeight": 400,
|
|
812
|
-
"utrechtOrderedListMarginInlineStart": "0.625rem",
|
|
813
812
|
"utrechtOrderedListFontSize": "1.25rem",
|
|
814
813
|
"utrechtOrderedListLineHeight": "150%",
|
|
815
814
|
"utrechtOrderedListMarginBlockEnd": "0.25rem",
|
|
@@ -866,8 +865,6 @@
|
|
|
866
865
|
"utrechtFormLabelRadioFontWeight": 400,
|
|
867
866
|
"utrechtFormLabelCheckedFontWeight": 400,
|
|
868
867
|
"utrechtFormLabelDisabledColor": "#94A3B8",
|
|
869
|
-
"utrechtFormFieldErrorMessageIconMarginInlineEnd": "0.5rem",
|
|
870
|
-
"utrechtFormFieldErrorMessageIconSize": "24px",
|
|
871
868
|
"utrechtFormFieldErrorMessageBackgroundColor": "transparent",
|
|
872
869
|
"utrechtFormFieldErrorMessageColor": "#d52b1e",
|
|
873
870
|
"utrechtFormFieldErrorMessageFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
@@ -880,7 +877,6 @@
|
|
|
880
877
|
"utrechtFormFieldErrorMessagePaddingBlockStart": "0rem",
|
|
881
878
|
"utrechtFormFieldErrorMessagePaddingInlineEnd": "0rem",
|
|
882
879
|
"utrechtFormFieldErrorMessagePaddingInlineStart": "0rem",
|
|
883
|
-
"utrechtFormFieldDescriptionPaddingBlockEnd": "0.5rem",
|
|
884
880
|
"utrechtFormFieldDescriptionColor": "#334155",
|
|
885
881
|
"utrechtFormFieldDescriptionFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
886
882
|
"utrechtFormFieldDescriptionFontSize": "1.25rem",
|
|
@@ -891,8 +887,8 @@
|
|
|
891
887
|
"utrechtFormFieldMarginBlockEnd": "0.5rem",
|
|
892
888
|
"utrechtFormFieldMarginBlockStart": "0.5rem",
|
|
893
889
|
"utrechtFormFieldInvalidBorderInlineStartColor": "#d52b1e",
|
|
894
|
-
"utrechtFormFieldInvalidBorderInlineStartWidth": "
|
|
895
|
-
"utrechtFormFieldInvalidPaddingInlineStart": "
|
|
890
|
+
"utrechtFormFieldInvalidBorderInlineStartWidth": "2px",
|
|
891
|
+
"utrechtFormFieldInvalidPaddingInlineStart": "1rem",
|
|
896
892
|
"utrechtPageFooterBackgroundColor": "#154273",
|
|
897
893
|
"utrechtPageFooterColor": "#fff",
|
|
898
894
|
"utrechtPageFooterPaddingBlockStart": "3rem",
|
|
@@ -920,8 +916,8 @@
|
|
|
920
916
|
"utrechtFormFieldsetSectionBackgroundColor": "transparent",
|
|
921
917
|
"utrechtFormFieldsetSectionColor": "#0F172A",
|
|
922
918
|
"utrechtFormFieldsetInvalidBorderInlineStartColor": "#d52b1e",
|
|
923
|
-
"utrechtFormFieldsetInvalidPaddingInlineStart": "
|
|
924
|
-
"utrechtFormFieldsetInvalidBorderInlineStartWidth": "
|
|
919
|
+
"utrechtFormFieldsetInvalidPaddingInlineStart": "1rem",
|
|
920
|
+
"utrechtFormFieldsetInvalidBorderInlineStartWidth": "2px",
|
|
925
921
|
"utrechtDrawerMaxInlineSize": "256px",
|
|
926
922
|
"utrechtDrawerZIndex": 1,
|
|
927
923
|
"utrechtDrawerBackgroundColor": "#fff",
|
|
@@ -1116,46 +1112,6 @@
|
|
|
1116
1112
|
"utrechtBreadcrumbNavLinkHoverTextDecoration": "underline",
|
|
1117
1113
|
"utrechtBreadcrumbNavLinkHoverColor": "#01496c",
|
|
1118
1114
|
"utrechtBreadcrumbNavLinkIconSize": "24px",
|
|
1119
|
-
"utrechtBlockquoteBorderBlockEndWidth": 0,
|
|
1120
|
-
"utrechtBlockquoteBorderBlockStartWidth": 0,
|
|
1121
|
-
"utrechtBlockquoteBorderEndEndRadius": 0,
|
|
1122
|
-
"utrechtBlockquoteBorderEndStartRadius": 0,
|
|
1123
|
-
"utrechtBlockquoteBorderInlineEndWidth": 0,
|
|
1124
|
-
"utrechtBlockquoteBorderStartEndRadius": 0,
|
|
1125
|
-
"utrechtBlockquoteBorderStartStartRadius": 0,
|
|
1126
|
-
"utrechtBlockquoteMarginBlockEnd": 0,
|
|
1127
|
-
"utrechtBlockquoteMarginBlockStart": 0,
|
|
1128
|
-
"utrechtBlockquoteMarginInlineEnd": 0,
|
|
1129
|
-
"utrechtBlockquoteMarginInlineStart": 0,
|
|
1130
|
-
"utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth": "2px",
|
|
1131
|
-
"utrechtBlockquoteBlueCornerBorderVariationBorderColor": "#154273",
|
|
1132
|
-
"utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius": "3rem",
|
|
1133
|
-
"utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth": "2px",
|
|
1134
|
-
"utrechtBlockquoteCaptionColor": "#154273",
|
|
1135
|
-
"utrechtBlockquoteCaptionFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
1136
|
-
"utrechtBlockquoteCaptionFontSize": "1.25rem",
|
|
1137
|
-
"utrechtBlockquoteCaptionFontWeight": 400,
|
|
1138
|
-
"utrechtBlockquoteCaptionLineHeight": "150%",
|
|
1139
|
-
"utrechtBlockquoteCaptionPaddingBlockStart": "0.75rem",
|
|
1140
|
-
"utrechtBlockquoteContentFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
1141
|
-
"utrechtBlockquoteContentFontWeight": 400,
|
|
1142
|
-
"utrechtBlockquoteContentLineHeight": "150%",
|
|
1143
|
-
"utrechtBlockquoteContentColor": "#154273",
|
|
1144
|
-
"utrechtBlockquoteContentFontSize": "1.25rem",
|
|
1145
|
-
"utrechtBlockquotePinkBackgroundVariationBackgroundColor": "#F6BDE1",
|
|
1146
|
-
"utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius": "3rem",
|
|
1147
|
-
"utrechtBlockquotePinkBackgroundVariationPadding": "2.5rem",
|
|
1148
|
-
"utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth": "0.25rem",
|
|
1149
|
-
"utrechtBlockquotePinkCornerBorderVariationBorderColor": "#F6BDE1",
|
|
1150
|
-
"utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth": "0.25rem",
|
|
1151
|
-
"utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius": "3rem",
|
|
1152
|
-
"utrechtBlockquotePinkCornerBorderVariationPadding": "2.5rem",
|
|
1153
|
-
"utrechtBlockquotePinkLeftBorderVariationBorderColor": "#F6BDE1",
|
|
1154
|
-
"utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth": "0.75rem",
|
|
1155
|
-
"utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd": "1.5rem",
|
|
1156
|
-
"utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart": "1.5rem",
|
|
1157
|
-
"utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd": "2.5rem",
|
|
1158
|
-
"utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart": "2.5rem",
|
|
1159
1115
|
"utrechtBlockquoteBackgroundColor": "transparent",
|
|
1160
1116
|
"utrechtBlockquoteBorderInlineStartWidth": "0px",
|
|
1161
1117
|
"utrechtBlockquoteBorderColor": "transparent",
|
|
@@ -1171,6 +1127,8 @@
|
|
|
1171
1127
|
"utrechtBlockquoteRowGap": "0.75rem",
|
|
1172
1128
|
"utrechtBlockquoteAttributionColor": "#154273",
|
|
1173
1129
|
"utrechtBlockquoteAttributionFontSize": "1.25rem",
|
|
1130
|
+
"utrechtBlockquoteContentColor": "#154273",
|
|
1131
|
+
"utrechtBlockquoteContentFontSize": "1.25rem",
|
|
1174
1132
|
"utrechtBackdropBackgroundColor": "#0000004d",
|
|
1175
1133
|
"utrechtBackdropColor": "#0F172A",
|
|
1176
1134
|
"utrechtBackdropOpacity": 0.8,
|
package/dist/index.tokens.json
CHANGED
|
@@ -202,7 +202,8 @@
|
|
|
202
202
|
"padding-block-start": "1rem",
|
|
203
203
|
"padding-inline-end": "0.75rem",
|
|
204
204
|
"padding-inline-start": "0.75rem",
|
|
205
|
-
"column-gap": "0.5rem"
|
|
205
|
+
"column-gap": "0.5rem",
|
|
206
|
+
"font-size": "1.25rem"
|
|
206
207
|
},
|
|
207
208
|
"heading": {
|
|
208
209
|
"font-weight": 700
|
|
@@ -599,8 +600,14 @@
|
|
|
599
600
|
}
|
|
600
601
|
}
|
|
601
602
|
},
|
|
603
|
+
"blockquote": {
|
|
604
|
+
"margin-block-end": "0rem",
|
|
605
|
+
"margin-block-start": "0rem",
|
|
606
|
+
"margin-inline-end": "0rem",
|
|
607
|
+
"margin-inline-start": "0rem"
|
|
608
|
+
},
|
|
602
609
|
"keep": {
|
|
603
|
-
"_comment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset
|
|
610
|
+
"_comment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.",
|
|
604
611
|
"top-left": {
|
|
605
612
|
"borderRadiusTopLeft": "48px",
|
|
606
613
|
"borderRadiusTopRight": 0,
|
|
@@ -655,7 +662,6 @@
|
|
|
655
662
|
"on-dark-color": "#fff",
|
|
656
663
|
"on-light-color": "#000"
|
|
657
664
|
},
|
|
658
|
-
"backdrop": "#0000004d",
|
|
659
665
|
"border": {
|
|
660
666
|
"default": "#64748B",
|
|
661
667
|
"subdued": "#94A3B8",
|
|
@@ -853,9 +859,6 @@
|
|
|
853
859
|
},
|
|
854
860
|
"wit": "#fff",
|
|
855
861
|
"zwart": "#000",
|
|
856
|
-
"transparent": {
|
|
857
|
-
"30": "#0000004d"
|
|
858
|
-
},
|
|
859
862
|
"none": "transparent"
|
|
860
863
|
},
|
|
861
864
|
"focus": {
|
|
@@ -925,7 +928,7 @@
|
|
|
925
928
|
"half-lint": "24px",
|
|
926
929
|
"lint": "48px",
|
|
927
930
|
"2-lint": "96px",
|
|
928
|
-
"3-lint": "
|
|
931
|
+
"3-lint": "144px"
|
|
929
932
|
},
|
|
930
933
|
"font-family": {
|
|
931
934
|
"primary": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
@@ -1276,10 +1279,6 @@
|
|
|
1276
1279
|
"font-size": "1rem"
|
|
1277
1280
|
},
|
|
1278
1281
|
"ordered-list": {
|
|
1279
|
-
"color": "#0F172A",
|
|
1280
|
-
"font-family": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
1281
|
-
"font-weight": 400,
|
|
1282
|
-
"margin-inline-start": "0.625rem",
|
|
1283
1282
|
"font-size": "1.25rem",
|
|
1284
1283
|
"line-height": "150%",
|
|
1285
1284
|
"margin-block-end": "0.25rem",
|
|
@@ -1374,10 +1373,6 @@
|
|
|
1374
1373
|
}
|
|
1375
1374
|
},
|
|
1376
1375
|
"form-field-error-message": {
|
|
1377
|
-
"icon": {
|
|
1378
|
-
"margin-inline-end": "0.5rem",
|
|
1379
|
-
"size": "24px"
|
|
1380
|
-
},
|
|
1381
1376
|
"background-color": "transparent",
|
|
1382
1377
|
"color": "#d52b1e",
|
|
1383
1378
|
"font-family": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
@@ -1392,7 +1387,6 @@
|
|
|
1392
1387
|
"padding-inline-start": "0rem"
|
|
1393
1388
|
},
|
|
1394
1389
|
"form-field-description": {
|
|
1395
|
-
"padding-block-end": "0.5rem",
|
|
1396
1390
|
"color": "#334155",
|
|
1397
1391
|
"font-family": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
1398
1392
|
"font-size": "1.25rem",
|
|
@@ -1408,8 +1402,8 @@
|
|
|
1408
1402
|
"margin-block-start": "0.5rem",
|
|
1409
1403
|
"invalid": {
|
|
1410
1404
|
"border-inline-start-color": "#d52b1e",
|
|
1411
|
-
"border-inline-start-width": "
|
|
1412
|
-
"padding-inline-start": "
|
|
1405
|
+
"border-inline-start-width": "2px",
|
|
1406
|
+
"padding-inline-start": "1rem"
|
|
1413
1407
|
}
|
|
1414
1408
|
},
|
|
1415
1409
|
"page-footer": {
|
|
@@ -1457,8 +1451,8 @@
|
|
|
1457
1451
|
"border-inline-start": {
|
|
1458
1452
|
"color": "#d52b1e"
|
|
1459
1453
|
},
|
|
1460
|
-
"padding-inline-start": "
|
|
1461
|
-
"border-inline-start-width": "
|
|
1454
|
+
"padding-inline-start": "1rem",
|
|
1455
|
+
"border-inline-start-width": "2px"
|
|
1462
1456
|
}
|
|
1463
1457
|
},
|
|
1464
1458
|
"drawer": {
|
|
@@ -1770,58 +1764,6 @@
|
|
|
1770
1764
|
}
|
|
1771
1765
|
},
|
|
1772
1766
|
"blockquote": {
|
|
1773
|
-
"border-block-end-width": 0,
|
|
1774
|
-
"border-block-start-width": 0,
|
|
1775
|
-
"border-end-end-radius": 0,
|
|
1776
|
-
"border-end-start-radius": 0,
|
|
1777
|
-
"border-inline-end-width": 0,
|
|
1778
|
-
"border-start-end-radius": 0,
|
|
1779
|
-
"border-start-start-radius": 0,
|
|
1780
|
-
"margin-block-end": 0,
|
|
1781
|
-
"margin-block-start": 0,
|
|
1782
|
-
"margin-inline-end": 0,
|
|
1783
|
-
"margin-inline-start": 0,
|
|
1784
|
-
"blue-corner-border-variation": {
|
|
1785
|
-
"border-block-end-width": "2px",
|
|
1786
|
-
"border-color": "#154273",
|
|
1787
|
-
"border-end-end-radius": "3rem",
|
|
1788
|
-
"border-inline-end-width": "2px"
|
|
1789
|
-
},
|
|
1790
|
-
"caption": {
|
|
1791
|
-
"color": "#154273",
|
|
1792
|
-
"font-family": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
1793
|
-
"font-size": "1.25rem",
|
|
1794
|
-
"font-weight": 400,
|
|
1795
|
-
"line-height": "150%",
|
|
1796
|
-
"padding-block-start": "0.75rem"
|
|
1797
|
-
},
|
|
1798
|
-
"content": {
|
|
1799
|
-
"font-family": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
1800
|
-
"font-weight": 400,
|
|
1801
|
-
"line-height": "150%",
|
|
1802
|
-
"color": "#154273",
|
|
1803
|
-
"font-size": "1.25rem"
|
|
1804
|
-
},
|
|
1805
|
-
"pink-background-variation": {
|
|
1806
|
-
"background-color": "#F6BDE1",
|
|
1807
|
-
"border-end-start-radius": "3rem",
|
|
1808
|
-
"padding": "2.5rem"
|
|
1809
|
-
},
|
|
1810
|
-
"pink-corner-border-variation": {
|
|
1811
|
-
"border-block-start-width": "0.25rem",
|
|
1812
|
-
"border-color": "#F6BDE1",
|
|
1813
|
-
"border-inline-start-width": "0.25rem",
|
|
1814
|
-
"border-start-start-radius": "3rem",
|
|
1815
|
-
"padding": "2.5rem"
|
|
1816
|
-
},
|
|
1817
|
-
"pink-left-border-variation": {
|
|
1818
|
-
"border-color": "#F6BDE1",
|
|
1819
|
-
"border-inline-start-width": "0.75rem",
|
|
1820
|
-
"padding-block-end": "1.5rem",
|
|
1821
|
-
"padding-block-start": "1.5rem",
|
|
1822
|
-
"padding-inline-end": "2.5rem",
|
|
1823
|
-
"padding-inline-start": "2.5rem"
|
|
1824
|
-
},
|
|
1825
1767
|
"background-color": "transparent",
|
|
1826
1768
|
"border-inline-start-width": "0px",
|
|
1827
1769
|
"border-color": "transparent",
|
|
@@ -1838,6 +1780,10 @@
|
|
|
1838
1780
|
"attribution": {
|
|
1839
1781
|
"color": "#154273",
|
|
1840
1782
|
"font-size": "1.25rem"
|
|
1783
|
+
},
|
|
1784
|
+
"content": {
|
|
1785
|
+
"color": "#154273",
|
|
1786
|
+
"font-size": "1.25rem"
|
|
1841
1787
|
}
|
|
1842
1788
|
},
|
|
1843
1789
|
"backdrop": {
|