tokens toegevoegd voor de side nav (#513)

Bekijk de vraag in het [canvas](https://codefornl.slack.com/docs/T68FXPFQV/F07EQD8JD1C). Die zijn van belang om deze PR goed te keuren. --------- Co-authored-by: AlineNap <[email protected]>
nl-design-system · Aug 7, 2024 · ddc7184 · ddc7184
1 parent c4210f2
commit ddc7184
Showing 1 changed file with 25 additions and 16 deletions.
diff --git a/proprietary/design-tokens/figma/figma.tokens.json b/proprietary/design-tokens/figma/figma.tokens.json
@@ -4157,48 +4157,48 @@
       "sidenav": {
         "link": {
           "line-height": {
-            "value": "{utrecht.document.line-height}",
+            "value": "{rhc.line-height.paragraph}",
             "type": "lineHeights"
           },
           "icon": {
             "size": {
-              "value": "{rhc.icon.functional.size}",
+              "value": "{rhc.size.icon.functional}",
               "type": "sizing"
             },
             "margin-inline": {
-              "value": "{voorbeeld.space.text.mouse}",
+              "value": "{rhc.space.100}",
               "type": "spacing"
             }
           },
           "font-size": {
-            "value": "{utrecht.document.font-size}",
+            "value": "{rhc.font-size.paragraph.default}",
             "type": "fontSizes"
           },
           "font-family": {
-            "value": "{utrecht.document.font-family}",
+            "value": "{rhc.font-family.primary}",
             "type": "fontFamilies"
           },
           "font-weight": {
-            "value": "{utrecht.document.font-weight}",
+            "value": "{rhc.font-weight.regular}",
             "type": "fontWeights"
           },
           "current": {
             "font-weight": {
-              "value": "{utrecht.document.strong.font-weight}",
+              "value": "{rhc.font-weight.bold}",
               "type": "fontWeights"
             },
             "color": {
-              "value": "{utrecht.document.color}",
+              "value": "{rhc.color.foreground.lint}",
               "type": "color"
             }
           },
           "color": {
-            "value": "{utrecht.interaction.color}",
+            "value": "{rhc.color.foreground.link}",
             "type": "color"
           },
           "active": {
             "color": {
-              "value": "{utrecht.interaction.active.color}",
+              "value": "{rhc.color.paars.500}",
               "type": "color"
             },
             "text-decoration": {
@@ -4208,11 +4208,11 @@
           },
           "focus": {
             "background-color": {
-              "value": "{rhc.focus.background-color}",
+              "value": "none",
               "type": "color"
             },
             "color": {
-              "value": "{rhc.focus.color}",
+              "value": "{rhc.color.foreground.link}",
               "type": "color"
             },
             "text-decoration": {
@@ -4222,20 +4222,29 @@
           },
           "hover": {
             "color": {
-              "value": "{utrecht.interaction.hover.color}",
-              "type": "color"
+              "value": "{rhc.color.foreground.link}",
+              "type": "color",
+              "$extensions": {
+                "studio.tokens": {
+                  "modify": {
+                    "type": "darken",
+                    "value": "0.3",
+                    "space": "lch"
+                  }
+                }
+              }
             },
             "text-decoration": {
               "value": "underline",
               "type": "textDecoration"
             }
           },
           "padding-block-start": {
-            "value": "{voorbeeld.space.block.snail}",
+            "value": "{rhc.space.150}",
             "type": "spacing"
           },
           "padding-block-end": {
-            "value": "{voorbeeld.space.block.snail}",
+            "value": "{rhc.space.150}",
             "type": "spacing"
           },
           "text-decoration": {