@rijkshuisstijl-community/design-tokens 1.2.0 → 2.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.
Files changed (95) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/README.md +153 -12
  3. package/dist/_variables.scss +94 -78
  4. package/dist/index.css +94 -78
  5. package/dist/index.d.ts +48 -32
  6. package/dist/index.js +94 -78
  7. package/dist/index.json +93 -77
  8. package/dist/index.tokens.json +113 -85
  9. package/dist/root.css +94 -78
  10. package/dist/tokens.d.ts +67 -39
  11. package/dist/tokens.js +1285 -921
  12. package/dist/uitvoerend-groen/_variables.scss +1337 -0
  13. package/dist/uitvoerend-groen/index.css +1340 -0
  14. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-groen}/index.d.ts +922 -911
  15. package/dist/uitvoerend-groen/index.js +1338 -0
  16. package/dist/uitvoerend-groen/index.json +1335 -0
  17. package/dist/uitvoerend-groen/index.tokens.json +2049 -0
  18. package/dist/uitvoerend-groen/root.css +1340 -0
  19. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-groen}/tokens.d.ts +1508 -1513
  20. package/dist/uitvoerend-groen/tokens.js +31258 -0
  21. package/dist/uitvoerend-hemelblauw/_variables.scss +1337 -0
  22. package/dist/uitvoerend-hemelblauw/index.css +1340 -0
  23. package/dist/uitvoerend-hemelblauw/index.d.ts +1338 -0
  24. package/dist/uitvoerend-hemelblauw/index.js +1338 -0
  25. package/dist/uitvoerend-hemelblauw/index.json +1335 -0
  26. package/dist/uitvoerend-hemelblauw/index.tokens.json +2049 -0
  27. package/dist/uitvoerend-hemelblauw/root.css +1340 -0
  28. package/dist/uitvoerend-hemelblauw/tokens.d.ts +2072 -0
  29. package/dist/uitvoerend-hemelblauw/tokens.js +31258 -0
  30. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/_variables.scss +778 -767
  31. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.css +779 -768
  32. package/dist/uitvoerend-mintgroen/index.d.ts +1338 -0
  33. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.js +981 -970
  34. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.json +980 -969
  35. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.tokens.json +1611 -1616
  36. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/root.css +778 -767
  37. package/dist/uitvoerend-mintgroen/tokens.d.ts +2072 -0
  38. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/tokens.js +22466 -22247
  39. package/dist/uitvoerend-oranje/_variables.scss +1337 -0
  40. package/dist/uitvoerend-oranje/index.css +1340 -0
  41. package/dist/uitvoerend-oranje/index.d.ts +1338 -0
  42. package/dist/uitvoerend-oranje/index.js +1338 -0
  43. package/dist/uitvoerend-oranje/index.json +1335 -0
  44. package/dist/uitvoerend-oranje/index.tokens.json +2049 -0
  45. package/dist/uitvoerend-oranje/root.css +1340 -0
  46. package/dist/uitvoerend-oranje/tokens.d.ts +2072 -0
  47. package/dist/uitvoerend-oranje/tokens.js +31258 -0
  48. package/dist/uitvoerend-paars/_variables.scss +1337 -0
  49. package/dist/uitvoerend-paars/index.css +1340 -0
  50. package/dist/uitvoerend-paars/index.d.ts +1338 -0
  51. package/dist/uitvoerend-paars/index.js +1338 -0
  52. package/dist/uitvoerend-paars/index.json +1335 -0
  53. package/dist/uitvoerend-paars/index.tokens.json +2049 -0
  54. package/dist/uitvoerend-paars/root.css +1340 -0
  55. package/dist/uitvoerend-paars/tokens.d.ts +2072 -0
  56. package/dist/uitvoerend-paars/tokens.js +31258 -0
  57. package/dist/uitvoerend-violet/_variables.scss +191 -175
  58. package/dist/uitvoerend-violet/index.css +191 -175
  59. package/dist/uitvoerend-violet/index.d.ts +88 -72
  60. package/dist/uitvoerend-violet/index.js +191 -175
  61. package/dist/uitvoerend-violet/index.json +190 -174
  62. package/dist/uitvoerend-violet/index.tokens.json +227 -199
  63. package/dist/uitvoerend-violet/root.css +191 -175
  64. package/dist/uitvoerend-violet/tokens.d.ts +123 -95
  65. package/dist/uitvoerend-violet/tokens.js +16557 -16193
  66. package/dist/uitvoerend-violet-oud/_variables.scss +191 -174
  67. package/dist/uitvoerend-violet-oud/index.css +191 -174
  68. package/dist/uitvoerend-violet-oud/index.d.ts +88 -71
  69. package/dist/uitvoerend-violet-oud/index.js +191 -174
  70. package/dist/uitvoerend-violet-oud/index.json +190 -173
  71. package/dist/uitvoerend-violet-oud/index.tokens.json +227 -198
  72. package/dist/uitvoerend-violet-oud/root.css +191 -174
  73. package/dist/uitvoerend-violet-oud/tokens.d.ts +123 -94
  74. package/dist/uitvoerend-violet-oud/tokens.js +12703 -12318
  75. package/dist/wetgevend/_variables.scss +131 -115
  76. package/dist/wetgevend/index.css +131 -115
  77. package/dist/wetgevend/index.d.ts +88 -72
  78. package/dist/wetgevend/index.js +131 -115
  79. package/dist/wetgevend/index.json +130 -114
  80. package/dist/wetgevend/index.tokens.json +167 -139
  81. package/dist/wetgevend/root.css +131 -115
  82. package/dist/wetgevend/tokens.d.ts +123 -95
  83. package/dist/wetgevend/tokens.js +12053 -11689
  84. package/figma/figma.tokens.json +840 -294
  85. package/package.json +1 -1
  86. package/src/generated/base.tokens.json +240 -163
  87. package/src/generated/themes.json +30580 -5292
  88. package/src/generated/uitvoerend-groen/tokens.json +6252 -0
  89. package/src/generated/uitvoerend-hemelblauw/tokens.json +6252 -0
  90. package/src/generated/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/tokens.json +4384 -4355
  91. package/src/generated/uitvoerend-oranje/tokens.json +6252 -0
  92. package/src/generated/uitvoerend-paars/tokens.json +6252 -0
  93. package/src/generated/uitvoerend-violet/tokens.json +506 -429
  94. package/src/generated/uitvoerend-violet-oud/tokens.json +512 -431
  95. package/src/generated/wetgevend/tokens.json +467 -390
package/dist/wetgevend/index.d.ts CHANGED
@@ -1,13 +1,67 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 29 Apr 2025 12:01:02 GMT
3
+ * Generated on Tue, 27 May 2025 13:07:13 GMT
4
4
  */
5
5
 
6
- export const utrechtPreHeadingColor : string;
7
- export const utrechtPreHeadingFontFamily : string;
8
- export const utrechtPreHeadingFontWeight : number;
9
- export const utrechtPreHeadingLineHeight : string;
10
- export const utrechtPreHeadingFontSize : string;
6
+ export const utrechtColumnLayoutColumnRuleColor : string;
7
+ export const utrechtColumnLayoutColumnRuleWidth : string;
8
+ export const utrechtColumnLayoutColumnWidth : string;
9
+ export const utrechtColumnLayoutGap : string;
10
+ export const utrechtBlockquoteBackgroundColor : string;
11
+ export const utrechtBlockquoteBorderInlineStartWidth : number;
12
+ export const utrechtBlockquoteBorderColor : string;
13
+ export const utrechtBlockquoteBorderRadius : number;
14
+ export const utrechtBlockquoteBorderWidth : number;
15
+ export const utrechtBlockquoteColor : string;
16
+ export const utrechtBlockquoteFontSize : string;
17
+ export const utrechtBlockquoteFontFamily : string;
18
+ export const utrechtBlockquotePaddingBlockEnd : string;
19
+ export const utrechtBlockquotePaddingBlockStart : string;
20
+ export const utrechtBlockquotePaddingInlineEnd : string;
21
+ export const utrechtBlockquotePaddingInlineStart : string;
22
+ export const utrechtBlockquoteRowGap : string;
23
+ export const utrechtBlockquoteAttributionColor : string;
24
+ export const utrechtBlockquoteAttributionFontSize : string;
25
+ export const utrechtBlockquoteContentColor : string;
26
+ export const utrechtBlockquoteContentFontSize : string;
27
+ export const utrechtBlockquoteContentFontFamily : string;
28
+ export const utrechtBlockquoteContentLineHeight : string;
29
+ export const utrechtBlockquoteContentFontWeight : number;
30
+ export const utrechtBlockquoteCaptionFontSize : string;
31
+ export const utrechtBlockquoteCaptionFontFamily : string;
32
+ export const utrechtBlockquoteCaptionLineHeight : string;
33
+ export const utrechtBlockquoteCaptionFontWeight : number;
34
+ export const utrechtBlockquoteCaptionPaddingBlockStart : string;
35
+ export const utrechtBlockquoteCaptionColor : string;
36
+ export const utrechtBlockquoteMarginBlockEnd : number;
37
+ export const utrechtBlockquoteMarginBlockStart : number;
38
+ export const utrechtBlockquoteMarginInlineEnd : number;
39
+ export const utrechtBlockquoteMarginInlineStart : number;
40
+ export const utrechtBlockquoteBorderBlockStartWidth : number;
41
+ export const utrechtBlockquoteBorderBlockEndWidth : number;
42
+ export const utrechtBlockquoteBorderInlineEndWidth : number;
43
+ export const utrechtBlockquoteBorderStartStartRadius : number;
44
+ export const utrechtBlockquoteBorderStartEndRadius : number;
45
+ export const utrechtBlockquoteBorderEndStartRadius : number;
46
+ export const utrechtBlockquoteBorderEndEndRadius : number;
47
+ export const utrechtBlockquoteBlueCornerBorderVariationBorderColor : string;
48
+ export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth : string;
49
+ export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth : string;
50
+ export const utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius : string;
51
+ export const utrechtBlockquotePinkBackgroundVariationBackgroundColor : string;
52
+ export const utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius : string;
53
+ export const utrechtBlockquotePinkBackgroundVariationPadding : string;
54
+ export const utrechtBlockquotePinkLeftBorderVariationBorderColor : string;
55
+ export const utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth : string;
56
+ export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart : string;
57
+ export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd : string;
58
+ export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart : string;
59
+ export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd : string;
60
+ export const utrechtBlockquotePinkCornerBorderVariationBorderColor : string;
61
+ export const utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth : string;
62
+ export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth : string;
63
+ export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius : string;
64
+ export const utrechtBlockquotePinkCornerBorderVariationPadding : string;
11
65
  export const utrechtIconColor : string;
12
66
  export const utrechtIconSize : string;
13
67
  export const utrechtIconInsetBlockStart : number;
@@ -242,6 +296,11 @@ export const utrechtRadioButtonHoverBorderColor : string;
242
296
  export const utrechtRadioButtonHoverBorderWidth : string;
243
297
  export const utrechtRadioButtonBorderRadius : string;
244
298
  export const utrechtRadioButtonBorderWidth : string;
299
+ export const utrechtPreHeadingColor : string;
300
+ export const utrechtPreHeadingFontFamily : string;
301
+ export const utrechtPreHeadingFontWeight : number;
302
+ export const utrechtPreHeadingLineHeight : string;
303
+ export const utrechtPreHeadingFontSize : string;
245
304
  export const utrechtParagraphColor : string;
246
305
  export const utrechtParagraphFontFamily : string;
247
306
  export const utrechtParagraphFontSize : string;
@@ -587,55 +646,6 @@ export const utrechtBreadcrumbNavDividerInsetBlockStart : number;
587
646
  export const utrechtBreadcrumbNavMarginInline : string;
588
647
  export const utrechtBreadcrumbNavFontFamily : string;
589
648
  export const utrechtBreadcrumbNavFontWeight : number;
590
- export const utrechtBlockquoteCaptionFontSize : string;
591
- export const utrechtBlockquoteCaptionFontFamily : string;
592
- export const utrechtBlockquoteCaptionLineHeight : string;
593
- export const utrechtBlockquoteCaptionFontWeight : number;
594
- export const utrechtBlockquoteCaptionPaddingBlockStart : string;
595
- export const utrechtBlockquoteCaptionColor : string;
596
- export const utrechtBlockquoteContentFontFamily : string;
597
- export const utrechtBlockquoteContentLineHeight : string;
598
- export const utrechtBlockquoteContentFontWeight : number;
599
- export const utrechtBlockquoteContentFontSize : string;
600
- export const utrechtBlockquoteContentColor : string;
601
- export const utrechtBlockquoteMarginBlockEnd : number;
602
- export const utrechtBlockquoteMarginBlockStart : number;
603
- export const utrechtBlockquoteMarginInlineEnd : number;
604
- export const utrechtBlockquoteMarginInlineStart : number;
605
- export const utrechtBlockquotePaddingBlockEnd : string;
606
- export const utrechtBlockquotePaddingBlockStart : string;
607
- export const utrechtBlockquotePaddingInlineEnd : string;
608
- export const utrechtBlockquotePaddingInlineStart : string;
609
- export const utrechtBlockquoteRowGap : string;
610
- export const utrechtBlockquoteBackgroundColor : string;
611
- export const utrechtBlockquoteBorderColor : string;
612
- export const utrechtBlockquoteBorderBlockStartWidth : number;
613
- export const utrechtBlockquoteBorderBlockEndWidth : number;
614
- export const utrechtBlockquoteBorderInlineStartWidth : number;
615
- export const utrechtBlockquoteBorderInlineEndWidth : number;
616
- export const utrechtBlockquoteBorderStartStartRadius : number;
617
- export const utrechtBlockquoteBorderStartEndRadius : number;
618
- export const utrechtBlockquoteBorderEndStartRadius : number;
619
- export const utrechtBlockquoteBorderEndEndRadius : number;
620
- export const utrechtBlockquoteBorderWidth : string;
621
- export const utrechtBlockquoteBlueCornerBorderVariationBorderColor : string;
622
- export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth : string;
623
- export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth : string;
624
- export const utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius : string;
625
- export const utrechtBlockquotePinkBackgroundVariationBackgroundColor : string;
626
- export const utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius : string;
627
- export const utrechtBlockquotePinkBackgroundVariationPadding : string;
628
- export const utrechtBlockquotePinkLeftBorderVariationBorderColor : string;
629
- export const utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth : string;
630
- export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart : string;
631
- export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd : string;
632
- export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart : string;
633
- export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd : string;
634
- export const utrechtBlockquotePinkCornerBorderVariationBorderColor : string;
635
- export const utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth : string;
636
- export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth : string;
637
- export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius : string;
638
- export const utrechtBlockquotePinkCornerBorderVariationPadding : string;
639
649
  export const utrechtArticleMaxInlineSize : string;
640
650
  export const utrechtAlertHeadingFontFamily : string;
641
651
  export const utrechtAlertHeadingFontWeight : number;
@@ -712,6 +722,27 @@ export const utrechtFocusOutlineOffset : string;
712
722
  export const utrechtFocusOutlineStyle : string;
713
723
  export const utrechtFocusOutlineWidth : string;
714
724
  export const utrechtFocusInverseOutlineColor : string;
725
+ export const rhcKeepComment : string;
726
+ export const rhcKeepTopLeftBorderRadiusTopLeft : string;
727
+ export const rhcKeepTopLeftBorderRadiusTopRight : number;
728
+ export const rhcKeepTopLeftBorderRadiusBottomRight : number;
729
+ export const rhcKeepTopLeftBorderRadiusBottomLeft : number;
730
+ export const rhcKeepTopRightBorderRadiusTopRight : string;
731
+ export const rhcKeepTopRightBorderRadiusTopLeft : number;
732
+ export const rhcKeepTopRightBorderRadiusBottomRight : number;
733
+ export const rhcKeepTopRightBorderRadiusBottomLeft : number;
734
+ export const rhcKeepBottomRightBorderRadiusTopLeft : number;
735
+ export const rhcKeepBottomRightBorderRadiusTopRight : number;
736
+ export const rhcKeepBottomRightBorderRadiusBottomRight : string;
737
+ export const rhcKeepBottomRightBorderRadiusBottomLeft : number;
738
+ export const rhcKeepBottomLeftBorderRadiusTopLeft : number;
739
+ export const rhcKeepBottomLeftBorderRadiusTopRight : number;
740
+ export const rhcKeepBottomLeftBorderRadiusBottomRight : number;
741
+ export const rhcKeepBottomLeftBorderRadiusBottomLeft : string;
742
+ export const rhcRoundedCornerXsBorderRadius : string;
743
+ export const rhcRoundedCornerMdBorderRadius : string;
744
+ export const rhcRoundedCornerXlBorderRadius : string;
745
+ export const rhcRoundedCornerBorderWidth : string;
715
746
  export const rhcSubNavBarBackgroundColor : string;
716
747
  export const rhcSubNavBarColumnGap : string;
717
748
  export const rhcSubNavBarColumnWidth : string;
@@ -984,31 +1015,16 @@ export const rhcAccordionSectionBorderColor : string;
984
1015
  export const rhcAccordionHeaderMargin : number;
985
1016
  export const rhcAccordionBorderRadius : string;
986
1017
  export const rhcAccordionColor : string;
987
- export const rhcKeepTopLeftBorderRadiusTopLeft : string;
988
- export const rhcKeepTopLeftBorderRadiusTopRight : number;
989
- export const rhcKeepTopLeftBorderRadiusBottomRight : number;
990
- export const rhcKeepTopLeftBorderRadiusBottomLeft : number;
991
- export const rhcKeepTopRightBorderRadiusTopRight : string;
992
- export const rhcKeepTopRightBorderRadiusTopLeft : number;
993
- export const rhcKeepTopRightBorderRadiusBottomRight : number;
994
- export const rhcKeepTopRightBorderRadiusBottomLeft : number;
995
- export const rhcKeepBottomRightBorderRadiusTopLeft : number;
996
- export const rhcKeepBottomRightBorderRadiusTopRight : number;
997
- export const rhcKeepBottomRightBorderRadiusBottomRight : string;
998
- export const rhcKeepBottomRightBorderRadiusBottomLeft : number;
999
- export const rhcKeepBottomLeftBorderRadiusTopLeft : number;
1000
- export const rhcKeepBottomLeftBorderRadiusTopRight : number;
1001
- export const rhcKeepBottomLeftBorderRadiusBottomRight : number;
1002
- export const rhcKeepBottomLeftBorderRadiusBottomLeft : string;
1003
1018
  export const rhcBorderRadiusSm : string;
1004
1019
  export const rhcBorderRadiusMd : string;
1005
- export const rhcBorderRadiusKeep : string;
1006
1020
  export const rhcBorderRadiusCircle : string;
1007
1021
  export const rhcBorderRadiusNone : string;
1008
1022
  export const rhcColorFocusOutline : string;
1009
1023
  export const rhcColorForegroundDefault : string;
1010
1024
  export const rhcColorForegroundSubdued : string;
1011
1025
  export const rhcColorForegroundLink : string;
1026
+ export const rhcColorForegroundOnDarkColor : string;
1027
+ export const rhcColorForegroundOnLightColor : string;
1012
1028
  export const rhcColorForegroundOnEmphasis : string;
1013
1029
  export const rhcColorBorderDefault : string;
1014
1030
  export const rhcColorBorderSubdued : string;