docs [QTM-613] Includes EvaluationForm in Infinite Scroll, Hooks/useMaxWithMediaQuery & Accordion

stories/Accordion/Accordion.mdx

@@ -8,6 +8,8 @@ import {
   Default,
   KeepOnlyOneOpen,
 } from './Accordion.stories.jsx';
+import EvaluationForm from '../../stories/shared/EvaluationForm';
+
 
 <Meta title="Accordion" component={Accordion}  />
 
@@ -39,4 +41,6 @@ import Accordion from '@catho/quantum/Accordion';
 
 <Canvas>
   <Story of={KeepOnlyOneOpen} />
-</Canvas>
+</Canvas>
+
+<EvaluationForm componentName="Accordion" /> 

stories/Breakpoints/Breakpoints.mdx

@@ -3,6 +3,8 @@ import { Meta } from '@storybook/addon-docs';
 import { Alert } from '../../components';
 import { Header } from '../shared'
 import { StyledDivExample } from './styles'
+import EvaluationForm from '../../stories/shared/EvaluationForm'
+
 
 <Meta title="Foundation/Breakpoints" />
 
@@ -61,4 +63,6 @@ const StyledDiv = styled.div`
 
 Test the div in different sizes:
 
-<StyledDivExample>Test me in different sizes =)</StyledDivExample>
+<StyledDivExample>Test me in different sizes =)</StyledDivExample>
+
+<EvaluationForm componentName="Breakpoints" />

stories/Colors/Colors.mdx

@@ -2,6 +2,8 @@ import { Meta } from '@storybook/addon-docs';
 
 import { Header } from '../shared'
 import Colors from './Colors'
+import EvaluationForm from '../../stories/shared/EvaluationForm'
+
 
 <Meta title="Foundation/Colors" />
 
@@ -37,3 +39,5 @@ console.log(Colors.secondary['500'])
 ```
 ## <a id="examples"></a>Examples
 <Colors />
+
+<EvaluationForm componentName="Colors" />

stories/Grid/Grid.mdx

@@ -3,6 +3,8 @@ import { Meta } from '@storybook/addon-docs';
 
 import Header from '../shared/Header';
 import { SizesTable, HorizontalExample, MobileDesktopExample, NoGuttersExample, HideExample, OffsetExample, OffsetWithTwoColumnsExample } from './Grid';
+import EvaluationForm from '../../stories/shared/EvaluationForm'
+
 
 <Meta title="Foundation/Grid" />
 
@@ -242,4 +244,7 @@ When setting a "offset" value, it is important to consider the space occupied by
 
 In the example above, the space occupied by the first column is the sum of the "small" and "small-offset" props. The result must also be added to the desired gap value for the column.
 Therefore, the value of the "offset" prop of the second column is composed of:
-2 ("small" of the 1st column) + 1 ("small-offset" of the 1st column) + 2 (desired gap betwen the 2nd column) = 5.
+2 ("small" of the 1st column) + 1 ("small-offset" of the 1st column) + 2 (desired gap betwen the 2nd column) = 5.
+
+
+<EvaluationForm componentName="Grid" />

stories/Hooks/Hooks.mdx

@@ -2,11 +2,14 @@ import { Meta } from '@storybook/addon-docs';
 
 import { Header } from '../shared';
 import { Alert } from '../../components';
+import EvaluationForm from '../../stories/shared/EvaluationForm';
+
 
 <Meta title="Hooks/useMaxWithMediaQuery" />
 
 <Header title="UseMaxWithMediaQuery" />
 
+
 - [Importing](#importing)
 - [Usage](#usage)
 
@@ -64,4 +67,6 @@ const Component = () => {
 }
 
 export default Component;
-```
+```
+
+<EvaluationForm componentName="Hooks/useMaxWithMediaQuery" /> 

stories/Icon/Icon.mdx

@@ -3,6 +3,8 @@ import { Meta, Story } from '@storybook/addon-docs';
 import Header from '../shared/Header';
 import { ExampleIcons, ExampleIncorrectIcons } from './ExampleIcons';
 import Catalogue from './Catalogue';
+import EvaluationForm from '../../stories/shared/EvaluationForm'
+
 
 <Meta title="Foundation/Icons" />
 
@@ -65,4 +67,6 @@ element and no icon will render.
 
 ### Available Icons
 
-<Catalogue/>
+<Catalogue/>
+
+<EvaluationForm componentName="Icons" />

stories/InfiniteScroll/InfiniteScroll.mdx

@@ -10,6 +10,9 @@ import {
   WithLoaderIndicator
 } from './InfiniteScroll.stories.jsx';
 
+import EvaluationForm from '../../stories/shared/EvaluationForm'
+
+
 <Meta title="InfiniteScroll" component={InfiniteScroll}  />
 
 <Header title="InfiniteScroll">
@@ -102,4 +105,6 @@ export default function InfiniteScrollWithLoader() {
 ```
 <Canvas withSource="none">
   <Story of={WithLoaderIndicator} />
-</Canvas>
+</Canvas>
+
+<EvaluationForm componentName="InfiniteScroll" />

stories/Link/Link.mdx

@@ -9,6 +9,9 @@ import {
   Dark,
 } from './Link.stories.jsx';
 
+import EvaluationForm from '../../stories/shared/EvaluationForm'
+
+
 <Meta 
   title="Foundation/Link"
   component={Link}
@@ -44,4 +47,6 @@ import Link from '@catho/quantum/Link';
 
 <Canvas>
   <Story of={Dark}/>
-</Canvas>
+</Canvas>
+
+<EvaluationForm componentName="Link" />

stories/List/List.mdx

@@ -13,6 +13,9 @@ import {
   WithIcons,
 } from './List.stories.jsx';
 
+import EvaluationForm from '../../stories/shared/EvaluationForm'
+
+
 <Meta 
   title="Foundation/List"
   component={List}
@@ -66,4 +69,6 @@ import List from '@catho/quantum/List';
 
 <Canvas>
   <Story of={WithIcons} />
-</Canvas>
+</Canvas>
+
+<EvaluationForm componentName="List" />

stories/Theme/Theme.mdx

@@ -3,6 +3,8 @@ import { Meta } from '@storybook/addon-docs';
 import { Header } from '../shared'
 
 import { BreakpointsProperties, ColorIntensity, SpacingValues } from './Theme';
+import EvaluationForm from '../../stories/shared/EvaluationForm'
+
 
 <Meta title="Foundation/Theme" />
 
@@ -129,4 +131,6 @@ badge: {
     },
   },
 }
-```
+```
+
+<EvaluationForm componentName="Theme" />

stories/Typography/Typography.mdx

@@ -2,6 +2,8 @@ import { Meta, Story } from '@storybook/addon-docs';
 
 import { Header } from '../shared'
 import { Headings, Texts, Lists } from './Components'
+import EvaluationForm from '../../stories/shared/EvaluationForm'
+
 
 <Meta title="Foundation/Typography" />
 
@@ -66,4 +68,6 @@ const exampleItemsDefault = [
 ];
 ```
 
-<Lists />
+<Lists />
+
+<EvaluationForm componentName="Typography" />