@rijkshuisstijl-community/design-tokens 4.1.0 → 5.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 +45 -5
- package/README.md +2 -2
- package/dist/_variables.scss +72 -126
- package/dist/index.css +72 -126
- package/dist/index.d.ts +71 -125
- package/dist/index.js +72 -126
- package/dist/index.json +71 -125
- package/dist/index.tokens.json +137 -175
- package/dist/koop/_variables.scss +50 -145
- package/dist/koop/index.css +50 -145
- package/dist/koop/index.d.ts +48 -143
- package/dist/koop/index.js +50 -145
- package/dist/koop/index.json +50 -145
- package/dist/koop/index.tokens.json +99 -202
- package/dist/koop/root.css +50 -145
- package/dist/koop/tokens.d.ts +94 -197
- package/dist/koop/tokens.js +1543 -3636
- package/dist/root.css +72 -126
- package/dist/tokens.d.ts +135 -173
- package/dist/tokens.js +7067 -8209
- package/dist/uitvoerend-groen/_variables.scss +56 -153
- package/dist/uitvoerend-groen/index.css +56 -153
- package/dist/uitvoerend-groen/index.d.ts +55 -152
- package/dist/uitvoerend-groen/index.js +56 -153
- package/dist/uitvoerend-groen/index.json +56 -153
- package/dist/uitvoerend-groen/index.tokens.json +103 -212
- package/dist/uitvoerend-groen/root.css +56 -153
- package/dist/uitvoerend-groen/tokens.d.ts +99 -208
- package/dist/uitvoerend-groen/tokens.js +1507 -3650
- package/dist/uitvoerend-hemelblauw/_variables.scss +56 -153
- package/dist/uitvoerend-hemelblauw/index.css +56 -153
- package/dist/uitvoerend-hemelblauw/index.d.ts +55 -152
- package/dist/uitvoerend-hemelblauw/index.js +56 -153
- package/dist/uitvoerend-hemelblauw/index.json +56 -153
- package/dist/uitvoerend-hemelblauw/index.tokens.json +103 -212
- package/dist/uitvoerend-hemelblauw/root.css +56 -153
- package/dist/uitvoerend-hemelblauw/tokens.d.ts +99 -208
- package/dist/uitvoerend-hemelblauw/tokens.js +1507 -3650
- package/dist/uitvoerend-mintgroen/_variables.scss +56 -153
- package/dist/uitvoerend-mintgroen/index.css +56 -153
- package/dist/uitvoerend-mintgroen/index.d.ts +55 -152
- package/dist/uitvoerend-mintgroen/index.js +56 -153
- package/dist/uitvoerend-mintgroen/index.json +56 -153
- package/dist/uitvoerend-mintgroen/index.tokens.json +103 -212
- package/dist/uitvoerend-mintgroen/root.css +56 -153
- package/dist/uitvoerend-mintgroen/tokens.d.ts +99 -208
- package/dist/uitvoerend-mintgroen/tokens.js +1507 -3650
- package/dist/uitvoerend-oranje/_variables.scss +56 -153
- package/dist/uitvoerend-oranje/index.css +56 -153
- package/dist/uitvoerend-oranje/index.d.ts +55 -152
- package/dist/uitvoerend-oranje/index.js +56 -153
- package/dist/uitvoerend-oranje/index.json +56 -153
- package/dist/uitvoerend-oranje/index.tokens.json +103 -212
- package/dist/uitvoerend-oranje/root.css +56 -153
- package/dist/uitvoerend-oranje/tokens.d.ts +99 -208
- package/dist/uitvoerend-oranje/tokens.js +1507 -3650
- package/dist/uitvoerend-paars/_variables.scss +56 -153
- package/dist/uitvoerend-paars/index.css +56 -153
- package/dist/uitvoerend-paars/index.d.ts +55 -152
- package/dist/uitvoerend-paars/index.js +56 -153
- package/dist/uitvoerend-paars/index.json +56 -153
- package/dist/uitvoerend-paars/index.tokens.json +103 -212
- package/dist/uitvoerend-paars/root.css +56 -153
- package/dist/uitvoerend-paars/tokens.d.ts +99 -208
- package/dist/uitvoerend-paars/tokens.js +1507 -3650
- package/dist/uitvoerend-violet/_variables.scss +56 -153
- package/dist/uitvoerend-violet/index.css +56 -153
- package/dist/uitvoerend-violet/index.d.ts +55 -152
- package/dist/uitvoerend-violet/index.js +56 -153
- package/dist/uitvoerend-violet/index.json +56 -153
- package/dist/uitvoerend-violet/index.tokens.json +103 -212
- package/dist/uitvoerend-violet/root.css +56 -153
- package/dist/uitvoerend-violet/tokens.d.ts +99 -208
- package/dist/uitvoerend-violet/tokens.js +1507 -3650
- package/dist/uitvoerend-violet-oud/_variables.scss +56 -153
- package/dist/uitvoerend-violet-oud/index.css +56 -153
- package/dist/uitvoerend-violet-oud/index.d.ts +55 -152
- package/dist/uitvoerend-violet-oud/index.js +56 -153
- package/dist/uitvoerend-violet-oud/index.json +56 -153
- package/dist/uitvoerend-violet-oud/index.tokens.json +103 -212
- package/dist/uitvoerend-violet-oud/root.css +56 -153
- package/dist/uitvoerend-violet-oud/tokens.d.ts +99 -208
- package/dist/uitvoerend-violet-oud/tokens.js +1507 -3650
- package/dist/wetgevend/_variables.scss +56 -153
- package/dist/wetgevend/index.css +56 -153
- package/dist/wetgevend/index.d.ts +55 -152
- package/dist/wetgevend/index.js +56 -153
- package/dist/wetgevend/index.json +56 -153
- package/dist/wetgevend/index.tokens.json +103 -212
- package/dist/wetgevend/root.css +56 -153
- package/dist/wetgevend/tokens.d.ts +99 -208
- package/dist/wetgevend/tokens.js +1507 -3650
- package/figma/figma.tokens.json +291 -640
- package/package.json +2 -2
- package/src/generated/base.tokens.json +447 -661
- package/src/generated/koop/tokens.json +235 -637
- package/src/generated/themes.json +2161 -5875
- package/src/generated/uitvoerend-groen/tokens.json +246 -660
- package/src/generated/uitvoerend-hemelblauw/tokens.json +246 -660
- package/src/generated/uitvoerend-mintgroen/tokens.json +246 -660
- package/src/generated/uitvoerend-oranje/tokens.json +246 -660
- package/src/generated/uitvoerend-paars/tokens.json +246 -660
- package/src/generated/uitvoerend-violet/tokens.json +246 -660
- package/src/generated/uitvoerend-violet-oud/tokens.json +246 -660
- package/src/generated/wetgevend/tokens.json +246 -660
package/dist/index.js
CHANGED
|
@@ -1,17 +1,12 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 22 Aug 2025 10:20:29 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const utrechtColumnLayoutColumnRuleColor = "transparent";
|
|
7
7
|
export const utrechtColumnLayoutColumnRuleWidth = "0px";
|
|
8
8
|
export const utrechtColumnLayoutColumnWidth = "400px";
|
|
9
9
|
export const utrechtColumnLayoutGap = "0.75rem";
|
|
10
|
-
export const utrechtUnorderedListColor = "#0F172A";
|
|
11
|
-
export const utrechtUnorderedListMarkerBorderColor = "#0F172A";
|
|
12
|
-
export const utrechtUnorderedListMarkerColor = "#0F172A";
|
|
13
|
-
export const utrechtUnorderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
14
|
-
export const utrechtUnorderedListFontWeight = 400;
|
|
15
10
|
export const utrechtUnorderedListFontSize = "1.25rem";
|
|
16
11
|
export const utrechtUnorderedListLineHeight = "150%";
|
|
17
12
|
export const utrechtUnorderedListMarginBlockEnd = "0.25rem";
|
|
@@ -20,6 +15,7 @@ export const utrechtUnorderedListPaddingInlineStart = "1.5rem";
|
|
|
20
15
|
export const utrechtUnorderedListItemMarginBlockEnd = "0.25rem";
|
|
21
16
|
export const utrechtUnorderedListItemMarginBlockStart = "0.25rem";
|
|
22
17
|
export const utrechtUnorderedListItemPaddingInlineStart = "0.5rem";
|
|
18
|
+
export const utrechtUnorderedListMarkerColor = "#0F172A";
|
|
23
19
|
export const utrechtTextboxHoverBackgroundColor = "#fff";
|
|
24
20
|
export const utrechtTextboxHoverBorderColor = "#738eab";
|
|
25
21
|
export const utrechtTextboxHoverBorderWidth = "1px";
|
|
@@ -258,30 +254,11 @@ export const utrechtPreHeadingFontFamily = "'Fira Sans', Arial, Verdana, sans-se
|
|
|
258
254
|
export const utrechtPreHeadingFontWeight = 700;
|
|
259
255
|
export const utrechtPreHeadingLineHeight = "125%";
|
|
260
256
|
export const utrechtPreHeadingFontSize = "1rem";
|
|
261
|
-
export const utrechtParagraphColor = "#0F172A";
|
|
262
|
-
export const utrechtParagraphFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
263
|
-
export const utrechtParagraphFontSize = "1.25rem";
|
|
264
|
-
export const utrechtParagraphFontWeight = 400;
|
|
265
|
-
export const utrechtParagraphLineHeight = "150%";
|
|
266
|
-
export const utrechtParagraphLeadColor = "#0F172A";
|
|
267
|
-
export const utrechtParagraphLeadFontSize = "1.5rem";
|
|
268
|
-
export const utrechtParagraphLeadFontWeight = 400;
|
|
269
|
-
export const utrechtParagraphLeadLineHeight = "150%";
|
|
270
|
-
export const utrechtParagraphSmallFontSize = "1.5rem";
|
|
271
|
-
export const utrechtParagraphSmallColor = "#0F172A";
|
|
272
|
-
export const utrechtParagraphSmallFontWeight = 400;
|
|
273
|
-
export const utrechtParagraphSmallLineHeight = "150%";
|
|
274
|
-
export const utrechtParagraphMarginBlockEnd = "0rem";
|
|
275
|
-
export const utrechtParagraphMarginBlockStart = "0rem";
|
|
276
|
-
export const utrechtOrderedListColor = "#0F172A";
|
|
277
|
-
export const utrechtOrderedListFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
278
|
-
export const utrechtOrderedListFontWeight = 400;
|
|
279
|
-
export const utrechtOrderedListMarginInlineStart = "0.625rem";
|
|
280
257
|
export const utrechtOrderedListFontSize = "1.25rem";
|
|
281
258
|
export const utrechtOrderedListLineHeight = "150%";
|
|
282
259
|
export const utrechtOrderedListMarginBlockEnd = "0.25rem";
|
|
283
260
|
export const utrechtOrderedListMarginBlockStart = "0.25rem";
|
|
284
|
-
export const utrechtOrderedListPaddingInlineStart = "
|
|
261
|
+
export const utrechtOrderedListPaddingInlineStart = "2rem";
|
|
285
262
|
export const utrechtOrderedListItemMarginBlockEnd = "0.25rem";
|
|
286
263
|
export const utrechtOrderedListItemMarginBlockStart = "0.25rem";
|
|
287
264
|
export const utrechtOrderedListItemPaddingInlineStart = "0.5rem";
|
|
@@ -298,8 +275,6 @@ export const utrechtNumberBadgeMinBlockSize = "24px";
|
|
|
298
275
|
export const utrechtNumberBadgeMinInlineSize = "24px";
|
|
299
276
|
export const utrechtNumberBadgePaddingBlock = "0.125rem";
|
|
300
277
|
export const utrechtNumberBadgePaddingInline = "0.5rem";
|
|
301
|
-
export const utrechtLinkListItemTextDecoration = "None";
|
|
302
|
-
export const utrechtLinkListItemColumnGap = "0.5rem";
|
|
303
278
|
export const utrechtLinkListMarginBlockEnd = "0rem";
|
|
304
279
|
export const utrechtLinkListMarginBlockStart = "0rem";
|
|
305
280
|
export const utrechtLinkListRowGap = "0.5rem";
|
|
@@ -308,75 +283,25 @@ export const utrechtLinkListIconSize = "24px";
|
|
|
308
283
|
export const utrechtLinkListLinkColumnGap = "0.5rem";
|
|
309
284
|
export const utrechtLinkListLinkTextDecoration = "None";
|
|
310
285
|
export const utrechtLinkListFontWeight = 400;
|
|
311
|
-
export const utrechtLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
312
|
-
export const utrechtLinkFontWeight = 400;
|
|
313
|
-
export const utrechtLinkLineHeight = "150%";
|
|
314
|
-
export const utrechtLinkFontSize = "1.25rem";
|
|
315
|
-
export const utrechtLinkActiveTextDecoration = "None";
|
|
316
|
-
export const utrechtLinkActiveColor = "#163f5b";
|
|
317
|
-
export const utrechtLinkFocusTextDecoration = "None";
|
|
318
|
-
export const utrechtLinkFocusTextDecorationThickness = "auto";
|
|
319
|
-
export const utrechtLinkFocusBackgroundColor = "transparent";
|
|
320
|
-
export const utrechtLinkFocusColor = "#01689b";
|
|
321
|
-
export const utrechtLinkIconInsetBlockStart = "0.25rem";
|
|
322
|
-
export const utrechtLinkIconSize = "24px";
|
|
323
286
|
export const utrechtLinkColor = "#01689b";
|
|
324
287
|
export const utrechtLinkTextDecorationColor = "inherit";
|
|
325
288
|
export const utrechtLinkColumnGap = "0.25rem";
|
|
326
289
|
export const utrechtLinkTextDecoration = "underline";
|
|
327
290
|
export const utrechtLinkTextDecorationThickness = "0.0625em";
|
|
328
291
|
export const utrechtLinkTextUnderlineOffset = "0.125rem";
|
|
292
|
+
export const utrechtLinkIconSize = "24px";
|
|
293
|
+
export const utrechtLinkActiveColor = "#163f5b";
|
|
329
294
|
export const utrechtLinkHoverColor = "#15496a";
|
|
330
295
|
export const utrechtLinkHoverTextDecoration = "underline";
|
|
331
296
|
export const utrechtLinkHoverTextDecorationThickness = "0.1875em";
|
|
297
|
+
export const utrechtLinkFocusBackgroundColor = "transparent";
|
|
298
|
+
export const utrechtLinkFocusColor = "#01689b";
|
|
332
299
|
export const utrechtLinkFocusVisibleTextDecoration = "None";
|
|
333
300
|
export const utrechtLinkFocusVisibleTextDecorationThickness = "0.0625em";
|
|
334
301
|
export const utrechtLinkVisitedColor = "#01689b";
|
|
335
302
|
export const utrechtIconColor = "inherit";
|
|
336
303
|
export const utrechtIconSize = "24px";
|
|
337
304
|
export const utrechtIconInsetBlockStart = "0rem";
|
|
338
|
-
export const utrechtHeading1Color = "#154273";
|
|
339
|
-
export const utrechtHeading1FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
340
|
-
export const utrechtHeading1FontSize = "3.125rem";
|
|
341
|
-
export const utrechtHeading1FontWeight = 700;
|
|
342
|
-
export const utrechtHeading1LineHeight = "125%";
|
|
343
|
-
export const utrechtHeading1MarginBlockEnd = "0rem";
|
|
344
|
-
export const utrechtHeading1MarginBlockStart = "0rem";
|
|
345
|
-
export const utrechtHeading2Color = "#154273";
|
|
346
|
-
export const utrechtHeading2FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
347
|
-
export const utrechtHeading2FontSize = "2.5rem";
|
|
348
|
-
export const utrechtHeading2FontWeight = 700;
|
|
349
|
-
export const utrechtHeading2LineHeight = "125%";
|
|
350
|
-
export const utrechtHeading2MarginBlockEnd = "0rem";
|
|
351
|
-
export const utrechtHeading2MarginBlockStart = "0rem";
|
|
352
|
-
export const utrechtHeading3Color = "#154273";
|
|
353
|
-
export const utrechtHeading3FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
354
|
-
export const utrechtHeading3FontSize = "1.875rem";
|
|
355
|
-
export const utrechtHeading3FontWeight = 700;
|
|
356
|
-
export const utrechtHeading3LineHeight = "125%";
|
|
357
|
-
export const utrechtHeading3MarginBlockEnd = "0rem";
|
|
358
|
-
export const utrechtHeading3MarginBlockStart = "0rem";
|
|
359
|
-
export const utrechtHeading4Color = "#154273";
|
|
360
|
-
export const utrechtHeading4FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
361
|
-
export const utrechtHeading4FontSize = "1.5rem";
|
|
362
|
-
export const utrechtHeading4FontWeight = 700;
|
|
363
|
-
export const utrechtHeading4LineHeight = "150%";
|
|
364
|
-
export const utrechtHeading4MarginBlockEnd = "0rem";
|
|
365
|
-
export const utrechtHeading4MarginBlockStart = "0rem";
|
|
366
|
-
export const utrechtHeading5Color = "#154273";
|
|
367
|
-
export const utrechtHeading5FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
368
|
-
export const utrechtHeading5FontSize = "1.25rem";
|
|
369
|
-
export const utrechtHeading5FontWeight = 700;
|
|
370
|
-
export const utrechtHeading5LineHeight = "150%";
|
|
371
|
-
export const utrechtHeading5MarginBlockEnd = "0rem";
|
|
372
|
-
export const utrechtHeading5MarginBlockStart = "0rem";
|
|
373
|
-
export const utrechtHeading6Color = "#154273";
|
|
374
|
-
export const utrechtHeading6FontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
375
|
-
export const utrechtHeading6FontSize = "1.25rem";
|
|
376
|
-
export const utrechtHeading6FontWeight = 700;
|
|
377
|
-
export const utrechtHeading6LineHeight = "150%";
|
|
378
|
-
export const utrechtHeading6MarginBlockEnd = "0rem";
|
|
379
|
-
export const utrechtHeading6MarginBlockStart = "0rem";
|
|
380
305
|
export const utrechtFormLabelColor = "#0F172A";
|
|
381
306
|
export const utrechtFormLabelFontSize = "1.25rem";
|
|
382
307
|
export const utrechtFormLabelFontWeight = 700;
|
|
@@ -607,28 +532,6 @@ export const utrechtButtonGroupColumnGap = "0.5rem";
|
|
|
607
532
|
export const utrechtButtonGroupPaddingBlockEnd = "0px";
|
|
608
533
|
export const utrechtButtonGroupPaddingBlockStart = "0px";
|
|
609
534
|
export const utrechtButtonGroupRowGap = "0.5rem";
|
|
610
|
-
export const utrechtBreadcrumbNavDividerColor = "#334155";
|
|
611
|
-
export const utrechtBreadcrumbNavDividerInsetBlockStart = 0;
|
|
612
|
-
export const utrechtBreadcrumbNavDividerSize = "24px";
|
|
613
|
-
export const utrechtBreadcrumbNavLinkPaddingBlockEnd = "0.75rem";
|
|
614
|
-
export const utrechtBreadcrumbNavLinkPaddingBlockStart = "0.75rem";
|
|
615
|
-
export const utrechtBreadcrumbNavLinkPaddingInlineEnd = "0rem";
|
|
616
|
-
export const utrechtBreadcrumbNavLinkPaddingInlineStart = "0rem";
|
|
617
|
-
export const utrechtBreadcrumbNavLinkCurrentColor = "#334155";
|
|
618
|
-
export const utrechtBreadcrumbNavLinkCurrentFontWeight = 400;
|
|
619
|
-
export const utrechtBreadcrumbNavLinkIconInsetBlockStart = 0;
|
|
620
|
-
export const utrechtBreadcrumbNavLinkIconMarginInline = "0.25rem";
|
|
621
|
-
export const utrechtBreadcrumbNavLinkIconSize = "24px";
|
|
622
|
-
export const utrechtBreadcrumbNavLinkColor = "#01689b";
|
|
623
|
-
export const utrechtBreadcrumbNavLinkTextDecoration = "underline";
|
|
624
|
-
export const utrechtBreadcrumbNavLinkActiveColor = "#163f5b";
|
|
625
|
-
export const utrechtBreadcrumbNavLinkActiveTextDecoration = "underline";
|
|
626
|
-
export const utrechtBreadcrumbNavLinkDisabledColor = "#334155";
|
|
627
|
-
export const utrechtBreadcrumbNavLinkFocusBackgroundColor = "transparent";
|
|
628
|
-
export const utrechtBreadcrumbNavLinkFocusColor = "#01689b";
|
|
629
|
-
export const utrechtBreadcrumbNavLinkFocusTextDecoration = "None";
|
|
630
|
-
export const utrechtBreadcrumbNavLinkHoverTextDecoration = "underline";
|
|
631
|
-
export const utrechtBreadcrumbNavLinkHoverColor = "#01496c";
|
|
632
535
|
export const utrechtBreadcrumbNavFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
633
536
|
export const utrechtBreadcrumbNavFontSize = "1.25rem";
|
|
634
537
|
export const utrechtBreadcrumbNavLineHeight = "150%";
|
|
@@ -640,6 +543,18 @@ export const utrechtBreadcrumbNavItemPaddingInlineStart = "0.5rem";
|
|
|
640
543
|
export const utrechtBreadcrumbNavItemFirstPaddingInlineStart = "0rem";
|
|
641
544
|
export const utrechtBreadcrumbNavSeparatorColor = "#334155";
|
|
642
545
|
export const utrechtBreadcrumbNavSeparatorIconSize = "24px";
|
|
546
|
+
export const utrechtBreadcrumbNavLinkColor = "#01689b";
|
|
547
|
+
export const utrechtBreadcrumbNavLinkTextDecoration = "underline";
|
|
548
|
+
export const utrechtBreadcrumbNavLinkCurrentFontWeight = 400;
|
|
549
|
+
export const utrechtBreadcrumbNavLinkActiveColor = "#163f5b";
|
|
550
|
+
export const utrechtBreadcrumbNavLinkActiveTextDecoration = "underline";
|
|
551
|
+
export const utrechtBreadcrumbNavLinkDisabledColor = "#334155";
|
|
552
|
+
export const utrechtBreadcrumbNavLinkFocusBackgroundColor = "transparent";
|
|
553
|
+
export const utrechtBreadcrumbNavLinkFocusColor = "#01689b";
|
|
554
|
+
export const utrechtBreadcrumbNavLinkFocusTextDecoration = "None";
|
|
555
|
+
export const utrechtBreadcrumbNavLinkHoverTextDecoration = "underline";
|
|
556
|
+
export const utrechtBreadcrumbNavLinkHoverColor = "#01496c";
|
|
557
|
+
export const utrechtBreadcrumbNavLinkIconSize = "24px";
|
|
643
558
|
export const utrechtBlockquoteBorderBlockEndWidth = 0;
|
|
644
559
|
export const utrechtBlockquoteBorderBlockStartWidth = 0;
|
|
645
560
|
export const utrechtBlockquoteBorderEndEndRadius = 0;
|
|
@@ -797,6 +712,7 @@ export const utrechtActionDisabledCursor = "not-allowed";
|
|
|
797
712
|
export const utrechtActionInertCursor = "default";
|
|
798
713
|
export const utrechtActionNavigateCursor = "pointer";
|
|
799
714
|
export const utrechtActionSubmitCursor = "pointer";
|
|
715
|
+
export const rhcUnorderedListNestedMarginInlineStart = "0rem";
|
|
800
716
|
export const rhcToggletipColor = "#fff";
|
|
801
717
|
export const rhcToggletipBackgroundColor = "#007bc7";
|
|
802
718
|
export const rhcToggletipBorderColor = "transparent";
|
|
@@ -937,7 +853,7 @@ export const rhcLinkListCardPaddingBlockEnd = "1.5rem";
|
|
|
937
853
|
export const rhcLinkListCardRowGap = "1rem";
|
|
938
854
|
export const rhcLinkListCardPaddingInlineStart = "1.5rem";
|
|
939
855
|
export const rhcLinkListCardPaddingInlineEnd = "1.5rem";
|
|
940
|
-
export const
|
|
856
|
+
export const rhcLinkColumnGap = "0.25rem";
|
|
941
857
|
export const rhcIconOnlyButtonPaddingBlockEnd = "0.75rem";
|
|
942
858
|
export const rhcIconOnlyButtonPaddingBlockStart = "0.75rem";
|
|
943
859
|
export const rhcIconOnlyButtonPaddingInlineEnd = "0.75rem";
|
|
@@ -1050,13 +966,55 @@ export const rhcCodeInputGroupColumnGap = "0.5rem";
|
|
|
1050
966
|
export const rhcCheckboxGroupPaddingBlockEnd = "0.5rem";
|
|
1051
967
|
export const rhcCheckboxGroupPaddingBlockStart = "0.5rem";
|
|
1052
968
|
export const rhcCheckboxGroupRowGap = "1rem";
|
|
969
|
+
export const rhcCardBackgroundColor = "#fff";
|
|
970
|
+
export const rhcCardBorderColor = "#CBD5E1";
|
|
971
|
+
export const rhcCardBorderRadius = "5px";
|
|
972
|
+
export const rhcCardBorderWidth = "1px";
|
|
973
|
+
export const rhcCardColor = "#0F172A";
|
|
974
|
+
export const rhcCardColumnGap = "1rem";
|
|
975
|
+
export const rhcCardInlineSize = "328px";
|
|
976
|
+
export const rhcCardIconColor = "#154273";
|
|
977
|
+
export const rhcCardIconSize = "24px";
|
|
978
|
+
export const rhcCardLinkColor = "#01689b";
|
|
979
|
+
export const rhcCardLinkTextDecoration = "underline";
|
|
980
|
+
export const rhcCardLinkActiveTextDecoration = "none";
|
|
981
|
+
export const rhcCardLinkHoverTextDecoration = "none";
|
|
982
|
+
export const rhcCardLinkFocusTextDecoration = "none";
|
|
983
|
+
export const rhcCardMetadataColor = "#334155";
|
|
984
|
+
export const rhcCardPaddingBlockEnd = "1rem";
|
|
985
|
+
export const rhcCardPaddingBlockStart = "1rem";
|
|
986
|
+
export const rhcCardPaddingInlineEnd = "1rem";
|
|
987
|
+
export const rhcCardPaddingInlineStart = "1rem";
|
|
988
|
+
export const rhcCardRowGap = "0.75rem";
|
|
989
|
+
export const rhcCardActiveBackgroundColor = "#F1F5F9";
|
|
990
|
+
export const rhcCardActiveTextDecoration = "underline";
|
|
991
|
+
export const rhcCardHoverBackgroundColor = "#F8FAFC";
|
|
992
|
+
export const rhcCardHoverTextDecoration = "underline";
|
|
993
|
+
export const rhcCardFocusBackgroundColor = "#dce3ea";
|
|
994
|
+
export const rhcCardFocusTextDecoration = "underline";
|
|
995
|
+
export const rhcCardFullBleedBackgroundColor = "#000";
|
|
996
|
+
export const rhcCardFullBleedBorderColor = "transparent";
|
|
997
|
+
export const rhcCardFullBleedColor = "#fff";
|
|
998
|
+
export const rhcCardFullBleedOpacity = 0.5;
|
|
999
|
+
export const rhcCardHeadingColor = "#154273";
|
|
1000
|
+
export const rhcCardHeadingPaddingBlockStart = "0.5rem";
|
|
1001
|
+
export const rhcCardHeadingFontSize = "1.5rem";
|
|
1002
|
+
export const rhcCardHeadingFontWeight = 700;
|
|
1003
|
+
export const rhcCardHorizontalBackgroundColor = "#154273";
|
|
1004
|
+
export const rhcCardHorizontalBorderColor = "transparent";
|
|
1005
|
+
export const rhcCardHorizontalColor = "#fff";
|
|
1006
|
+
export const rhcCardHorizontalMaxBlockSize = "96px";
|
|
1007
|
+
export const rhcCardHorizontalPaddingBlockEnd = 0;
|
|
1008
|
+
export const rhcCardHorizontalPaddingBlockStart = 0;
|
|
1009
|
+
export const rhcCardHorizontalPaddingInlineEnd = "1rem";
|
|
1010
|
+
export const rhcCardHorizontalPaddingInlineStart = "1rem";
|
|
1011
|
+
export const rhcCardHorizontalHeadingInlineSize = "200px";
|
|
1053
1012
|
export const rhcCardAsLinkBackgroundColor = "#fff";
|
|
1054
1013
|
export const rhcCardAsLinkBorderColor = "#CBD5E1";
|
|
1055
1014
|
export const rhcCardAsLinkBorderRadius = "5px";
|
|
1056
1015
|
export const rhcCardAsLinkBorderWidth = "1px";
|
|
1057
1016
|
export const rhcCardAsLinkColor = "#0F172A";
|
|
1058
1017
|
export const rhcCardAsLinkColumnGap = "1rem";
|
|
1059
|
-
export const rhcCardAsLinkInlineSize = "328px";
|
|
1060
1018
|
export const rhcCardAsLinkIconColor = "#154273";
|
|
1061
1019
|
export const rhcCardAsLinkIconSize = "24px";
|
|
1062
1020
|
export const rhcCardAsLinkLinkColor = "#01689b";
|
|
@@ -1093,6 +1051,7 @@ export const rhcCardAsLinkHorizontalPaddingBlockStart = 0;
|
|
|
1093
1051
|
export const rhcCardAsLinkHorizontalPaddingInlineEnd = "1rem";
|
|
1094
1052
|
export const rhcCardAsLinkHorizontalPaddingInlineStart = "1rem";
|
|
1095
1053
|
export const rhcCardAsLinkHorizontalHeadingInlineSize = "200px";
|
|
1054
|
+
export const rhcBreadcrumbNavLinkCurrentColor = "#334155";
|
|
1096
1055
|
export const rhcKeepComment = "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.";
|
|
1097
1056
|
export const rhcKeepTopLeftBorderRadiusTopLeft = "48px";
|
|
1098
1057
|
export const rhcKeepTopLeftBorderRadiusTopRight = 0;
|
|
@@ -1427,12 +1386,6 @@ export const nlSkipLinkTextDecorationThickness = "0.0625em";
|
|
|
1427
1386
|
export const nlSkipLinkTextUnderlineOffset = "0.125rem";
|
|
1428
1387
|
export const nlSkipLinkLineHeight = "150%";
|
|
1429
1388
|
export const nlSkipLinkFontSize = "1.25rem";
|
|
1430
|
-
export const nlParagraphLeadColor = "#0F172A";
|
|
1431
|
-
export const nlParagraphLeadFontSize = "1.5rem";
|
|
1432
|
-
export const nlParagraphLeadFontWeight = 400;
|
|
1433
|
-
export const nlParagraphLeadLineHeight = "150%";
|
|
1434
|
-
export const nlParagraphLeadMarginBlockEnd = "0rem";
|
|
1435
|
-
export const nlParagraphLeadMarginBlockStart = "0rem";
|
|
1436
1389
|
export const nlParagraphColor = "#0F172A";
|
|
1437
1390
|
export const nlParagraphFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1438
1391
|
export const nlParagraphFontSize = "1.25rem";
|
|
@@ -1440,6 +1393,11 @@ export const nlParagraphFontWeight = 400;
|
|
|
1440
1393
|
export const nlParagraphLineHeight = "150%";
|
|
1441
1394
|
export const nlParagraphMarginBlockEnd = "0rem";
|
|
1442
1395
|
export const nlParagraphMarginBlockStart = "0rem";
|
|
1396
|
+
export const nlParagraphLeadFontSize = "1.5rem";
|
|
1397
|
+
export const nlParagraphLeadFontWeight = 400;
|
|
1398
|
+
export const nlParagraphLeadLineHeight = "150%";
|
|
1399
|
+
export const nlParagraphLeadMarginBlockEnd = "0rem";
|
|
1400
|
+
export const nlParagraphLeadMarginBlockStart = "0rem";
|
|
1443
1401
|
export const nlNumberBadgeLineHeight = "125%";
|
|
1444
1402
|
export const nlNumberBadgeBackgroundColor = "#154273";
|
|
1445
1403
|
export const nlNumberBadgeBorderColor = "transparent";
|
|
@@ -1453,26 +1411,13 @@ export const nlNumberBadgeMinBlockSize = "24px";
|
|
|
1453
1411
|
export const nlNumberBadgeMinInlineSize = "24px";
|
|
1454
1412
|
export const nlNumberBadgePaddingBlock = "0.125rem";
|
|
1455
1413
|
export const nlNumberBadgePaddingInline = "0.5rem";
|
|
1456
|
-
export const nlLinkColumnGap = "0.25rem";
|
|
1457
|
-
export const nlLinkFontFamily = "'Fira Sans', Arial, Verdana, sans-serif";
|
|
1458
|
-
export const nlLinkFontSize = "1.25rem";
|
|
1459
|
-
export const nlLinkFontWeight = 400;
|
|
1460
|
-
export const nlLinkLineHeight = "150%";
|
|
1461
|
-
export const nlLinkIconInsetBlockStart = "0.25rem";
|
|
1462
|
-
export const nlLinkIconSize = "24px";
|
|
1463
|
-
export const nlLinkActiveTextDecoration = "None";
|
|
1464
|
-
export const nlLinkActiveColor = "#1a4972";
|
|
1465
|
-
export const nlLinkFocusBackgroundColor = "transparent";
|
|
1466
|
-
export const nlLinkFocusColor = "#01689b";
|
|
1467
|
-
export const nlLinkFocusTextDecoration = "None";
|
|
1468
|
-
export const nlLinkFocusTextDecorationThickness = "auto";
|
|
1469
|
-
export const nlLinkVisitedColor = "#01689b";
|
|
1470
1414
|
export const nlLinkColor = "#01689b";
|
|
1471
1415
|
export const nlLinkTextDecorationColor = "inherit";
|
|
1472
1416
|
export const nlLinkTextDecorationLine = "underline";
|
|
1473
1417
|
export const nlLinkTextDecorationThickness = "0.0625em";
|
|
1474
1418
|
export const nlLinkTextUnderlineOffset = "0.125rem";
|
|
1475
1419
|
export const nlLinkCurrentCursor = "default";
|
|
1420
|
+
export const nlLinkActiveColor = "#1a4972";
|
|
1476
1421
|
export const nlLinkDisabledColor = "#334155";
|
|
1477
1422
|
export const nlLinkDisabledCursor = "disabled";
|
|
1478
1423
|
export const nlLinkHoverTextDecorationLine = "underline";
|
|
@@ -1520,6 +1465,7 @@ export const nlHeadingLevel6FontWeight = 700;
|
|
|
1520
1465
|
export const nlHeadingLevel6LineHeight = "150%";
|
|
1521
1466
|
export const nlHeadingLevel6MarginBlockEnd = "0rem";
|
|
1522
1467
|
export const nlHeadingLevel6MarginBlockStart = "0rem";
|
|
1468
|
+
export const figmaLinkIconSize = "1.25rem";
|
|
1523
1469
|
export const basisColorDefaultBgDocument = "#fff";
|
|
1524
1470
|
export const basisColorDefaultColorDocument = "#0F172A";
|
|
1525
1471
|
export const basisColorDefaultColorSubtle = "#334155";
|
package/dist/index.json
CHANGED
|
@@ -3,11 +3,6 @@
|
|
|
3
3
|
"utrechtColumnLayoutColumnRuleWidth": "0px",
|
|
4
4
|
"utrechtColumnLayoutColumnWidth": "400px",
|
|
5
5
|
"utrechtColumnLayoutGap": "0.75rem",
|
|
6
|
-
"utrechtUnorderedListColor": "#0F172A",
|
|
7
|
-
"utrechtUnorderedListMarkerBorderColor": "#0F172A",
|
|
8
|
-
"utrechtUnorderedListMarkerColor": "#0F172A",
|
|
9
|
-
"utrechtUnorderedListFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
10
|
-
"utrechtUnorderedListFontWeight": 400,
|
|
11
6
|
"utrechtUnorderedListFontSize": "1.25rem",
|
|
12
7
|
"utrechtUnorderedListLineHeight": "150%",
|
|
13
8
|
"utrechtUnorderedListMarginBlockEnd": "0.25rem",
|
|
@@ -16,6 +11,7 @@
|
|
|
16
11
|
"utrechtUnorderedListItemMarginBlockEnd": "0.25rem",
|
|
17
12
|
"utrechtUnorderedListItemMarginBlockStart": "0.25rem",
|
|
18
13
|
"utrechtUnorderedListItemPaddingInlineStart": "0.5rem",
|
|
14
|
+
"utrechtUnorderedListMarkerColor": "#0F172A",
|
|
19
15
|
"utrechtTextboxHoverBackgroundColor": "#fff",
|
|
20
16
|
"utrechtTextboxHoverBorderColor": "#738eab",
|
|
21
17
|
"utrechtTextboxHoverBorderWidth": "1px",
|
|
@@ -254,30 +250,11 @@
|
|
|
254
250
|
"utrechtPreHeadingFontWeight": 700,
|
|
255
251
|
"utrechtPreHeadingLineHeight": "125%",
|
|
256
252
|
"utrechtPreHeadingFontSize": "1rem",
|
|
257
|
-
"utrechtParagraphColor": "#0F172A",
|
|
258
|
-
"utrechtParagraphFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
259
|
-
"utrechtParagraphFontSize": "1.25rem",
|
|
260
|
-
"utrechtParagraphFontWeight": 400,
|
|
261
|
-
"utrechtParagraphLineHeight": "150%",
|
|
262
|
-
"utrechtParagraphLeadColor": "#0F172A",
|
|
263
|
-
"utrechtParagraphLeadFontSize": "1.5rem",
|
|
264
|
-
"utrechtParagraphLeadFontWeight": 400,
|
|
265
|
-
"utrechtParagraphLeadLineHeight": "150%",
|
|
266
|
-
"utrechtParagraphSmallFontSize": "1.5rem",
|
|
267
|
-
"utrechtParagraphSmallColor": "#0F172A",
|
|
268
|
-
"utrechtParagraphSmallFontWeight": 400,
|
|
269
|
-
"utrechtParagraphSmallLineHeight": "150%",
|
|
270
|
-
"utrechtParagraphMarginBlockEnd": "0rem",
|
|
271
|
-
"utrechtParagraphMarginBlockStart": "0rem",
|
|
272
|
-
"utrechtOrderedListColor": "#0F172A",
|
|
273
|
-
"utrechtOrderedListFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
274
|
-
"utrechtOrderedListFontWeight": 400,
|
|
275
|
-
"utrechtOrderedListMarginInlineStart": "0.625rem",
|
|
276
253
|
"utrechtOrderedListFontSize": "1.25rem",
|
|
277
254
|
"utrechtOrderedListLineHeight": "150%",
|
|
278
255
|
"utrechtOrderedListMarginBlockEnd": "0.25rem",
|
|
279
256
|
"utrechtOrderedListMarginBlockStart": "0.25rem",
|
|
280
|
-
"utrechtOrderedListPaddingInlineStart": "
|
|
257
|
+
"utrechtOrderedListPaddingInlineStart": "2rem",
|
|
281
258
|
"utrechtOrderedListItemMarginBlockEnd": "0.25rem",
|
|
282
259
|
"utrechtOrderedListItemMarginBlockStart": "0.25rem",
|
|
283
260
|
"utrechtOrderedListItemPaddingInlineStart": "0.5rem",
|
|
@@ -294,8 +271,6 @@
|
|
|
294
271
|
"utrechtNumberBadgeMinInlineSize": "24px",
|
|
295
272
|
"utrechtNumberBadgePaddingBlock": "0.125rem",
|
|
296
273
|
"utrechtNumberBadgePaddingInline": "0.5rem",
|
|
297
|
-
"utrechtLinkListItemTextDecoration": "None",
|
|
298
|
-
"utrechtLinkListItemColumnGap": "0.5rem",
|
|
299
274
|
"utrechtLinkListMarginBlockEnd": "0rem",
|
|
300
275
|
"utrechtLinkListMarginBlockStart": "0rem",
|
|
301
276
|
"utrechtLinkListRowGap": "0.5rem",
|
|
@@ -304,75 +279,25 @@
|
|
|
304
279
|
"utrechtLinkListLinkColumnGap": "0.5rem",
|
|
305
280
|
"utrechtLinkListLinkTextDecoration": "None",
|
|
306
281
|
"utrechtLinkListFontWeight": 400,
|
|
307
|
-
"utrechtLinkFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
308
|
-
"utrechtLinkFontWeight": 400,
|
|
309
|
-
"utrechtLinkLineHeight": "150%",
|
|
310
|
-
"utrechtLinkFontSize": "1.25rem",
|
|
311
|
-
"utrechtLinkActiveTextDecoration": "None",
|
|
312
|
-
"utrechtLinkActiveColor": "#163f5b",
|
|
313
|
-
"utrechtLinkFocusTextDecoration": "None",
|
|
314
|
-
"utrechtLinkFocusTextDecorationThickness": "auto",
|
|
315
|
-
"utrechtLinkFocusBackgroundColor": "transparent",
|
|
316
|
-
"utrechtLinkFocusColor": "#01689b",
|
|
317
|
-
"utrechtLinkIconInsetBlockStart": "0.25rem",
|
|
318
|
-
"utrechtLinkIconSize": "24px",
|
|
319
282
|
"utrechtLinkColor": "#01689b",
|
|
320
283
|
"utrechtLinkTextDecorationColor": "inherit",
|
|
321
284
|
"utrechtLinkColumnGap": "0.25rem",
|
|
322
285
|
"utrechtLinkTextDecoration": "underline",
|
|
323
286
|
"utrechtLinkTextDecorationThickness": "0.0625em",
|
|
324
287
|
"utrechtLinkTextUnderlineOffset": "0.125rem",
|
|
288
|
+
"utrechtLinkIconSize": "24px",
|
|
289
|
+
"utrechtLinkActiveColor": "#163f5b",
|
|
325
290
|
"utrechtLinkHoverColor": "#15496a",
|
|
326
291
|
"utrechtLinkHoverTextDecoration": "underline",
|
|
327
292
|
"utrechtLinkHoverTextDecorationThickness": "0.1875em",
|
|
293
|
+
"utrechtLinkFocusBackgroundColor": "transparent",
|
|
294
|
+
"utrechtLinkFocusColor": "#01689b",
|
|
328
295
|
"utrechtLinkFocusVisibleTextDecoration": "None",
|
|
329
296
|
"utrechtLinkFocusVisibleTextDecorationThickness": "0.0625em",
|
|
330
297
|
"utrechtLinkVisitedColor": "#01689b",
|
|
331
298
|
"utrechtIconColor": "inherit",
|
|
332
299
|
"utrechtIconSize": "24px",
|
|
333
300
|
"utrechtIconInsetBlockStart": "0rem",
|
|
334
|
-
"utrechtHeading1Color": "#154273",
|
|
335
|
-
"utrechtHeading1FontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
336
|
-
"utrechtHeading1FontSize": "3.125rem",
|
|
337
|
-
"utrechtHeading1FontWeight": 700,
|
|
338
|
-
"utrechtHeading1LineHeight": "125%",
|
|
339
|
-
"utrechtHeading1MarginBlockEnd": "0rem",
|
|
340
|
-
"utrechtHeading1MarginBlockStart": "0rem",
|
|
341
|
-
"utrechtHeading2Color": "#154273",
|
|
342
|
-
"utrechtHeading2FontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
343
|
-
"utrechtHeading2FontSize": "2.5rem",
|
|
344
|
-
"utrechtHeading2FontWeight": 700,
|
|
345
|
-
"utrechtHeading2LineHeight": "125%",
|
|
346
|
-
"utrechtHeading2MarginBlockEnd": "0rem",
|
|
347
|
-
"utrechtHeading2MarginBlockStart": "0rem",
|
|
348
|
-
"utrechtHeading3Color": "#154273",
|
|
349
|
-
"utrechtHeading3FontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
350
|
-
"utrechtHeading3FontSize": "1.875rem",
|
|
351
|
-
"utrechtHeading3FontWeight": 700,
|
|
352
|
-
"utrechtHeading3LineHeight": "125%",
|
|
353
|
-
"utrechtHeading3MarginBlockEnd": "0rem",
|
|
354
|
-
"utrechtHeading3MarginBlockStart": "0rem",
|
|
355
|
-
"utrechtHeading4Color": "#154273",
|
|
356
|
-
"utrechtHeading4FontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
357
|
-
"utrechtHeading4FontSize": "1.5rem",
|
|
358
|
-
"utrechtHeading4FontWeight": 700,
|
|
359
|
-
"utrechtHeading4LineHeight": "150%",
|
|
360
|
-
"utrechtHeading4MarginBlockEnd": "0rem",
|
|
361
|
-
"utrechtHeading4MarginBlockStart": "0rem",
|
|
362
|
-
"utrechtHeading5Color": "#154273",
|
|
363
|
-
"utrechtHeading5FontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
364
|
-
"utrechtHeading5FontSize": "1.25rem",
|
|
365
|
-
"utrechtHeading5FontWeight": 700,
|
|
366
|
-
"utrechtHeading5LineHeight": "150%",
|
|
367
|
-
"utrechtHeading5MarginBlockEnd": "0rem",
|
|
368
|
-
"utrechtHeading5MarginBlockStart": "0rem",
|
|
369
|
-
"utrechtHeading6Color": "#154273",
|
|
370
|
-
"utrechtHeading6FontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
371
|
-
"utrechtHeading6FontSize": "1.25rem",
|
|
372
|
-
"utrechtHeading6FontWeight": 700,
|
|
373
|
-
"utrechtHeading6LineHeight": "150%",
|
|
374
|
-
"utrechtHeading6MarginBlockEnd": "0rem",
|
|
375
|
-
"utrechtHeading6MarginBlockStart": "0rem",
|
|
376
301
|
"utrechtFormLabelColor": "#0F172A",
|
|
377
302
|
"utrechtFormLabelFontSize": "1.25rem",
|
|
378
303
|
"utrechtFormLabelFontWeight": 700,
|
|
@@ -603,28 +528,6 @@
|
|
|
603
528
|
"utrechtButtonGroupPaddingBlockEnd": "0px",
|
|
604
529
|
"utrechtButtonGroupPaddingBlockStart": "0px",
|
|
605
530
|
"utrechtButtonGroupRowGap": "0.5rem",
|
|
606
|
-
"utrechtBreadcrumbNavDividerColor": "#334155",
|
|
607
|
-
"utrechtBreadcrumbNavDividerInsetBlockStart": 0,
|
|
608
|
-
"utrechtBreadcrumbNavDividerSize": "24px",
|
|
609
|
-
"utrechtBreadcrumbNavLinkPaddingBlockEnd": "0.75rem",
|
|
610
|
-
"utrechtBreadcrumbNavLinkPaddingBlockStart": "0.75rem",
|
|
611
|
-
"utrechtBreadcrumbNavLinkPaddingInlineEnd": "0rem",
|
|
612
|
-
"utrechtBreadcrumbNavLinkPaddingInlineStart": "0rem",
|
|
613
|
-
"utrechtBreadcrumbNavLinkCurrentColor": "#334155",
|
|
614
|
-
"utrechtBreadcrumbNavLinkCurrentFontWeight": 400,
|
|
615
|
-
"utrechtBreadcrumbNavLinkIconInsetBlockStart": 0,
|
|
616
|
-
"utrechtBreadcrumbNavLinkIconMarginInline": "0.25rem",
|
|
617
|
-
"utrechtBreadcrumbNavLinkIconSize": "24px",
|
|
618
|
-
"utrechtBreadcrumbNavLinkColor": "#01689b",
|
|
619
|
-
"utrechtBreadcrumbNavLinkTextDecoration": "underline",
|
|
620
|
-
"utrechtBreadcrumbNavLinkActiveColor": "#163f5b",
|
|
621
|
-
"utrechtBreadcrumbNavLinkActiveTextDecoration": "underline",
|
|
622
|
-
"utrechtBreadcrumbNavLinkDisabledColor": "#334155",
|
|
623
|
-
"utrechtBreadcrumbNavLinkFocusBackgroundColor": "transparent",
|
|
624
|
-
"utrechtBreadcrumbNavLinkFocusColor": "#01689b",
|
|
625
|
-
"utrechtBreadcrumbNavLinkFocusTextDecoration": "None",
|
|
626
|
-
"utrechtBreadcrumbNavLinkHoverTextDecoration": "underline",
|
|
627
|
-
"utrechtBreadcrumbNavLinkHoverColor": "#01496c",
|
|
628
531
|
"utrechtBreadcrumbNavFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
629
532
|
"utrechtBreadcrumbNavFontSize": "1.25rem",
|
|
630
533
|
"utrechtBreadcrumbNavLineHeight": "150%",
|
|
@@ -636,6 +539,18 @@
|
|
|
636
539
|
"utrechtBreadcrumbNavItemFirstPaddingInlineStart": "0rem",
|
|
637
540
|
"utrechtBreadcrumbNavSeparatorColor": "#334155",
|
|
638
541
|
"utrechtBreadcrumbNavSeparatorIconSize": "24px",
|
|
542
|
+
"utrechtBreadcrumbNavLinkColor": "#01689b",
|
|
543
|
+
"utrechtBreadcrumbNavLinkTextDecoration": "underline",
|
|
544
|
+
"utrechtBreadcrumbNavLinkCurrentFontWeight": 400,
|
|
545
|
+
"utrechtBreadcrumbNavLinkActiveColor": "#163f5b",
|
|
546
|
+
"utrechtBreadcrumbNavLinkActiveTextDecoration": "underline",
|
|
547
|
+
"utrechtBreadcrumbNavLinkDisabledColor": "#334155",
|
|
548
|
+
"utrechtBreadcrumbNavLinkFocusBackgroundColor": "transparent",
|
|
549
|
+
"utrechtBreadcrumbNavLinkFocusColor": "#01689b",
|
|
550
|
+
"utrechtBreadcrumbNavLinkFocusTextDecoration": "None",
|
|
551
|
+
"utrechtBreadcrumbNavLinkHoverTextDecoration": "underline",
|
|
552
|
+
"utrechtBreadcrumbNavLinkHoverColor": "#01496c",
|
|
553
|
+
"utrechtBreadcrumbNavLinkIconSize": "24px",
|
|
639
554
|
"utrechtBlockquoteBorderBlockEndWidth": 0,
|
|
640
555
|
"utrechtBlockquoteBorderBlockStartWidth": 0,
|
|
641
556
|
"utrechtBlockquoteBorderEndEndRadius": 0,
|
|
@@ -793,6 +708,7 @@
|
|
|
793
708
|
"utrechtActionInertCursor": "default",
|
|
794
709
|
"utrechtActionNavigateCursor": "pointer",
|
|
795
710
|
"utrechtActionSubmitCursor": "pointer",
|
|
711
|
+
"rhcUnorderedListNestedMarginInlineStart": "0rem",
|
|
796
712
|
"rhcToggletipColor": "#fff",
|
|
797
713
|
"rhcToggletipBackgroundColor": "#007bc7",
|
|
798
714
|
"rhcToggletipBorderColor": "transparent",
|
|
@@ -933,7 +849,7 @@
|
|
|
933
849
|
"rhcLinkListCardRowGap": "1rem",
|
|
934
850
|
"rhcLinkListCardPaddingInlineStart": "1.5rem",
|
|
935
851
|
"rhcLinkListCardPaddingInlineEnd": "1.5rem",
|
|
936
|
-
"
|
|
852
|
+
"rhcLinkColumnGap": "0.25rem",
|
|
937
853
|
"rhcIconOnlyButtonPaddingBlockEnd": "0.75rem",
|
|
938
854
|
"rhcIconOnlyButtonPaddingBlockStart": "0.75rem",
|
|
939
855
|
"rhcIconOnlyButtonPaddingInlineEnd": "0.75rem",
|
|
@@ -1046,13 +962,55 @@
|
|
|
1046
962
|
"rhcCheckboxGroupPaddingBlockEnd": "0.5rem",
|
|
1047
963
|
"rhcCheckboxGroupPaddingBlockStart": "0.5rem",
|
|
1048
964
|
"rhcCheckboxGroupRowGap": "1rem",
|
|
965
|
+
"rhcCardBackgroundColor": "#fff",
|
|
966
|
+
"rhcCardBorderColor": "#CBD5E1",
|
|
967
|
+
"rhcCardBorderRadius": "5px",
|
|
968
|
+
"rhcCardBorderWidth": "1px",
|
|
969
|
+
"rhcCardColor": "#0F172A",
|
|
970
|
+
"rhcCardColumnGap": "1rem",
|
|
971
|
+
"rhcCardInlineSize": "328px",
|
|
972
|
+
"rhcCardIconColor": "#154273",
|
|
973
|
+
"rhcCardIconSize": "24px",
|
|
974
|
+
"rhcCardLinkColor": "#01689b",
|
|
975
|
+
"rhcCardLinkTextDecoration": "underline",
|
|
976
|
+
"rhcCardLinkActiveTextDecoration": "none",
|
|
977
|
+
"rhcCardLinkHoverTextDecoration": "none",
|
|
978
|
+
"rhcCardLinkFocusTextDecoration": "none",
|
|
979
|
+
"rhcCardMetadataColor": "#334155",
|
|
980
|
+
"rhcCardPaddingBlockEnd": "1rem",
|
|
981
|
+
"rhcCardPaddingBlockStart": "1rem",
|
|
982
|
+
"rhcCardPaddingInlineEnd": "1rem",
|
|
983
|
+
"rhcCardPaddingInlineStart": "1rem",
|
|
984
|
+
"rhcCardRowGap": "0.75rem",
|
|
985
|
+
"rhcCardActiveBackgroundColor": "#F1F5F9",
|
|
986
|
+
"rhcCardActiveTextDecoration": "underline",
|
|
987
|
+
"rhcCardHoverBackgroundColor": "#F8FAFC",
|
|
988
|
+
"rhcCardHoverTextDecoration": "underline",
|
|
989
|
+
"rhcCardFocusBackgroundColor": "#dce3ea",
|
|
990
|
+
"rhcCardFocusTextDecoration": "underline",
|
|
991
|
+
"rhcCardFullBleedBackgroundColor": "#000",
|
|
992
|
+
"rhcCardFullBleedBorderColor": "transparent",
|
|
993
|
+
"rhcCardFullBleedColor": "#fff",
|
|
994
|
+
"rhcCardFullBleedOpacity": 0.5,
|
|
995
|
+
"rhcCardHeadingColor": "#154273",
|
|
996
|
+
"rhcCardHeadingPaddingBlockStart": "0.5rem",
|
|
997
|
+
"rhcCardHeadingFontSize": "1.5rem",
|
|
998
|
+
"rhcCardHeadingFontWeight": 700,
|
|
999
|
+
"rhcCardHorizontalBackgroundColor": "#154273",
|
|
1000
|
+
"rhcCardHorizontalBorderColor": "transparent",
|
|
1001
|
+
"rhcCardHorizontalColor": "#fff",
|
|
1002
|
+
"rhcCardHorizontalMaxBlockSize": "96px",
|
|
1003
|
+
"rhcCardHorizontalPaddingBlockEnd": 0,
|
|
1004
|
+
"rhcCardHorizontalPaddingBlockStart": 0,
|
|
1005
|
+
"rhcCardHorizontalPaddingInlineEnd": "1rem",
|
|
1006
|
+
"rhcCardHorizontalPaddingInlineStart": "1rem",
|
|
1007
|
+
"rhcCardHorizontalHeadingInlineSize": "200px",
|
|
1049
1008
|
"rhcCardAsLinkBackgroundColor": "#fff",
|
|
1050
1009
|
"rhcCardAsLinkBorderColor": "#CBD5E1",
|
|
1051
1010
|
"rhcCardAsLinkBorderRadius": "5px",
|
|
1052
1011
|
"rhcCardAsLinkBorderWidth": "1px",
|
|
1053
1012
|
"rhcCardAsLinkColor": "#0F172A",
|
|
1054
1013
|
"rhcCardAsLinkColumnGap": "1rem",
|
|
1055
|
-
"rhcCardAsLinkInlineSize": "328px",
|
|
1056
1014
|
"rhcCardAsLinkIconColor": "#154273",
|
|
1057
1015
|
"rhcCardAsLinkIconSize": "24px",
|
|
1058
1016
|
"rhcCardAsLinkLinkColor": "#01689b",
|
|
@@ -1089,6 +1047,7 @@
|
|
|
1089
1047
|
"rhcCardAsLinkHorizontalPaddingInlineEnd": "1rem",
|
|
1090
1048
|
"rhcCardAsLinkHorizontalPaddingInlineStart": "1rem",
|
|
1091
1049
|
"rhcCardAsLinkHorizontalHeadingInlineSize": "200px",
|
|
1050
|
+
"rhcBreadcrumbNavLinkCurrentColor": "#334155",
|
|
1092
1051
|
"rhcKeepComment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.",
|
|
1093
1052
|
"rhcKeepTopLeftBorderRadiusTopLeft": "48px",
|
|
1094
1053
|
"rhcKeepTopLeftBorderRadiusTopRight": 0,
|
|
@@ -1423,12 +1382,6 @@
|
|
|
1423
1382
|
"nlSkipLinkTextUnderlineOffset": "0.125rem",
|
|
1424
1383
|
"nlSkipLinkLineHeight": "150%",
|
|
1425
1384
|
"nlSkipLinkFontSize": "1.25rem",
|
|
1426
|
-
"nlParagraphLeadColor": "#0F172A",
|
|
1427
|
-
"nlParagraphLeadFontSize": "1.5rem",
|
|
1428
|
-
"nlParagraphLeadFontWeight": 400,
|
|
1429
|
-
"nlParagraphLeadLineHeight": "150%",
|
|
1430
|
-
"nlParagraphLeadMarginBlockEnd": "0rem",
|
|
1431
|
-
"nlParagraphLeadMarginBlockStart": "0rem",
|
|
1432
1385
|
"nlParagraphColor": "#0F172A",
|
|
1433
1386
|
"nlParagraphFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
1434
1387
|
"nlParagraphFontSize": "1.25rem",
|
|
@@ -1436,6 +1389,11 @@
|
|
|
1436
1389
|
"nlParagraphLineHeight": "150%",
|
|
1437
1390
|
"nlParagraphMarginBlockEnd": "0rem",
|
|
1438
1391
|
"nlParagraphMarginBlockStart": "0rem",
|
|
1392
|
+
"nlParagraphLeadFontSize": "1.5rem",
|
|
1393
|
+
"nlParagraphLeadFontWeight": 400,
|
|
1394
|
+
"nlParagraphLeadLineHeight": "150%",
|
|
1395
|
+
"nlParagraphLeadMarginBlockEnd": "0rem",
|
|
1396
|
+
"nlParagraphLeadMarginBlockStart": "0rem",
|
|
1439
1397
|
"nlNumberBadgeLineHeight": "125%",
|
|
1440
1398
|
"nlNumberBadgeBackgroundColor": "#154273",
|
|
1441
1399
|
"nlNumberBadgeBorderColor": "transparent",
|
|
@@ -1449,26 +1407,13 @@
|
|
|
1449
1407
|
"nlNumberBadgeMinInlineSize": "24px",
|
|
1450
1408
|
"nlNumberBadgePaddingBlock": "0.125rem",
|
|
1451
1409
|
"nlNumberBadgePaddingInline": "0.5rem",
|
|
1452
|
-
"nlLinkColumnGap": "0.25rem",
|
|
1453
|
-
"nlLinkFontFamily": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
1454
|
-
"nlLinkFontSize": "1.25rem",
|
|
1455
|
-
"nlLinkFontWeight": 400,
|
|
1456
|
-
"nlLinkLineHeight": "150%",
|
|
1457
|
-
"nlLinkIconInsetBlockStart": "0.25rem",
|
|
1458
|
-
"nlLinkIconSize": "24px",
|
|
1459
|
-
"nlLinkActiveTextDecoration": "None",
|
|
1460
|
-
"nlLinkActiveColor": "#1a4972",
|
|
1461
|
-
"nlLinkFocusBackgroundColor": "transparent",
|
|
1462
|
-
"nlLinkFocusColor": "#01689b",
|
|
1463
|
-
"nlLinkFocusTextDecoration": "None",
|
|
1464
|
-
"nlLinkFocusTextDecorationThickness": "auto",
|
|
1465
|
-
"nlLinkVisitedColor": "#01689b",
|
|
1466
1410
|
"nlLinkColor": "#01689b",
|
|
1467
1411
|
"nlLinkTextDecorationColor": "inherit",
|
|
1468
1412
|
"nlLinkTextDecorationLine": "underline",
|
|
1469
1413
|
"nlLinkTextDecorationThickness": "0.0625em",
|
|
1470
1414
|
"nlLinkTextUnderlineOffset": "0.125rem",
|
|
1471
1415
|
"nlLinkCurrentCursor": "default",
|
|
1416
|
+
"nlLinkActiveColor": "#1a4972",
|
|
1472
1417
|
"nlLinkDisabledColor": "#334155",
|
|
1473
1418
|
"nlLinkDisabledCursor": "disabled",
|
|
1474
1419
|
"nlLinkHoverTextDecorationLine": "underline",
|
|
@@ -1516,6 +1461,7 @@
|
|
|
1516
1461
|
"nlHeadingLevel6LineHeight": "150%",
|
|
1517
1462
|
"nlHeadingLevel6MarginBlockEnd": "0rem",
|
|
1518
1463
|
"nlHeadingLevel6MarginBlockStart": "0rem",
|
|
1464
|
+
"figmaLinkIconSize": "1.25rem",
|
|
1519
1465
|
"basisColorDefaultBgDocument": "#fff",
|
|
1520
1466
|
"basisColorDefaultColorDocument": "#0F172A",
|
|
1521
1467
|
"basisColorDefaultColorSubtle": "#334155",
|