@gemeentenijmegen/design-tokens - npm Package Compare versions

Comparing version 0.0.2-alpha.2 to 0.0.2-alpha.3

dist/index.d.ts

 /**
  * Do not edit directly
- * Generated on Fri, 07 Feb 2025 14:09:47 GMT
+ * Generated on Mon, 10 Feb 2025 09:06:42 GMT
  */
 
 

dist/index.js

 /**
  * Do not edit directly
- * Generated on Fri, 07 Feb 2025 14:09:47 GMT
+ * Generated on Mon, 10 Feb 2025 09:06:42 GMT
  */
 
 

package.json

 {
-  "version": "0.0.2-alpha.2",
+  "version": "0.0.2-alpha.3",
   "author": "Community for NL Design System",
@@ -32,3 +32,3 @@ "description": "Design tokens for the Municipality of Nijmegen",
   },
-  "gitHead": "b49dac1e124ffbc0a8b5ab3f404872b57d28b373"
+  "gitHead": "fa30f637f7f0f0c6bf77138775ac827c0a415240"
 }

src/sync/brand.tokens.json

@@ -362,2 +362,6 @@ {
       },
+      "12": {
+        "$type": "spacing",
+        "$value": "0.125rem"
+      },
       "25": {
@@ -364,0 +368,0 @@ "$type": "spacing",

src/sync/common.tokens.json

@@ -382,3 +382,3 @@ {
         "$type": "sizing",
-        "$value": "{nijmegen.size.400}"
+        "$value": "{nijmegen.size.300}"
       }
@@ -385,0 +385,0 @@ }

src/sync/components/button-group.tokens.json

@@ -6,3 +6,3 @@ {
         "$type": "color",
-        "$value": "transparant"
+        "$value": "{nijmegen.color.none}"
       },
@@ -13,10 +13,2 @@ "column-gap": {
       },
-      "margin-block-end": {
-        "$type": "spacing",
-        "$value": "0px"
-      },
-      "margin-block-start": {
-        "$type": "spacing",
-        "$value": "0px"
-      },
       "padding-block-end": {
@@ -23,0 +15,0 @@ "$type": "spacing",

src/sync/components/button.tokens.json

@@ -12,3 +12,3 @@ {
             "$type": "color",
-            "$value": "transparent"
+            "$value": "{nijmegen.color.none}"
           },
@@ -26,3 +26,3 @@ "color": {
           "$type": "color",
-          "$value": "transparent"
+          "$value": "{nijmegen.color.none}"
         },
@@ -36,7 +36,7 @@ "color": {
             "$type": "color",
-            "$value": "{nijmegen.color.grijs.200}"
+            "$value": "{nijmegen.color.grijs.100}"
           },
           "border-color": {
             "$type": "color",
-            "$value": "transparent"
+            "$value": "{nijmegen.color.none}"
           },
@@ -55,3 +55,3 @@ "color": {
             "$type": "color",
-            "$value": "transparent"
+            "$value": "{nijmegen.color.none}"
           },
@@ -63,2 +63,6 @@ "color": {
         },
+        "font-weight": {
+          "$type": "fontWeights",
+          "$value": "{nijmegen.typography.font-weight.bold}"
+        },
         "active": {
@@ -71,3 +75,3 @@ "background-color": {
             "$type": "color",
-            "$value": "transparent"
+            "$value": "{nijmegen.color.none}"
           },
@@ -84,3 +88,3 @@ "color": {
             "$type": "color",
-            "$value": "{nijmegen.color.grijs.200}"
+            "$value": "{nijmegen.color.zeegroen.100}"
           },
@@ -111,7 +115,7 @@ "border-color": {
             "$type": "color",
-            "$value": "{nijmegen.color.grijs.200}"
+            "$value": "{nijmegen.color.grijs.100}"
           },
           "border-color": {
             "$type": "color",
-            "$value": "transparent"
+            "$value": "{nijmegen.color.none}"
           },
@@ -130,3 +134,3 @@ "color": {
             "$type": "color",
-            "$value": "transparent"
+            "$value": "{nijmegen.color.none}"
           },
@@ -138,6 +142,10 @@ "color": {
         },
+        "font-weight": {
+          "$type": "fontWeights",
+          "$value": "{nijmegen.typography.font-weight.bold}"
+        },
         "active": {
           "background-color": {
             "$type": "color",
-            "$value": "{nijmegen.color.grijs.100}"
+            "$value": "{nijmegen.color.zeegroen.200}"
           },
@@ -156,3 +164,3 @@ "border-color": {
         "$type": "borderRadius",
-        "$value": "{nijmegen.border-radius.sm}"
+        "$value": "{nijmegen.border-radius.xs}"
       },
@@ -169,2 +177,6 @@ "border-width": {
       },
+      "column-gap": {
+        "$type": "spacing",
+        "$value": "{nijmegen.space.25}"
+      },
       "font-family": {
@@ -178,7 +190,19 @@ "$type": "fontFamilies",
       },
+      "font-weight": {
+        "$type": "fontWeights",
+        "$value": "{nijmegen.typography.font-weight.bold}"
+      },
       "subtle": {
+        "font-weight": {
+          "$type": "fontWeights",
+          "$value": "{nijmegen.typography.font-weight.bold}"
+        },
         "hover": {
+          "background-color": {
+            "$type": "color",
+            "$value": "{nijmegen.color.zeegroen.100}"
+          },
           "border-color": {
             "$type": "color",
-            "$value": "{nijmegen.interaction.hover.color}"
+            "$value": "{nijmegen.color.none}"
           },
@@ -192,7 +216,7 @@ "color": {
           "$type": "color",
-          "$value": "transparent"
+          "$value": "{nijmegen.color.none}"
         },
         "border-color": {
           "$type": "color",
-          "$value": "transparent"
+          "$value": "{nijmegen.color.none}"
         },
@@ -206,7 +230,7 @@ "color": {
             "$type": "color",
-            "$value": "{nijmegen.color.grijs.200}"
+            "$value": "{nijmegen.color.grijs.100}"
           },
           "border-color": {
             "$type": "color",
-            "$value": "transparent"
+            "$value": "{nijmegen.color.none}"
           },
@@ -225,3 +249,3 @@ "color": {
             "$type": "color",
-            "$value": "transparent"
+            "$value": "{nijmegen.color.none}"
           },
@@ -234,5 +258,9 @@ "color": {
         "active": {
+          "background-color": {
+            "$type": "color",
+            "$value": "{nijmegen.color.zeegroen.200}"
+          },
           "border-color": {
             "$type": "color",
-            "$value": "transparent"
+            "$value": "{nijmegen.color.none}"
           },
@@ -249,10 +277,26 @@ "color": {
       },
+      "padding-block-end": {
+        "$type": "spacing",
+        "$value": "{nijmegen.space.75}"
+      },
+      "padding-block-start": {
+        "$type": "spacing",
+        "$value": "{nijmegen.space.75}"
+      },
+      "padding-inline-end": {
+        "$type": "spacing",
+        "$value": "{nijmegen.space.100}"
+      },
+      "padding-inline-start": {
+        "$type": "spacing",
+        "$value": "{nijmegen.space.100}"
+      },
       "disabled": {
         "background-color": {
           "$type": "color",
-          "$value": "{nijmegen.color.grijs.200}"
+          "$value": "{nijmegen.color.grijs.100}"
         },
         "border-color": {
           "$type": "color",
-          "$value": "transparent"
+          "$value": "{nijmegen.color.none}"
         },
@@ -271,3 +315,3 @@ "color": {
           "$type": "color",
-          "$value": "transparent"
+          "$value": "{nijmegen.color.none}"
         },
@@ -282,11 +326,11 @@ "color": {
           "$type": "color",
-          "$value": "{nijmegen.interaction.hover.color}"
+          "$value": "{nijmegen.color.zeegroen.100}"
         },
         "border-color": {
           "$type": "color",
-          "$value": "transparent"
+          "$value": "{nijmegen.interaction.hover.color}"
         },
         "color": {
           "$type": "color",
-          "$value": "{nijmegen.color.wit}"
+          "$value": "{nijmegen.interaction.hover.color}"
         }
@@ -297,11 +341,11 @@ },
           "$type": "color",
-          "$value": "{nijmegen.interaction.active.color}"
+          "$value": "{nijmegen.color.zeegroen.200}"
         },
         "border-color": {
           "$type": "color",
-          "$value": "transparent"
+          "$value": "{nijmegen.interaction.active.color}"
         },
         "color": {
           "$type": "color",
-          "$value": "{nijmegen.color.wit}"
+          "$value": "{nijmegen.interaction.active.color}"
         }
@@ -311,11 +355,11 @@ },
         "$type": "color",
-        "$value": "{nijmegen.interaction.color}"
+        "$value": "{nijmegen.color.wit}"
       },
       "border-color": {
         "$type": "color",
-        "$value": "transparent"
+        "$value": "{nijmegen.color.border.strong}"
       },
       "color": {
         "$type": "color",
-        "$value": "{nijmegen.color.wit}"
+        "$value": "{nijmegen.color.grijs.800}"
       },
@@ -329,75 +373,11 @@ "min-block-size": {
         "$value": "{utrecht.pointer-target.min-size}"
-      },
-      "text-decoration": {
-        "$type": "textDecoration",
-        "$value": "{nijmegen.hover.text-decoration}"
-      },
-      "default": {
-        "hover": {
-          "background-color": {
-            "$type": "color",
-            "$value": "{nijmegen.interaction.hover.color}"
-          },
-          "border-color": {
-            "$type": "color",
-            "$value": "transparent"
-          },
-          "color": {
-            "$type": "color",
-            "$value": "{nijmegen.color.wit}"
-          }
-        },
-        "background-color": {
-          "$type": "color",
-          "$value": "{nijmegen.interaction.color}"
-        },
-        "border-color": {
-          "$type": "color",
-          "$value": "transparent"
-        },
-        "color": {
-          "$type": "color",
-          "$value": "{nijmegen.color.wit}"
-        },
-        "disabled": {
-          "background-color": {
-            "$type": "color",
-            "$value": "{nijmegen.color.grijs.200}"
-          },
-          "border-color": {
-            "$type": "color",
-            "$value": "transparent"
-          },
-          "color": {
-            "$type": "color",
-            "$value": "{nijmegen.color.grijs.500}"
-          }
-        },
-        "focus": {
-          "background-color": {
-            "$type": "color",
-            "$value": "{nijmegen.focus.background-color}"
-          },
-          "border-color": {
-            "$type": "color",
-            "$value": "transparent"
-          },
-          "color": {
-            "$type": "color",
-            "$value": "{nijmegen.focus.color}"
-          }
-        },
-        "active": {
-          "background-color": {
-            "$type": "color",
-            "$value": "{nijmegen.interaction.active.color}"
-          },
-          "border-color": {
-            "$type": "color",
-            "$value": "transparent"
-          },
-          "color": {
-            "$type": "color",
-            "$value": "{nijmegen.color.wit}"
-          }
+      }
+    }
+  },
+  "todo": {
+    "button": {
+      "hover": {
+        "text-decoration": {
+          "$type": "textDecoration",
+          "$value": "{nijmegen.hover.text-decoration}"
         }
@@ -404,0 +384,0 @@ }

src/sync/components/link-list.tokens.json

 {
-  "nijmegen": {
+  "utrecht": {
     "link-list": {
-      "base": {
-        "background-color": {
-          "$type": "color",
-          "$value": "transparent"
+      "row-gap": {
+        "$type": "spacing",
+        "$value": "{nijmegen.space.50}"
+      },
+      "icon": {
+        "inset-block-start": {
+          "$type": "spacing",
+          "$value": "{nijmegen.space.12}"
         },
-        "text-color": {
-          "$type": "color",
-          "$value": "{nijmegen.color.groen.500}"
-        },
-        "font-family": {
-          "$type": "fontFamilies",
-          "$value": "{nijmegen.typography.font-family.secondary}"
-        },
-        "font-size": {
-          "$type": "fontSizes",
-          "$value": "{nijmegen.typography.font-size.md}"
-        },
-        "line-height": {
-          "$type": "lineHeights",
-          "$value": "{nijmegen.typography.line-height.md}"
-        },
-        "border-radius": {
-          "$type": "borderRadius",
-          "$value": "{nijmegen.border-radius.xs}"
+        "size": {
+          "$type": "sizing",
+          "$value": "{nijmegen.icon.functional.size}"
         }
-      },
-      "hover": {
-        "text-color": {
-          "$type": "color",
-          "$value": "{nijmegen.color.groen.700}"
+      }
+    }
+  },
+  "todo": {
+    "link-list": {
+      "item": {
+        "column-gap": {
+          "$type": "spacing",
+          "$value": "{nijmegen.space.50}"
         },
         "text-decoration": {
           "$type": "textDecoration",
-          "$value": "{nijmegen.hover.text-decoration}"
-        }
-      },
-      "focus": {
-        "text-color": {
-          "$type": "color",
-          "$value": "{nijmegen.color.groen.900}"
+          "$value": "None"
         },
-        "border-style": {
-          "$type": "border",
-          "$value": "solid"
+        "active": {
+          "text-decoration": {
+            "$type": "textDecoration",
+            "$value": "underline"
+          }
         },
-        "border-width": {
-          "$type": "borderWidth",
-          "$value": "{nijmegen.border-width.md}"
-        }
-      },
-      "focus-visible": {
-        "text-color": {
-          "$type": "color",
-          "$value": "{nijmegen.color.groen.900}"
+        "focus": {
+          "text-decoration": {
+            "$type": "textDecoration",
+            "$value": "None"
+          }
         },
-        "border-color": {
-          "$type": "color",
-          "$value": "{nijmegen.color.groen.900}"
-        },
-        "border-style": {
-          "$type": "border",
-          "$value": "dotted"
-        },
-        "border-width": {
-          "$type": "borderWidth",
-          "$value": "{nijmegen.border-width.md}"
+        "hover": {
+          "text-decoration": {
+            "$type": "textDecoration",
+            "$value": "underline"
+          }
         }
-      },
-      "visited": {
-        "text-color": {
-          "$type": "color",
-          "$value": "{nijmegen.color.groen.700}"
-        },
-        "text-decoration": {
-          "$type": "textDecoration",
-          "$value": "{nijmegen.hover.text-decoration}"
-        }
-      },
-      "active": {
-        "border-style": {
-          "$type": "border",
-          "$value": "{nijmegen.link-list.focus.border-style}"
-        },
-        "border-width": {
-          "$type": "borderWidth",
-          "$value": "2px"
-        }
-      },
-      "font-weight": {
-        "$type": "fontWeights",
-        "$value": "{nijmegen.typography.font-weight.regular}"
       }
@@ -96,0 +50,0 @@ }

src/sync/components/link.tokens.json

 {
   "utrecht": {
     "link": {
-      "line-height": {
-        "$type": "lineHeights",
-        "$value": "{utrecht.document.line-height}"
-      },
       "color": {
@@ -20,6 +16,2 @@ "$type": "color",
           "$value": "{nijmegen.interaction.active.color}"
-        },
-        "text-decoration": {
-          "$type": "textDecoration",
-          "$value": "none"
         }
@@ -35,6 +27,8 @@ },
           "$value": "{nijmegen.focus.color}"
-        },
+        }
+      },
+      "focus-visible": {
         "text-decoration": {
           "$type": "textDecoration",
-          "$value": "none"
+          "$value": "None"
         },
@@ -53,3 +47,3 @@ "text-decoration-thickness": {
           "$type": "textDecoration",
-          "$value": "none"
+          "$value": "None"
         },
@@ -77,10 +71,2 @@ "text-decoration-thickness": {
       },
-      "font-size": {
-        "$type": "fontSizes",
-        "$value": "{utrecht.document.font-size}"
-      },
-      "font-family": {
-        "$type": "fontFamilies",
-        "$value": "{utrecht.document.font-family}"
-      },
       "text-decoration-thickness": {
@@ -94,5 +80,5 @@ "$type": "other",
       },
-      "font-weight": {
-        "$type": "fontWeights",
-        "$value": "{utrecht.document.font-weight}"
+      "column-gap": {
+        "$type": "spacing",
+        "$value": "{nijmegen.space.25}"
       }
@@ -99,0 +85,0 @@ }

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

0

-100%

Worsened metrics

Total package byte prevSize

568187

-1.47%

Lines of code

24912

-1.29%

No dependency changes