@utrecht/design-tokens 4.2.0 → 5.0.0

package/dist/index.json

@@ -24942,7 +24942,7 @@
       "nl.nldesignsystem.figma.supports-token": false
     },
     "type": "color",
-    "value": "hsl(0 0% 0%)",
+    "value": "hsl(0 0% 15%)",
     "filePath": "src/component/utrecht/navigation.tokens.json",
     "isSource": true,
     "original": {
@@ -24954,17 +24954,15 @@
         "nl.nldesignsystem.figma.supports-token": false
       },
       "type": "color",
-      "value": "{utrecht.color.black}"
+      "value": "{utrecht.color.grey.15}"
     },
-    "name": "utrechtNavigationLinkActiveFocusColor",
+    "name": "utrechtNavigationLinkBackgroundColor",
     "attributes": {},
     "path": [
       "utrecht",
       "navigation",
       "link",
-      "active",
-      "focus",
-      "color"
+      "background-color"
     ]
   },
   {
@@ -24976,7 +24974,7 @@
       "nl.nldesignsystem.figma.supports-token": false
     },
     "type": "color",
-    "value": "hsl(0 0% 15%)",
+    "value": "hsl(0 0% 40%)",
     "filePath": "src/component/utrecht/navigation.tokens.json",
     "isSource": true,
     "original": {
@@ -24988,15 +24986,47 @@
         "nl.nldesignsystem.figma.supports-token": false
       },
       "type": "color",
-      "value": "{utrecht.color.grey.15}"
+      "value": "{utrecht.color.grey.40}"
     },
-    "name": "utrechtNavigationLinkBackgroundColor",
+    "name": "utrechtNavigationLinkBorderColor",
     "attributes": {},
     "path": [
       "utrecht",
       "navigation",
       "link",
-      "background-color"
+      "border-color"
+    ]
+  },
+  {
+    "$extensions": {
+      "nl.nldesignsystem.css.property": {
+        "syntax": "<length>",
+        "inherits": true
+      },
+      "nl.nldesignsystem.figma.supports-token": false
+    },
+    "type": "length",
+    "value": "1px",
+    "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": "1px"
+    },
+    "name": "utrechtNavigationLinkBorderInlineEndWidth",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "border-inline-end-width"
     ]
   },
   {
@@ -25008,7 +25038,7 @@
       "nl.nldesignsystem.figma.supports-token": false
     },
     "type": "color",
-    "value": "hsl(0 0% 40%)",
+    "value": "hsl(0 0% 100%)",
     "filePath": "src/component/utrecht/navigation.tokens.json",
     "isSource": true,
     "original": {
@@ -25020,47 +25050,48 @@
         "nl.nldesignsystem.figma.supports-token": false
       },
       "type": "color",
-      "value": "{utrecht.color.grey.40}"
+      "value": "{utrecht.color.white}"
     },
-    "name": "utrechtNavigationLinkBorderColor",
+    "name": "utrechtNavigationLinkColor",
     "attributes": {},
     "path": [
       "utrecht",
       "navigation",
       "link",
-      "border-color"
+      "color"
     ]
   },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
-        "syntax": "<length>",
+        "syntax": "<color>",
         "inherits": true
       },
       "nl.nldesignsystem.figma.supports-token": false
     },
-    "type": "length",
-    "value": "1px",
+    "type": "color",
+    "value": "hsl(0 0% 0%)",
     "filePath": "src/component/utrecht/navigation.tokens.json",
     "isSource": true,
     "original": {
       "$extensions": {
         "nl.nldesignsystem.css.property": {
-          "syntax": "<length>",
+          "syntax": "<color>",
           "inherits": true
         },
         "nl.nldesignsystem.figma.supports-token": false
       },
-      "type": "length",
-      "value": "1px"
+      "type": "color",
+      "value": "{utrecht.color.black}"
     },
-    "name": "utrechtNavigationLinkBorderInlineEndWidth",
+    "name": "utrechtNavigationLinkFocusBackgroundColor",
     "attributes": {},
     "path": [
       "utrecht",
       "navigation",
       "link",
-      "border-inline-end-width"
+      "focus",
+      "background-color"
     ]
   },
   {
@@ -25086,29 +25117,79 @@
       "type": "color",
       "value": "{utrecht.color.white}"
     },
-    "name": "utrechtNavigationLinkColor",
+    "name": "utrechtNavigationLinkFocusColor",
     "attributes": {},
     "path": [
       "utrecht",
       "navigation",
       "link",
+      "focus",
       "color"
     ]
   },
   {
+    "$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": "utrechtNavigationLinkFocusTextDecorationThickness",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "focus",
+      "text-decoration-thickness"
+    ]
+  },
+  {
+    "$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": "utrechtNavigationLinkFocusBackgroundColor",
+    "name": "utrechtNavigationLinkFocusVisibleBackgroundColor",
     "attributes": {},
     "path": [
       "utrecht",
       "navigation",
       "link",
-      "focus",
+      "focus-visible",
       "background-color"
     ]
   },
@@ -25135,13 +25216,13 @@
       "type": "color",
       "value": "{utrecht.color.black}"
     },
-    "name": "utrechtNavigationLinkFocusColor",
+    "name": "utrechtNavigationLinkFocusVisibleColor",
     "attributes": {},
     "path": [
       "utrecht",
       "navigation",
       "link",
-      "focus",
+      "focus-visible",
       "color"
     ]
   },
@@ -25168,13 +25249,13 @@
       "type": "length",
       "value": "3px"
     },
-    "name": "utrechtNavigationLinkFocusTextDecorationThickness",
+    "name": "utrechtNavigationLinkFocusVisibleTextDecorationThickness",
     "attributes": {},
     "path": [
       "utrecht",
       "navigation",
       "link",
-      "focus",
+      "focus-visible",
       "text-decoration-thickness"
     ]
   },
@@ -25380,6 +25461,24 @@
       "font-weight"
     ]
   },
+  {
+    "value": "hsl(211 60% 35%)",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.color.blue.35}"
+    },
+    "name": "utrechtNavigationLinkMobileActiveColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "mobile",
+      "active",
+      "color"
+    ]
+  },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
@@ -25446,6 +25545,42 @@
       "color"
     ]
   },
+  {
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.color.white}"
+    },
+    "name": "utrechtNavigationLinkMobileFocusBackgroundColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "mobile",
+      "focus",
+      "background-color"
+    ]
+  },
+  {
+    "value": "hsl(211 60% 35%)",
+    "filePath": "src/component/utrecht/navigation.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.color.blue.35}"
+    },
+    "name": "utrechtNavigationLinkMobileFocusColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "navigation",
+      "link",
+      "mobile",
+      "focus",
+      "color"
+    ]
+  },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {
@@ -25523,7 +25658,7 @@
       "nl.nldesignsystem.figma.supports-token": false
     },
     "type": "fontWeight",
-    "value": "700",
+    "value": "400",
     "filePath": "src/component/utrecht/navigation.tokens.json",
     "isSource": true,
     "original": {
@@ -25535,7 +25670,7 @@
         "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": "utrechtNavigationLinkMobileHoverFontWeight",
     "attributes": {},
@@ -34493,6 +34628,495 @@
       "z-index"
     ]
   },
+  {
+    "value": "hsl(90 30% 50%)",
+    "filePath": "src/component/utrecht/status-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.feedback.active.fill.background-color}"
+    },
+    "name": "utrechtStatusBadgeActiveBackgroundColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "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": "utrechtStatusBadgeActiveBorderColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "active",
+      "border-color"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/utrecht/status-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.feedback.active.fill.color}"
+    },
+    "name": "utrechtStatusBadgeActiveColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "active",
+      "color"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 30%)",
+    "filePath": "src/component/utrecht/status-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.badge.background-color}"
+    },
+    "name": "utrechtStatusBadgeBackgroundColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "background-color"
+    ]
+  },
+  {
+    "value": "0",
+    "filePath": "src/component/utrecht/status-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.badge.border-radius}"
+    },
+    "name": "utrechtStatusBadgeBorderRadius",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "border-radius"
+    ]
+  },
+  {
+    "value": "0px",
+    "filePath": "src/component/utrecht/status-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "0px"
+    },
+    "name": "utrechtStatusBadgeBorderWidth",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "border-width"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/utrecht/status-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.badge.color}"
+    },
+    "name": "utrechtStatusBadgeColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "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": "utrechtStatusBadgeDangerBackgroundColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "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": "utrechtStatusBadgeDangerBorderColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "danger",
+      "border-color"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/utrecht/status-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.feedback.danger.fill.color}"
+    },
+    "name": "utrechtStatusBadgeDangerColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "danger",
+      "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": "utrechtStatusBadgeErrorBackgroundColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "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": "utrechtStatusBadgeErrorBorderColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "error",
+      "border-color"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/utrecht/status-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.feedback.error.fill.color}"
+    },
+    "name": "utrechtStatusBadgeErrorColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "error",
+      "color"
+    ]
+  },
+  {
+    "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": "utrechtStatusBadgeFontFamily",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "font-family"
+    ]
+  },
+  {
+    "value": "hsl(0 100% 40%)",
+    "filePath": "src/component/utrecht/status-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.feedback.inactive.fill.background-color}"
+    },
+    "name": "utrechtStatusBadgeInactiveBackgroundColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "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": "utrechtStatusBadgeInactiveBorderColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "inactive",
+      "border-color"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/utrecht/status-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.feedback.inactive.fill.color}"
+    },
+    "name": "utrechtStatusBadgeInactiveColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "inactive",
+      "color"
+    ]
+  },
+  {
+    "value": "#990000",
+    "filePath": "src/component/utrecht/status-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.feedback.invalid.fill.background-color}"
+    },
+    "name": "utrechtStatusBadgeInvalidBackgroundColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "invalid",
+      "background-color"
+    ]
+  },
+  {
+    "value": "#990000",
+    "filePath": "src/component/utrecht/status-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.feedback.invalid.fill.background-color}"
+    },
+    "name": "utrechtStatusBadgeInvalidBorderColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "invalid",
+      "border-color"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/utrecht/status-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.feedback.invalid.fill.color}"
+    },
+    "name": "utrechtStatusBadgeInvalidColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "invalid",
+      "color"
+    ]
+  },
+  {
+    "value": "8px",
+    "filePath": "src/component/utrecht/status-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.badge.padding-block}"
+    },
+    "name": "utrechtStatusBadgePaddingBlock",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "padding-block"
+    ]
+  },
+  {
+    "value": "12px",
+    "filePath": "src/component/utrecht/status-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.badge.padding-inline}"
+    },
+    "name": "utrechtStatusBadgePaddingInline",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "padding-inline"
+    ]
+  },
+  {
+    "value": "hsl(90 30% 50%)",
+    "filePath": "src/component/utrecht/status-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.feedback.safe.fill.background-color}"
+    },
+    "name": "utrechtStatusBadgeSafeBackgroundColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "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": "utrechtStatusBadgeSafeBorderColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "safe",
+      "border-color"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/utrecht/status-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.feedback.safe.fill.color}"
+    },
+    "name": "utrechtStatusBadgeSafeColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "safe",
+      "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": "utrechtStatusBadgeValidBackgroundColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "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": "utrechtStatusBadgeValidBorderColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "valid",
+      "border-color"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 100%)",
+    "filePath": "src/component/utrecht/status-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.feedback.valid.fill.color}"
+    },
+    "name": "utrechtStatusBadgeValidColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "valid",
+      "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": "utrechtStatusBadgeWarningBackgroundColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "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": "utrechtStatusBadgeWarningBorderColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "warning",
+      "border-color"
+    ]
+  },
+  {
+    "value": "hsl(0 0% 0%)",
+    "filePath": "src/component/utrecht/status-badge.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{utrecht.feedback.warning.fill.color}"
+    },
+    "name": "utrechtStatusBadgeWarningColor",
+    "attributes": {},
+    "path": [
+      "utrecht",
+      "status-badge",
+      "warning",
+      "color"
+    ]
+  },
   {
     "$extensions": {
       "nl.nldesignsystem.css.property": {