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

Healthy Church Design System - HC Mobile

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ButtonTheme = void 0;
var _reactNative = require("react-native");
var _Colors = require("../Colors");
/**
 * Theme map
 */

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