@utrecht/design-tokens 2.0.0 → 2.1.1

package/dist/tokens.d.ts

@@ -1,25 +1,18 @@
 /**
- * Do not edit directly
- * Generated on Wed, 21 Aug 2024 08:24:57 GMT
+ * Do not edit directly, this file was auto-generated.
  */
 
 export default tokens;
 
 declare interface DesignToken {
-      value: any;
-      name?: string;
-      comment?: string;
-      themeable?: boolean;
-      attributes?: {
-        category?: string;
-        type?: string;
-        item?: string;
-        subitem?: string;
-        state?: string;
-        [key: string]: any;
-      };
-      [key: string]: any;
-    }
+  value?: any;
+  type?: string;
+  comment?: string;
+  name?: string;
+  themeable?: boolean;
+  attributes?: Record<string, unknown>;
+  [key: string]: any;
+}
 
 declare const tokens: {
   "utrecht": {
@@ -34,6 +27,7 @@ declare const tokens: {
           "nl.nldesignsystem.css.property": {}
         }
       },
+      "row-gap": DesignToken,
       "button": {
         "padding-inline-end": DesignToken,
         "padding-inline-start": DesignToken,
@@ -95,10 +89,24 @@ declare const tokens: {
       },
       "section": {
         "margin-block-start": DesignToken,
-        "margin-block-end": {}
+        "margin-block-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        }
       }
     },
     "alert-dialog": {
+      "margin-block-start": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      },
+      "margin-block-end": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      },
       "border-color": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {}
@@ -316,11 +324,23 @@ declare const tokens: {
       },
       "text-transform": {
         "$extensions": {
-          "nl.nldesignsystem.css.property": {}
+          "nl.nldesignsystem.css.property": {
+            "syntax": {}
+          }
         }
       }
     },
     "badge-list": {
+      "row-gap": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      },
+      "column-gap": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      },
       "item": {
         "margin-block": DesignToken,
         "margin-inline": DesignToken
@@ -356,14 +376,18 @@ declare const tokens: {
       },
       "line-height": {
         "$extensions": {
-          "nl.nldesignsystem.css.property": {}
+          "nl.nldesignsystem.css.property": {
+            "syntax": {}
+          }
         }
       },
       "padding-block": DesignToken,
       "padding-inline": DesignToken,
       "text-transform": {
         "$extensions": {
-          "nl.nldesignsystem.css.property": {}
+          "nl.nldesignsystem.css.property": {
+            "syntax": {}
+          }
         }
       },
       "font-style": DesignToken
@@ -374,6 +398,26 @@ declare const tokens: {
           "nl.nldesignsystem.css.property": {}
         }
       },
+      "border-inline-start-width": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      },
+      "border-color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      },
+      "border-radius": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      },
+      "border-width": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      },
       "color": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {}
@@ -398,7 +442,9 @@ declare const tokens: {
       },
       "font-style": {
         "$extensions": {
-          "nl.nldesignsystem.css.property": {}
+          "nl.nldesignsystem.css.property": {
+            "syntax": {}
+          }
         }
       },
       "font-family": {
@@ -416,12 +462,17 @@ declare const tokens: {
           "nl.nldesignsystem.css.property": {}
         }
       },
-      "padding-inline-block-start": {
+      "padding-block-start": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      },
+      "padding-block-end": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {}
         }
       },
-      "padding-inline-block-end": {
+      "row-gap": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {}
         }
@@ -432,14 +483,36 @@ declare const tokens: {
             "nl.nldesignsystem.css.property": {}
           }
         },
-        "font-size": DesignToken
+        "font-size": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        }
       },
       "content": {
         "color": DesignToken,
         "font-size": DesignToken
       },
-      "padding-block-start": {},
-      "padding-block-end": {},
+      "caption": {
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "font-size": DesignToken
+      },
+      "quote": {
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "font-size": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        }
+      },
       "margin-block-start": DesignToken,
       "margin-block-end": DesignToken
     },
@@ -451,9 +524,26 @@ declare const tokens: {
         }
       },
       "font-size": DesignToken,
+      "line-height": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": {}
+          }
+        }
+      },
+      "text-decoration": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": {}
+          },
+          "nl.nldesignsystem.fallback": {}
+        }
+      },
       "text-transform": {
         "$extensions": {
-          "nl.nldesignsystem.css.property": {}
+          "nl.nldesignsystem.css.property": {
+            "syntax": {}
+          }
         }
       },
       "item": {
@@ -491,11 +581,6 @@ declare const tokens: {
       },
       "separator": {
         "color": DesignToken,
-        "inline-size": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {}
-          }
-        },
         "icon": {
           "size": DesignToken
         }
@@ -558,6 +643,7 @@ declare const tokens: {
       "border-radius": DesignToken,
       "border-width": DesignToken,
       "color": DesignToken,
+      "column-gap": DesignToken,
       "font-family": DesignToken,
       "font-size": DesignToken,
       "font-weight": {
@@ -572,7 +658,9 @@ declare const tokens: {
       },
       "line-height": {
         "$extensions": {
-          "nl.nldesignsystem.css.property": {}
+          "nl.nldesignsystem.css.property": {
+            "syntax": {}
+          }
         }
       },
       "margin-block-start": DesignToken,
@@ -595,7 +683,9 @@ declare const tokens: {
       "padding-inline-end": DesignToken,
       "text-transform": {
         "$extensions": {
-          "nl.nldesignsystem.css.property": {}
+          "nl.nldesignsystem.css.property": {
+            "syntax": {}
+          }
         }
       },
       "active": {
@@ -609,7 +699,6 @@ declare const tokens: {
         "color": DesignToken
       },
       "icon": {
-        "gap": DesignToken,
         "size": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {}
@@ -692,7 +781,9 @@ declare const tokens: {
         },
         "line-height": {
           "$extensions": {
-            "nl.nldesignsystem.css.property": {},
+            "nl.nldesignsystem.css.property": {
+              "syntax": {}
+            },
             "nl.nldesignsystem.fallback": {}
           }
         },
@@ -803,7 +894,9 @@ declare const tokens: {
         },
         "line-height": {
           "$extensions": {
-            "nl.nldesignsystem.css.property": {},
+            "nl.nldesignsystem.css.property": {
+              "syntax": {}
+            },
             "nl.nldesignsystem.fallback": {}
           }
         },
@@ -918,7 +1011,9 @@ declare const tokens: {
         "font-weight": DesignToken,
         "line-height": {
           "$extensions": {
-            "nl.nldesignsystem.css.property": {},
+            "nl.nldesignsystem.css.property": {
+              "syntax": {}
+            },
             "nl.nldesignsystem.fallback": {}
           }
         },
@@ -1331,7 +1426,9 @@ declare const tokens: {
       },
       "line-height": {
         "$extensions": {
-          "nl.nldesignsystem.css.property": {}
+          "nl.nldesignsystem.css.property": {
+            "syntax": {}
+          }
         }
       }
     },
@@ -1385,25 +1482,37 @@ declare const tokens: {
       "column-rule-color": DesignToken,
       "column-rule-width": DesignToken,
       "column-width": DesignToken,
-      "gap": DesignToken
+      "gap": DesignToken,
+      "print": {
+        "column-count": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "column-width": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        }
+      }
     },
     "action": {
-      "busy": {
+      "activate": {
         "cursor": DesignToken
       },
-      "disabled": {
+      "busy": {
         "cursor": DesignToken
       },
-      "navigate": {
+      "disabled": {
         "cursor": DesignToken
       },
-      "submit": {
+      "inert": {
         "cursor": DesignToken
       },
-      "activate": {
+      "navigate": {
         "cursor": DesignToken
       },
-      "inert": {
+      "submit": {
         "cursor": DesignToken
       }
     },
@@ -1584,24 +1693,56 @@ declare const tokens: {
         "font-weight": DesignToken,
         "line-height": {
           "$extensions": {
-            "nl.nldesignsystem.css.property": {}
+            "nl.nldesignsystem.css.property": {
+              "syntax": {}
+            }
           }
         }
       },
       "item-value": {
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
         "font-size": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {}
           }
         },
-        "line-height": {
+        "font-weight": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {}
           }
         },
-        "color": {}
+        "line-height": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": {}
+            }
+          }
+        }
       },
       "rows": {
+        "border-bottom-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "border-bottom-width": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "gap": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "column": {
+          "min-inline-size": DesignToken,
+          "inline-size": DesignToken
+        },
         "item": {
           "margin-block-start": DesignToken,
           "padding-block-end": {
@@ -1618,14 +1759,7 @@ declare const tokens: {
         },
         "item-value": {
           "margin-block-start": DesignToken
-        },
-        "column": {
-          "inline-size": DesignToken,
-          "min-inline-size": DesignToken
-        },
-        "gap": {},
-        "border-bottom-width": {},
-        "border-bottom-color": {}
+        }
       }
     },
     "data-placeholder": {
@@ -1710,7 +1844,9 @@ declare const tokens: {
       "stressed": {
         "font-style": {
           "$extensions": {
-            "nl.nldesignsystem.css.property": {}
+            "nl.nldesignsystem.css.property": {
+              "syntax": {}
+            }
           }
         }
       },
@@ -1753,16 +1889,6 @@ declare const tokens: {
       "outline-width": DesignToken,
       "inverse": {
         "outline-color": DesignToken
-      },
-      "border-color": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {}
-        }
-      },
-      "border-width": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {}
-        }
       }
     },
     "form-control": {
@@ -1774,6 +1900,13 @@ declare const tokens: {
       "font-family": DesignToken,
       "font-size": DesignToken,
       "font-style": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": {}
+          }
+        }
+      },
+      "font-weight": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {}
         }
@@ -1792,74 +1925,65 @@ declare const tokens: {
         "color": DesignToken,
         "font-style": DesignToken
       },
-      "block-size": DesignToken,
       "disabled": {
-        "border-color": {},
-        "color": {}
+        "background-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "border-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        }
       },
       "focus": {
-        "border-color": DesignToken
+        "background-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "border-color": DesignToken,
+        "border-width": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        }
       },
       "invalid": {
+        "background-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
         "border-color": DesignToken,
-        "border-width": {}
-      },
-      "read-only": {
-        "background-color": DesignToken,
-        "color": DesignToken,
-        "border-color": DesignToken
-      }
-    },
-    "disabled": {
-      "background-color": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {}
-        }
-      },
-      "border-color": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {}
-        }
-      },
-      "color": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {}
-        }
-      }
-    },
-    "invalid": {
-      "background-color": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {}
-        }
-      },
-      "border-color": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {}
-        }
-      },
-      "border-width": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {}
+        "border-width": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
         }
       },
-      "color": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {}
-        }
-      }
-    },
-    "read-only": {
-      "border-color": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {}
-        }
+      "read-only": {
+        "background-color": DesignToken,
+        "border-color": DesignToken,
+        "color": DesignToken
       },
-      "color": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {}
-        }
-      }
+      "block-size": DesignToken
     },
     "form-field-description": {
       "color": {
@@ -1879,7 +2003,9 @@ declare const tokens: {
       },
       "font-style": {
         "$extensions": {
-          "nl.nldesignsystem.css.property": {}
+          "nl.nldesignsystem.css.property": {
+            "syntax": {}
+          }
         }
       },
       "line-height": {
@@ -2360,31 +2486,31 @@ declare const tokens: {
     },
     "link-social": {
       "background-color": DesignToken,
-      "border-width": DesignToken,
       "border-color": DesignToken,
-      "size": DesignToken,
-      "margin-inline-start": DesignToken,
+      "border-width": DesignToken,
       "color": DesignToken,
+      "margin-inline-start": DesignToken,
+      "size": DesignToken,
+      "icon": {
+        "size": DesignToken
+      },
       "hover": {
-        "scale": {
+        "background-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {}
           }
         },
-        "background-color": {
+        "color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {}
           }
         },
-        "color": {
+        "scale": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {}
           }
         },
         "transform-scale": DesignToken
-      },
-      "icon": {
-        "size": DesignToken
       }
     },
     "link": {
@@ -2406,6 +2532,27 @@ declare const tokens: {
       },
       "focus": {
         "color": DesignToken,
+        "background-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "text-decoration": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": {}
+            },
+            "nl.nldesignsystem.fallback": {}
+          }
+        },
+        "text-decoration-thickness": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {},
+            "nl.nldesignsystem.fallback": {}
+          }
+        }
+      },
+      "focus-visible": {
         "text-decoration": DesignToken,
         "text-decoration-thickness": {
           "$extensions": {
@@ -2476,6 +2623,11 @@ declare const tokens: {
           "nl.nldesignsystem.css.property": {}
         }
       },
+      "font-weight": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      },
       "inline-size": DesignToken,
       "max-block-size": DesignToken,
       "padding-block-end": {
@@ -2629,7 +2781,12 @@ declare const tokens: {
       }
     },
     "mapcontrolbutton": {
+      "background-color": DesignToken,
+      "border-color": DesignToken,
+      "border-radius": DesignToken,
+      "border-style": DesignToken,
       "border-width": DesignToken,
+      "color": DesignToken,
       "focus-transform-scale": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {}
@@ -2642,49 +2799,10 @@ declare const tokens: {
       },
       "min-block-size": DesignToken,
       "min-inline-size": DesignToken,
-      "margin-block-start": DesignToken,
-      "margin-block-end": DesignToken,
-      "margin-inline-start": DesignToken,
-      "margin-inline-end": DesignToken,
-      "padding-block-start": DesignToken,
-      "padding-block-end": DesignToken,
-      "padding-inline-start": DesignToken,
-      "padding-inline-end": DesignToken,
       "disabled": {
-        "color": DesignToken,
-        "hover-background-color": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {}
-          }
-        },
         "background-color": DesignToken,
-        "border-color": DesignToken
-      },
-      "primary-action": {
-        "background-color": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {}
-          }
-        },
-        "color": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {}
-          }
-        },
-        "hover-background-color": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {}
-          }
-        }
-      },
-      "background-color": DesignToken,
-      "border-color": DesignToken,
-      "border-radius": DesignToken,
-      "border-style": DesignToken,
-      "color": DesignToken,
-      "label": {
-        "margin-inline-start": DesignToken,
-        "margin-inline-end": DesignToken
+        "border-color": DesignToken,
+        "color": DesignToken
       },
       "focus": {
         "color": DesignToken,
@@ -2694,7 +2812,19 @@ declare const tokens: {
       "hover": {
         "background-color": DesignToken,
         "color": DesignToken
-      }
+      },
+      "label": {
+        "margin-inline-start": DesignToken,
+        "margin-inline-end": DesignToken
+      },
+      "margin-block-end": DesignToken,
+      "margin-block-start": DesignToken,
+      "margin-inline-end": DesignToken,
+      "margin-inline-start": DesignToken,
+      "padding-block-end": DesignToken,
+      "padding-block-start": DesignToken,
+      "padding-inline-end": DesignToken,
+      "padding-inline-start": DesignToken
     },
     "mark": {
       "background-color": DesignToken,
@@ -2759,6 +2889,54 @@ declare const tokens: {
         }
       }
     },
+    "number-badge": {
+      "background-color": DesignToken,
+      "border-color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {},
+          "nl.nldesignsystem.fallback": {}
+        }
+      },
+      "border-radius": DesignToken,
+      "border-width": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {},
+          "nl.nldesignsystem.fallback": {}
+        }
+      },
+      "color": DesignToken,
+      "font-family": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {},
+          "nl.nldesignsystem.fallback": {}
+        }
+      },
+      "font-size": DesignToken,
+      "font-weight": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {},
+          "nl.nldesignsystem.fallback": {}
+        }
+      },
+      "min-size": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      },
+      "min-block-size": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {},
+          "nl.nldesignsystem.fallback": {}
+        }
+      },
+      "min-inline-size": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      },
+      "padding-block": DesignToken,
+      "padding-inline": DesignToken
+    },
     "number-data": {
       "positive": {
         "color": DesignToken
@@ -2776,7 +2954,9 @@ declare const tokens: {
       },
       "line-height": {
         "$extensions": {
-          "nl.nldesignsystem.css.property": {},
+          "nl.nldesignsystem.css.property": {
+            "syntax": {}
+          },
           "nl.nldesignsystem.fallback": {}
         }
       },
@@ -2791,7 +2971,17 @@ declare const tokens: {
     },
     "page-content": {
       "padding-block-start": DesignToken,
-      "padding-block-end": DesignToken
+      "padding-block-end": DesignToken,
+      "padding-inline-start": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      },
+      "padding-inine-end": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      }
     },
     "page-footer": {
       "color": DesignToken,
@@ -2813,15 +3003,10 @@ declare const tokens: {
           "nl.nldesignsystem.css.property": {}
         }
       },
-      "padding-start": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {}
-        }
-      },
+      "padding-block-start": DesignToken,
       "padding-block-end": DesignToken,
-      "padding-inline-end": DesignToken,
       "padding-inline-start": DesignToken,
-      "padding-block-start": DesignToken
+      "padding-inline-end": DesignToken
     },
     "page": {
       "background-color": DesignToken,
@@ -2846,6 +3031,7 @@ declare const tokens: {
       "margin-block-end": DesignToken,
       "page-link": {
         "background-color": DesignToken,
+        "border-color": DesignToken,
         "border-radius": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {}
@@ -2871,11 +3057,11 @@ declare const tokens: {
           "background-color": DesignToken,
           "border-color": DesignToken,
           "color": DesignToken
-        },
-        "border-color": DesignToken
+        }
       },
       "relative-link": {
         "background-color": DesignToken,
+        "border-color": DesignToken,
         "border-radius": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {}
@@ -2912,8 +3098,7 @@ declare const tokens: {
               "nl.nldesignsystem.fallback": {}
             }
           }
-        },
-        "border-color": DesignToken
+        }
       }
     },
     "paragraph": {
@@ -2951,7 +3136,9 @@ declare const tokens: {
         },
         "line-height": {
           "$extensions": {
-            "nl.nldesignsystem.css.property": {},
+            "nl.nldesignsystem.css.property": {
+              "syntax": {}
+            },
             "nl.nldesignsystem.fallback": {}
           }
         }
@@ -2960,12 +3147,14 @@ declare const tokens: {
     "pre-heading": {
       "color": {
         "$extensions": {
-          "nl.nldesignsystem.css.property": {}
+          "nl.nldesignsystem.css.property": {},
+          "nl.nldesignsystem.fallback": {}
         }
       },
       "font-family": {
         "$extensions": {
-          "nl.nldesignsystem.css.property": {}
+          "nl.nldesignsystem.css.property": {},
+          "nl.nldesignsystem.fallback": {}
         }
       },
       "font-size": DesignToken,
@@ -2997,10 +3186,12 @@ declare const tokens: {
           "nl.nldesignsystem.css.property": {}
         }
       },
+      "margin-inline-end": DesignToken,
       "icon": {
         "size": DesignToken
       },
       "active": {
+        "background-color": DesignToken,
         "border-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {},
@@ -3013,7 +3204,6 @@ declare const tokens: {
             "nl.nldesignsystem.fallback": {}
           }
         },
-        "background-color": DesignToken,
         "color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {},
@@ -3022,19 +3212,20 @@ declare const tokens: {
         }
       },
       "checked": {
+        "background-color": DesignToken,
         "border-color": DesignToken,
         "border-width": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {}
           }
         },
-        "background-color": DesignToken,
         "color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {}
           }
         },
         "active": {
+          "background-color": DesignToken,
           "border-color": {
             "$extensions": {
               "nl.nldesignsystem.css.property": {}
@@ -3045,10 +3236,10 @@ declare const tokens: {
               "nl.nldesignsystem.css.property": {}
             }
           },
-          "background-color": DesignToken,
           "color": DesignToken
         },
         "hover": {
+          "background-color": DesignToken,
           "border-color": {
             "$extensions": {
               "nl.nldesignsystem.css.property": {},
@@ -3061,18 +3252,17 @@ declare const tokens: {
               "nl.nldesignsystem.fallback": {}
             }
           },
-          "background-color": DesignToken,
           "color": DesignToken
         },
         "focus": {
-          "border-color": DesignToken,
-          "border-width": {
+          "background-color": {
             "$extensions": {
               "nl.nldesignsystem.css.property": {},
               "nl.nldesignsystem.fallback": {}
             }
           },
-          "background-color": {
+          "border-color": DesignToken,
+          "border-width": {
             "$extensions": {
               "nl.nldesignsystem.css.property": {},
               "nl.nldesignsystem.fallback": {}
@@ -3087,6 +3277,7 @@ declare const tokens: {
         }
       },
       "hover": {
+        "background-color": DesignToken,
         "border-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {},
@@ -3099,7 +3290,6 @@ declare const tokens: {
             "nl.nldesignsystem.fallback": {}
           }
         },
-        "background-color": DesignToken,
         "color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {},
@@ -3108,14 +3298,14 @@ declare const tokens: {
         }
       },
       "focus": {
-        "border-color": DesignToken,
-        "border-width": {
+        "background-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {},
             "nl.nldesignsystem.fallback": {}
           }
         },
-        "background-color": {
+        "border-color": DesignToken,
+        "border-width": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {},
             "nl.nldesignsystem.fallback": {}
@@ -3129,6 +3319,7 @@ declare const tokens: {
         }
       },
       "disabled": {
+        "background-color": DesignToken,
         "border-color": DesignToken,
         "border-width": {
           "$extensions": {
@@ -3136,17 +3327,16 @@ declare const tokens: {
             "nl.nldesignsystem.fallback": {}
           }
         },
-        "background-color": DesignToken,
         "color": DesignToken
       },
       "invalid": {
-        "border-color": DesignToken,
-        "border-width": DesignToken,
         "background-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {}
           }
         },
+        "border-color": DesignToken,
+        "border-width": DesignToken,
         "color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {},
@@ -3155,8 +3345,7 @@ declare const tokens: {
         }
       },
       "color": DesignToken,
-      "border-radius": DesignToken,
-      "margin-inline-end": DesignToken
+      "border-radius": DesignToken
     },
     "rich-text": {
       "stranger": {
@@ -3180,8 +3369,8 @@ declare const tokens: {
         "background-color": DesignToken,
         "border-color": DesignToken,
         "color": DesignToken,
-        "font-weight": DesignToken,
         "font-size": DesignToken,
+        "font-weight": DesignToken,
         "hover": {
           "background-color": DesignToken,
           "scale": DesignToken
@@ -3243,7 +3432,9 @@ declare const tokens: {
           "font-weight": DesignToken,
           "line-height": {
             "$extensions": {
-              "nl.nldesignsystem.css.property": {}
+              "nl.nldesignsystem.css.property": {
+                "syntax": {}
+              }
             }
           },
           "color": DesignToken,
@@ -3289,6 +3480,11 @@ declare const tokens: {
           "nl.nldesignsystem.fallback": {}
         }
       },
+      "background-image": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      },
       "border-block-end-width": DesignToken,
       "border-bottom-width": {
         "$extensions": {
@@ -3331,6 +3527,18 @@ declare const tokens: {
           "nl.nldesignsystem.fallback": {}
         }
       },
+      "font-weight": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {},
+          "nl.nldesignsystem.fallback": {}
+        }
+      },
+      "line-height": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {},
+          "nl.nldesignsystem.fallback": {}
+        }
+      },
       "min-block-size": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {},
@@ -3414,6 +3622,12 @@ declare const tokens: {
             "nl.nldesignsystem.fallback": {}
           }
         },
+        "border-block-end-width": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {},
+            "nl.nldesignsystem.fallback": {}
+          }
+        },
         "border-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {},
@@ -3460,18 +3674,30 @@ declare const tokens: {
         "$extensions": {
           "nl.nldesignsystem.css.property": {},
           "nl.nldesignsystem.fallback": {}
-        },
-        "focus": {
-          "text-decoration": {
-            "$extensions": {
-              "nl.nldesignsystem.css.property": {}
-            }
-          }
         }
       },
       "focus": {
-        "color": DesignToken,
         "background-color": DesignToken,
+        "color": DesignToken,
+        "text-decoration": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": {}
+            }
+          }
+        }
+      },
+      "focus-visible": {
+        "background-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
         "text-decoration": DesignToken
       }
     },
@@ -3504,25 +3730,112 @@ declare const tokens: {
       },
       "info": {
         "background-color": DesignToken,
+        "border-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "border-width": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
         "color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {}
           }
+        },
+        "icon": {
+          "color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {}
+            }
+          }
         }
       },
       "warning": {
         "background-color": DesignToken,
+        "border-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "border-width": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "icon": {
+          "color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {}
+            }
+          }
+        }
+      },
+      "error": {
+        "background-color": DesignToken,
+        "border-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "border-width": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "icon": {
+          "color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {}
+            }
+          }
+        }
+      },
+      "ok": {
+        "background-color": DesignToken,
+        "border-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "border-width": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
         "color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {}
           }
+        },
+        "icon": {
+          "color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {}
+            }
+          }
         }
       }
     },
+    "subscript": {},
+    "superscript": {},
     "surface": {
       "background-color": DesignToken,
       "color": DesignToken
     },
+    "table-of-contents": {},
     "table": {
       "border-color": {
         "$extensions": {
@@ -3547,7 +3860,9 @@ declare const tokens: {
       },
       "line-height": {
         "$extensions": {
-          "nl.nldesignsystem.css.property": {}
+          "nl.nldesignsystem.css.property": {
+            "syntax": {}
+          }
         }
       },
       "margin-block-end": DesignToken,
@@ -3567,7 +3882,9 @@ declare const tokens: {
         },
         "line-height": {
           "$extensions": {
-            "nl.nldesignsystem.css.property": {}
+            "nl.nldesignsystem.css.property": {
+              "syntax": {}
+            }
           }
         },
         "text-align": DesignToken,
@@ -3587,7 +3904,9 @@ declare const tokens: {
         },
         "text-transform": {
           "$extensions": {
-            "nl.nldesignsystem.css.property": {}
+            "nl.nldesignsystem.css.property": {
+              "syntax": {}
+            }
           }
         },
         "border-block-end-color": DesignToken,
@@ -3599,6 +3918,28 @@ declare const tokens: {
           "border-block-end-width": DesignToken
         }
       },
+      "footer": {
+        "background-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "sticky": {
+          "background-color": DesignToken,
+          "color": DesignToken,
+          "border-block-start-color": DesignToken,
+          "border-block-start-width": DesignToken
+        },
+        "font-weight": {},
+        "text-transform": {},
+        "border-block-end-color": {},
+        "border-block-end-width": {}
+      },
       "header-cell": {
         "font-size": {
           "$extensions": {
@@ -3617,7 +3958,9 @@ declare const tokens: {
         },
         "text-transform": {
           "$extensions": {
-            "nl.nldesignsystem.css.property": {}
+            "nl.nldesignsystem.css.property": {
+              "syntax": {}
+            }
           }
         }
       },
@@ -3627,12 +3970,12 @@ declare const tokens: {
         "padding-block-start": DesignToken,
         "padding-inline-end": DesignToken,
         "padding-inline-start": DesignToken,
-        "icon": {
-          "size": DesignToken
-        },
         "selected": {
           "background-color": DesignToken,
           "color": DesignToken
+        },
+        "icon": {
+          "size": DesignToken
         }
       },
       "row": {
@@ -3658,19 +4001,6 @@ declare const tokens: {
           "background-color": DesignToken,
           "color": DesignToken
         }
-      },
-      "footer": {
-        "font-weight": {},
-        "color": {},
-        "text-transform": {},
-        "border-block-end-color": {},
-        "border-block-end-width": {},
-        "sticky": {
-          "background-color": DesignToken,
-          "color": DesignToken,
-          "border-block-start-color": DesignToken,
-          "border-block-start-width": DesignToken
-        }
       }
     },
     "textarea": {
@@ -3680,12 +4010,7 @@ declare const tokens: {
           "nl.nldesignsystem.fallback": {}
         }
       },
-      "border-block-end-width": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {},
-          "nl.nldesignsystem.fallback": {}
-        }
-      },
+      "border-block-end-width": DesignToken,
       "border-bottom-width": DesignToken,
       "border-color": {
         "$extensions": {
@@ -3723,6 +4048,12 @@ declare const tokens: {
           "nl.nldesignsystem.fallback": {}
         }
       },
+      "font-weight": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {},
+          "nl.nldesignsystem.fallback": {}
+        }
+      },
       "line-height": DesignToken,
       "max-inline-size": {
         "$extensions": {
@@ -3766,6 +4097,14 @@ declare const tokens: {
             "nl.nldesignsystem.css.property": {},
             "nl.nldesignsystem.fallback": {}
           }
+        },
+        "font-style": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": {}
+            },
+            "nl.nldesignsystem.fallback": {}
+          }
         }
       },
       "disabled": {
@@ -3827,6 +4166,12 @@ declare const tokens: {
             "nl.nldesignsystem.fallback": {}
           }
         },
+        "border-block-end-width": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {},
+            "nl.nldesignsystem.fallback": {}
+          }
+        },
         "color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {},
@@ -3905,6 +4250,12 @@ declare const tokens: {
           "nl.nldesignsystem.fallback": {}
         }
       },
+      "font-weight": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {},
+          "nl.nldesignsystem.fallback": {}
+        }
+      },
       "line-height": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {},
@@ -4041,6 +4392,11 @@ declare const tokens: {
       "color": DesignToken,
       "font-size": DesignToken,
       "line-height": DesignToken,
+      "max-inline-size": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      },
       "min-block-size": DesignToken,
       "min-inline-size": DesignToken,
       "padding-block-end": DesignToken,
@@ -4091,7 +4447,9 @@ declare const tokens: {
       },
       "line-height": {
         "$extensions": {
-          "nl.nldesignsystem.css.property": {},
+          "nl.nldesignsystem.css.property": {
+            "syntax": {}
+          },
           "nl.nldesignsystem.fallback": {}
         }
       },
@@ -4302,7 +4660,9 @@ declare const tokens: {
       },
       "line-height": {
         "$extensions": {
-          "nl.nldesignsystem.css.property": {}
+          "nl.nldesignsystem.css.property": {
+            "syntax": {}
+          }
         }
       },
       "step-heading": {