fix(Arrow): allow style.width and style.height to be overridden

Author: jedwards1211

src/index.js

@@ -119,8 +119,8 @@ L${point(-shaftLength, shaftWidth / 2)}${unclosed ? '' : ' z'}`
       propsForPath.clipPath = `url(#${clipPathId})`
     }
     const style = propsForSvg.style = (propsForSvg.style ? {...propsForSvg.style} : {})
-    style.width = width
-    style.height = height
+    if (style.width == null) style.width = width
+    if (style.height == null) style.height = height
 
     return (
       <svg {...propsForSvg}>

test/index.js

@@ -191,5 +191,21 @@ L15,0
 L5,0
 L5,-10 z`)
   })
+  it('allows style.width and style.height to be overridden', () => {
+    const comp = mount(
+      <Arrow
+          direction="down"
+          shaftWidth={10}
+          shaftLength={10}
+          headWidth={30}
+          headLength={15}
+          style={{width: 3, height: 4}}
+      />
+    )
+    const svg = comp.find('svg')
+    const style = svg.prop('style')
+    expect(style.width).to.equal(3)
+    expect(style.height).to.equal(4)
+  })
 })