From 66be22bbeff4426ddc6ef10923ed9de766b72be3 Mon Sep 17 00:00:00 2001 From: Ashley Watson-Nolan Date: Mon, 9 Dec 2024 15:11:55 +0000 Subject: [PATCH] fix(pie-text-input): DSW-000 font-size for text-input now contains px unit --- .changeset/strange-coats-talk.md | 5 +++++ packages/components/pie-text-input/src/text-input.scss | 5 +++-- 2 files changed, 8 insertions(+), 2 deletions(-) create mode 100644 .changeset/strange-coats-talk.md diff --git a/.changeset/strange-coats-talk.md b/.changeset/strange-coats-talk.md new file mode 100644 index 0000000000..09cecaec1d --- /dev/null +++ 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 index ec038becb3..e4bd9bd668 100644 --- 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;