ikualo-ui-kit-mobile 0.1.8 → 0.2.0

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.
@@ -27,7 +27,7 @@ export const stylesDialog = StyleSheet.create({
27
27
  elevation: 5,
28
28
  position: 'relative'
29
29
  },
30
- 'dialog-bottom': { marginBottom: '-100%', },
30
+ 'dialog-bottom': { position: 'absolute', bottom: -5, width: '100%' },
31
31
  'dialog-icon': { borderRadius: 100, backgroundColor: theme.colors.lightRed, width: 40, height: 40, alignItems: 'center', justifyContent: 'center' },
32
32
  'dialog-icon--error': { backgroundColor: theme.colors.lightRed },
33
33
  'dialog-icon--warning': { backgroundColor: theme.colors.lightWarning },
@@ -18,7 +18,6 @@ const styleInput = StyleSheet.create({
18
18
  'input-label': {
19
19
  backgroundColor: 'transparent',
20
20
  fontSize: 16,
21
- lineHeight: 24,
22
21
  color: theme.colors.boldBlack,
23
22
  borderRadius: 4,
24
23
  fontFamily: 'MontserratBold',
@@ -196,7 +195,6 @@ const styleInput = StyleSheet.create({
196
195
  'input-label--disabled': {
197
196
  fontFamily: 'MontserratMedium',
198
197
  },
199
-
200
198
  });
201
199
 
202
- export { styleInput };
200
+ export { styleInput };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ikualo-ui-kit-mobile",
3
- "version": "0.1.8",
3
+ "version": "0.2.0",
4
4
  "main": "src/index.ts",
5
5
  "scripts": {
6
6
  "start": "expo start",
@@ -39,7 +39,7 @@ export const DialogDown = (props: IFDialogDown) => {
39
39
  <Modal
40
40
  visible={isVisible}
41
41
  transparent={true}
42
- animationType="fade"
42
+ animationType="none"
43
43
  onRequestClose={onDismiss}
44
44
  >
45
45
  <TouchableWithoutFeedback onPress={handleDismissKeyboard}>
@@ -62,4 +62,4 @@ export const DialogDown = (props: IFDialogDown) => {
62
62
  </TouchableWithoutFeedback>
63
63
  </Modal>
64
64
  );
65
- };
65
+ };
@@ -25,7 +25,8 @@ export const SelectList = (props: IFSelectList) => {
25
25
  >
26
26
  <TouchableWithoutFeedback>
27
27
  <View style={stylesDialog.modalBackground}>
28
- <View style={[stylesDialog['dialog-down'], { marginBottom: '-90%' },]}>
28
+ <View style={[stylesDialog['dialog-down'], stylesDialog['dialog-bottom']]}>
29
+
29
30
  <TouchableHighlight onPress={onDismiss} underlayColor={theme.colors.lightPrimary} style={stylesDialog['dialog-down-select-close']}>
30
31
  <Icon
31
32
  source="close"