@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/figma/figma.tokens.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "brand/color": {
3
3
  "rhc": {
4
4
  "color": {
5
- "grijs": {
5
+ "cool-grey": {
6
6
  "50": {
7
7
  "value": "#F8FAFC",
8
8
  "type": "color"
@@ -840,18 +840,12 @@
840
840
  "color": {
841
841
  "foreground": {
842
842
  "default": {
843
- "parent": "mode/light",
844
- "value": "{rhc.color.zwart}",
845
- "type": "color",
846
- "description": "Standaard kleur voor teksten en iconen. Gebruik deze voor body content, titels en labels."
847
- },
848
- "lint": {
849
- "value": "{rhc.color.lintblauw.500}",
843
+ "value": "{rhc.color.cool-grey.900}",
850
844
  "type": "color"
851
845
  },
852
846
  "subdued": {
853
847
  "parent": "mode/light",
854
- "value": "{rhc.color.grijs.700}",
848
+ "value": "{rhc.color.cool-grey.700}",
855
849
  "type": "color",
856
850
  "description": "Gebruik voor content die extra context biedt, maar niet essentieel is om de interface te begrijpen."
857
851
  },
@@ -869,13 +863,13 @@
869
863
  "border": {
870
864
  "default": {
871
865
  "parent": "mode/light",
872
- "value": "{rhc.color.grijs.500}",
866
+ "value": "{rhc.color.cool-grey.500}",
873
867
  "type": "color",
874
868
  "description": "Border kleur"
875
869
  },
876
870
  "subdued": {
877
871
  "parent": "mode/light",
878
- "value": "{rhc.color.grijs.400}",
872
+ "value": "{rhc.color.cool-grey.400}",
879
873
  "type": "color",
880
874
  "description": "Subtiele border"
881
875
  },
@@ -1265,7 +1259,7 @@
1265
1259
  "type": "color"
1266
1260
  },
1267
1261
  "color": {
1268
- "value": "{rhc.color.zwart}",
1262
+ "value": "{rhc.color.foreground.default}",
1269
1263
  "type": "color"
1270
1264
  },
1271
1265
  "font-family": {
@@ -1335,7 +1329,7 @@
1335
1329
  "type": "color"
1336
1330
  },
1337
1331
  "color": {
1338
- "value": "{rhc.color.foreground.lint}",
1332
+ "value": "{rhc.color.foreground.default}",
1339
1333
  "type": "color"
1340
1334
  }
1341
1335
  }
@@ -1365,7 +1359,7 @@
1365
1359
  "type": "borderRadius"
1366
1360
  },
1367
1361
  "color": {
1368
- "value": "{rhc.color.foreground.lint}",
1362
+ "value": "{rhc.color.foreground.default}",
1369
1363
  "type": "color"
1370
1364
  }
1371
1365
  }
@@ -1411,7 +1405,7 @@
1411
1405
  },
1412
1406
  "hover": {
1413
1407
  "background-color": {
1414
- "value": "{rhc.color.grijs.50}",
1408
+ "value": "{rhc.color.cool-grey.50}",
1415
1409
  "type": "color"
1416
1410
  },
1417
1411
  "border-color": {
@@ -1419,7 +1413,7 @@
1419
1413
  "type": "color"
1420
1414
  },
1421
1415
  "color": {
1422
- "value": "{rhc.color.foreground.lint}",
1416
+ "value": "{rhc.color.foreground.default}",
1423
1417
  "type": "color"
1424
1418
  }
1425
1419
  },
@@ -1436,7 +1430,7 @@
1436
1430
  "type": "borderWidth"
1437
1431
  },
1438
1432
  "color": {
1439
- "value": "{rhc.color.foreground.lint}",
1433
+ "value": "{rhc.color.foreground.default}",
1440
1434
  "type": "color"
1441
1435
  },
1442
1436
  "focus": {
@@ -1449,13 +1443,13 @@
1449
1443
  "type": "color"
1450
1444
  },
1451
1445
  "color": {
1452
- "value": "{rhc.color.foreground.lint}",
1446
+ "value": "{rhc.color.foreground.default}",
1453
1447
  "type": "color"
1454
1448
  }
1455
1449
  },
1456
1450
  "active": {
1457
1451
  "background-color": {
1458
- "value": "{rhc.color.grijs.100}",
1452
+ "value": "{rhc.color.cool-grey.100}",
1459
1453
  "type": "color"
1460
1454
  },
1461
1455
  "border-color": {
@@ -1463,7 +1457,7 @@
1463
1457
  "type": "color"
1464
1458
  },
1465
1459
  "color": {
1466
- "value": "{rhc.color.foreground.lint}",
1460
+ "value": "{rhc.color.foreground.default}",
1467
1461
  "type": "color"
1468
1462
  },
1469
1463
  "row-gap": {
@@ -1537,7 +1531,7 @@
1537
1531
  "type": "color"
1538
1532
  },
1539
1533
  "color": {
1540
- "value": "{rhc.color.foreground.lint}",
1534
+ "value": "{rhc.color.foreground.default}",
1541
1535
  "type": "color"
1542
1536
  },
1543
1537
  "info": {
@@ -1550,7 +1544,7 @@
1550
1544
  "type": "color"
1551
1545
  },
1552
1546
  "color": {
1553
- "value": "{rhc.color.foreground.lint}",
1547
+ "value": "{rhc.color.foreground.default}",
1554
1548
  "type": "color"
1555
1549
  }
1556
1550
  },
@@ -1564,7 +1558,7 @@
1564
1558
  "type": "color"
1565
1559
  },
1566
1560
  "color": {
1567
- "value": "{rhc.color.foreground.lint}",
1561
+ "value": "{rhc.color.foreground.default}",
1568
1562
  "type": "color"
1569
1563
  }
1570
1564
  },
@@ -1578,7 +1572,7 @@
1578
1572
  "type": "color"
1579
1573
  },
1580
1574
  "color": {
1581
- "value": "{rhc.color.foreground.lint}",
1575
+ "value": "{rhc.color.foreground.default}",
1582
1576
  "type": "color"
1583
1577
  }
1584
1578
  },
@@ -1592,7 +1586,7 @@
1592
1586
  "type": "color"
1593
1587
  },
1594
1588
  "color": {
1595
- "value": "{rhc.color.foreground.lint}",
1589
+ "value": "{rhc.color.foreground.default}",
1596
1590
  "type": "color"
1597
1591
  }
1598
1592
  },
@@ -1810,7 +1804,7 @@
1810
1804
  "type": "fontSizes"
1811
1805
  },
1812
1806
  "color": {
1813
- "value": "{rhc.color.foreground.lint}",
1807
+ "value": "{rhc.color.foreground.default}",
1814
1808
  "type": "color"
1815
1809
  }
1816
1810
  },
@@ -2114,11 +2108,11 @@
2114
2108
  "type": "color"
2115
2109
  },
2116
2110
  "border-color": {
2117
- "value": "{rhc.color.grijs.700}",
2111
+ "value": "{rhc.color.cool-grey.700}",
2118
2112
  "type": "color"
2119
2113
  },
2120
2114
  "color": {
2121
- "value": "{rhc.color.grijs.700}",
2115
+ "value": "{rhc.color.cool-grey.700}",
2122
2116
  "type": "color"
2123
2117
  },
2124
2118
  "border-radius": {
@@ -2173,7 +2167,7 @@
2173
2167
  },
2174
2168
  "disabled": {
2175
2169
  "background-color": {
2176
- "value": "{rhc.color.grijs.50}",
2170
+ "value": "{rhc.color.cool-grey.50}",
2177
2171
  "type": "color"
2178
2172
  },
2179
2173
  "border-color": {
@@ -2181,7 +2175,7 @@
2181
2175
  "type": "color"
2182
2176
  },
2183
2177
  "color": {
2184
- "value": "{rhc.color.grijs.500}",
2178
+ "value": "{rhc.color.cool-grey.500}",
2185
2179
  "type": "color"
2186
2180
  }
2187
2181
  },
@@ -2195,35 +2189,35 @@
2195
2189
  "type": "color"
2196
2190
  },
2197
2191
  "color": {
2198
- "value": "{rhc.color.grijs.800}",
2192
+ "value": "{rhc.color.cool-grey.800}",
2199
2193
  "type": "color"
2200
2194
  }
2201
2195
  },
2202
2196
  "hover": {
2203
2197
  "background-color": {
2204
- "value": "{rhc.color.grijs.50}",
2198
+ "value": "{rhc.color.cool-grey.50}",
2205
2199
  "type": "color"
2206
2200
  },
2207
2201
  "border-color": {
2208
- "value": "{rhc.color.grijs.800}",
2202
+ "value": "{rhc.color.cool-grey.800}",
2209
2203
  "type": "color"
2210
2204
  },
2211
2205
  "color": {
2212
- "value": "{rhc.color.grijs.800}",
2206
+ "value": "{rhc.color.cool-grey.800}",
2213
2207
  "type": "color"
2214
2208
  }
2215
2209
  },
2216
2210
  "active": {
2217
2211
  "background-color": {
2218
- "value": "{rhc.color.grijs.300}",
2212
+ "value": "{rhc.color.cool-grey.300}",
2219
2213
  "type": "color"
2220
2214
  },
2221
2215
  "border-color": {
2222
- "value": "{rhc.color.grijs.900}",
2216
+ "value": "{rhc.color.cool-grey.900}",
2223
2217
  "type": "color"
2224
2218
  },
2225
2219
  "color": {
2226
- "value": "{rhc.color.grijs.900}",
2220
+ "value": "{rhc.color.cool-grey.900}",
2227
2221
  "type": "color"
2228
2222
  }
2229
2223
  },
@@ -2548,7 +2542,7 @@
2548
2542
  "type": "color"
2549
2543
  },
2550
2544
  "border-color": {
2551
- "value": "{rhc.color.grijs.300}",
2545
+ "value": "{rhc.color.cool-grey.300}",
2552
2546
  "type": "color"
2553
2547
  },
2554
2548
  "border-radius": {
@@ -2560,7 +2554,7 @@
2560
2554
  "type": "borderWidth"
2561
2555
  },
2562
2556
  "color": {
2563
- "value": "{rhc.color.foreground.lint}",
2557
+ "value": "{rhc.color.foreground.default}",
2564
2558
  "type": "color"
2565
2559
  },
2566
2560
  "column-gap": {
@@ -2573,7 +2567,7 @@
2573
2567
  },
2574
2568
  "icon": {
2575
2569
  "color": {
2576
- "value": "{rhc.color.foreground.lint}",
2570
+ "value": "{rhc.color.foreground.default}",
2577
2571
  "type": "color"
2578
2572
  },
2579
2573
  "size": {
@@ -2611,7 +2605,7 @@
2611
2605
  },
2612
2606
  "metadata": {
2613
2607
  "color": {
2614
- "value": "{rhc.color.foreground.lint}",
2608
+ "value": "{rhc.color.foreground.default}",
2615
2609
  "type": "color"
2616
2610
  }
2617
2611
  },
@@ -2637,7 +2631,7 @@
2637
2631
  },
2638
2632
  "active": {
2639
2633
  "background-color": {
2640
- "value": "{rhc.color.grijs.100}",
2634
+ "value": "{rhc.color.cool-grey.100}",
2641
2635
  "type": "color"
2642
2636
  },
2643
2637
  "text-decoration": {
@@ -2647,7 +2641,7 @@
2647
2641
  },
2648
2642
  "hover": {
2649
2643
  "background-color": {
2650
- "value": "{rhc.color.grijs.50}",
2644
+ "value": "{rhc.color.cool-grey.50}",
2651
2645
  "type": "color"
2652
2646
  },
2653
2647
  "text-decoration": {
@@ -2795,11 +2789,11 @@
2795
2789
  },
2796
2790
  "disabled": {
2797
2791
  "background-color": {
2798
- "value": "{rhc.color.grijs.300}",
2792
+ "value": "{rhc.color.cool-grey.300}",
2799
2793
  "type": "color"
2800
2794
  },
2801
2795
  "border-color": {
2802
- "value": "{rhc.color.grijs.400}",
2796
+ "value": "{rhc.color.cool-grey.400}",
2803
2797
  "type": "color"
2804
2798
  }
2805
2799
  },
@@ -2822,15 +2816,15 @@
2822
2816
  },
2823
2817
  "disabled": {
2824
2818
  "background-color": {
2825
- "value": "{rhc.color.grijs.300}",
2819
+ "value": "{rhc.color.cool-grey.300}",
2826
2820
  "type": "color"
2827
2821
  },
2828
2822
  "border-color": {
2829
- "value": "{rhc.color.grijs.400}",
2823
+ "value": "{rhc.color.cool-grey.400}",
2830
2824
  "type": "color"
2831
2825
  },
2832
2826
  "color": {
2833
- "value": "{rhc.color.grijs.600}",
2827
+ "value": "{rhc.color.cool-grey.600}",
2834
2828
  "type": "color"
2835
2829
  }
2836
2830
  },
@@ -2908,15 +2902,15 @@
2908
2902
  },
2909
2903
  "disabled": {
2910
2904
  "background-color": {
2911
- "value": "{rhc.color.grijs.300}",
2905
+ "value": "{rhc.color.cool-grey.300}",
2912
2906
  "type": "color"
2913
2907
  },
2914
2908
  "border-color": {
2915
- "value": "{rhc.color.grijs.400}",
2909
+ "value": "{rhc.color.cool-grey.400}",
2916
2910
  "type": "color"
2917
2911
  },
2918
2912
  "color": {
2919
- "value": "{rhc.color.grijs.600}",
2913
+ "value": "{rhc.color.cool-grey.600}",
2920
2914
  "type": "color"
2921
2915
  }
2922
2916
  },
@@ -3267,7 +3261,7 @@
3267
3261
  "form-fieldset": {
3268
3262
  "legend": {
3269
3263
  "color": {
3270
- "value": "{rhc.color.foreground.lint}",
3264
+ "value": "{rhc.color.foreground.default}",
3271
3265
  "type": "color"
3272
3266
  },
3273
3267
  "font-family": {
@@ -3300,7 +3294,7 @@
3300
3294
  "type": "color"
3301
3295
  },
3302
3296
  "color": {
3303
- "value": "{rhc.color.foreground.lint}",
3297
+ "value": "{rhc.color.foreground.default}",
3304
3298
  "type": "color"
3305
3299
  }
3306
3300
  },
@@ -3328,7 +3322,7 @@
3328
3322
  "figure": {
3329
3323
  "caption": {
3330
3324
  "border-color": {
3331
- "value": "{rhc.color.grijs.300}",
3325
+ "value": "{rhc.color.cool-grey.300}",
3332
3326
  "type": "color"
3333
3327
  },
3334
3328
  "border-width": {
@@ -3394,7 +3388,7 @@
3394
3388
  },
3395
3389
  "feedback": {
3396
3390
  "color": {
3397
- "value": "{rhc.color.grijs.600}",
3391
+ "value": "{rhc.color.cool-grey.600}",
3398
3392
  "type": "color"
3399
3393
  },
3400
3394
  "font-size": {
@@ -3448,7 +3442,7 @@
3448
3442
  },
3449
3443
  "subtitle": {
3450
3444
  "color": {
3451
- "value": "{rhc.color.grijs.500}",
3445
+ "value": "{rhc.color.cool-grey.500}",
3452
3446
  "type": "color"
3453
3447
  }
3454
3448
  }
@@ -3711,7 +3705,7 @@
3711
3705
  "utrecht": {
3712
3706
  "form-field-label": {
3713
3707
  "color": {
3714
- "value": "{rhc.color.foreground.lint}",
3708
+ "value": "{rhc.color.foreground.default}",
3715
3709
  "type": "color"
3716
3710
  },
3717
3711
  "font-family": {
@@ -3737,7 +3731,7 @@
3737
3731
  "todo": {
3738
3732
  "form-field-option-label": {
3739
3733
  "color": {
3740
- "value": "{rhc.color.foreground.lint}",
3734
+ "value": "{rhc.color.foreground.default}",
3741
3735
  "type": "color"
3742
3736
  },
3743
3737
  "font-size": {
@@ -3758,7 +3752,7 @@
3758
3752
  },
3759
3753
  "disabled": {
3760
3754
  "color": {
3761
- "value": "{rhc.color.grijs.600}",
3755
+ "value": "{rhc.color.cool-grey.600}",
3762
3756
  "type": "color"
3763
3757
  }
3764
3758
  }
@@ -3801,7 +3795,7 @@
3801
3795
  "utrecht": {
3802
3796
  "form-label": {
3803
3797
  "color": {
3804
- "value": "{rhc.color.foreground.lint}",
3798
+ "value": "{rhc.color.foreground.default}",
3805
3799
  "type": "color"
3806
3800
  },
3807
3801
  "font-size": {
@@ -3819,7 +3813,7 @@
3819
3813
  "nl": {
3820
3814
  "heading-level-1": {
3821
3815
  "color": {
3822
- "value": "{rhc.color.foreground.lint}",
3816
+ "value": "{rhc.color.lintblauw.500}",
3823
3817
  "type": "color"
3824
3818
  },
3825
3819
  "font-family": {
@@ -3849,7 +3843,7 @@
3849
3843
  },
3850
3844
  "heading-level-2": {
3851
3845
  "color": {
3852
- "value": "{rhc.color.foreground.lint}",
3846
+ "value": "{rhc.color.lintblauw.500}",
3853
3847
  "type": "color"
3854
3848
  },
3855
3849
  "font-family": {
@@ -3879,7 +3873,7 @@
3879
3873
  },
3880
3874
  "heading-level-3": {
3881
3875
  "color": {
3882
- "value": "{rhc.color.foreground.lint}",
3876
+ "value": "{rhc.color.lintblauw.500}",
3883
3877
  "type": "color"
3884
3878
  },
3885
3879
  "font-family": {
@@ -3909,7 +3903,7 @@
3909
3903
  },
3910
3904
  "heading-level-4": {
3911
3905
  "color": {
3912
- "value": "{rhc.color.foreground.lint}",
3906
+ "value": "{rhc.color.lintblauw.500}",
3913
3907
  "type": "color"
3914
3908
  },
3915
3909
  "font-family": {
@@ -3939,7 +3933,7 @@
3939
3933
  },
3940
3934
  "heading-level-5": {
3941
3935
  "color": {
3942
- "value": "{rhc.color.foreground.lint}",
3936
+ "value": "{rhc.color.lintblauw.500}",
3943
3937
  "type": "color"
3944
3938
  },
3945
3939
  "font-family": {
@@ -4475,7 +4469,7 @@
4475
4469
  "type": "color"
4476
4470
  },
4477
4471
  "border-color": {
4478
- "value": "{rhc.color.grijs.300}",
4472
+ "value": "{rhc.color.cool-grey.300}",
4479
4473
  "type": "color"
4480
4474
  },
4481
4475
  "border-width": {
@@ -4496,7 +4490,7 @@
4496
4490
  "type": "size"
4497
4491
  },
4498
4492
  "color": {
4499
- "value": "{rhc.color.foreground.lint}",
4493
+ "value": "{rhc.color.foreground.default}",
4500
4494
  "type": "color"
4501
4495
  }
4502
4496
  },
@@ -4546,7 +4540,7 @@
4546
4540
  },
4547
4541
  "heading": {
4548
4542
  "color": {
4549
- "value": "{rhc.color.foreground.lint}",
4543
+ "value": "{rhc.color.foreground.default}",
4550
4544
  "type": "color"
4551
4545
  }
4552
4546
  }
@@ -4583,7 +4577,7 @@
4583
4577
  },
4584
4578
  "icon": {
4585
4579
  "color": {
4586
- "value": "{rhc.color.foreground.lint}",
4580
+ "value": "{rhc.color.foreground.default}",
4587
4581
  "type": "color"
4588
4582
  },
4589
4583
  "active": {
@@ -4600,7 +4594,7 @@
4600
4594
  "link": {
4601
4595
  "active": {
4602
4596
  "background-color": {
4603
- "value": "{rhc.color.foreground.lint}",
4597
+ "value": "{rhc.color.primary.500}",
4604
4598
  "type": "color"
4605
4599
  },
4606
4600
  "color": {
@@ -4613,26 +4607,26 @@
4613
4607
  "type": "color"
4614
4608
  },
4615
4609
  "color": {
4616
- "value": "{rhc.color.foreground.lint}",
4610
+ "value": "{rhc.color.primary.500}",
4617
4611
  "type": "color"
4618
4612
  },
4619
4613
  "focus": {
4620
4614
  "background-color": {
4621
- "value": "{rhc.color.lintblauw.50}",
4615
+ "value": "{rhc.color.primary.50}",
4622
4616
  "type": "color"
4623
4617
  },
4624
4618
  "color": {
4625
- "value": "{rhc.color.foreground.lint}",
4619
+ "value": "{rhc.color.primary.500}",
4626
4620
  "type": "color"
4627
4621
  }
4628
4622
  },
4629
4623
  "hover": {
4630
4624
  "background-color": {
4631
- "value": "{rhc.color.grijs.50}",
4625
+ "value": "{rhc.color.cool-grey.50}",
4632
4626
  "type": "color"
4633
4627
  },
4634
4628
  "color": {
4635
- "value": "{rhc.color.foreground.lint}",
4629
+ "value": "{rhc.color.primary.500}",
4636
4630
  "type": "color"
4637
4631
  }
4638
4632
  },
@@ -4668,11 +4662,11 @@
4668
4662
  "type": "color"
4669
4663
  },
4670
4664
  "color": {
4671
- "value": "{rhc.color.foreground.lint}",
4665
+ "value": "{rhc.color.primary.500}",
4672
4666
  "type": "color"
4673
4667
  },
4674
4668
  "border-color": {
4675
- "value": "{rhc.color.border.default}",
4669
+ "value": "{rhc.color.primary.400}",
4676
4670
  "type": "color"
4677
4671
  }
4678
4672
  }
@@ -4683,7 +4677,7 @@
4683
4677
  "navigation-list": {
4684
4678
  "icon": {
4685
4679
  "background-color": {
4686
- "value": "{rhc.color.foreground.lint}",
4680
+ "value": "{rhc.color.foreground.default}",
4687
4681
  "type": "color"
4688
4682
  },
4689
4683
  "border-radius": {
@@ -4744,13 +4738,13 @@
4744
4738
  },
4745
4739
  "active": {
4746
4740
  "background-color": {
4747
- "value": "{rhc.color.grijs.100}",
4741
+ "value": "{rhc.color.cool-grey.100}",
4748
4742
  "type": "color"
4749
4743
  }
4750
4744
  },
4751
4745
  "hover": {
4752
4746
  "background-color": {
4753
- "value": "{rhc.color.grijs.50}",
4747
+ "value": "{rhc.color.cool-grey.50}",
4754
4748
  "type": "color"
4755
4749
  }
4756
4750
  },
@@ -4773,12 +4767,12 @@
4773
4767
  "type": "borderWidth"
4774
4768
  },
4775
4769
  "border-color": {
4776
- "value": "{rhc.color.grijs.300}",
4770
+ "value": "{rhc.color.cool-grey.300}",
4777
4771
  "type": "color"
4778
4772
  },
4779
4773
  "heading": {
4780
4774
  "color": {
4781
- "value": "{rhc.color.foreground.lint}",
4775
+ "value": "{rhc.color.foreground.default}",
4782
4776
  "type": "color"
4783
4777
  }
4784
4778
  },
@@ -4836,7 +4830,7 @@
4836
4830
  }
4837
4831
  },
4838
4832
  "color": {
4839
- "value": "{rhc.color.foreground.lint}",
4833
+ "value": "{rhc.color.foreground.default}",
4840
4834
  "type": "color"
4841
4835
  },
4842
4836
  "font-family": {
@@ -5170,7 +5164,7 @@
5170
5164
  "nl": {
5171
5165
  "paragraph": {
5172
5166
  "color": {
5173
- "value": "{rhc.color.foreground.lint}",
5167
+ "value": "{rhc.color.foreground.default}",
5174
5168
  "type": "color"
5175
5169
  },
5176
5170
  "font-family": {
@@ -5199,7 +5193,7 @@
5199
5193
  },
5200
5194
  "lead": {
5201
5195
  "color": {
5202
- "value": "{rhc.color.foreground.lint}",
5196
+ "value": "{rhc.color.foreground.default}",
5203
5197
  "type": "color"
5204
5198
  },
5205
5199
  "font-size": {
@@ -5214,24 +5208,6 @@
5214
5208
  "value": "{rhc.line-height.paragraph}",
5215
5209
  "type": "lineHeights"
5216
5210
  }
5217
- },
5218
- "small": {
5219
- "color": {
5220
- "value": "{rhc.color.foreground.lint}",
5221
- "type": "color"
5222
- },
5223
- "font-size": {
5224
- "value": "{rhc.font-size.paragraph.small}",
5225
- "type": "fontSizes"
5226
- },
5227
- "font-weight": {
5228
- "value": "{rhc.font-weight.regular}",
5229
- "type": "fontWeights"
5230
- },
5231
- "line-height": {
5232
- "value": "{rhc.line-height.paragraph}",
5233
- "type": "lineHeights"
5234
- }
5235
5211
  }
5236
5212
  }
5237
5213
  }
@@ -5240,7 +5216,7 @@
5240
5216
  "utrecht": {
5241
5217
  "pre-heading": {
5242
5218
  "color": {
5243
- "value": "{rhc.color.foreground.lint}",
5219
+ "value": "{rhc.color.foreground.default}",
5244
5220
  "type": "color"
5245
5221
  },
5246
5222
  "font-family": {
@@ -5327,15 +5303,15 @@
5327
5303
  },
5328
5304
  "disabled": {
5329
5305
  "background-color": {
5330
- "value": "{rhc.color.grijs.300}",
5306
+ "value": "{rhc.color.cool-grey.300}",
5331
5307
  "type": "color"
5332
5308
  },
5333
5309
  "border-color": {
5334
- "value": "{rhc.color.grijs.400}",
5310
+ "value": "{rhc.color.cool-grey.400}",
5335
5311
  "type": "color"
5336
5312
  },
5337
5313
  "color": {
5338
- "value": "{rhc.color.grijs.600}",
5314
+ "value": "{rhc.color.cool-grey.600}",
5339
5315
  "type": "color"
5340
5316
  }
5341
5317
  },
@@ -5408,15 +5384,15 @@
5408
5384
  },
5409
5385
  "disabled": {
5410
5386
  "background-color": {
5411
- "value": "{rhc.color.grijs.300}",
5387
+ "value": "{rhc.color.cool-grey.300}",
5412
5388
  "type": "color"
5413
5389
  },
5414
5390
  "border-color": {
5415
- "value": "{rhc.color.grijs.400}",
5391
+ "value": "{rhc.color.cool-grey.400}",
5416
5392
  "type": "color"
5417
5393
  },
5418
5394
  "color": {
5419
- "value": "{rhc.color.grijs.600}",
5395
+ "value": "{rhc.color.cool-grey.600}",
5420
5396
  "type": "color"
5421
5397
  }
5422
5398
  },
@@ -5490,7 +5466,7 @@
5490
5466
  "type": "color"
5491
5467
  },
5492
5468
  "color": {
5493
- "value": "{rhc.color.foreground.lint}",
5469
+ "value": "{rhc.color.foreground.default}",
5494
5470
  "type": "color"
5495
5471
  },
5496
5472
  "invalid": {
@@ -5503,7 +5479,7 @@
5503
5479
  "type": "color"
5504
5480
  },
5505
5481
  "color": {
5506
- "value": "{rhc.color.foreground.lint}",
5482
+ "value": "{rhc.color.foreground.default}",
5507
5483
  "type": "color"
5508
5484
  },
5509
5485
  "border-width": {
@@ -5521,7 +5497,7 @@
5521
5497
  "type": "color"
5522
5498
  },
5523
5499
  "color": {
5524
- "value": "{rhc.color.foreground.lint}",
5500
+ "value": "{rhc.color.foreground.default}",
5525
5501
  "type": "color"
5526
5502
  },
5527
5503
  "border-width": {
@@ -5531,15 +5507,15 @@
5531
5507
  },
5532
5508
  "disabled": {
5533
5509
  "background-color": {
5534
- "value": "{rhc.color.grijs.300}",
5510
+ "value": "{rhc.color.cool-grey.300}",
5535
5511
  "type": "color"
5536
5512
  },
5537
5513
  "border-color": {
5538
- "value": "{rhc.color.grijs.400}",
5514
+ "value": "{rhc.color.cool-grey.400}",
5539
5515
  "type": "color"
5540
5516
  },
5541
5517
  "color": {
5542
- "value": "{rhc.color.grijs.600}",
5518
+ "value": "{rhc.color.cool-grey.600}",
5543
5519
  "type": "color"
5544
5520
  }
5545
5521
  },
@@ -5553,7 +5529,7 @@
5553
5529
  "type": "color"
5554
5530
  },
5555
5531
  "color": {
5556
- "value": "{rhc.color.foreground.lint}",
5532
+ "value": "{rhc.color.foreground.default}",
5557
5533
  "type": "color"
5558
5534
  },
5559
5535
  "border-width": {
@@ -5616,7 +5592,7 @@
5616
5592
  "utrecht": {
5617
5593
  "separator": {
5618
5594
  "color": {
5619
- "value": "{rhc.color.grijs.300}",
5595
+ "value": "{rhc.color.cool-grey.300}",
5620
5596
  "type": "color"
5621
5597
  },
5622
5598
  "block-size": {
@@ -5674,7 +5650,7 @@
5674
5650
  "type": "fontWeights"
5675
5651
  },
5676
5652
  "color": {
5677
- "value": "{rhc.color.foreground.lint}",
5653
+ "value": "{rhc.color.foreground.default}",
5678
5654
  "type": "color"
5679
5655
  }
5680
5656
  },
@@ -5822,7 +5798,7 @@
5822
5798
  "type": "borderWidth"
5823
5799
  },
5824
5800
  "color": {
5825
- "value": "{rhc.color.foreground.lint}",
5801
+ "value": "{rhc.color.foreground.default}",
5826
5802
  "type": "color"
5827
5803
  },
5828
5804
  "text-decoration": {
@@ -5930,7 +5906,7 @@
5930
5906
  "type": "color"
5931
5907
  },
5932
5908
  "color": {
5933
- "value": "{rhc.color.foreground.lint}",
5909
+ "value": "{rhc.color.foreground.default}",
5934
5910
  "type": "color"
5935
5911
  }
5936
5912
  },
@@ -5944,7 +5920,7 @@
5944
5920
  "type": "color"
5945
5921
  },
5946
5922
  "color": {
5947
- "value": "{rhc.color.foreground.lint}",
5923
+ "value": "{rhc.color.foreground.default}",
5948
5924
  "type": "color"
5949
5925
  }
5950
5926
  },
@@ -5958,7 +5934,7 @@
5958
5934
  "type": "color"
5959
5935
  },
5960
5936
  "color": {
5961
- "value": "{rhc.color.foreground.lint}",
5937
+ "value": "{rhc.color.foreground.default}",
5962
5938
  "type": "color"
5963
5939
  }
5964
5940
  },
@@ -5972,12 +5948,12 @@
5972
5948
  "type": "color"
5973
5949
  },
5974
5950
  "color": {
5975
- "value": "{rhc.color.foreground.lint}",
5951
+ "value": "{rhc.color.foreground.default}",
5976
5952
  "type": "color"
5977
5953
  }
5978
5954
  },
5979
5955
  "background-color": {
5980
- "value": "{rhc.color.grijs.200}",
5956
+ "value": "{rhc.color.cool-grey.200}",
5981
5957
  "type": "color"
5982
5958
  },
5983
5959
  "border-color": {
@@ -5985,7 +5961,7 @@
5985
5961
  "type": "color"
5986
5962
  },
5987
5963
  "color": {
5988
- "value": "{rhc.color.foreground.lint}",
5964
+ "value": "{rhc.color.foreground.default}",
5989
5965
  "type": "color"
5990
5966
  }
5991
5967
  }
@@ -6084,11 +6060,11 @@
6084
6060
  "type": "borderWidth"
6085
6061
  },
6086
6062
  "border-color": {
6087
- "value": "{rhc.color.grijs.300}",
6063
+ "value": "{rhc.color.cool-grey.300}",
6088
6064
  "type": "color"
6089
6065
  },
6090
6066
  "color": {
6091
- "value": "{rhc.color.foreground.lint}",
6067
+ "value": "{rhc.color.foreground.default}",
6092
6068
  "type": "color"
6093
6069
  }
6094
6070
  },
@@ -6148,7 +6124,7 @@
6148
6124
  "type": "lineHeights"
6149
6125
  },
6150
6126
  "color": {
6151
- "value": "{rhc.color.foreground.lint}",
6127
+ "value": "{rhc.color.foreground.default}",
6152
6128
  "type": "color"
6153
6129
  },
6154
6130
  "font-family": {
@@ -6174,7 +6150,7 @@
6174
6150
  "type": "spacing"
6175
6151
  },
6176
6152
  "color": {
6177
- "value": "{rhc.color.foreground.lint}",
6153
+ "value": "{rhc.color.foreground.default}",
6178
6154
  "type": "color"
6179
6155
  },
6180
6156
  "font-family": {
@@ -6214,7 +6190,7 @@
6214
6190
  },
6215
6191
  "data-cell": {
6216
6192
  "color": {
6217
- "value": "{rhc.color.foreground.lint}",
6193
+ "value": "{rhc.color.foreground.default}",
6218
6194
  "type": "color"
6219
6195
  },
6220
6196
  "font-family": {
@@ -6240,7 +6216,7 @@
6240
6216
  "type": "borderWidth"
6241
6217
  },
6242
6218
  "border-block-end-color": {
6243
- "value": "{rhc.color.grijs.300}",
6219
+ "value": "{rhc.color.cool-grey.300}",
6244
6220
  "type": "color"
6245
6221
  },
6246
6222
  "background-color": {
@@ -6254,7 +6230,7 @@
6254
6230
  "type": "borderWidth"
6255
6231
  },
6256
6232
  "border-block-end-color": {
6257
- "value": "{rhc.color.grijs.300}",
6233
+ "value": "{rhc.color.cool-grey.300}",
6258
6234
  "type": "color"
6259
6235
  },
6260
6236
  "background-color": {
@@ -6268,7 +6244,7 @@
6268
6244
  "type": "borderWidth"
6269
6245
  },
6270
6246
  "border-block-end-color": {
6271
- "value": "{rhc.color.grijs.300}",
6247
+ "value": "{rhc.color.cool-grey.300}",
6272
6248
  "type": "color"
6273
6249
  },
6274
6250
  "background-color": {
@@ -6286,7 +6262,7 @@
6286
6262
  "type": "fontSizes"
6287
6263
  },
6288
6264
  "color": {
6289
- "value": "{rhc.color.foreground.lint}",
6265
+ "value": "{rhc.color.foreground.default}",
6290
6266
  "type": "color"
6291
6267
  },
6292
6268
  "font-family": {
@@ -6471,7 +6447,7 @@
6471
6447
  "type": "color"
6472
6448
  },
6473
6449
  "color": {
6474
- "value": "{rhc.color.foreground.lint}",
6450
+ "value": "{rhc.color.foreground.default}",
6475
6451
  "type": "color"
6476
6452
  },
6477
6453
  "invalid": {
@@ -6484,7 +6460,7 @@
6484
6460
  "type": "color"
6485
6461
  },
6486
6462
  "color": {
6487
- "value": "{rhc.color.foreground.lint}",
6463
+ "value": "{rhc.color.foreground.default}",
6488
6464
  "type": "color"
6489
6465
  },
6490
6466
  "border-width": {
@@ -6494,7 +6470,7 @@
6494
6470
  },
6495
6471
  "placeholder": {
6496
6472
  "color": {
6497
- "value": "{rhc.color.grijs.500}",
6473
+ "value": "{rhc.color.cool-grey.500}",
6498
6474
  "type": "color"
6499
6475
  }
6500
6476
  },
@@ -6508,7 +6484,7 @@
6508
6484
  "type": "color"
6509
6485
  },
6510
6486
  "color": {
6511
- "value": "{rhc.color.foreground.lint}",
6487
+ "value": "{rhc.color.foreground.default}",
6512
6488
  "type": "color"
6513
6489
  },
6514
6490
  "border-width": {
@@ -6518,21 +6494,21 @@
6518
6494
  },
6519
6495
  "disabled": {
6520
6496
  "background-color": {
6521
- "value": "{rhc.color.grijs.300}",
6497
+ "value": "{rhc.color.cool-grey.300}",
6522
6498
  "type": "color"
6523
6499
  },
6524
6500
  "border-color": {
6525
- "value": "{rhc.color.grijs.400}",
6501
+ "value": "{rhc.color.cool-grey.400}",
6526
6502
  "type": "color"
6527
6503
  },
6528
6504
  "color": {
6529
- "value": "{rhc.color.grijs.600}",
6505
+ "value": "{rhc.color.cool-grey.600}",
6530
6506
  "type": "color"
6531
6507
  }
6532
6508
  },
6533
6509
  "read-only": {
6534
6510
  "background-color": {
6535
- "value": "{rhc.color.grijs.100}",
6511
+ "value": "{rhc.color.cool-grey.100}",
6536
6512
  "type": "color"
6537
6513
  },
6538
6514
  "border-color": {
@@ -6540,7 +6516,7 @@
6540
6516
  "type": "color"
6541
6517
  },
6542
6518
  "color": {
6543
- "value": "{rhc.color.foreground.lint}",
6519
+ "value": "{rhc.color.foreground.default}",
6544
6520
  "type": "color"
6545
6521
  }
6546
6522
  },
@@ -6554,7 +6530,7 @@
6554
6530
  "type": "color"
6555
6531
  },
6556
6532
  "color": {
6557
- "value": "{rhc.color.foreground.lint}",
6533
+ "value": "{rhc.color.foreground.default}",
6558
6534
  "type": "color"
6559
6535
  },
6560
6536
  "border-width": {
@@ -6645,7 +6621,7 @@
6645
6621
  "type": "color"
6646
6622
  },
6647
6623
  "color": {
6648
- "value": "{rhc.color.foreground.lint}",
6624
+ "value": "{rhc.color.foreground.default}",
6649
6625
  "type": "color"
6650
6626
  },
6651
6627
  "invalid": {
@@ -6658,7 +6634,7 @@
6658
6634
  "type": "color"
6659
6635
  },
6660
6636
  "color": {
6661
- "value": "{rhc.color.foreground.lint}",
6637
+ "value": "{rhc.color.foreground.default}",
6662
6638
  "type": "color"
6663
6639
  },
6664
6640
  "border-width": {
@@ -6668,7 +6644,7 @@
6668
6644
  },
6669
6645
  "placeholder": {
6670
6646
  "color": {
6671
- "value": "{rhc.color.grijs.500}",
6647
+ "value": "{rhc.color.cool-grey.500}",
6672
6648
  "type": "color"
6673
6649
  }
6674
6650
  },
@@ -6694,27 +6670,27 @@
6694
6670
  "type": "color"
6695
6671
  },
6696
6672
  "color": {
6697
- "value": "{rhc.color.foreground.lint}",
6673
+ "value": "{rhc.color.foreground.default}",
6698
6674
  "type": "color"
6699
6675
  }
6700
6676
  },
6701
6677
  "disabled": {
6702
6678
  "background-color": {
6703
- "value": "{rhc.color.grijs.300}",
6679
+ "value": "{rhc.color.cool-grey.300}",
6704
6680
  "type": "color"
6705
6681
  },
6706
6682
  "border-color": {
6707
- "value": "{rhc.color.grijs.400}",
6683
+ "value": "{rhc.color.cool-grey.400}",
6708
6684
  "type": "color"
6709
6685
  },
6710
6686
  "color": {
6711
- "value": "{rhc.color.grijs.600}",
6687
+ "value": "{rhc.color.cool-grey.600}",
6712
6688
  "type": "color"
6713
6689
  }
6714
6690
  },
6715
6691
  "read-only": {
6716
6692
  "background-color": {
6717
- "value": "{rhc.color.grijs.100}",
6693
+ "value": "{rhc.color.cool-grey.100}",
6718
6694
  "type": "color"
6719
6695
  },
6720
6696
  "border-color": {
@@ -6722,7 +6698,7 @@
6722
6698
  "type": "color"
6723
6699
  },
6724
6700
  "color": {
6725
- "value": "{rhc.color.foreground.lint}",
6701
+ "value": "{rhc.color.foreground.default}",
6726
6702
  "type": "color"
6727
6703
  }
6728
6704
  },
@@ -6740,7 +6716,7 @@
6740
6716
  "type": "color"
6741
6717
  },
6742
6718
  "color": {
6743
- "value": "{rhc.color.foreground.lint}",
6719
+ "value": "{rhc.color.foreground.default}",
6744
6720
  "type": "color"
6745
6721
  }
6746
6722
  }
@@ -6796,7 +6772,7 @@
6796
6772
  },
6797
6773
  "hover": {
6798
6774
  "color": {
6799
- "value": "{rhc.color.foreground.lint}",
6775
+ "value": "{rhc.color.foreground.default}",
6800
6776
  "type": "color"
6801
6777
  },
6802
6778
  "background-color": {
@@ -6861,7 +6837,7 @@
6861
6837
  "type": "spacing"
6862
6838
  },
6863
6839
  "color": {
6864
- "value": "{rhc.color.foreground.lint}",
6840
+ "value": "{rhc.color.foreground.default}",
6865
6841
  "type": "color"
6866
6842
  },
6867
6843
  "font-family": {
@@ -6896,11 +6872,11 @@
6896
6872
  },
6897
6873
  "marker": {
6898
6874
  "color": {
6899
- "value": "{rhc.color.foreground.lint}",
6875
+ "value": "{rhc.color.foreground.default}",
6900
6876
  "type": "color"
6901
6877
  },
6902
6878
  "border-color": {
6903
- "value": "{rhc.color.foreground.lint}",
6879
+ "value": "{rhc.color.foreground.default}",
6904
6880
  "type": "color"
6905
6881
  }
6906
6882
  }
@@ -7029,7 +7005,7 @@
7029
7005
  }
7030
7006
  }
7031
7007
  },
7032
- "radio": {
7008
+ "radio-button": {
7033
7009
  "focus": {
7034
7010
  "background-color": {
7035
7011
  "value": "{overwrite.focus.background}",
@@ -7337,7 +7313,8 @@
7337
7313
  "components/icon": "enabled",
7338
7314
  "components/sub-nav-bar": "enabled"
7339
7315
  },
7340
- "group": "Rijkshuisstijl"
7316
+ "group": "Rijkshuisstijl",
7317
+ "$figmaVariableReferences": {}
7341
7318
  },
7342
7319
  {
7343
7320
  "id": "c6dd93b7ffde608ac96ec3b636875b6534dca15e",
@@ -7421,7 +7398,8 @@
7421
7398
  "components/sub-nav-bar": "enabled",
7422
7399
  "overwrites/primaire kleur/violet": "enabled"
7423
7400
  },
7424
- "group": "Rijkshuisstijl"
7401
+ "group": "Rijkshuisstijl",
7402
+ "$figmaVariableReferences": {}
7425
7403
  },
7426
7404
  {
7427
7405
  "id": "786957ab6fd72ed726e59e0415f638eea0de0995",
@@ -7506,7 +7484,8 @@
7506
7484
  "overwrites/oude rijkshuisstijl/border": "enabled",
7507
7485
  "overwrites/primaire kleur/violet": "enabled"
7508
7486
  },
7509
- "group": "Rijkshuisstijl"
7487
+ "group": "Rijkshuisstijl",
7488
+ "$figmaVariableReferences": {}
7510
7489
  },
7511
7490
  {
7512
7491
  "id": "6dc199872ed7ed864f33144bdffb286fdedbf473",
@@ -7592,7 +7571,8 @@
7592
7571
  "overwrites/focus/outline-color": "enabled",
7593
7572
  "overwrites/primaire kleur/mintgroen": "enabled"
7594
7573
  },
7595
- "group": "Rijkshuisstijl"
7574
+ "group": "Rijkshuisstijl",
7575
+ "$figmaVariableReferences": {}
7596
7576
  }
7597
7577
  ],
7598
7578
  "$metadata": {
@@ -7680,4 +7660,4 @@
7680
7660
  "overwrites/primaire kleur/violet"
7681
7661
  ]
7682
7662
  }
7683
- }
7663
+ }