89 lines
2.1 KiB
JavaScript
89 lines
2.1 KiB
JavaScript
import { StyleSheet } from 'react-native';
|
|
import variables from '../../common/styles/variables';
|
|
const defaultWrapper = {
|
|
flexDirection: 'row',
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
paddingHorizontal: variables.mtdHSpacingL,
|
|
paddingVertical: variables.mtdVSpacingM,
|
|
borderWidth: StyleSheet.hairlineWidth,
|
|
borderColor: variables.mtdBorderColorDarker,
|
|
borderRadius: variables.buttonBorderRadius,
|
|
backgroundColor: '#fff',
|
|
overflow: 'hidden'
|
|
};
|
|
const defaultText = {
|
|
fontSize: variables.mtdFontSizeM,
|
|
color: variables.mtdGrayBase
|
|
};
|
|
const primaryWrapper = {
|
|
...defaultWrapper,
|
|
borderColor: variables.mtdBrandPrimary,
|
|
backgroundColor: variables.mtdBrandPrimary
|
|
};
|
|
const primaryText = {
|
|
...defaultText,
|
|
color: '#ffffff'
|
|
};
|
|
const dangerWrapper = {
|
|
...defaultWrapper,
|
|
borderColor: variables.mtdBrandDanger,
|
|
backgroundColor: variables.mtdBrandDanger
|
|
};
|
|
const dangerText = {
|
|
...defaultText,
|
|
color: '#ffffff'
|
|
};
|
|
const warningWrapper = {
|
|
...defaultWrapper,
|
|
borderColor: variables.mtdBrandWarning,
|
|
backgroundColor: variables.mtdBrandWarning
|
|
};
|
|
const warningText = {
|
|
...defaultText,
|
|
color: '#ffffff'
|
|
};
|
|
const successWrapper = {
|
|
...defaultWrapper,
|
|
borderColor: variables.mtdBrandSuccess,
|
|
backgroundColor: variables.mtdBrandSuccess
|
|
};
|
|
const successText = {
|
|
...defaultText,
|
|
color: '#ffffff'
|
|
};
|
|
const infoWrapper = {
|
|
...defaultWrapper,
|
|
borderColor: variables.mtdBrandInfo,
|
|
backgroundColor: variables.mtdBrandInfo
|
|
};
|
|
const infoText = {
|
|
...defaultText,
|
|
color: '#ffffff'
|
|
};
|
|
const textWrapper = {
|
|
...defaultWrapper,
|
|
borderColor: 'transparent',
|
|
backgroundColor: 'transparent'
|
|
};
|
|
const textText = {
|
|
...defaultText,
|
|
color: variables.mtdBrandInfo
|
|
};
|
|
export default StyleSheet.create({
|
|
defaultWrapper,
|
|
defaultText,
|
|
primaryWrapper,
|
|
primaryText,
|
|
dangerWrapper,
|
|
dangerText,
|
|
successWrapper,
|
|
successText,
|
|
warningWrapper,
|
|
warningText,
|
|
infoWrapper,
|
|
infoText,
|
|
textWrapper,
|
|
textText
|
|
});
|
|
//# sourceMappingURL=styles.js.map
|