@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
105 lines (104 loc) • 3.06 kB
JavaScript
import { __assign } from "tslib";
import styles from '../styles';
import { theme } from '../utils';
var orderDetails = {
orderDetails__totalsContainer: {
classes: '',
props: {},
style: {
width: '100%'
}
},
orderDetails__orderNumber: {
classes: '',
props: {},
style: __assign(__assign({}, styles.textHeadline), { fontSize: theme.fontSizes.xsmall, textTransform: 'uppercase', textAlign: 'center' })
},
orderDetails__orderTitle: {
classes: '',
props: {},
style: __assign(__assign({}, styles.textHeading), { fontSize: theme.fontSizes.xxlarge, textAlign: 'center' })
},
orderDetails__buttonsContainer: {
classes: '',
props: {},
style: {
width: '100%',
justifyContent: 'center',
flexDirection: 'row',
gap: theme.spacing.margin.small,
marginBottom: theme.spacing.margin.large
}
},
orderDetails__reorderButton: {
classes: '',
props: {},
style: __assign(__assign({}, styles.buttonPrimary), { fontSize: theme.fontSizes.small })
},
orderDetails__rateOrderButton: {
classes: '',
props: {},
style: __assign(__assign({}, styles.buttonSecondary), { fontSize: theme.fontSizes.small })
},
orderDetails__summary: {
classes: '',
props: {},
style: {
width: '100%',
alignItems: 'center',
marginBottom: theme.spacing.margin.large
}
},
orderDetails__summaryItem: {
classes: '',
props: {},
style: {
width: '100%',
flexDirection: 'row',
alignItems: 'center'
}
},
orderDetails__divider: {
classes: '',
props: {},
style: {
width: '100%',
height: 0.5,
backgroundColor: theme.colors.text.primary,
marginTop: theme.spacing.margin.small,
marginBottom: theme.spacing.margin.small
}
},
orderDetails__summaryLabel: {
classes: '',
props: {},
style: __assign(__assign({ width: '35%' }, styles.textHeadline), { fontSize: theme.fontSizes.xxxsmall, textTransform: 'uppercase' })
},
orderDetails__summaryValuesContainer: {
classes: '',
props: {},
style: {
flexGrow: 1,
gap: 5
}
},
orderDetails__summaryValue: {
classes: '',
props: {},
style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.xxsmall })
},
orderDetails__itemsContainer: {
classes: '',
props: {},
style: {
width: '100%',
gap: theme.spacing.margin.small
}
},
orderDetails__itemsTitle: {
classes: '',
props: {},
style: __assign(__assign({}, styles.textHeadline), { fontSize: theme.fontSizes.xxxsmall, textTransform: 'uppercase' })
}
};
export default orderDetails;