Voorbeeld Design Tokens.json

{
  "brand": {
    "voorbeeld": {
      "typography": {
        "font-size": {
          "sm": {
            "value": "14px",
            "type": "fontSizes"
          },
          "md": {
            "value": "16px",
            "type": "fontSizes"
          },
          "lg": {
            "value": "20px",
            "type": "fontSizes"
          },
          "xl": {
            "value": "24px",
            "type": "fontSizes"
          },
          "2xl": {
            "value": "32px",
            "type": "fontSizes"
          },
          "3xl": {
            "value": "40px",
            "type": "fontSizes"
          },
          "4xl": {
            "value": "48px",
            "type": "fontSizes"
          }
        },
        "line-height": {
          "xs": {
            "value": "100%",
            "type": "lineHeights"
          },
          "sm": {
            "value": "125%",
            "type": "lineHeights"
          },
          "md": {
            "value": "150%",
            "type": "lineHeights"
          },
          "lg": {
            "value": "200%",
            "type": "lineHeights"
          }
        },
        "font-weight": {
          "normal": {
            "value": "Regular",
            "type": "fontWeights"
          },
          "bold": {
            "value": "Bold",
            "type": "fontWeights"
          }
        },
        "font-family": {
          "primary": {
            "value": "Source Serif Pro, Tahoma, Verdana, sans-serif",
            "type": "fontFamilies"
          },
          "secondary": {
            "value": "Fira Sans, Tahoma, Verdana, sans-serif",
            "type": "fontFamilies"
          }
        }
      },
      "color": {
        "white": {
          "value": "#ffffff",
          "type": "color"
        },
        "black": {
          "value": "#000000",
          "type": "color"
        },
        "violet": {
          "50": {
            "value": "#FAF8FF",
            "type": "color"
          },
          "100": {
            "value": "#F5F2FF",
            "type": "color"
          },
          "200": {
            "value": "#EBE3FF",
            "type": "color"
          },
          "300": {
            "value": "#DBCDFF",
            "type": "color"
          },
          "400": {
            "value": "#AF91FF",
            "type": "color"
          },
          "500": {
            "value": "#966EFF",
            "type": "color"
          },
          "600": {
            "value": "#7744FF",
            "type": "color"
          },
          "700": {
            "value": "#5315F6",
            "type": "color"
          },
          "800": {
            "value": "#3F10BC",
            "type": "color"
          },
          "900": {
            "value": "#290B7A",
            "type": "color"
          },
          "950": {
            "value": "#1A074C",
            "type": "color"
          }
        },
        "gray": {
          "50": {
            "value": "#F9F9FA",
            "type": "color"
          },
          "100": {
            "value": "#F2F4F6",
            "type": "color"
          },
          "200": {
            "value": "#E4E7EC",
            "type": "color"
          },
          "300": {
            "value": "#CFD5DD",
            "type": "color"
          },
          "400": {
            "value": "#98A4B6",
            "type": "color"
          },
          "500": {
            "value": "#7A8AA0",
            "type": "color"
          },
          "600": {
            "value": "#5B6E8A",
            "type": "color"
          },
          "700": {
            "value": "#3F5676",
            "type": "color"
          },
          "800": {
            "value": "#274065",
            "type": "color"
          },
          "900": {
            "value": "#0A2750",
            "type": "color"
          },
          "950": {
            "value": "#001737",
            "type": "color"
          }
        },
        "pink": {
          "50": {
            "value": "#FDF8FA",
            "type": "color"
          },
          "100": {
            "value": "#FCF1F6",
            "type": "color"
          },
          "200": {
            "value": "#F8E1EB",
            "type": "color"
          },
          "300": {
            "value": "#F2C9DC",
            "type": "color"
          },
          "400": {
            "value": "#E287B0",
            "type": "color"
          },
          "500": {
            "value": "#D85E95",
            "type": "color"
          },
          "600": {
            "value": "#CA2771",
            "type": "color"
          },
          "700": {
            "value": "#A60E52",
            "type": "color"
          },
          "800": {
            "value": "#7F0B3F",
            "type": "color"
          },
          "900": {
            "value": "#520729",
            "type": "color"
          },
          "950": {
            "value": "#33041A",
            "type": "color"
          }
        },
        "red": {
          "50": {
            "value": "#FFF8F8",
            "type": "color"
          },
          "100": {
            "value": "#FEF0F1",
            "type": "color"
          },
          "200": {
            "value": "#FEE0E1",
            "type": "color"
          },
          "300": {
            "value": "#FDC7CA",
            "type": "color"
          },
          "400": {
            "value": "#F97D83",
            "type": "color"
          },
          "500": {
            "value": "#F7464E",
            "type": "color"
          },
          "600": {
            "value": "#D2262E",
            "type": "color"
          },
          "700": {
            "value": "#A41E24",
            "type": "color"
          },
          "800": {
            "value": "#7E171C",
            "type": "color"
          },
          "900": {
            "value": "#500F12",
            "type": "color"
          },
          "950": {
            "value": "#31090B",
            "type": "color"
          }
        },
        "orange": {
          "50": {
            "value": "#FFF8F3",
            "type": "color"
          },
          "100": {
            "value": "#FFF1E7",
            "type": "color"
          },
          "200": {
            "value": "#FFE1CB",
            "type": "color"
          },
          "300": {
            "value": "#FFC9A3",
            "type": "color"
          },
          "400": {
            "value": "#FF7A2A",
            "type": "color"
          },
          "500": {
            "value": "#DD6525",
            "type": "color"
          },
          "600": {
            "value": "#B2501F",
            "type": "color"
          },
          "700": {
            "value": "#8B3E18",
            "type": "color"
          },
          "800": {
            "value": "#6A2E13",
            "type": "color"
          },
          "900": {
            "value": "#431D0D",
            "type": "color"
          },
          "950": {
            "value": "#271208",
            "type": "color"
          }
        },
        "yellow": {
          "50": {
            "value": "#FFFADF",
            "type": "color"
          },
          "100": {
            "value": "#FFF5BE",
            "type": "color"
          },
          "200": {
            "value": "#FFE76B",
            "type": "color"
          },
          "300": {
            "value": "#F9D100",
            "type": "color"
          },
          "400": {
            "value": "#C0A100",
            "type": "color"
          },
          "500": {
            "value": "#A08700",
            "type": "color"
          },
          "600": {
            "value": "#806C00",
            "type": "color"
          },
          "700": {
            "value": "#645400",
            "type": "color"
          },
          "800": {
            "value": "#4B3F00",
            "type": "color"
          },
          "900": {
            "value": "#2F2800",
            "type": "color"
          },
          "950": {
            "value": "#1C1800",
            "type": "color"
          }
        },
        "green": {
          "50": {
            "value": "#F2FCF4",
            "type": "color"
          },
          "100": {
            "value": "#E4F9EA",
            "type": "color"
          },
          "200": {
            "value": "#C5F1D1",
            "type": "color"
          },
          "300": {
            "value": "#94E6AB",
            "type": "color"
          },
          "400": {
            "value": "#20BC4B",
            "type": "color"
          },
          "500": {
            "value": "#1B9D3F",
            "type": "color"
          },
          "600": {
            "value": "#167E33",
            "type": "color"
          },
          "700": {
            "value": "#116227",
            "type": "color"
          },
          "800": {
            "value": "#0D4A1E",
            "type": "color"
          },
          "900": {
            "value": "#082F13",
            "type": "color"
          },
          "950": {
            "value": "#051C0B",
            "type": "color"
          }
        },
        "sea-green": {
          "50": {
            "value": "#F2FBFA",
            "type": "color"
          },
          "100": {
            "value": "#E5F7F5",
            "type": "color"
          },
          "200": {
            "value": "#C6EFE9",
            "type": "color"
          },
          "300": {
            "value": "#99E2D8",
            "type": "color"
          },
          "400": {
            "value": "#05B7A0",
            "type": "color"
          },
          "500": {
            "value": "#009A85",
            "type": "color"
          },
          "600": {
            "value": "#007B6B",
            "type": "color"
          },
          "700": {
            "value": "#006053",
            "type": "color"
          },
          "800": {
            "value": "#00493F",
            "type": "color"
          },
          "900": {
            "value": "#002E28",
            "type": "color"
          },
          "950": {
            "value": "#001C18",
            "type": "color"
          }
        },
        "blue": {
          "50": {
            "value": "#F4FAFE",
            "type": "color"
          },
          "100": {
            "value": "#E9F5FD",
            "type": "color"
          },
          "200": {
            "value": "#D0EBFB",
            "type": "color"
          },
          "300": {
            "value": "#ABDBF8",
            "type": "color"
          },
          "400": {
            "value": "#3EACEF",
            "type": "color"
          },
          "500": {
            "value": "#008DE4",
            "type": "color"
          },
          "600": {
            "value": "#0071B7",
            "type": "color"
          },
          "700": {
            "value": "#00588F",
            "type": "color"
          },
          "800": {
            "value": "#00436C",
            "type": "color"
          },
          "900": {
            "value": "#002A44",
            "type": "color"
          },
          "950": {
            "value": "#001A29",
            "type": "color"
          }
        },
        "light": {
          "alpha": {
            "50": {
              "value": "#ffffff0d",
              "type": "color"
            },
            "100": {
              "value": "#ffffff1a",
              "type": "color"
            }
          }
        },
        "dark": {
          "alpha": {
            "50": {
              "value": "#0000000d",
              "type": "color"
            },
            "100": {
              "value": "#0000001a",
              "type": "color"
            }
          }
        }
      },
      "space": {
        "inline": {
          "flea": {
            "value": "2px",
            "type": "spacing"
          },
          "ant": {
            "value": "4px",
            "type": "spacing"
          },
          "beetle": {
            "value": "8px",
            "type": "spacing"
          },
          "snail": {
            "value": "12px",
            "type": "spacing"
          },
          "mouse": {
            "value": "16px",
            "type": "spacing"
          },
          "rat": {
            "value": "20px",
            "type": "spacing"
          },
          "rabbit": {
            "value": "24px",
            "type": "spacing"
          },
          "cat": {
            "value": "28px",
            "type": "spacing"
          },
          "dog": {
            "value": "32px",
            "type": "spacing"
          },
          "pig": {
            "value": "48px",
            "type": "spacing"
          }
        },
        "block": {
          "flea": {
            "value": "2px",
            "type": "spacing"
          },
          "ant": {
            "value": "4px",
            "type": "spacing"
          },
          "beetle": {
            "value": "8px",
            "type": "spacing"
          },
          "snail": {
            "value": "12px",
            "type": "spacing"
          },
          "mouse": {
            "value": "16px",
            "type": "spacing"
          },
          "rat": {
            "value": "20px",
            "type": "spacing"
          },
          "rabbit": {
            "value": "24px",
            "type": "spacing"
          },
          "cat": {
            "value": "32px",
            "type": "spacing"
          },
          "dog": {
            "value": "48px",
            "type": "spacing"
          },
          "pig": {
            "value": "64px",
            "type": "spacing"
          }
        },
        "text": {
          "flea": {
            "value": "1px",
            "type": "spacing",
            "description": "0.125ch"
          },
          "ant": {
            "value": "2px",
            "type": "spacing",
            "description": "0.25ch"
          },
          "beetle": {
            "value": "4px",
            "type": "spacing",
            "description": "0.5ch"
          },
          "snail": {
            "value": "6px",
            "type": "spacing",
            "description": "0.75ch"
          },
          "mouse": {
            "value": "8px",
            "type": "spacing",
            "description": "1ch"
          },
          "rat": {
            "value": "12px",
            "type": "spacing",
            "description": "1.5ch"
          },
          "rabbit": {
            "value": "14px",
            "type": "spacing",
            "description": "1.75ch"
          },
          "cat": {
            "value": "16px",
            "type": "spacing",
            "description": "2ch"
          },
          "dog": {
            "value": "24px",
            "type": "spacing",
            "description": "3ch"
          }
        },
        "column": {
          "flea": {
            "value": "1px",
            "type": "spacing"
          },
          "ant": {
            "value": "2px",
            "type": "spacing"
          },
          "beetle": {
            "value": "4px",
            "type": "spacing"
          },
          "snail": {
            "value": "8px",
            "type": "spacing"
          },
          "mouse": {
            "value": "12px",
            "type": "spacing"
          },
          "rat": {
            "value": "16px",
            "type": "spacing"
          },
          "rabbit": {
            "value": "20px",
            "type": "spacing"
          },
          "cat": {
            "value": "24px",
            "type": "spacing"
          },
          "dog": {
            "value": "28px",
            "type": "spacing"
          },
          "pig": {
            "value": "32px",
            "type": "spacing"
          },
          "tiger": {
            "value": "48px",
            "type": "spacing"
          },
          "horse": {
            "value": "64px",
            "type": "spacing"
          },
          "elephant": {
            "value": "96px",
            "type": "spacing"
          },
          "giraffe": {
            "value": "160px",
            "type": "spacing"
          }
        },
        "row": {
          "flea": {
            "value": "1px",
            "type": "spacing"
          },
          "ant": {
            "value": "2px",
            "type": "spacing"
          },
          "beetle": {
            "value": "4px",
            "type": "spacing"
          },
          "snail": {
            "value": "8px",
            "type": "spacing"
          },
          "mouse": {
            "value": "12px",
            "type": "spacing"
          },
          "rat": {
            "value": "16px",
            "type": "spacing"
          },
          "rabbit": {
            "value": "20px",
            "type": "spacing"
          },
          "cat": {
            "value": "24px",
            "type": "spacing"
          },
          "dog": {
            "value": "28px",
            "type": "spacing"
          },
          "pig": {
            "value": "32px",
            "type": "spacing"
          },
          "tiger": {
            "value": "48px",
            "type": "spacing"
          },
          "horse": {
            "value": "64px",
            "type": "spacing"
          },
          "elephant": {
            "value": "96px",
            "type": "spacing"
          },
          "giraffe": {
            "value": "160px",
            "type": "spacing"
          }
        }
      },
      "border-radius": {
        "sm": {
          "value": "4px",
          "type": "borderRadius"
        },
        "md": {
          "value": "8px",
          "type": "borderRadius"
        },
        "lg": {
          "value": "16px",
          "type": "borderRadius"
        },
        "round": {
          "value": "999px",
          "type": "borderRadius"
        }
      },
      "border-width": {
        "sm": {
          "value": "1px",
          "type": "borderWidth"
        },
        "md": {
          "value": "2px",
          "type": "borderWidth"
        },
        "lg": {
          "value": "4px",
          "type": "borderWidth"
        }
      },
      "size": {
        "5xs": {
          "value": "2px",
          "type": "sizing"
        },
        "4xs": {
          "value": "4px",
          "type": "sizing"
        },
        "3xs": {
          "value": "8px",
          "type": "sizing"
        },
        "2xs": {
          "value": "16px",
          "type": "sizing"
        },
        "xs": {
          "value": "24px",
          "type": "sizing"
        },
        "sm": {
          "value": "32px",
          "type": "sizing"
        },
        "md": {
          "value": "48px",
          "type": "sizing"
        },
        "lg": {
          "value": "64px",
          "type": "sizing"
        },
        "xl": {
          "value": "96px",
          "type": "sizing"
        },
        "2xl": {
          "value": "160px",
          "type": "sizing"
        },
        "icon": {
          "sm": {
            "value": "16px",
            "type": "sizing"
          },
          "md": {
            "value": "24px",
            "type": "sizing"
          },
          "lg": {
            "value": "24px",
            "type": "sizing"
          },
          "xl": {
            "value": "24px",
            "type": "sizing"
          },
          "2xl": {
            "value": "32px",
            "type": "sizing"
          },
          "3xl": {
            "value": "40px",
            "type": "sizing"
          },
          "4xl": {
            "value": "48px",
            "type": "sizing"
          }
        }
      },
      "box-shadow": {
        "sm": {
          "value": {
            "x": "0",
            "y": "2",
            "blur": "6",
            "spread": "0",
            "color": "{voorbeeld.color.dark.alpha.100}",
            "type": "dropShadow"
          },
          "type": "boxShadow"
        },
        "md": {
          "value": {
            "x": "0",
            "y": "8",
            "blur": "16",
            "spread": "0",
            "color": "{voorbeeld.color.dark.alpha.100}",
            "type": "dropShadow"
          },
          "type": "boxShadow"
        },
        "lg": {
          "value": {
            "x": "0",
            "y": "16",
            "blur": "48",
            "spread": "0",
            "color": "{voorbeeld.color.dark.alpha.100}",
            "type": "dropShadow"
          },
          "type": "boxShadow"
        }
      }
    }
  },
  "common": {
    "utrecht": {
      "root": {
        "background-color": {
          "value": "{voorbeeld.color.gray.50}",
          "type": "color"
        }
      },
      "document": {
        "background-color": {
          "value": "{voorbeeld.color.white}",
          "type": "color"
        },
        "color": {
          "value": "{voorbeeld.color.gray.900}",
          "type": "color"
        },
        "inverse": {
          "background-color": {
            "value": "{voorbeeld.color.gray.950}",
            "type": "color"
          },
          "color": {
            "value": "{voorbeeld.color.white}",
            "type": "color"
          }
        },
        "subtle": {
          "color": {
            "value": "{voorbeeld.color.gray.600}",
            "type": "color"
          }
        },
        "font-family": {
          "value": "{voorbeeld.typography.font-family.secondary}",
          "type": "fontFamilies"
        },
        "font-size": {
          "value": "{voorbeeld.typography.font-size.md}",
          "type": "fontSizes"
        },
        "font-weight": {
          "value": "{voorbeeld.typography.font-weight.normal}",
          "type": "fontWeights"
        },
        "strong": {
          "font-weight": {
            "value": "{voorbeeld.typography.font-weight.bold}",
            "type": "fontWeights"
          }
        },
        "line-height": {
          "value": "{voorbeeld.typography.line-height.md}",
          "type": "lineHeights"
        }
      },
      "heading": {
        "color": {
          "value": "{voorbeeld.color.gray.900}",
          "type": "color"
        },
        "font-family": {
          "value": "{voorbeeld.typography.font-family.primary}",
          "type": "fontFamilies"
        },
        "font-weight": {
          "value": "{voorbeeld.typography.font-weight.bold}",
          "type": "fontWeights"
        }
      },
      "container": {
        "border-color": {
          "value": "{voorbeeld.color.gray.200}",
          "type": "color"
        },
        "border-width": {
          "value": "{voorbeeld.border-width.sm}",
          "type": "borderWidth"
        }
      },
      "line": {
        "border-color": {
          "value": "{voorbeeld.color.gray.200}",
          "type": "color"
        },
        "border-width": {
          "value": "{voorbeeld.border-width.sm}",
          "type": "borderWidth"
        }
      },
      "interaction": {
        "color": {
          "value": "{voorbeeld.color.violet.700}",
          "type": "color"
        },
        "active": {
          "color": {
            "value": "{voorbeeld.color.violet.900}",
            "type": "color"
          }
        },
        "hover": {
          "color": {
            "value": "{voorbeeld.color.violet.800}",
            "type": "color"
          }
        }
      },
      "focus": {
        "background-color": {
          "value": "{voorbeeld.color.yellow.200}",
          "type": "color"
        },
        "color": {
          "value": "{voorbeeld.color.black}",
          "type": "color"
        },
        "outline-color": {
          "value": "{voorbeeld.color.violet.700}",
          "type": "color"
        },
        "inverse": {
          "outline-color": {
            "value": "{voorbeeld.color.white}",
            "type": "color"
          }
        },
        "outline-offset": {
          "value": "0",
          "type": "other"
        },
        "outline-style": {
          "value": "dotted",
          "type": "other"
        },
        "outline-width": {
          "value": "{voorbeeld.border-width.md}",
          "type": "borderWidth"
        }
      },
      "form-control": {
        "accent-color": {
          "value": "{utrecht.interaction.color}",
          "type": "color"
        },
        "background-color": {
          "value": "{voorbeeld.color.white}",
          "type": "color"
        },
        "border-color": {
          "value": "{voorbeeld.color.gray.500}",
          "type": "color"
        },
        "border-width": {
          "value": "{voorbeeld.border-width.sm}",
          "type": "borderWidth"
        },
        "color": {
          "value": "{voorbeeld.color.gray.950}",
          "type": "color"
        },
        "active": {
          "accent-color": {
            "value": "{utrecht.interaction.active.color}",
            "type": "color"
          },
          "background-color": {
            "value": "{voorbeeld.color.gray.100}",
            "type": "color"
          },
          "border-color": {
            "value": "{voorbeeld.color.gray.500}",
            "type": "color"
          },
          "border-width": {
            "value": "{voorbeeld.border-width.md}",
            "type": "borderWidth"
          },
          "color": {
            "value": "{voorbeeld.color.gray.950}",
            "type": "color"
          }
        },
        "disabled": {
          "accent-color": {
            "value": "{voorbeeld.color.gray.500}",
            "type": "color"
          },
          "background-color": {
            "value": "{voorbeeld.color.gray.50}",
            "type": "color"
          },
          "border-color": {
            "value": "{voorbeeld.color.gray.500}",
            "type": "color"
          },
          "color": {
            "value": "{voorbeeld.color.gray.500}",
            "type": "color"
          }
        },
        "focus": {
          "background-color": {
            "value": "{voorbeeld.color.white}",
            "type": "color"
          },
          "border-color": {
            "value": "{voorbeeld.color.black}",
            "type": "color"
          },
          "border-width": {
            "value": "{voorbeeld.border-width.md}",
            "type": "borderWidth"
          },
          "color": {
            "value": "{voorbeeld.color.black}",
            "type": "color"
          }
        },
        "hover": {
          "accent-color": {
            "value": "{utrecht.interaction.hover.color}",
            "type": "color"
          },
          "background-color": {
            "value": "{voorbeeld.color.gray.50}",
            "type": "color"
          },
          "border-color": {
            "value": "{voorbeeld.color.gray.500}",
            "type": "color"
          },
          "border-width": {
            "value": "{voorbeeld.border-width.md}",
            "type": "borderWidth"
          },
          "color": {
            "value": "{voorbeeld.color.gray.950}",
            "type": "color"
          }
        },
        "invalid": {
          "background-color": {
            "value": "{voorbeeld.color.white}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.feedback.negative.border-color}",
            "type": "color"
          },
          "border-width": {
            "value": "{voorbeeld.border-width.md}",
            "type": "borderWidth"
          },
          "color": {
            "value": "{utrecht.feedback.negative.color}",
            "type": "color"
          }
        },
        "read-only": {
          "background-color": {
            "value": "{voorbeeld.color.gray.50}",
            "type": "color"
          },
          "border-color": {
            "value": "transparent",
            "type": "color"
          },
          "color": {
            "value": "{voorbeeld.color.gray.950}",
            "type": "color"
          }
        },
        "placeholder": {
          "color": {
            "value": "{voorbeeld.color.gray.600}",
            "type": "color"
          }
        }
      },
      "pointer-target": {
        "min-size": {
          "value": "{voorbeeld.size.md}",
          "type": "sizing"
        }
      },
      "icon": {
        "functional": {
          "size": {
            "value": "{voorbeeld.size.icon.md}",
            "type": "sizing"
          }
        },
        "toptask": {
          "size": {
            "value": "{voorbeeld.size.icon.4xl}",
            "type": "sizing"
          }
        }
      },
      "feedback": {
        "informative": {
          "background-color": {
            "value": "{voorbeeld.color.blue.100}",
            "type": "color"
          },
          "border-color": {
            "value": "{voorbeeld.color.blue.600}",
            "type": "color"
          },
          "color": {
            "value": "{voorbeeld.color.blue.600}",
            "type": "color"
          }
        },
        "negative": {
          "background-color": {
            "value": "{voorbeeld.color.red.100}",
            "type": "color"
          },
          "border-color": {
            "value": "{voorbeeld.color.red.600}",
            "type": "color"
          },
          "color": {
            "value": "{voorbeeld.color.red.600}",
            "type": "color"
          }
        },
        "positive": {
          "background-color": {
            "value": "{voorbeeld.color.green.100}",
            "type": "color"
          },
          "border-color": {
            "value": "{voorbeeld.color.green.600}",
            "type": "color"
          },
          "color": {
            "value": "{voorbeeld.color.green.600}",
            "type": "color"
          }
        },
        "warning": {
          "background-color": {
            "value": "{voorbeeld.color.yellow.100}",
            "type": "color"
          },
          "border-color": {
            "value": "{voorbeeld.color.yellow.600}",
            "type": "color"
          },
          "color": {
            "value": "{voorbeeld.color.yellow.600}",
            "type": "color"
          }
        }
      }
    },
    "voorbeeld": {
      "space": {
        "relation": {
          "kind": {
            "value": "0px",
            "type": "dimension"
          },
          "besties": {
            "value": "{voorbeeld.space.row.snail}",
            "type": "dimension"
          },
          "vrienden": {
            "value": "{voorbeeld.space.row.rat}",
            "type": "dimension"
          },
          "bekenden": {
            "value": "{voorbeeld.space.row.cat}",
            "type": "dimension"
          },
          "onbekenden": {
            "value": "{voorbeeld.space.row.pig}",
            "type": "dimension"
          },
          "onbemind": {
            "value": "{voorbeeld.space.row.horse}",
            "type": "dimension"
          }
        }
      }
    }
  },
  "components/accordion": {
    "utrecht": {
      "accordion": {
        "border-radius": {
          "type": "borderRadius",
          "value": "0px"
        },
        "section": {
          "border-block-end-width": {
            "type": "borderWidth",
            "value": "{voorbeeld.border-width.sm}"
          },
          "border-width": {
            "type": "borderWidth",
            "value": "auto"
          },
          "border-color": {
            "value": "{utrecht.line.border-color}",
            "type": "color"
          }
        },
        "body": {
          "border-color": {
            "value": "transparent",
            "type": "color"
          },
          "border-width": {
            "type": "borderWidth",
            "value": "{voorbeeld.border-width.lg}"
          },
          "padding-block-end": {
            "value": "{voorbeeld.space.block.rabbit}",
            "type": "spacing"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.rabbit}",
            "type": "spacing"
          },
          "padding-inline-end": {
            "value": "{voorbeeld.space.inline.mouse}",
            "type": "spacing"
          },
          "padding-inline-start": {
            "value": "{voorbeeld.space.inline.mouse}",
            "type": "spacing"
          }
        },
        "button": {
          "font-size": {
            "value": "{utrecht.document.font-size}",
            "type": "fontSizes"
          },
          "line-height": {
            "value": "{utrecht.document.line-height}",
            "type": "lineHeights"
          },
          "icon": {
            "margin-inline": {
              "value": "{voorbeeld.space.text.mouse}",
              "type": "spacing"
            },
            "size": {
              "type": "sizing",
              "value": "{utrecht.icon.functional.size}"
            }
          },
          "padding-block-end": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-inline-end": {
            "value": "{voorbeeld.space.inline.mouse}",
            "type": "spacing"
          },
          "padding-inline-start": {
            "value": "{voorbeeld.space.inline.mouse}",
            "type": "spacing"
          },
          "hover": {
            "background-color": {
              "type": "color",
              "value": "{voorbeeld.color.gray.100}"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.hover.color}"
            }
          },
          "expanded": {
            "background-color": {
              "value": "{voorbeeld.color.gray.50}",
              "type": "color"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.color}"
            }
          },
          "background-color": {
            "type": "color",
            "value": "{voorbeeld.color.gray.50}"
          },
          "border-color": {
            "value": "transparent",
            "type": "color"
          },
          "color": {
            "type": "color",
            "value": "{utrecht.interaction.color}"
          },
          "focus": {
            "background-color": {
              "type": "color",
              "value": "{utrecht.focus.background-color}"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.focus.color}"
            }
          },
          "active": {
            "background-color": {
              "type": "color",
              "value": "{voorbeeld.color.gray.200}"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.active.color}"
            }
          },
          "border-width": {
            "type": "borderWidth",
            "value": "{voorbeeld.border-width.sm}"
          },
          "font-family": {
            "value": "{utrecht.document.font-family}",
            "type": "fontFamilies"
          },
          "font-weight": {
            "value": "{utrecht.document.strong.font-weight}",
            "type": "fontWeights"
          }
        }
      }
    }
  },
  "components/alert": {
    "utrecht": {
      "alert": {
        "heading": {
          "font-family": {
            "value": "{utrecht.heading.font-family}",
            "type": "fontFamilies"
          },
          "font-weight": {
            "value": "{utrecht.heading.font-weight}",
            "type": "fontWeights"
          },
          "line-height": {
            "value": "{voorbeeld.typography.line-height.sm}",
            "type": "lineHeights"
          },
          "font-size": {
            "value": "{voorbeeld.typography.font-size.xl}",
            "type": "fontSizes"
          }
        },
        "column-gap": {
          "value": "{voorbeeld.space.column.snail}",
          "type": "spacing"
        },
        "border-width": {
          "value": "{voorbeeld.border-width.md}",
          "type": "borderWidth"
        },
        "padding-block-end": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-block-start": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-inline-end": {
          "value": "{voorbeeld.space.inline.mouse}",
          "type": "spacing"
        },
        "padding-inline-start": {
          "value": "{voorbeeld.space.inline.mouse}",
          "type": "spacing"
        },
        "informative": {
          "background-color": {
            "value": "{utrecht.feedback.informative.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.feedback.informative.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.document.color}",
            "type": "color"
          }
        },
        "icon": {
          "informative": {
            "color": {
              "value": "{utrecht.feedback.informative.color}",
              "type": "color"
            }
          },
          "padding-block-end": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-inline-end": {
            "value": "0px",
            "type": "spacing"
          },
          "padding-inline-start": {
            "value": "0px",
            "type": "spacing"
          },
          "positive": {
            "color": {
              "value": "{utrecht.feedback.positive.color}",
              "type": "color"
            }
          },
          "negative": {
            "color": {
              "value": "{utrecht.feedback.negative.color}",
              "type": "color"
            }
          },
          "warning": {
            "color": {
              "value": "{utrecht.feedback.warning.color}",
              "type": "color"
            }
          },
          "size": {
            "type": "sizing",
            "value": "{utrecht.icon.functional.size}"
          }
        },
        "negative": {
          "background-color": {
            "value": "{utrecht.feedback.negative.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.feedback.negative.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.document.color}",
            "type": "color"
          }
        },
        "positive": {
          "background-color": {
            "value": "{utrecht.feedback.positive.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.feedback.positive.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.document.color}",
            "type": "color"
          }
        },
        "warning": {
          "background-color": {
            "value": "{utrecht.feedback.warning.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.feedback.warning.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.document.color}",
            "type": "color"
          }
        },
        "message": {
          "row-gap": {
            "value": "{voorbeeld.space.row.snail}",
            "type": "spacing"
          },
          "padding-block-end": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.beetle}",
            "type": "spacing"
          }
        },
        "content": {
          "row-gap": {
            "value": "{voorbeeld.space.row.snail}",
            "type": "spacing"
          }
        }
      }
    }
  },
  "components/avatar": {
    "todo": {
      "avatar": {
        "background-color": {
          "value": "{utrecht.interaction.color}",
          "type": "color"
        },
        "border-radius": {
          "value": "{voorbeeld.border-radius.round}",
          "type": "borderRadius"
        },
        "size": {
          "value": "{utrecht.pointer-target.min-size}",
          "type": "sizing"
        },
        "icon": {
          "icon-size": {
            "value": "{utrecht.icon.functional.size}",
            "type": "sizing"
          }
        },
        "border-color": {
          "value": "transparent",
          "type": "color"
        },
        "color": {
          "value": "{voorbeeld.color.white}",
          "type": "color"
        },
        "text": {
          "font-family": {
            "value": "{utrecht.document.font-family}",
            "type": "fontFamilies"
          },
          "font-weight": {
            "value": "{utrecht.document.strong.font-weight}",
            "type": "fontWeights"
          },
          "line-height": {
            "value": "{utrecht.document.line-height}",
            "type": "lineHeights"
          },
          "text-transform": {
            "value": "uppercase",
            "type": "textCase"
          },
          "font-size": {
            "value": "{utrecht.document.font-size}",
            "type": "fontSizes"
          }
        },
        "border-width": {
          "value": "{voorbeeld.border-width.sm}",
          "type": "borderWidth"
        },
        "hover": {
          "background-color": {
            "value": "{utrecht.interaction.hover.color}",
            "type": "color"
          },
          "border-color": {
            "value": "transparent",
            "type": "color"
          },
          "color": {
            "value": "{voorbeeld.color.white}",
            "type": "color"
          }
        }
      }
    }
  },
  "components/backdrop": {
    "todo": {
      "backdrop": {
        "background-color": {
          "value": "{voorbeeld.color.black}",
          "type": "color"
        },
        "color": {
          "value": "{voorbeeld.color.white}",
          "type": "color"
        },
        "opacity": {
          "value": "0.2",
          "type": "opacity"
        },
        "reduced-transparency": {
          "opacity": {
            "value": "0.98",
            "type": "opacity"
          }
        },
        "z-index": {
          "value": "auto",
          "type": "other"
        },
        "fade-in": {
          "animation-duration": {
            "value": "0.4s",
            "type": "other"
          }
        }
      }
    }
  },
  "components/blockquote": {
    "utrecht": {
      "blockquote": {
        "attribution": {
          "font-size": {
            "value": "{voorbeeld.typography.font-size.sm}",
            "type": "fontSizes"
          },
          "font-family": {
            "value": "{utrecht.document.font-family}",
            "type": "fontFamilies"
          },
          "line-height": {
            "value": "{voorbeeld.typography.line-height.md}",
            "type": "lineHeights"
          },
          "font-weight": {
            "value": "{utrecht.document.font-weight}",
            "type": "fontWeights"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "color": {
            "value": "{utrecht.document.subtle.color}",
            "type": "color"
          }
        },
        "content": {
          "font-family": {
            "value": "{utrecht.heading.font-family}",
            "type": "fontFamilies"
          },
          "line-height": {
            "value": "{voorbeeld.typography.line-height.sm}",
            "type": "lineHeights"
          },
          "font-weight": {
            "value": "{utrecht.document.font-weight}",
            "type": "fontWeights"
          },
          "font-size": {
            "value": "{voorbeeld.typography.font-size.xl}",
            "type": "fontSizes"
          },
          "color": {
            "value": "{utrecht.document.color}",
            "type": "color"
          }
        },
        "padding-block-end": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-block-start": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-inline-end": {
          "value": "0px",
          "type": "spacing"
        },
        "padding-inline-start": {
          "value": "0px",
          "type": "spacing"
        },
        "background-color": {
          "value": "transparent",
          "type": "color"
        }
      }
    }
  },
  "components/breadcrumb": {
    "todo": {
      "breadcrumb": {
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "link": {
          "icon": {
            "size": {
              "type": "sizing",
              "value": "{utrecht.icon.functional.size}"
            },
            "margin-inline": {
              "value": "{voorbeeld.space.text.beetle}",
              "type": "spacing"
            }
          },
          "padding-block-end": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-inline-end": {
            "value": "0px",
            "type": "spacing"
          },
          "padding-inline-start": {
            "value": "0px",
            "type": "spacing"
          },
          "color": {
            "type": "color",
            "value": "{utrecht.interaction.color}"
          },
          "active": {
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.active.color}"
            },
            "text-decoration": {
              "value": "None",
              "type": "textDecoration"
            }
          },
          "focus": {
            "background-color": {
              "type": "color",
              "value": "{utrecht.focus.background-color}"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.focus.color}"
            },
            "text-decoration": {
              "value": "None",
              "type": "textDecoration"
            }
          },
          "hover": {
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.hover.color}"
            },
            "text-decoration": {
              "value": "None",
              "type": "textDecoration"
            }
          },
          "current": {
            "color": {
              "type": "color",
              "value": "{utrecht.document.subtle.color}"
            }
          },
          "text-decoration": {
            "value": "underline",
            "type": "textDecoration"
          }
        },
        "divider": {
          "size": {
            "type": "sizing",
            "value": "{voorbeeld.size.2xs}"
          },
          "color": {
            "value": "{utrecht.document.subtle.color}",
            "type": "color"
          }
        },
        "margin-inline": {
          "value": "{voorbeeld.space.inline.beetle}",
          "type": "spacing"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-weight": {
          "value": "{utrecht.document.font-weight}",
          "type": "fontWeights"
        }
      }
    }
  },
  "components/button": {
    "utrecht": {
      "button": {
        "primary-action": {
          "hover": {
            "background-color": {
              "type": "color",
              "value": "{utrecht.interaction.hover.color}"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "type": "color",
              "value": "{voorbeeld.color.white}"
            }
          },
          "background-color": {
            "type": "color",
            "value": "{utrecht.interaction.color}"
          },
          "border-color": {
            "value": "transparent",
            "type": "color"
          },
          "color": {
            "type": "color",
            "value": "{voorbeeld.color.white}"
          },
          "disabled": {
            "background-color": {
              "type": "color",
              "value": "{voorbeeld.color.gray.50}"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "type": "color",
              "value": "{voorbeeld.color.gray.500}"
            }
          },
          "focus": {
            "background-color": {
              "type": "color",
              "value": "{utrecht.focus.background-color}"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.focus.color}"
            }
          },
          "font-weight": {
            "value": "{utrecht.document.strong.font-weight}",
            "type": "fontWeights"
          },
          "active": {
            "background-color": {
              "type": "color",
              "value": "{utrecht.interaction.active.color}"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "type": "color",
              "value": "{voorbeeld.color.white}"
            }
          }
        },
        "secondary-action": {
          "hover": {
            "background-color": {
              "type": "color",
              "value": "{voorbeeld.color.gray.50}"
            },
            "border-color": {
              "type": "color",
              "value": "{utrecht.interaction.hover.color}"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.hover.color}"
            }
          },
          "background-color": {
            "type": "color",
            "value": "{voorbeeld.color.white}"
          },
          "border-color": {
            "type": "color",
            "value": "{utrecht.interaction.color}"
          },
          "color": {
            "type": "color",
            "value": "{utrecht.interaction.color}"
          },
          "disabled": {
            "background-color": {
              "type": "color",
              "value": "{voorbeeld.color.gray.50}"
            },
            "border-color": {
              "type": "color",
              "value": "transparent"
            },
            "color": {
              "type": "color",
              "value": "{voorbeeld.color.gray.500}"
            }
          },
          "focus": {
            "background-color": {
              "type": "color",
              "value": "{utrecht.focus.background-color}"
            },
            "border-color": {
              "type": "color",
              "value": "transparent"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.focus.color}"
            }
          },
          "font-weight": {
            "value": "{utrecht.document.strong.font-weight}",
            "type": "fontWeights"
          },
          "active": {
            "background-color": {
              "type": "color",
              "value": "{voorbeeld.color.gray.100}"
            },
            "border-color": {
              "type": "color",
              "value": "{utrecht.interaction.active.color}"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.active.color}"
            }
          }
        },
        "background-color": {
          "type": "color",
          "value": "transparent"
        },
        "border-color": {
          "type": "color",
          "value": "{voorbeeld.color.gray.900}"
        },
        "color": {
          "type": "color",
          "value": "{voorbeeld.color.gray.900}"
        },
        "border-radius": {
          "type": "borderRadius",
          "value": "{voorbeeld.border-radius.md}"
        },
        "border-width": {
          "type": "borderWidth",
          "value": "{voorbeeld.border-width.sm}"
        },
        "icon": {
          "size": {
            "type": "sizing",
            "value": "{utrecht.icon.functional.size}"
          },
          "margin-inline": {
            "value": "{voorbeeld.space.text.beetle}",
            "type": "spacing"
          }
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "font-weight": {
          "value": "{utrecht.document.strong.font-weight}",
          "type": "fontWeights"
        },
        "subtle": {
          "font-weight": {
            "value": "{utrecht.document.strong.font-weight}",
            "type": "fontWeights"
          },
          "hover": {
            "background-color": {
              "type": "color",
              "value": "{voorbeeld.color.dark.alpha.50}"
            },
            "border-color": {
              "type": "color",
              "value": "transparent"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.hover.color}"
            }
          },
          "background-color": {
            "type": "color",
            "value": "transparent"
          },
          "border-color": {
            "type": "color",
            "value": "transparent"
          },
          "color": {
            "type": "color",
            "value": "{utrecht.interaction.color}"
          },
          "disabled": {
            "background-color": {
              "type": "color",
              "value": "{voorbeeld.color.gray.50}"
            },
            "border-color": {
              "type": "color",
              "value": "transparent"
            },
            "color": {
              "type": "color",
              "value": "{voorbeeld.color.gray.500}"
            }
          },
          "focus": {
            "background-color": {
              "type": "color",
              "value": "{utrecht.focus.background-color}"
            },
            "border-color": {
              "type": "color",
              "value": "transparent"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.focus.color}"
            }
          },
          "active": {
            "background-color": {
              "type": "color",
              "value": "{voorbeeld.color.dark.alpha.100}"
            },
            "border-color": {
              "type": "color",
              "value": "transparent"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.active.color}"
            }
          }
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "padding-block-end": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-block-start": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-inline-end": {
          "value": "{voorbeeld.space.inline.mouse}",
          "type": "spacing"
        },
        "padding-inline-start": {
          "value": "{voorbeeld.space.inline.mouse}",
          "type": "spacing"
        },
        "disabled": {
          "background-color": {
            "value": "{voorbeeld.color.gray.50}",
            "type": "color"
          },
          "border-color": {
            "value": "transparent",
            "type": "color"
          },
          "color": {
            "value": "{voorbeeld.color.gray.500}",
            "type": "color"
          }
        },
        "focus": {
          "background-color": {
            "value": "{utrecht.focus.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "transparent",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.focus.color}",
            "type": "color"
          }
        },
        "hover": {
          "background-color": {
            "value": "{voorbeeld.color.gray.50}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.interaction.hover.color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.interaction.hover.color}",
            "type": "color"
          }
        },
        "active": {
          "background-color": {
            "value": "{voorbeeld.color.gray.100}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.interaction.active.color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.interaction.active.color}",
            "type": "color"
          }
        },
        "min-block-size": {
          "type": "sizing",
          "value": "{utrecht.pointer-target.min-size}"
        },
        "min-inline-size": {
          "type": "sizing",
          "value": "{utrecht.pointer-target.min-size}"
        }
      }
    }
  },
  "components/button-group": {
    "utrecht": {
      "button-group": {
        "background-color": {
          "value": "transparent",
          "type": "color"
        },
        "column-gap": {
          "value": "{voorbeeld.space.column.snail}",
          "type": "spacing"
        },
        "margin-block-end": {
          "value": "0px",
          "type": "spacing"
        },
        "margin-block-start": {
          "value": "0px",
          "type": "spacing"
        },
        "padding-block-end": {
          "value": "0px",
          "type": "spacing"
        },
        "padding-block-start": {
          "value": "0px",
          "type": "spacing"
        },
        "row-gap": {
          "value": "{voorbeeld.space.row.snail}",
          "type": "spacing"
        }
      }
    }
  },
  "components/checkbox": {
    "utrecht": {
      "checkbox": {
        "border-radius": {
          "type": "borderRadius",
          "value": "0px"
        },
        "size": {
          "type": "sizing",
          "value": "{voorbeeld.size.xs}"
        },
        "icon": {
          "size": {
            "type": "sizing",
            "value": "{utrecht.icon.functional.size}"
          }
        },
        "background-color": {
          "value": "{utrecht.form-control.background-color}",
          "type": "color"
        },
        "border-color": {
          "value": "{utrecht.form-control.border-color}",
          "type": "color"
        },
        "invalid": {
          "background-color": {
            "value": "{utrecht.form-control.invalid.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.invalid.border-color}",
            "type": "color"
          },
          "border-width": {
            "value": "{utrecht.form-control.invalid.border-width}",
            "type": "borderWidth"
          }
        },
        "focus": {
          "background-color": {
            "value": "{utrecht.form-control.focus.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.focus.border-color}",
            "type": "color"
          },
          "border-width": {
            "value": "{utrecht.form-control.focus.border-width}",
            "type": "borderWidth"
          }
        },
        "disabled": {
          "background-color": {
            "value": "{utrecht.form-control.disabled.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.disabled.border-color}",
            "type": "color"
          }
        },
        "checked": {
          "background-color": {
            "value": "{utrecht.form-control.accent-color}",
            "type": "color"
          },
          "border-color": {
            "value": "transparent",
            "type": "color"
          },
          "color": {
            "value": "{voorbeeld.color.white}",
            "type": "color"
          },
          "border-width": {
            "value": "{utrecht.form-control.border-width}",
            "type": "borderWidth"
          },
          "disabled": {
            "background-color": {
              "value": "{utrecht.form-control.disabled.accent-color}",
              "type": "color"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "value": "{voorbeeld.color.white}",
              "type": "color"
            }
          },
          "focus": {
            "border-width": {
              "value": "{utrecht.form-control.focus.border-width}",
              "type": "borderWidth"
            },
            "background-color": {
              "value": "{utrecht.form-control.focus.background-color}",
              "type": "color"
            },
            "border-color": {
              "value": "{utrecht.form-control.focus.border-color}",
              "type": "color"
            },
            "color": {
              "value": "{utrecht.form-control.focus.color}",
              "type": "color"
            }
          },
          "hover": {
            "border-width": {
              "value": "{utrecht.form-control.hover.border-width}",
              "type": "borderWidth"
            },
            "background-color": {
              "value": "{utrecht.form-control.hover.accent-color}",
              "type": "color"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "value": "{voorbeeld.color.white}",
              "type": "color"
            }
          },
          "active": {
            "border-width": {
              "value": "{utrecht.form-control.active.border-width}",
              "type": "borderWidth"
            },
            "background-color": {
              "value": "{utrecht.form-control.active.accent-color}",
              "type": "color"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "value": "{voorbeeld.color.white}",
              "type": "color"
            }
          }
        },
        "indeterminate": {
          "background-color": {
            "value": "{utrecht.form-control.accent-color}",
            "type": "color"
          },
          "border-color": {
            "value": "transparent",
            "type": "color"
          },
          "color": {
            "value": "{voorbeeld.color.white}",
            "type": "color"
          },
          "border-width": {
            "value": "{utrecht.form-control.border-width}",
            "type": "borderWidth"
          },
          "disabled": {
            "background-color": {
              "value": "{utrecht.form-control.disabled.accent-color}",
              "type": "color"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "value": "{voorbeeld.color.white}",
              "type": "color"
            }
          },
          "active": {
            "background-color": {
              "value": "{utrecht.form-control.active.accent-color}",
              "type": "color"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "value": "{voorbeeld.color.white}",
              "type": "color"
            },
            "border-width": {
              "value": "{utrecht.form-control.active.border-width}",
              "type": "borderWidth"
            }
          },
          "hover": {
            "background-color": {
              "value": "{utrecht.form-control.hover.accent-color}",
              "type": "color"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "value": "{voorbeeld.color.white}",
              "type": "color"
            },
            "border-width": {
              "value": "{utrecht.form-control.hover.border-width}",
              "type": "borderWidth"
            }
          },
          "focus": {
            "background-color": {
              "value": "{utrecht.form-control.focus.background-color}",
              "type": "color"
            },
            "border-color": {
              "value": "{utrecht.form-control.focus.border-color}",
              "type": "color"
            },
            "color": {
              "value": "{utrecht.form-control.focus.color}",
              "type": "color"
            },
            "border-width": {
              "value": "{utrecht.form-control.focus.border-width}",
              "type": "borderWidth"
            }
          }
        },
        "border-width": {
          "value": "{utrecht.form-control.border-width}",
          "type": "borderWidth"
        },
        "hover": {
          "border-width": {
            "value": "{utrecht.form-control.hover.border-width}",
            "type": "borderWidth"
          },
          "background-color": {
            "value": "{utrecht.form-control.hover.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.hover.border-color}",
            "type": "color"
          }
        },
        "active": {
          "border-width": {
            "value": "{utrecht.form-control.active.border-width}",
            "type": "borderWidth"
          },
          "background-color": {
            "value": "{utrecht.form-control.active.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.active.border-color}",
            "type": "color"
          }
        }
      }
    }
  },
  "components/checkbox-group": {
    "todo": {
      "checkbox-group": {
        "padding-block-end": {
          "value": "{voorbeeld.space.block.beetle}",
          "type": "spacing"
        },
        "padding-block-start": {
          "value": "{voorbeeld.space.block.beetle}",
          "type": "spacing"
        },
        "row-gap": {
          "value": "{voorbeeld.space.row.rat}",
          "type": "spacing"
        }
      }
    }
  },
  "components/counter-badge": {
    "utrecht": {
      "counter-badge": {
        "font-size": {
          "value": "{voorbeeld.typography.font-size.sm}",
          "type": "fontSizes"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "min-block-size": {
          "type": "sizing",
          "value": "{voorbeeld.size.xs}"
        },
        "min-inline-size": {
          "type": "sizing",
          "value": "{voorbeeld.size.xs}"
        },
        "font-weight": {
          "value": "{utrecht.document.strong.font-weight}",
          "type": "fontWeights"
        },
        "border-width": {
          "value": "{voorbeeld.border-width.sm}",
          "type": "borderWidth"
        },
        "border-radius": {
          "type": "borderRadius",
          "value": "{voorbeeld.border-radius.round}"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "background-color": {
          "type": "color",
          "value": "{voorbeeld.color.violet.100}"
        },
        "border-color": {
          "type": "color",
          "value": "transparent"
        },
        "color": {
          "type": "color",
          "value": "{utrecht.document.color}"
        },
        "padding-inline": {
          "value": "{voorbeeld.space.inline.ant}",
          "type": "spacing"
        },
        "padding-block": {
          "value": "{voorbeeld.space.block.ant}",
          "type": "spacing"
        }
      }
    }
  },
  "components/data-list": {
    "todo": {
      "data-list": {
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "item-value": {
          "font-weight": {
            "value": "{utrecht.document.font-weight}",
            "type": "fontWeights"
          },
          "row": {
            "padding-block-end": {
              "value": "{voorbeeld.space.block.snail}",
              "type": "spacing"
            },
            "padding-block-start": {
              "value": "{voorbeeld.space.block.snail}",
              "type": "spacing"
            },
            "padding-inline-end": {
              "value": "0px",
              "type": "spacing"
            },
            "padding-inline-start": {
              "value": "0px",
              "type": "spacing"
            }
          },
          "padding-block-end": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.ant}",
            "type": "spacing"
          },
          "padding-inline-end": {
            "value": "0px",
            "type": "spacing"
          },
          "padding-inline-start": {
            "value": "0px",
            "type": "spacing"
          }
        },
        "item-key": {
          "font-weight": {
            "value": "{utrecht.document.strong.font-weight}",
            "type": "fontWeights"
          },
          "row": {
            "padding-block-end": {
              "value": "{voorbeeld.space.block.snail}",
              "type": "spacing"
            },
            "padding-block-start": {
              "value": "{voorbeeld.space.block.snail}",
              "type": "spacing"
            },
            "padding-inline-end": {
              "value": "{voorbeeld.space.inline.mouse}",
              "type": "spacing"
            },
            "padding-inline-start": {
              "value": "0px",
              "type": "spacing"
            }
          },
          "padding-block-end": {
            "value": "{voorbeeld.space.block.ant}",
            "type": "spacing"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-inline-end": {
            "value": "0px",
            "type": "spacing"
          },
          "padding-inline-start": {
            "value": "0px",
            "type": "spacing"
          }
        },
        "item": {
          "border-width": {
            "type": "borderWidth",
            "value": "{voorbeeld.border-width.sm}"
          },
          "border-color": {
            "value": "{utrecht.line.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.document.color}",
            "type": "color"
          }
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "item-action": {
          "row": {
            "padding-block-end": {
              "value": "{voorbeeld.space.block.snail}",
              "type": "spacing"
            },
            "padding-block-start": {
              "value": "{voorbeeld.space.block.snail}",
              "type": "spacing"
            },
            "padding-inline-end": {
              "value": "0px",
              "type": "spacing"
            },
            "padding-inline-start": {
              "value": "{voorbeeld.space.inline.mouse}",
              "type": "spacing"
            }
          },
          "padding-block-end": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-inline-end": {
            "value": "{voorbeeld.space.inline.mouse}",
            "type": "spacing"
          },
          "padding-inline-start": {
            "value": "0px",
            "type": "spacing"
          }
        }
      }
    }
  },
  "components/drawer": {
    "todo": {
      "drawer": {
        "header": {
          "border-width": {
            "type": "borderWidth",
            "value": "{voorbeeld.border-width.sm}"
          },
          "label": {
            "color": {
              "value": "{utrecht.document.color}",
              "type": "color"
            }
          },
          "padding-block-end": {
            "value": "{voorbeeld.space.block.beetle}",
            "type": "spacing"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.beetle}",
            "type": "spacing"
          },
          "padding-inline-start": {
            "value": "{voorbeeld.space.inline.mouse}",
            "type": "spacing"
          },
          "padding-inline-end": {
            "value": "{voorbeeld.space.inline.beetle}",
            "type": "spacing"
          },
          "column-gap": {
            "value": "{voorbeeld.space.column.snail}",
            "type": "spacing"
          },
          "border-color": {
            "value": "{utrecht.line.border-color}",
            "type": "color"
          },
          "background-color": {
            "value": "transparent",
            "type": "color"
          }
        },
        "border-radius": {
          "type": "borderRadius",
          "value": "0px"
        },
        "footer": {
          "border-width": {
            "type": "borderWidth",
            "value": "{voorbeeld.border-width.sm}"
          },
          "padding-block-end": {
            "value": "{voorbeeld.space.block.mouse}",
            "type": "spacing"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.mouse}",
            "type": "spacing"
          },
          "padding-inline-start": {
            "value": "{voorbeeld.space.inline.mouse}",
            "type": "spacing"
          },
          "padding-inline-end": {
            "value": "{voorbeeld.space.inline.mouse}",
            "type": "spacing"
          },
          "border-color": {
            "value": "{utrecht.line.border-color}",
            "type": "color"
          },
          "background-color": {
            "value": "transparent",
            "type": "color"
          }
        },
        "border-width": {
          "type": "borderWidth",
          "value": "{voorbeeld.border-width.sm}"
        },
        "content": {
          "padding-block-end": {
            "value": "{voorbeeld.space.block.rabbit}",
            "type": "spacing"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.rabbit}",
            "type": "spacing"
          },
          "padding-inline": {
            "value": "{voorbeeld.space.inline.mouse}",
            "type": "spacing"
          }
        },
        "background-color": {
          "value": "{utrecht.document.background-color}",
          "type": "color"
        },
        "border-color": {
          "value": "{utrecht.container.border-color}",
          "type": "color"
        },
        "color": {
          "value": "{utrecht.document.color}",
          "type": "color"
        },
        "box-shadow": {
          "value": "{voorbeeld.box-shadow.lg}",
          "type": "boxShadow"
        }
      }
    },
    "utrecht": {
      "drawer": {
        "header": {
          "label": {
            "font-family": {
              "value": "{utrecht.document.font-family}",
              "type": "fontFamilies"
            },
            "font-size": {
              "value": "{utrecht.document.font-size}",
              "type": "fontSizes"
            },
            "font-weight": {
              "value": "{utrecht.document.strong.font-weight}",
              "type": "fontWeights"
            },
            "line-height": {
              "value": "{utrecht.document.line-height}",
              "type": "lineHeights"
            }
          }
        }
      }
    }
  },
  "components/form-field": {
    "utrecht": {
      "form-field": {
        "invalid": {
          "border-inline-start-color": {
            "value": "{utrecht.feedback.negative.border-color}",
            "type": "color"
          },
          "border-inline-start-width": {
            "value": "{voorbeeld.border-width.md}",
            "type": "borderWidth"
          },
          "padding-inline-start": {
            "value": "{voorbeeld.space.inline.mouse}",
            "type": "spacing"
          }
        }
      }
    }
  },
  "components/form-field-checkbox-option": {
    "todo": {
      "form-field-checkbox-option": {
        "column-gap": {
          "value": "{voorbeeld.space.column.snail}",
          "type": "spacing"
        }
      }
    }
  },
  "components/form-field-description": {
    "utrecht": {
      "form-field-description": {
        "color": {
          "type": "color",
          "value": "{utrecht.document.subtle.color}"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        }
      }
    }
  },
  "components/form-field-error-message": {
    "utrecht": {
      "form-field-error-message": {
        "icon": {
          "size": {
            "type": "sizing",
            "value": "{utrecht.icon.functional.size}"
          },
          "margin-inline-end": {
            "value": "{voorbeeld.space.text.mouse}",
            "type": "spacing"
          }
        },
        "color": {
          "type": "color",
          "value": "{utrecht.feedback.negative.color}"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "font-weight": {
          "value": "{utrecht.document.font-weight}",
          "type": "fontWeights"
        }
      }
    }
  },
  "components/form-field-label": {
    "todo": {
      "form-field-label": {
        "color": {
          "type": "color",
          "value": "{utrecht.document.color}"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "font-weight": {
          "value": "{utrecht.document.strong.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        }
      }
    }
  },
  "components/form-field-option-label": {
    "todo": {
      "form-field-option-label": {
        "color": {
          "value": "{utrecht.form-control.color}",
          "type": "color"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-weight": {
          "value": "{utrecht.document.font-weight}",
          "type": "fontWeights"
        },
        "disabled": {
          "color": {
            "value": "{voorbeeld.color.gray.600}",
            "type": "color"
          }
        }
      }
    }
  },
  "components/form-field-radio-option": {
    "todo": {
      "form-field-radio-option": {
        "column-gap": {
          "value": "{voorbeeld.space.column.snail}",
          "type": "spacing"
        }
      }
    }
  },
  "components/heading": {
    "utrecht": {
      "heading-1": {
        "color": {
          "type": "color",
          "value": "{utrecht.heading.color}"
        },
        "font-family": {
          "value": "{utrecht.heading.font-family}",
          "type": "fontFamilies"
        },
        "font-weight": {
          "value": "{utrecht.heading.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{voorbeeld.typography.line-height.sm}",
          "type": "lineHeights"
        },
        "font-size": {
          "value": "{voorbeeld.typography.font-size.3xl}",
          "type": "fontSizes"
        }
      },
      "heading-2": {
        "color": {
          "type": "color",
          "value": "{utrecht.heading.color}"
        },
        "font-family": {
          "value": "{utrecht.heading.font-family}",
          "type": "fontFamilies"
        },
        "font-weight": {
          "value": "{utrecht.heading.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{voorbeeld.typography.line-height.sm}",
          "type": "lineHeights"
        },
        "font-size": {
          "value": "{voorbeeld.typography.font-size.2xl}",
          "type": "fontSizes"
        }
      },
      "heading-3": {
        "color": {
          "type": "color",
          "value": "{utrecht.heading.color}"
        },
        "font-family": {
          "value": "{utrecht.heading.font-family}",
          "type": "fontFamilies"
        },
        "font-weight": {
          "value": "{utrecht.heading.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{voorbeeld.typography.line-height.sm}",
          "type": "lineHeights"
        },
        "font-size": {
          "value": "{voorbeeld.typography.font-size.xl}",
          "type": "fontSizes"
        }
      },
      "heading-4": {
        "color": {
          "type": "color",
          "value": "{utrecht.heading.color}"
        },
        "font-family": {
          "value": "{utrecht.heading.font-family}",
          "type": "fontFamilies"
        },
        "font-weight": {
          "value": "{utrecht.heading.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{voorbeeld.typography.line-height.md}",
          "type": "lineHeights"
        },
        "font-size": {
          "value": "{voorbeeld.typography.font-size.lg}",
          "type": "fontSizes"
        }
      },
      "heading-5": {
        "color": {
          "type": "color",
          "value": "{utrecht.heading.color}"
        },
        "font-family": {
          "value": "{utrecht.heading.font-family}",
          "type": "fontFamilies"
        },
        "font-weight": {
          "value": "{utrecht.heading.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{voorbeeld.typography.line-height.md}",
          "type": "lineHeights"
        },
        "font-size": {
          "value": "{voorbeeld.typography.font-size.md}",
          "type": "fontSizes"
        }
      },
      "heading-6": {
        "color": {
          "type": "color",
          "value": "{utrecht.heading.color}"
        },
        "font-family": {
          "value": "{utrecht.heading.font-family}",
          "type": "fontFamilies"
        },
        "font-weight": {
          "value": "{utrecht.heading.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{voorbeeld.typography.line-height.md}",
          "type": "lineHeights"
        },
        "font-size": {
          "value": "{voorbeeld.typography.font-size.sm}",
          "type": "fontSizes"
        }
      }
    }
  },
  "components/icon-only-button": {
    "todo": {
      "icon-only-button": {
        "padding-block-end": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-block-start": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-inline-end": {
          "value": "{voorbeeld.space.inline.snail}",
          "type": "spacing"
        },
        "padding-inline-start": {
          "value": "{voorbeeld.space.inline.snail}",
          "type": "spacing"
        }
      }
    }
  },
  "components/link": {
    "utrecht": {
      "link": {
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "color": {
          "type": "color",
          "value": "{utrecht.interaction.color}"
        },
        "text-decoration-color": {
          "type": "color",
          "value": "{utrecht.interaction.color}"
        },
        "active": {
          "color": {
            "type": "color",
            "value": "{utrecht.interaction.active.color}"
          },
          "text-decoration": {
            "value": "None",
            "type": "textDecoration"
          }
        },
        "focus": {
          "background-color": {
            "type": "color",
            "value": "{utrecht.focus.background-color}"
          },
          "color": {
            "type": "color",
            "value": "{utrecht.focus.color}"
          },
          "text-decoration": {
            "value": "None",
            "type": "textDecoration"
          },
          "text-decoration-thickness": {
            "value": "auto",
            "type": "other"
          }
        },
        "hover": {
          "color": {
            "type": "color",
            "value": "{utrecht.interaction.hover.color}"
          },
          "text-decoration": {
            "value": "None",
            "type": "textDecoration"
          },
          "text-decoration-thickness": {
            "value": "auto",
            "type": "other"
          }
        },
        "visited": {
          "color": {
            "type": "color",
            "value": "{utrecht.interaction.color}"
          }
        },
        "text-decoration": {
          "value": "underline",
          "type": "textDecoration"
        },
        "icon": {
          "size": {
            "type": "sizing",
            "value": "{utrecht.icon.functional.size}"
          },
          "margin-inline": {
            "value": "{voorbeeld.space.text.beetle}",
            "type": "spacing"
          }
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "text-decoration-thickness": {
          "value": "auto",
          "type": "other"
        },
        "text-underline-offset": {
          "value": "auto",
          "type": "other"
        },
        "font-weight": {
          "value": "{utrecht.document.font-weight}",
          "type": "fontWeights"
        }
      }
    }
  },
  "components/modal-dialog": {
    "todo": {
      "modal-dialog": {
        "border-radius": {
          "value": "{voorbeeld.border-radius.lg}",
          "type": "borderRadius"
        },
        "box-shadow": {
          "value": "{voorbeeld.box-shadow.lg}",
          "type": "boxShadow"
        },
        "header": {
          "padding-block-start": {
            "value": "{voorbeeld.space.block.beetle}",
            "type": "spacing"
          },
          "padding-inline-start": {
            "value": "{voorbeeld.space.inline.mouse}",
            "type": "spacing"
          },
          "padding-inline-end": {
            "value": "{voorbeeld.space.inline.beetle}",
            "type": "spacing"
          },
          "padding-block-end": {
            "value": "{voorbeeld.space.block.beetle}",
            "type": "spacing"
          },
          "background-color": {
            "value": "transparent",
            "type": "color"
          },
          "label": {
            "color": {
              "value": "{utrecht.document.color}",
              "type": "color"
            },
            "font-family": {
              "value": "{utrecht.document.font-family}",
              "type": "fontFamilies"
            },
            "font-weight": {
              "value": "{utrecht.document.strong.font-weight}",
              "type": "fontWeights"
            },
            "font-size": {
              "value": "{utrecht.document.font-size}",
              "type": "fontSizes"
            },
            "line-height": {
              "value": "{utrecht.document.line-height}",
              "type": "lineHeights"
            }
          },
          "border-color": {
            "value": "{utrecht.line.border-color}",
            "type": "color"
          },
          "column-gap": {
            "value": "{voorbeeld.space.column.snail}",
            "type": "spacing"
          },
          "border-width": {
            "value": "{voorbeeld.border-width.sm}",
            "type": "borderWidth"
          }
        },
        "border-color": {
          "value": "transparent",
          "type": "color"
        },
        "background-color": {
          "value": "{utrecht.document.background-color}",
          "type": "color"
        },
        "color": {
          "value": "{utrecht.document.color}",
          "type": "color"
        },
        "footer": {
          "padding-block-start": {
            "value": "{voorbeeld.space.block.mouse}",
            "type": "spacing"
          },
          "padding-inline-start": {
            "value": "{voorbeeld.space.inline.mouse}",
            "type": "spacing"
          },
          "padding-inline-end": {
            "value": "{voorbeeld.space.inline.mouse}",
            "type": "spacing"
          },
          "padding-block-end": {
            "value": "{voorbeeld.space.block.mouse}",
            "type": "spacing"
          },
          "background-color": {
            "value": "transparent",
            "type": "color"
          },
          "border-color": {
            "value": "transparent",
            "type": "color"
          },
          "border-width": {
            "value": "{voorbeeld.border-width.sm}",
            "type": "borderWidth"
          }
        },
        "content": {
          "padding-block-start": {
            "value": "{voorbeeld.space.block.rabbit}",
            "type": "spacing"
          },
          "padding-block-end": {
            "value": "{voorbeeld.space.block.rabbit}",
            "type": "spacing"
          },
          "padding-inline": {
            "value": "{voorbeeld.space.inline.mouse}",
            "type": "spacing"
          }
        },
        "border-width": {
          "value": "{voorbeeld.border-width.sm}",
          "type": "borderWidth"
        }
      }
    }
  },
  "components/ordered-list": {
    "utrecht": {
      "ordered-list": {
        "padding-inline-start": {
          "value": "{voorbeeld.space.inline.rabbit}",
          "type": "spacing"
        },
        "color": {
          "type": "color",
          "value": "{utrecht.document.color}"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-weight": {
          "value": "{utrecht.document.font-weight}",
          "type": "fontWeights"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "item": {
          "margin-block-end": {
            "value": "{voorbeeld.space.block.ant}",
            "type": "spacing"
          },
          "margin-block-start": {
            "value": "{voorbeeld.space.block.ant}",
            "type": "spacing"
          }
        }
      }
    }
  },
  "components/pagination": {
    "todo": {
      "pagination": {
        "relative-link": {
          "border-width": {
            "type": "borderWidth",
            "value": "{voorbeeld.border-width.sm}"
          },
          "icon": {
            "margin-inline": {
              "value": "{voorbeeld.space.text.beetle}",
              "type": "spacing"
            },
            "size": {
              "type": "sizing",
              "value": "{utrecht.icon.functional.size}"
            }
          },
          "padding-block-end": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-inline-start": {
            "value": "0px",
            "type": "spacing"
          },
          "padding-inline-end": {
            "value": "0px",
            "type": "spacing"
          },
          "background-color": {
            "type": "color",
            "value": "transparent"
          },
          "border-color": {
            "type": "color",
            "value": "transparent"
          },
          "color": {
            "type": "color",
            "value": "{utrecht.interaction.color}"
          },
          "active": {
            "background-color": {
              "type": "color",
              "value": "transparent"
            },
            "border-color": {
              "type": "color",
              "value": "transparent"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.active.color}"
            },
            "text-decoration": {
              "value": "underline",
              "type": "textDecoration"
            }
          },
          "focus": {
            "background-color": {
              "type": "color",
              "value": "{utrecht.focus.background-color}"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.focus.color}"
            },
            "text-decoration": {
              "value": "None",
              "type": "textDecoration"
            }
          },
          "hover": {
            "background-color": {
              "type": "color",
              "value": "transparent"
            },
            "border-color": {
              "type": "color",
              "value": "transparent"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.hover.color}"
            },
            "text-decoration": {
              "value": "underline",
              "type": "textDecoration"
            }
          },
          "text-decoration": {
            "value": "None",
            "type": "textDecoration"
          },
          "border-radius": {
            "value": "0px",
            "type": "borderRadius"
          },
          "font-weight": {
            "value": "{utrecht.document.font-weight}",
            "type": "fontWeights"
          },
          "min-block-size": {
            "type": "sizing",
            "value": "{utrecht.pointer-target.min-size}"
          },
          "min-inline-size": {
            "type": "sizing",
            "value": "{utrecht.pointer-target.min-size}"
          },
          "disabled": {
            "background-color": {
              "type": "color",
              "value": "transparent"
            },
            "border-color": {
              "type": "color",
              "value": "transparent"
            },
            "color": {
              "type": "color",
              "value": "{voorbeeld.color.gray.500}"
            }
          }
        },
        "page-link": {
          "border-width": {
            "type": "borderWidth",
            "value": "{voorbeeld.border-width.sm}"
          },
          "font-weight": {
            "value": "{utrecht.document.font-weight}",
            "type": "fontWeights"
          },
          "current": {
            "font-weight": {
              "value": "{utrecht.document.strong.font-weight}",
              "type": "fontWeights"
            },
            "text-decoration": {
              "value": "None",
              "type": "textDecoration"
            },
            "background-color": {
              "type": "color",
              "value": "{voorbeeld.color.gray.100}"
            },
            "border-color": {
              "type": "color",
              "value": "transparent"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.document.color}"
            }
          },
          "border-radius": {
            "value": "0px",
            "type": "borderRadius"
          },
          "padding-block-end": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-inline-end": {
            "value": "{voorbeeld.space.inline.snail}",
            "type": "spacing"
          },
          "padding-inline-start": {
            "value": "{voorbeeld.space.inline.snail}",
            "type": "spacing"
          },
          "focus": {
            "text-decoration": {
              "value": "None",
              "type": "textDecoration"
            },
            "background-color": {
              "type": "color",
              "value": "{utrecht.focus.background-color}"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.focus.color}"
            }
          },
          "hover": {
            "text-decoration": {
              "value": "underline",
              "type": "textDecoration"
            },
            "background-color": {
              "type": "color",
              "value": "transparent"
            },
            "border-color": {
              "type": "color",
              "value": "transparent"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.hover.color}"
            }
          },
          "text-decoration": {
            "value": "None",
            "type": "textDecoration"
          },
          "active": {
            "text-decoration": {
              "value": "underline",
              "type": "textDecoration"
            },
            "background-color": {
              "type": "color",
              "value": "transparent"
            },
            "border-color": {
              "type": "color",
              "value": "transparent"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.active.color}"
            }
          },
          "background-color": {
            "type": "color",
            "value": "transparent"
          },
          "border-color": {
            "type": "color",
            "value": "transparent"
          },
          "color": {
            "type": "color",
            "value": "{utrecht.interaction.color}"
          },
          "min-block-size": {
            "type": "sizing",
            "value": "{utrecht.pointer-target.min-size}"
          },
          "min-inline-size": {
            "type": "sizing",
            "value": "{utrecht.pointer-target.min-size}"
          }
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "ellipses": {
          "padding-block-end": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-inline-end": {
            "value": "{voorbeeld.space.inline.ant}",
            "type": "spacing"
          },
          "padding-inline-start": {
            "value": "{voorbeeld.space.inline.ant}",
            "type": "spacing"
          },
          "color": {
            "value": "{utrecht.document.subtle.color}",
            "type": "color"
          },
          "font-weight": {
            "value": "{utrecht.document.font-weight}",
            "type": "fontWeights"
          }
        },
        "description": {
          "color": {
            "value": "{utrecht.document.color}",
            "type": "color"
          },
          "font-weight": {
            "value": "{utrecht.document.font-weight}",
            "type": "fontWeights"
          }
        }
      }
    }
  },
  "components/paragraph": {
    "utrecht": {
      "paragraph": {
        "color": {
          "type": "color",
          "value": "{utrecht.document.color}"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "font-weight": {
          "value": "{utrecht.document.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        }
      },
      "paragraph-lead": {
        "color": {
          "type": "color",
          "value": "{utrecht.document.color}"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-size": {
          "value": "{voorbeeld.typography.font-size.lg}",
          "type": "fontSizes"
        },
        "font-weight": {
          "value": "{utrecht.document.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        }
      },
      "paragraph-small-print": {
        "color": {
          "type": "color",
          "value": "{utrecht.document.color}"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-size": {
          "value": "{voorbeeld.typography.font-size.sm}",
          "type": "fontSizes"
        },
        "font-weight": {
          "value": "{utrecht.document.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        }
      }
    }
  },
  "components/radio": {
    "utrecht": {
      "radio": {
        "active": {
          "border-width": {
            "value": "{utrecht.form-control.active.border-width}",
            "type": "borderWidth"
          },
          "background-color": {
            "value": "{utrecht.form-control.active.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.active.border-color}",
            "type": "color"
          }
        },
        "size": {
          "type": "sizing",
          "value": "{voorbeeld.size.xs}"
        },
        "dot": {
          "size": {
            "type": "sizing",
            "value": "{voorbeeld.size.3xs}"
          }
        },
        "background-color": {
          "value": "{utrecht.form-control.background-color}",
          "type": "color"
        },
        "border-color": {
          "value": "{utrecht.form-control.border-color}",
          "type": "color"
        },
        "invalid": {
          "background-color": {
            "value": "{utrecht.form-control.invalid.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.invalid.border-color}",
            "type": "color"
          },
          "border-width": {
            "value": "{utrecht.form-control.invalid.border-width}",
            "type": "borderWidth"
          }
        },
        "focus": {
          "background-color": {
            "value": "{utrecht.form-control.focus.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.focus.border-color}",
            "type": "color"
          },
          "border-width": {
            "value": "{utrecht.form-control.focus.border-width}",
            "type": "borderWidth"
          }
        },
        "disabled": {
          "background-color": {
            "value": "{utrecht.form-control.disabled.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.disabled.border-color}",
            "type": "color"
          }
        },
        "checked": {
          "background-color": {
            "value": "{utrecht.form-control.accent-color}",
            "type": "color"
          },
          "border-color": {
            "value": "transparent",
            "type": "color"
          },
          "color": {
            "value": "{voorbeeld.color.white}",
            "type": "color"
          },
          "hover": {
            "background-color": {
              "value": "{utrecht.form-control.hover.accent-color}",
              "type": "color"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "value": "{voorbeeld.color.white}",
              "type": "color"
            },
            "border-width": {
              "value": "{utrecht.form-control.hover.border-width}",
              "type": "borderWidth"
            }
          },
          "active": {
            "background-color": {
              "value": "{utrecht.form-control.active.accent-color}",
              "type": "color"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "value": "{voorbeeld.color.white}",
              "type": "color"
            },
            "border-width": {
              "value": "{utrecht.form-control.active.border-width}",
              "type": "borderWidth"
            }
          },
          "focus": {
            "background-color": {
              "value": "{utrecht.form-control.focus.background-color}",
              "type": "color"
            },
            "border-color": {
              "value": "{utrecht.form-control.focus.border-color}",
              "type": "color"
            },
            "color": {
              "value": "{utrecht.form-control.focus.color}",
              "type": "color"
            },
            "border-width": {
              "value": "{utrecht.form-control.focus.border-width}",
              "type": "borderWidth"
            }
          },
          "disabled": {
            "background-color": {
              "value": "{utrecht.form-control.disabled.accent-color}",
              "type": "color"
            },
            "border-color": {
              "value": "transparent",
              "type": "color"
            },
            "color": {
              "value": "{voorbeeld.color.white}",
              "type": "color"
            }
          },
          "border-width": {
            "value": "{utrecht.form-control.border-width}",
            "type": "borderWidth"
          }
        },
        "hover": {
          "background-color": {
            "value": "{utrecht.form-control.hover.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.hover.border-color}",
            "type": "color"
          },
          "border-width": {
            "value": "{utrecht.form-control.hover.border-width}",
            "type": "borderWidth"
          }
        },
        "border-radius": {
          "type": "borderRadius",
          "value": "{voorbeeld.border-radius.round}"
        },
        "border-width": {
          "value": "{utrecht.form-control.border-width}",
          "type": "borderWidth"
        }
      }
    }
  },
  "components/radio-group": {
    "todo": {
      "radio-group": {
        "padding-block-end": {
          "value": "{voorbeeld.space.block.beetle}",
          "type": "spacing"
        },
        "padding-block-start": {
          "value": "{voorbeeld.space.block.beetle}",
          "type": "spacing"
        },
        "row-gap": {
          "value": "{voorbeeld.space.row.rat}",
          "type": "spacing"
        }
      }
    }
  },
  "components/select": {
    "utrecht": {
      "select": {
        "icon": {
          "size": {
            "type": "sizing",
            "value": "{utrecht.icon.functional.size}"
          }
        },
        "background-color": {
          "value": "{utrecht.form-control.background-color}",
          "type": "color"
        },
        "border-color": {
          "value": "{utrecht.form-control.border-color}",
          "type": "color"
        },
        "color": {
          "value": "{utrecht.form-control.color}",
          "type": "color"
        },
        "invalid": {
          "background-color": {
            "value": "{utrecht.form-control.invalid.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.invalid.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.form-control.color}",
            "type": "color"
          },
          "border-width": {
            "value": "{utrecht.form-control.invalid.border-width}",
            "type": "borderWidth"
          }
        },
        "focus": {
          "background-color": {
            "value": "{utrecht.form-control.focus.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.focus.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.form-control.focus.color}",
            "type": "color"
          },
          "border-width": {
            "value": "{utrecht.form-control.focus.border-width}",
            "type": "borderWidth"
          }
        },
        "disabled": {
          "background-color": {
            "value": "{utrecht.form-control.disabled.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.disabled.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.form-control.disabled.color}",
            "type": "color"
          }
        },
        "hover": {
          "background-color": {
            "value": "{utrecht.form-control.hover.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.hover.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.form-control.hover.color}",
            "type": "color"
          },
          "border-width": {
            "value": "{utrecht.form-control.hover.border-width}",
            "type": "borderWidth"
          }
        },
        "padding-block-end": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-block-start": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-inline-end": {
          "value": "{voorbeeld.space.inline.snail}",
          "type": "spacing"
        },
        "padding-inline-start": {
          "value": "{voorbeeld.space.inline.snail}",
          "type": "spacing"
        },
        "border-radius": {
          "type": "borderRadius",
          "value": "0px"
        },
        "border-bottom-width": {
          "value": "auto",
          "type": "borderWidth"
        },
        "border-width": {
          "value": "{utrecht.form-control.border-width}",
          "type": "borderWidth"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-weight": {
          "value": "{utrecht.document.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "max-inline-size": {
          "value": "400px",
          "type": "sizing"
        }
      }
    }
  },
  "components/separator": {
    "utrecht": {
      "separator": {
        "color": {
          "value": "{utrecht.line.border-color}",
          "type": "color"
        },
        "block-size": {
          "value": "{voorbeeld.size.4xs}",
          "type": "sizing"
        },
        "padding-block-end": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-block-start": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        }
      }
    }
  },
  "components/side-nav": {
    "denhaag": {
      "sidenav": {
        "link": {
          "line-height": {
            "value": "{utrecht.document.line-height}",
            "type": "lineHeights"
          },
          "icon": {
            "size": {
              "type": "sizing",
              "value": "{utrecht.icon.functional.size}"
            },
            "margin-inline": {
              "value": "{voorbeeld.space.text.mouse}",
              "type": "spacing"
            }
          },
          "font-size": {
            "value": "{utrecht.document.font-size}",
            "type": "fontSizes"
          },
          "font-family": {
            "value": "{utrecht.document.font-family}",
            "type": "fontFamilies"
          },
          "font-weight": {
            "value": "{utrecht.document.font-weight}",
            "type": "fontWeights"
          },
          "current": {
            "font-weight": {
              "value": "{utrecht.document.strong.font-weight}",
              "type": "fontWeights"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.document.color}"
            }
          },
          "color": {
            "type": "color",
            "value": "{utrecht.interaction.color}"
          },
          "active": {
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.active.color}"
            },
            "text-decoration": {
              "value": "underline",
              "type": "textDecoration"
            }
          },
          "focus": {
            "background-color": {
              "type": "color",
              "value": "{utrecht.focus.background-color}"
            },
            "color": {
              "type": "color",
              "value": "{utrecht.focus.color}"
            },
            "text-decoration": {
              "value": "None",
              "type": "textDecoration"
            }
          },
          "hover": {
            "color": {
              "type": "color",
              "value": "{utrecht.interaction.hover.color}"
            },
            "text-decoration": {
              "value": "underline",
              "type": "textDecoration"
            }
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-block-end": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "text-decoration": {
            "value": "None",
            "type": "textDecoration"
          }
        }
      }
    }
  },
  "components/skip-link": {
    "utrecht": {
      "skip-link": {
        "font-weight": {
          "value": "{utrecht.document.strong.font-weight}",
          "type": "fontWeights"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "min-block-size": {
          "type": "sizing",
          "value": "{utrecht.pointer-target.min-size}"
        },
        "min-inline-size": {
          "type": "sizing",
          "value": "{utrecht.pointer-target.min-size}"
        },
        "padding-block-end": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-block-start": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-inline-end": {
          "value": "{voorbeeld.space.inline.mouse}",
          "type": "spacing"
        },
        "padding-inline-start": {
          "value": "{voorbeeld.space.inline.mouse}",
          "type": "spacing"
        },
        "focus": {
          "background-color": {
            "type": "color",
            "value": "{utrecht.focus.background-color}"
          },
          "border-color": {
            "value": "transparent",
            "type": "color"
          },
          "color": {
            "type": "color",
            "value": "{utrecht.focus.color}"
          },
          "text-decoration": {
            "value": "None",
            "type": "textDecoration"
          }
        },
        "background-color": {
          "type": "color",
          "value": "{utrecht.document.inverse.background-color}"
        },
        "border-color": {
          "value": "transparent",
          "type": "color"
        },
        "color": {
          "type": "color",
          "value": "{utrecht.document.inverse.color}"
        },
        "border-width": {
          "type": "borderWidth",
          "value": "{voorbeeld.border-width.sm}"
        },
        "box-block-end-shadow": {
          "value": "{voorbeeld.box-shadow.lg}",
          "type": "boxShadow"
        },
        "text-decoration": {
          "value": "underline",
          "type": "textDecoration"
        }
      }
    }
  },
  "components/status-badge": {
    "utrecht": {
      "status-badge": {
        "font-size": {
          "value": "{voorbeeld.typography.font-size.sm}",
          "type": "fontSizes"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "font-weight": {
          "value": "{utrecht.document.strong.font-weight}",
          "type": "fontWeights"
        },
        "border-width": {
          "value": "{voorbeeld.border-width.sm}",
          "type": "borderWidth"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "border-radius": {
          "type": "borderRadius",
          "value": "{voorbeeld.border-radius.sm}"
        },
        "padding-inline": {
          "value": "{voorbeeld.space.inline.ant}",
          "type": "spacing"
        },
        "padding-block": {
          "value": "{voorbeeld.space.block.flea}",
          "type": "spacing"
        },
        "informative": {
          "background-color": {
            "type": "color",
            "value": "{utrecht.alert.informative.background-color}"
          },
          "border-color": {
            "type": "color",
            "value": "transparent"
          },
          "color": {
            "type": "color",
            "value": "{utrecht.feedback.informative.color}"
          }
        },
        "positive": {
          "background-color": {
            "type": "color",
            "value": "{utrecht.alert.positive.background-color}"
          },
          "border-color": {
            "type": "color",
            "value": "transparent"
          },
          "color": {
            "type": "color",
            "value": "{utrecht.feedback.positive.color}"
          }
        },
        "negative": {
          "background-color": {
            "type": "color",
            "value": "{utrecht.feedback.negative.background-color}"
          },
          "border-color": {
            "type": "color",
            "value": "transparent"
          },
          "color": {
            "type": "color",
            "value": "{utrecht.feedback.negative.color}"
          }
        },
        "warning": {
          "background-color": {
            "type": "color",
            "value": "{utrecht.feedback.warning.background-color}"
          },
          "border-color": {
            "type": "color",
            "value": "transparent"
          },
          "color": {
            "type": "color",
            "value": "{utrecht.feedback.warning.color}"
          }
        },
        "background-color": {
          "type": "color",
          "value": "{voorbeeld.color.violet.100}"
        },
        "border-color": {
          "type": "color",
          "value": "transparent"
        },
        "color": {
          "type": "color",
          "value": "{utrecht.document.color}"
        }
      }
    }
  },
  "components/table": {
    "utrecht": {
      "table": {
        "header-cell": {
          "line-height": {
            "value": "{utrecht.document.line-height}",
            "type": "lineHeights"
          },
          "color": {
            "value": "{utrecht.document.color}",
            "type": "color"
          },
          "font-family": {
            "value": "{utrecht.document.font-family}",
            "type": "fontFamilies"
          },
          "font-weight": {
            "value": "{utrecht.document.strong.font-weight}",
            "type": "fontWeights"
          },
          "font-size": {
            "value": "{utrecht.document.font-size}",
            "type": "fontSizes"
          }
        },
        "caption": {
          "line-height": {
            "value": "{voorbeeld.typography.line-height.sm}",
            "type": "lineHeights"
          },
          "margin-block-end": {
            "value": "{voorbeeld.space.block.rabbit}",
            "type": "spacing"
          },
          "color": {
            "value": "{utrecht.heading.color}",
            "type": "color"
          },
          "font-family": {
            "value": "{utrecht.heading.font-family}",
            "type": "fontFamilies"
          },
          "font-weight": {
            "value": "{utrecht.heading.font-weight}",
            "type": "fontWeights"
          },
          "font-size": {
            "value": "{voorbeeld.typography.font-size.xl}",
            "type": "fontSizes"
          }
        },
        "cell": {
          "padding-block-end": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-block-start": {
            "value": "{voorbeeld.space.block.snail}",
            "type": "spacing"
          },
          "padding-inline-end": {
            "value": "{voorbeeld.space.inline.mouse}",
            "type": "spacing"
          },
          "padding-inline-start": {
            "value": "{voorbeeld.space.inline.mouse}",
            "type": "spacing"
          }
        },
        "data-cell": {
          "color": {
            "value": "{utrecht.document.color}",
            "type": "color"
          },
          "font-family": {
            "value": "{utrecht.document.font-family}",
            "type": "fontFamilies"
          },
          "font-weight": {
            "value": "{utrecht.document.font-weight}",
            "type": "fontWeights"
          },
          "line-height": {
            "value": "{utrecht.document.line-height}",
            "type": "lineHeights"
          },
          "font-size": {
            "value": "{utrecht.document.font-size}",
            "type": "fontSizes"
          }
        },
        "header": {
          "border-block-end-width": {
            "value": "{voorbeeld.border-width.md}",
            "type": "borderWidth"
          },
          "border-block-end-color": {
            "value": "{utrecht.line.border-color}",
            "type": "color"
          },
          "background-color": {
            "value": "transparent",
            "type": "color"
          }
        },
        "footer": {
          "border-block-end-width": {
            "value": "{voorbeeld.border-width.sm}",
            "type": "borderWidth"
          },
          "border-block-end-color": {
            "value": "{utrecht.line.border-color}",
            "type": "color"
          },
          "background-color": {
            "value": "transparent",
            "type": "color"
          }
        },
        "row": {
          "border-block-end-width": {
            "value": "{voorbeeld.border-width.sm}",
            "type": "borderWidth"
          },
          "border-block-end-color": {
            "value": "{utrecht.line.border-color}",
            "type": "color"
          },
          "background-color": {
            "value": "transparent",
            "type": "color"
          }
        },
        "footer-cell": {
          "font-weight": {
            "value": "{utrecht.document.strong.font-weight}",
            "type": "fontWeights"
          },
          "font-size": {
            "value": "{utrecht.document.font-size}",
            "type": "fontSizes"
          },
          "color": {
            "value": "{utrecht.document.color}",
            "type": "color"
          },
          "font-family": {
            "value": "{utrecht.document.font-family}",
            "type": "fontFamilies"
          },
          "line-height": {
            "value": "{utrecht.document.line-height}",
            "type": "lineHeights"
          }
        },
        "container": {
          "box-inline-end-shadow": {
            "value": "{voorbeeld.box-shadow.lg}",
            "type": "boxShadow"
          },
          "box-inline-start-shadow": {
            "value": "{voorbeeld.box-shadow.lg}",
            "type": "boxShadow"
          }
        }
      }
    }
  },
  "components/task-list": {
    "todo": {
      "task-list": {
        "color": {
          "type": "color",
          "value": "{utrecht.document.color}"
        },
        "marker": {
          "checked": {
            "color": {
              "type": "color",
              "value": "{voorbeeld.color.white}"
            },
            "background-color": {
              "type": "color",
              "value": "{voorbeeld.color.green.600}"
            },
            "border-color": {
              "type": "color",
              "value": "transparent"
            }
          },
          "size": {
            "value": "{voorbeeld.size.xs}",
            "type": "sizing"
          },
          "icon": {
            "size": {
              "value": "{voorbeeld.size.icon.sm}",
              "type": "sizing"
            }
          },
          "border-width": {
            "value": "{utrecht.form-control.border-width}",
            "type": "borderWidth"
          },
          "not-checked": {
            "background-color": {
              "type": "color",
              "value": "{utrecht.form-control.read-only.background-color}"
            },
            "border-color": {
              "type": "color",
              "value": "{utrecht.form-control.read-only.border-color}"
            }
          },
          "border-radius": {
            "value": "0px",
            "type": "borderRadius"
          }
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "font-weight": {
          "value": "{utrecht.document.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "item": {
          "column-gap": {
            "value": "{voorbeeld.space.column.mouse}",
            "type": "spacing"
          },
          "margin-block-end": {
            "value": "{voorbeeld.space.block.ant}",
            "type": "spacing"
          },
          "margin-block-start": {
            "value": "{voorbeeld.space.block.ant}",
            "type": "spacing"
          }
        },
        "row-gap": {
          "value": "{voorbeeld.space.row.rat}",
          "type": "spacing"
        }
      }
    }
  },
  "components/textarea": {
    "utrecht": {
      "textarea": {
        "max-inline-size": {
          "value": "400px",
          "type": "sizing"
        },
        "padding-block-end": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-block-start": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-inline-end": {
          "value": "{voorbeeld.space.inline.snail}",
          "type": "spacing"
        },
        "padding-inline-start": {
          "value": "{voorbeeld.space.inline.snail}",
          "type": "spacing"
        },
        "background-color": {
          "value": "{utrecht.form-control.background-color}",
          "type": "color"
        },
        "border-color": {
          "value": "{utrecht.form-control.border-color}",
          "type": "color"
        },
        "color": {
          "value": "{utrecht.form-control.color}",
          "type": "color"
        },
        "invalid": {
          "background-color": {
            "value": "{utrecht.form-control.invalid.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.invalid.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.form-control.color}",
            "type": "color"
          },
          "border-width": {
            "value": "{utrecht.form-control.invalid.border-width}",
            "type": "borderWidth"
          }
        },
        "placeholder": {
          "color": {
            "value": "{utrecht.form-control.placeholder.color}",
            "type": "color"
          }
        },
        "focus": {
          "background-color": {
            "value": "{utrecht.form-control.focus.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.focus.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.form-control.focus.color}",
            "type": "color"
          },
          "border-width": {
            "value": "{utrecht.form-control.focus.border-width}",
            "type": "borderWidth"
          }
        },
        "disabled": {
          "background-color": {
            "value": "{utrecht.form-control.disabled.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.disabled.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.form-control.disabled.color}",
            "type": "color"
          }
        },
        "read-only": {
          "background-color": {
            "value": "{utrecht.form-control.read-only.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.read-only.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.form-control.read-only.color}",
            "type": "color"
          }
        },
        "hover": {
          "background-color": {
            "value": "{utrecht.form-control.hover.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.hover.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.form-control.hover.color}",
            "type": "color"
          },
          "border-width": {
            "value": "{utrecht.form-control.hover.border-width}",
            "type": "borderWidth"
          }
        },
        "border-radius": {
          "type": "borderRadius",
          "value": "0px"
        },
        "border-bottom-width": {
          "value": "auto",
          "type": "borderWidth"
        },
        "border-width": {
          "value": "{utrecht.form-control.border-width}",
          "type": "borderWidth"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-weight": {
          "value": "{utrecht.document.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        }
      }
    }
  },
  "components/text-input": {
    "utrecht": {
      "textbox": {
        "border-radius": {
          "type": "borderRadius",
          "value": "0px"
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "font-weight": {
          "value": "{utrecht.document.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "max-inline-size": {
          "value": "400px",
          "type": "sizing"
        },
        "padding-block-end": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-block-start": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-inline-end": {
          "value": "{voorbeeld.space.inline.snail}",
          "type": "spacing"
        },
        "padding-inline-start": {
          "value": "{voorbeeld.space.inline.snail}",
          "type": "spacing"
        },
        "background-color": {
          "value": "{utrecht.form-control.background-color}",
          "type": "color"
        },
        "border-color": {
          "value": "{utrecht.form-control.border-color}",
          "type": "color"
        },
        "color": {
          "value": "{utrecht.form-control.color}",
          "type": "color"
        },
        "invalid": {
          "background-color": {
            "value": "{utrecht.form-control.invalid.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.invalid.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.form-control.color}",
            "type": "color"
          },
          "border-width": {
            "value": "{utrecht.form-control.invalid.border-width}",
            "type": "borderWidth"
          }
        },
        "placeholder": {
          "color": {
            "value": "{utrecht.form-control.placeholder.color}",
            "type": "color"
          }
        },
        "border-block-end-width": {
          "value": "auto",
          "type": "borderWidth"
        },
        "border-width": {
          "value": "{utrecht.form-control.border-width}",
          "type": "borderWidth"
        },
        "focus": {
          "border-width": {
            "value": "{utrecht.form-control.focus.border-width}",
            "type": "borderWidth"
          },
          "background-color": {
            "value": "{utrecht.form-control.focus.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.focus.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.form-control.focus.color}",
            "type": "color"
          }
        },
        "disabled": {
          "background-color": {
            "value": "{utrecht.form-control.disabled.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.disabled.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.form-control.disabled.color}",
            "type": "color"
          }
        },
        "read-only": {
          "background-color": {
            "value": "{utrecht.form-control.read-only.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.read-only.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.form-control.read-only.color}",
            "type": "color"
          }
        },
        "hover": {
          "border-width": {
            "value": "{utrecht.form-control.hover.border-width}",
            "type": "borderWidth"
          },
          "background-color": {
            "value": "{utrecht.form-control.hover.background-color}",
            "type": "color"
          },
          "border-color": {
            "value": "{utrecht.form-control.hover.border-color}",
            "type": "color"
          },
          "color": {
            "value": "{utrecht.form-control.hover.color}",
            "type": "color"
          }
        }
      }
    }
  },
  "components/toolbar-button": {
    "todo": {
      "toolbar-button": {
        "icon": {
          "margin-inline": {
            "value": "{voorbeeld.space.text.beetle}",
            "type": "spacing"
          }
        },
        "padding-block-end": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-block-start": {
          "value": "{voorbeeld.space.block.snail}",
          "type": "spacing"
        },
        "padding-inline-end": {
          "value": "{voorbeeld.space.inline.beetle}",
          "type": "spacing"
        },
        "padding-inline-start": {
          "value": "{voorbeeld.space.inline.beetle}",
          "type": "spacing"
        }
      }
    }
  },
  "components/unordered-list": {
    "utrecht": {
      "unordered-list": {
        "color": {
          "type": "color",
          "value": "{utrecht.document.color}"
        },
        "marker": {
          "border-color": {
            "type": "color",
            "value": "{utrecht.document.color}"
          },
          "color": {
            "type": "color",
            "value": "{utrecht.document.color}"
          }
        },
        "font-family": {
          "value": "{utrecht.document.font-family}",
          "type": "fontFamilies"
        },
        "font-size": {
          "value": "{utrecht.document.font-size}",
          "type": "fontSizes"
        },
        "font-weight": {
          "value": "{utrecht.document.font-weight}",
          "type": "fontWeights"
        },
        "line-height": {
          "value": "{utrecht.document.line-height}",
          "type": "lineHeights"
        },
        "padding-inline-start": {
          "value": "{voorbeeld.space.inline.rabbit}",
          "type": "spacing"
        },
        "item": {
          "margin-block-end": {
            "value": "{voorbeeld.space.block.ant}",
            "type": "spacing"
          },
          "margin-block-start": {
            "value": "{voorbeeld.space.block.ant}",
            "type": "spacing"
          }
        }
      }
    }
  },
  "$themes": [],
  "$metadata": {
    "tokenSetOrder": [
      "brand",
      "common",
      "components/accordion",
      "components/alert",
      "components/avatar",
      "components/backdrop",
      "components/blockquote",
      "components/breadcrumb",
      "components/button",
      "components/button-group",
      "components/checkbox",
      "components/checkbox-group",
      "components/counter-badge",
      "components/data-list",
      "components/drawer",
      "components/form-field",
      "components/form-field-checkbox-option",
      "components/form-field-description",
      "components/form-field-error-message",
      "components/form-field-label",
      "components/form-field-option-label",
      "components/form-field-radio-option",
      "components/heading",
      "components/icon-only-button",
      "components/link",
      "components/modal-dialog",
      "components/ordered-list",
      "components/pagination",
      "components/paragraph",
      "components/radio",
      "components/radio-group",
      "components/select",
      "components/separator",
      "components/side-nav",
      "components/skip-link",
      "components/status-badge",
      "components/table",
      "components/task-list",
      "components/textarea",
      "components/text-input",
      "components/toolbar-button",
      "components/unordered-list"
    ]
  }
}