@rijkshuisstijl-community/design-tokens 5.0.0 → 7.0.0

package/src/generated/koop/tokens.json

@@ -1120,60 +1120,6 @@
         }
       }
     },
-    "number-badge": {
-      "line-height": {
-        "type": "lineHeights",
-        "value": "125%"
-      },
-      "background-color": {
-        "type": "color",
-        "value": "#154273"
-      },
-      "border-color": {
-        "type": "color",
-        "value": "transparent"
-      },
-      "border-radius": {
-        "type": "dimension",
-        "value": "999px"
-      },
-      "border-width": {
-        "type": "dimension",
-        "value": "0px"
-      },
-      "color": {
-        "type": "color",
-        "value": "#fff"
-      },
-      "font-family": {
-        "type": "fontFamilies",
-        "value": "RijksSans, Arial, Verdana, sans-serif"
-      },
-      "font-size": {
-        "type": "fontSizes",
-        "value": "1.25rem"
-      },
-      "font-weight": {
-        "type": "fontWeights",
-        "value": 700
-      },
-      "min-block-size": {
-        "type": "dimension",
-        "value": "24px"
-      },
-      "min-inline-size": {
-        "type": "dimension",
-        "value": "24px"
-      },
-      "padding-block": {
-        "type": "dimension",
-        "value": "0.125rem"
-      },
-      "padding-inline": {
-        "type": "dimension",
-        "value": "0.5rem"
-      }
-    },
     "figure": {
       "caption": {
         "border-color": {
@@ -1228,6 +1174,56 @@
         }
       }
     },
+    "number-badge": {
+      "background-color": {
+        "type": "color",
+        "value": "#154273"
+      },
+      "border-color": {
+        "type": "color",
+        "value": "transparent"
+      },
+      "border-radius": {
+        "type": "dimension",
+        "value": "999px"
+      },
+      "border-width": {
+        "type": "dimension",
+        "value": "0px"
+      },
+      "color": {
+        "type": "color",
+        "value": "#fff"
+      },
+      "font-family": {
+        "type": "fontFamilies",
+        "value": "RijksSans, Arial, Verdana, sans-serif"
+      },
+      "font-size": {
+        "type": "fontSizes",
+        "value": "1.25rem"
+      },
+      "font-weight": {
+        "type": "fontWeights",
+        "value": 700
+      },
+      "min-block-size": {
+        "type": "dimension",
+        "value": "24px"
+      },
+      "min-inline-size": {
+        "type": "dimension",
+        "value": "24px"
+      },
+      "padding-block": {
+        "type": "dimension",
+        "value": "0.125rem"
+      },
+      "padding-inline": {
+        "type": "dimension",
+        "value": "0.5rem"
+      }
+    },
     "blockquote": {
       "border-block-end-width": {
         "type": "dimension",
@@ -1465,38 +1461,6 @@
       }
     },
     "alert": {
-      "heading": {
-        "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%"
-        }
-      },
-      "message": {
-        "column-gap": {
-          "type": "dimension",
-          "value": "0.5rem"
-        },
-        "line-height": {
-          "type": "lineHeights",
-          "value": "150%"
-        },
-        "row-gap": {
-          "type": "dimension",
-          "value": "0rem"
-        }
-      },
       "background-color": {
         "type": "color",
         "value": "#d9ebf7"
@@ -1581,6 +1545,12 @@
           "value": "#000"
         }
       },
+      "message": {
+        "row-gap": {
+          "type": "dimension",
+          "value": "0rem"
+        }
+      },
       "ok": {
         "background-color": {
           "type": "color",
@@ -1649,39 +1619,46 @@
       }
     },
     "accordion": {
-      "button": {
-        "active": {
-          "row-gap": {
-            "type": "dimension",
-            "value": 0
-          },
-          "background-color": {
-            "type": "color",
-            "value": "#F1F5F9"
-          },
-          "border-color": {
-            "type": "color",
-            "value": "transparent"
-          },
-          "color": {
-            "type": "color",
-            "value": "#0F172A"
-          }
+      "margin-block-end": {
+        "description": "[code-only]",
+        "type": "dimension",
+        "value": "0rem"
+      },
+      "margin-block-start": {
+        "type": "dimension",
+        "value": "0rem"
+      },
+      "row-gap": {
+        "type": "dimension",
+        "value": "0rem"
+      },
+      "panel": {
+        "border-color": {
+          "type": "color",
+          "value": "transparent"
         },
-        "focus": {
-          "background-color": {
-            "type": "color",
-            "value": "#dce3ea"
-          },
-          "border-color": {
-            "type": "color",
-            "value": "#154273"
-          },
-          "color": {
-            "type": "color",
-            "value": "#0F172A"
-          }
+        "border-width": {
+          "type": "dimension",
+          "value": "1px"
+        },
+        "padding-block-end": {
+          "type": "dimension",
+          "value": "1.5rem"
+        },
+        "padding-block-start": {
+          "type": "dimension",
+          "value": "1rem"
+        },
+        "padding-inline-end": {
+          "type": "dimension",
+          "value": "1rem"
         },
+        "padding-inline-start": {
+          "type": "dimension",
+          "value": "1rem"
+        }
+      },
+      "button": {
         "background-color": {
           "type": "color",
           "value": "#fff"
@@ -1728,6 +1705,20 @@
             "value": "24px"
           }
         },
+        "active": {
+          "background-color": {
+            "type": "color",
+            "value": "#F1F5F9"
+          },
+          "border-color": {
+            "type": "color",
+            "value": "transparent"
+          },
+          "color": {
+            "type": "color",
+            "value": "#0F172A"
+          }
+        },
         "hover": {
           "background-color": {
             "type": "color",
@@ -1761,45 +1752,6 @@
           }
         }
       },
-      "margin-block-end": {
-        "description": "[code-only]",
-        "type": "dimension",
-        "value": "0rem"
-      },
-      "margin-block-start": {
-        "type": "dimension",
-        "value": "0rem"
-      },
-      "row-gap": {
-        "type": "dimension",
-        "value": "0rem"
-      },
-      "panel": {
-        "border-color": {
-          "type": "color",
-          "value": "transparent"
-        },
-        "border-width": {
-          "type": "dimension",
-          "value": "1px"
-        },
-        "padding-block-end": {
-          "type": "dimension",
-          "value": "1.5rem"
-        },
-        "padding-block-start": {
-          "type": "dimension",
-          "value": "1rem"
-        },
-        "padding-inline-end": {
-          "type": "dimension",
-          "value": "1rem"
-        },
-        "padding-inline-start": {
-          "type": "dimension",
-          "value": "1rem"
-        }
-      },
       "section": {
         "border-color": {
           "type": "color",
@@ -1827,130 +1779,6 @@
         }
       }
     },
-    "skip-link": {
-      "focus": {
-        "text-decoration": {
-          "type": "textDecoration",
-          "value": "None"
-        },
-        "border-color": {
-          "type": "color",
-          "value": "#154273"
-        },
-        "border-width": {
-          "type": "dimension",
-          "value": "2px"
-        },
-        "border-style": {
-          "type": "other",
-          "value": "solid"
-        },
-        "background-color": {
-          "type": "color",
-          "value": "#fff"
-        },
-        "color": {
-          "type": "color",
-          "value": "#01689b"
-        }
-      },
-      "border-color": {
-        "type": "color",
-        "value": "transparent"
-      },
-      "box-block-end-shadow": {
-        "color": {
-          "type": "color",
-          "value": "#0000001a"
-        },
-        "blur-radius": {
-          "type": "other",
-          "value": "48px"
-        },
-        "offset-x": {
-          "type": "other",
-          "value": 0
-        },
-        "offset-y": {
-          "type": "other",
-          "value": "16px"
-        },
-        "spread-radius": {
-          "type": "other",
-          "value": 0
-        }
-      },
-      "focus-visible": {
-        "outline-color": {
-          "type": "color",
-          "value": "#000"
-        },
-        "text-decoration": {
-          "type": "textDecoration",
-          "value": "underline"
-        }
-      },
-      "font-family": {
-        "type": "fontFamilies",
-        "value": "RijksSans, Arial, Verdana, sans-serif"
-      },
-      "font-weight": {
-        "type": "fontWeights",
-        "value": 700
-      },
-      "line-height": {
-        "type": "lineHeights",
-        "value": "150%"
-      },
-      "border-width": {
-        "type": "dimension",
-        "value": "2px"
-      },
-      "text-underline-offset": {
-        "type": "other",
-        "value": "0.125rem"
-      },
-      "font-size": {
-        "type": "fontSizes",
-        "value": "1.25rem"
-      },
-      "background-color": {
-        "type": "color",
-        "value": "#fff"
-      },
-      "color": {
-        "type": "color",
-        "value": "#01689b"
-      },
-      "min-block-size": {
-        "type": "dimension",
-        "value": "48px"
-      },
-      "min-inline-size": {
-        "type": "dimension",
-        "value": "48px"
-      },
-      "padding-block-end": {
-        "type": "dimension",
-        "value": "0.75rem"
-      },
-      "padding-block-start": {
-        "type": "dimension",
-        "value": "0.75rem"
-      },
-      "padding-inline-end": {
-        "type": "dimension",
-        "value": "1rem"
-      },
-      "padding-inline-start": {
-        "type": "dimension",
-        "value": "1rem"
-      },
-      "text-decoration": {
-        "type": "textDecoration",
-        "value": "underline"
-      }
-    },
     "data-badge": {
       "background-color": {
         "value": "#dce3ea",
@@ -2476,26 +2304,6 @@
         "type": "dimension",
         "value": "0rem",
         "description": "[code-only]"
-      },
-      "background-color": {
-        "type": "color",
-        "value": "transparent"
-      },
-      "column-gap": {
-        "type": "dimension",
-        "value": "0.5rem"
-      },
-      "padding-block-end": {
-        "type": "dimension",
-        "value": "0px"
-      },
-      "padding-block-start": {
-        "type": "dimension",
-        "value": "0px"
-      },
-      "row-gap": {
-        "type": "dimension",
-        "value": "0.5rem"
       }
     },
     "breadcrumb-nav": {
@@ -2792,6 +2600,28 @@
         }
       }
     },
+    "action-group": {
+      "background-color": {
+        "type": "color",
+        "value": "transparent"
+      },
+      "column-gap": {
+        "type": "dimension",
+        "value": "0.5rem"
+      },
+      "padding-block-end": {
+        "type": "dimension",
+        "value": "0rem"
+      },
+      "padding-block-start": {
+        "type": "dimension",
+        "value": "0rem"
+      },
+      "row-gap": {
+        "type": "dimension",
+        "value": "0.5rem"
+      }
+    },
     "page-footer": {
       "background-color": {
         "value": "#154273",
@@ -3257,6 +3087,78 @@
         }
       }
     },
+    "drawer": {
+      "max-inline-size": {
+        "value": "256px",
+        "type": "spacing"
+      },
+      "z-index": {
+        "type": "dimension",
+        "value": 1
+      },
+      "background-color": {
+        "value": "#fff",
+        "type": "color"
+      },
+      "border-color": {
+        "value": "#64748B",
+        "type": "color"
+      },
+      "border-width": {
+        "type": "dimension",
+        "value": "0px"
+      },
+      "color": {
+        "value": "#0F172A",
+        "type": "color"
+      },
+      "max-block-size": {
+        "value": "240px",
+        "type": "dimension"
+      },
+      "padding-block-start": {
+        "value": "1rem",
+        "type": "spacing"
+      },
+      "padding-block-end": {
+        "value": "1rem",
+        "type": "spacing"
+      },
+      "padding-inline-start": {
+        "value": "1rem",
+        "type": "spacing"
+      },
+      "padding-inline-end": {
+        "value": "1rem",
+        "type": "spacing"
+      }
+    },
+    "backdrop": {
+      "background-color": {
+        "value": "#0000004d",
+        "type": "color"
+      },
+      "color": {
+        "value": "#0F172A",
+        "type": "color"
+      },
+      "opacity": {
+        "value": 0.8,
+        "type": "opacity"
+      },
+      "fade-in": {
+        "animation-duration": {
+          "value": "400ms",
+          "type": "other"
+        }
+      },
+      "reduced-transparency": {
+        "opacity": {
+          "value": 0.98,
+          "type": "opacity"
+        }
+      }
+    },
     "article": {
       "max-inline-size": {
         "value": "75ch",
@@ -3601,11 +3503,11 @@
         },
         "font-weight": {
           "type": "fontWeights",
-          "value": 400
+          "value": 700
         },
         "line-height": {
           "type": "lineHeights",
-          "value": "150%"
+          "value": "1.875rem"
         }
       }
     },
@@ -3614,24 +3516,14 @@
         "hover": {
           "text-decoration": {
             "value": "underline",
-            "type": "textDecoration"
-          }
-        }
-      }
-    },
-    "skip-link": {
-      "font-weight": {
-        "type": "fontWeights",
-        "value": 700
+            "type": "textDecoration"
+          }
+        }
       }
     }
   },
   "nl": {
     "number-badge": {
-      "line-height": {
-        "type": "lineHeights",
-        "value": "125%"
-      },
       "background-color": {
         "type": "color",
         "value": "#154273"
@@ -3681,140 +3573,6 @@
         "value": "0.5rem"
       }
     },
-    "skip-link": {
-      "border-color": {
-        "type": "color",
-        "value": "transparent"
-      },
-      "border-width": {
-        "type": "dimension",
-        "value": "2px"
-      },
-      "font-family": {
-        "type": "fontFamilies",
-        "value": "RijksSans, Arial, Verdana, sans-serif"
-      },
-      "font-weight": {
-        "type": "fontWeights",
-        "value": 700
-      },
-      "padding-block-end": {
-        "type": "dimension",
-        "value": "0.75rem"
-      },
-      "padding-block-start": {
-        "type": "dimension",
-        "value": "0.75rem"
-      },
-      "padding-inline-end": {
-        "type": "dimension",
-        "value": "1rem"
-      },
-      "padding-inline-start": {
-        "type": "dimension",
-        "value": "1rem"
-      },
-      "box-block-end-shadow": {
-        "blur-radius": {
-          "type": "other",
-          "value": "48px"
-        },
-        "color": {
-          "type": "color",
-          "value": "#0000001a"
-        },
-        "offset-x": {
-          "type": "other",
-          "value": 0
-        },
-        "offset-y": {
-          "type": "other",
-          "value": "16px"
-        },
-        "spread-radius": {
-          "type": "other",
-          "value": 0
-        }
-      },
-      "focus": {
-        "background-color": {
-          "type": "color",
-          "value": "#fff"
-        },
-        "border-color": {
-          "type": "color",
-          "value": "#154273"
-        },
-        "border-style": {
-          "type": "other",
-          "value": "solid"
-        },
-        "border-width": {
-          "type": "dimension",
-          "value": "2px"
-        },
-        "color": {
-          "type": "color",
-          "value": "#0F172A"
-        },
-        "text-decoration": {
-          "type": "textDecoration",
-          "value": "None"
-        }
-      },
-      "focus-visible": {
-        "outline-color": {
-          "type": "color",
-          "value": "#000"
-        }
-      },
-      "text-decoration": {
-        "type": "textDecoration",
-        "value": "underline"
-      },
-      "background-color": {
-        "type": "color",
-        "value": "#fff"
-      },
-      "color": {
-        "type": "color",
-        "value": "#01689b"
-      },
-      "padding-block": {
-        "value": "0.75rem",
-        "type": "dimension"
-      },
-      "padding-inline": {
-        "value": "1rem",
-        "type": "dimension"
-      },
-      "min-block-size": {
-        "type": "dimension",
-        "value": "48px"
-      },
-      "min-inline-size": {
-        "type": "dimension",
-        "value": "48px"
-      },
-      "text-decoration-thickness": {
-        "value": "0.0625em",
-        "type": "other",
-        "description": "[code-only]"
-      },
-      "text-underline-offset": {
-        "type": "other",
-        "value": "0.125rem",
-        "description": "[code-only]"
-      },
-      "line-height": {
-        "value": "150%",
-        "type": "lineHeights"
-      },
-      "font-size": {
-        "value": "1.25rem",
-        "type": "fontSizes"
-      }
-    },
     "link": {
       "active": {
         "color": {
@@ -3888,6 +3646,50 @@
         }
       }
     },
+    "skip-link": {
+      "background-color": {
+        "type": "color",
+        "value": "#fff"
+      },
+      "color": {
+        "type": "color",
+        "value": "#01689b"
+      },
+      "padding-block": {
+        "value": "0.75rem",
+        "type": "dimension"
+      },
+      "padding-inline": {
+        "value": "1rem",
+        "type": "dimension"
+      },
+      "min-block-size": {
+        "type": "dimension",
+        "value": "48px"
+      },
+      "min-inline-size": {
+        "type": "dimension",
+        "value": "48px"
+      },
+      "text-decoration-thickness": {
+        "value": "0.0625em",
+        "type": "other",
+        "description": "[code-only]"
+      },
+      "text-underline-offset": {
+        "type": "other",
+        "value": "0.125rem",
+        "description": "[code-only]"
+      },
+      "line-height": {
+        "value": "150%",
+        "type": "lineHeights"
+      },
+      "font-size": {
+        "value": "1.25rem",
+        "type": "fontSizes"
+      }
+    },
     "paragraph": {
       "color": {
         "type": "color",
@@ -4218,86 +4020,6 @@
         }
       }
     },
-    "accordion": {
-      "border-radius": {
-        "type": "dimension",
-        "value": "0px"
-      },
-      "color": {
-        "type": "color",
-        "value": "#0F172A"
-      },
-      "header": {
-        "margin": {
-          "type": "dimension",
-          "value": 0
-        }
-      },
-      "section": {
-        "border-block-end-width": {
-          "type": "dimension",
-          "value": "1px"
-        },
-        "border-color": {
-          "type": "color",
-          "value": "#94A3B8"
-        },
-        "border-width": {
-          "type": "dimension",
-          "value": "1px"
-        }
-      },
-      "button": {
-        "padding-block-end": {
-          "type": "dimension",
-          "value": "0.75rem"
-        },
-        "padding-block-start": {
-          "type": "dimension",
-          "value": "0.75rem"
-        },
-        "padding-inline-end": {
-          "type": "dimension",
-          "value": "1rem"
-        },
-        "padding-inline-start": {
-          "type": "dimension",
-          "value": "1rem"
-        },
-        "expanded": {
-          "background-color": {
-            "type": "color",
-            "value": "#fff"
-          },
-          "color": {
-            "type": "color",
-            "value": "#0F172A"
-          }
-        },
-        "icon": {
-          "margin-block": {
-            "type": "dimension",
-            "value": "0.25rem"
-          }
-        },
-        "font-family": {
-          "type": "fontFamilies",
-          "value": "RijksSans, Arial, Verdana, sans-serif"
-        },
-        "font-weight": {
-          "type": "fontWeights",
-          "value": 400
-        },
-        "font-size": {
-          "type": "fontSizes",
-          "value": "1.25rem"
-        },
-        "line-height": {
-          "value": "150%",
-          "type": "lineHeights"
-        }
-      }
-    },
     "data-badge-button": {
       "column-gap": {
         "value": "0.125rem",
@@ -5764,6 +5486,10 @@
           "type": "color"
         }
       },
+      "backdrop": {
+        "value": "#0000004d",
+        "type": "color"
+      },
       "border": {
         "default": {
           "parent": "mode/light",
@@ -6478,6 +6204,12 @@
         "value": "#000",
         "type": "color"
       },
+      "transparent": {
+        "30": {
+          "value": "#0000004d",
+          "type": "color"
+        }
+      },
       "none": {
         "value": "transparent",
         "type": "color"