@rijkshuisstijl-community/design-tokens 1.2.0 → 2.0.0

package/src/generated/wetgevend/tokens.json

@@ -1,25 +1,257 @@
 {
   "utrecht": {
-    "pre-heading": {
+    "column-layout": {
+      "column-rule-color": {
+        "value": "transparent",
+        "type": "color"
+      },
+      "column-rule-width": {
+        "value": "0px",
+        "type": "borderWidth"
+      },
+      "column-width": {
+        "value": "400px",
+        "type": "sizing"
+      },
+      "gap": {
+        "value": "0.75rem",
+        "type": "spacing"
+      }
+    },
+    "blockquote": {
+      "background-color": {
+        "value": "transparent",
+        "type": "color"
+      },
+      "border-inline-start-width": {
+        "value": 0,
+        "type": "dimension"
+      },
+      "border-color": {
+        "value": "transparent",
+        "type": "color"
+      },
+      "border-radius": {
+        "value": 0,
+        "type": "dimension"
+      },
+      "border-width": {
+        "value": 0,
+        "type": "dimension"
+      },
       "color": {
-        "value": "#0F172A",
+        "value": "#154273",
         "type": "color"
       },
+      "font-size": {
+        "value": "1.25rem",
+        "type": "fontSizes"
+      },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
-      "font-weight": {
-        "value": 700,
-        "type": "fontWeights"
+      "padding-block-end": {
+        "value": "2rem",
+        "type": "dimension"
       },
-      "line-height": {
-        "value": "125%",
-        "type": "lineHeights"
+      "padding-block-start": {
+        "value": "2rem",
+        "type": "dimension"
       },
-      "font-size": {
-        "value": "1rem",
-        "type": "fontSizes"
+      "padding-inline-end": {
+        "value": "2rem",
+        "type": "dimension"
+      },
+      "padding-inline-start": {
+        "value": "2rem",
+        "type": "dimension"
+      },
+      "row-gap": {
+        "value": "0.75rem",
+        "type": "dimension"
+      },
+      "attribution": {
+        "color": {
+          "value": "#154273",
+          "type": "color"
+        },
+        "font-size": {
+          "value": "1.25rem",
+          "type": "fontSizes"
+        }
+      },
+      "content": {
+        "color": {
+          "value": "#154273",
+          "type": "color"
+        },
+        "font-size": {
+          "value": "1.25rem",
+          "type": "fontSizes"
+        },
+        "font-family": {
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
+          "type": "fontFamilies"
+        },
+        "line-height": {
+          "value": "150%",
+          "type": "lineHeights"
+        },
+        "font-weight": {
+          "value": 400,
+          "type": "fontWeights"
+        }
+      },
+      "caption": {
+        "font-size": {
+          "value": "1.25rem",
+          "type": "fontSizes"
+        },
+        "font-family": {
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
+          "type": "fontFamilies"
+        },
+        "line-height": {
+          "value": "150%",
+          "type": "lineHeights"
+        },
+        "font-weight": {
+          "value": 400,
+          "type": "fontWeights"
+        },
+        "padding-block-start": {
+          "value": "0.75rem",
+          "type": "spacing"
+        },
+        "color": {
+          "value": "#154273",
+          "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"
+      },
+      "border-block-start-width": {
+        "value": 0,
+        "type": "borderWidth"
+      },
+      "border-block-end-width": {
+        "value": 0,
+        "type": "borderWidth"
+      },
+      "border-inline-end-width": {
+        "value": 0,
+        "type": "borderWidth"
+      },
+      "border-start-start-radius": {
+        "value": 0,
+        "type": "borderRadius"
+      },
+      "border-start-end-radius": {
+        "value": 0,
+        "type": "borderRadius"
+      },
+      "border-end-start-radius": {
+        "value": 0,
+        "type": "borderRadius"
+      },
+      "border-end-end-radius": {
+        "value": 0,
+        "type": "borderRadius"
+      },
+      "blue-corner-border-variation": {
+        "border-color": {
+          "value": "#154273",
+          "type": "color"
+        },
+        "border-block-end-width": {
+          "value": "2px",
+          "type": "borderWidth"
+        },
+        "border-inline-end-width": {
+          "value": "2px",
+          "type": "borderWidth"
+        },
+        "border-end-end-radius": {
+          "value": "3rem",
+          "type": "borderRadius"
+        }
+      },
+      "pink-background-variation": {
+        "background-color": {
+          "value": "#F6BDE1",
+          "type": "color"
+        },
+        "border-end-start-radius": {
+          "value": "3rem",
+          "type": "borderRadius"
+        },
+        "padding": {
+          "value": "2.5rem",
+          "type": "spacing"
+        }
+      },
+      "pink-left-border-variation": {
+        "border-color": {
+          "value": "#F6BDE1",
+          "type": "color"
+        },
+        "border-inline-start-width": {
+          "value": "0.75rem",
+          "type": "borderWidth"
+        },
+        "padding-inline-start": {
+          "value": "2.5rem",
+          "type": "spacing"
+        },
+        "padding-inline-end": {
+          "value": "2.5rem",
+          "type": "spacing"
+        },
+        "padding-block-start": {
+          "value": "1.5rem",
+          "type": "spacing"
+        },
+        "padding-block-end": {
+          "value": "1.5rem",
+          "type": "spacing"
+        }
+      },
+      "pink-corner-border-variation": {
+        "border-color": {
+          "value": "#F6BDE1",
+          "type": "color"
+        },
+        "border-block-start-width": {
+          "value": "0.25rem",
+          "type": "borderWidth"
+        },
+        "border-inline-start-width": {
+          "value": "0.25rem",
+          "type": "borderWidth"
+        },
+        "border-start-start-radius": {
+          "value": "3rem",
+          "type": "borderRadius"
+        },
+        "padding": {
+          "value": "2.5rem",
+          "type": "spacing"
+        }
       }
     },
     "icon": {
@@ -54,7 +286,7 @@
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -100,7 +332,7 @@
         "type": "borderRadius"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-size": {
@@ -378,7 +610,7 @@
         "type": "borderWidth"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -405,7 +637,7 @@
           "type": "color"
         },
         "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         },
         "font-weight": {
@@ -431,7 +663,7 @@
           "type": "color"
         },
         "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         },
         "font-weight": {
@@ -471,7 +703,7 @@
           "type": "color"
         },
         "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         },
         "font-weight": {
@@ -543,7 +775,7 @@
           "type": "color"
         },
         "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         },
         "line-height": {
@@ -608,7 +840,7 @@
         "type": "fontWeights"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-size": {
@@ -860,7 +1092,7 @@
         "type": "borderWidth"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -1064,13 +1296,35 @@
         "type": "borderWidth"
       }
     },
+    "pre-heading": {
+      "color": {
+        "value": "#0F172A",
+        "type": "color"
+      },
+      "font-family": {
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies"
+      },
+      "font-weight": {
+        "value": 700,
+        "type": "fontWeights"
+      },
+      "line-height": {
+        "value": "125%",
+        "type": "lineHeights"
+      },
+      "font-size": {
+        "value": "1rem",
+        "type": "fontSizes"
+      }
+    },
     "paragraph": {
       "color": {
         "value": "#0F172A",
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-size": {
@@ -1148,7 +1402,7 @@
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -1282,7 +1536,7 @@
         "type": "other"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -1304,7 +1558,7 @@
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -1334,7 +1588,7 @@
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -1364,7 +1618,7 @@
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -1394,7 +1648,7 @@
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -1424,7 +1678,7 @@
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -1468,7 +1722,7 @@
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-size": {
@@ -1500,7 +1754,7 @@
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-size": {
@@ -1526,7 +1780,7 @@
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-size": {
@@ -1673,7 +1927,7 @@
           "type": "color"
         },
         "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         },
         "font-size": {
@@ -1753,7 +2007,7 @@
         "type": "borderRadius"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "background-color": {
@@ -2105,7 +2359,7 @@
         }
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-size": {
@@ -2638,271 +2892,61 @@
             "type": "textDecoration"
           }
         },
-        "hover": {
-          "color": {
-            "value": "#01496c",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "darken",
-                  "value": "0.3",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "text-decoration": {
-            "value": "None",
-            "type": "textDecoration"
-          }
-        },
-        "current": {
-          "color": {
-            "value": "#334155",
-            "type": "color"
-          }
-        },
-        "text-decoration": {
-          "value": "underline",
-          "type": "textDecoration"
-        }
-      },
-      "divider": {
-        "size": {
-          "value": "24px",
-          "type": "sizing"
-        },
-        "color": {
-          "value": "#334155",
-          "type": "color"
-        },
-        "inset-block-start": {
-          "value": 0,
-          "type": "spacing"
-        }
-      },
-      "margin-inline": {
-        "value": "0.5rem",
-        "type": "spacing"
-      },
-      "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
-        "type": "fontFamilies"
-      },
-      "font-weight": {
-        "value": 400,
-        "type": "fontWeights"
-      }
-    },
-    "blockquote": {
-      "caption": {
-        "font-size": {
-          "value": "1.25rem",
-          "type": "fontSizes"
-        },
-        "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
-          "type": "fontFamilies"
-        },
-        "line-height": {
-          "value": "150%",
-          "type": "lineHeights"
-        },
-        "font-weight": {
-          "value": 400,
-          "type": "fontWeights"
-        },
-        "padding-block-start": {
-          "value": "0.75rem",
-          "type": "spacing"
-        },
-        "color": {
-          "value": "#334155",
-          "type": "color"
-        }
-      },
-      "content": {
-        "font-family": {
-          "value": "RijksoverheidSerifWeb, 'Times New Roman', serif",
-          "type": "fontFamilies"
-        },
-        "line-height": {
-          "value": "150%",
-          "type": "lineHeights"
-        },
-        "font-weight": {
-          "value": 400,
-          "type": "fontWeights"
-        },
-        "font-size": {
-          "value": "1.5rem",
-          "type": "fontSizes"
-        },
-        "color": {
-          "value": "#0F172A",
-          "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": "2rem",
-        "type": "spacing"
-      },
-      "padding-block-start": {
-        "value": "2rem",
-        "type": "spacing"
-      },
-      "padding-inline-end": {
-        "value": "2rem",
-        "type": "spacing"
-      },
-      "padding-inline-start": {
-        "value": "2rem",
-        "type": "spacing"
-      },
-      "row-gap": {
-        "value": "0.75rem",
-        "type": "spacing"
-      },
-      "background-color": {
-        "value": "transparent",
-        "type": "color"
-      },
-      "border-color": {
-        "value": "#154273",
-        "type": "color"
-      },
-      "border-block-start-width": {
-        "value": 0,
-        "type": "borderWidth"
-      },
-      "border-block-end-width": {
-        "value": 0,
-        "type": "borderWidth"
-      },
-      "border-inline-start-width": {
-        "value": 0,
-        "type": "borderWidth"
-      },
-      "border-inline-end-width": {
-        "value": 0,
-        "type": "borderWidth"
-      },
-      "border-start-start-radius": {
-        "value": 0,
-        "type": "borderRadius"
-      },
-      "border-start-end-radius": {
-        "value": 0,
-        "type": "borderRadius"
-      },
-      "border-end-start-radius": {
-        "value": 0,
-        "type": "borderRadius"
-      },
-      "border-end-end-radius": {
-        "value": 0,
-        "type": "borderRadius"
-      },
-      "border-width": {
-        "value": "2px",
-        "type": "borderWidth"
-      },
-      "blue-corner-border-variation": {
-        "border-color": {
-          "value": "#154273",
-          "type": "color"
-        },
-        "border-block-end-width": {
-          "value": "2px",
-          "type": "borderWidth"
-        },
-        "border-inline-end-width": {
-          "value": "2px",
-          "type": "borderWidth"
-        },
-        "border-end-end-radius": {
-          "value": "3rem",
-          "type": "borderRadius"
-        }
-      },
-      "pink-background-variation": {
-        "background-color": {
-          "value": "#F6BDE1",
-          "type": "color"
-        },
-        "border-end-start-radius": {
-          "value": "3rem",
-          "type": "borderRadius"
-        },
-        "padding": {
-          "value": "2.5rem",
-          "type": "spacing"
-        }
-      },
-      "pink-left-border-variation": {
-        "border-color": {
-          "value": "#F6BDE1",
-          "type": "color"
-        },
-        "border-inline-start-width": {
-          "value": "0.75rem",
-          "type": "borderWidth"
-        },
-        "padding-inline-start": {
-          "value": "2.5rem",
-          "type": "spacing"
-        },
-        "padding-inline-end": {
-          "value": "2.5rem",
-          "type": "spacing"
+        "hover": {
+          "color": {
+            "value": "#01496c",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "darken",
+                  "value": "0.3",
+                  "space": "srgb"
+                }
+              }
+            }
+          },
+          "text-decoration": {
+            "value": "None",
+            "type": "textDecoration"
+          }
         },
-        "padding-block-start": {
-          "value": "1.5rem",
-          "type": "spacing"
+        "current": {
+          "color": {
+            "value": "#334155",
+            "type": "color"
+          }
         },
-        "padding-block-end": {
-          "value": "1.5rem",
-          "type": "spacing"
+        "text-decoration": {
+          "value": "underline",
+          "type": "textDecoration"
         }
       },
-      "pink-corner-border-variation": {
-        "border-color": {
-          "value": "#F6BDE1",
-          "type": "color"
-        },
-        "border-block-start-width": {
-          "value": "0.25rem",
-          "type": "borderWidth"
-        },
-        "border-inline-start-width": {
-          "value": "0.25rem",
-          "type": "borderWidth"
+      "divider": {
+        "size": {
+          "value": "24px",
+          "type": "sizing"
         },
-        "border-start-start-radius": {
-          "value": "3rem",
-          "type": "borderRadius"
+        "color": {
+          "value": "#334155",
+          "type": "color"
         },
-        "padding": {
-          "value": "2.5rem",
+        "inset-block-start": {
+          "value": 0,
           "type": "spacing"
         }
+      },
+      "margin-inline": {
+        "value": "0.5rem",
+        "type": "spacing"
+      },
+      "font-family": {
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies"
+      },
+      "font-weight": {
+        "value": 400,
+        "type": "fontWeights"
       }
     },
     "article": {
@@ -2914,7 +2958,7 @@
     "alert": {
       "heading": {
         "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         },
         "font-weight": {
@@ -3191,7 +3235,7 @@
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-size": {
@@ -3271,6 +3315,108 @@
     }
   },
   "rhc": {
+    "keep": {
+      "_comment": {
+        "value": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.",
+        "type": "other"
+      },
+      "top-left": {
+        "borderRadiusTopLeft": {
+          "value": "48px",
+          "type": "borderRadius"
+        },
+        "borderRadiusTopRight": {
+          "value": 0,
+          "type": "borderRadius"
+        },
+        "borderRadiusBottomRight": {
+          "value": 0,
+          "type": "borderRadius"
+        },
+        "borderRadiusBottomLeft": {
+          "value": 0,
+          "type": "borderRadius"
+        }
+      },
+      "top-right": {
+        "borderRadiusTopRight": {
+          "value": "48px",
+          "type": "borderRadius"
+        },
+        "borderRadiusTopLeft": {
+          "value": 0,
+          "type": "borderRadius"
+        },
+        "borderRadiusBottomRight": {
+          "value": 0,
+          "type": "borderRadius"
+        },
+        "borderRadiusBottomLeft": {
+          "value": 0,
+          "type": "borderRadius"
+        }
+      },
+      "bottom-right": {
+        "borderRadiusTopLeft": {
+          "value": 0,
+          "type": "borderRadius"
+        },
+        "borderRadiusTopRight": {
+          "value": 0,
+          "type": "borderRadius"
+        },
+        "borderRadiusBottomRight": {
+          "value": "48px",
+          "type": "borderRadius"
+        },
+        "borderRadiusBottomLeft": {
+          "value": 0,
+          "type": "borderRadius"
+        }
+      },
+      "bottom-left": {
+        "borderRadiusTopLeft": {
+          "value": 0,
+          "type": "borderRadius"
+        },
+        "borderRadiusTopRight": {
+          "value": 0,
+          "type": "borderRadius"
+        },
+        "borderRadiusBottomRight": {
+          "value": 0,
+          "type": "borderRadius"
+        },
+        "borderRadiusBottomLeft": {
+          "value": "48px",
+          "type": "borderRadius"
+        }
+      }
+    },
+    "rounded-corner": {
+      "xs": {
+        "border-radius": {
+          "value": "24px",
+          "type": "borderRadius"
+        }
+      },
+      "md": {
+        "border-radius": {
+          "value": "48px",
+          "type": "borderRadius"
+        }
+      },
+      "xl": {
+        "border-radius": {
+          "value": "96px",
+          "type": "borderRadius"
+        }
+      },
+      "border-width": {
+        "value": "2px",
+        "type": "borderWidth"
+      }
+    },
     "sub-nav-bar": {
       "background-color": {
         "value": "#f2f4f6",
@@ -3408,7 +3554,7 @@
           "type": "fontSizes"
         },
         "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         },
         "font-weight": {
@@ -3566,7 +3712,7 @@
         },
         "label": {
           "font-family": {
-            "value": "Fira Sans, Arial, Verdana, sans-serif",
+            "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
             "type": "font-family"
           },
           "font-size": {
@@ -3820,7 +3966,7 @@
         },
         "label": {
           "font-family": {
-            "value": "Fira Sans, Arial, Verdana, sans-serif",
+            "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
             "type": "font-family"
           },
           "font-size": {
@@ -3900,7 +4046,7 @@
         "type": "spacing"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "color": {
@@ -3973,7 +4119,7 @@
           "type": "fontSizes"
         },
         "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         }
       },
@@ -3991,7 +4137,7 @@
           "type": "fontSizes"
         },
         "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         }
       },
@@ -4485,7 +4631,7 @@
     "accordion": {
       "button": {
         "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         },
         "font-size": {
@@ -4562,80 +4708,6 @@
         "type": "color"
       }
     },
-    "keep": {
-      "top-left": {
-        "borderRadiusTopLeft": {
-          "value": "48px",
-          "type": "borderRadius"
-        },
-        "borderRadiusTopRight": {
-          "value": 0,
-          "type": "borderRadius"
-        },
-        "borderRadiusBottomRight": {
-          "value": 0,
-          "type": "borderRadius"
-        },
-        "borderRadiusBottomLeft": {
-          "value": 0,
-          "type": "borderRadius"
-        }
-      },
-      "top-right": {
-        "borderRadiusTopRight": {
-          "value": "48px",
-          "type": "borderRadius"
-        },
-        "borderRadiusTopLeft": {
-          "value": 0,
-          "type": "borderRadius"
-        },
-        "borderRadiusBottomRight": {
-          "value": 0,
-          "type": "borderRadius"
-        },
-        "borderRadiusBottomLeft": {
-          "value": 0,
-          "type": "borderRadius"
-        }
-      },
-      "bottom-right": {
-        "borderRadiusTopLeft": {
-          "value": 0,
-          "type": "borderRadius"
-        },
-        "borderRadiusTopRight": {
-          "value": 0,
-          "type": "borderRadius"
-        },
-        "borderRadiusBottomRight": {
-          "value": "48px",
-          "type": "borderRadius"
-        },
-        "borderRadiusBottomLeft": {
-          "value": 0,
-          "type": "borderRadius"
-        }
-      },
-      "bottom-left": {
-        "borderRadiusTopLeft": {
-          "value": 0,
-          "type": "borderRadius"
-        },
-        "borderRadiusTopRight": {
-          "value": 0,
-          "type": "borderRadius"
-        },
-        "borderRadiusBottomRight": {
-          "value": 0,
-          "type": "borderRadius"
-        },
-        "borderRadiusBottomLeft": {
-          "value": "48px",
-          "type": "borderRadius"
-        }
-      }
-    },
     "border-radius": {
       "sm": {
         "value": "2.5px",
@@ -4645,10 +4717,6 @@
         "value": "5px",
         "type": "borderRadius"
       },
-      "keep": {
-        "value": "48px",
-        "type": "borderRadius"
-      },
       "circle": {
         "parent": "core/default",
         "value": "999px",
@@ -4682,9 +4750,18 @@
           "value": "#01689b",
           "type": "color"
         },
-        "onEmphasis": {
+        "on-dark-color": {
           "value": "#fff",
           "type": "color"
+        },
+        "on-light-color": {
+          "value": "#000",
+          "type": "color"
+        },
+        "onEmphasis": {
+          "value": "#fff",
+          "type": "color",
+          "description": "Legacy token – wordt vervangen door rhc.color.foreground.on-dark-color"
         }
       },
       "border": {
@@ -5606,7 +5683,7 @@
     },
     "font-family": {
       "primary": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "secondary": {
@@ -5696,7 +5773,7 @@
         "type": "fontWeights"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-size": {
@@ -5816,7 +5893,7 @@
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-size": {
@@ -5951,7 +6028,7 @@
         "type": "other"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -5973,7 +6050,7 @@
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -6003,7 +6080,7 @@
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -6033,7 +6110,7 @@
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -6063,7 +6140,7 @@
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -6093,7 +6170,7 @@
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -6147,7 +6224,7 @@
         "type": "borderRadius"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "background-color": {