enhance the naming convention of the output

deriv-com · Nov 20, 2023 · 9e35680 · 9e35680
1 parent d001162
commit 9e35680
Show file tree

Hide file tree

Showing 4 changed files with 1,328 additions and 1,316 deletions.
diff --git a/dist/quill-tailwind/mobile_dark_colors.dart b/dist/quill-tailwind/mobile_dark_colors.dart
@@ -3,24 +3,28 @@
 // mobile_dark_colors.dart
 //
 
+// Do not edit directly
+// Generated on Mon, 20 Nov 2023 06:32:08 GMT
+
+
 
 import 'dart:ui';
 
-class  {
-  ._();
+class MobileDarkColors {
+  MobileDarkColors._();
 
-    static const base = #11141b;
-    static const base = #11141b;
-    static const container = #181c25;
-    static const container = #181c25;
-    static const danger = #f92e26;
-    static const default = rgba(#ffffff,72%);
-    static const dialog = #181c25;
-    static const disabled = rgba(#ffffff,24%);
-    static const info = #3daaff;
-    static const link = #ff444f;
-    static const prominent = #ffffff;
-    static const subtle = rgba(#ffffff,48%);
-    static const success = #26a44e;
-    static const warning = #ffae26;
+    static const semanticColorBackgroundDialog = #181c25;
+    static const semanticColorBackgroundPrimaryBase = #11141b;
+    static const semanticColorBackgroundPrimaryContainer = #181c25;
+    static const semanticColorBackgroundSecondaryBase = #11141b;
+    static const semanticColorBackgroundSecondaryContainer = #181c25;
+    static const semanticColorStatusDanger = #f92e26;
+    static const semanticColorStatusInfo = #3daaff;
+    static const semanticColorStatusSuccess = #26a44e;
+    static const semanticColorStatusWarning = #ffae26;
+    static const semanticColorTypographyDefault = rgba(#ffffff,72%);
+    static const semanticColorTypographyDisabled = rgba(#ffffff,24%);
+    static const semanticColorTypographyLink = #ff444f;
+    static const semanticColorTypographyProminent = #ffffff;
+    static const semanticColorTypographySubtle = rgba(#ffffff,48%);
 }
diff --git a/dist/quill-tailwind/mobile_light_colors.dart b/dist/quill-tailwind/mobile_light_colors.dart
@@ -3,24 +3,28 @@
 // mobile_light_colors.dart
 //
 
+// Do not edit directly
+// Generated on Mon, 20 Nov 2023 06:32:09 GMT
+
+
 
 import 'dart:ui';
 
-class  {
-  ._();
+class MobileLightColors {
+  MobileLightColors._();
 
-    static const base = #f6f7f8;
-    static const base = #ffffff;
-    static const container = #ffffff;
-    static const container = #f6f7f8;
-    static const danger = #db0800;
-    static const default = rgba(#000000,72%);
-    static const dialog = #ffffff;
-    static const disabled = rgba(#000000,24%);
-    static const info = #1789e1;
-    static const link = #ff444f;
-    static const prominent = #000000;
-    static const subtle = rgba(#000000,48%);
-    static const success = #00822a;
-    static const warning = #e18d00;
+    static const semanticColorBackgroundDialog = #ffffff;
+    static const semanticColorBackgroundPrimaryBase = #f6f7f8;
+    static const semanticColorBackgroundPrimaryContainer = #ffffff;
+    static const semanticColorBackgroundSecondaryBase = #ffffff;
+    static const semanticColorBackgroundSecondaryContainer = #f6f7f8;
+    static const semanticColorStatusDanger = #db0800;
+    static const semanticColorStatusInfo = #1789e1;
+    static const semanticColorStatusSuccess = #00822a;
+    static const semanticColorStatusWarning = #e18d00;
+    static const semanticColorTypographyDefault = rgba(#000000,72%);
+    static const semanticColorTypographyDisabled = rgba(#000000,24%);
+    static const semanticColorTypographyLink = #ff444f;
+    static const semanticColorTypographyProminent = #000000;
+    static const semanticColorTypographySubtle = rgba(#000000,48%);
 }
diff --git a/src/generators/tailwind/index.ts b/src/generators/tailwind/index.ts
@@ -103,16 +103,17 @@ export const SemanticLightMobileConfig = StyleDictionary.extend({
   platforms: {
     semantic_mobile_flutter_light: {
       // Todo(Horam): remove the commented code before merging the PR.
-      transforms:['color/hex8flutter'], //[...TokenStudioTransforms,], //  'deriv/mobile-color', 'color/hex8flutter'
+      transforms:[ 'name/cti/camel','color/hex8flutter'], //[...TokenStudioTransforms,], //  'deriv/mobile-color', 'color/hex8flutter'
       buildPath: QUILL_TAILWIND_BUILD_PATH,
       files: [
         {
           destination: 'mobile_light_colors.dart',
           format: 'flutter/class.dart',
+          className: 'MobileLightColors',
           filter: (token) => token.path.includes('semantic'),
           options: {
             outputReferences: false,
-            showFileHeader: false,
+            showFileHeader: true,
           },
         },
       ],
@@ -125,16 +126,19 @@ export const SemanticDarkMobileConfig = StyleDictionary.extend({
   platforms: {
     semantic_mobile_flutter_dark: {
       // Todo(Horam): remove the commented code before merging the PR.
-      transforms: ['deriv/mobile-color'],//[...TokenStudioTransforms, ], // 'deriv/mobile-color', 'color/hex8flutter'
+      transforms: [ 'name/cti/camel','deriv/mobile-color'],//[...TokenStudioTransforms, ], // 'deriv/mobile-color', 'color/hex8flutter'
       buildPath: QUILL_TAILWIND_BUILD_PATH,
       files: [
         {
           destination: 'mobile_dark_colors.dart',
           format: 'flutter/class.dart',
+          className: 'MobileDarkColors',
+
+
          filter: (token) => token.path.includes('semantic'),
           options: {
             outputReferences: false,
-            showFileHeader: false,
+            showFileHeader: true,
           },
         },
       ],