{ "brand/border": { "rhc": { "border-radius": { "round": { "$type": "dimension", "$value": "999px" }, "none": { "$type": "dimension", "$value": "0px" } }, "border-width": { "sm": { "$type": "dimension", "$value": "1px" }, "md": { "$type": "dimension", "$value": "2px" }, "none": { "$type": "dimension", "$value": "0px" } } } }, "brand/color": { "rhc": { "color": { "cool-grey": { "50": { "$type": "color", "$value": "{rhc.color.light.cool-grey.50}" }, "100": { "$type": "color", "$value": "{rhc.color.light.cool-grey.100}" }, "200": { "$type": "color", "$value": "{rhc.color.light.cool-grey.200}" }, "300": { "$type": "color", "$value": "{rhc.color.light.cool-grey.300}" }, "400": { "$type": "color", "$value": "{rhc.color.light.cool-grey.400}" }, "500": { "$type": "color", "$value": "{rhc.color.light.cool-grey.500}" }, "600": { "$type": "color", "$value": "{rhc.color.light.cool-grey.600}" }, "700": { "$type": "color", "$value": "{rhc.color.light.cool-grey.700}" }, "800": { "$type": "color", "$value": "{rhc.color.light.cool-grey.800}" }, "900": { "$type": "color", "$value": "{rhc.color.light.cool-grey.900}" } }, "lichtblauw": { "50": { "$type": "color", "$value": "{rhc.color.light.lichtblauw.50}" }, "100": { "$type": "color", "$value": "{rhc.color.light.lichtblauw.100}" }, "200": { "$type": "color", "$value": "{rhc.color.light.lichtblauw.200}" }, "300": { "$type": "color", "$value": "{rhc.color.light.lichtblauw.300}" }, "400": { "$type": "color", "$value": "{rhc.color.light.lichtblauw.400}" }, "500": { "$type": "color", "$value": "{rhc.color.light.lichtblauw.500}" } }, "violet": { "50": { "$type": "color", "$value": "{rhc.color.light.violet.50}" }, "100": { "$type": "color", "$value": "{rhc.color.light.violet.100}" }, "200": { "$type": "color", "$value": "{rhc.color.light.violet.200}" }, "300": { "$type": "color", "$value": "{rhc.color.light.violet.300}" }, "400": { "$type": "color", "$value": "{rhc.color.light.violet.400}" }, "500": { "$type": "color", "$value": "{rhc.color.light.violet.500}" } }, "paars": { "50": { "$type": "color", "$value": "{rhc.color.light.paars.50}" }, "100": { "$type": "color", "$value": "{rhc.color.light.paars.100}" }, "200": { "$type": "color", "$value": "{rhc.color.light.paars.200}" }, "300": { "$type": "color", "$value": "{rhc.color.light.paars.300}" }, "400": { "$type": "color", "$value": "{rhc.color.light.paars.400}" }, "500": { "$type": "color", "$value": "{rhc.color.light.paars.500}" } }, "hemelblauw": { "50": { "$type": "color", "$value": "{rhc.color.light.hemelblauw.50}" }, "100": { "$type": "color", "$value": "{rhc.color.light.hemelblauw.100}" }, "200": { "$type": "color", "$value": "{rhc.color.light.hemelblauw.200}" }, "300": { "$type": "color", "$value": "{rhc.color.light.hemelblauw.300}" }, "400": { "$type": "color", "$value": "{rhc.color.light.hemelblauw.400}" }, "500": { "$type": "color", "$value": "{rhc.color.light.hemelblauw.500}" } }, "donkerblauw": { "50": { "$type": "color", "$value": "{rhc.color.light.donkerblauw.50}" }, "100": { "$type": "color", "$value": "{rhc.color.light.donkerblauw.100}" }, "200": { "$type": "color", "$value": "{rhc.color.light.donkerblauw.200}" }, "300": { "$type": "color", "$value": "{rhc.color.light.donkerblauw.300}" }, "400": { "$type": "color", "$value": "{rhc.color.light.donkerblauw.400}" }, "500": { "$type": "color", "$value": "{rhc.color.light.donkerblauw.500}" }, "600": { "$type": "color", "$value": "{rhc.color.light.donkerblauw.600}" }, "700": { "$type": "color", "$value": "{rhc.color.light.donkerblauw.700}" } }, "mintgroen": { "50": { "$type": "color", "$value": "{rhc.color.light.mintgroen.50}" }, "100": { "$type": "color", "$value": "{rhc.color.light.mintgroen.100}" }, "200": { "$type": "color", "$value": "{rhc.color.light.mintgroen.200}" }, "300": { "$type": "color", "$value": "{rhc.color.light.mintgroen.300}" }, "400": { "$type": "color", "$value": "{rhc.color.light.mintgroen.400}" }, "500": { "$type": "color", "$value": "{rhc.color.light.mintgroen.500}" } }, "mosgroen": { "50": { "$type": "color", "$value": "{rhc.color.light.mosgroen.50}" }, "100": { "$type": "color", "$value": "{rhc.color.light.mosgroen.100}" }, "200": { "$type": "color", "$value": "{rhc.color.light.mosgroen.200}" }, "300": { "$type": "color", "$value": "{rhc.color.light.mosgroen.300}" }, "400": { "$type": "color", "$value": "{rhc.color.light.mosgroen.400}" }, "500": { "$type": "color", "$value": "{rhc.color.light.mosgroen.500}" } }, "groen": { "50": { "$type": "color", "$value": "{rhc.color.light.groen.50}" }, "100": { "$type": "color", "$value": "{rhc.color.light.groen.100}" }, "200": { "$type": "color", "$value": "{rhc.color.light.groen.200}" }, "300": { "$type": "color", "$value": "{rhc.color.light.groen.300}" }, "400": { "$type": "color", "$value": "{rhc.color.light.groen.400}" }, "500": { "$type": "color", "$value": "{rhc.color.light.groen.500}" } }, "donkergroen": { "50": { "$type": "color", "$value": "{rhc.color.light.donkergroen.50}" }, "100": { "$type": "color", "$value": "{rhc.color.light.donkergroen.100}" }, "200": { "$type": "color", "$value": "{rhc.color.light.donkergroen.200}" }, "300": { "$type": "color", "$value": "{rhc.color.light.donkergroen.300}" }, "400": { "$type": "color", "$value": "{rhc.color.light.donkergroen.400}" }, "500": { "$type": "color", "$value": "{rhc.color.light.donkergroen.500}" } }, "bruin": { "50": { "$type": "color", "$value": "{rhc.color.light.bruin.50}" }, "100": { "$type": "color", "$value": "{rhc.color.light.bruin.100}" }, "200": { "$type": "color", "$value": "{rhc.color.light.bruin.200}" }, "300": { "$type": "color", "$value": "{rhc.color.light.bruin.300}" }, "400": { "$type": "color", "$value": "{rhc.color.light.bruin.400}" }, "500": { "$type": "color", "$value": "{rhc.color.light.bruin.500}" } }, "donkerbruin": { "50": { "$type": "color", "$value": "{rhc.color.light.donkerbruin.50}" }, "100": { "$type": "color", "$value": "{rhc.color.light.donkerbruin.100}" }, "200": { "$type": "color", "$value": "{rhc.color.light.donkerbruin.200}" }, "300": { "$type": "color", "$value": "{rhc.color.light.donkerbruin.300}" }, "400": { "$type": "color", "$value": "{rhc.color.light.donkerbruin.400}" }, "500": { "$type": "color", "$value": "{rhc.color.light.donkerbruin.500}" } }, "geel": { "50": { "$type": "color", "$value": "{rhc.color.light.geel.50}" }, "100": { "$type": "color", "$value": "{rhc.color.light.geel.100}" }, "200": { "$type": "color", "$value": "{rhc.color.light.geel.200}" }, "300": { "$type": "color", "$value": "{rhc.color.light.geel.300}" }, "400": { "$type": "color", "$value": "{rhc.color.light.geel.400}" }, "500": { "$type": "color", "$value": "{rhc.color.light.geel.500}" } }, "donkergeel": { "50": { "$type": "color", "$value": "{rhc.color.light.donkergeel.50}" }, "100": { "$type": "color", "$value": "{rhc.color.light.donkergeel.100}" }, "200": { "$type": "color", "$value": "{rhc.color.light.donkergeel.200}" }, "300": { "$type": "color", "$value": "{rhc.color.light.donkergeel.300}" }, "400": { "$type": "color", "$value": "{rhc.color.light.donkergeel.400}" }, "500": { "$type": "color", "$value": "{rhc.color.light.donkergeel.500}" } }, "oranje": { "50": { "$type": "color", "$value": "{rhc.color.light.oranje.50}" }, "100": { "$type": "color", "$value": "{rhc.color.light.oranje.100}" }, "200": { "$type": "color", "$value": "{rhc.color.light.oranje.200}" }, "300": { "$type": "color", "$value": "{rhc.color.light.oranje.300}" }, "400": { "$type": "color", "$value": "{rhc.color.light.oranje.400}" }, "500": { "$type": "color", "$value": "{rhc.color.light.oranje.500}" } }, "rood": { "50": { "$type": "color", "$value": "{rhc.color.light.rood.50}" }, "100": { "$type": "color", "$value": "{rhc.color.light.rood.100}" }, "200": { "$type": "color", "$value": "{rhc.color.light.rood.200}" }, "300": { "$type": "color", "$value": "{rhc.color.light.rood.300}" }, "400": { "$type": "color", "$value": "{rhc.color.light.rood.400}" }, "500": { "$type": "color", "$value": "{rhc.color.light.rood.500}" } }, "roze": { "50": { "$type": "color", "$value": "{rhc.color.light.roze.50}" }, "100": { "$type": "color", "$value": "{rhc.color.light.roze.100}" }, "200": { "$type": "color", "$value": "{rhc.color.light.roze.200}" }, "300": { "$type": "color", "$value": "{rhc.color.light.roze.300}" }, "400": { "$type": "color", "$value": "{rhc.color.light.roze.400}" }, "500": { "$type": "color", "$value": "{rhc.color.light.roze.500}" } }, "robijnrood": { "50": { "$type": "color", "$value": "{rhc.color.light.robijnrood.50}" }, "100": { "$type": "color", "$value": "{rhc.color.light.robijnrood.100}" }, "200": { "$type": "color", "$value": "{rhc.color.light.robijnrood.200}" }, "300": { "$type": "color", "$value": "{rhc.color.light.robijnrood.300}" }, "400": { "$type": "color", "$value": "{rhc.color.light.robijnrood.400}" }, "500": { "$type": "color", "$value": "{rhc.color.light.robijnrood.500}" } }, "wit": { "$type": "color", "$value": "{rhc.color.light.wit}" }, "zwart": { "$type": "color", "$value": "{rhc.color.light.zwart}" }, "transparent": { "$type": "color", "$value": "transparent" }, "lintblauw": { "50": { "$type": "color", "$value": "{rhc.color.light.lintblauw.50}" }, "100": { "$type": "color", "$value": "{rhc.color.light.lintblauw.100}" }, "200": { "$type": "color", "$value": "{rhc.color.light.lintblauw.200}" }, "300": { "$type": "color", "$value": "{rhc.color.light.lintblauw.300}" }, "400": { "$type": "color", "$value": "{rhc.color.light.lintblauw.400}" }, "500": { "$type": "color", "$value": "{rhc.color.light.lintblauw.500}" }, "600": { "$type": "color", "$value": "{rhc.color.light.lintblauw.600}" }, "700": { "$type": "color", "$value": "{rhc.color.light.lintblauw.700}" } }, "dark": { "cool-grey": { "50": { "$type": "color", "$value": "oklch(10% 0.00341 247.86)" }, "100": { "$type": "color", "$value": "oklch(15% 0.00685 247.9)" }, "200": { "$type": "color", "$value": "oklch(20% 0.01262 255.51)" }, "300": { "$type": "color", "$value": "oklch(30% 0.01985 252.89)" }, "400": { "$type": "color", "$value": "oklch(40% 0.03511 256.79)" }, "500": { "$type": "color", "$value": "oklch(65% 0.04072 257.42)" }, "600": { "$type": "color", "$value": "oklch(70% 0.03745 257.28)" }, "700": { "$type": "color", "$value": "oklch(75% 0.03916 257.29)" }, "800": { "$type": "color", "$value": "oklch(80% 0.03685 260.03)" }, "900": { "$type": "color", "$value": "oklch(90% 0.03982 265.75)" } }, "lichtblauw": { "50": { "$type": "color", "$value": "oklch(10% 0.01097 225.98)" }, "100": { "$type": "color", "$value": "oklch(15% 0.02265 229.08)" }, "200": { "$type": "color", "$value": "oklch(20% 0.03362 228.33)" }, "300": { "$type": "color", "$value": "oklch(30% 0.04367 228.77)" }, "400": { "$type": "color", "$value": "oklch(40% 0.05526 229.82)" }, "500": { "$type": "color", "$value": "oklch(65% 0.07312 230.01)" } }, "violet": { "50": { "$type": "color", "$value": "oklch(10% 0.03308 342.99)" }, "100": { "$type": "color", "$value": "oklch(15% 0.06897 343.04)" }, "200": { "$type": "color", "$value": "oklch(20% 0.10691 345.11)" }, "300": { "$type": "color", "$value": "oklch(30% 0.14449 346.37)" }, "400": { "$type": "color", "$value": "oklch(40% 0.17678 348.88)" }, "500": { "$type": "color", "$value": "oklch(65% 0.19619 355.91)" } }, "paars": { "50": { "$type": "color", "$value": "oklch(10% 0.01659 313.61)" }, "100": { "$type": "color", "$value": "oklch(15% 0.03366 311.69)" }, "200": { "$type": "color", "$value": "oklch(20% 0.0537 311.31)" }, "300": { "$type": "color", "$value": "oklch(30% 0.07379 311.43)" }, "400": { "$type": "color", "$value": "oklch(40% 0.0951 311.16)" }, "500": { "$type": "color", "$value": "oklch(65% 0.12693 308.6)" } }, "hemelblauw": { "50": { "$type": "color", "$value": "oklch(10% 0.02517 236.84)" }, "100": { "$type": "color", "$value": "oklch(15% 0.04976 236.19)" }, "200": { "$type": "color", "$value": "oklch(20% 0.07586 236.92)" }, "300": { "$type": "color", "$value": "oklch(30% 0.09931 237.91)" }, "400": { "$type": "color", "$value": "oklch(40% 0.12087 239.6)" }, "500": { "$type": "color", "$value": "oklch(65% 0.1475 246.59)" } }, "donkerblauw": { "50": { "$type": "color", "$value": "oklch(10% 0.01939 230.71)" }, "100": { "$type": "color", "$value": "oklch(15% 0.03915 228.62)" }, "200": { "$type": "color", "$value": "oklch(20% 0.05961 229.57)" }, "300": { "$type": "color", "$value": "oklch(30% 0.07861 231.2)" }, "400": { "$type": "color", "$value": "oklch(40% 0.09536 232.46)" }, "500": { "$type": "color", "$value": "oklch(65% 0.11351 240.39)" }, "600": { "$type": "color", "$value": "oklch(70% 0.0857 238.6)" }, "700": { "$type": "color", "$value": "oklch(75% 0.0666 242.1)" } }, "mintgroen": { "50": { "$type": "color", "$value": "oklch(10% 0.01565 177.09)" }, "100": { "$type": "color", "$value": "oklch(15% 0.03166 174.3)" }, "200": { "$type": "color", "$value": "oklch(20% 0.04698 174.46)" }, "300": { "$type": "color", "$value": "oklch(30% 0.06195 174.17)" }, "400": { "$type": "color", "$value": "oklch(40% 0.07554 173.42)" }, "500": { "$type": "color", "$value": "oklch(65% 0.0978 171.97)" } }, "mosgroen": { "50": { "$type": "color", "$value": "oklch(10% 0.02386 106.85)" }, "100": { "$type": "color", "$value": "oklch(15% 0.048 108.67)" }, "200": { "$type": "color", "$value": "oklch(20% 0.07319 109.69)" }, "300": { "$type": "color", "$value": "oklch(30% 0.09559 109.9)" }, "400": { "$type": "color", "$value": "oklch(40% 0.1152 110.87)" }, "500": { "$type": "color", "$value": "oklch(65% 0.12413 112.04)" } }, "groen": { "50": { "$type": "color", "$value": "oklch(10% 0.02714 134.97)" }, "100": { "$type": "color", "$value": "oklch(15% 0.05573 133.62)" }, "200": { "$type": "color", "$value": "oklch(20% 0.08581 134.66)" }, "300": { "$type": "color", "$value": "oklch(30% 0.11337 134.83)" }, "400": { "$type": "color", "$value": "oklch(40% 0.13931 135.66)" }, "500": { "$type": "color", "$value": "oklch(65% 0.16526 137.86)" } }, "donkergroen": { "50": { "$type": "color", "$value": "oklch(10% 0.01004 155.08)" }, "100": { "$type": "color", "$value": "oklch(15% 0.02133 156.74)" }, "200": { "$type": "color", "$value": "oklch(20% 0.03405 155.14)" }, "300": { "$type": "color", "$value": "oklch(30% 0.04465 155.81)" }, "400": { "$type": "color", "$value": "oklch(40% 0.05672 154.7)" }, "500": { "$type": "color", "$value": "oklch(65% 0.07856 152.03)" } }, "bruin": { "50": { "$type": "color", "$value": "oklch(10% 0.02192 92.512)" }, "100": { "$type": "color", "$value": "oklch(15% 0.04183 90.262)" }, "200": { "$type": "color", "$value": "oklch(20% 0.06495 91.487)" }, "300": { "$type": "color", "$value": "oklch(30% 0.08378 90.368)" }, "400": { "$type": "color", "$value": "oklch(40% 0.10169 90.165)" }, "500": { "$type": "color", "$value": "oklch(65% 0.11349 86.368)" } }, "donkerbruin": { "50": { "$type": "color", "$value": "oklch(10% 0.00886 26.023)" }, "100": { "$type": "color", "$value": "oklch(15% 0.01789 35.341)" }, "200": { "$type": "color", "$value": "oklch(20% 0.02847 34.982)" }, "300": { "$type": "color", "$value": "oklch(30% 0.0397 32.893)" }, "400": { "$type": "color", "$value": "oklch(40% 0.05269 33.378)" }, "500": { "$type": "color", "$value": "oklch(65% 0.0777 34.12)" } }, "geel": { "50": { "$type": "color", "$value": "oklch(10% 0.03916 102.41)" }, "100": { "$type": "color", "$value": "oklch(15% 0.07444 101.91)" }, "200": { "$type": "color", "$value": "oklch(20% 0.10943 102.07)" }, "300": { "$type": "color", "$value": "oklch(30% 0.13889 102.52)" }, "400": { "$type": "color", "$value": "oklch(40% 0.16222 102.24)" }, "500": { "$type": "color", "$value": "oklch(65% 0.18368 101.29)" } }, "donkergeel": { "50": { "$type": "color", "$value": "oklch(10% 0.0348 87.074)" }, "100": { "$type": "color", "$value": "oklch(15% 0.06747 86.64)" }, "200": { "$type": "color", "$value": "oklch(20% 0.0986 87.683)" }, "300": { "$type": "color", "$value": "oklch(30% 0.12671 86.692)" }, "400": { "$type": "color", "$value": "oklch(40% 0.14832 84.924)" }, "500": { "$type": "color", "$value": "oklch(65% 0.1685 78.997)" } }, "oranje": { "50": { "$type": "color", "$value": "oklch(10% 0.02922 67.463)" }, "100": { "$type": "color", "$value": "oklch(15% 0.05798 66.118)" }, "200": { "$type": "color", "$value": "oklch(20% 0.08766 65.585)" }, "300": { "$type": "color", "$value": "oklch(30% 0.11599 64.327)" }, "400": { "$type": "color", "$value": "oklch(40% 0.14021 62.24)" }, "500": { "$type": "color", "$value": "oklch(65% 0.16914 52.908)" } }, "rood": { "50": { "$type": "color", "$value": "oklch(10% 0.02892 22.962)" }, "100": { "$type": "color", "$value": "oklch(15% 0.05903 22.29)" }, "200": { "$type": "color", "$value": "oklch(20% 0.09297 24.341)" }, "300": { "$type": "color", "$value": "oklch(30% 0.12823 24.893)" }, "400": { "$type": "color", "$value": "oklch(40% 0.161 26.992)" }, "500": { "$type": "color", "$value": "oklch(65% 0.20669 29.543)" } }, "roze": { "50": { "$type": "color", "$value": "oklch(10% 0.01909 338.71)" }, "100": { "$type": "color", "$value": "oklch(15% 0.03952 340.19)" }, "200": { "$type": "color", "$value": "oklch(20% 0.05785 340.73)" }, "300": { "$type": "color", "$value": "oklch(30% 0.07989 340.69)" }, "400": { "$type": "color", "$value": "oklch(40% 0.09974 341.81)" }, "500": { "$type": "color", "$value": "oklch(65% 0.13385 342.44)" } }, "robijnrood": { "50": { "$type": "color", "$value": "oklch(10% 0.0378 347.99)" }, "100": { "$type": "color", "$value": "oklch(15% 0.07749 350.23)" }, "200": { "$type": "color", "$value": "oklch(20% 0.12112 351.28)" }, "300": { "$type": "color", "$value": "oklch(30% 0.1616 353.85)" }, "400": { "$type": "color", "$value": "oklch(40% 0.19588 356.71)" }, "500": { "$type": "color", "$value": "oklch(65% 0.21669 5.2)" } }, "lintblauw": { "50": { "$type": "color", "$value": "oklch(10% 0.01217 247.96)" }, "100": { "$type": "color", "$value": "oklch(15% 0.02611 250)" }, "200": { "$type": "color", "$value": "oklch(20% 0.04031 252.01)" }, "300": { "$type": "color", "$value": "oklch(30% 0.05353 250.5)" }, "400": { "$type": "color", "$value": "oklch(40% 0.07031 251.25)" }, "500": { "$type": "color", "$value": "oklch(65% 0.09695 253.44)" }, "600": { "$type": "color", "$value": "oklch(70% 0.0676 256.1)" }, "700": { "$type": "color", "$value": "oklch(75% 0.0577 258)" } }, "wit": { "$type": "color", "$value": "oklch(0% 0 0)" }, "zwart": { "$type": "color", "$value": "oklch(100% 0 0)" } }, "light": { "cool-grey": { "50": { "$type": "color", "$value": "oklch(98.415% 0.00341 247.86)" }, "100": { "$type": "color", "$value": "oklch(96.826% 0.00685 247.9)" }, "200": { "$type": "color", "$value": "oklch(92.876% 0.01262 255.51)" }, "300": { "$type": "color", "$value": "oklch(86.898% 0.01985 252.89)" }, "400": { "$type": "color", "$value": "oklch(71.067% 0.03511 256.79)" }, "500": { "$type": "color", "$value": "oklch(55.439% 0.04072 257.42)" }, "600": { "$type": "color", "$value": "oklch(44.553% 0.03745 257.28)" }, "700": { "$type": "color", "$value": "oklch(37.17% 0.03916 257.29)" }, "800": { "$type": "color", "$value": "oklch(27.95% 0.03685 260.03)" }, "900": { "$type": "color", "$value": "oklch(20.768% 0.03982 265.75)" } }, "lichtblauw": { "50": { "$type": "color", "$value": "oklch(97.054% 0.01097 225.98)" }, "100": { "$type": "color", "$value": "oklch(94.147% 0.02265 229.08)" }, "200": { "$type": "color", "$value": "oklch(91.223% 0.03362 228.33)" }, "300": { "$type": "color", "$value": "oklch(88.38% 0.04367 228.77)" }, "400": { "$type": "color", "$value": "oklch(85.523% 0.05526 229.82)" }, "500": { "$type": "color", "$value": "oklch(80.882% 0.07312 230.01)" } }, "violet": { "50": { "$type": "color", "$value": "oklch(90.978% 0.03308 342.99)" }, "100": { "$type": "color", "$value": "oklch(82.032% 0.06897 343.04)" }, "200": { "$type": "color", "$value": "oklch(73.02% 0.10691 345.11)" }, "300": { "$type": "color", "$value": "oklch(64.657% 0.14449 346.37)" }, "400": { "$type": "color", "$value": "oklch(57.059% 0.17678 348.88)" }, "500": { "$type": "color", "$value": "oklch(47.91% 0.19619 355.91)" } }, "paars": { "50": { "$type": "color", "$value": "oklch(90.322% 0.01659 313.61)" }, "100": { "$type": "color", "$value": "oklch(80.331% 0.03366 311.69)" }, "200": { "$type": "color", "$value": "oklch(69.878% 0.0537 311.31)" }, "300": { "$type": "color", "$value": "oklch(59.433% 0.07379 311.43)" }, "400": { "$type": "color", "$value": "oklch(48.725% 0.0951 311.16)" }, "500": { "$type": "color", "$value": "oklch(30.782% 0.12693 308.6)" } }, "hemelblauw": { "50": { "$type": "color", "$value": "oklch(93.03% 0.02517 236.84)" }, "100": { "$type": "color", "$value": "oklch(86.064% 0.04976 236.19)" }, "200": { "$type": "color", "$value": "oklch(79.159% 0.07586 236.92)" }, "300": { "$type": "color", "$value": "oklch(72.44% 0.09931 237.91)" }, "400": { "$type": "color", "$value": "oklch(66.267% 0.12087 239.6)" }, "500": { "$type": "color", "$value": "oklch(56.621% 0.1475 246.59)" } }, "donkerblauw": { "50": { "$type": "color", "$value": "oklch(92.214% 0.01939 230.71)" }, "100": { "$type": "color", "$value": "oklch(84.583% 0.03915 228.62)" }, "200": { "$type": "color", "$value": "oklch(76.667% 0.05961 229.57)" }, "300": { "$type": "color", "$value": "oklch(68.848% 0.07861 231.2)" }, "400": { "$type": "color", "$value": "oklch(61.393% 0.09536 232.46)" }, "500": { "$type": "color", "$value": "oklch(49.37% 0.11351 240.39)" }, "600": { "$type": "color", "$value": "oklch(38.54% 0.0857 238.6)" }, "700": { "$type": "color", "$value": "oklch(35.32% 0.0666 242.1)" } }, "mintgroen": { "50": { "$type": "color", "$value": "oklch(96.762% 0.01565 177.09)" }, "100": { "$type": "color", "$value": "oklch(93.832% 0.03166 174.3)" }, "200": { "$type": "color", "$value": "oklch(90.671% 0.04698 174.46)" }, "300": { "$type": "color", "$value": "oklch(87.562% 0.06195 174.17)" }, "400": { "$type": "color", "$value": "oklch(84.568% 0.07554 173.42)" }, "500": { "$type": "color", "$value": "oklch(79.855% 0.0978 171.97)" } }, "mosgroen": { "50": { "$type": "color", "$value": "oklch(93.522% 0.02386 106.85)" }, "100": { "$type": "color", "$value": "oklch(86.906% 0.048 108.67)" }, "200": { "$type": "color", "$value": "oklch(80.213% 0.07319 109.69)" }, "300": { "$type": "color", "$value": "oklch(73.58% 0.09559 109.9)" }, "400": { "$type": "color", "$value": "oklch(67.146% 0.1152 110.87)" }, "500": { "$type": "color", "$value": "oklch(56.062% 0.12413 112.04)" } }, "groen": { "50": { "$type": "color", "$value": "oklch(93.217% 0.02714 134.97)" }, "100": { "$type": "color", "$value": "oklch(86.449% 0.05573 133.62)" }, "200": { "$type": "color", "$value": "oklch(79.53% 0.08581 134.66)" }, "300": { "$type": "color", "$value": "oklch(72.789% 0.11337 134.83)" }, "400": { "$type": "color", "$value": "oklch(66.05% 0.13931 135.66)" }, "500": { "$type": "color", "$value": "oklch(55.24% 0.16526 137.86)" } }, "donkergroen": { "50": { "$type": "color", "$value": "oklch(91.82% 0.01004 155.08)" }, "100": { "$type": "color", "$value": "oklch(83.4% 0.02133 156.74)" }, "200": { "$type": "color", "$value": "oklch(74.772% 0.03405 155.14)" }, "300": { "$type": "color", "$value": "oklch(66.075% 0.04465 155.81)" }, "400": { "$type": "color", "$value": "oklch(57.134% 0.05672 154.7)" }, "500": { "$type": "color", "$value": "oklch(41.936% 0.07856 152.03)" } }, "bruin": { "50": { "$type": "color", "$value": "oklch(93.663% 0.02192 92.512)" }, "100": { "$type": "color", "$value": "oklch(87.1% 0.04183 90.262)" }, "200": { "$type": "color", "$value": "oklch(80.647% 0.06495 91.487)" }, "300": { "$type": "color", "$value": "oklch(73.999% 0.08378 90.368)" }, "400": { "$type": "color", "$value": "oklch(67.529% 0.10169 90.165)" }, "500": { "$type": "color", "$value": "oklch(56.785% 0.11349 86.368)" } }, "donkerbruin": { "50": { "$type": "color", "$value": "oklch(91.272% 0.00886 26.023)" }, "100": { "$type": "color", "$value": "oklch(82.53% 0.01789 35.341)" }, "200": { "$type": "color", "$value": "oklch(73.385% 0.02847 34.982)" }, "300": { "$type": "color", "$value": "oklch(64.043% 0.0397 32.893)" }, "400": { "$type": "color", "$value": "oklch(54.784% 0.05269 33.378)" }, "500": { "$type": "color", "$value": "oklch(38.627% 0.0777 34.12)" } }, "geel": { "50": { "$type": "color", "$value": "oklch(98.264% 0.03916 102.41)" }, "100": { "$type": "color", "$value": "oklch(96.474% 0.07444 101.91)" }, "200": { "$type": "color", "$value": "oklch(94.767% 0.10943 102.07)" }, "300": { "$type": "color", "$value": "oklch(93.421% 0.13889 102.52)" }, "400": { "$type": "color", "$value": "oklch(91.982% 0.16222 102.24)" }, "500": { "$type": "color", "$value": "oklch(90.176% 0.18368 101.29)" } }, "donkergeel": { "50": { "$type": "color", "$value": "oklch(96.925% 0.0348 87.074)" }, "100": { "$type": "color", "$value": "oklch(93.996% 0.06747 86.64)" }, "200": { "$type": "color", "$value": "oklch(91.006% 0.0986 87.683)" }, "300": { "$type": "color", "$value": "oklch(88.343% 0.12671 86.692)" }, "400": { "$type": "color", "$value": "oklch(85.857% 0.14832 84.924)" }, "500": { "$type": "color", "$value": "oklch(82.372% 0.1685 78.997)" } }, "oranje": { "50": { "$type": "color", "$value": "oklch(94.607% 0.02922 67.463)" }, "100": { "$type": "color", "$value": "oklch(89.031% 0.05798 66.118)" }, "200": { "$type": "color", "$value": "oklch(83.566% 0.08766 65.585)" }, "300": { "$type": "color", "$value": "oklch(78.604% 0.11599 64.327)" }, "400": { "$type": "color", "$value": "oklch(73.791% 0.14021 62.24)" }, "500": { "$type": "color", "$value": "oklch(66.559% 0.16914 52.908)" } }, "rood": { "50": { "$type": "color", "$value": "oklch(92.432% 0.02892 22.962)" }, "100": { "$type": "color", "$value": "oklch(84.913% 0.05903 22.29)" }, "200": { "$type": "color", "$value": "oklch(77.654% 0.09297 24.341)" }, "300": { "$type": "color", "$value": "oklch(70.838% 0.12823 24.893)" }, "400": { "$type": "color", "$value": "oklch(64.638% 0.161 26.992)" }, "500": { "$type": "color", "$value": "oklch(56.705% 0.20669 29.543)" } }, "roze": { "50": { "$type": "color", "$value": "oklch(96.567% 0.01909 338.71)" }, "100": { "$type": "color", "$value": "oklch(92.954% 0.03952 340.19)" }, "200": { "$type": "color", "$value": "oklch(89.486% 0.05785 340.73)" }, "300": { "$type": "color", "$value": "oklch(86.014% 0.07989 340.69)" }, "400": { "$type": "color", "$value": "oklch(82.767% 0.09974 341.81)" }, "500": { "$type": "color", "$value": "oklch(77.485% 0.13385 342.44)" } }, "robijnrood": { "50": { "$type": "color", "$value": "oklch(91.407% 0.0378 347.99)" }, "100": { "$type": "color", "$value": "oklch(82.953% 0.07749 350.23)" }, "200": { "$type": "color", "$value": "oklch(74.709% 0.12112 351.28)" }, "300": { "$type": "color", "$value": "oklch(67.241% 0.1616 353.85)" }, "400": { "$type": "color", "$value": "oklch(60.869% 0.19588 356.71)" }, "500": { "$type": "color", "$value": "oklch(53.943% 0.21669 5.2)" } }, "lintblauw": { "50": { "$type": "color", "$value": "oklch(91.254% 0.01217 247.96)" }, "100": { "$type": "color", "$value": "oklch(82.048% 0.02611 250)" }, "200": { "$type": "color", "$value": "oklch(72.708% 0.04031 252.01)" }, "300": { "$type": "color", "$value": "oklch(63.656% 0.05353 250.5)" }, "400": { "$type": "color", "$value": "oklch(53.819% 0.07031 251.25)" }, "500": { "$type": "color", "$value": "oklch(37.619% 0.09695 253.44)" }, "600": { "$type": "color", "$value": "oklch(30.37% 0.0676 256.1)" }, "700": { "$type": "color", "$value": "oklch(28.03% 0.0577 258)" } }, "wit": { "$type": "color", "$value": "oklch(100% 0 0)" }, "zwart": { "$type": "color", "$value": "oklch(0% 0 0)" } } } } }, "brand/space": { "rhc": { "space": { "none": { "$type": "dimension", "$value": "0rem" }, "2xs": { "$type": "dimension", "$value": "0.0625rem" }, "xs": { "$type": "dimension", "$value": "0.125rem" }, "sm": { "$type": "dimension", "$value": "0.25rem" }, "md": { "$type": "dimension", "$value": "0.5rem" }, "lg": { "$type": "dimension", "$value": "0.75rem" }, "xl": { "$type": "dimension", "$value": "1rem" }, "2xl": { "$type": "dimension", "$value": "1.5rem" }, "3xl": { "$type": "dimension", "$value": "2rem" }, "4xl": { "$type": "dimension", "$value": "2.5rem" }, "5xl": { "$type": "dimension", "$value": "3rem" }, "max": { "2xs": { "$type": "dimension", "$value": "0.0625rem" }, "xs": { "$type": "dimension", "$value": "0.125rem" }, "sm": { "$type": "dimension", "$value": "0.25rem" }, "md": { "$type": "dimension", "$value": "0.5rem" }, "lg": { "$type": "dimension", "$value": "0.75rem" }, "xl": { "$type": "dimension", "$value": "1rem" }, "2xl": { "$type": "dimension", "$value": "1.5rem" }, "3xl": { "$type": "dimension", "$value": "2rem" }, "4xl": { "$type": "dimension", "$value": "2.5rem" }, "5xl": { "$type": "dimension", "$value": "3rem" } }, "min": { "2xs": { "$type": "dimension", "$value": "0.0625rem", "$description": "max(1, 0.0625 / 1.25)" }, "xs": { "$type": "dimension", "$value": "0.1rem", "$description": "0.125rem / 1.25" }, "sm": { "$type": "dimension", "$value": "0.2rem", "$description": "0.25rem / 1.25" }, "md": { "$type": "dimension", "$value": "0.41666667rem", "$description": "0.5rem / 1.25" }, "lg": { "$type": "dimension", "$value": "0.625rem", "$description": "0.75rem / 1.25" }, "xl": { "$type": "dimension", "$value": "0.8rem", "$description": "1rem / 1.25" }, "2xl": { "$type": "dimension", "$value": "1.2rem", "$description": "1.5rem / 1.25" }, "3xl": { "$type": "dimension", "$value": "1.6rem", "$description": "2rem / 1.25" }, "4xl": { "$type": "dimension", "$value": "2rem", "$description": "2.5rem / 1.25" }, "5xl": { "$type": "dimension", "$value": "2.4rem", "$description": "3rem / 1.25" } } } } }, "brand/size": { "rhc": { "size": { "min": { "lint": { "$type": "dimension", "$value": "40px" } }, "max": { "lint": { "$type": "dimension", "$value": "48px" } }, "quarter-lint": { "$type": "dimension", "$value": "12px" }, "half-lint": { "$type": "dimension", "$value": "24px" }, "lint": { "$type": "dimension", "$value": "48px" }, "2-lint": { "$type": "dimension", "$value": "96px" }, "3-lint": { "$type": "dimension", "$value": "144px" } } } }, "brand/text": { "rhc": { "text": { "font-weight": { "extra-bold": { "$type": "fontWeights", "$value": "ExtraBold" }, "bold": { "$type": "fontWeights", "$value": "Bold" }, "semi-bold": { "$type": "fontWeights", "$value": "SemiBold" }, "regular": { "$type": "fontWeights", "$value": "Regular" }, "light": { "$type": "fontWeights", "$value": "Light" }, "thin": { "$type": "fontWeights", "$value": "Thin" } }, "font-family": { "sans": { "$type": "fontFamilies", "$value": "'RijksSansVF', 'Fira Sans', 'Arial', 'Verdana', sans-serif" }, "serif": { "$type": "fontFamilies", "$value": "'RijksoverheidSerifWeb', 'Times New Roman', serif" } }, "font-size": { "max": { "sm": { "$type": "fontSizes", "$value": "1rem", "$description": "[figma-only]" }, "md": { "$type": "fontSizes", "$value": "1.25rem", "$description": "[figma-only]" }, "lg": { "$type": "fontSizes", "$value": "1.5rem", "$description": "[figma-only]" }, "xl": { "$type": "fontSizes", "$value": "2rem", "$description": "[figma-only]" }, "2xl": { "$type": "fontSizes", "$value": "2.5rem", "$description": "[figma-only]" }, "3xl": { "$type": "fontSizes", "$value": "3rem", "$description": "[figma-only]" } }, "min": { "sm": { "$type": "fontSizes", "$value": "0.875rem", "$description": "[figma-only]" }, "md": { "$type": "fontSizes", "$value": "1rem", "$description": "[figma-only]" }, "lg": { "$type": "fontSizes", "$value": "1.25rem", "$description": "[figma-only]" }, "xl": { "$type": "fontSizes", "$value": "1.5rem", "$description": "[figma-only]" }, "2xl": { "$type": "fontSizes", "$value": "1.75rem", "$description": "[figma-only]" }, "3xl": { "$type": "fontSizes", "$value": "2rem", "$description": "[figma-only]" } } } } } }, "common/border": { "rhc": { "border-radius": { "sm": { "$type": "dimension", "$value": "2.5px" }, "md": { "$type": "dimension", "$value": "5px" } } } }, "common/color": { "rhc": { "color": { "foreground": { "default": { "$type": "color", "$value": "{rhc.color.cool-grey.900}" }, "subtle": { "$type": "color", "$value": "{rhc.color.cool-grey.700}" }, "link": { "$type": "color", "$value": "{rhc.color.donkerblauw.500}" }, "link-active": { "$type": "color", "$value": "{rhc.color.donkerblauw.700}" }, "link-hover": { "$type": "color", "$value": "{rhc.color.donkerblauw.600}" }, "on-dark-color": { "$type": "color", "$value": "{rhc.color.wit}" }, "on-primary": { "$type": "color", "$value": "{rhc.color.foreground.on-dark-color}" }, "on-light-color": { "$type": "color", "$value": "{rhc.color.zwart}" } }, "border": { "default": { "$type": "color", "$value": "{rhc.color.cool-grey.500}" }, "subtle": { "$type": "color", "$value": "{rhc.color.cool-grey.400}" }, "strong": { "$type": "color", "$value": "{rhc.color.foreground.default}" } }, "bg-document": { "$type": "color", "$value": "{rhc.color.wit}" }, "positive": { "default": { "$type": "color", "$value": "{rhc.color.groen.500}" }, "subtle": { "$type": "color", "$value": "{rhc.color.groen.50}" } }, "info": { "default": { "$type": "color", "$value": "{rhc.color.hemelblauw.500}" }, "subtle": { "$type": "color", "$value": "{rhc.color.hemelblauw.50}" } }, "negative": { "default": { "$type": "color", "$value": "{rhc.color.rood.500}" }, "subtle": { "$type": "color", "$value": "{rhc.color.rood.50}" } }, "warning": { "default": { "$type": "color", "$value": "{rhc.color.donkergeel.500}" }, "subtle": { "$type": "color", "$value": "{rhc.color.donkergeel.50}" } }, "primary": { "50": { "$type": "color", "$value": "{rhc.color.lintblauw.50}" }, "100": { "$type": "color", "$value": "{rhc.color.lintblauw.100}" }, "200": { "$type": "color", "$value": "{rhc.color.lintblauw.200}" }, "300": { "$type": "color", "$value": "{rhc.color.lintblauw.300}" }, "400": { "$type": "color", "$value": "{rhc.color.lintblauw.400}" }, "500": { "$type": "color", "$value": "{rhc.color.lintblauw.500}" }, "hover": { "$type": "color", "$value": "{rhc.color.lintblauw.600}" }, "active": { "$type": "color", "$value": "{rhc.color.lintblauw.700}" } }, "core": { "50": { "$type": "color", "$value": "{rhc.color.lintblauw.50}" }, "100": { "$type": "color", "$value": "{rhc.color.lintblauw.100}" }, "200": { "$type": "color", "$value": "{rhc.color.lintblauw.200}" }, "300": { "$type": "color", "$value": "{rhc.color.lintblauw.300}" }, "400": { "$type": "color", "$value": "{rhc.color.lintblauw.400}" }, "500": { "$type": "color", "$value": "{rhc.color.lintblauw.500}" }, "hover": { "$type": "color", "$value": "{rhc.color.lintblauw.600}" }, "active": { "$type": "color", "$value": "{rhc.color.lintblauw.700}" } } } } }, "common/focus": { "rhc": { "focus": { "outline-color": { "$type": "color", "$value": "{rhc.color.zwart}" }, "inverse": { "outline-color": { "$type": "color", "$value": "{rhc.color.wit}" } }, "outline-offset": { "$type": "other", "$value": "{rhc.space.xs}" }, "outline-style": { "$type": "other", "$value": "solid" }, "outline-width": { "$type": "dimension", "$value": "{rhc.border-width.md}" } } } }, "common/rounded-corner": { "rhc": { "rounded-corner": { "overflow": { "$type": "other", "$value": "hidden", "$description": "[code-only]" }, "sm": { "border-radius": { "$type": "dimension", "$value": "{rhc.size.half-lint}" } }, "md": { "border-radius": { "$type": "dimension", "$value": "{rhc.size.lint}" } }, "lg": { "border-radius": { "$type": "dimension", "$value": "{rhc.size.2-lint}" } } } } }, "common/size": { "rhc": { "size": { "pointer-target": { "$type": "dimension", "$value": "48px" }, "icon": { "md": { "$type": "dimension", "$value": "24px" } }, "page": { "md": { "$type": "other", "$value": "80rem" } } } } }, "common/text": { "rhc": { "text": { "font-size": { "sm": { "$type": "fontSizes", "$value": "{rhc.text.font-size.max.sm}" }, "md": { "$type": "fontSizes", "$value": "{rhc.text.font-size.max.md}" }, "lg": { "$type": "fontSizes", "$value": "{rhc.text.font-size.max.lg}" }, "xl": { "$type": "fontSizes", "$value": "{rhc.text.font-size.max.xl}" }, "2xl": { "$type": "fontSizes", "$value": "{rhc.text.font-size.max.2xl}" }, "3xl": { "$type": "fontSizes", "$value": "{rhc.text.font-size.max.3xl}" } }, "font-family": { "default": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.sans}" } }, "line-height": { "sm": { "$type": "lineHeights", "$value": "125%" }, "md": { "$type": "lineHeights", "$value": "150%" } }, "font-weight": { "default": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.regular}" }, "strong": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.bold}" } } }, "icon": { "md": { "inset-block-start": { "$type": "dimension", "$value": "0.188rem", "$description": "[figma-only] [temporary – until nl-icon]" } }, "lg": { "inset-block-start": { "$type": "dimension", "$value": "0.375rem", "$description": "[figma-only] [temporary – until nl-icon]" } } } } }, "common/vendor": { "basis": { "color": { "default": { "bg-document": { "$type": "color", "$value": "{rhc.color.bg-document}" }, "color-document": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "color-subtle": { "$type": "color", "$value": "{rhc.color.foreground.subtle}" }, "border-subtle": { "$type": "color", "$value": "{rhc.color.border.subtle}" }, "border-default": { "$type": "color", "$value": "{rhc.color.border.default}" }, "bg-subtle": { "$type": "color", "$value": "{rhc.color.cool-grey.100}" } }, "highlight": { "bg-default": { "$type": "color", "$value": "{rhc.color.warning.subtle}" } } }, "text": { "font-family": { "default": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" } }, "font-weight": { "default": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.default}" }, "bold": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.strong}" } }, "font-size": { "md": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" } }, "line-height": { "md": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" } } }, "heading": { "color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.strong}" } }, "border-width": { "sm": { "$type": "dimension", "$value": "{rhc.border-width.sm}" } }, "box-shadow": { "md": { "$type": "boxShadow", "$value": { "x": "0", "y": "8", "blur": "16", "spread": "0", "color": "{rhc.color.cool-grey.500}", "type": "dropShadow" } } }, "focus": { "outline-color": { "$type": "color", "$value": "{rhc.color.zwart}" }, "inverse": { "outline-color": { "$type": "color", "$value": "{rhc.color.wit}" } }, "outline-width": { "$type": "dimension", "$value": "{rhc.border-width.md}" } } }, "utrecht": { "focus": { "outline-color": { "$type": "color", "$value": "{rhc.focus.outline-color}" }, "inverse": { "outline-color": { "$type": "color", "$value": "{rhc.color.wit}" } }, "outline-offset": { "$type": "dimension", "$value": "{rhc.focus.outline-offset}" }, "outline-width": { "$type": "dimension", "$value": "{rhc.focus.outline-width}" }, "outline-style": { "$type": "other", "$value": "{rhc.focus.outline-style}" } }, "pointer-target": { "min-size": { "$type": "dimension", "$value": "{rhc.size.pointer-target}" } }, "action": { "activate": { "cursor": { "$type": "other", "$value": "pointer" } }, "busy": { "cursor": { "$type": "other", "$value": "wait" } }, "disabled": { "cursor": { "$type": "other", "$value": "not-allowed" } }, "inert": { "cursor": { "$type": "other", "$value": "default" } }, "navigate": { "cursor": { "$type": "other", "$value": "pointer" } }, "submit": { "cursor": { "$type": "other", "$value": "pointer" } } } } }, "components/accordion": { "todo": { "accordion": { "button": { "font-family": { "$type": "fontFamilies", "$value": "{utrecht.button.font-family}" }, "font-size": { "$type": "fontSizes", "$value": "{utrecht.button.subtle.font-size}" }, "font-weight": { "$type": "fontWeights", "$value": "{utrecht.button.subtle.font-weight}" }, "line-height": { "$type": "lineHeights", "$value": "{utrecht.button.subtle.line-height}" } } } }, "utrecht": { "accordion": { "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.none}", "$description": "[code-only]" }, "margin-block-start": { "$type": "dimension", "$value": "{rhc.space.none}" }, "row-gap": { "$type": "dimension", "$value": "{rhc.space.none}" }, "panel": { "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.2xl}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.xl}" } }, "button": { "background-color": { "$type": "color", "$value": "{rhc.color.bg-document}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-radius": { "$type": "dimension", "$value": "{rhc.border-radius.none}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "gap": { "$type": "dimension", "$value": "{rhc.space.md}" }, "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "icon": { "size": { "$type": "dimension", "$value": "{rhc.size.icon.md}" } }, "active": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.100}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } }, "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.50}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } }, "focus-visible": { "background-color": { "$type": "color", "$value": "{rhc.color.primary.50}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } } }, "section": { "border-color": { "$type": "color", "$value": "{rhc.color.border.subtle}" }, "hover": { "border-color": { "$type": "color", "$value": "{rhc.color.border.subtle}" } }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.none}", "$description": "[code-only]" }, "margin-block-start": { "$type": "dimension", "$value": "{rhc.space.none}", "$description": "[code-only]" } } } } }, "components/action-group": { "utrecht": { "action-group": { "background-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "column-gap": { "$type": "dimension", "$value": "{rhc.space.md}" }, "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.none}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.none}" }, "row-gap": { "$type": "dimension", "$value": "{rhc.space.md}" } } } }, "components/alert": { "utrecht": { "alert": { "background-color": { "$type": "color", "$value": "{rhc.color.info.subtle}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-radius": { "$type": "dimension", "$value": "{rhc.border-radius.md}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.none}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-light-color}" }, "column-gap": { "$type": "dimension", "$value": "{rhc.space.md}" }, "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.lg}", "$description": "[code-only]" }, "margin-block-start": { "$type": "dimension", "$value": "{rhc.space.lg}", "$description": "[code-only]" }, "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "content": { "row-gap": { "$type": "dimension", "$value": "{rhc.space.md}" } }, "error": { "background-color": { "$type": "color", "$value": "{rhc.color.negative.subtle}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-light-color}" } }, "info": { "background-color": { "$type": "color", "$value": "{rhc.color.info.subtle}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-light-color}" } }, "message": { "row-gap": { "$type": "dimension", "$value": "{rhc.space.none}" } }, "ok": { "background-color": { "$type": "color", "$value": "{rhc.color.positive.subtle}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-light-color}" } }, "warning": { "background-color": { "$type": "color", "$value": "{rhc.color.warning.subtle}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-light-color}" } }, "icon": { "color": { "$type": "color", "$value": "{rhc.color.info.default}" }, "inset-block-start": { "$type": "dimension", "$value": "{rhc.icon.md.inset-block-start}" }, "size": { "$type": "dimension", "$value": "{rhc.size.icon.md}" }, "error": { "color": { "$type": "color", "$value": "{rhc.color.negative.default}" } }, "info": { "color": { "$type": "color", "$value": "{rhc.color.info.default}" } }, "ok": { "color": { "$type": "color", "$value": "{rhc.color.positive.default}" } }, "warning": { "color": { "$type": "color", "$value": "{rhc.color.warning.default}" } } } } } }, "components/article": { "utrecht": { "article": { "max-inline-size": { "$type": "dimension", "$value": "75ch" }, "font-size": { "$type": "fontSize", "$value": "{rhc.text.font-size.md}" } } } }, "components/backdrop": { "utrecht": { "backdrop": { "background-color": { "$type": "color", "$value": "rgba(0,0,0,0.3)" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "opacity": { "$type": "opacity", "$value": "0.8" }, "fade-in": { "animation-duration": { "$type": "other", "$value": "400ms" } }, "reduced-transparency": { "opacity": { "$type": "opacity", "$value": "0.98" } } } } }, "components/blockquote": { "utrecht": { "blockquote": { "background-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-inline-start-width": { "$type": "dimension", "$value": "{rhc.border-width.none}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-radius": { "$type": "dimension", "$value": "{rhc.border-radius.none}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.none}" }, "color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.3xl}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.3xl}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.3xl}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.3xl}" }, "row-gap": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "attribution": { "color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" } }, "content": { "color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" } } } }, "rhc": { "blockquote": { "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.none}" }, "margin-block-start": { "$type": "dimension", "$value": "{rhc.space.none}" }, "margin-inline-end": { "$type": "dimension", "$value": "{rhc.space.none}" }, "margin-inline-start": { "$type": "dimension", "$value": "{rhc.space.none}" } } } }, "components/breadcrumb": { "utrecht": { "breadcrumb-nav": { "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" }, "min-block-size": { "$type": "dimension", "$value": "{rhc.size.pointer-target}" }, "item": { "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.md}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.md}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.md}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.md}" }, "first": { "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.none}" } } }, "separator": { "color": { "$type": "color", "$value": "{rhc.color.foreground.subtle}" }, "icon": { "size": { "$type": "dimension", "$value": "{rhc.size.icon.md}" } } }, "link": { "color": { "$type": "color", "$value": "{rhc.color.foreground.link}" }, "text-decoration": { "$type": "textDecoration", "$value": "underline" }, "current": { "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.default}" } }, "active": { "color": { "$type": "color", "$value": "{rhc.color.foreground.link-active}" }, "text-decoration": { "$type": "textDecoration", "$value": "underline" } }, "disabled": { "color": { "$type": "color", "$value": "{rhc.color.foreground.subtle}" } }, "focus": { "background-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.link}" }, "text-decoration": { "$type": "textDecoration", "$value": "None" } }, "hover": { "text-decoration": { "$type": "textDecoration", "$value": "underline" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.link-hover}" } }, "icon": { "size": { "$type": "dimension", "$value": "{rhc.size.icon.md}" } } } } }, "rhc": { "breadcrumb-nav": { "link": { "current": { "color": { "$type": "color", "$value": "{rhc.color.foreground.subtle}" } } } } } }, "components/button": { "utrecht": { "button": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.900}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-radius": { "$type": "dimension", "$value": "{rhc.border-radius.md}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-dark-color}" }, "column-gap": { "$type": "dimension", "$value": "{rhc.space.md}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.strong}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" }, "min-block-size": { "$type": "dimension", "$value": "{rhc.size.pointer-target}" }, "min-inline-size": { "$type": "dimension", "$value": "{rhc.size.pointer-target}" }, "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.md}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.md}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "icon": { "size": { "$type": "dimension", "$value": "{rhc.size.icon.md}" } }, "pressed": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.800}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-dark-color}" } }, "active": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.800}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-dark-color}" } }, "disabled": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.200}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.400}" } }, "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.600}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-dark-color}" } }, "focus": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.600}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-dark-color}" } }, "primary-action": { "background-color": { "$type": "color", "$value": "{rhc.color.primary.500}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-primary}" }, "font-size": { "$type": "fontSizes", "$value": "{utrecht.button.font-size}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.strong}" }, "line-height": { "$type": "lineHeights", "$value": "1.875rem" }, "disabled": { "background-color": { "$type": "color", "$value": "{rhc.color.primary.100}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.primary.400}" } }, "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.primary.hover}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-primary}" } }, "focus": { "background-color": { "$type": "color", "$value": "{rhc.color.primary.hover}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-primary}" } }, "pressed": { "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-primary}" }, "background-color": { "$type": "color", "$value": "{rhc.color.primary.active}" } }, "active": { "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-primary}" }, "background-color": { "$type": "color", "$value": "{rhc.color.primary.active}" } } }, "secondary-action": { "background-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-color": { "$type": "color", "$value": "{rhc.color.primary.500}" }, "color": { "$type": "color", "$value": "{rhc.color.primary.500}" }, "font-size": { "$type": "fontSizes", "$value": "{utrecht.button.font-size}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.strong}" }, "line-height": { "$type": "lineHeights", "$value": "1.875rem" }, "disabled": { "background-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-color": { "$type": "color", "$value": "{rhc.color.primary.200}" }, "color": { "$type": "color", "$value": "{rhc.color.primary.300}" } }, "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.primary.50}" }, "border-color": { "$type": "color", "$value": "{rhc.color.primary.hover}" }, "color": { "$type": "color", "$value": "{rhc.color.primary.hover}" } }, "focus": { "background-color": { "$type": "color", "$value": "{rhc.color.primary.50}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.primary.hover}" } }, "pressed": { "background-color": { "$type": "color", "$value": "{rhc.color.primary.100}" }, "border-color": { "$type": "color", "$value": "{rhc.color.primary.active}" }, "color": { "$type": "color", "$value": "{rhc.color.primary.active}" } }, "active": { "background-color": { "$type": "color", "$value": "{rhc.color.primary.200}" }, "color": { "$type": "color", "$value": "{rhc.color.primary.active}" }, "border-color": { "$type": "color", "$value": "{rhc.color.primary.active}" } } }, "subtle": { "background-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.primary.500}" }, "font-size": { "$type": "fontSizes", "$value": "{utrecht.button.font-size}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.strong}" }, "line-height": { "$type": "lineHeights", "$value": "1.875rem" }, "disabled": { "background-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.primary.100}" } }, "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.primary.50}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.primary.hover}" } }, "focus": { "background-color": { "$type": "color", "$value": "{rhc.color.primary.50}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.primary.hover}" } }, "pressed": { "background-color": { "$type": "color", "$value": "{rhc.color.primary.100}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.primary.active}" } }, "active": { "background-color": { "$type": "color", "$value": "{rhc.color.primary.200}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.primary.active}" } } } }, "button-group": { "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.none}", "$description": "[code-only]" }, "margin-block-start": { "$type": "dimension", "$value": "{rhc.space.none}", "$description": "[code-only]" } } }, "rhc": { "icon-only-button": { "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.lg}" } } } }, "components/card": { "rhc": { "card": { "background-color": { "$type": "color", "$value": "{rhc.color.wit}" }, "border-color": { "$type": "color", "$value": "{rhc.color.cool-grey.300}" }, "border-radius": { "$type": "dimension", "$value": "{rhc.border-radius.md}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "column-gap": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "inline-size": { "$type": "dimension", "$value": "328px" }, "icon": { "color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "size": { "$type": "dimension", "$value": "{rhc.size.icon.md}" } }, "link": { "color": { "$type": "color", "$value": "{rhc.color.foreground.link}" }, "text-decoration": { "$type": "textDecoration", "$value": "underline" }, "active": { "text-decoration": { "$type": "textDecoration", "$value": "none" } }, "hover": { "text-decoration": { "$type": "textDecoration", "$value": "none" } }, "focus": { "text-decoration": { "$type": "textDecoration", "$value": "none" } } }, "metadata": { "color": { "$type": "color", "$value": "{rhc.color.foreground.subtle}" } }, "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "row-gap": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "active": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.100}" }, "text-decoration": { "$type": "textDecoration", "$value": "underline" } }, "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.50}" }, "text-decoration": { "$type": "textDecoration", "$value": "underline" } }, "focus": { "background-color": { "$type": "color", "$value": "{rhc.color.core.50}" }, "text-decoration": { "$type": "textDecoration", "$value": "underline" } }, "full-bleed": { "background-color": { "$type": "color", "$value": "{rhc.color.zwart}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-dark-color}" }, "opacity": { "$type": "opacity", "$value": "0.5" } }, "heading": { "color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.md}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.lg}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.strong}" } }, "subheading": { "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.lg}" } }, "horizontal": { "background-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-dark-color}" }, "max-block-size": { "$type": "dimension", "$value": "6rem" }, "padding-block-end": { "$type": "dimension", "$value": "0" }, "padding-block-start": { "$type": "dimension", "$value": "0" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "heading": { "inline-size": { "$type": "dimension", "$value": "200px" } } } } } }, "components/card-as-link": { "rhc": { "card-as-link": { "background-color": { "$type": "color", "$value": "{rhc.color.wit}" }, "border-color": { "$type": "color", "$value": "{rhc.color.cool-grey.300}" }, "border-radius": { "$type": "dimension", "$value": "{rhc.border-radius.md}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "column-gap": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "font-size": { "$type": "dimension", "$value": "{rhc.text.font-size.md}" }, "icon": { "color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "size": { "$type": "dimension", "$value": "{rhc.size.icon.md}" } }, "link": { "color": { "$type": "color", "$value": "{rhc.color.foreground.link}" }, "text-decoration": { "$type": "textDecoration", "$value": "underline" }, "active": { "text-decoration": { "$type": "textDecoration", "$value": "none" } }, "hover": { "text-decoration": { "$type": "textDecoration", "$value": "none" } }, "focus": { "text-decoration": { "$type": "textDecoration", "$value": "none" } } }, "metadata": { "color": { "$type": "color", "$value": "{rhc.color.foreground.subtle}" } }, "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "row-gap": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "active": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.100}" }, "text-decoration": { "$type": "textDecoration", "$value": "underline" } }, "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.50}" }, "text-decoration": { "$type": "textDecoration", "$value": "underline" } }, "focus": { "background-color": { "$type": "color", "$value": "{rhc.color.core.50}" }, "text-decoration": { "$type": "textDecoration", "$value": "underline" } }, "full-bleed": { "background-color": { "$type": "color", "$value": "{rhc.color.zwart}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-dark-color}" }, "opacity": { "$type": "opacity", "$value": "0.5" } }, "heading": { "color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.md}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.lg}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.strong}" } }, "horizontal": { "background-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-dark-color}" }, "max-block-size": { "$type": "dimension", "$value": "{rhc.card.horizontal.max-block-size}" }, "padding-block-end": { "$type": "dimension", "$value": "0" }, "padding-block-start": { "$type": "dimension", "$value": "0" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "heading": { "inline-size": { "$type": "dimension", "$value": "200px" } } } } } }, "components/checkbox-group": { "rhc": { "checkbox-group": { "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.md}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.md}" }, "row-gap": { "$type": "dimension", "$value": "{rhc.space.xl}" } } } }, "components/checkbox": { "rhc": { "checkbox": { "label": { "margin-block-start": { "$type": "dimension", "$value": "0.1vw" } } } }, "utrecht": { "checkbox": { "background-color": { "$type": "color", "$value": "{rhc.color.bg-document}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "border-radius": { "$type": "dimension", "$value": "{rhc.border-radius.sm}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "margin-inline-end": { "$type": "dimension", "$value": "{rhc.space.md}" }, "size": { "$type": "dimension", "$value": "{rhc.size.half-lint}" }, "icon": { "size": { "$type": "dimension", "$value": "{rhc.size.icon.md}" } }, "invalid": { "background-color": { "$type": "color", "$value": "{rhc.color.negative.subtle}" }, "border-color": { "$type": "color", "$value": "{rhc.color.negative.default}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" } }, "active": { "background-color": { "$type": "color", "$value": "{rhc.color.bg-document}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.400}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" } }, "disabled": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.300}" }, "border-color": { "$type": "color", "$value": "{rhc.color.cool-grey.400}" } }, "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.bg-document}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.300}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" } }, "focus": { "background-color": { "$type": "color", "$value": "{rhc.color.bg-document}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.md}" } }, "indeterminate": { "background-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "color": { "$type": "color", "$value": "{rhc.color.wit}" }, "active": { "background-color": { "$type": "color", "$value": "{rhc.color.primary.400}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.wit}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" } }, "disabled": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.300}" }, "border-color": { "$type": "color", "$value": "{rhc.color.cool-grey.400}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.600}" } }, "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.core.300}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.wit}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" } }, "focus": { "background-color": { "$type": "color", "$value": "{rhc.color.bg-document}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.md}" } } }, "checked": { "background-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "color": { "$type": "color", "$value": "{rhc.color.wit}" }, "active": { "background-color": { "$type": "color", "$value": "{rhc.color.primary.400}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.wit}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" } }, "disabled": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.300}" }, "border-color": { "$type": "color", "$value": "{rhc.color.cool-grey.400}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.600}" } }, "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.primary.300}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.wit}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" } }, "focus": { "background-color": { "$type": "color", "$value": "{rhc.color.bg-document}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.md}" } } } } }, "todo": { "checkbox": { "indeterminate": { "active": { "background-color": { "$type": "color", "$value": "{rhc.color.core.400}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "color": { "$type": "color", "$value": "{rhc.color.wit}" } }, "disabled": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.300}" }, "border-color": { "$type": "color", "$value": "{rhc.color.cool-grey.400}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.600}" } }, "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.core.300}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "color": { "$type": "color", "$value": "{rhc.color.wit}" } }, "focus-visible": { "background-color": { "$type": "color", "$value": "{rhc.color.bg-document}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.md}" }, "color": { "$type": "color", "$value": "{rhc.color.core.500}" } } }, "checked": { "active": { "background-color": { "$type": "color", "$value": "{rhc.color.core.400}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "color": { "$type": "color", "$value": "{rhc.color.wit}" } }, "disabled": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.300}" }, "border-color": { "$type": "color", "$value": "{rhc.color.cool-grey.400}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.600}" } }, "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.core.300}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "color": { "$type": "color", "$value": "{rhc.color.wit}" } }, "focus-visible": { "background-color": { "$type": "color", "$value": "{rhc.color.bg-document}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.md}" }, "color": { "$type": "color", "$value": "{rhc.color.core.500}" } } } } } }, "components/code-input": { "rhc": { "code-input": { "size": { "$type": "dimension", "$value": "{rhc.size.pointer-target}" } } } }, "components/code-input-group": { "rhc": { "code-input-group": { "column-gap": { "$type": "dimension", "$value": "{rhc.space.md}" } } } }, "components/column-layout": { "utrecht": { "column-layout": { "column-rule-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "column-rule-width": { "$type": "dimension", "$value": "{rhc.border-width.none}" }, "column-width": { "$type": "dimension", "$value": "400px" }, "gap": { "$type": "dimension", "$value": "{rhc.space.lg}" } } } }, "components/data-badge/nl": { "nl": { "data-badge": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.100}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-radius": { "$type": "dimension", "$value": "{rhc.border-radius.sm}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.semi-bold}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.sm}" }, "min-block-size": { "$type": "dimension", "$value": "{rhc.size.half-lint}" }, "min-inline-size": { "$type": "dimension", "$value": "{rhc.size.half-lint}" }, "padding-block": { "$type": "dimension", "$value": "{rhc.space.xs}" }, "padding-inline": { "$type": "dimension", "$value": "{rhc.space.sm}" } } } }, "components/data-badge/utrecht": { "utrecht": { "data-badge": { "background-color": { "$type": "color", "$value": "{rhc.color.primary.50}" }, "border-radius": { "$type": "dimension", "$value": "10px" }, "color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "padding-block": { "$type": "dimension", "$value": "{rhc.space.xs}" }, "padding-inline": { "$type": "dimension", "$value": "0.75rem" } } } }, "components/data-badge-button": { "rhc": { "data-badge-button": { "column-gap": { "$type": "dimension", "$value": "{rhc.space.xs}" }, "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "color": { "$type": "color", "$value": "{rhc.color.wit}" } } } } }, "components/data-summary": { "rhc": { "data-summary": { "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "item-value": { "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.default}" }, "row": { "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.none}" }, "padding-inline-start": { "$type": "dimension", "$value": "0px" } }, "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.none}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.none}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.none}" } }, "item-key": { "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.strong}" }, "row": { "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.none}" } }, "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.sm}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.none}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.none}" } }, "item": { "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "border-color": { "$type": "color", "$value": "{rhc.color.cool-grey.300}" }, "border-block-end-style": { "$type": "other", "$value": "solid" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" }, "item-action": { "row": { "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.none}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.xl}" } }, "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.none}" } } } } }, "components/document": { "utrecht": { "document": { "background-color": { "$type": "color", "$value": "{rhc.color.wit}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.default}" } } } }, "components/dot-badge": { "rhc": { "dot-badge": { "border-radius": { "$type": "dimension", "$value": "{rhc.border-radius.round}" }, "color": { "$type": "color", "$value": "{rhc.color.rood.500}" }, "size": { "$type": "dimension", "$value": "0.75rem" } } } }, "components/drawer": { "utrecht": { "drawer": { "max-inline-size": { "$type": "dimension", "$value": "256px" }, "z-index": { "$type": "dimension", "$value": "1" }, "background-color": { "$type": "color", "$value": "{rhc.color.wit}" }, "border-color": { "$type": "color", "$value": "{rhc.color.border.default}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.none}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "max-block-size": { "$type": "dimension", "$value": "240px" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.xl}" } } } }, "components/expandable-checkbox-group": { "rhc": { "expandable-checkbox-group": { "details": { "margin-block-start": { "$type": "dimension", "$value": "{rhc.space.md}" } }, "summary": { "color": { "$type": "color", "$value": "{rhc.color.foreground.link}" }, "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.md}" }, "margin-block-start": { "$type": "dimension", "$value": "{rhc.space.md}" }, "text-decoration": { "$type": "textDecoration", "$value": "underline" } } } } }, "components/fieldset": { "utrecht": { "form-fieldset": { "legend": { "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.strong}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" }, "disabled": { "color": { "$type": "color", "$value": "{rhc.color.foreground.subtle}", "$description": "Do not use a disabled state" } } }, "section": { "background-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } }, "invalid": { "border-inline-start": { "color": { "$type": "color", "$value": "{utrecht.form-field.invalid.border-inline-start-color}" } }, "padding-inline-start": { "$type": "dimension", "$value": "{utrecht.form-field.invalid.padding-inline-start}" }, "border-inline-start-width": { "$type": "dimension", "$value": "{utrecht.form-field.invalid.border-inline-start-width}" } } } } }, "components/figure": { "utrecht": { "figure": { "caption": { "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" } } } }, "todo": { "figure": { "row-gap": { "$type": "dimension", "$value": "{rhc.space.md}" } } } }, "components/file-input": { "rhc": { "file-input": { "column-gap": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "row-gap": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "feedback": { "color": { "$type": "color", "$value": "{rhc.color.cool-grey.600}" }, "font-size": { "$type": "fontSizes", "$value": "1rem" } } }, "file": { "border-style": { "$type": "other", "$value": "solid" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "border-radius": { "$type": "dimension", "$value": "{rhc.border-radius.md}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "column-gap": { "$type": "dimension", "$value": "{rhc.space.sm}" }, "error": { "border-color": { "$type": "color", "$value": "{rhc.color.negative.default}" } }, "subtitle": { "color": { "$type": "color", "$value": "{rhc.color.cool-grey.500}" } } } } }, "components/form-field": { "utrecht": { "form-field": { "font-size": { "$type": "fontSize", "$value": "{rhc.text.font-size.md}" }, "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.md}", "$description": "[code-only]" }, "margin-block-start": { "$type": "dimension", "$value": "{rhc.space.md}", "$description": "[code-only]" }, "invalid": { "border-inline-start-color": { "$type": "color", "$value": "{rhc.color.negative.default}" }, "border-inline-start-width": { "$type": "dimension", "$value": "{rhc.border-width.md}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.xl}" } } } } }, "components/form-field-checkbox-option": { "rhc": { "form-field-checkbox-option": { "column-gap": { "$type": "dimension", "$value": "{rhc.space.md}" }, "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.none}" } } } }, "components/form-field-description": { "utrecht": { "form-field-description": { "color": { "$type": "color", "$value": "{rhc.color.foreground.subtle}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" }, "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.md}" }, "margin-block-start": { "$type": "dimension", "$value": "-{rhc.space.md}" } } } }, "components/form-field-error-message": { "utrecht": { "form-field-error-message": { "background-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.negative.default}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.default}" }, "line-height": { "$type": "lineHeights", "$value": "normal" }, "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.md}" }, "margin-block-start": { "$type": "dimension", "$value": "{rhc.space.none}" }, "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.md}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.none}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.none}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.none}" } } }, "todo": { "form-field-error-message": { "column-gap": { "$type": "dimension", "$value": "{rhc.space.md}" }, "icon": { "size": { "$type": "dimension", "$value": "{rhc.size.icon.md}" } } } } }, "components/form-field-label": { "utrecht": { "form-label": { "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.strong}" }, "checkbox": { "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.default}" } }, "radio": { "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.default}" } }, "checked": { "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.default}" } }, "disabled": { "color": { "$type": "color", "$value": "{rhc.color.border.subtle}" } } }, "form-field-label": { "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.md}" } } } }, "components/form-field-label-suffix": { "todo": { "form-field-label-suffix": { "color": { "$type": "color", "$value": "{rhc.color.foreground.subtle}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.sans}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.regular}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" }, "margin-inline-start": { "$type": "dimension", "$value": "{rhc.space.md}" } } } }, "components/form-field-option-label": { "todo": { "form-field-option-label": { "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.default}" }, "disabled": { "color": { "$type": "color", "$value": "{rhc.color.cool-grey.600}" } } } } }, "components/form-field-radio-option": { "rhc": { "form-field-radio-option": { "column-gap": { "$type": "dimension", "$value": "{rhc.space.md}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.default}" }, "row-gap": { "$type": "dimension", "$value": "{rhc.space.md}" }, "label": { "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.none}" } }, "input": { "margin-block-start": { "$type": "dimension", "$value": "{rhc.icon.md.inset-block-start}" } } } } }, "components/heading": { "nl": { "heading": { "level-1": { "color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.3xl}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.strong}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.sm}" }, "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.none}", "$description": "[code only]" }, "margin-block-start": { "$type": "dimension", "$value": "{rhc.space.none}", "$description": "[code only]" } }, "level-2": { "color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.2xl}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.strong}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.sm}" }, "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.none}", "$description": "[code only]" }, "margin-block-start": { "$type": "dimension", "$value": "{rhc.space.none}", "$description": "[code only]" } }, "level-3": { "color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.xl}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.strong}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.sm}" }, "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.none}", "$description": "[code-only]" }, "margin-block-start": { "$type": "dimension", "$value": "{rhc.space.none}", "$description": "[code-only]" } }, "level-4": { "color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.lg}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.strong}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" }, "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.none}", "$description": "[code only]" }, "margin-block-start": { "$type": "dimension", "$value": "{rhc.space.none}", "$description": "[code only]" } }, "level-5": { "color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.strong}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" }, "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.none}", "$description": "[code only]" }, "margin-block-start": { "$type": "dimension", "$value": "{rhc.space.none}", "$description": "[code only]" } }, "level-6": { "color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.strong}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" }, "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.none}", "$description": "[code only]" }, "margin-block-start": { "$type": "dimension", "$value": "{rhc.space.none}", "$description": "[code only]" } } } } }, "components/hero": { "rhc": { "hero": { "heading": { "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.strong}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.sm}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.xl}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" } }, "sub-heading": { "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.default}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" } }, "message": { "background-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-dark-color}" }, "row-gap": { "$type": "dimension", "$value": "{rhc.space.xs}" }, "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "border-radius": { "$type": "dimension", "$value": "20px" }, "inline-size": { "$type": "dimension", "$value": "90%" } }, "border-radius": { "$type": "dimension", "$value": "40px" }, "inline-size": { "$type": "dimension", "$value": "100%" } } } }, "components/icon": { "utrecht": { "icon": { "baseline": { "inset-block-start": { "$type": "dimension", "$value": "0px", "$description": "[code-only]" } }, "color": { "$type": "color", "$value": "inherit" }, "size": { "$type": "dimension", "$value": "{rhc.size.icon.md}" }, "inset-block-start": { "$type": "dimension", "$value": "{rhc.space.none}" } } } }, "components/link-list": { "utrecht": { "link-list": { "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.none}", "$description": "[code-only]" }, "margin-block-start": { "$type": "dimension", "$value": "{rhc.space.none}", "$description": "[code-only]" }, "row-gap": { "$type": "dimension", "$value": "{rhc.space.md}" }, "icon": { "inset-block-start": { "$type": "dimension", "$value": "{rhc.icon.md.inset-block-start}" }, "size": { "$type": "dimension", "$value": "{rhc.size.icon.md}" } }, "item": { "font-size": { "$type": "fontSize", "$value": "{rhc.text.font-size.md}" } }, "link": { "column-gap": { "$type": "dimension", "$value": "{rhc.space.md}" }, "text-decoration": { "$type": "textDecoration", "$value": "none" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.default}" } } } }, "todo": { "link-list": { "link": { "hover": { "text-decoration": { "$type": "textDecoration", "$value": "underline" } } } } } }, "components/link-list-card": { "rhc": { "link-list-card": { "background-color": { "$type": "color", "$value": "{rhc.color.wit}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.2xl}" }, "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.2xl}" }, "row-gap": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.2xl}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.2xl}" } } } }, "components/link/nl": { "nl": { "link": { "color": { "$type": "color", "$value": "{rhc.color.foreground.link}" }, "text-decoration-color": { "$type": "color", "$value": "inherit", "$description": "[code-only]" }, "text-decoration-line": { "$type": "textDecoration", "$value": "underline" }, "text-decoration-thickness": { "$type": "other", "$value": "0.0625em", "$description": "[code-only]" }, "text-underline-offset": { "$type": "other", "$value": "{rhc.space.xs}", "$description": "[code-only]" }, "current": { "cursor": { "$type": "other", "$value": "default", "$description": "[code-only]" } }, "active": { "color": { "$type": "color", "$value": "{rhc.color.foreground.link-active}", "$description": "Originally rhc.color.hemelblauw.500 darkened (lch) with modify by 0.4" } }, "disabled": { "color": { "$type": "color", "$value": "{rhc.color.foreground.subtle}" }, "cursor": { "$type": "other", "$value": "disabled", "$description": "[code-only]" } }, "hover": { "text-decoration-line": { "$type": "textDecoration", "$value": "underline" }, "text-decoration-thickness": { "$type": "other", "$value": "auto", "$description": "[code-only]" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.link-hover}" } } } }, "rhc": { "link": { "column-gap": { "$type": "dimension", "$value": "{rhc.space.sm}" } } }, "figma": { "link": { "icon": { "size": { "$type": "dimension", "$value": "{rhc.text.font-size.md}" } } } } }, "components/link/utrecht": { "utrecht": { "link": { "color": { "$type": "color", "$value": "{rhc.color.foreground.link}" }, "text-decoration-color": { "$type": "color", "$value": "inherit" }, "column-gap": { "$type": "dimension", "$value": "{rhc.space.sm}" }, "text-decoration": { "$type": "textDecoration", "$value": "underline" }, "text-decoration-thickness": { "$type": "other", "$value": "0.0625em", "$description": "[code-only]" }, "text-underline-offset": { "$type": "other", "$value": "{rhc.space.xs}", "$description": "[code-only]" }, "icon": { "size": { "$type": "dimension", "$value": "{rhc.size.icon.md}" } }, "active": { "color": { "$type": "color", "$value": "{rhc.color.foreground.link-active}" } }, "hover": { "color": { "$type": "color", "$value": "{rhc.color.foreground.link-hover}" }, "text-decoration": { "$type": "textDecoration", "$value": "underline" }, "text-decoration-thickness": { "$type": "other", "$value": "0.1875em", "$description": "[code-only]" } }, "focus": { "background-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.link}" } }, "focus-visible": { "text-decoration": { "$type": "textDecoration", "$value": "none" }, "text-decoration-thickness": { "$type": "other", "$value": "0.0625em", "$description": "[code-only]" } }, "visited": { "color": { "$type": "color", "$value": "{rhc.color.foreground.link}" } } } } }, "components/listbox": { "utrecht": { "listbox": { "background-color": { "$type": "color", "$value": "{rhc.color.wit}" }, "border-color": { "$type": "color", "$value": "{rhc.color.border.subtle}" }, "border-radius": { "$type": "dimension", "$value": "{rhc.border-radius.md}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "color": { "$type": "color", "$value": "{rhc.color.zwart}" }, "font-weight": { "$type": "dimension", "$value": "{rhc.text.font-weight.regular}" }, "option": { "background-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.200}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } }, "selected": { "background-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-dark-color}" }, "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.200}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } } }, "min-block-size": { "$type": "dimension", "$value": "{rhc.size.pointer-target}" }, "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.md}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.md}" }, "active": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.400}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } }, "disabled": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.200}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } } }, "inline-size": { "$type": "dimension", "$value": "16rem" }, "max-block-size": { "$type": "dimension", "$value": "40rem" }, "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.none}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.none}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.none}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.none}" }, "group": { "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.none}", "$description": "[code-only]" } }, "group-label": { "margin-inline-start": { "$type": "dimension", "$value": "{rhc.space.none}", "$description": "[code-only]" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.default}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" } }, "icon": { "size": { "$type": "dimension", "$value": "{rhc.size.icon.md}" } } } } }, "components/logo": { "rhc": { "logo": { "image": { "background-color": { "$type": "color", "$value": "{rhc.color.wit}" }, "inline-size": { "$type": "dimension", "$value": "{rhc.size.lint}" }, "block-size": { "$type": "dimension", "$value": "{rhc.size.2-lint}" }, "color": { "$type": "color", "$value": "{rhc.color.core.500}" } }, "title": { "font-weight": { "$type": "fontWeights", "$value": "600" }, "line-height": { "$type": "lineHeights", "$value": "1.063rem" }, "font-size": { "$type": "fontSizes", "$value": "0.913rem" }, "padding-block-start": { "$type": "dimension", "$value": "3.125rem" } }, "subtitle": { "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.regular}" }, "line-height": { "$type": "lineHeights", "$value": "1rem" }, "font-size": { "$type": "fontSizes", "$value": "0.775rem" } }, "column-gap": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "color": { "$type": "color", "$value": "{rhc.color.core.500}" } } } }, "components/message-list": { "rhc": { "message-list": { "item": { "background-color": { "$type": "color", "$value": "{rhc.color.bg-document}" }, "border-color": { "$type": "color", "$value": "{rhc.color.cool-grey.300}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.subtle}" }, "column-gap": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "icon": { "size": { "$type": "dimension", "$value": "{rhc.size.icon.md}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } }, "min-height": { "$type": "dimension", "$value": "{rhc.size.pointer-target}" }, "padding-block": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "padding-inline": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "content": { "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "column-gap": { "$type": "dimension", "$value": "{rhc.space.md}" }, "row-gap": { "$type": "dimension", "$value": "{rhc.space.md}" } }, "label": { "font-family": { "$type": "font-family", "$value": "{rhc.text.font-family.default}" }, "font-size": { "$type": "font-size", "$value": "{rhc.text.font-size.md}" }, "font-weight": { "$type": "font-weight", "$value": "{rhc.text.font-weight.strong}" }, "line-height": { "$type": "line-height", "$value": "{rhc.text.line-height.md}" } }, "heading": { "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } } } } } }, "components/nav-bar": { "rhc": { "nav-bar": { "border-block-end-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "max-inline-size": { "$type": "dimension", "$value": "{rhc.size.page.md}" }, "padding-inline": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "container": { "inline-size": { "$type": "dimension", "$value": "100%" } }, "content": { "column-gap": { "$type": "dimension", "$value": "{rhc.space.xl}" } }, "icon": { "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "active": { "color": { "$type": "color", "$value": "{rhc.color.foreground.on-dark-color}" } }, "size": { "$type": "dimension", "$value": "{rhc.size.icon.md}" } }, "link": { "active": { "background-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-dark-color}" } }, "background-color": { "$type": "color", "$value": "{rhc.color.wit}" }, "color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "focus": { "background-color": { "$type": "color", "$value": "{rhc.color.primary.50}" }, "color": { "$type": "color", "$value": "{rhc.color.core.500}" } }, "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.50}" }, "color": { "$type": "color", "$value": "{rhc.color.core.500}" } }, "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "column-gap": { "$type": "dimension", "$value": "{rhc.space.md}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" } }, "heading": { "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.strong}" } }, "background-color": { "$type": "color", "$value": "{rhc.color.wit}" }, "color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.400}" } } } }, "components/navigation-list": { "rhc": { "navigation-list": { "item": { "background-color": { "$type": "color", "$value": "{rhc.color.bg-document}" }, "border-color": { "$type": "color", "$value": "{rhc.color.cool-grey.300}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "column-gap": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "min-height": { "$type": "dimension", "$value": "{rhc.size.pointer-target}" }, "padding-block": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "padding-inline": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "active": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.100}" } }, "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.50}" } }, "focus": { "background-color": { "$type": "color", "$value": "{rhc.color.core.50}" } }, "content": { "column-gap": { "$type": "dimension", "$value": "{rhc.space.md}", "$description": "[code-only]" }, "row-gap": { "$type": "dimension", "$value": "{rhc.space.sm}", "$description": "[code-only]" } }, "description": { "color": { "$type": "color", "$value": "{rhc.color.foreground.subtle}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" } }, "icon-end": { "color": { "$type": "color", "$value": "{rhc.color.foreground.subtle}" } }, "icon-start": { "background-color": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "border-radius": { "$type": "dimension", "$value": "{rhc.border-radius.round}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-dark-color}" }, "padding-block": { "$type": "dimension", "$value": "{rhc.space.md}" }, "padding-inline": { "$type": "dimension", "$value": "{rhc.space.md}" }, "size": { "$type": "dimension", "$value": "{rhc.size.icon.md}" } }, "label": { "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.xl}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.strong}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" } } } } } }, "components/number-badge/nl": { "nl": { "number-badge": { "background-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-radius": { "$type": "dimension", "$value": "{rhc.border-radius.round}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.none}" }, "color": { "$type": "color", "$value": "{rhc.color.wit}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.strong}" }, "min-block-size": { "$type": "dimension", "$value": "1.5rem" }, "min-inline-size": { "$type": "dimension", "$value": "1.5rem" }, "padding-block": { "$type": "dimension", "$value": "{rhc.space.xs}" }, "padding-inline": { "$type": "dimension", "$value": "{rhc.space.md}" } } } }, "components/number-badge/utrecht": { "utrecht": { "number-badge": { "background-color": { "$type": "color", "$value": "{nl.number-badge.background-color}" }, "border-color": { "$type": "color", "$value": "{nl.number-badge.border-color}" }, "border-radius": { "$type": "dimension", "$value": "{nl.number-badge.border-radius}" }, "border-width": { "$type": "dimension", "$value": "{nl.number-badge.border-width}" }, "color": { "$type": "color", "$value": "{nl.number-badge.color}" }, "font-family": { "$type": "fontFamilies", "$value": "{nl.number-badge.font-family}" }, "font-size": { "$type": "fontSizes", "$value": "{nl.number-badge.font-size}" }, "font-weight": { "$type": "fontWeights", "$value": "{nl.number-badge.font-weight}" }, "min-block-size": { "$type": "dimension", "$value": "{nl.number-badge.min-block-size}" }, "min-inline-size": { "$type": "dimension", "$value": "{nl.number-badge.min-inline-size}" }, "padding-block": { "$type": "dimension", "$value": "{nl.number-badge.padding-block}" }, "padding-inline": { "$type": "dimension", "$value": "{nl.number-badge.padding-inline}" } } } }, "components/ordered-list": { "utrecht": { "ordered-list": { "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" }, "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.sm}", "$description": "[code-only]" }, "margin-block-start": { "$type": "dimension", "$value": "{rhc.space.sm}", "$description": "[code-only]" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.3xl}" }, "item": { "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.sm}" }, "margin-block-start": { "$type": "dimension", "$value": "{rhc.space.sm}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.md}" } } } } }, "components/page-body": { "utrecht": { "page-body": { "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.sans}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.regular}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" }, "content": { "background-color": { "$type": "color", "$value": "{rhc.color.wit}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.900}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.none}" }, "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.none}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.none}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.none}" }, "max-inline-size": { "$type": "dimension", "$value": "{rhc.size.page.md}" } } } } }, "components/page-footer": { "utrecht": { "page-footer": { "background-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-dark-color}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.none}" }, "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.none}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.none}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.none}" }, "content": { "max-inline-size": { "$type": "dimension", "$value": "{rhc.size.page.md}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.size.lint}" }, "padding-block-end": { "$type": "dimension", "$value": "{rhc.size.lint}" }, "padding-inline": { "$type": "dimension", "$value": "{rhc.size.quarter-lint}" } } } }, "rhc": { "page-footer": { "column-gap": { "$type": "dimension", "$value": "{rhc.space.2xl}" }, "column-width": { "$type": "dimension", "$value": "200px" }, "column": { "title": { "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.lg}" } } }, "content": { "max-inline-size": { "$type": "dimension", "$value": "{rhc.size.page.md}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "column-gap": { "$type": "dimension", "$value": "{rhc.space.3xl}" } }, "border-block-start-width": { "$type": "dimension", "$value": "{rhc.border-width.md}" }, "border-block-start-color": { "$type": "color", "$value": "{rhc.color.core.300}" }, "border-block-start-style": { "$type": "other", "$value": "solid" }, "outlined": { "background-color": { "$type": "color", "$value": "{rhc.color.wit}" }, "color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.500}" } }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.4xl}" }, "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.4xl}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.4xl}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.4xl}" }, "flex": { "direction": { "$type": "flexDirection", "$value": "column" } } } } }, "components/page-number-navigation": { "ams": { "pagination": { "font-family": { "$type": "other", "$value": "{rhc.text.font-family.default}" }, "font-size": { "$type": "other", "$value": "{utrecht.document.font-size}" }, "font-weight": { "$type": "other", "$value": "{utrecht.document.font-weight}" }, "line-height": { "$type": "other", "$value": "{utrecht.document.line-height}" }, "link": { "color": { "$type": "other", "$value": "{nl.link.color}" }, "gap": { "$type": "other", "$value": "{rhc.space.sm}" }, "outline-offset": { "$type": "other", "$value": "{utrecht.focus.outline-offset}" }, "padding-inline": { "$type": "other", "$value": "{rhc.space.sm}" }, "current": { "font-weight": { "$type": "other", "$value": "{rhc.text.font-weight.bold}" } }, "hover": { "color": { "$type": "other", "$value": "{nl.link.hover.color}" }, "text-decoration-line": { "$type": "other", "$value": "underline" } } } } } }, "components/paragraph": { "nl": { "paragraph": { "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.default}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" }, "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.none}", "$description": "[code only]" }, "margin-block-start": { "$type": "dimension", "$value": "{rhc.space.none}", "$description": "[code only]" }, "lead": { "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.lg}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.default}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" }, "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.none}", "$description": "[code only]" }, "margin-block-start": { "$type": "dimension", "$value": "{rhc.space.none}", "$description": "[code only]" } } } } }, "components/pre-heading": { "utrecht": { "pre-heading": { "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.strong}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.sm}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" } } } }, "components/radio-button": { "utrecht": { "radio-button": { "background-color": { "$type": "color", "$value": "{rhc.color.bg-document}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "color": { "$type": "color", "$value": "{utrecht.radio-button.border-color}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "margin-inline-end": { "$type": "dimension", "$value": "{rhc.space.md}" }, "size": { "$type": "dimension", "$value": "1.5rem" }, "icon": { "size": { "$type": "dimension", "$value": "0.75rem" } }, "invalid": { "background-color": { "$type": "color", "$value": "{rhc.color.negative.subtle}" }, "border-color": { "$type": "color", "$value": "{rhc.color.negative.default}" }, "color": { "$type": "color", "$value": "{utrecht.radio-button.invalid.border-color}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" } }, "active": { "background-color": { "$type": "color", "$value": "{rhc.color.bg-document}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.400}" }, "color": { "$type": "color", "$value": "{utrecht.radio-button.active.border-color}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" } }, "disabled": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.300}" }, "border-color": { "$type": "color", "$value": "{rhc.color.cool-grey.400}" }, "color": { "$type": "color", "$value": "{utrecht.radio-button.disabled.border-color}" } }, "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.bg-document}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.300}" }, "color": { "$type": "color", "$value": "{utrecht.radio-button.hover.border-color}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" } }, "focus": { "background-color": { "$type": "color", "$value": "{rhc.color.bg-document}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "color": { "$type": "color", "$value": "{utrecht.radio-button.focus.border-color}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.md}" } }, "checked": { "background-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "color": { "$type": "color", "$value": "{rhc.color.wit}" }, "active": { "background-color": { "$type": "color", "$value": "{rhc.color.core.400}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "color": { "$type": "color", "$value": "{rhc.color.wit}" } }, "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.core.300}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "color": { "$type": "color", "$value": "{rhc.color.wit}" } }, "focus": { "background-color": { "$type": "color", "$value": "{rhc.color.bg-document}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.md}" }, "color": { "$type": "color", "$value": "{rhc.color.core.500}" } } } } }, "todo": { "radio-button": { "checked": { "disabled": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.300}" }, "border-color": { "$type": "color", "$value": "{rhc.color.cool-grey.400}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.600}" } } } } } }, "components/radio-group": { "rhc": { "radio-group": { "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.md}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.md}" }, "row-gap": { "$type": "dimension", "$value": "{rhc.space.xl}" } } } }, "components/rich-text": { "utrecht": { "rich-text": { "stranger": { "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.3xl}" } }, "acquaintance": { "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.xl}" } }, "friend": { "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.md}" } }, "best-friend": { "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.sm}" } }, "confidant": { "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.none}" } } } } }, "components/root": { "utrecht": { "root": { "background-color": { "$type": "color", "$value": "{rhc.color.wit}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.900}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.sans}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.regular}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" } } } }, "components/select": { "utrecht": { "select": { "background-color": { "$type": "color", "$value": "{rhc.color.bg-document}" }, "border-block-end-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "border-radius": { "$type": "dimension", "$value": "{rhc.border-radius.sm}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.default}" }, "icon": { "size": { "$type": "dimension", "$value": "{rhc.size.icon.md}", "$description": "[code-only]" } }, "image-background-position": { "$type": "other", "$value": "right 0.5rem center", "$description": "[code-only]" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" }, "max-inline-size": { "$type": "dimension", "$value": "400px" }, "min-block-size": { "$type": "dimension", "$value": "{rhc.size.pointer-target}" }, "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.md}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.md}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "invalid": { "background-color": { "$type": "color", "$value": "{rhc.color.negative.subtle}" }, "border-block-end-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "border-color": { "$type": "color", "$value": "{rhc.color.negative.default}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" } }, "disabled": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.300}" }, "border-color": { "$type": "color", "$value": "{rhc.color.cool-grey.400}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.600}" } }, "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.bg-document}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.300}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } }, "focus": { "background-color": { "$type": "color", "$value": "{rhc.color.bg-document}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.md}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } } } } }, "components/separator": { "utrecht": { "separator": { "block-size": { "$type": "dimension", "$value": "{rhc.border-width.md}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.300}" }, "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.lg}", "$description": "[code-only]" }, "margin-block-start": { "$type": "dimension", "$value": "{rhc.space.lg}", "$description": "[code-only]" } } } }, "components/side-nav": { "rhc": { "sidenav": { "display": { "$type": "other", "$value": "flex" }, "link": { "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" }, "icon": { "size": { "$type": "dimension", "$value": "{rhc.size.icon.md}" }, "margin-inline": { "$type": "dimension", "$value": "{rhc.space.md}" } }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.default}" }, "current": { "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.strong}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } }, "color": { "$type": "color", "$value": "{rhc.color.foreground.link}" }, "active": { "color": { "$type": "color", "$value": "{rhc.color.paars.500}" }, "text-decoration": { "$type": "textDecoration", "$value": "underline" } }, "focus": { "border-radius": { "$type": "dimension", "$value": "{rhc.border-radius.md}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.md}" }, "border-style": { "$type": "other", "$value": "solid" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "background-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.link}" }, "text-decoration": { "$type": "textDecoration", "$value": "none" } }, "hover": { "color": { "$type": "color", "$value": "{rhc.color.foreground.link-hover}" }, "text-decoration": { "$type": "textDecoration", "$value": "underline" } }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "text-decoration": { "$type": "textDecoration", "$value": "none" }, "column-gap": { "$type": "dimension", "$value": "{rhc.space.md}" } } } } }, "components/skip-link": { "nl": { "skip-link": { "background-color": { "$type": "color", "$value": "{rhc.color.wit}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.link}" }, "padding-block": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "padding-inline": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "min-block-size": { "$type": "dimension", "$value": "{rhc.size.pointer-target}" }, "min-inline-size": { "$type": "dimension", "$value": "{rhc.size.pointer-target}" }, "text-decoration-thickness": { "$type": "other", "$value": "0.0625em", "$description": "[code-only]" }, "text-underline-offset": { "$type": "other", "$value": "{utrecht.link.text-underline-offset}", "$description": "[code-only]" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" } } } }, "components/status-badge": { "utrecht": { "status-badge": { "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.strong}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.none}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "border-radius": { "$type": "dimension", "$value": "{rhc.border-radius.md}" }, "padding-inline": { "$type": "dimension", "$value": "{rhc.space.sm}" }, "padding-block": { "$type": "dimension", "$value": "{rhc.space.xs}" }, "informative": { "background-color": { "$type": "color", "$value": "{rhc.color.info.subtle}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } }, "positive": { "background-color": { "$type": "color", "$value": "{rhc.color.positive.subtle}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } }, "negative": { "background-color": { "$type": "color", "$value": "{rhc.color.negative.subtle}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } }, "warning": { "background-color": { "$type": "color", "$value": "{rhc.color.warning.subtle}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } }, "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.200}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } } } }, "components/sub-nav-bar": { "rhc": { "sub-nav-bar": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.100}" }, "column-gap": { "$type": "dimension", "$value": "{rhc.space.md}" }, "column-width": { "$type": "dimension", "$value": "375px" }, "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.3xl}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.3xl}" }, "inline-size": { "$type": "dimension", "$value": "100%" }, "content": { "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "max-inline-size": { "$type": "dimension", "$value": "{rhc.size.page.md}" }, "list": { "row-gap": { "$type": "dimension", "$value": "{rhc.space.md}" } } } } } }, "components/table": { "utrecht": { "table": { "header-cell": { "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.strong}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" } }, "caption": { "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.sm}" }, "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.2xl}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.strong}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.xl}" } }, "cell": { "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.xl}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" } }, "data-cell": { "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.default}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" } }, "header": { "border-block-end-width": { "$type": "dimension", "$value": "{rhc.border-width.md}" }, "border-block-end-color": { "$type": "color", "$value": "{rhc.color.cool-grey.300}" }, "background-color": { "$type": "color", "$value": "{rhc.color.transparent}" } }, "footer": { "border-block-end-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "border-block-end-color": { "$type": "color", "$value": "{rhc.color.cool-grey.300}" }, "background-color": { "$type": "color", "$value": "{rhc.color.transparent}" } }, "row": { "border-block-end-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "border-block-end-color": { "$type": "color", "$value": "{rhc.color.cool-grey.300}" }, "background-color": { "$type": "color", "$value": "{rhc.color.transparent}" } }, "footer-cell": { "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.strong}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" } }, "container": { "box-inline-end-shadow": { "x": { "$type": "other", "$value": "0" }, "y": { "$type": "other", "$value": "16px" }, "blur": { "$type": "other", "$value": "48px" }, "spread": { "$type": "other", "$value": "0" }, "color": { "$type": "color", "$value": "oklch(0% 0 none / 0.102)" } }, "box-inline-start-shadow": { "x": { "$type": "other", "$value": "0" }, "y": { "$type": "other", "$value": "16px" }, "blur": { "$type": "other", "$value": "48px" }, "spread": { "$type": "other", "$value": "0" }, "color": { "$type": "color", "$value": "oklch(0% 0 none / 0.102)" } } }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" } } } }, "components/text-input/base": { "todo": { "textbox": { "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.bg-document}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.300}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } } } }, "utrecht": { "textbox": { "background-color": { "$type": "color", "$value": "{rhc.color.bg-document}" }, "border-block-end-width": { "$type": "dimension", "$value": "auto" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "border-radius": { "$type": "dimension", "$value": "{rhc.border-radius.sm}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.default}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" }, "max-inline-size": { "$type": "dimension", "$value": "400px" }, "min-block-size": { "$type": "dimension", "$value": "{rhc.size.pointer-target}" }, "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.md}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.md}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "invalid": { "background-color": { "$type": "color", "$value": "{rhc.color.negative.subtle}" }, "border-block-end-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "border-color": { "$type": "color", "$value": "{rhc.color.negative.default}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } }, "placeholder": { "color": { "$type": "color", "$value": "{rhc.color.cool-grey.500}" } }, "read-only": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.100}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } }, "disabled": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.300}" }, "border-color": { "$type": "color", "$value": "{rhc.color.cool-grey.400}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.600}" } }, "focus": { "background-color": { "$type": "color", "$value": "{rhc.color.bg-document}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } } } } }, "components/text-input/deprecated": { "utrecht": { "textbox": { "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.bg-document}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.300}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } }, "focus": { "border-width": { "$type": "dimension", "$value": "{rhc.border-width.md}" } } } } }, "components/textarea": { "rhc": { "textarea": { "focus": { "border-width": { "$type": "dimension", "$value": "{rhc.border-width.md}" } } } }, "todo": { "textarea": { "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.bg-document}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.300}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } } } }, "utrecht": { "textarea": { "background-color": { "$type": "color", "$value": "{rhc.color.bg-document}" }, "border-block-end-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "border-radius": { "$type": "dimension", "$value": "{rhc.border-radius.sm}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "font-family": { "$type": "fontFamilies", "$value": "{rhc.text.font-family.default}" }, "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "font-weight": { "$type": "fontWeights", "$value": "{rhc.text.font-weight.default}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" }, "max-inline-size": { "$type": "dimension", "$value": "400px" }, "min-block-size": { "$type": "dimension", "$value": "{rhc.size.pointer-target}" }, "padding-block-end": { "$type": "dimension", "$value": "{rhc.space.md}" }, "padding-block-start": { "$type": "dimension", "$value": "{rhc.space.md}" }, "padding-inline-end": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.lg}" }, "invalid": { "background-color": { "$type": "color", "$value": "{rhc.color.negative.subtle}" }, "border-block-end-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "border-color": { "$type": "color", "$value": "{rhc.color.negative.default}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } }, "placeholder": { "color": { "$type": "color", "$value": "{rhc.color.cool-grey.500}" } }, "read-only": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.100}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } }, "disabled": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.300}" }, "border-color": { "$type": "color", "$value": "{rhc.color.cool-grey.400}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.600}" } }, "focus": { "background-color": { "$type": "color", "$value": "{rhc.color.bg-document}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } } } } }, "components/toggletip": { "rhc": { "toggletip": { "color": { "$type": "color", "$value": "{rhc.color.wit}" }, "background-color": { "$type": "color", "$value": "{rhc.color.info.default}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-radius": { "$type": "dimension", "$value": "{rhc.border-radius.md}" }, "border-width": { "$type": "dimension", "$value": "{rhc.border-width.sm}" }, "icon": { "size": { "$type": "dimension", "$value": "{rhc.size.icon.md}" } }, "size": { "$type": "dimension", "$value": "{rhc.size.icon.md}" }, "active": { "color": { "$type": "color", "$value": "{rhc.color.info.default}" }, "background-color": { "$type": "color", "$value": "{rhc.color.wit}" }, "border-color": { "$type": "color", "$value": "{rhc.color.info.default}" } }, "hover": { "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" }, "background-color": { "$type": "color", "$value": "{rhc.color.hemelblauw.300}" } }, "focus": { "color": { "$type": "color", "$value": "{rhc.color.wit}" }, "background-color": { "$type": "color", "$value": "{rhc.color.info.default}" } } } } }, "components/unordered-list": { "utrecht": { "unordered-list": { "font-size": { "$type": "fontSizes", "$value": "{rhc.text.font-size.md}" }, "line-height": { "$type": "lineHeights", "$value": "{rhc.text.line-height.md}" }, "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.sm}", "$description": "[code-only]" }, "margin-block-start": { "$type": "dimension", "$value": "{rhc.space.sm}", "$description": "[code-only]" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.2xl}" }, "item": { "margin-block-end": { "$type": "dimension", "$value": "{rhc.space.sm}" }, "margin-block-start": { "$type": "dimension", "$value": "{rhc.space.sm}" }, "padding-inline-start": { "$type": "dimension", "$value": "{rhc.space.md}" } }, "marker": { "color": { "$type": "color", "$value": "{rhc.color.foreground.default}" } } } }, "rhc": { "unordered-list": { "nested": { "margin-inline-start": { "$type": "dimension", "$value": "{rhc.space.none}" } } } } }, "components/page-header": { "utrecht": { "page-header": { "background-color": { "$type": "color", "$value": "{rhc.color.wit}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.900}" }, "content": { "max-inline-size": { "$type": "dimension", "$value": "{rhc.size.page.md}" } } } } }, "overrides/heading-color/primary": { "nl": { "heading": { "level-1": { "color": { "$type": "color", "$value": "{rhc.color.primary.500}" } }, "level-2": { "color": { "$type": "color", "$value": "{rhc.color.primary.500}" } }, "level-3": { "color": { "$type": "color", "$value": "{rhc.color.primary.500}" } }, "level-4": { "color": { "$type": "color", "$value": "{rhc.color.primary.500}" } }, "level-5": { "color": { "$type": "color", "$value": "{rhc.color.primary.500}" } } } } }, "overrides/primaire kleur/groen": { "rhc": { "color": { "primary": { "50": { "$type": "color", "$value": "{rhc.color.groen.50}" }, "100": { "$type": "color", "$value": "{rhc.color.groen.100}" }, "200": { "$type": "color", "$value": "{rhc.color.groen.200}" }, "300": { "$type": "color", "$value": "{rhc.color.groen.300}" }, "400": { "$type": "color", "$value": "{rhc.color.groen.400}" }, "500": { "$type": "color", "$value": "{rhc.color.groen.500}" }, "hover": { "$type": "color", "$value": "oklch(42.78% 0.1169 137.2)" }, "active": { "$type": "color", "$value": "oklch(38.71% 0.1016 137.1)" } }, "foreground": { "on-primary": { "$type": "color", "$value": "{rhc.color.foreground.on-dark-color}" } } } } }, "overrides/primaire kleur/hemelblauw": { "rhc": { "color": { "primary": { "50": { "$type": "color", "$value": "{rhc.color.hemelblauw.50}" }, "100": { "$type": "color", "$value": "{rhc.color.hemelblauw.100}" }, "200": { "$type": "color", "$value": "{rhc.color.hemelblauw.200}" }, "300": { "$type": "color", "$value": "{rhc.color.hemelblauw.300}" }, "400": { "$type": "color", "$value": "{rhc.color.hemelblauw.400}" }, "500": { "$type": "color", "$value": "{rhc.color.hemelblauw.500}" }, "hover": { "$type": "color", "$value": "oklch(43.82% 0.1017 248.4)" }, "active": { "$type": "color", "$value": "oklch(39.49% 0.086 248.3)" } }, "foreground": { "on-primary": { "$type": "color", "$value": "{rhc.color.foreground.on-dark-color}" } } } } }, "overrides/primaire kleur/mintgroen": { "rhc": { "color": { "primary": { "50": { "$type": "color", "$value": "{rhc.color.mintgroen.50}" }, "100": { "$type": "color", "$value": "{rhc.color.mintgroen.100}" }, "200": { "$type": "color", "$value": "{rhc.color.mintgroen.200}" }, "300": { "$type": "color", "$value": "{rhc.color.mintgroen.300}" }, "400": { "$type": "color", "$value": "{rhc.color.mintgroen.400}" }, "500": { "$type": "color", "$value": "{rhc.color.mintgroen.500}" }, "hover": { "$type": "color", "$value": "oklch(60.03% 0.0691 172.6)" }, "active": { "$type": "color", "$value": "oklch(60.03% 0.0691 172.6)" } }, "foreground": { "on-primary": { "$type": "color", "$value": "{rhc.color.foreground.on-light-color}" } } } } }, "overrides/primaire kleur/oranje": { "rhc": { "color": { "primary": { "50": { "$type": "color", "$value": "{rhc.color.oranje.50}" }, "100": { "$type": "color", "$value": "{rhc.color.oranje.100}" }, "200": { "$type": "color", "$value": "{rhc.color.oranje.200}" }, "300": { "$type": "color", "$value": "{rhc.color.oranje.300}" }, "400": { "$type": "color", "$value": "{rhc.color.oranje.400}" }, "500": { "$type": "color", "$value": "{rhc.color.oranje.500}" }, "hover": { "$type": "color", "$value": "oklch(50.69% 0.1215 53.6)" }, "active": { "$type": "color", "$value": "oklch(45.34% 0.1055 53.92)" } }, "foreground": { "on-primary": { "$type": "color", "$value": "{rhc.color.foreground.on-dark-color}" } } } } }, "overrides/primaire kleur/paars": { "rhc": { "color": { "primary": { "50": { "$type": "color", "$value": "{rhc.color.paars.50}" }, "100": { "$type": "color", "$value": "{rhc.color.paars.100}" }, "200": { "$type": "color", "$value": "{rhc.color.paars.200}" }, "300": { "$type": "color", "$value": "{rhc.color.paars.300}" }, "400": { "$type": "color", "$value": "{rhc.color.paars.400}" }, "500": { "$type": "color", "$value": "{rhc.color.paars.500}" }, "hover": { "$type": "color", "$value": "oklch(25.58% 0.0909 309.6)" }, "active": { "$type": "color", "$value": "oklch(23.97% 0.0791 311.1)" } }, "foreground": { "on-primary": { "$type": "color", "$value": "{rhc.color.foreground.on-dark-color}" } } } } }, "overrides/primaire kleur/robijn rood": { "rhc": { "color": { "primary": { "50": { "$type": "color", "$value": "{rhc.color.robijnrood.50}" }, "100": { "$type": "color", "$value": "{rhc.color.robijnrood.100}" }, "200": { "$type": "color", "$value": "{rhc.color.robijnrood.200}" }, "300": { "$type": "color", "$value": "{rhc.color.robijnrood.300}" }, "400": { "$type": "color", "$value": "{rhc.color.robijnrood.400}" }, "500": { "$type": "color", "$value": "{rhc.color.robijnrood.500}" }, "hover": { "$type": "color", "$value": "oklch(41.89% 0.1515 5.365)" }, "active": { "$type": "color", "$value": "oklch(38% 0.1293 5.781)" } }, "foreground": { "on-primary": { "$type": "color", "$value": "{rhc.color.foreground.on-dark-color}" } } } } }, "overrides/primaire kleur/roze": { "rhc": { "color": { "primary": { "50": { "$type": "color", "$value": "{rhc.color.roze.50}" }, "100": { "$type": "color", "$value": "{rhc.color.roze.100}" }, "200": { "$type": "color", "$value": "{rhc.color.roze.200}" }, "300": { "$type": "color", "$value": "{rhc.color.roze.300}" }, "400": { "$type": "color", "$value": "{rhc.color.roze.400}" }, "500": { "$type": "color", "$value": "{rhc.color.roze.500}" }, "hover": { "$type": "color", "$value": "oklch(58.32% 0.0943 343)" }, "active": { "$type": "color", "$value": "oklch(52.01% 0.0797 343.1)" } }, "foreground": { "on-primary": { "$type": "color", "$value": "{rhc.color.foreground.on-light-color}" } } } } }, "overrides/primaire kleur/violet": { "rhc": { "color": { "primary": { "50": { "$type": "color", "$value": "{rhc.color.violet.50}" }, "100": { "$type": "color", "$value": "{rhc.color.violet.100}" }, "200": { "$type": "color", "$value": "{rhc.color.violet.200}" }, "300": { "$type": "color", "$value": "{rhc.color.violet.300}" }, "400": { "$type": "color", "$value": "{rhc.color.violet.400}" }, "500": { "$type": "color", "$value": "{rhc.color.violet.500}" }, "hover": { "$type": "color", "$value": "oklch(37.63% 0.1367 355.7)" }, "active": { "$type": "color", "$value": "oklch(34.12% 0.1167 356.1)" } }, "foreground": { "on-primary": { "$type": "color", "$value": "{rhc.color.foreground.on-dark-color}" } } } } }, "overrides/primaire kleur/contrast fix/alle buttons lintblauw": { "utrecht": { "button": { "primary-action": { "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.core.hover}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-dark-color}" } }, "background-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-dark-color}" }, "disabled": { "background-color": { "$type": "color", "$value": "{rhc.color.core.100}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.core.400}" } }, "focus": { "background-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-dark-color}" } }, "active": { "background-color": { "$type": "color", "$value": "{rhc.color.core.active}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-dark-color}" } }, "pressed": { "background-color": { "$type": "color", "$value": "{rhc.color.core.active}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.foreground.on-dark-color}" } } }, "secondary-action": { "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.core.50}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.hover}" }, "color": { "$type": "color", "$value": "{rhc.color.core.hover}" } }, "background-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "disabled": { "background-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.200}" }, "color": { "$type": "color", "$value": "{rhc.color.core.300}" } }, "focus": { "background-color": { "$type": "color", "$value": "{rhc.color.core.50}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.core.500}" } }, "active": { "background-color": { "$type": "color", "$value": "{rhc.color.core.200}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.active}" }, "color": { "$type": "color", "$value": "{rhc.color.core.active}" } }, "pressed": { "background-color": { "$type": "color", "$value": "{rhc.color.core.100}" }, "border-color": { "$type": "color", "$value": "{rhc.color.core.active}" }, "color": { "$type": "color", "$value": "{rhc.color.core.active}" } } }, "subtle": { "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.core.50}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.core.hover}" } }, "background-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.core.500}" }, "disabled": { "background-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.core.100}" } }, "focus": { "background-color": { "$type": "color", "$value": "{rhc.color.core.50}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.core.500}" } }, "active": { "background-color": { "$type": "color", "$value": "{rhc.color.core.200}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.core.active}" } }, "pressed": { "background-color": { "$type": "color", "$value": "{rhc.color.core.100}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.core.active}" } } } } } }, "overrides/primaire kleur/contrast fix/button label groter": { "utrecht": { "button": { "font-size": { "$type": "fontSizes", "$value": "20px" } } } }, "overrides/primaire kleur/contrast fix/non primary button labels coolgrey": { "utrecht": { "button": { "secondary-action": { "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.primary.100}" }, "border-color": { "$type": "color", "$value": "{rhc.color.cool-grey.800}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.800}" } }, "background-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-color": { "$type": "color", "$value": "{rhc.color.cool-grey.700}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.700}" }, "disabled": { "background-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-color": { "$type": "color", "$value": "{rhc.color.cool-grey.400}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.400}" } }, "focus": { "background-color": { "$type": "color", "$value": "{rhc.color.primary.100}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.800}" } }, "active": { "background-color": { "$type": "color", "$value": "{rhc.color.primary.200}" }, "border-color": { "$extensions": { "studio.tokens": { "modify": { "type": "darken", "value": "0.4", "space": "lch" } } }, "$type": "color", "$value": "{rhc.color.primary.500}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.800}" } }, "pressed": { "background-color": { "$type": "color", "$value": "{rhc.color.primary.200}" }, "border-color": { "$type": "color", "$value": "{rhc.color.cool-grey.800}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.800}" } } }, "subtle": { "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.primary.50}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.800}" } }, "background-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.700}" }, "disabled": { "background-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.400}" } }, "focus": { "background-color": { "$type": "color", "$value": "{rhc.color.primary.50}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.800}" } }, "active": { "background-color": { "$type": "color", "$value": "{rhc.color.primary.200}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.800}" } }, "pressed": { "background-color": { "$type": "color", "$value": "{rhc.color.primary.100}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.900}" } } }, "primary-action": { "disabled": { "color": { "$type": "color", "$value": "{rhc.color.cool-grey.400}" } } } } } }, "overrides/primaire kleur/contrast fix/non primary buttons coolgrey": { "utrecht": { "button": { "secondary-action": { "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.200}" }, "border-color": { "$type": "color", "$value": "{rhc.color.cool-grey.800}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.800}" } }, "background-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-color": { "$type": "color", "$value": "{rhc.color.cool-grey.700}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.700}" }, "disabled": { "background-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-color": { "$type": "color", "$value": "{rhc.color.cool-grey.400}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.400}" } }, "focus": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.200}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.800}" } }, "active": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.300}" }, "border-color": { "$type": "color", "$value": "{rhc.color.cool-grey.800}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.800}" } }, "pressed": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.300}" }, "border-color": { "$type": "color", "$value": "{rhc.color.cool-grey.800}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.800}" } } }, "subtle": { "hover": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.200}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.800}" } }, "background-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.700}" }, "disabled": { "background-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.400}" } }, "focus": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.200}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.800}" } }, "active": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.300}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.900}" } }, "pressed": { "background-color": { "$type": "color", "$value": "{rhc.color.cool-grey.300}" }, "border-color": { "$type": "color", "$value": "{rhc.color.transparent}" }, "color": { "$type": "color", "$value": "{rhc.color.cool-grey.900}" } } } } } }, "overrides/responsive/min": { "rhc": { "text": { "font-size": { "sm": { "$type": "fontSizes", "$value": "{rhc.text.font-size.min.sm}" }, "md": { "$type": "fontSizes", "$value": "{rhc.text.font-size.min.md}" }, "lg": { "$type": "fontSizes", "$value": "{rhc.text.font-size.min.lg}" }, "xl": { "$type": "fontSizes", "$value": "{rhc.text.font-size.min.xl}" }, "2xl": { "$type": "fontSizes", "$value": "{rhc.text.font-size.min.2xl}" }, "3xl": { "$type": "fontSizes", "$value": "{rhc.text.font-size.min.3xl}" } } }, "icon": { "md": { "inset-block-start": { "$type": "dimension", "$value": "0rem", "$description": "[figma-only] [temporary – until nl-icon]" } }, "lg": { "inset-block-start": { "$type": "dimension", "$value": "0.188rem", "$description": "[figma-only] [temporary – until nl-icon]" } } } } }, "overrides/type-scale/default [code-only]": { "rhc": { "text": { "font-size": { "sm": { "$type": "fontSizes", "$value": "clamp(0.875rem, 0.75rem + 0.3333vw, 1.000rem)" }, "md": { "$type": "fontSizes", "$value": "clamp(1.000rem, 0.875rem + 0.5000vw, 1.250rem)" }, "lg": { "$type": "fontSizes", "$value": "clamp(1.250rem, 1.0188rem + 0.7250vw, 1.500rem)" }, "xl": { "$type": "fontSizes", "$value": "clamp(1.500rem, 1.1834rem + 1.0263vw, 2.000rem)" }, "2xl": { "$type": "fontSizes", "$value": "clamp(1.750rem, 1.3713rem + 1.4268vw, 2.500rem)" }, "3xl": { "$type": "fontSizes", "$value": "clamp(2.000rem, 1.5845rem + 1.9563vw, 3.000rem)" } }, "font-weight": { "extra-bold": { "$type": "fontWeights", "$value": "800" }, "bold": { "$type": "fontWeights", "$value": "700" }, "semi-bold": { "$type": "fontWeights", "$value": "550" }, "regular": { "$type": "fontWeights", "$value": "400" }, "light": { "$type": "fontWeights", "$value": "300" }, "thin": { "$type": "fontWeights", "$value": "200" } } } } }, "overrides/type-scale/information dense [figma-only]": { "rhc": { "text": { "font-size": { "max": { "sm": { "$type": "fontSizes", "$value": "0.875rem", "$description": "[figma-only]" }, "md": { "$type": "fontSizes", "$value": "1rem", "$description": "[figma-only]" }, "lg": { "$type": "fontSizes", "$value": "1.25rem", "$description": "[figma-only]" }, "xl": { "$type": "fontSizes", "$value": "1.5rem", "$description": "[figma-only]" }, "2xl": { "$type": "fontSizes", "$value": "1.75rem", "$description": "[figma-only]" }, "3xl": { "$type": "fontSizes", "$value": "2rem", "$description": "[figma-only]" } } } }, "icon": { "md": { "inset-block-start": { "$type": "dimension", "$value": "0rem", "$description": "[figma-only] [temporary – until nl-icon]" } }, "lg": { "inset-block-start": { "$type": "dimension", "$value": "0.188rem", "$description": "[figma-only] [temporary – until nl-icon]" } } } } }, "overrides/type-scale/information dense [code-only]": { "rhc": { "text": { "font-size": { "sm": { "$type": "fontSizes", "$value": "clamp(1.000rem, 0.875rem + 0.5000vw, 1.000rem)" }, "md": { "$type": "fontSizes", "$value": "clamp(1.000rem, 0.875rem + 0.5000vw, 1.000rem)" }, "lg": { "$type": "fontSizes", "$value": "clamp(1.250rem, 1.0188rem + 0.7250vw, 1.250rem)" }, "xl": { "$type": "fontSizes", "$value": "clamp(1.500rem, 1.1834rem + 1.0263vw, 1.500rem)" }, "2xl": { "$type": "fontSizes", "$value": "clamp(1.750rem, 1.3713rem + 1.4268vw, 1.750rem)" }, "3xl": { "$type": "fontSizes", "$value": "clamp(2.000rem, 1.5845rem + 1.9563vw, 2.000rem)" } }, "font-weight": { "extra-bold": { "$type": "fontWeights", "$value": "800" }, "bold": { "$type": "fontWeights", "$value": "700" }, "semi-bold": { "$type": "fontWeights", "$value": "550" }, "regular": { "$type": "fontWeights", "$value": "400" }, "light": { "$type": "fontWeights", "$value": "300" }, "thin": { "$type": "fontWeights", "$value": "200" } } } } }, "$themes": [ { "id": "05865788a086eeac7ffc4514736ccd777f1ff95c", "name": "Kern - Lintblauw", "$figmaStyleReferences": {}, "selectedTokenSets": { "brand/border": "enabled", "brand/color": "enabled", "brand/size": "enabled", "brand/space": "enabled", "common/border": "enabled", "common/color": "enabled", "common/focus": "enabled", "common/rounded-corner": "enabled", "common/size": "enabled", "components/accordion": "enabled", "components/action-group": "enabled", "components/alert": "enabled", "components/article": "enabled", "components/backdrop": "enabled", "components/blockquote": "enabled", "components/breadcrumb": "enabled", "components/button": "enabled", "components/card": "enabled", "components/card-as-link": "enabled", "components/checkbox-group": "enabled", "components/checkbox": "enabled", "components/code-input": "enabled", "components/code-input-group": "enabled", "components/column-layout": "enabled", "components/data-badge-button": "enabled", "components/data-summary": "enabled", "components/dot-badge": "enabled", "components/drawer": "enabled", "components/expandable-checkbox-group": "enabled", "components/fieldset": "enabled", "components/figure": "enabled", "components/file-input": "enabled", "components/form-field": "enabled", "components/form-field-checkbox-option": "enabled", "components/form-field-description": "enabled", "components/form-field-error-message": "enabled", "components/form-field-option-label": "enabled", "components/form-field-radio-option": "enabled", "components/hero": "enabled", "components/icon": "enabled", "components/link-list": "enabled", "components/link-list-card": "enabled", "components/link/nl": "enabled", "components/link/utrecht": "enabled", "components/listbox": "enabled", "components/logo": "enabled", "components/message-list": "enabled", "components/nav-bar": "enabled", "components/navigation-list": "enabled", "components/number-badge/nl": "enabled", "components/number-badge/utrecht": "enabled", "components/ordered-list": "enabled", "components/paragraph": "enabled", "components/page-body": "enabled", "components/page-header": "enabled", "components/pre-heading": "enabled", "components/radio-button": "enabled", "components/radio-group": "enabled", "components/root": "enabled", "components/select": "enabled", "components/separator": "enabled", "components/side-nav": "enabled", "components/skip-link": "enabled", "components/status-badge": "enabled", "components/sub-nav-bar": "enabled", "components/table": "enabled", "components/text-input/base": "enabled", "components/text-input/deprecated": "enabled", "components/textarea": "enabled", "components/toggletip": "enabled", "components/unordered-list": "enabled", "components/document": "enabled", "components/rich-text": "enabled", "components/form-field-label": "enabled", "components/page-number-navigation": "enabled", "components/page-footer": "enabled", "brand/text": "enabled", "common/text": "enabled", "components/heading": "enabled", "common/vendor": "enabled", "components/form-field-label-suffix": "enabled", "components/data-badge/utrecht": "enabled", "components/data-badge/nl": "enabled" }, "$figmaVariableReferences": {}, "group": "Rijkshuisstijl" }, { "id": "uitvoerend - groen", "name": "Uitvoerend - Groen", "$figmaStyleReferences": {}, "selectedTokenSets": { "brand/border": "enabled", "brand/color": "enabled", "brand/size": "enabled", "brand/space": "enabled", "common/border": "enabled", "common/color": "enabled", "common/focus": "enabled", "common/rounded-corner": "enabled", "common/size": "enabled", "components/accordion": "enabled", "components/action-group": "enabled", "components/alert": "enabled", "components/article": "enabled", "components/backdrop": "enabled", "components/blockquote": "enabled", "components/breadcrumb": "enabled", "components/button": "enabled", "components/card": "enabled", "components/card-as-link": "enabled", "components/checkbox-group": "enabled", "components/checkbox": "enabled", "components/code-input": "enabled", "components/code-input-group": "enabled", "components/column-layout": "enabled", "components/data-badge-button": "enabled", "components/data-summary": "enabled", "components/dot-badge": "enabled", "components/drawer": "enabled", "components/expandable-checkbox-group": "enabled", "components/fieldset": "enabled", "components/figure": "enabled", "components/file-input": "enabled", "components/form-field": "enabled", "components/form-field-checkbox-option": "enabled", "components/form-field-description": "enabled", "components/form-field-error-message": "enabled", "components/form-field-option-label": "enabled", "components/form-field-radio-option": "enabled", "components/hero": "enabled", "components/icon": "enabled", "components/link-list": "enabled", "components/link-list-card": "enabled", "components/link/nl": "enabled", "components/link/utrecht": "enabled", "components/listbox": "enabled", "components/logo": "enabled", "components/message-list": "enabled", "components/nav-bar": "enabled", "components/navigation-list": "enabled", "components/number-badge/nl": "enabled", "components/number-badge/utrecht": "enabled", "components/ordered-list": "enabled", "components/paragraph": "enabled", "components/page-body": "enabled", "components/page-header": "enabled", "components/pre-heading": "enabled", "components/radio-button": "enabled", "components/radio-group": "enabled", "components/root": "enabled", "components/select": "enabled", "components/separator": "enabled", "components/side-nav": "enabled", "components/skip-link": "enabled", "components/status-badge": "enabled", "components/sub-nav-bar": "enabled", "components/table": "enabled", "components/text-input/base": "enabled", "components/text-input/deprecated": "enabled", "components/textarea": "enabled", "components/toggletip": "enabled", "components/unordered-list": "enabled", "components/document": "enabled", "components/rich-text": "enabled", "components/form-field-label": "enabled", "components/page-number-navigation": "enabled", "components/page-footer": "enabled", "brand/text": "enabled", "common/text": "enabled", "overrides/primaire kleur/groen": "enabled", "components/heading": "enabled", "common/vendor": "enabled", "components/form-field-label-suffix": "enabled", "components/data-badge/utrecht": "enabled", "components/data-badge/nl": "enabled" }, "$figmaVariableReferences": {}, "group": "Rijkshuisstijl" }, { "id": "uitvoerend - hemelblauw", "name": "Uitvoerend - Hemelblauw", "$figmaStyleReferences": {}, "selectedTokenSets": { "brand/border": "enabled", "brand/color": "enabled", "brand/size": "enabled", "brand/space": "enabled", "common/border": "enabled", "common/color": "enabled", "common/focus": "enabled", "common/rounded-corner": "enabled", "common/size": "enabled", "components/accordion": "enabled", "components/action-group": "enabled", "components/alert": "enabled", "components/article": "enabled", "components/backdrop": "enabled", "components/blockquote": "enabled", "components/breadcrumb": "enabled", "components/button": "enabled", "components/card": "enabled", "components/card-as-link": "enabled", "components/checkbox-group": "enabled", "components/checkbox": "enabled", "components/code-input": "enabled", "components/code-input-group": "enabled", "components/column-layout": "enabled", "components/data-badge-button": "enabled", "components/data-summary": "enabled", "components/dot-badge": "enabled", "components/drawer": "enabled", "components/expandable-checkbox-group": "enabled", "components/fieldset": "enabled", "components/figure": "enabled", "components/file-input": "enabled", "components/form-field": "enabled", "components/form-field-checkbox-option": "enabled", "components/form-field-description": "enabled", "components/form-field-error-message": "enabled", "components/form-field-option-label": "enabled", "components/form-field-radio-option": "enabled", "components/hero": "enabled", "components/icon": "enabled", "components/link-list": "enabled", "components/link-list-card": "enabled", "components/link/nl": "enabled", "components/link/utrecht": "enabled", "components/listbox": "enabled", "components/logo": "enabled", "components/message-list": "enabled", "components/nav-bar": "enabled", "components/navigation-list": "enabled", "components/number-badge/nl": "enabled", "components/number-badge/utrecht": "enabled", "components/ordered-list": "enabled", "components/paragraph": "enabled", "components/page-body": "enabled", "components/page-header": "enabled", "components/pre-heading": "enabled", "components/radio-button": "enabled", "components/radio-group": "enabled", "components/root": "enabled", "components/select": "enabled", "components/separator": "enabled", "components/side-nav": "enabled", "components/skip-link": "enabled", "components/status-badge": "enabled", "components/sub-nav-bar": "enabled", "components/table": "enabled", "components/text-input/base": "enabled", "components/text-input/deprecated": "enabled", "components/textarea": "enabled", "components/toggletip": "enabled", "components/unordered-list": "enabled", "components/document": "enabled", "components/rich-text": "enabled", "components/form-field-label": "enabled", "components/page-number-navigation": "enabled", "components/page-footer": "enabled", "brand/text": "enabled", "common/text": "enabled", "overrides/primaire kleur/hemelblauw": "enabled", "components/heading": "enabled", "common/vendor": "enabled", "components/form-field-label-suffix": "enabled", "components/data-badge/utrecht": "enabled", "components/data-badge/nl": "enabled" }, "$figmaVariableReferences": {}, "group": "Rijkshuisstijl" }, { "id": "uitvoerend - oranje", "name": "Uitvoerend - Oranje", "$figmaStyleReferences": {}, "selectedTokenSets": { "brand/border": "enabled", "brand/color": "enabled", "brand/size": "enabled", "brand/space": "enabled", "common/border": "enabled", "common/color": "enabled", "common/focus": "enabled", "common/rounded-corner": "enabled", "common/size": "enabled", "components/accordion": "enabled", "components/action-group": "enabled", "components/alert": "enabled", "components/article": "enabled", "components/backdrop": "enabled", "components/blockquote": "enabled", "components/breadcrumb": "enabled", "components/button": "enabled", "components/card": "enabled", "components/card-as-link": "enabled", "components/checkbox-group": "enabled", "components/checkbox": "enabled", "components/code-input": "enabled", "components/code-input-group": "enabled", "components/column-layout": "enabled", "components/data-badge-button": "enabled", "components/data-summary": "enabled", "components/dot-badge": "enabled", "components/drawer": "enabled", "components/expandable-checkbox-group": "enabled", "components/fieldset": "enabled", "components/figure": "enabled", "components/file-input": "enabled", "components/form-field": "enabled", "components/form-field-checkbox-option": "enabled", "components/form-field-description": "enabled", "components/form-field-error-message": "enabled", "components/form-field-option-label": "enabled", "components/form-field-radio-option": "enabled", "components/hero": "enabled", "components/icon": "enabled", "components/link-list": "enabled", "components/link-list-card": "enabled", "components/link/nl": "enabled", "components/link/utrecht": "enabled", "components/listbox": "enabled", "components/logo": "enabled", "components/message-list": "enabled", "components/nav-bar": "enabled", "components/navigation-list": "enabled", "components/number-badge/nl": "enabled", "components/number-badge/utrecht": "enabled", "components/ordered-list": "enabled", "components/paragraph": "enabled", "components/page-body": "enabled", "components/page-header": "enabled", "components/pre-heading": "enabled", "components/radio-button": "enabled", "components/radio-group": "enabled", "components/root": "enabled", "components/select": "enabled", "components/separator": "enabled", "components/side-nav": "enabled", "components/skip-link": "enabled", "components/status-badge": "enabled", "components/sub-nav-bar": "enabled", "components/table": "enabled", "components/text-input/base": "enabled", "components/text-input/deprecated": "enabled", "components/textarea": "enabled", "components/toggletip": "enabled", "components/unordered-list": "enabled", "components/document": "enabled", "components/rich-text": "enabled", "components/form-field-label": "enabled", "components/page-number-navigation": "enabled", "components/page-footer": "enabled", "brand/text": "enabled", "common/text": "enabled", "overrides/primaire kleur/oranje": "enabled", "overrides/primaire kleur/contrast fix/button label groter": "enabled", "overrides/primaire kleur/contrast fix/non primary buttons coolgrey": "enabled", "components/heading": "enabled", "common/vendor": "enabled", "components/form-field-label-suffix": "enabled", "components/data-badge/utrecht": "enabled", "components/data-badge/nl": "enabled" }, "$figmaVariableReferences": {}, "group": "Rijkshuisstijl" }, { "id": "uitvoerend - paars", "name": "Uitvoerend - Paars", "$figmaStyleReferences": {}, "selectedTokenSets": { "brand/border": "enabled", "brand/color": "enabled", "brand/size": "enabled", "brand/space": "enabled", "common/border": "enabled", "common/color": "enabled", "common/focus": "enabled", "common/rounded-corner": "enabled", "common/size": "enabled", "components/accordion": "enabled", "components/action-group": "enabled", "components/alert": "enabled", "components/article": "enabled", "components/backdrop": "enabled", "components/blockquote": "enabled", "components/breadcrumb": "enabled", "components/button": "enabled", "components/card": "enabled", "components/card-as-link": "enabled", "components/checkbox-group": "enabled", "components/checkbox": "enabled", "components/code-input": "enabled", "components/code-input-group": "enabled", "components/column-layout": "enabled", "components/data-badge-button": "enabled", "components/data-summary": "enabled", "components/dot-badge": "enabled", "components/drawer": "enabled", "components/expandable-checkbox-group": "enabled", "components/fieldset": "enabled", "components/figure": "enabled", "components/file-input": "enabled", "components/form-field": "enabled", "components/form-field-checkbox-option": "enabled", "components/form-field-description": "enabled", "components/form-field-error-message": "enabled", "components/form-field-option-label": "enabled", "components/form-field-radio-option": "enabled", "components/hero": "enabled", "components/icon": "enabled", "components/link-list": "enabled", "components/link-list-card": "enabled", "components/link/nl": "enabled", "components/link/utrecht": "enabled", "components/listbox": "enabled", "components/logo": "enabled", "components/message-list": "enabled", "components/nav-bar": "enabled", "components/navigation-list": "enabled", "components/number-badge/nl": "enabled", "components/number-badge/utrecht": "enabled", "components/ordered-list": "enabled", "components/paragraph": "enabled", "components/page-body": "enabled", "components/page-header": "enabled", "components/pre-heading": "enabled", "components/radio-button": "enabled", "components/radio-group": "enabled", "components/root": "enabled", "components/select": "enabled", "components/separator": "enabled", "components/side-nav": "enabled", "components/skip-link": "enabled", "components/status-badge": "enabled", "components/sub-nav-bar": "enabled", "components/table": "enabled", "components/text-input/base": "enabled", "components/text-input/deprecated": "enabled", "components/textarea": "enabled", "components/toggletip": "enabled", "components/unordered-list": "enabled", "components/document": "enabled", "components/rich-text": "enabled", "components/form-field-label": "enabled", "components/page-number-navigation": "enabled", "components/page-footer": "enabled", "brand/text": "enabled", "common/text": "enabled", "overrides/primaire kleur/paars": "enabled", "components/heading": "enabled", "common/vendor": "enabled", "components/form-field-label-suffix": "enabled", "components/data-badge/utrecht": "enabled", "components/data-badge/nl": "enabled" }, "$figmaVariableReferences": {}, "group": "Rijkshuisstijl" }, { "id": "786957ab6fd72ed726e59e0415f638eea0de0995", "name": "Uitvoerend - Robijn Rood", "$figmaStyleReferences": {}, "selectedTokenSets": { "brand/border": "enabled", "brand/color": "enabled", "brand/size": "enabled", "brand/space": "enabled", "common/border": "enabled", "common/color": "enabled", "common/focus": "enabled", "common/rounded-corner": "enabled", "common/size": "enabled", "components/accordion": "enabled", "components/action-group": "enabled", "components/alert": "enabled", "components/article": "enabled", "components/backdrop": "enabled", "components/blockquote": "enabled", "components/breadcrumb": "enabled", "components/button": "enabled", "components/card": "enabled", "components/card-as-link": "enabled", "components/checkbox-group": "enabled", "components/checkbox": "enabled", "components/code-input": "enabled", "components/code-input-group": "enabled", "components/column-layout": "enabled", "components/data-badge-button": "enabled", "components/data-summary": "enabled", "components/dot-badge": "enabled", "components/drawer": "enabled", "components/expandable-checkbox-group": "enabled", "components/fieldset": "enabled", "components/figure": "enabled", "components/file-input": "enabled", "components/form-field": "enabled", "components/form-field-checkbox-option": "enabled", "components/form-field-description": "enabled", "components/form-field-error-message": "enabled", "components/form-field-option-label": "enabled", "components/form-field-radio-option": "enabled", "components/hero": "enabled", "components/icon": "enabled", "components/link-list": "enabled", "components/link-list-card": "enabled", "components/link/nl": "enabled", "components/link/utrecht": "enabled", "components/listbox": "enabled", "components/logo": "enabled", "components/message-list": "enabled", "components/nav-bar": "enabled", "components/navigation-list": "enabled", "components/number-badge/nl": "enabled", "components/number-badge/utrecht": "enabled", "components/ordered-list": "enabled", "components/paragraph": "enabled", "components/page-body": "enabled", "components/page-header": "enabled", "components/pre-heading": "enabled", "components/radio-button": "enabled", "components/radio-group": "enabled", "components/root": "enabled", "components/select": "enabled", "components/separator": "enabled", "components/side-nav": "enabled", "components/skip-link": "enabled", "components/status-badge": "enabled", "components/sub-nav-bar": "enabled", "components/table": "enabled", "components/text-input/base": "enabled", "components/text-input/deprecated": "enabled", "components/textarea": "enabled", "components/toggletip": "enabled", "components/unordered-list": "enabled", "components/document": "enabled", "components/rich-text": "enabled", "components/form-field-label": "enabled", "components/page-number-navigation": "enabled", "components/page-footer": "enabled", "brand/text": "enabled", "common/text": "enabled", "overrides/primaire kleur/robijn rood": "enabled", "components/heading": "enabled", "common/vendor": "enabled", "components/form-field-label-suffix": "enabled", "components/data-badge/utrecht": "enabled", "components/data-badge/nl": "enabled" }, "$figmaVariableReferences": {}, "group": "Rijkshuisstijl" } ], "$metadata": { "tokenSetOrder": [ "brand/border", "brand/color", "brand/space", "brand/size", "brand/text", "common/border", "common/color", "common/focus", "common/rounded-corner", "common/size", "common/text", "common/vendor", "components/accordion", "components/action-group", "components/alert", "components/article", "components/backdrop", "components/blockquote", "components/breadcrumb", "components/button", "components/card", "components/card-as-link", "components/checkbox-group", "components/checkbox", "components/code-input", "components/code-input-group", "components/column-layout", "components/data-badge/nl", "components/data-badge/utrecht", "components/data-badge-button", "components/data-summary", "components/document", "components/dot-badge", "components/drawer", "components/expandable-checkbox-group", "components/fieldset", "components/figure", "components/file-input", "components/form-field", "components/form-field-checkbox-option", "components/form-field-description", "components/form-field-error-message", "components/form-field-label", "components/form-field-label-suffix", "components/form-field-option-label", "components/form-field-radio-option", "components/heading", "components/hero", "components/icon", "components/link-list", "components/link-list-card", "components/link/nl", "components/link/utrecht", "components/listbox", "components/logo", "components/message-list", "components/nav-bar", "components/navigation-list", "components/number-badge/nl", "components/number-badge/utrecht", "components/ordered-list", "components/page-body", "components/page-footer", "components/page-number-navigation", "components/paragraph", "components/pre-heading", "components/radio-button", "components/radio-group", "components/rich-text", "components/root", "components/select", "components/separator", "components/side-nav", "components/skip-link", "components/status-badge", "components/sub-nav-bar", "components/table", "components/text-input/base", "components/text-input/deprecated", "components/textarea", "components/toggletip", "components/unordered-list", "components/page-header", "overrides/heading-color/primary", "overrides/primaire kleur/groen", "overrides/primaire kleur/hemelblauw", "overrides/primaire kleur/mintgroen", "overrides/primaire kleur/oranje", "overrides/primaire kleur/paars", "overrides/primaire kleur/robijn rood", "overrides/primaire kleur/roze", "overrides/primaire kleur/violet", "overrides/primaire kleur/contrast fix/alle buttons lintblauw", "overrides/primaire kleur/contrast fix/button label groter", "overrides/primaire kleur/contrast fix/non primary button labels coolgrey", "overrides/primaire kleur/contrast fix/non primary buttons coolgrey", "overrides/responsive/min", "overrides/type-scale/default [code-only]", "overrides/type-scale/information dense [figma-only]", "overrides/type-scale/information dense [code-only]" ] } }