@rijkshuisstijl-community/design-tokens 5.0.0 → 7.0.0

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

@@ -1120,60 +1120,6 @@
         }
       }
     },
-    "number-badge": {
-      "line-height": {
-        "type": "lineHeights",
-        "value": "125%"
-      },
-      "background-color": {
-        "type": "color",
-        "value": "#a90061"
-      },
-      "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": "#a90061"
+      },
+      "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",
@@ -1465,38 +1461,6 @@
       }
     },
     "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"
-        }
-      },
       "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": "#f2d9e7"
-          },
-          "border-color": {
-            "type": "color",
-            "value": "#a90061"
-          },
-          "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": "#a90061"
-        },
-        "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": "'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": {
       "background-color": {
         "value": "#f2d9e7",
@@ -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": "#a90061"
@@ -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": "#a90061"
-        },
-        "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"