@rijkshuisstijl-community/design-tokens 1.0.0-alpha.98 → 1.0.0

package/figma/figma.tokens.json

@@ -2,7 +2,7 @@
   "brand/color": {
     "rhc": {
       "color": {
-        "grijs": {
+        "cool-grey": {
           "50": {
             "value": "#F8FAFC",
             "type": "color"
@@ -840,18 +840,12 @@
       "color": {
         "foreground": {
           "default": {
-            "parent": "mode/light",
-            "value": "{rhc.color.zwart}",
-            "type": "color",
-            "description": "Standaard kleur voor teksten en iconen. Gebruik deze voor body content, titels en labels."
-          },
-          "lint": {
-            "value": "{rhc.color.lintblauw.500}",
+            "value": "{rhc.color.cool-grey.900}",
             "type": "color"
           },
           "subdued": {
             "parent": "mode/light",
-            "value": "{rhc.color.grijs.700}",
+            "value": "{rhc.color.cool-grey.700}",
             "type": "color",
             "description": "Gebruik voor content die extra context biedt, maar niet essentieel is om de interface te begrijpen."
           },
@@ -869,13 +863,13 @@
         "border": {
           "default": {
             "parent": "mode/light",
-            "value": "{rhc.color.grijs.500}",
+            "value": "{rhc.color.cool-grey.500}",
             "type": "color",
             "description": "Border kleur"
           },
           "subdued": {
             "parent": "mode/light",
-            "value": "{rhc.color.grijs.400}",
+            "value": "{rhc.color.cool-grey.400}",
             "type": "color",
             "description": "Subtiele border"
           },
@@ -1265,7 +1259,7 @@
           "type": "color"
         },
         "color": {
-          "value": "{rhc.color.zwart}",
+          "value": "{rhc.color.foreground.default}",
           "type": "color"
         },
         "font-family": {
@@ -1335,7 +1329,7 @@
               "type": "color"
             },
             "color": {
-              "value": "{rhc.color.foreground.lint}",
+              "value": "{rhc.color.foreground.default}",
               "type": "color"
             }
           }
@@ -1365,7 +1359,7 @@
           "type": "borderRadius"
         },
         "color": {
-          "value": "{rhc.color.foreground.lint}",
+          "value": "{rhc.color.foreground.default}",
           "type": "color"
         }
       }
@@ -1411,7 +1405,7 @@
           },
           "hover": {
             "background-color": {
-              "value": "{rhc.color.grijs.50}",
+              "value": "{rhc.color.cool-grey.50}",
               "type": "color"
             },
             "border-color": {
@@ -1419,7 +1413,7 @@
               "type": "color"
             },
             "color": {
-              "value": "{rhc.color.foreground.lint}",
+              "value": "{rhc.color.foreground.default}",
               "type": "color"
             }
           },
@@ -1436,7 +1430,7 @@
             "type": "borderWidth"
           },
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           },
           "focus": {
@@ -1449,13 +1443,13 @@
               "type": "color"
             },
             "color": {
-              "value": "{rhc.color.foreground.lint}",
+              "value": "{rhc.color.foreground.default}",
               "type": "color"
             }
           },
           "active": {
             "background-color": {
-              "value": "{rhc.color.grijs.100}",
+              "value": "{rhc.color.cool-grey.100}",
               "type": "color"
             },
             "border-color": {
@@ -1463,7 +1457,7 @@
               "type": "color"
             },
             "color": {
-              "value": "{rhc.color.foreground.lint}",
+              "value": "{rhc.color.foreground.default}",
               "type": "color"
             },
             "row-gap": {
@@ -1537,7 +1531,7 @@
           "type": "color"
         },
         "color": {
-          "value": "{rhc.color.foreground.lint}",
+          "value": "{rhc.color.foreground.default}",
           "type": "color"
         },
         "info": {
@@ -1550,7 +1544,7 @@
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           }
         },
@@ -1564,7 +1558,7 @@
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           }
         },
@@ -1578,7 +1572,7 @@
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           }
         },
@@ -1592,7 +1586,7 @@
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           }
         },
@@ -1766,7 +1760,7 @@
   "components/blockquote": {
     "utrecht": {
       "blockquote": {
-        "attribution": {
+        "caption": {
           "font-size": {
             "value": "{rhc.font-size.paragraph.default}",
             "type": "fontSizes"
@@ -1810,10 +1804,26 @@
             "type": "fontSizes"
           },
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           }
         },
+        "margin-block-end": {
+          "value": "0",
+          "type": "spacing"
+        },
+        "margin-block-start": {
+          "value": "0",
+          "type": "spacing"
+        },
+        "margin-inline-end": {
+          "value": "0",
+          "type": "spacing"
+        },
+        "margin-inline-start": {
+          "value": "0",
+          "type": "spacing"
+        },
         "padding-block-end": {
           "value": "{rhc.space.400}",
           "type": "spacing"
@@ -2098,15 +2108,15 @@
           "type": "color"
         },
         "border-color": {
-          "value": "{rhc.color.grijs.700}",
+          "value": "{rhc.color.cool-grey.700}",
           "type": "color"
         },
         "color": {
-          "value": "{rhc.color.grijs.700}",
+          "value": "{rhc.color.cool-grey.700}",
           "type": "color"
         },
         "border-radius": {
-          "value": "5px",
+          "value": "{rhc.border-radius.md}",
           "type": "borderRadius"
         },
         "border-width": {
@@ -2157,7 +2167,7 @@
         },
         "disabled": {
           "background-color": {
-            "value": "{rhc.color.grijs.50}",
+            "value": "{rhc.color.cool-grey.50}",
             "type": "color"
           },
           "border-color": {
@@ -2165,7 +2175,7 @@
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.grijs.500}",
+            "value": "{rhc.color.cool-grey.500}",
             "type": "color"
           }
         },
@@ -2179,35 +2189,35 @@
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.grijs.800}",
+            "value": "{rhc.color.cool-grey.800}",
             "type": "color"
           }
         },
         "hover": {
           "background-color": {
-            "value": "{rhc.color.grijs.50}",
+            "value": "{rhc.color.cool-grey.50}",
             "type": "color"
           },
           "border-color": {
-            "value": "{rhc.color.grijs.800}",
+            "value": "{rhc.color.cool-grey.800}",
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.grijs.800}",
+            "value": "{rhc.color.cool-grey.800}",
             "type": "color"
           }
         },
         "active": {
           "background-color": {
-            "value": "{rhc.color.grijs.300}",
+            "value": "{rhc.color.cool-grey.300}",
             "type": "color"
           },
           "border-color": {
-            "value": "{rhc.color.grijs.900}",
+            "value": "{rhc.color.cool-grey.900}",
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.grijs.900}",
+            "value": "{rhc.color.cool-grey.900}",
             "type": "color"
           }
         },
@@ -2532,7 +2542,7 @@
           "type": "color"
         },
         "border-color": {
-          "value": "{rhc.color.grijs.300}",
+          "value": "{rhc.color.cool-grey.300}",
           "type": "color"
         },
         "border-radius": {
@@ -2544,7 +2554,7 @@
           "type": "borderWidth"
         },
         "color": {
-          "value": "{rhc.color.foreground.lint}",
+          "value": "{rhc.color.foreground.default}",
           "type": "color"
         },
         "column-gap": {
@@ -2557,7 +2567,7 @@
         },
         "icon": {
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           },
           "size": {
@@ -2595,7 +2605,7 @@
         },
         "metadata": {
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           }
         },
@@ -2621,7 +2631,7 @@
         },
         "active": {
           "background-color": {
-            "value": "{rhc.color.grijs.100}",
+            "value": "{rhc.color.cool-grey.100}",
             "type": "color"
           },
           "text-decoration": {
@@ -2631,7 +2641,7 @@
         },
         "hover": {
           "background-color": {
-            "value": "{rhc.color.grijs.50}",
+            "value": "{rhc.color.cool-grey.50}",
             "type": "color"
           },
           "text-decoration": {
@@ -2779,11 +2789,11 @@
         },
         "disabled": {
           "background-color": {
-            "value": "{rhc.color.grijs.300}",
+            "value": "{rhc.color.cool-grey.300}",
             "type": "color"
           },
           "border-color": {
-            "value": "{rhc.color.grijs.400}",
+            "value": "{rhc.color.cool-grey.400}",
             "type": "color"
           }
         },
@@ -2806,15 +2816,15 @@
           },
           "disabled": {
             "background-color": {
-              "value": "{rhc.color.grijs.300}",
+              "value": "{rhc.color.cool-grey.300}",
               "type": "color"
             },
             "border-color": {
-              "value": "{rhc.color.grijs.400}",
+              "value": "{rhc.color.cool-grey.400}",
               "type": "color"
             },
             "color": {
-              "value": "{rhc.color.grijs.600}",
+              "value": "{rhc.color.cool-grey.600}",
               "type": "color"
             }
           },
@@ -2892,15 +2902,15 @@
           },
           "disabled": {
             "background-color": {
-              "value": "{rhc.color.grijs.300}",
+              "value": "{rhc.color.cool-grey.300}",
               "type": "color"
             },
             "border-color": {
-              "value": "{rhc.color.grijs.400}",
+              "value": "{rhc.color.cool-grey.400}",
               "type": "color"
             },
             "color": {
-              "value": "{rhc.color.grijs.600}",
+              "value": "{rhc.color.cool-grey.600}",
               "type": "color"
             }
           },
@@ -3033,8 +3043,8 @@
     }
   },
   "components/counter-badge": {
-    "utrecht": {
-      "badge-counter": {
+    "nl": {
+      "number-badge": {
         "font-size": {
           "value": "{rhc.font-size.paragraph.default}",
           "type": "fontSizes"
@@ -3251,7 +3261,7 @@
       "form-fieldset": {
         "legend": {
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           },
           "font-family": {
@@ -3284,7 +3294,7 @@
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           }
         },
@@ -3312,7 +3322,7 @@
       "figure": {
         "caption": {
           "border-color": {
-            "value": "{rhc.color.grijs.300}",
+            "value": "{rhc.color.cool-grey.300}",
             "type": "color"
           },
           "border-width": {
@@ -3338,6 +3348,10 @@
           "line-height": {
             "value": "{rhc.line-height.paragraph}",
             "type": "lineHeights"
+          },
+          "font-size": {
+            "value": "{rhc.font-size.xs.desktop}",
+            "type": "fontSizes"
           }
         },
         "img": {
@@ -3374,9 +3388,9 @@
         },
         "feedback": {
           "color": {
-            "value": "{rhc.color.grijs.600}",
+            "value": "{rhc.color.cool-grey.600}",
             "type": "color"
-            },
+          },
           "font-size": {
             "value": "1rem",
             "type": "fontSizes"
@@ -3428,7 +3442,7 @@
         },
         "subtitle": {
           "color": {
-            "value": "{rhc.color.grijs.500}",
+            "value": "{rhc.color.cool-grey.500}",
             "type": "color"
           }
         }
@@ -3494,6 +3508,10 @@
           "padding-inline-end": {
             "value": "{rhc.space.200}",
             "type": "spacing"
+          },
+          "column-gap": {
+            "value": "{rhc.space.400}",
+            "type": "spacing"
           }
         },
         "border": {
@@ -3503,7 +3521,7 @@
               "type": "borderWidth"
             },
             "color": {
-              "value": "{rhc.color.primary.500}",
+              "value": "{rhc.color.lintblauw.300}",
               "type": "color"
             },
             "style": {
@@ -3512,6 +3530,22 @@
             }
           }
         },
+        "outlined": {
+          "background-color": {
+            "value": "{rhc.color.wit}",
+            "type": "color"
+          },
+          "color": {
+            "value": "{rhc.color.primary.500}",
+            "type": "color"
+          },
+          "border": {
+            "color": {
+              "value": "{rhc.color.primary.500}",
+              "type": "color"
+            }
+          }
+        },
         "padding": {
           "block-start": {
             "value": "{rhc.space.500}",
@@ -3524,11 +3558,15 @@
           "inline-start": {
             "value": "{rhc.space.500}",
             "type": "spacing"
+          },
+          "inline-end": {
+            "value": "{rhc.space.500}",
+            "type": "spacing"
           }
         },
         "flex": {
           "direction": {
-            "value": "row",
+            "value": "column",
             "type": "flexDirection"
           }
         }
@@ -3565,6 +3603,12 @@
             "value": "{rhc.space.100}",
             "type": "spacing"
           }
+        },
+        "error-message": {
+          "line-height": {
+            "value": "normal",
+            "type": "lineHeights"
+          }
         }
       }
     }
@@ -3661,7 +3705,7 @@
     "utrecht": {
       "form-field-label": {
         "color": {
-          "value": "{rhc.color.foreground.lint}",
+          "value": "{rhc.color.foreground.default}",
           "type": "color"
         },
         "font-family": {
@@ -3687,7 +3731,7 @@
     "todo": {
       "form-field-option-label": {
         "color": {
-          "value": "{rhc.color.foreground.lint}",
+          "value": "{rhc.color.foreground.default}",
           "type": "color"
         },
         "font-size": {
@@ -3708,7 +3752,7 @@
         },
         "disabled": {
           "color": {
-            "value": "{rhc.color.grijs.600}",
+            "value": "{rhc.color.cool-grey.600}",
             "type": "color"
           }
         }
@@ -3731,18 +3775,18 @@
           "type": "spacing"
         },
         "label": {
-            "margin-block-end": {
-              "value": "{rhc.space.0}",
-              "type": "spacing"
-            }
+          "margin-block-end": {
+            "value": "{rhc.space.0}",
+            "type": "spacing"
+          }
         },
         "input": {
-            "margin": {
-                "block-start": {
-                  "value": "{rhc.space.50}",
-                  "type": "spacing"
-                }
+          "margin": {
+            "block-start": {
+              "value": "{rhc.space.50}",
+              "type": "spacing"
             }
+          }
         }
       }
     }
@@ -3751,7 +3795,7 @@
     "utrecht": {
       "form-label": {
         "color": {
-          "value": "{rhc.color.foreground.lint}",
+          "value": "{rhc.color.foreground.default}",
           "type": "color"
         },
         "font-size": {
@@ -3766,10 +3810,10 @@
     }
   },
   "components/heading": {
-    "utrecht": {
-      "heading-1": {
+    "nl": {
+      "heading-level-1": {
         "color": {
-          "value": "{rhc.color.foreground.lint}",
+          "value": "{rhc.color.lintblauw.500}",
           "type": "color"
         },
         "font-family": {
@@ -3797,9 +3841,9 @@
           "type": "spacing"
         }
       },
-      "heading-2": {
+      "heading-level-2": {
         "color": {
-          "value": "{rhc.color.foreground.lint}",
+          "value": "{rhc.color.lintblauw.500}",
           "type": "color"
         },
         "font-family": {
@@ -3827,9 +3871,9 @@
           "type": "spacing"
         }
       },
-      "heading-3": {
+      "heading-level-3": {
         "color": {
-          "value": "{rhc.color.foreground.lint}",
+          "value": "{rhc.color.lintblauw.500}",
           "type": "color"
         },
         "font-family": {
@@ -3857,9 +3901,9 @@
           "type": "spacing"
         }
       },
-      "heading-4": {
+      "heading-level-4": {
         "color": {
-          "value": "{rhc.color.foreground.lint}",
+          "value": "{rhc.color.lintblauw.500}",
           "type": "color"
         },
         "font-family": {
@@ -3887,9 +3931,9 @@
           "type": "spacing"
         }
       },
-      "heading-5": {
+      "heading-level-5": {
         "color": {
-          "value": "{rhc.color.foreground.lint}",
+          "value": "{rhc.color.lintblauw.500}",
           "type": "color"
         },
         "font-family": {
@@ -4425,7 +4469,7 @@
             "type": "color"
           },
           "border-color": {
-            "value": "{rhc.color.grijs.300}",
+            "value": "{rhc.color.cool-grey.300}",
             "type": "color"
           },
           "border-width": {
@@ -4446,7 +4490,7 @@
               "type": "size"
             },
             "color": {
-              "value": "{rhc.color.foreground.lint}",
+              "value": "{rhc.color.foreground.default}",
               "type": "color"
             }
           },
@@ -4463,6 +4507,10 @@
             "type": "spacing"
           },
           "content": {
+            "font-size": {
+              "value": "{rhc.font-size.paragraph.small}",
+              "type": "fontSizes"
+            },
             "column-gap": {
               "value": "{rhc.space.100}",
               "type": "spacing"
@@ -4492,7 +4540,7 @@
           },
           "heading": {
             "color": {
-              "value": "{rhc.color.foreground.lint}",
+              "value": "{rhc.color.foreground.default}",
               "type": "color"
             }
           }
@@ -4529,7 +4577,7 @@
         },
         "icon": {
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           },
           "active": {
@@ -4546,7 +4594,7 @@
         "link": {
           "active": {
             "background-color": {
-              "value": "{rhc.color.foreground.lint}",
+              "value": "{rhc.color.primary.500}",
               "type": "color"
             },
             "color": {
@@ -4559,26 +4607,26 @@
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.primary.500}",
             "type": "color"
           },
           "focus": {
             "background-color": {
-              "value": "{rhc.color.lintblauw.50}",
+              "value": "{rhc.color.primary.50}",
               "type": "color"
             },
             "color": {
-              "value": "{rhc.color.foreground.lint}",
+              "value": "{rhc.color.primary.500}",
               "type": "color"
             }
           },
           "hover": {
             "background-color": {
-              "value": "{rhc.color.grijs.50}",
+              "value": "{rhc.color.cool-grey.50}",
               "type": "color"
             },
             "color": {
-              "value": "{rhc.color.foreground.lint}",
+              "value": "{rhc.color.primary.500}",
               "type": "color"
             }
           },
@@ -4614,11 +4662,11 @@
           "type": "color"
         },
         "color": {
-          "value": "{rhc.color.foreground.lint}",
+          "value": "{rhc.color.primary.500}",
           "type": "color"
         },
         "border-color": {
-          "value": "{rhc.color.border.default}",
+          "value": "{rhc.color.primary.400}",
           "type": "color"
         }
       }
@@ -4629,7 +4677,7 @@
       "navigation-list": {
         "icon": {
           "background-color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           },
           "border-radius": {
@@ -4657,6 +4705,10 @@
             }
           },
           "content": {
+            "font-size": {
+              "value": "{rhc.font-size.paragraph.small}",
+              "type": "fontSizes"
+            },
             "column-gap": {
               "value": "{rhc.space.100}",
               "type": "space"
@@ -4686,13 +4738,13 @@
           },
           "active": {
             "background-color": {
-              "value": "{rhc.color.grijs.100}",
+              "value": "{rhc.color.cool-grey.100}",
               "type": "color"
             }
           },
           "hover": {
             "background-color": {
-              "value": "{rhc.color.grijs.50}",
+              "value": "{rhc.color.cool-grey.50}",
               "type": "color"
             }
           },
@@ -4715,12 +4767,12 @@
             "type": "borderWidth"
           },
           "border-color": {
-            "value": "{rhc.color.grijs.300}",
+            "value": "{rhc.color.cool-grey.300}",
             "type": "color"
           },
           "heading": {
             "color": {
-              "value": "{rhc.color.foreground.lint}",
+              "value": "{rhc.color.foreground.default}",
               "type": "color"
             }
           },
@@ -4778,7 +4830,7 @@
           }
         },
         "color": {
-          "value": "{rhc.color.foreground.lint}",
+          "value": "{rhc.color.foreground.default}",
           "type": "color"
         },
         "font-family": {
@@ -5109,10 +5161,10 @@
     }
   },
   "components/paragraph": {
-    "utrecht": {
+    "nl": {
       "paragraph": {
         "color": {
-          "value": "{rhc.color.foreground.lint}",
+          "value": "{rhc.color.foreground.default}",
           "type": "color"
         },
         "font-family": {
@@ -5141,7 +5193,7 @@
         },
         "lead": {
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           },
           "font-size": {
@@ -5156,24 +5208,32 @@
             "value": "{rhc.line-height.paragraph}",
             "type": "lineHeights"
           }
+        }
+      }
+    }
+  },
+  "components/pre-heading": {
+    "utrecht": {
+      "pre-heading": {
+        "color": {
+          "value": "{rhc.color.foreground.default}",
+          "type": "color"
         },
-        "small": {
-          "color": {
-            "value": "{rhc.color.foreground.lint}",
-            "type": "color"
-          },
-          "font-size": {
-            "value": "{rhc.font-size.paragraph.small}",
-            "type": "fontSizes"
-          },
-          "font-weight": {
-            "value": "{rhc.font-weight.regular}",
-            "type": "fontWeights"
-          },
-          "line-height": {
-            "value": "{rhc.line-height.paragraph}",
-            "type": "lineHeights"
-          }
+        "font-family": {
+          "value": "{rhc.font-family.primary}",
+          "type": "fontFamilies"
+        },
+        "font-weight": {
+          "value": "{rhc.font-weight.bold}",
+          "type": "fontWeights"
+        },
+        "line-height": {
+          "value": "{rhc.line-height.sm}",
+          "type": "lineHeights"
+        },
+        "font-size": {
+          "value": "{rhc.font-size.xs.mobile}",
+          "type": "fontSizes"
         }
       }
     }
@@ -5243,15 +5303,15 @@
         },
         "disabled": {
           "background-color": {
-            "value": "{rhc.color.grijs.300}",
+            "value": "{rhc.color.cool-grey.300}",
             "type": "color"
           },
           "border-color": {
-            "value": "{rhc.color.grijs.400}",
+            "value": "{rhc.color.cool-grey.400}",
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.grijs.600}",
+            "value": "{rhc.color.cool-grey.600}",
             "type": "color"
           }
         },
@@ -5324,15 +5384,15 @@
           },
           "disabled": {
             "background-color": {
-              "value": "{rhc.color.grijs.300}",
+              "value": "{rhc.color.cool-grey.300}",
               "type": "color"
             },
             "border-color": {
-              "value": "{rhc.color.grijs.400}",
+              "value": "{rhc.color.cool-grey.400}",
               "type": "color"
             },
             "color": {
-              "value": "{rhc.color.grijs.600}",
+              "value": "{rhc.color.cool-grey.600}",
               "type": "color"
             }
           },
@@ -5406,7 +5466,7 @@
           "type": "color"
         },
         "color": {
-          "value": "{rhc.color.foreground.lint}",
+          "value": "{rhc.color.foreground.default}",
           "type": "color"
         },
         "invalid": {
@@ -5419,7 +5479,7 @@
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           },
           "border-width": {
@@ -5437,7 +5497,7 @@
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           },
           "border-width": {
@@ -5447,15 +5507,15 @@
         },
         "disabled": {
           "background-color": {
-            "value": "{rhc.color.grijs.300}",
+            "value": "{rhc.color.cool-grey.300}",
             "type": "color"
           },
           "border-color": {
-            "value": "{rhc.color.grijs.400}",
+            "value": "{rhc.color.cool-grey.400}",
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.grijs.600}",
+            "value": "{rhc.color.cool-grey.600}",
             "type": "color"
           }
         },
@@ -5469,7 +5529,7 @@
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           },
           "border-width": {
@@ -5532,7 +5592,7 @@
     "utrecht": {
       "separator": {
         "color": {
-          "value": "{rhc.color.grijs.300}",
+          "value": "{rhc.color.cool-grey.300}",
           "type": "color"
         },
         "block-size": {
@@ -5590,7 +5650,7 @@
               "type": "fontWeights"
             },
             "color": {
-              "value": "{rhc.color.foreground.lint}",
+              "value": "{rhc.color.foreground.default}",
               "type": "color"
             }
           },
@@ -5678,7 +5738,7 @@
     }
   },
   "components/skip-link": {
-    "utrecht": {
+    "nl": {
       "skip-link": {
         "font-weight": {
           "value": "{rhc.font-weight.bold}",
@@ -5738,7 +5798,7 @@
             "type": "borderWidth"
           },
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           },
           "text-decoration": {
@@ -5846,7 +5906,7 @@
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           }
         },
@@ -5860,7 +5920,7 @@
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           }
         },
@@ -5874,7 +5934,7 @@
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           }
         },
@@ -5888,12 +5948,12 @@
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           }
         },
         "background-color": {
-          "value": "{rhc.color.grijs.200}",
+          "value": "{rhc.color.cool-grey.200}",
           "type": "color"
         },
         "border-color": {
@@ -5901,58 +5961,8 @@
           "type": "color"
         },
         "color": {
-          "value": "{rhc.color.foreground.lint}",
-          "type": "color"
-        }
-      }
-    }
-  },
-  "components/sub-nav-bar": {
-    "rhc": {
-      "sub-nav-bar": {
-        "background-color": {
-          "value": "#f2f4f6",
+          "value": "{rhc.color.foreground.default}",
           "type": "color"
-        },
-        "column-gap": {
-          "value": "{rhc.space.100}",
-          "type": "spacing"
-        },
-        "column-width": {
-          "value": "375px",
-          "type": "sizing"
-        },
-        "padding-block-end": {
-          "value": "{rhc.space.400}",
-          "type": "spacing"
-        },
-        "padding-block-start": {
-          "value": "{rhc.space.400}",
-          "type": "spacing"
-        },
-        "inline-size": {
-          "value": "100%",
-          "type": "sizing"
-        },
-        "content": {
-          "padding-inline-end": {
-            "value": "{rhc.space.200}",
-            "type": "spacing"
-          },
-          "padding-inline-start": {
-            "value": "{rhc.space.200}",
-            "type": "spacing"
-          },
-          "max-inline-size": {
-            "value": "1280px",
-            "type": "sizing"
-          },
-          "list": {
-            "row-gap": {
-              "value": "{rhc.space.100}",
-              "type": "spacing"
-            }
-          }
         }
       }
     }
@@ -6050,11 +6060,11 @@
             "type": "borderWidth"
           },
           "border-color": {
-            "value": "{rhc.color.grijs.300}",
+            "value": "{rhc.color.cool-grey.300}",
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           }
         },
@@ -6114,7 +6124,7 @@
             "type": "lineHeights"
           },
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           },
           "font-family": {
@@ -6140,7 +6150,7 @@
             "type": "spacing"
           },
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           },
           "font-family": {
@@ -6172,11 +6182,15 @@
           "padding-inline-start": {
             "value": "{rhc.space.200}",
             "type": "spacing"
+          },
+          "line-height": {
+            "value": "{rhc.line-height.md}",
+            "type": "lineHeights"
           }
         },
         "data-cell": {
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           },
           "font-family": {
@@ -6202,7 +6216,7 @@
             "type": "borderWidth"
           },
           "border-block-end-color": {
-            "value": "{rhc.color.grijs.300}",
+            "value": "{rhc.color.cool-grey.300}",
             "type": "color"
           },
           "background-color": {
@@ -6216,7 +6230,7 @@
             "type": "borderWidth"
           },
           "border-block-end-color": {
-            "value": "{rhc.color.grijs.300}",
+            "value": "{rhc.color.cool-grey.300}",
             "type": "color"
           },
           "background-color": {
@@ -6230,7 +6244,7 @@
             "type": "borderWidth"
           },
           "border-block-end-color": {
-            "value": "{rhc.color.grijs.300}",
+            "value": "{rhc.color.cool-grey.300}",
             "type": "color"
           },
           "background-color": {
@@ -6248,7 +6262,7 @@
             "type": "fontSizes"
           },
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           },
           "font-family": {
@@ -6305,6 +6319,10 @@
               "type": "color"
             }
           }
+        },
+        "font-size": {
+          "value": "{rhc.font-size.xs.desktop}",
+          "type": "fontSizes"
         }
       }
     }
@@ -6429,7 +6447,7 @@
           "type": "color"
         },
         "color": {
-          "value": "{rhc.color.foreground.lint}",
+          "value": "{rhc.color.foreground.default}",
           "type": "color"
         },
         "invalid": {
@@ -6442,7 +6460,7 @@
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           },
           "border-width": {
@@ -6452,7 +6470,7 @@
         },
         "placeholder": {
           "color": {
-            "value": "{rhc.color.grijs.500}",
+            "value": "{rhc.color.cool-grey.500}",
             "type": "color"
           }
         },
@@ -6466,7 +6484,7 @@
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           },
           "border-width": {
@@ -6476,21 +6494,21 @@
         },
         "disabled": {
           "background-color": {
-            "value": "{rhc.color.grijs.300}",
+            "value": "{rhc.color.cool-grey.300}",
             "type": "color"
           },
           "border-color": {
-            "value": "{rhc.color.grijs.400}",
+            "value": "{rhc.color.cool-grey.400}",
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.grijs.600}",
+            "value": "{rhc.color.cool-grey.600}",
             "type": "color"
           }
         },
         "read-only": {
           "background-color": {
-            "value": "{rhc.color.grijs.100}",
+            "value": "{rhc.color.cool-grey.100}",
             "type": "color"
           },
           "border-color": {
@@ -6498,7 +6516,7 @@
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           }
         },
@@ -6512,7 +6530,7 @@
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           },
           "border-width": {
@@ -6603,7 +6621,7 @@
           "type": "color"
         },
         "color": {
-          "value": "{rhc.color.foreground.lint}",
+          "value": "{rhc.color.foreground.default}",
           "type": "color"
         },
         "invalid": {
@@ -6616,7 +6634,7 @@
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           },
           "border-width": {
@@ -6626,7 +6644,7 @@
         },
         "placeholder": {
           "color": {
-            "value": "{rhc.color.grijs.500}",
+            "value": "{rhc.color.cool-grey.500}",
             "type": "color"
           }
         },
@@ -6652,27 +6670,27 @@
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           }
         },
         "disabled": {
           "background-color": {
-            "value": "{rhc.color.grijs.300}",
+            "value": "{rhc.color.cool-grey.300}",
             "type": "color"
           },
           "border-color": {
-            "value": "{rhc.color.grijs.400}",
+            "value": "{rhc.color.cool-grey.400}",
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.grijs.600}",
+            "value": "{rhc.color.cool-grey.600}",
             "type": "color"
           }
         },
         "read-only": {
           "background-color": {
-            "value": "{rhc.color.grijs.100}",
+            "value": "{rhc.color.cool-grey.100}",
             "type": "color"
           },
           "border-color": {
@@ -6680,7 +6698,7 @@
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           }
         },
@@ -6698,7 +6716,7 @@
             "type": "color"
           },
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           }
         }
@@ -6754,7 +6772,7 @@
         },
         "hover": {
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           },
           "background-color": {
@@ -6819,7 +6837,7 @@
           "type": "spacing"
         },
         "color": {
-          "value": "{rhc.color.foreground.lint}",
+          "value": "{rhc.color.foreground.default}",
           "type": "color"
         },
         "font-family": {
@@ -6854,11 +6872,11 @@
         },
         "marker": {
           "color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           },
           "border-color": {
-            "value": "{rhc.color.foreground.lint}",
+            "value": "{rhc.color.foreground.default}",
             "type": "color"
           }
         }
@@ -6883,7 +6901,680 @@
       }
     }
   },
-  "$themes": [],
+  "components/sub-nav-bar": {
+    "rhc": {
+      "sub-nav-bar": {
+        "background-color": {
+          "value": "#f2f4f6",
+          "type": "color"
+        },
+        "column-gap": {
+          "value": "{rhc.space.100}",
+          "type": "spacing"
+        },
+        "column-width": {
+          "value": "375px",
+          "type": "sizing"
+        },
+        "padding-block-end": {
+          "value": "{rhc.space.400}",
+          "type": "spacing"
+        },
+        "padding-block-start": {
+          "value": "{rhc.space.400}",
+          "type": "spacing"
+        },
+        "inline-size": {
+          "value": "100%",
+          "type": "sizing"
+        },
+        "content": {
+          "padding-inline-end": {
+            "value": "{rhc.space.200}",
+            "type": "spacing"
+          },
+          "padding-inline-start": {
+            "value": "{rhc.space.200}",
+            "type": "spacing"
+          },
+          "max-inline-size": {
+            "value": "1280px",
+            "type": "sizing"
+          },
+          "list": {
+            "row-gap": {
+              "value": "{rhc.space.100}",
+              "type": "spacing"
+            }
+          }
+        }
+      }
+    }
+  },
+  "overwrites/focus/background": {
+    "utrecht": {
+      "accordion": {
+        "button": {
+          "focus": {
+            "background-color": {
+              "value": "{overwrite.focus.background}",
+              "type": "color"
+            }
+          }
+        }
+      },
+      "button": {
+        "primary-action": {
+          "focus": {
+            "background-color": {
+              "value": "{overwrite.focus.background}",
+              "type": "color"
+            }
+          }
+        },
+        "secondary-action": {
+          "focus": {
+            "background-color": {
+              "value": "{overwrite.focus.background}",
+              "type": "color"
+            }
+          }
+        },
+        "subtle": {
+          "focus": {
+            "background-color": {
+              "value": "{overwrite.focus.background}",
+              "type": "color"
+            }
+          }
+        }
+      },
+      "checkbox": {
+        "focus": {
+          "background-color": {
+            "value": "{overwrite.focus.background}",
+            "type": "color"
+          }
+        },
+        "checked": {
+          "focus": {
+            "background-color": {
+              "value": "{overwrite.focus.background}",
+              "type": "color"
+            }
+          }
+        }
+      },
+      "radio-button": {
+        "focus": {
+          "background-color": {
+            "value": "{overwrite.focus.background}",
+            "type": "color"
+          }
+        },
+        "checked": {
+          "focus": {
+            "background-color": {
+              "value": "{overwrite.focus.background}",
+              "type": "color"
+            }
+          }
+        }
+      },
+      "link": {
+        "focus": {
+          "background-color": {
+            "value": "{overwrite.focus.background}",
+            "type": "color"
+          }
+        }
+      },
+      "select": {
+        "focus": {
+          "background-color": {
+            "value": "{overwrite.focus.background}",
+            "type": "color"
+          }
+        }
+      },
+      "textarea": {
+        "focus": {
+          "background-color": {
+            "value": "{overwrite.focus.background}",
+            "type": "color"
+          }
+        }
+      },
+      "textbox": {
+        "focus": {
+          "background-color": {
+            "value": "{overwrite.focus.background}",
+            "type": "color"
+          }
+        }
+      },
+      "counter-badge": {
+        "background-color": {
+          "value": "{overwrite.focus.background}",
+          "type": "color"
+        }
+      },
+      "skip-link": {
+        "focus": {
+          "background-color": {
+            "value": "{overwrite.focus.background}",
+            "type": "color"
+          }
+        }
+      }
+    },
+    "overwrite": {
+      "focus": {
+        "background": {
+          "value": "{rhc.color.donkergeel.300}",
+          "type": "color"
+        }
+      }
+    },
+    "todo": {
+      "nav-bar": {
+        "link": {
+          "focus": {
+            "background-color": {
+              "value": "{overwrite.focus.background}",
+              "type": "color"
+            }
+          }
+        }
+      },
+      "pagination": {
+        "page-link": {
+          "focus": {
+            "background-color": {
+              "value": "{overwrite.focus.background}",
+              "type": "color"
+            }
+          }
+        }
+      }
+    },
+    "denhaag": {
+      "sidenav": {
+        "link": {
+          "focus": {
+            "background-color": {
+              "value": "{overwrite.focus.background}",
+              "type": "color"
+            }
+          }
+        }
+      }
+    }
+  },
+  "overwrites/focus/outline-color": {
+    "rhc": {
+      "color": {
+        "focus": {
+          "outline": {
+            "value": "{rhc.color.primary.500}",
+            "type": "color"
+          }
+        }
+      }
+    }
+  },
+  "overwrites/oude rijkshuisstijl/border": {
+    "rhc": {
+      "border-radius": {
+        "sm": {
+          "value": "0",
+          "type": "borderRadius"
+        },
+        "md": {
+          "value": "0",
+          "type": "borderRadius"
+        },
+        "keep": {
+          "value": "0",
+          "type": "borderRadius"
+        }
+      }
+    }
+  },
+  "overwrites/primaire kleur/mintgroen": {
+    "rhc": {
+      "color": {
+        "primary": {
+          "50": {
+            "value": "{rhc.color.mintgroen.50}",
+            "type": "color"
+          },
+          "100": {
+            "value": "{rhc.color.mintgroen.100}",
+            "type": "color"
+          },
+          "200": {
+            "value": "{rhc.color.mintgroen.200}",
+            "type": "color"
+          },
+          "300": {
+            "value": "{rhc.color.mintgroen.300}",
+            "type": "color"
+          },
+          "400": {
+            "value": "{rhc.color.mintgroen.400}",
+            "type": "color"
+          },
+          "500": {
+            "value": "{rhc.color.mintgroen.500}",
+            "type": "color"
+          },
+          "hover": {
+            "value": "{rhc.color.primary.500}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "darken",
+                  "value": "0.3",
+                  "space": "lch"
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  },
+  "overwrites/primaire kleur/violet": {
+    "rhc": {
+      "color": {
+        "primary": {
+          "50": {
+            "value": "{rhc.color.violet.50}",
+            "type": "color"
+          },
+          "100": {
+            "value": "{rhc.color.violet.100}",
+            "type": "color"
+          },
+          "200": {
+            "value": "{rhc.color.violet.200}",
+            "type": "color"
+          },
+          "300": {
+            "value": "{rhc.color.violet.300}",
+            "type": "color"
+          },
+          "400": {
+            "value": "{rhc.color.violet.400}",
+            "type": "color"
+          },
+          "500": {
+            "value": "{rhc.color.violet.500}",
+            "type": "color"
+          },
+          "hover": {
+            "value": "{rhc.color.primary.500}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "darken",
+                  "value": "0.3",
+                  "space": "lch"
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  },
+  "$themes": [
+    {
+      "id": "05865788a086eeac7ffc4514736ccd777f1ff95c",
+      "name": "wetgevend",
+      "$figmaStyleReferences": {},
+      "selectedTokenSets": {
+        "brand/color": "enabled",
+        "brand/space": "enabled",
+        "brand/border": "enabled",
+        "brand/font": "enabled",
+        "brand/size": "enabled",
+        "common/color": "enabled",
+        "common/size": "enabled",
+        "common/font": "enabled",
+        "common/focus": "enabled",
+        "common/border": "enabled",
+        "common/keep": "enabled",
+        "utrecht/focus": "enabled",
+        "utrecht/pointer-target": "enabled",
+        "utrecht/rich-text": "enabled",
+        "utrecht/document": "enabled",
+        "components/accordion": "enabled",
+        "components/alert": "enabled",
+        "components/article": "enabled",
+        "components/avatar": "enabled",
+        "components/backdrop": "enabled",
+        "components/blockquote": "enabled",
+        "components/breadcrumb": "enabled",
+        "components/button": "enabled",
+        "components/button-group": "enabled",
+        "components/card": "enabled",
+        "components/checkbox": "enabled",
+        "components/checkbox-group": "enabled",
+        "components/code-input-group": "enabled",
+        "components/code-input": "enabled",
+        "components/counter-badge": "enabled",
+        "components/dot-badge": "enabled",
+        "components/drawer": "enabled",
+        "components/fieldset": "enabled",
+        "components/figure": "enabled",
+        "components/file-input": "enabled",
+        "components/footer": "enabled",
+        "components/form-field": "enabled",
+        "components/form-field-checkbox-option": "enabled",
+        "components/form-field-description": "enabled",
+        "components/form-field-error-message": "enabled",
+        "components/form-field-label": "enabled",
+        "components/form-field-option-label": "enabled",
+        "components/form-field-radio-option": "enabled",
+        "components/form-label": "enabled",
+        "components/heading": "enabled",
+        "components/hero": "enabled",
+        "components/icon-only-button": "enabled",
+        "components/link": "enabled",
+        "components/link-list": "enabled",
+        "components/link-list-card": "enabled",
+        "components/logo": "enabled",
+        "components/modal-dialog": "enabled",
+        "components/message-list": "enabled",
+        "components/nav-bar": "enabled",
+        "components/navigation-list": "enabled",
+        "components/ordered-list": "enabled",
+        "components/pagination": "enabled",
+        "components/paragraph": "enabled",
+        "components/radio": "enabled",
+        "components/radio-group": "enabled",
+        "components/select": "enabled",
+        "components/separator": "enabled",
+        "components/side-nav": "enabled",
+        "components/skip-link": "enabled",
+        "components/status-badge": "enabled",
+        "components/summary-list": "enabled",
+        "components/table": "enabled",
+        "components/task-list": "enabled",
+        "components/textarea": "enabled",
+        "components/text-input": "enabled",
+        "components/toggletip": "enabled",
+        "components/toolbar-button": "enabled",
+        "components/unordered-list": "enabled",
+        "components/icon": "enabled",
+        "components/sub-nav-bar": "enabled"
+      },
+      "group": "Rijkshuisstijl",
+      "$figmaVariableReferences": {}
+    },
+    {
+      "id": "c6dd93b7ffde608ac96ec3b636875b6534dca15e",
+      "name": "uitvoerend - violet",
+      "$figmaStyleReferences": {},
+      "selectedTokenSets": {
+        "brand/color": "enabled",
+        "brand/space": "enabled",
+        "brand/border": "enabled",
+        "brand/font": "enabled",
+        "brand/size": "enabled",
+        "common/color": "enabled",
+        "common/size": "enabled",
+        "common/font": "enabled",
+        "common/focus": "enabled",
+        "common/border": "enabled",
+        "common/keep": "enabled",
+        "utrecht/focus": "enabled",
+        "utrecht/pointer-target": "enabled",
+        "utrecht/rich-text": "enabled",
+        "utrecht/document": "enabled",
+        "components/accordion": "enabled",
+        "components/alert": "enabled",
+        "components/article": "enabled",
+        "components/avatar": "enabled",
+        "components/backdrop": "enabled",
+        "components/blockquote": "enabled",
+        "components/breadcrumb": "enabled",
+        "components/button": "enabled",
+        "components/button-group": "enabled",
+        "components/card": "enabled",
+        "components/checkbox": "enabled",
+        "components/checkbox-group": "enabled",
+        "components/code-input-group": "enabled",
+        "components/code-input": "enabled",
+        "components/counter-badge": "enabled",
+        "components/dot-badge": "enabled",
+        "components/drawer": "enabled",
+        "components/fieldset": "enabled",
+        "components/figure": "enabled",
+        "components/file-input": "enabled",
+        "components/footer": "enabled",
+        "components/form-field": "enabled",
+        "components/form-field-checkbox-option": "enabled",
+        "components/form-field-description": "enabled",
+        "components/form-field-error-message": "enabled",
+        "components/form-field-label": "enabled",
+        "components/form-field-option-label": "enabled",
+        "components/form-field-radio-option": "enabled",
+        "components/form-label": "enabled",
+        "components/heading": "enabled",
+        "components/hero": "enabled",
+        "components/icon-only-button": "enabled",
+        "components/link": "enabled",
+        "components/link-list": "enabled",
+        "components/link-list-card": "enabled",
+        "components/logo": "enabled",
+        "components/modal-dialog": "enabled",
+        "components/message-list": "enabled",
+        "components/nav-bar": "enabled",
+        "components/navigation-list": "enabled",
+        "components/ordered-list": "enabled",
+        "components/pagination": "enabled",
+        "components/paragraph": "enabled",
+        "components/radio": "enabled",
+        "components/radio-group": "enabled",
+        "components/select": "enabled",
+        "components/separator": "enabled",
+        "components/side-nav": "enabled",
+        "components/skip-link": "enabled",
+        "components/status-badge": "enabled",
+        "components/summary-list": "enabled",
+        "components/table": "enabled",
+        "components/task-list": "enabled",
+        "components/textarea": "enabled",
+        "components/text-input": "enabled",
+        "components/toggletip": "enabled",
+        "components/toolbar-button": "enabled",
+        "components/unordered-list": "enabled",
+        "components/icon": "enabled",
+        "components/sub-nav-bar": "enabled",
+        "overwrites/primaire kleur/violet": "enabled"
+      },
+      "group": "Rijkshuisstijl",
+      "$figmaVariableReferences": {}
+    },
+    {
+      "id": "786957ab6fd72ed726e59e0415f638eea0de0995",
+      "name": "uitvoerend - violet - oud",
+      "$figmaStyleReferences": {},
+      "selectedTokenSets": {
+        "brand/color": "enabled",
+        "brand/space": "enabled",
+        "brand/border": "enabled",
+        "brand/font": "enabled",
+        "brand/size": "enabled",
+        "common/color": "enabled",
+        "common/size": "enabled",
+        "common/font": "enabled",
+        "common/focus": "enabled",
+        "common/border": "enabled",
+        "common/keep": "enabled",
+        "utrecht/focus": "enabled",
+        "utrecht/pointer-target": "enabled",
+        "utrecht/rich-text": "enabled",
+        "utrecht/document": "enabled",
+        "components/accordion": "enabled",
+        "components/alert": "enabled",
+        "components/article": "enabled",
+        "components/avatar": "enabled",
+        "components/backdrop": "enabled",
+        "components/blockquote": "enabled",
+        "components/breadcrumb": "enabled",
+        "components/button": "enabled",
+        "components/button-group": "enabled",
+        "components/card": "enabled",
+        "components/checkbox": "enabled",
+        "components/checkbox-group": "enabled",
+        "components/code-input-group": "enabled",
+        "components/code-input": "enabled",
+        "components/counter-badge": "enabled",
+        "components/dot-badge": "enabled",
+        "components/drawer": "enabled",
+        "components/fieldset": "enabled",
+        "components/figure": "enabled",
+        "components/file-input": "enabled",
+        "components/footer": "enabled",
+        "components/form-field": "enabled",
+        "components/form-field-checkbox-option": "enabled",
+        "components/form-field-description": "enabled",
+        "components/form-field-error-message": "enabled",
+        "components/form-field-label": "enabled",
+        "components/form-field-option-label": "enabled",
+        "components/form-field-radio-option": "enabled",
+        "components/form-label": "enabled",
+        "components/heading": "enabled",
+        "components/hero": "enabled",
+        "components/icon-only-button": "enabled",
+        "components/link": "enabled",
+        "components/link-list": "enabled",
+        "components/link-list-card": "enabled",
+        "components/logo": "enabled",
+        "components/modal-dialog": "enabled",
+        "components/message-list": "enabled",
+        "components/nav-bar": "enabled",
+        "components/navigation-list": "enabled",
+        "components/ordered-list": "enabled",
+        "components/pagination": "enabled",
+        "components/paragraph": "enabled",
+        "components/radio": "enabled",
+        "components/radio-group": "enabled",
+        "components/select": "enabled",
+        "components/separator": "enabled",
+        "components/side-nav": "enabled",
+        "components/skip-link": "enabled",
+        "components/status-badge": "enabled",
+        "components/summary-list": "enabled",
+        "components/table": "enabled",
+        "components/task-list": "enabled",
+        "components/textarea": "enabled",
+        "components/text-input": "enabled",
+        "components/toggletip": "enabled",
+        "components/toolbar-button": "enabled",
+        "components/unordered-list": "enabled",
+        "components/icon": "enabled",
+        "components/sub-nav-bar": "enabled",
+        "overwrites/oude rijkshuisstijl/border": "enabled",
+        "overwrites/primaire kleur/violet": "enabled"
+      },
+      "group": "Rijkshuisstijl",
+      "$figmaVariableReferences": {}
+    },
+    {
+      "id": "6dc199872ed7ed864f33144bdffb286fdedbf473",
+      "name": "uitvoerend - mintgroen - focus",
+      "$figmaStyleReferences": {},
+      "selectedTokenSets": {
+        "brand/color": "enabled",
+        "brand/space": "enabled",
+        "brand/border": "enabled",
+        "brand/font": "enabled",
+        "brand/size": "enabled",
+        "common/color": "enabled",
+        "common/size": "enabled",
+        "common/font": "enabled",
+        "common/focus": "enabled",
+        "common/border": "enabled",
+        "common/keep": "enabled",
+        "utrecht/focus": "enabled",
+        "utrecht/pointer-target": "enabled",
+        "utrecht/rich-text": "enabled",
+        "utrecht/document": "enabled",
+        "components/accordion": "enabled",
+        "components/alert": "enabled",
+        "components/article": "enabled",
+        "components/avatar": "enabled",
+        "components/backdrop": "enabled",
+        "components/blockquote": "enabled",
+        "components/breadcrumb": "enabled",
+        "components/button": "enabled",
+        "components/button-group": "enabled",
+        "components/card": "enabled",
+        "components/checkbox": "enabled",
+        "components/checkbox-group": "enabled",
+        "components/code-input-group": "enabled",
+        "components/code-input": "enabled",
+        "components/counter-badge": "enabled",
+        "components/dot-badge": "enabled",
+        "components/drawer": "enabled",
+        "components/fieldset": "enabled",
+        "components/figure": "enabled",
+        "components/file-input": "enabled",
+        "components/footer": "enabled",
+        "components/form-field": "enabled",
+        "components/form-field-checkbox-option": "enabled",
+        "components/form-field-description": "enabled",
+        "components/form-field-error-message": "enabled",
+        "components/form-field-label": "enabled",
+        "components/form-field-option-label": "enabled",
+        "components/form-field-radio-option": "enabled",
+        "components/form-label": "enabled",
+        "components/heading": "enabled",
+        "components/hero": "enabled",
+        "components/icon-only-button": "enabled",
+        "components/link": "enabled",
+        "components/link-list": "enabled",
+        "components/link-list-card": "enabled",
+        "components/logo": "enabled",
+        "components/modal-dialog": "enabled",
+        "components/message-list": "enabled",
+        "components/nav-bar": "enabled",
+        "components/navigation-list": "enabled",
+        "components/ordered-list": "enabled",
+        "components/pagination": "enabled",
+        "components/paragraph": "enabled",
+        "components/radio": "enabled",
+        "components/radio-group": "enabled",
+        "components/select": "enabled",
+        "components/separator": "enabled",
+        "components/side-nav": "enabled",
+        "components/skip-link": "enabled",
+        "components/status-badge": "enabled",
+        "components/summary-list": "enabled",
+        "components/table": "enabled",
+        "components/task-list": "enabled",
+        "components/textarea": "enabled",
+        "components/text-input": "enabled",
+        "components/toggletip": "enabled",
+        "components/toolbar-button": "enabled",
+        "components/unordered-list": "enabled",
+        "components/icon": "enabled",
+        "components/sub-nav-bar": "enabled",
+        "overwrites/focus/background": "enabled",
+        "overwrites/focus/outline-color": "enabled",
+        "overwrites/primaire kleur/mintgroen": "enabled"
+      },
+      "group": "Rijkshuisstijl",
+      "$figmaVariableReferences": {}
+    }
+  ],
   "$metadata": {
     "tokenSetOrder": [
       "brand/color",
@@ -6944,6 +7635,7 @@
       "components/ordered-list",
       "components/pagination",
       "components/paragraph",
+      "components/pre-heading",
       "components/radio",
       "components/radio-group",
       "components/select",
@@ -6959,7 +7651,13 @@
       "components/toggletip",
       "components/toolbar-button",
       "components/unordered-list",
-      "components/icon"
+      "components/icon",
+      "components/sub-nav-bar",
+      "overwrites/focus/background",
+      "overwrites/focus/outline-color",
+      "overwrites/oude rijkshuisstijl/border",
+      "overwrites/primaire kleur/mintgroen",
+      "overwrites/primaire kleur/violet"
     ]
   }
-}
+}