From 9c46040512ed27dc4e9d9502fec0ee5a1672c0bc Mon Sep 17 00:00:00 2001
From: alizeleal <alize.de.fatima@gmail.com>
Date: Mon, 29 Jan 2024 18:53:45 -0300
Subject: [PATCH 1/4] docs: Creates EvaluationForm Component

---
 stories/Introduction/Introduction.mdx   |  5 +++-
 stories/Typography/Components.jsx       |  1 +
 stories/shared/EvaluationForm/index.jsx | 34 +++++++++++++++++++++++++
 3 files changed, 39 insertions(+), 1 deletion(-)

diff --git a/stories/Introduction/Introduction.mdx b/stories/Introduction/Introduction.mdx
index 1c42d2368..ff43050de 100644
--- a/stories/Introduction/Introduction.mdx
+++ b/stories/Introduction/Introduction.mdx
@@ -2,6 +2,7 @@ import { Meta } from '@storybook/addon-docs';
 
 import { Alert } from '../../components';
 import { Header } from '../shared'
+import EvaluationForm from '../../stories/shared/EvaluationForm'
 
 <Meta title="Introduction/GettingStarted" />
 
@@ -39,4 +40,6 @@ yarn add @catho/quantum
 import Button from '@catho/quantum/Button';
 
 export default () => <Button>Click here!</Buttom>;
-```
\ No newline at end of file
+```
+
+<EvaluationForm componentName="Introduction" />
\ No newline at end of file
diff --git a/stories/Typography/Components.jsx b/stories/Typography/Components.jsx
index e1b6dfbd2..b33cc10ff 100644
--- a/stories/Typography/Components.jsx
+++ b/stories/Typography/Components.jsx
@@ -1,3 +1,4 @@
+/* eslint-disable jsx-a11y/control-has-associated-label */
 import styled from 'styled-components';
 
 import { Title, Subtitle, Blockquote } from '../../components/GlobalStyle';
diff --git a/stories/shared/EvaluationForm/index.jsx b/stories/shared/EvaluationForm/index.jsx
index e69de29bb..0ac412bb1 100644
--- a/stories/shared/EvaluationForm/index.jsx
+++ b/stories/shared/EvaluationForm/index.jsx
@@ -0,0 +1,34 @@
+import Accordion from '../../../components/Accordion';
+
+const urlGenerator = (componentName) =>
+  `https://docs.google.com/forms/d/e/1FAIpQLSewdS_VhSt_JSFOxiuiIc-auEj0MQwn_P_WiXYhAEAE1DqJhg/viewform?entry.1112120969=${componentName}`;
+
+const EvaluationForm = ({ componentName }) => (
+  <Accordion
+    items={[
+      {
+        content: (
+          <ul>
+            <li>
+              <iframe
+                title="Rate our Documentation"
+                src={`${urlGenerator(componentName)}`}
+                width="992"
+                height="600"
+                frameBorder="0"
+                marginHeight="0"
+                marginWidth="0"
+              >
+                Carregando…
+              </iframe>
+            </li>
+          </ul>
+        ),
+        opened: true,
+        title: '⭐⭐⭐⭐⭐ Rate our Documentation',
+      },
+    ]}
+  />
+);
+
+export default EvaluationForm;

From 846e778a565f3f8c9e3c425925edc74855aca674 Mon Sep 17 00:00:00 2001
From: alizeleal <alize.de.fatima@gmail.com>
Date: Tue, 30 Jan 2024 16:11:21 -0300
Subject: [PATCH 2/4] fixes component styling

---
 stories/shared/EvaluationForm/index.jsx | 52 +++++++++++++------------
 1 file changed, 27 insertions(+), 25 deletions(-)

diff --git a/stories/shared/EvaluationForm/index.jsx b/stories/shared/EvaluationForm/index.jsx
index 0ac412bb1..a75b31d33 100644
--- a/stories/shared/EvaluationForm/index.jsx
+++ b/stories/shared/EvaluationForm/index.jsx
@@ -1,34 +1,36 @@
+import { Unstyled } from '@storybook/addon-docs';
 import Accordion from '../../../components/Accordion';
 
 const urlGenerator = (componentName) =>
   `https://docs.google.com/forms/d/e/1FAIpQLSewdS_VhSt_JSFOxiuiIc-auEj0MQwn_P_WiXYhAEAE1DqJhg/viewform?entry.1112120969=${componentName}`;
 
 const EvaluationForm = ({ componentName }) => (
-  <Accordion
-    items={[
-      {
-        content: (
-          <ul>
-            <li>
-              <iframe
-                title="Rate our Documentation"
-                src={`${urlGenerator(componentName)}`}
-                width="992"
-                height="600"
-                frameBorder="0"
-                marginHeight="0"
-                marginWidth="0"
-              >
-                Carregando…
-              </iframe>
-            </li>
-          </ul>
-        ),
-        opened: true,
-        title: '⭐⭐⭐⭐⭐ Rate our Documentation',
-      },
-    ]}
-  />
+  <Unstyled>
+    <Accordion
+      items={[
+        {
+          content: (
+            <ul>
+              <li>
+                <iframe
+                  title="Rate our Documentation"
+                  src={`${urlGenerator(componentName)}`}
+                  width="992"
+                  height="600"
+                  frameBorder="0"
+                  marginHeight="0"
+                  marginWidth="0"
+                >
+                  Carregando…
+                </iframe>
+              </li>
+            </ul>
+          ),
+          title: '⭐⭐⭐⭐⭐ Rate our Documentation',
+        },
+      ]}
+    />
+  </Unstyled>
 );
 
 export default EvaluationForm;

From ccf8f3b683e07bf6870fe762ae447416ddb0a7dc Mon Sep 17 00:00:00 2001
From: alizeleal <alize.de.fatima@gmail.com>
Date: Wed, 31 Jan 2024 11:43:28 -0300
Subject: [PATCH 3/4] Fixes styles

---
 stories/shared/EvaluationForm/index.jsx | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/stories/shared/EvaluationForm/index.jsx b/stories/shared/EvaluationForm/index.jsx
index a75b31d33..7bd5ee66e 100644
--- a/stories/shared/EvaluationForm/index.jsx
+++ b/stories/shared/EvaluationForm/index.jsx
@@ -1,9 +1,17 @@
 import { Unstyled } from '@storybook/addon-docs';
+import styled from 'styled-components';
 import Accordion from '../../../components/Accordion';
 
 const urlGenerator = (componentName) =>
   `https://docs.google.com/forms/d/e/1FAIpQLSewdS_VhSt_JSFOxiuiIc-auEj0MQwn_P_WiXYhAEAE1DqJhg/viewform?entry.1112120969=${componentName}`;
 
+const IFrame = styled.iframe`
+  width: 100%;
+  height: 500px;
+  border: 0;
+  background-color: blue;
+`;
+
 const EvaluationForm = ({ componentName }) => (
   <Unstyled>
     <Accordion
@@ -12,21 +20,16 @@ const EvaluationForm = ({ componentName }) => (
           content: (
             <ul>
               <li>
-                <iframe
+                <IFrame
                   title="Rate our Documentation"
                   src={`${urlGenerator(componentName)}`}
-                  width="992"
-                  height="600"
-                  frameBorder="0"
-                  marginHeight="0"
-                  marginWidth="0"
                 >
                   Carregando…
-                </iframe>
+                </IFrame>
               </li>
             </ul>
           ),
-          title: '⭐⭐⭐⭐⭐ Rate our Documentation',
+          title: 'Rate our Documentation ⭐ ',
         },
       ]}
     />

From ba63ea13929e3d8bd2231204d213cd04d4a2540e Mon Sep 17 00:00:00 2001
From: alizeleal <alize.de.fatima@gmail.com>
Date: Wed, 31 Jan 2024 15:01:07 -0300
Subject: [PATCH 4/4] removed unused style

---
 stories/shared/EvaluationForm/index.jsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/stories/shared/EvaluationForm/index.jsx b/stories/shared/EvaluationForm/index.jsx
index 7bd5ee66e..00d6e7f4c 100644
--- a/stories/shared/EvaluationForm/index.jsx
+++ b/stories/shared/EvaluationForm/index.jsx
@@ -9,7 +9,6 @@ const IFrame = styled.iframe`
   width: 100%;
   height: 500px;
   border: 0;
-  background-color: blue;
 `;
 
 const EvaluationForm = ({ componentName }) => (