developer-icons 1.1.0 → 2.0.0

package/README.md

@@ -1,13 +1,11 @@
 # Developer Icons
 
-## About
-
 `Developer Icons` is a collection of ready-to-use high-quality vector icons for developers and designers. Fully customizable options with props, className, inline styles, etc. and completely typescript-supported components.
 
 ## Features
 
 - **High-Quality Icons**: A curated set of icons suitable for various development projects.
-- **Easy to Use**: Icons are organized and can be easily integrated into projects.
+- **Easy to Use**: Icons are organized and can be easily integrated into projects as react components.
 - **Open Source**: Freely available for personal and commercial use, adhering to specified licenses.
 
 ## Installation
@@ -38,7 +36,7 @@ Import named icon components from the `developer-icons` package and use it as an
 import { HtmlIcon, JavascriptIcon } from "developer-icons";
 
 //inside your React component JSX
-export const ReactComponent = () => {
+export const YourReactComponent = () => {
   return (
     <div>
       <HtmlIcon className="html-icon" />

package/dist/defaultAttributes.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    xmlns: string;
+    width: number;
+    height: number;
+    viewBox: string;
+};
+export default _default;

package/dist/icon.d.ts

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+
+export interface DeveloperIconProps extends Partial<SVGProps<SVGElement>> {
+    size?: number;
+}
+export declare const Icon: ({ size, className, color, ...rest }: DeveloperIconProps) => import('react').ReactSVGElement;

package/dist/icons/CanvaIcon.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const CanvaIcon: (props: any) => import('react').FunctionComponentElement<any>;
+import { DeveloperIconProps } from '../main';
+
+export declare const CanvaIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/ChatgptIcon.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const ChatgptIcon: (props: any) => import('react').FunctionComponentElement<any>;
+import { DeveloperIconProps } from '../main';
+
+export declare const ChatgptIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/CssIcon.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const CssIcon: (props: any) => import('react').FunctionComponentElement<any>;
+import { DeveloperIconProps } from '../main';
+
+export declare const CssIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/DiscordIcon.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const DiscordIcon: (props: any) => import('react').FunctionComponentElement<any>;
+import { DeveloperIconProps } from '../main';
+
+export declare const DiscordIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/FigmaIcon.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const FigmaIcon: (props: any) => import('react').FunctionComponentElement<any>;
+import { DeveloperIconProps } from '../main';
+
+export declare const FigmaIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/FirebaseIcon.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const FirebaseIcon: (props: any) => import('react').FunctionComponentElement<any>;
+import { DeveloperIconProps } from '../main';
+
+export declare const FirebaseIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/GitIcon.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const GitIcon: (props: any) => import('react').FunctionComponentElement<any>;
+import { DeveloperIconProps } from '../main';
+
+export declare const GitIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/GithubIcon.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const GithubIcon: (props: any) => import('react').FunctionComponentElement<any>;
+import { DeveloperIconProps } from '../main';
+
+export declare const GithubIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/GmailIcon.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const GmailIcon: (props: any) => import('react').FunctionComponentElement<any>;
+import { DeveloperIconProps } from '../main';
+
+export declare const GmailIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/HtmlIcon.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const HtmlIcon: (props: any) => import('react').FunctionComponentElement<any>;
+import { DeveloperIconProps } from '../main';
+
+export declare const HtmlIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/InstagramIcon.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const InstagramIcon: (props: any) => import('react').FunctionComponentElement<any>;
+import { DeveloperIconProps } from '../main';
+
+export declare const InstagramIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/JavascriptIcon.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const JavascriptIcon: (props: any) => import('react').FunctionComponentElement<any>;
+import { DeveloperIconProps } from '../main';
+
+export declare const JavascriptIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/LinkedinIcon.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const LinkedinIcon: (props: any) => import('react').FunctionComponentElement<any>;
+import { DeveloperIconProps } from '../main';
+
+export declare const LinkedinIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/MongodbIcon.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const MongodbIcon: (props: any) => import('react').FunctionComponentElement<any>;
+import { DeveloperIconProps } from '../main';
+
+export declare const MongodbIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/NextjsIcon.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const NextjsIcon: (props: any) => import('react').FunctionComponentElement<any>;
+import { DeveloperIconProps } from '../main';
+
+export declare const NextjsIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/NotionIcon.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const NotionIcon: (props: any) => import('react').FunctionComponentElement<any>;
+import { DeveloperIconProps } from '../main';
+
+export declare const NotionIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/OpenaiIcon.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const OpenaiIcon: (props: any) => import('react').FunctionComponentElement<any>;
+import { DeveloperIconProps } from '../main';
+
+export declare const OpenaiIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/PostmanIcon.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const PostmanIcon: (props: any) => import('react').FunctionComponentElement<any>;
+import { DeveloperIconProps } from '../main';
+
+export declare const PostmanIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/ReactIcon.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const ReactIcon: (props: any) => import('react').FunctionComponentElement<any>;
+import { DeveloperIconProps } from '../main';
+
+export declare const ReactIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/ReactNativeIcon.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const ReactNativeIcon: (props: any) => import('react').FunctionComponentElement<any>;
+import { DeveloperIconProps } from '../main';
+
+export declare const ReactNativeIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/ReduxIcon.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const ReduxIcon: (props: any) => import('react').FunctionComponentElement<any>;
+import { DeveloperIconProps } from '../main';
+
+export declare const ReduxIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/SassIcon.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const SassIcon: (props: any) => import('react').FunctionComponentElement<any>;
+import { DeveloperIconProps } from '../main';
+
+export declare const SassIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/TailwindCssIcon.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const TailwindCssIcon: (props: any) => import('react').FunctionComponentElement<any>;
+import { DeveloperIconProps } from '../main';
+
+export declare const TailwindCssIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/TypescriptIcon.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const TypescriptIcon: (props: any) => import('react').FunctionComponentElement<any>;
+import { DeveloperIconProps } from '../main';
+
+export declare const TypescriptIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/ViteIcon.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const ViteIcon: (props: any) => import('react').FunctionComponentElement<any>;
+import { DeveloperIconProps } from '../main';
+
+export declare const ViteIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/VsCodeIcon.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const VsCodeIcon: (props: any) => import('react').FunctionComponentElement<any>;
+import { DeveloperIconProps } from '../main';
+
+export declare const VsCodeIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/WordpressIcon.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export declare const WordpressIcon: (props: any) => import('react').FunctionComponentElement<any>;
+import { DeveloperIconProps } from '../main';
+
+export declare const WordpressIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/main.d.ts

@@ -1,4 +1,6 @@
 export * from './icons';
-export * from './createDeveloperIcon';
-export * from './utils/capitalizeFirstLetter';
 export { default as IconsData } from './icons/icons.data';
+export * from './utils/capitalizeFirstLetter';
+export * from './utils/mergeClassNames';
+export { default as DefaultAttributes } from './defaultAttributes';
+export * from './icon';