chore(build): add ts definition file by icon

bin/build.js

@@ -31,24 +31,26 @@ fs.writeFileSync(path.join(rootDir, 'src', 'index.js'), '', 'utf-8');
 fs.writeFileSync(
   path.join(rootDir, 'src', 'index.d.ts'),
   initialTypeDefinitions,
-  'utf-8',
+  'utf-8'
 );
 
-const attrsToString = (attrs) => {
-  return Object.keys(attrs).map((key) => {
-    if (key === 'width' || key === 'height' || key === 'stroke') {
-      return key + '={' + attrs[key] + '}';
-    }
-    if (key === 'rest') {
-      return '{...rest}';
-    }
-    return key + '="' + attrs[key] + '"';
-  }).join(' ');
+const attrsToString = attrs => {
+  return Object.keys(attrs)
+    .map(key => {
+      if (key === 'width' || key === 'height' || key === 'stroke') {
+        return key + '={' + attrs[key] + '}';
+      }
+      if (key === 'rest') {
+        return '{...rest}';
+      }
+      return key + '="' + attrs[key] + '"';
+    })
+    .join(' ');
 };
 
-icons.forEach((i) => {
-  const location = path.join(rootDir, 'src/icons', `${i}.js`);
-  const ComponentName = (i === 'github') ? 'GitHub' : upperCamelCase(i);
+icons.forEach(icon => {
+  const location = path.join(rootDir, 'src/icons', `${icon}.js`);
+  const ComponentName = icon === 'github' ? 'GitHub' : upperCamelCase(icon);
   const defaultAttrs = {
     xmlns: 'http://www.w3.org/2000/svg',
     width: 'size',
@@ -69,7 +71,7 @@ icons.forEach((i) => {
     const ${ComponentName} = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
       return (
         <svg ref={ref} ${attrsToString(defaultAttrs)}>
-          ${featherIcons[i]}
+          ${featherIcons[icon]}
         </svg>
       )
     });
@@ -103,17 +105,29 @@ icons.forEach((i) => {
 
   console.log('Successfully built', ComponentName);
 
-  const exportString = `export { default as ${ComponentName} } from './icons/${i}';\r\n`;
+  const exportString = `export { default as ${ComponentName} } from './icons/${icon}';\r\n`;
   fs.appendFileSync(
     path.join(rootDir, 'src', 'index.js'),
     exportString,
-    'utf-8',
+    'utf-8'
   );
 
   const exportTypeString = `export const ${ComponentName}: Icon;\n`;
   fs.appendFileSync(
     path.join(rootDir, 'src', 'index.d.ts'),
     exportTypeString,
-    'utf-8',
+    'utf-8'
+  );
+
+  const iconTypeDefinition = `import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  
+`;
+  fs.writeFileSync(
+    path.join(rootDir, 'src/icons', `${icon}.d.ts`),
+    iconTypeDefinition,
+    'utf-8'
   );
 });

src/icons/activity.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/airplay.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/alert-circle.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/alert-octagon.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/alert-triangle.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/align-center.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/align-justify.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/align-left.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/align-right.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/anchor.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/aperture.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/archive.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/arrow-down-circle.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/arrow-down-left.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/arrow-down-right.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/arrow-down.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/arrow-left-circle.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/arrow-left.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/arrow-right-circle.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/arrow-right.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/arrow-up-circle.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/arrow-up-left.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/arrow-up-right.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/arrow-up.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/at-sign.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/award.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/bar-chart-2.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/bar-chart.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/battery-charging.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/battery.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/bell-off.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/bell.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/bluetooth.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/bold.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/book-open.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/book.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/bookmark.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/box.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/briefcase.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/calendar.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/camera-off.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/camera.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/cast.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/check-circle.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/check-square.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/check.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/chevron-down.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/chevron-left.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/chevron-right.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/chevron-up.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/chevrons-down.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;  

src/icons/chevrons-left.d.ts

@@ -0,0 +1,5 @@
+import { Icon as IconType } from '../';
+
+declare const Icon: IconType
+
+export default Icon;