@storm-ds/icons 0.1.1 → 1.0.1
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 +39 -25
- package/package.json +2 -3
package/README.md
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
# @storm-ds/icons
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
486 clean, consistent SVG icons as React components. Designed for the Storm design system.
|
|
4
|
+
|
|
5
|
+
[Browse icons](https://storm-project-web.vercel.app/docs/icons)
|
|
4
6
|
|
|
5
7
|
## Installation
|
|
6
8
|
|
|
@@ -10,50 +12,62 @@ npm install @storm-ds/icons
|
|
|
10
12
|
pnpm add @storm-ds/icons
|
|
11
13
|
```
|
|
12
14
|
|
|
13
|
-
|
|
15
|
+
### Peer dependencies
|
|
14
16
|
|
|
15
|
-
|
|
17
|
+
```bash
|
|
18
|
+
pnpm add react
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
## Usage
|
|
16
22
|
|
|
17
23
|
```tsx
|
|
18
|
-
import { ArrowRight,
|
|
24
|
+
import { ArrowRight, Search, Settings } from '@storm-ds/icons'
|
|
19
25
|
|
|
20
|
-
export default function
|
|
26
|
+
export default function App() {
|
|
21
27
|
return (
|
|
22
|
-
<
|
|
23
|
-
<
|
|
24
|
-
|
|
25
|
-
<Check className="w-4 h-4" />
|
|
26
|
-
</div>
|
|
28
|
+
<button>
|
|
29
|
+
Next <ArrowRight />
|
|
30
|
+
</button>
|
|
27
31
|
)
|
|
28
32
|
}
|
|
29
33
|
```
|
|
30
34
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
### Raw SVG
|
|
35
|
+
Each icon accepts standard SVG props (`className`, `width`, `height`, `stroke`, etc.):
|
|
34
36
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
```js
|
|
38
|
-
import arrowRight from '@storm-ds/icons/svg/arrow-right.svg'
|
|
37
|
+
```tsx
|
|
38
|
+
<Search className="w-5 h-5 text-storm-muted-foreground" />
|
|
39
39
|
```
|
|
40
40
|
|
|
41
41
|
### Metadata
|
|
42
42
|
|
|
43
|
-
Access
|
|
43
|
+
Access icon names and categories for building icon pickers or documentation:
|
|
44
44
|
|
|
45
45
|
```tsx
|
|
46
|
-
import {
|
|
46
|
+
import { iconMetadata } from '@storm-ds/icons/metadata'
|
|
47
|
+
import type { IconName, IconCategory } from '@storm-ds/icons/metadata'
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
14 categories: Arrows & Navigation, Actions, Media, Communication, Files & Folders, Layout & UI, Shapes & Symbols, Commerce, Users & Social, Development, Weather & Nature, Charts & Data, Security, Misc.
|
|
51
|
+
|
|
52
|
+
### Raw SVGs
|
|
47
53
|
|
|
48
|
-
|
|
54
|
+
SVG files are also available directly:
|
|
55
|
+
|
|
56
|
+
```js
|
|
57
|
+
import icon from '@storm-ds/icons/svg/arrow-right.svg'
|
|
49
58
|
```
|
|
50
59
|
|
|
51
|
-
##
|
|
60
|
+
## Exports
|
|
61
|
+
|
|
62
|
+
| Entry point | Description |
|
|
63
|
+
|---|---|
|
|
64
|
+
| `@storm-ds/icons` | 486 React icon components |
|
|
65
|
+
| `@storm-ds/icons/metadata` | Icon names, categories, and tags |
|
|
66
|
+
| `@storm-ds/icons/svg/*` | Raw SVG files |
|
|
67
|
+
|
|
68
|
+
## Requirements
|
|
52
69
|
|
|
53
|
-
-
|
|
54
|
-
- `currentColor` for strokes/fills
|
|
55
|
-
- 2px stroke width
|
|
56
|
-
- Kebab-case filenames
|
|
70
|
+
- React >= 18
|
|
57
71
|
|
|
58
72
|
## License
|
|
59
73
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storm-ds/icons",
|
|
3
|
-
"version": "0.1
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"description": "Simple, clean icon set for modern web apps",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.mjs",
|
|
@@ -21,8 +21,7 @@
|
|
|
21
21
|
"sideEffects": false,
|
|
22
22
|
"repository": {
|
|
23
23
|
"type": "git",
|
|
24
|
-
"url": "https://github.com/saayym/storm-
|
|
25
|
-
"directory": "packages/icons"
|
|
24
|
+
"url": "https://github.com/saayym/storm-icons.git"
|
|
26
25
|
},
|
|
27
26
|
"homepage": "https://storm-project-web.vercel.app/docs/icons",
|
|
28
27
|
"bugs": {
|