@impulse-ui-native/icon 2.9.0 → 4.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 +38 -38
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
# @impulse-ui-native/icon
|
|
2
|
-
|
|
3
|
-
A React Native SVG icon library with a common renderer and six visual weights.
|
|
4
|
-
|
|
5
|
-
## Installation
|
|
6
|
-
|
|
7
|
-
```sh
|
|
8
|
-
pnpm add @impulse-ui-native/icon react-native-svg
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
## Main exports
|
|
12
|
-
|
|
13
|
-
- `Icon` normalizes icon size, color, and rendering.
|
|
14
|
-
- Named wrapper icons such as `HeartIcon` select a visual weight through the `variant` prop.
|
|
15
|
-
- Available weights are `bold`, `duotone`, `fill`, `light`, `regular`, and `thin`.
|
|
16
|
-
- `IconProps`, `IconWrapperProps`, `IconVariant`, and `IconStyle` support typed composition.
|
|
17
|
-
|
|
18
|
-
## Usage
|
|
19
|
-
|
|
20
|
-
```tsx
|
|
21
|
-
import { Icon } from "@impulse-ui-native/icon/components/icon";
|
|
22
|
-
import { HeartIcon } from "@impulse-ui-native/icon/icons/heart";
|
|
23
|
-
|
|
24
|
-
<Icon icon={HeartIcon} variant="duotone" size="large" color="#6d5dfc" />;
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
You can also render a named wrapper directly when you want to control the SVG dimensions yourself.
|
|
28
|
-
|
|
29
|
-
```tsx
|
|
30
|
-
<HeartIcon variant="regular" width={24} height={24} fill="#111827" />
|
|
31
|
-
```
|
|
32
|
-
|
|
33
|
-
Wrapper names use the `{Name}Icon` form. Import wrappers through their per-icon
|
|
34
|
-
entrypoints so Metro only includes the icons used by the application:
|
|
35
|
-
|
|
36
|
-
```tsx
|
|
37
|
-
import { HeartIcon } from "@impulse-ui-native/icon/icons/heart";
|
|
38
|
-
```
|
|
1
|
+
# @impulse-ui-native/icon
|
|
2
|
+
|
|
3
|
+
A React Native SVG icon library with a common renderer and six visual weights.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```sh
|
|
8
|
+
pnpm add @impulse-ui-native/icon react-native-svg
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Main exports
|
|
12
|
+
|
|
13
|
+
- `Icon` normalizes icon size, color, and rendering.
|
|
14
|
+
- Named wrapper icons such as `HeartIcon` select a visual weight through the `variant` prop.
|
|
15
|
+
- Available weights are `bold`, `duotone`, `fill`, `light`, `regular`, and `thin`.
|
|
16
|
+
- `IconProps`, `IconWrapperProps`, `IconVariant`, and `IconStyle` support typed composition.
|
|
17
|
+
|
|
18
|
+
## Usage
|
|
19
|
+
|
|
20
|
+
```tsx
|
|
21
|
+
import { Icon } from "@impulse-ui-native/icon/components/icon";
|
|
22
|
+
import { HeartIcon } from "@impulse-ui-native/icon/icons/heart";
|
|
23
|
+
|
|
24
|
+
<Icon icon={HeartIcon} variant="duotone" size="large" color="#6d5dfc" />;
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
You can also render a named wrapper directly when you want to control the SVG dimensions yourself.
|
|
28
|
+
|
|
29
|
+
```tsx
|
|
30
|
+
<HeartIcon variant="regular" width={24} height={24} fill="#111827" />
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
Wrapper names use the `{Name}Icon` form. Import wrappers through their per-icon
|
|
34
|
+
entrypoints so Metro only includes the icons used by the application:
|
|
35
|
+
|
|
36
|
+
```tsx
|
|
37
|
+
import { HeartIcon } from "@impulse-ui-native/icon/icons/heart";
|
|
38
|
+
```
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@impulse-ui-native/icon",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "4.0.0",
|
|
4
4
|
"description": "A typed icon library for ImpulseUI Native applications.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
],
|
|
35
35
|
"sideEffects": false,
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@impulse-ui-native/theme": "
|
|
37
|
+
"@impulse-ui-native/theme": "4.0.0"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"@types/node": "^22.18.12",
|
|
@@ -45,9 +45,9 @@
|
|
|
45
45
|
"react-native": "0.86.2",
|
|
46
46
|
"react-native-svg": "15.15.4",
|
|
47
47
|
"typescript": "~6.0.3",
|
|
48
|
+
"@impulse-ui-native/eslint-config": "1.0.0",
|
|
48
49
|
"@impulse-ui-native/prettier-config": "1.0.0",
|
|
49
|
-
"@impulse-ui-native/tsconfig": "1.0.0"
|
|
50
|
-
"@impulse-ui-native/eslint-config": "1.0.0"
|
|
50
|
+
"@impulse-ui-native/tsconfig": "1.0.0"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
53
53
|
"react": ">=18",
|