@rijkshuisstijl-community/design-tokens 5.0.0 → 7.0.0

package/src/generated/uitvoerend-oranje/tokens.json

@@ -1120,60 +1120,6 @@
         }
       }
     },
-    "number-badge": {
-      "line-height": {
-        "type": "lineHeights",
-        "value": "125%"
-      },
-      "background-color": {
-        "type": "color",
-        "value": "#e17000"
-      },
-      "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": "'Fira Sans', 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": "#e17000"
+      },
+      "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": "'Fira Sans', 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",
@@ -1462,220 +1458,9 @@
           "value": "1.25rem",
           "type": "fontSizes"
         }
-      }
-    },
-    "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"
-          }
-        },
-        "focus": {
-          "background-color": {
-            "type": "color",
-            "value": "#fbead9"
-          },
-          "border-color": {
-            "type": "color",
-            "value": "#e17000"
-          },
-          "color": {
-            "type": "color",
-            "value": "#0F172A"
-          }
-        },
-        "background-color": {
-          "type": "color",
-          "value": "#fff"
-        },
-        "border-color": {
-          "type": "color",
-          "value": "transparent"
-        },
-        "border-radius": {
-          "type": "dimension",
-          "value": "0px"
-        },
-        "border-width": {
-          "type": "dimension",
-          "value": "1px"
-        },
-        "color": {
-          "type": "color",
-          "value": "#0F172A"
-        },
-        "gap": {
-          "type": "dimension",
-          "value": "0.5rem"
-        },
-        "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"
-        },
-        "icon": {
-          "size": {
-            "type": "dimension",
-            "value": "24px"
-          }
-        },
-        "hover": {
-          "background-color": {
-            "type": "color",
-            "value": "#F8FAFC"
-          },
-          "border-color": {
-            "type": "color",
-            "value": "transparent"
-          },
-          "color": {
-            "type": "color",
-            "value": "#0F172A"
-          }
-        },
-        "focus-visible": {
-          "background-color": {
-            "type": "color",
-            "value": "#fbead9"
-          },
-          "border-color": {
-            "type": "color",
-            "value": "transparent"
-          },
-          "border-width": {
-            "type": "dimension",
-            "value": "1px"
-          },
-          "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"
-        },
-        "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",
-          "value": "#94A3B8"
-        },
-        "hover": {
-          "border-color": {
-            "type": "color",
-            "value": "#94A3B8"
-          }
-        },
-        "border-width": {
-          "value": "1px",
-          "type": "dimension"
-        },
-        "margin-block-end": {
-          "value": "0rem",
-          "type": "dimension",
-          "description": "[code-only]"
-        },
-        "margin-block-start": {
-          "value": "0rem",
-          "type": "dimension",
-          "description": "[code-only]"
-        }
-      }
-    },
-    "alert": {
-      "heading": {
-        "font-family": {
-          "type": "fontFamilies",
-          "value": "'Fira Sans', 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"
-        }
-      },
+      }
+    },
+    "alert": {
       "background-color": {
         "type": "color",
         "value": "#d9ebf7"
@@ -1760,6 +1545,12 @@
           "value": "#000"
         }
       },
+      "message": {
+        "row-gap": {
+          "type": "dimension",
+          "value": "0rem"
+        }
+      },
       "ok": {
         "background-color": {
           "type": "color",
@@ -1827,128 +1618,165 @@
         }
       }
     },
-    "skip-link": {
-      "focus": {
-        "text-decoration": {
-          "type": "textDecoration",
-          "value": "None"
-        },
+    "accordion": {
+      "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": "#e17000"
+          "value": "transparent"
         },
         "border-width": {
           "type": "dimension",
-          "value": "2px"
+          "value": "1px"
         },
-        "border-style": {
-          "type": "other",
-          "value": "solid"
+        "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"
         },
-        "color": {
+        "border-color": {
           "type": "color",
-          "value": "#01689b"
-        }
-      },
-      "border-color": {
-        "type": "color",
-        "value": "transparent"
-      },
-      "box-block-end-shadow": {
+          "value": "transparent"
+        },
+        "border-radius": {
+          "type": "dimension",
+          "value": "0px"
+        },
+        "border-width": {
+          "type": "dimension",
+          "value": "1px"
+        },
         "color": {
           "type": "color",
-          "value": "#0000001a"
+          "value": "#0F172A"
         },
-        "blur-radius": {
-          "type": "other",
-          "value": "48px"
+        "gap": {
+          "type": "dimension",
+          "value": "0.5rem"
         },
-        "offset-x": {
-          "type": "other",
-          "value": 0
+        "padding-block-end": {
+          "type": "dimension",
+          "value": "0.75rem"
         },
-        "offset-y": {
-          "type": "other",
-          "value": "16px"
+        "padding-block-start": {
+          "type": "dimension",
+          "value": "0.75rem"
         },
-        "spread-radius": {
-          "type": "other",
-          "value": 0
+        "padding-inline-end": {
+          "type": "dimension",
+          "value": "1rem"
+        },
+        "padding-inline-start": {
+          "type": "dimension",
+          "value": "1rem"
+        },
+        "icon": {
+          "size": {
+            "type": "dimension",
+            "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",
+            "value": "#F8FAFC"
+          },
+          "border-color": {
+            "type": "color",
+            "value": "transparent"
+          },
+          "color": {
+            "type": "color",
+            "value": "#0F172A"
+          }
+        },
+        "focus-visible": {
+          "background-color": {
+            "type": "color",
+            "value": "#fbead9"
+          },
+          "border-color": {
+            "type": "color",
+            "value": "transparent"
+          },
+          "border-width": {
+            "type": "dimension",
+            "value": "1px"
+          },
+          "color": {
+            "type": "color",
+            "value": "#0F172A"
+          }
         }
       },
-      "focus-visible": {
-        "outline-color": {
+      "section": {
+        "border-color": {
           "type": "color",
-          "value": "#000"
+          "value": "#94A3B8"
         },
-        "text-decoration": {
-          "type": "textDecoration",
-          "value": "underline"
+        "hover": {
+          "border-color": {
+            "type": "color",
+            "value": "#94A3B8"
+          }
+        },
+        "border-width": {
+          "value": "1px",
+          "type": "dimension"
+        },
+        "margin-block-end": {
+          "value": "0rem",
+          "type": "dimension",
+          "description": "[code-only]"
+        },
+        "margin-block-start": {
+          "value": "0rem",
+          "type": "dimension",
+          "description": "[code-only]"
         }
-      },
-      "font-family": {
-        "type": "fontFamilies",
-        "value": "'Fira Sans', 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": {
@@ -2472,30 +2300,10 @@
         "value": "0rem",
         "description": "[code-only]"
       },
-      "margin-block-start": {
-        "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": {
+      "margin-block-start": {
         "type": "dimension",
-        "value": "0.5rem"
+        "value": "0rem",
+        "description": "[code-only]"
       }
     },
     "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"
+      }
+    },
     "column-layout": {
       "column-rule-color": {
         "value": "transparent",
@@ -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"
         }
       }
     },
@@ -3618,20 +3520,10 @@
           }
         }
       }
-    },
-    "skip-link": {
-      "font-weight": {
-        "type": "fontWeights",
-        "value": 700
-      }
     }
   },
   "nl": {
     "number-badge": {
-      "line-height": {
-        "type": "lineHeights",
-        "value": "125%"
-      },
       "background-color": {
         "type": "color",
         "value": "#e17000"
@@ -3682,96 +3574,6 @@
       }
     },
     "skip-link": {
-      "border-color": {
-        "type": "color",
-        "value": "transparent"
-      },
-      "border-width": {
-        "type": "dimension",
-        "value": "2px"
-      },
-      "font-family": {
-        "type": "fontFamilies",
-        "value": "'Fira Sans', 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": "#e17000"
-        },
-        "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"
@@ -4226,86 +4028,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": "'Fira Sans', 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",
@@ -4582,6 +4304,10 @@
           "type": "color"
         }
       },
+      "backdrop": {
+        "value": "#0000004d",
+        "type": "color"
+      },
       "border": {
         "default": {
           "parent": "mode/light",
@@ -5257,6 +4983,12 @@
         "value": "#000",
         "type": "color"
       },
+      "transparent": {
+        "30": {
+          "value": "#0000004d",
+          "type": "color"
+        }
+      },
       "none": {
         "value": "transparent",
         "type": "color"