Merge pull request #114 from EQWorks/icon/missing-color

[G2M] icons - Close and Remove use currentColor

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eqworks/lumen-labs",
-  "version": "0.1.0-alpha.40",
+  "version": "0.1.0-alpha.41",
   "description": "",
   "main": "dist/index.js",
   "source": "src/index.js",

src/icons/close.js

@@ -13,6 +13,8 @@ const Close = ({ className, size, ...props }) => (
     className={`${iconSize[size]} ${className}`}
     viewBox="0 0 140 140"
     xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    stroke="none"
     {...props}
   >
     <g transform="matrix(5.833333333333333,0,0,5.833333333333333,0,0)">

src/icons/expand.js

@@ -0,0 +1,30 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+
+const iconSize = Object.freeze({
+  lg: 'w-3.5 h-3.5',
+  md: 'w-3 h-3',
+  sm: 'w-2.5, h-2.5',
+})
+const Expand = ({ className, size, ...props }) => (
+  <svg
+    className={`${iconSize[size]} ${className}`}
+    viewBox="0 0 10 10"
+    fill="currentColor"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g transform="matrix(0.4166666666666667,0,0,0.4166666666666667,0,0)"><g>
+      <path d="M0,23a1,1,0,0,0,1,1H6a1,1,0,0,0,.92-.62,1,1,0,0,0-.21-1.09L5.27,20.85a.24.24,0,0,1,0-.35l3.61-3.62a1.24,1.24,0,0,0-1.76-1.76L3.5,18.73a.24.24,0,0,1-.35,0L1.71,17.29a1,1,0,0,0-1.09-.21A1,1,0,0,0,0,18Z" ></path>
+      <path d="M24,1a1,1,0,0,0-1-1H18a1,1,0,0,0-.92.62,1,1,0,0,0,.21,1.09l1.44,1.44a.24.24,0,0,1,0,.35L15.12,7.12a1.24,1.24,0,0,0,0,1.76,1.23,1.23,0,0,0,1.76,0L20.5,5.27a.24.24,0,0,1,.35,0l1.44,1.44A1,1,0,0,0,23,7a1,1,0,0,0,1-1Z" ></path>
+      <path d="M0,6a1,1,0,0,0,.62.92A1,1,0,0,0,1,7a1,1,0,0,0,.71-.29L3.32,5.09l3.8,3.79a1.23,1.23,0,0,0,1.76,0,1.24,1.24,0,0,0,0-1.76L5.27,3.5a.24.24,0,0,1,0-.35L6.71,1.71A1,1,0,0,0,6.92.62,1,1,0,0,0,6,0H1A1,1,0,0,0,0,1Z" ></path>
+      <path d="M24,18a1,1,0,0,0-.62-.92,1,1,0,0,0-1.09.21l-1.44,1.44a.24.24,0,0,1-.35,0l-3.62-3.61a1.24,1.24,0,0,0-1.76,1.76l3.61,3.62a.24.24,0,0,1,0,.35l-1.44,1.44a1,1,0,0,0-.21,1.09A1,1,0,0,0,18,24h5a1,1,0,0,0,1-1Z" ></path>
+    </g></g>
+  </svg>
+)
+
+Expand.propTypes = { className: PropTypes.string, size: PropTypes.string }
+Expand.defaultProps = { className: '', size: 'lg' }
+
+export default Expand 

src/icons/index.js

@@ -76,3 +76,4 @@ export { default as Clock } from './clock'
 export { default as DataFailed } from './data-failed'
 export { default as DataSyncing } from './data-syncing'
 export { default as DataSucceeded } from './data-succeeded'
+export { default as Expand } from './expand'

src/icons/remove.js

@@ -12,6 +12,8 @@ const Remove = ({ className, size, ...props }) => (
     className={`${iconSize[size]} ${className}`}
     viewBox="0 0 140 140"
     xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    stroke="none"
     {...props}
   >
     <g transform="matrix(10,0,0,10,0,0)">