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

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

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 +665 -655
package/package.json +5 -5

package/dist/tokens.json CHANGED Viewed

@@ -1384,66 +1384,7 @@
       }
     },
     "table-of-contents": {},
-    "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"
-      },
+    "table": {
       "border-color": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
@@ -1454,16 +1395,6 @@
         },
         "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": {
@@ -1474,47 +1405,43 @@
         },
         "type": "borderWidth"
       },
-      "color": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<color>",
-            "inherits": true
-          },
-          "nl.nldesignsystem.figma.supports-token": false
-        },
-        "type": "color"
-      },
-      "padding-block-start": {
+      "font-family": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
+            "syntax": "*",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": false
+          "nl.nldesignsystem.fallback": [
+            "utrecht.document.color"
+          ],
+          "nl.nldesignsystem.figma.supports-token": true
         },
-        "type": "spacing"
+        "type": "fontFamilies"
       },
-      "padding-block-end": {
+      "font-size": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
             "syntax": "<length>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": false
+          "nl.nldesignsystem.figma.supports-token": true
         },
-        "type": "spacing"
+        "type": "fontSizes"
       },
-      "padding-inline-start": {
+      "line-height": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
+            "syntax": [
+              "<length>",
+              "<number>"
+            ],
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": false
+          "nl.nldesignsystem.figma.supports-token": true
         },
-        "type": "spacing"
+        "type": "lineHeights"
       },
-      "padding-inline-end": {
+      "margin-block-end": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
             "syntax": "<length>",
@@ -1534,46 +1461,36 @@
         },
         "type": "spacing"
       },
-      "margin-block-end": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
-            "inherits": true
-          },
-          "nl.nldesignsystem.figma.supports-token": false
-        },
-        "type": "spacing"
-      },
-      "info": {
-        "background-color": {
+      "caption": {
+        "font-weight": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<color>",
+              "syntax": "<number>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": false
+            "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "color"
+          "type": "fontWeights"
         },
-        "border-color": {
+        "font-family": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<color>",
+              "syntax": "*",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": false
+            "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "color"
+          "type": "fontFamilies"
         },
-        "border-width": {
+        "font-size": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": false
+            "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "borderWidth"
+          "type": "fontSizes"
         },
         "color": {
           "$extensions": {
@@ -1581,89 +1498,71 @@
               "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
-            },
-            "type": "color"
-          }
-        }
-      },
-      "warning": {
-        "background-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-color": {
+        "text-align": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<color>",
+              "syntax": [
+                "left",
+                "right",
+                "start",
+                "end"
+              ],
               "inherits": true
             },
             "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "color"
+          "type": "other"
         },
-        "border-width": {
+        "margin-block-end": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": false
+            "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "borderWidth"
-        },
-        "color": {
+          "type": "spacing"
+        }
+      },
+      "header": {
+        "font-weight": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<color>",
+              "syntax": "<number>",
               "inherits": true
             },
             "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "color"
+          "type": "fontWeights"
         },
-        "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": false
+            "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "color"
         },
-        "border-color": {
+        "color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<color>",
@@ -1673,28 +1572,41 @@
           },
           "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": {
-          "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>",
@@ -1703,39 +1615,49 @@
               "nl.nldesignsystem.figma.supports-token": false
             },
             "type": "color"
-          }
-        }
-      },
-      "ok": {
-        "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": {
-              "syntax": "<color>",
-              "inherits": true
+          "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"
-        },
-        "border-width": {
+          "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": {
+        "background-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
+              "syntax": "<color>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": false
+            "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "borderWidth"
+          "type": "color"
         },
         "color": {
           "$extensions": {
@@ -1747,7 +1669,17 @@
           },
           "type": "color"
         },
-        "icon": {
+        "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": {
@@ -1759,115 +1691,27 @@
             "type": "color"
           }
         }
-      }
-    },
-    "table": {
-      "border-color": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<color>",
-            "inherits": true
-          },
-          "nl.nldesignsystem.figma.supports-token": false
-        },
-        "type": "color"
-      },
-      "border-width": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
-            "inherits": true
-          },
-          "nl.nldesignsystem.figma.supports-token": false
-        },
-        "type": "borderWidth"
-      },
-      "font-family": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "*",
-            "inherits": true
-          },
-          "nl.nldesignsystem.fallback": [
-            "utrecht.document.color"
-          ],
-          "nl.nldesignsystem.figma.supports-token": true
-        },
-        "type": "fontFamilies"
-      },
-      "font-size": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
-            "inherits": true
-          },
-          "nl.nldesignsystem.figma.supports-token": true
-        },
-        "type": "fontSizes"
-      },
-      "line-height": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": [
-              "<length>",
-              "<number>"
-            ],
-            "inherits": true
-          },
-          "nl.nldesignsystem.figma.supports-token": true
-        },
-        "type": "lineHeights"
-      },
-      "margin-block-end": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
-            "inherits": true
-          },
-          "nl.nldesignsystem.figma.supports-token": false
-        },
-        "type": "spacing"
       },
-      "margin-block-start": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
-            "inherits": true
-          },
-          "nl.nldesignsystem.figma.supports-token": false
-        },
-        "type": "spacing"
-      },
-      "caption": {
-        "font-weight": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "<number>",
-              "inherits": true
-            },
-            "nl.nldesignsystem.figma.supports-token": true
-          },
-          "type": "fontWeights"
-        },
-        "font-family": {
+      "header-cell": {
+        "font-size": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "*",
+              "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": true
+            "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "fontFamilies"
+          "type": "fontSizes"
         },
-        "font-size": {
+        "font-weight": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
+              "syntax": "<number>",
               "inherits": true
             },
             "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "fontSizes"
+          "type": "fontWeights"
         },
         "color": {
           "$extensions": {
@@ -1879,35 +1723,35 @@
           },
           "type": "color"
         },
-        "line-height": {
+        "text-transform": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": [
-                "<length>",
-                "<number>"
+                "inherit",
+                "uppercase"
               ],
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": true
+            "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "lineHeights"
-        },
-        "text-align": {
+          "type": "textCase"
+        }
+      },
+      "cell": {
+        "line-height": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": [
-                "left",
-                "right",
-                "start",
-                "end"
+                "<length>",
+                "<number>"
               ],
               "inherits": true
             },
             "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "other"
+          "type": "lineHeights"
         },
-        "margin-block-end": {
+        "padding-block-end": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<length>",
@@ -1916,63 +1760,28 @@
             "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "spacing"
-        }
-      },
-      "header": {
-        "font-weight": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "<number>",
-              "inherits": true
-            },
-            "nl.nldesignsystem.figma.supports-token": false
-          },
-          "type": "fontWeights"
         },
-        "background-color": {
+        "padding-block-start": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<color>",
+              "syntax": "<length>",
               "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": false
-          },
-          "type": "color"
-        },
-        "text-transform": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": [
-                "inherit",
-                "uppercase"
-              ],
-              "inherits": true
-            },
-            "nl.nldesignsystem.figma.supports-token": false
-          },
-          "type": "textCase"
+          "type": "spacing"
         },
-        "border-block-end-color": {
+        "padding-inline-end": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<color>",
+              "syntax": "<length>",
               "inherits": true
             },
             "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "color"
+          "type": "spacing"
         },
-        "border-block-end-width": {
+        "padding-inline-start": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<length>",
@@ -1980,9 +1789,9 @@
             },
             "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "borderWidth"
+          "type": "spacing"
         },
-        "sticky": {
+        "selected": {
           "background-color": {
             "$extensions": {
               "nl.nldesignsystem.css.property": {
@@ -2002,31 +1811,23 @@
               "nl.nldesignsystem.figma.supports-token": false
             },
             "type": "color"
-          },
-          "border-block-end-color": {
+          }
+        },
+        "icon": {
+          "size": {
             "$extensions": {
               "nl.nldesignsystem.css.property": {
-                "syntax": "<color>",
+                "syntax": "<length>",
                 "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"
+            "type": "sizing"
           }
         }
       },
-      "footer": {
-        "background-color": {
+      "row": {
+        "border-block-end-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<color>",
@@ -2036,17 +1837,65 @@
           },
           "type": "color"
         },
-        "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"
         },
-        "sticky": {
+        "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": {
@@ -2068,117 +1917,264 @@
             "type": "color"
           }
         }
+      }
+    },
+    "surface": {
+      "background-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>",
-              "inherits": true
-            },
-            "nl.nldesignsystem.figma.supports-token": false
+      "color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<color>",
+            "inherits": true
           },
-          "type": "fontSizes"
+          "nl.nldesignsystem.figma.supports-token": false
         },
-        "font-weight": {
+        "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": {
+            "syntax": "<color>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "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": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "borderWidth"
+      },
+      "color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<color>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "color"
+      },
+      "padding-block-start": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "spacing"
+      },
+      "padding-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"
+      },
+      "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"
+      },
+      "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"
         },
-        "color": {
+        "border-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<color>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": true
+            "nl.nldesignsystem.figma.supports-token": false
           },
           "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"
-        }
-      },
-      "cell": {
-        "line-height": {
+          "type": "borderWidth"
+        },
+        "color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": [
-                "<length>",
-                "<number>"
-              ],
+              "syntax": "<color>",
               "inherits": true
             },
             "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "lineHeights"
+          "type": "color"
         },
-        "padding-block-end": {
+        "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>",
+              "syntax": "<color>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": true
+            "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "spacing"
+          "type": "color"
         },
-        "padding-block-start": {
+        "border-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
+              "syntax": "<color>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": true
+            "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "spacing"
+          "type": "color"
         },
-        "padding-inline-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"
+          "type": "borderWidth"
         },
-        "padding-inline-start": {
+        "color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
+              "syntax": "<color>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": true
+            "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "spacing"
+          "type": "color"
         },
-        "selected": {
-          "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": {
@@ -2189,78 +2185,50 @@
             },
             "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": {
+      "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"
         },
-        "border-block-end-width": {
+        "border-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
+              "syntax": "<color>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": true
+            "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "borderWidth"
+          "type": "color"
         },
-        "padding-inline-end": {
+        "border-width": {
           "$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"
+          "type": "borderWidth"
         },
-        "padding-inline-start": {
+        "color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
+              "syntax": "<color>",
               "inherits": true
             },
-            "nl.nldesignsystem.fallback": [
-              "utrecht.table.cell.padding-inline-start"
-            ],
             "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "spacing"
+          "type": "color"
         },
-        "alternate-odd": {
-          "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": {
@@ -2271,18 +2239,50 @@
             },
             "type": "color"
           }
+        }
+      },
+      "ok": {
+        "background-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
+        "border-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
             },
-            "type": "color"
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "color"
+        },
+        "border-width": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "borderWidth"
+        },
+        "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": {
@@ -3398,6 +3398,16 @@
           "nl.nldesignsystem.figma.supports-token": false
         },
         "type": "fontFamilies"
+      },
+      "font-size-adjust": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<number>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "other"
       }
     },
     "rich-text": {
@@ -6667,6 +6677,28 @@
       }
     },
     "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": {
@@ -6847,66 +6879,6 @@
         }
       }
     },
-    "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"
-      }
-    },
-    "logo-image": {
-      "decoration-1": {
-        "color": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "<color>",
-              "inherits": true
-            },
-            "nl.nldesignsystem.figma.supports-token": false
-          },
-          "type": "color"
-        }
-      },
-      "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": {
@@ -6964,20 +6936,58 @@
             "syntax": "<color>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": false
-        },
-        "type": "color"
+          "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"
+        }
+      }
+    },
+    "logo-image": {
+      "decoration-1": {
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "color"
+        }
+      },
+      "decoration-2": {
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "color"
+        }
       },
-      "icon": {
-        "size": {
+      "decoration-3": {
+        "color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
+              "syntax": "<color>",
               "inherits": true
             },
             "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "sizing"
+          "type": "color"
         }
       }
     },
@@ -7035,60 +7045,6 @@
         "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": {
@@ -7418,6 +7374,60 @@
         }
       }
     },
+    "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,7 +7884,6 @@
         }
       }
     },
-    "image": {},
     "index-char-nav": {
       "margin-block-start": {
         "$extensions": {
@@ -7921,6 +7930,7 @@
         }
       }
     },
+    "image": {},
     "iban-data": {},
     "html-content": {},
     "heading-group": {
@@ -16488,68 +16498,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
-            }
-          }
-        }
-      }
-    },
     "feedback": {
       "danger": {
         "background-color": {
@@ -16947,6 +16895,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
+            }
+          }
+        }
+      }
     }
   },
   "denhaag": {