From 74d6968ce70c99821a46b85c521eab65024aa2e0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Se=CC=81rgio=20Ramos?= <mail@sergioramos.me>
Date: Thu, 4 Jan 2018 17:39:05 +0000
Subject: [PATCH] fix(my-joy-beta): fix play color

---
 packages/icons/src/play.js  | 26 ---------------------
 packages/icons/src/start.js | 45 ++++++++++++++++++++-----------------
 2 files changed, 24 insertions(+), 47 deletions(-)
 delete mode 100644 packages/icons/src/play.js

diff --git a/packages/icons/src/play.js b/packages/icons/src/play.js
deleted file mode 100644
index 2782b0a7..00000000
--- a/packages/icons/src/play.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react';
-import Colors from './colors';
-
-export default ({ light = false, disabled, ...rest }) => (
-  <Colors white secondary>
-    {({ white, text }) => (
-      <svg
-        width="18"
-        height="20"
-        viewBox="0 0 18 20"
-        version="1.1"
-        xmlns="http://www.w3.org/2000/svg"
-        {...rest}
-      >
-        <path
-          fill={light ? white : text}
-          style={{
-            transform: 'rotate(90deg) translateX(-2px) translateY(1px)',
-            transformOrigin: '50%'
-          }}
-          d="M 2.33975 15L 1.47372 14.5L 2.33975 15ZM 19.6603 15L 18.7942 15.5L 19.6603 15ZM 18.7942 16.5L 18.7942 15.5L 18.7942 16.5ZM 11.866 1.5L 12.7321 1L 11.866 1.5ZM 10.134 1.5L 11 2L 10.134 1.5ZM 11 2L 18.7942 15.5L 20.5263 14.5L 12.7321 1L 11 2ZM 18.7942 15.5L 3.20577 15.5L 3.20577 17.5L 18.7942 17.5L 18.7942 15.5ZM 3.20577 15.5L 11 2L 9.26795 1L 1.47372 14.5L 3.20577 15.5ZM 3.20577 15.5L 3.20577 15.5L 1.47372 14.5C 0.70392 15.8333 1.66617 17.5 3.20577 17.5L 3.20577 15.5ZM 18.7942 15.5L 18.7942 15.5L 18.7942 17.5C 20.3338 17.5 21.2961 15.8333 20.5263 14.5L 18.7942 15.5ZM 12.7321 1C 11.9622 -0.333334 10.0377 -0.333332 9.26795 1L 11 2L 11 2L 12.7321 1Z"
-        />
-      </svg>
-    )}
-  </Colors>
-);
diff --git a/packages/icons/src/start.js b/packages/icons/src/start.js
index 096afcc5..823c7d45 100644
--- a/packages/icons/src/start.js
+++ b/packages/icons/src/start.js
@@ -22,33 +22,33 @@ export default ({
           <svg
             width="15"
             height="15"
-            viewBox="0 0 15 15"
             version="1.1"
-            xmlns="http://www.w3.org/2000/svg"
             xmlnsXlink="http://www.w3.org/1999/xlink"
             style={{ ...style, ...rotateStyle }}
             {...rest}
           >
             <g transform="translate(18292 -19563)">
-              <g>
-                <mask id={ids[0]}>
-                  <path
-                    fill={calcFill({ fill, disabled, light, colors })}
-                    transform="rotate(90 -18921 643)"
-                    d="M-1-1h15v15H-1z"
-                  />
-                  <use
-                    xlinkHref={`#${ids[1]}`}
-                    transform="rotate(90 -18921 643)"
-                  />
-                </mask>
-                <g mask={`url(#${ids[0]})`}>
-                  <use
-                    xlinkHref={`#${ids[2]}`}
-                    transform="rotate(90 -18921 643)"
-                    fill={calcFill({ fill, disabled, light, colors })}
-                  />
-                </g>
+              <mask id={ids[0]}>
+                <rect
+                  fill="#fff"
+                  x={-1}
+                  y={-1}
+                  width={15}
+                  height={15}
+                  transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
+                />
+                <use
+                  xlinkHref={`#${ids[1]}`}
+                  fill="#000"
+                  transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
+                />
+              </mask>
+              <g mask={`url(#${ids[0]}`}>
+                <use
+                  xlinkHref={`#${ids[2]}`}
+                  transform="matrix(6.12323e-17 1 -1 6.12323e-17 -18278 19564)"
+                  fill={calcFill({ fill, disabled, light, colors })}
+                />
               </g>
             </g>
             <defs>
@@ -67,3 +67,6 @@ export default ({
     )}
   </Colors>
 );
+
+
+;