diff --git a/src/components/Highlight.js b/src/components/Highlight.js index 912a1fae..af87e5bb 100644 --- a/src/components/Highlight.js +++ b/src/components/Highlight.js @@ -34,7 +34,7 @@ const HighlightBlock = styled.div` } `; -class Highlight extends React.Component { +export class Highlight extends React.Component { componentDidMount() { this.highlightCode(); } @@ -62,5 +62,3 @@ class Highlight extends React.Component { Highlight.propTypes = { children: PropTypes.node.isRequired, }; - -export default Highlight; diff --git a/src/components/Highlight.stories.js b/src/components/Highlight.stories.js index e4d27c12..5210c1f1 100644 --- a/src/components/Highlight.stories.js +++ b/src/components/Highlight.stories.js @@ -1,6 +1,6 @@ import React from 'react'; import { storiesOf } from '@storybook/react'; -import Highlight from './Highlight'; +import { Highlight } from './Highlight'; const bash = `
# Highlight bash:
diff --git a/src/components/Link.js b/src/components/Link.js
index b1794d4e..53bc294e 100644
--- a/src/components/Link.js
+++ b/src/components/Link.js
@@ -135,7 +135,7 @@ const LinkButton = styled.button`
${linkStyles};
`;
-export function Link({ isButton, withArrow, containsIcon, LinkWrapper, children, ...props }) {
+export function Link({ isButton, withArrow, containsIcon, LinkWrapper, children, ...rest }) {
const content = (
@@ -147,12 +147,16 @@ export function Link({ isButton, withArrow, containsIcon, LinkWrapper, children,
if (LinkWrapper) {
const StyledLinkWrapper = LinkA.withComponent(LinkWrapper);
- return {content} ;
+ const { inverse, nochrome, secondary, tertiary, ...linkWrapperProps } = rest;
+
+ return {content} ;
}
+
if (isButton) {
- return {content} ;
+ return {content} ;
}
- return {content} ;
+
+ return {content} ;
}
Link.propTypes = {
diff --git a/src/components/index.js b/src/components/index.js
index 7888fba3..3be950e8 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -9,7 +9,7 @@ export * from './Avatar';
export * from './AvatarList';
export * from './Badge';
export * from './Button';
-export { default as Highlight } from './Highlight';
+export * from './Highlight';
export * from './Icon';
export * from './Link';
export * from './Subheading';