From e18d07443ce160c0f72b68ebb86d0a53be86b894 Mon Sep 17 00:00:00 2001
From: Josefina Mancilla <josefinanoemi4@gmail.com>
Date: Thu, 8 Sep 2022 15:11:38 -0500
Subject: [PATCH] feat: add links to welcome story

---
 packages/react/.storybook/Welcome/Welcome.js  | 23 +++++++++++++++++++
 .../react/.storybook/Welcome/welcome.scss     | 15 ++++++++++--
 2 files changed, 36 insertions(+), 2 deletions(-)

diff --git a/packages/react/.storybook/Welcome/Welcome.js b/packages/react/.storybook/Welcome/Welcome.js
index f2faab24cebd..244038eec329 100644
--- a/packages/react/.storybook/Welcome/Welcome.js
+++ b/packages/react/.storybook/Welcome/Welcome.js
@@ -9,6 +9,9 @@ import React from 'react';
 import bg from './carbon_bg.png';
 import './welcome.scss';
 import PackageInfo from './../../package.json';
+import Link from '../../src/components/Link';
+import { ArrowRight } from '@carbon/icons-react';
+import { Stack } from '../../src/components/Stack';
 
 export const Welcome = () => {
   return (
@@ -20,6 +23,26 @@ export const Welcome = () => {
       }}>
       <h2 className="welcome__heading">@carbon/react</h2>
       <h4 className="welcome__heading welcome__heading--subtitle">{`v${PackageInfo.version}`}</h4>
+      <Stack>
+        <Link
+          href="https://v10-react.carbondesignsystem.com/"
+          className="welcome__link"
+          renderIcon={ArrowRight}>
+          v10 Storybook
+        </Link>
+        <Link
+          href="https://v10.carbondesignsystem.com/"
+          className="welcome__link"
+          renderIcon={ArrowRight}>
+          v10 website
+        </Link>
+        <Link
+          href="https://github.com/carbon-design-system/carbon/tree/main/packages/react"
+          className="welcome__link"
+          renderIcon={ArrowRight}>
+          Github repo
+        </Link>
+      </Stack>
     </div>
   );
 };
diff --git a/packages/react/.storybook/Welcome/welcome.scss b/packages/react/.storybook/Welcome/welcome.scss
index 8ae24175c9d9..64e5072871be 100644
--- a/packages/react/.storybook/Welcome/welcome.scss
+++ b/packages/react/.storybook/Welcome/welcome.scss
@@ -1,5 +1,5 @@
-@use '@carbon/styles/scss/theme';
 @use '@carbon/styles/scss/type';
+@use '@carbon/styles/scss/colors';
 
 .container-welcome {
   /* stylelint-disable-next-line declaration-no-important */
@@ -18,9 +18,20 @@
 .welcome__heading {
   @include type.type-style('productive-heading-07');
 
-  color: theme.$text-inverse;
+  color: colors.$white;
 }
 
 .welcome__heading--subtitle {
   font-weight: 600;
 }
+
+.welcome__link,
+.welcome__link:hover,
+.welcome__link.cds--link:visited {
+  margin-top: 1rem;
+  color: colors.$blue-40;
+}
+
+.welcome__link:first-child {
+  margin-top: 2rem;
+}