@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/uitvoerend-violet/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:14 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
  "color": {
1098
1151
  "primary": {
1099
1152
  "50": DesignToken,
@@ -1111,6 +1164,8 @@ declare const tokens: {
1111
1164
  "default": DesignToken,
1112
1165
  "subdued": DesignToken,
1113
1166
  "link": DesignToken,
1167
+ "on-dark-color": DesignToken,
1168
+ "on-light-color": DesignToken,
1114
1169
  "onEmphasis": DesignToken
1115
1170
  },
1116
1171
  "border": {
@@ -1769,36 +1824,9 @@ declare const tokens: {
1769
1824
  "border-radius": DesignToken,
1770
1825
  "color": DesignToken
1771
1826
  },
1772
- "keep": {
1773
- "top-left": {
1774
- "borderRadiusTopLeft": DesignToken,
1775
- "borderRadiusTopRight": DesignToken,
1776
- "borderRadiusBottomRight": DesignToken,
1777
- "borderRadiusBottomLeft": DesignToken
1778
- },
1779
- "top-right": {
1780
- "borderRadiusTopRight": DesignToken,
1781
- "borderRadiusTopLeft": DesignToken,
1782
- "borderRadiusBottomRight": DesignToken,
1783
- "borderRadiusBottomLeft": DesignToken
1784
- },
1785
- "bottom-right": {
1786
- "borderRadiusTopLeft": DesignToken,
1787
- "borderRadiusTopRight": DesignToken,
1788
- "borderRadiusBottomRight": DesignToken,
1789
- "borderRadiusBottomLeft": DesignToken
1790
- },
1791
- "bottom-left": {
1792
- "borderRadiusTopLeft": DesignToken,
1793
- "borderRadiusTopRight": DesignToken,
1794
- "borderRadiusBottomRight": DesignToken,
1795
- "borderRadiusBottomLeft": DesignToken
1796
- }
1797
- },
1798
1827
  "border-radius": {
1799
1828
  "sm": DesignToken,
1800
1829
  "md": DesignToken,
1801
- "keep": DesignToken,
1802
1830
  "circle": DesignToken,
1803
1831
  "none": DesignToken
1804
1832
  },