@open-tender/store
Version:
A library of hooks, reducers, utility functions, and types for use with Open Tender applications that utilize our in-store POS API
54 lines (53 loc) • 2.64 kB
JavaScript
import { __assign } from "tslib";
import styles from '../styles';
import { theme } from '../utils';
var keypad = {
keypad__container: {
classes: '',
props: {},
style: {
width: '100%'
}
},
keypad__input: {
classes: '',
props: {},
style: __assign(__assign({}, styles.textBody), { backgroundColor: 'transparent', borderColor: theme.colors.border.primary, borderRadius: theme.spacing.borderRadius.small, borderStyle: 'solid', borderWidth: theme.spacing.borderWidth.medium, color: theme.colors.text.primary, fontSize: theme.fontSizes.large, paddingBottom: theme.spacing.padding.small, paddingLeft: theme.spacing.padding.medium, paddingRight: theme.spacing.padding.medium, paddingTop: theme.spacing.padding.small, marginBottom: theme.spacing.margin.small, width: '100%' })
},
keypad__buttonsContainer: {
classes: '',
props: {},
style: {
flexDirection: 'column',
flexWrap: 'wrap',
width: '100%',
gap: 5
}
},
keypad__buttonsLine: {
classes: '',
props: {},
style: {
flexDirection: 'row',
flexWrap: 'nowrap',
width: '100%',
gap: 5
}
},
keypad__defaultButton: {
classes: '',
props: {},
style: __assign(__assign({}, styles.textBody), { flexBasis: '100%', color: theme.colors.text.primary, fontSize: theme.fontSizes.large, height: 80, backgroundColor: theme.colors.background.primary, borderWidth: theme.spacing.borderWidth.medium, borderStyle: 'solid', borderColor: theme.colors.border.primary, alignItems: 'center', justifyContent: 'center' })
},
keypad__numericButton: {
classes: '',
props: {},
style: __assign(__assign({}, styles.textBody), { flexBasis: '100%', color: theme.colors.text.primary, fontSize: theme.fontSizes.large, backgroundColor: theme.colors.background.primary, borderWidth: theme.spacing.borderWidth.medium, borderStyle: 'solid', borderColor: theme.colors.border.primary, alignItems: 'center', justifyContent: 'center', aspectRatio: 1.5 })
},
keypad__fixedWidthButton: {
classes: '',
props: {},
style: __assign(__assign({}, styles.textBody), { width: 80, color: theme.colors.text.primary, fontSize: theme.fontSizes.large, height: 80, backgroundColor: theme.colors.background.primary, borderWidth: theme.spacing.borderWidth.medium, borderStyle: 'solid', borderColor: theme.colors.border.primary, alignItems: 'center', justifyContent: 'center' })
}
};
export default keypad;