npm - @utrecht/component-library-design-tokens - Versions diffs - 1.1.0 → 1.1.1 - Mend

@utrecht/component-library-design-tokens 1.1.0 → 1.1.1

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 +524 -524
package/package.json +3 -3

package/dist/tokens.json CHANGED Viewed

@@ -3375,6 +3375,68 @@
         "type": "fontFamilies"
       }
     },
+    "rich-text": {
+      "stranger": {
+        "margin-block-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        }
+      },
+      "acquaintance": {
+        "margin-block-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        }
+      },
+      "friend": {
+        "margin-block-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        }
+      },
+      "best-friend": {
+        "margin-block-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        }
+      },
+      "confidant": {
+        "margin-block-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        }
+      }
+    },
     "radio-button": {
       "background-color": {
         "$extensions": {
@@ -3918,68 +3980,6 @@
         }
       }
     },
-    "rich-text": {
-      "stranger": {
-        "margin-block-end": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
-              "inherits": true
-            },
-            "nl.nldesignsystem.figma.supports-token": false
-          },
-          "type": "spacing"
-        }
-      },
-      "acquaintance": {
-        "margin-block-end": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
-              "inherits": true
-            },
-            "nl.nldesignsystem.figma.supports-token": false
-          },
-          "type": "spacing"
-        }
-      },
-      "friend": {
-        "margin-block-end": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
-              "inherits": true
-            },
-            "nl.nldesignsystem.figma.supports-token": false
-          },
-          "type": "spacing"
-        }
-      },
-      "best-friend": {
-        "margin-block-end": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
-              "inherits": true
-            },
-            "nl.nldesignsystem.figma.supports-token": false
-          },
-          "type": "spacing"
-        }
-      },
-      "confidant": {
-        "margin-block-end": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
-              "inherits": true
-            },
-            "nl.nldesignsystem.figma.supports-token": false
-          },
-          "type": "spacing"
-        }
-      }
-    },
     "preserve-data": {},
     "pre-heading": {
       "color": {
@@ -9076,6 +9076,18 @@
         }
       }
     },
+    "digid-button": {
+      "block-size": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "sizing"
+      }
+    },
     "document": {
       "background-color": {
         "$extensions": {
@@ -9141,18 +9153,6 @@
         "type": "lineHeights"
       }
     },
-    "digid-button": {
-      "block-size": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
-            "inherits": true
-          },
-          "nl.nldesignsystem.figma.supports-token": false
-        },
-        "type": "sizing"
-      }
-    },
     "data-placeholder": {
       "background-color": {
         "$extensions": {
@@ -13620,7 +13620,7 @@
         "type": "sizing"
       }
     },
-    "action-group": {
+    "alert": {
       "background-color": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
@@ -13631,38 +13631,47 @@
         },
         "type": "color"
       },
-      "column-gap": {
+      "border-color": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
+            "syntax": "<color>",
             "inherits": true
           },
           "nl.nldesignsystem.figma.supports-token": true
         },
-        "comment": "'column-gap', for lack of a better existing property.",
-        "type": "spacing"
+        "type": "color"
       },
-      "margin-block-end": {
+      "border-radius": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
+            "syntax": "<length-percentage>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": false
+          "nl.nldesignsystem.figma.supports-token": true
         },
-        "type": "spacing"
+        "type": "borderRadius"
       },
-      "margin-block-start": {
+      "border-width": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
             "syntax": "<length>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": false
+          "nl.nldesignsystem.figma.supports-token": true
         },
-        "type": "spacing"
+        "type": "borderWidth"
       },
-      "padding-block-end": {
+      "color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<color>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": true
+        },
+        "type": "color"
+      },
+      "column-gap": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
             "syntax": "<length>",
@@ -13682,7 +13691,7 @@
         },
         "type": "spacing"
       },
-      "row-gap": {
+      "padding-block-end": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
             "syntax": "<length>",
@@ -13690,32 +13699,29 @@
           },
           "nl.nldesignsystem.figma.supports-token": true
         },
-        "comment": "'row-gap', for lack of a better existing property.",
         "type": "spacing"
-      }
-    },
-    "accordion": {
-      "margin-block-start": {
+      },
+      "padding-inline-start": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
             "syntax": "<length>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": false
+          "nl.nldesignsystem.figma.supports-token": true
         },
         "type": "spacing"
       },
-      "margin-block-end": {
+      "padding-inline-end": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
             "syntax": "<length>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": false
+          "nl.nldesignsystem.figma.supports-token": true
         },
         "type": "spacing"
       },
-      "row-gap": {
+      "margin-block-start": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
             "syntax": "<length>",
@@ -13725,53 +13731,50 @@
         },
         "type": "spacing"
       },
-      "button": {
-        "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
+      "margin-block-end": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
           },
-          "type": "spacing"
+          "nl.nldesignsystem.figma.supports-token": false
         },
-        "padding-block-end": {
+        "type": "spacing"
+      },
+      "message": {
+        "row-gap": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": true
+            "nl.nldesignsystem.figma.supports-token": false
           },
           "type": "spacing"
-        },
-        "padding-block-start": {
+        }
+      },
+      "content": {
+        "row-gap": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": true
+            "nl.nldesignsystem.figma.supports-token": false
           },
           "type": "spacing"
-        },
+        }
+      },
+      "info": {
         "background-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<color>",
               "inherits": true
             },
+            "nl.nldesignsystem.fallback": [
+              "utrecht.alert.background-color"
+            ],
             "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "color"
@@ -13782,6 +13785,9 @@
               "syntax": "<color>",
               "inherits": true
             },
+            "nl.nldesignsystem.fallback": [
+              "utrecht.alert.color"
+            ],
             "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "color"
@@ -13792,198 +13798,63 @@
               "syntax": "<color>",
               "inherits": true
             },
+            "nl.nldesignsystem.fallback": [
+              "utrecht.alert.border-color"
+            ],
             "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "color"
         },
-        "border-radius": {
+        "border-width": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<length-percentage>",
+              "syntax": "<length>",
               "inherits": true
             },
+            "nl.nldesignsystem.fallback": [
+              "utrecht.alert.border-width"
+            ],
             "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "borderRadius"
-        },
-        "border-width": {
+          "type": "borderWidth"
+        }
+      },
+      "warning": {
+        "background-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
+              "syntax": "<color>",
               "inherits": true
             },
+            "nl.nldesignsystem.fallback": [
+              "utrecht.alert.background-color"
+            ],
             "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "borderWidth"
+          "type": "color"
         },
-        "gap": {
+        "color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
+              "syntax": "<color>",
               "inherits": true
             },
+            "nl.nldesignsystem.fallback": [
+              "utrecht.alert.color"
+            ],
             "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "spacing"
-        },
-        "hover": {
-          "background-color": {
-            "$extensions": {
-              "nl.nldesignsystem.css.property": {
-                "syntax": "<color>",
-                "inherits": true
-              },
-              "nl.nldesignsystem.figma.supports-token": true
-            },
-            "type": "color"
-          },
-          "border-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"
-          }
-        },
-        "active": {
-          "background-color": {
-            "$extensions": {
-              "nl.nldesignsystem.css.property": {
-                "syntax": "<color>",
-                "inherits": true
-              },
-              "nl.nldesignsystem.figma.supports-token": true
-            },
-            "type": "color"
-          },
-          "border-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"
-          }
-        },
-        "focus": {
-          "background-color": {
-            "$extensions": {
-              "nl.nldesignsystem.css.property": {
-                "syntax": "<color>",
-                "inherits": true
-              },
-              "nl.nldesignsystem.figma.supports-token": true
-            },
-            "type": "color"
-          },
-          "border-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"
-          }
-        },
-        "focus-visible": {
-          "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"
-          },
-          "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"
-          }
+          "type": "color"
         },
-        "icon": {
-          "size": {
-            "$extensions": {
-              "nl.nldesignsystem.css.property": {
-                "syntax": "<length>",
-                "inherits": true
-              },
-              "nl.nldesignsystem.figma.supports-token": true
-            },
-            "type": "sizing"
-          }
-        }
-      },
-      "panel": {
         "border-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<color>",
               "inherits": true
             },
+            "nl.nldesignsystem.fallback": [
+              "utrecht.alert.border-color"
+            ],
             "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "color"
@@ -13994,71 +13865,94 @@
               "syntax": "<length>",
               "inherits": true
             },
+            "nl.nldesignsystem.fallback": [
+              "utrecht.alert.border-width"
+            ],
             "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "borderWidth"
-        },
-        "padding-block-start": {
+        }
+      },
+      "error": {
+        "background-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
+              "syntax": "<color>",
               "inherits": true
             },
+            "nl.nldesignsystem.fallback": [
+              "utrecht.alert.background-color"
+            ],
             "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "spacing"
+          "type": "color"
         },
-        "padding-block-end": {
+        "color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
+              "syntax": "<color>",
               "inherits": true
             },
+            "nl.nldesignsystem.fallback": [
+              "utrecht.alert.color"
+            ],
             "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "spacing"
+          "type": "color"
         },
-        "padding-inline-start": {
+        "border-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
+              "syntax": "<color>",
               "inherits": true
             },
+            "nl.nldesignsystem.fallback": [
+              "utrecht.alert.border-color"
+            ],
             "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "spacing"
+          "type": "color"
         },
-        "padding-inline-end": {
+        "border-width": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<length>",
               "inherits": true
             },
+            "nl.nldesignsystem.fallback": [
+              "utrecht.alert.border-width"
+            ],
             "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "spacing"
+          "type": "borderWidth"
         }
       },
-      "section": {
-        "margin-block-start": {
+      "ok": {
+        "background-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
+              "syntax": "<color>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": false
+            "nl.nldesignsystem.fallback": [
+              "utrecht.alert.background-color"
+            ],
+            "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "spacing"
+          "type": "color"
         },
-        "margin-block-end": {
+        "color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
+              "syntax": "<color>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": false
+            "nl.nldesignsystem.fallback": [
+              "utrecht.alert.color"
+            ],
+            "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "spacing"
+          "type": "color"
         },
         "border-color": {
           "$extensions": {
@@ -14066,7 +13960,10 @@
               "syntax": "<color>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": false
+            "nl.nldesignsystem.fallback": [
+              "utrecht.alert.border-color"
+            ],
+            "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "color"
         },
@@ -14076,25 +13973,108 @@
               "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": false
-          },
-          "type": "borderWidth"
+            "nl.nldesignsystem.fallback": [
+              "utrecht.alert.border-width"
+            ],
+            "nl.nldesignsystem.figma.supports-token": true
+          },
+          "type": "borderWidth"
+        }
+      },
+      "icon": {
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": true
+          },
+          "type": "color"
         },
-        "hover": {
-          "border-color": {
+        "size": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": true
+          },
+          "type": "sizing"
+        },
+        "inset-block-start": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": true
+          },
+          "type": "spacing"
+        },
+        "info": {
+          "color": {
             "$extensions": {
               "nl.nldesignsystem.css.property": {
                 "syntax": "<color>",
                 "inherits": true
               },
-              "nl.nldesignsystem.figma.supports-token": false
+              "nl.nldesignsystem.fallback": [
+                "utrecht.alert.icon.color"
+              ]
             },
-            "type": "color"
-          }
+            "nl.nldesignsystem.figma.supports-token": true
+          },
+          "type": "color"
+        },
+        "error": {
+          "color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.fallback": [
+                "utrecht.alert.icon.color"
+              ]
+            },
+            "nl.nldesignsystem.figma.supports-token": true
+          },
+          "type": "color"
+        },
+        "warning": {
+          "color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.fallback": [
+                "utrecht.alert.icon.color"
+              ]
+            },
+            "nl.nldesignsystem.figma.supports-token": true
+          },
+          "type": "color"
+        },
+        "ok": {
+          "color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.fallback": [
+                "utrecht.alert.icon.color"
+              ]
+            },
+            "nl.nldesignsystem.figma.supports-token": true
+          },
+          "type": "color"
         }
       }
     },
-    "alert": {
+    "action-group": {
       "background-color": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
@@ -14105,27 +14085,7 @@
         },
         "type": "color"
       },
-      "border-color": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<color>",
-            "inherits": true
-          },
-          "nl.nldesignsystem.figma.supports-token": true
-        },
-        "type": "color"
-      },
-      "border-radius": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<length-percentage>",
-            "inherits": true
-          },
-          "nl.nldesignsystem.figma.supports-token": true
-        },
-        "type": "borderRadius"
-      },
-      "border-width": {
+      "column-gap": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
             "syntax": "<length>",
@@ -14133,29 +14093,30 @@
           },
           "nl.nldesignsystem.figma.supports-token": true
         },
-        "type": "borderWidth"
+        "comment": "'column-gap', for lack of a better existing property.",
+        "type": "spacing"
       },
-      "color": {
+      "margin-block-end": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
-            "syntax": "<color>",
+            "syntax": "<length>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": true
+          "nl.nldesignsystem.figma.supports-token": false
         },
-        "type": "color"
+        "type": "spacing"
       },
-      "column-gap": {
+      "margin-block-start": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
             "syntax": "<length>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": true
+          "nl.nldesignsystem.figma.supports-token": false
         },
         "type": "spacing"
       },
-      "padding-block-start": {
+      "padding-block-end": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
             "syntax": "<length>",
@@ -14165,7 +14126,7 @@
         },
         "type": "spacing"
       },
-      "padding-block-end": {
+      "padding-block-start": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
             "syntax": "<length>",
@@ -14175,7 +14136,7 @@
         },
         "type": "spacing"
       },
-      "padding-inline-start": {
+      "row-gap": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
             "syntax": "<length>",
@@ -14183,19 +14144,22 @@
           },
           "nl.nldesignsystem.figma.supports-token": true
         },
+        "comment": "'row-gap', for lack of a better existing property.",
         "type": "spacing"
-      },
-      "padding-inline-end": {
+      }
+    },
+    "accordion": {
+      "margin-block-start": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
             "syntax": "<length>",
             "inherits": true
           },
-          "nl.nldesignsystem.figma.supports-token": true
+          "nl.nldesignsystem.figma.supports-token": false
         },
         "type": "spacing"
       },
-      "margin-block-start": {
+      "margin-block-end": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
             "syntax": "<length>",
@@ -14205,7 +14169,7 @@
         },
         "type": "spacing"
       },
-      "margin-block-end": {
+      "row-gap": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
             "syntax": "<length>",
@@ -14215,94 +14179,53 @@
         },
         "type": "spacing"
       },
-      "message": {
-        "row-gap": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
-              "inherits": true
-            },
-            "nl.nldesignsystem.figma.supports-token": false
-          },
-          "type": "spacing"
-        }
-      },
-      "content": {
-        "row-gap": {
+      "button": {
+        "padding-inline-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": "<color>",
-              "inherits": true
-            },
-            "nl.nldesignsystem.fallback": [
-              "utrecht.alert.background-color"
-            ],
             "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "color"
+          "type": "spacing"
         },
-        "color": {
+        "padding-inline-start": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<color>",
+              "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.fallback": [
-              "utrecht.alert.color"
-            ],
             "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "color"
+          "type": "spacing"
         },
-        "border-color": {
+        "padding-block-end": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<color>",
+              "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.fallback": [
-              "utrecht.alert.border-color"
-            ],
             "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.fallback": [
-              "utrecht.alert.border-width"
-            ],
             "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "borderWidth"
-        }
-      },
-      "warning": {
+          "type": "spacing"
+        },
         "background-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<color>",
               "inherits": true
             },
-            "nl.nldesignsystem.fallback": [
-              "utrecht.alert.background-color"
-            ],
             "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "color"
@@ -14313,9 +14236,6 @@
               "syntax": "<color>",
               "inherits": true
             },
-            "nl.nldesignsystem.fallback": [
-              "utrecht.alert.color"
-            ],
             "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "color"
@@ -14326,63 +14246,198 @@
               "syntax": "<color>",
               "inherits": true
             },
-            "nl.nldesignsystem.fallback": [
-              "utrecht.alert.border-color"
-            ],
             "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "color"
         },
-        "border-width": {
+        "border-radius": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
+              "syntax": "<length-percentage>",
               "inherits": true
             },
-            "nl.nldesignsystem.fallback": [
-              "utrecht.alert.border-width"
-            ],
             "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "borderWidth"
-        }
-      },
-      "error": {
-        "background-color": {
+          "type": "borderRadius"
+        },
+        "border-width": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<color>",
+              "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.fallback": [
-              "utrecht.alert.background-color"
-            ],
             "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "color"
+          "type": "borderWidth"
         },
-        "color": {
+        "gap": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<color>",
+              "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.fallback": [
-              "utrecht.alert.color"
-            ],
             "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "color"
+          "type": "spacing"
         },
+        "hover": {
+          "background-color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": true
+            },
+            "type": "color"
+          },
+          "border-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"
+          }
+        },
+        "active": {
+          "background-color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": true
+            },
+            "type": "color"
+          },
+          "border-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"
+          }
+        },
+        "focus": {
+          "background-color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": true
+            },
+            "type": "color"
+          },
+          "border-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"
+          }
+        },
+        "focus-visible": {
+          "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"
+          },
+          "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": true
+            },
+            "type": "sizing"
+          }
+        }
+      },
+      "panel": {
         "border-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<color>",
               "inherits": true
             },
-            "nl.nldesignsystem.fallback": [
-              "utrecht.alert.border-color"
-            ],
             "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "color"
@@ -14393,158 +14448,103 @@
               "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.fallback": [
-              "utrecht.alert.border-width"
-            ],
             "nl.nldesignsystem.figma.supports-token": true
           },
           "type": "borderWidth"
-        }
-      },
-      "ok": {
-        "background-color": {
+        },
+        "padding-block-start": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<color>",
+              "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.fallback": [
-              "utrecht.alert.background-color"
-            ],
             "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "color"
+          "type": "spacing"
         },
-        "color": {
+        "padding-block-end": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<color>",
+              "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.fallback": [
-              "utrecht.alert.color"
-            ],
             "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "color"
+          "type": "spacing"
         },
-        "border-color": {
+        "padding-inline-start": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<color>",
+              "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.fallback": [
-              "utrecht.alert.border-color"
-            ],
             "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "color"
+          "type": "spacing"
         },
-        "border-width": {
+        "padding-inline-end": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.fallback": [
-              "utrecht.alert.border-width"
-            ],
             "nl.nldesignsystem.figma.supports-token": true
           },
-          "type": "borderWidth"
+          "type": "spacing"
         }
       },
-      "icon": {
-        "color": {
+      "section": {
+        "margin-block-start": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<color>",
+              "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": true
+            "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "color"
+          "type": "spacing"
         },
-        "size": {
+        "margin-block-end": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": true
+            "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "sizing"
+          "type": "spacing"
         },
-        "inset-block-start": {
+        "border-color": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
+              "syntax": "<color>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": true
-          },
-          "type": "spacing"
-        },
-        "info": {
-          "color": {
-            "$extensions": {
-              "nl.nldesignsystem.css.property": {
-                "syntax": "<color>",
-                "inherits": true
-              },
-              "nl.nldesignsystem.fallback": [
-                "utrecht.alert.icon.color"
-              ]
-            },
-            "nl.nldesignsystem.figma.supports-token": true
-          },
-          "type": "color"
-        },
-        "error": {
-          "color": {
-            "$extensions": {
-              "nl.nldesignsystem.css.property": {
-                "syntax": "<color>",
-                "inherits": true
-              },
-              "nl.nldesignsystem.fallback": [
-                "utrecht.alert.icon.color"
-              ]
-            },
-            "nl.nldesignsystem.figma.supports-token": true
+            "nl.nldesignsystem.figma.supports-token": false
           },
           "type": "color"
         },
-        "warning": {
-          "color": {
-            "$extensions": {
-              "nl.nldesignsystem.css.property": {
-                "syntax": "<color>",
-                "inherits": true
-              },
-              "nl.nldesignsystem.fallback": [
-                "utrecht.alert.icon.color"
-              ]
+        "border-width": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": true
+            "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "color"
+          "type": "borderWidth"
         },
-        "ok": {
-          "color": {
+        "hover": {
+          "border-color": {
             "$extensions": {
               "nl.nldesignsystem.css.property": {
                 "syntax": "<color>",
                 "inherits": true
               },
-              "nl.nldesignsystem.fallback": [
-                "utrecht.alert.icon.color"
-              ]
+              "nl.nldesignsystem.figma.supports-token": false
             },
-            "nl.nldesignsystem.figma.supports-token": true
-          },
-          "type": "color"
+            "type": "color"
+          }
         }
       }
     },