@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
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 27 Oct 2025 09:20:40 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const utrechtTextboxHoverBackgroundColor = "#fff";
|
|
@@ -124,8 +124,8 @@ export const utrechtFormFieldLabelMarginBlockEnd = "0.5rem";
|
|
|
124
124
|
export const utrechtFormFieldMarginBlockEnd = "0.5rem";
|
|
125
125
|
export const utrechtFormFieldMarginBlockStart = "0.5rem";
|
|
126
126
|
export const utrechtFormFieldInvalidBorderInlineStartColor = "#d52b1e";
|
|
127
|
-
export const utrechtFormFieldInvalidBorderInlineStartWidth = "
|
|
128
|
-
export const utrechtFormFieldInvalidPaddingInlineStart = "
|
|
127
|
+
export const utrechtFormFieldInvalidBorderInlineStartWidth = "2px";
|
|
128
|
+
export const utrechtFormFieldInvalidPaddingInlineStart = "1rem";
|
|
129
129
|
export const utrechtCheckboxIndeterminateActiveBackgroundColor = "#BE4088";
|
|
130
130
|
export const utrechtCheckboxIndeterminateActiveBorderColor = "transparent";
|
|
131
131
|
export const utrechtCheckboxIndeterminateActiveColor = "#fff";
|
|
@@ -221,8 +221,15 @@ export const utrechtTextareaReadOnlyColor = "#0F172A";
|
|
|
221
221
|
export const utrechtTextareaDisabledBackgroundColor = "#CBD5E1";
|
|
222
222
|
export const utrechtTextareaDisabledBorderColor = "#94A3B8";
|
|
223
223
|
export const utrechtTextareaDisabledColor = "#475569";
|
|
224
|
-
export const
|
|
225
|
-
export const
|
|
224
|
+
export const utrechtFormLabelColor = "#0F172A";
|
|
225
|
+
export const utrechtFormLabelFontSize = "1.25rem";
|
|
226
|
+
export const utrechtFormLabelFontWeight = 700;
|
|
227
|
+
export const utrechtFormLabelCheckboxColor = "#0F172A";
|
|
228
|
+
export const utrechtFormLabelCheckboxFontWeight = 400;
|
|
229
|
+
export const utrechtFormLabelRadioColor = "#0F172A";
|
|
230
|
+
export const utrechtFormLabelRadioFontWeight = 400;
|
|
231
|
+
export const utrechtFormLabelCheckedFontWeight = 400;
|
|
232
|
+
export const utrechtFormLabelDisabledColor = "#94A3B8";
|
|
226
233
|
export const utrechtFormFieldErrorMessageBackgroundColor = "transparent";
|
|
227
234
|
export const utrechtFormFieldErrorMessageColor = "#d52b1e";
|
|
228
235
|
export const utrechtFormFieldErrorMessageFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
@@ -235,22 +242,12 @@ export const utrechtFormFieldErrorMessagePaddingBlockEnd = "0.5rem";
|
|
|
235
242
|
export const utrechtFormFieldErrorMessagePaddingBlockStart = "0rem";
|
|
236
243
|
export const utrechtFormFieldErrorMessagePaddingInlineEnd = "0rem";
|
|
237
244
|
export const utrechtFormFieldErrorMessagePaddingInlineStart = "0rem";
|
|
238
|
-
export const utrechtFormFieldDescriptionPaddingBlockEnd = "0.5rem";
|
|
239
245
|
export const utrechtFormFieldDescriptionColor = "#334155";
|
|
240
246
|
export const utrechtFormFieldDescriptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
241
247
|
export const utrechtFormFieldDescriptionFontSize = "1.25rem";
|
|
242
248
|
export const utrechtFormFieldDescriptionLineHeight = "150%";
|
|
243
249
|
export const utrechtFormFieldDescriptionMarginBlockEnd = "0.5rem";
|
|
244
250
|
export const utrechtFormFieldDescriptionMarginBlockStart = "-0.5rem";
|
|
245
|
-
export const utrechtFormLabelColor = "#0F172A";
|
|
246
|
-
export const utrechtFormLabelFontSize = "1.25rem";
|
|
247
|
-
export const utrechtFormLabelFontWeight = 700;
|
|
248
|
-
export const utrechtFormLabelCheckboxColor = "#0F172A";
|
|
249
|
-
export const utrechtFormLabelCheckboxFontWeight = 400;
|
|
250
|
-
export const utrechtFormLabelRadioColor = "#0F172A";
|
|
251
|
-
export const utrechtFormLabelRadioFontWeight = 400;
|
|
252
|
-
export const utrechtFormLabelCheckedFontWeight = 400;
|
|
253
|
-
export const utrechtFormLabelDisabledColor = "#94A3B8";
|
|
254
251
|
export const utrechtFigureCaptionBorderColor = "#CBD5E1";
|
|
255
252
|
export const utrechtFigureCaptionBorderWidth = "4px";
|
|
256
253
|
export const utrechtFigureCaptionPaddingBlockEnd = "0.5rem";
|
|
@@ -275,46 +272,6 @@ export const utrechtNumberBadgeMinBlockSize = "24px";
|
|
|
275
272
|
export const utrechtNumberBadgeMinInlineSize = "24px";
|
|
276
273
|
export const utrechtNumberBadgePaddingBlock = "0.125rem";
|
|
277
274
|
export const utrechtNumberBadgePaddingInline = "0.5rem";
|
|
278
|
-
export const utrechtBlockquoteBorderBlockEndWidth = 0;
|
|
279
|
-
export const utrechtBlockquoteBorderBlockStartWidth = 0;
|
|
280
|
-
export const utrechtBlockquoteBorderEndEndRadius = 0;
|
|
281
|
-
export const utrechtBlockquoteBorderEndStartRadius = 0;
|
|
282
|
-
export const utrechtBlockquoteBorderInlineEndWidth = 0;
|
|
283
|
-
export const utrechtBlockquoteBorderStartEndRadius = 0;
|
|
284
|
-
export const utrechtBlockquoteBorderStartStartRadius = 0;
|
|
285
|
-
export const utrechtBlockquoteMarginBlockEnd = 0;
|
|
286
|
-
export const utrechtBlockquoteMarginBlockStart = 0;
|
|
287
|
-
export const utrechtBlockquoteMarginInlineEnd = 0;
|
|
288
|
-
export const utrechtBlockquoteMarginInlineStart = 0;
|
|
289
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth = "2px";
|
|
290
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderColor = "#a90061";
|
|
291
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius = "3rem";
|
|
292
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth = "2px";
|
|
293
|
-
export const utrechtBlockquoteCaptionColor = "#154273";
|
|
294
|
-
export const utrechtBlockquoteCaptionFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
295
|
-
export const utrechtBlockquoteCaptionFontSize = "1.25rem";
|
|
296
|
-
export const utrechtBlockquoteCaptionFontWeight = 400;
|
|
297
|
-
export const utrechtBlockquoteCaptionLineHeight = "150%";
|
|
298
|
-
export const utrechtBlockquoteCaptionPaddingBlockStart = "0.75rem";
|
|
299
|
-
export const utrechtBlockquoteContentFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
300
|
-
export const utrechtBlockquoteContentFontWeight = 400;
|
|
301
|
-
export const utrechtBlockquoteContentLineHeight = "150%";
|
|
302
|
-
export const utrechtBlockquoteContentColor = "#154273";
|
|
303
|
-
export const utrechtBlockquoteContentFontSize = "1.25rem";
|
|
304
|
-
export const utrechtBlockquotePinkBackgroundVariationBackgroundColor = "#F6BDE1";
|
|
305
|
-
export const utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius = "3rem";
|
|
306
|
-
export const utrechtBlockquotePinkBackgroundVariationPadding = "2.5rem";
|
|
307
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth = "0.25rem";
|
|
308
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderColor = "#F6BDE1";
|
|
309
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth = "0.25rem";
|
|
310
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius = "3rem";
|
|
311
|
-
export const utrechtBlockquotePinkCornerBorderVariationPadding = "2.5rem";
|
|
312
|
-
export const utrechtBlockquotePinkLeftBorderVariationBorderColor = "#F6BDE1";
|
|
313
|
-
export const utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth = "0.75rem";
|
|
314
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd = "1.5rem";
|
|
315
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart = "1.5rem";
|
|
316
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd = "2.5rem";
|
|
317
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart = "2.5rem";
|
|
318
275
|
export const utrechtBlockquoteBackgroundColor = "transparent";
|
|
319
276
|
export const utrechtBlockquoteBorderInlineStartWidth = "0px";
|
|
320
277
|
export const utrechtBlockquoteBorderColor = "transparent";
|
|
@@ -330,6 +287,8 @@ export const utrechtBlockquotePaddingInlineStart = "2rem";
|
|
|
330
287
|
export const utrechtBlockquoteRowGap = "0.75rem";
|
|
331
288
|
export const utrechtBlockquoteAttributionColor = "#154273";
|
|
332
289
|
export const utrechtBlockquoteAttributionFontSize = "1.25rem";
|
|
290
|
+
export const utrechtBlockquoteContentColor = "#154273";
|
|
291
|
+
export const utrechtBlockquoteContentFontSize = "1.25rem";
|
|
333
292
|
export const utrechtAlertBackgroundColor = "#d9ebf7";
|
|
334
293
|
export const utrechtAlertBorderColor = "transparent";
|
|
335
294
|
export const utrechtAlertBorderRadius = 0;
|
|
@@ -652,8 +611,8 @@ export const utrechtFormFieldsetLegendDisabledColor = "#334155";
|
|
|
652
611
|
export const utrechtFormFieldsetSectionBackgroundColor = "transparent";
|
|
653
612
|
export const utrechtFormFieldsetSectionColor = "#0F172A";
|
|
654
613
|
export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
|
|
655
|
-
export const utrechtFormFieldsetInvalidPaddingInlineStart = "
|
|
656
|
-
export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "
|
|
614
|
+
export const utrechtFormFieldsetInvalidPaddingInlineStart = "1rem";
|
|
615
|
+
export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "2px";
|
|
657
616
|
export const utrechtDrawerMaxInlineSize = "256px";
|
|
658
617
|
export const utrechtDrawerZIndex = 1;
|
|
659
618
|
export const utrechtDrawerBackgroundColor = "#fff";
|
|
@@ -829,7 +788,15 @@ export const nlHeadingLevel6FontWeight = 700;
|
|
|
829
788
|
export const nlHeadingLevel6LineHeight = "150%";
|
|
830
789
|
export const nlHeadingLevel6MarginBlockEnd = "0rem";
|
|
831
790
|
export const nlHeadingLevel6MarginBlockStart = "0rem";
|
|
832
|
-
export const
|
|
791
|
+
export const rhcBlockquoteMarginBlockEnd = "0rem";
|
|
792
|
+
export const rhcBlockquoteMarginBlockStart = "0rem";
|
|
793
|
+
export const rhcBlockquoteMarginInlineEnd = "0rem";
|
|
794
|
+
export const rhcBlockquoteMarginInlineStart = "0rem";
|
|
795
|
+
export const rhcDataBadgeButtonColumnGap = "0.125rem";
|
|
796
|
+
export const rhcDataBadgeButtonHoverBackgroundColor = "#a90061";
|
|
797
|
+
export const rhcDataBadgeButtonHoverColor = "#fff";
|
|
798
|
+
export const rhcBreadcrumbNavLinkCurrentColor = "#334155";
|
|
799
|
+
export const rhcKeepComment = "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.";
|
|
833
800
|
export const rhcKeepTopLeftBorderRadiusTopLeft = "48px";
|
|
834
801
|
export const rhcKeepTopLeftBorderRadiusTopRight = 0;
|
|
835
802
|
export const rhcKeepTopLeftBorderRadiusBottomRight = 0;
|
|
@@ -846,10 +813,6 @@ export const rhcKeepBottomLeftBorderRadiusTopLeft = 0;
|
|
|
846
813
|
export const rhcKeepBottomLeftBorderRadiusTopRight = 0;
|
|
847
814
|
export const rhcKeepBottomLeftBorderRadiusBottomRight = 0;
|
|
848
815
|
export const rhcKeepBottomLeftBorderRadiusBottomLeft = "48px";
|
|
849
|
-
export const rhcDataBadgeButtonColumnGap = "0.125rem";
|
|
850
|
-
export const rhcDataBadgeButtonHoverBackgroundColor = "#a90061";
|
|
851
|
-
export const rhcDataBadgeButtonHoverColor = "#fff";
|
|
852
|
-
export const rhcBreadcrumbNavLinkCurrentColor = "#334155";
|
|
853
816
|
export const rhcRoundedCornerXsBorderRadius = "24px";
|
|
854
817
|
export const rhcRoundedCornerMdBorderRadius = "48px";
|
|
855
818
|
export const rhcRoundedCornerXlBorderRadius = "96px";
|
|
@@ -901,7 +864,6 @@ export const rhcColorForegroundSubdued = "#334155";
|
|
|
901
864
|
export const rhcColorForegroundLink = "#01689b";
|
|
902
865
|
export const rhcColorForegroundOnDarkColor = "#fff";
|
|
903
866
|
export const rhcColorForegroundOnLightColor = "#000";
|
|
904
|
-
export const rhcColorBackdrop = "#0000004d";
|
|
905
867
|
export const rhcColorBorderDefault = "#64748B";
|
|
906
868
|
export const rhcColorBorderSubdued = "#94A3B8";
|
|
907
869
|
export const rhcColorBorderStrong = "#0F172A";
|
|
@@ -1036,7 +998,6 @@ export const rhcColorLintblauw400 = "#4f7196";
|
|
|
1036
998
|
export const rhcColorLintblauw500 = "#154273";
|
|
1037
999
|
export const rhcColorWit = "#fff";
|
|
1038
1000
|
export const rhcColorZwart = "#000";
|
|
1039
|
-
export const rhcColorTransparent30 = "#0000004d";
|
|
1040
1001
|
export const rhcColorNone = "transparent";
|
|
1041
1002
|
export const rhcBorderRadiusSm = 0;
|
|
1042
1003
|
export const rhcBorderRadiusMd = 0;
|
|
@@ -1141,6 +1102,7 @@ export const rhcNavBarLinkPaddingBlockStart = "1rem";
|
|
|
1141
1102
|
export const rhcNavBarLinkPaddingInlineEnd = "0.75rem";
|
|
1142
1103
|
export const rhcNavBarLinkPaddingInlineStart = "0.75rem";
|
|
1143
1104
|
export const rhcNavBarLinkColumnGap = "0.5rem";
|
|
1105
|
+
export const rhcNavBarLinkFontSize = "1.25rem";
|
|
1144
1106
|
export const rhcNavBarHeadingFontWeight = 700;
|
|
1145
1107
|
export const rhcNavBarBackgroundColor = "#fff";
|
|
1146
1108
|
export const rhcNavBarColor = "#a90061";
|
|
@@ -1339,7 +1301,7 @@ export const rhcSizeQuarterLint = "12px";
|
|
|
1339
1301
|
export const rhcSizeHalfLint = "24px";
|
|
1340
1302
|
export const rhcSizeLint = "48px";
|
|
1341
1303
|
export const rhcSize2Lint = "96px";
|
|
1342
|
-
export const rhcSize3Lint = "
|
|
1304
|
+
export const rhcSize3Lint = "144px";
|
|
1343
1305
|
export const rhcFontFamilyPrimary = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1344
1306
|
export const rhcFontFamilySecondary = "RijksoverheidSerifWeb, 'Times New Roman', serif";
|
|
1345
1307
|
export const rhcBorderWidthDefault = "1px";
|
|
@@ -120,8 +120,8 @@
|
|
|
120
120
|
"utrechtFormFieldMarginBlockEnd": "0.5rem",
|
|
121
121
|
"utrechtFormFieldMarginBlockStart": "0.5rem",
|
|
122
122
|
"utrechtFormFieldInvalidBorderInlineStartColor": "#d52b1e",
|
|
123
|
-
"utrechtFormFieldInvalidBorderInlineStartWidth": "
|
|
124
|
-
"utrechtFormFieldInvalidPaddingInlineStart": "
|
|
123
|
+
"utrechtFormFieldInvalidBorderInlineStartWidth": "2px",
|
|
124
|
+
"utrechtFormFieldInvalidPaddingInlineStart": "1rem",
|
|
125
125
|
"utrechtCheckboxIndeterminateActiveBackgroundColor": "#BE4088",
|
|
126
126
|
"utrechtCheckboxIndeterminateActiveBorderColor": "transparent",
|
|
127
127
|
"utrechtCheckboxIndeterminateActiveColor": "#fff",
|
|
@@ -217,8 +217,15 @@
|
|
|
217
217
|
"utrechtTextareaDisabledBackgroundColor": "#CBD5E1",
|
|
218
218
|
"utrechtTextareaDisabledBorderColor": "#94A3B8",
|
|
219
219
|
"utrechtTextareaDisabledColor": "#475569",
|
|
220
|
-
"
|
|
221
|
-
"
|
|
220
|
+
"utrechtFormLabelColor": "#0F172A",
|
|
221
|
+
"utrechtFormLabelFontSize": "1.25rem",
|
|
222
|
+
"utrechtFormLabelFontWeight": 700,
|
|
223
|
+
"utrechtFormLabelCheckboxColor": "#0F172A",
|
|
224
|
+
"utrechtFormLabelCheckboxFontWeight": 400,
|
|
225
|
+
"utrechtFormLabelRadioColor": "#0F172A",
|
|
226
|
+
"utrechtFormLabelRadioFontWeight": 400,
|
|
227
|
+
"utrechtFormLabelCheckedFontWeight": 400,
|
|
228
|
+
"utrechtFormLabelDisabledColor": "#94A3B8",
|
|
222
229
|
"utrechtFormFieldErrorMessageBackgroundColor": "transparent",
|
|
223
230
|
"utrechtFormFieldErrorMessageColor": "#d52b1e",
|
|
224
231
|
"utrechtFormFieldErrorMessageFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
@@ -231,22 +238,12 @@
|
|
|
231
238
|
"utrechtFormFieldErrorMessagePaddingBlockStart": "0rem",
|
|
232
239
|
"utrechtFormFieldErrorMessagePaddingInlineEnd": "0rem",
|
|
233
240
|
"utrechtFormFieldErrorMessagePaddingInlineStart": "0rem",
|
|
234
|
-
"utrechtFormFieldDescriptionPaddingBlockEnd": "0.5rem",
|
|
235
241
|
"utrechtFormFieldDescriptionColor": "#334155",
|
|
236
242
|
"utrechtFormFieldDescriptionFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
237
243
|
"utrechtFormFieldDescriptionFontSize": "1.25rem",
|
|
238
244
|
"utrechtFormFieldDescriptionLineHeight": "150%",
|
|
239
245
|
"utrechtFormFieldDescriptionMarginBlockEnd": "0.5rem",
|
|
240
246
|
"utrechtFormFieldDescriptionMarginBlockStart": "-0.5rem",
|
|
241
|
-
"utrechtFormLabelColor": "#0F172A",
|
|
242
|
-
"utrechtFormLabelFontSize": "1.25rem",
|
|
243
|
-
"utrechtFormLabelFontWeight": 700,
|
|
244
|
-
"utrechtFormLabelCheckboxColor": "#0F172A",
|
|
245
|
-
"utrechtFormLabelCheckboxFontWeight": 400,
|
|
246
|
-
"utrechtFormLabelRadioColor": "#0F172A",
|
|
247
|
-
"utrechtFormLabelRadioFontWeight": 400,
|
|
248
|
-
"utrechtFormLabelCheckedFontWeight": 400,
|
|
249
|
-
"utrechtFormLabelDisabledColor": "#94A3B8",
|
|
250
247
|
"utrechtFigureCaptionBorderColor": "#CBD5E1",
|
|
251
248
|
"utrechtFigureCaptionBorderWidth": "4px",
|
|
252
249
|
"utrechtFigureCaptionPaddingBlockEnd": "0.5rem",
|
|
@@ -271,46 +268,6 @@
|
|
|
271
268
|
"utrechtNumberBadgeMinInlineSize": "24px",
|
|
272
269
|
"utrechtNumberBadgePaddingBlock": "0.125rem",
|
|
273
270
|
"utrechtNumberBadgePaddingInline": "0.5rem",
|
|
274
|
-
"utrechtBlockquoteBorderBlockEndWidth": 0,
|
|
275
|
-
"utrechtBlockquoteBorderBlockStartWidth": 0,
|
|
276
|
-
"utrechtBlockquoteBorderEndEndRadius": 0,
|
|
277
|
-
"utrechtBlockquoteBorderEndStartRadius": 0,
|
|
278
|
-
"utrechtBlockquoteBorderInlineEndWidth": 0,
|
|
279
|
-
"utrechtBlockquoteBorderStartEndRadius": 0,
|
|
280
|
-
"utrechtBlockquoteBorderStartStartRadius": 0,
|
|
281
|
-
"utrechtBlockquoteMarginBlockEnd": 0,
|
|
282
|
-
"utrechtBlockquoteMarginBlockStart": 0,
|
|
283
|
-
"utrechtBlockquoteMarginInlineEnd": 0,
|
|
284
|
-
"utrechtBlockquoteMarginInlineStart": 0,
|
|
285
|
-
"utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth": "2px",
|
|
286
|
-
"utrechtBlockquoteBlueCornerBorderVariationBorderColor": "#a90061",
|
|
287
|
-
"utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius": "3rem",
|
|
288
|
-
"utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth": "2px",
|
|
289
|
-
"utrechtBlockquoteCaptionColor": "#154273",
|
|
290
|
-
"utrechtBlockquoteCaptionFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
291
|
-
"utrechtBlockquoteCaptionFontSize": "1.25rem",
|
|
292
|
-
"utrechtBlockquoteCaptionFontWeight": 400,
|
|
293
|
-
"utrechtBlockquoteCaptionLineHeight": "150%",
|
|
294
|
-
"utrechtBlockquoteCaptionPaddingBlockStart": "0.75rem",
|
|
295
|
-
"utrechtBlockquoteContentFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
296
|
-
"utrechtBlockquoteContentFontWeight": 400,
|
|
297
|
-
"utrechtBlockquoteContentLineHeight": "150%",
|
|
298
|
-
"utrechtBlockquoteContentColor": "#154273",
|
|
299
|
-
"utrechtBlockquoteContentFontSize": "1.25rem",
|
|
300
|
-
"utrechtBlockquotePinkBackgroundVariationBackgroundColor": "#F6BDE1",
|
|
301
|
-
"utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius": "3rem",
|
|
302
|
-
"utrechtBlockquotePinkBackgroundVariationPadding": "2.5rem",
|
|
303
|
-
"utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth": "0.25rem",
|
|
304
|
-
"utrechtBlockquotePinkCornerBorderVariationBorderColor": "#F6BDE1",
|
|
305
|
-
"utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth": "0.25rem",
|
|
306
|
-
"utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius": "3rem",
|
|
307
|
-
"utrechtBlockquotePinkCornerBorderVariationPadding": "2.5rem",
|
|
308
|
-
"utrechtBlockquotePinkLeftBorderVariationBorderColor": "#F6BDE1",
|
|
309
|
-
"utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth": "0.75rem",
|
|
310
|
-
"utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd": "1.5rem",
|
|
311
|
-
"utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart": "1.5rem",
|
|
312
|
-
"utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd": "2.5rem",
|
|
313
|
-
"utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart": "2.5rem",
|
|
314
271
|
"utrechtBlockquoteBackgroundColor": "transparent",
|
|
315
272
|
"utrechtBlockquoteBorderInlineStartWidth": "0px",
|
|
316
273
|
"utrechtBlockquoteBorderColor": "transparent",
|
|
@@ -326,6 +283,8 @@
|
|
|
326
283
|
"utrechtBlockquoteRowGap": "0.75rem",
|
|
327
284
|
"utrechtBlockquoteAttributionColor": "#154273",
|
|
328
285
|
"utrechtBlockquoteAttributionFontSize": "1.25rem",
|
|
286
|
+
"utrechtBlockquoteContentColor": "#154273",
|
|
287
|
+
"utrechtBlockquoteContentFontSize": "1.25rem",
|
|
329
288
|
"utrechtAlertBackgroundColor": "#d9ebf7",
|
|
330
289
|
"utrechtAlertBorderColor": "transparent",
|
|
331
290
|
"utrechtAlertBorderRadius": 0,
|
|
@@ -648,8 +607,8 @@
|
|
|
648
607
|
"utrechtFormFieldsetSectionBackgroundColor": "transparent",
|
|
649
608
|
"utrechtFormFieldsetSectionColor": "#0F172A",
|
|
650
609
|
"utrechtFormFieldsetInvalidBorderInlineStartColor": "#d52b1e",
|
|
651
|
-
"utrechtFormFieldsetInvalidPaddingInlineStart": "
|
|
652
|
-
"utrechtFormFieldsetInvalidBorderInlineStartWidth": "
|
|
610
|
+
"utrechtFormFieldsetInvalidPaddingInlineStart": "1rem",
|
|
611
|
+
"utrechtFormFieldsetInvalidBorderInlineStartWidth": "2px",
|
|
653
612
|
"utrechtDrawerMaxInlineSize": "256px",
|
|
654
613
|
"utrechtDrawerZIndex": 1,
|
|
655
614
|
"utrechtDrawerBackgroundColor": "#fff",
|
|
@@ -825,7 +784,15 @@
|
|
|
825
784
|
"nlHeadingLevel6LineHeight": "150%",
|
|
826
785
|
"nlHeadingLevel6MarginBlockEnd": "0rem",
|
|
827
786
|
"nlHeadingLevel6MarginBlockStart": "0rem",
|
|
828
|
-
"
|
|
787
|
+
"rhcBlockquoteMarginBlockEnd": "0rem",
|
|
788
|
+
"rhcBlockquoteMarginBlockStart": "0rem",
|
|
789
|
+
"rhcBlockquoteMarginInlineEnd": "0rem",
|
|
790
|
+
"rhcBlockquoteMarginInlineStart": "0rem",
|
|
791
|
+
"rhcDataBadgeButtonColumnGap": "0.125rem",
|
|
792
|
+
"rhcDataBadgeButtonHoverBackgroundColor": "#a90061",
|
|
793
|
+
"rhcDataBadgeButtonHoverColor": "#fff",
|
|
794
|
+
"rhcBreadcrumbNavLinkCurrentColor": "#334155",
|
|
795
|
+
"rhcKeepComment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.",
|
|
829
796
|
"rhcKeepTopLeftBorderRadiusTopLeft": "48px",
|
|
830
797
|
"rhcKeepTopLeftBorderRadiusTopRight": 0,
|
|
831
798
|
"rhcKeepTopLeftBorderRadiusBottomRight": 0,
|
|
@@ -842,10 +809,6 @@
|
|
|
842
809
|
"rhcKeepBottomLeftBorderRadiusTopRight": 0,
|
|
843
810
|
"rhcKeepBottomLeftBorderRadiusBottomRight": 0,
|
|
844
811
|
"rhcKeepBottomLeftBorderRadiusBottomLeft": "48px",
|
|
845
|
-
"rhcDataBadgeButtonColumnGap": "0.125rem",
|
|
846
|
-
"rhcDataBadgeButtonHoverBackgroundColor": "#a90061",
|
|
847
|
-
"rhcDataBadgeButtonHoverColor": "#fff",
|
|
848
|
-
"rhcBreadcrumbNavLinkCurrentColor": "#334155",
|
|
849
812
|
"rhcRoundedCornerXsBorderRadius": "24px",
|
|
850
813
|
"rhcRoundedCornerMdBorderRadius": "48px",
|
|
851
814
|
"rhcRoundedCornerXlBorderRadius": "96px",
|
|
@@ -897,7 +860,6 @@
|
|
|
897
860
|
"rhcColorForegroundLink": "#01689b",
|
|
898
861
|
"rhcColorForegroundOnDarkColor": "#fff",
|
|
899
862
|
"rhcColorForegroundOnLightColor": "#000",
|
|
900
|
-
"rhcColorBackdrop": "#0000004d",
|
|
901
863
|
"rhcColorBorderDefault": "#64748B",
|
|
902
864
|
"rhcColorBorderSubdued": "#94A3B8",
|
|
903
865
|
"rhcColorBorderStrong": "#0F172A",
|
|
@@ -1032,7 +994,6 @@
|
|
|
1032
994
|
"rhcColorLintblauw500": "#154273",
|
|
1033
995
|
"rhcColorWit": "#fff",
|
|
1034
996
|
"rhcColorZwart": "#000",
|
|
1035
|
-
"rhcColorTransparent30": "#0000004d",
|
|
1036
997
|
"rhcColorNone": "transparent",
|
|
1037
998
|
"rhcBorderRadiusSm": 0,
|
|
1038
999
|
"rhcBorderRadiusMd": 0,
|
|
@@ -1137,6 +1098,7 @@
|
|
|
1137
1098
|
"rhcNavBarLinkPaddingInlineEnd": "0.75rem",
|
|
1138
1099
|
"rhcNavBarLinkPaddingInlineStart": "0.75rem",
|
|
1139
1100
|
"rhcNavBarLinkColumnGap": "0.5rem",
|
|
1101
|
+
"rhcNavBarLinkFontSize": "1.25rem",
|
|
1140
1102
|
"rhcNavBarHeadingFontWeight": 700,
|
|
1141
1103
|
"rhcNavBarBackgroundColor": "#fff",
|
|
1142
1104
|
"rhcNavBarColor": "#a90061",
|
|
@@ -1335,7 +1297,7 @@
|
|
|
1335
1297
|
"rhcSizeHalfLint": "24px",
|
|
1336
1298
|
"rhcSizeLint": "48px",
|
|
1337
1299
|
"rhcSize2Lint": "96px",
|
|
1338
|
-
"rhcSize3Lint": "
|
|
1300
|
+
"rhcSize3Lint": "144px",
|
|
1339
1301
|
"rhcFontFamilyPrimary": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
1340
1302
|
"rhcFontFamilySecondary": "RijksoverheidSerifWeb, 'Times New Roman', serif",
|
|
1341
1303
|
"rhcBorderWidthDefault": "1px",
|
|
@@ -177,8 +177,8 @@
|
|
|
177
177
|
"margin-block-start": "0.5rem",
|
|
178
178
|
"invalid": {
|
|
179
179
|
"border-inline-start-color": "#d52b1e",
|
|
180
|
-
"border-inline-start-width": "
|
|
181
|
-
"padding-inline-start": "
|
|
180
|
+
"border-inline-start-width": "2px",
|
|
181
|
+
"padding-inline-start": "1rem"
|
|
182
182
|
}
|
|
183
183
|
},
|
|
184
184
|
"checkbox": {
|
|
@@ -324,11 +324,26 @@
|
|
|
324
324
|
"color": "#475569"
|
|
325
325
|
}
|
|
326
326
|
},
|
|
327
|
-
"form-
|
|
328
|
-
"
|
|
329
|
-
|
|
330
|
-
|
|
327
|
+
"form-label": {
|
|
328
|
+
"color": "#0F172A",
|
|
329
|
+
"font-size": "1.25rem",
|
|
330
|
+
"font-weight": 700,
|
|
331
|
+
"checkbox": {
|
|
332
|
+
"color": "#0F172A",
|
|
333
|
+
"font-weight": 400
|
|
334
|
+
},
|
|
335
|
+
"radio": {
|
|
336
|
+
"color": "#0F172A",
|
|
337
|
+
"font-weight": 400
|
|
331
338
|
},
|
|
339
|
+
"checked": {
|
|
340
|
+
"font-weight": 400
|
|
341
|
+
},
|
|
342
|
+
"disabled": {
|
|
343
|
+
"color": "#94A3B8"
|
|
344
|
+
}
|
|
345
|
+
},
|
|
346
|
+
"form-field-error-message": {
|
|
332
347
|
"background-color": "transparent",
|
|
333
348
|
"color": "#d52b1e",
|
|
334
349
|
"font-family": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
@@ -343,7 +358,6 @@
|
|
|
343
358
|
"padding-inline-start": "0rem"
|
|
344
359
|
},
|
|
345
360
|
"form-field-description": {
|
|
346
|
-
"padding-block-end": "0.5rem",
|
|
347
361
|
"color": "#334155",
|
|
348
362
|
"font-family": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
349
363
|
"font-size": "1.25rem",
|
|
@@ -351,25 +365,6 @@
|
|
|
351
365
|
"margin-block-end": "0.5rem",
|
|
352
366
|
"margin-block-start": "-0.5rem"
|
|
353
367
|
},
|
|
354
|
-
"form-label": {
|
|
355
|
-
"color": "#0F172A",
|
|
356
|
-
"font-size": "1.25rem",
|
|
357
|
-
"font-weight": 700,
|
|
358
|
-
"checkbox": {
|
|
359
|
-
"color": "#0F172A",
|
|
360
|
-
"font-weight": 400
|
|
361
|
-
},
|
|
362
|
-
"radio": {
|
|
363
|
-
"color": "#0F172A",
|
|
364
|
-
"font-weight": 400
|
|
365
|
-
},
|
|
366
|
-
"checked": {
|
|
367
|
-
"font-weight": 400
|
|
368
|
-
},
|
|
369
|
-
"disabled": {
|
|
370
|
-
"color": "#94A3B8"
|
|
371
|
-
}
|
|
372
|
-
},
|
|
373
368
|
"figure": {
|
|
374
369
|
"caption": {
|
|
375
370
|
"border-color": "#CBD5E1",
|
|
@@ -403,58 +398,6 @@
|
|
|
403
398
|
"padding-inline": "0.5rem"
|
|
404
399
|
},
|
|
405
400
|
"blockquote": {
|
|
406
|
-
"border-block-end-width": 0,
|
|
407
|
-
"border-block-start-width": 0,
|
|
408
|
-
"border-end-end-radius": 0,
|
|
409
|
-
"border-end-start-radius": 0,
|
|
410
|
-
"border-inline-end-width": 0,
|
|
411
|
-
"border-start-end-radius": 0,
|
|
412
|
-
"border-start-start-radius": 0,
|
|
413
|
-
"margin-block-end": 0,
|
|
414
|
-
"margin-block-start": 0,
|
|
415
|
-
"margin-inline-end": 0,
|
|
416
|
-
"margin-inline-start": 0,
|
|
417
|
-
"blue-corner-border-variation": {
|
|
418
|
-
"border-block-end-width": "2px",
|
|
419
|
-
"border-color": "#a90061",
|
|
420
|
-
"border-end-end-radius": "3rem",
|
|
421
|
-
"border-inline-end-width": "2px"
|
|
422
|
-
},
|
|
423
|
-
"caption": {
|
|
424
|
-
"color": "#154273",
|
|
425
|
-
"font-family": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
426
|
-
"font-size": "1.25rem",
|
|
427
|
-
"font-weight": 400,
|
|
428
|
-
"line-height": "150%",
|
|
429
|
-
"padding-block-start": "0.75rem"
|
|
430
|
-
},
|
|
431
|
-
"content": {
|
|
432
|
-
"font-family": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
433
|
-
"font-weight": 400,
|
|
434
|
-
"line-height": "150%",
|
|
435
|
-
"color": "#154273",
|
|
436
|
-
"font-size": "1.25rem"
|
|
437
|
-
},
|
|
438
|
-
"pink-background-variation": {
|
|
439
|
-
"background-color": "#F6BDE1",
|
|
440
|
-
"border-end-start-radius": "3rem",
|
|
441
|
-
"padding": "2.5rem"
|
|
442
|
-
},
|
|
443
|
-
"pink-corner-border-variation": {
|
|
444
|
-
"border-block-start-width": "0.25rem",
|
|
445
|
-
"border-color": "#F6BDE1",
|
|
446
|
-
"border-inline-start-width": "0.25rem",
|
|
447
|
-
"border-start-start-radius": "3rem",
|
|
448
|
-
"padding": "2.5rem"
|
|
449
|
-
},
|
|
450
|
-
"pink-left-border-variation": {
|
|
451
|
-
"border-color": "#F6BDE1",
|
|
452
|
-
"border-inline-start-width": "0.75rem",
|
|
453
|
-
"padding-block-end": "1.5rem",
|
|
454
|
-
"padding-block-start": "1.5rem",
|
|
455
|
-
"padding-inline-end": "2.5rem",
|
|
456
|
-
"padding-inline-start": "2.5rem"
|
|
457
|
-
},
|
|
458
401
|
"background-color": "transparent",
|
|
459
402
|
"border-inline-start-width": "0px",
|
|
460
403
|
"border-color": "transparent",
|
|
@@ -471,6 +414,10 @@
|
|
|
471
414
|
"attribution": {
|
|
472
415
|
"color": "#154273",
|
|
473
416
|
"font-size": "1.25rem"
|
|
417
|
+
},
|
|
418
|
+
"content": {
|
|
419
|
+
"color": "#154273",
|
|
420
|
+
"font-size": "1.25rem"
|
|
474
421
|
}
|
|
475
422
|
},
|
|
476
423
|
"alert": {
|
|
@@ -1005,8 +952,8 @@
|
|
|
1005
952
|
"border-inline-start": {
|
|
1006
953
|
"color": "#d52b1e"
|
|
1007
954
|
},
|
|
1008
|
-
"padding-inline-start": "
|
|
1009
|
-
"border-inline-start-width": "
|
|
955
|
+
"padding-inline-start": "1rem",
|
|
956
|
+
"border-inline-start-width": "2px"
|
|
1010
957
|
}
|
|
1011
958
|
},
|
|
1012
959
|
"drawer": {
|
|
@@ -1306,8 +1253,28 @@
|
|
|
1306
1253
|
}
|
|
1307
1254
|
},
|
|
1308
1255
|
"rhc": {
|
|
1256
|
+
"blockquote": {
|
|
1257
|
+
"margin-block-end": "0rem",
|
|
1258
|
+
"margin-block-start": "0rem",
|
|
1259
|
+
"margin-inline-end": "0rem",
|
|
1260
|
+
"margin-inline-start": "0rem"
|
|
1261
|
+
},
|
|
1262
|
+
"data-badge-button": {
|
|
1263
|
+
"column-gap": "0.125rem",
|
|
1264
|
+
"hover": {
|
|
1265
|
+
"background-color": "#a90061",
|
|
1266
|
+
"color": "#fff"
|
|
1267
|
+
}
|
|
1268
|
+
},
|
|
1269
|
+
"breadcrumb-nav": {
|
|
1270
|
+
"link": {
|
|
1271
|
+
"current": {
|
|
1272
|
+
"color": "#334155"
|
|
1273
|
+
}
|
|
1274
|
+
}
|
|
1275
|
+
},
|
|
1309
1276
|
"keep": {
|
|
1310
|
-
"_comment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset
|
|
1277
|
+
"_comment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.",
|
|
1311
1278
|
"top-left": {
|
|
1312
1279
|
"borderRadiusTopLeft": "48px",
|
|
1313
1280
|
"borderRadiusTopRight": 0,
|
|
@@ -1333,20 +1300,6 @@
|
|
|
1333
1300
|
"borderRadiusBottomLeft": "48px"
|
|
1334
1301
|
}
|
|
1335
1302
|
},
|
|
1336
|
-
"data-badge-button": {
|
|
1337
|
-
"column-gap": "0.125rem",
|
|
1338
|
-
"hover": {
|
|
1339
|
-
"background-color": "#a90061",
|
|
1340
|
-
"color": "#fff"
|
|
1341
|
-
}
|
|
1342
|
-
},
|
|
1343
|
-
"breadcrumb-nav": {
|
|
1344
|
-
"link": {
|
|
1345
|
-
"current": {
|
|
1346
|
-
"color": "#334155"
|
|
1347
|
-
}
|
|
1348
|
-
}
|
|
1349
|
-
},
|
|
1350
1303
|
"rounded-corner": {
|
|
1351
1304
|
"xs": {
|
|
1352
1305
|
"border-radius": "24px"
|
|
@@ -1433,7 +1386,6 @@
|
|
|
1433
1386
|
"on-dark-color": "#fff",
|
|
1434
1387
|
"on-light-color": "#000"
|
|
1435
1388
|
},
|
|
1436
|
-
"backdrop": "#0000004d",
|
|
1437
1389
|
"border": {
|
|
1438
1390
|
"default": "#64748B",
|
|
1439
1391
|
"subdued": "#94A3B8",
|
|
@@ -1622,9 +1574,6 @@
|
|
|
1622
1574
|
},
|
|
1623
1575
|
"wit": "#fff",
|
|
1624
1576
|
"zwart": "#000",
|
|
1625
|
-
"transparent": {
|
|
1626
|
-
"30": "#0000004d"
|
|
1627
|
-
},
|
|
1628
1577
|
"none": "transparent"
|
|
1629
1578
|
},
|
|
1630
1579
|
"border-radius": {
|
|
@@ -1799,7 +1748,8 @@
|
|
|
1799
1748
|
"padding-block-start": "1rem",
|
|
1800
1749
|
"padding-inline-end": "0.75rem",
|
|
1801
1750
|
"padding-inline-start": "0.75rem",
|
|
1802
|
-
"column-gap": "0.5rem"
|
|
1751
|
+
"column-gap": "0.5rem",
|
|
1752
|
+
"font-size": "1.25rem"
|
|
1803
1753
|
},
|
|
1804
1754
|
"heading": {
|
|
1805
1755
|
"font-weight": 700
|
|
@@ -2129,7 +2079,7 @@
|
|
|
2129
2079
|
"half-lint": "24px",
|
|
2130
2080
|
"lint": "48px",
|
|
2131
2081
|
"2-lint": "96px",
|
|
2132
|
-
"3-lint": "
|
|
2082
|
+
"3-lint": "144px"
|
|
2133
2083
|
},
|
|
2134
2084
|
"font-family": {
|
|
2135
2085
|
"primary": "'Fira Sans', Arial, Verdana, sans-serif",
|