IW-1501 | updated avatar component

source/assets/index.js

@@ -9,7 +9,6 @@ export { default as AvatarIconTiny } from './AvatarIconTiny';
 export { default as AvatarIconUser } from './AvatarIconUser';
 export { default as AvatarIcon } from './AvatarIcon';
 export { default as LogoFandomHeart } from './LogoFandomHeart';
-export { default as LogoFandomPoweredByWikiaTwoLines } from './LogoFandomPoweredByWikiaTwoLines';
 export { default as LogoFandomWhite } from './LogoFandomWhite';
 export { default as LogoFandom } from './LogoFandom';
 export { default as LogoWikiaOrgWhite } from './LogoWikiaOrgWhite';

source/components/Avatar/__snapshots__/index.spec.js.snap

@@ -6,7 +6,7 @@ exports[`Avatar renders when incorrect badgePermission is set 1`] = `
   badge="someIncorrectBadgePermission"
 >
   <div
-    className="wds-avatar"
+    className="wds-avatar is-default"
   >
     <AvatarImage
       alt="User avatar"
@@ -34,7 +34,7 @@ exports[`Avatar renders with badge 1`] = `
   badge="admin"
 >
   <div
-    className="wds-avatar"
+    className="wds-avatar is-default"
   >
     <AvatarImage
       alt="User avatar"
@@ -70,7 +70,7 @@ exports[`Avatar renders with default props 1`] = `
   alt="User avatar"
 >
   <div
-    className="wds-avatar"
+    className="wds-avatar is-default"
   >
     <AvatarImage
       alt="User avatar"

source/components/Avatar/index.js

@@ -20,7 +20,7 @@ const Avatar = ({
     src,
     title,
 }) => (
-    <div className={classNames('wds-avatar', className)} title={title}>
+    <div className={classNames('wds-avatar', (!src ? 'is-default' : ''), className)} title={title}>
         {getAvatarImage(href, alt, src)}
         {badge && <Badge badge={badge} />}
     </div>

source/components/Avatar/styles.scss

@@ -3,9 +3,4 @@
 @import "~design-system/dist/scss/wds-components/_avatar.scss";
 .wds-avatar {
 	@include wds-avatar(48px, $wds-fandom-color-middle-gray, $wds-fandom-color-middle-gray);
-
-	// svg is necessary here to differentiate between img (for user's avatar image) and svg (default avatar)
-	svg.wds-avatar__image {
-		padding: 2px;
-	}
 }

source/icons/IconExternalLink/README.md

@@ -0,0 +1,4 @@
+
+```js
+<IconExternalLink height="30" />
+```

source/icons/IconExternalLink/index.js

@@ -0,0 +1,2 @@
+// This file is generated automatically via extract-assets-from-ds.js
+export default from 'design-system/dist/svg/wds-icons-external-link.svg';

source/icons/index.js

@@ -45,6 +45,7 @@ export { default as IconEmbed } from './IconEmbed';
 export { default as IconErrorSmall } from './IconErrorSmall';
 export { default as IconError } from './IconError';
 export { default as IconExploreTiny } from './IconExploreTiny';
+export { default as IconExternalLink } from './IconExternalLink';
 export { default as IconEyeCrossedSmall } from './IconEyeCrossedSmall';
 export { default as IconEyeCrossed } from './IconEyeCrossed';
 export { default as IconEyeSmall } from './IconEyeSmall';

source/package.json

@@ -50,7 +50,7 @@
     "concurrently": "^4.1.0",
     "coveralls": "^3.0.2",
     "date-fns": "^1.29.0",
-    "design-system": "git://github.com/Wikia/design-system.git#14.2.0",
+    "design-system": "git://github.com/Wikia/design-system.git#17.0.0",
     "enzyme": "^3.7.0",
     "enzyme-adapter-react-16": "^1.7.0",
     "enzyme-redux": "^0.2.1",