@rijkshuisstijl-community/design-tokens 1.0.0-alpha.127 → 1.0.0-alpha.128

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 +36 -36
  2. package/dist/index.css +36 -36
  3. package/dist/index.d.ts +36 -36
  4. package/dist/index.js +36 -36
  5. package/dist/index.json +36 -36
  6. package/dist/index.tokens.json +47 -45
  7. package/dist/root.css +36 -36
  8. package/dist/tokens.d.ts +48 -46
  9. package/dist/tokens.js +5271 -5269
  10. package/dist/uitvoerend-mintgroen-focus/_variables.scss +36 -36
  11. package/dist/uitvoerend-mintgroen-focus/index.css +36 -36
  12. package/dist/uitvoerend-mintgroen-focus/index.d.ts +36 -36
  13. package/dist/uitvoerend-mintgroen-focus/index.js +36 -36
  14. package/dist/uitvoerend-mintgroen-focus/index.json +36 -36
  15. package/dist/uitvoerend-mintgroen-focus/index.tokens.json +47 -45
  16. package/dist/uitvoerend-mintgroen-focus/root.css +36 -36
  17. package/dist/uitvoerend-mintgroen-focus/tokens.d.ts +48 -46
  18. package/dist/uitvoerend-mintgroen-focus/tokens.js +3848 -3846
  19. package/dist/uitvoerend-violet/_variables.scss +36 -36
  20. package/dist/uitvoerend-violet/index.css +36 -36
  21. package/dist/uitvoerend-violet/index.d.ts +36 -36
  22. package/dist/uitvoerend-violet/index.js +36 -36
  23. package/dist/uitvoerend-violet/index.json +36 -36
  24. package/dist/uitvoerend-violet/index.tokens.json +47 -45
  25. package/dist/uitvoerend-violet/root.css +36 -36
  26. package/dist/uitvoerend-violet/tokens.d.ts +48 -46
  27. package/dist/uitvoerend-violet/tokens.js +5271 -5269
  28. package/dist/uitvoerend-violet-oud/_variables.scss +36 -36
  29. package/dist/uitvoerend-violet-oud/index.css +36 -36
  30. package/dist/uitvoerend-violet-oud/index.d.ts +36 -36
  31. package/dist/uitvoerend-violet-oud/index.js +36 -36
  32. package/dist/uitvoerend-violet-oud/index.json +36 -36
  33. package/dist/uitvoerend-violet-oud/index.tokens.json +47 -45
  34. package/dist/uitvoerend-violet-oud/root.css +36 -36
  35. package/dist/uitvoerend-violet-oud/tokens.d.ts +48 -46
  36. package/dist/uitvoerend-violet-oud/tokens.js +5271 -5269
  37. package/dist/wetgevend/_variables.scss +36 -36
  38. package/dist/wetgevend/index.css +36 -36
  39. package/dist/wetgevend/index.d.ts +36 -36
  40. package/dist/wetgevend/index.js +36 -36
  41. package/dist/wetgevend/index.json +36 -36
  42. package/dist/wetgevend/index.tokens.json +47 -45
  43. package/dist/wetgevend/root.css +36 -36
  44. package/dist/wetgevend/tokens.d.ts +48 -46
  45. package/dist/wetgevend/tokens.js +5271 -5269
  46. package/figma/figma.tokens.json +6 -6
  47. package/package.json +2 -2
  48. package/src/generated/base.tokens.json +152 -150
  49. package/src/generated/themes.json +948 -940
  50. package/src/generated/uitvoerend-mintgroen-focus/tokens.json +152 -150
  51. package/src/generated/uitvoerend-violet/tokens.json +152 -150
  52. package/src/generated/uitvoerend-violet-oud/tokens.json +152 -150
  53. package/src/generated/wetgevend/tokens.json +152 -150
@@ -3691,156 +3691,6 @@
3691
3691
  "type": "lineHeights"
3692
3692
  }
3693
3693
  },
3694
- "heading-1": {
3695
- "color": {
3696
- "value": "#154273",
3697
- "type": "color"
3698
- },
3699
- "font-family": {
3700
- "value": "Fira Sans, Arial, Verdana, sans-serif",
3701
- "type": "fontFamilies"
3702
- },
3703
- "font-weight": {
3704
- "value": 700,
3705
- "type": "fontWeights"
3706
- },
3707
- "line-height": {
3708
- "value": "125%",
3709
- "type": "lineHeights"
3710
- },
3711
- "font-size": {
3712
- "value": "3.125rem",
3713
- "type": "fontSizes"
3714
- },
3715
- "margin-block-end": {
3716
- "value": 0,
3717
- "type": "spacing"
3718
- },
3719
- "margin-block-start": {
3720
- "value": 0,
3721
- "type": "spacing"
3722
- }
3723
- },
3724
- "heading-2": {
3725
- "color": {
3726
- "value": "#154273",
3727
- "type": "color"
3728
- },
3729
- "font-family": {
3730
- "value": "Fira Sans, Arial, Verdana, sans-serif",
3731
- "type": "fontFamilies"
3732
- },
3733
- "font-weight": {
3734
- "value": 700,
3735
- "type": "fontWeights"
3736
- },
3737
- "line-height": {
3738
- "value": "125%",
3739
- "type": "lineHeights"
3740
- },
3741
- "font-size": {
3742
- "value": "2.5rem",
3743
- "type": "fontSizes"
3744
- },
3745
- "margin-block-end": {
3746
- "value": 0,
3747
- "type": "spacing"
3748
- },
3749
- "margin-block-start": {
3750
- "value": 0,
3751
- "type": "spacing"
3752
- }
3753
- },
3754
- "heading-3": {
3755
- "color": {
3756
- "value": "#154273",
3757
- "type": "color"
3758
- },
3759
- "font-family": {
3760
- "value": "Fira Sans, Arial, Verdana, sans-serif",
3761
- "type": "fontFamilies"
3762
- },
3763
- "font-weight": {
3764
- "value": 700,
3765
- "type": "fontWeights"
3766
- },
3767
- "line-height": {
3768
- "value": "125%",
3769
- "type": "lineHeights"
3770
- },
3771
- "font-size": {
3772
- "value": "1.875rem",
3773
- "type": "fontSizes"
3774
- },
3775
- "margin-block-end": {
3776
- "value": 0,
3777
- "type": "spacing"
3778
- },
3779
- "margin-block-start": {
3780
- "value": 0,
3781
- "type": "spacing"
3782
- }
3783
- },
3784
- "heading-4": {
3785
- "color": {
3786
- "value": "#154273",
3787
- "type": "color"
3788
- },
3789
- "font-family": {
3790
- "value": "Fira Sans, Arial, Verdana, sans-serif",
3791
- "type": "fontFamilies"
3792
- },
3793
- "font-weight": {
3794
- "value": 700,
3795
- "type": "fontWeights"
3796
- },
3797
- "line-height": {
3798
- "value": "125%",
3799
- "type": "lineHeights"
3800
- },
3801
- "font-size": {
3802
- "value": "1.5rem",
3803
- "type": "fontSizes"
3804
- },
3805
- "margin-block-end": {
3806
- "value": 0,
3807
- "type": "spacing"
3808
- },
3809
- "margin-block-start": {
3810
- "value": 0,
3811
- "type": "spacing"
3812
- }
3813
- },
3814
- "heading-5": {
3815
- "color": {
3816
- "value": "#154273",
3817
- "type": "color"
3818
- },
3819
- "font-family": {
3820
- "value": "Fira Sans, Arial, Verdana, sans-serif",
3821
- "type": "fontFamilies"
3822
- },
3823
- "font-weight": {
3824
- "value": 700,
3825
- "type": "fontWeights"
3826
- },
3827
- "line-height": {
3828
- "value": "125%",
3829
- "type": "lineHeights"
3830
- },
3831
- "font-size": {
3832
- "value": "1.25rem",
3833
- "type": "fontSizes"
3834
- },
3835
- "margin-block-end": {
3836
- "value": 0,
3837
- "type": "spacing"
3838
- },
3839
- "margin-block-start": {
3840
- "value": 0,
3841
- "type": "spacing"
3842
- }
3843
- },
3844
3694
  "form-label": {
3845
3695
  "color": {
3846
3696
  "value": "#154273",
@@ -5561,108 +5411,260 @@
5561
5411
  }
5562
5412
  }
5563
5413
  }
5564
- }
5565
- },
5566
- "group": "Rijkshuisstijl"
5567
- },
5568
- "uitvoerend - violet": {
5569
- "id": "c6dd93b7ffde608ac96ec3b636875b6534dca15e",
5570
- "tokens": {
5571
- "rhc": {
5572
- "color": {
5573
- "primary": {
5574
- "50": {
5575
- "value": "#f2d9e7",
5576
- "type": "color"
5577
- },
5578
- "100": {
5579
- "value": "#e5b3d0",
5580
- "type": "color"
5581
- },
5582
- "200": {
5583
- "value": "#D88CB7",
5584
- "type": "color"
5585
- },
5586
- "300": {
5587
- "value": "#CB66A0",
5588
- "type": "color"
5589
- },
5590
- "400": {
5591
- "value": "#BE4088",
5592
- "type": "color"
5593
- },
5594
- "500": {
5595
- "value": "#a90061",
5596
- "type": "color"
5597
- },
5598
- "hover": {
5599
- "value": "#741344",
5600
- "type": "color",
5601
- "$extensions": {
5602
- "studio.tokens": {
5603
- "modify": {
5604
- "type": "darken",
5605
- "value": "0.3",
5606
- "space": "lch"
5607
- }
5608
- }
5609
- }
5610
- }
5414
+ },
5415
+ "nl": {
5416
+ "heading-level-1": {
5417
+ "color": {
5418
+ "value": "#154273",
5419
+ "type": "color"
5611
5420
  },
5612
- "focus": {
5613
- "outline": {
5614
- "value": "#000",
5615
- "type": "color"
5616
- }
5421
+ "font-family": {
5422
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
5423
+ "type": "fontFamilies"
5617
5424
  },
5618
- "foreground": {
5619
- "default": {
5620
- "parent": "mode/light",
5621
- "value": "#000",
5622
- "type": "color",
5623
- "description": "Standaard kleur voor teksten en iconen. Gebruik deze voor body content, titels en labels."
5624
- },
5625
- "lint": {
5626
- "value": "#154273",
5627
- "type": "color"
5628
- },
5629
- "subdued": {
5630
- "parent": "mode/light",
5631
- "value": "#334155",
5632
- "type": "color",
5633
- "description": "Gebruik voor content die extra context biedt, maar niet essentieel is om de interface te begrijpen."
5634
- },
5635
- "onEmphasis": {
5636
- "parent": "mode/light",
5637
- "value": "#fff",
5638
- "type": "color",
5639
- "description": "Tekst en iconen die op een sterke achtergrond staan. Zoals het label in de primaire button of links in de footer."
5640
- },
5641
- "link": {
5642
- "value": "#01689b",
5643
- "type": "color"
5644
- }
5425
+ "font-weight": {
5426
+ "value": 700,
5427
+ "type": "fontWeights"
5645
5428
  },
5646
- "border": {
5647
- "default": {
5648
- "parent": "mode/light",
5649
- "value": "#64748B",
5650
- "type": "color",
5651
- "description": "Border kleur"
5652
- },
5653
- "subdued": {
5654
- "parent": "mode/light",
5655
- "value": "#94A3B8",
5656
- "type": "color",
5657
- "description": "Subtiele border"
5658
- },
5659
- "strong": {
5660
- "parent": "mode/light",
5661
- "value": "#000",
5662
- "type": "color"
5663
- }
5429
+ "line-height": {
5430
+ "value": "125%",
5431
+ "type": "lineHeights"
5664
5432
  },
5665
- "canvas": {
5433
+ "font-size": {
5434
+ "value": "3.125rem",
5435
+ "type": "fontSizes"
5436
+ },
5437
+ "margin-block-end": {
5438
+ "value": 0,
5439
+ "type": "spacing"
5440
+ },
5441
+ "margin-block-start": {
5442
+ "value": 0,
5443
+ "type": "spacing"
5444
+ }
5445
+ },
5446
+ "heading-level-2": {
5447
+ "color": {
5448
+ "value": "#154273",
5449
+ "type": "color"
5450
+ },
5451
+ "font-family": {
5452
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
5453
+ "type": "fontFamilies"
5454
+ },
5455
+ "font-weight": {
5456
+ "value": 700,
5457
+ "type": "fontWeights"
5458
+ },
5459
+ "line-height": {
5460
+ "value": "125%",
5461
+ "type": "lineHeights"
5462
+ },
5463
+ "font-size": {
5464
+ "value": "2.5rem",
5465
+ "type": "fontSizes"
5466
+ },
5467
+ "margin-block-end": {
5468
+ "value": 0,
5469
+ "type": "spacing"
5470
+ },
5471
+ "margin-block-start": {
5472
+ "value": 0,
5473
+ "type": "spacing"
5474
+ }
5475
+ },
5476
+ "heading-level-3": {
5477
+ "color": {
5478
+ "value": "#154273",
5479
+ "type": "color"
5480
+ },
5481
+ "font-family": {
5482
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
5483
+ "type": "fontFamilies"
5484
+ },
5485
+ "font-weight": {
5486
+ "value": 700,
5487
+ "type": "fontWeights"
5488
+ },
5489
+ "line-height": {
5490
+ "value": "125%",
5491
+ "type": "lineHeights"
5492
+ },
5493
+ "font-size": {
5494
+ "value": "1.875rem",
5495
+ "type": "fontSizes"
5496
+ },
5497
+ "margin-block-end": {
5498
+ "value": 0,
5499
+ "type": "spacing"
5500
+ },
5501
+ "margin-block-start": {
5502
+ "value": 0,
5503
+ "type": "spacing"
5504
+ }
5505
+ },
5506
+ "heading-level-4": {
5507
+ "color": {
5508
+ "value": "#154273",
5509
+ "type": "color"
5510
+ },
5511
+ "font-family": {
5512
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
5513
+ "type": "fontFamilies"
5514
+ },
5515
+ "font-weight": {
5516
+ "value": 700,
5517
+ "type": "fontWeights"
5518
+ },
5519
+ "line-height": {
5520
+ "value": "125%",
5521
+ "type": "lineHeights"
5522
+ },
5523
+ "font-size": {
5524
+ "value": "1.5rem",
5525
+ "type": "fontSizes"
5526
+ },
5527
+ "margin-block-end": {
5528
+ "value": 0,
5529
+ "type": "spacing"
5530
+ },
5531
+ "margin-block-start": {
5532
+ "value": 0,
5533
+ "type": "spacing"
5534
+ }
5535
+ },
5536
+ "heading-level-5": {
5537
+ "color": {
5538
+ "value": "#154273",
5539
+ "type": "color"
5540
+ },
5541
+ "font-family": {
5542
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
5543
+ "type": "fontFamilies"
5544
+ },
5545
+ "font-weight": {
5546
+ "value": 700,
5547
+ "type": "fontWeights"
5548
+ },
5549
+ "line-height": {
5550
+ "value": "125%",
5551
+ "type": "lineHeights"
5552
+ },
5553
+ "font-size": {
5554
+ "value": "1.25rem",
5555
+ "type": "fontSizes"
5556
+ },
5557
+ "margin-block-end": {
5558
+ "value": 0,
5559
+ "type": "spacing"
5560
+ },
5561
+ "margin-block-start": {
5562
+ "value": 0,
5563
+ "type": "spacing"
5564
+ }
5565
+ }
5566
+ }
5567
+ },
5568
+ "group": "Rijkshuisstijl"
5569
+ },
5570
+ "uitvoerend - violet": {
5571
+ "id": "c6dd93b7ffde608ac96ec3b636875b6534dca15e",
5572
+ "tokens": {
5573
+ "rhc": {
5574
+ "color": {
5575
+ "primary": {
5576
+ "50": {
5577
+ "value": "#f2d9e7",
5578
+ "type": "color"
5579
+ },
5580
+ "100": {
5581
+ "value": "#e5b3d0",
5582
+ "type": "color"
5583
+ },
5584
+ "200": {
5585
+ "value": "#D88CB7",
5586
+ "type": "color"
5587
+ },
5588
+ "300": {
5589
+ "value": "#CB66A0",
5590
+ "type": "color"
5591
+ },
5592
+ "400": {
5593
+ "value": "#BE4088",
5594
+ "type": "color"
5595
+ },
5596
+ "500": {
5597
+ "value": "#a90061",
5598
+ "type": "color"
5599
+ },
5600
+ "hover": {
5601
+ "value": "#741344",
5602
+ "type": "color",
5603
+ "$extensions": {
5604
+ "studio.tokens": {
5605
+ "modify": {
5606
+ "type": "darken",
5607
+ "value": "0.3",
5608
+ "space": "lch"
5609
+ }
5610
+ }
5611
+ }
5612
+ }
5613
+ },
5614
+ "focus": {
5615
+ "outline": {
5616
+ "value": "#000",
5617
+ "type": "color"
5618
+ }
5619
+ },
5620
+ "foreground": {
5621
+ "default": {
5622
+ "parent": "mode/light",
5623
+ "value": "#000",
5624
+ "type": "color",
5625
+ "description": "Standaard kleur voor teksten en iconen. Gebruik deze voor body content, titels en labels."
5626
+ },
5627
+ "lint": {
5628
+ "value": "#154273",
5629
+ "type": "color"
5630
+ },
5631
+ "subdued": {
5632
+ "parent": "mode/light",
5633
+ "value": "#334155",
5634
+ "type": "color",
5635
+ "description": "Gebruik voor content die extra context biedt, maar niet essentieel is om de interface te begrijpen."
5636
+ },
5637
+ "onEmphasis": {
5638
+ "parent": "mode/light",
5639
+ "value": "#fff",
5640
+ "type": "color",
5641
+ "description": "Tekst en iconen die op een sterke achtergrond staan. Zoals het label in de primaire button of links in de footer."
5642
+ },
5643
+ "link": {
5644
+ "value": "#01689b",
5645
+ "type": "color"
5646
+ }
5647
+ },
5648
+ "border": {
5649
+ "default": {
5650
+ "parent": "mode/light",
5651
+ "value": "#64748B",
5652
+ "type": "color",
5653
+ "description": "Border kleur"
5654
+ },
5655
+ "subdued": {
5656
+ "parent": "mode/light",
5657
+ "value": "#94A3B8",
5658
+ "type": "color",
5659
+ "description": "Subtiele border"
5660
+ },
5661
+ "strong": {
5662
+ "parent": "mode/light",
5663
+ "value": "#000",
5664
+ "type": "color"
5665
+ }
5666
+ },
5667
+ "canvas": {
5666
5668
  "parent": "mode/light",
5667
5669
  "value": "#fff",
5668
5670
  "type": "color",
@@ -9257,171 +9259,21 @@
9257
9259
  "type": "lineHeights"
9258
9260
  }
9259
9261
  },
9260
- "heading-1": {
9262
+ "form-label": {
9261
9263
  "color": {
9262
9264
  "value": "#154273",
9263
9265
  "type": "color"
9264
9266
  },
9265
- "font-family": {
9266
- "value": "Fira Sans, Arial, Verdana, sans-serif",
9267
- "type": "fontFamilies"
9267
+ "font-size": {
9268
+ "value": "1.25rem",
9269
+ "type": "fontSizes"
9268
9270
  },
9269
9271
  "font-weight": {
9270
9272
  "value": 700,
9271
9273
  "type": "fontWeights"
9272
- },
9273
- "line-height": {
9274
- "value": "125%",
9275
- "type": "lineHeights"
9276
- },
9277
- "font-size": {
9278
- "value": "3.125rem",
9279
- "type": "fontSizes"
9280
- },
9281
- "margin-block-end": {
9282
- "value": 0,
9283
- "type": "spacing"
9284
- },
9285
- "margin-block-start": {
9286
- "value": 0,
9287
- "type": "spacing"
9288
9274
  }
9289
9275
  },
9290
- "heading-2": {
9291
- "color": {
9292
- "value": "#154273",
9293
- "type": "color"
9294
- },
9295
- "font-family": {
9296
- "value": "Fira Sans, Arial, Verdana, sans-serif",
9297
- "type": "fontFamilies"
9298
- },
9299
- "font-weight": {
9300
- "value": 700,
9301
- "type": "fontWeights"
9302
- },
9303
- "line-height": {
9304
- "value": "125%",
9305
- "type": "lineHeights"
9306
- },
9307
- "font-size": {
9308
- "value": "2.5rem",
9309
- "type": "fontSizes"
9310
- },
9311
- "margin-block-end": {
9312
- "value": 0,
9313
- "type": "spacing"
9314
- },
9315
- "margin-block-start": {
9316
- "value": 0,
9317
- "type": "spacing"
9318
- }
9319
- },
9320
- "heading-3": {
9321
- "color": {
9322
- "value": "#154273",
9323
- "type": "color"
9324
- },
9325
- "font-family": {
9326
- "value": "Fira Sans, Arial, Verdana, sans-serif",
9327
- "type": "fontFamilies"
9328
- },
9329
- "font-weight": {
9330
- "value": 700,
9331
- "type": "fontWeights"
9332
- },
9333
- "line-height": {
9334
- "value": "125%",
9335
- "type": "lineHeights"
9336
- },
9337
- "font-size": {
9338
- "value": "1.875rem",
9339
- "type": "fontSizes"
9340
- },
9341
- "margin-block-end": {
9342
- "value": 0,
9343
- "type": "spacing"
9344
- },
9345
- "margin-block-start": {
9346
- "value": 0,
9347
- "type": "spacing"
9348
- }
9349
- },
9350
- "heading-4": {
9351
- "color": {
9352
- "value": "#154273",
9353
- "type": "color"
9354
- },
9355
- "font-family": {
9356
- "value": "Fira Sans, Arial, Verdana, sans-serif",
9357
- "type": "fontFamilies"
9358
- },
9359
- "font-weight": {
9360
- "value": 700,
9361
- "type": "fontWeights"
9362
- },
9363
- "line-height": {
9364
- "value": "125%",
9365
- "type": "lineHeights"
9366
- },
9367
- "font-size": {
9368
- "value": "1.5rem",
9369
- "type": "fontSizes"
9370
- },
9371
- "margin-block-end": {
9372
- "value": 0,
9373
- "type": "spacing"
9374
- },
9375
- "margin-block-start": {
9376
- "value": 0,
9377
- "type": "spacing"
9378
- }
9379
- },
9380
- "heading-5": {
9381
- "color": {
9382
- "value": "#154273",
9383
- "type": "color"
9384
- },
9385
- "font-family": {
9386
- "value": "Fira Sans, Arial, Verdana, sans-serif",
9387
- "type": "fontFamilies"
9388
- },
9389
- "font-weight": {
9390
- "value": 700,
9391
- "type": "fontWeights"
9392
- },
9393
- "line-height": {
9394
- "value": "125%",
9395
- "type": "lineHeights"
9396
- },
9397
- "font-size": {
9398
- "value": "1.25rem",
9399
- "type": "fontSizes"
9400
- },
9401
- "margin-block-end": {
9402
- "value": 0,
9403
- "type": "spacing"
9404
- },
9405
- "margin-block-start": {
9406
- "value": 0,
9407
- "type": "spacing"
9408
- }
9409
- },
9410
- "form-label": {
9411
- "color": {
9412
- "value": "#154273",
9413
- "type": "color"
9414
- },
9415
- "font-size": {
9416
- "value": "1.25rem",
9417
- "type": "fontSizes"
9418
- },
9419
- "font-weight": {
9420
- "value": 700,
9421
- "type": "fontWeights"
9422
- }
9423
- },
9424
- "form-field-label": {
9276
+ "form-field-label": {
9425
9277
  "color": {
9426
9278
  "value": "#154273",
9427
9279
  "type": "color"
@@ -11127,121 +10979,273 @@
11127
10979
  }
11128
10980
  }
11129
10981
  }
11130
- }
11131
- },
11132
- "group": "Rijkshuisstijl"
11133
- },
11134
- "uitvoerend - violet - oud": {
11135
- "id": "786957ab6fd72ed726e59e0415f638eea0de0995",
11136
- "tokens": {
11137
- "rhc": {
11138
- "color": {
11139
- "primary": {
11140
- "50": {
11141
- "value": "#f2d9e7",
11142
- "type": "color"
11143
- },
11144
- "100": {
11145
- "value": "#e5b3d0",
11146
- "type": "color"
11147
- },
11148
- "200": {
11149
- "value": "#D88CB7",
11150
- "type": "color"
11151
- },
11152
- "300": {
11153
- "value": "#CB66A0",
11154
- "type": "color"
11155
- },
11156
- "400": {
11157
- "value": "#BE4088",
11158
- "type": "color"
11159
- },
11160
- "500": {
11161
- "value": "#a90061",
11162
- "type": "color"
11163
- },
11164
- "hover": {
11165
- "value": "#741344",
11166
- "type": "color",
11167
- "$extensions": {
11168
- "studio.tokens": {
11169
- "modify": {
11170
- "type": "darken",
11171
- "value": "0.3",
11172
- "space": "lch"
11173
- }
11174
- }
11175
- }
11176
- }
10982
+ },
10983
+ "nl": {
10984
+ "heading-level-1": {
10985
+ "color": {
10986
+ "value": "#154273",
10987
+ "type": "color"
11177
10988
  },
11178
- "focus": {
11179
- "outline": {
11180
- "value": "#000",
11181
- "type": "color"
11182
- }
10989
+ "font-family": {
10990
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
10991
+ "type": "fontFamilies"
11183
10992
  },
11184
- "foreground": {
11185
- "default": {
11186
- "parent": "mode/light",
11187
- "value": "#000",
11188
- "type": "color",
11189
- "description": "Standaard kleur voor teksten en iconen. Gebruik deze voor body content, titels en labels."
11190
- },
11191
- "lint": {
11192
- "value": "#154273",
11193
- "type": "color"
11194
- },
11195
- "subdued": {
11196
- "parent": "mode/light",
11197
- "value": "#334155",
11198
- "type": "color",
11199
- "description": "Gebruik voor content die extra context biedt, maar niet essentieel is om de interface te begrijpen."
11200
- },
11201
- "onEmphasis": {
11202
- "parent": "mode/light",
11203
- "value": "#fff",
11204
- "type": "color",
11205
- "description": "Tekst en iconen die op een sterke achtergrond staan. Zoals het label in de primaire button of links in de footer."
11206
- },
11207
- "link": {
11208
- "value": "#01689b",
11209
- "type": "color"
11210
- }
10993
+ "font-weight": {
10994
+ "value": 700,
10995
+ "type": "fontWeights"
11211
10996
  },
11212
- "border": {
11213
- "default": {
11214
- "parent": "mode/light",
11215
- "value": "#64748B",
11216
- "type": "color",
11217
- "description": "Border kleur"
11218
- },
11219
- "subdued": {
11220
- "parent": "mode/light",
11221
- "value": "#94A3B8",
11222
- "type": "color",
11223
- "description": "Subtiele border"
11224
- },
11225
- "strong": {
11226
- "parent": "mode/light",
11227
- "value": "#000",
11228
- "type": "color"
11229
- }
10997
+ "line-height": {
10998
+ "value": "125%",
10999
+ "type": "lineHeights"
11230
11000
  },
11231
- "canvas": {
11232
- "parent": "mode/light",
11233
- "value": "#fff",
11234
- "type": "color",
11235
- "description": "Gebruik deze kleur voor de achtergrond van de website, hierbovenop komen de background kleuren."
11001
+ "font-size": {
11002
+ "value": "3.125rem",
11003
+ "type": "fontSizes"
11236
11004
  },
11237
- "feedback": {
11238
- "success": {
11239
- "default": {
11240
- "parent": "mode/light",
11241
- "value": "#39870c",
11242
- "type": "color",
11243
- "description": "Gebruik deze kleur om een positieve boodschap te benadrukken."
11244
- },
11005
+ "margin-block-end": {
11006
+ "value": 0,
11007
+ "type": "spacing"
11008
+ },
11009
+ "margin-block-start": {
11010
+ "value": 0,
11011
+ "type": "spacing"
11012
+ }
11013
+ },
11014
+ "heading-level-2": {
11015
+ "color": {
11016
+ "value": "#154273",
11017
+ "type": "color"
11018
+ },
11019
+ "font-family": {
11020
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
11021
+ "type": "fontFamilies"
11022
+ },
11023
+ "font-weight": {
11024
+ "value": 700,
11025
+ "type": "fontWeights"
11026
+ },
11027
+ "line-height": {
11028
+ "value": "125%",
11029
+ "type": "lineHeights"
11030
+ },
11031
+ "font-size": {
11032
+ "value": "2.5rem",
11033
+ "type": "fontSizes"
11034
+ },
11035
+ "margin-block-end": {
11036
+ "value": 0,
11037
+ "type": "spacing"
11038
+ },
11039
+ "margin-block-start": {
11040
+ "value": 0,
11041
+ "type": "spacing"
11042
+ }
11043
+ },
11044
+ "heading-level-3": {
11045
+ "color": {
11046
+ "value": "#154273",
11047
+ "type": "color"
11048
+ },
11049
+ "font-family": {
11050
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
11051
+ "type": "fontFamilies"
11052
+ },
11053
+ "font-weight": {
11054
+ "value": 700,
11055
+ "type": "fontWeights"
11056
+ },
11057
+ "line-height": {
11058
+ "value": "125%",
11059
+ "type": "lineHeights"
11060
+ },
11061
+ "font-size": {
11062
+ "value": "1.875rem",
11063
+ "type": "fontSizes"
11064
+ },
11065
+ "margin-block-end": {
11066
+ "value": 0,
11067
+ "type": "spacing"
11068
+ },
11069
+ "margin-block-start": {
11070
+ "value": 0,
11071
+ "type": "spacing"
11072
+ }
11073
+ },
11074
+ "heading-level-4": {
11075
+ "color": {
11076
+ "value": "#154273",
11077
+ "type": "color"
11078
+ },
11079
+ "font-family": {
11080
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
11081
+ "type": "fontFamilies"
11082
+ },
11083
+ "font-weight": {
11084
+ "value": 700,
11085
+ "type": "fontWeights"
11086
+ },
11087
+ "line-height": {
11088
+ "value": "125%",
11089
+ "type": "lineHeights"
11090
+ },
11091
+ "font-size": {
11092
+ "value": "1.5rem",
11093
+ "type": "fontSizes"
11094
+ },
11095
+ "margin-block-end": {
11096
+ "value": 0,
11097
+ "type": "spacing"
11098
+ },
11099
+ "margin-block-start": {
11100
+ "value": 0,
11101
+ "type": "spacing"
11102
+ }
11103
+ },
11104
+ "heading-level-5": {
11105
+ "color": {
11106
+ "value": "#154273",
11107
+ "type": "color"
11108
+ },
11109
+ "font-family": {
11110
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
11111
+ "type": "fontFamilies"
11112
+ },
11113
+ "font-weight": {
11114
+ "value": 700,
11115
+ "type": "fontWeights"
11116
+ },
11117
+ "line-height": {
11118
+ "value": "125%",
11119
+ "type": "lineHeights"
11120
+ },
11121
+ "font-size": {
11122
+ "value": "1.25rem",
11123
+ "type": "fontSizes"
11124
+ },
11125
+ "margin-block-end": {
11126
+ "value": 0,
11127
+ "type": "spacing"
11128
+ },
11129
+ "margin-block-start": {
11130
+ "value": 0,
11131
+ "type": "spacing"
11132
+ }
11133
+ }
11134
+ }
11135
+ },
11136
+ "group": "Rijkshuisstijl"
11137
+ },
11138
+ "uitvoerend - violet - oud": {
11139
+ "id": "786957ab6fd72ed726e59e0415f638eea0de0995",
11140
+ "tokens": {
11141
+ "rhc": {
11142
+ "color": {
11143
+ "primary": {
11144
+ "50": {
11145
+ "value": "#f2d9e7",
11146
+ "type": "color"
11147
+ },
11148
+ "100": {
11149
+ "value": "#e5b3d0",
11150
+ "type": "color"
11151
+ },
11152
+ "200": {
11153
+ "value": "#D88CB7",
11154
+ "type": "color"
11155
+ },
11156
+ "300": {
11157
+ "value": "#CB66A0",
11158
+ "type": "color"
11159
+ },
11160
+ "400": {
11161
+ "value": "#BE4088",
11162
+ "type": "color"
11163
+ },
11164
+ "500": {
11165
+ "value": "#a90061",
11166
+ "type": "color"
11167
+ },
11168
+ "hover": {
11169
+ "value": "#741344",
11170
+ "type": "color",
11171
+ "$extensions": {
11172
+ "studio.tokens": {
11173
+ "modify": {
11174
+ "type": "darken",
11175
+ "value": "0.3",
11176
+ "space": "lch"
11177
+ }
11178
+ }
11179
+ }
11180
+ }
11181
+ },
11182
+ "focus": {
11183
+ "outline": {
11184
+ "value": "#000",
11185
+ "type": "color"
11186
+ }
11187
+ },
11188
+ "foreground": {
11189
+ "default": {
11190
+ "parent": "mode/light",
11191
+ "value": "#000",
11192
+ "type": "color",
11193
+ "description": "Standaard kleur voor teksten en iconen. Gebruik deze voor body content, titels en labels."
11194
+ },
11195
+ "lint": {
11196
+ "value": "#154273",
11197
+ "type": "color"
11198
+ },
11199
+ "subdued": {
11200
+ "parent": "mode/light",
11201
+ "value": "#334155",
11202
+ "type": "color",
11203
+ "description": "Gebruik voor content die extra context biedt, maar niet essentieel is om de interface te begrijpen."
11204
+ },
11205
+ "onEmphasis": {
11206
+ "parent": "mode/light",
11207
+ "value": "#fff",
11208
+ "type": "color",
11209
+ "description": "Tekst en iconen die op een sterke achtergrond staan. Zoals het label in de primaire button of links in de footer."
11210
+ },
11211
+ "link": {
11212
+ "value": "#01689b",
11213
+ "type": "color"
11214
+ }
11215
+ },
11216
+ "border": {
11217
+ "default": {
11218
+ "parent": "mode/light",
11219
+ "value": "#64748B",
11220
+ "type": "color",
11221
+ "description": "Border kleur"
11222
+ },
11223
+ "subdued": {
11224
+ "parent": "mode/light",
11225
+ "value": "#94A3B8",
11226
+ "type": "color",
11227
+ "description": "Subtiele border"
11228
+ },
11229
+ "strong": {
11230
+ "parent": "mode/light",
11231
+ "value": "#000",
11232
+ "type": "color"
11233
+ }
11234
+ },
11235
+ "canvas": {
11236
+ "parent": "mode/light",
11237
+ "value": "#fff",
11238
+ "type": "color",
11239
+ "description": "Gebruik deze kleur voor de achtergrond van de website, hierbovenop komen de background kleuren."
11240
+ },
11241
+ "feedback": {
11242
+ "success": {
11243
+ "default": {
11244
+ "parent": "mode/light",
11245
+ "value": "#39870c",
11246
+ "type": "color",
11247
+ "description": "Gebruik deze kleur om een positieve boodschap te benadrukken."
11248
+ },
11245
11249
  "subdued": {
11246
11250
  "parent": "mode/light",
11247
11251
  "value": "#e1eddb",
@@ -14823,174 +14827,24 @@
14823
14827
  "type": "lineHeights"
14824
14828
  }
14825
14829
  },
14826
- "heading-1": {
14830
+ "form-label": {
14827
14831
  "color": {
14828
14832
  "value": "#154273",
14829
14833
  "type": "color"
14830
14834
  },
14831
- "font-family": {
14832
- "value": "Fira Sans, Arial, Verdana, sans-serif",
14833
- "type": "fontFamilies"
14835
+ "font-size": {
14836
+ "value": "1.25rem",
14837
+ "type": "fontSizes"
14834
14838
  },
14835
14839
  "font-weight": {
14836
14840
  "value": 700,
14837
14841
  "type": "fontWeights"
14838
- },
14839
- "line-height": {
14840
- "value": "125%",
14841
- "type": "lineHeights"
14842
- },
14843
- "font-size": {
14844
- "value": "3.125rem",
14845
- "type": "fontSizes"
14846
- },
14847
- "margin-block-end": {
14848
- "value": 0,
14849
- "type": "spacing"
14850
- },
14851
- "margin-block-start": {
14852
- "value": 0,
14853
- "type": "spacing"
14854
- }
14855
- },
14856
- "heading-2": {
14857
- "color": {
14858
- "value": "#154273",
14859
- "type": "color"
14860
- },
14861
- "font-family": {
14862
- "value": "Fira Sans, Arial, Verdana, sans-serif",
14863
- "type": "fontFamilies"
14864
- },
14865
- "font-weight": {
14866
- "value": 700,
14867
- "type": "fontWeights"
14868
- },
14869
- "line-height": {
14870
- "value": "125%",
14871
- "type": "lineHeights"
14872
- },
14873
- "font-size": {
14874
- "value": "2.5rem",
14875
- "type": "fontSizes"
14876
- },
14877
- "margin-block-end": {
14878
- "value": 0,
14879
- "type": "spacing"
14880
- },
14881
- "margin-block-start": {
14882
- "value": 0,
14883
- "type": "spacing"
14884
- }
14885
- },
14886
- "heading-3": {
14887
- "color": {
14888
- "value": "#154273",
14889
- "type": "color"
14890
- },
14891
- "font-family": {
14892
- "value": "Fira Sans, Arial, Verdana, sans-serif",
14893
- "type": "fontFamilies"
14894
- },
14895
- "font-weight": {
14896
- "value": 700,
14897
- "type": "fontWeights"
14898
- },
14899
- "line-height": {
14900
- "value": "125%",
14901
- "type": "lineHeights"
14902
- },
14903
- "font-size": {
14904
- "value": "1.875rem",
14905
- "type": "fontSizes"
14906
- },
14907
- "margin-block-end": {
14908
- "value": 0,
14909
- "type": "spacing"
14910
- },
14911
- "margin-block-start": {
14912
- "value": 0,
14913
- "type": "spacing"
14914
- }
14915
- },
14916
- "heading-4": {
14917
- "color": {
14918
- "value": "#154273",
14919
- "type": "color"
14920
- },
14921
- "font-family": {
14922
- "value": "Fira Sans, Arial, Verdana, sans-serif",
14923
- "type": "fontFamilies"
14924
- },
14925
- "font-weight": {
14926
- "value": 700,
14927
- "type": "fontWeights"
14928
- },
14929
- "line-height": {
14930
- "value": "125%",
14931
- "type": "lineHeights"
14932
- },
14933
- "font-size": {
14934
- "value": "1.5rem",
14935
- "type": "fontSizes"
14936
- },
14937
- "margin-block-end": {
14938
- "value": 0,
14939
- "type": "spacing"
14940
- },
14941
- "margin-block-start": {
14942
- "value": 0,
14943
- "type": "spacing"
14944
- }
14945
- },
14946
- "heading-5": {
14947
- "color": {
14948
- "value": "#154273",
14949
- "type": "color"
14950
- },
14951
- "font-family": {
14952
- "value": "Fira Sans, Arial, Verdana, sans-serif",
14953
- "type": "fontFamilies"
14954
- },
14955
- "font-weight": {
14956
- "value": 700,
14957
- "type": "fontWeights"
14958
- },
14959
- "line-height": {
14960
- "value": "125%",
14961
- "type": "lineHeights"
14962
- },
14963
- "font-size": {
14964
- "value": "1.25rem",
14965
- "type": "fontSizes"
14966
- },
14967
- "margin-block-end": {
14968
- "value": 0,
14969
- "type": "spacing"
14970
- },
14971
- "margin-block-start": {
14972
- "value": 0,
14973
- "type": "spacing"
14974
- }
14975
- },
14976
- "form-label": {
14977
- "color": {
14978
- "value": "#154273",
14979
- "type": "color"
14980
- },
14981
- "font-size": {
14982
- "value": "1.25rem",
14983
- "type": "fontSizes"
14984
- },
14985
- "font-weight": {
14986
- "value": 700,
14987
- "type": "fontWeights"
14988
- }
14989
- },
14990
- "form-field-label": {
14991
- "color": {
14992
- "value": "#154273",
14993
- "type": "color"
14842
+ }
14843
+ },
14844
+ "form-field-label": {
14845
+ "color": {
14846
+ "value": "#154273",
14847
+ "type": "color"
14994
14848
  },
14995
14849
  "font-family": {
14996
14850
  "value": "Fira Sans, Arial, Verdana, sans-serif",
@@ -16693,106 +16547,258 @@
16693
16547
  }
16694
16548
  }
16695
16549
  }
16696
- }
16697
- },
16698
- "group": "Rijkshuisstijl"
16699
- },
16700
- "uitvoerend - mintgroen - focus": {
16701
- "id": "6dc199872ed7ed864f33144bdffb286fdedbf473",
16702
- "tokens": {
16703
- "rhc": {
16704
- "color": {
16705
- "primary": {
16706
- "50": {
16707
- "value": "#eaf8f4",
16708
- "type": "color"
16709
- },
16710
- "100": {
16711
- "value": "#d6f2e9",
16712
- "type": "color"
16713
- },
16714
- "200": {
16715
- "value": "#C1EBDE",
16716
- "type": "color"
16717
- },
16718
- "300": {
16719
- "value": "#ACE4D3",
16720
- "type": "color"
16721
- },
16722
- "400": {
16723
- "value": "#98DDC8",
16724
- "type": "color"
16725
- },
16726
- "500": {
16727
- "value": "#76d2b6",
16728
- "type": "color"
16729
- },
16730
- "hover": {
16731
- "value": "#528e7c",
16732
- "type": "color",
16733
- "$extensions": {
16734
- "studio.tokens": {
16735
- "modify": {
16736
- "type": "darken",
16737
- "value": "0.3",
16738
- "space": "lch"
16739
- }
16740
- }
16741
- }
16742
- }
16550
+ },
16551
+ "nl": {
16552
+ "heading-level-1": {
16553
+ "color": {
16554
+ "value": "#154273",
16555
+ "type": "color"
16743
16556
  },
16744
- "focus": {
16745
- "outline": {
16746
- "value": "#76d2b6",
16747
- "type": "color"
16748
- }
16557
+ "font-family": {
16558
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
16559
+ "type": "fontFamilies"
16749
16560
  },
16750
- "foreground": {
16751
- "default": {
16752
- "parent": "mode/light",
16753
- "value": "#000",
16754
- "type": "color",
16755
- "description": "Standaard kleur voor teksten en iconen. Gebruik deze voor body content, titels en labels."
16756
- },
16757
- "lint": {
16758
- "value": "#154273",
16759
- "type": "color"
16760
- },
16761
- "subdued": {
16762
- "parent": "mode/light",
16763
- "value": "#334155",
16764
- "type": "color",
16765
- "description": "Gebruik voor content die extra context biedt, maar niet essentieel is om de interface te begrijpen."
16766
- },
16767
- "onEmphasis": {
16768
- "parent": "mode/light",
16769
- "value": "#fff",
16770
- "type": "color",
16771
- "description": "Tekst en iconen die op een sterke achtergrond staan. Zoals het label in de primaire button of links in de footer."
16772
- },
16773
- "link": {
16774
- "value": "#01689b",
16775
- "type": "color"
16776
- }
16561
+ "font-weight": {
16562
+ "value": 700,
16563
+ "type": "fontWeights"
16777
16564
  },
16778
- "border": {
16779
- "default": {
16780
- "parent": "mode/light",
16781
- "value": "#64748B",
16782
- "type": "color",
16783
- "description": "Border kleur"
16784
- },
16785
- "subdued": {
16786
- "parent": "mode/light",
16787
- "value": "#94A3B8",
16788
- "type": "color",
16789
- "description": "Subtiele border"
16790
- },
16791
- "strong": {
16792
- "parent": "mode/light",
16793
- "value": "#000",
16794
- "type": "color"
16795
- }
16565
+ "line-height": {
16566
+ "value": "125%",
16567
+ "type": "lineHeights"
16568
+ },
16569
+ "font-size": {
16570
+ "value": "3.125rem",
16571
+ "type": "fontSizes"
16572
+ },
16573
+ "margin-block-end": {
16574
+ "value": 0,
16575
+ "type": "spacing"
16576
+ },
16577
+ "margin-block-start": {
16578
+ "value": 0,
16579
+ "type": "spacing"
16580
+ }
16581
+ },
16582
+ "heading-level-2": {
16583
+ "color": {
16584
+ "value": "#154273",
16585
+ "type": "color"
16586
+ },
16587
+ "font-family": {
16588
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
16589
+ "type": "fontFamilies"
16590
+ },
16591
+ "font-weight": {
16592
+ "value": 700,
16593
+ "type": "fontWeights"
16594
+ },
16595
+ "line-height": {
16596
+ "value": "125%",
16597
+ "type": "lineHeights"
16598
+ },
16599
+ "font-size": {
16600
+ "value": "2.5rem",
16601
+ "type": "fontSizes"
16602
+ },
16603
+ "margin-block-end": {
16604
+ "value": 0,
16605
+ "type": "spacing"
16606
+ },
16607
+ "margin-block-start": {
16608
+ "value": 0,
16609
+ "type": "spacing"
16610
+ }
16611
+ },
16612
+ "heading-level-3": {
16613
+ "color": {
16614
+ "value": "#154273",
16615
+ "type": "color"
16616
+ },
16617
+ "font-family": {
16618
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
16619
+ "type": "fontFamilies"
16620
+ },
16621
+ "font-weight": {
16622
+ "value": 700,
16623
+ "type": "fontWeights"
16624
+ },
16625
+ "line-height": {
16626
+ "value": "125%",
16627
+ "type": "lineHeights"
16628
+ },
16629
+ "font-size": {
16630
+ "value": "1.875rem",
16631
+ "type": "fontSizes"
16632
+ },
16633
+ "margin-block-end": {
16634
+ "value": 0,
16635
+ "type": "spacing"
16636
+ },
16637
+ "margin-block-start": {
16638
+ "value": 0,
16639
+ "type": "spacing"
16640
+ }
16641
+ },
16642
+ "heading-level-4": {
16643
+ "color": {
16644
+ "value": "#154273",
16645
+ "type": "color"
16646
+ },
16647
+ "font-family": {
16648
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
16649
+ "type": "fontFamilies"
16650
+ },
16651
+ "font-weight": {
16652
+ "value": 700,
16653
+ "type": "fontWeights"
16654
+ },
16655
+ "line-height": {
16656
+ "value": "125%",
16657
+ "type": "lineHeights"
16658
+ },
16659
+ "font-size": {
16660
+ "value": "1.5rem",
16661
+ "type": "fontSizes"
16662
+ },
16663
+ "margin-block-end": {
16664
+ "value": 0,
16665
+ "type": "spacing"
16666
+ },
16667
+ "margin-block-start": {
16668
+ "value": 0,
16669
+ "type": "spacing"
16670
+ }
16671
+ },
16672
+ "heading-level-5": {
16673
+ "color": {
16674
+ "value": "#154273",
16675
+ "type": "color"
16676
+ },
16677
+ "font-family": {
16678
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
16679
+ "type": "fontFamilies"
16680
+ },
16681
+ "font-weight": {
16682
+ "value": 700,
16683
+ "type": "fontWeights"
16684
+ },
16685
+ "line-height": {
16686
+ "value": "125%",
16687
+ "type": "lineHeights"
16688
+ },
16689
+ "font-size": {
16690
+ "value": "1.25rem",
16691
+ "type": "fontSizes"
16692
+ },
16693
+ "margin-block-end": {
16694
+ "value": 0,
16695
+ "type": "spacing"
16696
+ },
16697
+ "margin-block-start": {
16698
+ "value": 0,
16699
+ "type": "spacing"
16700
+ }
16701
+ }
16702
+ }
16703
+ },
16704
+ "group": "Rijkshuisstijl"
16705
+ },
16706
+ "uitvoerend - mintgroen - focus": {
16707
+ "id": "6dc199872ed7ed864f33144bdffb286fdedbf473",
16708
+ "tokens": {
16709
+ "rhc": {
16710
+ "color": {
16711
+ "primary": {
16712
+ "50": {
16713
+ "value": "#eaf8f4",
16714
+ "type": "color"
16715
+ },
16716
+ "100": {
16717
+ "value": "#d6f2e9",
16718
+ "type": "color"
16719
+ },
16720
+ "200": {
16721
+ "value": "#C1EBDE",
16722
+ "type": "color"
16723
+ },
16724
+ "300": {
16725
+ "value": "#ACE4D3",
16726
+ "type": "color"
16727
+ },
16728
+ "400": {
16729
+ "value": "#98DDC8",
16730
+ "type": "color"
16731
+ },
16732
+ "500": {
16733
+ "value": "#76d2b6",
16734
+ "type": "color"
16735
+ },
16736
+ "hover": {
16737
+ "value": "#528e7c",
16738
+ "type": "color",
16739
+ "$extensions": {
16740
+ "studio.tokens": {
16741
+ "modify": {
16742
+ "type": "darken",
16743
+ "value": "0.3",
16744
+ "space": "lch"
16745
+ }
16746
+ }
16747
+ }
16748
+ }
16749
+ },
16750
+ "focus": {
16751
+ "outline": {
16752
+ "value": "#76d2b6",
16753
+ "type": "color"
16754
+ }
16755
+ },
16756
+ "foreground": {
16757
+ "default": {
16758
+ "parent": "mode/light",
16759
+ "value": "#000",
16760
+ "type": "color",
16761
+ "description": "Standaard kleur voor teksten en iconen. Gebruik deze voor body content, titels en labels."
16762
+ },
16763
+ "lint": {
16764
+ "value": "#154273",
16765
+ "type": "color"
16766
+ },
16767
+ "subdued": {
16768
+ "parent": "mode/light",
16769
+ "value": "#334155",
16770
+ "type": "color",
16771
+ "description": "Gebruik voor content die extra context biedt, maar niet essentieel is om de interface te begrijpen."
16772
+ },
16773
+ "onEmphasis": {
16774
+ "parent": "mode/light",
16775
+ "value": "#fff",
16776
+ "type": "color",
16777
+ "description": "Tekst en iconen die op een sterke achtergrond staan. Zoals het label in de primaire button of links in de footer."
16778
+ },
16779
+ "link": {
16780
+ "value": "#01689b",
16781
+ "type": "color"
16782
+ }
16783
+ },
16784
+ "border": {
16785
+ "default": {
16786
+ "parent": "mode/light",
16787
+ "value": "#64748B",
16788
+ "type": "color",
16789
+ "description": "Border kleur"
16790
+ },
16791
+ "subdued": {
16792
+ "parent": "mode/light",
16793
+ "value": "#94A3B8",
16794
+ "type": "color",
16795
+ "description": "Subtiele border"
16796
+ },
16797
+ "strong": {
16798
+ "parent": "mode/light",
16799
+ "value": "#000",
16800
+ "type": "color"
16801
+ }
16796
16802
  },
16797
16803
  "canvas": {
16798
16804
  "parent": "mode/light",
@@ -21175,7 +21181,21 @@
21175
21181
  }
21176
21182
  }
21177
21183
  },
21178
- "heading-1": {
21184
+ "form-label": {
21185
+ "color": {
21186
+ "value": "#154273",
21187
+ "type": "color"
21188
+ },
21189
+ "font-size": {
21190
+ "value": "1.25rem",
21191
+ "type": "fontSizes"
21192
+ },
21193
+ "font-weight": {
21194
+ "value": 700,
21195
+ "type": "fontWeights"
21196
+ }
21197
+ },
21198
+ "form-field-label": {
21179
21199
  "color": {
21180
21200
  "value": "#154273",
21181
21201
  "type": "color"
@@ -21184,180 +21204,16 @@
21184
21204
  "value": "Fira Sans, Arial, Verdana, sans-serif",
21185
21205
  "type": "fontFamilies"
21186
21206
  },
21207
+ "font-size": {
21208
+ "value": "1.25rem",
21209
+ "type": "fontSizes"
21210
+ },
21187
21211
  "font-weight": {
21188
21212
  "value": 700,
21189
21213
  "type": "fontWeights"
21190
21214
  },
21191
21215
  "line-height": {
21192
- "value": "125%",
21193
- "type": "lineHeights"
21194
- },
21195
- "font-size": {
21196
- "value": "3.125rem",
21197
- "type": "fontSizes"
21198
- },
21199
- "margin-block-end": {
21200
- "value": 0,
21201
- "type": "spacing"
21202
- },
21203
- "margin-block-start": {
21204
- "value": 0,
21205
- "type": "spacing"
21206
- }
21207
- },
21208
- "heading-2": {
21209
- "color": {
21210
- "value": "#154273",
21211
- "type": "color"
21212
- },
21213
- "font-family": {
21214
- "value": "Fira Sans, Arial, Verdana, sans-serif",
21215
- "type": "fontFamilies"
21216
- },
21217
- "font-weight": {
21218
- "value": 700,
21219
- "type": "fontWeights"
21220
- },
21221
- "line-height": {
21222
- "value": "125%",
21223
- "type": "lineHeights"
21224
- },
21225
- "font-size": {
21226
- "value": "2.5rem",
21227
- "type": "fontSizes"
21228
- },
21229
- "margin-block-end": {
21230
- "value": 0,
21231
- "type": "spacing"
21232
- },
21233
- "margin-block-start": {
21234
- "value": 0,
21235
- "type": "spacing"
21236
- }
21237
- },
21238
- "heading-3": {
21239
- "color": {
21240
- "value": "#154273",
21241
- "type": "color"
21242
- },
21243
- "font-family": {
21244
- "value": "Fira Sans, Arial, Verdana, sans-serif",
21245
- "type": "fontFamilies"
21246
- },
21247
- "font-weight": {
21248
- "value": 700,
21249
- "type": "fontWeights"
21250
- },
21251
- "line-height": {
21252
- "value": "125%",
21253
- "type": "lineHeights"
21254
- },
21255
- "font-size": {
21256
- "value": "1.875rem",
21257
- "type": "fontSizes"
21258
- },
21259
- "margin-block-end": {
21260
- "value": 0,
21261
- "type": "spacing"
21262
- },
21263
- "margin-block-start": {
21264
- "value": 0,
21265
- "type": "spacing"
21266
- }
21267
- },
21268
- "heading-4": {
21269
- "color": {
21270
- "value": "#154273",
21271
- "type": "color"
21272
- },
21273
- "font-family": {
21274
- "value": "Fira Sans, Arial, Verdana, sans-serif",
21275
- "type": "fontFamilies"
21276
- },
21277
- "font-weight": {
21278
- "value": 700,
21279
- "type": "fontWeights"
21280
- },
21281
- "line-height": {
21282
- "value": "125%",
21283
- "type": "lineHeights"
21284
- },
21285
- "font-size": {
21286
- "value": "1.5rem",
21287
- "type": "fontSizes"
21288
- },
21289
- "margin-block-end": {
21290
- "value": 0,
21291
- "type": "spacing"
21292
- },
21293
- "margin-block-start": {
21294
- "value": 0,
21295
- "type": "spacing"
21296
- }
21297
- },
21298
- "heading-5": {
21299
- "color": {
21300
- "value": "#154273",
21301
- "type": "color"
21302
- },
21303
- "font-family": {
21304
- "value": "Fira Sans, Arial, Verdana, sans-serif",
21305
- "type": "fontFamilies"
21306
- },
21307
- "font-weight": {
21308
- "value": 700,
21309
- "type": "fontWeights"
21310
- },
21311
- "line-height": {
21312
- "value": "125%",
21313
- "type": "lineHeights"
21314
- },
21315
- "font-size": {
21316
- "value": "1.25rem",
21317
- "type": "fontSizes"
21318
- },
21319
- "margin-block-end": {
21320
- "value": 0,
21321
- "type": "spacing"
21322
- },
21323
- "margin-block-start": {
21324
- "value": 0,
21325
- "type": "spacing"
21326
- }
21327
- },
21328
- "form-label": {
21329
- "color": {
21330
- "value": "#154273",
21331
- "type": "color"
21332
- },
21333
- "font-size": {
21334
- "value": "1.25rem",
21335
- "type": "fontSizes"
21336
- },
21337
- "font-weight": {
21338
- "value": 700,
21339
- "type": "fontWeights"
21340
- }
21341
- },
21342
- "form-field-label": {
21343
- "color": {
21344
- "value": "#154273",
21345
- "type": "color"
21346
- },
21347
- "font-family": {
21348
- "value": "Fira Sans, Arial, Verdana, sans-serif",
21349
- "type": "fontFamilies"
21350
- },
21351
- "font-size": {
21352
- "value": "1.25rem",
21353
- "type": "fontSizes"
21354
- },
21355
- "font-weight": {
21356
- "value": 700,
21357
- "type": "fontWeights"
21358
- },
21359
- "line-height": {
21360
- "value": "150%",
21216
+ "value": "150%",
21361
21217
  "type": "lineHeights"
21362
21218
  }
21363
21219
  },
@@ -22323,6 +22179,158 @@
22323
22179
  }
22324
22180
  }
22325
22181
  }
22182
+ },
22183
+ "nl": {
22184
+ "heading-level-1": {
22185
+ "color": {
22186
+ "value": "#154273",
22187
+ "type": "color"
22188
+ },
22189
+ "font-family": {
22190
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
22191
+ "type": "fontFamilies"
22192
+ },
22193
+ "font-weight": {
22194
+ "value": 700,
22195
+ "type": "fontWeights"
22196
+ },
22197
+ "line-height": {
22198
+ "value": "125%",
22199
+ "type": "lineHeights"
22200
+ },
22201
+ "font-size": {
22202
+ "value": "3.125rem",
22203
+ "type": "fontSizes"
22204
+ },
22205
+ "margin-block-end": {
22206
+ "value": 0,
22207
+ "type": "spacing"
22208
+ },
22209
+ "margin-block-start": {
22210
+ "value": 0,
22211
+ "type": "spacing"
22212
+ }
22213
+ },
22214
+ "heading-level-2": {
22215
+ "color": {
22216
+ "value": "#154273",
22217
+ "type": "color"
22218
+ },
22219
+ "font-family": {
22220
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
22221
+ "type": "fontFamilies"
22222
+ },
22223
+ "font-weight": {
22224
+ "value": 700,
22225
+ "type": "fontWeights"
22226
+ },
22227
+ "line-height": {
22228
+ "value": "125%",
22229
+ "type": "lineHeights"
22230
+ },
22231
+ "font-size": {
22232
+ "value": "2.5rem",
22233
+ "type": "fontSizes"
22234
+ },
22235
+ "margin-block-end": {
22236
+ "value": 0,
22237
+ "type": "spacing"
22238
+ },
22239
+ "margin-block-start": {
22240
+ "value": 0,
22241
+ "type": "spacing"
22242
+ }
22243
+ },
22244
+ "heading-level-3": {
22245
+ "color": {
22246
+ "value": "#154273",
22247
+ "type": "color"
22248
+ },
22249
+ "font-family": {
22250
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
22251
+ "type": "fontFamilies"
22252
+ },
22253
+ "font-weight": {
22254
+ "value": 700,
22255
+ "type": "fontWeights"
22256
+ },
22257
+ "line-height": {
22258
+ "value": "125%",
22259
+ "type": "lineHeights"
22260
+ },
22261
+ "font-size": {
22262
+ "value": "1.875rem",
22263
+ "type": "fontSizes"
22264
+ },
22265
+ "margin-block-end": {
22266
+ "value": 0,
22267
+ "type": "spacing"
22268
+ },
22269
+ "margin-block-start": {
22270
+ "value": 0,
22271
+ "type": "spacing"
22272
+ }
22273
+ },
22274
+ "heading-level-4": {
22275
+ "color": {
22276
+ "value": "#154273",
22277
+ "type": "color"
22278
+ },
22279
+ "font-family": {
22280
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
22281
+ "type": "fontFamilies"
22282
+ },
22283
+ "font-weight": {
22284
+ "value": 700,
22285
+ "type": "fontWeights"
22286
+ },
22287
+ "line-height": {
22288
+ "value": "125%",
22289
+ "type": "lineHeights"
22290
+ },
22291
+ "font-size": {
22292
+ "value": "1.5rem",
22293
+ "type": "fontSizes"
22294
+ },
22295
+ "margin-block-end": {
22296
+ "value": 0,
22297
+ "type": "spacing"
22298
+ },
22299
+ "margin-block-start": {
22300
+ "value": 0,
22301
+ "type": "spacing"
22302
+ }
22303
+ },
22304
+ "heading-level-5": {
22305
+ "color": {
22306
+ "value": "#154273",
22307
+ "type": "color"
22308
+ },
22309
+ "font-family": {
22310
+ "value": "Fira Sans, Arial, Verdana, sans-serif",
22311
+ "type": "fontFamilies"
22312
+ },
22313
+ "font-weight": {
22314
+ "value": 700,
22315
+ "type": "fontWeights"
22316
+ },
22317
+ "line-height": {
22318
+ "value": "125%",
22319
+ "type": "lineHeights"
22320
+ },
22321
+ "font-size": {
22322
+ "value": "1.25rem",
22323
+ "type": "fontSizes"
22324
+ },
22325
+ "margin-block-end": {
22326
+ "value": 0,
22327
+ "type": "spacing"
22328
+ },
22329
+ "margin-block-start": {
22330
+ "value": 0,
22331
+ "type": "spacing"
22332
+ }
22333
+ }
22326
22334
  }
22327
22335
  },
22328
22336
  "group": "Rijkshuisstijl"