@rijkshuisstijl-community/design-tokens 1.2.0 → 3.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 +64 -0
  2. package/README.md +153 -12
  3. package/dist/_variables.scss +155 -100
  4. package/dist/index.css +155 -100
  5. package/dist/index.d.ts +98 -43
  6. package/dist/index.js +155 -100
  7. package/dist/index.json +154 -99
  8. package/dist/index.tokens.json +214 -125
  9. package/dist/root.css +155 -100
  10. package/dist/tokens.d.ts +157 -68
  11. package/dist/tokens.js +7489 -6212
  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 +468 -457
  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 +2045 -0
  18. package/dist/uitvoerend-groen/root.css +1340 -0
  19. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-groen}/tokens.d.ts +723 -732
  20. package/dist/uitvoerend-groen/tokens.js +31224 -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 +2045 -0
  27. package/dist/uitvoerend-hemelblauw/root.css +1340 -0
  28. package/dist/uitvoerend-hemelblauw/tokens.d.ts +2068 -0
  29. package/dist/uitvoerend-hemelblauw/tokens.js +31224 -0
  30. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/_variables.scss +589 -578
  31. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.css +590 -579
  32. package/dist/uitvoerend-mintgroen/index.d.ts +1338 -0
  33. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.js +533 -522
  34. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.json +532 -521
  35. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.tokens.json +773 -782
  36. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/root.css +589 -578
  37. package/dist/uitvoerend-mintgroen/tokens.d.ts +2068 -0
  38. package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/tokens.js +18125 -17940
  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 +2045 -0
  45. package/dist/uitvoerend-oranje/root.css +1340 -0
  46. package/dist/uitvoerend-oranje/tokens.d.ts +2068 -0
  47. package/dist/uitvoerend-oranje/tokens.js +31224 -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 +2045 -0
  54. package/dist/uitvoerend-paars/root.css +1340 -0
  55. package/dist/uitvoerend-paars/tokens.d.ts +2068 -0
  56. package/dist/uitvoerend-paars/tokens.js +31224 -0
  57. package/dist/uitvoerend-violet/_variables.scss +680 -664
  58. package/dist/uitvoerend-violet/index.css +680 -664
  59. package/dist/uitvoerend-violet/index.d.ts +771 -755
  60. package/dist/uitvoerend-violet/index.js +803 -787
  61. package/dist/uitvoerend-violet/index.json +802 -786
  62. package/dist/uitvoerend-violet/index.tokens.json +1644 -1620
  63. package/dist/uitvoerend-violet/root.css +680 -664
  64. package/dist/uitvoerend-violet/tokens.d.ts +1539 -1515
  65. package/dist/uitvoerend-violet/tokens.js +21711 -21381
  66. package/dist/uitvoerend-violet-oud/_variables.scss +687 -670
  67. package/dist/uitvoerend-violet-oud/index.css +687 -670
  68. package/dist/uitvoerend-violet-oud/index.d.ts +771 -754
  69. package/dist/uitvoerend-violet-oud/index.js +803 -786
  70. package/dist/uitvoerend-violet-oud/index.json +802 -785
  71. package/dist/uitvoerend-violet-oud/index.tokens.json +1678 -1653
  72. package/dist/uitvoerend-violet-oud/root.css +687 -670
  73. package/dist/uitvoerend-violet-oud/tokens.d.ts +1536 -1511
  74. package/dist/uitvoerend-violet-oud/tokens.js +21594 -21243
  75. package/dist/wetgevend/_variables.scss +636 -620
  76. package/dist/wetgevend/index.css +636 -620
  77. package/dist/wetgevend/index.d.ts +771 -755
  78. package/dist/wetgevend/index.js +791 -775
  79. package/dist/wetgevend/index.json +790 -774
  80. package/dist/wetgevend/index.tokens.json +1643 -1619
  81. package/dist/wetgevend/root.css +636 -620
  82. package/dist/wetgevend/tokens.d.ts +1553 -1529
  83. package/dist/wetgevend/tokens.js +21924 -21594
  84. package/figma/figma.tokens.json +1575 -666
  85. package/package.json +1 -1
  86. package/src/generated/base.tokens.json +528 -273
  87. package/src/generated/themes.json +40651 -15395
  88. package/src/generated/uitvoerend-groen/tokens.json +6248 -0
  89. package/src/generated/uitvoerend-hemelblauw/tokens.json +6248 -0
  90. package/src/generated/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/tokens.json +2598 -2573
  91. package/src/generated/uitvoerend-oranje/tokens.json +6248 -0
  92. package/src/generated/uitvoerend-paars/tokens.json +6248 -0
  93. package/src/generated/uitvoerend-violet/tokens.json +4538 -4465
  94. package/src/generated/uitvoerend-violet-oud/tokens.json +4525 -4448
  95. package/src/generated/wetgevend/tokens.json +4547 -4474
package/dist/index.d.ts CHANGED
@@ -1,8 +1,12 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 29 Apr 2025 12:01:02 GMT
3
+ * Generated on Mon, 16 Jun 2025 09:33:53 GMT
4
4
  */
5
5
 
6
+ export const utrechtColumnLayoutColumnRuleColor : string;
7
+ export const utrechtColumnLayoutColumnRuleWidth : string;
8
+ export const utrechtColumnLayoutColumnWidth : string;
9
+ export const utrechtColumnLayoutGap : string;
6
10
  export const utrechtUnorderedListPaddingInlineStart : string;
7
11
  export const utrechtUnorderedListMarginBlockEnd : string;
8
12
  export const utrechtUnorderedListMarginBlockStart : string;
@@ -587,37 +591,43 @@ export const utrechtBreadcrumbNavDividerInsetBlockStart : number;
587
591
  export const utrechtBreadcrumbNavMarginInline : string;
588
592
  export const utrechtBreadcrumbNavFontFamily : string;
589
593
  export const utrechtBreadcrumbNavFontWeight : number;
594
+ export const utrechtBlockquoteBackgroundColor : string;
595
+ export const utrechtBlockquoteBorderInlineStartWidth : number;
596
+ export const utrechtBlockquoteBorderColor : string;
597
+ export const utrechtBlockquoteBorderRadius : number;
598
+ export const utrechtBlockquoteBorderWidth : number;
599
+ export const utrechtBlockquoteColor : string;
600
+ export const utrechtBlockquoteFontSize : string;
601
+ export const utrechtBlockquoteFontFamily : string;
602
+ export const utrechtBlockquotePaddingBlockEnd : string;
603
+ export const utrechtBlockquotePaddingBlockStart : string;
604
+ export const utrechtBlockquotePaddingInlineEnd : string;
605
+ export const utrechtBlockquotePaddingInlineStart : string;
606
+ export const utrechtBlockquoteRowGap : string;
607
+ export const utrechtBlockquoteAttributionColor : string;
608
+ export const utrechtBlockquoteAttributionFontSize : string;
609
+ export const utrechtBlockquoteContentColor : string;
610
+ export const utrechtBlockquoteContentFontSize : string;
611
+ export const utrechtBlockquoteContentFontFamily : string;
612
+ export const utrechtBlockquoteContentLineHeight : string;
613
+ export const utrechtBlockquoteContentFontWeight : number;
590
614
  export const utrechtBlockquoteCaptionFontSize : string;
591
615
  export const utrechtBlockquoteCaptionFontFamily : string;
592
616
  export const utrechtBlockquoteCaptionLineHeight : string;
593
617
  export const utrechtBlockquoteCaptionFontWeight : number;
594
618
  export const utrechtBlockquoteCaptionPaddingBlockStart : string;
595
619
  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
620
  export const utrechtBlockquoteMarginBlockEnd : number;
602
621
  export const utrechtBlockquoteMarginBlockStart : number;
603
622
  export const utrechtBlockquoteMarginInlineEnd : number;
604
623
  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
624
  export const utrechtBlockquoteBorderBlockStartWidth : number;
613
625
  export const utrechtBlockquoteBorderBlockEndWidth : number;
614
- export const utrechtBlockquoteBorderInlineStartWidth : number;
615
626
  export const utrechtBlockquoteBorderInlineEndWidth : number;
616
627
  export const utrechtBlockquoteBorderStartStartRadius : number;
617
628
  export const utrechtBlockquoteBorderStartEndRadius : number;
618
629
  export const utrechtBlockquoteBorderEndStartRadius : number;
619
630
  export const utrechtBlockquoteBorderEndEndRadius : number;
620
- export const utrechtBlockquoteBorderWidth : string;
621
631
  export const utrechtBlockquoteBlueCornerBorderVariationBorderColor : string;
622
632
  export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth : string;
623
633
  export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth : string;
@@ -695,6 +705,12 @@ export const utrechtAccordionButtonActiveBackgroundColor : string;
695
705
  export const utrechtAccordionButtonActiveBorderColor : string;
696
706
  export const utrechtAccordionButtonActiveColor : string;
697
707
  export const utrechtAccordionButtonActiveRowGap : number;
708
+ export const utrechtActionActivateCursor : string;
709
+ export const utrechtActionBusyCursor : string;
710
+ export const utrechtActionDisabledCursor : string;
711
+ export const utrechtActionInertCursor : string;
712
+ export const utrechtActionNavigateCursor : string;
713
+ export const utrechtActionSubmitCursor : string;
698
714
  export const utrechtDocumentBackgroundColor : string;
699
715
  export const utrechtDocumentColor : string;
700
716
  export const utrechtDocumentFontFamily : string;
@@ -919,6 +935,39 @@ export const rhcFileSubtitleColor : string;
919
935
  export const rhcDotBadgeBorderRadius : string;
920
936
  export const rhcDotBadgeColor : string;
921
937
  export const rhcDotBadgeSize : string;
938
+ export const rhcDataSummaryFontFamily : string;
939
+ export const rhcDataSummaryItemValueFontWeight : number;
940
+ export const rhcDataSummaryItemValueRowPaddingBlockEnd : string;
941
+ export const rhcDataSummaryItemValueRowPaddingBlockStart : string;
942
+ export const rhcDataSummaryItemValueRowPaddingInlineEnd : number;
943
+ export const rhcDataSummaryItemValueRowPaddingInlineStart : string;
944
+ export const rhcDataSummaryItemValuePaddingBlockEnd : string;
945
+ export const rhcDataSummaryItemValuePaddingBlockStart : number;
946
+ export const rhcDataSummaryItemValuePaddingInlineEnd : number;
947
+ export const rhcDataSummaryItemValuePaddingInlineStart : number;
948
+ export const rhcDataSummaryItemKeyFontWeight : number;
949
+ export const rhcDataSummaryItemKeyRowPaddingBlockEnd : string;
950
+ export const rhcDataSummaryItemKeyRowPaddingBlockStart : string;
951
+ export const rhcDataSummaryItemKeyRowPaddingInlineEnd : string;
952
+ export const rhcDataSummaryItemKeyRowPaddingInlineStart : number;
953
+ export const rhcDataSummaryItemKeyPaddingBlockEnd : string;
954
+ export const rhcDataSummaryItemKeyPaddingBlockStart : string;
955
+ export const rhcDataSummaryItemKeyPaddingInlineEnd : number;
956
+ export const rhcDataSummaryItemKeyPaddingInlineStart : number;
957
+ export const rhcDataSummaryItemBorderWidth : string;
958
+ export const rhcDataSummaryItemBorderColor : string;
959
+ export const rhcDataSummaryItemBorderBlockEndStyle : string;
960
+ export const rhcDataSummaryItemColor : string;
961
+ export const rhcDataSummaryFontSize : string;
962
+ export const rhcDataSummaryLineHeight : string;
963
+ export const rhcDataSummaryItemActionRowPaddingBlockEnd : string;
964
+ export const rhcDataSummaryItemActionRowPaddingBlockStart : string;
965
+ export const rhcDataSummaryItemActionRowPaddingInlineEnd : number;
966
+ export const rhcDataSummaryItemActionRowPaddingInlineStart : string;
967
+ export const rhcDataSummaryItemActionPaddingBlockEnd : string;
968
+ export const rhcDataSummaryItemActionPaddingBlockStart : string;
969
+ export const rhcDataSummaryItemActionPaddingInlineEnd : string;
970
+ export const rhcDataSummaryItemActionPaddingInlineStart : number;
922
971
  export const rhcCodeInputSize : string;
923
972
  export const rhcCodeInputGroupColumnGap : string;
924
973
  export const rhcCheckboxGroupPaddingBlockEnd : string;
@@ -967,6 +1016,23 @@ export const rhcCardAsLinkHorizontalPaddingBlockStart : number;
967
1016
  export const rhcCardAsLinkHorizontalPaddingInlineEnd : string;
968
1017
  export const rhcCardAsLinkHorizontalPaddingInlineStart : string;
969
1018
  export const rhcCardAsLinkHorizontalHeadingInlineSize : string;
1019
+ export const rhcKeepComment : string;
1020
+ export const rhcKeepTopLeftBorderRadiusTopLeft : string;
1021
+ export const rhcKeepTopLeftBorderRadiusTopRight : number;
1022
+ export const rhcKeepTopLeftBorderRadiusBottomRight : number;
1023
+ export const rhcKeepTopLeftBorderRadiusBottomLeft : number;
1024
+ export const rhcKeepTopRightBorderRadiusTopRight : string;
1025
+ export const rhcKeepTopRightBorderRadiusTopLeft : number;
1026
+ export const rhcKeepTopRightBorderRadiusBottomRight : number;
1027
+ export const rhcKeepTopRightBorderRadiusBottomLeft : number;
1028
+ export const rhcKeepBottomRightBorderRadiusTopLeft : number;
1029
+ export const rhcKeepBottomRightBorderRadiusTopRight : number;
1030
+ export const rhcKeepBottomRightBorderRadiusBottomRight : string;
1031
+ export const rhcKeepBottomRightBorderRadiusBottomLeft : number;
1032
+ export const rhcKeepBottomLeftBorderRadiusTopLeft : number;
1033
+ export const rhcKeepBottomLeftBorderRadiusTopRight : number;
1034
+ export const rhcKeepBottomLeftBorderRadiusBottomRight : number;
1035
+ export const rhcKeepBottomLeftBorderRadiusBottomLeft : string;
970
1036
  export const rhcAccordionButtonFontFamily : string;
971
1037
  export const rhcAccordionButtonFontSize : string;
972
1038
  export const rhcAccordionButtonFontWeight : number;
@@ -984,31 +1050,20 @@ export const rhcAccordionSectionBorderColor : string;
984
1050
  export const rhcAccordionHeaderMargin : number;
985
1051
  export const rhcAccordionBorderRadius : string;
986
1052
  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;
1053
+ export const rhcRoundedCornerXsBorderRadius : string;
1054
+ export const rhcRoundedCornerMdBorderRadius : string;
1055
+ export const rhcRoundedCornerXlBorderRadius : string;
1056
+ export const rhcRoundedCornerBorderWidth : string;
1003
1057
  export const rhcBorderRadiusSm : string;
1004
1058
  export const rhcBorderRadiusMd : string;
1005
- export const rhcBorderRadiusKeep : string;
1006
1059
  export const rhcBorderRadiusCircle : string;
1007
1060
  export const rhcBorderRadiusNone : string;
1008
1061
  export const rhcColorFocusOutline : string;
1009
1062
  export const rhcColorForegroundDefault : string;
1010
1063
  export const rhcColorForegroundSubdued : string;
1011
1064
  export const rhcColorForegroundLink : string;
1065
+ export const rhcColorForegroundOnDarkColor : string;
1066
+ export const rhcColorForegroundOnLightColor : string;
1012
1067
  export const rhcColorForegroundOnEmphasis : string;
1013
1068
  export const rhcColorBorderDefault : string;
1014
1069
  export const rhcColorBorderSubdued : string;
@@ -1160,9 +1215,8 @@ export const rhcFontSizeHeadingLevel2 : string;
1160
1215
  export const rhcFontSizeHeadingLevel3 : string;
1161
1216
  export const rhcFontSizeHeadingLevel4 : string;
1162
1217
  export const rhcFontSizeHeadingLevel5 : string;
1163
- export const rhcFontSizeParagraphIntro : string;
1164
- export const rhcFontSizeParagraphDefault : string;
1165
- export const rhcFontSizeParagraphSmall : string;
1218
+ export const rhcFontSizeBodyIntro : string;
1219
+ export const rhcFontSizeBodyDefault : string;
1166
1220
  export const rhcFontSizeXsDesktop : string;
1167
1221
  export const rhcFontSizeXsTablet : string;
1168
1222
  export const rhcFontSizeXsMobile : string;
@@ -1178,7 +1232,15 @@ export const rhcFontSizeLgMobile : string;
1178
1232
  export const rhcFontSizeXlDesktop : string;
1179
1233
  export const rhcFontSizeXlTablet : string;
1180
1234
  export const rhcFontSizeXlMobile : string;
1181
- export const rhcLineHeightParagraph : string;
1235
+ export const rhcFontWeightDefault : number;
1236
+ export const rhcFontWeightStrong : number;
1237
+ export const rhcFontWeightExtraBold : number;
1238
+ export const rhcFontWeightBold : number;
1239
+ export const rhcFontWeightSemiBold : number;
1240
+ export const rhcFontWeightRegular : number;
1241
+ export const rhcFontWeightLight : number;
1242
+ export const rhcFontWeightThin : number;
1243
+ export const rhcLineHeightBody : string;
1182
1244
  export const rhcLineHeightSm : string;
1183
1245
  export const rhcLineHeightMd : string;
1184
1246
  export const rhcSizeTarget : string;
@@ -1188,13 +1250,6 @@ export const rhcSizeHalfLint : string;
1188
1250
  export const rhcSizeLint : string;
1189
1251
  export const rhcSize2Lint : string;
1190
1252
  export const rhcSize3Lint : string;
1191
- export const rhcFontWeightExtraBold : number;
1192
- export const rhcFontWeightBold : number;
1193
- export const rhcFontWeightSemiBold : number;
1194
- export const rhcFontWeightRegular : number;
1195
- export const rhcFontWeightChosenRegular : number;
1196
- export const rhcFontWeightLight : number;
1197
- export const rhcFontWeightThin : number;
1198
1253
  export const rhcFontFamilyPrimary : string;
1199
1254
  export const rhcFontFamilySecondary : string;
1200
1255
  export const rhcBorderWidthDefault : string;