@hc.ds/mobile/lib/module/Button/theme.js

Healthy Church Design System - HC Mobile

/**
 * Theme map
 */

import { StyleSheet } from 'react-native';
import { Colors } from '../Colors';
const fontStyle = {
  fontSize: 17,
  fontStyle: 'normal',
  fontWeight: '500',
  lineHeight: '140%'
};
const commonStyle = {
  ...fontStyle,
  borderRadius: 48,
  paddingLeft: 16,
  paddingRight: 16
};
export const ButtonTheme = StyleSheet.create({
  primary: {
    ...commonStyle,
    backgroundColor: Colors.primary[100]
  },
  success: {
    ...commonStyle,
    borderColor: Colors.success[100],
    backgroundColor: Colors.success[100]
  },
  danger: {
    ...commonStyle,
    borderColor: Colors.danger[100],
    backgroundColor: Colors.danger[100]
  },
  warning: {
    ...commonStyle,
    borderColor: Colors.warning[100],
    backgroundColor: Colors.warning[100]
  },
  ghost: {
    ...commonStyle,
    color: Colors.primary[100],
    borderColor: Colors.primary[100]
  },
  light: {
    ...commonStyle,
    backgroundColor: Colors.white,
    color: Colors.text,
    borderColor: Colors.border
  },
  outline: {
    borderColor: Colors.border,
    color: Colors.white,
    backgroundColor: `transparent`
  },
  block: {
    width: '100%'
  }
});
//# sourceMappingURL=theme.js.map