From 338aff22774a000065b6cc9d8d3b79664d146a00 Mon Sep 17 00:00:00 2001
From: eder <ederoliveirabarreto@gmail.com>
Date: Thu, 14 Jul 2022 08:42:40 -0300
Subject: [PATCH] Fix line height and add new props

---
 src/lib/foundation/gameflow.ts | 30 +++++++++++++++---------------
 src/lib/tailwind/config.ts     |  4 ++++
 2 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/src/lib/foundation/gameflow.ts b/src/lib/foundation/gameflow.ts
index 23a4a2d..3a04060 100644
--- a/src/lib/foundation/gameflow.ts
+++ b/src/lib/foundation/gameflow.ts
@@ -85,73 +85,73 @@ export const typography: Typography = {
   'header-xl': {
     fontSize: '2.25rem',
     fontWeight: '600',
-    lineHeight: '1.2px',
+    lineHeight: '1.2',
     fontFamily: 'Montserrat',
   },
   'header-lg': {
     fontSize: '1.5rem',
     fontWeight: '600',
-    lineHeight: '1.2px',
+    lineHeight: '1.2',
     fontFamily: 'Montserrat',
   },
   'header-md': {
     fontSize: '1.125rem',
     fontWeight: '600',
-    lineHeight: '1.2px',
+    lineHeight: '1.2',
     fontFamily: 'Montserrat',
   },
   'header-sm': {
     fontSize: '1rem',
     fontWeight: '600',
-    lineHeight: '1.2px',
+    lineHeight: '1.2',
     fontFamily: 'Montserrat',
   },
   'header-xs': {
     fontSize: '0.875rem',
     fontWeight: '600',
-    lineHeight: '1.2px',
+    lineHeight: '1.2',
     fontFamily: 'Montserrat',
   },
   'body-lg': {
     fontSize: '0.875rem',
     fontWeight: '500',
-    lineHeight: '1.3px',
-    fontFamily: 'Mulish',
+    lineHeight: '1.3',
+    fontFamily: 'Mulish, sans-serif, Helvetica',
   },
   'body-md': {
     fontSize: '0.75rem',
     fontWeight: '500',
-    lineHeight: '1.3px',
-    fontFamily: 'Mulish',
+    lineHeight: '1.3',
+    fontFamily: 'Mulish, sans-serif, Helvetica',
   },
   'body-sm': {
     fontSize: '0.625rem',
     fontWeight: '500',
-    lineHeight: '1.3px',
-    fontFamily: 'Mulish',
+    lineHeight: '1.3',
+    fontFamily: 'Mulish, sans-serif, Helvetica',
   },
   button: {
     fontSize: '0.875rem',
     fontWeight: '500',
-    lineHeight: '1.2px',
+    lineHeight: '1.2',
     fontFamily: 'Montserrat',
   },
   link: {
     fontSize: '0.875rem',
     fontWeight: '500',
-    lineHeight: '1.2px',
+    lineHeight: '1.2',
     fontFamily: 'Montserrat',
   },
   'label-md': {
     fontSize: '0.75rem',
     fontWeight: '500',
-    lineHeight: '1.0px',
+    lineHeight: '1.0',
     fontFamily: 'Montserrat',
   },
   'label-sm': {
     fontSize: '0.625rem',
     fontWeight: '500',
-    lineHeight: '1.0px',
+    lineHeight: '1.0',
     fontFamily: 'Montserrat',
   },
 }
diff --git a/src/lib/tailwind/config.ts b/src/lib/tailwind/config.ts
index 64678b1..9bfd783 100644
--- a/src/lib/tailwind/config.ts
+++ b/src/lib/tailwind/config.ts
@@ -12,6 +12,7 @@ export const getConfig = (theme: Theme = gameflowTheme): Partial<TailwindConfig>
     animations: animation,
     screens,
     typography,
+    motion,
   } = theme
 
   const { fontSize, fontWeight, typographyComponents } = getTypographyConfig(typography)
@@ -31,6 +32,9 @@ export const getConfig = (theme: Theme = gameflowTheme): Partial<TailwindConfig>
         header: ['Montserrat', 'Helvetica'],
         body: ['Mulish', 'sans-serif'],
       },
+      transitionTimingFunction: {
+        default: motion.curve,
+      },
     },
     plugins: [
       plugin(({ addComponents }) => {