Switch to custom React icon build

tomgoddard2 · Jun 2, 2020 · 72de3e7 · 72de3e7
1 parent b51566b
commit 72de3e7
Show file tree

Hide file tree

Showing 710 changed files with 1,842 additions and 10,327 deletions.
diff --git a/package.json b/package.json
@@ -17,7 +17,7 @@
   "scripts": {
     "prepare": "npm run build",
     "build": "npm run build-outline && npm run build-solid && npm run build-react && npm run build-vue",
-    "build-react": "svgr --ext jsx -d react/outline outline && svgr --ext jsx -d react/solid solid",
+    "build-react": "node ./scripts/build-react.js",
     "build-vue": "node ./scripts/build-vue.js",
     "build-outline": "svgo --config=svgo.outline.yaml -f ./src/outline -o ./outline --pretty --indent=2",
     "build-solid": "svgo --config=svgo.solid.yaml -f ./src/solid -o ./solid --pretty --indent=2"

diff --git a/react/outline/Adjustments.js b/react/outline/Adjustments.js
diff --git a/react/outline/Adjustments.jsx b/react/outline/Adjustments.jsx
@@ -1,16 +1,7 @@
-import * as React from 'react'
+import * as React from "react";
 
-function SvgAdjustments(props) {
-  return (
-    <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}>
-      <path
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth={2}
-        d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"
-      />
-    </svg>
-  )
+function AdjustmentsIcon(props) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4" /></svg>;
 }
 
-export default SvgAdjustments
+export default AdjustmentsIcon;
diff --git a/react/outline/Annotation.js b/react/outline/Annotation.js
diff --git a/react/outline/Annotation.jsx b/react/outline/Annotation.jsx
@@ -1,16 +1,7 @@
-import * as React from 'react'
+import * as React from "react";
 
-function SvgAnnotation(props) {
-  return (
-    <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}>
-      <path
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth={2}
-        d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"
-      />
-    </svg>
-  )
+function AnnotationIcon(props) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z" /></svg>;
 }
 
-export default SvgAnnotation
+export default AnnotationIcon;
diff --git a/react/outline/Archive.js b/react/outline/Archive.js
diff --git a/react/outline/Archive.jsx b/react/outline/Archive.jsx
@@ -1,16 +1,7 @@
-import * as React from 'react'
+import * as React from "react";
 
-function SvgArchive(props) {
-  return (
-    <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}>
-      <path
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth={2}
-        d="M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4"
-      />
-    </svg>
-  )
+function ArchiveIcon(props) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4" /></svg>;
 }
 
-export default SvgArchive
+export default ArchiveIcon;
diff --git a/react/outline/ArrowCircleDown.js b/react/outline/ArrowCircleDown.js
diff --git a/react/outline/ArrowCircleDown.jsx b/react/outline/ArrowCircleDown.jsx
@@ -1,16 +1,7 @@
-import * as React from 'react'
+import * as React from "react";
 
-function SvgArrowCircleDown(props) {
-  return (
-    <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}>
-      <path
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth={2}
-        d="M15 13l-3 3m0 0l-3-3m3 3V8m0 13a9 9 0 110-18 9 9 0 010 18z"
-      />
-    </svg>
-  )
+function ArrowCircleDownIcon(props) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 13l-3 3m0 0l-3-3m3 3V8m0 13a9 9 0 110-18 9 9 0 010 18z" /></svg>;
 }
 
-export default SvgArrowCircleDown
+export default ArrowCircleDownIcon;
diff --git a/react/outline/ArrowCircleLeft.js b/react/outline/ArrowCircleLeft.js
diff --git a/react/outline/ArrowCircleLeft.jsx b/react/outline/ArrowCircleLeft.jsx
@@ -1,16 +1,7 @@
-import * as React from 'react'
+import * as React from "react";
 
-function SvgArrowCircleLeft(props) {
-  return (
-    <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}>
-      <path
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth={2}
-        d="M11 15l-3-3m0 0l3-3m-3 3h8M3 12a9 9 0 1118 0 9 9 0 01-18 0z"
-      />
-    </svg>
-  )
+function ArrowCircleLeftIcon(props) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M11 15l-3-3m0 0l3-3m-3 3h8M3 12a9 9 0 1118 0 9 9 0 01-18 0z" /></svg>;
 }
 
-export default SvgArrowCircleLeft
+export default ArrowCircleLeftIcon;
diff --git a/react/outline/ArrowCircleRight.js b/react/outline/ArrowCircleRight.js
diff --git a/react/outline/ArrowCircleRight.jsx b/react/outline/ArrowCircleRight.jsx
@@ -1,16 +1,7 @@
-import * as React from 'react'
+import * as React from "react";
 
-function SvgArrowCircleRight(props) {
-  return (
-    <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}>
-      <path
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth={2}
-        d="M13 9l3 3m0 0l-3 3m3-3H8m13 0a9 9 0 11-18 0 9 9 0 0118 0z"
-      />
-    </svg>
-  )
+function ArrowCircleRightIcon(props) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 9l3 3m0 0l-3 3m3-3H8m13 0a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>;
 }
 
-export default SvgArrowCircleRight
+export default ArrowCircleRightIcon;
diff --git a/react/outline/ArrowCircleUp.js b/react/outline/ArrowCircleUp.js
diff --git a/react/outline/ArrowCircleUp.jsx b/react/outline/ArrowCircleUp.jsx
@@ -1,16 +1,7 @@
-import * as React from 'react'
+import * as React from "react";
 
-function SvgArrowCircleUp(props) {
-  return (
-    <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}>
-      <path
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth={2}
-        d="M9 11l3-3m0 0l3 3m-3-3v8m0-13a9 9 0 110 18 9 9 0 010-18z"
-      />
-    </svg>
-  )
+function ArrowCircleUpIcon(props) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 11l3-3m0 0l3 3m-3-3v8m0-13a9 9 0 110 18 9 9 0 010-18z" /></svg>;
 }
 
-export default SvgArrowCircleUp
+export default ArrowCircleUpIcon;
diff --git a/react/outline/ArrowDown.js b/react/outline/ArrowDown.js
diff --git a/react/outline/ArrowDown.jsx b/react/outline/ArrowDown.jsx
@@ -1,16 +1,7 @@
-import * as React from 'react'
+import * as React from "react";
 
-function SvgArrowDown(props) {
-  return (
-    <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}>
-      <path
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth={2}
-        d="M19 14l-7 7m0 0l-7-7m7 7V3"
-      />
-    </svg>
-  )
+function ArrowDownIcon(props) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 14l-7 7m0 0l-7-7m7 7V3" /></svg>;
 }
 
-export default SvgArrowDown
+export default ArrowDownIcon;
diff --git a/react/outline/ArrowLeft.js b/react/outline/ArrowLeft.js
diff --git a/react/outline/ArrowLeft.jsx b/react/outline/ArrowLeft.jsx
@@ -1,16 +1,7 @@
-import * as React from 'react'
+import * as React from "react";
 
-function SvgArrowLeft(props) {
-  return (
-    <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}>
-      <path
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth={2}
-        d="M10 19l-7-7m0 0l7-7m-7 7h18"
-      />
-    </svg>
-  )
+function ArrowLeftIcon(props) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg>;
 }
 
-export default SvgArrowLeft
+export default ArrowLeftIcon;
diff --git a/react/outline/ArrowNarrowDown.js b/react/outline/ArrowNarrowDown.js
diff --git a/react/outline/ArrowNarrowDown.jsx b/react/outline/ArrowNarrowDown.jsx
@@ -1,16 +1,7 @@
-import * as React from 'react'
+import * as React from "react";
 
-function SvgArrowNarrowDown(props) {
-  return (
-    <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}>
-      <path
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth={2}
-        d="M16 17l-4 4m0 0l-4-4m4 4V3"
-      />
-    </svg>
-  )
+function ArrowNarrowDownIcon(props) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M16 17l-4 4m0 0l-4-4m4 4V3" /></svg>;
 }
 
-export default SvgArrowNarrowDown
+export default ArrowNarrowDownIcon;