artwork-react-native/lib/list/style/index.js

artwork design master for react-native

'use strict';

Object.defineProperty(exports, "__esModule", {
    value: true
});

var _reactNative = require('react-native');

var _theme = require('../../style/theme');

var _theme2 = _interopRequireDefault(_theme);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

exports['default'] = {
    underlayColor: {
        backgroundColor: _theme2['default'].fill_tap
    },
    Header: {
        fontSize: _theme2['default'].font_size_base,
        color: _theme2['default'].color_text_caption,
        paddingHorizontal: _theme2['default'].h_spacing_lg,
        paddingTop: _theme2['default'].v_spacing_lg,
        paddingBottom: _theme2['default'].v_spacing_md,
        backgroundColor: _theme2['default'].fill_body
    },
    Footer: {
        fontSize: _theme2['default'].font_size_base,
        color: _theme2['default'].color_text_caption,
        paddingHorizontal: _theme2['default'].h_spacing_lg,
        paddingVertical: _theme2['default'].v_spacing_md,
        backgroundColor: _theme2['default'].fill_body
    },
    Body: {
        backgroundColor: _theme2['default'].fill_base,
        borderTopWidth: _reactNative.StyleSheet.hairlineWidth,
        borderTopColor: _theme2['default'].border_color_base
    },
    BodyBottomLine: {
        position: 'absolute',
        bottom: 0,
        left: 0,
        right: 0,
        height: 1,
        backgroundColor: _theme2['default'].fill_base,
        borderBottomWidth: _reactNative.StyleSheet.hairlineWidth,
        borderBottomColor: _theme2['default'].border_color_base
    },
    Item: {
        flexGrow: 1,
        alignItems: 'center',
        flexDirection: 'row',
        paddingLeft: _theme2['default'].h_spacing_lg,
        backgroundColor: _theme2['default'].fill_base
    },
    Line: {
        flex: 1,
        flexDirection: 'row',
        alignItems: 'center',
        paddingRight: _theme2['default'].h_spacing_lg,
        paddingVertical: _theme2['default'].v_spacing_sm,
        minHeight: _theme2['default'].list_item_height,
        borderBottomWidth: _reactNative.StyleSheet.hairlineWidth,
        borderBottomColor: _theme2['default'].border_color_base
    },
    Thumb: {
        width: _theme2['default'].icon_size_md,
        height: _theme2['default'].icon_size_md,
        marginRight: _theme2['default'].h_spacing_lg
    },
    Content: {
        color: _theme2['default'].color_text_base,
        fontSize: _theme2['default'].font_size_heading,
        textAlignVertical: 'center'
    },
    Extra: {
        color: _theme2['default'].color_text_caption,
        fontSize: _theme2['default'].font_size_heading,
        textAlign: 'right',
        textAlignVertical: 'center'
    },
    Brief: {
        minHeight: _theme2['default'].font_size_icontext
    },
    BriefText: {
        color: _theme2['default'].color_text_caption,
        fontSize: _theme2['default'].font_size_subhead,
        paddingTop: _theme2['default'].v_spacing_xs,
        textAlignVertical: 'center'
    },
    Arrow: {
        width: 8,
        height: 13,
        marginLeft: _theme2['default'].h_spacing_md,
        marginTop: _theme2['default'].v_spacing_xs
    },
    ArrowV: {
        width: 13,
        height: 8,
        marginLeft: _theme2['default'].h_spacing_md
    },
    multipleLine: {
        paddingVertical: _theme2['default'].v_spacing_sm
    },
    multipleThumb: {
        width: _theme2['default'].icon_size_lg,
        height: _theme2['default'].icon_size_lg
    },
    column: {
        flex: 1,
        flexDirection: 'column'
    }
};