@rijkshuisstijl-community/design-tokens 4.0.1 → 5.0.0

package/src/generated/koop/tokens.json

@@ -1951,188 +1951,6 @@
         "value": "underline"
       }
     },
-    "link-list": {
-      "item": {
-        "text-decoration": {
-          "type": "textDecoration",
-          "value": "None"
-        },
-        "column-gap": {
-          "value": "0.5rem",
-          "type": "dimension"
-        }
-      },
-      "margin-block-end": {
-        "type": "dimension",
-        "value": "0rem",
-        "description": "[code-only]"
-      },
-      "margin-block-start": {
-        "type": "dimension",
-        "value": "0rem",
-        "description": "[code-only]"
-      },
-      "row-gap": {
-        "type": "dimension",
-        "value": "0.5rem"
-      },
-      "icon": {
-        "inset-block-start": {
-          "type": "dimension",
-          "value": "0.188rem"
-        },
-        "size": {
-          "type": "dimension",
-          "value": "24px"
-        }
-      },
-      "link": {
-        "column-gap": {
-          "type": "dimension",
-          "value": "0.5rem"
-        },
-        "text-decoration": {
-          "type": "textDecoration",
-          "value": "None"
-        }
-      },
-      "font-weight": {
-        "value": 400,
-        "type": "fontWeights"
-      }
-    },
-    "link": {
-      "font-family": {
-        "type": "fontFamilies",
-        "value": "RijksSans, Arial, Verdana, sans-serif"
-      },
-      "font-weight": {
-        "type": "fontWeights",
-        "value": 400
-      },
-      "line-height": {
-        "type": "lineHeights",
-        "value": "150%"
-      },
-      "font-size": {
-        "type": "fontSizes",
-        "value": "1.25rem"
-      },
-      "active": {
-        "text-decoration": {
-          "type": "textDecoration",
-          "value": "None"
-        },
-        "color": {
-          "type": "color",
-          "value": "#163f5b",
-          "$extensions": {
-            "studio.tokens": {
-              "modify": {
-                "type": "darken",
-                "value": "0.4",
-                "space": "lch"
-              }
-            }
-          }
-        }
-      },
-      "focus": {
-        "text-decoration": {
-          "value": "None",
-          "type": "textDecoration"
-        },
-        "text-decoration-thickness": {
-          "type": "other",
-          "value": "auto"
-        },
-        "background-color": {
-          "type": "color",
-          "value": "transparent"
-        },
-        "color": {
-          "type": "color",
-          "value": "#01689b"
-        }
-      },
-      "icon": {
-        "inset-block-start": {
-          "value": "0.25rem",
-          "type": "dimension"
-        },
-        "size": {
-          "type": "dimension",
-          "value": "24px"
-        }
-      },
-      "color": {
-        "type": "color",
-        "value": "#01689b"
-      },
-      "text-decoration-color": {
-        "value": "inherit",
-        "type": "color"
-      },
-      "column-gap": {
-        "type": "dimension",
-        "value": "0.25rem"
-      },
-      "text-decoration": {
-        "type": "textDecoration",
-        "value": "underline"
-      },
-      "text-decoration-thickness": {
-        "type": "other",
-        "value": "0.0625em",
-        "description": "[code-only]"
-      },
-      "text-underline-offset": {
-        "type": "other",
-        "value": "0.125rem",
-        "description": "[code-only]"
-      },
-      "hover": {
-        "color": {
-          "type": "color",
-          "value": "#15496a",
-          "$extensions": {
-            "studio.tokens": {
-              "modify": {
-                "type": "darken",
-                "value": "0.3",
-                "space": "lch"
-              }
-            }
-          }
-        },
-        "text-decoration": {
-          "type": "textDecoration",
-          "value": "underline"
-        },
-        "text-decoration-thickness": {
-          "type": "other",
-          "value": "0.1875em",
-          "description": "[code-only]"
-        }
-      },
-      "focus-visible": {
-        "text-decoration": {
-          "type": "textDecoration",
-          "value": "None"
-        },
-        "text-decoration-thickness": {
-          "type": "other",
-          "value": "0.0625em",
-          "description": "[code-only]"
-        }
-      },
-      "visited": {
-        "color": {
-          "type": "color",
-          "value": "#01689b"
-        }
-      }
-    },
     "data-badge": {
       "background-color": {
         "value": "#dce3ea",
@@ -2681,61 +2499,59 @@
       }
     },
     "breadcrumb-nav": {
-      "divider": {
-        "color": {
-          "type": "color",
-          "value": "#334155"
-        },
-        "inset-block-start": {
-          "type": "dimension",
-          "value": 0
-        },
-        "size": {
-          "type": "dimension",
-          "value": "24px"
-        }
+      "font-family": {
+        "type": "fontFamilies",
+        "value": "RijksSans, Arial, Verdana, sans-serif"
       },
-      "link": {
+      "font-size": {
+        "type": "fontSizes",
+        "value": "1.25rem"
+      },
+      "line-height": {
+        "type": "lineHeights",
+        "value": "150%"
+      },
+      "min-block-size": {
+        "type": "dimension",
+        "value": "48px"
+      },
+      "item": {
         "padding-block-end": {
           "type": "dimension",
-          "value": "0.75rem"
+          "value": "0.5rem"
         },
         "padding-block-start": {
           "type": "dimension",
-          "value": "0.75rem"
+          "value": "0.5rem"
         },
         "padding-inline-end": {
           "type": "dimension",
-          "value": "0rem"
+          "value": "0.5rem"
         },
         "padding-inline-start": {
           "type": "dimension",
-          "value": "0rem"
+          "value": "0.5rem"
         },
-        "current": {
-          "color": {
-            "type": "color",
-            "value": "#334155"
-          },
-          "font-weight": {
-            "type": "fontWeights",
-            "value": 400
+        "first": {
+          "padding-inline-start": {
+            "type": "dimension",
+            "value": "0rem"
           }
+        }
+      },
+      "separator": {
+        "color": {
+          "type": "color",
+          "value": "#334155"
         },
         "icon": {
-          "inset-block-start": {
-            "type": "dimension",
-            "value": 0
-          },
-          "margin-inline": {
-            "type": "dimension",
-            "value": "0.25rem"
-          },
           "size": {
             "type": "dimension",
             "value": "24px"
           }
-        },
+        }
+      },
+      "link": {
         "color": {
           "type": "color",
           "value": "#01689b"
@@ -2744,6 +2560,12 @@
           "type": "textDecoration",
           "value": "underline"
         },
+        "current": {
+          "font-weight": {
+            "type": "fontWeights",
+            "value": 400
+          }
+        },
         "active": {
           "color": {
             "type": "color",
@@ -2801,59 +2623,53 @@
               }
             }
           }
-        }
-      },
-      "font-family": {
-        "type": "fontFamilies",
-        "value": "RijksSans, Arial, Verdana, sans-serif"
-      },
-      "font-size": {
-        "type": "fontSizes",
-        "value": "1.25rem"
+        },
+        "icon": {
+          "size": {
+            "type": "dimension",
+            "value": "24px"
+          }
+        }
+      }
+    },
+    "link-list": {
+      "margin-block-end": {
+        "type": "dimension",
+        "value": "0rem",
+        "description": "[code-only]"
       },
-      "line-height": {
-        "type": "lineHeights",
-        "value": "150%"
+      "margin-block-start": {
+        "type": "dimension",
+        "value": "0rem",
+        "description": "[code-only]"
       },
-      "min-block-size": {
+      "row-gap": {
         "type": "dimension",
-        "value": "48px"
+        "value": "0.5rem"
       },
-      "item": {
-        "padding-block-end": {
-          "type": "dimension",
-          "value": "0.5rem"
-        },
-        "padding-block-start": {
+      "icon": {
+        "inset-block-start": {
           "type": "dimension",
-          "value": "0.5rem"
+          "value": "0.188rem"
         },
-        "padding-inline-end": {
+        "size": {
           "type": "dimension",
-          "value": "0.5rem"
-        },
-        "padding-inline-start": {
+          "value": "24px"
+        }
+      },
+      "link": {
+        "column-gap": {
           "type": "dimension",
           "value": "0.5rem"
         },
-        "first": {
-          "padding-inline-start": {
-            "type": "dimension",
-            "value": "0rem"
-          }
+        "text-decoration": {
+          "type": "textDecoration",
+          "value": "None"
         }
       },
-      "separator": {
-        "color": {
-          "type": "color",
-          "value": "#334155"
-        },
-        "icon": {
-          "size": {
-            "type": "dimension",
-            "value": "24px"
-          }
-        }
+      "font-weight": {
+        "value": 400,
+        "type": "fontWeights"
       }
     },
     "action": {
@@ -2895,28 +2711,6 @@
       }
     },
     "unordered-list": {
-      "color": {
-        "type": "color",
-        "value": "#0F172A"
-      },
-      "marker": {
-        "border-color": {
-          "type": "color",
-          "value": "#0F172A"
-        },
-        "color": {
-          "type": "color",
-          "value": "#0F172A"
-        }
-      },
-      "font-family": {
-        "value": "RijksSans, Arial, Verdana, sans-serif",
-        "type": "fontFamilies"
-      },
-      "font-weight": {
-        "value": 400,
-        "type": "fontWeights"
-      },
       "font-size": {
         "type": "fontSizes",
         "value": "1.25rem"
@@ -2952,25 +2746,15 @@
           "type": "dimension",
           "value": "0.5rem"
         }
+      },
+      "marker": {
+        "color": {
+          "type": "color",
+          "value": "#0F172A"
+        }
       }
     },
     "ordered-list": {
-      "color": {
-        "value": "#0F172A",
-        "type": "color"
-      },
-      "font-family": {
-        "value": "RijksSans, Arial, Verdana, sans-serif",
-        "type": "fontFamilies"
-      },
-      "font-weight": {
-        "value": 400,
-        "type": "fontWeights"
-      },
-      "margin-inline-start": {
-        "type": "dimension",
-        "value": "0.625rem"
-      },
       "font-size": {
         "type": "fontSizes",
         "value": "1.25rem"
@@ -2991,7 +2775,7 @@
       },
       "padding-inline-start": {
         "type": "dimension",
-        "value": "1.5rem"
+        "value": "2rem"
       },
       "item": {
         "margin-block-end": {
@@ -3302,278 +3086,118 @@
         "type": "fontSizes"
       }
     },
-    "paragraph": {
+    "link": {
       "color": {
         "type": "color",
-        "value": "#0F172A"
-      },
-      "font-family": {
-        "type": "fontFamilies",
-        "value": "RijksSans, Arial, Verdana, sans-serif"
-      },
-      "font-size": {
-        "type": "fontSizes",
-        "value": "1.25rem"
-      },
-      "font-weight": {
-        "type": "fontWeights",
-        "value": 400
-      },
-      "line-height": {
-        "type": "lineHeights",
-        "value": "150%"
-      },
-      "lead": {
-        "color": {
-          "type": "color",
-          "value": "#0F172A"
-        },
-        "font-size": {
-          "type": "fontSizes",
-          "value": "1.5rem"
-        },
-        "font-weight": {
-          "type": "fontWeights",
-          "value": 400
-        },
-        "line-height": {
-          "type": "lineHeights",
-          "value": "150%"
-        }
-      },
-      "small": {
-        "font-size": {
-          "type": "fontSizes",
-          "value": "1.5rem"
-        },
-        "color": {
-          "type": "color",
-          "value": "#0F172A"
-        },
-        "font-weight": {
-          "type": "fontWeights",
-          "value": 400
-        },
-        "line-height": {
-          "type": "lineHeights",
-          "value": "150%"
-        }
-      },
-      "margin-block-end": {
-        "type": "dimension",
-        "value": "0rem",
-        "description": "[code-only]"
+        "value": "#01689b"
       },
-      "margin-block-start": {
-        "type": "dimension",
-        "value": "0rem",
-        "description": "[code-only]"
-      }
-    },
-    "icon": {
-      "color": {
+      "text-decoration-color": {
         "value": "inherit",
         "type": "color"
       },
-      "size": {
-        "value": "24px",
-        "type": "sizing"
-      },
-      "inset-block-start": {
-        "value": "0rem",
-        "type": "spacing"
-      }
-    },
-    "heading-1": {
-      "color": {
-        "type": "color",
-        "value": "#154273"
-      },
-      "font-family": {
-        "type": "fontFamilies",
-        "value": "RijksSans, Arial, Verdana, sans-serif"
-      },
-      "font-size": {
-        "type": "fontSizes",
-        "value": "3.125rem"
-      },
-      "font-weight": {
-        "type": "fontWeights",
-        "value": 700
-      },
-      "line-height": {
-        "type": "lineHeights",
-        "value": "125%"
-      },
-      "margin-block-end": {
-        "type": "dimension",
-        "value": "0rem",
-        "description": "[code-only]"
-      },
-      "margin-block-start": {
-        "type": "dimension",
-        "value": "0rem",
-        "description": "[code-only]"
-      }
-    },
-    "heading-2": {
-      "color": {
-        "type": "color",
-        "value": "#154273"
-      },
-      "font-family": {
-        "type": "fontFamilies",
-        "value": "RijksSans, Arial, Verdana, sans-serif"
-      },
-      "font-size": {
-        "type": "fontSizes",
-        "value": "2.5rem"
-      },
-      "font-weight": {
-        "type": "fontWeights",
-        "value": 700
-      },
-      "line-height": {
-        "type": "lineHeights",
-        "value": "125%"
-      },
-      "margin-block-end": {
-        "type": "dimension",
-        "value": "0rem",
-        "description": "[code-only]"
-      },
-      "margin-block-start": {
-        "type": "dimension",
-        "value": "0rem",
-        "description": "[code-only]"
-      }
-    },
-    "heading-3": {
-      "color": {
-        "type": "color",
-        "value": "#154273"
-      },
-      "font-family": {
-        "type": "fontFamilies",
-        "value": "RijksSans, Arial, Verdana, sans-serif"
-      },
-      "font-size": {
-        "type": "fontSizes",
-        "value": "1.875rem"
-      },
-      "font-weight": {
-        "type": "fontWeights",
-        "value": 700
-      },
-      "line-height": {
-        "type": "lineHeights",
-        "value": "125%"
-      },
-      "margin-block-end": {
-        "type": "dimension",
-        "value": "0rem",
-        "description": "[code-only]"
-      },
-      "margin-block-start": {
+      "column-gap": {
         "type": "dimension",
-        "value": "0rem",
-        "description": "[code-only]"
-      }
-    },
-    "heading-4": {
-      "color": {
-        "type": "color",
-        "value": "#154273"
-      },
-      "font-family": {
-        "type": "fontFamilies",
-        "value": "RijksSans, Arial, Verdana, sans-serif"
-      },
-      "font-size": {
-        "type": "fontSizes",
-        "value": "1.5rem"
-      },
-      "font-weight": {
-        "type": "fontWeights",
-        "value": 700
+        "value": "0.25rem"
       },
-      "line-height": {
-        "type": "lineHeights",
-        "value": "150%"
+      "text-decoration": {
+        "type": "textDecoration",
+        "value": "underline"
       },
-      "margin-block-end": {
-        "type": "dimension",
-        "value": "0rem",
+      "text-decoration-thickness": {
+        "type": "other",
+        "value": "0.0625em",
         "description": "[code-only]"
       },
-      "margin-block-start": {
-        "type": "dimension",
-        "value": "0rem",
+      "text-underline-offset": {
+        "type": "other",
+        "value": "0.125rem",
         "description": "[code-only]"
-      }
-    },
-    "heading-5": {
-      "color": {
-        "type": "color",
-        "value": "#154273"
       },
-      "font-family": {
-        "type": "fontFamilies",
-        "value": "RijksSans, Arial, Verdana, sans-serif"
+      "icon": {
+        "size": {
+          "type": "dimension",
+          "value": "24px"
+        }
       },
-      "font-size": {
-        "type": "fontSizes",
-        "value": "1.25rem"
+      "active": {
+        "color": {
+          "type": "color",
+          "value": "#163f5b",
+          "$extensions": {
+            "studio.tokens": {
+              "modify": {
+                "type": "darken",
+                "value": "0.4",
+                "space": "lch"
+              }
+            }
+          }
+        }
       },
-      "font-weight": {
-        "type": "fontWeights",
-        "value": 700
+      "hover": {
+        "color": {
+          "type": "color",
+          "value": "#15496a",
+          "$extensions": {
+            "studio.tokens": {
+              "modify": {
+                "type": "darken",
+                "value": "0.3",
+                "space": "lch"
+              }
+            }
+          }
+        },
+        "text-decoration": {
+          "type": "textDecoration",
+          "value": "underline"
+        },
+        "text-decoration-thickness": {
+          "type": "other",
+          "value": "0.1875em",
+          "description": "[code-only]"
+        }
       },
-      "line-height": {
-        "type": "lineHeights",
-        "value": "150%"
+      "focus": {
+        "background-color": {
+          "type": "color",
+          "value": "transparent"
+        },
+        "color": {
+          "type": "color",
+          "value": "#01689b"
+        }
       },
-      "margin-block-end": {
-        "type": "dimension",
-        "value": "0rem",
-        "description": "[code-only]"
+      "focus-visible": {
+        "text-decoration": {
+          "type": "textDecoration",
+          "value": "None"
+        },
+        "text-decoration-thickness": {
+          "type": "other",
+          "value": "0.0625em",
+          "description": "[code-only]"
+        }
       },
-      "margin-block-start": {
-        "type": "dimension",
-        "value": "0rem",
-        "description": "[code-only]"
+      "visited": {
+        "color": {
+          "type": "color",
+          "value": "#01689b"
+        }
       }
     },
-    "heading-6": {
+    "icon": {
       "color": {
-        "type": "color",
-        "value": "#154273"
-      },
-      "font-family": {
-        "type": "fontFamilies",
-        "value": "RijksSans, Arial, Verdana, sans-serif"
-      },
-      "font-size": {
-        "type": "fontSizes",
-        "value": "1.25rem"
-      },
-      "font-weight": {
-        "type": "fontWeights",
-        "value": 700
-      },
-      "line-height": {
-        "type": "lineHeights",
-        "value": "150%"
+        "value": "inherit",
+        "type": "color"
       },
-      "margin-block-end": {
-        "type": "dimension",
-        "value": "0rem",
-        "description": "[code-only]"
+      "size": {
+        "value": "24px",
+        "type": "sizing"
       },
-      "margin-block-start": {
-        "type": "dimension",
+      "inset-block-start": {
         "value": "0rem",
-        "description": "[code-only]"
+        "type": "spacing"
       }
     },
     "form-fieldset": {
@@ -4192,68 +3816,16 @@
       }
     },
     "link": {
-      "column-gap": {
-        "type": "dimension",
-        "value": "0.25rem"
-      },
-      "font-family": {
-        "type": "fontFamilies",
-        "value": "RijksSans, Arial, Verdana, sans-serif"
-      },
-      "font-size": {
-        "type": "fontSizes",
-        "value": "1.25rem"
-      },
-      "font-weight": {
-        "type": "fontWeights",
-        "value": 400
-      },
-      "line-height": {
-        "type": "lineHeights",
-        "value": "150%"
-      },
-      "icon": {
-        "inset-block-start": {
-          "type": "dimension",
-          "value": "0.25rem"
-        },
-        "size": {
-          "type": "dimension",
-          "value": "24px"
-        }
-      },
       "active": {
-        "text-decoration": {
-          "type": "textDecoration",
-          "value": "None"
-        },
         "color": {
           "value": "#800080",
           "type": "color"
         }
       },
       "focus": {
-        "background-color": {
-          "type": "color",
-          "value": "transparent"
-        },
-        "color": {
-          "type": "color",
-          "value": "#01689b"
-        },
-        "text-decoration": {
-          "type": "textDecoration",
-          "value": "None"
-        },
         "text-decoration-thickness": {
-          "type": "other",
-          "value": "auto"
-        }
-      },
-      "visited": {
-        "color": {
-          "type": "color",
-          "value": "#01689b"
+          "value": "1px",
+          "type": "other"
         }
       },
       "hover": {
@@ -4278,6 +3850,12 @@
         "value": "1px",
         "type": "other"
       },
+      "visited": {
+        "color": {
+          "value": "#800080",
+          "type": "color"
+        }
+      },
       "color": {
         "type": "color",
         "value": "#01689b"
@@ -4311,34 +3889,6 @@
       }
     },
     "paragraph": {
-      "lead": {
-        "color": {
-          "value": "#0F172A",
-          "type": "color"
-        },
-        "font-size": {
-          "type": "fontSizes",
-          "value": "1.5rem"
-        },
-        "font-weight": {
-          "type": "fontWeights",
-          "value": 400
-        },
-        "line-height": {
-          "type": "lineHeights",
-          "value": "150%"
-        },
-        "margin-block-end": {
-          "type": "dimension",
-          "value": "0rem",
-          "description": "[code only]"
-        },
-        "margin-block-start": {
-          "type": "dimension",
-          "value": "0rem",
-          "description": "[code only]"
-        }
-      },
       "color": {
         "type": "color",
         "value": "#0F172A"
@@ -4368,6 +3918,30 @@
         "type": "dimension",
         "value": "0rem",
         "description": "[code only]"
+      },
+      "lead": {
+        "font-size": {
+          "type": "fontSizes",
+          "value": "1.5rem"
+        },
+        "font-weight": {
+          "type": "fontWeights",
+          "value": 400
+        },
+        "line-height": {
+          "type": "lineHeights",
+          "value": "150%"
+        },
+        "margin-block-end": {
+          "type": "dimension",
+          "value": "0rem",
+          "description": "[code only]"
+        },
+        "margin-block-start": {
+          "type": "dimension",
+          "value": "0rem",
+          "description": "[code only]"
+        }
       }
     },
     "heading": {
@@ -4724,12 +4298,6 @@
         }
       }
     },
-    "link-list": {
-      "text-decoration": {
-        "type": "textDecoration",
-        "value": "None"
-      }
-    },
     "data-badge-button": {
       "column-gap": {
         "value": "0.125rem",
@@ -4746,6 +4314,16 @@
         }
       }
     },
+    "breadcrumb-nav": {
+      "link": {
+        "current": {
+          "color": {
+            "type": "color",
+            "value": "#334155"
+          }
+        }
+      }
+    },
     "rounded-corner": {
       "xs": {
         "border-radius": {
@@ -4770,6 +4348,14 @@
         "type": "dimension"
       }
     },
+    "unordered-list": {
+      "nested": {
+        "margin-inline-start": {
+          "type": "dimension",
+          "value": "0rem"
+        }
+      }
+    },
     "font-family": {
       "primary": {
         "value": "RijksSans, Arial, Verdana, sans-serif",
@@ -5527,6 +5113,12 @@
         "type": "spacing"
       }
     },
+    "link": {
+      "column-gap": {
+        "value": "0.25rem",
+        "type": "dimension"
+      }
+    },
     "icon-only-button": {
       "padding-block-end": {
         "value": "0.75rem",
@@ -5950,10 +5542,6 @@
         "value": "1rem",
         "type": "spacing"
       },
-      "inline-size": {
-        "value": "328px",
-        "type": "sizing"
-      },
       "icon": {
         "color": {
           "value": "#154273",
@@ -7167,5 +6755,15 @@
         "type": "dimension"
       }
     }
+  },
+  "figma": {
+    "link": {
+      "icon": {
+        "size": {
+          "value": "1.25rem",
+          "type": "dimension"
+        }
+      }
+    }
   }
 }