@rijkshuisstijl-community/design-tokens 6.0.0 → 8.0.0

package/figma/figma.tokens.json

@@ -825,7 +825,7 @@
           "type": "dimension"
         },
         "3-lint": {
-          "value": "1440px",
+          "value": "144px",
           "type": "dimension"
         }
       }
@@ -1667,10 +1667,10 @@
   },
   "components/action-group": {
     "utrecht": {
-      "button-group": {
+      "action-group": {
         "background-color": {
           "type": "color",
-          "value": "transparent"
+          "value": "{rhc.color.none}"
         },
         "column-gap": {
           "type": "dimension",
@@ -1678,11 +1678,11 @@
         },
         "padding-block-end": {
           "type": "dimension",
-          "value": "0px"
+          "value": "{rhc.space.0}"
         },
         "padding-block-start": {
           "type": "dimension",
-          "value": "0px"
+          "value": "{rhc.space.0}"
         },
         "row-gap": {
           "type": "dimension",
@@ -1863,7 +1863,37 @@
       }
     }
   },
-  "components/blockquote/base": {
+  "components/backdrop": {
+    "utrecht": {
+      "backdrop": {
+        "background-color": {
+          "value": "rgba(0,0,0,0.3)",
+          "type": "color"
+        },
+        "color": {
+          "value": "{rhc.color.foreground.default}",
+          "type": "color"
+        },
+        "opacity": {
+          "value": "0.8",
+          "type": "opacity"
+        },
+        "fade-in": {
+          "animation-duration": {
+            "value": "400ms",
+            "type": "other"
+          }
+        },
+        "reduced-transparency": {
+          "opacity": {
+            "value": "0.98",
+            "type": "opacity"
+          }
+        }
+      }
+    }
+  },
+  "components/blockquote": {
     "utrecht": {
       "blockquote": {
         "background-color": {
@@ -1939,182 +1969,24 @@
           }
         }
       }
-    }
-  },
-  "components/blockquote/deprecated": {
-    "rhc": {
-      "keep": {
-        "_comment": {
-          "type": "other",
-          "value": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote."
-        }
-      }
     },
-    "utrecht": {
+    "rhc": {
       "blockquote": {
-        "border-block-end-width": {
-          "type": "dimension",
-          "value": "0"
-        },
-        "border-block-start-width": {
-          "type": "dimension",
-          "value": "0"
-        },
-        "border-end-end-radius": {
-          "type": "dimension",
-          "value": "0"
-        },
-        "border-end-start-radius": {
-          "type": "dimension",
-          "value": "0"
-        },
-        "border-inline-end-width": {
-          "type": "dimension",
-          "value": "0"
-        },
-        "border-start-end-radius": {
-          "type": "dimension",
-          "value": "0"
-        },
-        "border-start-start-radius": {
-          "type": "dimension",
-          "value": "0"
-        },
         "margin-block-end": {
-          "type": "dimension",
-          "value": "0"
+          "value": "{rhc.space.0}",
+          "type": "dimension"
         },
         "margin-block-start": {
-          "type": "dimension",
-          "value": "0"
+          "value": "{rhc.space.0}",
+          "type": "dimension"
         },
         "margin-inline-end": {
-          "type": "dimension",
-          "value": "0"
+          "value": "{rhc.space.0}",
+          "type": "dimension"
         },
         "margin-inline-start": {
-          "type": "dimension",
-          "value": "0"
-        },
-        "blue-corner-border-variation": {
-          "border-block-end-width": {
-            "type": "dimension",
-            "value": "{rhc.border-width.m}"
-          },
-          "border-color": {
-            "type": "color",
-            "value": "{rhc.color.primary.500}"
-          },
-          "border-end-end-radius": {
-            "type": "dimension",
-            "value": "3rem"
-          },
-          "border-inline-end-width": {
-            "type": "dimension",
-            "value": "{rhc.border-width.m}"
-          }
-        },
-        "caption": {
-          "color": {
-            "type": "color",
-            "value": "{rhc.color.lintblauw.500}"
-          },
-          "font-family": {
-            "type": "fontFamilies",
-            "value": "{rhc.font-family.primary}"
-          },
-          "font-size": {
-            "type": "fontSizes",
-            "value": "{rhc.font-size.body.default}"
-          },
-          "font-weight": {
-            "type": "fontWeights",
-            "value": "{rhc.font-weight.default}"
-          },
-          "line-height": {
-            "type": "lineHeights",
-            "value": "{rhc.line-height.body}"
-          },
-          "padding-block-start": {
-            "type": "dimension",
-            "value": "{rhc.space.150}"
-          }
-        },
-        "content": {
-          "font-family": {
-            "type": "fontFamilies",
-            "value": "{rhc.font-family.primary}"
-          },
-          "font-weight": {
-            "type": "fontWeights",
-            "value": "{rhc.font-weight.default}"
-          },
-          "line-height": {
-            "type": "lineHeights",
-            "value": "{rhc.line-height.body}"
-          }
-        },
-        "pink-background-variation": {
-          "background-color": {
-            "type": "color",
-            "value": "{rhc.color.roze.300}"
-          },
-          "border-end-start-radius": {
-            "type": "dimension",
-            "value": "3rem"
-          },
-          "padding": {
-            "type": "dimension",
-            "value": "{rhc.space.500}"
-          }
-        },
-        "pink-corner-border-variation": {
-          "border-block-start-width": {
-            "type": "dimension",
-            "value": "0.25rem"
-          },
-          "border-color": {
-            "type": "color",
-            "value": "{rhc.color.roze.300}"
-          },
-          "border-inline-start-width": {
-            "type": "dimension",
-            "value": "0.25rem"
-          },
-          "border-start-start-radius": {
-            "type": "dimension",
-            "value": "3rem"
-          },
-          "padding": {
-            "type": "dimension",
-            "value": "{rhc.space.500}"
-          }
-        },
-        "pink-left-border-variation": {
-          "border-color": {
-            "type": "color",
-            "value": "{rhc.color.roze.300}"
-          },
-          "border-inline-start-width": {
-            "type": "dimension",
-            "value": "0.75rem"
-          },
-          "padding-block-end": {
-            "type": "dimension",
-            "value": "{rhc.space.300}"
-          },
-          "padding-block-start": {
-            "type": "dimension",
-            "value": "{rhc.space.300}"
-          },
-          "padding-inline-end": {
-            "type": "dimension",
-            "value": "{rhc.space.500}"
-          },
-          "padding-inline-start": {
-            "type": "dimension",
-            "value": "{rhc.space.500}"
-          }
+          "value": "{rhc.space.0}",
+          "type": "dimension"
         }
       }
     }
@@ -3860,6 +3732,56 @@
       }
     }
   },
+  "components/drawer": {
+    "utrecht": {
+      "drawer": {
+        "max-inline-size": {
+          "value": "256px",
+          "type": "spacing"
+        },
+        "z-index": {
+          "type": "dimension",
+          "value": "1"
+        },
+        "background-color": {
+          "value": "{rhc.color.wit}",
+          "type": "color"
+        },
+        "border-color": {
+          "value": "{rhc.color.border.default}",
+          "type": "color"
+        },
+        "border-width": {
+          "type": "dimension",
+          "value": "{rhc.border-width.none}"
+        },
+        "color": {
+          "value": "{rhc.color.foreground.default}",
+          "type": "color"
+        },
+        "max-block-size": {
+          "value": "240px",
+          "type": "dimension"
+        },
+        "padding-block-start": {
+          "value": "{rhc.space.200}",
+          "type": "spacing"
+        },
+        "padding-block-end": {
+          "value": "{rhc.space.200}",
+          "type": "spacing"
+        },
+        "padding-inline-start": {
+          "value": "{rhc.space.200}",
+          "type": "spacing"
+        },
+        "padding-inline-end": {
+          "value": "{rhc.space.200}",
+          "type": "spacing"
+        }
+      }
+    }
+  },
   "components/fieldset": {
     "utrecht": {
       "form-fieldset": {
@@ -4241,7 +4163,7 @@
       }
     }
   },
-  "components/form-field-description/base": {
+  "components/form-field-description": {
     "utrecht": {
       "form-field-description": {
         "color": {
@@ -4273,17 +4195,7 @@
       }
     }
   },
-  "components/form-field-description/deprecated": {
-    "utrecht": {
-      "form-field-description": {
-        "padding-block-end": {
-          "value": "{rhc.space.100}",
-          "type": "dimension"
-        }
-      }
-    }
-  },
-  "components/form-field-error-message/base": {
+  "components/form-field-error-message": {
     "utrecht": {
       "form-field-error-message": {
         "background-color": {
@@ -4353,22 +4265,6 @@
       }
     }
   },
-  "components/form-field-error-message/deprecated": {
-    "utrecht": {
-      "form-field-error-message": {
-        "icon": {
-          "margin-inline-end": {
-            "type": "dimension",
-            "value": "{rhc.space.100}"
-          },
-          "size": {
-            "type": "dimension",
-            "value": "{rhc.size.icon.functional}"
-          }
-        }
-      }
-    }
-  },
   "components/form-field-label/utrecht": {
     "utrecht": {
       "form-label": {
@@ -5389,6 +5285,10 @@
           "column-gap": {
             "value": "{rhc.space.100}",
             "type": "spacing"
+          },
+          "font-size": {
+            "value": "{rhc.font-size.body.default}",
+            "type": "fontSizes"
           }
         },
         "heading": {
@@ -9615,11 +9515,13 @@
         "utrecht/rich-text": "enabled",
         "utrecht/document": "enabled",
         "components/article": "enabled",
+        "components/backdrop": "enabled",
         "components/card-as-link": "enabled",
         "components/checkbox-group": "enabled",
         "components/code-input-group": "enabled",
         "components/code-input": "enabled",
         "components/dot-badge": "enabled",
+        "components/drawer": "enabled",
         "components/fieldset": "enabled",
         "components/file-input": "enabled",
         "components/footer": "enabled",
@@ -9662,18 +9564,15 @@
         "components/data-badge-button": "enabled",
         "components/accordion": "enabled",
         "components/alert": "enabled",
-        "components/blockquote/base": "enabled",
-        "components/blockquote/deprecated": "enabled",
+        "components/blockquote": "enabled",
         "components/number-badge/nl": "enabled",
         "components/number-badge/utrecht": "enabled",
         "components/figure/base": "enabled",
         "components/figure/deprecated": "enabled",
-        "components/form-field-description/base": "enabled",
-        "components/form-field-error-message/base": "enabled",
+        "components/form-field-description": "enabled",
+        "components/form-field-error-message": "enabled",
         "components/textarea/base": "enabled",
         "components/form-field-label/utrecht": "enabled",
-        "components/form-field-description/deprecated": "enabled",
-        "components/form-field-error-message/deprecated": "enabled",
         "components/form-field-label/todo": "enabled",
         "components/textarea/deprecated": "enabled",
         "components/text-input/base": "enabled",
@@ -9710,11 +9609,13 @@
         "utrecht/rich-text": "enabled",
         "utrecht/document": "enabled",
         "components/article": "enabled",
+        "components/backdrop": "enabled",
         "components/card-as-link": "enabled",
         "components/checkbox-group": "enabled",
         "components/code-input-group": "enabled",
         "components/code-input": "enabled",
         "components/dot-badge": "enabled",
+        "components/drawer": "enabled",
         "components/fieldset": "enabled",
         "components/file-input": "enabled",
         "components/footer": "enabled",
@@ -9758,18 +9659,15 @@
         "components/data-badge-button": "enabled",
         "components/accordion": "enabled",
         "components/alert": "enabled",
-        "components/blockquote/base": "enabled",
-        "components/blockquote/deprecated": "enabled",
+        "components/blockquote": "enabled",
         "components/number-badge/nl": "enabled",
         "components/number-badge/utrecht": "enabled",
         "components/figure/base": "enabled",
         "components/figure/deprecated": "enabled",
-        "components/form-field-description/base": "enabled",
-        "components/form-field-error-message/base": "enabled",
+        "components/form-field-description": "enabled",
+        "components/form-field-error-message": "enabled",
         "components/textarea/base": "enabled",
         "components/form-field-label/utrecht": "enabled",
-        "components/form-field-description/deprecated": "enabled",
-        "components/form-field-error-message/deprecated": "enabled",
         "components/form-field-label/todo": "enabled",
         "components/textarea/deprecated": "enabled",
         "components/text-input/base": "enabled",
@@ -9806,11 +9704,13 @@
         "utrecht/rich-text": "enabled",
         "utrecht/document": "enabled",
         "components/article": "enabled",
+        "components/backdrop": "enabled",
         "components/card-as-link": "enabled",
         "components/checkbox-group": "enabled",
         "components/code-input-group": "enabled",
         "components/code-input": "enabled",
         "components/dot-badge": "enabled",
+        "components/drawer": "enabled",
         "components/fieldset": "enabled",
         "components/file-input": "enabled",
         "components/footer": "enabled",
@@ -9856,18 +9756,15 @@
         "components/data-badge-button": "enabled",
         "components/accordion": "enabled",
         "components/alert": "enabled",
-        "components/blockquote/base": "enabled",
-        "components/blockquote/deprecated": "enabled",
+        "components/blockquote": "enabled",
         "components/number-badge/nl": "enabled",
         "components/number-badge/utrecht": "enabled",
         "components/figure/base": "enabled",
         "components/figure/deprecated": "enabled",
-        "components/form-field-description/base": "enabled",
-        "components/form-field-error-message/base": "enabled",
+        "components/form-field-description": "enabled",
+        "components/form-field-error-message": "enabled",
         "components/textarea/base": "enabled",
         "components/form-field-label/utrecht": "enabled",
-        "components/form-field-description/deprecated": "enabled",
-        "components/form-field-error-message/deprecated": "enabled",
         "components/form-field-label/todo": "enabled",
         "components/textarea/deprecated": "enabled",
         "components/text-input/base": "enabled",
@@ -9904,11 +9801,13 @@
         "utrecht/rich-text": "enabled",
         "utrecht/document": "enabled",
         "components/article": "enabled",
+        "components/backdrop": "enabled",
         "components/card-as-link": "enabled",
         "components/checkbox-group": "enabled",
         "components/code-input-group": "enabled",
         "components/code-input": "enabled",
         "components/dot-badge": "enabled",
+        "components/drawer": "enabled",
         "components/fieldset": "enabled",
         "components/file-input": "enabled",
         "components/footer": "enabled",
@@ -9952,18 +9851,15 @@
         "components/data-badge-button": "enabled",
         "components/accordion": "enabled",
         "components/alert": "enabled",
-        "components/blockquote/base": "enabled",
-        "components/blockquote/deprecated": "enabled",
+        "components/blockquote": "enabled",
         "components/number-badge/nl": "enabled",
         "components/number-badge/utrecht": "enabled",
         "components/figure/base": "enabled",
         "components/figure/deprecated": "enabled",
-        "components/form-field-description/base": "enabled",
-        "components/form-field-error-message/base": "enabled",
+        "components/form-field-description": "enabled",
+        "components/form-field-error-message": "enabled",
         "components/textarea/base": "enabled",
         "components/form-field-label/utrecht": "enabled",
-        "components/form-field-description/deprecated": "enabled",
-        "components/form-field-error-message/deprecated": "enabled",
         "components/form-field-label/todo": "enabled",
         "components/textarea/deprecated": "enabled",
         "components/text-input/base": "enabled",
@@ -10000,11 +9896,13 @@
         "utrecht/rich-text": "enabled",
         "utrecht/document": "enabled",
         "components/article": "enabled",
+        "components/backdrop": "enabled",
         "components/card-as-link": "enabled",
         "components/checkbox-group": "enabled",
         "components/code-input-group": "enabled",
         "components/code-input": "enabled",
         "components/dot-badge": "enabled",
+        "components/drawer": "enabled",
         "components/fieldset": "enabled",
         "components/file-input": "enabled",
         "components/footer": "enabled",
@@ -10048,18 +9946,15 @@
         "components/data-badge-button": "enabled",
         "components/accordion": "enabled",
         "components/alert": "enabled",
-        "components/blockquote/base": "enabled",
-        "components/blockquote/deprecated": "enabled",
+        "components/blockquote": "enabled",
         "components/number-badge/nl": "enabled",
         "components/number-badge/utrecht": "enabled",
         "components/figure/base": "enabled",
         "components/figure/deprecated": "enabled",
-        "components/form-field-description/base": "enabled",
-        "components/form-field-error-message/base": "enabled",
+        "components/form-field-description": "enabled",
+        "components/form-field-error-message": "enabled",
         "components/textarea/base": "enabled",
         "components/form-field-label/utrecht": "enabled",
-        "components/form-field-description/deprecated": "enabled",
-        "components/form-field-error-message/deprecated": "enabled",
         "components/form-field-label/todo": "enabled",
         "components/textarea/deprecated": "enabled",
         "components/text-input/base": "enabled",
@@ -10096,11 +9991,13 @@
         "utrecht/rich-text": "enabled",
         "utrecht/document": "enabled",
         "components/article": "enabled",
+        "components/backdrop": "enabled",
         "components/card-as-link": "enabled",
         "components/checkbox-group": "enabled",
         "components/code-input-group": "enabled",
         "components/code-input": "enabled",
         "components/dot-badge": "enabled",
+        "components/drawer": "enabled",
         "components/fieldset": "enabled",
         "components/file-input": "enabled",
         "components/footer": "enabled",
@@ -10144,18 +10041,15 @@
         "components/data-badge-button": "enabled",
         "components/accordion": "enabled",
         "components/alert": "enabled",
-        "components/blockquote/base": "enabled",
-        "components/blockquote/deprecated": "enabled",
+        "components/blockquote": "enabled",
         "components/number-badge/nl": "enabled",
         "components/number-badge/utrecht": "enabled",
         "components/figure/base": "enabled",
         "components/figure/deprecated": "enabled",
-        "components/form-field-description/base": "enabled",
-        "components/form-field-error-message/base": "enabled",
+        "components/form-field-description": "enabled",
+        "components/form-field-error-message": "enabled",
         "components/textarea/base": "enabled",
         "components/form-field-label/utrecht": "enabled",
-        "components/form-field-description/deprecated": "enabled",
-        "components/form-field-error-message/deprecated": "enabled",
         "components/form-field-label/todo": "enabled",
         "components/textarea/deprecated": "enabled",
         "components/text-input/base": "enabled",
@@ -10192,11 +10086,13 @@
         "utrecht/rich-text": "enabled",
         "utrecht/document": "enabled",
         "components/article": "enabled",
+        "components/backdrop": "enabled",
         "components/card-as-link": "enabled",
         "components/checkbox-group": "enabled",
         "components/code-input-group": "enabled",
         "components/code-input": "enabled",
         "components/dot-badge": "enabled",
+        "components/drawer": "enabled",
         "components/fieldset": "enabled",
         "components/file-input": "enabled",
         "components/footer": "enabled",
@@ -10240,18 +10136,15 @@
         "components/data-badge-button": "enabled",
         "components/accordion": "enabled",
         "components/alert": "enabled",
-        "components/blockquote/base": "enabled",
-        "components/blockquote/deprecated": "enabled",
+        "components/blockquote": "enabled",
         "components/number-badge/nl": "enabled",
         "components/number-badge/utrecht": "enabled",
         "components/figure/base": "enabled",
         "components/figure/deprecated": "enabled",
-        "components/form-field-description/base": "enabled",
-        "components/form-field-error-message/base": "enabled",
+        "components/form-field-description": "enabled",
+        "components/form-field-error-message": "enabled",
         "components/textarea/base": "enabled",
         "components/form-field-label/utrecht": "enabled",
-        "components/form-field-description/deprecated": "enabled",
-        "components/form-field-error-message/deprecated": "enabled",
         "components/form-field-label/todo": "enabled",
         "components/textarea/deprecated": "enabled",
         "components/text-input/base": "enabled",
@@ -10288,11 +10181,13 @@
         "utrecht/rich-text": "enabled",
         "utrecht/document": "enabled",
         "components/article": "enabled",
+        "components/backdrop": "enabled",
         "components/card-as-link": "enabled",
         "components/checkbox-group": "enabled",
         "components/code-input-group": "enabled",
         "components/code-input": "enabled",
         "components/dot-badge": "enabled",
+        "components/drawer": "enabled",
         "components/fieldset": "enabled",
         "components/file-input": "enabled",
         "components/footer": "enabled",
@@ -10336,18 +10231,15 @@
         "components/data-badge-button": "enabled",
         "components/accordion": "enabled",
         "components/alert": "enabled",
-        "components/blockquote/base": "enabled",
-        "components/blockquote/deprecated": "enabled",
+        "components/blockquote": "enabled",
         "components/number-badge/nl": "enabled",
         "components/number-badge/utrecht": "enabled",
         "components/figure/base": "enabled",
         "components/figure/deprecated": "enabled",
-        "components/form-field-description/base": "enabled",
-        "components/form-field-error-message/base": "enabled",
+        "components/form-field-description": "enabled",
+        "components/form-field-error-message": "enabled",
         "components/textarea/base": "enabled",
         "components/form-field-label/utrecht": "enabled",
-        "components/form-field-description/deprecated": "enabled",
-        "components/form-field-error-message/deprecated": "enabled",
         "components/form-field-label/todo": "enabled",
         "components/textarea/deprecated": "enabled",
         "components/text-input/base": "enabled",
@@ -10384,12 +10276,14 @@
         "utrecht/rich-text": "enabled",
         "utrecht/document": "enabled",
         "components/article": "enabled",
+        "components/backdrop": "enabled",
         "components/card-as-link": "enabled",
         "components/checkbox-group": "enabled",
         "components/code-input-group": "enabled",
         "components/code-input": "enabled",
         "components/data-summary": "enabled",
         "components/dot-badge": "enabled",
+        "components/drawer": "enabled",
         "components/fieldset": "enabled",
         "components/file-input": "enabled",
         "components/footer": "enabled",
@@ -10435,18 +10329,15 @@
         "components/data-badge-button": "enabled",
         "components/accordion": "enabled",
         "components/alert": "enabled",
-        "components/blockquote/base": "enabled",
-        "components/blockquote/deprecated": "enabled",
+        "components/blockquote": "enabled",
         "components/number-badge/nl": "enabled",
         "components/number-badge/utrecht": "enabled",
         "components/figure/base": "enabled",
         "components/figure/deprecated": "enabled",
-        "components/form-field-description/base": "enabled",
-        "components/form-field-error-message/base": "enabled",
+        "components/form-field-description": "enabled",
+        "components/form-field-error-message": "enabled",
         "components/textarea/base": "enabled",
         "components/form-field-label/utrecht": "enabled",
-        "components/form-field-description/deprecated": "enabled",
-        "components/form-field-error-message/deprecated": "enabled",
         "components/form-field-label/todo": "enabled",
         "components/textarea/deprecated": "enabled",
         "components/text-input/base": "enabled",
@@ -10488,8 +10379,8 @@
       "components/action-group",
       "components/alert",
       "components/article",
-      "components/blockquote/base",
-      "components/blockquote/deprecated",
+      "components/backdrop",
+      "components/blockquote",
       "components/breadcrumb",
       "components/button",
       "components/card-as-link",
@@ -10503,6 +10394,7 @@
       "components/data-badge-button",
       "components/data-summary",
       "components/dot-badge",
+      "components/drawer",
       "components/fieldset",
       "components/figure/base",
       "components/figure/deprecated",
@@ -10511,10 +10403,8 @@
       "components/form-field/base",
       "components/form-field/deprecated",
       "components/form-field-checkbox-option",
-      "components/form-field-description/base",
-      "components/form-field-description/deprecated",
-      "components/form-field-error-message/base",
-      "components/form-field-error-message/deprecated",
+      "components/form-field-description",
+      "components/form-field-error-message",
       "components/form-field-label/utrecht",
       "components/form-field-label/todo",
       "components/form-field-option-label",
@@ -10589,4 +10479,4 @@
       "overwrites/koop/link"
     ]
   }
-}
+}