react-native-boxes 1.4.2 → 1.4.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-boxes",
-  "version": "1.4.2",
+  "version": "1.4.4",
   "description": "A react native library for rapid development of UI using boxes",
   "main": "src/index.js",
   "scripts": {

package/src/List.tsx

@@ -101,9 +101,13 @@ export function SimpleDatatlistViewItem(props: SimpleDatatableViewItemProps & Vi
                     }}>{props.title}</Subtitle>)}
                     {props.subtitle && (<TextView style={{
                         marginTop: 0,
+                        padding: 0,
                         paddingTop: theme.dimens.space.sm,
                     }}>{props.subtitle}</TextView>)}
-                    {props.body && (<Caption >{props.body}</Caption>)}
+                    {props.body && (<Caption style={{
+                        margin: 0,
+                        padding: 0
+                    }} >{props.body}</Caption>)}
                 </VBox>
                 <Box style={{
                     alignItems: 'flex-end',

package/src/Message.tsx

@@ -12,6 +12,7 @@ export function AlertMessage(props:
     ViewProps & {
         text: string,
         type?: 'info' | 'success' | 'warning' | 'critical',
+        color?: string,
         onDismiss?: Function
 
     }) {
@@ -63,11 +64,11 @@ export function AlertMessage(props:
                     }}
                     name={icon}
                     size={theme.dimens.icon.md}
-                    color={theme.colors.invert.text} />
+                    color={props.color || theme.colors.invert.text} />
                 <TextView style={{
                     flexShrink: 1,
                     padding: 0,
-                    color: theme.colors.invert.text,
+                    color: props.color || theme.colors.invert.text,
                 }}>{props.text}
                 </TextView>
             </HBox>

package/src/Modal.tsx

@@ -481,10 +481,14 @@ export function ConfirmationDialog(props: ConfirmationDialogProps) {
                     props.onDismiss && props.onDismiss()
                     props.onConfirm && props.onConfirm()
                 }} />
-                <TertiaryButtonView text={cancelText as string} onPress={() => {
-                    props.onDismiss && props.onDismiss()
-                    props.onCancel && props.onCancel()
-                }} />
+                <TertiaryButtonView
+                    style={{
+                        marginTop: 0
+                    }}
+                    text={cancelText as string} onPress={() => {
+                        props.onDismiss && props.onDismiss()
+                        props.onCancel && props.onCancel()
+                    }} />
             </VBox>
 
         </BottomSheet>