From 5522ab23ad585f754c3c2571d8c88cf0bca29cec Mon Sep 17 00:00:00 2001
From: Peter <github@peter.dev.br>
Date: Sun, 20 Mar 2022 11:43:47 -0300
Subject: [PATCH] test: add storybook global styles

---
 .storybook/global.css                  |  8 ++++++++
 .storybook/preview.js                  |  1 +
 src/components/forms/Input.stories.mdx | 11 -----------
 3 files changed, 9 insertions(+), 11 deletions(-)
 create mode 100644 .storybook/global.css

diff --git a/.storybook/global.css b/.storybook/global.css
new file mode 100644
index 0000000..0ebaa85
--- /dev/null
+++ b/.storybook/global.css
@@ -0,0 +1,8 @@
+.example {
+  border: 1px solid #cbd5e1;
+  border-radius: 1rem;
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: space-evenly;
+  padding: 2rem;
+}
diff --git a/.storybook/preview.js b/.storybook/preview.js
index e535e78..16dc3a2 100644
--- a/.storybook/preview.js
+++ b/.storybook/preview.js
@@ -1,4 +1,5 @@
 import "../src/styles/index.css";
+import "./global.css";
 
 export const parameters = {
   actions: { argTypesRegex: "^on[A-Z].*" },
diff --git a/src/components/forms/Input.stories.mdx b/src/components/forms/Input.stories.mdx
index 141faac..f6a305d 100644
--- a/src/components/forms/Input.stories.mdx
+++ b/src/components/forms/Input.stories.mdx
@@ -10,17 +10,6 @@ import PasswordInput from "./PasswordInput.tsx";
 
 <Meta title="docs/forms/Input" />
 
-<style>{`
-  .example {
-    padding: 2rem;
-    display: flex;
-    flex-flow: row wrap;
-    justify-content: space-evenly;
-    border: 1px solid #cbd5e1;
-    border-radius: 1rem;
-  }
-`}</style>
-
 # Input
 
 Text inputs allow users to type and edit text fields, which usually appears in dialogs or forms.