diff --git a/.storybook/welcome-page/loves-carbon/loves-carbon.style.js b/.storybook/welcome-page/loves-carbon/loves-carbon.style.js index 5639eb342a..7f7591aba6 100644 --- a/.storybook/welcome-page/loves-carbon/loves-carbon.style.js +++ b/.storybook/welcome-page/loves-carbon/loves-carbon.style.js @@ -1,6 +1,6 @@ -import styled from 'styled-components'; -import { StyledComponentHeader } from '../components-demo/component-heading/component-heading.style'; -import Link from '../../../src/components/link/link.style'; +import styled from "styled-components"; +import { StyledComponentHeader } from "../components-demo/component-heading/component-heading.style"; +import { StyledLink } from "../../../src/components/link/link.style"; export const Wrapper = styled.div` margin: 0 auto; @@ -11,10 +11,10 @@ export const Wrapper = styled.div` `; export const LovesCarbonWrapper = styled.div` - background-color: #E6EBED; + background-color: #e6ebed; width: 100%; - && ${Link} a { + && ${StyledLink} a { font-size: 18px; font-weight: bold; } @@ -33,4 +33,3 @@ export const Image = styled.img` width: 50%; } `; - diff --git a/src/components/link/link.stories.mdx b/src/components/link/link.stories.mdx index 15bdabdecd..1bc7aa6151 100644 --- a/src/components/link/link.stories.mdx +++ b/src/components/link/link.stories.mdx @@ -1,7 +1,7 @@ import { useState } from "react"; import { Meta, Story, Preview, Props } from "@storybook/addon-docs"; import LinkTo from "@storybook/addon-links/react"; -import Link, { InternalLink } from "./link.component"; +import Link from "./link.component"; import Box from "../box"; import { Menu, MenuItem } from "../menu"; import Typography from "../typography"; @@ -197,4 +197,4 @@ Use the `target` prop to modify the behaviour when the Link component is clicked ### Link - +