@rijkshuisstijl-community/design-tokens 6.0.0 → 7.0.0

package/dist/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 09:25:13 GMT
+ * Generated on Tue, 09 Sep 2025 07:01:22 GMT
  */
 
 module.exports = {
@@ -9024,6 +9024,27 @@ module.exports = {
           ]
         }
       },
+      "backdrop": {
+        "value": "#0000004d",
+        "type": "color",
+        "filePath": "src/generated/base.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "#0000004d",
+          "type": "color"
+        },
+        "name": "rhcColorBackdrop",
+        "attributes": {
+          "category": "rhc",
+          "type": "color",
+          "item": "backdrop"
+        },
+        "path": [
+          "rhc",
+          "color",
+          "backdrop"
+        ]
+      },
       "border": {
         "default": {
           "parent": "mode/light",
@@ -12525,6 +12546,31 @@ module.exports = {
           "zwart"
         ]
       },
+      "transparent": {
+        "30": {
+          "value": "#0000004d",
+          "type": "color",
+          "filePath": "src/generated/base.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "#0000004d",
+            "type": "color"
+          },
+          "name": "rhcColorTransparent30",
+          "attributes": {
+            "category": "rhc",
+            "type": "color",
+            "item": "transparent",
+            "subitem": "30"
+          },
+          "path": [
+            "rhc",
+            "color",
+            "transparent",
+            "30"
+          ]
+        }
+      },
       "none": {
         "value": "transparent",
         "type": "color",
@@ -21696,6 +21742,239 @@ module.exports = {
         }
       }
     },
+    "drawer": {
+      "max-inline-size": {
+        "value": "256px",
+        "type": "spacing",
+        "filePath": "src/generated/base.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "256px",
+          "type": "spacing"
+        },
+        "name": "utrechtDrawerMaxInlineSize",
+        "attributes": {
+          "category": "utrecht",
+          "type": "drawer",
+          "item": "max-inline-size"
+        },
+        "path": [
+          "utrecht",
+          "drawer",
+          "max-inline-size"
+        ]
+      },
+      "z-index": {
+        "type": "dimension",
+        "value": 1,
+        "filePath": "src/generated/base.tokens.json",
+        "isSource": true,
+        "original": {
+          "type": "dimension",
+          "value": 1
+        },
+        "name": "utrechtDrawerZIndex",
+        "attributes": {
+          "category": "utrecht",
+          "type": "drawer",
+          "item": "z-index"
+        },
+        "path": [
+          "utrecht",
+          "drawer",
+          "z-index"
+        ]
+      },
+      "background-color": {
+        "value": "#fff",
+        "type": "color",
+        "filePath": "src/generated/base.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "#fff",
+          "type": "color"
+        },
+        "name": "utrechtDrawerBackgroundColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "drawer",
+          "item": "background-color"
+        },
+        "path": [
+          "utrecht",
+          "drawer",
+          "background-color"
+        ]
+      },
+      "border-color": {
+        "value": "#64748B",
+        "type": "color",
+        "filePath": "src/generated/base.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "#64748B",
+          "type": "color"
+        },
+        "name": "utrechtDrawerBorderColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "drawer",
+          "item": "border-color"
+        },
+        "path": [
+          "utrecht",
+          "drawer",
+          "border-color"
+        ]
+      },
+      "border-width": {
+        "type": "dimension",
+        "value": "0px",
+        "filePath": "src/generated/base.tokens.json",
+        "isSource": true,
+        "original": {
+          "type": "dimension",
+          "value": "0px"
+        },
+        "name": "utrechtDrawerBorderWidth",
+        "attributes": {
+          "category": "utrecht",
+          "type": "drawer",
+          "item": "border-width"
+        },
+        "path": [
+          "utrecht",
+          "drawer",
+          "border-width"
+        ]
+      },
+      "color": {
+        "value": "#0F172A",
+        "type": "color",
+        "filePath": "src/generated/base.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "#0F172A",
+          "type": "color"
+        },
+        "name": "utrechtDrawerColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "drawer",
+          "item": "color"
+        },
+        "path": [
+          "utrecht",
+          "drawer",
+          "color"
+        ]
+      },
+      "max-block-size": {
+        "value": "240px",
+        "type": "dimension",
+        "filePath": "src/generated/base.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "240px",
+          "type": "dimension"
+        },
+        "name": "utrechtDrawerMaxBlockSize",
+        "attributes": {
+          "category": "utrecht",
+          "type": "drawer",
+          "item": "max-block-size"
+        },
+        "path": [
+          "utrecht",
+          "drawer",
+          "max-block-size"
+        ]
+      },
+      "padding-block-start": {
+        "value": "1rem",
+        "type": "spacing",
+        "filePath": "src/generated/base.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "1rem",
+          "type": "spacing"
+        },
+        "name": "utrechtDrawerPaddingBlockStart",
+        "attributes": {
+          "category": "utrecht",
+          "type": "drawer",
+          "item": "padding-block-start"
+        },
+        "path": [
+          "utrecht",
+          "drawer",
+          "padding-block-start"
+        ]
+      },
+      "padding-block-end": {
+        "value": "1rem",
+        "type": "spacing",
+        "filePath": "src/generated/base.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "1rem",
+          "type": "spacing"
+        },
+        "name": "utrechtDrawerPaddingBlockEnd",
+        "attributes": {
+          "category": "utrecht",
+          "type": "drawer",
+          "item": "padding-block-end"
+        },
+        "path": [
+          "utrecht",
+          "drawer",
+          "padding-block-end"
+        ]
+      },
+      "padding-inline-start": {
+        "value": "1rem",
+        "type": "spacing",
+        "filePath": "src/generated/base.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "1rem",
+          "type": "spacing"
+        },
+        "name": "utrechtDrawerPaddingInlineStart",
+        "attributes": {
+          "category": "utrecht",
+          "type": "drawer",
+          "item": "padding-inline-start"
+        },
+        "path": [
+          "utrecht",
+          "drawer",
+          "padding-inline-start"
+        ]
+      },
+      "padding-inline-end": {
+        "value": "1rem",
+        "type": "spacing",
+        "filePath": "src/generated/base.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "1rem",
+          "type": "spacing"
+        },
+        "name": "utrechtDrawerPaddingInlineEnd",
+        "attributes": {
+          "category": "utrecht",
+          "type": "drawer",
+          "item": "padding-inline-end"
+        },
+        "path": [
+          "utrecht",
+          "drawer",
+          "padding-inline-end"
+        ]
+      }
+    },
     "data-badge": {
       "background-color": {
         "value": "#dce3ea",
@@ -25714,111 +25993,6 @@ module.exports = {
           "button-group",
           "margin-block-start"
         ]
-      },
-      "background-color": {
-        "type": "color",
-        "value": "transparent",
-        "filePath": "src/generated/base.tokens.json",
-        "isSource": true,
-        "original": {
-          "type": "color",
-          "value": "transparent"
-        },
-        "name": "utrechtButtonGroupBackgroundColor",
-        "attributes": {
-          "category": "utrecht",
-          "type": "button-group",
-          "item": "background-color"
-        },
-        "path": [
-          "utrecht",
-          "button-group",
-          "background-color"
-        ]
-      },
-      "column-gap": {
-        "type": "dimension",
-        "value": "0.5rem",
-        "filePath": "src/generated/base.tokens.json",
-        "isSource": true,
-        "original": {
-          "type": "dimension",
-          "value": "0.5rem"
-        },
-        "name": "utrechtButtonGroupColumnGap",
-        "attributes": {
-          "category": "utrecht",
-          "type": "button-group",
-          "item": "column-gap"
-        },
-        "path": [
-          "utrecht",
-          "button-group",
-          "column-gap"
-        ]
-      },
-      "padding-block-end": {
-        "type": "dimension",
-        "value": "0px",
-        "filePath": "src/generated/base.tokens.json",
-        "isSource": true,
-        "original": {
-          "type": "dimension",
-          "value": "0px"
-        },
-        "name": "utrechtButtonGroupPaddingBlockEnd",
-        "attributes": {
-          "category": "utrecht",
-          "type": "button-group",
-          "item": "padding-block-end"
-        },
-        "path": [
-          "utrecht",
-          "button-group",
-          "padding-block-end"
-        ]
-      },
-      "padding-block-start": {
-        "type": "dimension",
-        "value": "0px",
-        "filePath": "src/generated/base.tokens.json",
-        "isSource": true,
-        "original": {
-          "type": "dimension",
-          "value": "0px"
-        },
-        "name": "utrechtButtonGroupPaddingBlockStart",
-        "attributes": {
-          "category": "utrecht",
-          "type": "button-group",
-          "item": "padding-block-start"
-        },
-        "path": [
-          "utrecht",
-          "button-group",
-          "padding-block-start"
-        ]
-      },
-      "row-gap": {
-        "type": "dimension",
-        "value": "0.5rem",
-        "filePath": "src/generated/base.tokens.json",
-        "isSource": true,
-        "original": {
-          "type": "dimension",
-          "value": "0.5rem"
-        },
-        "name": "utrechtButtonGroupRowGap",
-        "attributes": {
-          "category": "utrecht",
-          "type": "button-group",
-          "item": "row-gap"
-        },
-        "path": [
-          "utrecht",
-          "button-group",
-          "row-gap"
-        ]
       }
     },
     "breadcrumb-nav": {
@@ -27667,6 +27841,121 @@ module.exports = {
         }
       }
     },
+    "backdrop": {
+      "background-color": {
+        "value": "#0000004d",
+        "type": "color",
+        "filePath": "src/generated/base.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "#0000004d",
+          "type": "color"
+        },
+        "name": "utrechtBackdropBackgroundColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "backdrop",
+          "item": "background-color"
+        },
+        "path": [
+          "utrecht",
+          "backdrop",
+          "background-color"
+        ]
+      },
+      "color": {
+        "value": "#0F172A",
+        "type": "color",
+        "filePath": "src/generated/base.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "#0F172A",
+          "type": "color"
+        },
+        "name": "utrechtBackdropColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "backdrop",
+          "item": "color"
+        },
+        "path": [
+          "utrecht",
+          "backdrop",
+          "color"
+        ]
+      },
+      "opacity": {
+        "value": 0.8,
+        "type": "opacity",
+        "filePath": "src/generated/base.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": 0.8,
+          "type": "opacity"
+        },
+        "name": "utrechtBackdropOpacity",
+        "attributes": {
+          "category": "utrecht",
+          "type": "backdrop",
+          "item": "opacity"
+        },
+        "path": [
+          "utrecht",
+          "backdrop",
+          "opacity"
+        ]
+      },
+      "fade-in": {
+        "animation-duration": {
+          "value": "400ms",
+          "type": "other",
+          "filePath": "src/generated/base.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "400ms",
+            "type": "other"
+          },
+          "name": "utrechtBackdropFadeInAnimationDuration",
+          "attributes": {
+            "category": "utrecht",
+            "type": "backdrop",
+            "item": "fade-in",
+            "subitem": "animation-duration"
+          },
+          "path": [
+            "utrecht",
+            "backdrop",
+            "fade-in",
+            "animation-duration"
+          ]
+        }
+      },
+      "reduced-transparency": {
+        "opacity": {
+          "value": 0.98,
+          "type": "opacity",
+          "filePath": "src/generated/base.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": 0.98,
+            "type": "opacity"
+          },
+          "name": "utrechtBackdropReducedTransparencyOpacity",
+          "attributes": {
+            "category": "utrecht",
+            "type": "backdrop",
+            "item": "reduced-transparency",
+            "subitem": "opacity"
+          },
+          "path": [
+            "utrecht",
+            "backdrop",
+            "reduced-transparency",
+            "opacity"
+          ]
+        }
+      }
+    },
     "article": {
       "max-inline-size": {
         "value": "75ch",
@@ -28461,6 +28750,113 @@ module.exports = {
         }
       }
     },
+    "action-group": {
+      "background-color": {
+        "type": "color",
+        "value": "transparent",
+        "filePath": "src/generated/base.tokens.json",
+        "isSource": true,
+        "original": {
+          "type": "color",
+          "value": "transparent"
+        },
+        "name": "utrechtActionGroupBackgroundColor",
+        "attributes": {
+          "category": "utrecht",
+          "type": "action-group",
+          "item": "background-color"
+        },
+        "path": [
+          "utrecht",
+          "action-group",
+          "background-color"
+        ]
+      },
+      "column-gap": {
+        "type": "dimension",
+        "value": "0.5rem",
+        "filePath": "src/generated/base.tokens.json",
+        "isSource": true,
+        "original": {
+          "type": "dimension",
+          "value": "0.5rem"
+        },
+        "name": "utrechtActionGroupColumnGap",
+        "attributes": {
+          "category": "utrecht",
+          "type": "action-group",
+          "item": "column-gap"
+        },
+        "path": [
+          "utrecht",
+          "action-group",
+          "column-gap"
+        ]
+      },
+      "padding-block-end": {
+        "type": "dimension",
+        "value": "0rem",
+        "filePath": "src/generated/base.tokens.json",
+        "isSource": true,
+        "original": {
+          "type": "dimension",
+          "value": "0rem"
+        },
+        "name": "utrechtActionGroupPaddingBlockEnd",
+        "attributes": {
+          "category": "utrecht",
+          "type": "action-group",
+          "item": "padding-block-end"
+        },
+        "path": [
+          "utrecht",
+          "action-group",
+          "padding-block-end"
+        ]
+      },
+      "padding-block-start": {
+        "type": "dimension",
+        "value": "0rem",
+        "filePath": "src/generated/base.tokens.json",
+        "isSource": true,
+        "original": {
+          "type": "dimension",
+          "value": "0rem"
+        },
+        "name": "utrechtActionGroupPaddingBlockStart",
+        "attributes": {
+          "category": "utrecht",
+          "type": "action-group",
+          "item": "padding-block-start"
+        },
+        "path": [
+          "utrecht",
+          "action-group",
+          "padding-block-start"
+        ]
+      },
+      "row-gap": {
+        "type": "dimension",
+        "value": "0.5rem",
+        "filePath": "src/generated/base.tokens.json",
+        "isSource": true,
+        "original": {
+          "type": "dimension",
+          "value": "0.5rem"
+        },
+        "name": "utrechtActionGroupRowGap",
+        "attributes": {
+          "category": "utrecht",
+          "type": "action-group",
+          "item": "row-gap"
+        },
+        "path": [
+          "utrecht",
+          "action-group",
+          "row-gap"
+        ]
+      }
+    },
     "accordion": {
       "margin-block-end": {
         "description": "[code-only]",