@rijkshuisstijl-community/design-tokens 6.0.0 → 8.0.0

package/src/generated/koop/tokens.json

@@ -980,17 +980,53 @@
         }
       }
     },
-    "form-field-error-message": {
-      "icon": {
-        "margin-inline-end": {
-          "type": "dimension",
-          "value": "0.5rem"
+    "form-label": {
+      "color": {
+        "type": "color",
+        "value": "#0F172A"
+      },
+      "font-size": {
+        "type": "fontSizes",
+        "value": "1.25rem"
+      },
+      "font-weight": {
+        "type": "fontWeights",
+        "value": 700
+      },
+      "checkbox": {
+        "color": {
+          "type": "color",
+          "value": "#0F172A"
         },
-        "size": {
-          "type": "dimension",
-          "value": "24px"
+        "font-weight": {
+          "type": "fontWeights",
+          "value": 400
         }
       },
+      "radio": {
+        "color": {
+          "type": "color",
+          "value": "#0F172A"
+        },
+        "font-weight": {
+          "type": "fontWeights",
+          "value": 400
+        }
+      },
+      "checked": {
+        "font-weight": {
+          "type": "fontWeights",
+          "value": 400
+        }
+      },
+      "disabled": {
+        "color": {
+          "type": "color",
+          "value": "#94A3B8"
+        }
+      }
+    },
+    "form-field-error-message": {
       "background-color": {
         "type": "color",
         "value": "transparent"
@@ -1043,10 +1079,6 @@
       }
     },
     "form-field-description": {
-      "padding-block-end": {
-        "value": "0.5rem",
-        "type": "dimension"
-      },
       "color": {
         "type": "color",
         "value": "#334155"
@@ -1074,52 +1106,6 @@
         "description": "[code-only]"
       }
     },
-    "form-label": {
-      "color": {
-        "type": "color",
-        "value": "#0F172A"
-      },
-      "font-size": {
-        "type": "fontSizes",
-        "value": "1.25rem"
-      },
-      "font-weight": {
-        "type": "fontWeights",
-        "value": 700
-      },
-      "checkbox": {
-        "color": {
-          "type": "color",
-          "value": "#0F172A"
-        },
-        "font-weight": {
-          "type": "fontWeights",
-          "value": 400
-        }
-      },
-      "radio": {
-        "color": {
-          "type": "color",
-          "value": "#0F172A"
-        },
-        "font-weight": {
-          "type": "fontWeights",
-          "value": 400
-        }
-      },
-      "checked": {
-        "font-weight": {
-          "type": "fontWeights",
-          "value": 400
-        }
-      },
-      "disabled": {
-        "color": {
-          "type": "color",
-          "value": "#94A3B8"
-        }
-      }
-    },
     "figure": {
       "caption": {
         "border-color": {
@@ -1225,178 +1211,6 @@
       }
     },
     "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
-      },
-      "margin-block-start": {
-        "type": "dimension",
-        "value": 0
-      },
-      "margin-inline-end": {
-        "type": "dimension",
-        "value": 0
-      },
-      "margin-inline-start": {
-        "type": "dimension",
-        "value": 0
-      },
-      "blue-corner-border-variation": {
-        "border-block-end-width": {
-          "type": "dimension",
-          "value": "2px"
-        },
-        "border-color": {
-          "type": "color",
-          "value": "#154273"
-        },
-        "border-end-end-radius": {
-          "type": "dimension",
-          "value": "3rem"
-        },
-        "border-inline-end-width": {
-          "type": "dimension",
-          "value": "2px"
-        }
-      },
-      "caption": {
-        "color": {
-          "type": "color",
-          "value": "#154273"
-        },
-        "font-family": {
-          "type": "fontFamilies",
-          "value": "RijksSans, Arial, Verdana, sans-serif"
-        },
-        "font-size": {
-          "type": "fontSizes",
-          "value": "1.25rem"
-        },
-        "font-weight": {
-          "type": "fontWeights",
-          "value": 400
-        },
-        "line-height": {
-          "type": "lineHeights",
-          "value": "150%"
-        },
-        "padding-block-start": {
-          "type": "dimension",
-          "value": "0.75rem"
-        }
-      },
-      "content": {
-        "font-family": {
-          "type": "fontFamilies",
-          "value": "RijksSans, Arial, Verdana, sans-serif"
-        },
-        "font-weight": {
-          "type": "fontWeights",
-          "value": 400
-        },
-        "line-height": {
-          "type": "lineHeights",
-          "value": "150%"
-        },
-        "color": {
-          "value": "#154273",
-          "type": "color"
-        },
-        "font-size": {
-          "value": "1.25rem",
-          "type": "fontSizes"
-        }
-      },
-      "pink-background-variation": {
-        "background-color": {
-          "type": "color",
-          "value": "#F6BDE1"
-        },
-        "border-end-start-radius": {
-          "type": "dimension",
-          "value": "3rem"
-        },
-        "padding": {
-          "type": "dimension",
-          "value": "2.5rem"
-        }
-      },
-      "pink-corner-border-variation": {
-        "border-block-start-width": {
-          "type": "dimension",
-          "value": "0.25rem"
-        },
-        "border-color": {
-          "type": "color",
-          "value": "#F6BDE1"
-        },
-        "border-inline-start-width": {
-          "type": "dimension",
-          "value": "0.25rem"
-        },
-        "border-start-start-radius": {
-          "type": "dimension",
-          "value": "3rem"
-        },
-        "padding": {
-          "type": "dimension",
-          "value": "2.5rem"
-        }
-      },
-      "pink-left-border-variation": {
-        "border-color": {
-          "type": "color",
-          "value": "#F6BDE1"
-        },
-        "border-inline-start-width": {
-          "type": "dimension",
-          "value": "0.75rem"
-        },
-        "padding-block-end": {
-          "type": "dimension",
-          "value": "1.5rem"
-        },
-        "padding-block-start": {
-          "type": "dimension",
-          "value": "1.5rem"
-        },
-        "padding-inline-end": {
-          "type": "dimension",
-          "value": "2.5rem"
-        },
-        "padding-inline-start": {
-          "type": "dimension",
-          "value": "2.5rem"
-        }
-      },
       "background-color": {
         "value": "transparent",
         "type": "color"
@@ -1458,6 +1272,16 @@
           "value": "1.25rem",
           "type": "fontSizes"
         }
+      },
+      "content": {
+        "color": {
+          "value": "#154273",
+          "type": "color"
+        },
+        "font-size": {
+          "value": "1.25rem",
+          "type": "fontSizes"
+        }
       }
     },
     "alert": {
@@ -2304,26 +2128,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": {
@@ -2620,6 +2424,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",
@@ -3085,6 +2911,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",
@@ -3868,10 +3766,54 @@
     }
   },
   "rhc": {
+    "blockquote": {
+      "margin-block-end": {
+        "value": "0rem",
+        "type": "dimension"
+      },
+      "margin-block-start": {
+        "value": "0rem",
+        "type": "dimension"
+      },
+      "margin-inline-end": {
+        "value": "0rem",
+        "type": "dimension"
+      },
+      "margin-inline-start": {
+        "value": "0rem",
+        "type": "dimension"
+      }
+    },
+    "data-badge-button": {
+      "column-gap": {
+        "value": "0.125rem",
+        "type": "dimension"
+      },
+      "hover": {
+        "background-color": {
+          "value": "#154273",
+          "type": "color"
+        },
+        "color": {
+          "value": "#fff",
+          "type": "color"
+        }
+      }
+    },
+    "breadcrumb-nav": {
+      "link": {
+        "current": {
+          "color": {
+            "type": "color",
+            "value": "#334155"
+          }
+        }
+      }
+    },
     "keep": {
       "_comment": {
-        "type": "other",
-        "value": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote."
+        "value": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.",
+        "type": "other"
       },
       "top-left": {
         "borderRadiusTopLeft": {
@@ -3946,32 +3888,6 @@
         }
       }
     },
-    "data-badge-button": {
-      "column-gap": {
-        "value": "0.125rem",
-        "type": "dimension"
-      },
-      "hover": {
-        "background-color": {
-          "value": "#154273",
-          "type": "color"
-        },
-        "color": {
-          "value": "#fff",
-          "type": "color"
-        }
-      }
-    },
-    "breadcrumb-nav": {
-      "link": {
-        "current": {
-          "color": {
-            "type": "color",
-            "value": "#334155"
-          }
-        }
-      }
-    },
     "rounded-corner": {
       "xs": {
         "border-radius": {
@@ -4089,6 +4005,10 @@
         "column-gap": {
           "value": "0.5rem",
           "type": "spacing"
+        },
+        "font-size": {
+          "value": "1.25rem",
+          "type": "fontSizes"
         }
       },
       "background-color": {
@@ -6325,7 +6245,7 @@
         "type": "dimension"
       },
       "3-lint": {
-        "value": "1440px",
+        "value": "144px",
         "type": "dimension"
       }
     },