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

artwork design master for react-native

'use strict';

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

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

var _theme2 = _interopRequireDefault(_theme);

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

exports['default'] = {
    container: {
        flexDirection: 'row'
    },
    defaultHighlight: {
        backgroundColor: _theme2['default'].fill_tap,
        borderColor: _theme2['default'].border_color_base
    },
    primaryHighlight: {
        backgroundColor: _theme2['default'].primary_button_fill_tap,
        borderColor: _theme2['default'].primary_button_fill
    },
    ghostHighlight: {
        backgroundColor: 'transparent',
        borderColor: _theme2['default'].ghost_button_fill_tap
    },
    warningHighlight: {
        backgroundColor: _theme2['default'].warning_button_fill_tap,
        borderColor: _theme2['default'].warning_button_fill
    },
    wrapperStyle: {
        alignItems: 'center',
        justifyContent: 'center',
        borderRadius: _theme2['default'].radius_md,
        borderWidth: 1
    },
    largeRaw: {
        height: _theme2['default'].button_height,
        paddingLeft: _theme2['default'].h_spacing_lg,
        paddingRight: _theme2['default'].h_spacing_lg
    },
    smallRaw: {
        height: _theme2['default'].button_height_sm,
        paddingLeft: _theme2['default'].h_spacing_sm,
        paddingRight: _theme2['default'].h_spacing_sm
    },
    defaultRaw: {
        backgroundColor: _theme2['default'].fill_base,
        borderColor: _theme2['default'].border_color_base
    },
    primaryRaw: {
        backgroundColor: _theme2['default'].primary_button_fill,
        borderColor: _theme2['default'].primary_button_fill
    },
    ghostRaw: {
        backgroundColor: 'transparent',
        borderColor: _theme2['default'].ghost_button_color
    },
    warningRaw: {
        backgroundColor: _theme2['default'].warning_button_fill,
        borderColor: _theme2['default'].warning_button_fill
    },
    defaultDisabledRaw: {
        backgroundColor: _theme2['default'].fill_disabled,
        borderColor: _theme2['default'].fill_disabled
    },
    primaryDisabledRaw: {
        opacity: 0.4
    },
    ghostDisabledRaw: {
        borderColor: _theme2['default'].color_text_base + '1A'
    },
    warningDisabledRaw: {
        opacity: 0.4
    },
    defaultHighlightText: {
        color: _theme2['default'].color_text_base
    },
    primaryHighlightText: {
        color: _theme2['default'].color_text_base_inverse + '4D'
    },
    ghostHighlightText: {
        color: _theme2['default'].ghost_button_fill_tap
    },
    warningHighlightText: {
        color: _theme2['default'].color_text_base_inverse + '4D'
    },
    largeRawText: {
        fontSize: _theme2['default'].button_font_size
    },
    smallRawText: {
        fontSize: _theme2['default'].button_font_size_sm
    },
    defaultRawText: {
        color: _theme2['default'].color_text_base
    },
    primaryRawText: {
        color: _theme2['default'].color_text_base_inverse
    },
    ghostRawText: {
        color: _theme2['default'].ghost_button_color
    },
    warningRawText: {
        color: _theme2['default'].color_text_base_inverse
    },
    defaultDisabledRawText: {
        color: _theme2['default'].color_text_base + '4D'
    },
    primaryDisabledRawText: {
        color: _theme2['default'].color_text_base_inverse + '99'
    },
    ghostDisabledRawText: {
        color: _theme2['default'].color_text_base + '1A'
    },
    warningDisabledRawText: {
        color: _theme2['default'].color_text_base_inverse + '99'
    },
    indicator: {
        marginRight: _theme2['default'].h_spacing_md
    }
};