@rijkshuisstijl-community/design-tokens 1.0.0-alpha.167 → 1.0.0-alpha.169

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 (53) hide show
  1. package/dist/_variables.scss +67 -72
  2. package/dist/index.css +67 -72
  3. package/dist/index.d.ts +11 -16
  4. package/dist/index.js +67 -72
  5. package/dist/index.json +66 -71
  6. package/dist/index.tokens.json +57 -64
  7. package/dist/root.css +67 -72
  8. package/dist/tokens.d.ts +2 -9
  9. package/dist/tokens.js +145 -266
  10. package/dist/uitvoerend-mintgroen-focus/_variables.scss +112 -119
  11. package/dist/uitvoerend-mintgroen-focus/index.css +112 -119
  12. package/dist/uitvoerend-mintgroen-focus/index.d.ts +51 -58
  13. package/dist/uitvoerend-mintgroen-focus/index.js +112 -119
  14. package/dist/uitvoerend-mintgroen-focus/index.json +111 -118
  15. package/dist/uitvoerend-mintgroen-focus/index.tokens.json +121 -138
  16. package/dist/uitvoerend-mintgroen-focus/root.css +112 -119
  17. package/dist/uitvoerend-mintgroen-focus/tokens.d.ts +61 -78
  18. package/dist/uitvoerend-mintgroen-focus/tokens.js +3136 -3313
  19. package/dist/uitvoerend-violet/_variables.scss +72 -77
  20. package/dist/uitvoerend-violet/index.css +72 -77
  21. package/dist/uitvoerend-violet/index.d.ts +11 -16
  22. package/dist/uitvoerend-violet/index.js +72 -77
  23. package/dist/uitvoerend-violet/index.json +71 -76
  24. package/dist/uitvoerend-violet/index.tokens.json +62 -69
  25. package/dist/uitvoerend-violet/root.css +72 -77
  26. package/dist/uitvoerend-violet/tokens.d.ts +2 -9
  27. package/dist/uitvoerend-violet/tokens.js +155 -276
  28. package/dist/uitvoerend-violet-oud/_variables.scss +72 -77
  29. package/dist/uitvoerend-violet-oud/index.css +72 -77
  30. package/dist/uitvoerend-violet-oud/index.d.ts +11 -16
  31. package/dist/uitvoerend-violet-oud/index.js +72 -77
  32. package/dist/uitvoerend-violet-oud/index.json +71 -76
  33. package/dist/uitvoerend-violet-oud/index.tokens.json +62 -69
  34. package/dist/uitvoerend-violet-oud/root.css +72 -77
  35. package/dist/uitvoerend-violet-oud/tokens.d.ts +2 -9
  36. package/dist/uitvoerend-violet-oud/tokens.js +155 -276
  37. package/dist/wetgevend/_variables.scss +66 -71
  38. package/dist/wetgevend/index.css +66 -71
  39. package/dist/wetgevend/index.d.ts +11 -16
  40. package/dist/wetgevend/index.js +66 -71
  41. package/dist/wetgevend/index.json +65 -70
  42. package/dist/wetgevend/index.tokens.json +56 -63
  43. package/dist/wetgevend/root.css +66 -71
  44. package/dist/wetgevend/tokens.d.ts +2 -9
  45. package/dist/wetgevend/tokens.js +143 -264
  46. package/figma/figma.tokens.json +145 -165
  47. package/package.json +2 -2
  48. package/src/generated/base.tokens.json +57 -81
  49. package/src/generated/themes.json +442 -554
  50. package/src/generated/uitvoerend-mintgroen-focus/tokens.json +231 -271
  51. package/src/generated/uitvoerend-violet/tokens.json +62 -86
  52. package/src/generated/uitvoerend-violet-oud/tokens.json +62 -86
  53. package/src/generated/wetgevend/tokens.json +56 -80
package/src/generated/uitvoerend-violet/tokens.json CHANGED
@@ -48,13 +48,7 @@
48
48
  },
49
49
  "foreground": {
50
50
  "default": {
51
- "parent": "mode/light",
52
- "value": "#000",
53
- "type": "color",
54
- "description": "Standaard kleur voor teksten en iconen. Gebruik deze voor body content, titels en labels."
55
- },
56
- "lint": {
57
- "value": "#154273",
51
+ "value": "#0F172A",
58
52
  "type": "color"
59
53
  },
60
54
  "subdued": {
@@ -89,7 +83,7 @@
89
83
  },
90
84
  "strong": {
91
85
  "parent": "mode/light",
92
- "value": "#000",
86
+ "value": "#0F172A",
93
87
  "type": "color"
94
88
  }
95
89
  },
@@ -163,7 +157,7 @@
163
157
  "type": "color"
164
158
  }
165
159
  },
166
- "grijs": {
160
+ "cool-grey": {
167
161
  "50": {
168
162
  "value": "#F8FAFC",
169
163
  "type": "color"
@@ -841,7 +835,7 @@
841
835
  },
842
836
  "hover": {
843
837
  "color": {
844
- "value": "#154273",
838
+ "value": "#0F172A",
845
839
  "type": "color"
846
840
  },
847
841
  "background-color": {
@@ -898,7 +892,7 @@
898
892
  "type": "fontWeights"
899
893
  },
900
894
  "color": {
901
- "value": "#154273",
895
+ "value": "#0F172A",
902
896
  "type": "color"
903
897
  }
904
898
  },
@@ -1000,7 +994,7 @@
1000
994
  "navigation-list": {
1001
995
  "icon": {
1002
996
  "background-color": {
1003
- "value": "#154273",
997
+ "value": "#0F172A",
1004
998
  "type": "color"
1005
999
  },
1006
1000
  "border-radius": {
@@ -1095,7 +1089,7 @@
1095
1089
  },
1096
1090
  "heading": {
1097
1091
  "color": {
1098
- "value": "#154273",
1092
+ "value": "#0F172A",
1099
1093
  "type": "color"
1100
1094
  }
1101
1095
  },
@@ -1144,7 +1138,7 @@
1144
1138
  },
1145
1139
  "icon": {
1146
1140
  "color": {
1147
- "value": "#154273",
1141
+ "value": "#0F172A",
1148
1142
  "type": "color"
1149
1143
  },
1150
1144
  "active": {
@@ -1161,7 +1155,7 @@
1161
1155
  "link": {
1162
1156
  "active": {
1163
1157
  "background-color": {
1164
- "value": "#154273",
1158
+ "value": "#a90061",
1165
1159
  "type": "color"
1166
1160
  },
1167
1161
  "color": {
@@ -1174,16 +1168,16 @@
1174
1168
  "type": "color"
1175
1169
  },
1176
1170
  "color": {
1177
- "value": "#154273",
1171
+ "value": "#a90061",
1178
1172
  "type": "color"
1179
1173
  },
1180
1174
  "focus": {
1181
1175
  "background-color": {
1182
- "value": "#dce3ea",
1176
+ "value": "#f2d9e7",
1183
1177
  "type": "color"
1184
1178
  },
1185
1179
  "color": {
1186
- "value": "#154273",
1180
+ "value": "#a90061",
1187
1181
  "type": "color"
1188
1182
  }
1189
1183
  },
@@ -1193,7 +1187,7 @@
1193
1187
  "type": "color"
1194
1188
  },
1195
1189
  "color": {
1196
- "value": "#154273",
1190
+ "value": "#a90061",
1197
1191
  "type": "color"
1198
1192
  }
1199
1193
  },
@@ -1229,11 +1223,11 @@
1229
1223
  "type": "color"
1230
1224
  },
1231
1225
  "color": {
1232
- "value": "#154273",
1226
+ "value": "#a90061",
1233
1227
  "type": "color"
1234
1228
  },
1235
1229
  "border-color": {
1236
- "value": "#64748B",
1230
+ "value": "#BE4088",
1237
1231
  "type": "color"
1238
1232
  }
1239
1233
  },
@@ -1265,7 +1259,7 @@
1265
1259
  "type": "size"
1266
1260
  },
1267
1261
  "color": {
1268
- "value": "#154273",
1262
+ "value": "#0F172A",
1269
1263
  "type": "color"
1270
1264
  }
1271
1265
  },
@@ -1315,7 +1309,7 @@
1315
1309
  },
1316
1310
  "heading": {
1317
1311
  "color": {
1318
- "value": "#154273",
1312
+ "value": "#0F172A",
1319
1313
  "type": "color"
1320
1314
  }
1321
1315
  }
@@ -1777,7 +1771,7 @@
1777
1771
  "type": "borderWidth"
1778
1772
  },
1779
1773
  "color": {
1780
- "value": "#154273",
1774
+ "value": "#0F172A",
1781
1775
  "type": "color"
1782
1776
  },
1783
1777
  "column-gap": {
@@ -1790,7 +1784,7 @@
1790
1784
  },
1791
1785
  "icon": {
1792
1786
  "color": {
1793
- "value": "#154273",
1787
+ "value": "#0F172A",
1794
1788
  "type": "color"
1795
1789
  },
1796
1790
  "size": {
@@ -1828,7 +1822,7 @@
1828
1822
  },
1829
1823
  "metadata": {
1830
1824
  "color": {
1831
- "value": "#154273",
1825
+ "value": "#0F172A",
1832
1826
  "type": "color"
1833
1827
  }
1834
1828
  },
@@ -2001,7 +1995,7 @@
2001
1995
  "type": "color"
2002
1996
  },
2003
1997
  "color": {
2004
- "value": "#154273",
1998
+ "value": "#0F172A",
2005
1999
  "type": "color"
2006
2000
  }
2007
2001
  }
@@ -2031,7 +2025,7 @@
2031
2025
  "type": "borderRadius"
2032
2026
  },
2033
2027
  "color": {
2034
- "value": "#154273",
2028
+ "value": "#0F172A",
2035
2029
  "type": "color"
2036
2030
  }
2037
2031
  },
@@ -2445,7 +2439,7 @@
2445
2439
  "type": "spacing"
2446
2440
  },
2447
2441
  "color": {
2448
- "value": "#154273",
2442
+ "value": "#0F172A",
2449
2443
  "type": "color"
2450
2444
  },
2451
2445
  "font-family": {
@@ -2480,11 +2474,11 @@
2480
2474
  },
2481
2475
  "marker": {
2482
2476
  "color": {
2483
- "value": "#154273",
2477
+ "value": "#0F172A",
2484
2478
  "type": "color"
2485
2479
  },
2486
2480
  "border-color": {
2487
- "value": "#154273",
2481
+ "value": "#0F172A",
2488
2482
  "type": "color"
2489
2483
  }
2490
2484
  }
@@ -2539,7 +2533,7 @@
2539
2533
  "type": "color"
2540
2534
  },
2541
2535
  "color": {
2542
- "value": "#154273",
2536
+ "value": "#0F172A",
2543
2537
  "type": "color"
2544
2538
  },
2545
2539
  "invalid": {
@@ -2552,7 +2546,7 @@
2552
2546
  "type": "color"
2553
2547
  },
2554
2548
  "color": {
2555
- "value": "#154273",
2549
+ "value": "#0F172A",
2556
2550
  "type": "color"
2557
2551
  },
2558
2552
  "border-width": {
@@ -2588,7 +2582,7 @@
2588
2582
  "type": "color"
2589
2583
  },
2590
2584
  "color": {
2591
- "value": "#154273",
2585
+ "value": "#0F172A",
2592
2586
  "type": "color"
2593
2587
  }
2594
2588
  },
@@ -2616,7 +2610,7 @@
2616
2610
  "type": "color"
2617
2611
  },
2618
2612
  "color": {
2619
- "value": "#154273",
2613
+ "value": "#0F172A",
2620
2614
  "type": "color"
2621
2615
  }
2622
2616
  },
@@ -2634,7 +2628,7 @@
2634
2628
  "type": "color"
2635
2629
  },
2636
2630
  "color": {
2637
- "value": "#154273",
2631
+ "value": "#0F172A",
2638
2632
  "type": "color"
2639
2633
  }
2640
2634
  }
@@ -2669,7 +2663,7 @@
2669
2663
  "type": "color"
2670
2664
  },
2671
2665
  "color": {
2672
- "value": "#154273",
2666
+ "value": "#0F172A",
2673
2667
  "type": "color"
2674
2668
  },
2675
2669
  "invalid": {
@@ -2682,7 +2676,7 @@
2682
2676
  "type": "color"
2683
2677
  },
2684
2678
  "color": {
2685
- "value": "#154273",
2679
+ "value": "#0F172A",
2686
2680
  "type": "color"
2687
2681
  },
2688
2682
  "border-width": {
@@ -2706,7 +2700,7 @@
2706
2700
  "type": "color"
2707
2701
  },
2708
2702
  "color": {
2709
- "value": "#154273",
2703
+ "value": "#0F172A",
2710
2704
  "type": "color"
2711
2705
  },
2712
2706
  "border-width": {
@@ -2738,7 +2732,7 @@
2738
2732
  "type": "color"
2739
2733
  },
2740
2734
  "color": {
2741
- "value": "#154273",
2735
+ "value": "#0F172A",
2742
2736
  "type": "color"
2743
2737
  }
2744
2738
  },
@@ -2752,7 +2746,7 @@
2752
2746
  "type": "color"
2753
2747
  },
2754
2748
  "color": {
2755
- "value": "#154273",
2749
+ "value": "#0F172A",
2756
2750
  "type": "color"
2757
2751
  },
2758
2752
  "border-width": {
@@ -2796,7 +2790,7 @@
2796
2790
  "type": "lineHeights"
2797
2791
  },
2798
2792
  "color": {
2799
- "value": "#154273",
2793
+ "value": "#0F172A",
2800
2794
  "type": "color"
2801
2795
  },
2802
2796
  "font-family": {
@@ -2822,7 +2816,7 @@
2822
2816
  "type": "spacing"
2823
2817
  },
2824
2818
  "color": {
2825
- "value": "#154273",
2819
+ "value": "#0F172A",
2826
2820
  "type": "color"
2827
2821
  },
2828
2822
  "font-family": {
@@ -2862,7 +2856,7 @@
2862
2856
  },
2863
2857
  "data-cell": {
2864
2858
  "color": {
2865
- "value": "#154273",
2859
+ "value": "#0F172A",
2866
2860
  "type": "color"
2867
2861
  },
2868
2862
  "font-family": {
@@ -2934,7 +2928,7 @@
2934
2928
  "type": "fontSizes"
2935
2929
  },
2936
2930
  "color": {
2937
- "value": "#154273",
2931
+ "value": "#0F172A",
2938
2932
  "type": "color"
2939
2933
  },
2940
2934
  "font-family": {
@@ -3035,7 +3029,7 @@
3035
3029
  "type": "color"
3036
3030
  },
3037
3031
  "color": {
3038
- "value": "#154273",
3032
+ "value": "#0F172A",
3039
3033
  "type": "color"
3040
3034
  },
3041
3035
  "invalid": {
@@ -3048,7 +3042,7 @@
3048
3042
  "type": "color"
3049
3043
  },
3050
3044
  "color": {
3051
- "value": "#154273",
3045
+ "value": "#0F172A",
3052
3046
  "type": "color"
3053
3047
  },
3054
3048
  "border-width": {
@@ -3066,7 +3060,7 @@
3066
3060
  "type": "color"
3067
3061
  },
3068
3062
  "color": {
3069
- "value": "#154273",
3063
+ "value": "#0F172A",
3070
3064
  "type": "color"
3071
3065
  },
3072
3066
  "border-width": {
@@ -3098,7 +3092,7 @@
3098
3092
  "type": "color"
3099
3093
  },
3100
3094
  "color": {
3101
- "value": "#154273",
3095
+ "value": "#0F172A",
3102
3096
  "type": "color"
3103
3097
  },
3104
3098
  "border-width": {
@@ -3371,7 +3365,7 @@
3371
3365
  }
3372
3366
  },
3373
3367
  "color": {
3374
- "value": "#154273",
3368
+ "value": "#0F172A",
3375
3369
  "type": "color"
3376
3370
  },
3377
3371
  "font-family": {
@@ -3536,7 +3530,7 @@
3536
3530
  },
3537
3531
  "form-label": {
3538
3532
  "color": {
3539
- "value": "#154273",
3533
+ "value": "#0F172A",
3540
3534
  "type": "color"
3541
3535
  },
3542
3536
  "font-size": {
@@ -3550,7 +3544,7 @@
3550
3544
  },
3551
3545
  "form-field-label": {
3552
3546
  "color": {
3553
- "value": "#154273",
3547
+ "value": "#0F172A",
3554
3548
  "type": "color"
3555
3549
  },
3556
3550
  "font-family": {
@@ -3755,7 +3749,7 @@
3755
3749
  "form-fieldset": {
3756
3750
  "legend": {
3757
3751
  "color": {
3758
- "value": "#154273",
3752
+ "value": "#0F172A",
3759
3753
  "type": "color"
3760
3754
  },
3761
3755
  "font-family": {
@@ -3788,7 +3782,7 @@
3788
3782
  "type": "color"
3789
3783
  },
3790
3784
  "color": {
3791
- "value": "#154273",
3785
+ "value": "#0F172A",
3792
3786
  "type": "color"
3793
3787
  }
3794
3788
  },
@@ -4671,7 +4665,7 @@
4671
4665
  "type": "fontSizes"
4672
4666
  },
4673
4667
  "color": {
4674
- "value": "#154273",
4668
+ "value": "#0F172A",
4675
4669
  "type": "color"
4676
4670
  }
4677
4671
  },
@@ -4902,7 +4896,7 @@
4902
4896
  "type": "color"
4903
4897
  },
4904
4898
  "color": {
4905
- "value": "#154273",
4899
+ "value": "#0F172A",
4906
4900
  "type": "color"
4907
4901
  },
4908
4902
  "info": {
@@ -4915,7 +4909,7 @@
4915
4909
  "type": "color"
4916
4910
  },
4917
4911
  "color": {
4918
- "value": "#154273",
4912
+ "value": "#0F172A",
4919
4913
  "type": "color"
4920
4914
  }
4921
4915
  },
@@ -4929,7 +4923,7 @@
4929
4923
  "type": "color"
4930
4924
  },
4931
4925
  "color": {
4932
- "value": "#154273",
4926
+ "value": "#0F172A",
4933
4927
  "type": "color"
4934
4928
  }
4935
4929
  },
@@ -4943,7 +4937,7 @@
4943
4937
  "type": "color"
4944
4938
  },
4945
4939
  "color": {
4946
- "value": "#154273",
4940
+ "value": "#0F172A",
4947
4941
  "type": "color"
4948
4942
  }
4949
4943
  },
@@ -4957,7 +4951,7 @@
4957
4951
  "type": "color"
4958
4952
  },
4959
4953
  "color": {
4960
- "value": "#154273",
4954
+ "value": "#0F172A",
4961
4955
  "type": "color"
4962
4956
  }
4963
4957
  },
@@ -5058,7 +5052,7 @@
5058
5052
  "type": "color"
5059
5053
  },
5060
5054
  "color": {
5061
- "value": "#154273",
5055
+ "value": "#0F172A",
5062
5056
  "type": "color"
5063
5057
  }
5064
5058
  },
@@ -5075,7 +5069,7 @@
5075
5069
  "type": "borderWidth"
5076
5070
  },
5077
5071
  "color": {
5078
- "value": "#154273",
5072
+ "value": "#0F172A",
5079
5073
  "type": "color"
5080
5074
  },
5081
5075
  "focus": {
@@ -5088,7 +5082,7 @@
5088
5082
  "type": "color"
5089
5083
  },
5090
5084
  "color": {
5091
- "value": "#154273",
5085
+ "value": "#0F172A",
5092
5086
  "type": "color"
5093
5087
  }
5094
5088
  },
@@ -5102,7 +5096,7 @@
5102
5096
  "type": "color"
5103
5097
  },
5104
5098
  "color": {
5105
- "value": "#154273",
5099
+ "value": "#0F172A",
5106
5100
  "type": "color"
5107
5101
  },
5108
5102
  "row-gap": {
@@ -5118,7 +5112,7 @@
5118
5112
  "type": "color"
5119
5113
  },
5120
5114
  "color": {
5121
- "value": "#000",
5115
+ "value": "#0F172A",
5122
5116
  "type": "color"
5123
5117
  },
5124
5118
  "font-family": {
@@ -5261,7 +5255,7 @@
5261
5255
  "type": "borderWidth"
5262
5256
  },
5263
5257
  "color": {
5264
- "value": "#154273",
5258
+ "value": "#0F172A",
5265
5259
  "type": "color"
5266
5260
  },
5267
5261
  "text-decoration": {
@@ -5324,7 +5318,7 @@
5324
5318
  },
5325
5319
  "paragraph": {
5326
5320
  "color": {
5327
- "value": "#154273",
5321
+ "value": "#0F172A",
5328
5322
  "type": "color"
5329
5323
  },
5330
5324
  "font-family": {
@@ -5353,7 +5347,7 @@
5353
5347
  },
5354
5348
  "lead": {
5355
5349
  "color": {
5356
- "value": "#154273",
5350
+ "value": "#0F172A",
5357
5351
  "type": "color"
5358
5352
  },
5359
5353
  "font-size": {
@@ -5368,24 +5362,6 @@
5368
5362
  "value": "150%",
5369
5363
  "type": "lineHeights"
5370
5364
  }
5371
- },
5372
- "small": {
5373
- "color": {
5374
- "value": "#154273",
5375
- "type": "color"
5376
- },
5377
- "font-size": {
5378
- "value": "1.125rem",
5379
- "type": "fontSizes"
5380
- },
5381
- "font-weight": {
5382
- "value": 400,
5383
- "type": "fontWeights"
5384
- },
5385
- "line-height": {
5386
- "value": "150%",
5387
- "type": "lineHeights"
5388
- }
5389
5365
  }
5390
5366
  },
5391
5367
  "heading-level-1": {