npm - @utrecht/component-library-design-tokens - Versions diffs - 2.0.1 → 2.0.2 - Mend

@utrecht/component-library-design-tokens 2.0.1 → 2.0.2

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 +171 -163
package/package.json +4 -4

package/dist/tokens.json CHANGED Viewed

@@ -21,7 +21,6 @@
         }
       }
     },
-    "url-data": {},
     "unordered-list": {
       "font-size": {
         "$extensions": {
@@ -258,6 +257,7 @@
         }
       }
     },
+    "url-data": {},
     "toptask-link-nav": {
       "gap": {
         "$extensions": {
@@ -1711,6 +1711,16 @@
         },
         "$type": "dimension"
       },
+      "row-gap": {
+        "$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>",
@@ -2021,36 +2031,6 @@
         }
       }
     },
-    "separator": {
-      "color": {
-        "$extensions": {
-          "nl.nldesignsystem.css-property-syntax": "<color>",
-          "nl.nldesignsystem.figma-implementation": true
-        },
-        "$type": "color"
-      },
-      "block-size": {
-        "$extensions": {
-          "nl.nldesignsystem.css-property-syntax": "<length>",
-          "nl.nldesignsystem.figma-implementation": true
-        },
-        "$type": "dimension"
-      },
-      "margin-block-end": {
-        "$extensions": {
-          "nl.nldesignsystem.css-property-syntax": "<length>",
-          "nl.nldesignsystem.figma-implementation": false
-        },
-        "$type": "dimension"
-      },
-      "margin-block-start": {
-        "$extensions": {
-          "nl.nldesignsystem.css-property-syntax": "<length>",
-          "nl.nldesignsystem.figma-implementation": false
-        },
-        "$type": "dimension"
-      }
-    },
     "select": {
       "background-color": {
         "$extensions": {
@@ -2389,6 +2369,36 @@
         }
       }
     },
+    "separator": {
+      "color": {
+        "$extensions": {
+          "nl.nldesignsystem.css-property-syntax": "<color>",
+          "nl.nldesignsystem.figma-implementation": true
+        },
+        "$type": "color"
+      },
+      "block-size": {
+        "$extensions": {
+          "nl.nldesignsystem.css-property-syntax": "<length>",
+          "nl.nldesignsystem.figma-implementation": true
+        },
+        "$type": "dimension"
+      },
+      "margin-block-end": {
+        "$extensions": {
+          "nl.nldesignsystem.css-property-syntax": "<length>",
+          "nl.nldesignsystem.figma-implementation": false
+        },
+        "$type": "dimension"
+      },
+      "margin-block-start": {
+        "$extensions": {
+          "nl.nldesignsystem.css-property-syntax": "<length>",
+          "nl.nldesignsystem.figma-implementation": false
+        },
+        "$type": "dimension"
+      }
+    },
     "search-bar": {
       "button": {
         "background-color": {
@@ -3916,6 +3926,36 @@
         }
       }
     },
+    "page-content": {
+      "padding-block-start": {
+        "$extensions": {
+          "nl.nldesignsystem.css-property-syntax": "<length>",
+          "nl.nldesignsystem.figma-implementation": false
+        },
+        "$type": "dimension"
+      },
+      "padding-block-end": {
+        "$extensions": {
+          "nl.nldesignsystem.css-property-syntax": "<length>",
+          "nl.nldesignsystem.figma-implementation": false
+        },
+        "$type": "dimension"
+      },
+      "padding-inline-start": {
+        "$extensions": {
+          "nl.nldesignsystem.css-property-syntax": "<length>",
+          "nl.nldesignsystem.figma-implementation": false
+        },
+        "$type": "dimension"
+      },
+      "padding-inine-end": {
+        "$extensions": {
+          "nl.nldesignsystem.css-property-syntax": "<length>",
+          "nl.nldesignsystem.figma-implementation": false
+        },
+        "$type": "dimension"
+      }
+    },
     "page-footer": {
       "color": {
         "$extensions": {
@@ -4011,29 +4051,36 @@
         }
       }
     },
-    "page-content": {
-      "padding-block-start": {
+    "page": {
+      "background-color": {
         "$extensions": {
-          "nl.nldesignsystem.css-property-syntax": "<length>",
+          "nl.nldesignsystem.css-property-syntax": "<color>",
           "nl.nldesignsystem.figma-implementation": false
         },
-        "$type": "dimension"
+        "$type": "color"
       },
-      "padding-block-end": {
+      "color": {
+        "$extensions": {
+          "nl.nldesignsystem.css-property-syntax": "<color>",
+          "nl.nldesignsystem.figma-implementation": false
+        },
+        "$type": "color"
+      },
+      "margin-inline-start": {
         "$extensions": {
           "nl.nldesignsystem.css-property-syntax": "<length>",
           "nl.nldesignsystem.figma-implementation": false
         },
         "$type": "dimension"
       },
-      "padding-inline-start": {
+      "margin-inline-end": {
         "$extensions": {
           "nl.nldesignsystem.css-property-syntax": "<length>",
           "nl.nldesignsystem.figma-implementation": false
         },
         "$type": "dimension"
       },
-      "padding-inine-end": {
+      "max-inline-size": {
         "$extensions": {
           "nl.nldesignsystem.css-property-syntax": "<length>",
           "nl.nldesignsystem.figma-implementation": false
@@ -4101,43 +4148,7 @@
         }
       }
     },
-    "page": {
-      "background-color": {
-        "$extensions": {
-          "nl.nldesignsystem.css-property-syntax": "<color>",
-          "nl.nldesignsystem.figma-implementation": false
-        },
-        "$type": "color"
-      },
-      "color": {
-        "$extensions": {
-          "nl.nldesignsystem.css-property-syntax": "<color>",
-          "nl.nldesignsystem.figma-implementation": false
-        },
-        "$type": "color"
-      },
-      "margin-inline-start": {
-        "$extensions": {
-          "nl.nldesignsystem.css-property-syntax": "<length>",
-          "nl.nldesignsystem.figma-implementation": false
-        },
-        "$type": "dimension"
-      },
-      "margin-inline-end": {
-        "$extensions": {
-          "nl.nldesignsystem.css-property-syntax": "<length>",
-          "nl.nldesignsystem.figma-implementation": false
-        },
-        "$type": "dimension"
-      },
-      "max-inline-size": {
-        "$extensions": {
-          "nl.nldesignsystem.css-property-syntax": "<length>",
-          "nl.nldesignsystem.figma-implementation": false
-        },
-        "$type": "dimension"
-      }
-    },
+    "open-forms-container": {},
     "ordered-list": {
       "font-size": {
         "$extensions": {
@@ -4230,7 +4241,6 @@
         }
       }
     },
-    "open-forms-container": {},
     "number-data": {
       "positive": {
         "color": {
@@ -4383,6 +4393,7 @@
         "$type": "dimension"
       }
     },
+    "topnav": {},
     "navigation": {
       "border-block-end-color": {
         "$extensions": {
@@ -5075,9 +5086,9 @@
         }
       }
     },
-    "topnav": {},
-    "sidenav": {},
     "nav-list": {},
+    "sidenav": {},
+    "multiline-data": {},
     "nav-bar": {
       "background-color": {
         "$extensions": {
@@ -5147,7 +5158,6 @@
         }
       }
     },
-    "multiline-data": {},
     "mark": {
       "background-color": {
         "$extensions": {
@@ -5849,40 +5859,6 @@
       }
     },
     "link-button": {},
-    "index-char-nav": {
-      "margin-block-start": {
-        "$extensions": {
-          "nl.nldesignsystem.css-property-syntax": "<length>",
-          "nl.nldesignsystem.figma-implementation": false
-        },
-        "$type": "dimension"
-      },
-      "margin-block-end": {
-        "$extensions": {
-          "nl.nldesignsystem.css-property-syntax": "<length>",
-          "nl.nldesignsystem.figma-implementation": false
-        },
-        "$type": "dimension"
-      },
-      "gap": {
-        "$extensions": {
-          "nl.nldesignsystem.css-property-syntax": "<length>",
-          "nl.nldesignsystem.figma-implementation": false
-        },
-        "$type": "dimension"
-      },
-      "link": {
-        "current": {
-          "font-weight": {
-            "$extensions": {
-              "nl.nldesignsystem.css-property-syntax": "<number>",
-              "nl.nldesignsystem.figma-implementation": false
-            },
-            "$type": "fontWeight"
-          }
-        }
-      }
-    },
     "link": {
       "color": {
         "$extensions": {
@@ -6085,6 +6061,40 @@
         }
       }
     },
+    "index-char-nav": {
+      "margin-block-start": {
+        "$extensions": {
+          "nl.nldesignsystem.css-property-syntax": "<length>",
+          "nl.nldesignsystem.figma-implementation": false
+        },
+        "$type": "dimension"
+      },
+      "margin-block-end": {
+        "$extensions": {
+          "nl.nldesignsystem.css-property-syntax": "<length>",
+          "nl.nldesignsystem.figma-implementation": false
+        },
+        "$type": "dimension"
+      },
+      "gap": {
+        "$extensions": {
+          "nl.nldesignsystem.css-property-syntax": "<length>",
+          "nl.nldesignsystem.figma-implementation": false
+        },
+        "$type": "dimension"
+      },
+      "link": {
+        "current": {
+          "font-weight": {
+            "$extensions": {
+              "nl.nldesignsystem.css-property-syntax": "<number>",
+              "nl.nldesignsystem.figma-implementation": false
+            },
+            "$type": "fontWeight"
+          }
+        }
+      }
+    },
     "image": {},
     "iban-data": {},
     "html-content": {},
@@ -6169,7 +6179,7 @@
         "$type": "dimension"
       }
     },
-    "heading-4": {
+    "heading-5": {
       "color": {
         "$extensions": {
           "nl.nldesignsystem.css-property-syntax": "<color>",
@@ -6234,7 +6244,7 @@
         "$type": "dimension"
       }
     },
-    "heading-5": {
+    "heading-4": {
       "color": {
         "$extensions": {
           "nl.nldesignsystem.css-property-syntax": "<color>",
@@ -6935,13 +6945,11 @@
       },
       "invalid": {
         "border-inline-start-color": {
-          "color": {
-            "$extensions": {
-              "nl.nldesignsystem.css-property-syntax": "<color>",
-              "nl.nldesignsystem.figma-implementation": false
-            },
-            "$type": "color"
-          }
+          "$extensions": {
+            "nl.nldesignsystem.css-property-syntax": "<color>",
+            "nl.nldesignsystem.figma-implementation": false
+          },
+          "$type": "color"
         },
         "border-inline-start-width": {
           "$extensions": {
@@ -10822,47 +10830,6 @@
         }
       }
     },
-    "body": {
-      "font-family": {
-        "$extensions": {
-          "nl.nldesignsystem.css-property-syntax": "*",
-          "nl.nldesignsystem.deprecated": true,
-          "nl.nldesignsystem.figma-implementation": true,
-          "nl.nldesignsystem.redirect": "utrecht.root.font-family"
-        },
-        "$type": "fontFamily"
-      },
-      "font-size": {
-        "$extensions": {
-          "nl.nldesignsystem.css-property-syntax": "<length>",
-          "nl.nldesignsystem.deprecated": true,
-          "nl.nldesignsystem.figma-implementation": true,
-          "nl.nldesignsystem.redirect": "utrecht.root.font-size"
-        },
-        "$type": "dimension"
-      },
-      "font-weight": {
-        "$extensions": {
-          "nl.nldesignsystem.css-property-syntax": "<number>",
-          "nl.nldesignsystem.deprecated": true,
-          "nl.nldesignsystem.figma-implementation": true,
-          "nl.nldesignsystem.redirect": "utrecht.root.font-weight"
-        },
-        "$type": "fontWeight"
-      },
-      "line-height": {
-        "$extensions": {
-          "nl.nldesignsystem.css-property-syntax": [
-            "<length>",
-            "<number>"
-          ],
-          "nl.nldesignsystem.deprecated": true,
-          "nl.nldesignsystem.figma-implementation": true,
-          "nl.nldesignsystem.redirect": "utrecht.root.font-family"
-        },
-        "$type": "dimension"
-      }
-    },
     "blockquote": {
       "background-color": {
         "$extensions": {
@@ -11067,6 +11034,47 @@
         }
       }
     },
+    "body": {
+      "font-family": {
+        "$extensions": {
+          "nl.nldesignsystem.css-property-syntax": "*",
+          "nl.nldesignsystem.deprecated": true,
+          "nl.nldesignsystem.figma-implementation": true,
+          "nl.nldesignsystem.redirect": "utrecht.root.font-family"
+        },
+        "$type": "fontFamily"
+      },
+      "font-size": {
+        "$extensions": {
+          "nl.nldesignsystem.css-property-syntax": "<length>",
+          "nl.nldesignsystem.deprecated": true,
+          "nl.nldesignsystem.figma-implementation": true,
+          "nl.nldesignsystem.redirect": "utrecht.root.font-size"
+        },
+        "$type": "dimension"
+      },
+      "font-weight": {
+        "$extensions": {
+          "nl.nldesignsystem.css-property-syntax": "<number>",
+          "nl.nldesignsystem.deprecated": true,
+          "nl.nldesignsystem.figma-implementation": true,
+          "nl.nldesignsystem.redirect": "utrecht.root.font-weight"
+        },
+        "$type": "fontWeight"
+      },
+      "line-height": {
+        "$extensions": {
+          "nl.nldesignsystem.css-property-syntax": [
+            "<length>",
+            "<number>"
+          ],
+          "nl.nldesignsystem.deprecated": true,
+          "nl.nldesignsystem.figma-implementation": true,
+          "nl.nldesignsystem.redirect": "utrecht.root.font-family"
+        },
+        "$type": "dimension"
+      }
+    },
     "badge-list": {
       "row-gap": {
         "$extensions": {

package/package.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.1",
+  "version": "2.0.2",
   "author": "Community for NL Design System",
   "description": "Design tokens metadata for the component library for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
@@ -31,7 +31,7 @@
   "dependencies": {
     "@utrecht/accordion-css": "4.0.0",
     "@utrecht/action-group-css": "4.0.0",
-    "@utrecht/alert-css": "4.0.0",
+    "@utrecht/alert-css": "4.0.1",
     "@utrecht/alert-dialog-css": "3.0.0",
     "@utrecht/alternate-lang-nav-css": "3.0.0",
     "@utrecht/article-css": "3.0.0",
@@ -91,7 +91,7 @@
     "@utrecht/map-marker-css": "3.0.0",
     "@utrecht/mark-css": "3.0.0",
     "@utrecht/multiline-data-css": "3.0.0",
-    "@utrecht/nav-bar-css": "3.0.0",
+    "@utrecht/nav-bar-css": "3.1.0",
     "@utrecht/nav-list-css": "2.0.0",
     "@utrecht/number-badge-css": "4.0.0",
     "@utrecht/number-data-css": "3.0.0",
@@ -110,7 +110,7 @@
     "@utrecht/select-css": "3.0.0",
     "@utrecht/separator-css": "3.0.0",
     "@utrecht/skip-link-css": "3.0.0",
-    "@utrecht/spotlight-section-css": "3.0.0",
+    "@utrecht/spotlight-section-css": "3.0.1",
     "@utrecht/status-badge-css": "2.0.0",
     "@utrecht/surface-css": "3.0.0",
     "@utrecht/table-css": "3.0.0",