npm - @utrecht/component-library-design-tokens - Versions diffs - 1.1.10 → 1.1.11 - Mend

@utrecht/component-library-design-tokens 1.1.10 → 1.1.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/dist/tokens.json +727 -727
package/package.json +9 -9

package/dist/tokens.json CHANGED Viewed

@@ -1384,7 +1384,66 @@
       }
     },
     "table-of-contents": {},
-    "table": {
+    "surface": {
+      "background-color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<color>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "color"
+      },
+      "color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<color>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "color"
+      }
+    },
+    "superscript": {},
+    "subscript": {},
+    "status-badge": {
+      "letter-spacing": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": true
+        },
+        "type": "letterSpacing"
+      },
+      "text-transform": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": [
+              "inherit",
+              "uppercase"
+            ],
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": true
+        },
+        "type": "textCase"
+      }
+    },
+    "spotlight-section": {
+      "background-color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<color>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "color"
+      },
       "border-color": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
@@ -1395,6 +1454,16 @@
         },
         "type": "color"
       },
+      "border-radius": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length-percentage>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "borderRadius"
+      },
       "border-width": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
@@ -1405,43 +1474,47 @@
         },
         "type": "borderWidth"
       },
-      "font-family": {
+      "color": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
-            "syntax": "*",
+            "syntax": "<color>",
             "inherits": true
           },
-          "nl.nldesignsystem.fallback": [
-            "utrecht.document.color"
-          ],
-          "nl.nldesignsystem.figma.supports-token": true
+          "nl.nldesignsystem.figma.supports-token": false
         },
-        "type": "fontFamilies"
+        "type": "color"
       },
-      "font-size": {
+      "padding-block-start": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
             "syntax": "<length>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": true
+          "nl.nldesignsystem.figma.supports-token": false
         },
-        "type": "fontSizes"
+        "type": "spacing"
       },
-      "line-height": {
+      "padding-block-end": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
-            "syntax": [
-              "<length>",
-              "<number>"
-            ],
+            "syntax": "<length>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": true
+          "nl.nldesignsystem.figma.supports-token": false
         },
-        "type": "lineHeights"
+        "type": "spacing"
       },
-      "margin-block-end": {
+      "padding-inline-start": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "spacing"
+      },
+      "padding-inline-end": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
             "syntax": "<length>",
@@ -1461,36 +1534,46 @@
         },
         "type": "spacing"
       },
-      "caption": {
-        "font-weight": {
+      "margin-block-end": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "spacing"
+      },
+      "info": {
+        "background-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<number>",
+              "syntax": "<color>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": true
+            "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "fontWeights"
+          "type": "color"
         },
-        "font-family": {
+        "border-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "*",
+              "syntax": "<color>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": true
+            "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "fontFamilies"
+          "type": "color"
         },
-        "font-size": {
+        "border-width": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": true
+            "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "fontSizes"
+          "type": "borderWidth"
         },
         "color": {
           "$extensions": {
@@ -1498,71 +1581,89 @@
               "syntax": "<color>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": true
+            "nl.nldesignsystem.figma.supports-token": false
           },
           "type": "color"
         },
-        "line-height": {
+        "icon": {
+          "color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "color"
+          }
+        }
+      },
+      "warning": {
+        "background-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": [
-                "<length>",
-                "<number>"
-              ],
+              "syntax": "<color>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": true
+            "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "lineHeights"
+          "type": "color"
         },
-        "text-align": {
+        "border-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": [
-                "left",
-                "right",
-                "start",
-                "end"
-              ],
+              "syntax": "<color>",
               "inherits": true
             },
             "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "other"
+          "type": "color"
         },
-        "margin-block-end": {
+        "border-width": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": true
+            "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "spacing"
-        }
-      },
-      "header": {
-        "font-weight": {
+          "type": "borderWidth"
+        },
+        "color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<number>",
+              "syntax": "<color>",
               "inherits": true
             },
             "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "fontWeights"
+          "type": "color"
         },
+        "icon": {
+          "color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "color"
+          }
+        }
+      },
+      "error": {
         "background-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<color>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": true
+            "nl.nldesignsystem.figma.supports-token": false
           },
           "type": "color"
         },
-        "color": {
+        "border-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<color>",
@@ -1572,50 +1673,27 @@
           },
           "type": "color"
         },
-        "text-transform": {
+        "border-width": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": [
-                "inherit",
-                "uppercase"
-              ],
+              "syntax": "<length>",
               "inherits": true
             },
             "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "textCase"
+          "type": "borderWidth"
         },
-        "border-block-end-color": {
+        "color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<color>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": true
+            "nl.nldesignsystem.figma.supports-token": false
           },
           "type": "color"
         },
-        "border-block-end-width": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
-              "inherits": true
-            },
-            "nl.nldesignsystem.figma.supports-token": true
-          },
-          "type": "borderWidth"
-        },
-        "sticky": {
-          "background-color": {
-            "$extensions": {
-              "nl.nldesignsystem.css.property": {
-                "syntax": "<color>",
-                "inherits": true
-              },
-              "nl.nldesignsystem.figma.supports-token": false
-            },
-            "type": "color"
-          },
+        "icon": {
           "color": {
             "$extensions": {
               "nl.nldesignsystem.css.property": {
@@ -1625,41 +1703,21 @@
               "nl.nldesignsystem.figma.supports-token": false
             },
             "type": "color"
-          },
-          "border-block-end-color": {
-            "$extensions": {
-              "nl.nldesignsystem.css.property": {
-                "syntax": "<color>",
-                "inherits": true
-              },
-              "nl.nldesignsystem.figma.supports-token": false
-            },
-            "type": "color"
-          },
-          "border-block-end-width": {
-            "$extensions": {
-              "nl.nldesignsystem.css.property": {
-                "syntax": "<length>",
-                "inherits": true
-              },
-              "nl.nldesignsystem.figma.supports-token": false
-            },
-            "type": "borderWidth"
           }
         }
       },
-      "footer": {
+      "ok": {
         "background-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<color>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": true
+            "nl.nldesignsystem.figma.supports-token": false
           },
           "type": "color"
         },
-        "color": {
+        "border-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<color>",
@@ -1669,31 +1727,7 @@
           },
           "type": "color"
         },
-        "sticky": {
-          "background-color": {
-            "$extensions": {
-              "nl.nldesignsystem.css.property": {
-                "syntax": "<color>",
-                "inherits": true
-              },
-              "nl.nldesignsystem.figma.supports-token": false
-            },
-            "type": "color"
-          },
-          "color": {
-            "$extensions": {
-              "nl.nldesignsystem.css.property": {
-                "syntax": "<color>",
-                "inherits": true
-              },
-              "nl.nldesignsystem.figma.supports-token": false
-            },
-            "type": "color"
-          }
-        }
-      },
-      "header-cell": {
-        "font-size": {
+        "border-width": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<length>",
@@ -1701,17 +1735,7 @@
             },
             "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "fontSizes"
-        },
-        "font-weight": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "<number>",
-              "inherits": true
-            },
-            "nl.nldesignsystem.figma.supports-token": true
-          },
-          "type": "fontWeights"
+          "type": "borderWidth"
         },
         "color": {
           "$extensions": {
@@ -1719,193 +1743,11 @@
               "syntax": "<color>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": true
-          },
-          "type": "color"
-        },
-        "text-transform": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": [
-                "inherit",
-                "uppercase"
-              ],
-              "inherits": true
-            },
-            "nl.nldesignsystem.figma.supports-token": false
-          },
-          "type": "textCase"
-        }
-      },
-      "cell": {
-        "line-height": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": [
-                "<length>",
-                "<number>"
-              ],
-              "inherits": true
-            },
             "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "lineHeights"
-        },
-        "padding-block-end": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
-              "inherits": true
-            },
-            "nl.nldesignsystem.figma.supports-token": true
-          },
-          "type": "spacing"
-        },
-        "padding-block-start": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
-              "inherits": true
-            },
-            "nl.nldesignsystem.figma.supports-token": true
-          },
-          "type": "spacing"
-        },
-        "padding-inline-end": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
-              "inherits": true
-            },
-            "nl.nldesignsystem.figma.supports-token": true
-          },
-          "type": "spacing"
-        },
-        "padding-inline-start": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
-              "inherits": true
-            },
-            "nl.nldesignsystem.figma.supports-token": true
-          },
-          "type": "spacing"
-        },
-        "selected": {
-          "background-color": {
-            "$extensions": {
-              "nl.nldesignsystem.css.property": {
-                "syntax": "<color>",
-                "inherits": true
-              },
-              "nl.nldesignsystem.figma.supports-token": false
-            },
-            "type": "color"
-          },
-          "color": {
-            "$extensions": {
-              "nl.nldesignsystem.css.property": {
-                "syntax": "<color>",
-                "inherits": true
-              },
-              "nl.nldesignsystem.figma.supports-token": false
-            },
-            "type": "color"
-          }
-        },
-        "icon": {
-          "size": {
-            "$extensions": {
-              "nl.nldesignsystem.css.property": {
-                "syntax": "<length>",
-                "inherits": true
-              },
-              "nl.nldesignsystem.figma.supports-token": false
-            },
-            "type": "sizing"
-          }
-        }
-      },
-      "row": {
-        "border-block-end-color": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "<color>",
-              "inherits": true
-            },
-            "nl.nldesignsystem.figma.supports-token": true
-          },
           "type": "color"
         },
-        "border-block-end-width": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
-              "inherits": true
-            },
-            "nl.nldesignsystem.figma.supports-token": true
-          },
-          "type": "borderWidth"
-        },
-        "padding-inline-end": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
-              "inherits": true
-            },
-            "nl.nldesignsystem.fallback": [
-              "utrecht.table.cell.padding-inline-end"
-            ],
-            "nl.nldesignsystem.figma.supports-token": false
-          },
-          "type": "spacing"
-        },
-        "padding-inline-start": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
-              "inherits": true
-            },
-            "nl.nldesignsystem.fallback": [
-              "utrecht.table.cell.padding-inline-start"
-            ],
-            "nl.nldesignsystem.figma.supports-token": false
-          },
-          "type": "spacing"
-        },
-        "alternate-odd": {
-          "background-color": {
-            "$extensions": {
-              "nl.nldesignsystem.css.property": {
-                "syntax": "<color>",
-                "inherits": true
-              },
-              "nl.nldesignsystem.figma.supports-token": false
-            },
-            "type": "color"
-          },
-          "color": {
-            "$extensions": {
-              "nl.nldesignsystem.css.property": {
-                "syntax": "<color>",
-                "inherits": true
-              },
-              "nl.nldesignsystem.figma.supports-token": false
-            },
-            "type": "color"
-          }
-        },
-        "alternate-even": {
-          "background-color": {
-            "$extensions": {
-              "nl.nldesignsystem.css.property": {
-                "syntax": "<color>",
-                "inherits": true
-              },
-              "nl.nldesignsystem.figma.supports-token": false
-            },
-            "type": "color"
-          },
+        "icon": {
           "color": {
             "$extensions": {
               "nl.nldesignsystem.css.property": {
@@ -1919,8 +1761,8 @@
         }
       }
     },
-    "surface": {
-      "background-color": {
+    "table": {
+      "border-color": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
             "syntax": "<color>",
@@ -1930,76 +1772,63 @@
         },
         "type": "color"
       },
-      "color": {
+      "border-width": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
-            "syntax": "<color>",
+            "syntax": "<length>",
             "inherits": true
           },
           "nl.nldesignsystem.figma.supports-token": false
         },
-        "type": "color"
-      }
-    },
-    "superscript": {},
-    "subscript": {},
-    "status-badge": {
-      "letter-spacing": {
+        "type": "borderWidth"
+      },
+      "font-family": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
+            "syntax": "*",
             "inherits": true
           },
+          "nl.nldesignsystem.fallback": [
+            "utrecht.document.color"
+          ],
           "nl.nldesignsystem.figma.supports-token": true
         },
-        "type": "letterSpacing"
+        "type": "fontFamilies"
       },
-      "text-transform": {
+      "font-size": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
-            "syntax": [
-              "inherit",
-              "uppercase"
-            ],
+            "syntax": "<length>",
             "inherits": true
           },
           "nl.nldesignsystem.figma.supports-token": true
         },
-        "type": "textCase"
-      }
-    },
-    "spotlight-section": {
-      "background-color": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<color>",
-            "inherits": true
-          },
-          "nl.nldesignsystem.figma.supports-token": false
-        },
-        "type": "color"
+        "type": "fontSizes"
       },
-      "border-color": {
+      "line-height": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
-            "syntax": "<color>",
+            "syntax": [
+              "<length>",
+              "<number>"
+            ],
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": false
+          "nl.nldesignsystem.figma.supports-token": true
         },
-        "type": "color"
+        "type": "lineHeights"
       },
-      "border-radius": {
+      "margin-block-end": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
-            "syntax": "<length-percentage>",
+            "syntax": "<length>",
             "inherits": true
           },
           "nl.nldesignsystem.figma.supports-token": false
         },
-        "type": "borderRadius"
+        "type": "spacing"
       },
-      "border-width": {
+      "margin-block-start": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
             "syntax": "<length>",
@@ -2007,90 +1836,110 @@
           },
           "nl.nldesignsystem.figma.supports-token": false
         },
-        "type": "borderWidth"
+        "type": "spacing"
       },
-      "color": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<color>",
-            "inherits": true
+      "caption": {
+        "font-weight": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<number>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": true
           },
-          "nl.nldesignsystem.figma.supports-token": false
+          "type": "fontWeights"
         },
-        "type": "color"
-      },
-      "padding-block-start": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
-            "inherits": true
+        "font-family": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "*",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": true
           },
-          "nl.nldesignsystem.figma.supports-token": false
+          "type": "fontFamilies"
         },
-        "type": "spacing"
-      },
-      "padding-block-end": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
-            "inherits": true
+        "font-size": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": true
           },
-          "nl.nldesignsystem.figma.supports-token": false
+          "type": "fontSizes"
         },
-        "type": "spacing"
-      },
-      "padding-inline-start": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
-            "inherits": true
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": true
           },
-          "nl.nldesignsystem.figma.supports-token": false
+          "type": "color"
         },
-        "type": "spacing"
-      },
-      "padding-inline-end": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
-            "inherits": true
+        "line-height": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": [
+                "<length>",
+                "<number>"
+              ],
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": true
           },
-          "nl.nldesignsystem.figma.supports-token": false
+          "type": "lineHeights"
         },
-        "type": "spacing"
-      },
-      "margin-block-start": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
-            "inherits": true
+        "text-align": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": [
+                "left",
+                "right",
+                "start",
+                "end"
+              ],
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
           },
-          "nl.nldesignsystem.figma.supports-token": false
+          "type": "other"
         },
-        "type": "spacing"
+        "margin-block-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": true
+          },
+          "type": "spacing"
+        }
       },
-      "margin-block-end": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
-            "inherits": true
+      "header": {
+        "font-weight": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<number>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
           },
-          "nl.nldesignsystem.figma.supports-token": false
+          "type": "fontWeights"
         },
-        "type": "spacing"
-      },
-      "info": {
         "background-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<color>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": false
+            "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "color"
         },
-        "border-color": {
+        "color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<color>",
@@ -2100,27 +1949,50 @@
           },
           "type": "color"
         },
-        "border-width": {
+        "text-transform": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
+              "syntax": [
+                "inherit",
+                "uppercase"
+              ],
               "inherits": true
             },
             "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "borderWidth"
+          "type": "textCase"
         },
-        "color": {
+        "border-block-end-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<color>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": false
+            "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "color"
         },
-        "icon": {
+        "border-block-end-width": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": true
+          },
+          "type": "borderWidth"
+        },
+        "sticky": {
+          "background-color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "color"
+          },
           "color": {
             "$extensions": {
               "nl.nldesignsystem.css.property": {
@@ -2130,21 +2002,41 @@
               "nl.nldesignsystem.figma.supports-token": false
             },
             "type": "color"
+          },
+          "border-block-end-color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "color"
+          },
+          "border-block-end-width": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "borderWidth"
           }
         }
       },
-      "warning": {
+      "footer": {
         "background-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<color>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": false
+            "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "color"
         },
-        "border-color": {
+        "color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<color>",
@@ -2154,7 +2046,31 @@
           },
           "type": "color"
         },
-        "border-width": {
+        "sticky": {
+          "background-color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "color"
+          },
+          "color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "color"
+          }
+        }
+      },
+      "header-cell": {
+        "font-size": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<length>",
@@ -2162,7 +2078,17 @@
             },
             "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "borderWidth"
+          "type": "fontSizes"
+        },
+        "font-weight": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<number>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": true
+          },
+          "type": "fontWeights"
         },
         "color": {
           "$extensions": {
@@ -2170,65 +2096,89 @@
               "syntax": "<color>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": false
+            "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "color"
         },
-        "icon": {
-          "color": {
-            "$extensions": {
-              "nl.nldesignsystem.css.property": {
-                "syntax": "<color>",
-                "inherits": true
-              },
-              "nl.nldesignsystem.figma.supports-token": false
+        "text-transform": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": [
+                "inherit",
+                "uppercase"
+              ],
+              "inherits": true
             },
-            "type": "color"
-          }
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "textCase"
         }
       },
-      "error": {
-        "background-color": {
+      "cell": {
+        "line-height": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<color>",
+              "syntax": [
+                "<length>",
+                "<number>"
+              ],
               "inherits": true
             },
             "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "color"
+          "type": "lineHeights"
         },
-        "border-color": {
+        "padding-block-end": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<color>",
+              "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": false
+            "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "color"
+          "type": "spacing"
         },
-        "border-width": {
+        "padding-block-start": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": false
+            "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "borderWidth"
+          "type": "spacing"
         },
-        "color": {
+        "padding-inline-end": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<color>",
+              "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": false
+            "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "color"
+          "type": "spacing"
         },
-        "icon": {
+        "padding-inline-start": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": true
+          },
+          "type": "spacing"
+        },
+        "selected": {
+          "background-color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "color"
+          },
           "color": {
             "$extensions": {
               "nl.nldesignsystem.css.property": {
@@ -2239,50 +2189,100 @@
             },
             "type": "color"
           }
+        },
+        "icon": {
+          "size": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "sizing"
+          }
         }
       },
-      "ok": {
-        "background-color": {
+      "row": {
+        "border-block-end-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<color>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": false
+            "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "color"
         },
-        "border-color": {
+        "border-block-end-width": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<color>",
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": true
+          },
+          "type": "borderWidth"
+        },
+        "padding-inline-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
               "inherits": true
             },
+            "nl.nldesignsystem.fallback": [
+              "utrecht.table.cell.padding-inline-end"
+            ],
             "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "color"
+          "type": "spacing"
         },
-        "border-width": {
+        "padding-inline-start": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<length>",
               "inherits": true
             },
+            "nl.nldesignsystem.fallback": [
+              "utrecht.table.cell.padding-inline-start"
+            ],
             "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "borderWidth"
+          "type": "spacing"
+        },
+        "alternate-odd": {
+          "background-color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "color"
+          },
+          "color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "color"
+          }
         },
-        "color": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "<color>",
-              "inherits": true
+        "alternate-even": {
+          "background-color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
             },
-            "nl.nldesignsystem.figma.supports-token": false
+            "type": "color"
           },
-          "type": "color"
-        },
-        "icon": {
           "color": {
             "$extensions": {
               "nl.nldesignsystem.css.property": {
@@ -5233,6 +5233,58 @@
         }
       }
     },
+    "page": {
+      "background-color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<color>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "color"
+      },
+      "color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<color>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "color"
+      },
+      "margin-inline-start": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "spacing"
+      },
+      "margin-inline-end": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "spacing"
+      },
+      "max-inline-size": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "sizing"
+      }
+    },
     "ordered-list": {
       "font-size": {
         "$extensions": {
@@ -5349,58 +5401,6 @@
         }
       }
     },
-    "page": {
-      "background-color": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<color>",
-            "inherits": true
-          },
-          "nl.nldesignsystem.figma.supports-token": false
-        },
-        "type": "color"
-      },
-      "color": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<color>",
-            "inherits": true
-          },
-          "nl.nldesignsystem.figma.supports-token": false
-        },
-        "type": "color"
-      },
-      "margin-inline-start": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
-            "inherits": true
-          },
-          "nl.nldesignsystem.figma.supports-token": false
-        },
-        "type": "spacing"
-      },
-      "margin-inline-end": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
-            "inherits": true
-          },
-          "nl.nldesignsystem.figma.supports-token": false
-        },
-        "type": "spacing"
-      },
-      "max-inline-size": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
-            "inherits": true
-          },
-          "nl.nldesignsystem.figma.supports-token": false
-        },
-        "type": "sizing"
-      }
-    },
     "open-forms-container": {},
     "number-data": {
       "positive": {
@@ -6667,28 +6667,6 @@
       }
     },
     "multiline-data": {},
-    "mark": {
-      "background-color": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<color>",
-            "inherits": true
-          },
-          "nl.nldesignsystem.figma.supports-token": true
-        },
-        "type": "color"
-      },
-      "color": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<color>",
-            "inherits": true
-          },
-          "nl.nldesignsystem.figma.supports-token": true
-        },
-        "type": "color"
-      }
-    },
     "mapcontrolbutton": {
       "background-color": {
         "$extensions": {
@@ -6869,14 +6847,14 @@
         }
       }
     },
-    "map-marker": {
+    "mark": {
       "background-color": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
             "syntax": "<color>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": false
+          "nl.nldesignsystem.figma.supports-token": true
         },
         "type": "color"
       },
@@ -6886,98 +6864,120 @@
             "syntax": "<color>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": false
+          "nl.nldesignsystem.figma.supports-token": true
         },
         "type": "color"
+      }
+    },
+    "logo-image": {
+      "decoration-1": {
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "color"
+        }
       },
-      "size": {
+      "decoration-2": {
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "color"
+        }
+      },
+      "decoration-3": {
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "color"
+        }
+      }
+    },
+    "map-marker": {
+      "background-color": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
+            "syntax": "<color>",
             "inherits": true
           },
           "nl.nldesignsystem.figma.supports-token": false
         },
-        "type": "sizing"
+        "type": "color"
       },
-      "border-width": {
+      "color": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
+            "syntax": "<color>",
             "inherits": true
           },
           "nl.nldesignsystem.figma.supports-token": false
         },
-        "type": "borderWidth"
+        "type": "color"
       },
-      "border-color": {
+      "size": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
-            "syntax": "<color>",
+            "syntax": "<length>",
             "inherits": true
           },
           "nl.nldesignsystem.figma.supports-token": false
         },
-        "type": "color"
+        "type": "sizing"
       },
-      "box-shadow-color": {
+      "border-width": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
-            "syntax": "<color>",
+            "syntax": "<length>",
             "inherits": true
           },
           "nl.nldesignsystem.figma.supports-token": false
         },
-        "type": "color"
+        "type": "borderWidth"
       },
-      "icon": {
-        "size": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
-              "inherits": true
-            },
-            "nl.nldesignsystem.figma.supports-token": false
-          },
-          "type": "sizing"
-        }
-      }
-    },
-    "logo-image": {
-      "decoration-1": {
-        "color": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "<color>",
-              "inherits": true
-            },
-            "nl.nldesignsystem.figma.supports-token": false
+      "border-color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<color>",
+            "inherits": true
           },
-          "type": "color"
-        }
-      },
-      "decoration-2": {
-        "color": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "<color>",
-              "inherits": true
-            },
-            "nl.nldesignsystem.figma.supports-token": false
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "color"
+      },
+      "box-shadow-color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<color>",
+            "inherits": true
           },
-          "type": "color"
-        }
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "color"
       },
-      "decoration-3": {
-        "color": {
+      "icon": {
+        "size": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<color>",
+              "syntax": "<length>",
               "inherits": true
             },
             "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "color"
+          "type": "sizing"
         }
       }
     },
@@ -7035,6 +7035,60 @@
         "type": "sizing"
       }
     },
+    "list-social": {
+      "margin-block-start": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "spacing"
+      },
+      "margin-block-end": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "spacing"
+      },
+      "padding-inline-start": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "spacing"
+      },
+      "padding-inline-end": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "spacing"
+      },
+      "item": {
+        "margin-inline-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        }
+      }
+    },
     "listbox": {
       "background-color": {
         "$extensions": {
@@ -7364,60 +7418,6 @@
         }
       }
     },
-    "list-social": {
-      "margin-block-start": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
-            "inherits": true
-          },
-          "nl.nldesignsystem.figma.supports-token": false
-        },
-        "type": "spacing"
-      },
-      "margin-block-end": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
-            "inherits": true
-          },
-          "nl.nldesignsystem.figma.supports-token": false
-        },
-        "type": "spacing"
-      },
-      "padding-inline-start": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
-            "inherits": true
-          },
-          "nl.nldesignsystem.figma.supports-token": false
-        },
-        "type": "spacing"
-      },
-      "padding-inline-end": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
-            "inherits": true
-          },
-          "nl.nldesignsystem.figma.supports-token": false
-        },
-        "type": "spacing"
-      },
-      "item": {
-        "margin-inline-end": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
-              "inherits": true
-            },
-            "nl.nldesignsystem.figma.supports-token": false
-          },
-          "type": "spacing"
-        }
-      }
-    },
     "link-social": {
       "background-color": {
         "$extensions": {
@@ -7874,6 +7874,7 @@
         }
       }
     },
+    "image": {},
     "index-char-nav": {
       "margin-block-start": {
         "$extensions": {
@@ -7920,7 +7921,6 @@
         }
       }
     },
-    "image": {},
     "iban-data": {},
     "html-content": {},
     "heading-group": {
@@ -16488,6 +16488,68 @@
         }
       }
     },
+    "action": {
+      "activate": {
+        "cursor": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "*",
+              "inherits": true
+            }
+          }
+        }
+      },
+      "busy": {
+        "cursor": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "*",
+              "inherits": true
+            }
+          }
+        }
+      },
+      "disabled": {
+        "cursor": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "*",
+              "inherits": true
+            }
+          }
+        }
+      },
+      "inert": {
+        "cursor": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "*",
+              "inherits": true
+            }
+          }
+        }
+      },
+      "navigate": {
+        "cursor": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "*",
+              "inherits": true
+            }
+          }
+        }
+      },
+      "submit": {
+        "cursor": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "*",
+              "inherits": true
+            }
+          }
+        }
+      }
+    },
     "feedback": {
       "danger": {
         "background-color": {
@@ -16885,68 +16947,6 @@
           }
         }
       }
-    },
-    "action": {
-      "activate": {
-        "cursor": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "*",
-              "inherits": true
-            }
-          }
-        }
-      },
-      "busy": {
-        "cursor": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "*",
-              "inherits": true
-            }
-          }
-        }
-      },
-      "disabled": {
-        "cursor": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "*",
-              "inherits": true
-            }
-          }
-        }
-      },
-      "inert": {
-        "cursor": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "*",
-              "inherits": true
-            }
-          }
-        }
-      },
-      "navigate": {
-        "cursor": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "*",
-              "inherits": true
-            }
-          }
-        }
-      },
-      "submit": {
-        "cursor": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "*",
-              "inherits": true
-            }
-          }
-        }
-      }
     }
   },
   "denhaag": {