fix progress icon colors

Author: ShMcK

lib/components/Progress/progressIcon.js

@@ -6,10 +6,10 @@ var play_circle_filled_1 = require('material-ui/svg-icons/av/play-circle-filled'
 var check_box_outline_blank_1 = require('material-ui/svg-icons/toggle/check-box-outline-blank');
 function progressIcon(completed, current) {
     if (completed) {
-        return React.createElement(check_box_1.default, {color: colors_1.green300});
+        return React.createElement(check_box_1.default, {style: { fill: colors_1.green300 }});
     }
     else if (current) {
-        return React.createElement(play_circle_filled_1.default, {color: colors_1.pink500});
+        return React.createElement(play_circle_filled_1.default, {style: { fill: colors_1.pink500 }});
     }
     else {
         return React.createElement(check_box_outline_blank_1.default, null);

src/components/Progress/progressIcon.tsx

@@ -6,9 +6,9 @@ import CheckBoxOutlineBlank from 'material-ui/svg-icons/toggle/check-box-outline
 
 export function progressIcon(completed: boolean, current?: boolean) {
   if (completed) {
-    return <CheckBox color={green300} />;
+    return <CheckBox style={{fill: green300}} />;
   } else if (current) {
-    return <PlayCircleFilled color={pink500} />;
+    return <PlayCircleFilled style={{fill: pink500}} />;
   } else {
     return <CheckBoxOutlineBlank />;
   }