@utrecht/design-tokens 2.1.1 → 2.3.0

package/dist/tokens.cjs

@@ -2264,6 +2264,7 @@ module.exports = {
         }
       }
     },
+    "alternate-lang-nav": {},
     "article": {
       "max-inline-size": {
         "$extensions": {
@@ -3516,7 +3517,7 @@ module.exports = {
             }
           },
           "type": "fontSize",
-          "value": "0.75rem",
+          "value": "0.875rem",
           "filePath": "src/component/utrecht/blockquote.tokens.json",
           "isSource": true,
           "original": {
@@ -3531,7 +3532,7 @@ module.exports = {
               }
             },
             "type": "fontSize",
-            "value": "{utrecht.typography.scale.xs.font-size}"
+            "value": "{utrecht.typography.scale.sm.font-size}"
           },
           "name": "font-size",
           "attributes": {},
@@ -3596,6 +3597,51 @@ module.exports = {
         ]
       }
     },
+    "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": {
@@ -11600,6 +11646,20 @@ module.exports = {
         }
       }
     },
+    "combobox": {
+      "popover": {
+        "z-index": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<number>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "other"
+        }
+      }
+    },
     "action": {
       "activate": {
         "cursor": {
@@ -20855,6 +20915,7 @@ module.exports = {
         ]
       }
     },
+    "html-content": {},
     "iban-data": {},
     "icon": {
       "color": {
@@ -22765,7 +22826,25 @@ module.exports = {
             ]
           }
         },
-        "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": {
@@ -22773,7 +22852,7 @@ module.exports = {
                 "inherits": true
               }
             },
-            "value": "hsl(0 0% 95%)",
+            "value": "hsl(211 60% 90%)",
             "filePath": "src/component/utrecht/listbox.tokens.json",
             "isSource": true,
             "original": {
@@ -22783,7 +22862,7 @@ module.exports = {
                   "inherits": true
                 }
               },
-              "value": "{utrecht.color.grey.95}"
+              "value": "{utrecht.color.blue.90}"
             },
             "name": "background-color",
             "attributes": {},
@@ -22791,7 +22870,7 @@ module.exports = {
               "utrecht",
               "listbox",
               "option",
-              "selected",
+              "hover",
               "background-color"
             ]
           },
@@ -22820,55 +22899,115 @@ module.exports = {
               "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": "color",
+            "name": "background-color",
             "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": "background-color",
+            "name": "color",
             "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
+              }
+            }
           }
         }
       },
@@ -24223,6 +24362,26 @@ module.exports = {
         ]
       },
       "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": {
@@ -25486,6 +25645,90 @@ module.exports = {
         }
       }
     },
+    "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": {
@@ -25779,50 +26022,112 @@ module.exports = {
           "type": "dimension",
           "value": "{utrecht.space.block.3xl}"
         },
-        "name": "padding-block-end",
+        "name": "padding-block-end",
+        "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": "padding-block-start",
         "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": "padding-block-start",
-        "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": {
@@ -25836,6 +26141,16 @@ module.exports = {
         },
         "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": {
@@ -25993,8 +26308,71 @@ module.exports = {
           "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": {
@@ -29585,6 +29963,38 @@ module.exports = {
         }
       }
     },
+    "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": {
@@ -30980,6 +31390,53 @@ module.exports = {
           "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": {
@@ -36435,48 +36892,6 @@ module.exports = {
         }
       },
       "scale": {
-        "2xs": {
-          "font-size": {
-            "value": "0.5rem",
-            "comment": "8px",
-            "filePath": "src/brand/utrecht/typography.tokens.json",
-            "isSource": true,
-            "original": {
-              "value": "8px",
-              "comment": "8px"
-            },
-            "name": "font-size",
-            "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": "font-size",
-            "attributes": {},
-            "path": [
-              "utrecht",
-              "typography",
-              "scale",
-              "xs",
-              "font-size"
-            ]
-          }
-        },
         "sm": {
           "font-size": {
             "value": "0.875rem",