@utrecht/design-tokens 4.2.0 → 5.0.0

package/dist/tokens.cjs

@@ -3087,31 +3087,6 @@ module.exports = {
         }
       }
     },
-    "badge-status": {
-      "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"
-      }
-    },
     "badge": {
       "background-color": {
         "comment": "Default background color for badge components",
@@ -27755,42 +27730,6 @@ module.exports = {
               "active",
               "color"
             ]
-          },
-          "focus": {
-            "color": {
-              "$extensions": {
-                "nl.nldesignsystem.css.property": {
-                  "syntax": "<color>",
-                  "inherits": true
-                },
-                "nl.nldesignsystem.figma.supports-token": false
-              },
-              "type": "color",
-              "value": "hsl(0 0% 0%)",
-              "filePath": "src/component/utrecht/navigation.tokens.json",
-              "isSource": true,
-              "original": {
-                "$extensions": {
-                  "nl.nldesignsystem.css.property": {
-                    "syntax": "<color>",
-                    "inherits": true
-                  },
-                  "nl.nldesignsystem.figma.supports-token": false
-                },
-                "type": "color",
-                "value": "{utrecht.color.black}"
-              },
-              "name": "color",
-              "attributes": {},
-              "path": [
-                "utrecht",
-                "navigation",
-                "link",
-                "active",
-                "focus",
-                "color"
-              ]
-            }
           }
         },
         "background-color": {
@@ -27931,7 +27870,7 @@ module.exports = {
               "nl.nldesignsystem.figma.supports-token": false
             },
             "type": "color",
-            "value": "hsl(0 0% 0%)",
+            "value": "hsl(0 0% 100%)",
             "filePath": "src/component/utrecht/navigation.tokens.json",
             "isSource": true,
             "original": {
@@ -27943,7 +27882,7 @@ module.exports = {
                 "nl.nldesignsystem.figma.supports-token": false
               },
               "type": "color",
-              "value": "{utrecht.color.black}"
+              "value": "{utrecht.color.white}"
             },
             "name": "color",
             "attributes": {},
@@ -27955,6 +27894,39 @@ module.exports = {
               "color"
             ]
           },
+          "background-color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "color",
+            "value": "hsl(0 0% 0%)",
+            "filePath": "src/component/utrecht/navigation.tokens.json",
+            "isSource": true,
+            "original": {
+              "$extensions": {
+                "nl.nldesignsystem.css.property": {
+                  "syntax": "<color>",
+                  "inherits": true
+                },
+                "nl.nldesignsystem.figma.supports-token": false
+              },
+              "type": "color",
+              "value": "{utrecht.color.black}"
+            },
+            "name": "background-color",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "link",
+              "focus",
+              "background-color"
+            ]
+          },
           "text-decoration-thickness": {
             "$extensions": {
               "nl.nldesignsystem.css.property": {
@@ -27987,12 +27959,63 @@ module.exports = {
               "focus",
               "text-decoration-thickness"
             ]
+          }
+        },
+        "focus-visible": {
+          "color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "color",
+            "value": "hsl(0 0% 0%)",
+            "filePath": "src/component/utrecht/navigation.tokens.json",
+            "isSource": true,
+            "original": {
+              "$extensions": {
+                "nl.nldesignsystem.css.property": {
+                  "syntax": "<color>",
+                  "inherits": true
+                },
+                "nl.nldesignsystem.figma.supports-token": false
+              },
+              "type": "color",
+              "value": "{utrecht.color.black}"
+            },
+            "name": "color",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "link",
+              "focus-visible",
+              "color"
+            ]
           },
           "background-color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "color",
             "value": "hsl(48 100% 80%)",
             "filePath": "src/component/utrecht/navigation.tokens.json",
             "isSource": true,
             "original": {
+              "$extensions": {
+                "nl.nldesignsystem.css.property": {
+                  "syntax": "<color>",
+                  "inherits": true
+                },
+                "nl.nldesignsystem.figma.supports-token": false
+              },
+              "type": "color",
               "value": "{utrecht.color.yellow.80}"
             },
             "name": "background-color",
@@ -28001,9 +28024,42 @@ module.exports = {
               "utrecht",
               "navigation",
               "link",
-              "focus",
+              "focus-visible",
               "background-color"
             ]
+          },
+          "text-decoration-thickness": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "length",
+            "value": "3px",
+            "filePath": "src/component/utrecht/navigation.tokens.json",
+            "isSource": true,
+            "original": {
+              "$extensions": {
+                "nl.nldesignsystem.css.property": {
+                  "syntax": "<length>",
+                  "inherits": true
+                },
+                "nl.nldesignsystem.figma.supports-token": false
+              },
+              "type": "length",
+              "value": "3px"
+            },
+            "name": "text-decoration-thickness",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "navigation",
+              "link",
+              "focus-visible",
+              "text-decoration-thickness"
+            ]
           }
         },
         "font-weight": {
@@ -28357,7 +28413,7 @@ module.exports = {
                 "nl.nldesignsystem.figma.supports-token": false
               },
               "type": "fontWeight",
-              "value": "700",
+              "value": "400",
               "filePath": "src/component/utrecht/navigation.tokens.json",
               "isSource": true,
               "original": {
@@ -28369,7 +28425,7 @@ module.exports = {
                   "nl.nldesignsystem.figma.supports-token": false
                 },
                 "type": "fontWeight",
-                "value": "{utrecht.typography.weight-scale.bold.font-weight}"
+                "value": "{utrecht.typography.weight-scale.normal.font-weight}"
               },
               "name": "font-weight",
               "attributes": {},
@@ -28624,47 +28680,105 @@ module.exports = {
               "mobile",
               "transition-timing-function"
             ]
-          }
-        },
-        "padding-block-end": {
-          "$extensions": {
-            "nl.nldesignsystem.css.property": {
-              "syntax": "<length>",
-              "inherits": true
-            },
-            "nl.nldesignsystem.figma.supports-token": false,
-            "studio.tokens": {
-              "originalType": "spacing"
+          },
+          "active": {
+            "color": {
+              "value": "hsl(211 60% 35%)",
+              "filePath": "src/component/utrecht/navigation.tokens.json",
+              "isSource": true,
+              "original": {
+                "value": "{utrecht.color.blue.35}"
+              },
+              "name": "color",
+              "attributes": {},
+              "path": [
+                "utrecht",
+                "navigation",
+                "link",
+                "mobile",
+                "active",
+                "color"
+              ]
             }
           },
-          "type": "dimension",
-          "value": "16px",
-          "filePath": "src/component/utrecht/navigation.tokens.json",
-          "isSource": true,
-          "original": {
-            "$extensions": {
-              "nl.nldesignsystem.css.property": {
-                "syntax": "<length>",
-                "inherits": true
+          "focus": {
+            "background-color": {
+              "value": "hsl(0 0% 100%)",
+              "filePath": "src/component/utrecht/navigation.tokens.json",
+              "isSource": true,
+              "original": {
+                "value": "{utrecht.color.white}"
               },
-              "nl.nldesignsystem.figma.supports-token": false,
-              "studio.tokens": {
-                "originalType": "spacing"
-              }
+              "name": "background-color",
+              "attributes": {},
+              "path": [
+                "utrecht",
+                "navigation",
+                "link",
+                "mobile",
+                "focus",
+                "background-color"
+              ]
             },
-            "type": "dimension",
-            "value": "{utrecht.space.block.md}"
-          },
-          "name": "padding-block-end",
-          "attributes": {},
-          "path": [
-            "utrecht",
-            "navigation",
-            "link",
-            "padding-block-end"
-          ]
+            "color": {
+              "value": "hsl(211 60% 35%)",
+              "filePath": "src/component/utrecht/navigation.tokens.json",
+              "isSource": true,
+              "original": {
+                "value": "{utrecht.color.blue.35}"
+              },
+              "name": "color",
+              "attributes": {},
+              "path": [
+                "utrecht",
+                "navigation",
+                "link",
+                "mobile",
+                "focus",
+                "color"
+              ]
+            }
+          }
         },
-        "padding-block-start": {
+        "padding-block-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false,
+            "studio.tokens": {
+              "originalType": "spacing"
+            }
+          },
+          "type": "dimension",
+          "value": "16px",
+          "filePath": "src/component/utrecht/navigation.tokens.json",
+          "isSource": true,
+          "original": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false,
+              "studio.tokens": {
+                "originalType": "spacing"
+              }
+            },
+            "type": "dimension",
+            "value": "{utrecht.space.block.md}"
+          },
+          "name": "padding-block-end",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "navigation",
+            "link",
+            "padding-block-end"
+          ]
+        },
+        "padding-block-start": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<length>",
@@ -37562,6 +37676,542 @@ module.exports = {
         }
       }
     },
+    "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"
+      },
+      "background-color": {
+        "value": "hsl(0 0% 30%)",
+        "filePath": "src/component/utrecht/status-badge.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.badge.background-color}"
+        },
+        "name": "background-color",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "status-badge",
+          "background-color"
+        ]
+      },
+      "border-color": {},
+      "border-radius": {
+        "value": "0",
+        "filePath": "src/component/utrecht/status-badge.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.badge.border-radius}"
+        },
+        "name": "border-radius",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "status-badge",
+          "border-radius"
+        ]
+      },
+      "border-width": {
+        "value": "0px",
+        "filePath": "src/component/utrecht/status-badge.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0px"
+        },
+        "name": "border-width",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "status-badge",
+          "border-width"
+        ]
+      },
+      "color": {
+        "value": "hsl(0 0% 100%)",
+        "filePath": "src/component/utrecht/status-badge.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.badge.color}"
+        },
+        "name": "color",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "status-badge",
+          "color"
+        ]
+      },
+      "font-family": {
+        "value": "\"Noto Sans Variable\", \"Arial\", sans-serif",
+        "filePath": "src/component/utrecht/status-badge.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.typography.sans-serif.font-family}"
+        },
+        "name": "font-family",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "status-badge",
+          "font-family"
+        ]
+      },
+      "font-size": {},
+      "font-weight": {},
+      "line-height": {},
+      "min-block-size": {},
+      "min-inline-size": {},
+      "padding-block": {
+        "value": "8px",
+        "filePath": "src/component/utrecht/status-badge.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.badge.padding-block}"
+        },
+        "name": "padding-block",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "status-badge",
+          "padding-block"
+        ]
+      },
+      "padding-inline": {
+        "value": "12px",
+        "filePath": "src/component/utrecht/status-badge.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.badge.padding-inline}"
+        },
+        "name": "padding-inline",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "status-badge",
+          "padding-inline"
+        ]
+      },
+      "active": {
+        "background-color": {
+          "value": "hsl(90 30% 50%)",
+          "filePath": "src/component/utrecht/status-badge.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.feedback.active.fill.background-color}"
+          },
+          "name": "background-color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "status-badge",
+            "active",
+            "background-color"
+          ]
+        },
+        "border-color": {
+          "value": "hsl(90 30% 50%)",
+          "filePath": "src/component/utrecht/status-badge.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.feedback.active.fill.background-color}"
+          },
+          "name": "border-color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "status-badge",
+            "active",
+            "border-color"
+          ]
+        },
+        "color": {
+          "value": "hsl(0 0% 100%)",
+          "filePath": "src/component/utrecht/status-badge.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.feedback.active.fill.color}"
+          },
+          "name": "color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "status-badge",
+            "active",
+            "color"
+          ]
+        }
+      },
+      "danger": {
+        "background-color": {
+          "value": "hsl(0 100% 40%)",
+          "filePath": "src/component/utrecht/status-badge.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.feedback.danger.fill.background-color}"
+          },
+          "name": "background-color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "status-badge",
+            "danger",
+            "background-color"
+          ]
+        },
+        "border-color": {
+          "value": "hsl(0 100% 40%)",
+          "filePath": "src/component/utrecht/status-badge.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.feedback.danger.fill.background-color}"
+          },
+          "name": "border-color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "status-badge",
+            "danger",
+            "border-color"
+          ]
+        },
+        "color": {
+          "value": "hsl(0 0% 100%)",
+          "filePath": "src/component/utrecht/status-badge.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.feedback.danger.fill.color}"
+          },
+          "name": "color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "status-badge",
+            "danger",
+            "color"
+          ]
+        }
+      },
+      "error": {
+        "background-color": {
+          "value": "hsl(0 100% 40%)",
+          "filePath": "src/component/utrecht/status-badge.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.feedback.error.fill.background-color}"
+          },
+          "name": "background-color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "status-badge",
+            "error",
+            "background-color"
+          ]
+        },
+        "border-color": {
+          "value": "hsl(0 100% 40%)",
+          "filePath": "src/component/utrecht/status-badge.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.feedback.error.fill.background-color}"
+          },
+          "name": "border-color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "status-badge",
+            "error",
+            "border-color"
+          ]
+        },
+        "color": {
+          "value": "hsl(0 0% 100%)",
+          "filePath": "src/component/utrecht/status-badge.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.feedback.error.fill.color}"
+          },
+          "name": "color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "status-badge",
+            "error",
+            "color"
+          ]
+        }
+      },
+      "inactive": {
+        "background-color": {
+          "value": "hsl(0 100% 40%)",
+          "filePath": "src/component/utrecht/status-badge.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.feedback.inactive.fill.background-color}"
+          },
+          "name": "background-color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "status-badge",
+            "inactive",
+            "background-color"
+          ]
+        },
+        "border-color": {
+          "value": "hsl(0 100% 40%)",
+          "filePath": "src/component/utrecht/status-badge.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.feedback.inactive.fill.background-color}"
+          },
+          "name": "border-color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "status-badge",
+            "inactive",
+            "border-color"
+          ]
+        },
+        "color": {
+          "value": "hsl(0 0% 100%)",
+          "filePath": "src/component/utrecht/status-badge.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.feedback.inactive.fill.color}"
+          },
+          "name": "color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "status-badge",
+            "inactive",
+            "color"
+          ]
+        }
+      },
+      "invalid": {
+        "background-color": {
+          "value": "#990000",
+          "filePath": "src/component/utrecht/status-badge.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.feedback.invalid.fill.background-color}"
+          },
+          "name": "background-color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "status-badge",
+            "invalid",
+            "background-color"
+          ]
+        },
+        "border-color": {
+          "value": "#990000",
+          "filePath": "src/component/utrecht/status-badge.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.feedback.invalid.fill.background-color}"
+          },
+          "name": "border-color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "status-badge",
+            "invalid",
+            "border-color"
+          ]
+        },
+        "color": {
+          "value": "hsl(0 0% 100%)",
+          "filePath": "src/component/utrecht/status-badge.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.feedback.invalid.fill.color}"
+          },
+          "name": "color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "status-badge",
+            "invalid",
+            "color"
+          ]
+        }
+      },
+      "safe": {
+        "background-color": {
+          "value": "hsl(90 30% 50%)",
+          "filePath": "src/component/utrecht/status-badge.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.feedback.safe.fill.background-color}"
+          },
+          "name": "background-color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "status-badge",
+            "safe",
+            "background-color"
+          ]
+        },
+        "border-color": {
+          "value": "hsl(90 30% 50%)",
+          "filePath": "src/component/utrecht/status-badge.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.feedback.safe.fill.background-color}"
+          },
+          "name": "border-color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "status-badge",
+            "safe",
+            "border-color"
+          ]
+        },
+        "color": {
+          "value": "hsl(0 0% 100%)",
+          "filePath": "src/component/utrecht/status-badge.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.feedback.safe.fill.color}"
+          },
+          "name": "color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "status-badge",
+            "safe",
+            "color"
+          ]
+        }
+      },
+      "valid": {
+        "background-color": {
+          "value": "hsl(90 30% 50%)",
+          "filePath": "src/component/utrecht/status-badge.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.feedback.valid.fill.background-color}"
+          },
+          "name": "background-color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "status-badge",
+            "valid",
+            "background-color"
+          ]
+        },
+        "border-color": {
+          "value": "hsl(90 30% 50%)",
+          "filePath": "src/component/utrecht/status-badge.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.feedback.valid.fill.background-color}"
+          },
+          "name": "border-color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "status-badge",
+            "valid",
+            "border-color"
+          ]
+        },
+        "color": {
+          "value": "hsl(0 0% 100%)",
+          "filePath": "src/component/utrecht/status-badge.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.feedback.valid.fill.color}"
+          },
+          "name": "color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "status-badge",
+            "valid",
+            "color"
+          ]
+        }
+      },
+      "warning": {
+        "background-color": {
+          "value": "hsl(48 100% 50%)",
+          "filePath": "src/component/utrecht/status-badge.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.feedback.warning.fill.background-color}"
+          },
+          "name": "background-color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "status-badge",
+            "warning",
+            "background-color"
+          ]
+        },
+        "border-color": {
+          "value": "hsl(48 100% 50%)",
+          "filePath": "src/component/utrecht/status-badge.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.feedback.warning.fill.background-color}"
+          },
+          "name": "border-color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "status-badge",
+            "warning",
+            "border-color"
+          ]
+        },
+        "color": {
+          "value": "hsl(0 0% 0%)",
+          "filePath": "src/component/utrecht/status-badge.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{utrecht.feedback.warning.fill.color}"
+          },
+          "name": "color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "status-badge",
+            "warning",
+            "color"
+          ]
+        }
+      }
+    },
     "subscript": {},
     "superscript": {},
     "surface": {