react-native-ico-business 4.1.5 → 5.1.2
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 +7 -5
- package/package.json +2 -2
- package/typings.d.ts +27 -0
package/README.md
CHANGED
|
@@ -23,6 +23,7 @@ render() {
|
|
|
23
23
|
<Icon name="share-1" />
|
|
24
24
|
<Icon name="idea-2" height="40" width="40" />
|
|
25
25
|
<Icon name="thinking" color="red" />
|
|
26
|
+
<Icon name="thinking" colors={{ "#000000": "#FFFFFF" }} />
|
|
26
27
|
<Icon name="idea-2" badge="10" />
|
|
27
28
|
<Icon name="idea-2" badge={{value: 'A', fontSize: 25, radius: 22, position:'top_left', color:'orange', backgroundColor:'blue'}}/>
|
|
28
29
|
<Icon name="share-1" background="circle" />
|
|
@@ -69,13 +70,14 @@ Returns a SvgXml icon by name and group.
|
|
|
69
70
|
------|----------|---------------|-------------|---------
|
|
70
71
|
name | no | | name of icon | "share-1"
|
|
71
72
|
color | yes | | line color, css style | "#00ff00", "#0f0", "green"
|
|
73
|
+
colors | yes | | replace colors | {"#FFFFFF": "#000000"} // white to black
|
|
72
74
|
width | yes | 20 | width of the icon | 40
|
|
73
75
|
height | yes | 20 | height of the icon | 40
|
|
74
|
-
background |
|
|
75
|
-
background |
|
|
76
|
-
badge |
|
|
77
|
-
badge |
|
|
78
|
-
...rest |
|
|
76
|
+
background | yes | | background type | "circle"
|
|
77
|
+
background | yes | | background object | {type: "circle", color: 'yellow'}
|
|
78
|
+
badge | yes | | badge string | "10"
|
|
79
|
+
badge | yes | | badge object | {value: 'A', fontSize: 25, radius: 22, position:'top_left', color:'orange', backgroundColor:'blue'}
|
|
80
|
+
...rest | yes | | other props | style={{backgroundColor: "#00f"}}
|
|
79
81
|
|
|
80
82
|
## Icons Made by
|
|
81
83
|
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-ico-business",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "5.1.2",
|
|
4
4
|
"description": "Business Icons for React Native",
|
|
5
5
|
"main": "src/index.jsx",
|
|
6
6
|
"types": "typings.d.ts",
|
|
7
7
|
"dependencies": {
|
|
8
|
-
"react-svg-main": "^
|
|
8
|
+
"react-svg-main": "^4.0.1"
|
|
9
9
|
},
|
|
10
10
|
"repository": {
|
|
11
11
|
"type": "git",
|
package/typings.d.ts
CHANGED
|
@@ -116,8 +116,33 @@ declare module 'react-native-ico-business' {
|
|
|
116
116
|
'buildings' |
|
|
117
117
|
'email';
|
|
118
118
|
|
|
119
|
+
type iconColors = '#1BA9D8' |
|
|
120
|
+
'#1BB7EA' |
|
|
121
|
+
'#1CA6D4' |
|
|
122
|
+
'#1CA8D7' |
|
|
123
|
+
'#1F4254' |
|
|
124
|
+
'#7D8790' |
|
|
125
|
+
'#96A0A8' |
|
|
126
|
+
'#A4ABB1' |
|
|
127
|
+
'#B4C0C6' |
|
|
128
|
+
'#BEC7CB' |
|
|
129
|
+
'#C2CACE' |
|
|
130
|
+
'#C3CBCF' |
|
|
131
|
+
'#C5CED3' |
|
|
132
|
+
'#C7CED2' |
|
|
133
|
+
'#C8CFD2' |
|
|
134
|
+
'#D7DBDE' |
|
|
135
|
+
'#D8DDDF' |
|
|
136
|
+
'#DADEE0' |
|
|
137
|
+
'#DCE0E2' |
|
|
138
|
+
'#E8ECEE' |
|
|
139
|
+
'#F2F2F2' |
|
|
140
|
+
'#FFFFFF';
|
|
141
|
+
|
|
119
142
|
type backgroundType = 'circle' | 'rect' | 'button';
|
|
120
143
|
|
|
144
|
+
type colorsType = Record<iconColors, string>;
|
|
145
|
+
|
|
121
146
|
type positionType = 'top' | 'bottom' | 'right' | 'left' |
|
|
122
147
|
'top_right' | 'top_left' | 'bottom_right' | 'bottom_left';
|
|
123
148
|
|
|
@@ -133,6 +158,7 @@ declare module 'react-native-ico-business' {
|
|
|
133
158
|
fontSize?: string;
|
|
134
159
|
position?: positionType;
|
|
135
160
|
color?: string;
|
|
161
|
+
colors: colorsType;
|
|
136
162
|
backgroundColor?: string;
|
|
137
163
|
radius?: number;
|
|
138
164
|
};
|
|
@@ -142,6 +168,7 @@ declare module 'react-native-ico-business' {
|
|
|
142
168
|
width?: number;
|
|
143
169
|
height?: number;
|
|
144
170
|
color?: string;
|
|
171
|
+
colors: colorsType;
|
|
145
172
|
stroke?: number;
|
|
146
173
|
background?: backgroundType | backgroundTypeObj;
|
|
147
174
|
badge?: number | string | badgeTypeObj;
|