@rijkshuisstijl-community/design-tokens 2.0.0 → 4.0.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 (104) hide show
  1. package/CHANGELOG.md +78 -0
  2. package/dist/_variables.scss +378 -270
  3. package/dist/index.css +378 -270
  4. package/dist/index.d.ts +315 -207
  5. package/dist/index.js +378 -270
  6. package/dist/index.json +377 -269
  7. package/dist/index.tokens.json +571 -364
  8. package/dist/koop/_variables.scss +1425 -0
  9. package/dist/koop/index.css +1428 -0
  10. package/dist/koop/index.d.ts +1426 -0
  11. package/dist/koop/index.js +1426 -0
  12. package/dist/koop/index.json +1423 -0
  13. package/dist/koop/index.tokens.json +2201 -0
  14. package/dist/koop/root.css +1428 -0
  15. package/dist/koop/tokens.d.ts +2224 -0
  16. package/dist/koop/tokens.js +33522 -0
  17. package/dist/root.css +378 -270
  18. package/dist/tokens.d.ts +477 -277
  19. package/dist/tokens.js +8642 -5842
  20. package/dist/uitvoerend-groen/_variables.scss +532 -444
  21. package/dist/uitvoerend-groen/index.css +532 -444
  22. package/dist/uitvoerend-groen/index.d.ts +607 -519
  23. package/dist/uitvoerend-groen/index.js +532 -444
  24. package/dist/uitvoerend-groen/index.json +531 -443
  25. package/dist/uitvoerend-groen/index.tokens.json +788 -636
  26. package/dist/uitvoerend-groen/root.css +532 -444
  27. package/dist/uitvoerend-groen/tokens.d.ts +776 -624
  28. package/dist/uitvoerend-groen/tokens.js +25121 -22809
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +532 -444
  30. package/dist/uitvoerend-hemelblauw/index.css +532 -444
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +607 -519
  32. package/dist/uitvoerend-hemelblauw/index.js +532 -444
  33. package/dist/uitvoerend-hemelblauw/index.json +531 -443
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +794 -642
  35. package/dist/uitvoerend-hemelblauw/root.css +532 -444
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +776 -624
  37. package/dist/uitvoerend-hemelblauw/tokens.js +25121 -22809
  38. package/dist/uitvoerend-mintgroen/_variables.scss +532 -444
  39. package/dist/uitvoerend-mintgroen/index.css +532 -444
  40. package/dist/uitvoerend-mintgroen/index.d.ts +607 -519
  41. package/dist/uitvoerend-mintgroen/index.js +532 -444
  42. package/dist/uitvoerend-mintgroen/index.json +531 -443
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +788 -636
  44. package/dist/uitvoerend-mintgroen/root.css +532 -444
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +776 -624
  46. package/dist/uitvoerend-mintgroen/tokens.js +25122 -22810
  47. package/dist/uitvoerend-oranje/_variables.scss +532 -444
  48. package/dist/uitvoerend-oranje/index.css +532 -444
  49. package/dist/uitvoerend-oranje/index.d.ts +607 -519
  50. package/dist/uitvoerend-oranje/index.js +532 -444
  51. package/dist/uitvoerend-oranje/index.json +531 -443
  52. package/dist/uitvoerend-oranje/index.tokens.json +788 -636
  53. package/dist/uitvoerend-oranje/root.css +532 -444
  54. package/dist/uitvoerend-oranje/tokens.d.ts +776 -624
  55. package/dist/uitvoerend-oranje/tokens.js +25122 -22810
  56. package/dist/uitvoerend-paars/_variables.scss +532 -444
  57. package/dist/uitvoerend-paars/index.css +532 -444
  58. package/dist/uitvoerend-paars/index.d.ts +607 -519
  59. package/dist/uitvoerend-paars/index.js +532 -444
  60. package/dist/uitvoerend-paars/index.json +531 -443
  61. package/dist/uitvoerend-paars/index.tokens.json +794 -642
  62. package/dist/uitvoerend-paars/root.css +532 -444
  63. package/dist/uitvoerend-paars/tokens.d.ts +776 -624
  64. package/dist/uitvoerend-paars/tokens.js +25122 -22810
  65. package/dist/uitvoerend-violet/_variables.scss +532 -444
  66. package/dist/uitvoerend-violet/index.css +532 -444
  67. package/dist/uitvoerend-violet/index.d.ts +607 -519
  68. package/dist/uitvoerend-violet/index.js +532 -444
  69. package/dist/uitvoerend-violet/index.json +531 -443
  70. package/dist/uitvoerend-violet/index.tokens.json +788 -636
  71. package/dist/uitvoerend-violet/root.css +532 -444
  72. package/dist/uitvoerend-violet/tokens.d.ts +776 -624
  73. package/dist/uitvoerend-violet/tokens.js +25122 -22810
  74. package/dist/uitvoerend-violet-oud/_variables.scss +532 -444
  75. package/dist/uitvoerend-violet-oud/index.css +532 -444
  76. package/dist/uitvoerend-violet-oud/index.d.ts +607 -519
  77. package/dist/uitvoerend-violet-oud/index.js +532 -444
  78. package/dist/uitvoerend-violet-oud/index.json +531 -443
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +793 -641
  80. package/dist/uitvoerend-violet-oud/root.css +532 -444
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +776 -624
  82. package/dist/uitvoerend-violet-oud/tokens.js +24248 -21936
  83. package/dist/wetgevend/_variables.scss +527 -439
  84. package/dist/wetgevend/index.css +527 -439
  85. package/dist/wetgevend/index.d.ts +607 -519
  86. package/dist/wetgevend/index.js +657 -569
  87. package/dist/wetgevend/index.json +656 -568
  88. package/dist/wetgevend/index.tokens.json +783 -631
  89. package/dist/wetgevend/root.css +527 -439
  90. package/dist/wetgevend/tokens.d.ts +776 -624
  91. package/dist/wetgevend/tokens.js +24297 -21985
  92. package/figma/figma.tokens.json +2893 -2623
  93. package/package.json +1 -1
  94. package/src/generated/base.tokens.json +1898 -1283
  95. package/src/generated/koop/tokens.json +6732 -0
  96. package/src/generated/themes.json +48532 -37796
  97. package/src/generated/uitvoerend-groen/tokens.json +5253 -4753
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +5253 -4753
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +5253 -4753
  100. package/src/generated/uitvoerend-oranje/tokens.json +5253 -4753
  101. package/src/generated/uitvoerend-paars/tokens.json +5253 -4753
  102. package/src/generated/uitvoerend-violet/tokens.json +5253 -4753
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +5203 -4703
  104. package/src/generated/wetgevend/tokens.json +5137 -4637
@@ -19,24 +19,22 @@
19
19
  }
20
20
  },
21
21
  "unordered-list": {
22
- "padding-inline-start": {
23
- "value": "1.5rem",
24
- "type": "spacing"
25
- },
26
- "margin-block-end": {
27
- "value": "0.25rem",
28
- "type": "spacing"
29
- },
30
- "margin-block-start": {
31
- "value": "0.25rem",
32
- "type": "spacing"
33
- },
34
22
  "color": {
35
- "value": "#0F172A",
36
- "type": "color"
23
+ "type": "color",
24
+ "value": "#0F172A"
25
+ },
26
+ "marker": {
27
+ "border-color": {
28
+ "type": "color",
29
+ "value": "#0F172A"
30
+ },
31
+ "color": {
32
+ "type": "color",
33
+ "value": "#0F172A"
34
+ }
37
35
  },
38
36
  "font-family": {
39
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
37
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
40
38
  "type": "fontFamilies"
41
39
  },
42
40
  "font-weight": {
@@ -44,35 +42,39 @@
44
42
  "type": "fontWeights"
45
43
  },
46
44
  "font-size": {
47
- "value": "1.25rem",
48
- "type": "fontSizes"
45
+ "type": "fontSizes",
46
+ "value": "1.25rem"
49
47
  },
50
48
  "line-height": {
51
- "value": "150%",
52
- "type": "lineHeights"
49
+ "type": "lineHeights",
50
+ "value": "150%"
51
+ },
52
+ "margin-block-end": {
53
+ "type": "dimension",
54
+ "value": "0.25rem",
55
+ "description": "[code-only]"
56
+ },
57
+ "margin-block-start": {
58
+ "type": "dimension",
59
+ "value": "0.25rem",
60
+ "description": "[code-only]"
61
+ },
62
+ "padding-inline-start": {
63
+ "type": "dimension",
64
+ "value": "1.5rem"
53
65
  },
54
66
  "item": {
55
- "padding-inline-start": {
56
- "value": "0.5rem",
57
- "type": "spacing"
58
- },
59
67
  "margin-block-end": {
60
- "value": "0.25rem",
61
- "type": "spacing"
68
+ "type": "dimension",
69
+ "value": "0.25rem"
62
70
  },
63
71
  "margin-block-start": {
64
- "value": "0.25rem",
65
- "type": "spacing"
66
- }
67
- },
68
- "marker": {
69
- "color": {
70
- "value": "#0F172A",
71
- "type": "color"
72
+ "type": "dimension",
73
+ "value": "0.25rem"
72
74
  },
73
- "border-color": {
74
- "value": "#0F172A",
75
- "type": "color"
75
+ "padding-inline-start": {
76
+ "type": "dimension",
77
+ "value": "0.5rem"
76
78
  }
77
79
  }
78
80
  },
@@ -82,7 +84,7 @@
82
84
  "type": "borderRadius"
83
85
  },
84
86
  "font-family": {
85
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
87
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
86
88
  "type": "fontFamilies"
87
89
  },
88
90
  "font-size": {
@@ -360,7 +362,7 @@
360
362
  "type": "borderWidth"
361
363
  },
362
364
  "font-family": {
363
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
365
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
364
366
  "type": "fontFamilies"
365
367
  },
366
368
  "font-weight": {
@@ -387,7 +389,7 @@
387
389
  "type": "color"
388
390
  },
389
391
  "font-family": {
390
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
392
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
391
393
  "type": "fontFamilies"
392
394
  },
393
395
  "font-weight": {
@@ -413,7 +415,7 @@
413
415
  "type": "color"
414
416
  },
415
417
  "font-family": {
416
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
418
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
417
419
  "type": "fontFamilies"
418
420
  },
419
421
  "font-weight": {
@@ -453,7 +455,7 @@
453
455
  "type": "color"
454
456
  },
455
457
  "font-family": {
456
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
458
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
457
459
  "type": "fontFamilies"
458
460
  },
459
461
  "font-weight": {
@@ -525,7 +527,7 @@
525
527
  "type": "color"
526
528
  },
527
529
  "font-family": {
528
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
530
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
529
531
  "type": "fontFamilies"
530
532
  },
531
533
  "line-height": {
@@ -585,123 +587,127 @@
585
587
  }
586
588
  },
587
589
  "skip-link": {
588
- "font-weight": {
589
- "value": 700,
590
- "type": "fontWeights"
591
- },
592
- "font-family": {
593
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
594
- "type": "fontFamilies"
595
- },
596
- "font-size": {
597
- "value": "1.25rem",
598
- "type": "fontSizes"
599
- },
600
- "line-height": {
601
- "value": "150%",
602
- "type": "lineHeights"
603
- },
604
- "min-block-size": {
605
- "value": "48px",
606
- "type": "sizing"
607
- },
608
- "min-inline-size": {
609
- "value": "48px",
610
- "type": "sizing"
611
- },
612
- "padding-block-end": {
613
- "value": "0.75rem",
614
- "type": "spacing"
615
- },
616
- "padding-block-start": {
617
- "value": "0.75rem",
618
- "type": "spacing"
619
- },
620
- "padding-inline-end": {
621
- "value": "1rem",
622
- "type": "spacing"
623
- },
624
- "padding-inline-start": {
625
- "value": "1rem",
626
- "type": "spacing"
627
- },
628
590
  "focus": {
629
- "background-color": {
630
- "value": "#fff",
631
- "type": "color"
591
+ "text-decoration": {
592
+ "type": "textDecoration",
593
+ "value": "None"
632
594
  },
633
595
  "border-color": {
634
- "value": "#154273",
635
- "type": "color"
596
+ "type": "color",
597
+ "value": "#154273"
598
+ },
599
+ "border-width": {
600
+ "type": "dimension",
601
+ "value": "2px"
636
602
  },
637
603
  "border-style": {
638
- "value": "solid",
639
- "type": "borderStyle"
604
+ "type": "other",
605
+ "value": "solid"
640
606
  },
641
- "border-width": {
642
- "value": "2px",
643
- "type": "borderWidth"
607
+ "background-color": {
608
+ "type": "color",
609
+ "value": "#fff"
644
610
  },
645
611
  "color": {
646
- "value": "#0F172A",
647
- "type": "color"
648
- },
649
- "text-decoration": {
650
- "value": "None",
651
- "type": "textDecoration"
652
- }
653
- },
654
- "focus-visible": {
655
- "outline-color": {
656
- "value": "#000",
657
- "type": "color"
612
+ "type": "color",
613
+ "value": "#01689b"
658
614
  }
659
615
  },
660
- "background-color": {
661
- "value": "#154273",
662
- "type": "color"
663
- },
664
616
  "border-color": {
665
- "value": "transparent",
666
- "type": "color"
667
- },
668
- "color": {
669
- "value": "#fff",
670
- "type": "color"
671
- },
672
- "border-width": {
673
- "value": "2px",
674
- "type": "borderWidth"
617
+ "type": "color",
618
+ "value": "transparent"
675
619
  },
676
620
  "box-block-end-shadow": {
621
+ "color": {
622
+ "type": "color",
623
+ "value": "#0000001a"
624
+ },
625
+ "blur-radius": {
626
+ "type": "other",
627
+ "value": "48px"
628
+ },
677
629
  "offset-x": {
678
- "value": 0,
679
- "type": "other"
630
+ "type": "other",
631
+ "value": 0
680
632
  },
681
633
  "offset-y": {
682
- "value": "16px",
683
- "type": "other"
684
- },
685
- "blur-radius": {
686
- "value": "48px",
687
- "type": "other"
634
+ "type": "other",
635
+ "value": "16px"
688
636
  },
689
637
  "spread-radius": {
690
- "value": 0,
691
- "type": "other"
638
+ "type": "other",
639
+ "value": 0
640
+ }
641
+ },
642
+ "focus-visible": {
643
+ "outline-color": {
644
+ "type": "color",
645
+ "value": "#000"
692
646
  },
693
- "color": {
694
- "value": "#0000001a",
695
- "type": "color"
647
+ "text-decoration": {
648
+ "type": "textDecoration",
649
+ "value": "underline"
696
650
  }
697
651
  },
698
- "text-decoration": {
699
- "value": "underline",
700
- "type": "textDecoration"
652
+ "font-family": {
653
+ "type": "fontFamilies",
654
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
655
+ },
656
+ "font-weight": {
657
+ "type": "fontWeights",
658
+ "value": 700
659
+ },
660
+ "line-height": {
661
+ "type": "lineHeights",
662
+ "value": "150%"
663
+ },
664
+ "border-width": {
665
+ "type": "dimension",
666
+ "value": "2px"
701
667
  },
702
668
  "text-underline-offset": {
703
- "value": "0.125rem",
704
- "type": "other"
669
+ "type": "other",
670
+ "value": "0.125rem"
671
+ },
672
+ "font-size": {
673
+ "type": "fontSizes",
674
+ "value": "1.25rem"
675
+ },
676
+ "background-color": {
677
+ "type": "color",
678
+ "value": "#fff"
679
+ },
680
+ "color": {
681
+ "type": "color",
682
+ "value": "#01689b"
683
+ },
684
+ "min-block-size": {
685
+ "type": "dimension",
686
+ "value": "48px"
687
+ },
688
+ "min-inline-size": {
689
+ "type": "dimension",
690
+ "value": "48px"
691
+ },
692
+ "padding-block-end": {
693
+ "type": "dimension",
694
+ "value": "0.75rem"
695
+ },
696
+ "padding-block-start": {
697
+ "type": "dimension",
698
+ "value": "0.75rem"
699
+ },
700
+ "padding-inline-end": {
701
+ "type": "dimension",
702
+ "value": "1rem"
703
+ },
704
+ "padding-inline-start": {
705
+ "type": "dimension",
706
+ "value": "1rem"
707
+ },
708
+ "text-decoration": {
709
+ "type": "textDecoration",
710
+ "value": "underline"
705
711
  }
706
712
  },
707
713
  "separator": {
@@ -842,7 +848,7 @@
842
848
  "type": "borderWidth"
843
849
  },
844
850
  "font-family": {
845
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
851
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
846
852
  "type": "fontFamilies"
847
853
  },
848
854
  "font-weight": {
@@ -1052,7 +1058,7 @@
1052
1058
  "type": "color"
1053
1059
  },
1054
1060
  "font-family": {
1055
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1061
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
1056
1062
  "type": "fontFamilies"
1057
1063
  },
1058
1064
  "font-weight": {
@@ -1070,236 +1076,306 @@
1070
1076
  },
1071
1077
  "paragraph": {
1072
1078
  "color": {
1073
- "value": "#0F172A",
1074
- "type": "color"
1079
+ "type": "color",
1080
+ "value": "#0F172A"
1075
1081
  },
1076
1082
  "font-family": {
1077
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1078
- "type": "fontFamilies"
1083
+ "type": "fontFamilies",
1084
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
1079
1085
  },
1080
1086
  "font-size": {
1081
- "value": "1.25rem",
1082
- "type": "fontSizes"
1087
+ "type": "fontSizes",
1088
+ "value": "1.25rem"
1083
1089
  },
1084
1090
  "font-weight": {
1085
- "value": 400,
1086
- "type": "fontWeights"
1091
+ "type": "fontWeights",
1092
+ "value": 400
1087
1093
  },
1088
1094
  "line-height": {
1089
- "value": "150%",
1090
- "type": "lineHeights"
1091
- },
1092
- "margin-block-end": {
1093
- "value": 0,
1094
- "type": "spacing"
1095
- },
1096
- "margin-block-start": {
1097
- "value": 0,
1098
- "type": "spacing"
1095
+ "type": "lineHeights",
1096
+ "value": "150%"
1099
1097
  },
1100
1098
  "lead": {
1101
1099
  "color": {
1102
- "value": "#0F172A",
1103
- "type": "color"
1100
+ "type": "color",
1101
+ "value": "#0F172A"
1104
1102
  },
1105
1103
  "font-size": {
1106
- "value": "1.5rem",
1107
- "type": "fontSizes"
1104
+ "type": "fontSizes",
1105
+ "value": "1.5rem"
1108
1106
  },
1109
1107
  "font-weight": {
1110
- "value": 400,
1111
- "type": "fontWeights"
1108
+ "type": "fontWeights",
1109
+ "value": 400
1112
1110
  },
1113
1111
  "line-height": {
1114
- "value": "150%",
1115
- "type": "lineHeights"
1112
+ "type": "lineHeights",
1113
+ "value": "150%"
1116
1114
  }
1117
- }
1118
- },
1119
- "ordered-list": {
1120
- "padding-inline-start": {
1121
- "value": "1.5rem",
1122
- "type": "spacing"
1123
- },
1124
- "margin-block-end": {
1125
- "value": "0.25rem",
1126
- "type": "spacing"
1127
- },
1128
- "margin-block-start": {
1129
- "value": "0.25rem",
1130
- "type": "spacing"
1131
- },
1132
- "margin-inline-start": {
1133
- "value": "0.625rem",
1134
- "type": "spacing"
1135
1115
  },
1136
- "item": {
1137
- "padding-inline-start": {
1138
- "value": 0,
1139
- "type": "spacing"
1116
+ "small": {
1117
+ "font-size": {
1118
+ "type": "fontSizes",
1119
+ "value": "1.5rem"
1140
1120
  },
1141
- "margin-block-end": {
1142
- "value": "0.25rem",
1143
- "type": "spacing"
1121
+ "color": {
1122
+ "type": "color",
1123
+ "value": "#0F172A"
1144
1124
  },
1145
- "margin-block-start": {
1146
- "value": "0.25rem",
1147
- "type": "spacing"
1125
+ "font-weight": {
1126
+ "type": "fontWeights",
1127
+ "value": 400
1128
+ },
1129
+ "line-height": {
1130
+ "type": "lineHeights",
1131
+ "value": "150%"
1148
1132
  }
1149
1133
  },
1134
+ "margin-block-end": {
1135
+ "type": "dimension",
1136
+ "value": "0rem",
1137
+ "description": "[code-only]"
1138
+ },
1139
+ "margin-block-start": {
1140
+ "type": "dimension",
1141
+ "value": "0rem",
1142
+ "description": "[code-only]"
1143
+ }
1144
+ },
1145
+ "ordered-list": {
1150
1146
  "color": {
1151
1147
  "value": "#0F172A",
1152
1148
  "type": "color"
1153
1149
  },
1154
1150
  "font-family": {
1155
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1151
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
1156
1152
  "type": "fontFamilies"
1157
1153
  },
1158
1154
  "font-weight": {
1159
1155
  "value": 400,
1160
1156
  "type": "fontWeights"
1161
1157
  },
1162
- "font-size": {
1163
- "value": "1.25rem",
1164
- "type": "fontSizes"
1158
+ "margin-inline-start": {
1159
+ "type": "dimension",
1160
+ "value": "0.625rem"
1161
+ },
1162
+ "font-size": {
1163
+ "type": "fontSizes",
1164
+ "value": "1.25rem"
1165
1165
  },
1166
1166
  "line-height": {
1167
- "value": "150%",
1168
- "type": "lineHeights"
1167
+ "type": "lineHeights",
1168
+ "value": "150%"
1169
+ },
1170
+ "margin-block-end": {
1171
+ "type": "dimension",
1172
+ "value": "0.25rem",
1173
+ "description": "[code-only]"
1174
+ },
1175
+ "margin-block-start": {
1176
+ "type": "dimension",
1177
+ "value": "0.25rem",
1178
+ "description": "[code-only]"
1179
+ },
1180
+ "padding-inline-start": {
1181
+ "type": "dimension",
1182
+ "value": "1.5rem"
1183
+ },
1184
+ "item": {
1185
+ "margin-block-end": {
1186
+ "type": "dimension",
1187
+ "value": "0.25rem"
1188
+ },
1189
+ "margin-block-start": {
1190
+ "type": "dimension",
1191
+ "value": "0.25rem"
1192
+ },
1193
+ "padding-inline-start": {
1194
+ "type": "dimension",
1195
+ "value": "0.5rem"
1196
+ }
1169
1197
  }
1170
1198
  },
1171
1199
  "link-list": {
1200
+ "item": {
1201
+ "text-decoration": {
1202
+ "type": "textDecoration",
1203
+ "value": "None"
1204
+ },
1205
+ "column-gap": {
1206
+ "value": "0.5rem",
1207
+ "type": "dimension"
1208
+ }
1209
+ },
1210
+ "margin-block-end": {
1211
+ "type": "dimension",
1212
+ "value": "0rem",
1213
+ "description": "[code-only]"
1214
+ },
1172
1215
  "margin-block-start": {
1173
- "value": 0,
1174
- "type": "spacing"
1216
+ "type": "dimension",
1217
+ "value": "0rem",
1218
+ "description": "[code-only]"
1175
1219
  },
1176
1220
  "row-gap": {
1177
- "value": "0.5rem",
1178
- "type": "spacing"
1221
+ "type": "dimension",
1222
+ "value": "0.5rem"
1179
1223
  },
1180
- "margin-block-end": {
1181
- "value": 0,
1182
- "type": "spacing"
1224
+ "icon": {
1225
+ "inset-block-start": {
1226
+ "type": "dimension",
1227
+ "value": "0.188rem"
1228
+ },
1229
+ "size": {
1230
+ "type": "dimension",
1231
+ "value": "24px"
1232
+ }
1183
1233
  },
1184
- "item": {
1234
+ "link": {
1185
1235
  "column-gap": {
1186
- "value": "0.5rem",
1187
- "type": "spacing"
1236
+ "type": "dimension",
1237
+ "value": "0.5rem"
1188
1238
  },
1189
1239
  "text-decoration": {
1190
- "value": "None",
1191
- "type": "textDecoration"
1240
+ "type": "textDecoration",
1241
+ "value": "None"
1192
1242
  }
1193
1243
  },
1194
- "icon": {
1195
- "size": {
1196
- "value": "24px",
1197
- "type": "sizing"
1198
- },
1199
- "inset-block-start": {
1200
- "value": "0.188rem",
1201
- "type": "spacing"
1202
- }
1244
+ "font-weight": {
1245
+ "value": 400,
1246
+ "type": "fontWeights"
1203
1247
  }
1204
1248
  },
1205
1249
  "link": {
1206
- "color": {
1207
- "value": "#01689b",
1208
- "type": "color"
1250
+ "font-family": {
1251
+ "type": "fontFamilies",
1252
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
1209
1253
  },
1210
- "text-decoration-color": {
1211
- "value": "#01689b",
1212
- "type": "color"
1254
+ "font-weight": {
1255
+ "type": "fontWeights",
1256
+ "value": 400
1257
+ },
1258
+ "line-height": {
1259
+ "type": "lineHeights",
1260
+ "value": "150%"
1261
+ },
1262
+ "font-size": {
1263
+ "type": "fontSizes",
1264
+ "value": "1.25rem"
1213
1265
  },
1214
1266
  "active": {
1215
- "color": {
1216
- "value": "#42145f",
1217
- "type": "color"
1218
- },
1219
1267
  "text-decoration": {
1220
- "value": "None",
1221
- "type": "textDecoration"
1268
+ "type": "textDecoration",
1269
+ "value": "None"
1270
+ },
1271
+ "color": {
1272
+ "type": "color",
1273
+ "value": "#163f5b",
1274
+ "$extensions": {
1275
+ "studio.tokens": {
1276
+ "modify": {
1277
+ "type": "darken",
1278
+ "value": "0.4",
1279
+ "space": "lch"
1280
+ }
1281
+ }
1282
+ }
1222
1283
  }
1223
1284
  },
1224
1285
  "focus": {
1225
- "background-color": {
1226
- "value": "transparent",
1227
- "type": "color"
1228
- },
1229
- "color": {
1230
- "value": "#01689b",
1231
- "type": "color"
1232
- },
1233
1286
  "text-decoration": {
1234
1287
  "value": "None",
1235
1288
  "type": "textDecoration"
1236
1289
  },
1237
1290
  "text-decoration-thickness": {
1238
- "value": "auto",
1239
- "type": "other"
1240
- }
1241
- },
1242
- "hover": {
1243
- "color": {
1244
- "value": "#01496c",
1245
- "type": "color"
1291
+ "type": "other",
1292
+ "value": "auto"
1246
1293
  },
1247
- "text-decoration": {
1248
- "value": "None",
1249
- "type": "textDecoration"
1294
+ "background-color": {
1295
+ "type": "color",
1296
+ "value": "transparent"
1250
1297
  },
1251
- "text-decoration-thickness": {
1252
- "value": "auto",
1253
- "type": "other"
1254
- }
1255
- },
1256
- "visited": {
1257
1298
  "color": {
1258
- "value": "#42145f",
1259
- "type": "color"
1299
+ "type": "color",
1300
+ "value": "#01689b"
1260
1301
  }
1261
1302
  },
1262
- "text-decoration": {
1263
- "value": "underline",
1264
- "type": "textDecoration"
1265
- },
1266
1303
  "icon": {
1267
1304
  "inset-block-start": {
1268
1305
  "value": "0.25rem",
1269
- "type": "spacing"
1306
+ "type": "dimension"
1270
1307
  },
1271
1308
  "size": {
1272
- "value": "24px",
1273
- "type": "sizing"
1309
+ "type": "dimension",
1310
+ "value": "24px"
1274
1311
  }
1275
1312
  },
1313
+ "color": {
1314
+ "type": "color",
1315
+ "value": "#01689b"
1316
+ },
1317
+ "text-decoration-color": {
1318
+ "value": "inherit",
1319
+ "type": "color"
1320
+ },
1276
1321
  "column-gap": {
1277
- "value": "0.25rem",
1278
- "type": "spacing"
1322
+ "type": "dimension",
1323
+ "value": "0.25rem"
1324
+ },
1325
+ "text-decoration": {
1326
+ "type": "textDecoration",
1327
+ "value": "underline"
1279
1328
  },
1280
1329
  "text-decoration-thickness": {
1281
- "value": "auto",
1282
- "type": "other"
1330
+ "type": "other",
1331
+ "value": "0.0625em",
1332
+ "description": "[code-only]"
1283
1333
  },
1284
1334
  "text-underline-offset": {
1335
+ "type": "other",
1285
1336
  "value": "0.125rem",
1286
- "type": "other"
1287
- },
1288
- "font-family": {
1289
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1290
- "type": "fontFamilies"
1337
+ "description": "[code-only]"
1291
1338
  },
1292
- "font-weight": {
1293
- "value": 400,
1294
- "type": "fontWeights"
1339
+ "hover": {
1340
+ "color": {
1341
+ "type": "color",
1342
+ "value": "#15496a",
1343
+ "$extensions": {
1344
+ "studio.tokens": {
1345
+ "modify": {
1346
+ "type": "darken",
1347
+ "value": "0.3",
1348
+ "space": "lch"
1349
+ }
1350
+ }
1351
+ }
1352
+ },
1353
+ "text-decoration": {
1354
+ "type": "textDecoration",
1355
+ "value": "underline"
1356
+ },
1357
+ "text-decoration-thickness": {
1358
+ "type": "other",
1359
+ "value": "0.1875em",
1360
+ "description": "[code-only]"
1361
+ }
1295
1362
  },
1296
- "font-size": {
1297
- "value": "1.25rem",
1298
- "type": "fontSizes"
1363
+ "focus-visible": {
1364
+ "text-decoration": {
1365
+ "type": "textDecoration",
1366
+ "value": "None"
1367
+ },
1368
+ "text-decoration-thickness": {
1369
+ "type": "other",
1370
+ "value": "0.0625em",
1371
+ "description": "[code-only]"
1372
+ }
1299
1373
  },
1300
- "line-height": {
1301
- "value": "150%",
1302
- "type": "lineHeights"
1374
+ "visited": {
1375
+ "color": {
1376
+ "type": "color",
1377
+ "value": "#01689b"
1378
+ }
1303
1379
  }
1304
1380
  },
1305
1381
  "icon": {
@@ -1312,158 +1388,200 @@
1312
1388
  "type": "sizing"
1313
1389
  },
1314
1390
  "inset-block-start": {
1315
- "value": 0,
1391
+ "value": "0rem",
1316
1392
  "type": "spacing"
1317
1393
  }
1318
1394
  },
1319
1395
  "heading-1": {
1320
1396
  "color": {
1321
- "value": "#154273",
1322
- "type": "color"
1397
+ "type": "color",
1398
+ "value": "#154273"
1323
1399
  },
1324
1400
  "font-family": {
1325
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1326
- "type": "fontFamilies"
1401
+ "type": "fontFamilies",
1402
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
1403
+ },
1404
+ "font-size": {
1405
+ "type": "fontSizes",
1406
+ "value": "3.125rem"
1327
1407
  },
1328
1408
  "font-weight": {
1329
- "value": 700,
1330
- "type": "fontWeights"
1409
+ "type": "fontWeights",
1410
+ "value": 700
1331
1411
  },
1332
1412
  "line-height": {
1333
- "value": "125%",
1334
- "type": "lineHeights"
1335
- },
1336
- "font-size": {
1337
- "value": "3.125rem",
1338
- "type": "fontSizes"
1413
+ "type": "lineHeights",
1414
+ "value": "125%"
1339
1415
  },
1340
1416
  "margin-block-end": {
1341
- "value": 0,
1342
- "type": "spacing"
1417
+ "type": "dimension",
1418
+ "value": "0rem",
1419
+ "description": "[code-only]"
1343
1420
  },
1344
1421
  "margin-block-start": {
1345
- "value": 0,
1346
- "type": "spacing"
1422
+ "type": "dimension",
1423
+ "value": "0rem",
1424
+ "description": "[code-only]"
1347
1425
  }
1348
1426
  },
1349
1427
  "heading-2": {
1350
1428
  "color": {
1351
- "value": "#154273",
1352
- "type": "color"
1429
+ "type": "color",
1430
+ "value": "#154273"
1353
1431
  },
1354
1432
  "font-family": {
1355
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1356
- "type": "fontFamilies"
1433
+ "type": "fontFamilies",
1434
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
1435
+ },
1436
+ "font-size": {
1437
+ "type": "fontSizes",
1438
+ "value": "2.5rem"
1357
1439
  },
1358
1440
  "font-weight": {
1359
- "value": 700,
1360
- "type": "fontWeights"
1441
+ "type": "fontWeights",
1442
+ "value": 700
1361
1443
  },
1362
1444
  "line-height": {
1363
- "value": "125%",
1364
- "type": "lineHeights"
1365
- },
1366
- "font-size": {
1367
- "value": "2.5rem",
1368
- "type": "fontSizes"
1445
+ "type": "lineHeights",
1446
+ "value": "125%"
1369
1447
  },
1370
1448
  "margin-block-end": {
1371
- "value": 0,
1372
- "type": "spacing"
1449
+ "type": "dimension",
1450
+ "value": "0rem",
1451
+ "description": "[code-only]"
1373
1452
  },
1374
1453
  "margin-block-start": {
1375
- "value": 0,
1376
- "type": "spacing"
1454
+ "type": "dimension",
1455
+ "value": "0rem",
1456
+ "description": "[code-only]"
1377
1457
  }
1378
1458
  },
1379
1459
  "heading-3": {
1380
1460
  "color": {
1381
- "value": "#154273",
1382
- "type": "color"
1461
+ "type": "color",
1462
+ "value": "#154273"
1383
1463
  },
1384
1464
  "font-family": {
1385
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1386
- "type": "fontFamilies"
1465
+ "type": "fontFamilies",
1466
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
1467
+ },
1468
+ "font-size": {
1469
+ "type": "fontSizes",
1470
+ "value": "1.875rem"
1387
1471
  },
1388
1472
  "font-weight": {
1389
- "value": 700,
1390
- "type": "fontWeights"
1473
+ "type": "fontWeights",
1474
+ "value": 700
1391
1475
  },
1392
1476
  "line-height": {
1393
- "value": "125%",
1394
- "type": "lineHeights"
1395
- },
1396
- "font-size": {
1397
- "value": "1.875rem",
1398
- "type": "fontSizes"
1477
+ "type": "lineHeights",
1478
+ "value": "125%"
1399
1479
  },
1400
1480
  "margin-block-end": {
1401
- "value": 0,
1402
- "type": "spacing"
1481
+ "type": "dimension",
1482
+ "value": "0rem",
1483
+ "description": "[code-only]"
1403
1484
  },
1404
1485
  "margin-block-start": {
1405
- "value": 0,
1406
- "type": "spacing"
1486
+ "type": "dimension",
1487
+ "value": "0rem",
1488
+ "description": "[code-only]"
1407
1489
  }
1408
1490
  },
1409
1491
  "heading-4": {
1410
1492
  "color": {
1411
- "value": "#154273",
1412
- "type": "color"
1493
+ "type": "color",
1494
+ "value": "#154273"
1413
1495
  },
1414
1496
  "font-family": {
1415
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1416
- "type": "fontFamilies"
1497
+ "type": "fontFamilies",
1498
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
1499
+ },
1500
+ "font-size": {
1501
+ "type": "fontSizes",
1502
+ "value": "1.5rem"
1417
1503
  },
1418
1504
  "font-weight": {
1419
- "value": 700,
1420
- "type": "fontWeights"
1505
+ "type": "fontWeights",
1506
+ "value": 700
1421
1507
  },
1422
1508
  "line-height": {
1423
- "value": "125%",
1424
- "type": "lineHeights"
1425
- },
1426
- "font-size": {
1427
- "value": "1.5rem",
1428
- "type": "fontSizes"
1509
+ "type": "lineHeights",
1510
+ "value": "150%"
1429
1511
  },
1430
1512
  "margin-block-end": {
1431
- "value": 0,
1432
- "type": "spacing"
1513
+ "type": "dimension",
1514
+ "value": "0rem",
1515
+ "description": "[code-only]"
1433
1516
  },
1434
1517
  "margin-block-start": {
1435
- "value": 0,
1436
- "type": "spacing"
1518
+ "type": "dimension",
1519
+ "value": "0rem",
1520
+ "description": "[code-only]"
1437
1521
  }
1438
1522
  },
1439
1523
  "heading-5": {
1440
1524
  "color": {
1441
- "value": "#154273",
1442
- "type": "color"
1525
+ "type": "color",
1526
+ "value": "#154273"
1443
1527
  },
1444
1528
  "font-family": {
1445
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1446
- "type": "fontFamilies"
1529
+ "type": "fontFamilies",
1530
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
1531
+ },
1532
+ "font-size": {
1533
+ "type": "fontSizes",
1534
+ "value": "1.25rem"
1447
1535
  },
1448
1536
  "font-weight": {
1449
- "value": 700,
1450
- "type": "fontWeights"
1537
+ "type": "fontWeights",
1538
+ "value": 700
1451
1539
  },
1452
1540
  "line-height": {
1453
- "value": "125%",
1454
- "type": "lineHeights"
1541
+ "type": "lineHeights",
1542
+ "value": "150%"
1455
1543
  },
1456
- "font-size": {
1457
- "value": "1.25rem",
1458
- "type": "fontSizes"
1544
+ "margin-block-end": {
1545
+ "type": "dimension",
1546
+ "value": "0rem",
1547
+ "description": "[code-only]"
1548
+ },
1549
+ "margin-block-start": {
1550
+ "type": "dimension",
1551
+ "value": "0rem",
1552
+ "description": "[code-only]"
1553
+ }
1554
+ },
1555
+ "heading-6": {
1556
+ "color": {
1557
+ "type": "color",
1558
+ "value": "#154273"
1559
+ },
1560
+ "font-family": {
1561
+ "type": "fontFamilies",
1562
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
1563
+ },
1564
+ "font-size": {
1565
+ "type": "fontSizes",
1566
+ "value": "1.25rem"
1567
+ },
1568
+ "font-weight": {
1569
+ "type": "fontWeights",
1570
+ "value": 700
1571
+ },
1572
+ "line-height": {
1573
+ "type": "lineHeights",
1574
+ "value": "150%"
1459
1575
  },
1460
1576
  "margin-block-end": {
1461
- "value": 0,
1462
- "type": "spacing"
1577
+ "type": "dimension",
1578
+ "value": "0rem",
1579
+ "description": "[code-only]"
1463
1580
  },
1464
1581
  "margin-block-start": {
1465
- "value": 0,
1466
- "type": "spacing"
1582
+ "type": "dimension",
1583
+ "value": "0rem",
1584
+ "description": "[code-only]"
1467
1585
  }
1468
1586
  },
1469
1587
  "form-label": {
@@ -1486,7 +1604,7 @@
1486
1604
  "type": "color"
1487
1605
  },
1488
1606
  "font-family": {
1489
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1607
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
1490
1608
  "type": "fontFamilies"
1491
1609
  },
1492
1610
  "font-size": {
@@ -1518,7 +1636,7 @@
1518
1636
  "type": "color"
1519
1637
  },
1520
1638
  "font-family": {
1521
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1639
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
1522
1640
  "type": "fontFamilies"
1523
1641
  },
1524
1642
  "font-size": {
@@ -1544,7 +1662,7 @@
1544
1662
  "type": "color"
1545
1663
  },
1546
1664
  "font-family": {
1547
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1665
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
1548
1666
  "type": "fontFamilies"
1549
1667
  },
1550
1668
  "font-size": {
@@ -1587,7 +1705,7 @@
1587
1705
  "type": "borderWidth"
1588
1706
  },
1589
1707
  "padding-inline-start": {
1590
- "value": 0,
1708
+ "value": "0rem",
1591
1709
  "type": "spacing"
1592
1710
  }
1593
1711
  },
@@ -1691,7 +1809,7 @@
1691
1809
  "type": "color"
1692
1810
  },
1693
1811
  "font-family": {
1694
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1812
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
1695
1813
  "type": "fontFamilies"
1696
1814
  },
1697
1815
  "font-size": {
@@ -1732,7 +1850,7 @@
1732
1850
  }
1733
1851
  },
1734
1852
  "padding-inline-start": {
1735
- "value": 0,
1853
+ "value": "0rem",
1736
1854
  "type": "spacing"
1737
1855
  },
1738
1856
  "border-inline-start-width": {
@@ -1741,13 +1859,35 @@
1741
1859
  }
1742
1860
  }
1743
1861
  },
1862
+ "data-badge": {
1863
+ "background-color": {
1864
+ "value": "#dce3ea",
1865
+ "type": "color"
1866
+ },
1867
+ "border-radius": {
1868
+ "value": "10px",
1869
+ "type": "dimension"
1870
+ },
1871
+ "color": {
1872
+ "value": "#154273",
1873
+ "type": "color"
1874
+ },
1875
+ "padding-block": {
1876
+ "value": "0.125rem",
1877
+ "type": "dimension"
1878
+ },
1879
+ "padding-inline": {
1880
+ "value": "0.75rem",
1881
+ "type": "dimension"
1882
+ }
1883
+ },
1744
1884
  "number-badge": {
1745
1885
  "font-size": {
1746
1886
  "value": "1.25rem",
1747
1887
  "type": "fontSizes"
1748
1888
  },
1749
1889
  "line-height": {
1750
- "value": "150%",
1890
+ "value": "125%",
1751
1891
  "type": "lineHeights"
1752
1892
  },
1753
1893
  "min-block-size": {
@@ -1771,7 +1911,7 @@
1771
1911
  "type": "borderRadius"
1772
1912
  },
1773
1913
  "font-family": {
1774
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
1914
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
1775
1915
  "type": "fontFamilies"
1776
1916
  },
1777
1917
  "background-color": {
@@ -1791,7 +1931,7 @@
1791
1931
  "type": "spacing"
1792
1932
  },
1793
1933
  "padding-block": {
1794
- "value": "0.5rem",
1934
+ "value": "0.125rem",
1795
1935
  "type": "spacing"
1796
1936
  }
1797
1937
  },
@@ -2061,398 +2201,382 @@
2061
2201
  }
2062
2202
  }
2063
2203
  },
2064
- "button-group": {
2065
- "background-color": {
2066
- "value": "transparent",
2067
- "type": "color"
2068
- },
2069
- "column-gap": {
2070
- "value": "0.5rem",
2071
- "type": "spacing"
2072
- },
2073
- "margin-block-end": {
2074
- "value": "0px",
2075
- "type": "spacing"
2076
- },
2077
- "margin-block-start": {
2078
- "value": "0px",
2079
- "type": "spacing"
2080
- },
2081
- "padding-block-end": {
2082
- "value": "0px",
2083
- "type": "spacing"
2084
- },
2085
- "padding-block-start": {
2086
- "value": "0px",
2087
- "type": "spacing"
2088
- },
2089
- "row-gap": {
2090
- "value": "0.5rem",
2091
- "type": "spacing"
2092
- }
2093
- },
2094
2204
  "button": {
2205
+ "icon": {
2206
+ "gap": {
2207
+ "value": "0.5rem",
2208
+ "type": "dimension"
2209
+ },
2210
+ "size": {
2211
+ "type": "dimension",
2212
+ "value": "24px"
2213
+ }
2214
+ },
2095
2215
  "background-color": {
2096
- "value": "#0F172A",
2097
- "type": "color"
2216
+ "type": "color",
2217
+ "value": "#0F172A"
2098
2218
  },
2099
2219
  "border-color": {
2100
- "value": "transparent",
2101
- "type": "color"
2102
- },
2103
- "color": {
2104
- "value": "#fff",
2105
- "type": "color"
2220
+ "type": "color",
2221
+ "value": "transparent"
2106
2222
  },
2107
2223
  "border-radius": {
2108
- "value": "5px",
2109
- "type": "borderRadius"
2224
+ "type": "dimension",
2225
+ "value": "5px"
2110
2226
  },
2111
2227
  "border-width": {
2112
- "value": "1px",
2113
- "type": "borderWidth"
2228
+ "type": "dimension",
2229
+ "value": "1px"
2114
2230
  },
2115
- "icon": {
2116
- "gap": {
2117
- "value": "0.5rem",
2118
- "type": "spacing"
2119
- },
2120
- "size": {
2121
- "value": "24px",
2122
- "type": "sizing"
2123
- }
2231
+ "color": {
2232
+ "type": "color",
2233
+ "value": "#fff"
2234
+ },
2235
+ "column-gap": {
2236
+ "type": "dimension",
2237
+ "value": "0.5rem"
2124
2238
  },
2125
2239
  "font-family": {
2126
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
2127
- "type": "fontFamilies"
2240
+ "type": "fontFamilies",
2241
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
2128
2242
  },
2129
2243
  "font-size": {
2130
- "value": "1.25rem",
2131
- "type": "fontSizes"
2244
+ "type": "fontSizes",
2245
+ "value": "1.25rem"
2132
2246
  },
2133
2247
  "font-weight": {
2134
- "value": 700,
2135
- "type": "fontWeights"
2248
+ "type": "fontWeights",
2249
+ "value": 700
2136
2250
  },
2137
2251
  "line-height": {
2138
- "value": "150%",
2139
- "type": "lineHeights"
2252
+ "type": "lineHeights",
2253
+ "value": "150%"
2254
+ },
2255
+ "min-block-size": {
2256
+ "type": "dimension",
2257
+ "value": "48px"
2258
+ },
2259
+ "min-inline-size": {
2260
+ "type": "dimension",
2261
+ "value": "48px"
2140
2262
  },
2141
2263
  "padding-block-end": {
2142
- "value": "0.5rem",
2143
- "type": "spacing"
2264
+ "type": "dimension",
2265
+ "value": "0.5rem"
2144
2266
  },
2145
2267
  "padding-block-start": {
2146
- "value": "0.5rem",
2147
- "type": "spacing"
2268
+ "type": "dimension",
2269
+ "value": "0.5rem"
2148
2270
  },
2149
2271
  "padding-inline-end": {
2150
- "value": "1rem",
2151
- "type": "spacing"
2272
+ "type": "dimension",
2273
+ "value": "1rem"
2152
2274
  },
2153
2275
  "padding-inline-start": {
2154
- "value": "1rem",
2155
- "type": "spacing"
2276
+ "type": "dimension",
2277
+ "value": "1rem"
2156
2278
  },
2157
- "disabled": {
2279
+ "pressed": {
2158
2280
  "background-color": {
2159
- "value": "#E2E8F0",
2160
- "type": "color"
2281
+ "type": "color",
2282
+ "value": "#1E293B"
2161
2283
  },
2162
2284
  "border-color": {
2163
- "value": "transparent",
2164
- "type": "color"
2285
+ "type": "color",
2286
+ "value": "transparent"
2165
2287
  },
2166
2288
  "color": {
2167
- "value": "#94A3B8",
2168
- "type": "color"
2289
+ "type": "color",
2290
+ "value": "#fff"
2169
2291
  }
2170
2292
  },
2171
- "focus": {
2293
+ "active": {
2172
2294
  "background-color": {
2173
- "value": "#475569",
2174
- "type": "color"
2295
+ "type": "color",
2296
+ "value": "#1E293B"
2175
2297
  },
2176
2298
  "border-color": {
2177
- "value": "transparent",
2178
- "type": "color"
2299
+ "type": "color",
2300
+ "value": "transparent"
2179
2301
  },
2180
2302
  "color": {
2181
- "value": "#fff",
2182
- "type": "color"
2303
+ "type": "color",
2304
+ "value": "#fff"
2183
2305
  }
2184
2306
  },
2185
- "hover": {
2307
+ "disabled": {
2186
2308
  "background-color": {
2187
- "value": "#475569",
2188
- "type": "color"
2309
+ "type": "color",
2310
+ "value": "#E2E8F0"
2189
2311
  },
2190
2312
  "border-color": {
2191
- "value": "transparent",
2192
- "type": "color"
2313
+ "type": "color",
2314
+ "value": "transparent"
2193
2315
  },
2194
2316
  "color": {
2195
- "value": "#fff",
2196
- "type": "color"
2317
+ "type": "color",
2318
+ "value": "#94A3B8"
2197
2319
  }
2198
2320
  },
2199
- "active": {
2321
+ "hover": {
2200
2322
  "background-color": {
2201
- "value": "#1E293B",
2202
- "type": "color"
2323
+ "type": "color",
2324
+ "value": "#475569"
2203
2325
  },
2204
2326
  "border-color": {
2205
- "value": "transparent",
2206
- "type": "color"
2327
+ "type": "color",
2328
+ "value": "transparent"
2207
2329
  },
2208
2330
  "color": {
2209
- "value": "#fff",
2210
- "type": "color"
2331
+ "type": "color",
2332
+ "value": "#fff"
2211
2333
  }
2212
2334
  },
2213
- "min-block-size": {
2214
- "value": "48px",
2215
- "type": "sizing"
2216
- },
2217
- "min-inline-size": {
2218
- "value": "48px",
2219
- "type": "sizing"
2220
- },
2221
- "column-gap": {
2222
- "value": "0.5rem",
2223
- "type": "spacing"
2335
+ "focus": {
2336
+ "background-color": {
2337
+ "type": "color",
2338
+ "value": "#475569"
2339
+ },
2340
+ "border-color": {
2341
+ "type": "color",
2342
+ "value": "transparent"
2343
+ },
2344
+ "color": {
2345
+ "type": "color",
2346
+ "value": "#fff"
2347
+ }
2224
2348
  },
2225
2349
  "primary-action": {
2226
- "hover": {
2227
- "background-color": {
2228
- "value": "#162f50",
2229
- "type": "color"
2230
- },
2231
- "border-color": {
2232
- "value": "transparent",
2233
- "type": "color"
2234
- },
2235
- "color": {
2236
- "value": "#fff",
2237
- "type": "color"
2238
- }
2239
- },
2240
2350
  "background-color": {
2241
- "value": "#154273",
2242
- "type": "color"
2351
+ "type": "color",
2352
+ "value": "#154273"
2243
2353
  },
2244
2354
  "border-color": {
2245
- "value": "transparent",
2246
- "type": "color"
2355
+ "type": "color",
2356
+ "value": "transparent"
2247
2357
  },
2248
2358
  "color": {
2249
- "value": "#fff",
2250
- "type": "color"
2359
+ "type": "color",
2360
+ "value": "#fff"
2361
+ },
2362
+ "font-size": {
2363
+ "type": "fontSizes",
2364
+ "value": "1.25rem"
2365
+ },
2366
+ "font-weight": {
2367
+ "type": "fontWeights",
2368
+ "value": 700
2369
+ },
2370
+ "line-height": {
2371
+ "type": "lineHeights",
2372
+ "value": "1.875rem"
2251
2373
  },
2252
2374
  "disabled": {
2253
2375
  "background-color": {
2254
- "value": "#b8c6d5",
2255
- "type": "color"
2376
+ "type": "color",
2377
+ "value": "#b8c6d5"
2256
2378
  },
2257
2379
  "border-color": {
2258
- "value": "transparent",
2259
- "type": "color"
2380
+ "type": "color",
2381
+ "value": "transparent"
2260
2382
  },
2261
2383
  "color": {
2262
- "value": "#4f7196",
2263
- "type": "color"
2384
+ "type": "color",
2385
+ "value": "#4f7196"
2264
2386
  }
2265
2387
  },
2266
- "focus": {
2388
+ "hover": {
2267
2389
  "background-color": {
2268
- "value": "#162f50",
2269
- "type": "color"
2390
+ "type": "color",
2391
+ "value": "#162f50"
2270
2392
  },
2271
2393
  "border-color": {
2272
- "value": "transparent",
2273
- "type": "color"
2394
+ "type": "color",
2395
+ "value": "transparent"
2274
2396
  },
2275
2397
  "color": {
2276
- "value": "#fff",
2277
- "type": "color"
2398
+ "type": "color",
2399
+ "value": "#fff"
2278
2400
  }
2279
2401
  },
2280
- "font-weight": {
2281
- "value": 700,
2282
- "type": "fontWeights"
2283
- },
2284
- "active": {
2402
+ "focus": {
2285
2403
  "background-color": {
2286
- "$extensions": {
2287
- "studio.tokens": {
2288
- "modify": {
2289
- "type": "darken",
2290
- "value": "0.4",
2291
- "space": "srgb"
2292
- }
2293
- }
2294
- },
2295
- "value": "#0d2845",
2296
- "type": "color"
2404
+ "type": "color",
2405
+ "value": "#162f50"
2297
2406
  },
2298
2407
  "border-color": {
2299
- "value": "transparent",
2300
- "type": "color"
2408
+ "type": "color",
2409
+ "value": "transparent"
2301
2410
  },
2302
2411
  "color": {
2303
- "value": "#fff",
2304
- "type": "color"
2412
+ "type": "color",
2413
+ "value": "#fff"
2305
2414
  }
2306
2415
  },
2307
- "font-size": {
2308
- "value": "1.25rem",
2309
- "type": "fontSizes"
2310
- },
2311
- "line-height": {
2312
- "value": "1.875rem",
2313
- "type": "lineHeights"
2314
- },
2315
2416
  "pressed": {
2417
+ "border-color": {
2418
+ "type": "color",
2419
+ "value": "transparent"
2420
+ },
2421
+ "color": {
2422
+ "type": "color",
2423
+ "value": "#fff"
2424
+ },
2316
2425
  "background-color": {
2317
- "value": "#162945",
2318
2426
  "type": "color",
2427
+ "value": "#162945",
2319
2428
  "$extensions": {
2320
2429
  "studio.tokens": {
2321
2430
  "modify": {
2431
+ "space": "lch",
2322
2432
  "type": "darken",
2323
- "value": "0.4",
2324
- "space": "lch"
2433
+ "value": "0.4"
2325
2434
  }
2326
2435
  }
2327
2436
  }
2328
- },
2437
+ }
2438
+ },
2439
+ "active": {
2329
2440
  "border-color": {
2330
- "value": "transparent",
2331
- "type": "color"
2441
+ "type": "color",
2442
+ "value": "transparent"
2332
2443
  },
2333
2444
  "color": {
2334
- "value": "#fff",
2335
- "type": "color"
2445
+ "type": "color",
2446
+ "value": "#fff"
2447
+ },
2448
+ "background-color": {
2449
+ "type": "color",
2450
+ "value": "#0d2845",
2451
+ "$extensions": {
2452
+ "studio.tokens": {
2453
+ "modify": {
2454
+ "space": "srgb",
2455
+ "type": "darken",
2456
+ "value": "0.4"
2457
+ }
2458
+ }
2459
+ }
2336
2460
  }
2337
2461
  }
2338
2462
  },
2339
2463
  "secondary-action": {
2340
- "hover": {
2341
- "background-color": {
2342
- "value": "#dce3ea",
2343
- "type": "color"
2344
- },
2345
- "border-color": {
2346
- "value": "#162f50",
2347
- "type": "color"
2348
- },
2349
- "color": {
2350
- "value": "#162f50",
2351
- "type": "color"
2352
- }
2353
- },
2354
2464
  "background-color": {
2355
- "value": "transparent",
2356
- "type": "color"
2465
+ "type": "color",
2466
+ "value": "transparent"
2357
2467
  },
2358
2468
  "border-color": {
2359
- "value": "#154273",
2360
- "type": "color"
2469
+ "type": "color",
2470
+ "value": "#154273"
2361
2471
  },
2362
2472
  "color": {
2363
- "value": "#154273",
2364
- "type": "color"
2473
+ "type": "color",
2474
+ "value": "#154273"
2475
+ },
2476
+ "font-size": {
2477
+ "type": "fontSizes",
2478
+ "value": "1.25rem"
2479
+ },
2480
+ "font-weight": {
2481
+ "type": "fontWeights",
2482
+ "value": 700
2483
+ },
2484
+ "line-height": {
2485
+ "type": "lineHeights",
2486
+ "value": "1.875rem"
2365
2487
  },
2366
2488
  "disabled": {
2367
2489
  "background-color": {
2368
- "value": "transparent",
2369
- "type": "color"
2490
+ "type": "color",
2491
+ "value": "transparent"
2370
2492
  },
2371
2493
  "border-color": {
2372
- "value": "#95a9c0",
2373
- "type": "color"
2494
+ "type": "color",
2495
+ "value": "#95a9c0"
2374
2496
  },
2375
2497
  "color": {
2376
- "value": "#738eab",
2377
- "type": "color"
2498
+ "type": "color",
2499
+ "value": "#738eab"
2378
2500
  }
2379
2501
  },
2380
- "focus": {
2502
+ "hover": {
2381
2503
  "background-color": {
2382
- "value": "#dce3ea",
2383
- "type": "color"
2504
+ "type": "color",
2505
+ "value": "#dce3ea"
2384
2506
  },
2385
2507
  "border-color": {
2386
- "value": "transparent",
2387
- "type": "color"
2508
+ "type": "color",
2509
+ "value": "#162f50"
2388
2510
  },
2389
2511
  "color": {
2390
- "value": "#162f50",
2391
- "type": "color"
2512
+ "type": "color",
2513
+ "value": "#162f50"
2392
2514
  }
2393
2515
  },
2394
- "font-weight": {
2395
- "value": 700,
2396
- "type": "fontWeights"
2516
+ "focus": {
2517
+ "background-color": {
2518
+ "type": "color",
2519
+ "value": "#dce3ea"
2520
+ },
2521
+ "border-color": {
2522
+ "type": "color",
2523
+ "value": "transparent"
2524
+ },
2525
+ "color": {
2526
+ "type": "color",
2527
+ "value": "#162f50"
2528
+ }
2397
2529
  },
2398
- "active": {
2530
+ "pressed": {
2399
2531
  "background-color": {
2400
- "value": "#95a9c0",
2401
- "type": "color"
2532
+ "type": "color",
2533
+ "value": "#b8c6d5"
2402
2534
  },
2403
2535
  "border-color": {
2404
- "value": "#162945",
2405
2536
  "type": "color",
2537
+ "value": "#162945",
2406
2538
  "$extensions": {
2407
2539
  "studio.tokens": {
2408
2540
  "modify": {
2541
+ "space": "lch",
2409
2542
  "type": "darken",
2410
- "value": "0.4",
2411
- "space": "lch"
2543
+ "value": "0.4"
2412
2544
  }
2413
2545
  }
2414
2546
  }
2415
2547
  },
2416
2548
  "color": {
2417
- "value": "#162f50",
2418
- "type": "color"
2419
- }
2420
- },
2421
- "font-size": {
2422
- "value": "1.25rem",
2423
- "type": "fontSizes"
2424
- },
2425
- "line-height": {
2426
- "value": "1.875rem",
2427
- "type": "lineHeights"
2428
- },
2429
- "pressed": {
2430
- "background-color": {
2431
- "value": "#b8c6d5",
2432
- "type": "color"
2433
- },
2434
- "border-color": {
2435
- "value": "#162945",
2436
2549
  "type": "color",
2550
+ "value": "#162945",
2437
2551
  "$extensions": {
2438
2552
  "studio.tokens": {
2439
2553
  "modify": {
2554
+ "space": "lch",
2440
2555
  "type": "darken",
2441
- "value": "0.4",
2442
- "space": "lch"
2556
+ "value": "0.4"
2443
2557
  }
2444
2558
  }
2445
2559
  }
2560
+ }
2561
+ },
2562
+ "active": {
2563
+ "background-color": {
2564
+ "type": "color",
2565
+ "value": "#95a9c0"
2446
2566
  },
2447
2567
  "color": {
2448
- "value": "#162945",
2449
2568
  "type": "color",
2569
+ "value": "#162f50"
2570
+ },
2571
+ "border-color": {
2572
+ "type": "color",
2573
+ "value": "#162945",
2450
2574
  "$extensions": {
2451
2575
  "studio.tokens": {
2452
2576
  "modify": {
2577
+ "space": "lch",
2453
2578
  "type": "darken",
2454
- "value": "0.4",
2455
- "space": "lch"
2579
+ "value": "0.4"
2456
2580
  }
2457
2581
  }
2458
2582
  }
@@ -2460,257 +2584,326 @@
2460
2584
  }
2461
2585
  },
2462
2586
  "subtle": {
2587
+ "background-color": {
2588
+ "type": "color",
2589
+ "value": "transparent"
2590
+ },
2591
+ "border-color": {
2592
+ "type": "color",
2593
+ "value": "transparent"
2594
+ },
2595
+ "color": {
2596
+ "type": "color",
2597
+ "value": "#154273"
2598
+ },
2463
2599
  "font-size": {
2464
- "value": "1.25rem",
2465
- "type": "fontSizes"
2600
+ "type": "fontSizes",
2601
+ "value": "1.25rem"
2466
2602
  },
2467
2603
  "font-weight": {
2468
- "value": 700,
2469
- "type": "fontWeights"
2604
+ "type": "fontWeights",
2605
+ "value": 700
2470
2606
  },
2471
- "hover": {
2607
+ "line-height": {
2608
+ "type": "lineHeights",
2609
+ "value": "1.875rem"
2610
+ },
2611
+ "disabled": {
2472
2612
  "background-color": {
2473
- "value": "#dce3ea",
2474
- "type": "color"
2613
+ "type": "color",
2614
+ "value": "transparent"
2475
2615
  },
2476
2616
  "border-color": {
2477
- "value": "transparent",
2478
- "type": "color"
2617
+ "type": "color",
2618
+ "value": "transparent"
2479
2619
  },
2480
2620
  "color": {
2481
- "value": "#162f50",
2482
- "type": "color"
2621
+ "type": "color",
2622
+ "value": "#b8c6d5"
2483
2623
  }
2484
2624
  },
2485
- "background-color": {
2486
- "value": "transparent",
2487
- "type": "color"
2488
- },
2489
- "border-color": {
2490
- "value": "transparent",
2491
- "type": "color"
2492
- },
2493
- "color": {
2494
- "value": "#154273",
2495
- "type": "color"
2496
- },
2497
- "disabled": {
2625
+ "hover": {
2498
2626
  "background-color": {
2499
- "value": "transparent",
2500
- "type": "color"
2627
+ "type": "color",
2628
+ "value": "#dce3ea"
2501
2629
  },
2502
2630
  "border-color": {
2503
- "value": "transparent",
2504
- "type": "color"
2631
+ "type": "color",
2632
+ "value": "transparent"
2505
2633
  },
2506
2634
  "color": {
2507
- "value": "#b8c6d5",
2508
- "type": "color"
2635
+ "type": "color",
2636
+ "value": "#162f50"
2509
2637
  }
2510
2638
  },
2511
2639
  "focus": {
2512
2640
  "background-color": {
2513
- "value": "#dce3ea",
2514
- "type": "color"
2641
+ "type": "color",
2642
+ "value": "#dce3ea"
2515
2643
  },
2516
2644
  "border-color": {
2517
- "value": "transparent",
2518
- "type": "color"
2645
+ "type": "color",
2646
+ "value": "transparent"
2519
2647
  },
2520
2648
  "color": {
2521
- "value": "#162f50",
2522
- "type": "color"
2649
+ "type": "color",
2650
+ "value": "#162f50"
2523
2651
  }
2524
2652
  },
2525
- "active": {
2653
+ "pressed": {
2526
2654
  "background-color": {
2527
- "value": "#95a9c0",
2528
- "type": "color"
2655
+ "type": "color",
2656
+ "value": "#b8c6d5"
2529
2657
  },
2530
2658
  "border-color": {
2531
- "value": "transparent",
2532
- "type": "color"
2659
+ "type": "color",
2660
+ "value": "transparent"
2533
2661
  },
2534
2662
  "color": {
2663
+ "type": "color",
2664
+ "value": "#162945",
2535
2665
  "$extensions": {
2536
2666
  "studio.tokens": {
2537
2667
  "modify": {
2668
+ "space": "lch",
2538
2669
  "type": "darken",
2539
- "value": "0.4",
2540
- "space": "srgb"
2670
+ "value": "0.4"
2541
2671
  }
2542
2672
  }
2543
- },
2544
- "value": "#0d2845",
2545
- "type": "color"
2673
+ }
2546
2674
  }
2547
2675
  },
2548
- "line-height": {
2549
- "value": "1.875rem",
2550
- "type": "lineHeights"
2551
- },
2552
- "pressed": {
2676
+ "active": {
2553
2677
  "background-color": {
2554
- "value": "#b8c6d5",
2555
- "type": "color"
2678
+ "type": "color",
2679
+ "value": "#95a9c0"
2556
2680
  },
2557
2681
  "border-color": {
2558
- "value": "transparent",
2559
- "type": "color"
2682
+ "type": "color",
2683
+ "value": "transparent"
2560
2684
  },
2561
2685
  "color": {
2562
- "value": "#162945",
2563
2686
  "type": "color",
2687
+ "value": "#0d2845",
2564
2688
  "$extensions": {
2565
2689
  "studio.tokens": {
2566
2690
  "modify": {
2691
+ "space": "srgb",
2567
2692
  "type": "darken",
2568
- "value": "0.4",
2569
- "space": "lch"
2693
+ "value": "0.4"
2570
2694
  }
2571
2695
  }
2572
2696
  }
2573
2697
  }
2574
2698
  }
2575
- },
2576
- "pressed": {
2577
- "background-color": {
2578
- "value": "#1E293B",
2579
- "type": "color"
2580
- },
2581
- "border-color": {
2582
- "value": "transparent",
2583
- "type": "color"
2584
- },
2585
- "color": {
2586
- "value": "#fff",
2587
- "type": "color"
2588
- }
2589
2699
  }
2590
2700
  },
2591
- "breadcrumb-nav": {
2592
- "line-height": {
2593
- "value": 1.4,
2594
- "type": "lineHeights"
2701
+ "button-group": {
2702
+ "margin-block-end": {
2703
+ "type": "dimension",
2704
+ "value": "0rem",
2705
+ "description": "[code-only]"
2595
2706
  },
2596
- "font-size": {
2597
- "value": "1.25rem",
2598
- "type": "fontSizes"
2707
+ "margin-block-start": {
2708
+ "type": "dimension",
2709
+ "value": "0rem",
2710
+ "description": "[code-only]"
2599
2711
  },
2600
- "link": {
2601
- "icon": {
2602
- "size": {
2603
- "value": "24px",
2604
- "type": "sizing"
2605
- },
2606
- "margin-inline": {
2607
- "value": "0.25rem",
2608
- "type": "spacing"
2609
- },
2610
- "inset-block-start": {
2611
- "value": 0,
2612
- "type": "spacing"
2613
- }
2712
+ "background-color": {
2713
+ "type": "color",
2714
+ "value": "transparent"
2715
+ },
2716
+ "column-gap": {
2717
+ "type": "dimension",
2718
+ "value": "0.5rem"
2719
+ },
2720
+ "padding-block-end": {
2721
+ "type": "dimension",
2722
+ "value": "0px"
2723
+ },
2724
+ "padding-block-start": {
2725
+ "type": "dimension",
2726
+ "value": "0px"
2727
+ },
2728
+ "row-gap": {
2729
+ "type": "dimension",
2730
+ "value": "0.5rem"
2731
+ }
2732
+ },
2733
+ "breadcrumb-nav": {
2734
+ "divider": {
2735
+ "color": {
2736
+ "type": "color",
2737
+ "value": "#334155"
2738
+ },
2739
+ "inset-block-start": {
2740
+ "type": "dimension",
2741
+ "value": 0
2614
2742
  },
2743
+ "size": {
2744
+ "type": "dimension",
2745
+ "value": "24px"
2746
+ }
2747
+ },
2748
+ "link": {
2615
2749
  "padding-block-end": {
2616
- "value": "0.75rem",
2617
- "type": "spacing"
2750
+ "type": "dimension",
2751
+ "value": "0.75rem"
2618
2752
  },
2619
2753
  "padding-block-start": {
2620
- "value": "0.75rem",
2621
- "type": "spacing"
2754
+ "type": "dimension",
2755
+ "value": "0.75rem"
2622
2756
  },
2623
2757
  "padding-inline-end": {
2624
- "value": 0,
2625
- "type": "spacing"
2758
+ "type": "dimension",
2759
+ "value": "0rem"
2626
2760
  },
2627
2761
  "padding-inline-start": {
2628
- "value": 0,
2629
- "type": "spacing"
2762
+ "type": "dimension",
2763
+ "value": "0rem"
2764
+ },
2765
+ "current": {
2766
+ "color": {
2767
+ "type": "color",
2768
+ "value": "#334155"
2769
+ },
2770
+ "font-weight": {
2771
+ "type": "fontWeights",
2772
+ "value": 400
2773
+ }
2774
+ },
2775
+ "icon": {
2776
+ "inset-block-start": {
2777
+ "type": "dimension",
2778
+ "value": 0
2779
+ },
2780
+ "margin-inline": {
2781
+ "type": "dimension",
2782
+ "value": "0.25rem"
2783
+ },
2784
+ "size": {
2785
+ "type": "dimension",
2786
+ "value": "24px"
2787
+ }
2630
2788
  },
2631
2789
  "color": {
2632
- "value": "#01689b",
2633
- "type": "color"
2790
+ "type": "color",
2791
+ "value": "#01689b"
2792
+ },
2793
+ "text-decoration": {
2794
+ "type": "textDecoration",
2795
+ "value": "underline"
2634
2796
  },
2635
2797
  "active": {
2636
2798
  "color": {
2637
- "value": "#42145f",
2638
- "type": "color"
2799
+ "type": "color",
2800
+ "value": "#163f5b",
2801
+ "$extensions": {
2802
+ "studio.tokens": {
2803
+ "modify": {
2804
+ "type": "darken",
2805
+ "value": "0.4",
2806
+ "space": "lch"
2807
+ }
2808
+ }
2809
+ }
2639
2810
  },
2640
2811
  "text-decoration": {
2641
- "value": "None",
2642
- "type": "textDecoration"
2812
+ "type": "textDecoration",
2813
+ "value": "underline"
2814
+ }
2815
+ },
2816
+ "disabled": {
2817
+ "color": {
2818
+ "type": "color",
2819
+ "value": "#334155"
2643
2820
  }
2644
2821
  },
2645
2822
  "focus": {
2646
2823
  "background-color": {
2647
- "value": "transparent",
2648
- "type": "color"
2824
+ "type": "color",
2825
+ "value": "transparent"
2649
2826
  },
2650
2827
  "color": {
2651
- "value": "#01689b",
2652
- "type": "color"
2828
+ "type": "color",
2829
+ "value": "#01689b"
2653
2830
  },
2654
2831
  "text-decoration": {
2655
- "value": "None",
2656
- "type": "textDecoration"
2832
+ "type": "textDecoration",
2833
+ "value": "None"
2657
2834
  }
2658
2835
  },
2659
2836
  "hover": {
2837
+ "text-decoration": {
2838
+ "type": "textDecoration",
2839
+ "value": "underline"
2840
+ },
2660
2841
  "color": {
2661
- "value": "#01496c",
2662
2842
  "type": "color",
2843
+ "value": "#01496c",
2663
2844
  "$extensions": {
2664
2845
  "studio.tokens": {
2665
2846
  "modify": {
2847
+ "space": "srgb",
2666
2848
  "type": "darken",
2667
- "value": "0.3",
2668
- "space": "srgb"
2849
+ "value": "0.3"
2669
2850
  }
2670
2851
  }
2671
2852
  }
2672
- },
2673
- "text-decoration": {
2674
- "value": "None",
2675
- "type": "textDecoration"
2676
2853
  }
2854
+ }
2855
+ },
2856
+ "font-family": {
2857
+ "type": "fontFamilies",
2858
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
2859
+ },
2860
+ "font-size": {
2861
+ "type": "fontSizes",
2862
+ "value": "1.25rem"
2863
+ },
2864
+ "line-height": {
2865
+ "type": "lineHeights",
2866
+ "value": "150%"
2867
+ },
2868
+ "min-block-size": {
2869
+ "type": "dimension",
2870
+ "value": "48px"
2871
+ },
2872
+ "item": {
2873
+ "padding-block-end": {
2874
+ "type": "dimension",
2875
+ "value": "0.5rem"
2677
2876
  },
2678
- "current": {
2679
- "color": {
2680
- "value": "#334155",
2681
- "type": "color"
2682
- }
2877
+ "padding-block-start": {
2878
+ "type": "dimension",
2879
+ "value": "0.5rem"
2683
2880
  },
2684
- "text-decoration": {
2685
- "value": "underline",
2686
- "type": "textDecoration"
2881
+ "padding-inline-end": {
2882
+ "type": "dimension",
2883
+ "value": "0.5rem"
2884
+ },
2885
+ "padding-inline-start": {
2886
+ "type": "dimension",
2887
+ "value": "0.5rem"
2888
+ },
2889
+ "first": {
2890
+ "padding-inline-start": {
2891
+ "type": "dimension",
2892
+ "value": "0rem"
2893
+ }
2687
2894
  }
2688
2895
  },
2689
- "divider": {
2690
- "size": {
2691
- "value": "24px",
2692
- "type": "sizing"
2693
- },
2896
+ "separator": {
2694
2897
  "color": {
2695
- "value": "#334155",
2696
- "type": "color"
2898
+ "type": "color",
2899
+ "value": "#334155"
2697
2900
  },
2698
- "inset-block-start": {
2699
- "value": 0,
2700
- "type": "spacing"
2901
+ "icon": {
2902
+ "size": {
2903
+ "type": "dimension",
2904
+ "value": "24px"
2905
+ }
2701
2906
  }
2702
- },
2703
- "margin-inline": {
2704
- "value": "0.5rem",
2705
- "type": "spacing"
2706
- },
2707
- "font-family": {
2708
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
2709
- "type": "fontFamilies"
2710
- },
2711
- "font-weight": {
2712
- "value": 400,
2713
- "type": "fontWeights"
2714
2907
  }
2715
2908
  },
2716
2909
  "blockquote": {
@@ -2743,7 +2936,7 @@
2743
2936
  "type": "fontSizes"
2744
2937
  },
2745
2938
  "font-family": {
2746
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
2939
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
2747
2940
  "type": "fontFamilies"
2748
2941
  },
2749
2942
  "padding-block-end": {
@@ -2786,7 +2979,7 @@
2786
2979
  "type": "fontSizes"
2787
2980
  },
2788
2981
  "font-family": {
2789
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
2982
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
2790
2983
  "type": "fontFamilies"
2791
2984
  },
2792
2985
  "line-height": {
@@ -2804,7 +2997,7 @@
2804
2997
  "type": "fontSizes"
2805
2998
  },
2806
2999
  "font-family": {
2807
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
3000
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
2808
3001
  "type": "fontFamilies"
2809
3002
  },
2810
3003
  "line-height": {
@@ -2958,7 +3151,7 @@
2958
3151
  "alert": {
2959
3152
  "heading": {
2960
3153
  "font-family": {
2961
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
3154
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
2962
3155
  "type": "fontFamilies"
2963
3156
  },
2964
3157
  "font-weight": {
@@ -3015,7 +3208,7 @@
3015
3208
  "type": "color"
3016
3209
  },
3017
3210
  "color": {
3018
- "value": "#0F172A",
3211
+ "value": "#000",
3019
3212
  "type": "color"
3020
3213
  },
3021
3214
  "info": {
@@ -3028,7 +3221,7 @@
3028
3221
  "type": "color"
3029
3222
  },
3030
3223
  "color": {
3031
- "value": "#0F172A",
3224
+ "value": "#000",
3032
3225
  "type": "color"
3033
3226
  }
3034
3227
  },
@@ -3042,7 +3235,7 @@
3042
3235
  "type": "color"
3043
3236
  },
3044
3237
  "color": {
3045
- "value": "#0F172A",
3238
+ "value": "#000",
3046
3239
  "type": "color"
3047
3240
  }
3048
3241
  },
@@ -3056,7 +3249,7 @@
3056
3249
  "type": "color"
3057
3250
  },
3058
3251
  "color": {
3059
- "value": "#0F172A",
3252
+ "value": "#000",
3060
3253
  "type": "color"
3061
3254
  }
3062
3255
  },
@@ -3070,7 +3263,7 @@
3070
3263
  "type": "color"
3071
3264
  },
3072
3265
  "color": {
3073
- "value": "#0F172A",
3266
+ "value": "#000",
3074
3267
  "type": "color"
3075
3268
  }
3076
3269
  },
@@ -3225,68 +3418,42 @@
3225
3418
  }
3226
3419
  }
3227
3420
  },
3228
- "document": {
3229
- "background-color": {
3230
- "value": "#fff",
3231
- "type": "color"
3232
- },
3233
- "color": {
3234
- "value": "#0F172A",
3235
- "type": "color"
3236
- },
3237
- "font-family": {
3238
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
3239
- "type": "fontFamilies"
3240
- },
3241
- "font-size": {
3242
- "value": "1.25rem",
3243
- "type": "fontSizes"
3244
- },
3245
- "line-height": {
3246
- "value": "150%",
3247
- "type": "lineHeights"
3248
- },
3249
- "font-weight": {
3250
- "value": 400,
3251
- "type": "fontWeights"
3252
- }
3253
- },
3254
3421
  "rich-text": {
3255
3422
  "stranger": {
3256
3423
  "margin-block-end": {
3257
3424
  "value": "2rem",
3258
- "type": "spacing"
3425
+ "type": "dimension"
3259
3426
  }
3260
3427
  },
3261
3428
  "acquaintance": {
3262
3429
  "margin-block-end": {
3263
3430
  "value": "1rem",
3264
- "type": "spacing"
3431
+ "type": "dimension"
3265
3432
  }
3266
3433
  },
3267
3434
  "friend": {
3268
3435
  "margin-block-end": {
3269
3436
  "value": "0.5rem",
3270
- "type": "spacing"
3437
+ "type": "dimension"
3271
3438
  }
3272
3439
  },
3273
3440
  "best-friend": {
3274
3441
  "margin-block-end": {
3275
3442
  "value": "0.25rem",
3276
- "type": "spacing"
3443
+ "type": "dimension"
3277
3444
  }
3278
3445
  },
3279
3446
  "confidant": {
3280
3447
  "margin-block-end": {
3281
- "value": 0,
3282
- "type": "spacing"
3448
+ "value": "0rem",
3449
+ "type": "dimension"
3283
3450
  }
3284
3451
  }
3285
3452
  },
3286
3453
  "pointer-target": {
3287
3454
  "min-size": {
3288
3455
  "value": "48px",
3289
- "type": "sizing"
3456
+ "type": "dimension"
3290
3457
  }
3291
3458
  },
3292
3459
  "focus": {
@@ -3296,7 +3463,7 @@
3296
3463
  },
3297
3464
  "outline-offset": {
3298
3465
  "value": "0.125rem",
3299
- "type": "spacing"
3466
+ "type": "dimension"
3300
3467
  },
3301
3468
  "outline-style": {
3302
3469
  "value": "solid",
@@ -3304,7 +3471,7 @@
3304
3471
  },
3305
3472
  "outline-width": {
3306
3473
  "value": "2px",
3307
- "type": "borderWidth"
3474
+ "type": "dimension"
3308
3475
  },
3309
3476
  "inverse": {
3310
3477
  "outline-color": {
@@ -3312,6 +3479,70 @@
3312
3479
  "type": "color"
3313
3480
  }
3314
3481
  }
3482
+ },
3483
+ "document": {
3484
+ "background-color": {
3485
+ "value": "#fff",
3486
+ "type": "color"
3487
+ },
3488
+ "color": {
3489
+ "value": "#0F172A",
3490
+ "type": "color"
3491
+ },
3492
+ "font-family": {
3493
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
3494
+ "type": "fontFamilies"
3495
+ },
3496
+ "font-size": {
3497
+ "value": "1.25rem",
3498
+ "type": "fontSizes"
3499
+ },
3500
+ "line-height": {
3501
+ "value": "150%",
3502
+ "type": "lineHeights"
3503
+ },
3504
+ "font-weight": {
3505
+ "value": 400,
3506
+ "type": "fontWeights"
3507
+ }
3508
+ },
3509
+ "action": {
3510
+ "activate": {
3511
+ "cursor": {
3512
+ "value": "pointer",
3513
+ "type": "other"
3514
+ }
3515
+ },
3516
+ "busy": {
3517
+ "cursor": {
3518
+ "value": "wait",
3519
+ "type": "other"
3520
+ }
3521
+ },
3522
+ "disabled": {
3523
+ "cursor": {
3524
+ "value": "not-allowed",
3525
+ "type": "other"
3526
+ }
3527
+ },
3528
+ "inert": {
3529
+ "cursor": {
3530
+ "value": "default",
3531
+ "type": "other"
3532
+ }
3533
+ },
3534
+ "navigate": {
3535
+ "cursor": {
3536
+ "value": "pointer",
3537
+ "type": "other"
3538
+ }
3539
+ },
3540
+ "submit": {
3541
+ "cursor": {
3542
+ "value": "pointer",
3543
+ "type": "other"
3544
+ }
3545
+ }
3315
3546
  }
3316
3547
  },
3317
3548
  "rhc": {
@@ -3452,7 +3683,7 @@
3452
3683
  "type": "fontSizes"
3453
3684
  },
3454
3685
  "font-family": {
3455
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
3686
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
3456
3687
  "type": "fontFamilies"
3457
3688
  },
3458
3689
  "font-weight": {
@@ -3494,7 +3725,7 @@
3494
3725
  },
3495
3726
  "border-style": {
3496
3727
  "value": "solid",
3497
- "type": "borderStyle"
3728
+ "type": "other"
3498
3729
  },
3499
3730
  "border-color": {
3500
3731
  "value": "#154273",
@@ -3596,7 +3827,7 @@
3596
3827
  },
3597
3828
  "content": {
3598
3829
  "font-size": {
3599
- "value": "1.125rem",
3830
+ "value": "1.25rem",
3600
3831
  "type": "fontSizes"
3601
3832
  },
3602
3833
  "column-gap": {
@@ -3610,7 +3841,7 @@
3610
3841
  },
3611
3842
  "label": {
3612
3843
  "font-family": {
3613
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
3844
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
3614
3845
  "type": "font-family"
3615
3846
  },
3616
3847
  "font-size": {
@@ -3850,7 +4081,7 @@
3850
4081
  },
3851
4082
  "content": {
3852
4083
  "font-size": {
3853
- "value": "1.125rem",
4084
+ "value": "1.25rem",
3854
4085
  "type": "fontSizes"
3855
4086
  },
3856
4087
  "column-gap": {
@@ -3864,7 +4095,7 @@
3864
4095
  },
3865
4096
  "label": {
3866
4097
  "font-family": {
3867
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
4098
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
3868
4099
  "type": "font-family"
3869
4100
  },
3870
4101
  "font-size": {
@@ -3944,7 +4175,7 @@
3944
4175
  "type": "spacing"
3945
4176
  },
3946
4177
  "font-family": {
3947
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
4178
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
3948
4179
  "type": "fontFamilies"
3949
4180
  },
3950
4181
  "color": {
@@ -3980,8 +4211,8 @@
3980
4211
  },
3981
4212
  "link-list": {
3982
4213
  "text-decoration": {
3983
- "value": "None",
3984
- "type": "textDecoration"
4214
+ "type": "textDecoration",
4215
+ "value": "None"
3985
4216
  }
3986
4217
  },
3987
4218
  "icon-only-button": {
@@ -4017,7 +4248,7 @@
4017
4248
  "type": "fontSizes"
4018
4249
  },
4019
4250
  "font-family": {
4020
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
4251
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
4021
4252
  "type": "fontFamilies"
4022
4253
  }
4023
4254
  },
@@ -4035,7 +4266,7 @@
4035
4266
  "type": "fontSizes"
4036
4267
  },
4037
4268
  "font-family": {
4038
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
4269
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
4039
4270
  "type": "fontFamilies"
4040
4271
  }
4041
4272
  },
@@ -4101,7 +4332,7 @@
4101
4332
  },
4102
4333
  "label": {
4103
4334
  "margin-block-end": {
4104
- "value": 0,
4335
+ "value": "0rem",
4105
4336
  "type": "spacing"
4106
4337
  }
4107
4338
  },
@@ -4120,7 +4351,7 @@
4120
4351
  "type": "spacing"
4121
4352
  },
4122
4353
  "margin-block-end": {
4123
- "value": 0,
4354
+ "value": "0rem",
4124
4355
  "type": "spacing"
4125
4356
  }
4126
4357
  },
@@ -4159,55 +4390,47 @@
4159
4390
  "type": "spacing"
4160
4391
  }
4161
4392
  },
4162
- "border": {
4163
- "block-start": {
4164
- "width": {
4165
- "value": "2px",
4166
- "type": "borderWidth"
4167
- },
4168
- "color": {
4169
- "value": "#738eab",
4170
- "type": "color"
4171
- },
4172
- "style": {
4173
- "value": "solid",
4174
- "type": "borderStyle"
4175
- }
4176
- }
4393
+ "border-block-start-width": {
4394
+ "value": "2px",
4395
+ "type": "borderWidth"
4177
4396
  },
4178
- "outlined": {
4179
- "background-color": {
4180
- "value": "#fff",
4397
+ "border-block-start-color": {
4398
+ "value": "#738eab",
4399
+ "type": "color"
4400
+ },
4401
+ "border-block-start-style": {
4402
+ "value": "solid",
4403
+ "type": "other"
4404
+ },
4405
+ "outlined": {
4406
+ "background-color": {
4407
+ "value": "#fff",
4181
4408
  "type": "color"
4182
4409
  },
4183
4410
  "color": {
4184
4411
  "value": "#154273",
4185
4412
  "type": "color"
4186
4413
  },
4187
- "border": {
4188
- "color": {
4189
- "value": "#154273",
4190
- "type": "color"
4191
- }
4414
+ "border-color": {
4415
+ "value": "#154273",
4416
+ "type": "color"
4192
4417
  }
4193
4418
  },
4194
- "padding": {
4195
- "block-start": {
4196
- "value": "2.5rem",
4197
- "type": "spacing"
4198
- },
4199
- "block-end": {
4200
- "value": "2.5rem",
4201
- "type": "spacing"
4202
- },
4203
- "inline-start": {
4204
- "value": "2.5rem",
4205
- "type": "spacing"
4206
- },
4207
- "inline-end": {
4208
- "value": "2.5rem",
4209
- "type": "spacing"
4210
- }
4419
+ "padding-block-start": {
4420
+ "value": "2.5rem",
4421
+ "type": "spacing"
4422
+ },
4423
+ "padding-block-end": {
4424
+ "value": "2.5rem",
4425
+ "type": "spacing"
4426
+ },
4427
+ "padding-inline-start": {
4428
+ "value": "2.5rem",
4429
+ "type": "spacing"
4430
+ },
4431
+ "padding-inline-end": {
4432
+ "value": "2.5rem",
4433
+ "type": "spacing"
4211
4434
  },
4212
4435
  "flex": {
4213
4436
  "direction": {
@@ -4239,7 +4462,7 @@
4239
4462
  "file": {
4240
4463
  "border-style": {
4241
4464
  "value": "solid",
4242
- "type": "borderStyle"
4465
+ "type": "other"
4243
4466
  },
4244
4467
  "border-color": {
4245
4468
  "value": "#154273",
@@ -4300,6 +4523,170 @@
4300
4523
  "type": "size"
4301
4524
  }
4302
4525
  },
4526
+ "data-summary": {
4527
+ "font-family": {
4528
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
4529
+ "type": "fontFamilies"
4530
+ },
4531
+ "item-value": {
4532
+ "font-weight": {
4533
+ "value": 400,
4534
+ "type": "fontWeights"
4535
+ },
4536
+ "row": {
4537
+ "padding-block-end": {
4538
+ "value": "0.75rem",
4539
+ "type": "spacing"
4540
+ },
4541
+ "padding-block-start": {
4542
+ "value": "0.75rem",
4543
+ "type": "spacing"
4544
+ },
4545
+ "padding-inline-end": {
4546
+ "value": "0rem",
4547
+ "type": "spacing"
4548
+ },
4549
+ "padding-inline-start": {
4550
+ "value": "0px",
4551
+ "type": "spacing"
4552
+ }
4553
+ },
4554
+ "padding-block-end": {
4555
+ "value": "0.75rem",
4556
+ "type": "spacing"
4557
+ },
4558
+ "padding-block-start": {
4559
+ "value": "0rem",
4560
+ "type": "spacing"
4561
+ },
4562
+ "padding-inline-end": {
4563
+ "value": "0rem",
4564
+ "type": "spacing"
4565
+ },
4566
+ "padding-inline-start": {
4567
+ "value": "0rem",
4568
+ "type": "spacing"
4569
+ }
4570
+ },
4571
+ "item-key": {
4572
+ "font-weight": {
4573
+ "value": 700,
4574
+ "type": "fontWeights"
4575
+ },
4576
+ "row": {
4577
+ "padding-block-end": {
4578
+ "value": "0.75rem",
4579
+ "type": "spacing"
4580
+ },
4581
+ "padding-block-start": {
4582
+ "value": "0.75rem",
4583
+ "type": "spacing"
4584
+ },
4585
+ "padding-inline-end": {
4586
+ "value": "1rem",
4587
+ "type": "spacing"
4588
+ },
4589
+ "padding-inline-start": {
4590
+ "value": "0rem",
4591
+ "type": "spacing"
4592
+ }
4593
+ },
4594
+ "padding-block-end": {
4595
+ "value": "0.25rem",
4596
+ "type": "spacing"
4597
+ },
4598
+ "padding-block-start": {
4599
+ "value": "0.75rem",
4600
+ "type": "spacing"
4601
+ },
4602
+ "padding-inline-end": {
4603
+ "value": "0rem",
4604
+ "type": "spacing"
4605
+ },
4606
+ "padding-inline-start": {
4607
+ "value": "0rem",
4608
+ "type": "spacing"
4609
+ }
4610
+ },
4611
+ "item": {
4612
+ "border-width": {
4613
+ "value": "1px",
4614
+ "type": "borderWidth"
4615
+ },
4616
+ "border-color": {
4617
+ "value": "#CBD5E1",
4618
+ "type": "color"
4619
+ },
4620
+ "border-block-end-style": {
4621
+ "value": "solid",
4622
+ "type": "other"
4623
+ },
4624
+ "color": {
4625
+ "value": "#0F172A",
4626
+ "type": "color"
4627
+ }
4628
+ },
4629
+ "font-size": {
4630
+ "value": "1.25rem",
4631
+ "type": "fontSizes"
4632
+ },
4633
+ "line-height": {
4634
+ "value": "150%",
4635
+ "type": "lineHeights"
4636
+ },
4637
+ "item-action": {
4638
+ "row": {
4639
+ "padding-block-end": {
4640
+ "value": "0.75rem",
4641
+ "type": "spacing"
4642
+ },
4643
+ "padding-block-start": {
4644
+ "value": "0.75rem",
4645
+ "type": "spacing"
4646
+ },
4647
+ "padding-inline-end": {
4648
+ "value": "0rem",
4649
+ "type": "spacing"
4650
+ },
4651
+ "padding-inline-start": {
4652
+ "value": "1rem",
4653
+ "type": "spacing"
4654
+ }
4655
+ },
4656
+ "padding-block-end": {
4657
+ "value": "0.75rem",
4658
+ "type": "spacing"
4659
+ },
4660
+ "padding-block-start": {
4661
+ "value": "0.75rem",
4662
+ "type": "spacing"
4663
+ },
4664
+ "padding-inline-end": {
4665
+ "value": "1rem",
4666
+ "type": "spacing"
4667
+ },
4668
+ "padding-inline-start": {
4669
+ "value": "0rem",
4670
+ "type": "spacing"
4671
+ }
4672
+ }
4673
+ },
4674
+ "data-badge-button": {
4675
+ "column-gap": {
4676
+ "value": "0.125rem",
4677
+ "type": "dimension"
4678
+ },
4679
+ "hover": {
4680
+ "background-color": {
4681
+ "value": "#154273",
4682
+ "type": "color"
4683
+ },
4684
+ "color": {
4685
+ "value": "#fff",
4686
+ "type": "color"
4687
+ }
4688
+ }
4689
+ },
4303
4690
  "code-input": {
4304
4691
  "size": {
4305
4692
  "value": "48px",
@@ -4534,80 +4921,80 @@
4534
4921
  "top-left": {
4535
4922
  "borderRadiusTopLeft": {
4536
4923
  "value": "48px",
4537
- "type": "borderRadius"
4924
+ "type": "dimension"
4538
4925
  },
4539
4926
  "borderRadiusTopRight": {
4540
4927
  "value": 0,
4541
- "type": "borderRadius"
4928
+ "type": "dimension"
4542
4929
  },
4543
4930
  "borderRadiusBottomRight": {
4544
4931
  "value": 0,
4545
- "type": "borderRadius"
4932
+ "type": "dimension"
4546
4933
  },
4547
4934
  "borderRadiusBottomLeft": {
4548
4935
  "value": 0,
4549
- "type": "borderRadius"
4936
+ "type": "dimension"
4550
4937
  }
4551
4938
  },
4552
4939
  "top-right": {
4553
4940
  "borderRadiusTopRight": {
4554
4941
  "value": "48px",
4555
- "type": "borderRadius"
4942
+ "type": "dimension"
4556
4943
  },
4557
4944
  "borderRadiusTopLeft": {
4558
4945
  "value": 0,
4559
- "type": "borderRadius"
4946
+ "type": "dimension"
4560
4947
  },
4561
4948
  "borderRadiusBottomRight": {
4562
4949
  "value": 0,
4563
- "type": "borderRadius"
4950
+ "type": "dimension"
4564
4951
  },
4565
4952
  "borderRadiusBottomLeft": {
4566
4953
  "value": 0,
4567
- "type": "borderRadius"
4954
+ "type": "dimension"
4568
4955
  }
4569
4956
  },
4570
4957
  "bottom-right": {
4571
4958
  "borderRadiusTopLeft": {
4572
4959
  "value": 0,
4573
- "type": "borderRadius"
4960
+ "type": "dimension"
4574
4961
  },
4575
4962
  "borderRadiusTopRight": {
4576
4963
  "value": 0,
4577
- "type": "borderRadius"
4964
+ "type": "dimension"
4578
4965
  },
4579
4966
  "borderRadiusBottomRight": {
4580
4967
  "value": "48px",
4581
- "type": "borderRadius"
4968
+ "type": "dimension"
4582
4969
  },
4583
4970
  "borderRadiusBottomLeft": {
4584
4971
  "value": 0,
4585
- "type": "borderRadius"
4972
+ "type": "dimension"
4586
4973
  }
4587
4974
  },
4588
4975
  "bottom-left": {
4589
4976
  "borderRadiusTopLeft": {
4590
4977
  "value": 0,
4591
- "type": "borderRadius"
4978
+ "type": "dimension"
4592
4979
  },
4593
4980
  "borderRadiusTopRight": {
4594
4981
  "value": 0,
4595
- "type": "borderRadius"
4982
+ "type": "dimension"
4596
4983
  },
4597
4984
  "borderRadiusBottomRight": {
4598
4985
  "value": 0,
4599
- "type": "borderRadius"
4986
+ "type": "dimension"
4600
4987
  },
4601
4988
  "borderRadiusBottomLeft": {
4602
4989
  "value": "48px",
4603
- "type": "borderRadius"
4990
+ "type": "dimension"
4604
4991
  }
4605
4992
  }
4606
4993
  },
4607
4994
  "accordion": {
4608
4995
  "button": {
4609
4996
  "font-family": {
4610
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
4997
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
4611
4998
  "type": "fontFamilies"
4612
4999
  },
4613
5000
  "font-size": {
@@ -4688,44 +5075,44 @@
4688
5075
  "xs": {
4689
5076
  "border-radius": {
4690
5077
  "value": "24px",
4691
- "type": "borderRadius"
5078
+ "type": "dimension"
4692
5079
  }
4693
5080
  },
4694
5081
  "md": {
4695
5082
  "border-radius": {
4696
5083
  "value": "48px",
4697
- "type": "borderRadius"
5084
+ "type": "dimension"
4698
5085
  }
4699
5086
  },
4700
5087
  "xl": {
4701
5088
  "border-radius": {
4702
5089
  "value": "96px",
4703
- "type": "borderRadius"
5090
+ "type": "dimension"
4704
5091
  }
4705
5092
  },
4706
5093
  "border-width": {
4707
5094
  "value": "2px",
4708
- "type": "borderWidth"
5095
+ "type": "dimension"
4709
5096
  }
4710
5097
  },
4711
5098
  "border-radius": {
4712
5099
  "sm": {
4713
5100
  "value": "2.5px",
4714
- "type": "borderRadius"
5101
+ "type": "dimension"
4715
5102
  },
4716
5103
  "md": {
4717
5104
  "value": "5px",
4718
- "type": "borderRadius"
5105
+ "type": "dimension"
4719
5106
  },
4720
5107
  "circle": {
4721
5108
  "parent": "core/default",
4722
5109
  "value": "999px",
4723
- "type": "borderRadius"
5110
+ "type": "dimension"
4724
5111
  },
4725
5112
  "none": {
4726
5113
  "parent": "core/default",
4727
5114
  "value": "0px",
4728
- "type": "borderRadius"
5115
+ "type": "dimension"
4729
5116
  }
4730
5117
  },
4731
5118
  "color": {
@@ -4757,11 +5144,6 @@
4757
5144
  "on-light-color": {
4758
5145
  "value": "#000",
4759
5146
  "type": "color"
4760
- },
4761
- "onEmphasis": {
4762
- "value": "#fff",
4763
- "type": "color",
4764
- "description": "Legacy token – wordt vervangen door rhc.color.foreground.on-dark-color"
4765
5147
  }
4766
5148
  },
4767
5149
  "border": {
@@ -5486,7 +5868,7 @@
5486
5868
  "focus": {
5487
5869
  "outline-offset": {
5488
5870
  "value": "0.125rem",
5489
- "type": "spacing"
5871
+ "type": "other"
5490
5872
  },
5491
5873
  "outline-style": {
5492
5874
  "value": "solid",
@@ -5494,7 +5876,7 @@
5494
5876
  },
5495
5877
  "outline-width": {
5496
5878
  "value": "2px",
5497
- "type": "borderWidth"
5879
+ "type": "dimension"
5498
5880
  }
5499
5881
  },
5500
5882
  "font-size": {
@@ -5520,7 +5902,7 @@
5520
5902
  "type": "fontSizes"
5521
5903
  }
5522
5904
  },
5523
- "paragraph": {
5905
+ "body": {
5524
5906
  "intro": {
5525
5907
  "value": "1.5rem",
5526
5908
  "type": "fontSizes"
@@ -5528,10 +5910,6 @@
5528
5910
  "default": {
5529
5911
  "value": "1.25rem",
5530
5912
  "type": "fontSizes"
5531
- },
5532
- "small": {
5533
- "value": "1.125rem",
5534
- "type": "fontSizes"
5535
5913
  }
5536
5914
  },
5537
5915
  "xs": {
@@ -5605,8 +5983,42 @@
5605
5983
  }
5606
5984
  }
5607
5985
  },
5986
+ "font-weight": {
5987
+ "default": {
5988
+ "value": 400,
5989
+ "type": "fontWeights"
5990
+ },
5991
+ "strong": {
5992
+ "value": 700,
5993
+ "type": "fontWeights"
5994
+ },
5995
+ "extra-bold": {
5996
+ "value": 800,
5997
+ "type": "fontWeights"
5998
+ },
5999
+ "bold": {
6000
+ "value": 700,
6001
+ "type": "fontWeights"
6002
+ },
6003
+ "semi-bold": {
6004
+ "value": 600,
6005
+ "type": "fontWeights"
6006
+ },
6007
+ "regular": {
6008
+ "value": 400,
6009
+ "type": "fontWeights"
6010
+ },
6011
+ "light": {
6012
+ "value": 300,
6013
+ "type": "fontWeights"
6014
+ },
6015
+ "thin": {
6016
+ "value": 200,
6017
+ "type": "fontWeights"
6018
+ }
6019
+ },
5608
6020
  "line-height": {
5609
- "paragraph": {
6021
+ "body": {
5610
6022
  "value": "150%",
5611
6023
  "type": "lineHeights"
5612
6024
  },
@@ -5622,12 +6034,12 @@
5622
6034
  "size": {
5623
6035
  "target": {
5624
6036
  "value": "48px",
5625
- "type": "sizing"
6037
+ "type": "dimension"
5626
6038
  },
5627
6039
  "icon": {
5628
6040
  "functional": {
5629
6041
  "value": "24px",
5630
- "type": "sizing"
6042
+ "type": "dimension"
5631
6043
  }
5632
6044
  },
5633
6045
  "quarter-lint": {
@@ -5651,40 +6063,10 @@
5651
6063
  "type": "dimension"
5652
6064
  }
5653
6065
  },
5654
- "font-weight": {
5655
- "extra-bold": {
5656
- "value": 800,
5657
- "type": "fontWeights"
5658
- },
5659
- "bold": {
5660
- "value": 700,
5661
- "type": "fontWeights"
5662
- },
5663
- "semi-bold": {
5664
- "value": 550,
5665
- "type": "fontWeights"
5666
- },
5667
- "regular": {
5668
- "value": 400,
5669
- "type": "fontWeights"
5670
- },
5671
- "chosen-regular": {
5672
- "value": 400,
5673
- "type": "fontWeights"
5674
- },
5675
- "light": {
5676
- "value": 300,
5677
- "type": "fontWeights"
5678
- },
5679
- "thin": {
5680
- "value": 200,
5681
- "type": "fontWeights"
5682
- }
5683
- },
5684
- "font-family": {
5685
- "primary": {
5686
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
5687
- "type": "fontFamilies"
6066
+ "font-family": {
6067
+ "primary": {
6068
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
6069
+ "type": "fontFamilies"
5688
6070
  },
5689
6071
  "secondary": {
5690
6072
  "value": "RijksoverheidSerifWeb, 'Times New Roman', serif",
@@ -5695,503 +6077,603 @@
5695
6077
  "default": {
5696
6078
  "parent": "core/default",
5697
6079
  "value": "1px",
5698
- "type": "borderWidth"
6080
+ "type": "dimension"
5699
6081
  },
5700
6082
  "m": {
5701
6083
  "parent": "core/default",
5702
6084
  "value": "2px",
5703
- "type": "borderWidth"
6085
+ "type": "dimension"
5704
6086
  },
5705
6087
  "none": {
5706
6088
  "parent": "core/default",
5707
6089
  "value": "0px",
5708
- "type": "borderWidth"
6090
+ "type": "dimension"
5709
6091
  }
5710
6092
  },
5711
6093
  "space": {
5712
6094
  "0": {
5713
6095
  "parent": "core/default",
5714
- "value": 0,
5715
- "type": "spacing"
6096
+ "value": "0rem",
6097
+ "type": "dimension"
5716
6098
  },
5717
6099
  "25": {
5718
6100
  "parent": "core/default",
5719
6101
  "value": "0.125rem",
5720
- "type": "spacing"
6102
+ "type": "dimension"
5721
6103
  },
5722
6104
  "50": {
5723
6105
  "parent": "core/default",
5724
6106
  "value": "0.25rem",
5725
- "type": "spacing"
6107
+ "type": "dimension"
5726
6108
  },
5727
6109
  "100": {
5728
6110
  "parent": "core/default",
5729
6111
  "value": "0.5rem",
5730
- "type": "spacing"
6112
+ "type": "dimension"
5731
6113
  },
5732
6114
  "150": {
5733
6115
  "parent": "core/default",
5734
6116
  "value": "0.75rem",
5735
- "type": "spacing"
6117
+ "type": "dimension"
5736
6118
  },
5737
6119
  "200": {
5738
6120
  "parent": "core/default",
5739
6121
  "value": "1rem",
5740
- "type": "spacing"
6122
+ "type": "dimension"
5741
6123
  },
5742
6124
  "300": {
5743
6125
  "parent": "core/default",
5744
6126
  "value": "1.5rem",
5745
- "type": "spacing"
6127
+ "type": "dimension"
5746
6128
  },
5747
6129
  "400": {
5748
6130
  "parent": "core/default",
5749
6131
  "value": "2rem",
5750
- "type": "spacing"
6132
+ "type": "dimension"
5751
6133
  },
5752
6134
  "500": {
5753
6135
  "parent": "core/default",
5754
6136
  "value": "2.5rem",
5755
- "type": "spacing"
6137
+ "type": "dimension"
5756
6138
  },
5757
6139
  "600": {
5758
6140
  "parent": "core/default",
5759
6141
  "value": "3rem",
5760
- "type": "spacing"
6142
+ "type": "dimension"
5761
6143
  },
5762
6144
  "700": {
5763
6145
  "parent": "core/default",
5764
6146
  "value": "3.5rem",
5765
- "type": "spacing"
6147
+ "type": "dimension"
5766
6148
  }
5767
6149
  }
5768
6150
  },
5769
6151
  "nl": {
5770
6152
  "skip-link": {
5771
- "font-weight": {
5772
- "value": 700,
5773
- "type": "fontWeights"
5774
- },
5775
- "font-family": {
5776
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
5777
- "type": "fontFamilies"
5778
- },
5779
- "font-size": {
5780
- "value": "1.25rem",
5781
- "type": "fontSizes"
6153
+ "border-color": {
6154
+ "type": "color",
6155
+ "value": "transparent"
5782
6156
  },
5783
- "line-height": {
5784
- "value": "150%",
5785
- "type": "lineHeights"
6157
+ "border-width": {
6158
+ "type": "dimension",
6159
+ "value": "2px"
5786
6160
  },
5787
- "min-block-size": {
5788
- "value": "48px",
5789
- "type": "sizing"
6161
+ "font-family": {
6162
+ "type": "fontFamilies",
6163
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
5790
6164
  },
5791
- "min-inline-size": {
5792
- "value": "48px",
5793
- "type": "sizing"
6165
+ "font-weight": {
6166
+ "type": "fontWeights",
6167
+ "value": 700
5794
6168
  },
5795
6169
  "padding-block-end": {
5796
- "value": "0.75rem",
5797
- "type": "spacing"
6170
+ "type": "dimension",
6171
+ "value": "0.75rem"
5798
6172
  },
5799
6173
  "padding-block-start": {
5800
- "value": "0.75rem",
5801
- "type": "spacing"
6174
+ "type": "dimension",
6175
+ "value": "0.75rem"
5802
6176
  },
5803
6177
  "padding-inline-end": {
5804
- "value": "1rem",
5805
- "type": "spacing"
6178
+ "type": "dimension",
6179
+ "value": "1rem"
5806
6180
  },
5807
6181
  "padding-inline-start": {
5808
- "value": "1rem",
5809
- "type": "spacing"
6182
+ "type": "dimension",
6183
+ "value": "1rem"
6184
+ },
6185
+ "box-block-end-shadow": {
6186
+ "blur-radius": {
6187
+ "type": "other",
6188
+ "value": "48px"
6189
+ },
6190
+ "color": {
6191
+ "type": "color",
6192
+ "value": "#0000001a"
6193
+ },
6194
+ "offset-x": {
6195
+ "type": "other",
6196
+ "value": 0
6197
+ },
6198
+ "offset-y": {
6199
+ "type": "other",
6200
+ "value": "16px"
6201
+ },
6202
+ "spread-radius": {
6203
+ "type": "other",
6204
+ "value": 0
6205
+ }
5810
6206
  },
5811
6207
  "focus": {
5812
6208
  "background-color": {
5813
- "value": "#fff",
5814
- "type": "color"
6209
+ "type": "color",
6210
+ "value": "#fff"
5815
6211
  },
5816
6212
  "border-color": {
5817
- "value": "#154273",
5818
- "type": "color"
6213
+ "type": "color",
6214
+ "value": "#154273"
5819
6215
  },
5820
6216
  "border-style": {
5821
- "value": "solid",
5822
- "type": "borderStyle"
6217
+ "type": "other",
6218
+ "value": "solid"
5823
6219
  },
5824
6220
  "border-width": {
5825
- "value": "2px",
5826
- "type": "borderWidth"
6221
+ "type": "dimension",
6222
+ "value": "2px"
5827
6223
  },
5828
6224
  "color": {
5829
- "value": "#0F172A",
5830
- "type": "color"
6225
+ "type": "color",
6226
+ "value": "#0F172A"
5831
6227
  },
5832
6228
  "text-decoration": {
5833
- "value": "None",
5834
- "type": "textDecoration"
6229
+ "type": "textDecoration",
6230
+ "value": "None"
5835
6231
  }
5836
6232
  },
5837
6233
  "focus-visible": {
5838
6234
  "outline-color": {
5839
- "value": "#000",
5840
- "type": "color"
6235
+ "type": "color",
6236
+ "value": "#000"
5841
6237
  }
5842
6238
  },
5843
- "background-color": {
5844
- "value": "#154273",
5845
- "type": "color"
6239
+ "text-decoration": {
6240
+ "type": "textDecoration",
6241
+ "value": "underline"
5846
6242
  },
5847
- "border-color": {
5848
- "value": "transparent",
5849
- "type": "color"
6243
+ "background-color": {
6244
+ "type": "color",
6245
+ "value": "#fff"
5850
6246
  },
5851
6247
  "color": {
5852
- "value": "#fff",
5853
- "type": "color"
5854
- },
5855
- "border-width": {
5856
- "value": "2px",
5857
- "type": "borderWidth"
6248
+ "type": "color",
6249
+ "value": "#01689b"
5858
6250
  },
5859
- "box-block-end-shadow": {
5860
- "offset-x": {
5861
- "value": 0,
5862
- "type": "other"
5863
- },
5864
- "offset-y": {
5865
- "value": "16px",
5866
- "type": "other"
5867
- },
5868
- "blur-radius": {
5869
- "value": "48px",
5870
- "type": "other"
5871
- },
5872
- "spread-radius": {
5873
- "value": 0,
5874
- "type": "other"
5875
- },
5876
- "color": {
5877
- "value": "#0000001a",
5878
- "type": "color"
5879
- }
6251
+ "padding-block": {
6252
+ "value": "0.75rem",
6253
+ "type": "dimension"
5880
6254
  },
5881
- "text-decoration": {
5882
- "value": "underline",
5883
- "type": "textDecoration"
6255
+ "padding-inline": {
6256
+ "value": "1rem",
6257
+ "type": "dimension"
5884
6258
  },
5885
- "text-underline-offset": {
5886
- "value": "0.125rem",
5887
- "type": "other"
5888
- }
5889
- },
5890
- "paragraph": {
5891
- "color": {
5892
- "value": "#0F172A",
5893
- "type": "color"
6259
+ "min-block-size": {
6260
+ "type": "dimension",
6261
+ "value": "48px"
5894
6262
  },
5895
- "font-family": {
5896
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
5897
- "type": "fontFamilies"
6263
+ "min-inline-size": {
6264
+ "type": "dimension",
6265
+ "value": "48px"
5898
6266
  },
5899
- "font-size": {
5900
- "value": "1.25rem",
5901
- "type": "fontSizes"
6267
+ "text-decoration-thickness": {
6268
+ "value": "0.0625em",
6269
+ "type": "other",
6270
+ "description": "[code-only]"
5902
6271
  },
5903
- "font-weight": {
5904
- "value": 400,
5905
- "type": "fontWeights"
6272
+ "text-underline-offset": {
6273
+ "type": "other",
6274
+ "value": "0.125rem",
6275
+ "description": "[code-only]"
5906
6276
  },
5907
6277
  "line-height": {
5908
6278
  "value": "150%",
5909
6279
  "type": "lineHeights"
5910
6280
  },
5911
- "margin-block-end": {
5912
- "value": 0,
5913
- "type": "spacing"
5914
- },
5915
- "margin-block-start": {
5916
- "value": 0,
5917
- "type": "spacing"
5918
- },
6281
+ "font-size": {
6282
+ "value": "1.25rem",
6283
+ "type": "fontSizes"
6284
+ }
6285
+ },
6286
+ "paragraph": {
5919
6287
  "lead": {
5920
6288
  "color": {
5921
6289
  "value": "#0F172A",
5922
6290
  "type": "color"
5923
6291
  },
5924
6292
  "font-size": {
5925
- "value": "1.5rem",
5926
- "type": "fontSizes"
6293
+ "type": "fontSizes",
6294
+ "value": "1.5rem"
5927
6295
  },
5928
6296
  "font-weight": {
5929
- "value": 400,
5930
- "type": "fontWeights"
6297
+ "type": "fontWeights",
6298
+ "value": 400
5931
6299
  },
5932
6300
  "line-height": {
5933
- "value": "150%",
5934
- "type": "lineHeights"
6301
+ "type": "lineHeights",
6302
+ "value": "150%"
6303
+ },
6304
+ "margin-block-end": {
6305
+ "type": "dimension",
6306
+ "value": "0rem",
6307
+ "description": "[code only]"
6308
+ },
6309
+ "margin-block-start": {
6310
+ "type": "dimension",
6311
+ "value": "0rem",
6312
+ "description": "[code only]"
5935
6313
  }
6314
+ },
6315
+ "color": {
6316
+ "type": "color",
6317
+ "value": "#0F172A"
6318
+ },
6319
+ "font-family": {
6320
+ "type": "fontFamilies",
6321
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
6322
+ },
6323
+ "font-size": {
6324
+ "type": "fontSizes",
6325
+ "value": "1.25rem"
6326
+ },
6327
+ "font-weight": {
6328
+ "type": "fontWeights",
6329
+ "value": 400
6330
+ },
6331
+ "line-height": {
6332
+ "type": "lineHeights",
6333
+ "value": "150%"
6334
+ },
6335
+ "margin-block-end": {
6336
+ "type": "dimension",
6337
+ "value": "0rem",
6338
+ "description": "[code only]"
6339
+ },
6340
+ "margin-block-start": {
6341
+ "type": "dimension",
6342
+ "value": "0rem",
6343
+ "description": "[code only]"
5936
6344
  }
5937
6345
  },
5938
6346
  "link": {
5939
- "color": {
5940
- "value": "#01689b",
5941
- "type": "color"
6347
+ "column-gap": {
6348
+ "type": "dimension",
6349
+ "value": "0.25rem"
5942
6350
  },
5943
- "text-decoration-color": {
5944
- "value": "#01689b",
5945
- "type": "color"
6351
+ "font-family": {
6352
+ "type": "fontFamilies",
6353
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
5946
6354
  },
5947
- "active": {
5948
- "color": {
5949
- "value": "#42145f",
5950
- "type": "color"
6355
+ "font-size": {
6356
+ "type": "fontSizes",
6357
+ "value": "1.25rem"
6358
+ },
6359
+ "font-weight": {
6360
+ "type": "fontWeights",
6361
+ "value": 400
6362
+ },
6363
+ "line-height": {
6364
+ "type": "lineHeights",
6365
+ "value": "150%"
6366
+ },
6367
+ "icon": {
6368
+ "inset-block-start": {
6369
+ "type": "dimension",
6370
+ "value": "0.25rem"
5951
6371
  },
6372
+ "size": {
6373
+ "type": "dimension",
6374
+ "value": "24px"
6375
+ }
6376
+ },
6377
+ "active": {
5952
6378
  "text-decoration": {
5953
- "value": "None",
5954
- "type": "textDecoration"
6379
+ "type": "textDecoration",
6380
+ "value": "None"
6381
+ },
6382
+ "color": {
6383
+ "type": "color",
6384
+ "value": "#1a4972",
6385
+ "$extensions": {
6386
+ "studio.tokens": {
6387
+ "modify": {
6388
+ "type": "darken",
6389
+ "value": "0.4",
6390
+ "space": "lch"
6391
+ }
6392
+ }
6393
+ }
5955
6394
  }
5956
6395
  },
5957
6396
  "focus": {
5958
6397
  "background-color": {
5959
- "value": "transparent",
5960
- "type": "color"
5961
- },
5962
- "color": {
5963
- "value": "#01689b",
5964
- "type": "color"
5965
- },
5966
- "text-decoration": {
5967
- "value": "None",
5968
- "type": "textDecoration"
6398
+ "type": "color",
6399
+ "value": "transparent"
5969
6400
  },
5970
- "text-decoration-thickness": {
5971
- "value": "auto",
5972
- "type": "other"
5973
- }
5974
- },
5975
- "hover": {
5976
6401
  "color": {
5977
- "$extensions": {
5978
- "studio.tokens": {
5979
- "modify": {
5980
- "type": "darken",
5981
- "value": "0.3",
5982
- "space": "srgb"
5983
- }
5984
- }
5985
- },
5986
- "value": "#01496c",
5987
- "type": "color"
6402
+ "type": "color",
6403
+ "value": "#01689b"
5988
6404
  },
5989
6405
  "text-decoration": {
5990
- "value": "None",
5991
- "type": "textDecoration"
6406
+ "type": "textDecoration",
6407
+ "value": "None"
5992
6408
  },
5993
6409
  "text-decoration-thickness": {
5994
- "value": "auto",
5995
- "type": "other"
6410
+ "type": "other",
6411
+ "value": "auto"
5996
6412
  }
5997
6413
  },
5998
6414
  "visited": {
5999
6415
  "color": {
6000
- "value": "#42145f",
6001
- "type": "color"
6002
- }
6003
- },
6004
- "text-decoration": {
6005
- "value": "underline",
6006
- "type": "textDecoration"
6007
- },
6008
- "icon": {
6009
- "inset-block-start": {
6010
- "value": "0.25rem",
6011
- "type": "spacing"
6012
- },
6013
- "size": {
6014
- "value": "24px",
6015
- "type": "sizing"
6416
+ "type": "color",
6417
+ "value": "#01689b"
6016
6418
  }
6017
6419
  },
6018
- "column-gap": {
6019
- "value": "0.25rem",
6020
- "type": "spacing"
6021
- },
6022
- "text-decoration-thickness": {
6023
- "value": "auto",
6024
- "type": "other"
6025
- },
6026
- "text-underline-offset": {
6027
- "value": "0.125rem",
6028
- "type": "other"
6029
- },
6030
- "font-family": {
6031
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
6032
- "type": "fontFamilies"
6033
- },
6034
- "font-weight": {
6035
- "value": 400,
6036
- "type": "fontWeights"
6037
- },
6038
- "font-size": {
6039
- "value": "1.25rem",
6040
- "type": "fontSizes"
6041
- },
6042
- "line-height": {
6043
- "value": "150%",
6044
- "type": "lineHeights"
6045
- }
6046
- },
6047
- "heading-level-1": {
6048
- "color": {
6049
- "value": "#154273",
6050
- "type": "color"
6051
- },
6052
- "font-family": {
6053
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
6054
- "type": "fontFamilies"
6055
- },
6056
- "font-weight": {
6057
- "value": 700,
6058
- "type": "fontWeights"
6059
- },
6060
- "line-height": {
6061
- "value": "125%",
6062
- "type": "lineHeights"
6063
- },
6064
- "font-size": {
6065
- "value": "3.125rem",
6066
- "type": "fontSizes"
6067
- },
6068
- "margin-block-end": {
6069
- "value": 0,
6070
- "type": "spacing"
6071
- },
6072
- "margin-block-start": {
6073
- "value": 0,
6074
- "type": "spacing"
6075
- }
6076
- },
6077
- "heading-level-2": {
6078
- "color": {
6079
- "value": "#154273",
6080
- "type": "color"
6081
- },
6082
- "font-family": {
6083
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
6084
- "type": "fontFamilies"
6085
- },
6086
- "font-weight": {
6087
- "value": 700,
6088
- "type": "fontWeights"
6089
- },
6090
- "line-height": {
6091
- "value": "125%",
6092
- "type": "lineHeights"
6093
- },
6094
- "font-size": {
6095
- "value": "2.5rem",
6096
- "type": "fontSizes"
6097
- },
6098
- "margin-block-end": {
6099
- "value": 0,
6100
- "type": "spacing"
6101
- },
6102
- "margin-block-start": {
6103
- "value": 0,
6104
- "type": "spacing"
6105
- }
6106
- },
6107
- "heading-level-3": {
6108
6420
  "color": {
6109
- "value": "#154273",
6110
- "type": "color"
6111
- },
6112
- "font-family": {
6113
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
6114
- "type": "fontFamilies"
6115
- },
6116
- "font-weight": {
6117
- "value": 700,
6118
- "type": "fontWeights"
6119
- },
6120
- "line-height": {
6121
- "value": "125%",
6122
- "type": "lineHeights"
6123
- },
6124
- "font-size": {
6125
- "value": "1.875rem",
6126
- "type": "fontSizes"
6127
- },
6128
- "margin-block-end": {
6129
- "value": 0,
6130
- "type": "spacing"
6421
+ "type": "color",
6422
+ "value": "#01689b"
6131
6423
  },
6132
- "margin-block-start": {
6133
- "value": 0,
6134
- "type": "spacing"
6135
- }
6136
- },
6137
- "heading-level-4": {
6138
- "color": {
6139
- "value": "#154273",
6424
+ "text-decoration-color": {
6425
+ "value": "inherit",
6140
6426
  "type": "color"
6141
6427
  },
6142
- "font-family": {
6143
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
6144
- "type": "fontFamilies"
6428
+ "text-decoration-line": {
6429
+ "type": "textDecoration",
6430
+ "value": "underline"
6145
6431
  },
6146
- "font-weight": {
6147
- "value": 700,
6148
- "type": "fontWeights"
6432
+ "text-decoration-thickness": {
6433
+ "type": "other",
6434
+ "value": "0.0625em",
6435
+ "description": "[code-only]"
6149
6436
  },
6150
- "line-height": {
6151
- "value": "125%",
6152
- "type": "lineHeights"
6437
+ "text-underline-offset": {
6438
+ "description": "[code-only]",
6439
+ "type": "other",
6440
+ "value": "0.125rem"
6153
6441
  },
6154
- "font-size": {
6155
- "value": "1.5rem",
6156
- "type": "fontSizes"
6442
+ "current": {
6443
+ "cursor": {
6444
+ "type": "other",
6445
+ "value": "default",
6446
+ "description": "[code-only]"
6447
+ }
6157
6448
  },
6158
- "margin-block-end": {
6159
- "value": 0,
6160
- "type": "spacing"
6449
+ "disabled": {
6450
+ "color": {
6451
+ "type": "color",
6452
+ "value": "#334155"
6453
+ },
6454
+ "cursor": {
6455
+ "description": "[code-only]",
6456
+ "type": "other",
6457
+ "value": "disabled"
6458
+ }
6161
6459
  },
6162
- "margin-block-start": {
6163
- "value": 0,
6164
- "type": "spacing"
6460
+ "hover": {
6461
+ "text-decoration-line": {
6462
+ "type": "textDecoration",
6463
+ "value": "underline"
6464
+ },
6465
+ "text-decoration-thickness": {
6466
+ "description": "[code-only]",
6467
+ "type": "other",
6468
+ "value": "auto"
6469
+ },
6470
+ "color": {
6471
+ "type": "color",
6472
+ "value": "#01496c",
6473
+ "$extensions": {
6474
+ "studio.tokens": {
6475
+ "modify": {
6476
+ "space": "srgb",
6477
+ "type": "darken",
6478
+ "value": "0.3"
6479
+ }
6480
+ }
6481
+ }
6482
+ }
6165
6483
  }
6166
6484
  },
6167
- "heading-level-5": {
6168
- "color": {
6169
- "value": "#154273",
6170
- "type": "color"
6171
- },
6172
- "font-family": {
6173
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
6174
- "type": "fontFamilies"
6485
+ "heading": {
6486
+ "level-1": {
6487
+ "color": {
6488
+ "type": "color",
6489
+ "value": "#154273"
6490
+ },
6491
+ "font-family": {
6492
+ "type": "fontFamilies",
6493
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
6494
+ },
6495
+ "font-size": {
6496
+ "type": "fontSizes",
6497
+ "value": "3.125rem"
6498
+ },
6499
+ "font-weight": {
6500
+ "type": "fontWeights",
6501
+ "value": 700
6502
+ },
6503
+ "line-height": {
6504
+ "type": "lineHeights",
6505
+ "value": "125%"
6506
+ },
6507
+ "margin-block-end": {
6508
+ "description": "[code only]",
6509
+ "type": "dimension",
6510
+ "value": "0rem"
6511
+ },
6512
+ "margin-block-start": {
6513
+ "description": "[code only]",
6514
+ "type": "dimension",
6515
+ "value": "0rem"
6516
+ }
6175
6517
  },
6176
- "font-weight": {
6177
- "value": 700,
6178
- "type": "fontWeights"
6518
+ "level-2": {
6519
+ "color": {
6520
+ "type": "color",
6521
+ "value": "#154273"
6522
+ },
6523
+ "font-family": {
6524
+ "type": "fontFamilies",
6525
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
6526
+ },
6527
+ "font-size": {
6528
+ "type": "fontSizes",
6529
+ "value": "2.5rem"
6530
+ },
6531
+ "font-weight": {
6532
+ "type": "fontWeights",
6533
+ "value": 700
6534
+ },
6535
+ "line-height": {
6536
+ "type": "lineHeights",
6537
+ "value": "125%"
6538
+ },
6539
+ "margin-block-end": {
6540
+ "description": "[code only]",
6541
+ "type": "dimension",
6542
+ "value": "0rem"
6543
+ },
6544
+ "margin-block-start": {
6545
+ "description": "[code only]",
6546
+ "type": "dimension",
6547
+ "value": "0rem"
6548
+ }
6179
6549
  },
6180
- "line-height": {
6181
- "value": "125%",
6182
- "type": "lineHeights"
6550
+ "level-3": {
6551
+ "color": {
6552
+ "type": "color",
6553
+ "value": "#154273"
6554
+ },
6555
+ "font-family": {
6556
+ "type": "fontFamilies",
6557
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
6558
+ },
6559
+ "font-size": {
6560
+ "type": "fontSizes",
6561
+ "value": "1.875rem"
6562
+ },
6563
+ "font-weight": {
6564
+ "type": "fontWeights",
6565
+ "value": 700
6566
+ },
6567
+ "line-height": {
6568
+ "type": "lineHeights",
6569
+ "value": "125%"
6570
+ },
6571
+ "margin-block-end": {
6572
+ "type": "dimension",
6573
+ "value": "0rem",
6574
+ "description": "[code-only]"
6575
+ },
6576
+ "margin-block-start": {
6577
+ "type": "dimension",
6578
+ "value": "0rem",
6579
+ "description": "[code-only]"
6580
+ }
6183
6581
  },
6184
- "font-size": {
6185
- "value": "1.25rem",
6186
- "type": "fontSizes"
6582
+ "level-4": {
6583
+ "color": {
6584
+ "type": "color",
6585
+ "value": "#154273"
6586
+ },
6587
+ "font-family": {
6588
+ "type": "fontFamilies",
6589
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
6590
+ },
6591
+ "font-size": {
6592
+ "type": "fontSizes",
6593
+ "value": "1.5rem"
6594
+ },
6595
+ "font-weight": {
6596
+ "type": "fontWeights",
6597
+ "value": 700
6598
+ },
6599
+ "line-height": {
6600
+ "type": "lineHeights",
6601
+ "value": "150%"
6602
+ },
6603
+ "margin-block-end": {
6604
+ "description": "[code only]",
6605
+ "type": "dimension",
6606
+ "value": "0rem"
6607
+ },
6608
+ "margin-block-start": {
6609
+ "description": "[code only]",
6610
+ "type": "dimension",
6611
+ "value": "0rem"
6612
+ }
6187
6613
  },
6188
- "margin-block-end": {
6189
- "value": 0,
6190
- "type": "spacing"
6614
+ "level-5": {
6615
+ "color": {
6616
+ "type": "color",
6617
+ "value": "#154273"
6618
+ },
6619
+ "font-family": {
6620
+ "type": "fontFamilies",
6621
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
6622
+ },
6623
+ "font-size": {
6624
+ "type": "fontSizes",
6625
+ "value": "1.25rem"
6626
+ },
6627
+ "font-weight": {
6628
+ "type": "fontWeights",
6629
+ "value": 700
6630
+ },
6631
+ "line-height": {
6632
+ "type": "lineHeights",
6633
+ "value": "150%"
6634
+ },
6635
+ "margin-block-end": {
6636
+ "description": "[code only]",
6637
+ "type": "dimension",
6638
+ "value": "0rem"
6639
+ },
6640
+ "margin-block-start": {
6641
+ "description": "[code only]",
6642
+ "type": "dimension",
6643
+ "value": "0rem"
6644
+ }
6191
6645
  },
6192
- "margin-block-start": {
6193
- "value": 0,
6194
- "type": "spacing"
6646
+ "level-6": {
6647
+ "color": {
6648
+ "type": "color",
6649
+ "value": "#154273"
6650
+ },
6651
+ "font-family": {
6652
+ "type": "fontFamilies",
6653
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
6654
+ },
6655
+ "font-size": {
6656
+ "type": "fontSizes",
6657
+ "value": "1.25rem"
6658
+ },
6659
+ "font-weight": {
6660
+ "type": "fontWeights",
6661
+ "value": 700
6662
+ },
6663
+ "line-height": {
6664
+ "type": "lineHeights",
6665
+ "value": "150%"
6666
+ },
6667
+ "margin-block-end": {
6668
+ "description": "[code only]",
6669
+ "type": "dimension",
6670
+ "value": "0rem"
6671
+ },
6672
+ "margin-block-start": {
6673
+ "description": "[code only]",
6674
+ "type": "dimension",
6675
+ "value": "0rem"
6676
+ }
6195
6677
  }
6196
6678
  },
6197
6679
  "number-badge": {
@@ -6200,7 +6682,7 @@
6200
6682
  "type": "fontSizes"
6201
6683
  },
6202
6684
  "line-height": {
6203
- "value": "150%",
6685
+ "value": "125%",
6204
6686
  "type": "lineHeights"
6205
6687
  },
6206
6688
  "min-block-size": {
@@ -6224,7 +6706,7 @@
6224
6706
  "type": "borderRadius"
6225
6707
  },
6226
6708
  "font-family": {
6227
- "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
6709
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
6228
6710
  "type": "fontFamilies"
6229
6711
  },
6230
6712
  "background-color": {
@@ -6244,9 +6726,142 @@
6244
6726
  "type": "spacing"
6245
6727
  },
6246
6728
  "padding-block": {
6247
- "value": "0.5rem",
6729
+ "value": "0.125rem",
6248
6730
  "type": "spacing"
6249
6731
  }
6250
6732
  }
6733
+ },
6734
+ "todo": {
6735
+ "skip-link": {
6736
+ "font-weight": {
6737
+ "type": "fontWeights",
6738
+ "value": 700
6739
+ }
6740
+ },
6741
+ "link-list": {
6742
+ "link": {
6743
+ "hover": {
6744
+ "text-decoration": {
6745
+ "value": "underline",
6746
+ "type": "textDecoration"
6747
+ }
6748
+ }
6749
+ }
6750
+ }
6751
+ },
6752
+ "basis": {
6753
+ "color": {
6754
+ "default": {
6755
+ "bg-document": {
6756
+ "value": "#fff",
6757
+ "type": "color"
6758
+ },
6759
+ "color-document": {
6760
+ "value": "#0F172A",
6761
+ "type": "color"
6762
+ },
6763
+ "color-subtle": {
6764
+ "value": "#334155",
6765
+ "type": "color"
6766
+ },
6767
+ "border-subtle": {
6768
+ "value": "#94A3B8",
6769
+ "type": "color"
6770
+ },
6771
+ "border-default": {
6772
+ "value": "#64748B",
6773
+ "type": "color"
6774
+ },
6775
+ "bg-subtle": {
6776
+ "value": "#F1F5F9",
6777
+ "type": "color"
6778
+ }
6779
+ },
6780
+ "highlight": {
6781
+ "bg-default": {
6782
+ "value": "#fff4db",
6783
+ "type": "color"
6784
+ }
6785
+ }
6786
+ },
6787
+ "text": {
6788
+ "font-family": {
6789
+ "default": {
6790
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
6791
+ "type": "fontFamilies"
6792
+ }
6793
+ },
6794
+ "font-weight": {
6795
+ "default": {
6796
+ "value": 400,
6797
+ "type": "fontWeights"
6798
+ },
6799
+ "bold": {
6800
+ "value": 700,
6801
+ "type": "fontWeights"
6802
+ }
6803
+ },
6804
+ "font-size": {
6805
+ "md": {
6806
+ "value": "1.25rem",
6807
+ "type": "fontSizes"
6808
+ }
6809
+ },
6810
+ "line-height": {
6811
+ "md": {
6812
+ "value": "150%",
6813
+ "type": "lineHeights"
6814
+ }
6815
+ }
6816
+ },
6817
+ "heading": {
6818
+ "color": {
6819
+ "value": "#154273",
6820
+ "type": "color"
6821
+ },
6822
+ "font-family": {
6823
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
6824
+ "type": "fontFamilies"
6825
+ },
6826
+ "font-weight": {
6827
+ "value": 700,
6828
+ "type": "fontWeights"
6829
+ }
6830
+ },
6831
+ "border-width": {
6832
+ "sm": {
6833
+ "value": "1px",
6834
+ "type": "dimension"
6835
+ }
6836
+ },
6837
+ "box-shadow": {
6838
+ "md": {
6839
+ "value": {
6840
+ "x": 0,
6841
+ "y": 8,
6842
+ "blur": 16,
6843
+ "spread": 0,
6844
+ "color": "#64748B",
6845
+ "type": "dropShadow"
6846
+ },
6847
+ "type": "boxShadow"
6848
+ }
6849
+ },
6850
+ "focus": {
6851
+ "outline-color": {
6852
+ "value": "#000",
6853
+ "type": "color"
6854
+ },
6855
+ "inverse": {
6856
+ "outline-color": {
6857
+ "value": "#fff",
6858
+ "type": "color"
6859
+ }
6860
+ },
6861
+ "outline-width": {
6862
+ "value": "2px",
6863
+ "type": "dimension"
6864
+ }
6865
+ }
6251
6866
  }
6252
6867
  }