@conduction/theme 1.0.55 → 1.0.56

package/municipalities/commonground-design-tokens/dist/index.json

@@ -329,6 +329,48 @@
       "29"
     ]
   },
+  {
+    "value": "#4f4f4f",
+    "filePath": "src/brand/commonground/color.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "#4f4f4f"
+    },
+    "name": "commongroundColorGrey31",
+    "attributes": {
+      "category": "commonground",
+      "type": "color",
+      "item": "grey",
+      "subitem": "31"
+    },
+    "path": [
+      "commonground",
+      "color",
+      "grey",
+      "31"
+    ]
+  },
+  {
+    "value": "#767676",
+    "filePath": "src/brand/commonground/color.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "#767676"
+    },
+    "name": "commongroundColorGrey46",
+    "attributes": {
+      "category": "commonground",
+      "type": "color",
+      "item": "grey",
+      "subitem": "46"
+    },
+    "path": [
+      "commonground",
+      "color",
+      "grey",
+      "46"
+    ]
+  },
   {
     "value": "#949494",
     "filePath": "src/brand/commonground/color.tokens.json",
@@ -1431,245 +1473,1354 @@
     },
     "path": [
       "conduction",
-      "card-header",
-      "date",
-      "color"
+      "card-header",
+      "date",
+      "color"
+    ]
+  },
+  {
+    "value": "12px",
+    "filePath": "src/component/conduction/card-header.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.font-size.xs}"
+    },
+    "name": "conductionCardHeaderDateFontSize",
+    "attributes": {
+      "category": "conduction",
+      "type": "card-header",
+      "item": "date",
+      "subitem": "font-size"
+    },
+    "path": [
+      "conduction",
+      "card-header",
+      "date",
+      "font-size"
+    ]
+  },
+  {
+    "value": "100",
+    "filePath": "src/component/conduction/card-header.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.typography.font-weight.light}"
+    },
+    "name": "conductionCardHeaderDateFontWeight",
+    "attributes": {
+      "category": "conduction",
+      "type": "card-header",
+      "item": "date",
+      "subitem": "font-weight"
+    },
+    "path": [
+      "conduction",
+      "card-header",
+      "date",
+      "font-weight"
+    ]
+  },
+  {
+    "value": "8px",
+    "filePath": "src/component/conduction/card-header.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.size.xs}"
+    },
+    "name": "conductionCardHeaderDateMarginBlockEnd",
+    "attributes": {
+      "category": "conduction",
+      "type": "card-header",
+      "item": "date",
+      "subitem": "margin-block-end"
+    },
+    "path": [
+      "conduction",
+      "card-header",
+      "date",
+      "margin-block-end"
+    ]
+  },
+  {
+    "value": "#2e4057",
+    "filePath": "src/component/conduction/card-header.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.color.blue.26}"
+    },
+    "name": "conductionCardHeaderTitleColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "card-header",
+      "item": "title",
+      "subitem": "color"
+    },
+    "path": [
+      "conduction",
+      "card-header",
+      "title",
+      "color"
+    ]
+  },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/card-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.color.white.100}"
+    },
+    "name": "conductionCardWrapperBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "card-wrapper",
+      "item": "background-color"
+    },
+    "path": [
+      "conduction",
+      "card-wrapper",
+      "background-color"
+    ]
+  },
+  {
+    "value": "6px",
+    "filePath": "src/component/conduction/card-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "6px"
+    },
+    "name": "conductionCardWrapperBorderRadius",
+    "attributes": {
+      "category": "conduction",
+      "type": "card-wrapper",
+      "item": "border-radius"
+    },
+    "path": [
+      "conduction",
+      "card-wrapper",
+      "border-radius"
+    ]
+  },
+  {
+    "value": "#0000001c 0px 0px 0px 1px",
+    "filePath": "src/component/conduction/card-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.color.black.0-11t} 0px 0px 0px 1px"
+    },
+    "name": "conductionCardWrapperBoxShadow",
+    "attributes": {
+      "category": "conduction",
+      "type": "card-wrapper",
+      "item": "box-shadow"
+    },
+    "path": [
+      "conduction",
+      "card-wrapper",
+      "box-shadow"
+    ]
+  },
+  {
+    "value": "#000000",
+    "filePath": "src/component/conduction/card-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.color.black.0}"
+    },
+    "name": "conductionCardWrapperColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "card-wrapper",
+      "item": "color"
+    },
+    "path": [
+      "conduction",
+      "card-wrapper",
+      "color"
+    ]
+  },
+  {
+    "value": "20px",
+    "filePath": "src/component/conduction/card-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "20px"
+    },
+    "name": "conductionCardWrapperPaddingBlockEnd",
+    "attributes": {
+      "category": "conduction",
+      "type": "card-wrapper",
+      "item": "padding-block-end"
+    },
+    "path": [
+      "conduction",
+      "card-wrapper",
+      "padding-block-end"
+    ]
+  },
+  {
+    "value": "20px",
+    "filePath": "src/component/conduction/card-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "20px"
+    },
+    "name": "conductionCardWrapperPaddingBlockStart",
+    "attributes": {
+      "category": "conduction",
+      "type": "card-wrapper",
+      "item": "padding-block-start"
+    },
+    "path": [
+      "conduction",
+      "card-wrapper",
+      "padding-block-start"
+    ]
+  },
+  {
+    "value": "24px",
+    "filePath": "src/component/conduction/card-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.size.lg}"
+    },
+    "name": "conductionCardWrapperPaddingInlineEnd",
+    "attributes": {
+      "category": "conduction",
+      "type": "card-wrapper",
+      "item": "padding-inline-end"
+    },
+    "path": [
+      "conduction",
+      "card-wrapper",
+      "padding-inline-end"
+    ]
+  },
+  {
+    "value": "24px",
+    "filePath": "src/component/conduction/card-wrapper.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.size.lg}"
+    },
+    "name": "conductionCardWrapperPaddingInlineStart",
+    "attributes": {
+      "category": "conduction",
+      "type": "card-wrapper",
+      "item": "padding-inline-start"
+    },
+    "path": [
+      "conduction",
+      "card-wrapper",
+      "padding-inline-start"
+    ]
+  },
+  {
+    "value": "#d1d1d1",
+    "filePath": "src/component/conduction/download-card.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.color.grey.82}"
+    },
+    "name": "conductionDownloadCardBorderColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "download-card",
+      "item": "border-color"
+    },
+    "path": [
+      "conduction",
+      "download-card",
+      "border-color"
+    ]
+  },
+  {
+    "value": "6px",
+    "filePath": "src/component/conduction/download-card.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "6px"
+    },
+    "name": "conductionDownloadCardBorderRadius",
+    "attributes": {
+      "category": "conduction",
+      "type": "download-card",
+      "item": "border-radius"
+    },
+    "path": [
+      "conduction",
+      "download-card",
+      "border-radius"
+    ]
+  },
+  {
+    "value": "solid",
+    "filePath": "src/component/conduction/download-card.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "solid"
+    },
+    "name": "conductionDownloadCardBorderStyle",
+    "attributes": {
+      "category": "conduction",
+      "type": "download-card",
+      "item": "border-style"
+    },
+    "path": [
+      "conduction",
+      "download-card",
+      "border-style"
+    ]
+  },
+  {
+    "value": "1px",
+    "filePath": "src/component/conduction/download-card.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.size.4xs}"
+    },
+    "name": "conductionDownloadCardBorderWidth",
+    "attributes": {
+      "category": "conduction",
+      "type": "download-card",
+      "item": "border-width"
+    },
+    "path": [
+      "conduction",
+      "download-card",
+      "border-width"
+    ]
+  },
+  {
+    "value": "8px",
+    "filePath": "src/component/conduction/download-card.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.size.xs}"
+    },
+    "name": "conductionDownloadCardIconGap",
+    "attributes": {
+      "category": "conduction",
+      "type": "download-card",
+      "item": "icon-gap"
+    },
+    "path": [
+      "conduction",
+      "download-card",
+      "icon-gap"
+    ]
+  },
+  {
+    "value": "18px",
+    "filePath": "src/component/conduction/download-card.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.size.md}"
+    },
+    "name": "conductionDownloadCardPaddingBlockEnd",
+    "attributes": {
+      "category": "conduction",
+      "type": "download-card",
+      "item": "padding-block-end"
+    },
+    "path": [
+      "conduction",
+      "download-card",
+      "padding-block-end"
+    ]
+  },
+  {
+    "value": "18px",
+    "filePath": "src/component/conduction/download-card.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.size.md}"
+    },
+    "name": "conductionDownloadCardPaddingBlockStart",
+    "attributes": {
+      "category": "conduction",
+      "type": "download-card",
+      "item": "padding-block-start"
+    },
+    "path": [
+      "conduction",
+      "download-card",
+      "padding-block-start"
+    ]
+  },
+  {
+    "value": "18px",
+    "filePath": "src/component/conduction/download-card.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.size.md}"
+    },
+    "name": "conductionDownloadCardPaddingInlineEnd",
+    "attributes": {
+      "category": "conduction",
+      "type": "download-card",
+      "item": "padding-inline-end"
+    },
+    "path": [
+      "conduction",
+      "download-card",
+      "padding-inline-end"
+    ]
+  },
+  {
+    "value": "18px",
+    "filePath": "src/component/conduction/download-card.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.size.md}"
+    },
+    "name": "conductionDownloadCardPaddingInlineStart",
+    "attributes": {
+      "category": "conduction",
+      "type": "download-card",
+      "item": "padding-inline-start"
+    },
+    "path": [
+      "conduction",
+      "download-card",
+      "padding-inline-start"
+    ]
+  },
+  {
+    "value": "#000000",
+    "filePath": "src/component/conduction/download-card.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.document.color}"
+    },
+    "name": "conductionDownloadCardTitleColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "download-card",
+      "item": "title",
+      "subitem": "color"
+    },
+    "path": [
+      "conduction",
+      "download-card",
+      "title",
+      "color"
+    ]
+  },
+  {
+    "value": "\"Rijksoverheid Sans\", Monospace, \"Noto Sans\", Arial, sans-serif",
+    "filePath": "src/component/conduction/download-card.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.typography.rijksoverheid-sans.font-family}"
+    },
+    "name": "conductionDownloadCardTitleFontFamily",
+    "attributes": {
+      "category": "conduction",
+      "type": "download-card",
+      "item": "title",
+      "subitem": "font-family"
+    },
+    "path": [
+      "conduction",
+      "download-card",
+      "title",
+      "font-family"
+    ]
+  },
+  {
+    "value": "20px",
+    "filePath": "src/component/conduction/download-card.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.font-size.lg}"
+    },
+    "name": "conductionDownloadCardTitleFontSize",
+    "attributes": {
+      "category": "conduction",
+      "type": "download-card",
+      "item": "title",
+      "subitem": "font-size"
+    },
+    "path": [
+      "conduction",
+      "download-card",
+      "title",
+      "font-size"
+    ]
+  },
+  {
+    "value": "700",
+    "filePath": "src/component/conduction/download-card.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.typography.font-weight.bold}"
+    },
+    "name": "conductionDownloadCardTitleFontWeight",
+    "attributes": {
+      "category": "conduction",
+      "type": "download-card",
+      "item": "title",
+      "subitem": "font-weight"
+    },
+    "path": [
+      "conduction",
+      "download-card",
+      "title",
+      "font-weight"
+    ]
+  },
+  {
+    "value": "14px",
+    "filePath": "src/component/conduction/download-card.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.size.sm}"
+    },
+    "name": "conductionDownloadCardTitleMarginInlineEnd",
+    "attributes": {
+      "category": "conduction",
+      "type": "download-card",
+      "item": "title",
+      "subitem": "margin-inline-end"
+    },
+    "path": [
+      "conduction",
+      "download-card",
+      "title",
+      "margin-inline-end"
+    ]
+  },
+  {
+    "value": "#767676",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.color.grey.46}"
+    },
+    "name": "conductionInputCheckboxBorderColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "border-color"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "border-color"
+    ]
+  },
+  {
+    "value": "3px",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "3px"
+    },
+    "name": "conductionInputCheckboxBorderRadius",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "border-radius"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "border-radius"
+    ]
+  },
+  {
+    "value": "solid",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "solid"
+    },
+    "name": "conductionInputCheckboxBorderStyle",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "border-style"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "border-style"
+    ]
+  },
+  {
+    "value": "1px",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.size.4xs}"
+    },
+    "name": "conductionInputCheckboxBorderWidth",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "border-width"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "border-width"
+    ]
+  },
+  {
+    "value": "#ffbc2c",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.color.primary}"
+    },
+    "name": "conductionInputCheckboxCheckedBorderColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "checked",
+      "subitem": "border-color"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "checked",
+      "border-color"
+    ]
+  },
+  {
+    "value": "3px",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "3px"
+    },
+    "name": "conductionInputCheckboxCheckedBorderRadius",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "checked",
+      "subitem": "border-radius"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "checked",
+      "border-radius"
+    ]
+  },
+  {
+    "value": "solid",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "solid"
+    },
+    "name": "conductionInputCheckboxCheckedBorderStyle",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "checked",
+      "subitem": "border-style"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "checked",
+      "border-style"
+    ]
+  },
+  {
+    "value": "1px",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.size.4xs}"
+    },
+    "name": "conductionInputCheckboxCheckedBorderWidth",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "checked",
+      "subitem": "border-width"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "checked",
+      "border-width"
+    ]
+  },
+  {
+    "value": "#ffbc2c",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.color.primary}"
+    },
+    "name": "conductionInputCheckboxCheckedColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "checked",
+      "subitem": "color"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "checked",
+      "color"
+    ]
+  },
+  {
+    "value": "#ffae00",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.color.primary-hover}"
+    },
+    "name": "conductionInputCheckboxCheckedHoverBorderColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "checked",
+      "subitem": "hover",
+      "state": "border-color"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "checked",
+      "hover",
+      "border-color"
+    ]
+  },
+  {
+    "value": "3px",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "3px"
+    },
+    "name": "conductionInputCheckboxCheckedHoverBorderRadius",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "checked",
+      "subitem": "hover",
+      "state": "border-radius"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "checked",
+      "hover",
+      "border-radius"
+    ]
+  },
+  {
+    "value": "solid",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "solid"
+    },
+    "name": "conductionInputCheckboxCheckedHoverBorderStyle",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "checked",
+      "subitem": "hover",
+      "state": "border-style"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "checked",
+      "hover",
+      "border-style"
+    ]
+  },
+  {
+    "value": "1px",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.size.4xs}"
+    },
+    "name": "conductionInputCheckboxCheckedHoverBorderWidth",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "checked",
+      "subitem": "hover",
+      "state": "border-width"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "checked",
+      "hover",
+      "border-width"
+    ]
+  },
+  {
+    "value": "#ffae00",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.color.primary-hover}"
+    },
+    "name": "conductionInputCheckboxCheckedHoverColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "checked",
+      "subitem": "hover",
+      "state": "color"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "checked",
+      "hover",
+      "color"
+    ]
+  },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.color.white.100}"
+    },
+    "name": "conductionInputCheckboxColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "color"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "color"
+    ]
+  },
+  {
+    "value": "#d1d1d1",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.color.grey.82}"
+    },
+    "name": "conductionInputCheckboxDisabledBorderColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "disabled",
+      "subitem": "border-color"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "disabled",
+      "border-color"
+    ]
+  },
+  {
+    "value": "3px",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "3px"
+    },
+    "name": "conductionInputCheckboxDisabledBorderRadius",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "disabled",
+      "subitem": "border-radius"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "disabled",
+      "border-radius"
+    ]
+  },
+  {
+    "value": "solid",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "solid"
+    },
+    "name": "conductionInputCheckboxDisabledBorderStyle",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "disabled",
+      "subitem": "border-style"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "disabled",
+      "border-style"
+    ]
+  },
+  {
+    "value": "1px",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.size.4xs}"
+    },
+    "name": "conductionInputCheckboxDisabledBorderWidth",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "disabled",
+      "subitem": "border-width"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "disabled",
+      "border-width"
+    ]
+  },
+  {
+    "value": "#d1d1d1",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.color.grey.82}"
+    },
+    "name": "conductionInputCheckboxDisabledColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "disabled",
+      "subitem": "color"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "disabled",
+      "color"
+    ]
+  },
+  {
+    "value": "#d1d1d1",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.color.grey.82}"
+    },
+    "name": "conductionInputCheckboxDisabledHoverBorderColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "disabled",
+      "subitem": "hover",
+      "state": "border-color"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "disabled",
+      "hover",
+      "border-color"
+    ]
+  },
+  {
+    "value": "3px",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "3px"
+    },
+    "name": "conductionInputCheckboxDisabledHoverBorderRadius",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "disabled",
+      "subitem": "hover",
+      "state": "border-radius"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "disabled",
+      "hover",
+      "border-radius"
+    ]
+  },
+  {
+    "value": "solid",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "solid"
+    },
+    "name": "conductionInputCheckboxDisabledHoverBorderStyle",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "disabled",
+      "subitem": "hover",
+      "state": "border-style"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "disabled",
+      "hover",
+      "border-style"
+    ]
+  },
+  {
+    "value": "1px",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.size.4xs}"
+    },
+    "name": "conductionInputCheckboxDisabledHoverBorderWidth",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "disabled",
+      "subitem": "hover",
+      "state": "border-width"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "disabled",
+      "hover",
+      "border-width"
+    ]
+  },
+  {
+    "value": "#d1d1d1",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.color.grey.82}"
+    },
+    "name": "conductionInputCheckboxDisabledHoverColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "disabled",
+      "subitem": "hover",
+      "state": "color"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "disabled",
+      "hover",
+      "color"
+    ]
+  },
+  {
+    "value": "#000000",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.color.black.0}"
+    },
+    "name": "conductionInputCheckboxFocusOutlineColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "focus",
+      "subitem": "outline-color"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "focus",
+      "outline-color"
+    ]
+  },
+  {
+    "value": "2px",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "2px"
+    },
+    "name": "conductionInputCheckboxFocusOutlineOffset",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "focus",
+      "subitem": "outline-offset"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "focus",
+      "outline-offset"
     ]
   },
   {
-    "value": "12px",
-    "filePath": "src/component/conduction/card-header.tokens.json",
+    "value": "solid",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{commonground.font-size.xs}"
+      "value": "solid"
     },
-    "name": "conductionCardHeaderDateFontSize",
+    "name": "conductionInputCheckboxFocusOutlineStyle",
     "attributes": {
       "category": "conduction",
-      "type": "card-header",
-      "item": "date",
-      "subitem": "font-size"
+      "type": "input-checkbox",
+      "item": "focus",
+      "subitem": "outline-style"
     },
     "path": [
       "conduction",
-      "card-header",
-      "date",
-      "font-size"
+      "input-checkbox",
+      "focus",
+      "outline-style"
     ]
   },
   {
-    "value": "100",
-    "filePath": "src/component/conduction/card-header.tokens.json",
+    "value": "2px",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{commonground.typography.font-weight.light}"
+      "value": "2px"
     },
-    "name": "conductionCardHeaderDateFontWeight",
+    "name": "conductionInputCheckboxFocusOutlineWidth",
     "attributes": {
       "category": "conduction",
-      "type": "card-header",
-      "item": "date",
-      "subitem": "font-weight"
+      "type": "input-checkbox",
+      "item": "focus",
+      "subitem": "outline-width"
     },
     "path": [
       "conduction",
-      "card-header",
-      "date",
-      "font-weight"
+      "input-checkbox",
+      "focus",
+      "outline-width"
     ]
   },
   {
-    "value": "8px",
-    "filePath": "src/component/conduction/card-header.tokens.json",
+    "value": "#4f4f4f",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{commonground.size.xs}"
+      "value": "{commonground.color.grey.31}"
     },
-    "name": "conductionCardHeaderDateMarginBlockEnd",
+    "name": "conductionInputCheckboxHoverBorderColor",
     "attributes": {
       "category": "conduction",
-      "type": "card-header",
-      "item": "date",
-      "subitem": "margin-block-end"
+      "type": "input-checkbox",
+      "item": "hover",
+      "subitem": "border-color"
     },
     "path": [
       "conduction",
-      "card-header",
-      "date",
-      "margin-block-end"
+      "input-checkbox",
+      "hover",
+      "border-color"
     ]
   },
   {
-    "value": "#2e4057",
-    "filePath": "src/component/conduction/card-header.tokens.json",
+    "value": "3px",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{commonground.color.blue.26}"
+      "value": "3px"
     },
-    "name": "conductionCardHeaderTitleColor",
+    "name": "conductionInputCheckboxHoverBorderRadius",
     "attributes": {
       "category": "conduction",
-      "type": "card-header",
-      "item": "title",
-      "subitem": "color"
+      "type": "input-checkbox",
+      "item": "hover",
+      "subitem": "border-radius"
     },
     "path": [
       "conduction",
-      "card-header",
-      "title",
-      "color"
+      "input-checkbox",
+      "hover",
+      "border-radius"
     ]
   },
   {
-    "value": "#ffffff",
-    "filePath": "src/component/conduction/card-wrapper.tokens.json",
+    "value": "solid",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{commonground.color.white.100}"
+      "value": "solid"
     },
-    "name": "conductionCardWrapperBackgroundColor",
+    "name": "conductionInputCheckboxHoverBorderStyle",
     "attributes": {
       "category": "conduction",
-      "type": "card-wrapper",
-      "item": "background-color"
+      "type": "input-checkbox",
+      "item": "hover",
+      "subitem": "border-style"
     },
     "path": [
       "conduction",
-      "card-wrapper",
-      "background-color"
+      "input-checkbox",
+      "hover",
+      "border-style"
     ]
   },
   {
-    "value": "6px",
-    "filePath": "src/component/conduction/card-wrapper.tokens.json",
+    "value": "1px",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
     "isSource": true,
     "original": {
-      "value": "6px"
+      "value": "{commonground.size.4xs}"
     },
-    "name": "conductionCardWrapperBorderRadius",
+    "name": "conductionInputCheckboxHoverBorderWidth",
     "attributes": {
       "category": "conduction",
-      "type": "card-wrapper",
-      "item": "border-radius"
+      "type": "input-checkbox",
+      "item": "hover",
+      "subitem": "border-width"
     },
     "path": [
       "conduction",
-      "card-wrapper",
-      "border-radius"
+      "input-checkbox",
+      "hover",
+      "border-width"
     ]
   },
   {
-    "value": "#0000001c 0px 0px 0px 1px",
-    "filePath": "src/component/conduction/card-wrapper.tokens.json",
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{commonground.color.black.0-11t} 0px 0px 0px 1px"
+      "value": "{commonground.color.white.100}"
     },
-    "name": "conductionCardWrapperBoxShadow",
+    "name": "conductionInputCheckboxHoverColor",
     "attributes": {
       "category": "conduction",
-      "type": "card-wrapper",
-      "item": "box-shadow"
+      "type": "input-checkbox",
+      "item": "hover",
+      "subitem": "color"
     },
     "path": [
       "conduction",
-      "card-wrapper",
-      "box-shadow"
+      "input-checkbox",
+      "hover",
+      "color"
     ]
   },
   {
     "value": "#000000",
-    "filePath": "src/component/conduction/card-wrapper.tokens.json",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{commonground.color.black.0}"
+      "value": "{utrecht.document.color}"
     },
-    "name": "conductionCardWrapperColor",
+    "name": "conductionInputCheckboxLabelColor",
     "attributes": {
       "category": "conduction",
-      "type": "card-wrapper",
-      "item": "color"
+      "type": "input-checkbox",
+      "item": "label",
+      "subitem": "color"
     },
     "path": [
       "conduction",
-      "card-wrapper",
+      "input-checkbox",
+      "label",
       "color"
     ]
   },
   {
-    "value": "20px",
-    "filePath": "src/component/conduction/card-wrapper.tokens.json",
+    "value": "3px",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
     "isSource": true,
     "original": {
-      "value": "20px"
+      "value": "3px"
     },
-    "name": "conductionCardWrapperPaddingBlockEnd",
+    "name": "conductionInputCheckboxLabelContainerMargin",
     "attributes": {
       "category": "conduction",
-      "type": "card-wrapper",
-      "item": "padding-block-end"
+      "type": "input-checkbox",
+      "item": "label",
+      "subitem": "container",
+      "state": "margin"
     },
     "path": [
       "conduction",
-      "card-wrapper",
-      "padding-block-end"
+      "input-checkbox",
+      "label",
+      "container",
+      "margin"
     ]
   },
   {
-    "value": "20px",
-    "filePath": "src/component/conduction/card-wrapper.tokens.json",
+    "value": "3px",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
     "isSource": true,
     "original": {
-      "value": "20px"
+      "value": "3px"
     },
-    "name": "conductionCardWrapperPaddingBlockStart",
+    "name": "conductionInputCheckboxLabelContainerPadding",
     "attributes": {
       "category": "conduction",
-      "type": "card-wrapper",
-      "item": "padding-block-start"
+      "type": "input-checkbox",
+      "item": "label",
+      "subitem": "container",
+      "state": "padding"
     },
     "path": [
       "conduction",
-      "card-wrapper",
-      "padding-block-start"
+      "input-checkbox",
+      "label",
+      "container",
+      "padding"
     ]
   },
   {
-    "value": "24px",
-    "filePath": "src/component/conduction/card-wrapper.tokens.json",
+    "value": "\"Rijksoverheid Sans\", Monospace, Arial, sans-serif",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{commonground.size.lg}"
+      "value": "{utrecht.document.font-family}"
     },
-    "name": "conductionCardWrapperPaddingInlineEnd",
+    "name": "conductionInputCheckboxLabelFontFamily",
     "attributes": {
       "category": "conduction",
-      "type": "card-wrapper",
-      "item": "padding-inline-end"
+      "type": "input-checkbox",
+      "item": "label",
+      "subitem": "font-family"
     },
     "path": [
       "conduction",
-      "card-wrapper",
-      "padding-inline-end"
+      "input-checkbox",
+      "label",
+      "font-family"
     ]
   },
   {
-    "value": "24px",
-    "filePath": "src/component/conduction/card-wrapper.tokens.json",
+    "value": "16px",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{commonground.size.lg}"
+      "value": "{utrecht.document.font-size}"
     },
-    "name": "conductionCardWrapperPaddingInlineStart",
+    "name": "conductionInputCheckboxLabelFontSize",
     "attributes": {
       "category": "conduction",
-      "type": "card-wrapper",
-      "item": "padding-inline-start"
+      "type": "input-checkbox",
+      "item": "label",
+      "subitem": "font-size"
     },
     "path": [
       "conduction",
-      "card-wrapper",
-      "padding-inline-start"
+      "input-checkbox",
+      "label",
+      "font-size"
     ]
   },
   {
@@ -5065,6 +6216,63 @@
       "color"
     ]
   },
+  {
+    "value": "#000000 ",
+    "filePath": "src/component/utrecht/badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.color.black.0} "
+    },
+    "name": "utrechtBadgeBackgroundColor",
+    "attributes": {
+      "category": "utrecht",
+      "type": "badge",
+      "item": "background-color"
+    },
+    "path": [
+      "utrecht",
+      "badge",
+      "background-color"
+    ]
+  },
+  {
+    "value": "0",
+    "filePath": "src/component/utrecht/badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0"
+    },
+    "name": "utrechtBadgeBorderRadius",
+    "attributes": {
+      "category": "utrecht",
+      "type": "badge",
+      "item": "border-radius"
+    },
+    "path": [
+      "utrecht",
+      "badge",
+      "border-radius"
+    ]
+  },
+  {
+    "value": "#ffffff ",
+    "filePath": "src/component/utrecht/badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.color.white.100} "
+    },
+    "name": "utrechtBadgeColor",
+    "attributes": {
+      "category": "utrecht",
+      "type": "badge",
+      "item": "color"
+    },
+    "path": [
+      "utrecht",
+      "badge",
+      "color"
+    ]
+  },
   {
     "value": "#ffbc2c",
     "filePath": "src/component/utrecht/badge-counter.tokens.json",
@@ -5236,6 +6444,82 @@
       "text-decoration"
     ]
   },
+  {
+    "value": "14px",
+    "filePath": "src/component/utrecht/badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.font-size.sm}"
+    },
+    "name": "utrechtBadgeFontSize",
+    "attributes": {
+      "category": "utrecht",
+      "type": "badge",
+      "item": "font-size"
+    },
+    "path": [
+      "utrecht",
+      "badge",
+      "font-size"
+    ]
+  },
+  {
+    "value": "400",
+    "filePath": "src/component/utrecht/badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.typography.font-weight.normal}"
+    },
+    "name": "utrechtBadgeFontWeight",
+    "attributes": {
+      "category": "utrecht",
+      "type": "badge",
+      "item": "font-weight"
+    },
+    "path": [
+      "utrecht",
+      "badge",
+      "font-weight"
+    ]
+  },
+  {
+    "value": "8px",
+    "filePath": "src/component/utrecht/badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.size.xs}"
+    },
+    "name": "utrechtBadgePaddingBlock",
+    "attributes": {
+      "category": "utrecht",
+      "type": "badge",
+      "item": "padding-block"
+    },
+    "path": [
+      "utrecht",
+      "badge",
+      "padding-block"
+    ]
+  },
+  {
+    "value": "8px",
+    "filePath": "src/component/utrecht/badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{commonground.size.xs}"
+    },
+    "name": "utrechtBadgePaddingInline",
+    "attributes": {
+      "category": "utrecht",
+      "type": "badge",
+      "item": "padding-inline"
+    },
+    "path": [
+      "utrecht",
+      "badge",
+      "padding-inline"
+    ]
+  },
   {
     "value": "#000000",
     "filePath": "src/component/utrecht/blockquote.tokens.json",