@rijkshuisstijl-community/design-tokens 1.0.1 → 1.2.0

package/src/generated/wetgevend/tokens.json

@@ -602,6 +602,126 @@
         "type": "fontSizes"
       }
     },
+    "skip-link": {
+      "font-weight": {
+        "value": 700,
+        "type": "fontWeights"
+      },
+      "font-family": {
+        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies"
+      },
+      "font-size": {
+        "value": "1.25rem",
+        "type": "fontSizes"
+      },
+      "line-height": {
+        "value": "150%",
+        "type": "lineHeights"
+      },
+      "min-block-size": {
+        "value": "48px",
+        "type": "sizing"
+      },
+      "min-inline-size": {
+        "value": "48px",
+        "type": "sizing"
+      },
+      "padding-block-end": {
+        "value": "0.75rem",
+        "type": "spacing"
+      },
+      "padding-block-start": {
+        "value": "0.75rem",
+        "type": "spacing"
+      },
+      "padding-inline-end": {
+        "value": "1rem",
+        "type": "spacing"
+      },
+      "padding-inline-start": {
+        "value": "1rem",
+        "type": "spacing"
+      },
+      "focus": {
+        "background-color": {
+          "value": "#fff",
+          "type": "color"
+        },
+        "border-color": {
+          "value": "#154273",
+          "type": "color"
+        },
+        "border-style": {
+          "value": "solid",
+          "type": "borderStyle"
+        },
+        "border-width": {
+          "value": "2px",
+          "type": "borderWidth"
+        },
+        "color": {
+          "value": "#0F172A",
+          "type": "color"
+        },
+        "text-decoration": {
+          "value": "None",
+          "type": "textDecoration"
+        }
+      },
+      "focus-visible": {
+        "outline-color": {
+          "value": "#000",
+          "type": "color"
+        }
+      },
+      "background-color": {
+        "value": "#154273",
+        "type": "color"
+      },
+      "border-color": {
+        "value": "transparent",
+        "type": "color"
+      },
+      "color": {
+        "value": "#fff",
+        "type": "color"
+      },
+      "border-width": {
+        "value": "2px",
+        "type": "borderWidth"
+      },
+      "box-block-end-shadow": {
+        "offset-x": {
+          "value": 0,
+          "type": "other"
+        },
+        "offset-y": {
+          "value": "16px",
+          "type": "other"
+        },
+        "blur-radius": {
+          "value": "48px",
+          "type": "other"
+        },
+        "spread-radius": {
+          "value": 0,
+          "type": "other"
+        },
+        "color": {
+          "value": "#0000001a",
+          "type": "color"
+        }
+      },
+      "text-decoration": {
+        "value": "underline",
+        "type": "textDecoration"
+      },
+      "text-underline-offset": {
+        "value": "0.125rem",
+        "type": "other"
+      }
+    },
     "separator": {
       "color": {
         "value": "#CBD5E1",
@@ -944,6 +1064,54 @@
         "type": "borderWidth"
       }
     },
+    "paragraph": {
+      "color": {
+        "value": "#0F172A",
+        "type": "color"
+      },
+      "font-family": {
+        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies"
+      },
+      "font-size": {
+        "value": "1.25rem",
+        "type": "fontSizes"
+      },
+      "font-weight": {
+        "value": 400,
+        "type": "fontWeights"
+      },
+      "line-height": {
+        "value": "150%",
+        "type": "lineHeights"
+      },
+      "margin-block-end": {
+        "value": 0,
+        "type": "spacing"
+      },
+      "margin-block-start": {
+        "value": 0,
+        "type": "spacing"
+      },
+      "lead": {
+        "color": {
+          "value": "#0F172A",
+          "type": "color"
+        },
+        "font-size": {
+          "value": "1.5rem",
+          "type": "fontSizes"
+        },
+        "font-weight": {
+          "value": 400,
+          "type": "fontWeights"
+        },
+        "line-height": {
+          "value": "150%",
+          "type": "lineHeights"
+        }
+      }
+    },
     "ordered-list": {
       "padding-inline-start": {
         "value": "1.5rem",
@@ -1069,15 +1237,6 @@
       },
       "hover": {
         "color": {
-          "$extensions": {
-            "studio.tokens": {
-              "modify": {
-                "type": "darken",
-                "value": "0.3",
-                "space": "srgb"
-              }
-            }
-          },
           "value": "#01496c",
           "type": "color"
         },
@@ -1139,6 +1298,156 @@
         "type": "lineHeights"
       }
     },
+    "heading-1": {
+      "color": {
+        "value": "#154273",
+        "type": "color"
+      },
+      "font-family": {
+        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies"
+      },
+      "font-weight": {
+        "value": 700,
+        "type": "fontWeights"
+      },
+      "line-height": {
+        "value": "125%",
+        "type": "lineHeights"
+      },
+      "font-size": {
+        "value": "3.125rem",
+        "type": "fontSizes"
+      },
+      "margin-block-end": {
+        "value": 0,
+        "type": "spacing"
+      },
+      "margin-block-start": {
+        "value": 0,
+        "type": "spacing"
+      }
+    },
+    "heading-2": {
+      "color": {
+        "value": "#154273",
+        "type": "color"
+      },
+      "font-family": {
+        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies"
+      },
+      "font-weight": {
+        "value": 700,
+        "type": "fontWeights"
+      },
+      "line-height": {
+        "value": "125%",
+        "type": "lineHeights"
+      },
+      "font-size": {
+        "value": "2.5rem",
+        "type": "fontSizes"
+      },
+      "margin-block-end": {
+        "value": 0,
+        "type": "spacing"
+      },
+      "margin-block-start": {
+        "value": 0,
+        "type": "spacing"
+      }
+    },
+    "heading-3": {
+      "color": {
+        "value": "#154273",
+        "type": "color"
+      },
+      "font-family": {
+        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies"
+      },
+      "font-weight": {
+        "value": 700,
+        "type": "fontWeights"
+      },
+      "line-height": {
+        "value": "125%",
+        "type": "lineHeights"
+      },
+      "font-size": {
+        "value": "1.875rem",
+        "type": "fontSizes"
+      },
+      "margin-block-end": {
+        "value": 0,
+        "type": "spacing"
+      },
+      "margin-block-start": {
+        "value": 0,
+        "type": "spacing"
+      }
+    },
+    "heading-4": {
+      "color": {
+        "value": "#154273",
+        "type": "color"
+      },
+      "font-family": {
+        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies"
+      },
+      "font-weight": {
+        "value": 700,
+        "type": "fontWeights"
+      },
+      "line-height": {
+        "value": "125%",
+        "type": "lineHeights"
+      },
+      "font-size": {
+        "value": "1.5rem",
+        "type": "fontSizes"
+      },
+      "margin-block-end": {
+        "value": 0,
+        "type": "spacing"
+      },
+      "margin-block-start": {
+        "value": 0,
+        "type": "spacing"
+      }
+    },
+    "heading-5": {
+      "color": {
+        "value": "#154273",
+        "type": "color"
+      },
+      "font-family": {
+        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies"
+      },
+      "font-weight": {
+        "value": 700,
+        "type": "fontWeights"
+      },
+      "line-height": {
+        "value": "125%",
+        "type": "lineHeights"
+      },
+      "font-size": {
+        "value": "1.25rem",
+        "type": "fontSizes"
+      },
+      "margin-block-end": {
+        "value": 0,
+        "type": "spacing"
+      },
+      "margin-block-start": {
+        "value": 0,
+        "type": "spacing"
+      }
+    },
     "form-label": {
       "color": {
         "value": "#0F172A",
@@ -1414,6 +1723,60 @@
         }
       }
     },
+    "number-badge": {
+      "font-size": {
+        "value": "1.25rem",
+        "type": "fontSizes"
+      },
+      "line-height": {
+        "value": "150%",
+        "type": "lineHeights"
+      },
+      "min-block-size": {
+        "value": "24px",
+        "type": "sizing"
+      },
+      "min-inline-size": {
+        "value": "24px",
+        "type": "sizing"
+      },
+      "font-weight": {
+        "value": 700,
+        "type": "fontWeights"
+      },
+      "border-width": {
+        "value": "0px",
+        "type": "borderWidth"
+      },
+      "border-radius": {
+        "value": "999px",
+        "type": "borderRadius"
+      },
+      "font-family": {
+        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies"
+      },
+      "background-color": {
+        "value": "#154273",
+        "type": "color"
+      },
+      "border-color": {
+        "value": "transparent",
+        "type": "color"
+      },
+      "color": {
+        "value": "#fff",
+        "type": "color"
+      },
+      "padding-inline": {
+        "value": "0.5rem",
+        "type": "spacing"
+      },
+      "padding-block": {
+        "value": "0.5rem",
+        "type": "spacing"
+      }
+    },
     "checkbox": {
       "border-radius": {
         "value": "2.5px",
@@ -1712,15 +2075,15 @@
     },
     "button": {
       "background-color": {
-        "value": "transparent",
+        "value": "#0F172A",
         "type": "color"
       },
       "border-color": {
-        "value": "#334155",
+        "value": "transparent",
         "type": "color"
       },
       "color": {
-        "value": "#334155",
+        "value": "#fff",
         "type": "color"
       },
       "border-radius": {
@@ -1775,7 +2138,7 @@
       },
       "disabled": {
         "background-color": {
-          "value": "#F8FAFC",
+          "value": "#E2E8F0",
           "type": "color"
         },
         "border-color": {
@@ -1783,13 +2146,13 @@
           "type": "color"
         },
         "color": {
-          "value": "#64748B",
+          "value": "#94A3B8",
           "type": "color"
         }
       },
       "focus": {
         "background-color": {
-          "value": "#FDDE94",
+          "value": "#475569",
           "type": "color"
         },
         "border-color": {
@@ -1797,35 +2160,35 @@
           "type": "color"
         },
         "color": {
-          "value": "#1E293B",
+          "value": "#fff",
           "type": "color"
         }
       },
       "hover": {
         "background-color": {
-          "value": "#F8FAFC",
+          "value": "#475569",
           "type": "color"
         },
         "border-color": {
-          "value": "#1E293B",
+          "value": "transparent",
           "type": "color"
         },
         "color": {
-          "value": "#1E293B",
+          "value": "#fff",
           "type": "color"
         }
       },
       "active": {
         "background-color": {
-          "value": "#CBD5E1",
+          "value": "#1E293B",
           "type": "color"
         },
         "border-color": {
-          "value": "#0F172A",
+          "value": "transparent",
           "type": "color"
         },
         "color": {
-          "value": "#0F172A",
+          "value": "#fff",
           "type": "color"
         }
       },
@@ -1874,7 +2237,7 @@
             "type": "color"
           },
           "border-color": {
-            "value": "#95a9c0",
+            "value": "transparent",
             "type": "color"
           },
           "color": {
@@ -1884,7 +2247,7 @@
         },
         "focus": {
           "background-color": {
-            "value": "#154273",
+            "value": "#162f50",
             "type": "color"
           },
           "border-color": {
@@ -1930,20 +2293,43 @@
         "line-height": {
           "value": "1.875rem",
           "type": "lineHeights"
+        },
+        "pressed": {
+          "background-color": {
+            "value": "#162945",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "darken",
+                  "value": "0.4",
+                  "space": "lch"
+                }
+              }
+            }
+          },
+          "border-color": {
+            "value": "transparent",
+            "type": "color"
+          },
+          "color": {
+            "value": "#fff",
+            "type": "color"
+          }
         }
       },
       "secondary-action": {
         "hover": {
           "background-color": {
-            "value": "#b8c6d5",
+            "value": "#dce3ea",
             "type": "color"
           },
           "border-color": {
-            "value": "transparent",
+            "value": "#162f50",
             "type": "color"
           },
           "color": {
-            "value": "#154273",
+            "value": "#162f50",
             "type": "color"
           }
         },
@@ -1965,7 +2351,7 @@
             "type": "color"
           },
           "border-color": {
-            "value": "#738eab",
+            "value": "#95a9c0",
             "type": "color"
           },
           "color": {
@@ -1975,7 +2361,7 @@
         },
         "focus": {
           "background-color": {
-            "value": "#b8c6d5",
+            "value": "#dce3ea",
             "type": "color"
           },
           "border-color": {
@@ -1983,7 +2369,7 @@
             "type": "color"
           },
           "color": {
-            "value": "#154273",
+            "value": "#162f50",
             "type": "color"
           }
         },
@@ -1997,11 +2383,20 @@
             "type": "color"
           },
           "border-color": {
-            "value": "#154273",
-            "type": "color"
+            "value": "#162945",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "darken",
+                  "value": "0.4",
+                  "space": "lch"
+                }
+              }
+            }
           },
           "color": {
-            "value": "#154273",
+            "value": "#162f50",
             "type": "color"
           }
         },
@@ -2012,6 +2407,38 @@
         "line-height": {
           "value": "1.875rem",
           "type": "lineHeights"
+        },
+        "pressed": {
+          "background-color": {
+            "value": "#b8c6d5",
+            "type": "color"
+          },
+          "border-color": {
+            "value": "#162945",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "darken",
+                  "value": "0.4",
+                  "space": "lch"
+                }
+              }
+            }
+          },
+          "color": {
+            "value": "#162945",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "darken",
+                  "value": "0.4",
+                  "space": "lch"
+                }
+              }
+            }
+          }
         }
       },
       "subtle": {
@@ -2025,7 +2452,7 @@
         },
         "hover": {
           "background-color": {
-            "value": "transparent",
+            "value": "#dce3ea",
             "type": "color"
           },
           "border-color": {
@@ -2073,13 +2500,13 @@
             "type": "color"
           },
           "color": {
-            "value": "#154273",
+            "value": "#162f50",
             "type": "color"
           }
         },
         "active": {
           "background-color": {
-            "value": "transparent",
+            "value": "#95a9c0",
             "type": "color"
           },
           "border-color": {
@@ -2103,6 +2530,43 @@
         "line-height": {
           "value": "1.875rem",
           "type": "lineHeights"
+        },
+        "pressed": {
+          "background-color": {
+            "value": "#b8c6d5",
+            "type": "color"
+          },
+          "border-color": {
+            "value": "transparent",
+            "type": "color"
+          },
+          "color": {
+            "value": "#162945",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "darken",
+                  "value": "0.4",
+                  "space": "lch"
+                }
+              }
+            }
+          }
+        }
+      },
+      "pressed": {
+        "background-color": {
+          "value": "#1E293B",
+          "type": "color"
+        },
+        "border-color": {
+          "value": "transparent",
+          "type": "color"
+        },
+        "color": {
+          "value": "#fff",
+          "type": "color"
         }
       }
     },
@@ -3849,7 +4313,7 @@
       },
       "icon": {
         "color": {
-          "value": "#0F172A",
+          "value": "#154273",
           "type": "color"
         },
         "size": {
@@ -3887,7 +4351,7 @@
       },
       "metadata": {
         "color": {
-          "value": "#0F172A",
+          "value": "#334155",
           "type": "color"
         }
       },
@@ -3960,6 +4424,10 @@
         }
       },
       "heading": {
+        "color": {
+          "value": "#154273",
+          "type": "color"
+        },
         "padding-block-start": {
           "value": "0.5rem",
           "type": "spacing"
@@ -4210,15 +4678,13 @@
           "type": "color",
           "description": "Gebruik voor content die extra context biedt, maar niet essentieel is om de interface te begrijpen."
         },
-        "onEmphasis": {
-          "parent": "mode/light",
-          "value": "#fff",
-          "type": "color",
-          "description": "Tekst en iconen die op een sterke achtergrond staan. Zoals het label in de primaire button of links in de footer."
-        },
         "link": {
           "value": "#01689b",
           "type": "color"
+        },
+        "onEmphasis": {
+          "value": "#fff",
+          "type": "color"
         }
       },
       "border": {
@@ -4310,6 +4776,12 @@
           "type": "color"
         }
       },
+      "accent-2": {
+        "500": {
+          "value": "#f092cd",
+          "type": "color"
+        }
+      },
       "primary": {
         "50": {
           "value": "#dce3ea",
@@ -5386,6 +5858,115 @@
         }
       }
     },
+    "link": {
+      "color": {
+        "value": "#01689b",
+        "type": "color"
+      },
+      "text-decoration-color": {
+        "value": "#01689b",
+        "type": "color"
+      },
+      "active": {
+        "color": {
+          "value": "#42145f",
+          "type": "color"
+        },
+        "text-decoration": {
+          "value": "None",
+          "type": "textDecoration"
+        }
+      },
+      "focus": {
+        "background-color": {
+          "value": "transparent",
+          "type": "color"
+        },
+        "color": {
+          "value": "#01689b",
+          "type": "color"
+        },
+        "text-decoration": {
+          "value": "None",
+          "type": "textDecoration"
+        },
+        "text-decoration-thickness": {
+          "value": "auto",
+          "type": "other"
+        }
+      },
+      "hover": {
+        "color": {
+          "$extensions": {
+            "studio.tokens": {
+              "modify": {
+                "type": "darken",
+                "value": "0.3",
+                "space": "srgb"
+              }
+            }
+          },
+          "value": "#01496c",
+          "type": "color"
+        },
+        "text-decoration": {
+          "value": "None",
+          "type": "textDecoration"
+        },
+        "text-decoration-thickness": {
+          "value": "auto",
+          "type": "other"
+        }
+      },
+      "visited": {
+        "color": {
+          "value": "#42145f",
+          "type": "color"
+        }
+      },
+      "text-decoration": {
+        "value": "underline",
+        "type": "textDecoration"
+      },
+      "icon": {
+        "inset-block-start": {
+          "value": "0.25rem",
+          "type": "spacing"
+        },
+        "size": {
+          "value": "24px",
+          "type": "sizing"
+        }
+      },
+      "column-gap": {
+        "value": "0.25rem",
+        "type": "spacing"
+      },
+      "text-decoration-thickness": {
+        "value": "auto",
+        "type": "other"
+      },
+      "text-underline-offset": {
+        "value": "0.125rem",
+        "type": "other"
+      },
+      "font-family": {
+        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies"
+      },
+      "font-weight": {
+        "value": 400,
+        "type": "fontWeights"
+      },
+      "font-size": {
+        "value": "1.25rem",
+        "type": "fontSizes"
+      },
+      "line-height": {
+        "value": "150%",
+        "type": "lineHeights"
+      }
+    },
     "heading-level-1": {
       "color": {
         "value": "#154273",