ikualo-ui-kit-mobile 1.9.2 → 1.9.4

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 (4) hide show
  1. package/app.json +1 -1
  2. package/assets/styles/modules/register.ts +85 -93
  3. package/package.json +1 -1
  4. package/src/config/paper.config.ts +2 -2
package/app.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "ikualo-app-2.0",
4
4
  "slug": "ikualo-app-20",
5
5
  "owner": "ikualo",
6
- "version": "1.9.2",
6
+ "version": "1.9.4",
7
7
  "orientation": "portrait",
8
8
  "icon": "./assets/icon.png",
9
9
  "userInterfaceStyle": "automatic",
package/assets/styles/modules/register.ts CHANGED
@@ -1,97 +1,89 @@
1
1
  import { StyleSheet } from 'react-native';
2
2
  import { ITheme } from '../../../src/models';
3
- export const getStyleRegisterContent =(theme: ITheme) =>StyleSheet.create({
4
- 'register-content-container': {
5
- marginTop: 24,
6
- },
3
+ export const getStyleRegisterContent = (theme: ITheme) =>
4
+ StyleSheet.create({
5
+ 'register-content-container': {
6
+ marginTop: 24,
7
+ },
7
8
 
8
- 'register-content-title': {
9
- fontSize: 20,
10
- fontFamily: 'MontserratSemiBold',
11
- lineHeight: 30,
12
- color: theme.colors.boldDark,
13
- },
14
- 'register-content-description': {
15
- fontSize: 14,
16
- lineHeight: 21,
17
- color: theme.colors.lightBlack,
18
- marginTop: 24,
19
- fontFamily: 'MontserratRegular',
20
- },
21
- 'register-content-description--bold': {
22
- fontWeight: 'bold',
23
- fontSize: 14,
24
- lineHeight: 21,
25
- color: theme.colors.lightBlack,
26
- },
27
- 'progress-bar-container': {
28
- justifyContent: 'space-between',
29
- flexDirection: 'row',
30
- width: '100%',
31
- marginTop: 32,
32
- },
33
- 'register-email-input': {
34
- marginTop: 32,
35
- },
36
- 'register-email-btn': { position: 'absolute', bottom: 32, right: 16, left: 16 },
37
-
38
- 'register-password-title': {
39
- color: theme.colors.darkBlue,
40
- fontFamily: 'MontserratSemiBold',
41
- fontSize: 20,
42
- lineHeight: 30,
43
- },
44
- 'register-password-description': {
45
- color: theme.colors.lightBlack,
46
- fontFamily: 'MontserratRegular',
47
- lineHeight: 21,
48
- fontSize: 14,
49
- marginTop: 24,
50
- },
51
- 'register-password-inputs': {
52
- marginTop: 32,
53
- },
54
- 'password-validation': {
55
- position: 'absolute',
56
- zIndex: 50,
57
- top: -145,
58
- right: 2,
59
- borderRadius: 16,
60
- backgroundColor: theme.colors.white,
61
- padding: 16,
62
- borderWidth: 0.5,
63
- borderColor: theme.colors.lightPrimary,
64
- },
65
- 'password-options-1': {
66
- marginTop: 3,
67
- flexDirection: 'row',
68
- alignItems: 'center',
69
- gap: 16,
70
- },
71
- 'password-options-title': {
72
- color: theme.colors.lightBlack,
73
- fontWeight: 'bold',
74
- fontSize: 16,
75
- lineHeight: 19.5,
76
- },
77
- 'password-options': {
78
- color: theme.colors.lightBlack,
79
- fontFamily: 'MontserratLight',
80
- fontSize: 14,
81
- lineHeight: 17.07,
82
- },
83
- 'password-vector': {
84
- resizeMode: 'contain',
85
- },
86
- 'register-phone-text': {
87
- marginBottom: 24,
88
- },
89
- 'register-alert-text--error': {
90
- fontFamily: 'MontserratRegular',
91
- fontSize: 12,
92
- color: theme.colors.lightBlack,
93
- },
94
- 'register-password-margin-top': { marginTop: 32 },
95
- 'register-password-margin-bottom': { marginVertical: 32 },
96
- });
9
+ 'register-content-title': {
10
+ fontSize: 20,
11
+ fontFamily: 'MontserratSemiBold',
12
+ lineHeight: 30,
13
+ },
14
+ 'register-content-description': {
15
+ fontSize: 14,
16
+ lineHeight: 21,
17
+ marginTop: 24,
18
+ fontFamily: 'MontserratRegular',
19
+ },
20
+ 'register-content-description--bold': {
21
+ fontWeight: 'bold',
22
+ fontSize: 14,
23
+ lineHeight: 21,
24
+ },
25
+ 'progress-bar-container': {
26
+ justifyContent: 'space-between',
27
+ flexDirection: 'row',
28
+ width: '100%',
29
+ marginTop: 32,
30
+ },
31
+ 'register-email-input': {
32
+ marginTop: 32,
33
+ },
34
+ 'register-email-btn': { position: 'absolute', bottom: 32, right: 16, left: 16 },
97
35
 
36
+ 'register-password-title': {
37
+ fontFamily: 'MontserratSemiBold',
38
+ fontSize: 20,
39
+ lineHeight: 30,
40
+ },
41
+ 'register-password-description': {
42
+ fontFamily: 'MontserratRegular',
43
+ lineHeight: 21,
44
+ fontSize: 14,
45
+ marginTop: 24,
46
+ },
47
+ 'register-password-inputs': {
48
+ marginTop: 32,
49
+ },
50
+ 'password-validation': {
51
+ position: 'absolute',
52
+ zIndex: 50,
53
+ top: -145,
54
+ right: 2,
55
+ borderRadius: 16,
56
+ backgroundColor: theme.colors.white_50,
57
+ padding: 16,
58
+ borderWidth: 0.5,
59
+ borderColor: theme.colors.primary_300,
60
+ },
61
+ 'password-options-1': {
62
+ marginTop: 3,
63
+ flexDirection: 'row',
64
+ alignItems: 'center',
65
+ gap: 16,
66
+ },
67
+ 'password-options-title': {
68
+ fontWeight: 'bold',
69
+ fontSize: 16,
70
+ lineHeight: 19.5,
71
+ },
72
+ 'password-options': {
73
+ fontFamily: 'MontserratLight',
74
+ fontSize: 14,
75
+ lineHeight: 17.07,
76
+ },
77
+ 'password-vector': {
78
+ resizeMode: 'contain',
79
+ },
80
+ 'register-phone-text': {
81
+ marginBottom: 24,
82
+ },
83
+ 'register-alert-text--error': {
84
+ fontFamily: 'MontserratRegular',
85
+ fontSize: 12,
86
+ },
87
+ 'register-password-margin-top': { marginTop: 32 },
88
+ 'register-password-margin-bottom': { marginVertical: 32 },
89
+ });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ikualo-ui-kit-mobile",
3
- "version": "1.9.2",
3
+ "version": "1.9.4",
4
4
  "main": "src/index.ts",
5
5
  "scripts": {
6
6
  "start": "expo start",
package/src/config/paper.config.ts CHANGED
@@ -123,8 +123,8 @@ const light = {
123
123
  background_orange: colors.orange_400,
124
124
  background_purple: colors.tertiary_800,
125
125
  background_card_alt: colors.primary_20,
126
- background_app_gradient_final: colors.white_50,
127
- background_app_gradient_initial: colors.background_gradient,
126
+ background_app_gradient_initial: colors.white_50,
127
+ background_app_gradient_final: colors.background_gradient,
128
128
 
129
129
  background_btn: colors.gray_900,
130
130
  background_btn_focus: colors.gray_800,