@deepanmano/berry-icon-library 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +77 -0
- package/dist/index.d.ts +22 -0
- package/dist/index.js +2921 -0
- package/dist/index.js.map +33 -0
- package/package.json +53 -0
package/README.md
ADDED
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
# @berry/icon-library
|
|
2
|
+
|
|
3
|
+
React SVG icon library with 18+ customizable icons.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
bun add @berry/icon-library
|
|
9
|
+
# or
|
|
10
|
+
npm install @berry/icon-library
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
## Usage
|
|
14
|
+
|
|
15
|
+
```tsx
|
|
16
|
+
import { AddIcon, SearchIcon, ProfileIcon } from "@berry/icon-library";
|
|
17
|
+
|
|
18
|
+
function App() {
|
|
19
|
+
return (
|
|
20
|
+
<div>
|
|
21
|
+
{/* Basic usage */}
|
|
22
|
+
<AddIcon />
|
|
23
|
+
|
|
24
|
+
{/* With size */}
|
|
25
|
+
<SearchIcon width={24} height={24} />
|
|
26
|
+
|
|
27
|
+
{/* With color */}
|
|
28
|
+
<ProfileIcon fill="blue" />
|
|
29
|
+
|
|
30
|
+
{/* With className */}
|
|
31
|
+
<MailIcon className="icon-class" />
|
|
32
|
+
|
|
33
|
+
{/* With inline styles */}
|
|
34
|
+
<LockFilledIcon style={{ color: 'red' }} />
|
|
35
|
+
</div>
|
|
36
|
+
);
|
|
37
|
+
}
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
## Available Icons
|
|
41
|
+
|
|
42
|
+
All icons accept standard SVG props (`width`, `height`, `fill`, `className`, `style`, etc.)
|
|
43
|
+
|
|
44
|
+
- AddIcon
|
|
45
|
+
- DeactivateIcon
|
|
46
|
+
- Dot
|
|
47
|
+
- ExpandArrowIcon
|
|
48
|
+
- ExpandCloseIcon
|
|
49
|
+
- GlobeFilledIcon
|
|
50
|
+
- LeftArrowIcon
|
|
51
|
+
- LocationPinFilledIcon
|
|
52
|
+
- LockFilledIcon
|
|
53
|
+
- MailIcon
|
|
54
|
+
- MobileFilledIcon
|
|
55
|
+
- MoreVerticalIcon
|
|
56
|
+
- ProfileIcon
|
|
57
|
+
- RightArrowIcon
|
|
58
|
+
- Search
|
|
59
|
+
- SMSIcon
|
|
60
|
+
- UserCircleFilledIcon
|
|
61
|
+
- ViewEditIcon
|
|
62
|
+
|
|
63
|
+
## Features
|
|
64
|
+
|
|
65
|
+
- ✅ TypeScript support
|
|
66
|
+
- ✅ Tree-shakeable
|
|
67
|
+
- ✅ Customizable via props
|
|
68
|
+
- ✅ No runtime dependencies (except React peer dependency)
|
|
69
|
+
- ✅ ESM format
|
|
70
|
+
|
|
71
|
+
## Peer Dependencies
|
|
72
|
+
|
|
73
|
+
- React ^18.3.1
|
|
74
|
+
|
|
75
|
+
## License
|
|
76
|
+
|
|
77
|
+
MIT
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
|
|
3
|
+
export declare const AddIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare const DeactivateIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare const Dot: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare const DotIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare const ExpandArrowIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare const ExpandCloseIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare const GlobeFilledIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare const LeftArrowIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare const LocationPinFilledIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare const LockFilledIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export declare const MailIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare const MobileFilledIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare const MoreVerticalIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare const ProfileIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export declare const RightArrowIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare const Search: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export declare const SearchIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export declare const SMSIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export declare const UserCircleFilledIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export declare const ViewEditIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
|