From 2ab10200051b79e3c76ee009f365ad63ba40d1d2 Mon Sep 17 00:00:00 2001
From: Andrea Simone Porceddu <andrea@vlkstudio.com>
Date: Tue, 2 Nov 2021 21:00:18 +0100
Subject: [PATCH] fix: prettier

---
 docs/src/styles/components/box.ts        | 18 +++++++++---------
 docs/src/styles/components/button.ts     |  4 ++--
 docs/src/styles/components/card.ts       |  4 ++--
 docs/src/styles/components/typography.ts |  4 ++--
 packages/spec/src/types/components.ts    |  2 +-
 5 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/docs/src/styles/components/box.ts b/docs/src/styles/components/box.ts
index b70f9bec..e147ba57 100644
--- a/docs/src/styles/components/box.ts
+++ b/docs/src/styles/components/box.ts
@@ -3,20 +3,20 @@ import { ComponentConfig } from '@morfeo/react';
 export const Box: ComponentConfig = {
   tag: 'div',
   style: {
-    fontFamily: 'regular'
+    fontFamily: 'regular',
   },
   variants: {
     flexRow: {
       style: {
         display: 'flex',
-        flexDirection: 'row'
-      }
+        flexDirection: 'row',
+      },
     },
     flexColumn: {
       style: {
-        flexDirection: 'column'
-      }
-    }
+        flexDirection: 'column',
+      },
+    },
   },
   meta: {
     description: 'a simple div',
@@ -29,7 +29,7 @@ export const Box: ComponentConfig = {
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
-      }
-    }
-  }
+      },
+    },
+  },
 } as ComponentConfig;
diff --git a/docs/src/styles/components/button.ts b/docs/src/styles/components/button.ts
index 837daf0a..50b52737 100644
--- a/docs/src/styles/components/button.ts
+++ b/docs/src/styles/components/button.ts
@@ -34,8 +34,8 @@ export const Button: ComponentConfig = {
         pointerEvent: 'none',
         cursor: 'default',
         '&:hover': {
-          opacity: 1
-        }
+          opacity: 1,
+        },
       },
     },
     error: {
diff --git a/docs/src/styles/components/card.ts b/docs/src/styles/components/card.ts
index 3da33811..75831191 100644
--- a/docs/src/styles/components/card.ts
+++ b/docs/src/styles/components/card.ts
@@ -41,7 +41,7 @@ export const Card: ComponentConfig = {
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
-      }
-    }
+      },
+    },
   },
 } as ComponentConfig;
diff --git a/docs/src/styles/components/typography.ts b/docs/src/styles/components/typography.ts
index 21e846a0..2b84775a 100644
--- a/docs/src/styles/components/typography.ts
+++ b/docs/src/styles/components/typography.ts
@@ -101,7 +101,7 @@ export const Typography: ComponentConfig = {
     description: 'Typography component used to render text',
     tags: ['typography', 'fonts'],
     devtoolConfig: {
-      background: 'background'
-    }
+      background: 'background',
+    },
   },
 } as ComponentConfig;
diff --git a/packages/spec/src/types/components.ts b/packages/spec/src/types/components.ts
index 6e070310..cbb6c419 100644
--- a/packages/spec/src/types/components.ts
+++ b/packages/spec/src/types/components.ts
@@ -9,7 +9,7 @@ export interface ComponentMeta {
     background?: Color | Record<string, Color>;
     label?: string;
     hide?: boolean;
-  }
+  };
 }
 
 type ComponentStyle<Props extends Style = Style> = {