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

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

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 +159 -136
package/package.json +4 -4

package/dist/tokens.json CHANGED Viewed

@@ -21,6 +21,7 @@
         }
       }
     },
+    "url-data": {},
     "unordered-list": {
       "font-size": {
         "$extensions": {
@@ -257,7 +258,6 @@
         }
       }
     },
-    "url-data": {},
     "toptask-link-nav": {
       "gap": {
         "$extensions": {
@@ -2031,6 +2031,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"
+      }
+    },
     "select": {
       "background-color": {
         "$extensions": {
@@ -2369,36 +2399,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"
-      }
-    },
     "search-bar": {
       "button": {
         "background-color": {
@@ -3910,14 +3910,7 @@
           },
           "$type": "dimension"
         },
-        "padding-inline-start": {
-          "$extensions": {
-            "nl.nldesignsystem.css-property-syntax": "<length>",
-            "nl.nldesignsystem.figma-implementation": false
-          },
-          "$type": "dimension"
-        },
-        "padding-inline-end": {
+        "padding-inline": {
           "$extensions": {
             "nl.nldesignsystem.css-property-syntax": "<length>",
             "nl.nldesignsystem.figma-implementation": false
@@ -3926,36 +3919,6 @@
         }
       }
     },
-    "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": {
@@ -4021,14 +3984,7 @@
           },
           "$type": "color"
         },
-        "padding-inline-end": {
-          "$extensions": {
-            "nl.nldesignsystem.css-property-syntax": "<length>",
-            "nl.nldesignsystem.figma-implementation": false
-          },
-          "$type": "dimension"
-        },
-        "padding-inline-start": {
+        "padding-inline": {
           "$extensions": {
             "nl.nldesignsystem.css-property-syntax": "<length>",
             "nl.nldesignsystem.figma-implementation": false
@@ -4051,36 +4007,29 @@
         }
       }
     },
-    "page": {
-      "background-color": {
-        "$extensions": {
-          "nl.nldesignsystem.css-property-syntax": "<color>",
-          "nl.nldesignsystem.figma-implementation": false
-        },
-        "$type": "color"
-      },
-      "color": {
+    "page-content": {
+      "padding-block-start": {
         "$extensions": {
-          "nl.nldesignsystem.css-property-syntax": "<color>",
+          "nl.nldesignsystem.css-property-syntax": "<length>",
           "nl.nldesignsystem.figma-implementation": false
         },
-        "$type": "color"
+        "$type": "dimension"
       },
-      "margin-inline-start": {
+      "padding-block-end": {
         "$extensions": {
           "nl.nldesignsystem.css-property-syntax": "<length>",
           "nl.nldesignsystem.figma-implementation": false
         },
         "$type": "dimension"
       },
-      "margin-inline-end": {
+      "padding-inline-start": {
         "$extensions": {
           "nl.nldesignsystem.css-property-syntax": "<length>",
           "nl.nldesignsystem.figma-implementation": false
         },
         "$type": "dimension"
       },
-      "max-inline-size": {
+      "padding-inine-end": {
         "$extensions": {
           "nl.nldesignsystem.css-property-syntax": "<length>",
           "nl.nldesignsystem.figma-implementation": false
@@ -4103,6 +4052,34 @@
         },
         "$type": "color"
       },
+      "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-inline-end": {
+        "$extensions": {
+          "nl.nldesignsystem.css-property-syntax": "<length>",
+          "nl.nldesignsystem.figma-implementation": false
+        },
+        "$type": "dimension"
+      },
       "content": {
         "background-color": {
           "$extensions": {
@@ -4148,7 +4125,43 @@
         }
       }
     },
-    "open-forms-container": {},
+    "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"
+      }
+    },
     "ordered-list": {
       "font-size": {
         "$extensions": {
@@ -4241,6 +4254,7 @@
         }
       }
     },
+    "open-forms-container": {},
     "number-data": {
       "positive": {
         "color": {
@@ -4393,7 +4407,6 @@
         "$type": "dimension"
       }
     },
-    "topnav": {},
     "navigation": {
       "border-block-end-color": {
         "$extensions": {
@@ -5086,9 +5099,9 @@
         }
       }
     },
-    "nav-list": {},
+    "topnav": {},
     "sidenav": {},
-    "multiline-data": {},
+    "nav-list": {},
     "nav-bar": {
       "background-color": {
         "$extensions": {
@@ -5156,8 +5169,18 @@
           },
           "$type": "dimension"
         }
+      },
+      "sticky": {
+        "z-index": {
+          "$extensions": {
+            "nl.nldesignsystem.css-property-syntax": "<number>",
+            "nl.nldesignsystem.figma-implementation": false
+          },
+          "$type": "dimension"
+        }
       }
     },
+    "multiline-data": {},
     "mark": {
       "background-color": {
         "$extensions": {
@@ -10830,6 +10853,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"
+      }
+    },
     "blockquote": {
       "background-color": {
         "$extensions": {
@@ -11034,47 +11098,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"
-      }
-    },
     "badge-list": {
       "row-gap": {
         "$extensions": {

package/package.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.2",
+  "version": "2.0.4",
   "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",
@@ -91,15 +91,15 @@
     "@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.1.0",
+    "@utrecht/nav-bar-css": "3.2.0",
     "@utrecht/nav-list-css": "2.0.0",
     "@utrecht/number-badge-css": "4.0.0",
     "@utrecht/number-data-css": "3.0.0",
     "@utrecht/ordered-list-css": "4.0.0",
     "@utrecht/page-content-css": "3.0.0",
     "@utrecht/page-css": "3.0.0",
-    "@utrecht/page-footer-css": "4.0.0",
-    "@utrecht/page-header-css": "3.0.0",
+    "@utrecht/page-footer-css": "4.0.1",
+    "@utrecht/page-header-css": "3.0.1",
     "@utrecht/pagination-css": "3.0.0",
     "@utrecht/paragraph-css": "4.0.0",
     "@utrecht/pre-heading-css": "3.0.0",