feat: generate transition timing function and delay from theme

muhammadsammy · Jun 24, 2020 · 5842b6e · 5842b6e
1 parent c4819e2
commit 5842b6e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/generation/ClassesGenerator.ts b/src/generation/ClassesGenerator.ts
@@ -98,8 +98,12 @@ export class ClassesGenerator implements IClassesGenerator {
         property => 'transition-' + property,
       ),
       transitionDuration: Object.keys(this.configScanner.themeConfig.transitionDuration).map(
-        duration => 'duration-' + duration,
+        value => 'duration-' + value,
       ),
+      transitionTimingFunction: Object.keys(this.configScanner.themeConfig.transitionTimingFunction).map(
+        value => 'ease-' + value,
+      ),
+      transitionDelay: Object.keys(this.configScanner.themeConfig.transitionDelay).map(value => 'delay-' + value),
     };
 
     this.allGeneratedClasses.Transitions = Transitions;

diff --git a/src/generation/_definitions.d.ts b/src/generation/_definitions.d.ts
@@ -186,4 +186,7 @@ interface IThemeProps {
   transitionDuration: {
     [key: string]: string;
   };
+  transitionDelay: {
+    [key: string]: string;
+  };
 }