From 56c7af6eebecd9fc12ceb4e01e92740c3a74ddbd Mon Sep 17 00:00:00 2001
From: Rozerin <84851545+Rozerinay@users.noreply.github.com>
Date: Wed, 7 Aug 2024 11:38:48 +0200
Subject: [PATCH] tokens toegevoegd voor alle radio componenten (#504)

De volgende componenten zijn hierin meegenomen:

- form-field-radio-option
- radio
- radio-group

Afhankelijk van onderstaande PR waar de form-field-option-label in zit:
https://github.com/nl-design-system/rijkshuisstijl-community/pull/502
---
 .../design-tokens/figma/figma.tokens.json     | 80 +++++++++----------
 1 file changed, 40 insertions(+), 40 deletions(-)

diff --git a/proprietary/design-tokens/figma/figma.tokens.json b/proprietary/design-tokens/figma/figma.tokens.json
index 9ee4b39d5..834010937 100644
--- a/proprietary/design-tokens/figma/figma.tokens.json
+++ b/proprietary/design-tokens/figma/figma.tokens.json
@@ -2919,7 +2919,7 @@
     "todo": {
       "form-field-radio-option": {
         "column-gap": {
-          "value": "{voorbeeld.space.column.snail}",
+          "value": "{rhc.space.100}",
           "type": "spacing"
         }
       }
@@ -3793,77 +3793,77 @@
       "radio": {
         "active": {
           "border-width": {
-            "value": "{utrecht.form-control.active.border-width}",
+            "value": "{rhc.border-width.default}",
             "type": "borderWidth"
           },
           "background-color": {
-            "value": "{utrecht.form-control.active.background-color}",
+            "value": "{rhc.color.canvas}",
             "type": "color"
           },
           "border-color": {
-            "value": "{utrecht.form-control.active.border-color}",
+            "value": "{rhc.color.lintblauw.400}",
             "type": "color"
           }
         },
         "size": {
-          "value": "{voorbeeld.size.xs}",
+          "value": "{rhc.size.icon.functional}",
           "type": "sizing"
         },
         "dot": {
           "size": {
-            "value": "{voorbeeld.size.3xs}",
+            "value": "{rhc.size.quarter-lint}",
             "type": "sizing"
           }
         },
         "background-color": {
-          "value": "{utrecht.form-control.background-color}",
+          "value": "{rhc.color.canvas}",
           "type": "color"
         },
         "border-color": {
-          "value": "{utrecht.form-control.border-color}",
+          "value": "{rhc.color.lintblauw.500}",
           "type": "color"
         },
         "invalid": {
           "background-color": {
-            "value": "{utrecht.form-control.invalid.background-color}",
+            "value": "{rhc.color.feedback.error.subdued}",
             "type": "color"
           },
           "border-color": {
-            "value": "{utrecht.form-control.invalid.border-color}",
+            "value": "{rhc.color.feedback.error.default}",
             "type": "color"
           },
           "border-width": {
-            "value": "{utrecht.form-control.invalid.border-width}",
+            "value": "{rhc.border-width.default}",
             "type": "borderWidth"
           }
         },
         "focus": {
           "background-color": {
-            "value": "{utrecht.form-control.focus.background-color}",
+            "value": "{rhc.color.canvas}",
             "type": "color"
           },
           "border-color": {
-            "value": "{utrecht.form-control.focus.border-color}",
+            "value": "{rhc.color.lintblauw.500}",
             "type": "color"
           },
           "border-width": {
-            "value": "{utrecht.form-control.focus.border-width}",
+            "value": "{rhc.border-width.m}",
             "type": "borderWidth"
           }
         },
         "disabled": {
           "background-color": {
-            "value": "{utrecht.form-control.disabled.background-color}",
+            "value": "{rhc.color.grijs.300}",
             "type": "color"
           },
           "border-color": {
-            "value": "{utrecht.form-control.disabled.border-color}",
+            "value": "{rhc.color.grijs.400}",
             "type": "color"
           }
         },
         "checked": {
           "background-color": {
-            "value": "{utrecht.form-control.accent-color}",
+            "value": "{rhc.color.lintblauw.500}",
             "type": "color"
           },
           "border-color": {
@@ -3871,12 +3871,12 @@
             "type": "color"
           },
           "color": {
-            "value": "{voorbeeld.color.white}",
+            "value": "{rhc.color.wit}",
             "type": "color"
           },
           "hover": {
             "background-color": {
-              "value": "{utrecht.form-control.hover.accent-color}",
+              "value": "{rhc.color.lintblauw.300}",
               "type": "color"
             },
             "border-color": {
@@ -3884,17 +3884,17 @@
               "type": "color"
             },
             "color": {
-              "value": "{voorbeeld.color.white}",
+              "value": "{rhc.color.wit}",
               "type": "color"
             },
             "border-width": {
-              "value": "{utrecht.form-control.hover.border-width}",
+              "value": "{rhc.border-width.default}",
               "type": "borderWidth"
             }
           },
           "active": {
             "background-color": {
-              "value": "{utrecht.form-control.active.accent-color}",
+              "value": "{rhc.color.lintblauw.400}",
               "type": "color"
             },
             "border-color": {
@@ -3902,71 +3902,71 @@
               "type": "color"
             },
             "color": {
-              "value": "{voorbeeld.color.white}",
+              "value": "{rhc.color.wit}",
               "type": "color"
             },
             "border-width": {
-              "value": "{utrecht.form-control.active.border-width}",
+              "value": "{rhc.border-width.default}",
               "type": "borderWidth"
             }
           },
           "focus": {
             "background-color": {
-              "value": "{utrecht.form-control.focus.background-color}",
+              "value": "{rhc.color.canvas}",
               "type": "color"
             },
             "border-color": {
-              "value": "{utrecht.form-control.focus.border-color}",
+              "value": "{rhc.color.lintblauw.500}",
               "type": "color"
             },
             "color": {
-              "value": "{utrecht.form-control.focus.color}",
+              "value": "{rhc.color.lintblauw.500}",
               "type": "color"
             },
             "border-width": {
-              "value": "{utrecht.form-control.focus.border-width}",
+              "value": "{rhc.border-width.m}",
               "type": "borderWidth"
             }
           },
           "disabled": {
             "background-color": {
-              "value": "{utrecht.form-control.disabled.accent-color}",
+              "value": "{rhc.color.grijs.300}",
               "type": "color"
             },
             "border-color": {
-              "value": "transparent",
+              "value": "{rhc.color.grijs.400}",
               "type": "color"
             },
             "color": {
-              "value": "{voorbeeld.color.white}",
+              "value": "{rhc.color.grijs.600}",
               "type": "color"
             }
           },
           "border-width": {
-            "value": "{rhc.form-control.border-width}",
+            "value": "{rhc.border-width.default}",
             "type": "borderWidth"
           }
         },
         "hover": {
           "background-color": {
-            "value": "{utrecht.form-control.hover.background-color}",
+            "value": "{rhc.color.canvas}",
             "type": "color"
           },
           "border-color": {
-            "value": "{utrecht.form-control.hover.border-color}",
+            "value": "{rhc.color.lintblauw.300}",
             "type": "color"
           },
           "border-width": {
-            "value": "{utrecht.form-control.hover.border-width}",
+            "value": "{rhc.border-width.default}",
             "type": "borderWidth"
           }
         },
         "border-radius": {
-          "value": "{voorbeeld.border-radius.round}",
+          "value": "{rhc.border-radius.circle}",
           "type": "borderRadius"
         },
         "border-width": {
-          "value": "{rhc.form-control.border-width}",
+          "value": "{rhc.border-width.default}",
           "type": "borderWidth"
         }
       }
@@ -3976,15 +3976,15 @@
     "todo": {
       "radio-group": {
         "padding-block-end": {
-          "value": "{voorbeeld.space.block.beetle}",
+          "value": "{rhc.space.100}",
           "type": "spacing"
         },
         "padding-block-start": {
-          "value": "{voorbeeld.space.block.beetle}",
+          "value": "{rhc.space.100}",
           "type": "spacing"
         },
         "row-gap": {
-          "value": "{voorbeeld.space.row.rat}",
+          "value": "{rhc.space.200}",
           "type": "spacing"
         }
       }