WW-329: Move avatar badges from icons to graphics

package.json

@@ -1,6 +1,6 @@
 {
   "name": "design-system",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "description": "Design System developed for Wikia",
   "scripts": {
     "build": "gulp",

reference-page/components/avatar-badges.md

@@ -0,0 +1,41 @@
+###Avatar Badges:
+	@example
+	<h4>Avatar badges</h4>
+	<div class="icon-preview-group">
+		<div class="icon-preview-card">
+			<svg class="wds-icon-small">
+				<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wds-avatar-badges-admin">
+			</svg>
+			<div class="icon-name">admin</div>
+		</div>
+		<div class="icon-preview-card">
+			<svg class="wds-icon-small">
+				<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wds-avatar-badges-content-moderator">
+			</svg>
+			<div class="icon-name">content-moderator</div>
+		</div>
+		<div class="icon-preview-card">
+			<svg class="wds-icon-small">
+				<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wds-avatar-badges-discussion-moderator">
+			</svg>
+			<div class="icon-name">discussion-moderator</div>
+		</div>
+		<div class="icon-preview-card">
+			<svg class="wds-icon-small">
+				<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wds-avatar-badges-helper">
+			</svg>
+			<div class="icon-name">helper</div>
+		</div>
+		<div class="icon-preview-card">
+			<svg class="wds-icon-small">
+				<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wds-avatar-badges-staff">
+			</svg>
+			<div class="icon-name">staff</div>
+		</div>
+		<div class="icon-preview-card">
+			<svg class="wds-icon-small">
+				<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#wds-avatar-badges-vstf">
+			</svg>
+			<div class="icon-name">vstf</div>
+		</div>
+	</div>

reference-page/components/avatar.md

@@ -3,4 +3,4 @@
 	@example
 	<h4>Avatar</h4>
 	<img src="./assets/avatar.jpg" class="wds-avatar wds-is-circle wds-is-padded-right" alt="user name"/>
-	<img src="./assets/avatar.jpg" class="wds-avatar" alt="user name"/>
+	<img src="./assets/avatar.jpg" class="wds-avatar" alt="user name"/>