@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
117 lines (116 loc) • 3.36 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 orderCard = {
orderCard: {
classes: '',
props: {},
style: {
alignItems: 'stretch',
flexGrow: 1
}
},
orderCard__container: {
classes: '',
props: {},
style: {
alignItems: 'stretch',
flexGrow: 1,
gap: utils_1.theme.spacing.padding.large,
padding: utils_1.theme.spacing.padding.medium
}
},
orderCard__header: {
classes: '',
props: {},
style: {
alignItems: 'stretch',
gap: 5
}
},
orderCard__orderNo: {
classes: '',
props: {
as: 'p'
},
style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: utils_1.theme.fontSizes.xxsmall, lineHeight: 1 })
},
orderCard__title: {
classes: '',
props: {
as: 'h3'
},
style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.medium })
},
orderCard__subtitle: {
classes: '',
props: {
as: 'p'
},
style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: utils_1.theme.fontSizes.xxsmall, lineHeight: 1 })
},
orderCard__content: {
classes: '',
props: {},
style: {
alignItems: 'stretch',
flexGrow: 1,
flexShrink: 1,
gap: 15,
overflow: 'hidden'
}
},
orderCard__itemNames: {
classes: '',
props: {
as: 'p'
},
style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: utils_1.theme.fontSizes.xxsmall })
},
orderCard__itemImages: {
classes: 'hide-scrollbar',
props: {},
style: {
alignItems: 'center',
flexDirection: 'row',
gap: utils_1.theme.spacing.padding.small,
justifyContent: 'flex-start',
overflow: 'scroll'
}
},
orderCard__itemImage: {
classes: '',
props: {},
style: {
aspectRatio: 1,
borderRadius: utils_1.theme.spacing.borderRadius.xsmall,
flexBasis: '25%',
flexGrow: 0,
flexShrink: 0,
backgroundSize: 'cover'
}
},
orderCard__footer: {
classes: '',
props: {},
style: {
alignItems: 'center',
flexDirection: 'row',
gap: utils_1.theme.spacing.padding.medium,
justifyContent: 'space-between'
}
},
orderCard__reorder: {
classes: '',
props: { text: 'Reorder' },
style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { fontSize: utils_1.theme.fontSizes.small })
},
orderCard__details: {
classes: '',
props: { text: 'Details' },
style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonSecondary), { fontSize: utils_1.theme.fontSizes.small })
}
};
exports.default = orderCard;