Fix SVG errors

* Removed "xmlns" attributes, which are optional anyway * Renamed "fill-rule" attributes to "fillRule" for React compatibility
aaronshaf · Jul 7, 2016 · 4a08ad9 · 4a08ad9
1 parent f10726c
commit 4a08ad9
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 10 deletions.
diff --git a/check.es6.js b/check.es6.js
@@ -3,11 +3,11 @@ import React from 'react'
 export default React.createClass({
   render() {
     return (
-      <svg width="14" height="11" viewBox="0 0 14 11" xmlns="http://www.w3.org/2000/svg">
+      <svg width="14" height="11" viewBox="0 0 14 11">
         <title>
           switch-check
         </title>
-        <path d="M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0" fill="#fff" fill-rule="evenodd"/>
+        <path d="M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0" fill="#fff" fillRule="evenodd"/>
       </svg>
     )
   }

diff --git a/check.js b/check.js
@@ -10,13 +10,13 @@ module.exports = React.createClass({
   render: function render() {
     return React.createElement(
       "svg",
-      { width: "14", height: "11", viewBox: "0 0 14 11", xmlns: "http://www.w3.org/2000/svg" },
+      { width: "14", height: "11", viewBox: "0 0 14 11" },
       React.createElement(
         "title",
         null,
         "switch-check"
       ),
-      React.createElement("path", { d: "M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0", fill: "#fff", "fill-rule": "evenodd" })
+      React.createElement("path", { d: "M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0", fill: "#fff", fillRule: "evenodd" })
     );
   }
 });
diff --git a/example/bundle.js.map b/example/bundle.js.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-toggle",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "An elegant, accessible toggle component for React. Also a glorified checkbox.",
   "main": "index.js",
   "style": "style.css",

diff --git a/x.es6.js b/x.es6.js
@@ -3,11 +3,11 @@ import React from 'react'
 export default React.createClass({
   render() {
     return (
-      <svg width="10" height="10" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
+      <svg width="10" height="10" viewBox="0 0 10 10">
         <title>
           switch-x
         </title>
-        <path d="M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12" fill="#fff" fill-rule="evenodd"/>
+        <path d="M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12" fill="#fff" fillRule="evenodd"/>
       </svg>
     )
   }

diff --git a/x.js b/x.js
@@ -10,13 +10,13 @@ module.exports = React.createClass({
   render: function render() {
     return React.createElement(
       "svg",
-      { width: "10", height: "10", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" },
+      { width: "10", height: "10", viewBox: "0 0 10 10" },
       React.createElement(
         "title",
         null,
         "switch-x"
       ),
-      React.createElement("path", { d: "M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12", fill: "#fff", "fill-rule": "evenodd" })
+      React.createElement("path", { d: "M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12", fill: "#fff", fillRule: "evenodd" })
     );
   }
 });