@rijkshuisstijl-community/design-tokens 1.1.0 → 2.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.
- package/CHANGELOG.md +34 -0
- package/README.md +153 -12
- package/dist/_variables.scss +772 -743
- package/dist/index.css +772 -743
- package/dist/index.d.ts +545 -516
- package/dist/index.js +609 -580
- package/dist/index.json +608 -579
- package/dist/index.tokens.json +1664 -1613
- package/dist/root.css +772 -743
- package/dist/tokens.d.ts +1569 -1518
- package/dist/tokens.js +22875 -22078
- package/dist/uitvoerend-groen/_variables.scss +1337 -0
- package/dist/uitvoerend-groen/index.css +1340 -0
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-groen}/index.d.ts +442 -418
- package/dist/uitvoerend-groen/index.js +1338 -0
- package/dist/uitvoerend-groen/index.json +1335 -0
- package/dist/uitvoerend-groen/index.tokens.json +2049 -0
- package/dist/uitvoerend-groen/root.css +1340 -0
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-groen}/tokens.d.ts +646 -628
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-groen}/tokens.js +14276 -13624
- package/dist/uitvoerend-hemelblauw/_variables.scss +1337 -0
- package/dist/uitvoerend-hemelblauw/index.css +1340 -0
- package/dist/uitvoerend-hemelblauw/index.d.ts +1338 -0
- package/dist/uitvoerend-hemelblauw/index.js +1338 -0
- package/dist/uitvoerend-hemelblauw/index.json +1335 -0
- package/dist/uitvoerend-hemelblauw/index.tokens.json +2049 -0
- package/dist/uitvoerend-hemelblauw/root.css +1340 -0
- package/dist/uitvoerend-hemelblauw/tokens.d.ts +2072 -0
- package/dist/uitvoerend-hemelblauw/tokens.js +31258 -0
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/_variables.scss +533 -509
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.css +534 -510
- package/dist/uitvoerend-mintgroen/index.d.ts +1338 -0
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.js +507 -483
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.json +506 -482
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.tokens.json +734 -716
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/root.css +533 -509
- package/dist/uitvoerend-mintgroen/tokens.d.ts +2072 -0
- package/dist/uitvoerend-mintgroen/tokens.js +31258 -0
- package/dist/uitvoerend-oranje/_variables.scss +1337 -0
- package/dist/uitvoerend-oranje/index.css +1340 -0
- package/dist/uitvoerend-oranje/index.d.ts +1338 -0
- package/dist/uitvoerend-oranje/index.js +1338 -0
- package/dist/uitvoerend-oranje/index.json +1335 -0
- package/dist/uitvoerend-oranje/index.tokens.json +2049 -0
- package/dist/uitvoerend-oranje/root.css +1340 -0
- package/dist/uitvoerend-oranje/tokens.d.ts +2072 -0
- package/dist/uitvoerend-oranje/tokens.js +31258 -0
- package/dist/uitvoerend-paars/_variables.scss +1337 -0
- package/dist/uitvoerend-paars/index.css +1340 -0
- package/dist/uitvoerend-paars/index.d.ts +1338 -0
- package/dist/uitvoerend-paars/index.js +1338 -0
- package/dist/uitvoerend-paars/index.json +1335 -0
- package/dist/uitvoerend-paars/index.tokens.json +2049 -0
- package/dist/uitvoerend-paars/root.css +1340 -0
- package/dist/uitvoerend-paars/tokens.d.ts +2072 -0
- package/dist/uitvoerend-paars/tokens.js +31258 -0
- package/dist/uitvoerend-violet/_variables.scss +231 -202
- package/dist/uitvoerend-violet/index.css +231 -202
- package/dist/uitvoerend-violet/index.d.ts +102 -73
- package/dist/uitvoerend-violet/index.js +231 -202
- package/dist/uitvoerend-violet/index.json +230 -201
- package/dist/uitvoerend-violet/index.tokens.json +281 -230
- package/dist/uitvoerend-violet/root.css +231 -202
- package/dist/uitvoerend-violet/tokens.d.ts +151 -100
- package/dist/uitvoerend-violet/tokens.js +16369 -15572
- package/dist/uitvoerend-violet-oud/_variables.scss +231 -201
- package/dist/uitvoerend-violet-oud/index.css +231 -201
- package/dist/uitvoerend-violet-oud/index.d.ts +102 -72
- package/dist/uitvoerend-violet-oud/index.js +231 -201
- package/dist/uitvoerend-violet-oud/index.json +230 -200
- package/dist/uitvoerend-violet-oud/index.tokens.json +281 -229
- package/dist/uitvoerend-violet-oud/root.css +231 -201
- package/dist/uitvoerend-violet-oud/tokens.d.ts +151 -99
- package/dist/uitvoerend-violet-oud/tokens.js +12621 -11803
- package/dist/wetgevend/_variables.scss +171 -142
- package/dist/wetgevend/index.css +171 -142
- package/dist/wetgevend/index.d.ts +102 -73
- package/dist/wetgevend/index.js +171 -142
- package/dist/wetgevend/index.json +170 -141
- package/dist/wetgevend/index.tokens.json +221 -170
- package/dist/wetgevend/root.css +171 -142
- package/dist/wetgevend/tokens.d.ts +151 -100
- package/dist/wetgevend/tokens.js +12217 -11420
- package/figma/figma.tokens.json +2428 -556
- package/package.json +1 -1
- package/src/generated/base.tokens.json +4520 -4338
- package/src/generated/themes.json +28993 -3285
- package/src/generated/uitvoerend-groen/tokens.json +6252 -0
- package/src/generated/uitvoerend-hemelblauw/tokens.json +6252 -0
- package/src/generated/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/tokens.json +2374 -2240
- package/src/generated/uitvoerend-oranje/tokens.json +6252 -0
- package/src/generated/uitvoerend-paars/tokens.json +6252 -0
- package/src/generated/uitvoerend-violet/tokens.json +640 -458
- package/src/generated/uitvoerend-violet-oud/tokens.json +643 -457
- package/src/generated/wetgevend/tokens.json +602 -420
package/figma/figma.tokens.json
CHANGED
|
@@ -717,7 +717,7 @@
|
|
|
717
717
|
},
|
|
718
718
|
"font-family": {
|
|
719
719
|
"primary": {
|
|
720
|
-
"value": "Fira Sans, Arial, Verdana, sans-serif",
|
|
720
|
+
"value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
|
|
721
721
|
"type": "fontFamilies"
|
|
722
722
|
},
|
|
723
723
|
"secondary": {
|
|
@@ -849,15 +849,22 @@
|
|
|
849
849
|
"type": "color",
|
|
850
850
|
"description": "Gebruik voor content die extra context biedt, maar niet essentieel is om de interface te begrijpen."
|
|
851
851
|
},
|
|
852
|
-
"onEmphasis": {
|
|
853
|
-
"parent": "mode/light",
|
|
854
|
-
"value": "{rhc.color.wit}",
|
|
855
|
-
"type": "color",
|
|
856
|
-
"description": "Tekst en iconen die op een sterke achtergrond staan. Zoals het label in de primaire button of links in de footer."
|
|
857
|
-
},
|
|
858
852
|
"link": {
|
|
859
853
|
"value": "{rhc.color.donkerblauw.500}",
|
|
860
854
|
"type": "color"
|
|
855
|
+
},
|
|
856
|
+
"on-dark-color": {
|
|
857
|
+
"value": "{rhc.color.wit}",
|
|
858
|
+
"type": "color"
|
|
859
|
+
},
|
|
860
|
+
"on-light-color": {
|
|
861
|
+
"value": "{rhc.color.zwart}",
|
|
862
|
+
"type": "color"
|
|
863
|
+
},
|
|
864
|
+
"onEmphasis": {
|
|
865
|
+
"value": "{rhc.color.wit}",
|
|
866
|
+
"type": "color",
|
|
867
|
+
"description": "Legacy token – wordt vervangen door rhc.color.foreground.on-dark-color"
|
|
861
868
|
}
|
|
862
869
|
},
|
|
863
870
|
"border": {
|
|
@@ -949,6 +956,12 @@
|
|
|
949
956
|
"type": "color"
|
|
950
957
|
}
|
|
951
958
|
},
|
|
959
|
+
"accent-2": {
|
|
960
|
+
"500": {
|
|
961
|
+
"value": "{rhc.color.roze.500}",
|
|
962
|
+
"type": "color"
|
|
963
|
+
}
|
|
964
|
+
},
|
|
952
965
|
"primary": {
|
|
953
966
|
"50": {
|
|
954
967
|
"value": "{rhc.color.lintblauw.50}",
|
|
@@ -1091,20 +1104,20 @@
|
|
|
1091
1104
|
"md": {
|
|
1092
1105
|
"value": "5px",
|
|
1093
1106
|
"type": "borderRadius"
|
|
1094
|
-
},
|
|
1095
|
-
"keep": {
|
|
1096
|
-
"value": "{rhc.size.lint}",
|
|
1097
|
-
"type": "borderRadius"
|
|
1098
1107
|
}
|
|
1099
1108
|
}
|
|
1100
1109
|
}
|
|
1101
1110
|
},
|
|
1102
|
-
"common/keep": {
|
|
1111
|
+
"common/keep-oud": {
|
|
1103
1112
|
"rhc": {
|
|
1104
1113
|
"keep": {
|
|
1114
|
+
"_comment": {
|
|
1115
|
+
"value": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.",
|
|
1116
|
+
"type": "other"
|
|
1117
|
+
},
|
|
1105
1118
|
"top-left": {
|
|
1106
1119
|
"borderRadiusTopLeft": {
|
|
1107
|
-
"value": "{rhc.border-radius
|
|
1120
|
+
"value": "{rhc.rounded-corner.md.border-radius}",
|
|
1108
1121
|
"type": "borderRadius"
|
|
1109
1122
|
},
|
|
1110
1123
|
"borderRadiusTopRight": {
|
|
@@ -1122,7 +1135,7 @@
|
|
|
1122
1135
|
},
|
|
1123
1136
|
"top-right": {
|
|
1124
1137
|
"borderRadiusTopRight": {
|
|
1125
|
-
"value": "{rhc.border-radius
|
|
1138
|
+
"value": "{rhc.rounded-corner.md.border-radius}",
|
|
1126
1139
|
"type": "borderRadius"
|
|
1127
1140
|
},
|
|
1128
1141
|
"borderRadiusTopLeft": {
|
|
@@ -1148,7 +1161,7 @@
|
|
|
1148
1161
|
"type": "borderRadius"
|
|
1149
1162
|
},
|
|
1150
1163
|
"borderRadiusBottomRight": {
|
|
1151
|
-
"value": "{rhc.border-radius
|
|
1164
|
+
"value": "{rhc.rounded-corner.md.border-radius}",
|
|
1152
1165
|
"type": "borderRadius"
|
|
1153
1166
|
},
|
|
1154
1167
|
"borderRadiusBottomLeft": {
|
|
@@ -1170,9 +1183,37 @@
|
|
|
1170
1183
|
"type": "borderRadius"
|
|
1171
1184
|
},
|
|
1172
1185
|
"borderRadiusBottomLeft": {
|
|
1173
|
-
"value": "{rhc.border-radius
|
|
1186
|
+
"value": "{rhc.rounded-corner.md.border-radius}",
|
|
1187
|
+
"type": "borderRadius"
|
|
1188
|
+
}
|
|
1189
|
+
}
|
|
1190
|
+
}
|
|
1191
|
+
}
|
|
1192
|
+
},
|
|
1193
|
+
"common/rounded-corner": {
|
|
1194
|
+
"rhc": {
|
|
1195
|
+
"rounded-corner": {
|
|
1196
|
+
"xs": {
|
|
1197
|
+
"border-radius": {
|
|
1198
|
+
"value": "{rhc.size.half-lint}",
|
|
1199
|
+
"type": "borderRadius"
|
|
1200
|
+
}
|
|
1201
|
+
},
|
|
1202
|
+
"md": {
|
|
1203
|
+
"border-radius": {
|
|
1204
|
+
"value": "{rhc.size.lint}",
|
|
1205
|
+
"type": "borderRadius"
|
|
1206
|
+
}
|
|
1207
|
+
},
|
|
1208
|
+
"xl": {
|
|
1209
|
+
"border-radius": {
|
|
1210
|
+
"value": "{rhc.size.2-lint}",
|
|
1174
1211
|
"type": "borderRadius"
|
|
1175
1212
|
}
|
|
1213
|
+
},
|
|
1214
|
+
"border-width": {
|
|
1215
|
+
"value": "{rhc.border-width.m}",
|
|
1216
|
+
"type": "borderWidth"
|
|
1176
1217
|
}
|
|
1177
1218
|
}
|
|
1178
1219
|
}
|
|
@@ -1435,11 +1476,11 @@
|
|
|
1435
1476
|
},
|
|
1436
1477
|
"focus": {
|
|
1437
1478
|
"background-color": {
|
|
1438
|
-
"value": "{rhc.color.
|
|
1479
|
+
"value": "{rhc.color.primary.50}",
|
|
1439
1480
|
"type": "color"
|
|
1440
1481
|
},
|
|
1441
1482
|
"border-color": {
|
|
1442
|
-
"value": "{rhc.color.
|
|
1483
|
+
"value": "{rhc.color.primary.500}",
|
|
1443
1484
|
"type": "color"
|
|
1444
1485
|
},
|
|
1445
1486
|
"color": {
|
|
@@ -1757,7 +1798,7 @@
|
|
|
1757
1798
|
}
|
|
1758
1799
|
}
|
|
1759
1800
|
},
|
|
1760
|
-
"components/blockquote": {
|
|
1801
|
+
"components/blockquote-oud": {
|
|
1761
1802
|
"utrecht": {
|
|
1762
1803
|
"blockquote": {
|
|
1763
1804
|
"caption": {
|
|
@@ -1782,13 +1823,13 @@
|
|
|
1782
1823
|
"type": "spacing"
|
|
1783
1824
|
},
|
|
1784
1825
|
"color": {
|
|
1785
|
-
"value": "{rhc.color.
|
|
1826
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
1786
1827
|
"type": "color"
|
|
1787
1828
|
}
|
|
1788
1829
|
},
|
|
1789
1830
|
"content": {
|
|
1790
1831
|
"font-family": {
|
|
1791
|
-
"value": "{rhc.font-family.
|
|
1832
|
+
"value": "{rhc.font-family.primary}",
|
|
1792
1833
|
"type": "fontFamilies"
|
|
1793
1834
|
},
|
|
1794
1835
|
"line-height": {
|
|
@@ -1969,6 +2010,92 @@
|
|
|
1969
2010
|
}
|
|
1970
2011
|
}
|
|
1971
2012
|
}
|
|
2013
|
+
},
|
|
2014
|
+
"rhc": {
|
|
2015
|
+
"keep": {
|
|
2016
|
+
"_comment": {
|
|
2017
|
+
"value": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.",
|
|
2018
|
+
"type": "other"
|
|
2019
|
+
}
|
|
2020
|
+
}
|
|
2021
|
+
}
|
|
2022
|
+
},
|
|
2023
|
+
"components/blockquote": {
|
|
2024
|
+
"utrecht": {
|
|
2025
|
+
"blockquote": {
|
|
2026
|
+
"background-color": {
|
|
2027
|
+
"value": "transparent",
|
|
2028
|
+
"type": "color"
|
|
2029
|
+
},
|
|
2030
|
+
"border-inline-start-width": {
|
|
2031
|
+
"value": "0",
|
|
2032
|
+
"type": "dimension"
|
|
2033
|
+
},
|
|
2034
|
+
"border-color": {
|
|
2035
|
+
"value": "transparent",
|
|
2036
|
+
"type": "color"
|
|
2037
|
+
},
|
|
2038
|
+
"border-radius": {
|
|
2039
|
+
"value": "0",
|
|
2040
|
+
"type": "dimension"
|
|
2041
|
+
},
|
|
2042
|
+
"border-width": {
|
|
2043
|
+
"value": "0",
|
|
2044
|
+
"type": "dimension"
|
|
2045
|
+
},
|
|
2046
|
+
"color": {
|
|
2047
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
2048
|
+
"type": "color"
|
|
2049
|
+
},
|
|
2050
|
+
"font-size": {
|
|
2051
|
+
"value": "{rhc.font-size.paragraph.default}",
|
|
2052
|
+
"type": "fontSizes"
|
|
2053
|
+
},
|
|
2054
|
+
"font-family": {
|
|
2055
|
+
"value": "{rhc.font-family.primary}",
|
|
2056
|
+
"type": "fontFamilies"
|
|
2057
|
+
},
|
|
2058
|
+
"padding-block-end": {
|
|
2059
|
+
"value": "{rhc.space.400}",
|
|
2060
|
+
"type": "dimension"
|
|
2061
|
+
},
|
|
2062
|
+
"padding-block-start": {
|
|
2063
|
+
"value": "{rhc.space.400}",
|
|
2064
|
+
"type": "dimension"
|
|
2065
|
+
},
|
|
2066
|
+
"padding-inline-end": {
|
|
2067
|
+
"value": "{rhc.space.400}",
|
|
2068
|
+
"type": "dimension"
|
|
2069
|
+
},
|
|
2070
|
+
"padding-inline-start": {
|
|
2071
|
+
"value": "{rhc.space.400}",
|
|
2072
|
+
"type": "dimension"
|
|
2073
|
+
},
|
|
2074
|
+
"row-gap": {
|
|
2075
|
+
"value": "{rhc.space.150}",
|
|
2076
|
+
"type": "dimension"
|
|
2077
|
+
},
|
|
2078
|
+
"attribution": {
|
|
2079
|
+
"color": {
|
|
2080
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
2081
|
+
"type": "color"
|
|
2082
|
+
},
|
|
2083
|
+
"font-size": {
|
|
2084
|
+
"value": "{rhc.font-size.paragraph.default}",
|
|
2085
|
+
"type": "fontSizes"
|
|
2086
|
+
}
|
|
2087
|
+
},
|
|
2088
|
+
"content": {
|
|
2089
|
+
"color": {
|
|
2090
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
2091
|
+
"type": "color"
|
|
2092
|
+
},
|
|
2093
|
+
"font-size": {
|
|
2094
|
+
"value": "{rhc.font-size.paragraph.default}",
|
|
2095
|
+
"type": "fontSizes"
|
|
2096
|
+
}
|
|
2097
|
+
}
|
|
2098
|
+
}
|
|
1972
2099
|
}
|
|
1973
2100
|
},
|
|
1974
2101
|
"components/breadcrumb": {
|
|
@@ -2104,15 +2231,15 @@
|
|
|
2104
2231
|
"utrecht": {
|
|
2105
2232
|
"button": {
|
|
2106
2233
|
"background-color": {
|
|
2107
|
-
"value": "
|
|
2234
|
+
"value": "{rhc.color.cool-grey.900}",
|
|
2108
2235
|
"type": "color"
|
|
2109
2236
|
},
|
|
2110
2237
|
"border-color": {
|
|
2111
|
-
"value": "{rhc.color.
|
|
2238
|
+
"value": "{rhc.color.none}",
|
|
2112
2239
|
"type": "color"
|
|
2113
2240
|
},
|
|
2114
2241
|
"color": {
|
|
2115
|
-
"value": "{rhc.color.
|
|
2242
|
+
"value": "{rhc.color.foreground.on-dark-color}",
|
|
2116
2243
|
"type": "color"
|
|
2117
2244
|
},
|
|
2118
2245
|
"border-radius": {
|
|
@@ -2167,7 +2294,7 @@
|
|
|
2167
2294
|
},
|
|
2168
2295
|
"disabled": {
|
|
2169
2296
|
"background-color": {
|
|
2170
|
-
"value": "{rhc.color.cool-grey.
|
|
2297
|
+
"value": "{rhc.color.cool-grey.200}",
|
|
2171
2298
|
"type": "color"
|
|
2172
2299
|
},
|
|
2173
2300
|
"border-color": {
|
|
@@ -2175,13 +2302,13 @@
|
|
|
2175
2302
|
"type": "color"
|
|
2176
2303
|
},
|
|
2177
2304
|
"color": {
|
|
2178
|
-
"value": "{rhc.color.cool-grey.
|
|
2305
|
+
"value": "{rhc.color.cool-grey.400}",
|
|
2179
2306
|
"type": "color"
|
|
2180
2307
|
}
|
|
2181
2308
|
},
|
|
2182
2309
|
"focus": {
|
|
2183
2310
|
"background-color": {
|
|
2184
|
-
"value": "{rhc.color.
|
|
2311
|
+
"value": "{rhc.color.cool-grey.600}",
|
|
2185
2312
|
"type": "color"
|
|
2186
2313
|
},
|
|
2187
2314
|
"border-color": {
|
|
@@ -2189,35 +2316,35 @@
|
|
|
2189
2316
|
"type": "color"
|
|
2190
2317
|
},
|
|
2191
2318
|
"color": {
|
|
2192
|
-
"value": "{rhc.color.
|
|
2319
|
+
"value": "{rhc.color.foreground.on-dark-color}",
|
|
2193
2320
|
"type": "color"
|
|
2194
2321
|
}
|
|
2195
2322
|
},
|
|
2196
2323
|
"hover": {
|
|
2197
2324
|
"background-color": {
|
|
2198
|
-
"value": "{rhc.color.cool-grey.
|
|
2325
|
+
"value": "{rhc.color.cool-grey.600}",
|
|
2199
2326
|
"type": "color"
|
|
2200
2327
|
},
|
|
2201
2328
|
"border-color": {
|
|
2202
|
-
"value": "{rhc.color.
|
|
2329
|
+
"value": "{rhc.color.none}",
|
|
2203
2330
|
"type": "color"
|
|
2204
2331
|
},
|
|
2205
2332
|
"color": {
|
|
2206
|
-
"value": "{rhc.color.
|
|
2333
|
+
"value": "{rhc.color.foreground.on-dark-color}",
|
|
2207
2334
|
"type": "color"
|
|
2208
2335
|
}
|
|
2209
2336
|
},
|
|
2210
2337
|
"active": {
|
|
2211
2338
|
"background-color": {
|
|
2212
|
-
"value": "{rhc.color.cool-grey.
|
|
2339
|
+
"value": "{rhc.color.cool-grey.800}",
|
|
2213
2340
|
"type": "color"
|
|
2214
2341
|
},
|
|
2215
2342
|
"border-color": {
|
|
2216
|
-
"value": "{rhc.color.
|
|
2343
|
+
"value": "{rhc.color.none}",
|
|
2217
2344
|
"type": "color"
|
|
2218
2345
|
},
|
|
2219
2346
|
"color": {
|
|
2220
|
-
"value": "{rhc.color.
|
|
2347
|
+
"value": "{rhc.color.foreground.on-dark-color}",
|
|
2221
2348
|
"type": "color"
|
|
2222
2349
|
}
|
|
2223
2350
|
},
|
|
@@ -2244,7 +2371,7 @@
|
|
|
2244
2371
|
"type": "color"
|
|
2245
2372
|
},
|
|
2246
2373
|
"color": {
|
|
2247
|
-
"value": "{rhc.color.
|
|
2374
|
+
"value": "{rhc.color.foreground.on-dark-color}",
|
|
2248
2375
|
"type": "color"
|
|
2249
2376
|
}
|
|
2250
2377
|
},
|
|
@@ -2257,7 +2384,7 @@
|
|
|
2257
2384
|
"type": "color"
|
|
2258
2385
|
},
|
|
2259
2386
|
"color": {
|
|
2260
|
-
"value": "{rhc.color.
|
|
2387
|
+
"value": "{rhc.color.foreground.on-dark-color}",
|
|
2261
2388
|
"type": "color"
|
|
2262
2389
|
},
|
|
2263
2390
|
"disabled": {
|
|
@@ -2266,7 +2393,7 @@
|
|
|
2266
2393
|
"type": "color"
|
|
2267
2394
|
},
|
|
2268
2395
|
"border-color": {
|
|
2269
|
-
"value": "{rhc.color.
|
|
2396
|
+
"value": "{rhc.color.none}",
|
|
2270
2397
|
"type": "color"
|
|
2271
2398
|
},
|
|
2272
2399
|
"color": {
|
|
@@ -2276,7 +2403,7 @@
|
|
|
2276
2403
|
},
|
|
2277
2404
|
"focus": {
|
|
2278
2405
|
"background-color": {
|
|
2279
|
-
"value": "{rhc.color.primary.
|
|
2406
|
+
"value": "{rhc.color.primary.hover}",
|
|
2280
2407
|
"type": "color"
|
|
2281
2408
|
},
|
|
2282
2409
|
"border-color": {
|
|
@@ -2284,7 +2411,7 @@
|
|
|
2284
2411
|
"type": "color"
|
|
2285
2412
|
},
|
|
2286
2413
|
"color": {
|
|
2287
|
-
"value": "{rhc.color.
|
|
2414
|
+
"value": "{rhc.color.foreground.on-dark-color}",
|
|
2288
2415
|
"type": "color"
|
|
2289
2416
|
}
|
|
2290
2417
|
},
|
|
@@ -2311,7 +2438,7 @@
|
|
|
2311
2438
|
"type": "color"
|
|
2312
2439
|
},
|
|
2313
2440
|
"color": {
|
|
2314
|
-
"value": "{rhc.color.
|
|
2441
|
+
"value": "{rhc.color.foreground.on-dark-color}",
|
|
2315
2442
|
"type": "color"
|
|
2316
2443
|
}
|
|
2317
2444
|
},
|
|
@@ -2322,20 +2449,43 @@
|
|
|
2322
2449
|
"line-height": {
|
|
2323
2450
|
"value": "1.875rem",
|
|
2324
2451
|
"type": "lineHeights"
|
|
2452
|
+
},
|
|
2453
|
+
"pressed": {
|
|
2454
|
+
"background-color": {
|
|
2455
|
+
"value": "{rhc.color.primary.500}",
|
|
2456
|
+
"type": "color",
|
|
2457
|
+
"$extensions": {
|
|
2458
|
+
"studio.tokens": {
|
|
2459
|
+
"modify": {
|
|
2460
|
+
"type": "darken",
|
|
2461
|
+
"value": "0.4",
|
|
2462
|
+
"space": "lch"
|
|
2463
|
+
}
|
|
2464
|
+
}
|
|
2465
|
+
}
|
|
2466
|
+
},
|
|
2467
|
+
"border-color": {
|
|
2468
|
+
"value": "transparent",
|
|
2469
|
+
"type": "color"
|
|
2470
|
+
},
|
|
2471
|
+
"color": {
|
|
2472
|
+
"value": "{rhc.color.foreground.on-dark-color}",
|
|
2473
|
+
"type": "color"
|
|
2474
|
+
}
|
|
2325
2475
|
}
|
|
2326
2476
|
},
|
|
2327
2477
|
"secondary-action": {
|
|
2328
2478
|
"hover": {
|
|
2329
2479
|
"background-color": {
|
|
2330
|
-
"value": "{rhc.color.primary.
|
|
2480
|
+
"value": "{rhc.color.primary.50}",
|
|
2331
2481
|
"type": "color"
|
|
2332
2482
|
},
|
|
2333
2483
|
"border-color": {
|
|
2334
|
-
"value": "{rhc.color.
|
|
2484
|
+
"value": "{rhc.color.primary.hover}",
|
|
2335
2485
|
"type": "color"
|
|
2336
2486
|
},
|
|
2337
2487
|
"color": {
|
|
2338
|
-
"value": "{rhc.color.primary.
|
|
2488
|
+
"value": "{rhc.color.primary.hover}",
|
|
2339
2489
|
"type": "color"
|
|
2340
2490
|
}
|
|
2341
2491
|
},
|
|
@@ -2357,7 +2507,7 @@
|
|
|
2357
2507
|
"type": "color"
|
|
2358
2508
|
},
|
|
2359
2509
|
"border-color": {
|
|
2360
|
-
"value": "{rhc.color.primary.
|
|
2510
|
+
"value": "{rhc.color.primary.200}",
|
|
2361
2511
|
"type": "color"
|
|
2362
2512
|
},
|
|
2363
2513
|
"color": {
|
|
@@ -2367,7 +2517,7 @@
|
|
|
2367
2517
|
},
|
|
2368
2518
|
"focus": {
|
|
2369
2519
|
"background-color": {
|
|
2370
|
-
"value": "{rhc.color.primary.
|
|
2520
|
+
"value": "{rhc.color.primary.50}",
|
|
2371
2521
|
"type": "color"
|
|
2372
2522
|
},
|
|
2373
2523
|
"border-color": {
|
|
@@ -2375,7 +2525,7 @@
|
|
|
2375
2525
|
"type": "color"
|
|
2376
2526
|
},
|
|
2377
2527
|
"color": {
|
|
2378
|
-
"value": "{rhc.color.primary.
|
|
2528
|
+
"value": "{rhc.color.primary.hover}",
|
|
2379
2529
|
"type": "color"
|
|
2380
2530
|
}
|
|
2381
2531
|
},
|
|
@@ -2390,10 +2540,19 @@
|
|
|
2390
2540
|
},
|
|
2391
2541
|
"border-color": {
|
|
2392
2542
|
"value": "{rhc.color.primary.500}",
|
|
2393
|
-
"type": "color"
|
|
2543
|
+
"type": "color",
|
|
2544
|
+
"$extensions": {
|
|
2545
|
+
"studio.tokens": {
|
|
2546
|
+
"modify": {
|
|
2547
|
+
"type": "darken",
|
|
2548
|
+
"value": "0.4",
|
|
2549
|
+
"space": "lch"
|
|
2550
|
+
}
|
|
2551
|
+
}
|
|
2552
|
+
}
|
|
2394
2553
|
},
|
|
2395
2554
|
"color": {
|
|
2396
|
-
"value": "{rhc.color.primary.
|
|
2555
|
+
"value": "{rhc.color.primary.hover}",
|
|
2397
2556
|
"type": "color"
|
|
2398
2557
|
}
|
|
2399
2558
|
},
|
|
@@ -2404,6 +2563,38 @@
|
|
|
2404
2563
|
"line-height": {
|
|
2405
2564
|
"value": "1.875rem",
|
|
2406
2565
|
"type": "lineHeights"
|
|
2566
|
+
},
|
|
2567
|
+
"pressed": {
|
|
2568
|
+
"background-color": {
|
|
2569
|
+
"value": "{rhc.color.primary.100}",
|
|
2570
|
+
"type": "color"
|
|
2571
|
+
},
|
|
2572
|
+
"border-color": {
|
|
2573
|
+
"value": "{rhc.color.primary.500}",
|
|
2574
|
+
"type": "color",
|
|
2575
|
+
"$extensions": {
|
|
2576
|
+
"studio.tokens": {
|
|
2577
|
+
"modify": {
|
|
2578
|
+
"type": "darken",
|
|
2579
|
+
"value": "0.4",
|
|
2580
|
+
"space": "lch"
|
|
2581
|
+
}
|
|
2582
|
+
}
|
|
2583
|
+
}
|
|
2584
|
+
},
|
|
2585
|
+
"color": {
|
|
2586
|
+
"value": "{rhc.color.primary.500}",
|
|
2587
|
+
"type": "color",
|
|
2588
|
+
"$extensions": {
|
|
2589
|
+
"studio.tokens": {
|
|
2590
|
+
"modify": {
|
|
2591
|
+
"type": "darken",
|
|
2592
|
+
"value": "0.4",
|
|
2593
|
+
"space": "lch"
|
|
2594
|
+
}
|
|
2595
|
+
}
|
|
2596
|
+
}
|
|
2597
|
+
}
|
|
2407
2598
|
}
|
|
2408
2599
|
},
|
|
2409
2600
|
"subtle": {
|
|
@@ -2417,7 +2608,7 @@
|
|
|
2417
2608
|
},
|
|
2418
2609
|
"hover": {
|
|
2419
2610
|
"background-color": {
|
|
2420
|
-
"value": "{rhc.color.
|
|
2611
|
+
"value": "{rhc.color.primary.50}",
|
|
2421
2612
|
"type": "color"
|
|
2422
2613
|
},
|
|
2423
2614
|
"border-color": {
|
|
@@ -2465,13 +2656,13 @@
|
|
|
2465
2656
|
"type": "color"
|
|
2466
2657
|
},
|
|
2467
2658
|
"color": {
|
|
2468
|
-
"value": "{rhc.color.primary.
|
|
2659
|
+
"value": "{rhc.color.primary.hover}",
|
|
2469
2660
|
"type": "color"
|
|
2470
2661
|
}
|
|
2471
2662
|
},
|
|
2472
2663
|
"active": {
|
|
2473
2664
|
"background-color": {
|
|
2474
|
-
"value": "{rhc.color.
|
|
2665
|
+
"value": "{rhc.color.primary.200}",
|
|
2475
2666
|
"type": "color"
|
|
2476
2667
|
},
|
|
2477
2668
|
"border-color": {
|
|
@@ -2495,14 +2686,51 @@
|
|
|
2495
2686
|
"line-height": {
|
|
2496
2687
|
"value": "1.875rem",
|
|
2497
2688
|
"type": "lineHeights"
|
|
2498
|
-
}
|
|
2499
|
-
|
|
2500
|
-
|
|
2501
|
-
|
|
2502
|
-
|
|
2503
|
-
|
|
2504
|
-
|
|
2505
|
-
|
|
2689
|
+
},
|
|
2690
|
+
"pressed": {
|
|
2691
|
+
"background-color": {
|
|
2692
|
+
"value": "{rhc.color.primary.100}",
|
|
2693
|
+
"type": "color"
|
|
2694
|
+
},
|
|
2695
|
+
"border-color": {
|
|
2696
|
+
"value": "transparent",
|
|
2697
|
+
"type": "color"
|
|
2698
|
+
},
|
|
2699
|
+
"color": {
|
|
2700
|
+
"value": "{rhc.color.primary.500}",
|
|
2701
|
+
"type": "color",
|
|
2702
|
+
"$extensions": {
|
|
2703
|
+
"studio.tokens": {
|
|
2704
|
+
"modify": {
|
|
2705
|
+
"type": "darken",
|
|
2706
|
+
"value": "0.4",
|
|
2707
|
+
"space": "lch"
|
|
2708
|
+
}
|
|
2709
|
+
}
|
|
2710
|
+
}
|
|
2711
|
+
}
|
|
2712
|
+
}
|
|
2713
|
+
},
|
|
2714
|
+
"pressed": {
|
|
2715
|
+
"background-color": {
|
|
2716
|
+
"value": "{rhc.color.cool-grey.800}",
|
|
2717
|
+
"type": "color"
|
|
2718
|
+
},
|
|
2719
|
+
"border-color": {
|
|
2720
|
+
"value": "transparent",
|
|
2721
|
+
"type": "color"
|
|
2722
|
+
},
|
|
2723
|
+
"color": {
|
|
2724
|
+
"value": "{rhc.color.foreground.on-dark-color}",
|
|
2725
|
+
"type": "color"
|
|
2726
|
+
}
|
|
2727
|
+
}
|
|
2728
|
+
}
|
|
2729
|
+
}
|
|
2730
|
+
},
|
|
2731
|
+
"components/button-group": {
|
|
2732
|
+
"utrecht": {
|
|
2733
|
+
"button-group": {
|
|
2506
2734
|
"background-color": {
|
|
2507
2735
|
"value": "transparent",
|
|
2508
2736
|
"type": "color"
|
|
@@ -2567,7 +2795,7 @@
|
|
|
2567
2795
|
},
|
|
2568
2796
|
"icon": {
|
|
2569
2797
|
"color": {
|
|
2570
|
-
"value": "{rhc.color.
|
|
2798
|
+
"value": "{rhc.color.primary.500}",
|
|
2571
2799
|
"type": "color"
|
|
2572
2800
|
},
|
|
2573
2801
|
"size": {
|
|
@@ -2651,7 +2879,7 @@
|
|
|
2651
2879
|
},
|
|
2652
2880
|
"focus": {
|
|
2653
2881
|
"background-color": {
|
|
2654
|
-
"value": "{rhc.color.
|
|
2882
|
+
"value": "{rhc.color.primary.50}",
|
|
2655
2883
|
"type": "color"
|
|
2656
2884
|
},
|
|
2657
2885
|
"text-decoration": {
|
|
@@ -2669,7 +2897,7 @@
|
|
|
2669
2897
|
"type": "color"
|
|
2670
2898
|
},
|
|
2671
2899
|
"color": {
|
|
2672
|
-
"value": "{rhc.color.foreground.
|
|
2900
|
+
"value": "{rhc.color.foreground.on-dark-color}",
|
|
2673
2901
|
"type": "color"
|
|
2674
2902
|
},
|
|
2675
2903
|
"opacity": {
|
|
@@ -2679,7 +2907,7 @@
|
|
|
2679
2907
|
},
|
|
2680
2908
|
"heading": {
|
|
2681
2909
|
"color": {
|
|
2682
|
-
"value": "{rhc.color.
|
|
2910
|
+
"value": "{rhc.color.primary.500}",
|
|
2683
2911
|
"type": "color"
|
|
2684
2912
|
},
|
|
2685
2913
|
"padding-block-start": {
|
|
@@ -2697,7 +2925,7 @@
|
|
|
2697
2925
|
},
|
|
2698
2926
|
"horizontal": {
|
|
2699
2927
|
"background-color": {
|
|
2700
|
-
"value": "{rhc.color.
|
|
2928
|
+
"value": "{rhc.color.primary.500}",
|
|
2701
2929
|
"type": "color"
|
|
2702
2930
|
},
|
|
2703
2931
|
"border-color": {
|
|
@@ -2705,7 +2933,7 @@
|
|
|
2705
2933
|
"type": "color"
|
|
2706
2934
|
},
|
|
2707
2935
|
"color": {
|
|
2708
|
-
"value": "{rhc.color.foreground.
|
|
2936
|
+
"value": "{rhc.color.foreground.on-dark-color}",
|
|
2709
2937
|
"type": "color"
|
|
2710
2938
|
},
|
|
2711
2939
|
"max-block-size": {
|
|
@@ -2760,7 +2988,7 @@
|
|
|
2760
2988
|
"type": "color"
|
|
2761
2989
|
},
|
|
2762
2990
|
"border-color": {
|
|
2763
|
-
"value": "{rhc.color.
|
|
2991
|
+
"value": "{rhc.color.primary.500}",
|
|
2764
2992
|
"type": "color"
|
|
2765
2993
|
},
|
|
2766
2994
|
"invalid": {
|
|
@@ -2783,7 +3011,7 @@
|
|
|
2783
3011
|
"type": "color"
|
|
2784
3012
|
},
|
|
2785
3013
|
"border-color": {
|
|
2786
|
-
"value": "{rhc.color.
|
|
3014
|
+
"value": "{rhc.color.primary.500}",
|
|
2787
3015
|
"type": "color"
|
|
2788
3016
|
},
|
|
2789
3017
|
"border-width": {
|
|
@@ -2803,7 +3031,7 @@
|
|
|
2803
3031
|
},
|
|
2804
3032
|
"checked": {
|
|
2805
3033
|
"background-color": {
|
|
2806
|
-
"value": "{rhc.color.
|
|
3034
|
+
"value": "{rhc.color.primary.500}",
|
|
2807
3035
|
"type": "color"
|
|
2808
3036
|
},
|
|
2809
3037
|
"border-color": {
|
|
@@ -2842,11 +3070,11 @@
|
|
|
2842
3070
|
"type": "color"
|
|
2843
3071
|
},
|
|
2844
3072
|
"border-color": {
|
|
2845
|
-
"value": "{rhc.color.
|
|
3073
|
+
"value": "{rhc.color.primary.500}",
|
|
2846
3074
|
"type": "color"
|
|
2847
3075
|
},
|
|
2848
3076
|
"color": {
|
|
2849
|
-
"value": "{rhc.color.
|
|
3077
|
+
"value": "{rhc.color.primary.500}",
|
|
2850
3078
|
"type": "color"
|
|
2851
3079
|
}
|
|
2852
3080
|
},
|
|
@@ -2856,7 +3084,7 @@
|
|
|
2856
3084
|
"type": "borderWidth"
|
|
2857
3085
|
},
|
|
2858
3086
|
"background-color": {
|
|
2859
|
-
"value": "{rhc.color.
|
|
3087
|
+
"value": "{rhc.color.primary.300}",
|
|
2860
3088
|
"type": "color"
|
|
2861
3089
|
},
|
|
2862
3090
|
"border-color": {
|
|
@@ -2874,7 +3102,7 @@
|
|
|
2874
3102
|
"type": "borderWidth"
|
|
2875
3103
|
},
|
|
2876
3104
|
"background-color": {
|
|
2877
|
-
"value": "{rhc.color.
|
|
3105
|
+
"value": "{rhc.color.primary.400}",
|
|
2878
3106
|
"type": "color"
|
|
2879
3107
|
},
|
|
2880
3108
|
"border-color": {
|
|
@@ -2889,7 +3117,7 @@
|
|
|
2889
3117
|
},
|
|
2890
3118
|
"indeterminate": {
|
|
2891
3119
|
"background-color": {
|
|
2892
|
-
"value": "{rhc.color.
|
|
3120
|
+
"value": "{rhc.color.primary.500}",
|
|
2893
3121
|
"type": "color"
|
|
2894
3122
|
},
|
|
2895
3123
|
"border-color": {
|
|
@@ -2920,7 +3148,7 @@
|
|
|
2920
3148
|
},
|
|
2921
3149
|
"active": {
|
|
2922
3150
|
"background-color": {
|
|
2923
|
-
"value": "{rhc.color.
|
|
3151
|
+
"value": "{rhc.color.primary.400}",
|
|
2924
3152
|
"type": "color"
|
|
2925
3153
|
},
|
|
2926
3154
|
"border-color": {
|
|
@@ -2938,7 +3166,7 @@
|
|
|
2938
3166
|
},
|
|
2939
3167
|
"hover": {
|
|
2940
3168
|
"background-color": {
|
|
2941
|
-
"value": "{rhc.color.
|
|
3169
|
+
"value": "{rhc.color.primary.300}",
|
|
2942
3170
|
"type": "color"
|
|
2943
3171
|
},
|
|
2944
3172
|
"border-color": {
|
|
@@ -2960,11 +3188,11 @@
|
|
|
2960
3188
|
"type": "color"
|
|
2961
3189
|
},
|
|
2962
3190
|
"border-color": {
|
|
2963
|
-
"value": "{rhc.color.
|
|
3191
|
+
"value": "{rhc.color.primary.500}",
|
|
2964
3192
|
"type": "color"
|
|
2965
3193
|
},
|
|
2966
3194
|
"color": {
|
|
2967
|
-
"value": "{rhc.color.
|
|
3195
|
+
"value": "{rhc.color.primary.500}",
|
|
2968
3196
|
"type": "color"
|
|
2969
3197
|
},
|
|
2970
3198
|
"border-width": {
|
|
@@ -2987,7 +3215,7 @@
|
|
|
2987
3215
|
"type": "color"
|
|
2988
3216
|
},
|
|
2989
3217
|
"border-color": {
|
|
2990
|
-
"value": "{rhc.color.
|
|
3218
|
+
"value": "{rhc.color.primary.300}",
|
|
2991
3219
|
"type": "color"
|
|
2992
3220
|
}
|
|
2993
3221
|
},
|
|
@@ -3001,7 +3229,7 @@
|
|
|
3001
3229
|
"type": "color"
|
|
3002
3230
|
},
|
|
3003
3231
|
"border-color": {
|
|
3004
|
-
"value": "{rhc.color.
|
|
3232
|
+
"value": "{rhc.color.primary.400}",
|
|
3005
3233
|
"type": "color"
|
|
3006
3234
|
}
|
|
3007
3235
|
}
|
|
@@ -3082,7 +3310,7 @@
|
|
|
3082
3310
|
"type": "fontFamilies"
|
|
3083
3311
|
},
|
|
3084
3312
|
"background-color": {
|
|
3085
|
-
"value": "{rhc.color.
|
|
3313
|
+
"value": "{rhc.color.primary.500}",
|
|
3086
3314
|
"type": "color"
|
|
3087
3315
|
},
|
|
3088
3316
|
"border-color": {
|
|
@@ -3162,24 +3390,6 @@
|
|
|
3162
3390
|
}
|
|
3163
3391
|
}
|
|
3164
3392
|
},
|
|
3165
|
-
"components/dot-badge": {
|
|
3166
|
-
"rhc": {
|
|
3167
|
-
"dot-badge": {
|
|
3168
|
-
"border-radius": {
|
|
3169
|
-
"value": "{rhc.border-radius.circle}",
|
|
3170
|
-
"type": "border-radius"
|
|
3171
|
-
},
|
|
3172
|
-
"color": {
|
|
3173
|
-
"value": "{rhc.color.rood.500}",
|
|
3174
|
-
"type": "color"
|
|
3175
|
-
},
|
|
3176
|
-
"size": {
|
|
3177
|
-
"value": "{rhc.size.quarter-lint}",
|
|
3178
|
-
"type": "size"
|
|
3179
|
-
}
|
|
3180
|
-
}
|
|
3181
|
-
}
|
|
3182
|
-
},
|
|
3183
3393
|
"components/drawer": {
|
|
3184
3394
|
"todo": {
|
|
3185
3395
|
"drawer": {
|
|
@@ -3318,6 +3528,24 @@
|
|
|
3318
3528
|
}
|
|
3319
3529
|
}
|
|
3320
3530
|
},
|
|
3531
|
+
"components/dot-badge": {
|
|
3532
|
+
"rhc": {
|
|
3533
|
+
"dot-badge": {
|
|
3534
|
+
"border-radius": {
|
|
3535
|
+
"value": "{rhc.border-radius.circle}",
|
|
3536
|
+
"type": "border-radius"
|
|
3537
|
+
},
|
|
3538
|
+
"color": {
|
|
3539
|
+
"value": "{rhc.color.rood.500}",
|
|
3540
|
+
"type": "color"
|
|
3541
|
+
},
|
|
3542
|
+
"size": {
|
|
3543
|
+
"value": "{rhc.size.quarter-lint}",
|
|
3544
|
+
"type": "size"
|
|
3545
|
+
}
|
|
3546
|
+
}
|
|
3547
|
+
}
|
|
3548
|
+
},
|
|
3321
3549
|
"components/fieldset": {
|
|
3322
3550
|
"utrecht": {
|
|
3323
3551
|
"form-fieldset": {
|
|
@@ -3465,7 +3693,7 @@
|
|
|
3465
3693
|
"type": "borderStyle"
|
|
3466
3694
|
},
|
|
3467
3695
|
"border-color": {
|
|
3468
|
-
"value": "{rhc.color.
|
|
3696
|
+
"value": "{rhc.color.primary.500}",
|
|
3469
3697
|
"type": "color"
|
|
3470
3698
|
},
|
|
3471
3699
|
"border-width": {
|
|
@@ -3515,11 +3743,11 @@
|
|
|
3515
3743
|
"utrecht": {
|
|
3516
3744
|
"page-footer": {
|
|
3517
3745
|
"background-color": {
|
|
3518
|
-
"value": "{rhc.color.
|
|
3746
|
+
"value": "{rhc.color.primary.500}",
|
|
3519
3747
|
"type": "color"
|
|
3520
3748
|
},
|
|
3521
3749
|
"color": {
|
|
3522
|
-
"value": "{rhc.color.foreground.
|
|
3750
|
+
"value": "{rhc.color.foreground.on-dark-color}",
|
|
3523
3751
|
"type": "color"
|
|
3524
3752
|
},
|
|
3525
3753
|
"padding-block-start": {
|
|
@@ -3583,7 +3811,7 @@
|
|
|
3583
3811
|
"type": "borderWidth"
|
|
3584
3812
|
},
|
|
3585
3813
|
"color": {
|
|
3586
|
-
"value": "{rhc.color.
|
|
3814
|
+
"value": "{rhc.color.primary.300}",
|
|
3587
3815
|
"type": "color"
|
|
3588
3816
|
},
|
|
3589
3817
|
"style": {
|
|
@@ -3875,7 +4103,7 @@
|
|
|
3875
4103
|
"nl": {
|
|
3876
4104
|
"heading-level-1": {
|
|
3877
4105
|
"color": {
|
|
3878
|
-
"value": "{rhc.color.
|
|
4106
|
+
"value": "{rhc.color.primary.500}",
|
|
3879
4107
|
"type": "color"
|
|
3880
4108
|
},
|
|
3881
4109
|
"font-family": {
|
|
@@ -3905,7 +4133,7 @@
|
|
|
3905
4133
|
},
|
|
3906
4134
|
"heading-level-2": {
|
|
3907
4135
|
"color": {
|
|
3908
|
-
"value": "{rhc.color.
|
|
4136
|
+
"value": "{rhc.color.primary.500}",
|
|
3909
4137
|
"type": "color"
|
|
3910
4138
|
},
|
|
3911
4139
|
"font-family": {
|
|
@@ -3935,7 +4163,7 @@
|
|
|
3935
4163
|
},
|
|
3936
4164
|
"heading-level-3": {
|
|
3937
4165
|
"color": {
|
|
3938
|
-
"value": "{rhc.color.
|
|
4166
|
+
"value": "{rhc.color.primary.500}",
|
|
3939
4167
|
"type": "color"
|
|
3940
4168
|
},
|
|
3941
4169
|
"font-family": {
|
|
@@ -3965,7 +4193,7 @@
|
|
|
3965
4193
|
},
|
|
3966
4194
|
"heading-level-4": {
|
|
3967
4195
|
"color": {
|
|
3968
|
-
"value": "{rhc.color.
|
|
4196
|
+
"value": "{rhc.color.primary.500}",
|
|
3969
4197
|
"type": "color"
|
|
3970
4198
|
},
|
|
3971
4199
|
"font-family": {
|
|
@@ -3995,7 +4223,7 @@
|
|
|
3995
4223
|
},
|
|
3996
4224
|
"heading-level-5": {
|
|
3997
4225
|
"color": {
|
|
3998
|
-
"value": "{rhc.color.
|
|
4226
|
+
"value": "{rhc.color.primary.500}",
|
|
3999
4227
|
"type": "color"
|
|
4000
4228
|
},
|
|
4001
4229
|
"font-family": {
|
|
@@ -4220,11 +4448,11 @@
|
|
|
4220
4448
|
},
|
|
4221
4449
|
"message": {
|
|
4222
4450
|
"background-color": {
|
|
4223
|
-
"value": "{rhc.color.
|
|
4451
|
+
"value": "{rhc.color.primary.500}",
|
|
4224
4452
|
"type": "color"
|
|
4225
4453
|
},
|
|
4226
4454
|
"color": {
|
|
4227
|
-
"value": "{rhc.color.foreground.
|
|
4455
|
+
"value": "{rhc.color.foreground.on-dark-color}",
|
|
4228
4456
|
"type": "color"
|
|
4229
4457
|
},
|
|
4230
4458
|
"row-gap": {
|
|
@@ -4267,6 +4495,24 @@
|
|
|
4267
4495
|
}
|
|
4268
4496
|
}
|
|
4269
4497
|
},
|
|
4498
|
+
"components/icon": {
|
|
4499
|
+
"utrecht": {
|
|
4500
|
+
"icon": {
|
|
4501
|
+
"color": {
|
|
4502
|
+
"value": "inherit",
|
|
4503
|
+
"type": "color"
|
|
4504
|
+
},
|
|
4505
|
+
"size": {
|
|
4506
|
+
"value": "{rhc.size.icon.functional}",
|
|
4507
|
+
"type": "sizing"
|
|
4508
|
+
},
|
|
4509
|
+
"inset-block-start": {
|
|
4510
|
+
"value": "{rhc.space.0}",
|
|
4511
|
+
"type": "spacing"
|
|
4512
|
+
}
|
|
4513
|
+
}
|
|
4514
|
+
}
|
|
4515
|
+
},
|
|
4270
4516
|
"components/icon-only-button": {
|
|
4271
4517
|
"rhc": {
|
|
4272
4518
|
"icon-only-button": {
|
|
@@ -4902,7 +5148,7 @@
|
|
|
4902
5148
|
},
|
|
4903
5149
|
"active": {
|
|
4904
5150
|
"color": {
|
|
4905
|
-
"value": "{rhc.color.foreground.
|
|
5151
|
+
"value": "{rhc.color.foreground.on-dark-color}",
|
|
4906
5152
|
"type": "color"
|
|
4907
5153
|
}
|
|
4908
5154
|
},
|
|
@@ -4918,7 +5164,7 @@
|
|
|
4918
5164
|
"type": "color"
|
|
4919
5165
|
},
|
|
4920
5166
|
"color": {
|
|
4921
|
-
"value": "{rhc.color.foreground.
|
|
5167
|
+
"value": "{rhc.color.foreground.on-dark-color}",
|
|
4922
5168
|
"type": "color"
|
|
4923
5169
|
}
|
|
4924
5170
|
},
|
|
@@ -5005,7 +5251,7 @@
|
|
|
5005
5251
|
"type": "borderRadius"
|
|
5006
5252
|
},
|
|
5007
5253
|
"color": {
|
|
5008
|
-
"value": "{rhc.color.foreground.
|
|
5254
|
+
"value": "{rhc.color.foreground.on-dark-color}",
|
|
5009
5255
|
"type": "color"
|
|
5010
5256
|
}
|
|
5011
5257
|
},
|
|
@@ -5070,7 +5316,7 @@
|
|
|
5070
5316
|
},
|
|
5071
5317
|
"focus": {
|
|
5072
5318
|
"background-color": {
|
|
5073
|
-
"value": "{rhc.color.
|
|
5319
|
+
"value": "{rhc.color.primary.50}",
|
|
5074
5320
|
"type": "color"
|
|
5075
5321
|
}
|
|
5076
5322
|
},
|
|
@@ -5480,104 +5726,104 @@
|
|
|
5480
5726
|
}
|
|
5481
5727
|
}
|
|
5482
5728
|
},
|
|
5483
|
-
"components/paragraph/
|
|
5484
|
-
"
|
|
5729
|
+
"components/paragraph/utrecht": {
|
|
5730
|
+
"utrecht": {
|
|
5485
5731
|
"paragraph": {
|
|
5486
5732
|
"color": {
|
|
5487
|
-
"value": "{
|
|
5733
|
+
"value": "{nl.paragraph.color}",
|
|
5488
5734
|
"type": "color"
|
|
5489
5735
|
},
|
|
5490
5736
|
"font-family": {
|
|
5491
|
-
"value": "{
|
|
5737
|
+
"value": "{nl.paragraph.font-family}",
|
|
5492
5738
|
"type": "fontFamilies"
|
|
5493
5739
|
},
|
|
5494
5740
|
"font-size": {
|
|
5495
|
-
"value": "{
|
|
5741
|
+
"value": "{nl.paragraph.font-size}",
|
|
5496
5742
|
"type": "fontSizes"
|
|
5497
5743
|
},
|
|
5498
5744
|
"font-weight": {
|
|
5499
|
-
"value": "{
|
|
5745
|
+
"value": "{nl.paragraph.font-weight}",
|
|
5500
5746
|
"type": "fontWeights"
|
|
5501
5747
|
},
|
|
5502
5748
|
"line-height": {
|
|
5503
|
-
"value": "{
|
|
5749
|
+
"value": "{nl.paragraph.line-height}",
|
|
5504
5750
|
"type": "lineHeights"
|
|
5505
5751
|
},
|
|
5506
5752
|
"margin-block-end": {
|
|
5507
|
-
"value": "{
|
|
5753
|
+
"value": "{nl.paragraph.margin-block-end}",
|
|
5508
5754
|
"type": "spacing"
|
|
5509
5755
|
},
|
|
5510
5756
|
"margin-block-start": {
|
|
5511
|
-
"value": "{
|
|
5757
|
+
"value": "{nl.paragraph.margin-block-start}",
|
|
5512
5758
|
"type": "spacing"
|
|
5513
5759
|
},
|
|
5514
5760
|
"lead": {
|
|
5515
5761
|
"color": {
|
|
5516
|
-
"value": "{
|
|
5762
|
+
"value": "{nl.paragraph.lead.color}",
|
|
5517
5763
|
"type": "color"
|
|
5518
5764
|
},
|
|
5519
5765
|
"font-size": {
|
|
5520
|
-
"value": "{
|
|
5766
|
+
"value": "{nl.paragraph.lead.font-size}",
|
|
5521
5767
|
"type": "fontSizes"
|
|
5522
5768
|
},
|
|
5523
5769
|
"font-weight": {
|
|
5524
|
-
"value": "{
|
|
5770
|
+
"value": "{nl.paragraph.lead.font-weight}",
|
|
5525
5771
|
"type": "fontWeights"
|
|
5526
5772
|
},
|
|
5527
5773
|
"line-height": {
|
|
5528
|
-
"value": "{
|
|
5774
|
+
"value": "{nl.paragraph.lead.line-height}",
|
|
5529
5775
|
"type": "lineHeights"
|
|
5530
5776
|
}
|
|
5531
5777
|
}
|
|
5532
5778
|
}
|
|
5533
5779
|
}
|
|
5534
5780
|
},
|
|
5535
|
-
"components/paragraph/
|
|
5536
|
-
"
|
|
5781
|
+
"components/paragraph/nl": {
|
|
5782
|
+
"nl": {
|
|
5537
5783
|
"paragraph": {
|
|
5538
5784
|
"color": {
|
|
5539
|
-
"value": "{
|
|
5785
|
+
"value": "{rhc.color.foreground.default}",
|
|
5540
5786
|
"type": "color"
|
|
5541
5787
|
},
|
|
5542
5788
|
"font-family": {
|
|
5543
|
-
"value": "{
|
|
5789
|
+
"value": "{rhc.font-family.primary}",
|
|
5544
5790
|
"type": "fontFamilies"
|
|
5545
5791
|
},
|
|
5546
5792
|
"font-size": {
|
|
5547
|
-
"value": "{
|
|
5793
|
+
"value": "{rhc.font-size.paragraph.default}",
|
|
5548
5794
|
"type": "fontSizes"
|
|
5549
5795
|
},
|
|
5550
5796
|
"font-weight": {
|
|
5551
|
-
"value": "{
|
|
5797
|
+
"value": "{rhc.font-weight.regular}",
|
|
5552
5798
|
"type": "fontWeights"
|
|
5553
5799
|
},
|
|
5554
5800
|
"line-height": {
|
|
5555
|
-
"value": "{
|
|
5801
|
+
"value": "{rhc.line-height.paragraph}",
|
|
5556
5802
|
"type": "lineHeights"
|
|
5557
5803
|
},
|
|
5558
5804
|
"margin-block-end": {
|
|
5559
|
-
"value": "{
|
|
5805
|
+
"value": "{rhc.space.0}",
|
|
5560
5806
|
"type": "spacing"
|
|
5561
5807
|
},
|
|
5562
5808
|
"margin-block-start": {
|
|
5563
|
-
"value": "{
|
|
5809
|
+
"value": "{rhc.space.0}",
|
|
5564
5810
|
"type": "spacing"
|
|
5565
5811
|
},
|
|
5566
5812
|
"lead": {
|
|
5567
5813
|
"color": {
|
|
5568
|
-
"value": "{
|
|
5814
|
+
"value": "{rhc.color.foreground.default}",
|
|
5569
5815
|
"type": "color"
|
|
5570
5816
|
},
|
|
5571
5817
|
"font-size": {
|
|
5572
|
-
"value": "{
|
|
5818
|
+
"value": "{rhc.font-size.paragraph.intro}",
|
|
5573
5819
|
"type": "fontSizes"
|
|
5574
5820
|
},
|
|
5575
5821
|
"font-weight": {
|
|
5576
|
-
"value": "{
|
|
5822
|
+
"value": "{rhc.font-weight.regular}",
|
|
5577
5823
|
"type": "fontWeights"
|
|
5578
5824
|
},
|
|
5579
5825
|
"line-height": {
|
|
5580
|
-
"value": "{
|
|
5826
|
+
"value": "{rhc.line-height.paragraph}",
|
|
5581
5827
|
"type": "lineHeights"
|
|
5582
5828
|
}
|
|
5583
5829
|
}
|
|
@@ -5623,7 +5869,7 @@
|
|
|
5623
5869
|
"type": "color"
|
|
5624
5870
|
},
|
|
5625
5871
|
"border-color": {
|
|
5626
|
-
"value": "{rhc.color.
|
|
5872
|
+
"value": "{rhc.color.primary.400}",
|
|
5627
5873
|
"type": "color"
|
|
5628
5874
|
}
|
|
5629
5875
|
},
|
|
@@ -5642,7 +5888,7 @@
|
|
|
5642
5888
|
"type": "color"
|
|
5643
5889
|
},
|
|
5644
5890
|
"border-color": {
|
|
5645
|
-
"value": "{rhc.color.
|
|
5891
|
+
"value": "{rhc.color.primary.500}",
|
|
5646
5892
|
"type": "color"
|
|
5647
5893
|
},
|
|
5648
5894
|
"invalid": {
|
|
@@ -5665,7 +5911,7 @@
|
|
|
5665
5911
|
"type": "color"
|
|
5666
5912
|
},
|
|
5667
5913
|
"border-color": {
|
|
5668
|
-
"value": "{rhc.color.
|
|
5914
|
+
"value": "{rhc.color.primary.500}",
|
|
5669
5915
|
"type": "color"
|
|
5670
5916
|
},
|
|
5671
5917
|
"border-width": {
|
|
@@ -5689,7 +5935,7 @@
|
|
|
5689
5935
|
},
|
|
5690
5936
|
"checked": {
|
|
5691
5937
|
"background-color": {
|
|
5692
|
-
"value": "{rhc.color.
|
|
5938
|
+
"value": "{rhc.color.primary.500}",
|
|
5693
5939
|
"type": "color"
|
|
5694
5940
|
},
|
|
5695
5941
|
"border-color": {
|
|
@@ -5702,7 +5948,7 @@
|
|
|
5702
5948
|
},
|
|
5703
5949
|
"hover": {
|
|
5704
5950
|
"background-color": {
|
|
5705
|
-
"value": "{rhc.color.
|
|
5951
|
+
"value": "{rhc.color.primary.300}",
|
|
5706
5952
|
"type": "color"
|
|
5707
5953
|
},
|
|
5708
5954
|
"border-color": {
|
|
@@ -5720,7 +5966,7 @@
|
|
|
5720
5966
|
},
|
|
5721
5967
|
"active": {
|
|
5722
5968
|
"background-color": {
|
|
5723
|
-
"value": "{rhc.color.
|
|
5969
|
+
"value": "{rhc.color.primary.400}",
|
|
5724
5970
|
"type": "color"
|
|
5725
5971
|
},
|
|
5726
5972
|
"border-color": {
|
|
@@ -5742,11 +5988,11 @@
|
|
|
5742
5988
|
"type": "color"
|
|
5743
5989
|
},
|
|
5744
5990
|
"border-color": {
|
|
5745
|
-
"value": "{rhc.color.
|
|
5991
|
+
"value": "{rhc.color.primary.500}",
|
|
5746
5992
|
"type": "color"
|
|
5747
5993
|
},
|
|
5748
5994
|
"color": {
|
|
5749
|
-
"value": "{rhc.color.
|
|
5995
|
+
"value": "{rhc.color.primary.500}",
|
|
5750
5996
|
"type": "color"
|
|
5751
5997
|
},
|
|
5752
5998
|
"border-width": {
|
|
@@ -5779,7 +6025,7 @@
|
|
|
5779
6025
|
"type": "color"
|
|
5780
6026
|
},
|
|
5781
6027
|
"border-color": {
|
|
5782
|
-
"value": "{rhc.color.
|
|
6028
|
+
"value": "{rhc.color.primary.300}",
|
|
5783
6029
|
"type": "color"
|
|
5784
6030
|
},
|
|
5785
6031
|
"border-width": {
|
|
@@ -5834,7 +6080,7 @@
|
|
|
5834
6080
|
"type": "color"
|
|
5835
6081
|
},
|
|
5836
6082
|
"border-color": {
|
|
5837
|
-
"value": "{rhc.color.
|
|
6083
|
+
"value": "{rhc.color.primary.500}",
|
|
5838
6084
|
"type": "color"
|
|
5839
6085
|
},
|
|
5840
6086
|
"color": {
|
|
@@ -5865,7 +6111,7 @@
|
|
|
5865
6111
|
"type": "color"
|
|
5866
6112
|
},
|
|
5867
6113
|
"border-color": {
|
|
5868
|
-
"value": "{rhc.color.
|
|
6114
|
+
"value": "{rhc.color.primary.500}",
|
|
5869
6115
|
"type": "color"
|
|
5870
6116
|
},
|
|
5871
6117
|
"color": {
|
|
@@ -5897,7 +6143,7 @@
|
|
|
5897
6143
|
"type": "color"
|
|
5898
6144
|
},
|
|
5899
6145
|
"border-color": {
|
|
5900
|
-
"value": "{rhc.color.
|
|
6146
|
+
"value": "{rhc.color.primary.300}",
|
|
5901
6147
|
"type": "color"
|
|
5902
6148
|
},
|
|
5903
6149
|
"color": {
|
|
@@ -6054,7 +6300,7 @@
|
|
|
6054
6300
|
"type": "borderStyle"
|
|
6055
6301
|
},
|
|
6056
6302
|
"border-color": {
|
|
6057
|
-
"value": "{rhc.color.
|
|
6303
|
+
"value": "{rhc.color.primary.500}",
|
|
6058
6304
|
"type": "color"
|
|
6059
6305
|
},
|
|
6060
6306
|
"background-color": {
|
|
@@ -6109,249 +6355,249 @@
|
|
|
6109
6355
|
}
|
|
6110
6356
|
}
|
|
6111
6357
|
},
|
|
6112
|
-
"components/skip-link/
|
|
6113
|
-
"
|
|
6358
|
+
"components/skip-link/utrecht": {
|
|
6359
|
+
"utrecht": {
|
|
6114
6360
|
"skip-link": {
|
|
6115
6361
|
"font-weight": {
|
|
6116
|
-
"value": "{
|
|
6362
|
+
"value": "{nl.skip-link.font-weight}",
|
|
6117
6363
|
"type": "fontWeights"
|
|
6118
6364
|
},
|
|
6119
6365
|
"font-family": {
|
|
6120
|
-
"value": "{
|
|
6366
|
+
"value": "{nl.skip-link.font-family}",
|
|
6121
6367
|
"type": "fontFamilies"
|
|
6122
6368
|
},
|
|
6123
6369
|
"font-size": {
|
|
6124
|
-
"value": "{
|
|
6370
|
+
"value": "{nl.skip-link.font-size}",
|
|
6125
6371
|
"type": "fontSizes"
|
|
6126
6372
|
},
|
|
6127
6373
|
"line-height": {
|
|
6128
|
-
"value": "{
|
|
6374
|
+
"value": "{nl.skip-link.line-height}",
|
|
6129
6375
|
"type": "lineHeights"
|
|
6130
6376
|
},
|
|
6131
6377
|
"min-block-size": {
|
|
6132
|
-
"value": "{
|
|
6378
|
+
"value": "{nl.skip-link.min-block-size}",
|
|
6133
6379
|
"type": "sizing"
|
|
6134
6380
|
},
|
|
6135
6381
|
"min-inline-size": {
|
|
6136
|
-
"value": "{
|
|
6382
|
+
"value": "{nl.skip-link.min-inline-size}",
|
|
6137
6383
|
"type": "sizing"
|
|
6138
6384
|
},
|
|
6139
6385
|
"padding-block-end": {
|
|
6140
|
-
"value": "{
|
|
6386
|
+
"value": "{nl.skip-link.padding-block-end}",
|
|
6141
6387
|
"type": "spacing"
|
|
6142
6388
|
},
|
|
6143
6389
|
"padding-block-start": {
|
|
6144
|
-
"value": "{
|
|
6390
|
+
"value": "{nl.skip-link.padding-block-start}",
|
|
6145
6391
|
"type": "spacing"
|
|
6146
6392
|
},
|
|
6147
6393
|
"padding-inline-end": {
|
|
6148
|
-
"value": "{
|
|
6394
|
+
"value": "{nl.skip-link.padding-inline-end}",
|
|
6149
6395
|
"type": "spacing"
|
|
6150
6396
|
},
|
|
6151
6397
|
"padding-inline-start": {
|
|
6152
|
-
"value": "{
|
|
6398
|
+
"value": "{nl.skip-link.padding-inline-start}",
|
|
6153
6399
|
"type": "spacing"
|
|
6154
6400
|
},
|
|
6155
6401
|
"focus": {
|
|
6156
6402
|
"background-color": {
|
|
6157
|
-
"value": "{
|
|
6403
|
+
"value": "{nl.skip-link.focus.background-color}",
|
|
6158
6404
|
"type": "color"
|
|
6159
6405
|
},
|
|
6160
6406
|
"border-color": {
|
|
6161
|
-
"value": "{
|
|
6407
|
+
"value": "{nl.skip-link.focus.border-color}",
|
|
6162
6408
|
"type": "color"
|
|
6163
6409
|
},
|
|
6164
6410
|
"border-style": {
|
|
6165
|
-
"value": "
|
|
6411
|
+
"value": "{nl.skip-link.focus.border-style}",
|
|
6166
6412
|
"type": "borderStyle"
|
|
6167
6413
|
},
|
|
6168
6414
|
"border-width": {
|
|
6169
|
-
"value": "{
|
|
6415
|
+
"value": "{nl.skip-link.focus.border-width}",
|
|
6170
6416
|
"type": "borderWidth"
|
|
6171
6417
|
},
|
|
6172
6418
|
"color": {
|
|
6173
|
-
"value": "{
|
|
6419
|
+
"value": "{nl.skip-link.focus.color}",
|
|
6174
6420
|
"type": "color"
|
|
6175
6421
|
},
|
|
6176
6422
|
"text-decoration": {
|
|
6177
|
-
"value": "
|
|
6423
|
+
"value": "{nl.skip-link.focus.text-decoration}",
|
|
6178
6424
|
"type": "textDecoration"
|
|
6179
6425
|
}
|
|
6180
6426
|
},
|
|
6181
6427
|
"focus-visible": {
|
|
6182
6428
|
"outline-color": {
|
|
6183
|
-
"value": "{
|
|
6429
|
+
"value": "{nl.skip-link.focus-visible.outline-color}",
|
|
6184
6430
|
"type": "color"
|
|
6185
6431
|
}
|
|
6186
6432
|
},
|
|
6187
6433
|
"background-color": {
|
|
6188
|
-
"value": "{
|
|
6434
|
+
"value": "{nl.skip-link.background-color}",
|
|
6189
6435
|
"type": "color"
|
|
6190
6436
|
},
|
|
6191
6437
|
"border-color": {
|
|
6192
|
-
"value": "
|
|
6438
|
+
"value": "{nl.skip-link.border-color}",
|
|
6193
6439
|
"type": "color"
|
|
6194
6440
|
},
|
|
6195
6441
|
"color": {
|
|
6196
|
-
"value": "{
|
|
6442
|
+
"value": "{nl.skip-link.color}",
|
|
6197
6443
|
"type": "color"
|
|
6198
6444
|
},
|
|
6199
6445
|
"border-width": {
|
|
6200
|
-
"value": "{
|
|
6446
|
+
"value": "{nl.skip-link.border-width}",
|
|
6201
6447
|
"type": "borderWidth"
|
|
6202
6448
|
},
|
|
6203
6449
|
"box-block-end-shadow": {
|
|
6204
6450
|
"offset-x": {
|
|
6205
|
-
"value": "
|
|
6451
|
+
"value": "{nl.skip-link.box-block-end-shadow.offset-x}",
|
|
6206
6452
|
"type": "other"
|
|
6207
6453
|
},
|
|
6208
6454
|
"offset-y": {
|
|
6209
|
-
"value": "
|
|
6455
|
+
"value": "{nl.skip-link.box-block-end-shadow.offset-y}",
|
|
6210
6456
|
"type": "other"
|
|
6211
6457
|
},
|
|
6212
6458
|
"blur-radius": {
|
|
6213
|
-
"value": "
|
|
6459
|
+
"value": "{nl.skip-link.box-block-end-shadow.blur-radius}",
|
|
6214
6460
|
"type": "other"
|
|
6215
6461
|
},
|
|
6216
6462
|
"spread-radius": {
|
|
6217
|
-
"value": "
|
|
6463
|
+
"value": "{nl.skip-link.box-block-end-shadow.spread-radius}",
|
|
6218
6464
|
"type": "other"
|
|
6219
6465
|
},
|
|
6220
6466
|
"color": {
|
|
6221
|
-
"value": "
|
|
6467
|
+
"value": "{nl.skip-link.box-block-end-shadow.color}",
|
|
6222
6468
|
"type": "color"
|
|
6223
6469
|
}
|
|
6224
6470
|
},
|
|
6225
6471
|
"text-decoration": {
|
|
6226
|
-
"value": "
|
|
6472
|
+
"value": "{nl.skip-link.text-decoration}",
|
|
6227
6473
|
"type": "textDecoration"
|
|
6228
6474
|
},
|
|
6229
6475
|
"text-underline-offset": {
|
|
6230
|
-
"value": "{
|
|
6476
|
+
"value": "{nl.skip-link.text-underline-offset}",
|
|
6231
6477
|
"type": "other"
|
|
6232
6478
|
}
|
|
6233
6479
|
}
|
|
6234
6480
|
}
|
|
6235
6481
|
},
|
|
6236
|
-
"components/skip-link/
|
|
6237
|
-
"
|
|
6482
|
+
"components/skip-link/nl": {
|
|
6483
|
+
"nl": {
|
|
6238
6484
|
"skip-link": {
|
|
6239
6485
|
"font-weight": {
|
|
6240
|
-
"value": "{
|
|
6486
|
+
"value": "{rhc.font-weight.bold}",
|
|
6241
6487
|
"type": "fontWeights"
|
|
6242
6488
|
},
|
|
6243
6489
|
"font-family": {
|
|
6244
|
-
"value": "{
|
|
6490
|
+
"value": "{rhc.font-family.primary}",
|
|
6245
6491
|
"type": "fontFamilies"
|
|
6246
6492
|
},
|
|
6247
6493
|
"font-size": {
|
|
6248
|
-
"value": "{
|
|
6494
|
+
"value": "{rhc.font-size.paragraph.default}",
|
|
6249
6495
|
"type": "fontSizes"
|
|
6250
6496
|
},
|
|
6251
6497
|
"line-height": {
|
|
6252
|
-
"value": "{
|
|
6498
|
+
"value": "{rhc.line-height.paragraph}",
|
|
6253
6499
|
"type": "lineHeights"
|
|
6254
6500
|
},
|
|
6255
6501
|
"min-block-size": {
|
|
6256
|
-
"value": "{
|
|
6502
|
+
"value": "{rhc.size.target}",
|
|
6257
6503
|
"type": "sizing"
|
|
6258
6504
|
},
|
|
6259
6505
|
"min-inline-size": {
|
|
6260
|
-
"value": "{
|
|
6506
|
+
"value": "{rhc.size.target}",
|
|
6261
6507
|
"type": "sizing"
|
|
6262
6508
|
},
|
|
6263
6509
|
"padding-block-end": {
|
|
6264
|
-
"value": "{
|
|
6510
|
+
"value": "{rhc.space.150}",
|
|
6265
6511
|
"type": "spacing"
|
|
6266
6512
|
},
|
|
6267
6513
|
"padding-block-start": {
|
|
6268
|
-
"value": "{
|
|
6514
|
+
"value": "{rhc.space.150}",
|
|
6269
6515
|
"type": "spacing"
|
|
6270
6516
|
},
|
|
6271
6517
|
"padding-inline-end": {
|
|
6272
|
-
"value": "{
|
|
6518
|
+
"value": "{rhc.space.200}",
|
|
6273
6519
|
"type": "spacing"
|
|
6274
6520
|
},
|
|
6275
6521
|
"padding-inline-start": {
|
|
6276
|
-
"value": "{
|
|
6522
|
+
"value": "{rhc.space.200}",
|
|
6277
6523
|
"type": "spacing"
|
|
6278
6524
|
},
|
|
6279
6525
|
"focus": {
|
|
6280
6526
|
"background-color": {
|
|
6281
|
-
"value": "{
|
|
6527
|
+
"value": "{rhc.color.canvas}",
|
|
6282
6528
|
"type": "color"
|
|
6283
6529
|
},
|
|
6284
6530
|
"border-color": {
|
|
6285
|
-
"value": "{
|
|
6531
|
+
"value": "{rhc.color.primary.500}",
|
|
6286
6532
|
"type": "color"
|
|
6287
6533
|
},
|
|
6288
6534
|
"border-style": {
|
|
6289
|
-
"value": "
|
|
6535
|
+
"value": "solid",
|
|
6290
6536
|
"type": "borderStyle"
|
|
6291
6537
|
},
|
|
6292
6538
|
"border-width": {
|
|
6293
|
-
"value": "{
|
|
6539
|
+
"value": "{rhc.border-width.m}",
|
|
6294
6540
|
"type": "borderWidth"
|
|
6295
6541
|
},
|
|
6296
6542
|
"color": {
|
|
6297
|
-
"value": "{
|
|
6543
|
+
"value": "{rhc.color.foreground.default}",
|
|
6298
6544
|
"type": "color"
|
|
6299
6545
|
},
|
|
6300
6546
|
"text-decoration": {
|
|
6301
|
-
"value": "
|
|
6547
|
+
"value": "None",
|
|
6302
6548
|
"type": "textDecoration"
|
|
6303
6549
|
}
|
|
6304
6550
|
},
|
|
6305
6551
|
"focus-visible": {
|
|
6306
6552
|
"outline-color": {
|
|
6307
|
-
"value": "{
|
|
6553
|
+
"value": "{rhc.color.zwart}",
|
|
6308
6554
|
"type": "color"
|
|
6309
6555
|
}
|
|
6310
6556
|
},
|
|
6311
6557
|
"background-color": {
|
|
6312
|
-
"value": "{
|
|
6558
|
+
"value": "{rhc.color.primary.500}",
|
|
6313
6559
|
"type": "color"
|
|
6314
6560
|
},
|
|
6315
6561
|
"border-color": {
|
|
6316
|
-
"value": "
|
|
6562
|
+
"value": "transparent",
|
|
6317
6563
|
"type": "color"
|
|
6318
6564
|
},
|
|
6319
6565
|
"color": {
|
|
6320
|
-
"value": "{
|
|
6566
|
+
"value": "{rhc.color.wit}",
|
|
6321
6567
|
"type": "color"
|
|
6322
6568
|
},
|
|
6323
6569
|
"border-width": {
|
|
6324
|
-
"value": "{
|
|
6570
|
+
"value": "{rhc.border-width.m}",
|
|
6325
6571
|
"type": "borderWidth"
|
|
6326
6572
|
},
|
|
6327
6573
|
"box-block-end-shadow": {
|
|
6328
6574
|
"offset-x": {
|
|
6329
|
-
"value": "
|
|
6575
|
+
"value": "0",
|
|
6330
6576
|
"type": "other"
|
|
6331
6577
|
},
|
|
6332
6578
|
"offset-y": {
|
|
6333
|
-
"value": "
|
|
6579
|
+
"value": "16px",
|
|
6334
6580
|
"type": "other"
|
|
6335
6581
|
},
|
|
6336
6582
|
"blur-radius": {
|
|
6337
|
-
"value": "
|
|
6583
|
+
"value": "48px",
|
|
6338
6584
|
"type": "other"
|
|
6339
6585
|
},
|
|
6340
6586
|
"spread-radius": {
|
|
6341
|
-
"value": "
|
|
6587
|
+
"value": "0",
|
|
6342
6588
|
"type": "other"
|
|
6343
6589
|
},
|
|
6344
6590
|
"color": {
|
|
6345
|
-
"value": "
|
|
6591
|
+
"value": "#0000001a",
|
|
6346
6592
|
"type": "color"
|
|
6347
6593
|
}
|
|
6348
6594
|
},
|
|
6349
6595
|
"text-decoration": {
|
|
6350
|
-
"value": "
|
|
6596
|
+
"value": "underline",
|
|
6351
6597
|
"type": "textDecoration"
|
|
6352
6598
|
},
|
|
6353
6599
|
"text-underline-offset": {
|
|
6354
|
-
"value": "{
|
|
6600
|
+
"value": "{utrecht.link.text-underline-offset}",
|
|
6355
6601
|
"type": "other"
|
|
6356
6602
|
}
|
|
6357
6603
|
}
|
|
@@ -6463,6 +6709,56 @@
|
|
|
6463
6709
|
}
|
|
6464
6710
|
}
|
|
6465
6711
|
},
|
|
6712
|
+
"components/sub-nav-bar": {
|
|
6713
|
+
"rhc": {
|
|
6714
|
+
"sub-nav-bar": {
|
|
6715
|
+
"background-color": {
|
|
6716
|
+
"value": "#f2f4f6",
|
|
6717
|
+
"type": "color"
|
|
6718
|
+
},
|
|
6719
|
+
"column-gap": {
|
|
6720
|
+
"value": "{rhc.space.100}",
|
|
6721
|
+
"type": "spacing"
|
|
6722
|
+
},
|
|
6723
|
+
"column-width": {
|
|
6724
|
+
"value": "375px",
|
|
6725
|
+
"type": "sizing"
|
|
6726
|
+
},
|
|
6727
|
+
"padding-block-end": {
|
|
6728
|
+
"value": "{rhc.space.400}",
|
|
6729
|
+
"type": "spacing"
|
|
6730
|
+
},
|
|
6731
|
+
"padding-block-start": {
|
|
6732
|
+
"value": "{rhc.space.400}",
|
|
6733
|
+
"type": "spacing"
|
|
6734
|
+
},
|
|
6735
|
+
"inline-size": {
|
|
6736
|
+
"value": "100%",
|
|
6737
|
+
"type": "sizing"
|
|
6738
|
+
},
|
|
6739
|
+
"content": {
|
|
6740
|
+
"padding-inline-end": {
|
|
6741
|
+
"value": "{rhc.space.200}",
|
|
6742
|
+
"type": "spacing"
|
|
6743
|
+
},
|
|
6744
|
+
"padding-inline-start": {
|
|
6745
|
+
"value": "{rhc.space.200}",
|
|
6746
|
+
"type": "spacing"
|
|
6747
|
+
},
|
|
6748
|
+
"max-inline-size": {
|
|
6749
|
+
"value": "1280px",
|
|
6750
|
+
"type": "sizing"
|
|
6751
|
+
},
|
|
6752
|
+
"list": {
|
|
6753
|
+
"row-gap": {
|
|
6754
|
+
"value": "{rhc.space.100}",
|
|
6755
|
+
"type": "spacing"
|
|
6756
|
+
}
|
|
6757
|
+
}
|
|
6758
|
+
}
|
|
6759
|
+
}
|
|
6760
|
+
}
|
|
6761
|
+
},
|
|
6466
6762
|
"components/summary-list": {
|
|
6467
6763
|
"todo": {
|
|
6468
6764
|
"summary-list": {
|
|
@@ -6939,7 +7235,7 @@
|
|
|
6939
7235
|
"type": "color"
|
|
6940
7236
|
},
|
|
6941
7237
|
"border-color": {
|
|
6942
|
-
"value": "{rhc.color.
|
|
7238
|
+
"value": "{rhc.color.primary.500}",
|
|
6943
7239
|
"type": "color"
|
|
6944
7240
|
},
|
|
6945
7241
|
"color": {
|
|
@@ -6976,7 +7272,7 @@
|
|
|
6976
7272
|
"type": "color"
|
|
6977
7273
|
},
|
|
6978
7274
|
"border-color": {
|
|
6979
|
-
"value": "{rhc.color.
|
|
7275
|
+
"value": "{rhc.color.primary.500}",
|
|
6980
7276
|
"type": "color"
|
|
6981
7277
|
},
|
|
6982
7278
|
"color": {
|
|
@@ -7022,7 +7318,7 @@
|
|
|
7022
7318
|
"type": "color"
|
|
7023
7319
|
},
|
|
7024
7320
|
"border-color": {
|
|
7025
|
-
"value": "{rhc.color.
|
|
7321
|
+
"value": "{rhc.color.primary.300}",
|
|
7026
7322
|
"type": "color"
|
|
7027
7323
|
},
|
|
7028
7324
|
"color": {
|
|
@@ -7113,7 +7409,7 @@
|
|
|
7113
7409
|
"type": "color"
|
|
7114
7410
|
},
|
|
7115
7411
|
"border-color": {
|
|
7116
|
-
"value": "{rhc.color.
|
|
7412
|
+
"value": "{rhc.color.primary.500}",
|
|
7117
7413
|
"type": "color"
|
|
7118
7414
|
},
|
|
7119
7415
|
"color": {
|
|
@@ -7162,7 +7458,7 @@
|
|
|
7162
7458
|
"type": "color"
|
|
7163
7459
|
},
|
|
7164
7460
|
"border-color": {
|
|
7165
|
-
"value": "{rhc.color.
|
|
7461
|
+
"value": "{rhc.color.primary.500}",
|
|
7166
7462
|
"type": "color"
|
|
7167
7463
|
},
|
|
7168
7464
|
"color": {
|
|
@@ -7208,7 +7504,7 @@
|
|
|
7208
7504
|
"type": "color"
|
|
7209
7505
|
},
|
|
7210
7506
|
"border-color": {
|
|
7211
|
-
"value": "{rhc.color.
|
|
7507
|
+
"value": "{rhc.color.primary.300}",
|
|
7212
7508
|
"type": "color"
|
|
7213
7509
|
},
|
|
7214
7510
|
"color": {
|
|
@@ -7379,358 +7675,1812 @@
|
|
|
7379
7675
|
}
|
|
7380
7676
|
}
|
|
7381
7677
|
},
|
|
7382
|
-
"components/
|
|
7678
|
+
"components/column-layout": {
|
|
7383
7679
|
"utrecht": {
|
|
7384
|
-
"
|
|
7385
|
-
"color": {
|
|
7386
|
-
"value": "
|
|
7680
|
+
"column-layout": {
|
|
7681
|
+
"column-rule-color": {
|
|
7682
|
+
"value": "{rhc.color.none}",
|
|
7387
7683
|
"type": "color"
|
|
7388
7684
|
},
|
|
7389
|
-
"
|
|
7390
|
-
"value": "{rhc.
|
|
7685
|
+
"column-rule-width": {
|
|
7686
|
+
"value": "{rhc.border-width.none}",
|
|
7687
|
+
"type": "borderWidth"
|
|
7688
|
+
},
|
|
7689
|
+
"column-width": {
|
|
7690
|
+
"value": "400px",
|
|
7391
7691
|
"type": "sizing"
|
|
7392
7692
|
},
|
|
7393
|
-
"
|
|
7394
|
-
"value": "{rhc.space.
|
|
7693
|
+
"gap": {
|
|
7694
|
+
"value": "{rhc.space.150}",
|
|
7395
7695
|
"type": "spacing"
|
|
7396
7696
|
}
|
|
7397
7697
|
}
|
|
7398
7698
|
}
|
|
7399
7699
|
},
|
|
7400
|
-
"
|
|
7700
|
+
"overwrites/primaire kleur/groen": {
|
|
7401
7701
|
"rhc": {
|
|
7402
|
-
"
|
|
7403
|
-
"
|
|
7404
|
-
"
|
|
7405
|
-
|
|
7406
|
-
|
|
7407
|
-
"column-gap": {
|
|
7408
|
-
"value": "{rhc.space.100}",
|
|
7409
|
-
"type": "spacing"
|
|
7410
|
-
},
|
|
7411
|
-
"column-width": {
|
|
7412
|
-
"value": "375px",
|
|
7413
|
-
"type": "sizing"
|
|
7414
|
-
},
|
|
7415
|
-
"padding-block-end": {
|
|
7416
|
-
"value": "{rhc.space.400}",
|
|
7417
|
-
"type": "spacing"
|
|
7418
|
-
},
|
|
7419
|
-
"padding-block-start": {
|
|
7420
|
-
"value": "{rhc.space.400}",
|
|
7421
|
-
"type": "spacing"
|
|
7422
|
-
},
|
|
7423
|
-
"inline-size": {
|
|
7424
|
-
"value": "100%",
|
|
7425
|
-
"type": "sizing"
|
|
7426
|
-
},
|
|
7427
|
-
"content": {
|
|
7428
|
-
"padding-inline-end": {
|
|
7429
|
-
"value": "{rhc.space.200}",
|
|
7430
|
-
"type": "spacing"
|
|
7702
|
+
"color": {
|
|
7703
|
+
"primary": {
|
|
7704
|
+
"50": {
|
|
7705
|
+
"value": "{rhc.color.groen.50}",
|
|
7706
|
+
"type": "color"
|
|
7431
7707
|
},
|
|
7432
|
-
"
|
|
7433
|
-
"value": "{rhc.
|
|
7434
|
-
"type": "
|
|
7708
|
+
"100": {
|
|
7709
|
+
"value": "{rhc.color.groen.100}",
|
|
7710
|
+
"type": "color"
|
|
7435
7711
|
},
|
|
7436
|
-
"
|
|
7437
|
-
"value": "
|
|
7438
|
-
"type": "
|
|
7712
|
+
"200": {
|
|
7713
|
+
"value": "{rhc.color.groen.200}",
|
|
7714
|
+
"type": "color"
|
|
7439
7715
|
},
|
|
7440
|
-
"
|
|
7441
|
-
"
|
|
7442
|
-
|
|
7443
|
-
|
|
7716
|
+
"300": {
|
|
7717
|
+
"value": "{rhc.color.groen.300}",
|
|
7718
|
+
"type": "color"
|
|
7719
|
+
},
|
|
7720
|
+
"400": {
|
|
7721
|
+
"value": "{rhc.color.groen.400}",
|
|
7722
|
+
"type": "color"
|
|
7723
|
+
},
|
|
7724
|
+
"500": {
|
|
7725
|
+
"value": "{rhc.color.groen.500}",
|
|
7726
|
+
"type": "color"
|
|
7727
|
+
},
|
|
7728
|
+
"hover": {
|
|
7729
|
+
"value": "{rhc.color.primary.500}",
|
|
7730
|
+
"type": "color",
|
|
7731
|
+
"$extensions": {
|
|
7732
|
+
"studio.tokens": {
|
|
7733
|
+
"modify": {
|
|
7734
|
+
"type": "darken",
|
|
7735
|
+
"value": "0.3",
|
|
7736
|
+
"space": "lch"
|
|
7737
|
+
}
|
|
7738
|
+
}
|
|
7444
7739
|
}
|
|
7445
7740
|
}
|
|
7446
7741
|
}
|
|
7447
7742
|
}
|
|
7448
7743
|
}
|
|
7449
7744
|
},
|
|
7450
|
-
"overwrites/
|
|
7451
|
-
"
|
|
7452
|
-
"
|
|
7453
|
-
"
|
|
7454
|
-
"
|
|
7455
|
-
"
|
|
7456
|
-
|
|
7457
|
-
|
|
7458
|
-
|
|
7459
|
-
|
|
7460
|
-
|
|
7461
|
-
|
|
7462
|
-
|
|
7463
|
-
|
|
7464
|
-
|
|
7465
|
-
|
|
7466
|
-
|
|
7467
|
-
|
|
7468
|
-
|
|
7469
|
-
}
|
|
7470
|
-
|
|
7471
|
-
|
|
7472
|
-
|
|
7473
|
-
|
|
7474
|
-
|
|
7475
|
-
|
|
7476
|
-
|
|
7477
|
-
}
|
|
7478
|
-
|
|
7479
|
-
|
|
7480
|
-
|
|
7481
|
-
"
|
|
7482
|
-
"
|
|
7483
|
-
|
|
7745
|
+
"overwrites/primaire kleur/mintgroen": {
|
|
7746
|
+
"rhc": {
|
|
7747
|
+
"color": {
|
|
7748
|
+
"primary": {
|
|
7749
|
+
"50": {
|
|
7750
|
+
"value": "{rhc.color.mintgroen.50}",
|
|
7751
|
+
"type": "color"
|
|
7752
|
+
},
|
|
7753
|
+
"100": {
|
|
7754
|
+
"value": "{rhc.color.mintgroen.100}",
|
|
7755
|
+
"type": "color"
|
|
7756
|
+
},
|
|
7757
|
+
"200": {
|
|
7758
|
+
"value": "{rhc.color.mintgroen.200}",
|
|
7759
|
+
"type": "color"
|
|
7760
|
+
},
|
|
7761
|
+
"300": {
|
|
7762
|
+
"value": "{rhc.color.mintgroen.300}",
|
|
7763
|
+
"type": "color"
|
|
7764
|
+
},
|
|
7765
|
+
"400": {
|
|
7766
|
+
"value": "{rhc.color.mintgroen.400}",
|
|
7767
|
+
"type": "color"
|
|
7768
|
+
},
|
|
7769
|
+
"500": {
|
|
7770
|
+
"value": "{rhc.color.mintgroen.500}",
|
|
7771
|
+
"type": "color"
|
|
7772
|
+
},
|
|
7773
|
+
"hover": {
|
|
7774
|
+
"value": "{rhc.color.primary.500}",
|
|
7775
|
+
"type": "color",
|
|
7776
|
+
"$extensions": {
|
|
7777
|
+
"studio.tokens": {
|
|
7778
|
+
"modify": {
|
|
7779
|
+
"type": "darken",
|
|
7780
|
+
"value": "0.3",
|
|
7781
|
+
"space": "lch"
|
|
7782
|
+
}
|
|
7783
|
+
}
|
|
7484
7784
|
}
|
|
7485
7785
|
}
|
|
7486
7786
|
}
|
|
7487
|
-
}
|
|
7488
|
-
|
|
7489
|
-
|
|
7490
|
-
|
|
7491
|
-
|
|
7787
|
+
}
|
|
7788
|
+
}
|
|
7789
|
+
},
|
|
7790
|
+
"overwrites/primaire kleur/oranje": {
|
|
7791
|
+
"rhc": {
|
|
7792
|
+
"color": {
|
|
7793
|
+
"primary": {
|
|
7794
|
+
"50": {
|
|
7795
|
+
"value": "{rhc.color.oranje.50}",
|
|
7492
7796
|
"type": "color"
|
|
7493
|
-
}
|
|
7494
|
-
|
|
7495
|
-
|
|
7496
|
-
|
|
7497
|
-
|
|
7498
|
-
|
|
7499
|
-
|
|
7797
|
+
},
|
|
7798
|
+
"100": {
|
|
7799
|
+
"value": "{rhc.color.oranje.100}",
|
|
7800
|
+
"type": "color"
|
|
7801
|
+
},
|
|
7802
|
+
"200": {
|
|
7803
|
+
"value": "{rhc.color.oranje.200}",
|
|
7804
|
+
"type": "color"
|
|
7805
|
+
},
|
|
7806
|
+
"300": {
|
|
7807
|
+
"value": "{rhc.color.oranje.300}",
|
|
7808
|
+
"type": "color"
|
|
7809
|
+
},
|
|
7810
|
+
"400": {
|
|
7811
|
+
"value": "{rhc.color.oranje.400}",
|
|
7812
|
+
"type": "color"
|
|
7813
|
+
},
|
|
7814
|
+
"500": {
|
|
7815
|
+
"value": "{rhc.color.oranje.500}",
|
|
7816
|
+
"type": "color"
|
|
7817
|
+
},
|
|
7818
|
+
"hover": {
|
|
7819
|
+
"value": "{rhc.color.primary.500}",
|
|
7820
|
+
"type": "color",
|
|
7821
|
+
"$extensions": {
|
|
7822
|
+
"studio.tokens": {
|
|
7823
|
+
"modify": {
|
|
7824
|
+
"type": "darken",
|
|
7825
|
+
"value": "0.3",
|
|
7826
|
+
"space": "lch"
|
|
7827
|
+
}
|
|
7828
|
+
}
|
|
7500
7829
|
}
|
|
7501
7830
|
}
|
|
7502
7831
|
}
|
|
7503
|
-
}
|
|
7504
|
-
|
|
7505
|
-
|
|
7506
|
-
|
|
7507
|
-
|
|
7832
|
+
}
|
|
7833
|
+
}
|
|
7834
|
+
},
|
|
7835
|
+
"overwrites/primaire kleur/hemelblauw": {
|
|
7836
|
+
"rhc": {
|
|
7837
|
+
"color": {
|
|
7838
|
+
"primary": {
|
|
7839
|
+
"50": {
|
|
7840
|
+
"value": "{rhc.color.hemelblauw.50}",
|
|
7508
7841
|
"type": "color"
|
|
7509
|
-
}
|
|
7510
|
-
|
|
7511
|
-
|
|
7512
|
-
|
|
7513
|
-
|
|
7514
|
-
|
|
7515
|
-
|
|
7842
|
+
},
|
|
7843
|
+
"100": {
|
|
7844
|
+
"value": "{rhc.color.hemelblauw.100}",
|
|
7845
|
+
"type": "color"
|
|
7846
|
+
},
|
|
7847
|
+
"200": {
|
|
7848
|
+
"value": "{rhc.color.hemelblauw.200}",
|
|
7849
|
+
"type": "color"
|
|
7850
|
+
},
|
|
7851
|
+
"300": {
|
|
7852
|
+
"value": "{rhc.color.hemelblauw.300}",
|
|
7853
|
+
"type": "color"
|
|
7854
|
+
},
|
|
7855
|
+
"400": {
|
|
7856
|
+
"value": "{rhc.color.hemelblauw.400}",
|
|
7857
|
+
"type": "color"
|
|
7858
|
+
},
|
|
7859
|
+
"500": {
|
|
7860
|
+
"value": "{rhc.color.hemelblauw.500}",
|
|
7861
|
+
"type": "color"
|
|
7862
|
+
},
|
|
7863
|
+
"hover": {
|
|
7864
|
+
"value": "{rhc.color.primary.500}",
|
|
7865
|
+
"type": "color",
|
|
7866
|
+
"$extensions": {
|
|
7867
|
+
"studio.tokens": {
|
|
7868
|
+
"modify": {
|
|
7869
|
+
"type": "darken",
|
|
7870
|
+
"value": "0.3",
|
|
7871
|
+
"space": "lch"
|
|
7872
|
+
}
|
|
7873
|
+
}
|
|
7516
7874
|
}
|
|
7517
7875
|
}
|
|
7518
7876
|
}
|
|
7519
|
-
}
|
|
7520
|
-
|
|
7521
|
-
|
|
7522
|
-
|
|
7523
|
-
|
|
7877
|
+
}
|
|
7878
|
+
}
|
|
7879
|
+
},
|
|
7880
|
+
"overwrites/primaire kleur/paars": {
|
|
7881
|
+
"rhc": {
|
|
7882
|
+
"color": {
|
|
7883
|
+
"primary": {
|
|
7884
|
+
"50": {
|
|
7885
|
+
"value": "{rhc.color.paars.50}",
|
|
7524
7886
|
"type": "color"
|
|
7525
|
-
}
|
|
7526
|
-
|
|
7527
|
-
|
|
7528
|
-
"select": {
|
|
7529
|
-
"focus": {
|
|
7530
|
-
"background-color": {
|
|
7531
|
-
"value": "{overwrite.focus.background}",
|
|
7887
|
+
},
|
|
7888
|
+
"100": {
|
|
7889
|
+
"value": "{rhc.color.paars.100}",
|
|
7532
7890
|
"type": "color"
|
|
7533
|
-
}
|
|
7534
|
-
|
|
7535
|
-
|
|
7536
|
-
"textarea": {
|
|
7537
|
-
"focus": {
|
|
7538
|
-
"background-color": {
|
|
7539
|
-
"value": "{overwrite.focus.background}",
|
|
7891
|
+
},
|
|
7892
|
+
"200": {
|
|
7893
|
+
"value": "{rhc.color.paars.200}",
|
|
7540
7894
|
"type": "color"
|
|
7541
|
-
}
|
|
7542
|
-
|
|
7543
|
-
|
|
7544
|
-
"textbox": {
|
|
7545
|
-
"focus": {
|
|
7546
|
-
"background-color": {
|
|
7547
|
-
"value": "{overwrite.focus.background}",
|
|
7895
|
+
},
|
|
7896
|
+
"300": {
|
|
7897
|
+
"value": "{rhc.color.paars.300}",
|
|
7548
7898
|
"type": "color"
|
|
7549
|
-
}
|
|
7550
|
-
|
|
7551
|
-
|
|
7552
|
-
|
|
7553
|
-
|
|
7554
|
-
"
|
|
7555
|
-
|
|
7556
|
-
}
|
|
7557
|
-
},
|
|
7558
|
-
"skip-link": {
|
|
7559
|
-
"focus": {
|
|
7560
|
-
"background-color": {
|
|
7561
|
-
"value": "{overwrite.focus.background}",
|
|
7899
|
+
},
|
|
7900
|
+
"400": {
|
|
7901
|
+
"value": "{rhc.color.paars.400}",
|
|
7902
|
+
"type": "color"
|
|
7903
|
+
},
|
|
7904
|
+
"500": {
|
|
7905
|
+
"value": "{rhc.color.paars.500}",
|
|
7562
7906
|
"type": "color"
|
|
7907
|
+
},
|
|
7908
|
+
"hover": {
|
|
7909
|
+
"value": "{rhc.color.primary.500}",
|
|
7910
|
+
"type": "color",
|
|
7911
|
+
"$extensions": {
|
|
7912
|
+
"studio.tokens": {
|
|
7913
|
+
"modify": {
|
|
7914
|
+
"type": "darken",
|
|
7915
|
+
"value": "0.3",
|
|
7916
|
+
"space": "lch"
|
|
7917
|
+
}
|
|
7918
|
+
}
|
|
7919
|
+
}
|
|
7563
7920
|
}
|
|
7564
7921
|
}
|
|
7565
7922
|
}
|
|
7566
|
-
}
|
|
7567
|
-
|
|
7568
|
-
|
|
7569
|
-
|
|
7570
|
-
|
|
7571
|
-
|
|
7572
|
-
|
|
7573
|
-
|
|
7574
|
-
|
|
7575
|
-
|
|
7576
|
-
|
|
7577
|
-
|
|
7578
|
-
|
|
7579
|
-
|
|
7580
|
-
|
|
7581
|
-
|
|
7923
|
+
}
|
|
7924
|
+
},
|
|
7925
|
+
"overwrites/primaire kleur/roze": {
|
|
7926
|
+
"rhc": {
|
|
7927
|
+
"color": {
|
|
7928
|
+
"primary": {
|
|
7929
|
+
"50": {
|
|
7930
|
+
"value": "{rhc.color.roze.50}",
|
|
7931
|
+
"type": "color"
|
|
7932
|
+
},
|
|
7933
|
+
"100": {
|
|
7934
|
+
"value": "{rhc.color.roze.100}",
|
|
7935
|
+
"type": "color"
|
|
7936
|
+
},
|
|
7937
|
+
"200": {
|
|
7938
|
+
"value": "{rhc.color.roze.200}",
|
|
7939
|
+
"type": "color"
|
|
7940
|
+
},
|
|
7941
|
+
"300": {
|
|
7942
|
+
"value": "{rhc.color.roze.300}",
|
|
7943
|
+
"type": "color"
|
|
7944
|
+
},
|
|
7945
|
+
"400": {
|
|
7946
|
+
"value": "{rhc.color.roze.400}",
|
|
7947
|
+
"type": "color"
|
|
7948
|
+
},
|
|
7949
|
+
"500": {
|
|
7950
|
+
"value": "{rhc.color.roze.500}",
|
|
7951
|
+
"type": "color"
|
|
7952
|
+
},
|
|
7953
|
+
"hover": {
|
|
7954
|
+
"value": "{rhc.color.primary.500}",
|
|
7955
|
+
"type": "color",
|
|
7956
|
+
"$extensions": {
|
|
7957
|
+
"studio.tokens": {
|
|
7958
|
+
"modify": {
|
|
7959
|
+
"type": "darken",
|
|
7960
|
+
"value": "0.3",
|
|
7961
|
+
"space": "lch"
|
|
7962
|
+
}
|
|
7963
|
+
}
|
|
7582
7964
|
}
|
|
7583
7965
|
}
|
|
7584
7966
|
}
|
|
7967
|
+
}
|
|
7968
|
+
}
|
|
7969
|
+
},
|
|
7970
|
+
"overwrites/primaire kleur/violet": {
|
|
7971
|
+
"rhc": {
|
|
7972
|
+
"color": {
|
|
7973
|
+
"primary": {
|
|
7974
|
+
"50": {
|
|
7975
|
+
"value": "{rhc.color.violet.50}",
|
|
7976
|
+
"type": "color"
|
|
7977
|
+
},
|
|
7978
|
+
"100": {
|
|
7979
|
+
"value": "{rhc.color.violet.100}",
|
|
7980
|
+
"type": "color"
|
|
7981
|
+
},
|
|
7982
|
+
"200": {
|
|
7983
|
+
"value": "{rhc.color.violet.200}",
|
|
7984
|
+
"type": "color"
|
|
7985
|
+
},
|
|
7986
|
+
"300": {
|
|
7987
|
+
"value": "{rhc.color.violet.300}",
|
|
7988
|
+
"type": "color"
|
|
7989
|
+
},
|
|
7990
|
+
"400": {
|
|
7991
|
+
"value": "{rhc.color.violet.400}",
|
|
7992
|
+
"type": "color"
|
|
7993
|
+
},
|
|
7994
|
+
"500": {
|
|
7995
|
+
"value": "{rhc.color.violet.500}",
|
|
7996
|
+
"type": "color"
|
|
7997
|
+
},
|
|
7998
|
+
"hover": {
|
|
7999
|
+
"value": "{rhc.color.primary.500}",
|
|
8000
|
+
"type": "color",
|
|
8001
|
+
"$extensions": {
|
|
8002
|
+
"studio.tokens": {
|
|
8003
|
+
"modify": {
|
|
8004
|
+
"type": "darken",
|
|
8005
|
+
"value": "0.3",
|
|
8006
|
+
"space": "lch"
|
|
8007
|
+
}
|
|
8008
|
+
}
|
|
8009
|
+
}
|
|
8010
|
+
}
|
|
8011
|
+
}
|
|
8012
|
+
}
|
|
8013
|
+
}
|
|
8014
|
+
},
|
|
8015
|
+
"overwrites/primaire kleur/contrast fix/foreground op lichte kleur": {
|
|
8016
|
+
"utrecht": {
|
|
8017
|
+
"button": {
|
|
8018
|
+
"primary-action": {
|
|
8019
|
+
"color": {
|
|
8020
|
+
"value": "{rhc.color.foreground.on-light-color}",
|
|
8021
|
+
"type": "color"
|
|
8022
|
+
},
|
|
8023
|
+
"active": {
|
|
8024
|
+
"color": {
|
|
8025
|
+
"value": "{rhc.color.foreground.on-light-color}",
|
|
8026
|
+
"type": "color"
|
|
8027
|
+
}
|
|
8028
|
+
},
|
|
8029
|
+
"hover": {
|
|
8030
|
+
"color": {
|
|
8031
|
+
"value": "{rhc.color.foreground.on-light-color}",
|
|
8032
|
+
"type": "color"
|
|
8033
|
+
}
|
|
8034
|
+
},
|
|
8035
|
+
"focus": {
|
|
8036
|
+
"color": {
|
|
8037
|
+
"value": "{rhc.color.foreground.on-light-color}",
|
|
8038
|
+
"type": "color"
|
|
8039
|
+
}
|
|
8040
|
+
},
|
|
8041
|
+
"pressed": {
|
|
8042
|
+
"color": {
|
|
8043
|
+
"value": "{rhc.color.foreground.on-light-color}",
|
|
8044
|
+
"type": "color"
|
|
8045
|
+
}
|
|
8046
|
+
}
|
|
8047
|
+
}
|
|
8048
|
+
}
|
|
8049
|
+
},
|
|
8050
|
+
"rhc": {
|
|
8051
|
+
"card-as-link": {
|
|
8052
|
+
"horizontal": {
|
|
8053
|
+
"color": {
|
|
8054
|
+
"value": "{rhc.color.foreground.on-light-color}",
|
|
8055
|
+
"type": "color"
|
|
8056
|
+
}
|
|
8057
|
+
}
|
|
8058
|
+
},
|
|
8059
|
+
"hero": {
|
|
8060
|
+
"message": {
|
|
8061
|
+
"color": {
|
|
8062
|
+
"value": "{rhc.color.foreground.on-light-color}",
|
|
8063
|
+
"type": "color"
|
|
8064
|
+
}
|
|
8065
|
+
}
|
|
8066
|
+
},
|
|
8067
|
+
"nav-bar": {
|
|
8068
|
+
"link": {
|
|
8069
|
+
"active": {
|
|
8070
|
+
"color": {
|
|
8071
|
+
"value": "{rhc.color.foreground.on-light-color}",
|
|
8072
|
+
"type": "color"
|
|
8073
|
+
}
|
|
8074
|
+
}
|
|
8075
|
+
},
|
|
8076
|
+
"icon": {
|
|
8077
|
+
"active": {
|
|
8078
|
+
"color": {
|
|
8079
|
+
"value": "{rhc.color.foreground.on-light-color}",
|
|
8080
|
+
"type": "color"
|
|
8081
|
+
}
|
|
8082
|
+
}
|
|
8083
|
+
}
|
|
8084
|
+
}
|
|
8085
|
+
}
|
|
8086
|
+
},
|
|
8087
|
+
"overwrites/primaire kleur/contrast fix/non primary button labels coolgrey": {
|
|
8088
|
+
"utrecht": {
|
|
8089
|
+
"button": {
|
|
8090
|
+
"secondary-action": {
|
|
8091
|
+
"hover": {
|
|
8092
|
+
"background-color": {
|
|
8093
|
+
"value": "{rhc.color.primary.100}",
|
|
8094
|
+
"type": "color"
|
|
8095
|
+
},
|
|
8096
|
+
"border-color": {
|
|
8097
|
+
"value": "{rhc.color.cool-grey.800}",
|
|
8098
|
+
"type": "color"
|
|
8099
|
+
},
|
|
8100
|
+
"color": {
|
|
8101
|
+
"value": "{rhc.color.cool-grey.800}",
|
|
8102
|
+
"type": "color"
|
|
8103
|
+
}
|
|
8104
|
+
},
|
|
8105
|
+
"background-color": {
|
|
8106
|
+
"value": "{rhc.color.none}",
|
|
8107
|
+
"type": "color"
|
|
8108
|
+
},
|
|
8109
|
+
"border-color": {
|
|
8110
|
+
"value": "{rhc.color.cool-grey.700}",
|
|
8111
|
+
"type": "color"
|
|
8112
|
+
},
|
|
8113
|
+
"color": {
|
|
8114
|
+
"value": "{rhc.color.cool-grey.700}",
|
|
8115
|
+
"type": "color"
|
|
8116
|
+
},
|
|
8117
|
+
"disabled": {
|
|
8118
|
+
"background-color": {
|
|
8119
|
+
"value": "{rhc.color.none}",
|
|
8120
|
+
"type": "color"
|
|
8121
|
+
},
|
|
8122
|
+
"border-color": {
|
|
8123
|
+
"value": "{rhc.color.cool-grey.400}",
|
|
8124
|
+
"type": "color"
|
|
8125
|
+
},
|
|
8126
|
+
"color": {
|
|
8127
|
+
"value": "{rhc.color.cool-grey.400}",
|
|
8128
|
+
"type": "color"
|
|
8129
|
+
}
|
|
8130
|
+
},
|
|
8131
|
+
"focus": {
|
|
8132
|
+
"background-color": {
|
|
8133
|
+
"value": "{rhc.color.primary.100}",
|
|
8134
|
+
"type": "color"
|
|
8135
|
+
},
|
|
8136
|
+
"border-color": {
|
|
8137
|
+
"value": "transparent",
|
|
8138
|
+
"type": "color"
|
|
8139
|
+
},
|
|
8140
|
+
"color": {
|
|
8141
|
+
"value": "{rhc.color.cool-grey.800}",
|
|
8142
|
+
"type": "color"
|
|
8143
|
+
}
|
|
8144
|
+
},
|
|
8145
|
+
"active": {
|
|
8146
|
+
"background-color": {
|
|
8147
|
+
"value": "{rhc.color.primary.200}",
|
|
8148
|
+
"type": "color"
|
|
8149
|
+
},
|
|
8150
|
+
"border-color": {
|
|
8151
|
+
"value": "{rhc.color.primary.500}",
|
|
8152
|
+
"type": "color",
|
|
8153
|
+
"$extensions": {
|
|
8154
|
+
"studio.tokens": {
|
|
8155
|
+
"modify": {
|
|
8156
|
+
"type": "darken",
|
|
8157
|
+
"value": "0.4",
|
|
8158
|
+
"space": "lch"
|
|
8159
|
+
}
|
|
8160
|
+
}
|
|
8161
|
+
}
|
|
8162
|
+
},
|
|
8163
|
+
"color": {
|
|
8164
|
+
"value": "{rhc.color.cool-grey.800}",
|
|
8165
|
+
"type": "color"
|
|
8166
|
+
}
|
|
8167
|
+
},
|
|
8168
|
+
"pressed": {
|
|
8169
|
+
"background-color": {
|
|
8170
|
+
"value": "{rhc.color.primary.200}",
|
|
8171
|
+
"type": "color"
|
|
8172
|
+
},
|
|
8173
|
+
"border-color": {
|
|
8174
|
+
"value": "{rhc.color.cool-grey.800}",
|
|
8175
|
+
"type": "color"
|
|
8176
|
+
},
|
|
8177
|
+
"color": {
|
|
8178
|
+
"value": "{rhc.color.cool-grey.800}",
|
|
8179
|
+
"type": "color"
|
|
8180
|
+
}
|
|
8181
|
+
}
|
|
8182
|
+
},
|
|
8183
|
+
"subtle": {
|
|
8184
|
+
"hover": {
|
|
8185
|
+
"background-color": {
|
|
8186
|
+
"value": "{rhc.color.primary.50}",
|
|
8187
|
+
"type": "color"
|
|
8188
|
+
},
|
|
8189
|
+
"border-color": {
|
|
8190
|
+
"value": "transparent",
|
|
8191
|
+
"type": "color"
|
|
8192
|
+
},
|
|
8193
|
+
"color": {
|
|
8194
|
+
"value": "{rhc.color.cool-grey.800}",
|
|
8195
|
+
"type": "color"
|
|
8196
|
+
}
|
|
8197
|
+
},
|
|
8198
|
+
"background-color": {
|
|
8199
|
+
"value": "transparent",
|
|
8200
|
+
"type": "color"
|
|
8201
|
+
},
|
|
8202
|
+
"border-color": {
|
|
8203
|
+
"value": "transparent",
|
|
8204
|
+
"type": "color"
|
|
8205
|
+
},
|
|
8206
|
+
"color": {
|
|
8207
|
+
"value": "{rhc.color.cool-grey.700}",
|
|
8208
|
+
"type": "color"
|
|
8209
|
+
},
|
|
8210
|
+
"disabled": {
|
|
8211
|
+
"background-color": {
|
|
8212
|
+
"value": "{rhc.color.none}",
|
|
8213
|
+
"type": "color"
|
|
8214
|
+
},
|
|
8215
|
+
"border-color": {
|
|
8216
|
+
"value": "{rhc.color.none}",
|
|
8217
|
+
"type": "color"
|
|
8218
|
+
},
|
|
8219
|
+
"color": {
|
|
8220
|
+
"value": "{rhc.color.cool-grey.400}",
|
|
8221
|
+
"type": "color"
|
|
8222
|
+
}
|
|
8223
|
+
},
|
|
8224
|
+
"focus": {
|
|
8225
|
+
"background-color": {
|
|
8226
|
+
"value": "{rhc.color.primary.50}",
|
|
8227
|
+
"type": "color"
|
|
8228
|
+
},
|
|
8229
|
+
"border-color": {
|
|
8230
|
+
"value": "transparent",
|
|
8231
|
+
"type": "color"
|
|
8232
|
+
},
|
|
8233
|
+
"color": {
|
|
8234
|
+
"value": "{rhc.color.cool-grey.800}",
|
|
8235
|
+
"type": "color"
|
|
8236
|
+
}
|
|
8237
|
+
},
|
|
8238
|
+
"active": {
|
|
8239
|
+
"background-color": {
|
|
8240
|
+
"value": "{rhc.color.primary.200}",
|
|
8241
|
+
"type": "color"
|
|
8242
|
+
},
|
|
8243
|
+
"border-color": {
|
|
8244
|
+
"value": "transparent",
|
|
8245
|
+
"type": "color"
|
|
8246
|
+
},
|
|
8247
|
+
"color": {
|
|
8248
|
+
"value": "{rhc.color.cool-grey.800}",
|
|
8249
|
+
"type": "color"
|
|
8250
|
+
}
|
|
8251
|
+
},
|
|
8252
|
+
"pressed": {
|
|
8253
|
+
"background-color": {
|
|
8254
|
+
"value": "{rhc.color.primary.100}",
|
|
8255
|
+
"type": "color"
|
|
8256
|
+
},
|
|
8257
|
+
"border-color": {
|
|
8258
|
+
"value": "transparent",
|
|
8259
|
+
"type": "color"
|
|
8260
|
+
},
|
|
8261
|
+
"color": {
|
|
8262
|
+
"value": "{rhc.color.cool-grey.900}",
|
|
8263
|
+
"type": "color"
|
|
8264
|
+
}
|
|
8265
|
+
}
|
|
8266
|
+
},
|
|
8267
|
+
"primary-action": {
|
|
8268
|
+
"disabled": {
|
|
8269
|
+
"color": {
|
|
8270
|
+
"value": "{rhc.color.cool-grey.400}",
|
|
8271
|
+
"type": "color"
|
|
8272
|
+
}
|
|
8273
|
+
}
|
|
8274
|
+
}
|
|
8275
|
+
}
|
|
8276
|
+
}
|
|
8277
|
+
},
|
|
8278
|
+
"overwrites/primaire kleur/contrast fix/alle buttons lintblauw": {
|
|
8279
|
+
"utrecht": {
|
|
8280
|
+
"button": {
|
|
8281
|
+
"primary-action": {
|
|
8282
|
+
"hover": {
|
|
8283
|
+
"background-color": {
|
|
8284
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
8285
|
+
"type": "color",
|
|
8286
|
+
"$extensions": {
|
|
8287
|
+
"studio.tokens": {
|
|
8288
|
+
"modify": {
|
|
8289
|
+
"type": "darken",
|
|
8290
|
+
"value": "0.3",
|
|
8291
|
+
"space": "lch"
|
|
8292
|
+
}
|
|
8293
|
+
}
|
|
8294
|
+
}
|
|
8295
|
+
},
|
|
8296
|
+
"border-color": {
|
|
8297
|
+
"value": "transparent",
|
|
8298
|
+
"type": "color"
|
|
8299
|
+
},
|
|
8300
|
+
"color": {
|
|
8301
|
+
"value": "{rhc.color.foreground.on-dark-color}",
|
|
8302
|
+
"type": "color"
|
|
8303
|
+
}
|
|
8304
|
+
},
|
|
8305
|
+
"background-color": {
|
|
8306
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
8307
|
+
"type": "color"
|
|
8308
|
+
},
|
|
8309
|
+
"border-color": {
|
|
8310
|
+
"value": "transparent",
|
|
8311
|
+
"type": "color"
|
|
8312
|
+
},
|
|
8313
|
+
"color": {
|
|
8314
|
+
"value": "{rhc.color.foreground.on-dark-color}",
|
|
8315
|
+
"type": "color"
|
|
8316
|
+
},
|
|
8317
|
+
"disabled": {
|
|
8318
|
+
"background-color": {
|
|
8319
|
+
"value": "{rhc.color.lintblauw.100}",
|
|
8320
|
+
"type": "color"
|
|
8321
|
+
},
|
|
8322
|
+
"border-color": {
|
|
8323
|
+
"value": "{rhc.color.none}",
|
|
8324
|
+
"type": "color"
|
|
8325
|
+
},
|
|
8326
|
+
"color": {
|
|
8327
|
+
"value": "{rhc.color.lintblauw.400}",
|
|
8328
|
+
"type": "color"
|
|
8329
|
+
}
|
|
8330
|
+
},
|
|
8331
|
+
"focus": {
|
|
8332
|
+
"background-color": {
|
|
8333
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
8334
|
+
"type": "color"
|
|
8335
|
+
},
|
|
8336
|
+
"border-color": {
|
|
8337
|
+
"value": "transparent",
|
|
8338
|
+
"type": "color"
|
|
8339
|
+
},
|
|
8340
|
+
"color": {
|
|
8341
|
+
"value": "{rhc.color.foreground.on-dark-color}",
|
|
8342
|
+
"type": "color"
|
|
8343
|
+
}
|
|
8344
|
+
},
|
|
8345
|
+
"active": {
|
|
8346
|
+
"background-color": {
|
|
8347
|
+
"$extensions": {
|
|
8348
|
+
"studio.tokens": {
|
|
8349
|
+
"modify": {
|
|
8350
|
+
"type": "darken",
|
|
8351
|
+
"value": "0.4",
|
|
8352
|
+
"space": "srgb"
|
|
8353
|
+
}
|
|
8354
|
+
}
|
|
8355
|
+
},
|
|
8356
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
8357
|
+
"type": "color"
|
|
8358
|
+
},
|
|
8359
|
+
"border-color": {
|
|
8360
|
+
"value": "transparent",
|
|
8361
|
+
"type": "color"
|
|
8362
|
+
},
|
|
8363
|
+
"color": {
|
|
8364
|
+
"value": "{rhc.color.foreground.on-dark-color}",
|
|
8365
|
+
"type": "color"
|
|
8366
|
+
}
|
|
8367
|
+
},
|
|
8368
|
+
"pressed": {
|
|
8369
|
+
"background-color": {
|
|
8370
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
8371
|
+
"type": "color",
|
|
8372
|
+
"$extensions": {
|
|
8373
|
+
"studio.tokens": {
|
|
8374
|
+
"modify": {
|
|
8375
|
+
"type": "darken",
|
|
8376
|
+
"value": "0.4",
|
|
8377
|
+
"space": "lch"
|
|
8378
|
+
}
|
|
8379
|
+
}
|
|
8380
|
+
}
|
|
8381
|
+
},
|
|
8382
|
+
"border-color": {
|
|
8383
|
+
"value": "transparent",
|
|
8384
|
+
"type": "color"
|
|
8385
|
+
},
|
|
8386
|
+
"color": {
|
|
8387
|
+
"value": "{rhc.color.foreground.on-dark-color}",
|
|
8388
|
+
"type": "color"
|
|
8389
|
+
}
|
|
8390
|
+
}
|
|
8391
|
+
},
|
|
8392
|
+
"secondary-action": {
|
|
8393
|
+
"hover": {
|
|
8394
|
+
"background-color": {
|
|
8395
|
+
"value": "{rhc.color.lintblauw.50}",
|
|
8396
|
+
"type": "color"
|
|
8397
|
+
},
|
|
8398
|
+
"border-color": {
|
|
8399
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
8400
|
+
"type": "color",
|
|
8401
|
+
"$extensions": {
|
|
8402
|
+
"studio.tokens": {
|
|
8403
|
+
"modify": {
|
|
8404
|
+
"type": "darken",
|
|
8405
|
+
"value": "0.3",
|
|
8406
|
+
"space": "lch"
|
|
8407
|
+
}
|
|
8408
|
+
}
|
|
8409
|
+
}
|
|
8410
|
+
},
|
|
8411
|
+
"color": {
|
|
8412
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
8413
|
+
"type": "color",
|
|
8414
|
+
"$extensions": {
|
|
8415
|
+
"studio.tokens": {
|
|
8416
|
+
"modify": {
|
|
8417
|
+
"type": "darken",
|
|
8418
|
+
"value": "0.3",
|
|
8419
|
+
"space": "lch"
|
|
8420
|
+
}
|
|
8421
|
+
}
|
|
8422
|
+
}
|
|
8423
|
+
}
|
|
8424
|
+
},
|
|
8425
|
+
"background-color": {
|
|
8426
|
+
"value": "{rhc.color.none}",
|
|
8427
|
+
"type": "color"
|
|
8428
|
+
},
|
|
8429
|
+
"border-color": {
|
|
8430
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
8431
|
+
"type": "color"
|
|
8432
|
+
},
|
|
8433
|
+
"color": {
|
|
8434
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
8435
|
+
"type": "color"
|
|
8436
|
+
},
|
|
8437
|
+
"disabled": {
|
|
8438
|
+
"background-color": {
|
|
8439
|
+
"value": "{rhc.color.none}",
|
|
8440
|
+
"type": "color"
|
|
8441
|
+
},
|
|
8442
|
+
"border-color": {
|
|
8443
|
+
"value": "{rhc.color.lintblauw.200}",
|
|
8444
|
+
"type": "color"
|
|
8445
|
+
},
|
|
8446
|
+
"color": {
|
|
8447
|
+
"value": "{rhc.color.lintblauw.300}",
|
|
8448
|
+
"type": "color"
|
|
8449
|
+
}
|
|
8450
|
+
},
|
|
8451
|
+
"focus": {
|
|
8452
|
+
"background-color": {
|
|
8453
|
+
"value": "{rhc.color.lintblauw.50}",
|
|
8454
|
+
"type": "color"
|
|
8455
|
+
},
|
|
8456
|
+
"border-color": {
|
|
8457
|
+
"value": "transparent",
|
|
8458
|
+
"type": "color"
|
|
8459
|
+
},
|
|
8460
|
+
"color": {
|
|
8461
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
8462
|
+
"type": "color",
|
|
8463
|
+
"$extensions": {
|
|
8464
|
+
"studio.tokens": {
|
|
8465
|
+
"modify": {
|
|
8466
|
+
"type": "darken",
|
|
8467
|
+
"value": "0.3",
|
|
8468
|
+
"space": "lch"
|
|
8469
|
+
}
|
|
8470
|
+
}
|
|
8471
|
+
}
|
|
8472
|
+
}
|
|
8473
|
+
},
|
|
8474
|
+
"active": {
|
|
8475
|
+
"background-color": {
|
|
8476
|
+
"value": "{rhc.color.lintblauw.200}",
|
|
8477
|
+
"type": "color"
|
|
8478
|
+
},
|
|
8479
|
+
"border-color": {
|
|
8480
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
8481
|
+
"type": "color",
|
|
8482
|
+
"$extensions": {
|
|
8483
|
+
"studio.tokens": {
|
|
8484
|
+
"modify": {
|
|
8485
|
+
"type": "darken",
|
|
8486
|
+
"value": "0.4",
|
|
8487
|
+
"space": "lch"
|
|
8488
|
+
}
|
|
8489
|
+
}
|
|
8490
|
+
}
|
|
8491
|
+
},
|
|
8492
|
+
"color": {
|
|
8493
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
8494
|
+
"type": "color",
|
|
8495
|
+
"$extensions": {
|
|
8496
|
+
"studio.tokens": {
|
|
8497
|
+
"modify": {
|
|
8498
|
+
"type": "darken",
|
|
8499
|
+
"value": "0.3",
|
|
8500
|
+
"space": "lch"
|
|
8501
|
+
}
|
|
8502
|
+
}
|
|
8503
|
+
}
|
|
8504
|
+
}
|
|
8505
|
+
},
|
|
8506
|
+
"pressed": {
|
|
8507
|
+
"background-color": {
|
|
8508
|
+
"value": "{rhc.color.lintblauw.100}",
|
|
8509
|
+
"type": "color"
|
|
8510
|
+
},
|
|
8511
|
+
"border-color": {
|
|
8512
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
8513
|
+
"type": "color",
|
|
8514
|
+
"$extensions": {
|
|
8515
|
+
"studio.tokens": {
|
|
8516
|
+
"modify": {
|
|
8517
|
+
"type": "darken",
|
|
8518
|
+
"value": "0.4",
|
|
8519
|
+
"space": "lch"
|
|
8520
|
+
}
|
|
8521
|
+
}
|
|
8522
|
+
}
|
|
8523
|
+
},
|
|
8524
|
+
"color": {
|
|
8525
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
8526
|
+
"type": "color",
|
|
8527
|
+
"$extensions": {
|
|
8528
|
+
"studio.tokens": {
|
|
8529
|
+
"modify": {
|
|
8530
|
+
"type": "darken",
|
|
8531
|
+
"value": "0.4",
|
|
8532
|
+
"space": "lch"
|
|
8533
|
+
}
|
|
8534
|
+
}
|
|
8535
|
+
}
|
|
8536
|
+
}
|
|
8537
|
+
}
|
|
8538
|
+
},
|
|
8539
|
+
"subtle": {
|
|
8540
|
+
"hover": {
|
|
8541
|
+
"background-color": {
|
|
8542
|
+
"value": "{rhc.color.lintblauw.50}",
|
|
8543
|
+
"type": "color"
|
|
8544
|
+
},
|
|
8545
|
+
"border-color": {
|
|
8546
|
+
"value": "transparent",
|
|
8547
|
+
"type": "color"
|
|
8548
|
+
},
|
|
8549
|
+
"color": {
|
|
8550
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
8551
|
+
"type": "color",
|
|
8552
|
+
"$extensions": {
|
|
8553
|
+
"studio.tokens": {
|
|
8554
|
+
"modify": {
|
|
8555
|
+
"type": "darken",
|
|
8556
|
+
"value": "0.3",
|
|
8557
|
+
"space": "lch"
|
|
8558
|
+
}
|
|
8559
|
+
}
|
|
8560
|
+
}
|
|
8561
|
+
}
|
|
8562
|
+
},
|
|
8563
|
+
"background-color": {
|
|
8564
|
+
"value": "transparent",
|
|
8565
|
+
"type": "color"
|
|
8566
|
+
},
|
|
8567
|
+
"border-color": {
|
|
8568
|
+
"value": "transparent",
|
|
8569
|
+
"type": "color"
|
|
8570
|
+
},
|
|
8571
|
+
"color": {
|
|
8572
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
8573
|
+
"type": "color"
|
|
8574
|
+
},
|
|
8575
|
+
"disabled": {
|
|
8576
|
+
"background-color": {
|
|
8577
|
+
"value": "{rhc.color.none}",
|
|
8578
|
+
"type": "color"
|
|
8579
|
+
},
|
|
8580
|
+
"border-color": {
|
|
8581
|
+
"value": "{rhc.color.none}",
|
|
8582
|
+
"type": "color"
|
|
8583
|
+
},
|
|
8584
|
+
"color": {
|
|
8585
|
+
"value": "{rhc.color.lintblauw.100}",
|
|
8586
|
+
"type": "color"
|
|
8587
|
+
}
|
|
8588
|
+
},
|
|
8589
|
+
"focus": {
|
|
8590
|
+
"background-color": {
|
|
8591
|
+
"value": "{rhc.color.lintblauw.50}",
|
|
8592
|
+
"type": "color"
|
|
8593
|
+
},
|
|
8594
|
+
"border-color": {
|
|
8595
|
+
"value": "transparent",
|
|
8596
|
+
"type": "color"
|
|
8597
|
+
},
|
|
8598
|
+
"color": {
|
|
8599
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
8600
|
+
"type": "color",
|
|
8601
|
+
"$extensions": {
|
|
8602
|
+
"studio.tokens": {
|
|
8603
|
+
"modify": {
|
|
8604
|
+
"type": "darken",
|
|
8605
|
+
"value": "0.3",
|
|
8606
|
+
"space": "lch"
|
|
8607
|
+
}
|
|
8608
|
+
}
|
|
8609
|
+
}
|
|
8610
|
+
}
|
|
8611
|
+
},
|
|
8612
|
+
"active": {
|
|
8613
|
+
"background-color": {
|
|
8614
|
+
"value": "{rhc.color.lintblauw.200}",
|
|
8615
|
+
"type": "color"
|
|
8616
|
+
},
|
|
8617
|
+
"border-color": {
|
|
8618
|
+
"value": "transparent",
|
|
8619
|
+
"type": "color"
|
|
8620
|
+
},
|
|
8621
|
+
"color": {
|
|
8622
|
+
"$extensions": {
|
|
8623
|
+
"studio.tokens": {
|
|
8624
|
+
"modify": {
|
|
8625
|
+
"type": "darken",
|
|
8626
|
+
"value": "0.4",
|
|
8627
|
+
"space": "srgb"
|
|
8628
|
+
}
|
|
8629
|
+
}
|
|
8630
|
+
},
|
|
8631
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
8632
|
+
"type": "color"
|
|
8633
|
+
}
|
|
8634
|
+
},
|
|
8635
|
+
"pressed": {
|
|
8636
|
+
"background-color": {
|
|
8637
|
+
"value": "{rhc.color.lintblauw.100}",
|
|
8638
|
+
"type": "color"
|
|
8639
|
+
},
|
|
8640
|
+
"border-color": {
|
|
8641
|
+
"value": "transparent",
|
|
8642
|
+
"type": "color"
|
|
8643
|
+
},
|
|
8644
|
+
"color": {
|
|
8645
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
8646
|
+
"type": "color",
|
|
8647
|
+
"$extensions": {
|
|
8648
|
+
"studio.tokens": {
|
|
8649
|
+
"modify": {
|
|
8650
|
+
"type": "darken",
|
|
8651
|
+
"value": "0.4",
|
|
8652
|
+
"space": "lch"
|
|
8653
|
+
}
|
|
8654
|
+
}
|
|
8655
|
+
}
|
|
8656
|
+
}
|
|
8657
|
+
}
|
|
8658
|
+
}
|
|
8659
|
+
}
|
|
8660
|
+
}
|
|
8661
|
+
},
|
|
8662
|
+
"overwrites/primaire kleur/contrast fix/button label groter": {
|
|
8663
|
+
"utrecht": {
|
|
8664
|
+
"button": {
|
|
8665
|
+
"font-size": {
|
|
8666
|
+
"value": "20px",
|
|
8667
|
+
"type": "fontSizes"
|
|
8668
|
+
}
|
|
8669
|
+
}
|
|
8670
|
+
}
|
|
8671
|
+
},
|
|
8672
|
+
"overwrites/primaire kleur/contrast fix/non primary buttons coolgrey": {
|
|
8673
|
+
"utrecht": {
|
|
8674
|
+
"button": {
|
|
8675
|
+
"secondary-action": {
|
|
8676
|
+
"hover": {
|
|
8677
|
+
"background-color": {
|
|
8678
|
+
"value": "{rhc.color.cool-grey.200}",
|
|
8679
|
+
"type": "color"
|
|
8680
|
+
},
|
|
8681
|
+
"border-color": {
|
|
8682
|
+
"value": "{rhc.color.cool-grey.800}",
|
|
8683
|
+
"type": "color"
|
|
8684
|
+
},
|
|
8685
|
+
"color": {
|
|
8686
|
+
"value": "{rhc.color.cool-grey.800}",
|
|
8687
|
+
"type": "color"
|
|
8688
|
+
}
|
|
8689
|
+
},
|
|
8690
|
+
"background-color": {
|
|
8691
|
+
"value": "{rhc.color.none}",
|
|
8692
|
+
"type": "color"
|
|
8693
|
+
},
|
|
8694
|
+
"border-color": {
|
|
8695
|
+
"value": "{rhc.color.cool-grey.700}",
|
|
8696
|
+
"type": "color"
|
|
8697
|
+
},
|
|
8698
|
+
"color": {
|
|
8699
|
+
"value": "{rhc.color.cool-grey.700}",
|
|
8700
|
+
"type": "color"
|
|
8701
|
+
},
|
|
8702
|
+
"disabled": {
|
|
8703
|
+
"background-color": {
|
|
8704
|
+
"value": "{rhc.color.none}",
|
|
8705
|
+
"type": "color"
|
|
8706
|
+
},
|
|
8707
|
+
"border-color": {
|
|
8708
|
+
"value": "{rhc.color.cool-grey.400}",
|
|
8709
|
+
"type": "color"
|
|
8710
|
+
},
|
|
8711
|
+
"color": {
|
|
8712
|
+
"value": "{rhc.color.cool-grey.400}",
|
|
8713
|
+
"type": "color"
|
|
8714
|
+
}
|
|
8715
|
+
},
|
|
8716
|
+
"focus": {
|
|
8717
|
+
"background-color": {
|
|
8718
|
+
"value": "{rhc.color.cool-grey.200}",
|
|
8719
|
+
"type": "color"
|
|
8720
|
+
},
|
|
8721
|
+
"border-color": {
|
|
8722
|
+
"value": "transparent",
|
|
8723
|
+
"type": "color"
|
|
8724
|
+
},
|
|
8725
|
+
"color": {
|
|
8726
|
+
"value": "{rhc.color.cool-grey.800}",
|
|
8727
|
+
"type": "color"
|
|
8728
|
+
}
|
|
8729
|
+
},
|
|
8730
|
+
"active": {
|
|
8731
|
+
"background-color": {
|
|
8732
|
+
"value": "{rhc.color.cool-grey.300}",
|
|
8733
|
+
"type": "color"
|
|
8734
|
+
},
|
|
8735
|
+
"border-color": {
|
|
8736
|
+
"value": "{rhc.color.cool-grey.800}",
|
|
8737
|
+
"type": "color"
|
|
8738
|
+
},
|
|
8739
|
+
"color": {
|
|
8740
|
+
"value": "{rhc.color.cool-grey.800}",
|
|
8741
|
+
"type": "color"
|
|
8742
|
+
}
|
|
8743
|
+
},
|
|
8744
|
+
"pressed": {
|
|
8745
|
+
"background-color": {
|
|
8746
|
+
"value": "{rhc.color.cool-grey.300}",
|
|
8747
|
+
"type": "color"
|
|
8748
|
+
},
|
|
8749
|
+
"border-color": {
|
|
8750
|
+
"value": "{rhc.color.cool-grey.800}",
|
|
8751
|
+
"type": "color"
|
|
8752
|
+
},
|
|
8753
|
+
"color": {
|
|
8754
|
+
"value": "{rhc.color.cool-grey.800}",
|
|
8755
|
+
"type": "color"
|
|
8756
|
+
}
|
|
8757
|
+
}
|
|
8758
|
+
},
|
|
8759
|
+
"subtle": {
|
|
8760
|
+
"hover": {
|
|
8761
|
+
"background-color": {
|
|
8762
|
+
"value": "{rhc.color.cool-grey.200}",
|
|
8763
|
+
"type": "color"
|
|
8764
|
+
},
|
|
8765
|
+
"border-color": {
|
|
8766
|
+
"value": "transparent",
|
|
8767
|
+
"type": "color"
|
|
8768
|
+
},
|
|
8769
|
+
"color": {
|
|
8770
|
+
"value": "{rhc.color.cool-grey.800}",
|
|
8771
|
+
"type": "color"
|
|
8772
|
+
}
|
|
8773
|
+
},
|
|
8774
|
+
"background-color": {
|
|
8775
|
+
"value": "transparent",
|
|
8776
|
+
"type": "color"
|
|
8777
|
+
},
|
|
8778
|
+
"border-color": {
|
|
8779
|
+
"value": "transparent",
|
|
8780
|
+
"type": "color"
|
|
8781
|
+
},
|
|
8782
|
+
"color": {
|
|
8783
|
+
"value": "{rhc.color.cool-grey.700}",
|
|
8784
|
+
"type": "color"
|
|
8785
|
+
},
|
|
8786
|
+
"disabled": {
|
|
8787
|
+
"background-color": {
|
|
8788
|
+
"value": "{rhc.color.none}",
|
|
8789
|
+
"type": "color"
|
|
8790
|
+
},
|
|
8791
|
+
"border-color": {
|
|
8792
|
+
"value": "{rhc.color.none}",
|
|
8793
|
+
"type": "color"
|
|
8794
|
+
},
|
|
8795
|
+
"color": {
|
|
8796
|
+
"value": "{rhc.color.cool-grey.400}",
|
|
8797
|
+
"type": "color"
|
|
8798
|
+
}
|
|
8799
|
+
},
|
|
8800
|
+
"focus": {
|
|
8801
|
+
"background-color": {
|
|
8802
|
+
"value": "{rhc.color.cool-grey.200}",
|
|
8803
|
+
"type": "color"
|
|
8804
|
+
},
|
|
8805
|
+
"border-color": {
|
|
8806
|
+
"value": "transparent",
|
|
8807
|
+
"type": "color"
|
|
8808
|
+
},
|
|
8809
|
+
"color": {
|
|
8810
|
+
"value": "{rhc.color.cool-grey.800}",
|
|
8811
|
+
"type": "color"
|
|
8812
|
+
}
|
|
8813
|
+
},
|
|
8814
|
+
"active": {
|
|
8815
|
+
"background-color": {
|
|
8816
|
+
"value": "{rhc.color.cool-grey.300}",
|
|
8817
|
+
"type": "color"
|
|
8818
|
+
},
|
|
8819
|
+
"border-color": {
|
|
8820
|
+
"value": "transparent",
|
|
8821
|
+
"type": "color"
|
|
8822
|
+
},
|
|
8823
|
+
"color": {
|
|
8824
|
+
"value": "{rhc.color.cool-grey.900}",
|
|
8825
|
+
"type": "color"
|
|
8826
|
+
}
|
|
8827
|
+
},
|
|
8828
|
+
"pressed": {
|
|
8829
|
+
"background-color": {
|
|
8830
|
+
"value": "{rhc.color.cool-grey.300}",
|
|
8831
|
+
"type": "color"
|
|
8832
|
+
},
|
|
8833
|
+
"border-color": {
|
|
8834
|
+
"value": "transparent",
|
|
8835
|
+
"type": "color"
|
|
8836
|
+
},
|
|
8837
|
+
"color": {
|
|
8838
|
+
"value": "{rhc.color.cool-grey.900}",
|
|
8839
|
+
"type": "color"
|
|
8840
|
+
}
|
|
8841
|
+
}
|
|
8842
|
+
}
|
|
8843
|
+
}
|
|
8844
|
+
}
|
|
8845
|
+
},
|
|
8846
|
+
"overwrites/accent/donkergeel": {
|
|
8847
|
+
"rhc": {
|
|
8848
|
+
"color": {
|
|
8849
|
+
"accent": {
|
|
8850
|
+
"500": {
|
|
8851
|
+
"value": "{rhc.color.donkergeel.500}",
|
|
8852
|
+
"type": "color"
|
|
8853
|
+
}
|
|
8854
|
+
}
|
|
8855
|
+
}
|
|
8856
|
+
}
|
|
8857
|
+
},
|
|
8858
|
+
"overwrites/accent/donkergroen": {
|
|
8859
|
+
"rhc": {
|
|
8860
|
+
"color": {
|
|
8861
|
+
"accent": {
|
|
8862
|
+
"500": {
|
|
8863
|
+
"value": "{rhc.color.donkergroen.500}",
|
|
8864
|
+
"type": "color"
|
|
8865
|
+
}
|
|
8866
|
+
}
|
|
8867
|
+
}
|
|
8868
|
+
}
|
|
8869
|
+
},
|
|
8870
|
+
"overwrites/heading-color/primairy": {
|
|
8871
|
+
"nl": {
|
|
8872
|
+
"heading-level-1": {
|
|
8873
|
+
"color": {
|
|
8874
|
+
"value": "{rhc.color.primary.500}",
|
|
8875
|
+
"type": "color"
|
|
8876
|
+
}
|
|
8877
|
+
},
|
|
8878
|
+
"heading-level-2": {
|
|
8879
|
+
"color": {
|
|
8880
|
+
"value": "{rhc.color.primary.500}",
|
|
8881
|
+
"type": "color"
|
|
8882
|
+
}
|
|
8883
|
+
},
|
|
8884
|
+
"heading-level-3": {
|
|
8885
|
+
"color": {
|
|
8886
|
+
"value": "{rhc.color.primary.500}",
|
|
8887
|
+
"type": "color"
|
|
8888
|
+
}
|
|
8889
|
+
},
|
|
8890
|
+
"heading-level-4": {
|
|
8891
|
+
"color": {
|
|
8892
|
+
"value": "{rhc.color.primary.500}",
|
|
8893
|
+
"type": "color"
|
|
8894
|
+
}
|
|
8895
|
+
},
|
|
8896
|
+
"heading-level-5": {
|
|
8897
|
+
"color": {
|
|
8898
|
+
"value": "{rhc.color.primary.500}",
|
|
8899
|
+
"type": "color"
|
|
8900
|
+
}
|
|
8901
|
+
}
|
|
8902
|
+
}
|
|
8903
|
+
},
|
|
8904
|
+
"overwrites/oude rijkshuisstijl/blockqoute": {
|
|
8905
|
+
"utrecht": {
|
|
8906
|
+
"blockquote": {
|
|
8907
|
+
"background-color": {
|
|
8908
|
+
"value": "transparent",
|
|
8909
|
+
"type": "color"
|
|
8910
|
+
},
|
|
8911
|
+
"border-inline-start-width": {
|
|
8912
|
+
"value": "12px",
|
|
8913
|
+
"type": "dimension"
|
|
8914
|
+
},
|
|
8915
|
+
"border-color": {
|
|
8916
|
+
"value": "{rhc.color.primary.500}",
|
|
8917
|
+
"type": "color"
|
|
8918
|
+
},
|
|
8919
|
+
"border-radius": {
|
|
8920
|
+
"value": "0",
|
|
8921
|
+
"type": "dimension"
|
|
8922
|
+
},
|
|
8923
|
+
"border-width": {
|
|
8924
|
+
"value": "0",
|
|
8925
|
+
"type": "dimension"
|
|
8926
|
+
},
|
|
8927
|
+
"color": {
|
|
8928
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
8929
|
+
"type": "color"
|
|
8930
|
+
},
|
|
8931
|
+
"font-size": {
|
|
8932
|
+
"value": "{rhc.font-size.paragraph.default}",
|
|
8933
|
+
"type": "fontSizes"
|
|
8934
|
+
},
|
|
8935
|
+
"font-family": {
|
|
8936
|
+
"value": "{rhc.font-family.primary}",
|
|
8937
|
+
"type": "fontFamilies"
|
|
8938
|
+
},
|
|
8939
|
+
"padding-block-end": {
|
|
8940
|
+
"value": "{rhc.space.300}",
|
|
8941
|
+
"type": "dimension"
|
|
8942
|
+
},
|
|
8943
|
+
"padding-block-start": {
|
|
8944
|
+
"value": "{rhc.space.300}",
|
|
8945
|
+
"type": "dimension"
|
|
8946
|
+
},
|
|
8947
|
+
"padding-inline-end": {
|
|
8948
|
+
"value": "{rhc.space.500}",
|
|
8949
|
+
"type": "dimension"
|
|
8950
|
+
},
|
|
8951
|
+
"padding-inline-start": {
|
|
8952
|
+
"value": "{rhc.space.500}",
|
|
8953
|
+
"type": "dimension"
|
|
8954
|
+
},
|
|
8955
|
+
"row-gap": {
|
|
8956
|
+
"value": "{rhc.space.150}",
|
|
8957
|
+
"type": "dimension"
|
|
8958
|
+
},
|
|
8959
|
+
"attribution": {
|
|
8960
|
+
"color": {
|
|
8961
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
8962
|
+
"type": "color"
|
|
8963
|
+
},
|
|
8964
|
+
"font-size": {
|
|
8965
|
+
"value": "{rhc.font-size.paragraph.default}",
|
|
8966
|
+
"type": "fontSizes"
|
|
8967
|
+
}
|
|
8968
|
+
},
|
|
8969
|
+
"content": {
|
|
8970
|
+
"color": {
|
|
8971
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
8972
|
+
"type": "color"
|
|
8973
|
+
},
|
|
8974
|
+
"font-size": {
|
|
8975
|
+
"value": "{rhc.font-size.paragraph.intro}",
|
|
8976
|
+
"type": "fontSizes"
|
|
8977
|
+
}
|
|
8978
|
+
}
|
|
8979
|
+
}
|
|
8980
|
+
}
|
|
8981
|
+
},
|
|
8982
|
+
"overwrites/oude rijkshuisstijl/border": {
|
|
8983
|
+
"rhc": {
|
|
8984
|
+
"border-radius": {
|
|
8985
|
+
"sm": {
|
|
8986
|
+
"value": "0",
|
|
8987
|
+
"type": "borderRadius"
|
|
8988
|
+
},
|
|
8989
|
+
"md": {
|
|
8990
|
+
"value": "0",
|
|
8991
|
+
"type": "borderRadius"
|
|
8992
|
+
},
|
|
8993
|
+
"keep": {
|
|
8994
|
+
"value": "0",
|
|
8995
|
+
"type": "borderRadius"
|
|
8996
|
+
}
|
|
8997
|
+
}
|
|
8998
|
+
}
|
|
8999
|
+
},
|
|
9000
|
+
"overwrites/responsive/mobile": {
|
|
9001
|
+
"rhc": {
|
|
9002
|
+
"font-size": {
|
|
9003
|
+
"heading": {
|
|
9004
|
+
"level-1": {
|
|
9005
|
+
"value": "{rhc.font-size.xl.mobile}",
|
|
9006
|
+
"type": "fontSizes"
|
|
9007
|
+
},
|
|
9008
|
+
"level-2": {
|
|
9009
|
+
"value": "{rhc.font-size.lg.mobile}",
|
|
9010
|
+
"type": "fontSizes"
|
|
9011
|
+
},
|
|
9012
|
+
"level-3": {
|
|
9013
|
+
"value": "{rhc.font-size.md.mobile}",
|
|
9014
|
+
"type": "fontSizes"
|
|
9015
|
+
},
|
|
9016
|
+
"level-4": {
|
|
9017
|
+
"value": "{rhc.font-size.sm.mobile}",
|
|
9018
|
+
"type": "fontSizes"
|
|
9019
|
+
},
|
|
9020
|
+
"level-5": {
|
|
9021
|
+
"value": "{rhc.font-size.xs.mobile}",
|
|
9022
|
+
"type": "fontSizes"
|
|
9023
|
+
}
|
|
9024
|
+
},
|
|
9025
|
+
"paragraph": {
|
|
9026
|
+
"intro": {
|
|
9027
|
+
"value": "{rhc.font-size.sm.mobile}",
|
|
9028
|
+
"type": "fontSizes"
|
|
9029
|
+
},
|
|
9030
|
+
"default": {
|
|
9031
|
+
"value": "{rhc.font-size.xs.mobile}",
|
|
9032
|
+
"type": "fontSizes"
|
|
9033
|
+
}
|
|
9034
|
+
}
|
|
9035
|
+
}
|
|
9036
|
+
}
|
|
9037
|
+
},
|
|
9038
|
+
"overwrites/responsive/tablet": {
|
|
9039
|
+
"rhc": {
|
|
9040
|
+
"font-size": {
|
|
9041
|
+
"heading": {
|
|
9042
|
+
"level-1": {
|
|
9043
|
+
"value": "{rhc.font-size.xl.tablet}",
|
|
9044
|
+
"type": "fontSizes"
|
|
9045
|
+
},
|
|
9046
|
+
"level-2": {
|
|
9047
|
+
"value": "{rhc.font-size.lg.tablet}",
|
|
9048
|
+
"type": "fontSizes"
|
|
9049
|
+
},
|
|
9050
|
+
"level-3": {
|
|
9051
|
+
"value": "{rhc.font-size.md.tablet}",
|
|
9052
|
+
"type": "fontSizes"
|
|
9053
|
+
},
|
|
9054
|
+
"level-4": {
|
|
9055
|
+
"value": "{rhc.font-size.sm.tablet}",
|
|
9056
|
+
"type": "fontSizes"
|
|
9057
|
+
},
|
|
9058
|
+
"level-5": {
|
|
9059
|
+
"value": "{rhc.font-size.xs.tablet}",
|
|
9060
|
+
"type": "fontSizes"
|
|
9061
|
+
}
|
|
9062
|
+
},
|
|
9063
|
+
"paragraph": {
|
|
9064
|
+
"intro": {
|
|
9065
|
+
"value": "{rhc.font-size.sm.tablet}",
|
|
9066
|
+
"type": "fontSizes"
|
|
9067
|
+
},
|
|
9068
|
+
"default": {
|
|
9069
|
+
"value": "{rhc.font-size.xs.tablet}",
|
|
9070
|
+
"type": "fontSizes"
|
|
9071
|
+
}
|
|
9072
|
+
}
|
|
9073
|
+
}
|
|
9074
|
+
}
|
|
9075
|
+
},
|
|
9076
|
+
"overwrites/afwijkende keuzes/button": {
|
|
9077
|
+
"utrecht": {
|
|
9078
|
+
"button": {
|
|
9079
|
+
"font-weight": {
|
|
9080
|
+
"value": "{rhc.font-weight.regular}",
|
|
9081
|
+
"type": "fontWeights"
|
|
9082
|
+
},
|
|
9083
|
+
"primary-action": {
|
|
9084
|
+
"font-weight": {
|
|
9085
|
+
"value": "{rhc.font-weight.regular}",
|
|
9086
|
+
"type": "fontWeights"
|
|
9087
|
+
}
|
|
9088
|
+
},
|
|
9089
|
+
"secondary-action": {
|
|
9090
|
+
"hover": {
|
|
9091
|
+
"background-color": {
|
|
9092
|
+
"value": "{rhc.color.cool-grey.200}",
|
|
9093
|
+
"type": "color"
|
|
9094
|
+
},
|
|
9095
|
+
"border-color": {
|
|
9096
|
+
"value": "{rhc.color.primary.500}",
|
|
9097
|
+
"type": "color"
|
|
9098
|
+
},
|
|
9099
|
+
"color": {
|
|
9100
|
+
"value": "{rhc.color.primary.500}",
|
|
9101
|
+
"type": "color"
|
|
9102
|
+
}
|
|
9103
|
+
},
|
|
9104
|
+
"focus": {
|
|
9105
|
+
"background-color": {
|
|
9106
|
+
"value": "{rhc.color.cool-grey.200}",
|
|
9107
|
+
"type": "color"
|
|
9108
|
+
},
|
|
9109
|
+
"border-color": {
|
|
9110
|
+
"value": "transparent",
|
|
9111
|
+
"type": "color"
|
|
9112
|
+
},
|
|
9113
|
+
"color": {
|
|
9114
|
+
"value": "{rhc.color.primary.500}",
|
|
9115
|
+
"type": "color"
|
|
9116
|
+
}
|
|
9117
|
+
},
|
|
9118
|
+
"font-weight": {
|
|
9119
|
+
"value": "{rhc.font-weight.regular}",
|
|
9120
|
+
"type": "fontWeights"
|
|
9121
|
+
},
|
|
9122
|
+
"pressed": {
|
|
9123
|
+
"background-color": {
|
|
9124
|
+
"value": "{rhc.color.cool-grey.300}",
|
|
9125
|
+
"type": "color"
|
|
9126
|
+
},
|
|
9127
|
+
"border-color": {
|
|
9128
|
+
"value": "transparent",
|
|
9129
|
+
"type": "color"
|
|
9130
|
+
},
|
|
9131
|
+
"color": {
|
|
9132
|
+
"value": "{rhc.color.primary.500}",
|
|
9133
|
+
"type": "color"
|
|
9134
|
+
}
|
|
9135
|
+
}
|
|
9136
|
+
},
|
|
9137
|
+
"subtle": {
|
|
9138
|
+
"font-weight": {
|
|
9139
|
+
"value": "{rhc.font-weight.regular}",
|
|
9140
|
+
"type": "fontWeights"
|
|
9141
|
+
},
|
|
9142
|
+
"hover": {
|
|
9143
|
+
"background-color": {
|
|
9144
|
+
"value": "{rhc.color.none}",
|
|
9145
|
+
"type": "color"
|
|
9146
|
+
},
|
|
9147
|
+
"border-color": {
|
|
9148
|
+
"value": "transparent",
|
|
9149
|
+
"type": "color"
|
|
9150
|
+
},
|
|
9151
|
+
"color": {
|
|
9152
|
+
"value": "{rhc.color.primary.hover}",
|
|
9153
|
+
"type": "color"
|
|
9154
|
+
}
|
|
9155
|
+
},
|
|
9156
|
+
"focus": {
|
|
9157
|
+
"background-color": {
|
|
9158
|
+
"value": "{rhc.color.none}",
|
|
9159
|
+
"type": "color"
|
|
9160
|
+
},
|
|
9161
|
+
"border-color": {
|
|
9162
|
+
"value": "transparent",
|
|
9163
|
+
"type": "color"
|
|
9164
|
+
},
|
|
9165
|
+
"color": {
|
|
9166
|
+
"value": "{rhc.color.primary.hover}",
|
|
9167
|
+
"type": "color"
|
|
9168
|
+
}
|
|
9169
|
+
},
|
|
9170
|
+
"pressed": {
|
|
9171
|
+
"background-color": {
|
|
9172
|
+
"value": "{rhc.color.none}",
|
|
9173
|
+
"type": "color"
|
|
9174
|
+
},
|
|
9175
|
+
"border-color": {
|
|
9176
|
+
"value": "transparent",
|
|
9177
|
+
"type": "color"
|
|
9178
|
+
},
|
|
9179
|
+
"color": {
|
|
9180
|
+
"value": "{rhc.color.primary.500}",
|
|
9181
|
+
"type": "color",
|
|
9182
|
+
"$extensions": {
|
|
9183
|
+
"studio.tokens": {
|
|
9184
|
+
"modify": {
|
|
9185
|
+
"type": "darken",
|
|
9186
|
+
"value": "0.4",
|
|
9187
|
+
"space": "lch"
|
|
9188
|
+
}
|
|
9189
|
+
}
|
|
9190
|
+
}
|
|
9191
|
+
}
|
|
9192
|
+
}
|
|
9193
|
+
}
|
|
9194
|
+
}
|
|
9195
|
+
}
|
|
9196
|
+
},
|
|
9197
|
+
"$themes": [
|
|
9198
|
+
{
|
|
9199
|
+
"id": "05865788a086eeac7ffc4514736ccd777f1ff95c",
|
|
9200
|
+
"name": "wetgevend",
|
|
9201
|
+
"$figmaStyleReferences": {},
|
|
9202
|
+
"selectedTokenSets": {
|
|
9203
|
+
"brand/color": "enabled",
|
|
9204
|
+
"brand/space": "enabled",
|
|
9205
|
+
"brand/border": "enabled",
|
|
9206
|
+
"brand/font": "enabled",
|
|
9207
|
+
"brand/size": "enabled",
|
|
9208
|
+
"common/color": "enabled",
|
|
9209
|
+
"common/size": "enabled",
|
|
9210
|
+
"common/font": "enabled",
|
|
9211
|
+
"common/focus": "enabled",
|
|
9212
|
+
"common/border": "enabled",
|
|
9213
|
+
"utrecht/focus": "enabled",
|
|
9214
|
+
"utrecht/pointer-target": "enabled",
|
|
9215
|
+
"utrecht/rich-text": "enabled",
|
|
9216
|
+
"utrecht/document": "enabled",
|
|
9217
|
+
"components/accordion": "enabled",
|
|
9218
|
+
"components/alert": "enabled",
|
|
9219
|
+
"components/article": "enabled",
|
|
9220
|
+
"components/avatar": "enabled",
|
|
9221
|
+
"components/backdrop": "enabled",
|
|
9222
|
+
"components/breadcrumb": "enabled",
|
|
9223
|
+
"components/button": "enabled",
|
|
9224
|
+
"components/button-group": "enabled",
|
|
9225
|
+
"components/card": "enabled",
|
|
9226
|
+
"components/checkbox": "enabled",
|
|
9227
|
+
"components/checkbox-group": "enabled",
|
|
9228
|
+
"components/code-input-group": "enabled",
|
|
9229
|
+
"components/code-input": "enabled",
|
|
9230
|
+
"components/counter-badge/utrecht": "enabled",
|
|
9231
|
+
"components/counter-badge/nl": "enabled",
|
|
9232
|
+
"components/dot-badge": "enabled",
|
|
9233
|
+
"components/drawer": "enabled",
|
|
9234
|
+
"components/fieldset": "enabled",
|
|
9235
|
+
"components/figure": "enabled",
|
|
9236
|
+
"components/file-input": "enabled",
|
|
9237
|
+
"components/footer": "enabled",
|
|
9238
|
+
"components/form-field": "enabled",
|
|
9239
|
+
"components/form-field-checkbox-option": "enabled",
|
|
9240
|
+
"components/form-field-description": "enabled",
|
|
9241
|
+
"components/form-field-error-message": "enabled",
|
|
9242
|
+
"components/form-field-label": "enabled",
|
|
9243
|
+
"components/form-field-option-label": "enabled",
|
|
9244
|
+
"components/form-field-radio-option": "enabled",
|
|
9245
|
+
"components/form-label": "enabled",
|
|
9246
|
+
"components/heading/utrecht": "enabled",
|
|
9247
|
+
"components/heading/nl": "enabled",
|
|
9248
|
+
"components/hero": "enabled",
|
|
9249
|
+
"components/icon-only-button": "enabled",
|
|
9250
|
+
"components/link/utrecht": "enabled",
|
|
9251
|
+
"components/link/nl": "enabled",
|
|
9252
|
+
"components/link-list": "enabled",
|
|
9253
|
+
"components/link-list-card": "enabled",
|
|
9254
|
+
"components/logo": "enabled",
|
|
9255
|
+
"components/modal-dialog": "enabled",
|
|
9256
|
+
"components/message-list": "enabled",
|
|
9257
|
+
"components/nav-bar": "enabled",
|
|
9258
|
+
"components/navigation-list": "enabled",
|
|
9259
|
+
"components/ordered-list": "enabled",
|
|
9260
|
+
"components/pagination": "enabled",
|
|
9261
|
+
"components/paragraph/utrecht": "enabled",
|
|
9262
|
+
"components/paragraph/nl": "enabled",
|
|
9263
|
+
"components/pre-heading": "enabled",
|
|
9264
|
+
"components/radio": "enabled",
|
|
9265
|
+
"components/radio-group": "enabled",
|
|
9266
|
+
"components/select": "enabled",
|
|
9267
|
+
"components/separator": "enabled",
|
|
9268
|
+
"components/side-nav": "enabled",
|
|
9269
|
+
"components/skip-link/utrecht": "enabled",
|
|
9270
|
+
"components/skip-link/nl": "enabled",
|
|
9271
|
+
"components/status-badge": "enabled",
|
|
9272
|
+
"components/summary-list": "enabled",
|
|
9273
|
+
"components/table": "enabled",
|
|
9274
|
+
"components/task-list": "enabled",
|
|
9275
|
+
"components/textarea": "enabled",
|
|
9276
|
+
"components/text-input": "enabled",
|
|
9277
|
+
"components/toggletip": "enabled",
|
|
9278
|
+
"components/toolbar-button": "enabled",
|
|
9279
|
+
"components/unordered-list": "enabled",
|
|
9280
|
+
"components/icon": "enabled",
|
|
9281
|
+
"components/sub-nav-bar": "enabled",
|
|
9282
|
+
"common/keep-oud": "enabled",
|
|
9283
|
+
"common/rounded-corner": "enabled",
|
|
9284
|
+
"components/blockquote-oud": "enabled",
|
|
9285
|
+
"components/blockquote": "enabled",
|
|
9286
|
+
"components/column-layout": "enabled"
|
|
9287
|
+
},
|
|
9288
|
+
"$figmaVariableReferences": {},
|
|
9289
|
+
"group": "Rijkshuisstijl"
|
|
9290
|
+
},
|
|
9291
|
+
{
|
|
9292
|
+
"id": "c6dd93b7ffde608ac96ec3b636875b6534dca15e",
|
|
9293
|
+
"name": "uitvoerend - violet",
|
|
9294
|
+
"$figmaStyleReferences": {},
|
|
9295
|
+
"selectedTokenSets": {
|
|
9296
|
+
"brand/color": "enabled",
|
|
9297
|
+
"brand/space": "enabled",
|
|
9298
|
+
"brand/border": "enabled",
|
|
9299
|
+
"brand/font": "enabled",
|
|
9300
|
+
"brand/size": "enabled",
|
|
9301
|
+
"common/color": "enabled",
|
|
9302
|
+
"common/size": "enabled",
|
|
9303
|
+
"common/font": "enabled",
|
|
9304
|
+
"common/focus": "enabled",
|
|
9305
|
+
"common/border": "enabled",
|
|
9306
|
+
"utrecht/focus": "enabled",
|
|
9307
|
+
"utrecht/pointer-target": "enabled",
|
|
9308
|
+
"utrecht/rich-text": "enabled",
|
|
9309
|
+
"utrecht/document": "enabled",
|
|
9310
|
+
"components/accordion": "enabled",
|
|
9311
|
+
"components/alert": "enabled",
|
|
9312
|
+
"components/article": "enabled",
|
|
9313
|
+
"components/avatar": "enabled",
|
|
9314
|
+
"components/backdrop": "enabled",
|
|
9315
|
+
"components/breadcrumb": "enabled",
|
|
9316
|
+
"components/button": "enabled",
|
|
9317
|
+
"components/button-group": "enabled",
|
|
9318
|
+
"components/card": "enabled",
|
|
9319
|
+
"components/checkbox": "enabled",
|
|
9320
|
+
"components/checkbox-group": "enabled",
|
|
9321
|
+
"components/code-input-group": "enabled",
|
|
9322
|
+
"components/code-input": "enabled",
|
|
9323
|
+
"components/counter-badge/utrecht": "enabled",
|
|
9324
|
+
"components/counter-badge/nl": "enabled",
|
|
9325
|
+
"components/dot-badge": "enabled",
|
|
9326
|
+
"components/drawer": "enabled",
|
|
9327
|
+
"components/fieldset": "enabled",
|
|
9328
|
+
"components/figure": "enabled",
|
|
9329
|
+
"components/file-input": "enabled",
|
|
9330
|
+
"components/footer": "enabled",
|
|
9331
|
+
"components/form-field": "enabled",
|
|
9332
|
+
"components/form-field-checkbox-option": "enabled",
|
|
9333
|
+
"components/form-field-description": "enabled",
|
|
9334
|
+
"components/form-field-error-message": "enabled",
|
|
9335
|
+
"components/form-field-label": "enabled",
|
|
9336
|
+
"components/form-field-option-label": "enabled",
|
|
9337
|
+
"components/form-field-radio-option": "enabled",
|
|
9338
|
+
"components/form-label": "enabled",
|
|
9339
|
+
"components/heading/utrecht": "enabled",
|
|
9340
|
+
"components/heading/nl": "enabled",
|
|
9341
|
+
"components/hero": "enabled",
|
|
9342
|
+
"components/icon-only-button": "enabled",
|
|
9343
|
+
"components/link/utrecht": "enabled",
|
|
9344
|
+
"components/link/nl": "enabled",
|
|
9345
|
+
"components/link-list": "enabled",
|
|
9346
|
+
"components/link-list-card": "enabled",
|
|
9347
|
+
"components/logo": "enabled",
|
|
9348
|
+
"components/modal-dialog": "enabled",
|
|
9349
|
+
"components/message-list": "enabled",
|
|
9350
|
+
"components/nav-bar": "enabled",
|
|
9351
|
+
"components/navigation-list": "enabled",
|
|
9352
|
+
"components/ordered-list": "enabled",
|
|
9353
|
+
"components/pagination": "enabled",
|
|
9354
|
+
"components/paragraph/utrecht": "enabled",
|
|
9355
|
+
"components/pre-heading": "enabled",
|
|
9356
|
+
"components/paragraph/nl": "enabled",
|
|
9357
|
+
"components/radio": "enabled",
|
|
9358
|
+
"components/radio-group": "enabled",
|
|
9359
|
+
"components/select": "enabled",
|
|
9360
|
+
"components/separator": "enabled",
|
|
9361
|
+
"components/side-nav": "enabled",
|
|
9362
|
+
"components/skip-link/utrecht": "enabled",
|
|
9363
|
+
"components/skip-link/nl": "enabled",
|
|
9364
|
+
"components/status-badge": "enabled",
|
|
9365
|
+
"components/summary-list": "enabled",
|
|
9366
|
+
"components/table": "enabled",
|
|
9367
|
+
"components/task-list": "enabled",
|
|
9368
|
+
"components/textarea": "enabled",
|
|
9369
|
+
"components/text-input": "enabled",
|
|
9370
|
+
"components/toggletip": "enabled",
|
|
9371
|
+
"components/toolbar-button": "enabled",
|
|
9372
|
+
"components/unordered-list": "enabled",
|
|
9373
|
+
"components/icon": "enabled",
|
|
9374
|
+
"components/sub-nav-bar": "enabled",
|
|
9375
|
+
"overwrites/primaire kleur/violet": "enabled",
|
|
9376
|
+
"common/keep-oud": "enabled",
|
|
9377
|
+
"common/rounded-corner": "enabled",
|
|
9378
|
+
"components/blockquote-oud": "enabled",
|
|
9379
|
+
"components/blockquote": "enabled",
|
|
9380
|
+
"components/column-layout": "enabled"
|
|
9381
|
+
},
|
|
9382
|
+
"$figmaVariableReferences": {},
|
|
9383
|
+
"group": "Rijkshuisstijl"
|
|
9384
|
+
},
|
|
9385
|
+
{
|
|
9386
|
+
"id": "786957ab6fd72ed726e59e0415f638eea0de0995",
|
|
9387
|
+
"name": "uitvoerend - violet - oud",
|
|
9388
|
+
"$figmaStyleReferences": {},
|
|
9389
|
+
"selectedTokenSets": {
|
|
9390
|
+
"brand/color": "enabled",
|
|
9391
|
+
"brand/space": "enabled",
|
|
9392
|
+
"brand/border": "enabled",
|
|
9393
|
+
"brand/font": "enabled",
|
|
9394
|
+
"brand/size": "enabled",
|
|
9395
|
+
"common/color": "enabled",
|
|
9396
|
+
"common/size": "enabled",
|
|
9397
|
+
"common/font": "enabled",
|
|
9398
|
+
"common/focus": "enabled",
|
|
9399
|
+
"common/border": "enabled",
|
|
9400
|
+
"utrecht/focus": "enabled",
|
|
9401
|
+
"utrecht/pointer-target": "enabled",
|
|
9402
|
+
"utrecht/rich-text": "enabled",
|
|
9403
|
+
"utrecht/document": "enabled",
|
|
9404
|
+
"components/accordion": "enabled",
|
|
9405
|
+
"components/alert": "enabled",
|
|
9406
|
+
"components/article": "enabled",
|
|
9407
|
+
"components/avatar": "enabled",
|
|
9408
|
+
"components/backdrop": "enabled",
|
|
9409
|
+
"components/breadcrumb": "enabled",
|
|
9410
|
+
"components/button": "enabled",
|
|
9411
|
+
"components/button-group": "enabled",
|
|
9412
|
+
"components/card": "enabled",
|
|
9413
|
+
"components/checkbox": "enabled",
|
|
9414
|
+
"components/checkbox-group": "enabled",
|
|
9415
|
+
"components/code-input-group": "enabled",
|
|
9416
|
+
"components/code-input": "enabled",
|
|
9417
|
+
"components/counter-badge/utrecht": "enabled",
|
|
9418
|
+
"components/counter-badge/nl": "enabled",
|
|
9419
|
+
"components/dot-badge": "enabled",
|
|
9420
|
+
"components/drawer": "enabled",
|
|
9421
|
+
"components/fieldset": "enabled",
|
|
9422
|
+
"components/figure": "enabled",
|
|
9423
|
+
"components/file-input": "enabled",
|
|
9424
|
+
"components/footer": "enabled",
|
|
9425
|
+
"components/form-field": "enabled",
|
|
9426
|
+
"components/form-field-checkbox-option": "enabled",
|
|
9427
|
+
"components/form-field-description": "enabled",
|
|
9428
|
+
"components/form-field-error-message": "enabled",
|
|
9429
|
+
"components/form-field-label": "enabled",
|
|
9430
|
+
"components/form-field-option-label": "enabled",
|
|
9431
|
+
"components/form-field-radio-option": "enabled",
|
|
9432
|
+
"components/form-label": "enabled",
|
|
9433
|
+
"components/heading/utrecht": "enabled",
|
|
9434
|
+
"components/heading/nl": "enabled",
|
|
9435
|
+
"components/hero": "enabled",
|
|
9436
|
+
"components/icon-only-button": "enabled",
|
|
9437
|
+
"components/link/utrecht": "enabled",
|
|
9438
|
+
"components/link/nl": "enabled",
|
|
9439
|
+
"components/link-list": "enabled",
|
|
9440
|
+
"components/link-list-card": "enabled",
|
|
9441
|
+
"components/logo": "enabled",
|
|
9442
|
+
"components/modal-dialog": "enabled",
|
|
9443
|
+
"components/message-list": "enabled",
|
|
9444
|
+
"components/nav-bar": "enabled",
|
|
9445
|
+
"components/navigation-list": "enabled",
|
|
9446
|
+
"components/ordered-list": "enabled",
|
|
9447
|
+
"components/pagination": "enabled",
|
|
9448
|
+
"components/paragraph/utrecht": "enabled",
|
|
9449
|
+
"components/paragraph/nl": "enabled",
|
|
9450
|
+
"components/pre-heading": "enabled",
|
|
9451
|
+
"components/radio": "enabled",
|
|
9452
|
+
"components/radio-group": "enabled",
|
|
9453
|
+
"components/select": "enabled",
|
|
9454
|
+
"components/separator": "enabled",
|
|
9455
|
+
"components/side-nav": "enabled",
|
|
9456
|
+
"components/skip-link/utrecht": "enabled",
|
|
9457
|
+
"components/skip-link/nl": "enabled",
|
|
9458
|
+
"components/status-badge": "enabled",
|
|
9459
|
+
"components/summary-list": "enabled",
|
|
9460
|
+
"components/table": "enabled",
|
|
9461
|
+
"components/task-list": "enabled",
|
|
9462
|
+
"components/textarea": "enabled",
|
|
9463
|
+
"components/text-input": "enabled",
|
|
9464
|
+
"components/toggletip": "enabled",
|
|
9465
|
+
"components/toolbar-button": "enabled",
|
|
9466
|
+
"components/unordered-list": "enabled",
|
|
9467
|
+
"components/icon": "enabled",
|
|
9468
|
+
"components/sub-nav-bar": "enabled",
|
|
9469
|
+
"overwrites/oude rijkshuisstijl/border": "enabled",
|
|
9470
|
+
"overwrites/primaire kleur/violet": "enabled",
|
|
9471
|
+
"common/keep-oud": "enabled",
|
|
9472
|
+
"common/rounded-corner": "enabled",
|
|
9473
|
+
"components/blockquote-oud": "enabled",
|
|
9474
|
+
"components/blockquote": "enabled",
|
|
9475
|
+
"components/column-layout": "enabled",
|
|
9476
|
+
"overwrites/oude rijkshuisstijl/blockqoute": "enabled"
|
|
7585
9477
|
},
|
|
7586
|
-
"
|
|
7587
|
-
|
|
7588
|
-
"focus": {
|
|
7589
|
-
"background-color": {
|
|
7590
|
-
"value": "{overwrite.focus.background}",
|
|
7591
|
-
"type": "color"
|
|
7592
|
-
}
|
|
7593
|
-
}
|
|
7594
|
-
}
|
|
7595
|
-
}
|
|
9478
|
+
"$figmaVariableReferences": {},
|
|
9479
|
+
"group": "Rijkshuisstijl"
|
|
7596
9480
|
},
|
|
7597
|
-
"denhaag": {
|
|
7598
|
-
"sidenav": {
|
|
7599
|
-
"link": {
|
|
7600
|
-
"focus": {
|
|
7601
|
-
"background-color": {
|
|
7602
|
-
"value": "{overwrite.focus.background}",
|
|
7603
|
-
"type": "color"
|
|
7604
|
-
}
|
|
7605
|
-
}
|
|
7606
|
-
}
|
|
7607
|
-
}
|
|
7608
|
-
}
|
|
7609
|
-
},
|
|
7610
|
-
"overwrites/focus/outline-color": {
|
|
7611
|
-
"rhc": {
|
|
7612
|
-
"color": {
|
|
7613
|
-
"focus": {
|
|
7614
|
-
"outline": {
|
|
7615
|
-
"value": "{rhc.color.primary.500}",
|
|
7616
|
-
"type": "color"
|
|
7617
|
-
}
|
|
7618
|
-
}
|
|
7619
|
-
}
|
|
7620
|
-
}
|
|
7621
|
-
},
|
|
7622
|
-
"overwrites/oude rijkshuisstijl/border": {
|
|
7623
|
-
"rhc": {
|
|
7624
|
-
"border-radius": {
|
|
7625
|
-
"sm": {
|
|
7626
|
-
"value": "0",
|
|
7627
|
-
"type": "borderRadius"
|
|
7628
|
-
},
|
|
7629
|
-
"md": {
|
|
7630
|
-
"value": "0",
|
|
7631
|
-
"type": "borderRadius"
|
|
7632
|
-
},
|
|
7633
|
-
"keep": {
|
|
7634
|
-
"value": "0",
|
|
7635
|
-
"type": "borderRadius"
|
|
7636
|
-
}
|
|
7637
|
-
}
|
|
7638
|
-
}
|
|
7639
|
-
},
|
|
7640
|
-
"overwrites/primaire kleur/mintgroen": {
|
|
7641
|
-
"rhc": {
|
|
7642
|
-
"color": {
|
|
7643
|
-
"primary": {
|
|
7644
|
-
"50": {
|
|
7645
|
-
"value": "{rhc.color.mintgroen.50}",
|
|
7646
|
-
"type": "color"
|
|
7647
|
-
},
|
|
7648
|
-
"100": {
|
|
7649
|
-
"value": "{rhc.color.mintgroen.100}",
|
|
7650
|
-
"type": "color"
|
|
7651
|
-
},
|
|
7652
|
-
"200": {
|
|
7653
|
-
"value": "{rhc.color.mintgroen.200}",
|
|
7654
|
-
"type": "color"
|
|
7655
|
-
},
|
|
7656
|
-
"300": {
|
|
7657
|
-
"value": "{rhc.color.mintgroen.300}",
|
|
7658
|
-
"type": "color"
|
|
7659
|
-
},
|
|
7660
|
-
"400": {
|
|
7661
|
-
"value": "{rhc.color.mintgroen.400}",
|
|
7662
|
-
"type": "color"
|
|
7663
|
-
},
|
|
7664
|
-
"500": {
|
|
7665
|
-
"value": "{rhc.color.mintgroen.500}",
|
|
7666
|
-
"type": "color"
|
|
7667
|
-
},
|
|
7668
|
-
"hover": {
|
|
7669
|
-
"value": "{rhc.color.primary.500}",
|
|
7670
|
-
"type": "color",
|
|
7671
|
-
"$extensions": {
|
|
7672
|
-
"studio.tokens": {
|
|
7673
|
-
"modify": {
|
|
7674
|
-
"type": "darken",
|
|
7675
|
-
"value": "0.3",
|
|
7676
|
-
"space": "lch"
|
|
7677
|
-
}
|
|
7678
|
-
}
|
|
7679
|
-
}
|
|
7680
|
-
}
|
|
7681
|
-
}
|
|
7682
|
-
}
|
|
7683
|
-
}
|
|
7684
|
-
},
|
|
7685
|
-
"overwrites/primaire kleur/violet": {
|
|
7686
|
-
"rhc": {
|
|
7687
|
-
"color": {
|
|
7688
|
-
"primary": {
|
|
7689
|
-
"50": {
|
|
7690
|
-
"value": "{rhc.color.violet.50}",
|
|
7691
|
-
"type": "color"
|
|
7692
|
-
},
|
|
7693
|
-
"100": {
|
|
7694
|
-
"value": "{rhc.color.violet.100}",
|
|
7695
|
-
"type": "color"
|
|
7696
|
-
},
|
|
7697
|
-
"200": {
|
|
7698
|
-
"value": "{rhc.color.violet.200}",
|
|
7699
|
-
"type": "color"
|
|
7700
|
-
},
|
|
7701
|
-
"300": {
|
|
7702
|
-
"value": "{rhc.color.violet.300}",
|
|
7703
|
-
"type": "color"
|
|
7704
|
-
},
|
|
7705
|
-
"400": {
|
|
7706
|
-
"value": "{rhc.color.violet.400}",
|
|
7707
|
-
"type": "color"
|
|
7708
|
-
},
|
|
7709
|
-
"500": {
|
|
7710
|
-
"value": "{rhc.color.violet.500}",
|
|
7711
|
-
"type": "color"
|
|
7712
|
-
},
|
|
7713
|
-
"hover": {
|
|
7714
|
-
"value": "{rhc.color.primary.500}",
|
|
7715
|
-
"type": "color",
|
|
7716
|
-
"$extensions": {
|
|
7717
|
-
"studio.tokens": {
|
|
7718
|
-
"modify": {
|
|
7719
|
-
"type": "darken",
|
|
7720
|
-
"value": "0.3",
|
|
7721
|
-
"space": "lch"
|
|
7722
|
-
}
|
|
7723
|
-
}
|
|
7724
|
-
}
|
|
7725
|
-
}
|
|
7726
|
-
}
|
|
7727
|
-
}
|
|
7728
|
-
}
|
|
7729
|
-
},
|
|
7730
|
-
"$themes": [
|
|
7731
9481
|
{
|
|
7732
|
-
"id": "
|
|
7733
|
-
"name": "
|
|
9482
|
+
"id": "6dc199872ed7ed864f33144bdffb286fdedbf473",
|
|
9483
|
+
"name": "uitvoerend - mintgroen",
|
|
7734
9484
|
"$figmaStyleReferences": {},
|
|
7735
9485
|
"selectedTokenSets": {
|
|
7736
9486
|
"brand/color": "enabled",
|
|
@@ -7743,7 +9493,6 @@
|
|
|
7743
9493
|
"common/font": "enabled",
|
|
7744
9494
|
"common/focus": "enabled",
|
|
7745
9495
|
"common/border": "enabled",
|
|
7746
|
-
"common/keep": "enabled",
|
|
7747
9496
|
"utrecht/focus": "enabled",
|
|
7748
9497
|
"utrecht/pointer-target": "enabled",
|
|
7749
9498
|
"utrecht/rich-text": "enabled",
|
|
@@ -7753,7 +9502,6 @@
|
|
|
7753
9502
|
"components/article": "enabled",
|
|
7754
9503
|
"components/avatar": "enabled",
|
|
7755
9504
|
"components/backdrop": "enabled",
|
|
7756
|
-
"components/blockquote": "enabled",
|
|
7757
9505
|
"components/breadcrumb": "enabled",
|
|
7758
9506
|
"components/button": "enabled",
|
|
7759
9507
|
"components/button-group": "enabled",
|
|
@@ -7795,6 +9543,7 @@
|
|
|
7795
9543
|
"components/pagination": "enabled",
|
|
7796
9544
|
"components/paragraph/utrecht": "enabled",
|
|
7797
9545
|
"components/paragraph/nl": "enabled",
|
|
9546
|
+
"components/pre-heading": "enabled",
|
|
7798
9547
|
"components/radio": "enabled",
|
|
7799
9548
|
"components/radio-group": "enabled",
|
|
7800
9549
|
"components/select": "enabled",
|
|
@@ -7813,14 +9562,19 @@
|
|
|
7813
9562
|
"components/unordered-list": "enabled",
|
|
7814
9563
|
"components/icon": "enabled",
|
|
7815
9564
|
"components/sub-nav-bar": "enabled",
|
|
7816
|
-
"
|
|
9565
|
+
"overwrites/primaire kleur/mintgroen": "enabled",
|
|
9566
|
+
"common/keep-oud": "enabled",
|
|
9567
|
+
"common/rounded-corner": "enabled",
|
|
9568
|
+
"components/blockquote-oud": "enabled",
|
|
9569
|
+
"components/blockquote": "enabled",
|
|
9570
|
+
"components/column-layout": "enabled"
|
|
7817
9571
|
},
|
|
7818
9572
|
"$figmaVariableReferences": {},
|
|
7819
9573
|
"group": "Rijkshuisstijl"
|
|
7820
9574
|
},
|
|
7821
9575
|
{
|
|
7822
|
-
"id": "
|
|
7823
|
-
"name": "uitvoerend -
|
|
9576
|
+
"id": "uitvoerend - paars",
|
|
9577
|
+
"name": "uitvoerend - paars",
|
|
7824
9578
|
"$figmaStyleReferences": {},
|
|
7825
9579
|
"selectedTokenSets": {
|
|
7826
9580
|
"brand/color": "enabled",
|
|
@@ -7833,7 +9587,6 @@
|
|
|
7833
9587
|
"common/font": "enabled",
|
|
7834
9588
|
"common/focus": "enabled",
|
|
7835
9589
|
"common/border": "enabled",
|
|
7836
|
-
"common/keep": "enabled",
|
|
7837
9590
|
"utrecht/focus": "enabled",
|
|
7838
9591
|
"utrecht/pointer-target": "enabled",
|
|
7839
9592
|
"utrecht/rich-text": "enabled",
|
|
@@ -7843,7 +9596,6 @@
|
|
|
7843
9596
|
"components/article": "enabled",
|
|
7844
9597
|
"components/avatar": "enabled",
|
|
7845
9598
|
"components/backdrop": "enabled",
|
|
7846
|
-
"components/blockquote": "enabled",
|
|
7847
9599
|
"components/breadcrumb": "enabled",
|
|
7848
9600
|
"components/button": "enabled",
|
|
7849
9601
|
"components/button-group": "enabled",
|
|
@@ -7885,6 +9637,7 @@
|
|
|
7885
9637
|
"components/pagination": "enabled",
|
|
7886
9638
|
"components/paragraph/utrecht": "enabled",
|
|
7887
9639
|
"components/paragraph/nl": "enabled",
|
|
9640
|
+
"components/pre-heading": "enabled",
|
|
7888
9641
|
"components/radio": "enabled",
|
|
7889
9642
|
"components/radio-group": "enabled",
|
|
7890
9643
|
"components/select": "enabled",
|
|
@@ -7903,15 +9656,19 @@
|
|
|
7903
9656
|
"components/unordered-list": "enabled",
|
|
7904
9657
|
"components/icon": "enabled",
|
|
7905
9658
|
"components/sub-nav-bar": "enabled",
|
|
7906
|
-
"overwrites/primaire kleur/
|
|
7907
|
-
"
|
|
9659
|
+
"overwrites/primaire kleur/paars": "enabled",
|
|
9660
|
+
"common/keep-oud": "enabled",
|
|
9661
|
+
"common/rounded-corner": "enabled",
|
|
9662
|
+
"components/blockquote-oud": "enabled",
|
|
9663
|
+
"components/blockquote": "enabled",
|
|
9664
|
+
"components/column-layout": "enabled"
|
|
7908
9665
|
},
|
|
7909
9666
|
"$figmaVariableReferences": {},
|
|
7910
9667
|
"group": "Rijkshuisstijl"
|
|
7911
9668
|
},
|
|
7912
9669
|
{
|
|
7913
|
-
"id": "
|
|
7914
|
-
"name": "uitvoerend -
|
|
9670
|
+
"id": "uitvoerend - oranje",
|
|
9671
|
+
"name": "uitvoerend - oranje",
|
|
7915
9672
|
"$figmaStyleReferences": {},
|
|
7916
9673
|
"selectedTokenSets": {
|
|
7917
9674
|
"brand/color": "enabled",
|
|
@@ -7924,7 +9681,6 @@
|
|
|
7924
9681
|
"common/font": "enabled",
|
|
7925
9682
|
"common/focus": "enabled",
|
|
7926
9683
|
"common/border": "enabled",
|
|
7927
|
-
"common/keep": "enabled",
|
|
7928
9684
|
"utrecht/focus": "enabled",
|
|
7929
9685
|
"utrecht/pointer-target": "enabled",
|
|
7930
9686
|
"utrecht/rich-text": "enabled",
|
|
@@ -7934,7 +9690,6 @@
|
|
|
7934
9690
|
"components/article": "enabled",
|
|
7935
9691
|
"components/avatar": "enabled",
|
|
7936
9692
|
"components/backdrop": "enabled",
|
|
7937
|
-
"components/blockquote": "enabled",
|
|
7938
9693
|
"components/breadcrumb": "enabled",
|
|
7939
9694
|
"components/button": "enabled",
|
|
7940
9695
|
"components/button-group": "enabled",
|
|
@@ -7976,6 +9731,7 @@
|
|
|
7976
9731
|
"components/pagination": "enabled",
|
|
7977
9732
|
"components/paragraph/utrecht": "enabled",
|
|
7978
9733
|
"components/paragraph/nl": "enabled",
|
|
9734
|
+
"components/pre-heading": "enabled",
|
|
7979
9735
|
"components/radio": "enabled",
|
|
7980
9736
|
"components/radio-group": "enabled",
|
|
7981
9737
|
"components/select": "enabled",
|
|
@@ -7994,16 +9750,19 @@
|
|
|
7994
9750
|
"components/unordered-list": "enabled",
|
|
7995
9751
|
"components/icon": "enabled",
|
|
7996
9752
|
"components/sub-nav-bar": "enabled",
|
|
7997
|
-
"overwrites/
|
|
7998
|
-
"
|
|
7999
|
-
"
|
|
9753
|
+
"overwrites/primaire kleur/oranje": "enabled",
|
|
9754
|
+
"common/keep-oud": "enabled",
|
|
9755
|
+
"common/rounded-corner": "enabled",
|
|
9756
|
+
"components/blockquote-oud": "enabled",
|
|
9757
|
+
"components/blockquote": "enabled",
|
|
9758
|
+
"components/column-layout": "enabled"
|
|
8000
9759
|
},
|
|
8001
9760
|
"$figmaVariableReferences": {},
|
|
8002
9761
|
"group": "Rijkshuisstijl"
|
|
8003
9762
|
},
|
|
8004
9763
|
{
|
|
8005
|
-
"id": "
|
|
8006
|
-
"name": "uitvoerend -
|
|
9764
|
+
"id": "uitvoerend - groen",
|
|
9765
|
+
"name": "uitvoerend - groen",
|
|
8007
9766
|
"$figmaStyleReferences": {},
|
|
8008
9767
|
"selectedTokenSets": {
|
|
8009
9768
|
"brand/color": "enabled",
|
|
@@ -8016,7 +9775,6 @@
|
|
|
8016
9775
|
"common/font": "enabled",
|
|
8017
9776
|
"common/focus": "enabled",
|
|
8018
9777
|
"common/border": "enabled",
|
|
8019
|
-
"common/keep": "enabled",
|
|
8020
9778
|
"utrecht/focus": "enabled",
|
|
8021
9779
|
"utrecht/pointer-target": "enabled",
|
|
8022
9780
|
"utrecht/rich-text": "enabled",
|
|
@@ -8026,7 +9784,100 @@
|
|
|
8026
9784
|
"components/article": "enabled",
|
|
8027
9785
|
"components/avatar": "enabled",
|
|
8028
9786
|
"components/backdrop": "enabled",
|
|
9787
|
+
"components/breadcrumb": "enabled",
|
|
9788
|
+
"components/button": "enabled",
|
|
9789
|
+
"components/button-group": "enabled",
|
|
9790
|
+
"components/card": "enabled",
|
|
9791
|
+
"components/checkbox": "enabled",
|
|
9792
|
+
"components/checkbox-group": "enabled",
|
|
9793
|
+
"components/code-input-group": "enabled",
|
|
9794
|
+
"components/code-input": "enabled",
|
|
9795
|
+
"components/counter-badge/utrecht": "enabled",
|
|
9796
|
+
"components/counter-badge/nl": "enabled",
|
|
9797
|
+
"components/dot-badge": "enabled",
|
|
9798
|
+
"components/drawer": "enabled",
|
|
9799
|
+
"components/fieldset": "enabled",
|
|
9800
|
+
"components/figure": "enabled",
|
|
9801
|
+
"components/file-input": "enabled",
|
|
9802
|
+
"components/footer": "enabled",
|
|
9803
|
+
"components/form-field": "enabled",
|
|
9804
|
+
"components/form-field-checkbox-option": "enabled",
|
|
9805
|
+
"components/form-field-description": "enabled",
|
|
9806
|
+
"components/form-field-error-message": "enabled",
|
|
9807
|
+
"components/form-field-label": "enabled",
|
|
9808
|
+
"components/form-field-option-label": "enabled",
|
|
9809
|
+
"components/form-field-radio-option": "enabled",
|
|
9810
|
+
"components/form-label": "enabled",
|
|
9811
|
+
"components/heading/utrecht": "enabled",
|
|
9812
|
+
"components/heading/nl": "enabled",
|
|
9813
|
+
"components/hero": "enabled",
|
|
9814
|
+
"components/icon-only-button": "enabled",
|
|
9815
|
+
"components/link/utrecht": "enabled",
|
|
9816
|
+
"components/link/nl": "enabled",
|
|
9817
|
+
"components/link-list": "enabled",
|
|
9818
|
+
"components/link-list-card": "enabled",
|
|
9819
|
+
"components/logo": "enabled",
|
|
9820
|
+
"components/modal-dialog": "enabled",
|
|
9821
|
+
"components/message-list": "enabled",
|
|
9822
|
+
"components/nav-bar": "enabled",
|
|
9823
|
+
"components/navigation-list": "enabled",
|
|
9824
|
+
"components/ordered-list": "enabled",
|
|
9825
|
+
"components/pagination": "enabled",
|
|
9826
|
+
"components/paragraph/utrecht": "enabled",
|
|
9827
|
+
"components/paragraph/nl": "enabled",
|
|
9828
|
+
"components/pre-heading": "enabled",
|
|
9829
|
+
"components/radio": "enabled",
|
|
9830
|
+
"components/radio-group": "enabled",
|
|
9831
|
+
"components/select": "enabled",
|
|
9832
|
+
"components/separator": "enabled",
|
|
9833
|
+
"components/side-nav": "enabled",
|
|
9834
|
+
"components/skip-link/utrecht": "enabled",
|
|
9835
|
+
"components/skip-link/nl": "enabled",
|
|
9836
|
+
"components/status-badge": "enabled",
|
|
9837
|
+
"components/summary-list": "enabled",
|
|
9838
|
+
"components/table": "enabled",
|
|
9839
|
+
"components/task-list": "enabled",
|
|
9840
|
+
"components/textarea": "enabled",
|
|
9841
|
+
"components/text-input": "enabled",
|
|
9842
|
+
"components/toggletip": "enabled",
|
|
9843
|
+
"components/toolbar-button": "enabled",
|
|
9844
|
+
"components/unordered-list": "enabled",
|
|
9845
|
+
"components/icon": "enabled",
|
|
9846
|
+
"components/sub-nav-bar": "enabled",
|
|
9847
|
+
"overwrites/primaire kleur/groen": "enabled",
|
|
9848
|
+
"common/keep-oud": "enabled",
|
|
9849
|
+
"common/rounded-corner": "enabled",
|
|
9850
|
+
"components/blockquote-oud": "enabled",
|
|
8029
9851
|
"components/blockquote": "enabled",
|
|
9852
|
+
"components/column-layout": "enabled"
|
|
9853
|
+
},
|
|
9854
|
+
"$figmaVariableReferences": {},
|
|
9855
|
+
"group": "Rijkshuisstijl"
|
|
9856
|
+
},
|
|
9857
|
+
{
|
|
9858
|
+
"id": "uitvoerend - hemelblauw",
|
|
9859
|
+
"name": "uitvoerend - hemelblauw",
|
|
9860
|
+
"$figmaStyleReferences": {},
|
|
9861
|
+
"selectedTokenSets": {
|
|
9862
|
+
"brand/color": "enabled",
|
|
9863
|
+
"brand/space": "enabled",
|
|
9864
|
+
"brand/border": "enabled",
|
|
9865
|
+
"brand/font": "enabled",
|
|
9866
|
+
"brand/size": "enabled",
|
|
9867
|
+
"common/color": "enabled",
|
|
9868
|
+
"common/size": "enabled",
|
|
9869
|
+
"common/font": "enabled",
|
|
9870
|
+
"common/focus": "enabled",
|
|
9871
|
+
"common/border": "enabled",
|
|
9872
|
+
"utrecht/focus": "enabled",
|
|
9873
|
+
"utrecht/pointer-target": "enabled",
|
|
9874
|
+
"utrecht/rich-text": "enabled",
|
|
9875
|
+
"utrecht/document": "enabled",
|
|
9876
|
+
"components/accordion": "enabled",
|
|
9877
|
+
"components/alert": "enabled",
|
|
9878
|
+
"components/article": "enabled",
|
|
9879
|
+
"components/avatar": "enabled",
|
|
9880
|
+
"components/backdrop": "enabled",
|
|
8030
9881
|
"components/breadcrumb": "enabled",
|
|
8031
9882
|
"components/button": "enabled",
|
|
8032
9883
|
"components/button-group": "enabled",
|
|
@@ -8068,6 +9919,7 @@
|
|
|
8068
9919
|
"components/pagination": "enabled",
|
|
8069
9920
|
"components/paragraph/utrecht": "enabled",
|
|
8070
9921
|
"components/paragraph/nl": "enabled",
|
|
9922
|
+
"components/pre-heading": "enabled",
|
|
8071
9923
|
"components/radio": "enabled",
|
|
8072
9924
|
"components/radio-group": "enabled",
|
|
8073
9925
|
"components/select": "enabled",
|
|
@@ -8086,10 +9938,12 @@
|
|
|
8086
9938
|
"components/unordered-list": "enabled",
|
|
8087
9939
|
"components/icon": "enabled",
|
|
8088
9940
|
"components/sub-nav-bar": "enabled",
|
|
8089
|
-
"overwrites/
|
|
8090
|
-
"
|
|
8091
|
-
"
|
|
8092
|
-
"components/
|
|
9941
|
+
"overwrites/primaire kleur/hemelblauw": "enabled",
|
|
9942
|
+
"common/keep-oud": "enabled",
|
|
9943
|
+
"common/rounded-corner": "enabled",
|
|
9944
|
+
"components/blockquote-oud": "enabled",
|
|
9945
|
+
"components/blockquote": "enabled",
|
|
9946
|
+
"components/column-layout": "enabled"
|
|
8093
9947
|
},
|
|
8094
9948
|
"$figmaVariableReferences": {},
|
|
8095
9949
|
"group": "Rijkshuisstijl"
|
|
@@ -8107,7 +9961,8 @@
|
|
|
8107
9961
|
"common/font",
|
|
8108
9962
|
"common/focus",
|
|
8109
9963
|
"common/border",
|
|
8110
|
-
"common/keep",
|
|
9964
|
+
"common/keep-oud",
|
|
9965
|
+
"common/rounded-corner",
|
|
8111
9966
|
"utrecht/focus",
|
|
8112
9967
|
"utrecht/pointer-target",
|
|
8113
9968
|
"utrecht/rich-text",
|
|
@@ -8117,6 +9972,7 @@
|
|
|
8117
9972
|
"components/article",
|
|
8118
9973
|
"components/avatar",
|
|
8119
9974
|
"components/backdrop",
|
|
9975
|
+
"components/blockquote-oud",
|
|
8120
9976
|
"components/blockquote",
|
|
8121
9977
|
"components/breadcrumb",
|
|
8122
9978
|
"components/button",
|
|
@@ -8128,8 +9984,8 @@
|
|
|
8128
9984
|
"components/code-input",
|
|
8129
9985
|
"components/counter-badge/nl",
|
|
8130
9986
|
"components/counter-badge/utrecht",
|
|
8131
|
-
"components/dot-badge",
|
|
8132
9987
|
"components/drawer",
|
|
9988
|
+
"components/dot-badge",
|
|
8133
9989
|
"components/fieldset",
|
|
8134
9990
|
"components/figure",
|
|
8135
9991
|
"components/file-input",
|
|
@@ -8145,6 +10001,7 @@
|
|
|
8145
10001
|
"components/heading/nl",
|
|
8146
10002
|
"components/heading/utrecht",
|
|
8147
10003
|
"components/hero",
|
|
10004
|
+
"components/icon",
|
|
8148
10005
|
"components/icon-only-button",
|
|
8149
10006
|
"components/link/nl",
|
|
8150
10007
|
"components/link/utrecht",
|
|
@@ -8168,6 +10025,7 @@
|
|
|
8168
10025
|
"components/skip-link/utrecht",
|
|
8169
10026
|
"components/skip-link/nl",
|
|
8170
10027
|
"components/status-badge",
|
|
10028
|
+
"components/sub-nav-bar",
|
|
8171
10029
|
"components/summary-list",
|
|
8172
10030
|
"components/table",
|
|
8173
10031
|
"components/task-list",
|
|
@@ -8176,13 +10034,27 @@
|
|
|
8176
10034
|
"components/toggletip",
|
|
8177
10035
|
"components/toolbar-button",
|
|
8178
10036
|
"components/unordered-list",
|
|
8179
|
-
"components/
|
|
8180
|
-
"
|
|
8181
|
-
"overwrites/focus/background",
|
|
8182
|
-
"overwrites/focus/outline-color",
|
|
8183
|
-
"overwrites/oude rijkshuisstijl/border",
|
|
10037
|
+
"components/column-layout",
|
|
10038
|
+
"overwrites/primaire kleur/groen",
|
|
8184
10039
|
"overwrites/primaire kleur/mintgroen",
|
|
8185
|
-
"overwrites/primaire kleur/
|
|
10040
|
+
"overwrites/primaire kleur/oranje",
|
|
10041
|
+
"overwrites/primaire kleur/hemelblauw",
|
|
10042
|
+
"overwrites/primaire kleur/paars",
|
|
10043
|
+
"overwrites/primaire kleur/roze",
|
|
10044
|
+
"overwrites/primaire kleur/violet",
|
|
10045
|
+
"overwrites/primaire kleur/contrast fix/foreground op lichte kleur",
|
|
10046
|
+
"overwrites/primaire kleur/contrast fix/non primary button labels coolgrey",
|
|
10047
|
+
"overwrites/primaire kleur/contrast fix/alle buttons lintblauw",
|
|
10048
|
+
"overwrites/primaire kleur/contrast fix/button label groter",
|
|
10049
|
+
"overwrites/primaire kleur/contrast fix/non primary buttons coolgrey",
|
|
10050
|
+
"overwrites/accent/donkergeel",
|
|
10051
|
+
"overwrites/accent/donkergroen",
|
|
10052
|
+
"overwrites/heading-color/primairy",
|
|
10053
|
+
"overwrites/oude rijkshuisstijl/blockqoute",
|
|
10054
|
+
"overwrites/oude rijkshuisstijl/border",
|
|
10055
|
+
"overwrites/responsive/mobile",
|
|
10056
|
+
"overwrites/responsive/tablet",
|
|
10057
|
+
"overwrites/afwijkende keuzes/button"
|
|
8186
10058
|
]
|
|
8187
10059
|
}
|
|
8188
10060
|
}
|