fix(to-flutter): Add height property on text styles

Author: ChucKN0risK

parsers/to-flutter/__snapshots__/to-flutter.spec.ts.snap

@@ -44,6 +44,7 @@ class SpecifyTextStyle {
       fontWeight: FontWeight.w500,
       letterSpacing: 10.00,
       color: Color(0xFF1E212B),
+      height: 20.00,
     );
     static const TextStyle bodyWithOpacity = TextStyle(
       fontFamily: _inter,
@@ -52,19 +53,22 @@ class SpecifyTextStyle {
       fontWeight: FontWeight.w500,
       letterSpacing: 10.00,
       color: Color(0x4D1E212B),
+      height: 20.00,
     );
     static const TextStyle code = TextStyle(
       fontFamily: _firaCode,
       fontSize: 13.00,
       fontStyle: FontStyle.normal,
       fontWeight: FontWeight.w500,
       color: Color(0xFFFF8E05),
+      height: 20.00,
     );
     static const TextStyle list = TextStyle(
       fontFamily: _roboto,
       fontSize: 14.00,
       fontStyle: FontStyle.normal,
       fontWeight: FontWeight.w400,
+      height: 20.00,
     );
     static const TextStyle title = TextStyle(
       fontFamily: _inter,
@@ -73,6 +77,7 @@ class SpecifyTextStyle {
       fontWeight: FontWeight.w600,
       decoration: TextDecoration.underline,
       color: Color(0xFF1E212B),
+      height: 40.00,
     );
 }",
     },
@@ -176,6 +181,7 @@ class CustomTheme {
       fontWeight: FontWeight.w500,
       letterSpacing: 10.00,
       color: Color(0xFF1E212B),
+      height: 20.00,
     );
     static const TextStyle bodyWithOpacity = TextStyle(
       fontFamily: _inter,
@@ -184,19 +190,22 @@ class CustomTheme {
       fontWeight: FontWeight.w500,
       letterSpacing: 10.00,
       color: Color(0x4D1E212B),
+      height: 20.00,
     );
     static const TextStyle code = TextStyle(
       fontFamily: _firaCode,
       fontSize: 13.00,
       fontStyle: FontStyle.normal,
       fontWeight: FontWeight.w500,
       color: Color(0xFFFF8E05),
+      height: 20.00,
     );
     static const TextStyle list = TextStyle(
       fontFamily: _roboto,
       fontSize: 14.00,
       fontStyle: FontStyle.normal,
       fontWeight: FontWeight.w400,
+      height: 20.00,
     );
     static const TextStyle title = TextStyle(
       fontFamily: _inter,
@@ -205,6 +214,7 @@ class CustomTheme {
       fontWeight: FontWeight.w600,
       decoration: TextDecoration.underline,
       color: Color(0xFF1E212B),
+      height: 40.00,
     );
 }",
     },

parsers/to-flutter/tokens/textStyle.ts

@@ -20,7 +20,7 @@ class {{textStyleClass}} {
       fontFamily: {{fontFamily}},
       fontSize: {{fontSize}},
       fontStyle: {{fontStyle}},
-      fontWeight: FontWeight.w{{fontWeight}},{{#decoration}}\n      decoration: {{decoration}},{{/decoration}}{{#letterSpacing}}\n      letterSpacing: {{letterSpacing}},{{/letterSpacing}}{{#color}}\n      color: Color({{color}}),{{/color}}
+      fontWeight: FontWeight.w{{fontWeight}},{{#decoration}}\n      decoration: {{decoration}},{{/decoration}}{{#letterSpacing}}\n      letterSpacing: {{letterSpacing}},{{/letterSpacing}}{{#color}}\n      color: Color({{color}}),{{/color}}{{#height}}\n      height: {{height}},{{/height}}
     );
     {{/textStyles}}
 }`);
@@ -59,6 +59,11 @@ export function generateTextStyleFile(
           fontSize: textStyle.value.fontSize.value.measure.toFixed(2),
           fontStyle: `FontStyle.${!!textStyle.value.font.value.isItalic ? 'italic' : 'normal'}`,
           fontWeight: textStyle.value.font.value.fontWeight,
+          height: pipe(
+            O.fromNullable(textStyle.value.lineHeight),
+            O.map(v => v.value.measure.toFixed(2)),
+            O.toUndefined,
+          ),
           decoration: pipe(
             // Flutter only accept 1 text decoration
             O.fromNullable(textStyle.value.textDecoration?.[0]),