docs(strong): Use Strong component in Markdown

telus · Oct 26, 2017 · bfbcd2c · bfbcd2c
1 parent 9d59ff1
commit bfbcd2c
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/docs/components/Markdown/Markdown.js b/docs/components/Markdown/Markdown.js
@@ -11,6 +11,7 @@ import {styles as paraStyles} from 'react-styleguidist/lib/rsg-components/Para'
 
 import Link from '../../../src/components/Link/Link'
 import Text from '../../../src/components/Typography/Text/Text'
+import Strong from '../../../src/components/Typography/Strong/Strong'
 import MarkdownHeading from '../MarkdownHeading/MarkdownHeading'
 import MarkdownParagraph from '../MarkdownParagraph/MarkdownParagraph'
 
@@ -88,6 +89,9 @@ const getBaseOverrides = memoize(classes => {
         level: 'h4',
       },
     },
+    strong: {
+      component: Strong,
+    },
     code: {
       component: Code,
       props: {
@@ -151,10 +155,6 @@ const styles = ({space, fontFamily, fontSize, color, borderRadius}) => ({
     composes: '$base',
     fontStyle: 'italic',
   },
-  strong: {
-    composes: '$base',
-    fontWeight: 'bold',
-  },
   code: {
     fontFamily: fontFamily.monospace,
     fontSize: 'inherit',