fix: LinkButton to use inline TextBody (#627)

* chore: update linkbutton docs with missing inline prop

* fix: linkbutton to use span tag

* chore: fix prop name

Author: jonnybel

src/components/buttons/link-button/link-button.js

@@ -22,12 +22,12 @@ const LinkButton = props => (
         min-height: initial;
         cursor: pointer;
         text-decoration: none;
-        p {
+        span {
           color: ${vars.colorGreen};
           ${props.isDisabled ? `color: ${vars.colorGray};` : ''}
         }
         &:hover {
-          p {
+          span {
             color: ${vars.colorGreen25};
             ${props.isDisabled ? `color: ${vars.colorGray});` : ''}
           }
@@ -50,7 +50,7 @@ const LinkButton = props => (
           size: 'medium',
           theme: props.isDisabled ? 'grey' : 'green',
         })}
-      <Text.Body>{props.label}</Text.Body>
+      <Text.Body isInline={true}>{props.label}</Text.Body>
     </Spacings.Inline>
   </Link>
 );

src/components/typography/text/README.md

@@ -94,6 +94,7 @@ Wraps the given text in a `<p>` element, for normal content.
 | `children` | `PropTypes.node` |    ✅    | -                                                                             | -       |
 | `title`    | `String`         |    -     | -                                                                             | -       |
 | `truncate` | `Bool`           |    -     | -                                                                             | `false` |
+| `isInline` | `Bool`           |    -     | -                                                                             | `false` |
 
 The component further forwards all `data-` attributes to the underlying component.
 
@@ -123,6 +124,7 @@ properly style the text.
 | `children` | `PropTypes.node` |    ✅    | -                                                                             | -       |
 | `title`    | `String`         |    -     | -                                                                             | -       |
 | `truncate` | `Bool`           |    -     | -                                                                             | `false` |
+| `isInline` | `Bool`           |    -     | -                                                                             | `false` |
 
 The component further forwards all `data-` attributes to the underlying component.