ikualo-ui-kit-mobile 1.8.4 → 1.8.8

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 (6) hide show
  1. package/app.json +1 -1
  2. package/assets/styles/elements/alert.ts +4 -0
  3. package/package.json +1 -1
  4. package/src/config/paper.config.ts +2 -0
  5. package/src/elements/alerts/Alert.tsx +4 -4
  6. package/src/elements/dialogs/DialogDown.tsx +2 -1
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.8.4",
6
+ "version": "1.8.8",
7
7
  "orientation": "portrait",
8
8
  "icon": "./assets/icon.png",
9
9
  "userInterfaceStyle": "automatic",
package/assets/styles/elements/alert.ts CHANGED
@@ -24,18 +24,22 @@ export const getStyleAlerts = (theme: ITheme) =>
24
24
  'alert--info': {
25
25
  backgroundColor: theme.colors.background_info,
26
26
  borderLeftColor: theme.colors.info,
27
+ borderRadius: 16,
27
28
  },
28
29
  'alert--warning': {
29
30
  backgroundColor: theme.colors.background_warning,
30
31
  borderLeftColor: theme.colors.warning,
32
+ borderRadius: 16,
31
33
  },
32
34
  'alert--success': {
33
35
  backgroundColor: theme.colors.background_success,
34
36
  borderLeftColor: theme.colors.success,
37
+ borderRadius: 16,
35
38
  },
36
39
  'alert--error': {
37
40
  backgroundColor: theme.colors.background_error,
38
41
  borderLeftColor: theme.colors.error,
42
+ borderRadius: 16,
39
43
  },
40
44
  'alert-container-text': {
41
45
  flexDirection: 'row',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ikualo-ui-kit-mobile",
3
- "version": "1.8.4",
3
+ "version": "1.8.8",
4
4
  "main": "src/index.ts",
5
5
  "scripts": {
6
6
  "start": "expo start",
package/src/config/paper.config.ts CHANGED
@@ -133,6 +133,7 @@ const light = {
133
133
  background_info: '#EEF4FF',
134
134
  background_success: '#DAEEDF',
135
135
  background_warning: '#FFFAEB',
136
+ background_alert: '#120B25C2',
136
137
 
137
138
  text_h: colors.gray_800,
138
139
  text_p: colors.gray_700,
@@ -178,6 +179,7 @@ const dark = {
178
179
  background_info: '#2F3C53',
179
180
  background_success: '#314A3B',
180
181
  background_warning: '#27251C',
182
+ background_alert: '#7B7BFF80',
181
183
 
182
184
  text_h: colors.gray_300,
183
185
  text_p: colors.gray_200,
package/src/elements/alerts/Alert.tsx CHANGED
@@ -11,7 +11,7 @@ import MaterialIcons from '@expo/vector-icons/MaterialIcons';
11
11
  export const Alert = (props: IFAlertInfo) => {
12
12
  const { text, title, type, onClose, miliSeconds, customStyles, position = 'absolute' } = props;
13
13
  const styleAlerts = getStyleAlerts(useStore().theme);
14
- const theme = useStore().theme
14
+ const theme = useStore().theme;
15
15
 
16
16
  const icons = [
17
17
  { name: 'error', icon: <MaterialIcons name="error" size={24} color={theme?.colors.error} /> },
@@ -40,7 +40,7 @@ export const Alert = (props: IFAlertInfo) => {
40
40
  >
41
41
  <View style={styleAlerts['alert-container-text']}>
42
42
  {icons.find((icon) => icon.name === type)?.icon}
43
- <Text fontWeight={'MontserratBold700'} fontSize={14}>
43
+ <Text fontWeight={'MontserratBold700'} fontSize={14} color={theme.colors.text_p}>
44
44
  {title}
45
45
  </Text>
46
46
  </View>
@@ -58,7 +58,7 @@ export const Alert = (props: IFAlertInfo) => {
58
58
  >
59
59
  <View style={styleAlerts['alert-container-text']}>
60
60
  {icons.find((icon) => icon.name === type)?.icon}
61
- <Text fontWeight={'MontserratBold700'} fontSize={14}>
61
+ <Text fontWeight={'MontserratBold700'} fontSize={14} color={theme.colors.text_p}>
62
62
  {title}
63
63
  </Text>
64
64
  </View>
@@ -67,4 +67,4 @@ export const Alert = (props: IFAlertInfo) => {
67
67
  )}
68
68
  </>
69
69
  );
70
- };
70
+ };
package/src/elements/dialogs/DialogDown.tsx CHANGED
@@ -8,7 +8,7 @@ import { IDialogDown } from '../../models';
8
8
  export const DialogDown = (props: IDialogDown) => {
9
9
  const theme = useStore().theme;
10
10
  const stylesDialog = getStylesDialog(theme);
11
- const { isVisible, title, children, onDismiss, image, showCloseButton } = props;
11
+ const { isVisible, title, children, onDismiss, image, showCloseButton = true } = props;
12
12
  const slideAnim = useRef(new Animated.Value(0)).current;
13
13
 
14
14
  const handleDismissKeyboard = () => {
@@ -83,6 +83,7 @@ export const DialogDown = (props: IDialogDown) => {
83
83
  />
84
84
  </TouchableHighlight>
85
85
  )}
86
+
86
87
  {image ? (
87
88
  <View style={stylesDialog['dialog-img']}>{image}</View>
88
89
  ) : (