feat: add utrecht.select.line-height token

nl-design-system · Sep 18, 2024 · 570ac1e · 570ac1e
1 parent d9a5161
commit 570ac1e
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 0 deletions.
diff --git a/.changeset/sharp-parrots-tease.md b/.changeset/sharp-parrots-tease.md
@@ -0,0 +1,5 @@
+---
+"@utrecht/select-css": minor
+---
+
+Add `utrecht.select.line-height` design token.
diff --git a/components/select/src/_mixin.scss b/components/select/src/_mixin.scss
@@ -31,6 +31,7 @@ $utrecht-support-prince-xml: false !default;
   ); /* harden with `initial` */
 
   inline-size: 100%;
+  line-height: var(--utrecht-select-line-height, var(--utrecht-form-control-line-height, initial));
   min-block-size: var(--utrecht-select-min-block-size, var(--utrecht-pointer-target-min-size, 44px));
   min-inline-size: var(--utrecht-pointer-target-min-size, 44px);
   max-inline-size: var(--utrecht-select-max-inline-size, var(--utrecht-form-control-max-inline-size));

diff --git a/components/select/src/tokens.json b/components/select/src/tokens.json
@@ -119,6 +119,17 @@
         },
         "type": "fontWeights"
       },
+      "line-height": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.fallback": ["utrecht.form-control.line-height"],
+          "nl.nldesignsystem.figma.supports-token": true
+        },
+        "type": "lineHeights"
+      },
       "min-block-size": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {