fix(pie-text-input): DSW-000 font-size for text-input now contains px…

… unit
justeattakeaway · Dec 9, 2024 · abe4afa · abe4afa
1 parent 06595a3
commit abe4afa
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/.changeset/strange-coats-talk.md b/.changeset/strange-coats-talk.md
@@ -0,0 +1,5 @@
+---
+"@justeattakeaway/pie-text-input": minor
+---
+
+[Fixed] - font-size for text-input now contains px unit
diff --git a/packages/components/pie-text-input/src/text-input.scss b/packages/components/pie-text-input/src/text-input.scss
@@ -10,7 +10,8 @@
     --input-border-color: var(--dt-color-interactive-form);
     --input-container-color: var(--dt-color-container-default);
     --input-radius: var(--dt-radius-rounded-c);
-    --input-font-size: var(--dt-font-body-l-size);
+    --input-font-size: #{p.font-size(--dt-font-body-l-size)};
+    --input-line-height: #{p.font-size(--dt-font-body-l-line-height)};
     --input-height: 48px;
     --input-cursor: text;
 
@@ -25,8 +26,8 @@
     padding-inline-end: var(--input-padding-inline);
     padding-block-start: var(--input-padding-block);
     padding-block-end: var(--input-padding-block);
-    line-height: 24px;
     font-size: var(--input-font-size);
+    line-height: var(--input-line-height);
     display: flex;
     flex-wrap: nowrap;
     align-items: center;