mg-library 1.0.699 → 1.0.701
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/blocks.js +6 -18
- package/components.js +14 -38
- package/package.json +1 -1
package/blocks.js
CHANGED
|
@@ -159,18 +159,6 @@ export function MGBenefits(props) {
|
|
|
159
159
|
|
|
160
160
|
}
|
|
161
161
|
|
|
162
|
-
const nbStyles = StyleSheet.create({
|
|
163
|
-
input: {
|
|
164
|
-
height: 50,
|
|
165
|
-
borderWidth: 1,
|
|
166
|
-
borderColor: 'gray',
|
|
167
|
-
borderRadius: 8,
|
|
168
|
-
paddingHorizontal: 12,
|
|
169
|
-
fontSize: 16,
|
|
170
|
-
backgroundColor: 'white'
|
|
171
|
-
}
|
|
172
|
-
});
|
|
173
|
-
|
|
174
162
|
export function MGLogin(props) {
|
|
175
163
|
|
|
176
164
|
const [isKeyboardVisible, setIsKeyboardVisible] = useState(false);
|
|
@@ -262,10 +250,10 @@ export function MGLogin(props) {
|
|
|
262
250
|
px="$3"
|
|
263
251
|
rounded="$md"
|
|
264
252
|
bg="$white"
|
|
265
|
-
borderColor="$
|
|
253
|
+
borderColor="$gray300">
|
|
266
254
|
<InputField
|
|
267
255
|
placeholder={mgFunctionsLib.i18nString('userName', props.language)}
|
|
268
|
-
placeholderTextColor="$
|
|
256
|
+
placeholderTextColor="$gray300"
|
|
269
257
|
value={value}
|
|
270
258
|
onChangeText={onChange}
|
|
271
259
|
autoCapitalize="none"
|
|
@@ -284,11 +272,11 @@ export function MGLogin(props) {
|
|
|
284
272
|
px="$3"
|
|
285
273
|
rounded="$md"
|
|
286
274
|
bg="$white"
|
|
287
|
-
borderColor="$
|
|
275
|
+
borderColor="$gray300"
|
|
288
276
|
>
|
|
289
277
|
<InputField
|
|
290
278
|
placeholder={mgFunctionsLib.i18nString('password', props.language)}
|
|
291
|
-
placeholderTextColor="$
|
|
279
|
+
placeholderTextColor="$gray300"
|
|
292
280
|
value={value}
|
|
293
281
|
onChangeText={onChange}
|
|
294
282
|
secureTextEntry
|
|
@@ -313,11 +301,11 @@ export function MGLogin(props) {
|
|
|
313
301
|
px="$3"
|
|
314
302
|
rounded="$md"
|
|
315
303
|
bg="$white"
|
|
316
|
-
borderColor="$
|
|
304
|
+
borderColor="$gray300"
|
|
317
305
|
>
|
|
318
306
|
<InputField
|
|
319
307
|
placeholder={mgFunctionsLib.i18nString('password', props.language)}
|
|
320
|
-
placeholderTextColor="$
|
|
308
|
+
placeholderTextColor="$gray300"
|
|
321
309
|
value={value}
|
|
322
310
|
onChangeText={onChange}
|
|
323
311
|
secureTextEntry
|
package/components.js
CHANGED
|
@@ -29,51 +29,27 @@ export function MGText({ category = 'p1', style, children, ...props }) {
|
|
|
29
29
|
);
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
-
/* export function MGCard({ children, header = null, footer = null, style = {}, ...props }) {
|
|
33
|
-
return (
|
|
34
|
-
<Box
|
|
35
|
-
borderWidth={1}
|
|
36
|
-
rounded="$md"
|
|
37
|
-
borderColor="$borderLight"
|
|
38
|
-
bg="$white"
|
|
39
|
-
shadow="$2"
|
|
40
|
-
overflow="hidden"
|
|
41
|
-
mb="$4"
|
|
42
|
-
mx="$2"
|
|
43
|
-
style={style}
|
|
44
|
-
{...props}
|
|
45
|
-
>
|
|
46
|
-
{header != null && (
|
|
47
|
-
<>
|
|
48
|
-
<Box p="$4">{header}</Box>
|
|
49
|
-
<MGDivider />
|
|
50
|
-
</>
|
|
51
|
-
)}
|
|
52
|
-
<Box p="$4">{children}</Box>
|
|
53
|
-
{footer != null && (
|
|
54
|
-
<>
|
|
55
|
-
<MGDivider />
|
|
56
|
-
<Box p="$4">{footer}</Box>
|
|
57
|
-
</>
|
|
58
|
-
)}
|
|
59
|
-
</Box>
|
|
60
|
-
);
|
|
61
|
-
}
|
|
62
|
-
*/
|
|
63
|
-
|
|
64
32
|
export function MGCard({ children, header = null, footer = null, style = {}, ...props }) {
|
|
65
33
|
return (
|
|
66
34
|
<Box
|
|
67
35
|
borderWidth={1}
|
|
68
36
|
rounded="$md"
|
|
69
|
-
borderColor="$
|
|
70
|
-
bg="$white"
|
|
71
|
-
shadow="$
|
|
72
|
-
|
|
37
|
+
borderColor="$gray300"
|
|
38
|
+
bg="$white"
|
|
39
|
+
shadow="$5"
|
|
40
|
+
style={[
|
|
41
|
+
{
|
|
42
|
+
shadowColor: "#000",
|
|
43
|
+
shadowOffset: { width: 0, height: 4 },
|
|
44
|
+
shadowOpacity: 0.25,
|
|
45
|
+
shadowRadius: 6,
|
|
46
|
+
elevation: Platform.OS === "android" ? 8 : 0,
|
|
47
|
+
},
|
|
48
|
+
style,
|
|
49
|
+
]}
|
|
73
50
|
overflow="visible"
|
|
74
51
|
mb="$4"
|
|
75
52
|
mx="$2"
|
|
76
|
-
style={style}
|
|
77
53
|
{...props}
|
|
78
54
|
>
|
|
79
55
|
<Box rounded="$md" overflow="hidden">
|
|
@@ -235,7 +211,7 @@ export function MGDivider({ style, ...props }) {
|
|
|
235
211
|
h="$0.25"
|
|
236
212
|
flexGrow={1}
|
|
237
213
|
alignSelf="stretch"
|
|
238
|
-
bg="$
|
|
214
|
+
bg="$gray300"
|
|
239
215
|
style={style}
|
|
240
216
|
{...props}
|
|
241
217
|
/>
|