react-native-ico-software-development 4.1.4 → 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.
Files changed (3) hide show
  1. package/README.md +7 -5
  2. package/package.json +2 -2
  3. package/typings.d.ts +85 -1
package/README.md CHANGED
@@ -23,6 +23,7 @@ render() {
23
23
  <Icon name="docker" />
24
24
  <Icon name="python" height="40" width="40" />
25
25
  <Icon name="react" color="red" />
26
+ <Icon name="react" colors={{ "#000000": "#FFFFFF" }} />
26
27
  <Icon name="python" badge="10" />
27
28
  <Icon name="python" badge={{value: 'A', fontSize: 25, radius: 22, position:'top_left', color:'orange', backgroundColor:'blue'}}/>
28
29
  <Icon name="docker" background="circle" />
@@ -69,13 +70,14 @@ Returns a SvgXml icon by name and group.
69
70
  ------|----------|---------------|-------------|---------
70
71
  name | no | | name of icon | "docker"
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-software-development",
3
- "version": "4.1.4",
3
+ "version": "5.1.2",
4
4
  "description": "Software Development 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
@@ -1,5 +1,6 @@
1
1
  declare module 'react-native-ico-software-development' {
2
2
  import { ReactNode } from 'react';
3
+ import { SvgProps, AdditionalProps } from 'react-native-svg';
3
4
 
4
5
  type iconNames = 'nginx' |
5
6
  'raspberry-pi' |
@@ -34,8 +35,89 @@ declare module 'react-native-ico-software-development' {
34
35
  'css' |
35
36
  'nodejs';
36
37
 
38
+ type iconColors = '#004284' |
39
+ '#00579E' |
40
+ '#0069CB' |
41
+ '#006BC0' |
42
+ '#0078CF' |
43
+ '#0084C6' |
44
+ '#0096DC' |
45
+ '#0097D9' |
46
+ '#009B00' |
47
+ '#12ADF6' |
48
+ '#194066' |
49
+ '#1A1A1A' |
50
+ '#209CDC' |
51
+ '#222123' |
52
+ '#264D6F' |
53
+ '#2D3A3E' |
54
+ '#2E2E2E' |
55
+ '#31B644' |
56
+ '#333333' |
57
+ '#376DB7' |
58
+ '#3876AC' |
59
+ '#3B8739' |
60
+ '#3C66B4' |
61
+ '#3F4A43' |
62
+ '#453963' |
63
+ '#4A4A4A' |
64
+ '#4E2E8B' |
65
+ '#5155AA' |
66
+ '#5181A2' |
67
+ '#547BC4' |
68
+ '#55A344' |
69
+ '#572E94' |
70
+ '#575DAF' |
71
+ '#5ADAFD' |
72
+ '#5C5560' |
73
+ '#5C55A9' |
74
+ '#5E4E88' |
75
+ '#63401E' |
76
+ '#6399D4' |
77
+ '#639D57' |
78
+ '#66A060' |
79
+ '#69C0F1' |
80
+ '#6DA75D' |
81
+ '#718882' |
82
+ '#7F8B9A' |
83
+ '#81091A' |
84
+ '#81C756' |
85
+ '#885630' |
86
+ '#8F9ED1' |
87
+ '#904C8C' |
88
+ '#950C10' |
89
+ '#9B0A0E' |
90
+ '#A8B9CC' |
91
+ '#C18F69' |
92
+ '#C93762' |
93
+ '#CB1948' |
94
+ '#CD6699' |
95
+ '#D1E3B4' |
96
+ '#D2E4B5' |
97
+ '#DE0A17' |
98
+ '#DF352E' |
99
+ '#E4BA42' |
100
+ '#E64C18' |
101
+ '#ED232E' |
102
+ '#EF0E13' |
103
+ '#EF1616' |
104
+ '#F2F2F2' |
105
+ '#F36518' |
106
+ '#F5655E' |
107
+ '#F7CD00' |
108
+ '#F9F9F9' |
109
+ '#FDA22F' |
110
+ '#FDFDFD' |
111
+ '#FE4216' |
112
+ '#FEB903' |
113
+ '#FF7411' |
114
+ '#FFA600' |
115
+ '#FFFFFF';
116
+
37
117
  type backgroundType = 'circle' | 'rect' | 'button';
38
118
 
119
+ type colorsType = Record<iconColors, string>;
120
+
39
121
  type positionType = 'top' | 'bottom' | 'right' | 'left' |
40
122
  'top_right' | 'top_left' | 'bottom_right' | 'bottom_left';
41
123
 
@@ -51,6 +133,7 @@ declare module 'react-native-ico-software-development' {
51
133
  fontSize?: string;
52
134
  position?: positionType;
53
135
  color?: string;
136
+ colors: colorsType;
54
137
  backgroundColor?: string;
55
138
  radius?: number;
56
139
  };
@@ -60,12 +143,13 @@ declare module 'react-native-ico-software-development' {
60
143
  width?: number;
61
144
  height?: number;
62
145
  color?: string;
146
+ colors: colorsType;
63
147
  stroke?: number;
64
148
  background?: backgroundType | backgroundTypeObj;
65
149
  badge?: number | string | badgeTypeObj;
66
150
  }
67
151
 
68
- const Icon: (props: IconProps) => ReactNode;
152
+ const Icon: (props: IconProps & SvgProps & AdditionalProps) => ReactNode;
69
153
 
70
154
  export { iconNames };
71
155
  export default Icon;