@rijkshuisstijl-community/design-tokens 3.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 +41 -0
  2. package/dist/_variables.scss +290 -221
  3. package/dist/index.css +290 -221
  4. package/dist/index.d.ts +280 -211
  5. package/dist/index.js +290 -221
  6. package/dist/index.json +290 -221
  7. package/dist/index.tokens.json +464 -318
  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 +290 -221
  18. package/dist/tokens.d.ts +409 -270
  19. package/dist/tokens.js +6775 -4888
  20. package/dist/uitvoerend-groen/_variables.scss +936 -848
  21. package/dist/uitvoerend-groen/index.css +936 -848
  22. package/dist/uitvoerend-groen/index.d.ts +978 -890
  23. package/dist/uitvoerend-groen/index.js +993 -905
  24. package/dist/uitvoerend-groen/index.json +962 -874
  25. package/dist/uitvoerend-groen/index.tokens.json +1836 -1680
  26. package/dist/uitvoerend-groen/root.css +936 -848
  27. package/dist/uitvoerend-groen/tokens.d.ts +1764 -1608
  28. package/dist/uitvoerend-groen/tokens.js +24764 -22418
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +936 -848
  30. package/dist/uitvoerend-hemelblauw/index.css +936 -848
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +978 -890
  32. package/dist/uitvoerend-hemelblauw/index.js +993 -905
  33. package/dist/uitvoerend-hemelblauw/index.json +962 -874
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +1835 -1679
  35. package/dist/uitvoerend-hemelblauw/root.css +936 -848
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +1764 -1608
  37. package/dist/uitvoerend-hemelblauw/tokens.js +24906 -22560
  38. package/dist/uitvoerend-mintgroen/_variables.scss +936 -848
  39. package/dist/uitvoerend-mintgroen/index.css +936 -848
  40. package/dist/uitvoerend-mintgroen/index.d.ts +978 -890
  41. package/dist/uitvoerend-mintgroen/index.js +993 -905
  42. package/dist/uitvoerend-mintgroen/index.json +962 -874
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +1836 -1680
  44. package/dist/uitvoerend-mintgroen/root.css +936 -848
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +1764 -1608
  46. package/dist/uitvoerend-mintgroen/tokens.js +24764 -22418
  47. package/dist/uitvoerend-oranje/_variables.scss +936 -848
  48. package/dist/uitvoerend-oranje/index.css +936 -848
  49. package/dist/uitvoerend-oranje/index.d.ts +978 -890
  50. package/dist/uitvoerend-oranje/index.js +993 -905
  51. package/dist/uitvoerend-oranje/index.json +962 -874
  52. package/dist/uitvoerend-oranje/index.tokens.json +1836 -1680
  53. package/dist/uitvoerend-oranje/root.css +936 -848
  54. package/dist/uitvoerend-oranje/tokens.d.ts +1764 -1608
  55. package/dist/uitvoerend-oranje/tokens.js +24764 -22418
  56. package/dist/uitvoerend-paars/_variables.scss +936 -848
  57. package/dist/uitvoerend-paars/index.css +936 -848
  58. package/dist/uitvoerend-paars/index.d.ts +978 -890
  59. package/dist/uitvoerend-paars/index.js +993 -905
  60. package/dist/uitvoerend-paars/index.json +962 -874
  61. package/dist/uitvoerend-paars/index.tokens.json +1836 -1680
  62. package/dist/uitvoerend-paars/root.css +936 -848
  63. package/dist/uitvoerend-paars/tokens.d.ts +1764 -1608
  64. package/dist/uitvoerend-paars/tokens.js +24764 -22418
  65. package/dist/uitvoerend-violet/_variables.scss +936 -848
  66. package/dist/uitvoerend-violet/index.css +936 -848
  67. package/dist/uitvoerend-violet/index.d.ts +978 -890
  68. package/dist/uitvoerend-violet/index.js +993 -905
  69. package/dist/uitvoerend-violet/index.json +962 -874
  70. package/dist/uitvoerend-violet/index.tokens.json +1836 -1680
  71. package/dist/uitvoerend-violet/root.css +936 -848
  72. package/dist/uitvoerend-violet/tokens.d.ts +1764 -1608
  73. package/dist/uitvoerend-violet/tokens.js +24764 -22418
  74. package/dist/uitvoerend-violet-oud/_variables.scss +936 -848
  75. package/dist/uitvoerend-violet-oud/index.css +936 -848
  76. package/dist/uitvoerend-violet-oud/index.d.ts +979 -891
  77. package/dist/uitvoerend-violet-oud/index.js +963 -875
  78. package/dist/uitvoerend-violet-oud/index.json +963 -875
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +1833 -1677
  80. package/dist/uitvoerend-violet-oud/root.css +936 -848
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +1381 -1225
  82. package/dist/uitvoerend-violet-oud/tokens.js +25102 -22756
  83. package/dist/wetgevend/_variables.scss +936 -848
  84. package/dist/wetgevend/index.css +936 -848
  85. package/dist/wetgevend/index.d.ts +978 -890
  86. package/dist/wetgevend/index.js +993 -905
  87. package/dist/wetgevend/index.json +962 -874
  88. package/dist/wetgevend/index.tokens.json +1636 -1480
  89. package/dist/wetgevend/root.css +936 -848
  90. package/dist/wetgevend/tokens.d.ts +1463 -1307
  91. package/dist/wetgevend/tokens.js +25526 -23180
  92. package/figma/figma.tokens.json +2154 -2247
  93. package/package.json +1 -1
  94. package/src/generated/base.tokens.json +1665 -1228
  95. package/src/generated/koop/tokens.json +6732 -0
  96. package/src/generated/themes.json +48640 -37872
  97. package/src/generated/uitvoerend-groen/tokens.json +5207 -4703
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +5212 -4708
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +5208 -4704
  100. package/src/generated/uitvoerend-oranje/tokens.json +5208 -4704
  101. package/src/generated/uitvoerend-paars/tokens.json +5200 -4696
  102. package/src/generated/uitvoerend-violet/tokens.json +5208 -4704
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +5200 -4696
  104. package/src/generated/wetgevend/tokens.json +5377 -4873
@@ -19,21 +19,19 @@
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
37
  "value": "'Fira Sans', Arial, Verdana, sans-serif",
@@ -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
  },
@@ -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": "'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": {
@@ -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": "'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%"
1114
+ }
1115
+ },
1116
+ "small": {
1117
+ "font-size": {
1118
+ "type": "fontSizes",
1119
+ "value": "1.5rem"
1120
+ },
1121
+ "color": {
1122
+ "type": "color",
1123
+ "value": "#0F172A"
1124
+ },
1125
+ "font-weight": {
1126
+ "type": "fontWeights",
1127
+ "value": 400
1128
+ },
1129
+ "line-height": {
1130
+ "type": "lineHeights",
1131
+ "value": "150%"
1116
1132
  }
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]"
1117
1143
  }
1118
1144
  },
1119
1145
  "ordered-list": {
1120
- "padding-inline-start": {
1121
- "value": "1.5rem",
1122
- "type": "spacing"
1146
+ "color": {
1147
+ "value": "#0F172A",
1148
+ "type": "color"
1149
+ },
1150
+ "font-family": {
1151
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
1152
+ "type": "fontFamilies"
1153
+ },
1154
+ "font-weight": {
1155
+ "value": 400,
1156
+ "type": "fontWeights"
1157
+ },
1158
+ "margin-inline-start": {
1159
+ "type": "dimension",
1160
+ "value": "0.625rem"
1161
+ },
1162
+ "font-size": {
1163
+ "type": "fontSizes",
1164
+ "value": "1.25rem"
1165
+ },
1166
+ "line-height": {
1167
+ "type": "lineHeights",
1168
+ "value": "150%"
1123
1169
  },
1124
1170
  "margin-block-end": {
1171
+ "type": "dimension",
1125
1172
  "value": "0.25rem",
1126
- "type": "spacing"
1173
+ "description": "[code-only]"
1127
1174
  },
1128
1175
  "margin-block-start": {
1176
+ "type": "dimension",
1129
1177
  "value": "0.25rem",
1130
- "type": "spacing"
1178
+ "description": "[code-only]"
1131
1179
  },
1132
- "margin-inline-start": {
1133
- "value": "0.625rem",
1134
- "type": "spacing"
1180
+ "padding-inline-start": {
1181
+ "type": "dimension",
1182
+ "value": "1.5rem"
1135
1183
  },
1136
1184
  "item": {
1137
- "padding-inline-start": {
1138
- "value": 0,
1139
- "type": "spacing"
1140
- },
1141
1185
  "margin-block-end": {
1142
- "value": "0.25rem",
1143
- "type": "spacing"
1186
+ "type": "dimension",
1187
+ "value": "0.25rem"
1144
1188
  },
1145
1189
  "margin-block-start": {
1146
- "value": "0.25rem",
1147
- "type": "spacing"
1190
+ "type": "dimension",
1191
+ "value": "0.25rem"
1192
+ },
1193
+ "padding-inline-start": {
1194
+ "type": "dimension",
1195
+ "value": "0.5rem"
1148
1196
  }
1149
- },
1150
- "color": {
1151
- "value": "#0F172A",
1152
- "type": "color"
1153
- },
1154
- "font-family": {
1155
- "value": "'Fira Sans', Arial, Verdana, sans-serif",
1156
- "type": "fontFamilies"
1157
- },
1158
- "font-weight": {
1159
- "value": 400,
1160
- "type": "fontWeights"
1161
- },
1162
- "font-size": {
1163
- "value": "1.25rem",
1164
- "type": "fontSizes"
1165
- },
1166
- "line-height": {
1167
- "value": "150%",
1168
- "type": "lineHeights"
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": "'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": "'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": "'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": "'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": "'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": "'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%"
1543
+ },
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"
1455
1563
  },
1456
1564
  "font-size": {
1457
- "value": "1.25rem",
1458
- "type": "fontSizes"
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": {
@@ -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
  },
@@ -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,6 +1859,28 @@
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",
@@ -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": "'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": "'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": {
@@ -3225,106 +3418,42 @@
3225
3418
  }
3226
3419
  }
3227
3420
  },
3228
- "action": {
3229
- "activate": {
3230
- "cursor": {
3231
- "value": "pointer",
3232
- "type": "other"
3233
- }
3234
- },
3235
- "busy": {
3236
- "cursor": {
3237
- "value": "wait",
3238
- "type": "other"
3239
- }
3240
- },
3241
- "disabled": {
3242
- "cursor": {
3243
- "value": "not-allowed",
3244
- "type": "other"
3245
- }
3246
- },
3247
- "inert": {
3248
- "cursor": {
3249
- "value": "default",
3250
- "type": "other"
3251
- }
3252
- },
3253
- "navigate": {
3254
- "cursor": {
3255
- "value": "pointer",
3256
- "type": "other"
3257
- }
3258
- },
3259
- "submit": {
3260
- "cursor": {
3261
- "value": "pointer",
3262
- "type": "other"
3263
- }
3264
- }
3265
- },
3266
- "document": {
3267
- "background-color": {
3268
- "value": "#fff",
3269
- "type": "color"
3270
- },
3271
- "color": {
3272
- "value": "#0F172A",
3273
- "type": "color"
3274
- },
3275
- "font-family": {
3276
- "value": "'Fira Sans', Arial, Verdana, sans-serif",
3277
- "type": "fontFamilies"
3278
- },
3279
- "font-size": {
3280
- "value": "1.25rem",
3281
- "type": "fontSizes"
3282
- },
3283
- "line-height": {
3284
- "value": "150%",
3285
- "type": "lineHeights"
3286
- },
3287
- "font-weight": {
3288
- "value": 400,
3289
- "type": "fontWeights"
3290
- }
3291
- },
3292
3421
  "rich-text": {
3293
3422
  "stranger": {
3294
3423
  "margin-block-end": {
3295
3424
  "value": "2rem",
3296
- "type": "spacing"
3425
+ "type": "dimension"
3297
3426
  }
3298
3427
  },
3299
3428
  "acquaintance": {
3300
3429
  "margin-block-end": {
3301
3430
  "value": "1rem",
3302
- "type": "spacing"
3431
+ "type": "dimension"
3303
3432
  }
3304
3433
  },
3305
3434
  "friend": {
3306
3435
  "margin-block-end": {
3307
3436
  "value": "0.5rem",
3308
- "type": "spacing"
3437
+ "type": "dimension"
3309
3438
  }
3310
3439
  },
3311
3440
  "best-friend": {
3312
3441
  "margin-block-end": {
3313
3442
  "value": "0.25rem",
3314
- "type": "spacing"
3443
+ "type": "dimension"
3315
3444
  }
3316
3445
  },
3317
3446
  "confidant": {
3318
3447
  "margin-block-end": {
3319
- "value": 0,
3320
- "type": "spacing"
3448
+ "value": "0rem",
3449
+ "type": "dimension"
3321
3450
  }
3322
3451
  }
3323
3452
  },
3324
3453
  "pointer-target": {
3325
3454
  "min-size": {
3326
3455
  "value": "48px",
3327
- "type": "sizing"
3456
+ "type": "dimension"
3328
3457
  }
3329
3458
  },
3330
3459
  "focus": {
@@ -3334,7 +3463,7 @@
3334
3463
  },
3335
3464
  "outline-offset": {
3336
3465
  "value": "0.125rem",
3337
- "type": "spacing"
3466
+ "type": "dimension"
3338
3467
  },
3339
3468
  "outline-style": {
3340
3469
  "value": "solid",
@@ -3342,7 +3471,7 @@
3342
3471
  },
3343
3472
  "outline-width": {
3344
3473
  "value": "2px",
3345
- "type": "borderWidth"
3474
+ "type": "dimension"
3346
3475
  },
3347
3476
  "inverse": {
3348
3477
  "outline-color": {
@@ -3350,29 +3479,93 @@
3350
3479
  "type": "color"
3351
3480
  }
3352
3481
  }
3353
- }
3354
- },
3355
- "rhc": {
3356
- "toggletip": {
3357
- "color": {
3482
+ },
3483
+ "document": {
3484
+ "background-color": {
3358
3485
  "value": "#fff",
3359
3486
  "type": "color"
3360
3487
  },
3361
- "background-color": {
3362
- "value": "#007bc7",
3488
+ "color": {
3489
+ "value": "#0F172A",
3363
3490
  "type": "color"
3364
3491
  },
3365
- "border-color": {
3366
- "value": "transparent",
3367
- "type": "color"
3492
+ "font-family": {
3493
+ "value": "'Fira Sans', Arial, Verdana, sans-serif",
3494
+ "type": "fontFamilies"
3368
3495
  },
3369
- "border-radius": {
3370
- "value": "5px",
3371
- "type": "borderRadius"
3496
+ "font-size": {
3497
+ "value": "1.25rem",
3498
+ "type": "fontSizes"
3372
3499
  },
3373
- "border-width": {
3374
- "value": "1px",
3375
- "type": "borderWidth"
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
+ }
3546
+ }
3547
+ },
3548
+ "rhc": {
3549
+ "toggletip": {
3550
+ "color": {
3551
+ "value": "#fff",
3552
+ "type": "color"
3553
+ },
3554
+ "background-color": {
3555
+ "value": "#007bc7",
3556
+ "type": "color"
3557
+ },
3558
+ "border-color": {
3559
+ "value": "transparent",
3560
+ "type": "color"
3561
+ },
3562
+ "border-radius": {
3563
+ "value": "5px",
3564
+ "type": "borderRadius"
3565
+ },
3566
+ "border-width": {
3567
+ "value": "1px",
3568
+ "type": "borderWidth"
3376
3569
  },
3377
3570
  "icon": {
3378
3571
  "size": {
@@ -3532,7 +3725,7 @@
3532
3725
  },
3533
3726
  "border-style": {
3534
3727
  "value": "solid",
3535
- "type": "borderStyle"
3728
+ "type": "other"
3536
3729
  },
3537
3730
  "border-color": {
3538
3731
  "value": "#154273",
@@ -4018,8 +4211,8 @@
4018
4211
  },
4019
4212
  "link-list": {
4020
4213
  "text-decoration": {
4021
- "value": "None",
4022
- "type": "textDecoration"
4214
+ "type": "textDecoration",
4215
+ "value": "None"
4023
4216
  }
4024
4217
  },
4025
4218
  "icon-only-button": {
@@ -4139,7 +4332,7 @@
4139
4332
  },
4140
4333
  "label": {
4141
4334
  "margin-block-end": {
4142
- "value": 0,
4335
+ "value": "0rem",
4143
4336
  "type": "spacing"
4144
4337
  }
4145
4338
  },
@@ -4158,7 +4351,7 @@
4158
4351
  "type": "spacing"
4159
4352
  },
4160
4353
  "margin-block-end": {
4161
- "value": 0,
4354
+ "value": "0rem",
4162
4355
  "type": "spacing"
4163
4356
  }
4164
4357
  },
@@ -4207,7 +4400,7 @@
4207
4400
  },
4208
4401
  "border-block-start-style": {
4209
4402
  "value": "solid",
4210
- "type": "borderStyle"
4403
+ "type": "other"
4211
4404
  },
4212
4405
  "outlined": {
4213
4406
  "background-color": {
@@ -4269,7 +4462,7 @@
4269
4462
  "file": {
4270
4463
  "border-style": {
4271
4464
  "value": "solid",
4272
- "type": "borderStyle"
4465
+ "type": "other"
4273
4466
  },
4274
4467
  "border-color": {
4275
4468
  "value": "#154273",
@@ -4350,7 +4543,7 @@
4350
4543
  "type": "spacing"
4351
4544
  },
4352
4545
  "padding-inline-end": {
4353
- "value": 0,
4546
+ "value": "0rem",
4354
4547
  "type": "spacing"
4355
4548
  },
4356
4549
  "padding-inline-start": {
@@ -4363,15 +4556,15 @@
4363
4556
  "type": "spacing"
4364
4557
  },
4365
4558
  "padding-block-start": {
4366
- "value": 0,
4559
+ "value": "0rem",
4367
4560
  "type": "spacing"
4368
4561
  },
4369
4562
  "padding-inline-end": {
4370
- "value": 0,
4563
+ "value": "0rem",
4371
4564
  "type": "spacing"
4372
4565
  },
4373
4566
  "padding-inline-start": {
4374
- "value": 0,
4567
+ "value": "0rem",
4375
4568
  "type": "spacing"
4376
4569
  }
4377
4570
  },
@@ -4394,7 +4587,7 @@
4394
4587
  "type": "spacing"
4395
4588
  },
4396
4589
  "padding-inline-start": {
4397
- "value": 0,
4590
+ "value": "0rem",
4398
4591
  "type": "spacing"
4399
4592
  }
4400
4593
  },
@@ -4407,11 +4600,11 @@
4407
4600
  "type": "spacing"
4408
4601
  },
4409
4602
  "padding-inline-end": {
4410
- "value": 0,
4603
+ "value": "0rem",
4411
4604
  "type": "spacing"
4412
4605
  },
4413
4606
  "padding-inline-start": {
4414
- "value": 0,
4607
+ "value": "0rem",
4415
4608
  "type": "spacing"
4416
4609
  }
4417
4610
  },
@@ -4426,7 +4619,7 @@
4426
4619
  },
4427
4620
  "border-block-end-style": {
4428
4621
  "value": "solid",
4429
- "type": "borderStyle"
4622
+ "type": "other"
4430
4623
  },
4431
4624
  "color": {
4432
4625
  "value": "#0F172A",
@@ -4452,7 +4645,7 @@
4452
4645
  "type": "spacing"
4453
4646
  },
4454
4647
  "padding-inline-end": {
4455
- "value": 0,
4648
+ "value": "0rem",
4456
4649
  "type": "spacing"
4457
4650
  },
4458
4651
  "padding-inline-start": {
@@ -4473,11 +4666,27 @@
4473
4666
  "type": "spacing"
4474
4667
  },
4475
4668
  "padding-inline-start": {
4476
- "value": 0,
4669
+ "value": "0rem",
4477
4670
  "type": "spacing"
4478
4671
  }
4479
4672
  }
4480
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
+ },
4481
4690
  "code-input": {
4482
4691
  "size": {
4483
4692
  "value": "48px",
@@ -4712,73 +4921,73 @@
4712
4921
  "top-left": {
4713
4922
  "borderRadiusTopLeft": {
4714
4923
  "value": "48px",
4715
- "type": "borderRadius"
4924
+ "type": "dimension"
4716
4925
  },
4717
4926
  "borderRadiusTopRight": {
4718
4927
  "value": 0,
4719
- "type": "borderRadius"
4928
+ "type": "dimension"
4720
4929
  },
4721
4930
  "borderRadiusBottomRight": {
4722
4931
  "value": 0,
4723
- "type": "borderRadius"
4932
+ "type": "dimension"
4724
4933
  },
4725
4934
  "borderRadiusBottomLeft": {
4726
4935
  "value": 0,
4727
- "type": "borderRadius"
4936
+ "type": "dimension"
4728
4937
  }
4729
4938
  },
4730
4939
  "top-right": {
4731
4940
  "borderRadiusTopRight": {
4732
4941
  "value": "48px",
4733
- "type": "borderRadius"
4942
+ "type": "dimension"
4734
4943
  },
4735
4944
  "borderRadiusTopLeft": {
4736
4945
  "value": 0,
4737
- "type": "borderRadius"
4946
+ "type": "dimension"
4738
4947
  },
4739
4948
  "borderRadiusBottomRight": {
4740
4949
  "value": 0,
4741
- "type": "borderRadius"
4950
+ "type": "dimension"
4742
4951
  },
4743
4952
  "borderRadiusBottomLeft": {
4744
4953
  "value": 0,
4745
- "type": "borderRadius"
4954
+ "type": "dimension"
4746
4955
  }
4747
4956
  },
4748
4957
  "bottom-right": {
4749
4958
  "borderRadiusTopLeft": {
4750
4959
  "value": 0,
4751
- "type": "borderRadius"
4960
+ "type": "dimension"
4752
4961
  },
4753
4962
  "borderRadiusTopRight": {
4754
4963
  "value": 0,
4755
- "type": "borderRadius"
4964
+ "type": "dimension"
4756
4965
  },
4757
4966
  "borderRadiusBottomRight": {
4758
4967
  "value": "48px",
4759
- "type": "borderRadius"
4968
+ "type": "dimension"
4760
4969
  },
4761
4970
  "borderRadiusBottomLeft": {
4762
4971
  "value": 0,
4763
- "type": "borderRadius"
4972
+ "type": "dimension"
4764
4973
  }
4765
4974
  },
4766
4975
  "bottom-left": {
4767
4976
  "borderRadiusTopLeft": {
4768
4977
  "value": 0,
4769
- "type": "borderRadius"
4978
+ "type": "dimension"
4770
4979
  },
4771
4980
  "borderRadiusTopRight": {
4772
4981
  "value": 0,
4773
- "type": "borderRadius"
4982
+ "type": "dimension"
4774
4983
  },
4775
4984
  "borderRadiusBottomRight": {
4776
4985
  "value": 0,
4777
- "type": "borderRadius"
4986
+ "type": "dimension"
4778
4987
  },
4779
4988
  "borderRadiusBottomLeft": {
4780
4989
  "value": "48px",
4781
- "type": "borderRadius"
4990
+ "type": "dimension"
4782
4991
  }
4783
4992
  }
4784
4993
  },
@@ -4866,44 +5075,44 @@
4866
5075
  "xs": {
4867
5076
  "border-radius": {
4868
5077
  "value": "24px",
4869
- "type": "borderRadius"
5078
+ "type": "dimension"
4870
5079
  }
4871
5080
  },
4872
5081
  "md": {
4873
5082
  "border-radius": {
4874
5083
  "value": "48px",
4875
- "type": "borderRadius"
5084
+ "type": "dimension"
4876
5085
  }
4877
5086
  },
4878
5087
  "xl": {
4879
5088
  "border-radius": {
4880
5089
  "value": "96px",
4881
- "type": "borderRadius"
5090
+ "type": "dimension"
4882
5091
  }
4883
5092
  },
4884
5093
  "border-width": {
4885
5094
  "value": "2px",
4886
- "type": "borderWidth"
5095
+ "type": "dimension"
4887
5096
  }
4888
5097
  },
4889
5098
  "border-radius": {
4890
5099
  "sm": {
4891
5100
  "value": "2.5px",
4892
- "type": "borderRadius"
5101
+ "type": "dimension"
4893
5102
  },
4894
5103
  "md": {
4895
5104
  "value": "5px",
4896
- "type": "borderRadius"
5105
+ "type": "dimension"
4897
5106
  },
4898
5107
  "circle": {
4899
5108
  "parent": "core/default",
4900
5109
  "value": "999px",
4901
- "type": "borderRadius"
5110
+ "type": "dimension"
4902
5111
  },
4903
5112
  "none": {
4904
5113
  "parent": "core/default",
4905
5114
  "value": "0px",
4906
- "type": "borderRadius"
5115
+ "type": "dimension"
4907
5116
  }
4908
5117
  },
4909
5118
  "color": {
@@ -4935,11 +5144,6 @@
4935
5144
  "on-light-color": {
4936
5145
  "value": "#000",
4937
5146
  "type": "color"
4938
- },
4939
- "onEmphasis": {
4940
- "value": "#fff",
4941
- "type": "color",
4942
- "description": "Legacy token – wordt vervangen door rhc.color.foreground.on-dark-color"
4943
5147
  }
4944
5148
  },
4945
5149
  "border": {
@@ -5664,7 +5868,7 @@
5664
5868
  "focus": {
5665
5869
  "outline-offset": {
5666
5870
  "value": "0.125rem",
5667
- "type": "spacing"
5871
+ "type": "other"
5668
5872
  },
5669
5873
  "outline-style": {
5670
5874
  "value": "solid",
@@ -5672,7 +5876,7 @@
5672
5876
  },
5673
5877
  "outline-width": {
5674
5878
  "value": "2px",
5675
- "type": "borderWidth"
5879
+ "type": "dimension"
5676
5880
  }
5677
5881
  },
5678
5882
  "font-size": {
@@ -5830,12 +6034,12 @@
5830
6034
  "size": {
5831
6035
  "target": {
5832
6036
  "value": "48px",
5833
- "type": "sizing"
6037
+ "type": "dimension"
5834
6038
  },
5835
6039
  "icon": {
5836
6040
  "functional": {
5837
6041
  "value": "24px",
5838
- "type": "sizing"
6042
+ "type": "dimension"
5839
6043
  }
5840
6044
  },
5841
6045
  "quarter-lint": {
@@ -5873,503 +6077,603 @@
5873
6077
  "default": {
5874
6078
  "parent": "core/default",
5875
6079
  "value": "1px",
5876
- "type": "borderWidth"
6080
+ "type": "dimension"
5877
6081
  },
5878
6082
  "m": {
5879
6083
  "parent": "core/default",
5880
6084
  "value": "2px",
5881
- "type": "borderWidth"
6085
+ "type": "dimension"
5882
6086
  },
5883
6087
  "none": {
5884
6088
  "parent": "core/default",
5885
6089
  "value": "0px",
5886
- "type": "borderWidth"
6090
+ "type": "dimension"
5887
6091
  }
5888
6092
  },
5889
6093
  "space": {
5890
6094
  "0": {
5891
6095
  "parent": "core/default",
5892
- "value": 0,
5893
- "type": "spacing"
6096
+ "value": "0rem",
6097
+ "type": "dimension"
5894
6098
  },
5895
6099
  "25": {
5896
6100
  "parent": "core/default",
5897
6101
  "value": "0.125rem",
5898
- "type": "spacing"
6102
+ "type": "dimension"
5899
6103
  },
5900
6104
  "50": {
5901
6105
  "parent": "core/default",
5902
6106
  "value": "0.25rem",
5903
- "type": "spacing"
6107
+ "type": "dimension"
5904
6108
  },
5905
6109
  "100": {
5906
6110
  "parent": "core/default",
5907
6111
  "value": "0.5rem",
5908
- "type": "spacing"
6112
+ "type": "dimension"
5909
6113
  },
5910
6114
  "150": {
5911
6115
  "parent": "core/default",
5912
6116
  "value": "0.75rem",
5913
- "type": "spacing"
6117
+ "type": "dimension"
5914
6118
  },
5915
6119
  "200": {
5916
6120
  "parent": "core/default",
5917
6121
  "value": "1rem",
5918
- "type": "spacing"
6122
+ "type": "dimension"
5919
6123
  },
5920
6124
  "300": {
5921
6125
  "parent": "core/default",
5922
6126
  "value": "1.5rem",
5923
- "type": "spacing"
6127
+ "type": "dimension"
5924
6128
  },
5925
6129
  "400": {
5926
6130
  "parent": "core/default",
5927
6131
  "value": "2rem",
5928
- "type": "spacing"
6132
+ "type": "dimension"
5929
6133
  },
5930
6134
  "500": {
5931
6135
  "parent": "core/default",
5932
6136
  "value": "2.5rem",
5933
- "type": "spacing"
6137
+ "type": "dimension"
5934
6138
  },
5935
6139
  "600": {
5936
6140
  "parent": "core/default",
5937
6141
  "value": "3rem",
5938
- "type": "spacing"
6142
+ "type": "dimension"
5939
6143
  },
5940
6144
  "700": {
5941
6145
  "parent": "core/default",
5942
6146
  "value": "3.5rem",
5943
- "type": "spacing"
6147
+ "type": "dimension"
5944
6148
  }
5945
6149
  }
5946
6150
  },
5947
6151
  "nl": {
5948
6152
  "skip-link": {
5949
- "font-weight": {
5950
- "value": 700,
5951
- "type": "fontWeights"
5952
- },
5953
- "font-family": {
5954
- "value": "'Fira Sans', Arial, Verdana, sans-serif",
5955
- "type": "fontFamilies"
5956
- },
5957
- "font-size": {
5958
- "value": "1.25rem",
5959
- "type": "fontSizes"
6153
+ "border-color": {
6154
+ "type": "color",
6155
+ "value": "transparent"
5960
6156
  },
5961
- "line-height": {
5962
- "value": "150%",
5963
- "type": "lineHeights"
6157
+ "border-width": {
6158
+ "type": "dimension",
6159
+ "value": "2px"
5964
6160
  },
5965
- "min-block-size": {
5966
- "value": "48px",
5967
- "type": "sizing"
6161
+ "font-family": {
6162
+ "type": "fontFamilies",
6163
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
5968
6164
  },
5969
- "min-inline-size": {
5970
- "value": "48px",
5971
- "type": "sizing"
6165
+ "font-weight": {
6166
+ "type": "fontWeights",
6167
+ "value": 700
5972
6168
  },
5973
6169
  "padding-block-end": {
5974
- "value": "0.75rem",
5975
- "type": "spacing"
6170
+ "type": "dimension",
6171
+ "value": "0.75rem"
5976
6172
  },
5977
6173
  "padding-block-start": {
5978
- "value": "0.75rem",
5979
- "type": "spacing"
6174
+ "type": "dimension",
6175
+ "value": "0.75rem"
5980
6176
  },
5981
6177
  "padding-inline-end": {
5982
- "value": "1rem",
5983
- "type": "spacing"
6178
+ "type": "dimension",
6179
+ "value": "1rem"
5984
6180
  },
5985
6181
  "padding-inline-start": {
5986
- "value": "1rem",
5987
- "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
+ }
5988
6206
  },
5989
6207
  "focus": {
5990
6208
  "background-color": {
5991
- "value": "#fff",
5992
- "type": "color"
6209
+ "type": "color",
6210
+ "value": "#fff"
5993
6211
  },
5994
6212
  "border-color": {
5995
- "value": "#154273",
5996
- "type": "color"
6213
+ "type": "color",
6214
+ "value": "#154273"
5997
6215
  },
5998
6216
  "border-style": {
5999
- "value": "solid",
6000
- "type": "borderStyle"
6217
+ "type": "other",
6218
+ "value": "solid"
6001
6219
  },
6002
6220
  "border-width": {
6003
- "value": "2px",
6004
- "type": "borderWidth"
6221
+ "type": "dimension",
6222
+ "value": "2px"
6005
6223
  },
6006
6224
  "color": {
6007
- "value": "#0F172A",
6008
- "type": "color"
6225
+ "type": "color",
6226
+ "value": "#0F172A"
6009
6227
  },
6010
6228
  "text-decoration": {
6011
- "value": "None",
6012
- "type": "textDecoration"
6229
+ "type": "textDecoration",
6230
+ "value": "None"
6013
6231
  }
6014
6232
  },
6015
6233
  "focus-visible": {
6016
6234
  "outline-color": {
6017
- "value": "#000",
6018
- "type": "color"
6235
+ "type": "color",
6236
+ "value": "#000"
6019
6237
  }
6020
6238
  },
6021
- "background-color": {
6022
- "value": "#154273",
6023
- "type": "color"
6239
+ "text-decoration": {
6240
+ "type": "textDecoration",
6241
+ "value": "underline"
6024
6242
  },
6025
- "border-color": {
6026
- "value": "transparent",
6027
- "type": "color"
6243
+ "background-color": {
6244
+ "type": "color",
6245
+ "value": "#fff"
6028
6246
  },
6029
6247
  "color": {
6030
- "value": "#fff",
6031
- "type": "color"
6248
+ "type": "color",
6249
+ "value": "#01689b"
6032
6250
  },
6033
- "border-width": {
6034
- "value": "2px",
6035
- "type": "borderWidth"
6251
+ "padding-block": {
6252
+ "value": "0.75rem",
6253
+ "type": "dimension"
6036
6254
  },
6037
- "box-block-end-shadow": {
6038
- "offset-x": {
6039
- "value": 0,
6040
- "type": "other"
6041
- },
6042
- "offset-y": {
6043
- "value": "16px",
6044
- "type": "other"
6045
- },
6046
- "blur-radius": {
6047
- "value": "48px",
6048
- "type": "other"
6049
- },
6050
- "spread-radius": {
6051
- "value": 0,
6052
- "type": "other"
6053
- },
6054
- "color": {
6055
- "value": "#0000001a",
6056
- "type": "color"
6057
- }
6058
- },
6059
- "text-decoration": {
6060
- "value": "underline",
6061
- "type": "textDecoration"
6255
+ "padding-inline": {
6256
+ "value": "1rem",
6257
+ "type": "dimension"
6062
6258
  },
6063
- "text-underline-offset": {
6064
- "value": "0.125rem",
6065
- "type": "other"
6066
- }
6067
- },
6068
- "paragraph": {
6069
- "color": {
6070
- "value": "#0F172A",
6071
- "type": "color"
6259
+ "min-block-size": {
6260
+ "type": "dimension",
6261
+ "value": "48px"
6072
6262
  },
6073
- "font-family": {
6074
- "value": "'Fira Sans', Arial, Verdana, sans-serif",
6075
- "type": "fontFamilies"
6263
+ "min-inline-size": {
6264
+ "type": "dimension",
6265
+ "value": "48px"
6076
6266
  },
6077
- "font-size": {
6078
- "value": "1.25rem",
6079
- "type": "fontSizes"
6267
+ "text-decoration-thickness": {
6268
+ "value": "0.0625em",
6269
+ "type": "other",
6270
+ "description": "[code-only]"
6080
6271
  },
6081
- "font-weight": {
6082
- "value": 400,
6083
- "type": "fontWeights"
6272
+ "text-underline-offset": {
6273
+ "type": "other",
6274
+ "value": "0.125rem",
6275
+ "description": "[code-only]"
6084
6276
  },
6085
6277
  "line-height": {
6086
6278
  "value": "150%",
6087
6279
  "type": "lineHeights"
6088
6280
  },
6089
- "margin-block-end": {
6090
- "value": 0,
6091
- "type": "spacing"
6092
- },
6093
- "margin-block-start": {
6094
- "value": 0,
6095
- "type": "spacing"
6096
- },
6281
+ "font-size": {
6282
+ "value": "1.25rem",
6283
+ "type": "fontSizes"
6284
+ }
6285
+ },
6286
+ "paragraph": {
6097
6287
  "lead": {
6098
6288
  "color": {
6099
6289
  "value": "#0F172A",
6100
6290
  "type": "color"
6101
6291
  },
6102
6292
  "font-size": {
6103
- "value": "1.5rem",
6104
- "type": "fontSizes"
6293
+ "type": "fontSizes",
6294
+ "value": "1.5rem"
6105
6295
  },
6106
6296
  "font-weight": {
6107
- "value": 400,
6108
- "type": "fontWeights"
6297
+ "type": "fontWeights",
6298
+ "value": 400
6109
6299
  },
6110
6300
  "line-height": {
6111
- "value": "150%",
6112
- "type": "lineHeights"
6113
- }
6114
- }
6115
- },
6116
- "link": {
6117
- "color": {
6118
- "value": "#01689b",
6119
- "type": "color"
6120
- },
6121
- "text-decoration-color": {
6122
- "value": "#01689b",
6123
- "type": "color"
6124
- },
6125
- "active": {
6126
- "color": {
6127
- "value": "#42145f",
6128
- "type": "color"
6129
- },
6130
- "text-decoration": {
6131
- "value": "None",
6132
- "type": "textDecoration"
6133
- }
6134
- },
6135
- "focus": {
6136
- "background-color": {
6137
- "value": "transparent",
6138
- "type": "color"
6139
- },
6140
- "color": {
6141
- "value": "#01689b",
6142
- "type": "color"
6143
- },
6144
- "text-decoration": {
6145
- "value": "None",
6146
- "type": "textDecoration"
6147
- },
6148
- "text-decoration-thickness": {
6149
- "value": "auto",
6150
- "type": "other"
6151
- }
6152
- },
6153
- "hover": {
6154
- "color": {
6155
- "$extensions": {
6156
- "studio.tokens": {
6157
- "modify": {
6158
- "type": "darken",
6159
- "value": "0.3",
6160
- "space": "srgb"
6161
- }
6162
- }
6163
- },
6164
- "value": "#01496c",
6165
- "type": "color"
6166
- },
6167
- "text-decoration": {
6168
- "value": "None",
6169
- "type": "textDecoration"
6301
+ "type": "lineHeights",
6302
+ "value": "150%"
6170
6303
  },
6171
- "text-decoration-thickness": {
6172
- "value": "auto",
6173
- "type": "other"
6174
- }
6175
- },
6176
- "visited": {
6177
- "color": {
6178
- "value": "#42145f",
6179
- "type": "color"
6180
- }
6181
- },
6182
- "text-decoration": {
6183
- "value": "underline",
6184
- "type": "textDecoration"
6185
- },
6186
- "icon": {
6187
- "inset-block-start": {
6188
- "value": "0.25rem",
6189
- "type": "spacing"
6304
+ "margin-block-end": {
6305
+ "type": "dimension",
6306
+ "value": "0rem",
6307
+ "description": "[code only]"
6190
6308
  },
6191
- "size": {
6192
- "value": "24px",
6193
- "type": "sizing"
6309
+ "margin-block-start": {
6310
+ "type": "dimension",
6311
+ "value": "0rem",
6312
+ "description": "[code only]"
6194
6313
  }
6195
6314
  },
6196
- "column-gap": {
6197
- "value": "0.25rem",
6198
- "type": "spacing"
6199
- },
6200
- "text-decoration-thickness": {
6201
- "value": "auto",
6202
- "type": "other"
6203
- },
6204
- "text-underline-offset": {
6205
- "value": "0.125rem",
6206
- "type": "other"
6315
+ "color": {
6316
+ "type": "color",
6317
+ "value": "#0F172A"
6207
6318
  },
6208
6319
  "font-family": {
6209
- "value": "'Fira Sans', Arial, Verdana, sans-serif",
6210
- "type": "fontFamilies"
6211
- },
6212
- "font-weight": {
6213
- "value": 400,
6214
- "type": "fontWeights"
6320
+ "type": "fontFamilies",
6321
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
6215
6322
  },
6216
6323
  "font-size": {
6217
- "value": "1.25rem",
6218
- "type": "fontSizes"
6219
- },
6220
- "line-height": {
6221
- "value": "150%",
6222
- "type": "lineHeights"
6223
- }
6224
- },
6225
- "heading-level-1": {
6226
- "color": {
6227
- "value": "#154273",
6228
- "type": "color"
6229
- },
6230
- "font-family": {
6231
- "value": "'Fira Sans', Arial, Verdana, sans-serif",
6232
- "type": "fontFamilies"
6324
+ "type": "fontSizes",
6325
+ "value": "1.25rem"
6233
6326
  },
6234
6327
  "font-weight": {
6235
- "value": 700,
6236
- "type": "fontWeights"
6328
+ "type": "fontWeights",
6329
+ "value": 400
6237
6330
  },
6238
6331
  "line-height": {
6239
- "value": "125%",
6240
- "type": "lineHeights"
6241
- },
6242
- "font-size": {
6243
- "value": "3.125rem",
6244
- "type": "fontSizes"
6332
+ "type": "lineHeights",
6333
+ "value": "150%"
6245
6334
  },
6246
6335
  "margin-block-end": {
6247
- "value": 0,
6248
- "type": "spacing"
6336
+ "type": "dimension",
6337
+ "value": "0rem",
6338
+ "description": "[code only]"
6249
6339
  },
6250
6340
  "margin-block-start": {
6251
- "value": 0,
6252
- "type": "spacing"
6341
+ "type": "dimension",
6342
+ "value": "0rem",
6343
+ "description": "[code only]"
6253
6344
  }
6254
6345
  },
6255
- "heading-level-2": {
6256
- "color": {
6257
- "value": "#154273",
6258
- "type": "color"
6346
+ "link": {
6347
+ "column-gap": {
6348
+ "type": "dimension",
6349
+ "value": "0.25rem"
6259
6350
  },
6260
6351
  "font-family": {
6261
- "value": "'Fira Sans', Arial, Verdana, sans-serif",
6262
- "type": "fontFamilies"
6263
- },
6264
- "font-weight": {
6265
- "value": 700,
6266
- "type": "fontWeights"
6267
- },
6268
- "line-height": {
6269
- "value": "125%",
6270
- "type": "lineHeights"
6352
+ "type": "fontFamilies",
6353
+ "value": "'Fira Sans', Arial, Verdana, sans-serif"
6271
6354
  },
6272
6355
  "font-size": {
6273
- "value": "2.5rem",
6274
- "type": "fontSizes"
6275
- },
6276
- "margin-block-end": {
6277
- "value": 0,
6278
- "type": "spacing"
6279
- },
6280
- "margin-block-start": {
6281
- "value": 0,
6282
- "type": "spacing"
6283
- }
6284
- },
6285
- "heading-level-3": {
6286
- "color": {
6287
- "value": "#154273",
6288
- "type": "color"
6289
- },
6290
- "font-family": {
6291
- "value": "'Fira Sans', Arial, Verdana, sans-serif",
6292
- "type": "fontFamilies"
6356
+ "type": "fontSizes",
6357
+ "value": "1.25rem"
6293
6358
  },
6294
6359
  "font-weight": {
6295
- "value": 700,
6296
- "type": "fontWeights"
6360
+ "type": "fontWeights",
6361
+ "value": 400
6297
6362
  },
6298
6363
  "line-height": {
6299
- "value": "125%",
6300
- "type": "lineHeights"
6364
+ "type": "lineHeights",
6365
+ "value": "150%"
6301
6366
  },
6302
- "font-size": {
6303
- "value": "1.875rem",
6304
- "type": "fontSizes"
6367
+ "icon": {
6368
+ "inset-block-start": {
6369
+ "type": "dimension",
6370
+ "value": "0.25rem"
6371
+ },
6372
+ "size": {
6373
+ "type": "dimension",
6374
+ "value": "24px"
6375
+ }
6305
6376
  },
6306
- "margin-block-end": {
6307
- "value": 0,
6308
- "type": "spacing"
6377
+ "active": {
6378
+ "text-decoration": {
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
+ }
6394
+ }
6395
+ },
6396
+ "focus": {
6397
+ "background-color": {
6398
+ "type": "color",
6399
+ "value": "transparent"
6400
+ },
6401
+ "color": {
6402
+ "type": "color",
6403
+ "value": "#01689b"
6404
+ },
6405
+ "text-decoration": {
6406
+ "type": "textDecoration",
6407
+ "value": "None"
6408
+ },
6409
+ "text-decoration-thickness": {
6410
+ "type": "other",
6411
+ "value": "auto"
6412
+ }
6413
+ },
6414
+ "visited": {
6415
+ "color": {
6416
+ "type": "color",
6417
+ "value": "#01689b"
6418
+ }
6309
6419
  },
6310
- "margin-block-start": {
6311
- "value": 0,
6312
- "type": "spacing"
6313
- }
6314
- },
6315
- "heading-level-4": {
6316
6420
  "color": {
6317
- "value": "#154273",
6421
+ "type": "color",
6422
+ "value": "#01689b"
6423
+ },
6424
+ "text-decoration-color": {
6425
+ "value": "inherit",
6318
6426
  "type": "color"
6319
6427
  },
6320
- "font-family": {
6321
- "value": "'Fira Sans', Arial, Verdana, sans-serif",
6322
- "type": "fontFamilies"
6428
+ "text-decoration-line": {
6429
+ "type": "textDecoration",
6430
+ "value": "underline"
6323
6431
  },
6324
- "font-weight": {
6325
- "value": 700,
6326
- "type": "fontWeights"
6432
+ "text-decoration-thickness": {
6433
+ "type": "other",
6434
+ "value": "0.0625em",
6435
+ "description": "[code-only]"
6327
6436
  },
6328
- "line-height": {
6329
- "value": "125%",
6330
- "type": "lineHeights"
6437
+ "text-underline-offset": {
6438
+ "description": "[code-only]",
6439
+ "type": "other",
6440
+ "value": "0.125rem"
6331
6441
  },
6332
- "font-size": {
6333
- "value": "1.5rem",
6334
- "type": "fontSizes"
6442
+ "current": {
6443
+ "cursor": {
6444
+ "type": "other",
6445
+ "value": "default",
6446
+ "description": "[code-only]"
6447
+ }
6335
6448
  },
6336
- "margin-block-end": {
6337
- "value": 0,
6338
- "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
+ }
6339
6459
  },
6340
- "margin-block-start": {
6341
- "value": 0,
6342
- "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
+ }
6343
6483
  }
6344
6484
  },
6345
- "heading-level-5": {
6346
- "color": {
6347
- "value": "#154273",
6348
- "type": "color"
6349
- },
6350
- "font-family": {
6351
- "value": "'Fira Sans', Arial, Verdana, sans-serif",
6352
- "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
+ }
6353
6517
  },
6354
- "font-weight": {
6355
- "value": 700,
6356
- "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
+ }
6357
6549
  },
6358
- "line-height": {
6359
- "value": "125%",
6360
- "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
+ }
6361
6581
  },
6362
- "font-size": {
6363
- "value": "1.25rem",
6364
- "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
+ }
6365
6613
  },
6366
- "margin-block-end": {
6367
- "value": 0,
6368
- "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
+ }
6369
6645
  },
6370
- "margin-block-start": {
6371
- "value": 0,
6372
- "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
+ }
6373
6677
  }
6374
6678
  },
6375
6679
  "number-badge": {
@@ -6426,5 +6730,138 @@
6426
6730
  "type": "spacing"
6427
6731
  }
6428
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
+ }
6429
6866
  }
6430
6867
  }