[Feature] to-flutter: text styles and types (#197)

* feat(to-flutter): Added text styles and variables types

* doc(to-flutter): Updated the doc to add textStyle

* fix(to-flutter): Fixed typo in doc

* fix(to-flutter): generating const for fonts and removing useless line break

* doc(to-flutter): Fixed textStyles generation

Author: JulesGuesnon

parsers/to-flutter/README.md

@@ -16,11 +16,18 @@ interface parser {
       color?: {
         className?: string;
         fileName?: string;
+        classType?: string;
       };
       measurement?: {
         devicePixelRatio?: number;
         className?: string;
         fileName?: string;
+        classType?: string;
+      };
+      textStyle?: {
+        className?: string;
+        fileName?: string;
+        classType?: string;
       };
     };
   };
@@ -29,13 +36,18 @@ interface parser {
 
 ### Options
 
-| Parameter                                   | Required | Type     | Default              | Description                                                      |
-| ------------------------------------------- | -------- | -------- | -------------------- | ---------------------------------------------------------------- |
-| `formatByType.color.className`              | optional | `string` | `SpecifyColor`       | Name of the class encapsulating your color design tokens.        |
-| `formatByType.color.fileName`               | optional | `string` | `colors.dart`        | Name of the Dart file containing your color design tokens.       |
-| `formatByType.measurement.devicePixelRatio` | optional | `number` | `2`                  | Default pixel ratio use to scale your measurement design tokens. |
-| `formatByType.measurement.className`        | optional | `string` | `SpecifyMeasurement` | Name of the class encapsulating your measurement design tokens.  |
-| `formatByType.measurement.fileName`         | optional | `string` | `measurements.dart`  | Name of the Dart file containing your measurement design tokens. |
+| Parameter                                   | Required | Type     | Default              | Description                                                        |
+| ------------------------------------------- | -------- | -------- | -------------------- | ------------------------------------------------------------------ |
+| `formatByType.color.className`              | optional | `string` | `SpecifyColor`       | Name of the class encapsulating your color design tokens.          |
+| `formatByType.color.fileName`               | optional | `string` | `colors.dart`        | Name of the Dart file containing your color design tokens.         |
+| `formatByType.color.classType`              | optional | `string` | `Color`              | Type that will be assigned to the generated color variables.       |
+| `formatByType.measurement.devicePixelRatio` | optional | `number` | `2`                  | Default pixel ratio use to scale your measurement design tokens.   |
+| `formatByType.measurement.className`        | optional | `string` | `SpecifyMeasurement` | Name of the class encapsulating your measurement design tokens.    |
+| `formatByType.measurement.fileName`         | optional | `string` | `measurements.dart`  | Name of the Dart file containing your measurement design tokens.   |
+| `formatByType.measurement.classType`        | optional | `string` | `double`             | Type that will be assigned to the generated measurement variables. |
+| `formatByType.textStyle.className`          | optional | `string` | `SpecifyTextStyle`   | Name of the class encapsulating your textStyle design tokens.      |
+| `formatByType.textStyle.fileName`           | optional | `string` | `text-styles.dart`   | Name of the Dart file containing your textStyle design tokens.     |
+| `formatByType.textStyle.classType`          | optional | `string` | `TextStyle`          | Type that will be assigned to the generated textStyle variables.   |
 
 ## Types
 
@@ -93,6 +105,39 @@ type output = string;
       "measure": 4
     },
     "type": "measurement"
+  },
+  {
+    "name": "heading",
+    "value": {
+      "font": {
+        "value": {
+          "fontFamilly": "Roboto",
+          "isItalic": true,
+          "fontWeight": 500
+        }
+      },
+      "fontSize": {
+        "value": {
+          "measure": 12,
+          "unit": "px"
+        }
+      },
+      "textDecoration": ["line-through"],
+      "letterSpacing": {
+        "value": {
+          "measure": 10
+        }
+      },
+      "color": {
+        "value": {
+          "a": 1,
+          "b": 255,
+          "g": 255,
+          "r": 0
+        }
+      }
+    },
+    "type": "textStyle"
   }
 ]
 ```
@@ -106,7 +151,7 @@ import 'dart:ui';
 class SpecifyColor {
     SpecifyColor._();
 
-    static const colorsBlack = Color(0x1E212BFF);
+    static const Color colorsBlack = Color(0x1E212BFF);
 }
 ```
 
@@ -117,10 +162,28 @@ import 'dart:ui';
 class SpecifyMeasurement {
     SpecifyMeasurement._();
 
-    static const baseSpace01 = 8.00;
+    static const double baseSpace01 = 8.00;
 }
 ```
 
+```dart
+// textStyles.dart
+import 'dart:ui';
+
+class SpecifyTextStyle {
+    SpecifyTextStyle._();
+
+    static const TextStyle heading = TextStyle(
+      fontFamily: 'Roboto',
+      fontSize: 12.00,
+      fontStyle: FontStyle.italic,
+      fontWeight: FontWeight.w500,
+      decoration: TextDecoration.lineThrough,
+      letterSpacing: 10.00,
+      color: Color(0xFFFFFF00),
+    );
+```
+
 ## Complex usage - with options
 
 ### Config
@@ -133,13 +196,20 @@ class SpecifyMeasurement {
       "formatByType": {
         "color": {
           "className": "LightTheme",
-          "fileName": "custom-colors-file-name.dart"
+          "fileName": "custom-colors-file-name.dart",
+          "classType": "MyColor"
         },
         "measurement": {
           "devicePixelRatio": 3.0,
           "className": "CustomTheme",
-          "fileName": "custom-measurement-file-name.dart"
-        }
+          "fileName": "custom-measurement-file-name.dart",
+          "classType": "twice"
+        },
+        "textStyle": {
+          "className": "CustomStyle",
+          "fileName": "custom-text-styles-file-name.dart",
+          "classType": "CoolText"
+        },
       }
     }
   }
@@ -170,6 +240,26 @@ class SpecifyMeasurement {
       "measure": 4
     },
     "type": "measurement"
+  },
+  {
+    "name": "body",
+    "value": {
+      "font": {
+        "value": {
+          "fontFamilly": "Inter",
+          "isItalic": false,
+          "fontWeight": 100
+        }
+      },
+      "fontSize": {
+        "value": {
+          "measure": 1,
+          "unit": "px"
+        }
+      },
+      "textDecoration": ["underline"]
+    },
+    "type": "textStyle"
   }
 ]
 ```
@@ -183,7 +273,7 @@ import 'dart:ui';
 class LightTheme {
     LightTheme._();
 
-    static const colorsBlack = Color(0x1E212BFF);
+    static const MyColor colorsBlack = Color(0x1E212BFF);
 }
 ```
 
@@ -194,6 +284,22 @@ import 'dart:ui';
 class CustomTheme {
     CustomTheme._();
 
-    static const baseSpace01 = 12.00;
+    static const twice baseSpace01 = 12.00;
 }
 ```
+
+```dart
+// custom-text-styles-file-name.dart
+import 'dart:ui';
+
+class CustomStyle {
+    CustomStyle._();
+
+    static const CoolText body = TextStyle(
+      fontFamily: 'Inter',
+      fontSize: 1.00,
+      fontStyle: FontStyle.normal,
+      fontWeight: FontWeight.w100,
+      decoration: TextDecoration.underline,
+    );
+```