@rijkshuisstijl-community/design-tokens 7.0.0 → 9.0.0

package/src/generated/koop/tokens.json

@@ -544,11 +544,11 @@
         },
         "border-inline-start-width": {
           "type": "dimension",
-          "value": "0px"
+          "value": "2px"
         },
         "padding-inline-start": {
           "type": "dimension",
-          "value": "0rem"
+          "value": "1rem"
         }
       }
     },
@@ -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": {
@@ -3078,11 +2902,11 @@
           }
         },
         "padding-inline-start": {
-          "value": "0rem",
+          "value": "1rem",
           "type": "spacing"
         },
         "border-inline-start-width": {
-          "value": "0px",
+          "value": "2px",
           "type": "borderWidth"
         }
       }
@@ -3573,79 +3397,6 @@
         "value": "0.5rem"
       }
     },
-    "link": {
-      "active": {
-        "color": {
-          "value": "#800080",
-          "type": "color"
-        }
-      },
-      "focus": {
-        "text-decoration-thickness": {
-          "value": "1px",
-          "type": "other"
-        }
-      },
-      "hover": {
-        "text-decoration-line": {
-          "value": "underline",
-          "type": "textDecoration"
-        },
-        "text-decoration-thickness": {
-          "value": "2px",
-          "type": "other"
-        },
-        "color": {
-          "value": "#0F2E51",
-          "type": "color"
-        }
-      },
-      "text-decoration-line": {
-        "value": "underline",
-        "type": "textDecoration"
-      },
-      "text-decoration-thickness": {
-        "value": "1px",
-        "type": "other"
-      },
-      "visited": {
-        "color": {
-          "value": "#800080",
-          "type": "color"
-        }
-      },
-      "color": {
-        "type": "color",
-        "value": "#01689b"
-      },
-      "text-decoration-color": {
-        "value": "inherit",
-        "type": "color"
-      },
-      "text-underline-offset": {
-        "description": "[code-only]",
-        "type": "other",
-        "value": "0.125rem"
-      },
-      "current": {
-        "cursor": {
-          "type": "other",
-          "value": "default",
-          "description": "[code-only]"
-        }
-      },
-      "disabled": {
-        "color": {
-          "type": "color",
-          "value": "#334155"
-        },
-        "cursor": {
-          "description": "[code-only]",
-          "type": "other",
-          "value": "disabled"
-        }
-      }
-    },
     "skip-link": {
       "background-color": {
         "type": "color",
@@ -3746,6 +3497,87 @@
         }
       }
     },
+    "link": {
+      "color": {
+        "type": "color",
+        "value": "#01689b"
+      },
+      "text-decoration-color": {
+        "value": "inherit",
+        "type": "color"
+      },
+      "text-decoration-line": {
+        "type": "textDecoration",
+        "value": "underline"
+      },
+      "text-decoration-thickness": {
+        "type": "other",
+        "value": "0.0625em",
+        "description": "[code-only]"
+      },
+      "text-underline-offset": {
+        "description": "[code-only]",
+        "type": "other",
+        "value": "0.125rem"
+      },
+      "current": {
+        "cursor": {
+          "type": "other",
+          "value": "default",
+          "description": "[code-only]"
+        }
+      },
+      "active": {
+        "color": {
+          "type": "color",
+          "value": "#1a4972",
+          "$extensions": {
+            "studio.tokens": {
+              "modify": {
+                "type": "darken",
+                "value": "0.4",
+                "space": "lch"
+              }
+            }
+          }
+        }
+      },
+      "disabled": {
+        "color": {
+          "type": "color",
+          "value": "#334155"
+        },
+        "cursor": {
+          "description": "[code-only]",
+          "type": "other",
+          "value": "disabled"
+        }
+      },
+      "hover": {
+        "text-decoration-line": {
+          "type": "textDecoration",
+          "value": "underline"
+        },
+        "text-decoration-thickness": {
+          "description": "[code-only]",
+          "type": "other",
+          "value": "auto"
+        },
+        "color": {
+          "type": "color",
+          "value": "#01496c",
+          "$extensions": {
+            "studio.tokens": {
+              "modify": {
+                "space": "srgb",
+                "type": "darken",
+                "value": "0.3"
+              }
+            }
+          }
+        }
+      }
+    },
     "heading": {
       "level-1": {
         "color": {
@@ -3942,10 +3774,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": {
@@ -4020,32 +3896,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": {
@@ -4163,6 +4013,10 @@
         "column-gap": {
           "value": "0.5rem",
           "type": "spacing"
+        },
+        "font-size": {
+          "value": "1.25rem",
+          "type": "fontSizes"
         }
       },
       "background-color": {
@@ -5486,10 +5340,6 @@
           "type": "color"
         }
       },
-      "backdrop": {
-        "value": "#0000004d",
-        "type": "color"
-      },
       "border": {
         "default": {
           "parent": "mode/light",
@@ -6204,12 +6054,6 @@
         "value": "#000",
         "type": "color"
       },
-      "transparent": {
-        "30": {
-          "value": "#0000004d",
-          "type": "color"
-        }
-      },
       "none": {
         "value": "transparent",
         "type": "color"
@@ -6409,7 +6253,7 @@
         "type": "dimension"
       },
       "3-lint": {
-        "value": "1440px",
+        "value": "144px",
         "type": "dimension"
       }
     },