react-native-ico-social-media 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 +68 -0
package/README.md
CHANGED
|
@@ -23,6 +23,7 @@ render() {
|
|
|
23
23
|
<Icon name="wikipedia" />
|
|
24
24
|
<Icon name="whatsapp" height="40" width="40" />
|
|
25
25
|
<Icon name="vine" color="red" />
|
|
26
|
+
<Icon name="vine" colors={{ "#000000": "#FFFFFF" }} />
|
|
26
27
|
<Icon name="whatsapp" badge="10" />
|
|
27
28
|
<Icon name="whatsapp" badge={{value: 'A', fontSize: 25, radius: 22, position:'top_left', color:'orange', backgroundColor:'blue'}}/>
|
|
28
29
|
<Icon name="wikipedia" background="circle" />
|
|
@@ -69,13 +70,14 @@ Returns a SvgXml icon by name and group.
|
|
|
69
70
|
------|----------|---------------|-------------|---------
|
|
70
71
|
name | no | | name of icon | "wikipedia"
|
|
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-social-media",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "5.1.2",
|
|
4
4
|
"description": "Social Media 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
|
@@ -52,8 +52,74 @@ declare module 'react-native-ico-social-media' {
|
|
|
52
52
|
'android' |
|
|
53
53
|
'amazon';
|
|
54
54
|
|
|
55
|
+
type iconColors = '#00186A' |
|
|
56
|
+
'#002987' |
|
|
57
|
+
'#005DE1' |
|
|
58
|
+
'#0067FF' |
|
|
59
|
+
'#0074D2' |
|
|
60
|
+
'#00769D' |
|
|
61
|
+
'#0077B7' |
|
|
62
|
+
'#0085CC' |
|
|
63
|
+
'#0088C3' |
|
|
64
|
+
'#0090E1' |
|
|
65
|
+
'#00A4C3' |
|
|
66
|
+
'#00AAF2' |
|
|
67
|
+
'#00AD6C' |
|
|
68
|
+
'#00AEF0' |
|
|
69
|
+
'#00C967' |
|
|
70
|
+
'#00CE62' |
|
|
71
|
+
'#00D95F' |
|
|
72
|
+
'#00E470' |
|
|
73
|
+
'#00FD8D' |
|
|
74
|
+
'#01CB3E' |
|
|
75
|
+
'#04B086' |
|
|
76
|
+
'#050505' |
|
|
77
|
+
'#1587EA' |
|
|
78
|
+
'#171715' |
|
|
79
|
+
'#181A1C' |
|
|
80
|
+
'#222A30' |
|
|
81
|
+
'#2950A1' |
|
|
82
|
+
'#2A445D' |
|
|
83
|
+
'#333F40' |
|
|
84
|
+
'#475993' |
|
|
85
|
+
'#518FE1' |
|
|
86
|
+
'#69B4E5' |
|
|
87
|
+
'#7024C4' |
|
|
88
|
+
'#76A9EA' |
|
|
89
|
+
'#7AD06D' |
|
|
90
|
+
'#90A358' |
|
|
91
|
+
'#90B24C' |
|
|
92
|
+
'#9F1121' |
|
|
93
|
+
'#A6285F' |
|
|
94
|
+
'#AAC148' |
|
|
95
|
+
'#C21975' |
|
|
96
|
+
'#C74C4D' |
|
|
97
|
+
'#CF2217' |
|
|
98
|
+
'#D4D1D1' |
|
|
99
|
+
'#D64C1B' |
|
|
100
|
+
'#D80000' |
|
|
101
|
+
'#DC0000' |
|
|
102
|
+
'#DE9329' |
|
|
103
|
+
'#E09B3D' |
|
|
104
|
+
'#E65300' |
|
|
105
|
+
'#EB4427' |
|
|
106
|
+
'#F34A38' |
|
|
107
|
+
'#F61C0D' |
|
|
108
|
+
'#FC490B' |
|
|
109
|
+
'#FF007E' |
|
|
110
|
+
'#FF1A03' |
|
|
111
|
+
'#FF4175' |
|
|
112
|
+
'#FF4403' |
|
|
113
|
+
'#FF4B30' |
|
|
114
|
+
'#FF9414' |
|
|
115
|
+
'#FFAC35' |
|
|
116
|
+
'#FFBA00' |
|
|
117
|
+
'#FFFFFF';
|
|
118
|
+
|
|
55
119
|
type backgroundType = 'circle' | 'rect' | 'button';
|
|
56
120
|
|
|
121
|
+
type colorsType = Record<iconColors, string>;
|
|
122
|
+
|
|
57
123
|
type positionType = 'top' | 'bottom' | 'right' | 'left' |
|
|
58
124
|
'top_right' | 'top_left' | 'bottom_right' | 'bottom_left';
|
|
59
125
|
|
|
@@ -69,6 +135,7 @@ declare module 'react-native-ico-social-media' {
|
|
|
69
135
|
fontSize?: string;
|
|
70
136
|
position?: positionType;
|
|
71
137
|
color?: string;
|
|
138
|
+
colors: colorsType;
|
|
72
139
|
backgroundColor?: string;
|
|
73
140
|
radius?: number;
|
|
74
141
|
};
|
|
@@ -78,6 +145,7 @@ declare module 'react-native-ico-social-media' {
|
|
|
78
145
|
width?: number;
|
|
79
146
|
height?: number;
|
|
80
147
|
color?: string;
|
|
148
|
+
colors: colorsType;
|
|
81
149
|
stroke?: number;
|
|
82
150
|
background?: backgroundType | backgroundTypeObj;
|
|
83
151
|
badge?: number | string | badgeTypeObj;
|