@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
56 lines (55 loc) • 3.05 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var styles_1 = tslib_1.__importDefault(require("../styles"));
var utils_1 = require("../utils");
var keypad = {
keypad__container: {
classes: '',
props: {},
style: {
width: '100%'
}
},
keypad__input: {
classes: '',
props: {},
style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { backgroundColor: 'transparent', borderColor: utils_1.theme.colors.border.primary, borderRadius: utils_1.theme.spacing.borderRadius.small, borderStyle: 'solid', borderWidth: utils_1.theme.spacing.borderWidth.medium, color: utils_1.theme.colors.text.primary, fontSize: utils_1.theme.fontSizes.large, paddingBottom: utils_1.theme.spacing.padding.small, paddingLeft: utils_1.theme.spacing.padding.medium, paddingRight: utils_1.theme.spacing.padding.medium, paddingTop: utils_1.theme.spacing.padding.small, marginBottom: utils_1.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: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { flexBasis: '100%', color: utils_1.theme.colors.text.primary, fontSize: utils_1.theme.fontSizes.large, height: 80, backgroundColor: utils_1.theme.colors.background.primary, borderWidth: utils_1.theme.spacing.borderWidth.medium, borderStyle: 'solid', borderColor: utils_1.theme.colors.border.primary, alignItems: 'center', justifyContent: 'center' })
},
keypad__numericButton: {
classes: '',
props: {},
style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { flexBasis: '100%', color: utils_1.theme.colors.text.primary, fontSize: utils_1.theme.fontSizes.large, backgroundColor: utils_1.theme.colors.background.primary, borderWidth: utils_1.theme.spacing.borderWidth.medium, borderStyle: 'solid', borderColor: utils_1.theme.colors.border.primary, alignItems: 'center', justifyContent: 'center', aspectRatio: 1.5 })
},
keypad__fixedWidthButton: {
classes: '',
props: {},
style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { width: 80, color: utils_1.theme.colors.text.primary, fontSize: utils_1.theme.fontSizes.large, height: 80, backgroundColor: utils_1.theme.colors.background.primary, borderWidth: utils_1.theme.spacing.borderWidth.medium, borderStyle: 'solid', borderColor: utils_1.theme.colors.border.primary, alignItems: 'center', justifyContent: 'center' })
}
};
exports.default = keypad;