@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
@@ -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"
@@ -865,7 +859,7 @@
865
859
  },
866
860
  "hover": {
867
861
  "color": {
868
- "value": "#154273",
862
+ "value": "#0F172A",
869
863
  "type": "color"
870
864
  },
871
865
  "background-color": {
@@ -922,7 +916,7 @@
922
916
  "type": "fontWeights"
923
917
  },
924
918
  "color": {
925
- "value": "#154273",
919
+ "value": "#0F172A",
926
920
  "type": "color"
927
921
  }
928
922
  },
@@ -1024,7 +1018,7 @@
1024
1018
  "navigation-list": {
1025
1019
  "icon": {
1026
1020
  "background-color": {
1027
- "value": "#154273",
1021
+ "value": "#0F172A",
1028
1022
  "type": "color"
1029
1023
  },
1030
1024
  "border-radius": {
@@ -1119,7 +1113,7 @@
1119
1113
  },
1120
1114
  "heading": {
1121
1115
  "color": {
1122
- "value": "#154273",
1116
+ "value": "#0F172A",
1123
1117
  "type": "color"
1124
1118
  }
1125
1119
  },
@@ -1168,7 +1162,7 @@
1168
1162
  },
1169
1163
  "icon": {
1170
1164
  "color": {
1171
- "value": "#154273",
1165
+ "value": "#0F172A",
1172
1166
  "type": "color"
1173
1167
  },
1174
1168
  "active": {
@@ -1185,7 +1179,7 @@
1185
1179
  "link": {
1186
1180
  "active": {
1187
1181
  "background-color": {
1188
- "value": "#154273",
1182
+ "value": "#a90061",
1189
1183
  "type": "color"
1190
1184
  },
1191
1185
  "color": {
@@ -1198,16 +1192,16 @@
1198
1192
  "type": "color"
1199
1193
  },
1200
1194
  "color": {
1201
- "value": "#154273",
1195
+ "value": "#a90061",
1202
1196
  "type": "color"
1203
1197
  },
1204
1198
  "focus": {
1205
1199
  "background-color": {
1206
- "value": "#dce3ea",
1200
+ "value": "#f2d9e7",
1207
1201
  "type": "color"
1208
1202
  },
1209
1203
  "color": {
1210
- "value": "#154273",
1204
+ "value": "#a90061",
1211
1205
  "type": "color"
1212
1206
  }
1213
1207
  },
@@ -1217,7 +1211,7 @@
1217
1211
  "type": "color"
1218
1212
  },
1219
1213
  "color": {
1220
- "value": "#154273",
1214
+ "value": "#a90061",
1221
1215
  "type": "color"
1222
1216
  }
1223
1217
  },
@@ -1253,11 +1247,11 @@
1253
1247
  "type": "color"
1254
1248
  },
1255
1249
  "color": {
1256
- "value": "#154273",
1250
+ "value": "#a90061",
1257
1251
  "type": "color"
1258
1252
  },
1259
1253
  "border-color": {
1260
- "value": "#64748B",
1254
+ "value": "#BE4088",
1261
1255
  "type": "color"
1262
1256
  }
1263
1257
  },
@@ -1289,7 +1283,7 @@
1289
1283
  "type": "size"
1290
1284
  },
1291
1285
  "color": {
1292
- "value": "#154273",
1286
+ "value": "#0F172A",
1293
1287
  "type": "color"
1294
1288
  }
1295
1289
  },
@@ -1339,7 +1333,7 @@
1339
1333
  },
1340
1334
  "heading": {
1341
1335
  "color": {
1342
- "value": "#154273",
1336
+ "value": "#0F172A",
1343
1337
  "type": "color"
1344
1338
  }
1345
1339
  }
@@ -1801,7 +1795,7 @@
1801
1795
  "type": "borderWidth"
1802
1796
  },
1803
1797
  "color": {
1804
- "value": "#154273",
1798
+ "value": "#0F172A",
1805
1799
  "type": "color"
1806
1800
  },
1807
1801
  "column-gap": {
@@ -1814,7 +1808,7 @@
1814
1808
  },
1815
1809
  "icon": {
1816
1810
  "color": {
1817
- "value": "#154273",
1811
+ "value": "#0F172A",
1818
1812
  "type": "color"
1819
1813
  },
1820
1814
  "size": {
@@ -1852,7 +1846,7 @@
1852
1846
  },
1853
1847
  "metadata": {
1854
1848
  "color": {
1855
- "value": "#154273",
1849
+ "value": "#0F172A",
1856
1850
  "type": "color"
1857
1851
  }
1858
1852
  },
@@ -2025,7 +2019,7 @@
2025
2019
  "type": "color"
2026
2020
  },
2027
2021
  "color": {
2028
- "value": "#154273",
2022
+ "value": "#0F172A",
2029
2023
  "type": "color"
2030
2024
  }
2031
2025
  }
@@ -2055,7 +2049,7 @@
2055
2049
  "type": "borderRadius"
2056
2050
  },
2057
2051
  "color": {
2058
- "value": "#154273",
2052
+ "value": "#0F172A",
2059
2053
  "type": "color"
2060
2054
  }
2061
2055
  },
@@ -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": {