Merge pull request #108 from Wikia/XW-2453

XW-2453 | replace broccoli-symbolizer with broccoli-svgstore

Author: latata

dist/css/styles.css

@@ -8,7 +8,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
 
-<meta name="design-system/config/environment" content="%7B%22modulePrefix%22%3A%22design-system%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22/%22%2C%22locationType%22%3A%22hash%22%2C%22EmberENV%22%3A%7B%22FEATURES%22%3A%7B%7D%7D%2C%22APP%22%3A%7B%22name%22%3A%22design-system%22%2C%22version%22%3A%224.1.2%22%7D%2C%22exportApplicationGlobal%22%3Afalse%7D" />
+<meta name="design-system/config/environment" content="%7B%22modulePrefix%22%3A%22design-system%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22/%22%2C%22locationType%22%3A%22hash%22%2C%22EmberENV%22%3A%7B%22FEATURES%22%3A%7B%7D%7D%2C%22APP%22%3A%7B%22name%22%3A%22design-system%22%2C%22version%22%3A%224.1.3+8265f807%22%7D%2C%22exportApplicationGlobal%22%3Afalse%7D" />
 
     <link rel="stylesheet" href="/assets/vendor.css">
     <link rel="stylesheet" href="/assets/design-system.css">

dist/svg/sprite.svg

@@ -2,7 +2,7 @@
 /* global require, module */
 var EmberApp = require('ember-cli/lib/broccoli/ember-app'),
 	Funnel = require('broccoli-funnel'),
-	Symbolizer = require('broccoli-symbolizer');
+	SvgStore = require('broccoli-svgstore');
 
 module.exports = function(defaults) {
 	var app = new EmberApp(defaults, {
@@ -57,8 +57,19 @@ module.exports = function(defaults) {
 		}));
 	}
 
-	additionalTrees.push(new Symbolizer('style-guide/assets', {
-		outputFile: '/svg/sprite.svg'
+
+	additionalTrees.push(SvgStore('style-guide/assets', {
+		outputFile: '/svg/sprite.svg',
+		svgstoreOpts: {
+			svgAttrs: {
+				style: 'position: absolute; width: 0; height: 0;',
+				width: '0',
+				height: '0',
+				version: '1.1',
+				xmlns: 'http://www.w3.org/2000/svg',
+				'xmlns:xlink': 'http://www.w3.org/1999/xlink'
+			}
+		}
 	}));
 
 	// Use `app.import` to add additional libraries to the generated

docs/assets/design-system.css

@@ -25,7 +25,7 @@
   "devDependencies": {
     "broccoli-asset-rev": "2.4.6",
     "broccoli-funnel": "1.0.7",
-    "broccoli-symbolizer": "0.5.0",
+    "broccoli-svgstore": "0.4.0",
     "design-system-i18n": "Wikia/design-system-i18n#0.6.2",
     "ember-browserify": "1.1.13",
     "ember-cli": "2.8.0",