@utrecht/design-tokens 2.1.1 → 2.3.0

package/dist/tokens.json

@@ -2260,6 +2260,7 @@
         }
       }
     },
+    "alternate-lang-nav": {},
     "article": {
       "max-inline-size": {
         "$extensions": {
@@ -3512,7 +3513,7 @@
             }
           },
           "type": "fontSize",
-          "value": "0.75rem",
+          "value": "0.875rem",
           "filePath": "src/component/utrecht/blockquote.tokens.json",
           "isSource": true,
           "original": {
@@ -3527,7 +3528,7 @@
               }
             },
             "type": "fontSize",
-            "value": "{utrecht.typography.scale.xs.font-size}"
+            "value": "{utrecht.typography.scale.sm.font-size}"
           },
           "name": "utrechtBlockquoteCaptionFontSize",
           "attributes": {},
@@ -3592,6 +3593,51 @@
         ]
       }
     },
+    "body": {
+      "font-family": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "*",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": true
+        },
+        "type": "fontFamilies"
+      },
+      "font-size": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": true
+        },
+        "type": "fontSizes"
+      },
+      "font-weight": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<number>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": true
+        },
+        "type": "fontWeights"
+      },
+      "line-height": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": [
+              "<length>",
+              "<number>"
+            ],
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": true
+        },
+        "type": "lineHeights"
+      }
+    },
     "breadcrumb-nav": {
       "min-block-size": {
         "$extensions": {
@@ -11596,6 +11642,20 @@
         }
       }
     },
+    "combobox": {
+      "popover": {
+        "z-index": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<number>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "other"
+        }
+      }
+    },
     "action": {
       "activate": {
         "cursor": {
@@ -20851,6 +20911,7 @@
         ]
       }
     },
+    "html-content": {},
     "iban-data": {},
     "icon": {
       "color": {
@@ -22761,7 +22822,25 @@
             ]
           }
         },
-        "selected": {
+        "disabled": {
+          "background-color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              }
+            }
+          },
+          "color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              }
+            }
+          }
+        },
+        "hover": {
           "background-color": {
             "$extensions": {
               "nl.nldesignsystem.css.property": {
@@ -22769,7 +22848,7 @@
                 "inherits": true
               }
             },
-            "value": "hsl(0 0% 95%)",
+            "value": "hsl(211 60% 90%)",
             "filePath": "src/component/utrecht/listbox.tokens.json",
             "isSource": true,
             "original": {
@@ -22779,15 +22858,15 @@
                   "inherits": true
                 }
               },
-              "value": "{utrecht.color.grey.95}"
+              "value": "{utrecht.color.blue.90}"
             },
-            "name": "utrechtListboxOptionSelectedBackgroundColor",
+            "name": "utrechtListboxOptionHoverBackgroundColor",
             "attributes": {},
             "path": [
               "utrecht",
               "listbox",
               "option",
-              "selected",
+              "hover",
               "background-color"
             ]
           },
@@ -22810,61 +22889,121 @@
               },
               "value": "{utrecht.color.black}"
             },
-            "name": "utrechtListboxOptionSelectedColor",
+            "name": "utrechtListboxOptionHoverColor",
             "attributes": {},
             "path": [
               "utrecht",
               "listbox",
               "option",
-              "selected",
+              "hover",
               "color"
             ]
           }
         },
-        "icon": {
-          "size": {
+        "selected": {
+          "background-color": {
             "$extensions": {
               "nl.nldesignsystem.css.property": {
-                "syntax": "<length>",
+                "syntax": "<color>",
                 "inherits": true
               }
-            }
-          }
-        },
-        "hover": {
-          "color": {
-            "value": "hsl(0 0% 0%)",
+            },
+            "value": "hsl(0 0% 95%)",
             "filePath": "src/component/utrecht/listbox.tokens.json",
             "isSource": true,
             "original": {
-              "value": "{utrecht.color.black}"
+              "$extensions": {
+                "nl.nldesignsystem.css.property": {
+                  "syntax": "<color>",
+                  "inherits": true
+                }
+              },
+              "value": "{utrecht.color.grey.95}"
             },
-            "name": "utrechtListboxOptionHoverColor",
+            "name": "utrechtListboxOptionSelectedBackgroundColor",
             "attributes": {},
             "path": [
               "utrecht",
               "listbox",
               "option",
-              "hover",
-              "color"
+              "selected",
+              "background-color"
             ]
           },
-          "background-color": {
-            "value": "hsl(211 60% 90%)",
+          "color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              }
+            },
+            "value": "hsl(0 0% 0%)",
             "filePath": "src/component/utrecht/listbox.tokens.json",
             "isSource": true,
             "original": {
-              "value": "{utrecht.color.blue.90}"
+              "$extensions": {
+                "nl.nldesignsystem.css.property": {
+                  "syntax": "<color>",
+                  "inherits": true
+                }
+              },
+              "value": "{utrecht.color.black}"
             },
-            "name": "utrechtListboxOptionHoverBackgroundColor",
+            "name": "utrechtListboxOptionSelectedColor",
             "attributes": {},
             "path": [
               "utrecht",
               "listbox",
               "option",
-              "hover",
-              "background-color"
+              "selected",
+              "color"
             ]
+          },
+          "disabled": {
+            "background-color": {
+              "$extensions": {
+                "nl.nldesignsystem.css.property": {
+                  "syntax": "<color>",
+                  "inherits": true
+                }
+              }
+            },
+            "color": {
+              "$extensions": {
+                "nl.nldesignsystem.css.property": {
+                  "syntax": "<color>",
+                  "inherits": true
+                }
+              }
+            }
+          },
+          "hover": {
+            "background-color": {
+              "$extensions": {
+                "nl.nldesignsystem.css.property": {
+                  "syntax": "<color>",
+                  "inherits": true
+                }
+              }
+            },
+            "color": {
+              "$extensions": {
+                "nl.nldesignsystem.css.property": {
+                  "syntax": "<color>",
+                  "inherits": true
+                }
+              }
+            }
+          }
+        },
+        "icon": {
+          "size": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              }
+            }
           }
         }
       },
@@ -24219,6 +24358,26 @@
         ]
       },
       "content": {
+        "background-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "color"
+        },
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "color"
+        },
         "max-inline-size": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
@@ -25482,6 +25641,90 @@
         }
       }
     },
+    "page-body": {
+      "background-color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<color>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "color"
+      },
+      "color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<color>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "color"
+      },
+      "content": {
+        "background-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "color"
+        },
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "color"
+        },
+        "padding-block-start": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        },
+        "padding-block-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        },
+        "padding-inline-start": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        },
+        "padding-inine-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        }
+      }
+    },
     "page-content": {
       "padding-block-start": {
         "$extensions": {
@@ -25775,50 +26018,112 @@
           "type": "dimension",
           "value": "{utrecht.space.block.3xl}"
         },
-        "name": "utrechtPageFooterPaddingBlockEnd",
+        "name": "utrechtPageFooterPaddingBlockEnd",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "page-footer",
+          "padding-block-end"
+        ]
+      },
+      "padding-block-start": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false,
+          "studio.tokens": {
+            "originalType": "spacing"
+          }
+        },
+        "type": "dimension",
+        "value": "48px",
+        "filePath": "src/component/utrecht/page-footer.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.3xl}"
+        },
+        "name": "utrechtPageFooterPaddingBlockStart",
         "attributes": {},
         "path": [
           "utrecht",
           "page-footer",
-          "padding-block-end"
+          "padding-block-start"
         ]
       },
-      "padding-block-start": {
-        "$extensions": {
-          "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
-            "inherits": true
+      "content": {
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
           },
-          "nl.nldesignsystem.figma.supports-token": false,
-          "studio.tokens": {
-            "originalType": "spacing"
-          }
+          "type": "color"
         },
-        "type": "dimension",
-        "value": "48px",
-        "filePath": "src/component/utrecht/page-footer.tokens.json",
-        "isSource": true,
-        "original": {
+        "background-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "color"
+        },
+        "padding-inline-end": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
               "syntax": "<length>",
               "inherits": true
             },
-            "nl.nldesignsystem.figma.supports-token": false,
-            "studio.tokens": {
-              "originalType": "spacing"
-            }
+            "nl.nldesignsystem.figma.supports-token": false
           },
-          "type": "dimension",
-          "value": "{utrecht.space.block.3xl}"
+          "type": "spacing"
         },
-        "name": "utrechtPageFooterPaddingBlockStart",
-        "attributes": {},
-        "path": [
-          "utrecht",
-          "page-footer",
-          "padding-block-start"
-        ]
+        "padding-inline-start": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        },
+        "padding-block-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        },
+        "padding-block-start": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        }
       }
     },
     "page-header": {
@@ -25832,6 +26137,16 @@
         },
         "type": "color"
       },
+      "border-block-end-color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<color>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "color"
+      },
       "color": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
@@ -25989,8 +26304,71 @@
           "page-header",
           "padding-inline-end"
         ]
+      },
+      "content": {
+        "background-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "color"
+        },
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "color"
+        },
+        "padding-block-start": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        },
+        "padding-block-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        },
+        "padding-inline-start": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        },
+        "padding-inline-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        }
       }
     },
+    "page-layout": {},
     "page": {
       "background-color": {
         "$extensions": {
@@ -29581,6 +29959,38 @@
         }
       }
     },
+    "root": {
+      "background-color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<color>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "color"
+      },
+      "color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<color>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "color"
+      },
+      "font-family": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "*",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "fontFamilies"
+      }
+    },
     "search-bar": {
       "button": {
         "background-color": {
@@ -30976,6 +31386,53 @@
           "type": "color"
         }
       },
+      "hover": {
+        "background-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.fallback": [
+              "utrecht.form-control.hover.background-color",
+              "utrecht.select.background-color",
+              "utrecht.form-control.background-color"
+            ],
+            "nl.nldesignsystem.figma.supports-token": true
+          },
+          "type": "color"
+        },
+        "border-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.fallback": [
+              "utrecht.form-control.hover.border-color",
+              "utrecht.select.border-color",
+              "utrecht.form-control.border-color"
+            ],
+            "nl.nldesignsystem.figma.supports-token": true
+          },
+          "type": "color"
+        },
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.fallback": [
+              "utrecht.form-control.hover.color",
+              "utrecht.select.color",
+              "utrecht.form-control.color"
+            ],
+            "nl.nldesignsystem.figma.supports-token": true
+          },
+          "type": "color"
+        }
+      },
       "focus": {
         "background-color": {
           "$extensions": {
@@ -36431,48 +36888,6 @@
         }
       },
       "scale": {
-        "2xs": {
-          "font-size": {
-            "value": "0.5rem",
-            "comment": "8px",
-            "filePath": "src/brand/utrecht/typography.tokens.json",
-            "isSource": true,
-            "original": {
-              "value": "8px",
-              "comment": "8px"
-            },
-            "name": "utrechtTypographyScale2xsFontSize",
-            "attributes": {},
-            "path": [
-              "utrecht",
-              "typography",
-              "scale",
-              "2xs",
-              "font-size"
-            ]
-          }
-        },
-        "xs": {
-          "font-size": {
-            "value": "0.75rem",
-            "comment": "12px",
-            "filePath": "src/brand/utrecht/typography.tokens.json",
-            "isSource": true,
-            "original": {
-              "value": "12px",
-              "comment": "12px"
-            },
-            "name": "utrechtTypographyScaleXsFontSize",
-            "attributes": {},
-            "path": [
-              "utrecht",
-              "typography",
-              "scale",
-              "xs",
-              "font-size"
-            ]
-          }
-        },
         "sm": {
           "font-size": {
             "value": "0.875rem",