@conduction/theme 1.0.56 → 1.0.58

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

@@ -2885,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": {
@@ -9295,6 +9360,912 @@
         ]
       }
     },
+    "radio-button": {
+      "min-block-size": {
+        "value": "16px",
+        "filePath": "src/component/utrecht/extra-tokens/radio-button.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "16px"
+        },
+        "name": "utrechtRadioButtonMinBlockSize",
+        "attributes": {
+          "category": "utrecht",
+          "type": "radio-button",
+          "item": "min-block-size"
+        },
+        "path": [
+          "utrecht",
+          "radio-button",
+          "min-block-size"
+        ]
+      },
+      "min-inline-size": {
+        "value": "16px",
+        "filePath": "src/component/utrecht/extra-tokens/radio-button.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "16px"
+        },
+        "name": "utrechtRadioButtonMinInlineSize",
+        "attributes": {
+          "category": "utrecht",
+          "type": "radio-button",
+          "item": "min-inline-size"
+        },
+        "path": [
+          "utrecht",
+          "radio-button",
+          "min-inline-size"
+        ]
+      },
+      "checked-disabled": {
+        "border-color": {
+          "value": "#d1d1d1",
+          "filePath": "src/component/utrecht/extra-tokens/radio-button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.color.grey.82}"
+          },
+          "name": "utrechtRadioButtonCheckedDisabledBorderColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
+            "item": "checked-disabled",
+            "subitem": "border-color"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "checked-disabled",
+            "border-color"
+          ]
+        },
+        "border-width": {
+          "value": "1px",
+          "filePath": "src/component/utrecht/extra-tokens/radio-button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.size.4xs}"
+          },
+          "name": "utrechtRadioButtonCheckedDisabledBorderWidth",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
+            "item": "checked-disabled",
+            "subitem": "border-width"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "checked-disabled",
+            "border-width"
+          ]
+        },
+        "background-color": {
+          "value": "#ffffff",
+          "filePath": "src/component/utrecht/extra-tokens/radio-button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.color.white.100}"
+          },
+          "name": "utrechtRadioButtonCheckedDisabledBackgroundColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
+            "item": "checked-disabled",
+            "subitem": "background-color"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "checked-disabled",
+            "background-color"
+          ]
+        },
+        "color": {
+          "value": "#d1d1d1",
+          "filePath": "src/component/utrecht/extra-tokens/radio-button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.color.grey.82}"
+          },
+          "name": "utrechtRadioButtonCheckedDisabledColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
+            "item": "checked-disabled",
+            "subitem": "color"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "checked-disabled",
+            "color"
+          ]
+        }
+      },
+      "background-color": {
+        "value": "#ffffff",
+        "filePath": "src/component/utrecht/radio-button.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.color.white.100}"
+        },
+        "name": "utrechtRadioButtonBackgroundColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "radio-button",
+          "item": "background-color"
+        },
+        "path": [
+          "utrecht",
+          "radio-button",
+          "background-color"
+        ]
+      },
+      "border-color": {
+        "value": "#767676",
+        "filePath": "src/component/utrecht/radio-button.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.color.grey.46}"
+        },
+        "name": "utrechtRadioButtonBorderColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "radio-button",
+          "item": "border-color"
+        },
+        "path": [
+          "utrecht",
+          "radio-button",
+          "border-color"
+        ]
+      },
+      "border-width": {
+        "value": "1px",
+        "filePath": "src/component/utrecht/radio-button.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{conduction.size.4xs}"
+        },
+        "name": "utrechtRadioButtonBorderWidth",
+        "attributes": {
+          "category": "utrecht",
+          "type": "radio-button",
+          "item": "border-width"
+        },
+        "path": [
+          "utrecht",
+          "radio-button",
+          "border-width"
+        ]
+      },
+      "size": {},
+      "margin-block-start": {},
+      "icon": {
+        "size": {
+          "value": "5px",
+          "filePath": "src/component/utrecht/radio-button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "5px"
+          },
+          "name": "utrechtRadioButtonIconSize",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
+            "item": "icon",
+            "subitem": "size"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "icon",
+            "size"
+          ]
+        }
+      },
+      "active": {
+        "border-color": {},
+        "border-width": {},
+        "background-color": {},
+        "color": {}
+      },
+      "checked": {
+        "border-color": {
+          "value": "#4376fc",
+          "filePath": "src/component/utrecht/radio-button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.color.primary}"
+          },
+          "name": "utrechtRadioButtonCheckedBorderColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
+            "item": "checked",
+            "subitem": "border-color"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "checked",
+            "border-color"
+          ]
+        },
+        "border-width": {
+          "value": "1px",
+          "filePath": "src/component/utrecht/radio-button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.size.4xs}"
+          },
+          "name": "utrechtRadioButtonCheckedBorderWidth",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
+            "item": "checked",
+            "subitem": "border-width"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "checked",
+            "border-width"
+          ]
+        },
+        "background-color": {
+          "value": "#ffffff",
+          "filePath": "src/component/utrecht/radio-button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.color.white.100}"
+          },
+          "name": "utrechtRadioButtonCheckedBackgroundColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
+            "item": "checked",
+            "subitem": "background-color"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "checked",
+            "background-color"
+          ]
+        },
+        "color": {
+          "value": "#4376fc",
+          "filePath": "src/component/utrecht/radio-button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.color.primary}"
+          },
+          "name": "utrechtRadioButtonCheckedColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
+            "item": "checked",
+            "subitem": "color"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "checked",
+            "color"
+          ]
+        },
+        "active": {
+          "border-color": {
+            "value": "#4376fc",
+            "filePath": "src/component/utrecht/radio-button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{conduction.color.primary}"
+            },
+            "name": "utrechtRadioButtonCheckedActiveBorderColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "radio-button",
+              "item": "checked",
+              "subitem": "active",
+              "state": "border-color"
+            },
+            "path": [
+              "utrecht",
+              "radio-button",
+              "checked",
+              "active",
+              "border-color"
+            ]
+          },
+          "border-width": {
+            "value": "1px",
+            "filePath": "src/component/utrecht/radio-button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{conduction.size.4xs}"
+            },
+            "name": "utrechtRadioButtonCheckedActiveBorderWidth",
+            "attributes": {
+              "category": "utrecht",
+              "type": "radio-button",
+              "item": "checked",
+              "subitem": "active",
+              "state": "border-width"
+            },
+            "path": [
+              "utrecht",
+              "radio-button",
+              "checked",
+              "active",
+              "border-width"
+            ]
+          },
+          "background-color": {
+            "value": "#ffffff",
+            "filePath": "src/component/utrecht/radio-button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{conduction.color.white.100}"
+            },
+            "name": "utrechtRadioButtonCheckedActiveBackgroundColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "radio-button",
+              "item": "checked",
+              "subitem": "active",
+              "state": "background-color"
+            },
+            "path": [
+              "utrecht",
+              "radio-button",
+              "checked",
+              "active",
+              "background-color"
+            ]
+          },
+          "color": {
+            "value": "#4376fc",
+            "filePath": "src/component/utrecht/radio-button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{conduction.color.primary}"
+            },
+            "name": "utrechtRadioButtonCheckedActiveColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "radio-button",
+              "item": "checked",
+              "subitem": "active",
+              "state": "color"
+            },
+            "path": [
+              "utrecht",
+              "radio-button",
+              "checked",
+              "active",
+              "color"
+            ]
+          }
+        },
+        "hover": {
+          "border-color": {
+            "value": "#2e5ed9",
+            "filePath": "src/component/utrecht/radio-button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{conduction.color.primary-hover}"
+            },
+            "name": "utrechtRadioButtonCheckedHoverBorderColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "radio-button",
+              "item": "checked",
+              "subitem": "hover",
+              "state": "border-color"
+            },
+            "path": [
+              "utrecht",
+              "radio-button",
+              "checked",
+              "hover",
+              "border-color"
+            ]
+          },
+          "border-width": {
+            "value": "1px",
+            "filePath": "src/component/utrecht/radio-button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{conduction.size.4xs}"
+            },
+            "name": "utrechtRadioButtonCheckedHoverBorderWidth",
+            "attributes": {
+              "category": "utrecht",
+              "type": "radio-button",
+              "item": "checked",
+              "subitem": "hover",
+              "state": "border-width"
+            },
+            "path": [
+              "utrecht",
+              "radio-button",
+              "checked",
+              "hover",
+              "border-width"
+            ]
+          },
+          "background-color": {
+            "value": "#ffffff",
+            "filePath": "src/component/utrecht/radio-button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{conduction.color.white.100}"
+            },
+            "name": "utrechtRadioButtonCheckedHoverBackgroundColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "radio-button",
+              "item": "checked",
+              "subitem": "hover",
+              "state": "background-color"
+            },
+            "path": [
+              "utrecht",
+              "radio-button",
+              "checked",
+              "hover",
+              "background-color"
+            ]
+          },
+          "color": {
+            "value": "#2e5ed9",
+            "filePath": "src/component/utrecht/radio-button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{conduction.color.primary-hover}"
+            },
+            "name": "utrechtRadioButtonCheckedHoverColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "radio-button",
+              "item": "checked",
+              "subitem": "hover",
+              "state": "color"
+            },
+            "path": [
+              "utrecht",
+              "radio-button",
+              "checked",
+              "hover",
+              "color"
+            ]
+          }
+        },
+        "focus": {
+          "border-color": {
+            "value": "#4376fc",
+            "filePath": "src/component/utrecht/radio-button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{conduction.color.primary}"
+            },
+            "name": "utrechtRadioButtonCheckedFocusBorderColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "radio-button",
+              "item": "checked",
+              "subitem": "focus",
+              "state": "border-color"
+            },
+            "path": [
+              "utrecht",
+              "radio-button",
+              "checked",
+              "focus",
+              "border-color"
+            ]
+          },
+          "border-width": {
+            "value": "1px",
+            "filePath": "src/component/utrecht/radio-button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{conduction.size.4xs}"
+            },
+            "name": "utrechtRadioButtonCheckedFocusBorderWidth",
+            "attributes": {
+              "category": "utrecht",
+              "type": "radio-button",
+              "item": "checked",
+              "subitem": "focus",
+              "state": "border-width"
+            },
+            "path": [
+              "utrecht",
+              "radio-button",
+              "checked",
+              "focus",
+              "border-width"
+            ]
+          },
+          "background-color": {
+            "value": "#ffffff",
+            "filePath": "src/component/utrecht/radio-button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{conduction.color.white.100}"
+            },
+            "name": "utrechtRadioButtonCheckedFocusBackgroundColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "radio-button",
+              "item": "checked",
+              "subitem": "focus",
+              "state": "background-color"
+            },
+            "path": [
+              "utrecht",
+              "radio-button",
+              "checked",
+              "focus",
+              "background-color"
+            ]
+          },
+          "color": {
+            "value": "#4376fc",
+            "filePath": "src/component/utrecht/radio-button.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{conduction.color.primary}"
+            },
+            "name": "utrechtRadioButtonCheckedFocusColor",
+            "attributes": {
+              "category": "utrecht",
+              "type": "radio-button",
+              "item": "checked",
+              "subitem": "focus",
+              "state": "color"
+            },
+            "path": [
+              "utrecht",
+              "radio-button",
+              "checked",
+              "focus",
+              "color"
+            ]
+          }
+        }
+      },
+      "hover": {
+        "border-color": {
+          "value": "#4f4f4f",
+          "filePath": "src/component/utrecht/radio-button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.color.grey.31}"
+          },
+          "name": "utrechtRadioButtonHoverBorderColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
+            "item": "hover",
+            "subitem": "border-color"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "hover",
+            "border-color"
+          ]
+        },
+        "border-width": {
+          "value": "1px",
+          "filePath": "src/component/utrecht/radio-button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.size.4xs}"
+          },
+          "name": "utrechtRadioButtonHoverBorderWidth",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
+            "item": "hover",
+            "subitem": "border-width"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "hover",
+            "border-width"
+          ]
+        },
+        "background-color": {
+          "value": "#ffffff",
+          "filePath": "src/component/utrecht/radio-button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.color.white.100}"
+          },
+          "name": "utrechtRadioButtonHoverBackgroundColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
+            "item": "hover",
+            "subitem": "background-color"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "hover",
+            "background-color"
+          ]
+        },
+        "color": {}
+      },
+      "focus": {
+        "border-color": {
+          "value": "#4376fc",
+          "filePath": "src/component/utrecht/radio-button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.color.primary}"
+          },
+          "name": "utrechtRadioButtonFocusBorderColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
+            "item": "focus",
+            "subitem": "border-color"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "focus",
+            "border-color"
+          ]
+        },
+        "border-width": {
+          "value": "1px",
+          "filePath": "src/component/utrecht/radio-button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.size.4xs}"
+          },
+          "name": "utrechtRadioButtonFocusBorderWidth",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
+            "item": "focus",
+            "subitem": "border-width"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "focus",
+            "border-width"
+          ]
+        },
+        "background-color": {
+          "value": "#ffffff",
+          "filePath": "src/component/utrecht/radio-button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.color.white.100}"
+          },
+          "name": "utrechtRadioButtonFocusBackgroundColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
+            "item": "focus",
+            "subitem": "background-color"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "focus",
+            "background-color"
+          ]
+        },
+        "color": {
+          "value": "#4376fc",
+          "filePath": "src/component/utrecht/radio-button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.color.primary}"
+          },
+          "name": "utrechtRadioButtonFocusColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
+            "item": "focus",
+            "subitem": "color"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "focus",
+            "color"
+          ]
+        }
+      },
+      "disabled": {
+        "border-color": {
+          "value": "#d1d1d1",
+          "filePath": "src/component/utrecht/radio-button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.color.grey.82}"
+          },
+          "name": "utrechtRadioButtonDisabledBorderColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
+            "item": "disabled",
+            "subitem": "border-color"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "disabled",
+            "border-color"
+          ]
+        },
+        "border-width": {
+          "value": "1px",
+          "filePath": "src/component/utrecht/radio-button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.size.4xs}"
+          },
+          "name": "utrechtRadioButtonDisabledBorderWidth",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
+            "item": "disabled",
+            "subitem": "border-width"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "disabled",
+            "border-width"
+          ]
+        },
+        "background-color": {
+          "value": "#f7f7f7",
+          "filePath": "src/component/utrecht/radio-button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.color.grey.97}"
+          },
+          "name": "utrechtRadioButtonDisabledBackgroundColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
+            "item": "disabled",
+            "subitem": "background-color"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "disabled",
+            "background-color"
+          ]
+        },
+        "color": {
+          "value": "#d1d1d1",
+          "filePath": "src/component/utrecht/radio-button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.color.grey.82}"
+          },
+          "name": "utrechtRadioButtonDisabledColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
+            "item": "disabled",
+            "subitem": "color"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "disabled",
+            "color"
+          ]
+        }
+      },
+      "invalid": {
+        "border-color": {
+          "value": "#dc3545",
+          "filePath": "src/component/utrecht/radio-button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.color.error}"
+          },
+          "name": "utrechtRadioButtonInvalidBorderColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
+            "item": "invalid",
+            "subitem": "border-color"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "invalid",
+            "border-color"
+          ]
+        },
+        "border-width": {
+          "value": "1px",
+          "filePath": "src/component/utrecht/radio-button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.size.4xs}"
+          },
+          "name": "utrechtRadioButtonInvalidBorderWidth",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
+            "item": "invalid",
+            "subitem": "border-width"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "invalid",
+            "border-width"
+          ]
+        },
+        "background-color": {
+          "value": "#ffffff",
+          "filePath": "src/component/utrecht/radio-button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.color.white.100}"
+          },
+          "name": "utrechtRadioButtonInvalidBackgroundColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
+            "item": "invalid",
+            "subitem": "background-color"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "invalid",
+            "background-color"
+          ]
+        },
+        "color": {
+          "value": "#dc3545",
+          "filePath": "src/component/utrecht/radio-button.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{conduction.color.error}"
+          },
+          "name": "utrechtRadioButtonInvalidColor",
+          "attributes": {
+            "category": "utrecht",
+            "type": "radio-button",
+            "item": "invalid",
+            "subitem": "color"
+          },
+          "path": [
+            "utrecht",
+            "radio-button",
+            "invalid",
+            "color"
+          ]
+        }
+      }
+    },
     "table": {
       "border-collapse": {
         "value": "collapse",