feat: Add default color support

.changeset/lemon-lemons-run.md

@@ -0,0 +1,5 @@
+---
+'@icons-pack/react-simple-icons': minor
+---
+
+Add default color support

README.md

@@ -92,12 +92,23 @@ function ChangeTitle() {
 }
 ```
 
+## Use default color
+
+Set color as `default` to use the default color for each icon
+
+```jsx
+import { ReactJs } from '@icons-pack/react-simple-icons';
+
+function DefaultColorExample() {
+  return <ReactJs color="default" size={24} />;
+}
+```
+
 ## Custom styles
 
 ```jsx
 import { ReactJs } from '@icons-pack/react-simple-icons';
 
-// title default "React"
 function CustomStyles() {
   return <ReactJs className='myStyle' />;
 }

scripts/generate-components.js

@@ -38,7 +38,7 @@ Promise.all(
 
     return fsPromise.writeFile(
       componentFilePath,
-      iconFileTemplate(componentName, baseName, simpleIcons[baseName].path),
+      iconFileTemplate(componentName, baseName, `#${simpleIcons[baseName].hex}`, simpleIcons[baseName].path),
       formatFile,
     );
   }),

src/base.tsx

@@ -1,11 +1,14 @@
 import * as React from 'react';
 import { IconProps, IconType } from './types';
 
-const baseIcon = (iconTitle: string, iconPath: string): IconType =>
+const baseIcon = (iconTitle: string, hex: string, iconPath: string): IconType =>
   React.forwardRef<SVGSVGElement, IconProps>(function(
     { title = iconTitle, color = 'currentColor', size = 24, ...others },
     ref,
   ) {
+    if (color === 'default') {
+      color = hex;
+    }
     return (
       <svg
         xmlns='http://www.w3.org/2000/svg'

src/types.ts

@@ -2,15 +2,15 @@ import * as React from 'react';
 
 export type IconProps = React.ComponentPropsWithoutRef<'svg'> & {
   /**
-   * Hex color or color name
+   * The title provides an accessible short text description to the SVG
    */
   title?: string;
   /**
-   * The size of the Icon.
+   * Hex color or color name or `default` to use the default hex for each icon
    */
   color?: string;
   /**
-   * The title provides an accessible short text description to the SVG
+   * The size of the Icon.
    */
   size?: string | number;
 };