@rijkshuisstijl-community/design-tokens 1.0.1 → 1.2.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 (54) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/_variables.scss +747 -624
  3. package/dist/index.css +747 -624
  4. package/dist/index.d.ts +624 -501
  5. package/dist/index.js +650 -527
  6. package/dist/index.json +649 -526
  7. package/dist/index.tokens.json +1684 -1515
  8. package/dist/root.css +747 -624
  9. package/dist/tokens.d.ts +1595 -1426
  10. package/dist/tokens.js +23437 -20600
  11. package/dist/uitvoerend-mintgroen-focus/_variables.scss +644 -522
  12. package/dist/uitvoerend-mintgroen-focus/index.css +644 -522
  13. package/dist/uitvoerend-mintgroen-focus/index.d.ts +736 -614
  14. package/dist/uitvoerend-mintgroen-focus/index.js +738 -616
  15. package/dist/uitvoerend-mintgroen-focus/index.json +737 -615
  16. package/dist/uitvoerend-mintgroen-focus/index.tokens.json +1680 -1516
  17. package/dist/uitvoerend-mintgroen-focus/root.css +644 -522
  18. package/dist/uitvoerend-mintgroen-focus/tokens.d.ts +1587 -1423
  19. package/dist/uitvoerend-mintgroen-focus/tokens.js +22945 -20135
  20. package/dist/uitvoerend-violet/_variables.scss +153 -30
  21. package/dist/uitvoerend-violet/index.css +153 -30
  22. package/dist/uitvoerend-violet/index.d.ts +125 -2
  23. package/dist/uitvoerend-violet/index.js +153 -30
  24. package/dist/uitvoerend-violet/index.json +152 -29
  25. package/dist/uitvoerend-violet/index.tokens.json +202 -33
  26. package/dist/uitvoerend-violet/root.css +153 -30
  27. package/dist/uitvoerend-violet/tokens.d.ts +175 -6
  28. package/dist/uitvoerend-violet/tokens.js +5872 -3035
  29. package/dist/uitvoerend-violet-oud/_variables.scss +153 -30
  30. package/dist/uitvoerend-violet-oud/index.css +153 -30
  31. package/dist/uitvoerend-violet-oud/index.d.ts +125 -2
  32. package/dist/uitvoerend-violet-oud/index.js +153 -30
  33. package/dist/uitvoerend-violet-oud/index.json +152 -29
  34. package/dist/uitvoerend-violet-oud/index.tokens.json +202 -33
  35. package/dist/uitvoerend-violet-oud/root.css +153 -30
  36. package/dist/uitvoerend-violet-oud/tokens.d.ts +175 -6
  37. package/dist/uitvoerend-violet-oud/tokens.js +5872 -3035
  38. package/dist/wetgevend/_variables.scss +153 -30
  39. package/dist/wetgevend/index.css +153 -30
  40. package/dist/wetgevend/index.d.ts +125 -2
  41. package/dist/wetgevend/index.js +153 -30
  42. package/dist/wetgevend/index.json +152 -29
  43. package/dist/wetgevend/index.tokens.json +202 -33
  44. package/dist/wetgevend/root.css +153 -30
  45. package/dist/wetgevend/tokens.d.ts +175 -6
  46. package/dist/wetgevend/tokens.js +5872 -3035
  47. package/figma/figma.tokens.json +2083 -236
  48. package/package.json +1 -1
  49. package/src/generated/base.tokens.json +4588 -4007
  50. package/src/generated/themes.json +6707 -4391
  51. package/src/generated/uitvoerend-mintgroen-focus/tokens.json +4663 -4090
  52. package/src/generated/uitvoerend-violet/tokens.json +625 -44
  53. package/src/generated/uitvoerend-violet-oud/tokens.json +625 -44
  54. package/src/generated/wetgevend/tokens.json +625 -44
@@ -849,15 +849,13 @@
849
849
  "type": "color",
850
850
  "description": "Gebruik voor content die extra context biedt, maar niet essentieel is om de interface te begrijpen."
851
851
  },
852
- "onEmphasis": {
853
- "parent": "mode/light",
854
- "value": "{rhc.color.wit}",
855
- "type": "color",
856
- "description": "Tekst en iconen die op een sterke achtergrond staan. Zoals het label in de primaire button of links in de footer."
857
- },
858
852
  "link": {
859
853
  "value": "{rhc.color.donkerblauw.500}",
860
854
  "type": "color"
855
+ },
856
+ "onEmphasis": {
857
+ "value": "{rhc.color.wit}",
858
+ "type": "color"
861
859
  }
862
860
  },
863
861
  "border": {
@@ -949,6 +947,12 @@
949
947
  "type": "color"
950
948
  }
951
949
  },
950
+ "accent-2": {
951
+ "500": {
952
+ "value": "{rhc.color.roze.500}",
953
+ "type": "color"
954
+ }
955
+ },
952
956
  "primary": {
953
957
  "50": {
954
958
  "value": "{rhc.color.lintblauw.50}",
@@ -2104,15 +2108,15 @@
2104
2108
  "utrecht": {
2105
2109
  "button": {
2106
2110
  "background-color": {
2107
- "value": "transparent",
2111
+ "value": "{rhc.color.cool-grey.900}",
2108
2112
  "type": "color"
2109
2113
  },
2110
2114
  "border-color": {
2111
- "value": "{rhc.color.cool-grey.700}",
2115
+ "value": "{rhc.color.none}",
2112
2116
  "type": "color"
2113
2117
  },
2114
2118
  "color": {
2115
- "value": "{rhc.color.cool-grey.700}",
2119
+ "value": "{rhc.color.wit}",
2116
2120
  "type": "color"
2117
2121
  },
2118
2122
  "border-radius": {
@@ -2167,7 +2171,7 @@
2167
2171
  },
2168
2172
  "disabled": {
2169
2173
  "background-color": {
2170
- "value": "{rhc.color.cool-grey.50}",
2174
+ "value": "{rhc.color.cool-grey.200}",
2171
2175
  "type": "color"
2172
2176
  },
2173
2177
  "border-color": {
@@ -2175,13 +2179,13 @@
2175
2179
  "type": "color"
2176
2180
  },
2177
2181
  "color": {
2178
- "value": "{rhc.color.cool-grey.500}",
2182
+ "value": "{rhc.color.cool-grey.400}",
2179
2183
  "type": "color"
2180
2184
  }
2181
2185
  },
2182
2186
  "focus": {
2183
2187
  "background-color": {
2184
- "value": "{rhc.color.donkergeel.200}",
2188
+ "value": "{rhc.color.cool-grey.600}",
2185
2189
  "type": "color"
2186
2190
  },
2187
2191
  "border-color": {
@@ -2189,35 +2193,35 @@
2189
2193
  "type": "color"
2190
2194
  },
2191
2195
  "color": {
2192
- "value": "{rhc.color.cool-grey.800}",
2196
+ "value": "{rhc.color.wit}",
2193
2197
  "type": "color"
2194
2198
  }
2195
2199
  },
2196
2200
  "hover": {
2197
2201
  "background-color": {
2198
- "value": "{rhc.color.cool-grey.50}",
2202
+ "value": "{rhc.color.cool-grey.600}",
2199
2203
  "type": "color"
2200
2204
  },
2201
2205
  "border-color": {
2202
- "value": "{rhc.color.cool-grey.800}",
2206
+ "value": "{rhc.color.none}",
2203
2207
  "type": "color"
2204
2208
  },
2205
2209
  "color": {
2206
- "value": "{rhc.color.cool-grey.800}",
2210
+ "value": "{rhc.color.wit}",
2207
2211
  "type": "color"
2208
2212
  }
2209
2213
  },
2210
2214
  "active": {
2211
2215
  "background-color": {
2212
- "value": "{rhc.color.cool-grey.300}",
2216
+ "value": "{rhc.color.cool-grey.800}",
2213
2217
  "type": "color"
2214
2218
  },
2215
2219
  "border-color": {
2216
- "value": "{rhc.color.cool-grey.900}",
2220
+ "value": "{rhc.color.none}",
2217
2221
  "type": "color"
2218
2222
  },
2219
2223
  "color": {
2220
- "value": "{rhc.color.cool-grey.900}",
2224
+ "value": "{rhc.color.wit}",
2221
2225
  "type": "color"
2222
2226
  }
2223
2227
  },
@@ -2244,7 +2248,7 @@
2244
2248
  "type": "color"
2245
2249
  },
2246
2250
  "color": {
2247
- "value": "{rhc.color.wit}",
2251
+ "value": "{rhc.color.foreground.onEmphasis}",
2248
2252
  "type": "color"
2249
2253
  }
2250
2254
  },
@@ -2257,7 +2261,7 @@
2257
2261
  "type": "color"
2258
2262
  },
2259
2263
  "color": {
2260
- "value": "{rhc.color.wit}",
2264
+ "value": "{rhc.color.foreground.onEmphasis}",
2261
2265
  "type": "color"
2262
2266
  },
2263
2267
  "disabled": {
@@ -2266,7 +2270,7 @@
2266
2270
  "type": "color"
2267
2271
  },
2268
2272
  "border-color": {
2269
- "value": "{rhc.color.primary.200}",
2273
+ "value": "{rhc.color.none}",
2270
2274
  "type": "color"
2271
2275
  },
2272
2276
  "color": {
@@ -2276,7 +2280,7 @@
2276
2280
  },
2277
2281
  "focus": {
2278
2282
  "background-color": {
2279
- "value": "{rhc.color.primary.500}",
2283
+ "value": "{rhc.color.primary.hover}",
2280
2284
  "type": "color"
2281
2285
  },
2282
2286
  "border-color": {
@@ -2284,7 +2288,7 @@
2284
2288
  "type": "color"
2285
2289
  },
2286
2290
  "color": {
2287
- "value": "{rhc.color.wit}",
2291
+ "value": "{rhc.color.foreground.onEmphasis}",
2288
2292
  "type": "color"
2289
2293
  }
2290
2294
  },
@@ -2311,7 +2315,7 @@
2311
2315
  "type": "color"
2312
2316
  },
2313
2317
  "color": {
2314
- "value": "{rhc.color.wit}",
2318
+ "value": "{rhc.color.foreground.onEmphasis}",
2315
2319
  "type": "color"
2316
2320
  }
2317
2321
  },
@@ -2322,20 +2326,43 @@
2322
2326
  "line-height": {
2323
2327
  "value": "1.875rem",
2324
2328
  "type": "lineHeights"
2329
+ },
2330
+ "pressed": {
2331
+ "background-color": {
2332
+ "value": "{rhc.color.primary.500}",
2333
+ "type": "color",
2334
+ "$extensions": {
2335
+ "studio.tokens": {
2336
+ "modify": {
2337
+ "type": "darken",
2338
+ "value": "0.4",
2339
+ "space": "lch"
2340
+ }
2341
+ }
2342
+ }
2343
+ },
2344
+ "border-color": {
2345
+ "value": "transparent",
2346
+ "type": "color"
2347
+ },
2348
+ "color": {
2349
+ "value": "{rhc.color.foreground.onEmphasis}",
2350
+ "type": "color"
2351
+ }
2325
2352
  }
2326
2353
  },
2327
2354
  "secondary-action": {
2328
2355
  "hover": {
2329
2356
  "background-color": {
2330
- "value": "{rhc.color.primary.100}",
2357
+ "value": "{rhc.color.primary.50}",
2331
2358
  "type": "color"
2332
2359
  },
2333
2360
  "border-color": {
2334
- "value": "{rhc.color.none}",
2361
+ "value": "{rhc.color.primary.hover}",
2335
2362
  "type": "color"
2336
2363
  },
2337
2364
  "color": {
2338
- "value": "{rhc.color.primary.500}",
2365
+ "value": "{rhc.color.primary.hover}",
2339
2366
  "type": "color"
2340
2367
  }
2341
2368
  },
@@ -2357,7 +2384,7 @@
2357
2384
  "type": "color"
2358
2385
  },
2359
2386
  "border-color": {
2360
- "value": "{rhc.color.primary.300}",
2387
+ "value": "{rhc.color.primary.200}",
2361
2388
  "type": "color"
2362
2389
  },
2363
2390
  "color": {
@@ -2367,7 +2394,7 @@
2367
2394
  },
2368
2395
  "focus": {
2369
2396
  "background-color": {
2370
- "value": "{rhc.color.primary.100}",
2397
+ "value": "{rhc.color.primary.50}",
2371
2398
  "type": "color"
2372
2399
  },
2373
2400
  "border-color": {
@@ -2375,7 +2402,7 @@
2375
2402
  "type": "color"
2376
2403
  },
2377
2404
  "color": {
2378
- "value": "{rhc.color.primary.500}",
2405
+ "value": "{rhc.color.primary.hover}",
2379
2406
  "type": "color"
2380
2407
  }
2381
2408
  },
@@ -2390,10 +2417,19 @@
2390
2417
  },
2391
2418
  "border-color": {
2392
2419
  "value": "{rhc.color.primary.500}",
2393
- "type": "color"
2420
+ "type": "color",
2421
+ "$extensions": {
2422
+ "studio.tokens": {
2423
+ "modify": {
2424
+ "type": "darken",
2425
+ "value": "0.4",
2426
+ "space": "lch"
2427
+ }
2428
+ }
2429
+ }
2394
2430
  },
2395
2431
  "color": {
2396
- "value": "{rhc.color.primary.500}",
2432
+ "value": "{rhc.color.primary.hover}",
2397
2433
  "type": "color"
2398
2434
  }
2399
2435
  },
@@ -2404,6 +2440,38 @@
2404
2440
  "line-height": {
2405
2441
  "value": "1.875rem",
2406
2442
  "type": "lineHeights"
2443
+ },
2444
+ "pressed": {
2445
+ "background-color": {
2446
+ "value": "{rhc.color.primary.100}",
2447
+ "type": "color"
2448
+ },
2449
+ "border-color": {
2450
+ "value": "{rhc.color.primary.500}",
2451
+ "type": "color",
2452
+ "$extensions": {
2453
+ "studio.tokens": {
2454
+ "modify": {
2455
+ "type": "darken",
2456
+ "value": "0.4",
2457
+ "space": "lch"
2458
+ }
2459
+ }
2460
+ }
2461
+ },
2462
+ "color": {
2463
+ "value": "{rhc.color.primary.500}",
2464
+ "type": "color",
2465
+ "$extensions": {
2466
+ "studio.tokens": {
2467
+ "modify": {
2468
+ "type": "darken",
2469
+ "value": "0.4",
2470
+ "space": "lch"
2471
+ }
2472
+ }
2473
+ }
2474
+ }
2407
2475
  }
2408
2476
  },
2409
2477
  "subtle": {
@@ -2417,7 +2485,7 @@
2417
2485
  },
2418
2486
  "hover": {
2419
2487
  "background-color": {
2420
- "value": "{rhc.color.none}",
2488
+ "value": "{rhc.color.primary.50}",
2421
2489
  "type": "color"
2422
2490
  },
2423
2491
  "border-color": {
@@ -2465,13 +2533,13 @@
2465
2533
  "type": "color"
2466
2534
  },
2467
2535
  "color": {
2468
- "value": "{rhc.color.primary.500}",
2536
+ "value": "{rhc.color.primary.hover}",
2469
2537
  "type": "color"
2470
2538
  }
2471
2539
  },
2472
2540
  "active": {
2473
2541
  "background-color": {
2474
- "value": "{rhc.color.none}",
2542
+ "value": "{rhc.color.primary.200}",
2475
2543
  "type": "color"
2476
2544
  },
2477
2545
  "border-color": {
@@ -2495,6 +2563,43 @@
2495
2563
  "line-height": {
2496
2564
  "value": "1.875rem",
2497
2565
  "type": "lineHeights"
2566
+ },
2567
+ "pressed": {
2568
+ "background-color": {
2569
+ "value": "{rhc.color.primary.100}",
2570
+ "type": "color"
2571
+ },
2572
+ "border-color": {
2573
+ "value": "transparent",
2574
+ "type": "color"
2575
+ },
2576
+ "color": {
2577
+ "value": "{rhc.color.primary.500}",
2578
+ "type": "color",
2579
+ "$extensions": {
2580
+ "studio.tokens": {
2581
+ "modify": {
2582
+ "type": "darken",
2583
+ "value": "0.4",
2584
+ "space": "lch"
2585
+ }
2586
+ }
2587
+ }
2588
+ }
2589
+ }
2590
+ },
2591
+ "pressed": {
2592
+ "background-color": {
2593
+ "value": "{rhc.color.cool-grey.800}",
2594
+ "type": "color"
2595
+ },
2596
+ "border-color": {
2597
+ "value": "transparent",
2598
+ "type": "color"
2599
+ },
2600
+ "color": {
2601
+ "value": "{rhc.color.wit}",
2602
+ "type": "color"
2498
2603
  }
2499
2604
  }
2500
2605
  }
@@ -2567,7 +2672,7 @@
2567
2672
  },
2568
2673
  "icon": {
2569
2674
  "color": {
2570
- "value": "{rhc.color.foreground.default}",
2675
+ "value": "{rhc.color.lintblauw.500}",
2571
2676
  "type": "color"
2572
2677
  },
2573
2678
  "size": {
@@ -2605,7 +2710,7 @@
2605
2710
  },
2606
2711
  "metadata": {
2607
2712
  "color": {
2608
- "value": "{rhc.color.foreground.default}",
2713
+ "value": "{rhc.color.foreground.subdued}",
2609
2714
  "type": "color"
2610
2715
  }
2611
2716
  },
@@ -2678,6 +2783,10 @@
2678
2783
  }
2679
2784
  },
2680
2785
  "heading": {
2786
+ "color": {
2787
+ "value": "{rhc.color.lintblauw.500}",
2788
+ "type": "color"
2789
+ },
2681
2790
  "padding-block-start": {
2682
2791
  "value": "{rhc.space.100}",
2683
2792
  "type": "spacing"
@@ -3042,7 +3151,7 @@
3042
3151
  }
3043
3152
  }
3044
3153
  },
3045
- "components/counter-badge": {
3154
+ "components/counter-badge/nl": {
3046
3155
  "nl": {
3047
3156
  "number-badge": {
3048
3157
  "font-size": {
@@ -3100,20 +3209,60 @@
3100
3209
  }
3101
3210
  }
3102
3211
  },
3103
- "components/dot-badge": {
3104
- "rhc": {
3105
- "dot-badge": {
3212
+ "components/counter-badge/utrecht": {
3213
+ "utrecht": {
3214
+ "number-badge": {
3215
+ "font-size": {
3216
+ "value": "{nl.number-badge.font-size}",
3217
+ "type": "fontSizes"
3218
+ },
3219
+ "line-height": {
3220
+ "value": "{nl.number-badge.line-height}",
3221
+ "type": "lineHeights"
3222
+ },
3223
+ "min-block-size": {
3224
+ "value": "{nl.number-badge.min-block-size}",
3225
+ "type": "sizing"
3226
+ },
3227
+ "min-inline-size": {
3228
+ "value": "{nl.number-badge.min-inline-size}",
3229
+ "type": "sizing"
3230
+ },
3231
+ "font-weight": {
3232
+ "value": "{nl.number-badge.font-weight}",
3233
+ "type": "fontWeights"
3234
+ },
3235
+ "border-width": {
3236
+ "value": "{nl.number-badge.border-width}",
3237
+ "type": "borderWidth"
3238
+ },
3106
3239
  "border-radius": {
3107
- "value": "{rhc.border-radius.circle}",
3108
- "type": "border-radius"
3240
+ "value": "{nl.number-badge.border-radius}",
3241
+ "type": "borderRadius"
3242
+ },
3243
+ "font-family": {
3244
+ "value": "{nl.number-badge.font-family}",
3245
+ "type": "fontFamilies"
3246
+ },
3247
+ "background-color": {
3248
+ "value": "{nl.number-badge.background-color}",
3249
+ "type": "color"
3250
+ },
3251
+ "border-color": {
3252
+ "value": "{nl.number-badge.border-color}",
3253
+ "type": "color"
3109
3254
  },
3110
3255
  "color": {
3111
- "value": "{rhc.color.rood.500}",
3256
+ "value": "{nl.number-badge.color}",
3112
3257
  "type": "color"
3113
3258
  },
3114
- "size": {
3115
- "value": "{rhc.size.quarter-lint}",
3116
- "type": "size"
3259
+ "padding-inline": {
3260
+ "value": "{nl.number-badge.padding-inline}",
3261
+ "type": "spacing"
3262
+ },
3263
+ "padding-block": {
3264
+ "value": "{nl.number-badge.padding-block}",
3265
+ "type": "spacing"
3117
3266
  }
3118
3267
  }
3119
3268
  }
@@ -3256,6 +3405,24 @@
3256
3405
  }
3257
3406
  }
3258
3407
  },
3408
+ "components/dot-badge": {
3409
+ "rhc": {
3410
+ "dot-badge": {
3411
+ "border-radius": {
3412
+ "value": "{rhc.border-radius.circle}",
3413
+ "type": "border-radius"
3414
+ },
3415
+ "color": {
3416
+ "value": "{rhc.color.rood.500}",
3417
+ "type": "color"
3418
+ },
3419
+ "size": {
3420
+ "value": "{rhc.size.quarter-lint}",
3421
+ "type": "size"
3422
+ }
3423
+ }
3424
+ }
3425
+ },
3259
3426
  "components/fieldset": {
3260
3427
  "utrecht": {
3261
3428
  "form-fieldset": {
@@ -3809,7 +3976,7 @@
3809
3976
  }
3810
3977
  }
3811
3978
  },
3812
- "components/heading": {
3979
+ "components/heading/nl": {
3813
3980
  "nl": {
3814
3981
  "heading-level-1": {
3815
3982
  "color": {
@@ -3963,27 +4130,181 @@
3963
4130
  }
3964
4131
  }
3965
4132
  },
3966
- "components/hero": {
3967
- "rhc": {
3968
- "hero": {
3969
- "heading": {
3970
- "font-weight": {
3971
- "value": "{rhc.font-weight.bold}",
3972
- "type": "fontWeights"
3973
- },
3974
- "line-height": {
3975
- "value": "{rhc.line-height.sm}",
3976
- "type": "lineHeights"
3977
- },
3978
- "font-size": {
3979
- "value": "{rhc.font-size.heading.level-3}",
3980
- "type": "fontSizes"
3981
- },
3982
- "font-family": {
3983
- "value": "{rhc.font-family.primary}",
3984
- "type": "fontFamilies"
3985
- }
3986
- },
4133
+ "components/heading/utrecht": {
4134
+ "utrecht": {
4135
+ "heading-1": {
4136
+ "color": {
4137
+ "value": "{nl.heading-level-1.color}",
4138
+ "type": "color"
4139
+ },
4140
+ "font-family": {
4141
+ "value": "{nl.heading-level-1.font-family}",
4142
+ "type": "fontFamilies"
4143
+ },
4144
+ "font-weight": {
4145
+ "value": "{nl.heading-level-1.font-weight}",
4146
+ "type": "fontWeights"
4147
+ },
4148
+ "line-height": {
4149
+ "value": "{nl.heading-level-1.line-height}",
4150
+ "type": "lineHeights"
4151
+ },
4152
+ "font-size": {
4153
+ "value": "{nl.heading-level-1.font-size}",
4154
+ "type": "fontSizes"
4155
+ },
4156
+ "margin-block-end": {
4157
+ "value": "{nl.heading-level-1.margin-block-end}",
4158
+ "type": "spacing"
4159
+ },
4160
+ "margin-block-start": {
4161
+ "value": "{nl.heading-level-1.margin-block-start}",
4162
+ "type": "spacing"
4163
+ }
4164
+ },
4165
+ "heading-2": {
4166
+ "color": {
4167
+ "value": "{nl.heading-level-2.color}",
4168
+ "type": "color"
4169
+ },
4170
+ "font-family": {
4171
+ "value": "{nl.heading-level-2.font-family}",
4172
+ "type": "fontFamilies"
4173
+ },
4174
+ "font-weight": {
4175
+ "value": "{nl.heading-level-2.font-weight}",
4176
+ "type": "fontWeights"
4177
+ },
4178
+ "line-height": {
4179
+ "value": "{nl.heading-level-2.line-height}",
4180
+ "type": "lineHeights"
4181
+ },
4182
+ "font-size": {
4183
+ "value": "{nl.heading-level-2.font-size}",
4184
+ "type": "fontSizes"
4185
+ },
4186
+ "margin-block-end": {
4187
+ "value": "{nl.heading-level-2.margin-block-end}",
4188
+ "type": "spacing"
4189
+ },
4190
+ "margin-block-start": {
4191
+ "value": "{nl.heading-level-2.margin-block-start}",
4192
+ "type": "spacing"
4193
+ }
4194
+ },
4195
+ "heading-3": {
4196
+ "color": {
4197
+ "value": "{nl.heading-level-3.color}",
4198
+ "type": "color"
4199
+ },
4200
+ "font-family": {
4201
+ "value": "{nl.heading-level-3.font-family}",
4202
+ "type": "fontFamilies"
4203
+ },
4204
+ "font-weight": {
4205
+ "value": "{nl.heading-level-3.font-weight}",
4206
+ "type": "fontWeights"
4207
+ },
4208
+ "line-height": {
4209
+ "value": "{nl.heading-level-3.line-height}",
4210
+ "type": "lineHeights"
4211
+ },
4212
+ "font-size": {
4213
+ "value": "{nl.heading-level-3.font-size}",
4214
+ "type": "fontSizes"
4215
+ },
4216
+ "margin-block-end": {
4217
+ "value": "{nl.heading-level-3.margin-block-end}",
4218
+ "type": "spacing"
4219
+ },
4220
+ "margin-block-start": {
4221
+ "value": "{nl.heading-level-3.margin-block-start}",
4222
+ "type": "spacing"
4223
+ }
4224
+ },
4225
+ "heading-4": {
4226
+ "color": {
4227
+ "value": "{nl.heading-level-4.color}",
4228
+ "type": "color"
4229
+ },
4230
+ "font-family": {
4231
+ "value": "{nl.heading-level-4.font-family}",
4232
+ "type": "fontFamilies"
4233
+ },
4234
+ "font-weight": {
4235
+ "value": "{nl.heading-level-4.font-weight}",
4236
+ "type": "fontWeights"
4237
+ },
4238
+ "line-height": {
4239
+ "value": "{nl.heading-level-4.line-height}",
4240
+ "type": "lineHeights"
4241
+ },
4242
+ "font-size": {
4243
+ "value": "{nl.heading-level-4.font-size}",
4244
+ "type": "fontSizes"
4245
+ },
4246
+ "margin-block-end": {
4247
+ "value": "{nl.heading-level-4.margin-block-end}",
4248
+ "type": "spacing"
4249
+ },
4250
+ "margin-block-start": {
4251
+ "value": "{nl.heading-level-4.margin-block-start}",
4252
+ "type": "spacing"
4253
+ }
4254
+ },
4255
+ "heading-5": {
4256
+ "color": {
4257
+ "value": "{nl.heading-level-5.color}",
4258
+ "type": "color"
4259
+ },
4260
+ "font-family": {
4261
+ "value": "{nl.heading-level-5.font-family}",
4262
+ "type": "fontFamilies"
4263
+ },
4264
+ "font-weight": {
4265
+ "value": "{nl.heading-level-5.font-weight}",
4266
+ "type": "fontWeights"
4267
+ },
4268
+ "line-height": {
4269
+ "value": "{nl.heading-level-5.line-height}",
4270
+ "type": "lineHeights"
4271
+ },
4272
+ "font-size": {
4273
+ "value": "{nl.heading-level-5.font-size}",
4274
+ "type": "fontSizes"
4275
+ },
4276
+ "margin-block-end": {
4277
+ "value": "{nl.heading-level-5.margin-block-end}",
4278
+ "type": "spacing"
4279
+ },
4280
+ "margin-block-start": {
4281
+ "value": "{nl.heading-level-5.margin-block-start}",
4282
+ "type": "spacing"
4283
+ }
4284
+ }
4285
+ }
4286
+ },
4287
+ "components/hero": {
4288
+ "rhc": {
4289
+ "hero": {
4290
+ "heading": {
4291
+ "font-weight": {
4292
+ "value": "{rhc.font-weight.bold}",
4293
+ "type": "fontWeights"
4294
+ },
4295
+ "line-height": {
4296
+ "value": "{rhc.line-height.sm}",
4297
+ "type": "lineHeights"
4298
+ },
4299
+ "font-size": {
4300
+ "value": "{rhc.font-size.heading.level-3}",
4301
+ "type": "fontSizes"
4302
+ },
4303
+ "font-family": {
4304
+ "value": "{rhc.font-family.primary}",
4305
+ "type": "fontFamilies"
4306
+ }
4307
+ },
3987
4308
  "sub-heading": {
3988
4309
  "font-weight": {
3989
4310
  "value": "{rhc.font-weight.regular}",
@@ -4051,6 +4372,24 @@
4051
4372
  }
4052
4373
  }
4053
4374
  },
4375
+ "components/icon": {
4376
+ "utrecht": {
4377
+ "icon": {
4378
+ "color": {
4379
+ "value": "inherit",
4380
+ "type": "color"
4381
+ },
4382
+ "size": {
4383
+ "value": "{rhc.size.icon.functional}",
4384
+ "type": "sizing"
4385
+ },
4386
+ "inset-block-start": {
4387
+ "value": "{rhc.space.0}",
4388
+ "type": "spacing"
4389
+ }
4390
+ }
4391
+ }
4392
+ },
4054
4393
  "components/icon-only-button": {
4055
4394
  "rhc": {
4056
4395
  "icon-only-button": {
@@ -4073,8 +4412,8 @@
4073
4412
  }
4074
4413
  }
4075
4414
  },
4076
- "components/link": {
4077
- "utrecht": {
4415
+ "components/link/nl": {
4416
+ "nl": {
4078
4417
  "link": {
4079
4418
  "color": {
4080
4419
  "value": "{rhc.color.foreground.link}",
@@ -4186,6 +4525,110 @@
4186
4525
  }
4187
4526
  }
4188
4527
  },
4528
+ "components/link/utrecht": {
4529
+ "utrecht": {
4530
+ "link": {
4531
+ "color": {
4532
+ "value": "{nl.link.color}",
4533
+ "type": "color"
4534
+ },
4535
+ "text-decoration-color": {
4536
+ "value": "{nl.link.text-decoration-color}",
4537
+ "type": "color"
4538
+ },
4539
+ "active": {
4540
+ "color": {
4541
+ "value": "{nl.link.active.color}",
4542
+ "type": "color"
4543
+ },
4544
+ "text-decoration": {
4545
+ "value": "{nl.link.active.text-decoration}",
4546
+ "type": "textDecoration"
4547
+ }
4548
+ },
4549
+ "focus": {
4550
+ "background-color": {
4551
+ "value": "{nl.link.focus.background-color}",
4552
+ "type": "color"
4553
+ },
4554
+ "color": {
4555
+ "value": "{nl.link.focus.color}",
4556
+ "type": "color"
4557
+ },
4558
+ "text-decoration": {
4559
+ "value": "{nl.link.focus.text-decoration}",
4560
+ "type": "textDecoration"
4561
+ },
4562
+ "text-decoration-thickness": {
4563
+ "value": "{nl.link.focus.text-decoration-thickness}",
4564
+ "type": "other"
4565
+ }
4566
+ },
4567
+ "hover": {
4568
+ "color": {
4569
+ "value": "{nl.link.hover.color}",
4570
+ "type": "color"
4571
+ },
4572
+ "text-decoration": {
4573
+ "value": "{nl.link.hover.text-decoration}",
4574
+ "type": "textDecoration"
4575
+ },
4576
+ "text-decoration-thickness": {
4577
+ "value": "{nl.link.hover.text-decoration-thickness}",
4578
+ "type": "other"
4579
+ }
4580
+ },
4581
+ "visited": {
4582
+ "color": {
4583
+ "value": "{nl.link.visited.color}",
4584
+ "type": "color"
4585
+ }
4586
+ },
4587
+ "text-decoration": {
4588
+ "value": "{nl.link.text-decoration}",
4589
+ "type": "textDecoration"
4590
+ },
4591
+ "icon": {
4592
+ "inset-block-start": {
4593
+ "value": "{nl.link.icon.inset-block-start}",
4594
+ "type": "spacing"
4595
+ },
4596
+ "size": {
4597
+ "value": "{nl.link.icon.size}",
4598
+ "type": "sizing"
4599
+ }
4600
+ },
4601
+ "column-gap": {
4602
+ "value": "{nl.link.column-gap}",
4603
+ "type": "spacing"
4604
+ },
4605
+ "text-decoration-thickness": {
4606
+ "value": "{nl.link.text-decoration-thickness}",
4607
+ "type": "other"
4608
+ },
4609
+ "text-underline-offset": {
4610
+ "value": "{nl.link.text-underline-offset}",
4611
+ "type": "other"
4612
+ },
4613
+ "font-family": {
4614
+ "value": "{nl.link.font-family}",
4615
+ "type": "fontFamilies"
4616
+ },
4617
+ "font-weight": {
4618
+ "value": "{nl.link.font-weight}",
4619
+ "type": "fontWeights"
4620
+ },
4621
+ "font-size": {
4622
+ "value": "{nl.link.font-size}",
4623
+ "type": "fontSizes"
4624
+ },
4625
+ "line-height": {
4626
+ "value": "{nl.link.line-height}",
4627
+ "type": "lineHeights"
4628
+ }
4629
+ }
4630
+ }
4631
+ },
4189
4632
  "components/link-list": {
4190
4633
  "utrecht": {
4191
4634
  "link-list": {
@@ -5160,61 +5603,61 @@
5160
5603
  }
5161
5604
  }
5162
5605
  },
5163
- "components/paragraph": {
5164
- "nl": {
5606
+ "components/paragraph/utrecht": {
5607
+ "utrecht": {
5165
5608
  "paragraph": {
5166
5609
  "color": {
5167
- "value": "{rhc.color.foreground.default}",
5610
+ "value": "{nl.paragraph.color}",
5168
5611
  "type": "color"
5169
5612
  },
5170
5613
  "font-family": {
5171
- "value": "{rhc.font-family.primary}",
5614
+ "value": "{nl.paragraph.font-family}",
5172
5615
  "type": "fontFamilies"
5173
5616
  },
5174
5617
  "font-size": {
5175
- "value": "{rhc.font-size.paragraph.default}",
5618
+ "value": "{nl.paragraph.font-size}",
5176
5619
  "type": "fontSizes"
5177
5620
  },
5178
5621
  "font-weight": {
5179
- "value": "{rhc.font-weight.regular}",
5622
+ "value": "{nl.paragraph.font-weight}",
5180
5623
  "type": "fontWeights"
5181
5624
  },
5182
5625
  "line-height": {
5183
- "value": "{rhc.line-height.paragraph}",
5626
+ "value": "{nl.paragraph.line-height}",
5184
5627
  "type": "lineHeights"
5185
5628
  },
5186
5629
  "margin-block-end": {
5187
- "value": "{rhc.space.0}",
5630
+ "value": "{nl.paragraph.margin-block-end}",
5188
5631
  "type": "spacing"
5189
5632
  },
5190
5633
  "margin-block-start": {
5191
- "value": "{rhc.space.0}",
5634
+ "value": "{nl.paragraph.margin-block-start}",
5192
5635
  "type": "spacing"
5193
5636
  },
5194
5637
  "lead": {
5195
5638
  "color": {
5196
- "value": "{rhc.color.foreground.default}",
5639
+ "value": "{nl.paragraph.lead.color}",
5197
5640
  "type": "color"
5198
5641
  },
5199
5642
  "font-size": {
5200
- "value": "{rhc.font-size.paragraph.intro}",
5643
+ "value": "{nl.paragraph.lead.font-size}",
5201
5644
  "type": "fontSizes"
5202
5645
  },
5203
5646
  "font-weight": {
5204
- "value": "{rhc.font-weight.regular}",
5647
+ "value": "{nl.paragraph.lead.font-weight}",
5205
5648
  "type": "fontWeights"
5206
5649
  },
5207
5650
  "line-height": {
5208
- "value": "{rhc.line-height.paragraph}",
5651
+ "value": "{nl.paragraph.lead.line-height}",
5209
5652
  "type": "lineHeights"
5210
5653
  }
5211
5654
  }
5212
5655
  }
5213
5656
  }
5214
5657
  },
5215
- "components/pre-heading": {
5216
- "utrecht": {
5217
- "pre-heading": {
5658
+ "components/paragraph/nl": {
5659
+ "nl": {
5660
+ "paragraph": {
5218
5661
  "color": {
5219
5662
  "value": "{rhc.color.foreground.default}",
5220
5663
  "type": "color"
@@ -5223,9 +5666,61 @@
5223
5666
  "value": "{rhc.font-family.primary}",
5224
5667
  "type": "fontFamilies"
5225
5668
  },
5226
- "font-weight": {
5227
- "value": "{rhc.font-weight.bold}",
5228
- "type": "fontWeights"
5669
+ "font-size": {
5670
+ "value": "{rhc.font-size.paragraph.default}",
5671
+ "type": "fontSizes"
5672
+ },
5673
+ "font-weight": {
5674
+ "value": "{rhc.font-weight.regular}",
5675
+ "type": "fontWeights"
5676
+ },
5677
+ "line-height": {
5678
+ "value": "{rhc.line-height.paragraph}",
5679
+ "type": "lineHeights"
5680
+ },
5681
+ "margin-block-end": {
5682
+ "value": "{rhc.space.0}",
5683
+ "type": "spacing"
5684
+ },
5685
+ "margin-block-start": {
5686
+ "value": "{rhc.space.0}",
5687
+ "type": "spacing"
5688
+ },
5689
+ "lead": {
5690
+ "color": {
5691
+ "value": "{rhc.color.foreground.default}",
5692
+ "type": "color"
5693
+ },
5694
+ "font-size": {
5695
+ "value": "{rhc.font-size.paragraph.intro}",
5696
+ "type": "fontSizes"
5697
+ },
5698
+ "font-weight": {
5699
+ "value": "{rhc.font-weight.regular}",
5700
+ "type": "fontWeights"
5701
+ },
5702
+ "line-height": {
5703
+ "value": "{rhc.line-height.paragraph}",
5704
+ "type": "lineHeights"
5705
+ }
5706
+ }
5707
+ }
5708
+ }
5709
+ },
5710
+ "components/pre-heading": {
5711
+ "utrecht": {
5712
+ "pre-heading": {
5713
+ "color": {
5714
+ "value": "{rhc.color.foreground.default}",
5715
+ "type": "color"
5716
+ },
5717
+ "font-family": {
5718
+ "value": "{rhc.font-family.primary}",
5719
+ "type": "fontFamilies"
5720
+ },
5721
+ "font-weight": {
5722
+ "value": "{rhc.font-weight.bold}",
5723
+ "type": "fontWeights"
5229
5724
  },
5230
5725
  "line-height": {
5231
5726
  "value": "{rhc.line-height.sm}",
@@ -5737,7 +6232,131 @@
5737
6232
  }
5738
6233
  }
5739
6234
  },
5740
- "components/skip-link": {
6235
+ "components/skip-link/utrecht": {
6236
+ "utrecht": {
6237
+ "skip-link": {
6238
+ "font-weight": {
6239
+ "value": "{nl.skip-link.font-weight}",
6240
+ "type": "fontWeights"
6241
+ },
6242
+ "font-family": {
6243
+ "value": "{nl.skip-link.font-family}",
6244
+ "type": "fontFamilies"
6245
+ },
6246
+ "font-size": {
6247
+ "value": "{nl.skip-link.font-size}",
6248
+ "type": "fontSizes"
6249
+ },
6250
+ "line-height": {
6251
+ "value": "{nl.skip-link.line-height}",
6252
+ "type": "lineHeights"
6253
+ },
6254
+ "min-block-size": {
6255
+ "value": "{nl.skip-link.min-block-size}",
6256
+ "type": "sizing"
6257
+ },
6258
+ "min-inline-size": {
6259
+ "value": "{nl.skip-link.min-inline-size}",
6260
+ "type": "sizing"
6261
+ },
6262
+ "padding-block-end": {
6263
+ "value": "{nl.skip-link.padding-block-end}",
6264
+ "type": "spacing"
6265
+ },
6266
+ "padding-block-start": {
6267
+ "value": "{nl.skip-link.padding-block-start}",
6268
+ "type": "spacing"
6269
+ },
6270
+ "padding-inline-end": {
6271
+ "value": "{nl.skip-link.padding-inline-end}",
6272
+ "type": "spacing"
6273
+ },
6274
+ "padding-inline-start": {
6275
+ "value": "{nl.skip-link.padding-inline-start}",
6276
+ "type": "spacing"
6277
+ },
6278
+ "focus": {
6279
+ "background-color": {
6280
+ "value": "{nl.skip-link.focus.background-color}",
6281
+ "type": "color"
6282
+ },
6283
+ "border-color": {
6284
+ "value": "{nl.skip-link.focus.border-color}",
6285
+ "type": "color"
6286
+ },
6287
+ "border-style": {
6288
+ "value": "{nl.skip-link.focus.border-style}",
6289
+ "type": "borderStyle"
6290
+ },
6291
+ "border-width": {
6292
+ "value": "{nl.skip-link.focus.border-width}",
6293
+ "type": "borderWidth"
6294
+ },
6295
+ "color": {
6296
+ "value": "{nl.skip-link.focus.color}",
6297
+ "type": "color"
6298
+ },
6299
+ "text-decoration": {
6300
+ "value": "{nl.skip-link.focus.text-decoration}",
6301
+ "type": "textDecoration"
6302
+ }
6303
+ },
6304
+ "focus-visible": {
6305
+ "outline-color": {
6306
+ "value": "{nl.skip-link.focus-visible.outline-color}",
6307
+ "type": "color"
6308
+ }
6309
+ },
6310
+ "background-color": {
6311
+ "value": "{nl.skip-link.background-color}",
6312
+ "type": "color"
6313
+ },
6314
+ "border-color": {
6315
+ "value": "{nl.skip-link.border-color}",
6316
+ "type": "color"
6317
+ },
6318
+ "color": {
6319
+ "value": "{nl.skip-link.color}",
6320
+ "type": "color"
6321
+ },
6322
+ "border-width": {
6323
+ "value": "{nl.skip-link.border-width}",
6324
+ "type": "borderWidth"
6325
+ },
6326
+ "box-block-end-shadow": {
6327
+ "offset-x": {
6328
+ "value": "{nl.skip-link.box-block-end-shadow.offset-x}",
6329
+ "type": "other"
6330
+ },
6331
+ "offset-y": {
6332
+ "value": "{nl.skip-link.box-block-end-shadow.offset-y}",
6333
+ "type": "other"
6334
+ },
6335
+ "blur-radius": {
6336
+ "value": "{nl.skip-link.box-block-end-shadow.blur-radius}",
6337
+ "type": "other"
6338
+ },
6339
+ "spread-radius": {
6340
+ "value": "{nl.skip-link.box-block-end-shadow.spread-radius}",
6341
+ "type": "other"
6342
+ },
6343
+ "color": {
6344
+ "value": "{nl.skip-link.box-block-end-shadow.color}",
6345
+ "type": "color"
6346
+ }
6347
+ },
6348
+ "text-decoration": {
6349
+ "value": "{nl.skip-link.text-decoration}",
6350
+ "type": "textDecoration"
6351
+ },
6352
+ "text-underline-offset": {
6353
+ "value": "{nl.skip-link.text-underline-offset}",
6354
+ "type": "other"
6355
+ }
6356
+ }
6357
+ }
6358
+ },
6359
+ "components/skip-link/nl": {
5741
6360
  "nl": {
5742
6361
  "skip-link": {
5743
6362
  "font-weight": {
@@ -5967,6 +6586,56 @@
5967
6586
  }
5968
6587
  }
5969
6588
  },
6589
+ "components/sub-nav-bar": {
6590
+ "rhc": {
6591
+ "sub-nav-bar": {
6592
+ "background-color": {
6593
+ "value": "#f2f4f6",
6594
+ "type": "color"
6595
+ },
6596
+ "column-gap": {
6597
+ "value": "{rhc.space.100}",
6598
+ "type": "spacing"
6599
+ },
6600
+ "column-width": {
6601
+ "value": "375px",
6602
+ "type": "sizing"
6603
+ },
6604
+ "padding-block-end": {
6605
+ "value": "{rhc.space.400}",
6606
+ "type": "spacing"
6607
+ },
6608
+ "padding-block-start": {
6609
+ "value": "{rhc.space.400}",
6610
+ "type": "spacing"
6611
+ },
6612
+ "inline-size": {
6613
+ "value": "100%",
6614
+ "type": "sizing"
6615
+ },
6616
+ "content": {
6617
+ "padding-inline-end": {
6618
+ "value": "{rhc.space.200}",
6619
+ "type": "spacing"
6620
+ },
6621
+ "padding-inline-start": {
6622
+ "value": "{rhc.space.200}",
6623
+ "type": "spacing"
6624
+ },
6625
+ "max-inline-size": {
6626
+ "value": "1280px",
6627
+ "type": "sizing"
6628
+ },
6629
+ "list": {
6630
+ "row-gap": {
6631
+ "value": "{rhc.space.100}",
6632
+ "type": "spacing"
6633
+ }
6634
+ }
6635
+ }
6636
+ }
6637
+ }
6638
+ },
5970
6639
  "components/summary-list": {
5971
6640
  "todo": {
5972
6641
  "summary-list": {
@@ -6883,69 +7552,1066 @@
6883
7552
  }
6884
7553
  }
6885
7554
  },
6886
- "components/icon": {
6887
- "utrecht": {
6888
- "icon": {
6889
- "color": {
6890
- "value": "inherit",
6891
- "type": "color"
6892
- },
6893
- "size": {
6894
- "value": "{rhc.size.icon.functional}",
6895
- "type": "sizing"
6896
- },
6897
- "inset-block-start": {
6898
- "value": "{rhc.space.0}",
6899
- "type": "spacing"
7555
+ "overwrites/primaire kleur/groen": {
7556
+ "rhc": {
7557
+ "color": {
7558
+ "primary": {
7559
+ "50": {
7560
+ "value": "{rhc.color.groen.50}",
7561
+ "type": "color"
7562
+ },
7563
+ "100": {
7564
+ "value": "{rhc.color.groen.100}",
7565
+ "type": "color"
7566
+ },
7567
+ "200": {
7568
+ "value": "{rhc.color.groen.200}",
7569
+ "type": "color"
7570
+ },
7571
+ "300": {
7572
+ "value": "{rhc.color.groen.300}",
7573
+ "type": "color"
7574
+ },
7575
+ "400": {
7576
+ "value": "{rhc.color.groen.400}",
7577
+ "type": "color"
7578
+ },
7579
+ "500": {
7580
+ "value": "{rhc.color.groen.500}",
7581
+ "type": "color"
7582
+ },
7583
+ "hover": {
7584
+ "value": "{rhc.color.primary.500}",
7585
+ "type": "color",
7586
+ "$extensions": {
7587
+ "studio.tokens": {
7588
+ "modify": {
7589
+ "type": "darken",
7590
+ "value": "0.3",
7591
+ "space": "lch"
7592
+ }
7593
+ }
7594
+ }
7595
+ }
6900
7596
  }
6901
7597
  }
6902
7598
  }
6903
7599
  },
6904
- "components/sub-nav-bar": {
7600
+ "overwrites/primaire kleur/mintgroen": {
6905
7601
  "rhc": {
6906
- "sub-nav-bar": {
6907
- "background-color": {
6908
- "value": "#f2f4f6",
6909
- "type": "color"
6910
- },
6911
- "column-gap": {
6912
- "value": "{rhc.space.100}",
6913
- "type": "spacing"
7602
+ "color": {
7603
+ "primary": {
7604
+ "50": {
7605
+ "value": "{rhc.color.mintgroen.50}",
7606
+ "type": "color"
7607
+ },
7608
+ "100": {
7609
+ "value": "{rhc.color.mintgroen.100}",
7610
+ "type": "color"
7611
+ },
7612
+ "200": {
7613
+ "value": "{rhc.color.mintgroen.200}",
7614
+ "type": "color"
7615
+ },
7616
+ "300": {
7617
+ "value": "{rhc.color.mintgroen.300}",
7618
+ "type": "color"
7619
+ },
7620
+ "400": {
7621
+ "value": "{rhc.color.mintgroen.400}",
7622
+ "type": "color"
7623
+ },
7624
+ "500": {
7625
+ "value": "{rhc.color.mintgroen.500}",
7626
+ "type": "color"
7627
+ },
7628
+ "hover": {
7629
+ "value": "{rhc.color.primary.500}",
7630
+ "type": "color",
7631
+ "$extensions": {
7632
+ "studio.tokens": {
7633
+ "modify": {
7634
+ "type": "darken",
7635
+ "value": "0.3",
7636
+ "space": "lch"
7637
+ }
7638
+ }
7639
+ }
7640
+ }
7641
+ }
7642
+ }
7643
+ }
7644
+ },
7645
+ "overwrites/primaire kleur/oranje": {
7646
+ "rhc": {
7647
+ "color": {
7648
+ "primary": {
7649
+ "50": {
7650
+ "value": "{rhc.color.oranje.50}",
7651
+ "type": "color"
7652
+ },
7653
+ "100": {
7654
+ "value": "{rhc.color.oranje.100}",
7655
+ "type": "color"
7656
+ },
7657
+ "200": {
7658
+ "value": "{rhc.color.oranje.200}",
7659
+ "type": "color"
7660
+ },
7661
+ "300": {
7662
+ "value": "{rhc.color.oranje.300}",
7663
+ "type": "color"
7664
+ },
7665
+ "400": {
7666
+ "value": "{rhc.color.oranje.400}",
7667
+ "type": "color"
7668
+ },
7669
+ "500": {
7670
+ "value": "{rhc.color.oranje.500}",
7671
+ "type": "color"
7672
+ },
7673
+ "hover": {
7674
+ "value": "{rhc.color.primary.500}",
7675
+ "type": "color",
7676
+ "$extensions": {
7677
+ "studio.tokens": {
7678
+ "modify": {
7679
+ "type": "darken",
7680
+ "value": "0.3",
7681
+ "space": "lch"
7682
+ }
7683
+ }
7684
+ }
7685
+ }
7686
+ }
7687
+ }
7688
+ }
7689
+ },
7690
+ "overwrites/primaire kleur/paars": {
7691
+ "rhc": {
7692
+ "color": {
7693
+ "primary": {
7694
+ "50": {
7695
+ "value": "{rhc.color.paars.50}",
7696
+ "type": "color"
7697
+ },
7698
+ "100": {
7699
+ "value": "{rhc.color.paars.100}",
7700
+ "type": "color"
7701
+ },
7702
+ "200": {
7703
+ "value": "{rhc.color.paars.200}",
7704
+ "type": "color"
7705
+ },
7706
+ "300": {
7707
+ "value": "{rhc.color.paars.300}",
7708
+ "type": "color"
7709
+ },
7710
+ "400": {
7711
+ "value": "{rhc.color.paars.400}",
7712
+ "type": "color"
7713
+ },
7714
+ "500": {
7715
+ "value": "{rhc.color.paars.500}",
7716
+ "type": "color"
7717
+ },
7718
+ "hover": {
7719
+ "value": "{rhc.color.primary.500}",
7720
+ "type": "color",
7721
+ "$extensions": {
7722
+ "studio.tokens": {
7723
+ "modify": {
7724
+ "type": "darken",
7725
+ "value": "0.3",
7726
+ "space": "lch"
7727
+ }
7728
+ }
7729
+ }
7730
+ }
7731
+ }
7732
+ }
7733
+ }
7734
+ },
7735
+ "overwrites/primaire kleur/roze": {
7736
+ "rhc": {
7737
+ "color": {
7738
+ "primary": {
7739
+ "50": {
7740
+ "value": "{rhc.color.roze.50}",
7741
+ "type": "color"
7742
+ },
7743
+ "100": {
7744
+ "value": "{rhc.color.roze.100}",
7745
+ "type": "color"
7746
+ },
7747
+ "200": {
7748
+ "value": "{rhc.color.roze.200}",
7749
+ "type": "color"
7750
+ },
7751
+ "300": {
7752
+ "value": "{rhc.color.roze.300}",
7753
+ "type": "color"
7754
+ },
7755
+ "400": {
7756
+ "value": "{rhc.color.roze.400}",
7757
+ "type": "color"
7758
+ },
7759
+ "500": {
7760
+ "value": "{rhc.color.roze.500}",
7761
+ "type": "color"
7762
+ },
7763
+ "hover": {
7764
+ "value": "{rhc.color.primary.500}",
7765
+ "type": "color",
7766
+ "$extensions": {
7767
+ "studio.tokens": {
7768
+ "modify": {
7769
+ "type": "darken",
7770
+ "value": "0.3",
7771
+ "space": "lch"
7772
+ }
7773
+ }
7774
+ }
7775
+ }
7776
+ }
7777
+ }
7778
+ }
7779
+ },
7780
+ "overwrites/primaire kleur/violet": {
7781
+ "rhc": {
7782
+ "color": {
7783
+ "primary": {
7784
+ "50": {
7785
+ "value": "{rhc.color.violet.50}",
7786
+ "type": "color"
7787
+ },
7788
+ "100": {
7789
+ "value": "{rhc.color.violet.100}",
7790
+ "type": "color"
7791
+ },
7792
+ "200": {
7793
+ "value": "{rhc.color.violet.200}",
7794
+ "type": "color"
7795
+ },
7796
+ "300": {
7797
+ "value": "{rhc.color.violet.300}",
7798
+ "type": "color"
7799
+ },
7800
+ "400": {
7801
+ "value": "{rhc.color.violet.400}",
7802
+ "type": "color"
7803
+ },
7804
+ "500": {
7805
+ "value": "{rhc.color.violet.500}",
7806
+ "type": "color"
7807
+ },
7808
+ "hover": {
7809
+ "value": "{rhc.color.primary.500}",
7810
+ "type": "color",
7811
+ "$extensions": {
7812
+ "studio.tokens": {
7813
+ "modify": {
7814
+ "type": "darken",
7815
+ "value": "0.3",
7816
+ "space": "lch"
7817
+ }
7818
+ }
7819
+ }
7820
+ }
7821
+ }
7822
+ }
7823
+ }
7824
+ },
7825
+ "overwrites/primaire kleur/contrast fix/foreground op lichte kleur": {
7826
+ "rhc": {
7827
+ "color": {
7828
+ "foreground": {
7829
+ "onEmphasis": {
7830
+ "value": "{rhc.color.zwart}",
7831
+ "type": "color"
7832
+ }
7833
+ }
7834
+ }
7835
+ }
7836
+ },
7837
+ "overwrites/primaire kleur/contrast fix/non primary button labels coolgrey": {
7838
+ "utrecht": {
7839
+ "button": {
7840
+ "secondary-action": {
7841
+ "hover": {
7842
+ "background-color": {
7843
+ "value": "{rhc.color.primary.100}",
7844
+ "type": "color"
7845
+ },
7846
+ "border-color": {
7847
+ "value": "{rhc.color.cool-grey.800}",
7848
+ "type": "color"
7849
+ },
7850
+ "color": {
7851
+ "value": "{rhc.color.cool-grey.800}",
7852
+ "type": "color"
7853
+ }
7854
+ },
7855
+ "background-color": {
7856
+ "value": "{rhc.color.none}",
7857
+ "type": "color"
7858
+ },
7859
+ "border-color": {
7860
+ "value": "{rhc.color.cool-grey.700}",
7861
+ "type": "color"
7862
+ },
7863
+ "color": {
7864
+ "value": "{rhc.color.cool-grey.700}",
7865
+ "type": "color"
7866
+ },
7867
+ "disabled": {
7868
+ "background-color": {
7869
+ "value": "{rhc.color.none}",
7870
+ "type": "color"
7871
+ },
7872
+ "border-color": {
7873
+ "value": "{rhc.color.cool-grey.400}",
7874
+ "type": "color"
7875
+ },
7876
+ "color": {
7877
+ "value": "{rhc.color.cool-grey.400}",
7878
+ "type": "color"
7879
+ }
7880
+ },
7881
+ "focus": {
7882
+ "background-color": {
7883
+ "value": "{rhc.color.primary.100}",
7884
+ "type": "color"
7885
+ },
7886
+ "border-color": {
7887
+ "value": "transparent",
7888
+ "type": "color"
7889
+ },
7890
+ "color": {
7891
+ "value": "{rhc.color.cool-grey.800}",
7892
+ "type": "color"
7893
+ }
7894
+ },
7895
+ "active": {
7896
+ "background-color": {
7897
+ "value": "{rhc.color.primary.200}",
7898
+ "type": "color"
7899
+ },
7900
+ "border-color": {
7901
+ "value": "{rhc.color.primary.500}",
7902
+ "type": "color",
7903
+ "$extensions": {
7904
+ "studio.tokens": {
7905
+ "modify": {
7906
+ "type": "darken",
7907
+ "value": "0.4",
7908
+ "space": "lch"
7909
+ }
7910
+ }
7911
+ }
7912
+ },
7913
+ "color": {
7914
+ "value": "{rhc.color.cool-grey.800}",
7915
+ "type": "color"
7916
+ }
7917
+ },
7918
+ "pressed": {
7919
+ "background-color": {
7920
+ "value": "{rhc.color.primary.200}",
7921
+ "type": "color"
7922
+ },
7923
+ "border-color": {
7924
+ "value": "{rhc.color.cool-grey.800}",
7925
+ "type": "color"
7926
+ },
7927
+ "color": {
7928
+ "value": "{rhc.color.cool-grey.800}",
7929
+ "type": "color"
7930
+ }
7931
+ }
6914
7932
  },
6915
- "column-width": {
6916
- "value": "375px",
6917
- "type": "sizing"
7933
+ "subtle": {
7934
+ "hover": {
7935
+ "background-color": {
7936
+ "value": "{rhc.color.primary.50}",
7937
+ "type": "color"
7938
+ },
7939
+ "border-color": {
7940
+ "value": "transparent",
7941
+ "type": "color"
7942
+ },
7943
+ "color": {
7944
+ "value": "{rhc.color.cool-grey.800}",
7945
+ "type": "color"
7946
+ }
7947
+ },
7948
+ "background-color": {
7949
+ "value": "transparent",
7950
+ "type": "color"
7951
+ },
7952
+ "border-color": {
7953
+ "value": "transparent",
7954
+ "type": "color"
7955
+ },
7956
+ "color": {
7957
+ "value": "{rhc.color.cool-grey.700}",
7958
+ "type": "color"
7959
+ },
7960
+ "disabled": {
7961
+ "background-color": {
7962
+ "value": "{rhc.color.none}",
7963
+ "type": "color"
7964
+ },
7965
+ "border-color": {
7966
+ "value": "{rhc.color.none}",
7967
+ "type": "color"
7968
+ },
7969
+ "color": {
7970
+ "value": "{rhc.color.cool-grey.400}",
7971
+ "type": "color"
7972
+ }
7973
+ },
7974
+ "focus": {
7975
+ "background-color": {
7976
+ "value": "{rhc.color.primary.50}",
7977
+ "type": "color"
7978
+ },
7979
+ "border-color": {
7980
+ "value": "transparent",
7981
+ "type": "color"
7982
+ },
7983
+ "color": {
7984
+ "value": "{rhc.color.cool-grey.800}",
7985
+ "type": "color"
7986
+ }
7987
+ },
7988
+ "active": {
7989
+ "background-color": {
7990
+ "value": "{rhc.color.primary.200}",
7991
+ "type": "color"
7992
+ },
7993
+ "border-color": {
7994
+ "value": "transparent",
7995
+ "type": "color"
7996
+ },
7997
+ "color": {
7998
+ "value": "{rhc.color.cool-grey.800}",
7999
+ "type": "color"
8000
+ }
8001
+ },
8002
+ "pressed": {
8003
+ "background-color": {
8004
+ "value": "{rhc.color.primary.100}",
8005
+ "type": "color"
8006
+ },
8007
+ "border-color": {
8008
+ "value": "transparent",
8009
+ "type": "color"
8010
+ },
8011
+ "color": {
8012
+ "value": "{rhc.color.cool-grey.900}",
8013
+ "type": "color"
8014
+ }
8015
+ }
6918
8016
  },
6919
- "padding-block-end": {
6920
- "value": "{rhc.space.400}",
6921
- "type": "spacing"
8017
+ "primary-action": {
8018
+ "disabled": {
8019
+ "color": {
8020
+ "value": "{rhc.color.cool-grey.400}",
8021
+ "type": "color"
8022
+ }
8023
+ }
8024
+ }
8025
+ }
8026
+ }
8027
+ },
8028
+ "overwrites/primaire kleur/contrast fix/alle buttons lintblauw": {
8029
+ "utrecht": {
8030
+ "button": {
8031
+ "primary-action": {
8032
+ "hover": {
8033
+ "background-color": {
8034
+ "value": "{rhc.color.lintblauw.500}",
8035
+ "type": "color",
8036
+ "$extensions": {
8037
+ "studio.tokens": {
8038
+ "modify": {
8039
+ "type": "darken",
8040
+ "value": "0.3",
8041
+ "space": "lch"
8042
+ }
8043
+ }
8044
+ }
8045
+ },
8046
+ "border-color": {
8047
+ "value": "transparent",
8048
+ "type": "color"
8049
+ },
8050
+ "color": {
8051
+ "value": "{rhc.color.foreground.onEmphasis}",
8052
+ "type": "color"
8053
+ }
8054
+ },
8055
+ "background-color": {
8056
+ "value": "{rhc.color.lintblauw.500}",
8057
+ "type": "color"
8058
+ },
8059
+ "border-color": {
8060
+ "value": "transparent",
8061
+ "type": "color"
8062
+ },
8063
+ "color": {
8064
+ "value": "{rhc.color.foreground.onEmphasis}",
8065
+ "type": "color"
8066
+ },
8067
+ "disabled": {
8068
+ "background-color": {
8069
+ "value": "{rhc.color.lintblauw.100}",
8070
+ "type": "color"
8071
+ },
8072
+ "border-color": {
8073
+ "value": "{rhc.color.none}",
8074
+ "type": "color"
8075
+ },
8076
+ "color": {
8077
+ "value": "{rhc.color.lintblauw.400}",
8078
+ "type": "color"
8079
+ }
8080
+ },
8081
+ "focus": {
8082
+ "background-color": {
8083
+ "value": "{rhc.color.lintblauw.500}",
8084
+ "type": "color"
8085
+ },
8086
+ "border-color": {
8087
+ "value": "transparent",
8088
+ "type": "color"
8089
+ },
8090
+ "color": {
8091
+ "value": "{rhc.color.foreground.onEmphasis}",
8092
+ "type": "color"
8093
+ }
8094
+ },
8095
+ "active": {
8096
+ "background-color": {
8097
+ "$extensions": {
8098
+ "studio.tokens": {
8099
+ "modify": {
8100
+ "type": "darken",
8101
+ "value": "0.4",
8102
+ "space": "srgb"
8103
+ }
8104
+ }
8105
+ },
8106
+ "value": "{rhc.color.lintblauw.500}",
8107
+ "type": "color"
8108
+ },
8109
+ "border-color": {
8110
+ "value": "transparent",
8111
+ "type": "color"
8112
+ },
8113
+ "color": {
8114
+ "value": "{rhc.color.foreground.onEmphasis}",
8115
+ "type": "color"
8116
+ }
8117
+ },
8118
+ "pressed": {
8119
+ "background-color": {
8120
+ "value": "{rhc.color.lintblauw.500}",
8121
+ "type": "color",
8122
+ "$extensions": {
8123
+ "studio.tokens": {
8124
+ "modify": {
8125
+ "type": "darken",
8126
+ "value": "0.4",
8127
+ "space": "lch"
8128
+ }
8129
+ }
8130
+ }
8131
+ },
8132
+ "border-color": {
8133
+ "value": "transparent",
8134
+ "type": "color"
8135
+ },
8136
+ "color": {
8137
+ "value": "{rhc.color.foreground.onEmphasis}",
8138
+ "type": "color"
8139
+ }
8140
+ }
6922
8141
  },
6923
- "padding-block-start": {
6924
- "value": "{rhc.space.400}",
6925
- "type": "spacing"
8142
+ "secondary-action": {
8143
+ "hover": {
8144
+ "background-color": {
8145
+ "value": "{rhc.color.lintblauw.50}",
8146
+ "type": "color"
8147
+ },
8148
+ "border-color": {
8149
+ "value": "{rhc.color.lintblauw.500}",
8150
+ "type": "color",
8151
+ "$extensions": {
8152
+ "studio.tokens": {
8153
+ "modify": {
8154
+ "type": "darken",
8155
+ "value": "0.3",
8156
+ "space": "lch"
8157
+ }
8158
+ }
8159
+ }
8160
+ },
8161
+ "color": {
8162
+ "value": "{rhc.color.lintblauw.500}",
8163
+ "type": "color",
8164
+ "$extensions": {
8165
+ "studio.tokens": {
8166
+ "modify": {
8167
+ "type": "darken",
8168
+ "value": "0.3",
8169
+ "space": "lch"
8170
+ }
8171
+ }
8172
+ }
8173
+ }
8174
+ },
8175
+ "background-color": {
8176
+ "value": "{rhc.color.none}",
8177
+ "type": "color"
8178
+ },
8179
+ "border-color": {
8180
+ "value": "{rhc.color.lintblauw.500}",
8181
+ "type": "color"
8182
+ },
8183
+ "color": {
8184
+ "value": "{rhc.color.lintblauw.500}",
8185
+ "type": "color"
8186
+ },
8187
+ "disabled": {
8188
+ "background-color": {
8189
+ "value": "{rhc.color.none}",
8190
+ "type": "color"
8191
+ },
8192
+ "border-color": {
8193
+ "value": "{rhc.color.lintblauw.200}",
8194
+ "type": "color"
8195
+ },
8196
+ "color": {
8197
+ "value": "{rhc.color.lintblauw.300}",
8198
+ "type": "color"
8199
+ }
8200
+ },
8201
+ "focus": {
8202
+ "background-color": {
8203
+ "value": "{rhc.color.lintblauw.50}",
8204
+ "type": "color"
8205
+ },
8206
+ "border-color": {
8207
+ "value": "transparent",
8208
+ "type": "color"
8209
+ },
8210
+ "color": {
8211
+ "value": "{rhc.color.lintblauw.500}",
8212
+ "type": "color",
8213
+ "$extensions": {
8214
+ "studio.tokens": {
8215
+ "modify": {
8216
+ "type": "darken",
8217
+ "value": "0.3",
8218
+ "space": "lch"
8219
+ }
8220
+ }
8221
+ }
8222
+ }
8223
+ },
8224
+ "active": {
8225
+ "background-color": {
8226
+ "value": "{rhc.color.lintblauw.200}",
8227
+ "type": "color"
8228
+ },
8229
+ "border-color": {
8230
+ "value": "{rhc.color.lintblauw.500}",
8231
+ "type": "color",
8232
+ "$extensions": {
8233
+ "studio.tokens": {
8234
+ "modify": {
8235
+ "type": "darken",
8236
+ "value": "0.4",
8237
+ "space": "lch"
8238
+ }
8239
+ }
8240
+ }
8241
+ },
8242
+ "color": {
8243
+ "value": "{rhc.color.lintblauw.500}",
8244
+ "type": "color",
8245
+ "$extensions": {
8246
+ "studio.tokens": {
8247
+ "modify": {
8248
+ "type": "darken",
8249
+ "value": "0.3",
8250
+ "space": "lch"
8251
+ }
8252
+ }
8253
+ }
8254
+ }
8255
+ },
8256
+ "pressed": {
8257
+ "background-color": {
8258
+ "value": "{rhc.color.lintblauw.100}",
8259
+ "type": "color"
8260
+ },
8261
+ "border-color": {
8262
+ "value": "{rhc.color.lintblauw.500}",
8263
+ "type": "color",
8264
+ "$extensions": {
8265
+ "studio.tokens": {
8266
+ "modify": {
8267
+ "type": "darken",
8268
+ "value": "0.4",
8269
+ "space": "lch"
8270
+ }
8271
+ }
8272
+ }
8273
+ },
8274
+ "color": {
8275
+ "value": "{rhc.color.lintblauw.500}",
8276
+ "type": "color",
8277
+ "$extensions": {
8278
+ "studio.tokens": {
8279
+ "modify": {
8280
+ "type": "darken",
8281
+ "value": "0.4",
8282
+ "space": "lch"
8283
+ }
8284
+ }
8285
+ }
8286
+ }
8287
+ }
6926
8288
  },
6927
- "inline-size": {
6928
- "value": "100%",
6929
- "type": "sizing"
8289
+ "subtle": {
8290
+ "hover": {
8291
+ "background-color": {
8292
+ "value": "{rhc.color.lintblauw.50}",
8293
+ "type": "color"
8294
+ },
8295
+ "border-color": {
8296
+ "value": "transparent",
8297
+ "type": "color"
8298
+ },
8299
+ "color": {
8300
+ "value": "{rhc.color.lintblauw.500}",
8301
+ "type": "color",
8302
+ "$extensions": {
8303
+ "studio.tokens": {
8304
+ "modify": {
8305
+ "type": "darken",
8306
+ "value": "0.3",
8307
+ "space": "lch"
8308
+ }
8309
+ }
8310
+ }
8311
+ }
8312
+ },
8313
+ "background-color": {
8314
+ "value": "transparent",
8315
+ "type": "color"
8316
+ },
8317
+ "border-color": {
8318
+ "value": "transparent",
8319
+ "type": "color"
8320
+ },
8321
+ "color": {
8322
+ "value": "{rhc.color.lintblauw.500}",
8323
+ "type": "color"
8324
+ },
8325
+ "disabled": {
8326
+ "background-color": {
8327
+ "value": "{rhc.color.none}",
8328
+ "type": "color"
8329
+ },
8330
+ "border-color": {
8331
+ "value": "{rhc.color.none}",
8332
+ "type": "color"
8333
+ },
8334
+ "color": {
8335
+ "value": "{rhc.color.lintblauw.100}",
8336
+ "type": "color"
8337
+ }
8338
+ },
8339
+ "focus": {
8340
+ "background-color": {
8341
+ "value": "{rhc.color.lintblauw.50}",
8342
+ "type": "color"
8343
+ },
8344
+ "border-color": {
8345
+ "value": "transparent",
8346
+ "type": "color"
8347
+ },
8348
+ "color": {
8349
+ "value": "{rhc.color.lintblauw.500}",
8350
+ "type": "color",
8351
+ "$extensions": {
8352
+ "studio.tokens": {
8353
+ "modify": {
8354
+ "type": "darken",
8355
+ "value": "0.3",
8356
+ "space": "lch"
8357
+ }
8358
+ }
8359
+ }
8360
+ }
8361
+ },
8362
+ "active": {
8363
+ "background-color": {
8364
+ "value": "{rhc.color.lintblauw.200}",
8365
+ "type": "color"
8366
+ },
8367
+ "border-color": {
8368
+ "value": "transparent",
8369
+ "type": "color"
8370
+ },
8371
+ "color": {
8372
+ "$extensions": {
8373
+ "studio.tokens": {
8374
+ "modify": {
8375
+ "type": "darken",
8376
+ "value": "0.4",
8377
+ "space": "srgb"
8378
+ }
8379
+ }
8380
+ },
8381
+ "value": "{rhc.color.lintblauw.500}",
8382
+ "type": "color"
8383
+ }
8384
+ },
8385
+ "pressed": {
8386
+ "background-color": {
8387
+ "value": "{rhc.color.lintblauw.100}",
8388
+ "type": "color"
8389
+ },
8390
+ "border-color": {
8391
+ "value": "transparent",
8392
+ "type": "color"
8393
+ },
8394
+ "color": {
8395
+ "value": "{rhc.color.lintblauw.500}",
8396
+ "type": "color",
8397
+ "$extensions": {
8398
+ "studio.tokens": {
8399
+ "modify": {
8400
+ "type": "darken",
8401
+ "value": "0.4",
8402
+ "space": "lch"
8403
+ }
8404
+ }
8405
+ }
8406
+ }
8407
+ }
8408
+ }
8409
+ }
8410
+ }
8411
+ },
8412
+ "overwrites/primaire kleur/contrast fix/button label groter": {
8413
+ "utrecht": {
8414
+ "button": {
8415
+ "font-size": {
8416
+ "value": "20px",
8417
+ "type": "fontSizes"
8418
+ }
8419
+ }
8420
+ }
8421
+ },
8422
+ "overwrites/primaire kleur/contrast fix/non primary buttons coolgrey": {
8423
+ "utrecht": {
8424
+ "button": {
8425
+ "secondary-action": {
8426
+ "hover": {
8427
+ "background-color": {
8428
+ "value": "{rhc.color.cool-grey.200}",
8429
+ "type": "color"
8430
+ },
8431
+ "border-color": {
8432
+ "value": "{rhc.color.cool-grey.800}",
8433
+ "type": "color"
8434
+ },
8435
+ "color": {
8436
+ "value": "{rhc.color.cool-grey.800}",
8437
+ "type": "color"
8438
+ }
8439
+ },
8440
+ "background-color": {
8441
+ "value": "{rhc.color.none}",
8442
+ "type": "color"
8443
+ },
8444
+ "border-color": {
8445
+ "value": "{rhc.color.cool-grey.700}",
8446
+ "type": "color"
8447
+ },
8448
+ "color": {
8449
+ "value": "{rhc.color.cool-grey.700}",
8450
+ "type": "color"
8451
+ },
8452
+ "disabled": {
8453
+ "background-color": {
8454
+ "value": "{rhc.color.none}",
8455
+ "type": "color"
8456
+ },
8457
+ "border-color": {
8458
+ "value": "{rhc.color.cool-grey.400}",
8459
+ "type": "color"
8460
+ },
8461
+ "color": {
8462
+ "value": "{rhc.color.cool-grey.400}",
8463
+ "type": "color"
8464
+ }
8465
+ },
8466
+ "focus": {
8467
+ "background-color": {
8468
+ "value": "{rhc.color.cool-grey.200}",
8469
+ "type": "color"
8470
+ },
8471
+ "border-color": {
8472
+ "value": "transparent",
8473
+ "type": "color"
8474
+ },
8475
+ "color": {
8476
+ "value": "{rhc.color.cool-grey.800}",
8477
+ "type": "color"
8478
+ }
8479
+ },
8480
+ "active": {
8481
+ "background-color": {
8482
+ "value": "{rhc.color.cool-grey.300}",
8483
+ "type": "color"
8484
+ },
8485
+ "border-color": {
8486
+ "value": "{rhc.color.cool-grey.800}",
8487
+ "type": "color"
8488
+ },
8489
+ "color": {
8490
+ "value": "{rhc.color.cool-grey.800}",
8491
+ "type": "color"
8492
+ }
8493
+ },
8494
+ "pressed": {
8495
+ "background-color": {
8496
+ "value": "{rhc.color.cool-grey.300}",
8497
+ "type": "color"
8498
+ },
8499
+ "border-color": {
8500
+ "value": "{rhc.color.cool-grey.800}",
8501
+ "type": "color"
8502
+ },
8503
+ "color": {
8504
+ "value": "{rhc.color.cool-grey.800}",
8505
+ "type": "color"
8506
+ }
8507
+ }
6930
8508
  },
6931
- "content": {
6932
- "padding-inline-end": {
6933
- "value": "{rhc.space.200}",
6934
- "type": "spacing"
8509
+ "subtle": {
8510
+ "hover": {
8511
+ "background-color": {
8512
+ "value": "{rhc.color.cool-grey.200}",
8513
+ "type": "color"
8514
+ },
8515
+ "border-color": {
8516
+ "value": "transparent",
8517
+ "type": "color"
8518
+ },
8519
+ "color": {
8520
+ "value": "{rhc.color.cool-grey.800}",
8521
+ "type": "color"
8522
+ }
6935
8523
  },
6936
- "padding-inline-start": {
6937
- "value": "{rhc.space.200}",
6938
- "type": "spacing"
8524
+ "background-color": {
8525
+ "value": "transparent",
8526
+ "type": "color"
6939
8527
  },
6940
- "max-inline-size": {
6941
- "value": "1280px",
6942
- "type": "sizing"
8528
+ "border-color": {
8529
+ "value": "transparent",
8530
+ "type": "color"
6943
8531
  },
6944
- "list": {
6945
- "row-gap": {
6946
- "value": "{rhc.space.100}",
6947
- "type": "spacing"
8532
+ "color": {
8533
+ "value": "{rhc.color.cool-grey.700}",
8534
+ "type": "color"
8535
+ },
8536
+ "disabled": {
8537
+ "background-color": {
8538
+ "value": "{rhc.color.none}",
8539
+ "type": "color"
8540
+ },
8541
+ "border-color": {
8542
+ "value": "{rhc.color.none}",
8543
+ "type": "color"
8544
+ },
8545
+ "color": {
8546
+ "value": "{rhc.color.cool-grey.400}",
8547
+ "type": "color"
8548
+ }
8549
+ },
8550
+ "focus": {
8551
+ "background-color": {
8552
+ "value": "{rhc.color.cool-grey.200}",
8553
+ "type": "color"
8554
+ },
8555
+ "border-color": {
8556
+ "value": "transparent",
8557
+ "type": "color"
8558
+ },
8559
+ "color": {
8560
+ "value": "{rhc.color.cool-grey.800}",
8561
+ "type": "color"
8562
+ }
8563
+ },
8564
+ "active": {
8565
+ "background-color": {
8566
+ "value": "{rhc.color.cool-grey.300}",
8567
+ "type": "color"
8568
+ },
8569
+ "border-color": {
8570
+ "value": "transparent",
8571
+ "type": "color"
8572
+ },
8573
+ "color": {
8574
+ "value": "{rhc.color.cool-grey.900}",
8575
+ "type": "color"
6948
8576
  }
8577
+ },
8578
+ "pressed": {
8579
+ "background-color": {
8580
+ "value": "{rhc.color.cool-grey.300}",
8581
+ "type": "color"
8582
+ },
8583
+ "border-color": {
8584
+ "value": "transparent",
8585
+ "type": "color"
8586
+ },
8587
+ "color": {
8588
+ "value": "{rhc.color.cool-grey.900}",
8589
+ "type": "color"
8590
+ }
8591
+ }
8592
+ }
8593
+ }
8594
+ }
8595
+ },
8596
+ "overwrites/accent/donkergeel": {
8597
+ "rhc": {
8598
+ "color": {
8599
+ "accent": {
8600
+ "500": {
8601
+ "value": "{rhc.color.donkergeel.500}",
8602
+ "type": "color"
8603
+ }
8604
+ }
8605
+ }
8606
+ }
8607
+ },
8608
+ "overwrites/accent/donkergroen": {
8609
+ "rhc": {
8610
+ "color": {
8611
+ "accent": {
8612
+ "500": {
8613
+ "value": "{rhc.color.donkergroen.500}",
8614
+ "type": "color"
6949
8615
  }
6950
8616
  }
6951
8617
  }
@@ -7123,6 +8789,40 @@
7123
8789
  }
7124
8790
  }
7125
8791
  },
8792
+ "overwrites/heading-color/primairy": {
8793
+ "nl": {
8794
+ "heading-level-1": {
8795
+ "color": {
8796
+ "value": "{rhc.color.primary.500}",
8797
+ "type": "color"
8798
+ }
8799
+ },
8800
+ "heading-level-2": {
8801
+ "color": {
8802
+ "value": "{rhc.color.primary.500}",
8803
+ "type": "color"
8804
+ }
8805
+ },
8806
+ "heading-level-3": {
8807
+ "color": {
8808
+ "value": "{rhc.color.primary.500}",
8809
+ "type": "color"
8810
+ }
8811
+ },
8812
+ "heading-level-4": {
8813
+ "color": {
8814
+ "value": "{rhc.color.primary.500}",
8815
+ "type": "color"
8816
+ }
8817
+ },
8818
+ "heading-level-5": {
8819
+ "color": {
8820
+ "value": "{rhc.color.primary.500}",
8821
+ "type": "color"
8822
+ }
8823
+ }
8824
+ }
8825
+ },
7126
8826
  "overwrites/oude rijkshuisstijl/border": {
7127
8827
  "rhc": {
7128
8828
  "border-radius": {
@@ -7141,88 +8841,195 @@
7141
8841
  }
7142
8842
  }
7143
8843
  },
7144
- "overwrites/primaire kleur/mintgroen": {
8844
+ "overwrites/responsive/mobile": {
7145
8845
  "rhc": {
7146
- "color": {
7147
- "primary": {
7148
- "50": {
7149
- "value": "{rhc.color.mintgroen.50}",
7150
- "type": "color"
7151
- },
7152
- "100": {
7153
- "value": "{rhc.color.mintgroen.100}",
7154
- "type": "color"
8846
+ "font-size": {
8847
+ "heading": {
8848
+ "level-1": {
8849
+ "value": "{rhc.font-size.xl.mobile}",
8850
+ "type": "fontSizes"
7155
8851
  },
7156
- "200": {
7157
- "value": "{rhc.color.mintgroen.200}",
7158
- "type": "color"
8852
+ "level-2": {
8853
+ "value": "{rhc.font-size.lg.mobile}",
8854
+ "type": "fontSizes"
7159
8855
  },
7160
- "300": {
7161
- "value": "{rhc.color.mintgroen.300}",
7162
- "type": "color"
8856
+ "level-3": {
8857
+ "value": "{rhc.font-size.md.mobile}",
8858
+ "type": "fontSizes"
7163
8859
  },
7164
- "400": {
7165
- "value": "{rhc.color.mintgroen.400}",
7166
- "type": "color"
8860
+ "level-4": {
8861
+ "value": "{rhc.font-size.sm.mobile}",
8862
+ "type": "fontSizes"
7167
8863
  },
7168
- "500": {
7169
- "value": "{rhc.color.mintgroen.500}",
7170
- "type": "color"
8864
+ "level-5": {
8865
+ "value": "{rhc.font-size.xs.mobile}",
8866
+ "type": "fontSizes"
8867
+ }
8868
+ },
8869
+ "paragraph": {
8870
+ "intro": {
8871
+ "value": "{rhc.font-size.sm.mobile}",
8872
+ "type": "fontSizes"
7171
8873
  },
7172
- "hover": {
7173
- "value": "{rhc.color.primary.500}",
7174
- "type": "color",
7175
- "$extensions": {
7176
- "studio.tokens": {
7177
- "modify": {
7178
- "type": "darken",
7179
- "value": "0.3",
7180
- "space": "lch"
7181
- }
7182
- }
7183
- }
8874
+ "default": {
8875
+ "value": "{rhc.font-size.xs.mobile}",
8876
+ "type": "fontSizes"
7184
8877
  }
7185
8878
  }
7186
8879
  }
7187
8880
  }
7188
8881
  },
7189
- "overwrites/primaire kleur/violet": {
8882
+ "overwrites/responsive/tablet": {
7190
8883
  "rhc": {
7191
- "color": {
7192
- "primary": {
7193
- "50": {
7194
- "value": "{rhc.color.violet.50}",
7195
- "type": "color"
8884
+ "font-size": {
8885
+ "heading": {
8886
+ "level-1": {
8887
+ "value": "{rhc.font-size.xl.tablet}",
8888
+ "type": "fontSizes"
7196
8889
  },
7197
- "100": {
7198
- "value": "{rhc.color.violet.100}",
7199
- "type": "color"
8890
+ "level-2": {
8891
+ "value": "{rhc.font-size.lg.tablet}",
8892
+ "type": "fontSizes"
7200
8893
  },
7201
- "200": {
7202
- "value": "{rhc.color.violet.200}",
7203
- "type": "color"
8894
+ "level-3": {
8895
+ "value": "{rhc.font-size.md.tablet}",
8896
+ "type": "fontSizes"
7204
8897
  },
7205
- "300": {
7206
- "value": "{rhc.color.violet.300}",
7207
- "type": "color"
8898
+ "level-4": {
8899
+ "value": "{rhc.font-size.sm.tablet}",
8900
+ "type": "fontSizes"
7208
8901
  },
7209
- "400": {
7210
- "value": "{rhc.color.violet.400}",
7211
- "type": "color"
8902
+ "level-5": {
8903
+ "value": "{rhc.font-size.xs.tablet}",
8904
+ "type": "fontSizes"
8905
+ }
8906
+ },
8907
+ "paragraph": {
8908
+ "intro": {
8909
+ "value": "{rhc.font-size.sm.tablet}",
8910
+ "type": "fontSizes"
7212
8911
  },
7213
- "500": {
7214
- "value": "{rhc.color.violet.500}",
7215
- "type": "color"
8912
+ "default": {
8913
+ "value": "{rhc.font-size.xs.tablet}",
8914
+ "type": "fontSizes"
8915
+ }
8916
+ }
8917
+ }
8918
+ }
8919
+ },
8920
+ "overwrites/afwijkende keuzes/button": {
8921
+ "utrecht": {
8922
+ "button": {
8923
+ "font-weight": {
8924
+ "value": "{rhc.font-weight.regular}",
8925
+ "type": "fontWeights"
8926
+ },
8927
+ "primary-action": {
8928
+ "font-weight": {
8929
+ "value": "{rhc.font-weight.regular}",
8930
+ "type": "fontWeights"
8931
+ }
8932
+ },
8933
+ "secondary-action": {
8934
+ "hover": {
8935
+ "background-color": {
8936
+ "value": "{rhc.color.cool-grey.200}",
8937
+ "type": "color"
8938
+ },
8939
+ "border-color": {
8940
+ "value": "{rhc.color.primary.500}",
8941
+ "type": "color"
8942
+ },
8943
+ "color": {
8944
+ "value": "{rhc.color.primary.500}",
8945
+ "type": "color"
8946
+ }
8947
+ },
8948
+ "focus": {
8949
+ "background-color": {
8950
+ "value": "{rhc.color.cool-grey.200}",
8951
+ "type": "color"
8952
+ },
8953
+ "border-color": {
8954
+ "value": "transparent",
8955
+ "type": "color"
8956
+ },
8957
+ "color": {
8958
+ "value": "{rhc.color.primary.500}",
8959
+ "type": "color"
8960
+ }
8961
+ },
8962
+ "font-weight": {
8963
+ "value": "{rhc.font-weight.regular}",
8964
+ "type": "fontWeights"
8965
+ },
8966
+ "pressed": {
8967
+ "background-color": {
8968
+ "value": "{rhc.color.cool-grey.300}",
8969
+ "type": "color"
8970
+ },
8971
+ "border-color": {
8972
+ "value": "transparent",
8973
+ "type": "color"
8974
+ },
8975
+ "color": {
8976
+ "value": "{rhc.color.primary.500}",
8977
+ "type": "color"
8978
+ }
8979
+ }
8980
+ },
8981
+ "subtle": {
8982
+ "font-weight": {
8983
+ "value": "{rhc.font-weight.regular}",
8984
+ "type": "fontWeights"
7216
8985
  },
7217
8986
  "hover": {
7218
- "value": "{rhc.color.primary.500}",
7219
- "type": "color",
7220
- "$extensions": {
7221
- "studio.tokens": {
7222
- "modify": {
7223
- "type": "darken",
7224
- "value": "0.3",
7225
- "space": "lch"
8987
+ "background-color": {
8988
+ "value": "{rhc.color.none}",
8989
+ "type": "color"
8990
+ },
8991
+ "border-color": {
8992
+ "value": "transparent",
8993
+ "type": "color"
8994
+ },
8995
+ "color": {
8996
+ "value": "{rhc.color.primary.hover}",
8997
+ "type": "color"
8998
+ }
8999
+ },
9000
+ "focus": {
9001
+ "background-color": {
9002
+ "value": "{rhc.color.none}",
9003
+ "type": "color"
9004
+ },
9005
+ "border-color": {
9006
+ "value": "transparent",
9007
+ "type": "color"
9008
+ },
9009
+ "color": {
9010
+ "value": "{rhc.color.primary.hover}",
9011
+ "type": "color"
9012
+ }
9013
+ },
9014
+ "pressed": {
9015
+ "background-color": {
9016
+ "value": "{rhc.color.none}",
9017
+ "type": "color"
9018
+ },
9019
+ "border-color": {
9020
+ "value": "transparent",
9021
+ "type": "color"
9022
+ },
9023
+ "color": {
9024
+ "value": "{rhc.color.primary.500}",
9025
+ "type": "color",
9026
+ "$extensions": {
9027
+ "studio.tokens": {
9028
+ "modify": {
9029
+ "type": "darken",
9030
+ "value": "0.4",
9031
+ "space": "lch"
9032
+ }
7226
9033
  }
7227
9034
  }
7228
9035
  }
@@ -7266,7 +9073,8 @@
7266
9073
  "components/checkbox-group": "enabled",
7267
9074
  "components/code-input-group": "enabled",
7268
9075
  "components/code-input": "enabled",
7269
- "components/counter-badge": "enabled",
9076
+ "components/counter-badge/utrecht": "enabled",
9077
+ "components/counter-badge/nl": "enabled",
7270
9078
  "components/dot-badge": "enabled",
7271
9079
  "components/drawer": "enabled",
7272
9080
  "components/fieldset": "enabled",
@@ -7281,10 +9089,12 @@
7281
9089
  "components/form-field-option-label": "enabled",
7282
9090
  "components/form-field-radio-option": "enabled",
7283
9091
  "components/form-label": "enabled",
7284
- "components/heading": "enabled",
9092
+ "components/heading/utrecht": "enabled",
9093
+ "components/heading/nl": "enabled",
7285
9094
  "components/hero": "enabled",
7286
9095
  "components/icon-only-button": "enabled",
7287
- "components/link": "enabled",
9096
+ "components/link/utrecht": "enabled",
9097
+ "components/link/nl": "enabled",
7288
9098
  "components/link-list": "enabled",
7289
9099
  "components/link-list-card": "enabled",
7290
9100
  "components/logo": "enabled",
@@ -7294,13 +9104,15 @@
7294
9104
  "components/navigation-list": "enabled",
7295
9105
  "components/ordered-list": "enabled",
7296
9106
  "components/pagination": "enabled",
7297
- "components/paragraph": "enabled",
9107
+ "components/paragraph/utrecht": "enabled",
9108
+ "components/paragraph/nl": "enabled",
7298
9109
  "components/radio": "enabled",
7299
9110
  "components/radio-group": "enabled",
7300
9111
  "components/select": "enabled",
7301
9112
  "components/separator": "enabled",
7302
9113
  "components/side-nav": "enabled",
7303
- "components/skip-link": "enabled",
9114
+ "components/skip-link/utrecht": "enabled",
9115
+ "components/skip-link/nl": "enabled",
7304
9116
  "components/status-badge": "enabled",
7305
9117
  "components/summary-list": "enabled",
7306
9118
  "components/table": "enabled",
@@ -7351,7 +9163,8 @@
7351
9163
  "components/checkbox-group": "enabled",
7352
9164
  "components/code-input-group": "enabled",
7353
9165
  "components/code-input": "enabled",
7354
- "components/counter-badge": "enabled",
9166
+ "components/counter-badge/utrecht": "enabled",
9167
+ "components/counter-badge/nl": "enabled",
7355
9168
  "components/dot-badge": "enabled",
7356
9169
  "components/drawer": "enabled",
7357
9170
  "components/fieldset": "enabled",
@@ -7366,10 +9179,12 @@
7366
9179
  "components/form-field-option-label": "enabled",
7367
9180
  "components/form-field-radio-option": "enabled",
7368
9181
  "components/form-label": "enabled",
7369
- "components/heading": "enabled",
9182
+ "components/heading/utrecht": "enabled",
9183
+ "components/heading/nl": "enabled",
7370
9184
  "components/hero": "enabled",
7371
9185
  "components/icon-only-button": "enabled",
7372
- "components/link": "enabled",
9186
+ "components/link/utrecht": "enabled",
9187
+ "components/link/nl": "enabled",
7373
9188
  "components/link-list": "enabled",
7374
9189
  "components/link-list-card": "enabled",
7375
9190
  "components/logo": "enabled",
@@ -7379,13 +9194,15 @@
7379
9194
  "components/navigation-list": "enabled",
7380
9195
  "components/ordered-list": "enabled",
7381
9196
  "components/pagination": "enabled",
7382
- "components/paragraph": "enabled",
9197
+ "components/paragraph/utrecht": "enabled",
9198
+ "components/paragraph/nl": "enabled",
7383
9199
  "components/radio": "enabled",
7384
9200
  "components/radio-group": "enabled",
7385
9201
  "components/select": "enabled",
7386
9202
  "components/separator": "enabled",
7387
9203
  "components/side-nav": "enabled",
7388
- "components/skip-link": "enabled",
9204
+ "components/skip-link/utrecht": "enabled",
9205
+ "components/skip-link/nl": "enabled",
7389
9206
  "components/status-badge": "enabled",
7390
9207
  "components/summary-list": "enabled",
7391
9208
  "components/table": "enabled",
@@ -7437,7 +9254,8 @@
7437
9254
  "components/checkbox-group": "enabled",
7438
9255
  "components/code-input-group": "enabled",
7439
9256
  "components/code-input": "enabled",
7440
- "components/counter-badge": "enabled",
9257
+ "components/counter-badge/utrecht": "enabled",
9258
+ "components/counter-badge/nl": "enabled",
7441
9259
  "components/dot-badge": "enabled",
7442
9260
  "components/drawer": "enabled",
7443
9261
  "components/fieldset": "enabled",
@@ -7452,10 +9270,12 @@
7452
9270
  "components/form-field-option-label": "enabled",
7453
9271
  "components/form-field-radio-option": "enabled",
7454
9272
  "components/form-label": "enabled",
7455
- "components/heading": "enabled",
9273
+ "components/heading/utrecht": "enabled",
9274
+ "components/heading/nl": "enabled",
7456
9275
  "components/hero": "enabled",
7457
9276
  "components/icon-only-button": "enabled",
7458
- "components/link": "enabled",
9277
+ "components/link/utrecht": "enabled",
9278
+ "components/link/nl": "enabled",
7459
9279
  "components/link-list": "enabled",
7460
9280
  "components/link-list-card": "enabled",
7461
9281
  "components/logo": "enabled",
@@ -7465,13 +9285,15 @@
7465
9285
  "components/navigation-list": "enabled",
7466
9286
  "components/ordered-list": "enabled",
7467
9287
  "components/pagination": "enabled",
7468
- "components/paragraph": "enabled",
9288
+ "components/paragraph/utrecht": "enabled",
9289
+ "components/paragraph/nl": "enabled",
7469
9290
  "components/radio": "enabled",
7470
9291
  "components/radio-group": "enabled",
7471
9292
  "components/select": "enabled",
7472
9293
  "components/separator": "enabled",
7473
9294
  "components/side-nav": "enabled",
7474
- "components/skip-link": "enabled",
9295
+ "components/skip-link/utrecht": "enabled",
9296
+ "components/skip-link/nl": "enabled",
7475
9297
  "components/status-badge": "enabled",
7476
9298
  "components/summary-list": "enabled",
7477
9299
  "components/table": "enabled",
@@ -7524,7 +9346,8 @@
7524
9346
  "components/checkbox-group": "enabled",
7525
9347
  "components/code-input-group": "enabled",
7526
9348
  "components/code-input": "enabled",
7527
- "components/counter-badge": "enabled",
9349
+ "components/counter-badge/utrecht": "enabled",
9350
+ "components/counter-badge/nl": "enabled",
7528
9351
  "components/dot-badge": "enabled",
7529
9352
  "components/drawer": "enabled",
7530
9353
  "components/fieldset": "enabled",
@@ -7539,10 +9362,12 @@
7539
9362
  "components/form-field-option-label": "enabled",
7540
9363
  "components/form-field-radio-option": "enabled",
7541
9364
  "components/form-label": "enabled",
7542
- "components/heading": "enabled",
9365
+ "components/heading/utrecht": "enabled",
9366
+ "components/heading/nl": "enabled",
7543
9367
  "components/hero": "enabled",
7544
9368
  "components/icon-only-button": "enabled",
7545
- "components/link": "enabled",
9369
+ "components/link/utrecht": "enabled",
9370
+ "components/link/nl": "enabled",
7546
9371
  "components/link-list": "enabled",
7547
9372
  "components/link-list-card": "enabled",
7548
9373
  "components/logo": "enabled",
@@ -7552,13 +9377,15 @@
7552
9377
  "components/navigation-list": "enabled",
7553
9378
  "components/ordered-list": "enabled",
7554
9379
  "components/pagination": "enabled",
7555
- "components/paragraph": "enabled",
9380
+ "components/paragraph/utrecht": "enabled",
9381
+ "components/paragraph/nl": "enabled",
7556
9382
  "components/radio": "enabled",
7557
9383
  "components/radio-group": "enabled",
7558
9384
  "components/select": "enabled",
7559
9385
  "components/separator": "enabled",
7560
9386
  "components/side-nav": "enabled",
7561
- "components/skip-link": "enabled",
9387
+ "components/skip-link/utrecht": "enabled",
9388
+ "components/skip-link/nl": "enabled",
7562
9389
  "components/status-badge": "enabled",
7563
9390
  "components/summary-list": "enabled",
7564
9391
  "components/table": "enabled",
@@ -7572,8 +9399,8 @@
7572
9399
  "components/sub-nav-bar": "enabled",
7573
9400
  "overwrites/focus/background": "enabled",
7574
9401
  "overwrites/focus/outline-color": "enabled",
7575
- "overwrites/primaire kleur/mintgroen": "enabled",
7576
- "components/pre-heading": "enabled"
9402
+ "components/pre-heading": "enabled",
9403
+ "overwrites/primaire kleur/mintgroen": "enabled"
7577
9404
  },
7578
9405
  "$figmaVariableReferences": {},
7579
9406
  "group": "Rijkshuisstijl"
@@ -7610,9 +9437,10 @@
7610
9437
  "components/checkbox-group",
7611
9438
  "components/code-input-group",
7612
9439
  "components/code-input",
7613
- "components/counter-badge",
7614
- "components/dot-badge",
9440
+ "components/counter-badge/nl",
9441
+ "components/counter-badge/utrecht",
7615
9442
  "components/drawer",
9443
+ "components/dot-badge",
7616
9444
  "components/fieldset",
7617
9445
  "components/figure",
7618
9446
  "components/file-input",
@@ -7625,10 +9453,13 @@
7625
9453
  "components/form-field-option-label",
7626
9454
  "components/form-field-radio-option",
7627
9455
  "components/form-label",
7628
- "components/heading",
9456
+ "components/heading/nl",
9457
+ "components/heading/utrecht",
7629
9458
  "components/hero",
9459
+ "components/icon",
7630
9460
  "components/icon-only-button",
7631
- "components/link",
9461
+ "components/link/nl",
9462
+ "components/link/utrecht",
7632
9463
  "components/link-list",
7633
9464
  "components/link-list-card",
7634
9465
  "components/logo",
@@ -7638,15 +9469,18 @@
7638
9469
  "components/navigation-list",
7639
9470
  "components/ordered-list",
7640
9471
  "components/pagination",
7641
- "components/paragraph",
9472
+ "components/paragraph/utrecht",
9473
+ "components/paragraph/nl",
7642
9474
  "components/pre-heading",
7643
9475
  "components/radio",
7644
9476
  "components/radio-group",
7645
9477
  "components/select",
7646
9478
  "components/separator",
7647
9479
  "components/side-nav",
7648
- "components/skip-link",
9480
+ "components/skip-link/utrecht",
9481
+ "components/skip-link/nl",
7649
9482
  "components/status-badge",
9483
+ "components/sub-nav-bar",
7650
9484
  "components/summary-list",
7651
9485
  "components/table",
7652
9486
  "components/task-list",
@@ -7655,13 +9489,26 @@
7655
9489
  "components/toggletip",
7656
9490
  "components/toolbar-button",
7657
9491
  "components/unordered-list",
7658
- "components/icon",
7659
- "components/sub-nav-bar",
9492
+ "overwrites/primaire kleur/groen",
9493
+ "overwrites/primaire kleur/mintgroen",
9494
+ "overwrites/primaire kleur/oranje",
9495
+ "overwrites/primaire kleur/paars",
9496
+ "overwrites/primaire kleur/roze",
9497
+ "overwrites/primaire kleur/violet",
9498
+ "overwrites/primaire kleur/contrast fix/foreground op lichte kleur",
9499
+ "overwrites/primaire kleur/contrast fix/non primary button labels coolgrey",
9500
+ "overwrites/primaire kleur/contrast fix/alle buttons lintblauw",
9501
+ "overwrites/primaire kleur/contrast fix/button label groter",
9502
+ "overwrites/primaire kleur/contrast fix/non primary buttons coolgrey",
9503
+ "overwrites/accent/donkergeel",
9504
+ "overwrites/accent/donkergroen",
7660
9505
  "overwrites/focus/background",
7661
9506
  "overwrites/focus/outline-color",
9507
+ "overwrites/heading-color/primairy",
7662
9508
  "overwrites/oude rijkshuisstijl/border",
7663
- "overwrites/primaire kleur/mintgroen",
7664
- "overwrites/primaire kleur/violet"
9509
+ "overwrites/responsive/mobile",
9510
+ "overwrites/responsive/tablet",
9511
+ "overwrites/afwijkende keuzes/button"
7665
9512
  ]
7666
9513
  }
7667
9514
  }