v0.0.2

.gitignore

@@ -1,3 +1,5 @@
 node_modules
 .DS_Store
-dist
+dist
+react/dist
+react/node_modules

react/.babelrc

@@ -0,0 +1,4 @@
+{
+  "presets": [["@babel/env", { "modules": false }], "@babel/react"],
+  "plugins": ["@babel/proposal-object-rest-spread"]
+}

react/.npmignore

@@ -0,0 +1,3 @@
+bin
+src
+.babelrc

react/.prettierrc

@@ -0,0 +1,6 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 80,
+  "jsxBracketSameLine": false
+}

react/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "react-systemuicons",
+  "author": {
+    "name": "Corey Ginnivan",
+    "email": "corey@ginnivan.net",
+    "url": "https://corey.ginnivan.net"
+  },
+  "version": "0.0.2",
+  "description": "React components for system-uicons",
+  "main": "src/index.js",
+  "module": "dist/index.js",
+  "sideEffects": false,
+  "license": "MIT",
+  "private": false,
+  "scripts": {
+    "build:es": "rm -rf dist && babel src --out-dir dist --copy-files",
+    "build": "concurrently \"npm:build:*\""
+  },
+  "files": [
+    "dist",
+    "es"
+  ],
+  "devDependencies": {
+    "@babel/cli": "^7.4.4",
+    "@babel/core": "^7.4.5",
+    "@babel/plugin-proposal-object-rest-spread": "^7.4.4",
+    "@babel/preset-env": "^7.4.5",
+    "@babel/preset-react": "^7.0.0",
+    "babel-plugin-transform-object-rest-spread": "^6.26.0",
+    "babel-preset-env": "^1.7.0",
+    "concurrently": "^5.1.0"
+  },
+  "peerDependencies": {
+    "react": "^16.8.6"
+  }
+}

react/src/alarm_clock.js

@@ -0,0 +1,30 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+const Icon = ({ width = 21, height = 21, color = '#2a2e3b' }) => (
+  <svg width={width} height={height} viewBox="0 0 21 21">
+    <g
+      fill="none"
+      fillRule="evenodd"
+      stroke={color}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      transform="matrix(-1 0 0 1 20 2)"
+    >
+      <path d="m8.5 2.56534572h2c3.3137085 0 6 2.6862915 6 6v1.93465428c0 3.3137085-2.6862915 6-6 6h-2c-3.3137085 0-6-2.6862915-6-6v-1.93465428c0-3.3137085 2.6862915-6 6-6z" />
+      <path
+        d="m3.94265851-.12029102c-1.05323083.28505997-1.86575682 1.17688618-1.86575682 2.30840383 0 1.16606183.73081563 2.21070886 1.78973019 2.50733508"
+        transform="matrix(.62932039 .77714596 -.77714596 .62932039 2.893856 -1.491094)"
+      />
+      <path
+        d="m16.9295345-.10708618c-1.0898445.26224883-1.9419712 1.17003523-1.9419712 2.3284815 0 1.16644061.7312905 2.21138754 1.7907622 2.50762392"
+        transform="matrix(-.62932039 .77714596 .77714596 .62932039 24.205765 -11.545558)"
+      />
+      <path d="m9.5 5.5v4h-3.5" />
+      <path d="m15 15 2 2" />
+      <path d="m2 15 2 2" transform="matrix(-1 0 0 1 6 0)" />
+    </g>
+  </svg>
+)
+
+export default Icon

react/src/index.js

@@ -0,0 +1 @@
+export { default as AlarmClock } from './icons/alarm_clock'