fix: create documentation for TextLink and adjust style

Author: rmartins90

src/text-link/text-link.module.css

@@ -1,7 +1,7 @@
 :root {
-    --reactist-text-link-idle-tint: rgb(36, 111, 224);
-    --reactist-text-link-hover-tint: var(--reactist-text-link-idle-tint);
-    --reactist-text-link-idle-decoration: none;
+    --reactist-text-link-idle-tint: var(--reactist-actionable-tertiary-idle-tint);
+    --reactist-text-link-hover-tint: var(--reactist-actionable-tertiary-hover-tint);
+    --reactist-text-link-idle-decoration: underline;
     --reactist-text-link-hover-decoration: underline;
 }
 

src/text-link/text-link.stories.mdx

@@ -0,0 +1,35 @@
+import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs'
+import { Stack } from '../stack'
+import { TextLink } from './text-link'
+
+<Meta
+    title="Design system/TextLink"
+    component={TextLink}
+    parameters={{
+        badges: ['accessible'],
+    }}
+/>
+
+# TextLink
+
+A component used to create text-based hyperlinks.
+
+<Canvas>
+    <Story
+        name="Main demo"
+        parameters={{
+            docs: { source: { type: 'code' } },
+        }}
+    >
+        <Stack space="medium" align="start">
+            <TextLink href="https://www.doist.com/">regular</TextLink>
+            <TextLink href="https://www.doist.com/" openInNewTab={true}>
+                open in new tab
+            </TextLink>
+        </Stack>
+    </Story>
+</Canvas>
+
+## Props
+
+<ArgsTable of={TextLink} />