@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/tokens.d.ts CHANGED
@@ -1,6 +1,6 @@
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
6
  export default tokens;
@@ -23,12 +23,82 @@ declare interface DesignToken {
23
23
 
24
24
  declare const tokens: {
25
25
  "utrecht": {
26
- "pre-heading": {
26
+ "column-layout": {
27
+ "column-rule-color": DesignToken,
28
+ "column-rule-width": DesignToken,
29
+ "column-width": DesignToken,
30
+ "gap": DesignToken
31
+ },
32
+ "blockquote": {
33
+ "background-color": DesignToken,
34
+ "border-inline-start-width": DesignToken,
35
+ "border-color": DesignToken,
36
+ "border-radius": DesignToken,
37
+ "border-width": DesignToken,
27
38
  "color": DesignToken,
39
+ "font-size": DesignToken,
28
40
  "font-family": DesignToken,
29
- "font-weight": DesignToken,
30
- "line-height": DesignToken,
31
- "font-size": DesignToken
41
+ "padding-block-end": DesignToken,
42
+ "padding-block-start": DesignToken,
43
+ "padding-inline-end": DesignToken,
44
+ "padding-inline-start": DesignToken,
45
+ "row-gap": DesignToken,
46
+ "attribution": {
47
+ "color": DesignToken,
48
+ "font-size": DesignToken
49
+ },
50
+ "content": {
51
+ "color": DesignToken,
52
+ "font-size": DesignToken,
53
+ "font-family": DesignToken,
54
+ "line-height": DesignToken,
55
+ "font-weight": DesignToken
56
+ },
57
+ "caption": {
58
+ "font-size": DesignToken,
59
+ "font-family": DesignToken,
60
+ "line-height": DesignToken,
61
+ "font-weight": DesignToken,
62
+ "padding-block-start": DesignToken,
63
+ "color": DesignToken
64
+ },
65
+ "margin-block-end": DesignToken,
66
+ "margin-block-start": DesignToken,
67
+ "margin-inline-end": DesignToken,
68
+ "margin-inline-start": DesignToken,
69
+ "border-block-start-width": DesignToken,
70
+ "border-block-end-width": DesignToken,
71
+ "border-inline-end-width": DesignToken,
72
+ "border-start-start-radius": DesignToken,
73
+ "border-start-end-radius": DesignToken,
74
+ "border-end-start-radius": DesignToken,
75
+ "border-end-end-radius": DesignToken,
76
+ "blue-corner-border-variation": {
77
+ "border-color": DesignToken,
78
+ "border-block-end-width": DesignToken,
79
+ "border-inline-end-width": DesignToken,
80
+ "border-end-end-radius": DesignToken
81
+ },
82
+ "pink-background-variation": {
83
+ "background-color": DesignToken,
84
+ "border-end-start-radius": DesignToken,
85
+ "padding": DesignToken
86
+ },
87
+ "pink-left-border-variation": {
88
+ "border-color": DesignToken,
89
+ "border-inline-start-width": DesignToken,
90
+ "padding-inline-start": DesignToken,
91
+ "padding-inline-end": DesignToken,
92
+ "padding-block-start": DesignToken,
93
+ "padding-block-end": DesignToken
94
+ },
95
+ "pink-corner-border-variation": {
96
+ "border-color": DesignToken,
97
+ "border-block-start-width": DesignToken,
98
+ "border-inline-start-width": DesignToken,
99
+ "border-start-start-radius": DesignToken,
100
+ "padding": DesignToken
101
+ }
32
102
  },
33
103
  "icon": {
34
104
  "color": DesignToken,
@@ -370,6 +440,13 @@ declare const tokens: {
370
440
  "border-radius": DesignToken,
371
441
  "border-width": DesignToken
372
442
  },
443
+ "pre-heading": {
444
+ "color": DesignToken,
445
+ "font-family": DesignToken,
446
+ "font-weight": DesignToken,
447
+ "line-height": DesignToken,
448
+ "font-size": DesignToken
449
+ },
373
450
  "paragraph": {
374
451
  "color": DesignToken,
375
452
  "font-family": DesignToken,
@@ -893,69 +970,6 @@ declare const tokens: {
893
970
  "font-family": DesignToken,
894
971
  "font-weight": DesignToken
895
972
  },
896
- "blockquote": {
897
- "caption": {
898
- "font-size": DesignToken,
899
- "font-family": DesignToken,
900
- "line-height": DesignToken,
901
- "font-weight": DesignToken,
902
- "padding-block-start": DesignToken,
903
- "color": DesignToken
904
- },
905
- "content": {
906
- "font-family": DesignToken,
907
- "line-height": DesignToken,
908
- "font-weight": DesignToken,
909
- "font-size": DesignToken,
910
- "color": DesignToken
911
- },
912
- "margin-block-end": DesignToken,
913
- "margin-block-start": DesignToken,
914
- "margin-inline-end": DesignToken,
915
- "margin-inline-start": DesignToken,
916
- "padding-block-end": DesignToken,
917
- "padding-block-start": DesignToken,
918
- "padding-inline-end": DesignToken,
919
- "padding-inline-start": DesignToken,
920
- "row-gap": DesignToken,
921
- "background-color": DesignToken,
922
- "border-color": DesignToken,
923
- "border-block-start-width": DesignToken,
924
- "border-block-end-width": DesignToken,
925
- "border-inline-start-width": DesignToken,
926
- "border-inline-end-width": DesignToken,
927
- "border-start-start-radius": DesignToken,
928
- "border-start-end-radius": DesignToken,
929
- "border-end-start-radius": DesignToken,
930
- "border-end-end-radius": DesignToken,
931
- "border-width": DesignToken,
932
- "blue-corner-border-variation": {
933
- "border-color": DesignToken,
934
- "border-block-end-width": DesignToken,
935
- "border-inline-end-width": DesignToken,
936
- "border-end-end-radius": DesignToken
937
- },
938
- "pink-background-variation": {
939
- "background-color": DesignToken,
940
- "border-end-start-radius": DesignToken,
941
- "padding": DesignToken
942
- },
943
- "pink-left-border-variation": {
944
- "border-color": DesignToken,
945
- "border-inline-start-width": DesignToken,
946
- "padding-inline-start": DesignToken,
947
- "padding-inline-end": DesignToken,
948
- "padding-block-start": DesignToken,
949
- "padding-block-end": DesignToken
950
- },
951
- "pink-corner-border-variation": {
952
- "border-color": DesignToken,
953
- "border-block-start-width": DesignToken,
954
- "border-inline-start-width": DesignToken,
955
- "border-start-start-radius": DesignToken,
956
- "padding": DesignToken
957
- }
958
- },
959
973
  "article": {
960
974
  "max-inline-size": DesignToken
961
975
  },
@@ -1094,6 +1108,45 @@ declare const tokens: {
1094
1108
  }
1095
1109
  },
1096
1110
  "rhc": {
1111
+ "keep": {
1112
+ "_comment": DesignToken,
1113
+ "top-left": {
1114
+ "borderRadiusTopLeft": DesignToken,
1115
+ "borderRadiusTopRight": DesignToken,
1116
+ "borderRadiusBottomRight": DesignToken,
1117
+ "borderRadiusBottomLeft": DesignToken
1118
+ },
1119
+ "top-right": {
1120
+ "borderRadiusTopRight": DesignToken,
1121
+ "borderRadiusTopLeft": DesignToken,
1122
+ "borderRadiusBottomRight": DesignToken,
1123
+ "borderRadiusBottomLeft": DesignToken
1124
+ },
1125
+ "bottom-right": {
1126
+ "borderRadiusTopLeft": DesignToken,
1127
+ "borderRadiusTopRight": DesignToken,
1128
+ "borderRadiusBottomRight": DesignToken,
1129
+ "borderRadiusBottomLeft": DesignToken
1130
+ },
1131
+ "bottom-left": {
1132
+ "borderRadiusTopLeft": DesignToken,
1133
+ "borderRadiusTopRight": DesignToken,
1134
+ "borderRadiusBottomRight": DesignToken,
1135
+ "borderRadiusBottomLeft": DesignToken
1136
+ }
1137
+ },
1138
+ "rounded-corner": {
1139
+ "xs": {
1140
+ "border-radius": DesignToken
1141
+ },
1142
+ "md": {
1143
+ "border-radius": DesignToken
1144
+ },
1145
+ "xl": {
1146
+ "border-radius": DesignToken
1147
+ },
1148
+ "border-width": DesignToken
1149
+ },
1097
1150
  "sub-nav-bar": {
1098
1151
  "background-color": DesignToken,
1099
1152
  "column-gap": DesignToken,
@@ -1560,36 +1613,9 @@ declare const tokens: {
1560
1613
  "border-radius": DesignToken,
1561
1614
  "color": DesignToken
1562
1615
  },
1563
- "keep": {
1564
- "top-left": {
1565
- "borderRadiusTopLeft": DesignToken,
1566
- "borderRadiusTopRight": DesignToken,
1567
- "borderRadiusBottomRight": DesignToken,
1568
- "borderRadiusBottomLeft": DesignToken
1569
- },
1570
- "top-right": {
1571
- "borderRadiusTopRight": DesignToken,
1572
- "borderRadiusTopLeft": DesignToken,
1573
- "borderRadiusBottomRight": DesignToken,
1574
- "borderRadiusBottomLeft": DesignToken
1575
- },
1576
- "bottom-right": {
1577
- "borderRadiusTopLeft": DesignToken,
1578
- "borderRadiusTopRight": DesignToken,
1579
- "borderRadiusBottomRight": DesignToken,
1580
- "borderRadiusBottomLeft": DesignToken
1581
- },
1582
- "bottom-left": {
1583
- "borderRadiusTopLeft": DesignToken,
1584
- "borderRadiusTopRight": DesignToken,
1585
- "borderRadiusBottomRight": DesignToken,
1586
- "borderRadiusBottomLeft": DesignToken
1587
- }
1588
- },
1589
1616
  "border-radius": {
1590
1617
  "sm": DesignToken,
1591
1618
  "md": DesignToken,
1592
- "keep": DesignToken,
1593
1619
  "circle": DesignToken,
1594
1620
  "none": DesignToken
1595
1621
  },
@@ -1601,6 +1627,8 @@ declare const tokens: {
1601
1627
  "default": DesignToken,
1602
1628
  "subdued": DesignToken,
1603
1629
  "link": DesignToken,
1630
+ "on-dark-color": DesignToken,
1631
+ "on-light-color": DesignToken,
1604
1632
  "onEmphasis": DesignToken
1605
1633
  },
1606
1634
  "border": {