@conduction/theme 1.0.55 → 1.0.56

package/conduction-design-tokens/dist/index.json

@@ -492,6 +492,48 @@
       "29"
     ]
   },
+  {
+    "value": "#4f4f4f",
+    "filePath": "src/brand/conduction/color.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "#4f4f4f"
+    },
+    "name": "conductionColorGrey31",
+    "attributes": {
+      "category": "conduction",
+      "type": "color",
+      "item": "grey",
+      "subitem": "31"
+    },
+    "path": [
+      "conduction",
+      "color",
+      "grey",
+      "31"
+    ]
+  },
+  {
+    "value": "#767676",
+    "filePath": "src/brand/conduction/color.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "#767676"
+    },
+    "name": "conductionColorGrey46",
+    "attributes": {
+      "category": "conduction",
+      "type": "color",
+      "item": "grey",
+      "subitem": "46"
+    },
+    "path": [
+      "conduction",
+      "color",
+      "grey",
+      "46"
+    ]
+  },
   {
     "value": "#7a7a7a",
     "filePath": "src/brand/conduction/color.tokens.json",
@@ -720,233 +762,1342 @@
     ]
   },
   {
-    "value": "#fafafa",
-    "filePath": "src/brand/conduction/color.tokens.json",
+    "value": "#fafafa",
+    "filePath": "src/brand/conduction/color.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "#fafafa"
+    },
+    "name": "conductionColorWhite98",
+    "attributes": {
+      "category": "conduction",
+      "type": "color",
+      "item": "white",
+      "subitem": "98"
+    },
+    "path": [
+      "conduction",
+      "color",
+      "white",
+      "98"
+    ]
+  },
+  {
+    "value": "#d1d1d1",
+    "filePath": "src/component/conduction/download-card.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.color.grey.82}"
+    },
+    "name": "conductionDownloadCardBorderColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "download-card",
+      "item": "border-color"
+    },
+    "path": [
+      "conduction",
+      "download-card",
+      "border-color"
+    ]
+  },
+  {
+    "value": "2px",
+    "filePath": "src/component/conduction/download-card.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.size.3xs}"
+    },
+    "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": "{conduction.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": "{conduction.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": "{conduction.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": "{conduction.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": "{conduction.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": "{conduction.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": "\"Aldritch\", \"Noto Sans\", Arial, sans-serif",
+    "filePath": "src/component/conduction/download-card.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.typography.aldritch.font-family}"
+    },
+    "name": "conductionDownloadCardTitleFontFamily",
+    "attributes": {
+      "category": "conduction",
+      "type": "download-card",
+      "item": "title",
+      "subitem": "font-family"
+    },
+    "path": [
+      "conduction",
+      "download-card",
+      "title",
+      "font-family"
+    ]
+  },
+  {
+    "value": "18px",
+    "filePath": "src/component/conduction/download-card.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.font-size.md}"
+    },
+    "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": "{conduction.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": "{conduction.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": "32px",
+    "filePath": "src/brand/conduction/font-size.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "32px"
+    },
+    "name": "conductionFontSize2xl",
+    "attributes": {
+      "category": "conduction",
+      "type": "font-size",
+      "item": "2xl"
+    },
+    "path": [
+      "conduction",
+      "font-size",
+      "2xl"
+    ]
+  },
+  {
+    "value": "10px",
+    "filePath": "src/brand/conduction/font-size.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "10px"
+    },
+    "name": "conductionFontSize2xs",
+    "attributes": {
+      "category": "conduction",
+      "type": "font-size",
+      "item": "2xs"
+    },
+    "path": [
+      "conduction",
+      "font-size",
+      "2xs"
+    ]
+  },
+  {
+    "value": "48px",
+    "filePath": "src/brand/conduction/font-size.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "48px"
+    },
+    "name": "conductionFontSize3xl",
+    "attributes": {
+      "category": "conduction",
+      "type": "font-size",
+      "item": "3xl"
+    },
+    "path": [
+      "conduction",
+      "font-size",
+      "3xl"
+    ]
+  },
+  {
+    "value": "8px",
+    "filePath": "src/brand/conduction/font-size.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "8px"
+    },
+    "name": "conductionFontSize3xs",
+    "attributes": {
+      "category": "conduction",
+      "type": "font-size",
+      "item": "3xs"
+    },
+    "path": [
+      "conduction",
+      "font-size",
+      "3xs"
+    ]
+  },
+  {
+    "value": "58px",
+    "filePath": "src/brand/conduction/font-size.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "58px"
+    },
+    "name": "conductionFontSize4xl",
+    "attributes": {
+      "category": "conduction",
+      "type": "font-size",
+      "item": "4xl"
+    },
+    "path": [
+      "conduction",
+      "font-size",
+      "4xl"
+    ]
+  },
+  {
+    "value": "5px",
+    "filePath": "src/brand/conduction/font-size.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "5px"
+    },
+    "name": "conductionFontSize4xs",
+    "attributes": {
+      "category": "conduction",
+      "type": "font-size",
+      "item": "4xs"
+    },
+    "path": [
+      "conduction",
+      "font-size",
+      "4xs"
+    ]
+  },
+  {
+    "value": "20px",
+    "filePath": "src/brand/conduction/font-size.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "20px"
+    },
+    "name": "conductionFontSizeLg",
+    "attributes": {
+      "category": "conduction",
+      "type": "font-size",
+      "item": "lg"
+    },
+    "path": [
+      "conduction",
+      "font-size",
+      "lg"
+    ]
+  },
+  {
+    "value": "18px",
+    "filePath": "src/brand/conduction/font-size.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "18px"
+    },
+    "name": "conductionFontSizeMd",
+    "attributes": {
+      "category": "conduction",
+      "type": "font-size",
+      "item": "md"
+    },
+    "path": [
+      "conduction",
+      "font-size",
+      "md"
+    ]
+  },
+  {
+    "value": "14px",
+    "filePath": "src/brand/conduction/font-size.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "14px"
+    },
+    "name": "conductionFontSizeSm",
+    "attributes": {
+      "category": "conduction",
+      "type": "font-size",
+      "item": "sm"
+    },
+    "path": [
+      "conduction",
+      "font-size",
+      "sm"
+    ]
+  },
+  {
+    "value": "24px",
+    "filePath": "src/brand/conduction/font-size.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "24px"
+    },
+    "name": "conductionFontSizeXl",
+    "attributes": {
+      "category": "conduction",
+      "type": "font-size",
+      "item": "xl"
+    },
+    "path": [
+      "conduction",
+      "font-size",
+      "xl"
+    ]
+  },
+  {
+    "value": "12px",
+    "filePath": "src/brand/conduction/font-size.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "12px"
+    },
+    "name": "conductionFontSizeXs",
+    "attributes": {
+      "category": "conduction",
+      "type": "font-size",
+      "item": "xs"
+    },
+    "path": [
+      "conduction",
+      "font-size",
+      "xs"
+    ]
+  },
+  {
+    "value": "#767676",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.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": "{conduction.size.4xs}"
+    },
+    "name": "conductionInputCheckboxBorderWidth",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "border-width"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "border-width"
+    ]
+  },
+  {
+    "value": "#4376fc",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.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": "{conduction.size.4xs}"
+    },
+    "name": "conductionInputCheckboxCheckedBorderWidth",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "checked",
+      "subitem": "border-width"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "checked",
+      "border-width"
+    ]
+  },
+  {
+    "value": "#4376fc",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.color.primary}"
+    },
+    "name": "conductionInputCheckboxCheckedColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "input-checkbox",
+      "item": "checked",
+      "subitem": "color"
+    },
+    "path": [
+      "conduction",
+      "input-checkbox",
+      "checked",
+      "color"
+    ]
+  },
+  {
+    "value": "#2e5ed9",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.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": "{conduction.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": "#2e5ed9",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.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": "{conduction.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": "{conduction.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": "{conduction.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": "{conduction.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": "{conduction.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": "{conduction.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": "{conduction.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": "{conduction.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": "solid",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
     "isSource": true,
     "original": {
-      "value": "#fafafa"
+      "value": "solid"
     },
-    "name": "conductionColorWhite98",
+    "name": "conductionInputCheckboxFocusOutlineStyle",
     "attributes": {
       "category": "conduction",
-      "type": "color",
-      "item": "white",
-      "subitem": "98"
+      "type": "input-checkbox",
+      "item": "focus",
+      "subitem": "outline-style"
     },
     "path": [
       "conduction",
-      "color",
-      "white",
-      "98"
+      "input-checkbox",
+      "focus",
+      "outline-style"
     ]
   },
   {
-    "value": "32px",
-    "filePath": "src/brand/conduction/font-size.tokens.json",
+    "value": "2px",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
     "isSource": true,
     "original": {
-      "value": "32px"
+      "value": "2px"
     },
-    "name": "conductionFontSize2xl",
+    "name": "conductionInputCheckboxFocusOutlineWidth",
     "attributes": {
       "category": "conduction",
-      "type": "font-size",
-      "item": "2xl"
+      "type": "input-checkbox",
+      "item": "focus",
+      "subitem": "outline-width"
     },
     "path": [
       "conduction",
-      "font-size",
-      "2xl"
+      "input-checkbox",
+      "focus",
+      "outline-width"
     ]
   },
   {
-    "value": "10px",
-    "filePath": "src/brand/conduction/font-size.tokens.json",
+    "value": "#4f4f4f",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
     "isSource": true,
     "original": {
-      "value": "10px"
+      "value": "{conduction.color.grey.31}"
     },
-    "name": "conductionFontSize2xs",
+    "name": "conductionInputCheckboxHoverBorderColor",
     "attributes": {
       "category": "conduction",
-      "type": "font-size",
-      "item": "2xs"
+      "type": "input-checkbox",
+      "item": "hover",
+      "subitem": "border-color"
     },
     "path": [
       "conduction",
-      "font-size",
-      "2xs"
+      "input-checkbox",
+      "hover",
+      "border-color"
     ]
   },
   {
-    "value": "48px",
-    "filePath": "src/brand/conduction/font-size.tokens.json",
+    "value": "3px",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
     "isSource": true,
     "original": {
-      "value": "48px"
+      "value": "3px"
     },
-    "name": "conductionFontSize3xl",
+    "name": "conductionInputCheckboxHoverBorderRadius",
     "attributes": {
       "category": "conduction",
-      "type": "font-size",
-      "item": "3xl"
+      "type": "input-checkbox",
+      "item": "hover",
+      "subitem": "border-radius"
     },
     "path": [
       "conduction",
-      "font-size",
-      "3xl"
+      "input-checkbox",
+      "hover",
+      "border-radius"
     ]
   },
   {
-    "value": "8px",
-    "filePath": "src/brand/conduction/font-size.tokens.json",
+    "value": "solid",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
     "isSource": true,
     "original": {
-      "value": "8px"
+      "value": "solid"
     },
-    "name": "conductionFontSize3xs",
+    "name": "conductionInputCheckboxHoverBorderStyle",
     "attributes": {
       "category": "conduction",
-      "type": "font-size",
-      "item": "3xs"
+      "type": "input-checkbox",
+      "item": "hover",
+      "subitem": "border-style"
     },
     "path": [
       "conduction",
-      "font-size",
-      "3xs"
+      "input-checkbox",
+      "hover",
+      "border-style"
     ]
   },
   {
-    "value": "58px",
-    "filePath": "src/brand/conduction/font-size.tokens.json",
+    "value": "1px",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
     "isSource": true,
     "original": {
-      "value": "58px"
+      "value": "{conduction.size.4xs}"
     },
-    "name": "conductionFontSize4xl",
+    "name": "conductionInputCheckboxHoverBorderWidth",
     "attributes": {
       "category": "conduction",
-      "type": "font-size",
-      "item": "4xl"
+      "type": "input-checkbox",
+      "item": "hover",
+      "subitem": "border-width"
     },
     "path": [
       "conduction",
-      "font-size",
-      "4xl"
+      "input-checkbox",
+      "hover",
+      "border-width"
     ]
   },
   {
-    "value": "5px",
-    "filePath": "src/brand/conduction/font-size.tokens.json",
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
     "isSource": true,
     "original": {
-      "value": "5px"
+      "value": "{conduction.color.white.100}"
     },
-    "name": "conductionFontSize4xs",
+    "name": "conductionInputCheckboxHoverColor",
     "attributes": {
       "category": "conduction",
-      "type": "font-size",
-      "item": "4xs"
+      "type": "input-checkbox",
+      "item": "hover",
+      "subitem": "color"
     },
     "path": [
       "conduction",
-      "font-size",
-      "4xs"
+      "input-checkbox",
+      "hover",
+      "color"
     ]
   },
   {
-    "value": "20px",
-    "filePath": "src/brand/conduction/font-size.tokens.json",
+    "value": "#000000",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
     "isSource": true,
     "original": {
-      "value": "20px"
+      "value": "{utrecht.document.color}"
     },
-    "name": "conductionFontSizeLg",
+    "name": "conductionInputCheckboxLabelColor",
     "attributes": {
       "category": "conduction",
-      "type": "font-size",
-      "item": "lg"
+      "type": "input-checkbox",
+      "item": "label",
+      "subitem": "color"
     },
     "path": [
       "conduction",
-      "font-size",
-      "lg"
+      "input-checkbox",
+      "label",
+      "color"
     ]
   },
   {
-    "value": "18px",
-    "filePath": "src/brand/conduction/font-size.tokens.json",
+    "value": "3px",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
     "isSource": true,
     "original": {
-      "value": "18px"
+      "value": "3px"
     },
-    "name": "conductionFontSizeMd",
+    "name": "conductionInputCheckboxLabelContainerMargin",
     "attributes": {
       "category": "conduction",
-      "type": "font-size",
-      "item": "md"
+      "type": "input-checkbox",
+      "item": "label",
+      "subitem": "container",
+      "state": "margin"
     },
     "path": [
       "conduction",
-      "font-size",
-      "md"
+      "input-checkbox",
+      "label",
+      "container",
+      "margin"
     ]
   },
   {
-    "value": "14px",
-    "filePath": "src/brand/conduction/font-size.tokens.json",
+    "value": "3px",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
     "isSource": true,
     "original": {
-      "value": "14px"
+      "value": "3px"
     },
-    "name": "conductionFontSizeSm",
+    "name": "conductionInputCheckboxLabelContainerPadding",
     "attributes": {
       "category": "conduction",
-      "type": "font-size",
-      "item": "sm"
+      "type": "input-checkbox",
+      "item": "label",
+      "subitem": "container",
+      "state": "padding"
     },
     "path": [
       "conduction",
-      "font-size",
-      "sm"
+      "input-checkbox",
+      "label",
+      "container",
+      "padding"
     ]
   },
   {
-    "value": "24px",
-    "filePath": "src/brand/conduction/font-size.tokens.json",
+    "value": "\"Noto Sans\", Arial, sans-serif",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
     "isSource": true,
     "original": {
-      "value": "24px"
+      "value": "{utrecht.document.font-family}"
     },
-    "name": "conductionFontSizeXl",
+    "name": "conductionInputCheckboxLabelFontFamily",
     "attributes": {
       "category": "conduction",
-      "type": "font-size",
-      "item": "xl"
+      "type": "input-checkbox",
+      "item": "label",
+      "subitem": "font-family"
     },
     "path": [
       "conduction",
-      "font-size",
-      "xl"
+      "input-checkbox",
+      "label",
+      "font-family"
     ]
   },
   {
-    "value": "12px",
-    "filePath": "src/brand/conduction/font-size.tokens.json",
+    "value": "18px",
+    "filePath": "src/component/conduction/checkbox.tokens.json",
     "isSource": true,
     "original": {
-      "value": "12px"
+      "value": "{utrecht.document.font-size}"
     },
-    "name": "conductionFontSizeXs",
+    "name": "conductionInputCheckboxLabelFontSize",
     "attributes": {
       "category": "conduction",
-      "type": "font-size",
-      "item": "xs"
+      "type": "input-checkbox",
+      "item": "label",
+      "subitem": "font-size"
     },
     "path": [
       "conduction",
-      "font-size",
-      "xs"
+      "input-checkbox",
+      "label",
+      "font-size"
     ]
   },
   {
@@ -4885,6 +6036,63 @@
       "color"
     ]
   },
+  {
+    "value": "#000000 ",
+    "filePath": "src/component/utrecht/badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.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": "{conduction.color.white.100} "
+    },
+    "name": "utrechtBadgeColor",
+    "attributes": {
+      "category": "utrecht",
+      "type": "badge",
+      "item": "color"
+    },
+    "path": [
+      "utrecht",
+      "badge",
+      "color"
+    ]
+  },
   {
     "value": "#4376fc",
     "filePath": "src/component/utrecht/badge-counter.tokens.json",
@@ -5056,6 +6264,82 @@
       "text-decoration"
     ]
   },
+  {
+    "value": "14px",
+    "filePath": "src/component/utrecht/badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{conduction.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": "{conduction.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": "{conduction.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": "{conduction.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",