@rijkshuisstijl-community/design-tokens 1.2.0 → 2.0.0

package/src/generated/base.tokens.json

@@ -1,5 +1,23 @@
 {
   "utrecht": {
+    "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"
+      }
+    },
     "unordered-list": {
       "padding-inline-start": {
         "value": "1.5rem",
@@ -18,7 +36,7 @@
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -64,7 +82,7 @@
         "type": "borderRadius"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-size": {
@@ -342,7 +360,7 @@
         "type": "borderWidth"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -369,7 +387,7 @@
           "type": "color"
         },
         "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         },
         "font-weight": {
@@ -395,7 +413,7 @@
           "type": "color"
         },
         "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         },
         "font-weight": {
@@ -435,7 +453,7 @@
           "type": "color"
         },
         "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         },
         "font-weight": {
@@ -507,7 +525,7 @@
           "type": "color"
         },
         "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         },
         "line-height": {
@@ -572,7 +590,7 @@
         "type": "fontWeights"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-size": {
@@ -824,7 +842,7 @@
         "type": "borderWidth"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -1034,7 +1052,7 @@
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -1056,7 +1074,7 @@
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-size": {
@@ -1134,7 +1152,7 @@
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -1268,7 +1286,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 +1322,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 +1352,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 +1382,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 +1412,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 +1442,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 +1486,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 +1518,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 +1544,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 +1691,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 +1771,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 +2123,7 @@
         }
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-size": {
@@ -2687,7 +2705,7 @@
         "type": "spacing"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -2696,13 +2714,79 @@
       }
     },
     "blockquote": {
-      "caption": {
+      "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": "#154273",
+        "type": "color"
+      },
+      "font-size": {
+        "value": "1.25rem",
+        "type": "fontSizes"
+      },
+      "font-family": {
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies"
+      },
+      "padding-block-end": {
+        "value": "2rem",
+        "type": "dimension"
+      },
+      "padding-block-start": {
+        "value": "2rem",
+        "type": "dimension"
+      },
+      "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": "Fira Sans, Arial, Verdana, sans-serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         },
         "line-height": {
@@ -2712,19 +2796,15 @@
         "font-weight": {
           "value": 400,
           "type": "fontWeights"
-        },
-        "padding-block-start": {
-          "value": "0.75rem",
-          "type": "spacing"
-        },
-        "color": {
-          "value": "#334155",
-          "type": "color"
         }
       },
-      "content": {
+      "caption": {
+        "font-size": {
+          "value": "1.25rem",
+          "type": "fontSizes"
+        },
         "font-family": {
-          "value": "RijksoverheidSerifWeb, 'Times New Roman', serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         },
         "line-height": {
@@ -2735,12 +2815,12 @@
           "value": 400,
           "type": "fontWeights"
         },
-        "font-size": {
-          "value": "1.5rem",
-          "type": "fontSizes"
+        "padding-block-start": {
+          "value": "0.75rem",
+          "type": "spacing"
         },
         "color": {
-          "value": "#0F172A",
+          "value": "#154273",
           "type": "color"
         }
       },
@@ -2760,34 +2840,6 @@
         "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"
@@ -2796,10 +2848,6 @@
         "value": 0,
         "type": "borderWidth"
       },
-      "border-inline-start-width": {
-        "value": 0,
-        "type": "borderWidth"
-      },
       "border-inline-end-width": {
         "value": 0,
         "type": "borderWidth"
@@ -2820,10 +2868,6 @@
         "value": 0,
         "type": "borderRadius"
       },
-      "border-width": {
-        "value": "2px",
-        "type": "borderWidth"
-      },
       "blue-corner-border-variation": {
         "border-color": {
           "value": "#154273",
@@ -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": {
@@ -3408,7 +3452,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 +3610,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 +3864,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 +3944,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 +4017,7 @@
           "type": "fontSizes"
         },
         "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         }
       },
@@ -3991,7 +4035,7 @@
           "type": "fontSizes"
         },
         "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         }
       },
@@ -4482,10 +4526,88 @@
         }
       }
     },
+    "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"
+        }
+      }
+    },
     "accordion": {
       "button": {
         "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         },
         "font-size": {
@@ -4562,78 +4684,28 @@
         "type": "color"
       }
     },
-    "keep": {
-      "top-left": {
-        "borderRadiusTopLeft": {
-          "value": "48px",
-          "type": "borderRadius"
-        },
-        "borderRadiusTopRight": {
-          "value": 0,
-          "type": "borderRadius"
-        },
-        "borderRadiusBottomRight": {
-          "value": 0,
-          "type": "borderRadius"
-        },
-        "borderRadiusBottomLeft": {
-          "value": 0,
+    "rounded-corner": {
+      "xs": {
+        "border-radius": {
+          "value": "24px",
           "type": "borderRadius"
         }
       },
-      "top-right": {
-        "borderRadiusTopRight": {
+      "md": {
+        "border-radius": {
           "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,
+      "xl": {
+        "border-radius": {
+          "value": "96px",
           "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-width": {
+        "value": "2px",
+        "type": "borderWidth"
       }
     },
     "border-radius": {
@@ -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": {