From 0404e85e8a25823c03848ba027abe6de01e72bfe Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Wed, 6 Dec 2023 12:19:09 +0100
Subject: [PATCH 01/16] added radio-button tokens to conduction

---
 .../extra-tokens/radio-button.tokens.json     |  8 +++
 .../utrecht/radio-button.tokens.json          | 68 +++++++++++++++++++
 2 files changed, 76 insertions(+)
 create mode 100644 conduction-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
 create mode 100644 conduction-design-tokens/src/component/utrecht/radio-button.tokens.json

diff --git a/conduction-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/conduction-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
new file mode 100644
index 00000000..00d1b3ac
--- /dev/null
+++ b/conduction-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
@@ -0,0 +1,8 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "min-block-size": { "value": "16px" },
+      "min-inline-size": { "value": "16px" }
+    }
+  }
+}
diff --git a/conduction-design-tokens/src/component/utrecht/radio-button.tokens.json b/conduction-design-tokens/src/component/utrecht/radio-button.tokens.json
new file mode 100644
index 00000000..8446873b
--- /dev/null
+++ b/conduction-design-tokens/src/component/utrecht/radio-button.tokens.json
@@ -0,0 +1,68 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "background-color": { "value": "{conduction.color.white.100}" },
+      "border-color": { "value": "{conduction.color.grey.46}" },
+      "border-width": { "value": "{conduction.size.4xs}" },
+      "size": {},
+      "margin-block-start": {},
+      "icon": {
+        "size": { "value": "5px" }
+      },
+      "active": {
+        "border-color": {},
+        "border-width": {},
+        "background-color": {},
+        "color": {}
+      },
+      "checked": {
+        "border-color": { "value": "{conduction.color.primary}" },
+        "border-width": { "value": "{conduction.size.4xs}" },
+        "background-color": { "value": "{conduction.color.white.100}" },
+        "color": { "value": "{conduction.color.primary}" },
+        "active": {
+          "border-color": { "value": "{conduction.color.primary}" },
+          "border-width": { "value": "{conduction.size.4xs}" },
+          "background-color": { "value": "{conduction.color.white.100}" },
+          "color": { "value": "{conduction.color.primary}" }
+        },
+        "hover": {
+          "border-color": { "value": "{conduction.color.primary-hover}" },
+          "border-width": { "value": "{conduction.size.4xs}" },
+          "background-color": { "value": "{conduction.color.white.100}" },
+          "color": { "value": "{conduction.color.primary-hover}" }
+        },
+        "focus": {
+          "border-color": { "value": "{conduction.color.primary}" },
+          "border-width": { "value": "{conduction.size.4xs}" },
+          "background-color": { "value": "{conduction.color.white.100}" },
+          "color": { "value": "{conduction.color.primary}" }
+        }
+      },
+      "hover": {
+        "border-color": { "value": "{conduction.color.grey.31}" },
+        "border-width": { "value": "{conduction.size.4xs}" },
+        "background-color": { "value": "{conduction.color.white.100}" },
+        "color": {}
+      },
+      "focus": {
+        "border-color": { "value": "{conduction.color.primary}" },
+        "border-width": { "value": "{conduction.size.4xs}" },
+        "background-color": { "value": "{conduction.color.white.100}" },
+        "color": { "value": "{conduction.color.primary}" }
+      },
+      "disabled": {
+        "border-color": { "value": "{conduction.color.grey.82}" },
+        "border-width": { "value": "{conduction.size.4xs}" },
+        "background-color": { "value": "{conduction.color.white.100}" },
+        "color": { "value": "{conduction.color.grey.82}" }
+      },
+      "invalid": {
+        "border-color": { "value": "{conduction.color.error}" },
+        "border-width": { "value": "{conduction.size.4xs}" },
+        "background-color": { "value": "{conduction.color.white.100}" },
+        "color": { "value": "{conduction.color.error}" }
+      }
+    }
+  }
+}

From 9dd73b10fcb12ea34e2ff2883a8f22158b4556c4 Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Wed, 6 Dec 2023 12:24:39 +0100
Subject: [PATCH 02/16] added radio-button tokens to commonground

---
 .../extra-tokens/radio-button.tokens.json     |  8 +++
 .../utrecht/radio-button.tokens.json          | 68 +++++++++++++++++++
 2 files changed, 76 insertions(+)
 create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
 create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/radio-button.tokens.json

diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
new file mode 100644
index 00000000..00d1b3ac
--- /dev/null
+++ b/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
@@ -0,0 +1,8 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "min-block-size": { "value": "16px" },
+      "min-inline-size": { "value": "16px" }
+    }
+  }
+}
diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/radio-button.tokens.json
new file mode 100644
index 00000000..2e1ceb41
--- /dev/null
+++ b/municipalities/commonground-design-tokens/src/component/utrecht/radio-button.tokens.json
@@ -0,0 +1,68 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "background-color": { "value": "{commonground.color.white.100}" },
+      "border-color": { "value": "{commonground.color.grey.46}" },
+      "border-width": { "value": "{commonground.size.4xs}" },
+      "size": {},
+      "margin-block-start": {},
+      "icon": {
+        "size": { "value": "5px" }
+      },
+      "active": {
+        "border-color": {},
+        "border-width": {},
+        "background-color": {},
+        "color": {}
+      },
+      "checked": {
+        "border-color": { "value": "{commonground.color.primary}" },
+        "border-width": { "value": "{commonground.size.4xs}" },
+        "background-color": { "value": "{commonground.color.white.100}" },
+        "color": { "value": "{commonground.color.primary}" },
+        "active": {
+          "border-color": { "value": "{commonground.color.primary}" },
+          "border-width": { "value": "{commonground.size.4xs}" },
+          "background-color": { "value": "{commonground.color.white.100}" },
+          "color": { "value": "{commonground.color.primary}" }
+        },
+        "hover": {
+          "border-color": { "value": "{commonground.color.primary-hover}" },
+          "border-width": { "value": "{commonground.size.4xs}" },
+          "background-color": { "value": "{commonground.color.white.100}" },
+          "color": { "value": "{commonground.color.primary-hover}" }
+        },
+        "focus": {
+          "border-color": { "value": "{commonground.color.primary}" },
+          "border-width": { "value": "{commonground.size.4xs}" },
+          "background-color": { "value": "{commonground.color.white.100}" },
+          "color": { "value": "{commonground.color.primary}" }
+        }
+      },
+      "hover": {
+        "border-color": { "value": "{commonground.color.grey.31}" },
+        "border-width": { "value": "{commonground.size.4xs}" },
+        "background-color": { "value": "{commonground.color.white.100}" },
+        "color": {}
+      },
+      "focus": {
+        "border-color": { "value": "{commonground.color.primary}" },
+        "border-width": { "value": "{commonground.size.4xs}" },
+        "background-color": { "value": "{commonground.color.white.100}" },
+        "color": { "value": "{commonground.color.primary}" }
+      },
+      "disabled": {
+        "border-color": { "value": "{commonground.color.grey.82}" },
+        "border-width": { "value": "{commonground.size.4xs}" },
+        "background-color": { "value": "{commonground.color.white.100}" },
+        "color": { "value": "{commonground.color.grey.82}" }
+      },
+      "invalid": {
+        "border-color": { "value": "{commonground.color.error}" },
+        "border-width": { "value": "{commonground.size.4xs}" },
+        "background-color": { "value": "{commonground.color.white.100}" },
+        "color": { "value": "{commonground.color.error}" }
+      }
+    }
+  }
+}

From 8d76654fc22397c97f190363573f826c71b758d7 Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Wed, 6 Dec 2023 12:26:50 +0100
Subject: [PATCH 03/16] added radio-button tokens to dimpact theme

---
 .../extra-tokens/radio-button.tokens.json     |  8 +++
 .../utrecht/radio-button.tokens.json          | 68 +++++++++++++++++++
 2 files changed, 76 insertions(+)
 create mode 100644 municipalities/dimpact-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
 create mode 100644 municipalities/dimpact-design-tokens/src/component/utrecht/radio-button.tokens.json

diff --git a/municipalities/dimpact-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/dimpact-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
new file mode 100644
index 00000000..00d1b3ac
--- /dev/null
+++ b/municipalities/dimpact-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
@@ -0,0 +1,8 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "min-block-size": { "value": "16px" },
+      "min-inline-size": { "value": "16px" }
+    }
+  }
+}
diff --git a/municipalities/dimpact-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/dimpact-design-tokens/src/component/utrecht/radio-button.tokens.json
new file mode 100644
index 00000000..6b989ed7
--- /dev/null
+++ b/municipalities/dimpact-design-tokens/src/component/utrecht/radio-button.tokens.json
@@ -0,0 +1,68 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "background-color": { "value": "{dimpact.color.white.100}" },
+      "border-color": { "value": "{dimpact.color.grey.46}" },
+      "border-width": { "value": "{dimpact.size.4xs}" },
+      "size": {},
+      "margin-block-start": {},
+      "icon": {
+        "size": { "value": "5px" }
+      },
+      "active": {
+        "border-color": {},
+        "border-width": {},
+        "background-color": {},
+        "color": {}
+      },
+      "checked": {
+        "border-color": { "value": "{dimpact.color.primary}" },
+        "border-width": { "value": "{dimpact.size.4xs}" },
+        "background-color": { "value": "{dimpact.color.white.100}" },
+        "color": { "value": "{dimpact.color.primary}" },
+        "active": {
+          "border-color": { "value": "{dimpact.color.primary}" },
+          "border-width": { "value": "{dimpact.size.4xs}" },
+          "background-color": { "value": "{dimpact.color.white.100}" },
+          "color": { "value": "{dimpact.color.primary}" }
+        },
+        "hover": {
+          "border-color": { "value": "{dimpact.color.primary-hover}" },
+          "border-width": { "value": "{dimpact.size.4xs}" },
+          "background-color": { "value": "{dimpact.color.white.100}" },
+          "color": { "value": "{dimpact.color.primary-hover}" }
+        },
+        "focus": {
+          "border-color": { "value": "{dimpact.color.primary}" },
+          "border-width": { "value": "{dimpact.size.4xs}" },
+          "background-color": { "value": "{dimpact.color.white.100}" },
+          "color": { "value": "{dimpact.color.primary}" }
+        }
+      },
+      "hover": {
+        "border-color": { "value": "{dimpact.color.grey.31}" },
+        "border-width": { "value": "{dimpact.size.4xs}" },
+        "background-color": { "value": "{dimpact.color.white.100}" },
+        "color": {}
+      },
+      "focus": {
+        "border-color": { "value": "{dimpact.color.primary}" },
+        "border-width": { "value": "{dimpact.size.4xs}" },
+        "background-color": { "value": "{dimpact.color.white.100}" },
+        "color": { "value": "{dimpact.color.primary}" }
+      },
+      "disabled": {
+        "border-color": { "value": "{dimpact.color.grey.82}" },
+        "border-width": { "value": "{dimpact.size.4xs}" },
+        "background-color": { "value": "{dimpact.color.white.100}" },
+        "color": { "value": "{dimpact.color.grey.82}" }
+      },
+      "invalid": {
+        "border-color": { "value": "{dimpact.color.error}" },
+        "border-width": { "value": "{dimpact.size.4xs}" },
+        "background-color": { "value": "{dimpact.color.white.100}" },
+        "color": { "value": "{dimpact.color.error}" }
+      }
+    }
+  }
+}

From 8903de9ac565376eb7ca8a01ba9c4833ca716a14 Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Wed, 6 Dec 2023 12:29:08 +0100
Subject: [PATCH 04/16] added radio-button tokens to dinkelland theme

---
 .../extra-tokens/radio-button.tokens.json     |  8 +++
 .../utrecht/radio-button.tokens.json          | 68 +++++++++++++++++++
 2 files changed, 76 insertions(+)
 create mode 100644 municipalities/dinkelland-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
 create mode 100644 municipalities/dinkelland-design-tokens/src/component/utrecht/radio-button.tokens.json

diff --git a/municipalities/dinkelland-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/dinkelland-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
new file mode 100644
index 00000000..00d1b3ac
--- /dev/null
+++ b/municipalities/dinkelland-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
@@ -0,0 +1,8 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "min-block-size": { "value": "16px" },
+      "min-inline-size": { "value": "16px" }
+    }
+  }
+}
diff --git a/municipalities/dinkelland-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/dinkelland-design-tokens/src/component/utrecht/radio-button.tokens.json
new file mode 100644
index 00000000..0f0a0260
--- /dev/null
+++ b/municipalities/dinkelland-design-tokens/src/component/utrecht/radio-button.tokens.json
@@ -0,0 +1,68 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "background-color": { "value": "{dinkelland.color.white.100}" },
+      "border-color": { "value": "{dinkelland.color.grey.46}" },
+      "border-width": { "value": "{dinkelland.size.4xs}" },
+      "size": {},
+      "margin-block-start": {},
+      "icon": {
+        "size": { "value": "5px" }
+      },
+      "active": {
+        "border-color": {},
+        "border-width": {},
+        "background-color": {},
+        "color": {}
+      },
+      "checked": {
+        "border-color": { "value": "{dinkelland.color.primary}" },
+        "border-width": { "value": "{dinkelland.size.4xs}" },
+        "background-color": { "value": "{dinkelland.color.white.100}" },
+        "color": { "value": "{dinkelland.color.primary}" },
+        "active": {
+          "border-color": { "value": "{dinkelland.color.primary}" },
+          "border-width": { "value": "{dinkelland.size.4xs}" },
+          "background-color": { "value": "{dinkelland.color.white.100}" },
+          "color": { "value": "{dinkelland.color.primary}" }
+        },
+        "hover": {
+          "border-color": { "value": "{dinkelland.color.primary-hover}" },
+          "border-width": { "value": "{dinkelland.size.4xs}" },
+          "background-color": { "value": "{dinkelland.color.white.100}" },
+          "color": { "value": "{dinkelland.color.primary-hover}" }
+        },
+        "focus": {
+          "border-color": { "value": "{dinkelland.color.primary}" },
+          "border-width": { "value": "{dinkelland.size.4xs}" },
+          "background-color": { "value": "{dinkelland.color.white.100}" },
+          "color": { "value": "{dinkelland.color.primary}" }
+        }
+      },
+      "hover": {
+        "border-color": { "value": "{dinkelland.color.grey.31}" },
+        "border-width": { "value": "{dinkelland.size.4xs}" },
+        "background-color": { "value": "{dinkelland.color.white.100}" },
+        "color": {}
+      },
+      "focus": {
+        "border-color": { "value": "{dinkelland.color.primary}" },
+        "border-width": { "value": "{dinkelland.size.4xs}" },
+        "background-color": { "value": "{dinkelland.color.white.100}" },
+        "color": { "value": "{dinkelland.color.primary}" }
+      },
+      "disabled": {
+        "border-color": { "value": "{dinkelland.color.grey.82}" },
+        "border-width": { "value": "{dinkelland.size.4xs}" },
+        "background-color": { "value": "{dinkelland.color.white.100}" },
+        "color": { "value": "{dinkelland.color.grey.82}" }
+      },
+      "invalid": {
+        "border-color": { "value": "{dinkelland.color.error}" },
+        "border-width": { "value": "{dinkelland.size.4xs}" },
+        "background-color": { "value": "{dinkelland.color.white.100}" },
+        "color": { "value": "{dinkelland.color.error}" }
+      }
+    }
+  }
+}

From c5c344e5954f5cf48e835d5763f0fcb9d3f41157 Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Wed, 6 Dec 2023 12:34:50 +0100
Subject: [PATCH 05/16] added radio-button tokens to epe theme

---
 .../extra-tokens/radio-button.tokens.json     |  8 +++
 .../utrecht/radio-button.tokens.json          | 68 +++++++++++++++++++
 2 files changed, 76 insertions(+)
 create mode 100644 municipalities/epe-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
 create mode 100644 municipalities/epe-design-tokens/src/component/utrecht/radio-button.tokens.json

diff --git a/municipalities/epe-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/epe-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
new file mode 100644
index 00000000..00d1b3ac
--- /dev/null
+++ b/municipalities/epe-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
@@ -0,0 +1,8 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "min-block-size": { "value": "16px" },
+      "min-inline-size": { "value": "16px" }
+    }
+  }
+}
diff --git a/municipalities/epe-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/epe-design-tokens/src/component/utrecht/radio-button.tokens.json
new file mode 100644
index 00000000..ce0d9390
--- /dev/null
+++ b/municipalities/epe-design-tokens/src/component/utrecht/radio-button.tokens.json
@@ -0,0 +1,68 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "background-color": { "value": "{epe.color.white.100}" },
+      "border-color": { "value": "{epe.color.grey.46}" },
+      "border-width": { "value": "{epe.size.4xs}" },
+      "size": {},
+      "margin-block-start": {},
+      "icon": {
+        "size": { "value": "5px" }
+      },
+      "active": {
+        "border-color": {},
+        "border-width": {},
+        "background-color": {},
+        "color": {}
+      },
+      "checked": {
+        "border-color": { "value": "{epe.color.primary}" },
+        "border-width": { "value": "{epe.size.4xs}" },
+        "background-color": { "value": "{epe.color.white.100}" },
+        "color": { "value": "{epe.color.primary}" },
+        "active": {
+          "border-color": { "value": "{epe.color.primary}" },
+          "border-width": { "value": "{epe.size.4xs}" },
+          "background-color": { "value": "{epe.color.white.100}" },
+          "color": { "value": "{epe.color.primary}" }
+        },
+        "hover": {
+          "border-color": { "value": "{epe.color.primary-hover}" },
+          "border-width": { "value": "{epe.size.4xs}" },
+          "background-color": { "value": "{epe.color.white.100}" },
+          "color": { "value": "{epe.color.primary-hover}" }
+        },
+        "focus": {
+          "border-color": { "value": "{epe.color.primary}" },
+          "border-width": { "value": "{epe.size.4xs}" },
+          "background-color": { "value": "{epe.color.white.100}" },
+          "color": { "value": "{epe.color.primary}" }
+        }
+      },
+      "hover": {
+        "border-color": { "value": "{epe.color.grey.31}" },
+        "border-width": { "value": "{epe.size.4xs}" },
+        "background-color": { "value": "{epe.color.white.100}" },
+        "color": {}
+      },
+      "focus": {
+        "border-color": { "value": "{epe.color.primary}" },
+        "border-width": { "value": "{epe.size.4xs}" },
+        "background-color": { "value": "{epe.color.white.100}" },
+        "color": { "value": "{epe.color.primary}" }
+      },
+      "disabled": {
+        "border-color": { "value": "{epe.color.grey.82}" },
+        "border-width": { "value": "{epe.size.4xs}" },
+        "background-color": { "value": "{epe.color.white.100}" },
+        "color": { "value": "{epe.color.grey.82}" }
+      },
+      "invalid": {
+        "border-color": { "value": "{epe.color.error}" },
+        "border-width": { "value": "{epe.size.4xs}" },
+        "background-color": { "value": "{epe.color.white.100}" },
+        "color": { "value": "{epe.color.error}" }
+      }
+    }
+  }
+}

From b5aa5d4959db443d38c1fd14df0d8e1bb842b895 Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Wed, 6 Dec 2023 12:37:16 +0100
Subject: [PATCH 06/16] added radio-button tokens to leiden theme

---
 .../extra-tokens/radio-button.tokens.json     |  8 +++
 .../utrecht/radio-button.tokens.json          | 68 +++++++++++++++++++
 2 files changed, 76 insertions(+)
 create mode 100644 municipalities/leiden-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
 create mode 100644 municipalities/leiden-design-tokens/src/component/utrecht/radio-button.tokens.json

diff --git a/municipalities/leiden-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/leiden-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
new file mode 100644
index 00000000..00d1b3ac
--- /dev/null
+++ b/municipalities/leiden-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
@@ -0,0 +1,8 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "min-block-size": { "value": "16px" },
+      "min-inline-size": { "value": "16px" }
+    }
+  }
+}
diff --git a/municipalities/leiden-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/leiden-design-tokens/src/component/utrecht/radio-button.tokens.json
new file mode 100644
index 00000000..b3af773c
--- /dev/null
+++ b/municipalities/leiden-design-tokens/src/component/utrecht/radio-button.tokens.json
@@ -0,0 +1,68 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "background-color": { "value": "{leiden.color.white.100}" },
+      "border-color": { "value": "{leiden.color.grey.46}" },
+      "border-width": { "value": "{leiden.size.4xs}" },
+      "size": {},
+      "margin-block-start": {},
+      "icon": {
+        "size": { "value": "5px" }
+      },
+      "active": {
+        "border-color": {},
+        "border-width": {},
+        "background-color": {},
+        "color": {}
+      },
+      "checked": {
+        "border-color": { "value": "{leiden.color.primary}" },
+        "border-width": { "value": "{leiden.size.4xs}" },
+        "background-color": { "value": "{leiden.color.white.100}" },
+        "color": { "value": "{leiden.color.primary}" },
+        "active": {
+          "border-color": { "value": "{leiden.color.primary}" },
+          "border-width": { "value": "{leiden.size.4xs}" },
+          "background-color": { "value": "{leiden.color.white.100}" },
+          "color": { "value": "{leiden.color.primary}" }
+        },
+        "hover": {
+          "border-color": { "value": "{leiden.color.primary-hover}" },
+          "border-width": { "value": "{leiden.size.4xs}" },
+          "background-color": { "value": "{leiden.color.white.100}" },
+          "color": { "value": "{leiden.color.primary-hover}" }
+        },
+        "focus": {
+          "border-color": { "value": "{leiden.color.primary}" },
+          "border-width": { "value": "{leiden.size.4xs}" },
+          "background-color": { "value": "{leiden.color.white.100}" },
+          "color": { "value": "{leiden.color.primary}" }
+        }
+      },
+      "hover": {
+        "border-color": { "value": "{leiden.color.grey.31}" },
+        "border-width": { "value": "{leiden.size.4xs}" },
+        "background-color": { "value": "{leiden.color.white.100}" },
+        "color": {}
+      },
+      "focus": {
+        "border-color": { "value": "{leiden.color.primary}" },
+        "border-width": { "value": "{leiden.size.4xs}" },
+        "background-color": { "value": "{leiden.color.white.100}" },
+        "color": { "value": "{leiden.color.primary}" }
+      },
+      "disabled": {
+        "border-color": { "value": "{leiden.color.grey.82}" },
+        "border-width": { "value": "{leiden.size.4xs}" },
+        "background-color": { "value": "{leiden.color.white.100}" },
+        "color": { "value": "{leiden.color.grey.82}" }
+      },
+      "invalid": {
+        "border-color": { "value": "{leiden.color.error}" },
+        "border-width": { "value": "{leiden.size.4xs}" },
+        "background-color": { "value": "{leiden.color.white.100}" },
+        "color": { "value": "{leiden.color.error}" }
+      }
+    }
+  }
+}

From cd24c1ce2a80e6d34a4efd29f2d8c4253ddb483e Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Wed, 6 Dec 2023 12:39:13 +0100
Subject: [PATCH 07/16] added radio-button tokens to noaberkracht theme

---
 .../extra-tokens/radio-button.tokens.json     |  8 +++
 .../utrecht/radio-button.tokens.json          | 68 +++++++++++++++++++
 2 files changed, 76 insertions(+)
 create mode 100644 municipalities/noaberkracht-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
 create mode 100644 municipalities/noaberkracht-design-tokens/src/component/utrecht/radio-button.tokens.json

diff --git a/municipalities/noaberkracht-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/noaberkracht-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
new file mode 100644
index 00000000..00d1b3ac
--- /dev/null
+++ b/municipalities/noaberkracht-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
@@ -0,0 +1,8 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "min-block-size": { "value": "16px" },
+      "min-inline-size": { "value": "16px" }
+    }
+  }
+}
diff --git a/municipalities/noaberkracht-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/noaberkracht-design-tokens/src/component/utrecht/radio-button.tokens.json
new file mode 100644
index 00000000..abf4955d
--- /dev/null
+++ b/municipalities/noaberkracht-design-tokens/src/component/utrecht/radio-button.tokens.json
@@ -0,0 +1,68 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "background-color": { "value": "{noaberkracht.color.white.100}" },
+      "border-color": { "value": "{noaberkracht.color.grey.46}" },
+      "border-width": { "value": "{noaberkracht.size.4xs}" },
+      "size": {},
+      "margin-block-start": {},
+      "icon": {
+        "size": { "value": "5px" }
+      },
+      "active": {
+        "border-color": {},
+        "border-width": {},
+        "background-color": {},
+        "color": {}
+      },
+      "checked": {
+        "border-color": { "value": "{noaberkracht.color.primary}" },
+        "border-width": { "value": "{noaberkracht.size.4xs}" },
+        "background-color": { "value": "{noaberkracht.color.white.100}" },
+        "color": { "value": "{noaberkracht.color.primary}" },
+        "active": {
+          "border-color": { "value": "{noaberkracht.color.primary}" },
+          "border-width": { "value": "{noaberkracht.size.4xs}" },
+          "background-color": { "value": "{noaberkracht.color.white.100}" },
+          "color": { "value": "{noaberkracht.color.primary}" }
+        },
+        "hover": {
+          "border-color": { "value": "{noaberkracht.color.primary-hover}" },
+          "border-width": { "value": "{noaberkracht.size.4xs}" },
+          "background-color": { "value": "{noaberkracht.color.white.100}" },
+          "color": { "value": "{noaberkracht.color.primary-hover}" }
+        },
+        "focus": {
+          "border-color": { "value": "{noaberkracht.color.primary}" },
+          "border-width": { "value": "{noaberkracht.size.4xs}" },
+          "background-color": { "value": "{noaberkracht.color.white.100}" },
+          "color": { "value": "{noaberkracht.color.primary}" }
+        }
+      },
+      "hover": {
+        "border-color": { "value": "{noaberkracht.color.grey.31}" },
+        "border-width": { "value": "{noaberkracht.size.4xs}" },
+        "background-color": { "value": "{noaberkracht.color.white.100}" },
+        "color": {}
+      },
+      "focus": {
+        "border-color": { "value": "{noaberkracht.color.primary}" },
+        "border-width": { "value": "{noaberkracht.size.4xs}" },
+        "background-color": { "value": "{noaberkracht.color.white.100}" },
+        "color": { "value": "{noaberkracht.color.primary}" }
+      },
+      "disabled": {
+        "border-color": { "value": "{noaberkracht.color.grey.82}" },
+        "border-width": { "value": "{noaberkracht.size.4xs}" },
+        "background-color": { "value": "{noaberkracht.color.white.100}" },
+        "color": { "value": "{noaberkracht.color.grey.82}" }
+      },
+      "invalid": {
+        "border-color": { "value": "{noaberkracht.color.error}" },
+        "border-width": { "value": "{noaberkracht.size.4xs}" },
+        "background-color": { "value": "{noaberkracht.color.white.100}" },
+        "color": { "value": "{noaberkracht.color.error}" }
+      }
+    }
+  }
+}

From d5cbb76bc633e879d02dbf5abe8afc38ce4319d0 Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Wed, 6 Dec 2023 12:40:50 +0100
Subject: [PATCH 08/16] added radio-button tokens to noordwijk theme

---
 .../extra-tokens/radio-button.tokens.json     |  8 +++
 .../utrecht/radio-button.tokens.json          | 68 +++++++++++++++++++
 2 files changed, 76 insertions(+)
 create mode 100644 municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
 create mode 100644 municipalities/noordwijk-design-tokens/src/component/utrecht/radio-button.tokens.json

diff --git a/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
new file mode 100644
index 00000000..00d1b3ac
--- /dev/null
+++ b/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
@@ -0,0 +1,8 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "min-block-size": { "value": "16px" },
+      "min-inline-size": { "value": "16px" }
+    }
+  }
+}
diff --git a/municipalities/noordwijk-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/noordwijk-design-tokens/src/component/utrecht/radio-button.tokens.json
new file mode 100644
index 00000000..9865e416
--- /dev/null
+++ b/municipalities/noordwijk-design-tokens/src/component/utrecht/radio-button.tokens.json
@@ -0,0 +1,68 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "background-color": { "value": "{noordwijk.color.white.100}" },
+      "border-color": { "value": "{noordwijk.color.grey.46}" },
+      "border-width": { "value": "{noordwijk.size.4xs}" },
+      "size": {},
+      "margin-block-start": {},
+      "icon": {
+        "size": { "value": "5px" }
+      },
+      "active": {
+        "border-color": {},
+        "border-width": {},
+        "background-color": {},
+        "color": {}
+      },
+      "checked": {
+        "border-color": { "value": "{noordwijk.color.primary}" },
+        "border-width": { "value": "{noordwijk.size.4xs}" },
+        "background-color": { "value": "{noordwijk.color.white.100}" },
+        "color": { "value": "{noordwijk.color.primary}" },
+        "active": {
+          "border-color": { "value": "{noordwijk.color.primary}" },
+          "border-width": { "value": "{noordwijk.size.4xs}" },
+          "background-color": { "value": "{noordwijk.color.white.100}" },
+          "color": { "value": "{noordwijk.color.primary}" }
+        },
+        "hover": {
+          "border-color": { "value": "{noordwijk.color.primary-hover}" },
+          "border-width": { "value": "{noordwijk.size.4xs}" },
+          "background-color": { "value": "{noordwijk.color.white.100}" },
+          "color": { "value": "{noordwijk.color.primary-hover}" }
+        },
+        "focus": {
+          "border-color": { "value": "{noordwijk.color.primary}" },
+          "border-width": { "value": "{noordwijk.size.4xs}" },
+          "background-color": { "value": "{noordwijk.color.white.100}" },
+          "color": { "value": "{noordwijk.color.primary}" }
+        }
+      },
+      "hover": {
+        "border-color": { "value": "{noordwijk.color.grey.31}" },
+        "border-width": { "value": "{noordwijk.size.4xs}" },
+        "background-color": { "value": "{noordwijk.color.white.100}" },
+        "color": {}
+      },
+      "focus": {
+        "border-color": { "value": "{noordwijk.color.primary}" },
+        "border-width": { "value": "{noordwijk.size.4xs}" },
+        "background-color": { "value": "{noordwijk.color.white.100}" },
+        "color": { "value": "{noordwijk.color.primary}" }
+      },
+      "disabled": {
+        "border-color": { "value": "{noordwijk.color.grey.82}" },
+        "border-width": { "value": "{noordwijk.size.4xs}" },
+        "background-color": { "value": "{noordwijk.color.white.100}" },
+        "color": { "value": "{noordwijk.color.grey.82}" }
+      },
+      "invalid": {
+        "border-color": { "value": "{noordwijk.color.error}" },
+        "border-width": { "value": "{noordwijk.size.4xs}" },
+        "background-color": { "value": "{noordwijk.color.white.100}" },
+        "color": { "value": "{noordwijk.color.error}" }
+      }
+    }
+  }
+}

From b3d6a6a1ed5927aa8c0d5dd13dfe516f90dd5257 Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Wed, 6 Dec 2023 12:42:41 +0100
Subject: [PATCH 09/16] added radio-button tokens to open-webconcept theme

---
 .../extra-tokens/radio-button.tokens.json     |  8 +++
 .../utrecht/radio-button.tokens.json          | 68 +++++++++++++++++++
 2 files changed, 76 insertions(+)
 create mode 100644 municipalities/open-webconcept-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
 create mode 100644 municipalities/open-webconcept-design-tokens/src/component/utrecht/radio-button.tokens.json

diff --git a/municipalities/open-webconcept-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/open-webconcept-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
new file mode 100644
index 00000000..00d1b3ac
--- /dev/null
+++ b/municipalities/open-webconcept-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
@@ -0,0 +1,8 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "min-block-size": { "value": "16px" },
+      "min-inline-size": { "value": "16px" }
+    }
+  }
+}
diff --git a/municipalities/open-webconcept-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/open-webconcept-design-tokens/src/component/utrecht/radio-button.tokens.json
new file mode 100644
index 00000000..e76c2da8
--- /dev/null
+++ b/municipalities/open-webconcept-design-tokens/src/component/utrecht/radio-button.tokens.json
@@ -0,0 +1,68 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "background-color": { "value": "{open-webconcept.color.white.100}" },
+      "border-color": { "value": "{open-webconcept.color.grey.46}" },
+      "border-width": { "value": "{open-webconcept.size.4xs}" },
+      "size": {},
+      "margin-block-start": {},
+      "icon": {
+        "size": { "value": "5px" }
+      },
+      "active": {
+        "border-color": {},
+        "border-width": {},
+        "background-color": {},
+        "color": {}
+      },
+      "checked": {
+        "border-color": { "value": "{open-webconcept.color.primary}" },
+        "border-width": { "value": "{open-webconcept.size.4xs}" },
+        "background-color": { "value": "{open-webconcept.color.white.100}" },
+        "color": { "value": "{open-webconcept.color.primary}" },
+        "active": {
+          "border-color": { "value": "{open-webconcept.color.primary}" },
+          "border-width": { "value": "{open-webconcept.size.4xs}" },
+          "background-color": { "value": "{open-webconcept.color.white.100}" },
+          "color": { "value": "{open-webconcept.color.primary}" }
+        },
+        "hover": {
+          "border-color": { "value": "{open-webconcept.color.primary-hover}" },
+          "border-width": { "value": "{open-webconcept.size.4xs}" },
+          "background-color": { "value": "{open-webconcept.color.white.100}" },
+          "color": { "value": "{open-webconcept.color.primary-hover}" }
+        },
+        "focus": {
+          "border-color": { "value": "{open-webconcept.color.primary}" },
+          "border-width": { "value": "{open-webconcept.size.4xs}" },
+          "background-color": { "value": "{open-webconcept.color.white.100}" },
+          "color": { "value": "{open-webconcept.color.primary}" }
+        }
+      },
+      "hover": {
+        "border-color": { "value": "{open-webconcept.color.grey.31}" },
+        "border-width": { "value": "{open-webconcept.size.4xs}" },
+        "background-color": { "value": "{open-webconcept.color.white.100}" },
+        "color": {}
+      },
+      "focus": {
+        "border-color": { "value": "{open-webconcept.color.primary}" },
+        "border-width": { "value": "{open-webconcept.size.4xs}" },
+        "background-color": { "value": "{open-webconcept.color.white.100}" },
+        "color": { "value": "{open-webconcept.color.primary}" }
+      },
+      "disabled": {
+        "border-color": { "value": "{open-webconcept.color.grey.82}" },
+        "border-width": { "value": "{open-webconcept.size.4xs}" },
+        "background-color": { "value": "{open-webconcept.color.white.100}" },
+        "color": { "value": "{open-webconcept.color.grey.82}" }
+      },
+      "invalid": {
+        "border-color": { "value": "{open-webconcept.color.error}" },
+        "border-width": { "value": "{open-webconcept.size.4xs}" },
+        "background-color": { "value": "{open-webconcept.color.white.100}" },
+        "color": { "value": "{open-webconcept.color.error}" }
+      }
+    }
+  }
+}

From 9344711ccf54e1491557e1d24828873386f7eab7 Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Wed, 6 Dec 2023 12:44:34 +0100
Subject: [PATCH 10/16] added radio-button tokens to tubbergen theme

---
 .../extra-tokens/radio-button.tokens.json     |  8 +++
 .../utrecht/radio-button.tokens.json          | 68 +++++++++++++++++++
 2 files changed, 76 insertions(+)
 create mode 100644 municipalities/tubbergen-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
 create mode 100644 municipalities/tubbergen-design-tokens/src/component/utrecht/radio-button.tokens.json

diff --git a/municipalities/tubbergen-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/tubbergen-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
new file mode 100644
index 00000000..00d1b3ac
--- /dev/null
+++ b/municipalities/tubbergen-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
@@ -0,0 +1,8 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "min-block-size": { "value": "16px" },
+      "min-inline-size": { "value": "16px" }
+    }
+  }
+}
diff --git a/municipalities/tubbergen-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/tubbergen-design-tokens/src/component/utrecht/radio-button.tokens.json
new file mode 100644
index 00000000..328fe980
--- /dev/null
+++ b/municipalities/tubbergen-design-tokens/src/component/utrecht/radio-button.tokens.json
@@ -0,0 +1,68 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "background-color": { "value": "{tubbergen.color.white.100}" },
+      "border-color": { "value": "{tubbergen.color.grey.46}" },
+      "border-width": { "value": "{tubbergen.size.4xs}" },
+      "size": {},
+      "margin-block-start": {},
+      "icon": {
+        "size": { "value": "5px" }
+      },
+      "active": {
+        "border-color": {},
+        "border-width": {},
+        "background-color": {},
+        "color": {}
+      },
+      "checked": {
+        "border-color": { "value": "{tubbergen.color.primary}" },
+        "border-width": { "value": "{tubbergen.size.4xs}" },
+        "background-color": { "value": "{tubbergen.color.white.100}" },
+        "color": { "value": "{tubbergen.color.primary}" },
+        "active": {
+          "border-color": { "value": "{tubbergen.color.primary}" },
+          "border-width": { "value": "{tubbergen.size.4xs}" },
+          "background-color": { "value": "{tubbergen.color.white.100}" },
+          "color": { "value": "{tubbergen.color.primary}" }
+        },
+        "hover": {
+          "border-color": { "value": "{tubbergen.color.primary-hover}" },
+          "border-width": { "value": "{tubbergen.size.4xs}" },
+          "background-color": { "value": "{tubbergen.color.white.100}" },
+          "color": { "value": "{tubbergen.color.primary-hover}" }
+        },
+        "focus": {
+          "border-color": { "value": "{tubbergen.color.primary}" },
+          "border-width": { "value": "{tubbergen.size.4xs}" },
+          "background-color": { "value": "{tubbergen.color.white.100}" },
+          "color": { "value": "{tubbergen.color.primary}" }
+        }
+      },
+      "hover": {
+        "border-color": { "value": "{tubbergen.color.grey.31}" },
+        "border-width": { "value": "{tubbergen.size.4xs}" },
+        "background-color": { "value": "{tubbergen.color.white.100}" },
+        "color": {}
+      },
+      "focus": {
+        "border-color": { "value": "{tubbergen.color.primary}" },
+        "border-width": { "value": "{tubbergen.size.4xs}" },
+        "background-color": { "value": "{tubbergen.color.white.100}" },
+        "color": { "value": "{tubbergen.color.primary}" }
+      },
+      "disabled": {
+        "border-color": { "value": "{tubbergen.color.grey.82}" },
+        "border-width": { "value": "{tubbergen.size.4xs}" },
+        "background-color": { "value": "{tubbergen.color.white.100}" },
+        "color": { "value": "{tubbergen.color.grey.82}" }
+      },
+      "invalid": {
+        "border-color": { "value": "{tubbergen.color.error}" },
+        "border-width": { "value": "{tubbergen.size.4xs}" },
+        "background-color": { "value": "{tubbergen.color.white.100}" },
+        "color": { "value": "{tubbergen.color.error}" }
+      }
+    }
+  }
+}

From fb8b940185a5979e6325946343d1f6608c7d93a4 Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Wed, 6 Dec 2023 12:45:38 +0100
Subject: [PATCH 11/16] added radio-button tokens to xxllnc theme

---
 .../extra-tokens/radio-button.tokens.json     |  8 +++
 .../utrecht/radio-button.tokens.json          | 68 +++++++++++++++++++
 2 files changed, 76 insertions(+)
 create mode 100644 municipalities/xxllnc-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
 create mode 100644 municipalities/xxllnc-design-tokens/src/component/utrecht/radio-button.tokens.json

diff --git a/municipalities/xxllnc-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/xxllnc-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
new file mode 100644
index 00000000..00d1b3ac
--- /dev/null
+++ b/municipalities/xxllnc-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
@@ -0,0 +1,8 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "min-block-size": { "value": "16px" },
+      "min-inline-size": { "value": "16px" }
+    }
+  }
+}
diff --git a/municipalities/xxllnc-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/xxllnc-design-tokens/src/component/utrecht/radio-button.tokens.json
new file mode 100644
index 00000000..e06beeeb
--- /dev/null
+++ b/municipalities/xxllnc-design-tokens/src/component/utrecht/radio-button.tokens.json
@@ -0,0 +1,68 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "background-color": { "value": "{xxllnc.color.white.100}" },
+      "border-color": { "value": "{xxllnc.color.grey.46}" },
+      "border-width": { "value": "{xxllnc.size.4xs}" },
+      "size": {},
+      "margin-block-start": {},
+      "icon": {
+        "size": { "value": "5px" }
+      },
+      "active": {
+        "border-color": {},
+        "border-width": {},
+        "background-color": {},
+        "color": {}
+      },
+      "checked": {
+        "border-color": { "value": "{xxllnc.color.primary}" },
+        "border-width": { "value": "{xxllnc.size.4xs}" },
+        "background-color": { "value": "{xxllnc.color.white.100}" },
+        "color": { "value": "{xxllnc.color.primary}" },
+        "active": {
+          "border-color": { "value": "{xxllnc.color.primary}" },
+          "border-width": { "value": "{xxllnc.size.4xs}" },
+          "background-color": { "value": "{xxllnc.color.white.100}" },
+          "color": { "value": "{xxllnc.color.primary}" }
+        },
+        "hover": {
+          "border-color": { "value": "{xxllnc.color.primary-hover}" },
+          "border-width": { "value": "{xxllnc.size.4xs}" },
+          "background-color": { "value": "{xxllnc.color.white.100}" },
+          "color": { "value": "{xxllnc.color.primary-hover}" }
+        },
+        "focus": {
+          "border-color": { "value": "{xxllnc.color.primary}" },
+          "border-width": { "value": "{xxllnc.size.4xs}" },
+          "background-color": { "value": "{xxllnc.color.white.100}" },
+          "color": { "value": "{xxllnc.color.primary}" }
+        }
+      },
+      "hover": {
+        "border-color": { "value": "{xxllnc.color.grey.31}" },
+        "border-width": { "value": "{xxllnc.size.4xs}" },
+        "background-color": { "value": "{xxllnc.color.white.100}" },
+        "color": {}
+      },
+      "focus": {
+        "border-color": { "value": "{xxllnc.color.primary}" },
+        "border-width": { "value": "{xxllnc.size.4xs}" },
+        "background-color": { "value": "{xxllnc.color.white.100}" },
+        "color": { "value": "{xxllnc.color.primary}" }
+      },
+      "disabled": {
+        "border-color": { "value": "{xxllnc.color.grey.82}" },
+        "border-width": { "value": "{xxllnc.size.4xs}" },
+        "background-color": { "value": "{xxllnc.color.white.100}" },
+        "color": { "value": "{xxllnc.color.grey.82}" }
+      },
+      "invalid": {
+        "border-color": { "value": "{xxllnc.color.error}" },
+        "border-width": { "value": "{xxllnc.size.4xs}" },
+        "background-color": { "value": "{xxllnc.color.white.100}" },
+        "color": { "value": "{xxllnc.color.error}" }
+      }
+    }
+  }
+}

From c9d151744f970cdb9c3f0d1659cd7a107d6e7bb7 Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Wed, 6 Dec 2023 15:19:14 +0100
Subject: [PATCH 12/16] added radio-button tokens to rotterdam theme

---
 .../extra-tokens/radio-button.tokens.json     | 14 ++++
 .../utrecht/radio-button.tokens.json          | 68 +++++++++++++++++++
 2 files changed, 82 insertions(+)
 create mode 100644 municipalities/rotterdam-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
 create mode 100644 municipalities/rotterdam-design-tokens/src/component/utrecht/radio-button.tokens.json

diff --git a/municipalities/rotterdam-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/rotterdam-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
new file mode 100644
index 00000000..a13fa513
--- /dev/null
+++ b/municipalities/rotterdam-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
@@ -0,0 +1,14 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "min-block-size": { "value": "16px" },
+      "min-inline-size": { "value": "16px" },
+      "checked-disabled": {
+        "border-color": { "value": "var(--rotterdam-color-gray-tint-08)" },
+        "border-width": { "value": "1px" },
+        "background-color": { "value": "var(--rotterdam-color-gray-tint-08)" },
+        "color": { "value": "var(--rotterdam-color-gray-tint-08)" }
+      }
+    }
+  }
+}
diff --git a/municipalities/rotterdam-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/rotterdam-design-tokens/src/component/utrecht/radio-button.tokens.json
new file mode 100644
index 00000000..6436621a
--- /dev/null
+++ b/municipalities/rotterdam-design-tokens/src/component/utrecht/radio-button.tokens.json
@@ -0,0 +1,68 @@
+{
+  "utrecht": {
+    "radio-button": {
+      "background-color": { "value": "var(--rotterdam-color-base-white)" },
+      "border-color": { "value": "var(--rotterdam-color-gray-tint-08)" },
+      "border-width": { "value": "1px" },
+      "size": {},
+      "margin-block-start": {},
+      "icon": {
+        "size": {}
+      },
+      "active": {
+        "border-color": {},
+        "border-width": {},
+        "background-color": {},
+        "color": {}
+      },
+      "checked": {
+        "border-color": { "value": "var(--rotterdam-color-base-green)" },
+        "border-width": { "value": "5px" },
+        "background-color": { "value": "var(--rotterdam-color-base-white)" },
+        "color": { "value": "var(--rotterdam-color-base-white)" },
+        "active": {
+          "border-color": { "value": "var(--rotterdam-color-base-green)" },
+          "border-width": { "value": "1px" },
+          "background-color": { "value": "var(--rotterdam-color-base-white)" },
+          "color": { "value": "var(--rotterdam-color-base-white)" }
+        },
+        "hover": {
+          "border-color": { "value": "var(--rotterdam-color-base-black)" },
+          "border-width": { "value": "5px" },
+          "background-color": { "value": "var(--rotterdam-color-base-white)" },
+          "color": { "value": "var(--rotterdam-color-base-white)" }
+        },
+        "focus": {
+          "border-color": { "value": "var(--rotterdam-color-base-green)" },
+          "border-width": { "value": "1px" },
+          "background-color": { "value": "var(--rotterdam-color-base-white)" },
+          "color": { "value": "var(--rotterdam-color-base-white)" }
+        }
+      },
+      "hover": {
+        "border-color": { "value": "var(--rotterdam-color-base-green)" },
+        "border-width": { "value": "2px" },
+        "background-color": { "value": "var(--rotterdam-color-base-white)" },
+        "color": {}
+      },
+      "focus": {
+        "border-color": { "value": "var(--rotterdam-color-base-green)" },
+        "border-width": { "value": "5px" },
+        "background-color": { "value": "var(--rotterdam-color-base-white)" },
+        "color": { "value": "var(--rotterdam-color-base-green)" }
+      },
+      "disabled": {
+        "border-color": { "value": "var(--rotterdam-color-gray-tint-08)" },
+        "border-width": { "value": "1px" },
+        "background-color": { "value": "var(--rotterdam-color-gray-tint-01)" },
+        "color": { "value": "var(--rotterdam-color-gray-tint-08)" }
+      },
+      "invalid": {
+        "border-color": { "value": "#FE1818" },
+        "border-width": { "value": "1px" },
+        "background-color": { "value": "var(--rotterdam-color-base-white)" },
+        "color": { "value": "#FE1818" }
+      }
+    }
+  }
+}

From 8459b86c2db658f0a0ba6e4c8b98d5526e1d2c94 Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Wed, 6 Dec 2023 15:50:45 +0100
Subject: [PATCH 13/16] added extra radio button tokens to all themes

---
 .../utrecht/extra-tokens/radio-button.tokens.json         | 8 +++++++-
 .../src/component/utrecht/radio-button.tokens.json        | 2 +-
 .../utrecht/extra-tokens/radio-button.tokens.json         | 8 +++++++-
 .../src/component/utrecht/radio-button.tokens.json        | 2 +-
 .../src/brand/dimpact/color.tokens.json                   | 3 +++
 .../utrecht/extra-tokens/radio-button.tokens.json         | 8 +++++++-
 .../src/component/utrecht/radio-button.tokens.json        | 2 +-
 .../src/brand/dinkelland/color.tokens.json                | 3 +++
 .../utrecht/extra-tokens/radio-button.tokens.json         | 8 +++++++-
 .../src/component/utrecht/radio-button.tokens.json        | 2 +-
 .../epe-design-tokens/src/brand/epe/color.tokens.json     | 3 +++
 .../utrecht/extra-tokens/radio-button.tokens.json         | 8 +++++++-
 .../src/component/utrecht/radio-button.tokens.json        | 2 +-
 .../src/brand/leiden/color.tokens.json                    | 3 +++
 .../utrecht/extra-tokens/radio-button.tokens.json         | 8 +++++++-
 .../src/component/utrecht/radio-button.tokens.json        | 2 +-
 .../src/brand/noaberkracht/color.tokens.json              | 3 +++
 .../utrecht/extra-tokens/radio-button.tokens.json         | 8 +++++++-
 .../src/component/utrecht/radio-button.tokens.json        | 2 +-
 .../utrecht/extra-tokens/radio-button.tokens.json         | 8 +++++++-
 .../src/component/utrecht/radio-button.tokens.json        | 2 +-
 .../src/brand/open-webconcept/color.tokens.json           | 4 ++++
 .../utrecht/extra-tokens/radio-button.tokens.json         | 8 +++++++-
 .../src/component/utrecht/radio-button.tokens.json        | 2 +-
 .../src/brand/tubbergen/color.tokens.json                 | 3 +++
 .../utrecht/extra-tokens/radio-button.tokens.json         | 8 +++++++-
 .../src/component/utrecht/radio-button.tokens.json        | 2 +-
 .../src/brand/xxllnc/color.tokens.json                    | 3 +++
 .../utrecht/extra-tokens/radio-button.tokens.json         | 8 +++++++-
 .../src/component/utrecht/radio-button.tokens.json        | 2 +-
 30 files changed, 113 insertions(+), 22 deletions(-)

diff --git a/conduction-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/conduction-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
index 00d1b3ac..13adf1e2 100644
--- a/conduction-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
+++ b/conduction-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
@@ -2,7 +2,13 @@
   "utrecht": {
     "radio-button": {
       "min-block-size": { "value": "16px" },
-      "min-inline-size": { "value": "16px" }
+      "min-inline-size": { "value": "16px" },
+      "checked-disabled": {
+        "border-color": { "value": "{conduction.color.grey.82}" },
+        "border-width": { "value": "{conduction.size.4xs}" },
+        "background-color": { "value": "{conduction.color.white.100}" },
+        "color": { "value": "{conduction.color.grey.82}" }
+      }
     }
   }
 }
diff --git a/conduction-design-tokens/src/component/utrecht/radio-button.tokens.json b/conduction-design-tokens/src/component/utrecht/radio-button.tokens.json
index 8446873b..2cd1277f 100644
--- a/conduction-design-tokens/src/component/utrecht/radio-button.tokens.json
+++ b/conduction-design-tokens/src/component/utrecht/radio-button.tokens.json
@@ -54,7 +54,7 @@
       "disabled": {
         "border-color": { "value": "{conduction.color.grey.82}" },
         "border-width": { "value": "{conduction.size.4xs}" },
-        "background-color": { "value": "{conduction.color.white.100}" },
+        "background-color": { "value": "{conduction.color.grey.97}" },
         "color": { "value": "{conduction.color.grey.82}" }
       },
       "invalid": {
diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
index 00d1b3ac..78c745fa 100644
--- a/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
+++ b/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
@@ -2,7 +2,13 @@
   "utrecht": {
     "radio-button": {
       "min-block-size": { "value": "16px" },
-      "min-inline-size": { "value": "16px" }
+      "min-inline-size": { "value": "16px" },
+      "checked-disabled": {
+        "border-color": { "value": "{commonground.color.grey.82}" },
+        "border-width": { "value": "{commonground.size.4xs}" },
+        "background-color": { "value": "{commonground.color.white.100}" },
+        "color": { "value": "{commonground.color.grey.82}" }
+      }
     }
   }
 }
diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/radio-button.tokens.json
index 2e1ceb41..acf7cf61 100644
--- a/municipalities/commonground-design-tokens/src/component/utrecht/radio-button.tokens.json
+++ b/municipalities/commonground-design-tokens/src/component/utrecht/radio-button.tokens.json
@@ -54,7 +54,7 @@
       "disabled": {
         "border-color": { "value": "{commonground.color.grey.82}" },
         "border-width": { "value": "{commonground.size.4xs}" },
-        "background-color": { "value": "{commonground.color.white.100}" },
+        "background-color": { "value": "{commonground.color.grey.97}" },
         "color": { "value": "{commonground.color.grey.82}" }
       },
       "invalid": {
diff --git a/municipalities/dimpact-design-tokens/src/brand/dimpact/color.tokens.json b/municipalities/dimpact-design-tokens/src/brand/dimpact/color.tokens.json
index 1ddc4934..66852692 100644
--- a/municipalities/dimpact-design-tokens/src/brand/dimpact/color.tokens.json
+++ b/municipalities/dimpact-design-tokens/src/brand/dimpact/color.tokens.json
@@ -71,6 +71,9 @@
         },
         "93": {
           "value": "#eeeeee"
+        },
+        "97": {
+          "value": "#f7f7f7"
         }
       },
       "light-grey": {
diff --git a/municipalities/dimpact-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/dimpact-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
index 00d1b3ac..1888bdda 100644
--- a/municipalities/dimpact-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
+++ b/municipalities/dimpact-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
@@ -2,7 +2,13 @@
   "utrecht": {
     "radio-button": {
       "min-block-size": { "value": "16px" },
-      "min-inline-size": { "value": "16px" }
+      "min-inline-size": { "value": "16px" },
+      "checked-disabled": {
+        "border-color": { "value": "{dimpact.color.grey.82}" },
+        "border-width": { "value": "{dimpact.size.4xs}" },
+        "background-color": { "value": "{dimpact.color.white.100}" },
+        "color": { "value": "{dimpact.color.grey.82}" }
+      }
     }
   }
 }
diff --git a/municipalities/dimpact-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/dimpact-design-tokens/src/component/utrecht/radio-button.tokens.json
index 6b989ed7..dbda27ea 100644
--- a/municipalities/dimpact-design-tokens/src/component/utrecht/radio-button.tokens.json
+++ b/municipalities/dimpact-design-tokens/src/component/utrecht/radio-button.tokens.json
@@ -54,7 +54,7 @@
       "disabled": {
         "border-color": { "value": "{dimpact.color.grey.82}" },
         "border-width": { "value": "{dimpact.size.4xs}" },
-        "background-color": { "value": "{dimpact.color.white.100}" },
+        "background-color": { "value": "{dimpact.color.grey.97}" },
         "color": { "value": "{dimpact.color.grey.82}" }
       },
       "invalid": {
diff --git a/municipalities/dinkelland-design-tokens/src/brand/dinkelland/color.tokens.json b/municipalities/dinkelland-design-tokens/src/brand/dinkelland/color.tokens.json
index fefbbc63..13af6f50 100644
--- a/municipalities/dinkelland-design-tokens/src/brand/dinkelland/color.tokens.json
+++ b/municipalities/dinkelland-design-tokens/src/brand/dinkelland/color.tokens.json
@@ -98,6 +98,9 @@
         },
         "94": {
           "value": "#edeff2"
+        },
+        "97": {
+          "value": "#f7f7f7"
         }
       },
       "lightgrey": {
diff --git a/municipalities/dinkelland-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/dinkelland-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
index 00d1b3ac..85d46a90 100644
--- a/municipalities/dinkelland-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
+++ b/municipalities/dinkelland-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
@@ -2,7 +2,13 @@
   "utrecht": {
     "radio-button": {
       "min-block-size": { "value": "16px" },
-      "min-inline-size": { "value": "16px" }
+      "min-inline-size": { "value": "16px" },
+      "checked-disabled": {
+        "border-color": { "value": "{dinkelland.color.grey.82}" },
+        "border-width": { "value": "{dinkelland.size.4xs}" },
+        "background-color": { "value": "{dinkelland.color.white.100}" },
+        "color": { "value": "{dinkelland.color.grey.82}" }
+      }
     }
   }
 }
diff --git a/municipalities/dinkelland-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/dinkelland-design-tokens/src/component/utrecht/radio-button.tokens.json
index 0f0a0260..3247fbc9 100644
--- a/municipalities/dinkelland-design-tokens/src/component/utrecht/radio-button.tokens.json
+++ b/municipalities/dinkelland-design-tokens/src/component/utrecht/radio-button.tokens.json
@@ -54,7 +54,7 @@
       "disabled": {
         "border-color": { "value": "{dinkelland.color.grey.82}" },
         "border-width": { "value": "{dinkelland.size.4xs}" },
-        "background-color": { "value": "{dinkelland.color.white.100}" },
+        "background-color": { "value": "{dinkelland.color.grey.97}" },
         "color": { "value": "{dinkelland.color.grey.82}" }
       },
       "invalid": {
diff --git a/municipalities/epe-design-tokens/src/brand/epe/color.tokens.json b/municipalities/epe-design-tokens/src/brand/epe/color.tokens.json
index d38b7ac9..c4e59459 100644
--- a/municipalities/epe-design-tokens/src/brand/epe/color.tokens.json
+++ b/municipalities/epe-design-tokens/src/brand/epe/color.tokens.json
@@ -77,6 +77,9 @@
         },
         "90": {
           "value": "#e6e6e6"
+        },
+        "97": {
+          "value": "#f7f7f7"
         }
       },
       "white": {
diff --git a/municipalities/epe-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/epe-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
index 00d1b3ac..51450890 100644
--- a/municipalities/epe-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
+++ b/municipalities/epe-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
@@ -2,7 +2,13 @@
   "utrecht": {
     "radio-button": {
       "min-block-size": { "value": "16px" },
-      "min-inline-size": { "value": "16px" }
+      "min-inline-size": { "value": "16px" },
+      "checked-disabled": {
+        "border-color": { "value": "{epe.color.grey.82}" },
+        "border-width": { "value": "{epe.size.4xs}" },
+        "background-color": { "value": "{epe.color.white.100}" },
+        "color": { "value": "{epe.color.grey.82}" }
+      }
     }
   }
 }
diff --git a/municipalities/epe-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/epe-design-tokens/src/component/utrecht/radio-button.tokens.json
index ce0d9390..27ede386 100644
--- a/municipalities/epe-design-tokens/src/component/utrecht/radio-button.tokens.json
+++ b/municipalities/epe-design-tokens/src/component/utrecht/radio-button.tokens.json
@@ -54,7 +54,7 @@
       "disabled": {
         "border-color": { "value": "{epe.color.grey.82}" },
         "border-width": { "value": "{epe.size.4xs}" },
-        "background-color": { "value": "{epe.color.white.100}" },
+        "background-color": { "value": "{epe.color.grey.97}" },
         "color": { "value": "{epe.color.grey.82}" }
       },
       "invalid": {
diff --git a/municipalities/leiden-design-tokens/src/brand/leiden/color.tokens.json b/municipalities/leiden-design-tokens/src/brand/leiden/color.tokens.json
index 0fdf66df..090e18b8 100644
--- a/municipalities/leiden-design-tokens/src/brand/leiden/color.tokens.json
+++ b/municipalities/leiden-design-tokens/src/brand/leiden/color.tokens.json
@@ -35,6 +35,9 @@
         },
         "82": {
           "value": "#d1d1d1"
+        },
+        "97": {
+          "value": "#f7f7f7"
         }
       },
       "lightgrey": {
diff --git a/municipalities/leiden-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/leiden-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
index 00d1b3ac..6680bfb3 100644
--- a/municipalities/leiden-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
+++ b/municipalities/leiden-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
@@ -2,7 +2,13 @@
   "utrecht": {
     "radio-button": {
       "min-block-size": { "value": "16px" },
-      "min-inline-size": { "value": "16px" }
+      "min-inline-size": { "value": "16px" },
+      "checked-disabled": {
+        "border-color": { "value": "{leiden.color.grey.82}" },
+        "border-width": { "value": "{leiden.size.4xs}" },
+        "background-color": { "value": "{leiden.color.white.100}" },
+        "color": { "value": "{leiden.color.grey.82}" }
+      }
     }
   }
 }
diff --git a/municipalities/leiden-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/leiden-design-tokens/src/component/utrecht/radio-button.tokens.json
index b3af773c..e32006c3 100644
--- a/municipalities/leiden-design-tokens/src/component/utrecht/radio-button.tokens.json
+++ b/municipalities/leiden-design-tokens/src/component/utrecht/radio-button.tokens.json
@@ -54,7 +54,7 @@
       "disabled": {
         "border-color": { "value": "{leiden.color.grey.82}" },
         "border-width": { "value": "{leiden.size.4xs}" },
-        "background-color": { "value": "{leiden.color.white.100}" },
+        "background-color": { "value": "{leiden.color.grey.97}" },
         "color": { "value": "{leiden.color.grey.82}" }
       },
       "invalid": {
diff --git a/municipalities/noaberkracht-design-tokens/src/brand/noaberkracht/color.tokens.json b/municipalities/noaberkracht-design-tokens/src/brand/noaberkracht/color.tokens.json
index 20fc5c99..27ed75a3 100644
--- a/municipalities/noaberkracht-design-tokens/src/brand/noaberkracht/color.tokens.json
+++ b/municipalities/noaberkracht-design-tokens/src/brand/noaberkracht/color.tokens.json
@@ -69,6 +69,9 @@
         },
         "82": {
           "value": "#d1d1d1"
+        },
+        "97": {
+          "value": "#f7f7f7"
         }
       },
       "lightgrey": {
diff --git a/municipalities/noaberkracht-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/noaberkracht-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
index 00d1b3ac..a92e15e7 100644
--- a/municipalities/noaberkracht-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
+++ b/municipalities/noaberkracht-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
@@ -2,7 +2,13 @@
   "utrecht": {
     "radio-button": {
       "min-block-size": { "value": "16px" },
-      "min-inline-size": { "value": "16px" }
+      "min-inline-size": { "value": "16px" },
+      "checked-disabled": {
+        "border-color": { "value": "{noaberkracht.color.grey.82}" },
+        "border-width": { "value": "{noaberkracht.size.4xs}" },
+        "background-color": { "value": "{noaberkracht.color.white.100}" },
+        "color": { "value": "{noaberkracht.color.grey.82}" }
+      }
     }
   }
 }
diff --git a/municipalities/noaberkracht-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/noaberkracht-design-tokens/src/component/utrecht/radio-button.tokens.json
index abf4955d..db9bb4ed 100644
--- a/municipalities/noaberkracht-design-tokens/src/component/utrecht/radio-button.tokens.json
+++ b/municipalities/noaberkracht-design-tokens/src/component/utrecht/radio-button.tokens.json
@@ -54,7 +54,7 @@
       "disabled": {
         "border-color": { "value": "{noaberkracht.color.grey.82}" },
         "border-width": { "value": "{noaberkracht.size.4xs}" },
-        "background-color": { "value": "{noaberkracht.color.white.100}" },
+        "background-color": { "value": "{noaberkracht.color.grey.97}" },
         "color": { "value": "{noaberkracht.color.grey.82}" }
       },
       "invalid": {
diff --git a/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
index 00d1b3ac..f6a88724 100644
--- a/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
+++ b/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
@@ -2,7 +2,13 @@
   "utrecht": {
     "radio-button": {
       "min-block-size": { "value": "16px" },
-      "min-inline-size": { "value": "16px" }
+      "min-inline-size": { "value": "16px" },
+      "checked-disabled": {
+        "border-color": { "value": "{noordwijk.color.grey.82}" },
+        "border-width": { "value": "{noordwijk.size.4xs}" },
+        "background-color": { "value": "{noordwijk.color.white.100}" },
+        "color": { "value": "{noordwijk.color.grey.82}" }
+      }
     }
   }
 }
diff --git a/municipalities/noordwijk-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/noordwijk-design-tokens/src/component/utrecht/radio-button.tokens.json
index 9865e416..18f17cce 100644
--- a/municipalities/noordwijk-design-tokens/src/component/utrecht/radio-button.tokens.json
+++ b/municipalities/noordwijk-design-tokens/src/component/utrecht/radio-button.tokens.json
@@ -54,7 +54,7 @@
       "disabled": {
         "border-color": { "value": "{noordwijk.color.grey.82}" },
         "border-width": { "value": "{noordwijk.size.4xs}" },
-        "background-color": { "value": "{noordwijk.color.white.100}" },
+        "background-color": { "value": "{noordwijk.color.grey.97}" },
         "color": { "value": "{noordwijk.color.grey.82}" }
       },
       "invalid": {
diff --git a/municipalities/open-webconcept-design-tokens/src/brand/open-webconcept/color.tokens.json b/municipalities/open-webconcept-design-tokens/src/brand/open-webconcept/color.tokens.json
index 94b8c7e4..2aa2d7de 100644
--- a/municipalities/open-webconcept-design-tokens/src/brand/open-webconcept/color.tokens.json
+++ b/municipalities/open-webconcept-design-tokens/src/brand/open-webconcept/color.tokens.json
@@ -86,11 +86,15 @@
         "90": {
           "value": "#e5e5e5"
         },
+
         "93": {
           "value": "#eeeeee"
         },
         "96": {
           "value": "#f5f5f5"
+        },
+        "97": {
+          "value": "#f7f7f7"
         }
       }
     }
diff --git a/municipalities/open-webconcept-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/open-webconcept-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
index 00d1b3ac..8c97fb70 100644
--- a/municipalities/open-webconcept-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
+++ b/municipalities/open-webconcept-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
@@ -2,7 +2,13 @@
   "utrecht": {
     "radio-button": {
       "min-block-size": { "value": "16px" },
-      "min-inline-size": { "value": "16px" }
+      "min-inline-size": { "value": "16px" },
+      "checked-disabled": {
+        "border-color": { "value": "{open-webconcept.color.grey.82}" },
+        "border-width": { "value": "{open-webconcept.size.4xs}" },
+        "background-color": { "value": "{open-webconcept.color.white.100}" },
+        "color": { "value": "{open-webconcept.color.grey.82}" }
+      }
     }
   }
 }
diff --git a/municipalities/open-webconcept-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/open-webconcept-design-tokens/src/component/utrecht/radio-button.tokens.json
index e76c2da8..8db2fe41 100644
--- a/municipalities/open-webconcept-design-tokens/src/component/utrecht/radio-button.tokens.json
+++ b/municipalities/open-webconcept-design-tokens/src/component/utrecht/radio-button.tokens.json
@@ -54,7 +54,7 @@
       "disabled": {
         "border-color": { "value": "{open-webconcept.color.grey.82}" },
         "border-width": { "value": "{open-webconcept.size.4xs}" },
-        "background-color": { "value": "{open-webconcept.color.white.100}" },
+        "background-color": { "value": "{open-webconcept.color.grey.97}" },
         "color": { "value": "{open-webconcept.color.grey.82}" }
       },
       "invalid": {
diff --git a/municipalities/tubbergen-design-tokens/src/brand/tubbergen/color.tokens.json b/municipalities/tubbergen-design-tokens/src/brand/tubbergen/color.tokens.json
index eb881fe0..6c803fd1 100644
--- a/municipalities/tubbergen-design-tokens/src/brand/tubbergen/color.tokens.json
+++ b/municipalities/tubbergen-design-tokens/src/brand/tubbergen/color.tokens.json
@@ -110,6 +110,9 @@
         },
         "82": {
           "value": "#d1d1d1"
+        },
+        "97": {
+          "value": "#f7f7f7"
         }
       },
       "lightgrey": {
diff --git a/municipalities/tubbergen-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/tubbergen-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
index 00d1b3ac..61be2f63 100644
--- a/municipalities/tubbergen-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
+++ b/municipalities/tubbergen-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
@@ -2,7 +2,13 @@
   "utrecht": {
     "radio-button": {
       "min-block-size": { "value": "16px" },
-      "min-inline-size": { "value": "16px" }
+      "min-inline-size": { "value": "16px" },
+      "checked-disabled": {
+        "border-color": { "value": "{tubbergen.color.grey.82}" },
+        "border-width": { "value": "{tubbergen.size.4xs}" },
+        "background-color": { "value": "{tubbergen.color.white.100}" },
+        "color": { "value": "{tubbergen.color.grey.82}" }
+      }
     }
   }
 }
diff --git a/municipalities/tubbergen-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/tubbergen-design-tokens/src/component/utrecht/radio-button.tokens.json
index 328fe980..ed250d73 100644
--- a/municipalities/tubbergen-design-tokens/src/component/utrecht/radio-button.tokens.json
+++ b/municipalities/tubbergen-design-tokens/src/component/utrecht/radio-button.tokens.json
@@ -54,7 +54,7 @@
       "disabled": {
         "border-color": { "value": "{tubbergen.color.grey.82}" },
         "border-width": { "value": "{tubbergen.size.4xs}" },
-        "background-color": { "value": "{tubbergen.color.white.100}" },
+        "background-color": { "value": "{tubbergen.color.grey.97}" },
         "color": { "value": "{tubbergen.color.grey.82}" }
       },
       "invalid": {
diff --git a/municipalities/xxllnc-design-tokens/src/brand/xxllnc/color.tokens.json b/municipalities/xxllnc-design-tokens/src/brand/xxllnc/color.tokens.json
index 91c92d45..4719d472 100644
--- a/municipalities/xxllnc-design-tokens/src/brand/xxllnc/color.tokens.json
+++ b/municipalities/xxllnc-design-tokens/src/brand/xxllnc/color.tokens.json
@@ -96,6 +96,9 @@
         "92": {
           "value": "#eaeaea",
           "comment": "Base/Grey"
+        },
+        "97": {
+          "value": "#f7f7f7"
         }
       },
       "lightgrey": {
diff --git a/municipalities/xxllnc-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/xxllnc-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
index 00d1b3ac..b04fb088 100644
--- a/municipalities/xxllnc-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
+++ b/municipalities/xxllnc-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json
@@ -2,7 +2,13 @@
   "utrecht": {
     "radio-button": {
       "min-block-size": { "value": "16px" },
-      "min-inline-size": { "value": "16px" }
+      "min-inline-size": { "value": "16px" },
+      "checked-disabled": {
+        "border-color": { "value": "{xxllnc.color.grey.82}" },
+        "border-width": { "value": "{xxllnc.size.4xs}" },
+        "background-color": { "value": "{xxllnc.color.white.100}" },
+        "color": { "value": "{xxllnc.color.grey.82}" }
+      }
     }
   }
 }
diff --git a/municipalities/xxllnc-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/xxllnc-design-tokens/src/component/utrecht/radio-button.tokens.json
index e06beeeb..eeab837c 100644
--- a/municipalities/xxllnc-design-tokens/src/component/utrecht/radio-button.tokens.json
+++ b/municipalities/xxllnc-design-tokens/src/component/utrecht/radio-button.tokens.json
@@ -54,7 +54,7 @@
       "disabled": {
         "border-color": { "value": "{xxllnc.color.grey.82}" },
         "border-width": { "value": "{xxllnc.size.4xs}" },
-        "background-color": { "value": "{xxllnc.color.white.100}" },
+        "background-color": { "value": "{xxllnc.color.grey.97}" },
         "color": { "value": "{xxllnc.color.grey.82}" }
       },
       "invalid": {

From 2bfc701d3bc38d1108cbd2e78fcd5ac846e1553a Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Wed, 6 Dec 2023 18:02:56 +0100
Subject: [PATCH 14/16] updated readme and version

---
 README.md    | 1 +
 package.json | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index aadbe5fe..0e51f3fd 100644
--- a/README.md
+++ b/README.md
@@ -6,6 +6,7 @@ Conduction's design tokens theme
 
 - **Version 1**
 
+  - 1.0.58: Added radio-button tokens in all themes.
   - 1.0.57: Added navbar to logo tokens in all themes.
   - 1.0.56:
     - Added DownloadCard tokens to all themes.
diff --git a/package.json b/package.json
index 9709048f..86aba456 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@conduction/theme",
-  "version": "1.0.57",
+  "version": "1.0.58",
   "description": "Conduction's design tokens theme",
   "main": "index.js",
   "repository": {

From 0e0cf66a6f065b17bb8b207ae5b14291120ee2e2 Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Thu, 7 Dec 2023 10:43:54 +0100
Subject: [PATCH 15/16] updated readme and version

---
 README.md                                                       | 1 +
 .../src/component/utrecht/radio-button.tokens.json              | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 0e51f3fd..4326a2ed 100644
--- a/README.md
+++ b/README.md
@@ -6,6 +6,7 @@ Conduction's design tokens theme
 
 - **Version 1**
 
+  - 1.0.59: Updated radio-button tokens in Rotterdam theme.
   - 1.0.58: Added radio-button tokens in all themes.
   - 1.0.57: Added navbar to logo tokens in all themes.
   - 1.0.56:
diff --git a/municipalities/rotterdam-design-tokens/src/component/utrecht/radio-button.tokens.json b/municipalities/rotterdam-design-tokens/src/component/utrecht/radio-button.tokens.json
index 6436621a..fa3656bd 100644
--- a/municipalities/rotterdam-design-tokens/src/component/utrecht/radio-button.tokens.json
+++ b/municipalities/rotterdam-design-tokens/src/component/utrecht/radio-button.tokens.json
@@ -49,7 +49,7 @@
         "border-color": { "value": "var(--rotterdam-color-base-green)" },
         "border-width": { "value": "5px" },
         "background-color": { "value": "var(--rotterdam-color-base-white)" },
-        "color": { "value": "var(--rotterdam-color-base-green)" }
+        "color": { "value": "var(--rotterdam-color-base-white)" }
       },
       "disabled": {
         "border-color": { "value": "var(--rotterdam-color-gray-tint-08)" },

From 7c3d94b79a4f9b3e8b09525ed70f8f52a11f09ee Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Thu, 7 Dec 2023 10:46:29 +0100
Subject: [PATCH 16/16] updated version

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 86aba456..b6af8a0d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@conduction/theme",
-  "version": "1.0.58",
+  "version": "1.0.59",
   "description": "Conduction's design tokens theme",
   "main": "index.js",
   "repository": {