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 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 | no | | background type | "circle"
75
- background | no | | background object | {type: "circle", color: 'yellow'}
76
- badge | no | | badge string | "10"
77
- badge | no | | badge object | {value: 'A', fontSize: 25, radius: 22, position:'top_left', color:'orange', backgroundColor:'blue'}
78
- ...rest | no | | other props | style={{backgroundColor: "#00f"}}
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": "4.1.5",
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": "^3.0.1"
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;