@conduction/theme 1.0.55 → 1.0.57

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

@@ -289,6 +289,48 @@
             "29"
           ]
         },
+        "31": {
+          "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"
+          ]
+        },
+        "46": {
+          "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"
+          ]
+        },
         "48": {
           "value": "#7a7a7a",
           "filePath": "src/brand/conduction/color.tokens.json",
@@ -1418,157 +1460,1297 @@
           },
           "path": [
             "conduction",
-            "card-header",
-            "date",
-            "margin-block-end"
+            "card-header",
+            "date",
+            "margin-block-end"
+          ]
+        }
+      }
+    },
+    "card-wrapper": {
+      "background-color": {
+        "value": "#ffffff",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.color.white.100}"
+        },
+        "name": "conductionCardWrapperBackgroundColor",
+        "attributes": {
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "background-color"
+        },
+        "path": [
+          "conduction",
+          "card-wrapper",
+          "background-color"
+        ]
+      },
+      "border-color": {},
+      "border-style": {},
+      "border-width": {},
+      "border-bottom-color": {},
+      "border-bottom-style": {},
+      "border-bottom-width": {},
+      "border-radius": {
+        "value": "18px",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.size.md}"
+        },
+        "name": "conductionCardWrapperBorderRadius",
+        "attributes": {
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "border-radius"
+        },
+        "path": [
+          "conduction",
+          "card-wrapper",
+          "border-radius"
+        ]
+      },
+      "box-shadow": {},
+      "color": {
+        "value": "#000000",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.color.black.0}"
+        },
+        "name": "conductionCardWrapperColor",
+        "attributes": {
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "color"
+        },
+        "path": [
+          "conduction",
+          "card-wrapper",
+          "color"
+        ]
+      },
+      "hover": {
+        "background-color": {},
+        "border-bottom-color": {},
+        "border-bottom-style": {},
+        "border-bottom-width": {}
+      },
+      "padding-inline-end": {
+        "value": "18px",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.size.md}"
+        },
+        "name": "conductionCardWrapperPaddingInlineEnd",
+        "attributes": {
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "padding-inline-end"
+        },
+        "path": [
+          "conduction",
+          "card-wrapper",
+          "padding-inline-end"
+        ]
+      },
+      "padding-inline-start": {
+        "value": "18px",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.size.md}"
+        },
+        "name": "conductionCardWrapperPaddingInlineStart",
+        "attributes": {
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "padding-inline-start"
+        },
+        "path": [
+          "conduction",
+          "card-wrapper",
+          "padding-inline-start"
+        ]
+      },
+      "padding-block-end": {
+        "value": "18px",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.size.md}"
+        },
+        "name": "conductionCardWrapperPaddingBlockEnd",
+        "attributes": {
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "padding-block-end"
+        },
+        "path": [
+          "conduction",
+          "card-wrapper",
+          "padding-block-end"
+        ]
+      },
+      "padding-block-start": {
+        "value": "18px",
+        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.size.md}"
+        },
+        "name": "conductionCardWrapperPaddingBlockStart",
+        "attributes": {
+          "category": "conduction",
+          "type": "card-wrapper",
+          "item": "padding-block-start"
+        },
+        "path": [
+          "conduction",
+          "card-wrapper",
+          "padding-block-start"
+        ]
+      }
+    },
+    "input-checkbox": {
+      "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"
+        ]
+      },
+      "border-width": {
+        "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"
+        ]
+      },
+      "border-style": {
+        "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"
+        ]
+      },
+      "border-color": {
+        "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"
+        ]
+      },
+      "border-radius": {
+        "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"
+        ]
+      },
+      "box-shadow": {},
+      "hover": {
+        "color": {
+          "value": "#ffffff",
+          "filePath": "src/component/conduction/checkbox.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.color.white.100}"
+          },
+          "name": "conductionInputCheckboxHoverColor",
+          "attributes": {
+            "category": "conduction",
+            "type": "input-checkbox",
+            "item": "hover",
+            "subitem": "color"
+          },
+          "path": [
+            "conduction",
+            "input-checkbox",
+            "hover",
+            "color"
+          ]
+        },
+        "border-width": {
+          "value": "1px",
+          "filePath": "src/component/conduction/checkbox.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.size.4xs}"
+          },
+          "name": "conductionInputCheckboxHoverBorderWidth",
+          "attributes": {
+            "category": "conduction",
+            "type": "input-checkbox",
+            "item": "hover",
+            "subitem": "border-width"
+          },
+          "path": [
+            "conduction",
+            "input-checkbox",
+            "hover",
+            "border-width"
+          ]
+        },
+        "border-style": {
+          "value": "solid",
+          "filePath": "src/component/conduction/checkbox.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "solid"
+          },
+          "name": "conductionInputCheckboxHoverBorderStyle",
+          "attributes": {
+            "category": "conduction",
+            "type": "input-checkbox",
+            "item": "hover",
+            "subitem": "border-style"
+          },
+          "path": [
+            "conduction",
+            "input-checkbox",
+            "hover",
+            "border-style"
+          ]
+        },
+        "border-color": {
+          "value": "#4f4f4f",
+          "filePath": "src/component/conduction/checkbox.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.color.grey.31}"
+          },
+          "name": "conductionInputCheckboxHoverBorderColor",
+          "attributes": {
+            "category": "conduction",
+            "type": "input-checkbox",
+            "item": "hover",
+            "subitem": "border-color"
+          },
+          "path": [
+            "conduction",
+            "input-checkbox",
+            "hover",
+            "border-color"
+          ]
+        },
+        "border-radius": {
+          "value": "3px",
+          "filePath": "src/component/conduction/checkbox.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "3px"
+          },
+          "name": "conductionInputCheckboxHoverBorderRadius",
+          "attributes": {
+            "category": "conduction",
+            "type": "input-checkbox",
+            "item": "hover",
+            "subitem": "border-radius"
+          },
+          "path": [
+            "conduction",
+            "input-checkbox",
+            "hover",
+            "border-radius"
+          ]
+        },
+        "box-shadow": {}
+      },
+      "checked": {
+        "color": {
+          "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"
+          ]
+        },
+        "border-width": {
+          "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"
+          ]
+        },
+        "border-style": {
+          "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"
+          ]
+        },
+        "border-color": {
+          "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"
+          ]
+        },
+        "border-radius": {
+          "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"
+          ]
+        },
+        "box-shadow": {},
+        "checkmark-url": {},
+        "hover": {
+          "color": {
+            "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"
+            ]
+          },
+          "border-width": {
+            "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"
+            ]
+          },
+          "border-style": {
+            "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"
+            ]
+          },
+          "border-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"
+            ]
+          },
+          "border-radius": {
+            "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"
+            ]
+          },
+          "box-shadow": {}
+        }
+      },
+      "disabled": {
+        "color": {
+          "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"
+          ]
+        },
+        "border-width": {
+          "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"
+          ]
+        },
+        "border-style": {
+          "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"
+          ]
+        },
+        "border-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"
+          ]
+        },
+        "border-radius": {
+          "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"
+          ]
+        },
+        "box-shadow": {},
+        "hover": {
+          "color": {
+            "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"
+            ]
+          },
+          "border-width": {
+            "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"
+            ]
+          },
+          "border-style": {
+            "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"
+            ]
+          },
+          "border-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"
+            ]
+          },
+          "border-radius": {
+            "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"
+            ]
+          },
+          "box-shadow": {}
+        }
+      },
+      "focus": {
+        "outline-width": {
+          "value": "2px",
+          "filePath": "src/component/conduction/checkbox.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "2px"
+          },
+          "name": "conductionInputCheckboxFocusOutlineWidth",
+          "attributes": {
+            "category": "conduction",
+            "type": "input-checkbox",
+            "item": "focus",
+            "subitem": "outline-width"
+          },
+          "path": [
+            "conduction",
+            "input-checkbox",
+            "focus",
+            "outline-width"
+          ]
+        },
+        "outline-style": {
+          "value": "solid",
+          "filePath": "src/component/conduction/checkbox.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "solid"
+          },
+          "name": "conductionInputCheckboxFocusOutlineStyle",
+          "attributes": {
+            "category": "conduction",
+            "type": "input-checkbox",
+            "item": "focus",
+            "subitem": "outline-style"
+          },
+          "path": [
+            "conduction",
+            "input-checkbox",
+            "focus",
+            "outline-style"
+          ]
+        },
+        "outline-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"
+          ]
+        },
+        "outline-offset": {
+          "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"
+          ]
+        }
+      },
+      "label": {
+        "color": {
+          "value": "#000000",
+          "filePath": "src/component/conduction/checkbox.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.document.color}"
+          },
+          "name": "conductionInputCheckboxLabelColor",
+          "attributes": {
+            "category": "conduction",
+            "type": "input-checkbox",
+            "item": "label",
+            "subitem": "color"
+          },
+          "path": [
+            "conduction",
+            "input-checkbox",
+            "label",
+            "color"
+          ]
+        },
+        "font-size": {
+          "value": "18px",
+          "filePath": "src/component/conduction/checkbox.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.document.font-size}"
+          },
+          "name": "conductionInputCheckboxLabelFontSize",
+          "attributes": {
+            "category": "conduction",
+            "type": "input-checkbox",
+            "item": "label",
+            "subitem": "font-size"
+          },
+          "path": [
+            "conduction",
+            "input-checkbox",
+            "label",
+            "font-size"
+          ]
+        },
+        "font-weight": {},
+        "font-family": {
+          "value": "\"Noto Sans\", Arial, sans-serif",
+          "filePath": "src/component/conduction/checkbox.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.document.font-family}"
+          },
+          "name": "conductionInputCheckboxLabelFontFamily",
+          "attributes": {
+            "category": "conduction",
+            "type": "input-checkbox",
+            "item": "label",
+            "subitem": "font-family"
+          },
+          "path": [
+            "conduction",
+            "input-checkbox",
+            "label",
+            "font-family"
+          ]
+        },
+        "container": {
+          "padding": {
+            "value": "3px",
+            "filePath": "src/component/conduction/checkbox.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "3px"
+            },
+            "name": "conductionInputCheckboxLabelContainerPadding",
+            "attributes": {
+              "category": "conduction",
+              "type": "input-checkbox",
+              "item": "label",
+              "subitem": "container",
+              "state": "padding"
+            },
+            "path": [
+              "conduction",
+              "input-checkbox",
+              "label",
+              "container",
+              "padding"
+            ]
+          },
+          "margin": {
+            "value": "3px",
+            "filePath": "src/component/conduction/checkbox.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "3px"
+            },
+            "name": "conductionInputCheckboxLabelContainerMargin",
+            "attributes": {
+              "category": "conduction",
+              "type": "input-checkbox",
+              "item": "label",
+              "subitem": "container",
+              "state": "margin"
+            },
+            "path": [
+              "conduction",
+              "input-checkbox",
+              "label",
+              "container",
+              "margin"
+            ]
+          }
+        }
+      }
+    },
+    "download-card": {
+      "background-color": {},
+      "title": {
+        "color": {
+          "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"
+          ]
+        },
+        "font-size": {
+          "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"
+          ]
+        },
+        "font-weight": {
+          "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"
+          ]
+        },
+        "font-family": {
+          "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"
+          ]
+        },
+        "margin-inline-end": {
+          "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"
           ]
         }
-      }
-    },
-    "card-wrapper": {
-      "background-color": {
-        "value": "#ffffff",
-        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+      },
+      "border-width": {
+        "value": "1px",
+        "filePath": "src/component/conduction/download-card.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.color.white.100}"
+          "value": "{conduction.size.4xs}"
         },
-        "name": "conductionCardWrapperBackgroundColor",
+        "name": "conductionDownloadCardBorderWidth",
         "attributes": {
           "category": "conduction",
-          "type": "card-wrapper",
-          "item": "background-color"
+          "type": "download-card",
+          "item": "border-width"
         },
         "path": [
           "conduction",
-          "card-wrapper",
-          "background-color"
+          "download-card",
+          "border-width"
+        ]
+      },
+      "border-style": {
+        "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"
+        ]
+      },
+      "border-color": {
+        "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"
         ]
       },
-      "border-color": {},
-      "border-style": {},
-      "border-width": {},
-      "border-bottom-color": {},
-      "border-bottom-style": {},
-      "border-bottom-width": {},
       "border-radius": {
-        "value": "18px",
-        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+        "value": "2px",
+        "filePath": "src/component/conduction/download-card.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.size.md}"
+          "value": "{conduction.size.3xs}"
         },
-        "name": "conductionCardWrapperBorderRadius",
+        "name": "conductionDownloadCardBorderRadius",
         "attributes": {
           "category": "conduction",
-          "type": "card-wrapper",
+          "type": "download-card",
           "item": "border-radius"
         },
         "path": [
           "conduction",
-          "card-wrapper",
+          "download-card",
           "border-radius"
         ]
       },
-      "box-shadow": {},
-      "color": {
-        "value": "#000000",
-        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+      "icon-gap": {
+        "value": "8px",
+        "filePath": "src/component/conduction/download-card.tokens.json",
         "isSource": true,
         "original": {
-          "value": "{conduction.color.black.0}"
+          "value": "{conduction.size.xs}"
         },
-        "name": "conductionCardWrapperColor",
+        "name": "conductionDownloadCardIconGap",
         "attributes": {
           "category": "conduction",
-          "type": "card-wrapper",
-          "item": "color"
+          "type": "download-card",
+          "item": "icon-gap"
         },
         "path": [
           "conduction",
-          "card-wrapper",
-          "color"
+          "download-card",
+          "icon-gap"
         ]
       },
-      "hover": {
-        "background-color": {},
-        "border-bottom-color": {},
-        "border-bottom-style": {},
-        "border-bottom-width": {}
-      },
       "padding-inline-end": {
         "value": "18px",
-        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+        "filePath": "src/component/conduction/download-card.tokens.json",
         "isSource": true,
         "original": {
           "value": "{conduction.size.md}"
         },
-        "name": "conductionCardWrapperPaddingInlineEnd",
+        "name": "conductionDownloadCardPaddingInlineEnd",
         "attributes": {
           "category": "conduction",
-          "type": "card-wrapper",
+          "type": "download-card",
           "item": "padding-inline-end"
         },
         "path": [
           "conduction",
-          "card-wrapper",
+          "download-card",
           "padding-inline-end"
         ]
       },
       "padding-inline-start": {
         "value": "18px",
-        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+        "filePath": "src/component/conduction/download-card.tokens.json",
         "isSource": true,
         "original": {
           "value": "{conduction.size.md}"
         },
-        "name": "conductionCardWrapperPaddingInlineStart",
+        "name": "conductionDownloadCardPaddingInlineStart",
         "attributes": {
           "category": "conduction",
-          "type": "card-wrapper",
+          "type": "download-card",
           "item": "padding-inline-start"
         },
         "path": [
           "conduction",
-          "card-wrapper",
+          "download-card",
           "padding-inline-start"
         ]
       },
       "padding-block-end": {
         "value": "18px",
-        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+        "filePath": "src/component/conduction/download-card.tokens.json",
         "isSource": true,
         "original": {
           "value": "{conduction.size.md}"
         },
-        "name": "conductionCardWrapperPaddingBlockEnd",
+        "name": "conductionDownloadCardPaddingBlockEnd",
         "attributes": {
           "category": "conduction",
-          "type": "card-wrapper",
+          "type": "download-card",
           "item": "padding-block-end"
         },
         "path": [
           "conduction",
-          "card-wrapper",
+          "download-card",
           "padding-block-end"
         ]
       },
       "padding-block-start": {
         "value": "18px",
-        "filePath": "src/component/conduction/card-wrapper.tokens.json",
+        "filePath": "src/component/conduction/download-card.tokens.json",
         "isSource": true,
         "original": {
           "value": "{conduction.size.md}"
         },
-        "name": "conductionCardWrapperPaddingBlockStart",
+        "name": "conductionDownloadCardPaddingBlockStart",
         "attributes": {
           "category": "conduction",
-          "type": "card-wrapper",
+          "type": "download-card",
           "item": "padding-block-start"
         },
         "path": [
           "conduction",
-          "card-wrapper",
+          "download-card",
           "padding-block-start"
         ]
       }
@@ -1703,6 +2885,71 @@
             "background-image"
           ]
         }
+      },
+      "navbar": {
+        "inline-size": {
+          "value": "150px",
+          "filePath": "src/component/conduction/logo.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "150px"
+          },
+          "name": "conductionLogoNavbarInlineSize",
+          "attributes": {
+            "category": "conduction",
+            "type": "logo",
+            "item": "navbar",
+            "subitem": "inline-size"
+          },
+          "path": [
+            "conduction",
+            "logo",
+            "navbar",
+            "inline-size"
+          ]
+        },
+        "block-size": {
+          "value": "40px",
+          "filePath": "src/component/conduction/logo.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "40px"
+          },
+          "name": "conductionLogoNavbarBlockSize",
+          "attributes": {
+            "category": "conduction",
+            "type": "logo",
+            "item": "navbar",
+            "subitem": "block-size"
+          },
+          "path": [
+            "conduction",
+            "logo",
+            "navbar",
+            "block-size"
+          ]
+        },
+        "background-image": {
+          "value": "url('https://raw.githubusercontent.com/OpenCatalogi/web-app/df1e0533081d780c05b1d0b57ab327d97adcbdc6/pwa/src/assets/svgs/LogoConduction.svg')",
+          "filePath": "src/component/conduction/logo.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "url('https://raw.githubusercontent.com/OpenCatalogi/web-app/df1e0533081d780c05b1d0b57ab327d97adcbdc6/pwa/src/assets/svgs/LogoConduction.svg')"
+          },
+          "name": "conductionLogoNavbarBackgroundImage",
+          "attributes": {
+            "category": "conduction",
+            "type": "logo",
+            "item": "navbar",
+            "subitem": "background-image"
+          },
+          "path": [
+            "conduction",
+            "logo",
+            "navbar",
+            "background-image"
+          ]
+        }
       }
     },
     "primary": {
@@ -5636,6 +6883,143 @@
       "min-block-size": {},
       "min-inline-size": {}
     },
+    "badge": {
+      "background-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"
+        ]
+      },
+      "border-radius": {
+        "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"
+        ]
+      },
+      "color": {
+        "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"
+        ]
+      },
+      "font-size": {
+        "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"
+        ]
+      },
+      "font-weight": {
+        "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"
+        ]
+      },
+      "line-height": {},
+      "padding-block": {
+        "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"
+        ]
+      },
+      "padding-inline": {
+        "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"
+        ]
+      },
+      "text-transform": {}
+    },
     "blockquote": {
       "background-color": {},
       "color": {},