fix: added questionHeadlineLineHeight token

EAVFW · Dec 2, 2024 · 2cdb22a · 2cdb22a
1 parent 7854e67
commit 2cdb22a
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 0 deletions.
diff --git a/packages/core/src/components/question/components/QuestionHeading.tsx b/packages/core/src/components/question/components/QuestionHeading.tsx
@@ -21,6 +21,7 @@ export const QuestionHeading: React.FC<QuestionHeadingProps> = ({ children, labe
         fontSize: quickformtokens.questionHeadlineFontSize,
         fontWeight: quickformtokens.questionHeadlineFontWeight,
         color: quickformtokens.onSurface,
+        lineHeight: quickformtokens.questionHeadlineLineHeight,
         position: "relative",
         display: 'flex',
         alignItems: 'center',

diff --git a/packages/core/src/style/defaultQuickFormTokens.ts b/packages/core/src/style/defaultQuickFormTokens.ts
@@ -53,6 +53,7 @@ export const defaultQuickFormTokens: QuickFormTokens = {
     multilineTextFontSize: '2rem',
     multilineTextMobileFontSize: '2.9rem',
     questionHeadlineFontSize: '2.4rem',
+    questionHeadlineLineHeight: '2.4rem',
     questionParagraphFontSize: '2rem',
     questionNumberFontSize: '1.6rem',
     questionInputFontSize: "3rem",

diff --git a/packages/core/src/style/quickFormTokensDefinition.ts b/packages/core/src/style/quickFormTokensDefinition.ts
@@ -45,6 +45,7 @@ type QuickFormTokensBase = {
     multilineTextMobileFontSize: FontSize,
 
     questionHeadlineFontSize: FontSize,
+    questionHeadlineLineHeight: FontSize,
     questionHeadlineFontWeight: number,
     questionParagraphFontSize: FontSize,
     questionNumberFontSize: FontSize,

diff --git a/packages/core/src/style/tokens.ts b/packages/core/src/style/tokens.ts
@@ -50,6 +50,7 @@ export const quickformtokens: QuickFormTokenVars = {
     "multilineTextFontSize": "var(--multiline-text-font-size)",
     "multilineTextMobileFontSize": "var(--multiline-text-mobile-font-size)",
     "questionHeadlineFontSize": "var(--question-headline-font-size)",
+    "questionHeadlineLineHeight": "var(--question-headline-line-height)",
     "questionParagraphFontSize": "var(--question-paragraph-font-size)",
     "questionNumberFontSize": "var(--question-number-font-size)",
     "questionInputFontSize": "var(--question-input-font-size)",