@open-tender/store 1.1.0 → 1.1.2

package/dist/cjs/config/index.js

@@ -0,0 +1,134 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var account_1 = tslib_1.__importDefault(require("./account"));
+var accountSection_1 = tslib_1.__importDefault(require("./accountSection"));
+var allergen_1 = tslib_1.__importDefault(require("./allergen"));
+var applied_1 = tslib_1.__importDefault(require("./applied"));
+var buttonLink_1 = tslib_1.__importDefault(require("./buttonLink"));
+var card_1 = tslib_1.__importDefault(require("./card"));
+var cart_1 = tslib_1.__importDefault(require("./cart"));
+var cartItem_1 = tslib_1.__importDefault(require("./cartItem"));
+var cartUpsellItem_1 = tslib_1.__importDefault(require("./cartUpsellItem"));
+var cartUpsells_1 = tslib_1.__importDefault(require("./cartUpsells"));
+var category_1 = tslib_1.__importDefault(require("./category"));
+var categoryItem_1 = tslib_1.__importDefault(require("./categoryItem"));
+var categoryNav_1 = tslib_1.__importDefault(require("./categoryNav"));
+var categoryNavItem_1 = tslib_1.__importDefault(require("./categoryNavItem"));
+var categoryNavItemSelected_1 = tslib_1.__importDefault(require("./categoryNavItemSelected"));
+var checkout_1 = tslib_1.__importDefault(require("./checkout"));
+var checkoutConfirmation_1 = tslib_1.__importDefault(require("./checkoutConfirmation"));
+var checkoutDetails_1 = tslib_1.__importDefault(require("./checkoutDetails"));
+var checkoutPayment_1 = tslib_1.__importDefault(require("./checkoutPayment"));
+var checkoutPoints_1 = tslib_1.__importDefault(require("./checkoutPoints"));
+var checkoutPromoCode_1 = tslib_1.__importDefault(require("./checkoutPromoCode"));
+var checkoutRewards_1 = tslib_1.__importDefault(require("./checkoutRewards"));
+var checkoutSummary_1 = tslib_1.__importDefault(require("./checkoutSummary"));
+var checkoutUpsells_1 = tslib_1.__importDefault(require("./checkoutUpsells"));
+var checkTotals_1 = tslib_1.__importDefault(require("./checkTotals"));
+var discount_1 = tslib_1.__importDefault(require("./discount"));
+var errorMessage_1 = tslib_1.__importDefault(require("./errorMessage"));
+var guest_1 = tslib_1.__importDefault(require("./guest"));
+var header_1 = tslib_1.__importDefault(require("./header"));
+var ingredients_1 = tslib_1.__importDefault(require("./ingredients"));
+var input_1 = tslib_1.__importDefault(require("./input"));
+var item_1 = tslib_1.__importDefault(require("./item"));
+var itemGroup_1 = tslib_1.__importDefault(require("./itemGroup"));
+var itemGroups_1 = tslib_1.__importDefault(require("./itemGroups"));
+var itemOption_1 = tslib_1.__importDefault(require("./itemOption"));
+var itemSelections_1 = tslib_1.__importDefault(require("./itemSelections"));
+var label_1 = tslib_1.__importDefault(require("./label"));
+var loader_1 = tslib_1.__importDefault(require("./loader"));
+var madeForNotes_1 = tslib_1.__importDefault(require("./madeForNotes"));
+var menu_1 = tslib_1.__importDefault(require("./menu"));
+var menuCategory_1 = tslib_1.__importDefault(require("./menuCategory"));
+var modal_1 = tslib_1.__importDefault(require("./modal"));
+var modalContent_1 = tslib_1.__importDefault(require("./modalContent"));
+var modalHeader_1 = tslib_1.__importDefault(require("./modalHeader"));
+var nutritionalInfo_1 = tslib_1.__importDefault(require("./nutritionalInfo"));
+var option_1 = tslib_1.__importDefault(require("./option"));
+var orderCard_1 = tslib_1.__importDefault(require("./orderCard"));
+var pointsReward_1 = tslib_1.__importDefault(require("./pointsReward"));
+var pointsRewards_1 = tslib_1.__importDefault(require("./pointsRewards"));
+var promoCode_1 = tslib_1.__importDefault(require("./promoCode"));
+var quantity_1 = tslib_1.__importDefault(require("./quantity"));
+var rewards_1 = tslib_1.__importDefault(require("./rewards"));
+var reward_1 = tslib_1.__importDefault(require("./reward"));
+var signIn_1 = tslib_1.__importDefault(require("./signIn"));
+var signInButton_1 = tslib_1.__importDefault(require("./signInButton"));
+var signInCheckout_1 = tslib_1.__importDefault(require("./signInCheckout"));
+var signInOptions_1 = tslib_1.__importDefault(require("./signInOptions"));
+var signInPhone_1 = tslib_1.__importDefault(require("./signInPhone"));
+var signInQr_1 = tslib_1.__importDefault(require("./signInQr"));
+var successMessage_1 = tslib_1.__importDefault(require("./successMessage"));
+var tag_1 = tslib_1.__importDefault(require("./tag"));
+var textarea_1 = tslib_1.__importDefault(require("./textarea"));
+var upsellItem_1 = tslib_1.__importDefault(require("./upsellItem"));
+var upsells_1 = tslib_1.__importDefault(require("./upsells"));
+var config = {
+    account: account_1.default,
+    accountSection: accountSection_1.default,
+    allergen: allergen_1.default,
+    applied: applied_1.default,
+    buttonLink: buttonLink_1.default,
+    card: card_1.default,
+    cart: cart_1.default,
+    cartItem: cartItem_1.default,
+    cartUpsellItem: cartUpsellItem_1.default,
+    cartUpsells: cartUpsells_1.default,
+    category: category_1.default,
+    categoryItem: categoryItem_1.default,
+    categoryNav: categoryNav_1.default,
+    categoryNavItem: categoryNavItem_1.default,
+    categoryNavItemSelected: categoryNavItemSelected_1.default,
+    checkout: checkout_1.default,
+    checkoutConfirmation: checkoutConfirmation_1.default,
+    checkoutDetails: checkoutDetails_1.default,
+    checkoutPayment: checkoutPayment_1.default,
+    checkoutPoints: checkoutPoints_1.default,
+    checkoutPromoCode: checkoutPromoCode_1.default,
+    checkoutRewards: checkoutRewards_1.default,
+    checkoutSummary: checkoutSummary_1.default,
+    checkoutUpsells: checkoutUpsells_1.default,
+    checkTotals: checkTotals_1.default,
+    discount: discount_1.default,
+    errorMessage: errorMessage_1.default,
+    guest: guest_1.default,
+    header: header_1.default,
+    ingredients: ingredients_1.default,
+    input: input_1.default,
+    item: item_1.default,
+    itemGroup: itemGroup_1.default,
+    itemGroups: itemGroups_1.default,
+    itemOption: itemOption_1.default,
+    itemSelections: itemSelections_1.default,
+    label: label_1.default,
+    loader: loader_1.default,
+    madeForNotes: madeForNotes_1.default,
+    menu: menu_1.default,
+    menuCategory: menuCategory_1.default,
+    modal: modal_1.default,
+    modalContent: modalContent_1.default,
+    modalHeader: modalHeader_1.default,
+    nutritionalInfo: nutritionalInfo_1.default,
+    option: option_1.default,
+    orderCard: orderCard_1.default,
+    pointsReward: pointsReward_1.default,
+    pointsRewards: pointsRewards_1.default,
+    promoCode: promoCode_1.default,
+    quantity: quantity_1.default,
+    reward: reward_1.default,
+    rewards: rewards_1.default,
+    signIn: signIn_1.default,
+    signInButton: signInButton_1.default,
+    signInCheckout: signInCheckout_1.default,
+    signInOptions: signInOptions_1.default,
+    signInPhone: signInPhone_1.default,
+    signInQr: signInQr_1.default,
+    successMessage: successMessage_1.default,
+    tag: tag_1.default,
+    textarea: textarea_1.default,
+    upsellItem: upsellItem_1.default,
+    upsells: upsells_1.default
+};
+exports.default = config;

package/dist/cjs/config/ingredients.d.ts

@@ -0,0 +1,3 @@
+import { ScreenConfig } from '@open-tender/ui';
+declare const ingredients: ScreenConfig;
+export default ingredients;

package/dist/cjs/config/ingredients.js

@@ -0,0 +1,30 @@
+"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 ingredients = {
+    ingredients: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch'
+        }
+    },
+    ingredients__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            backgroundColor: utils_1.theme.colors.background.secondary,
+            borderRadius: utils_1.theme.spacing.borderRadius.medium,
+            padding: utils_1.theme.spacing.padding.medium
+        }
+    },
+    ingredients__text: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: utils_1.theme.fontSizes.large })
+    }
+};
+exports.default = ingredients;

package/dist/cjs/config/input.d.ts

@@ -0,0 +1,3 @@
+import { ScreenConfig } from '@open-tender/ui';
+declare const input: ScreenConfig;
+export default input;

package/dist/cjs/config/input.js

@@ -0,0 +1,13 @@
+"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 input = {
+    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 })
+    }
+};
+exports.default = input;

package/dist/cjs/config/item.d.ts

@@ -0,0 +1,3 @@
+import { ScreenConfig } from '@open-tender/ui';
+declare const item: ScreenConfig;
+export default item;

package/dist/cjs/config/item.js

@@ -0,0 +1,387 @@
+"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 item = {
+    item: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            backgroundColor: utils_1.theme.colors.background.tertiary,
+            flexGrow: 1,
+            overflow: 'hidden',
+            padding: 30
+        }
+    },
+    item__container: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            backgroundColor: utils_1.theme.colors.background.primary,
+            borderRadius: utils_1.theme.spacing.borderRadius.medium,
+            flexGrow: 1,
+            overflow: 'hidden'
+        }
+    },
+    item__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 0,
+            flexShrink: 0
+        }
+    },
+    item__image: {
+        classes: '',
+        props: {},
+        style: {
+            aspectRatio: 1.6,
+            backgroundPosition: 'center',
+            backgroundSize: 'cover'
+        }
+    },
+    item__info: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 0,
+            flexShrink: 0,
+            padding: utils_1.theme.spacing.padding.medium
+        }
+    },
+    item__customizeHeader: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 0,
+            flexShrink: 0,
+            // paddingBottom: theme.spacing.padding.medium,
+            paddingTop: utils_1.theme.spacing.padding.medium
+        }
+    },
+    item__customizeTitle: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            paddingLeft: utils_1.theme.spacing.padding.medium,
+            paddingRight: utils_1.theme.spacing.padding.medium
+        }
+    },
+    item__selected: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            borderStyle: 'solid',
+            borderBottomColor: utils_1.theme.colors.border.primary,
+            borderBottomWidth: 1,
+            borderLeftWidth: 0,
+            borderRightWidth: 0,
+            borderTopWidth: 0
+        }
+    },
+    item__selectedHeader: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            minHeight: 40,
+            paddingLeft: utils_1.theme.spacing.padding.medium,
+            paddingRight: utils_1.theme.spacing.padding.medium,
+            marginTop: utils_1.theme.spacing.padding.medium,
+            marginBottom: -10
+        }
+    },
+    item__selectedTitle: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.medium })
+    },
+    item__selectedOptions: {
+        classes: 'hide-scrollbar',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexDirection: 'row',
+            paddingBottom: utils_1.theme.spacing.padding.medium,
+            paddingLeft: 10,
+            paddingRight: 10,
+            paddingTop: utils_1.theme.spacing.padding.medium,
+            overflow: 'scroll'
+        }
+    },
+    item__selectedOption: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: '23%',
+            flexShrink: 0
+        }
+    },
+    item__selectedPlaceholder: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            height: 260,
+            padding: utils_1.theme.spacing.padding.small
+        }
+    },
+    item__selectedPlaceholderContainer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            backgroundColor: utils_1.theme.colors.card.primary,
+            borderRadius: utils_1.theme.spacing.borderRadius.small,
+            boxShadow: utils_1.theme.colors.boxShadow.primary,
+            flexGrow: 1,
+            justifyContent: 'center',
+            padding: utils_1.theme.spacing.padding.small,
+            textAlign: 'center'
+        }
+    },
+    item__selectedPlaceholderTitle: {
+        classes: '',
+        props: {
+            text: 'Nothing selected'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.small })
+    },
+    item__title: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            justifyContent: 'space-between'
+        }
+    },
+    item__name: {
+        classes: '',
+        props: {
+            as: 'h2'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.xxlarge })
+    },
+    item__priceCals: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: 15
+        }
+    },
+    item__price: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { flexGrow: 0, flexShrink: 0, fontSize: 28, lineHeight: 1 })
+    },
+    item__calories: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { flexGrow: 0, flexShrink: 0, fontSize: 28, lineHeight: 1 })
+    },
+    item__description: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: 20, lineHeight: 1.3, maxWidth: 640, marginTop: utils_1.theme.spacing.padding.medium })
+    },
+    item__extras: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            flexWrap: 'wrap',
+            gap: 10,
+            justifyContent: 'space-between',
+            marginTop: utils_1.theme.spacing.padding.medium
+        }
+    },
+    item__tagsAllergens: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: 10
+        }
+    },
+    item__tags: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: 10
+        }
+    },
+    item__allergens: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: 10
+        }
+    },
+    item__links: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: 15
+        }
+    },
+    item__toggles: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            padding: utils_1.theme.spacing.padding.medium,
+            paddingBottom: 0,
+            gap: 50
+        }
+    },
+    item__toggle: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            borderStyle: 'solid',
+            borderBottomWidth: 1,
+            borderBottomColor: utils_1.theme.colors.border.primary,
+            borderLeftWidth: 0,
+            borderRightWidth: 0,
+            borderTopWidth: 1,
+            borderTopColor: utils_1.theme.colors.border.primary,
+            flexDirection: 'row',
+            flexGrow: 1,
+            flexBasis: 1,
+            justifyContent: 'space-between',
+            paddingBottom: 12,
+            paddingTop: 12
+        }
+    },
+    item__toggleLabel: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.large })
+    },
+    item__quantity: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row'
+        }
+    },
+    item__decrease: {
+        classes: 'buttonPrimary',
+        props: { text: 'Decrease Quantity' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { height: 44, lineHeight: 0, padding: 0, width: 44 })
+    },
+    item__increase: {
+        classes: 'buttonPrimary',
+        props: { text: 'Increase Quantity' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { height: 44, lineHeight: 0, padding: 0, width: 44 })
+    },
+    item__countContainer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            justifyContent: 'center',
+            minWidth: 52,
+            paddingLeft: 4,
+            paddingRight: 4
+        }
+    },
+    item__count: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.large })
+    },
+    item__content: {
+        classes: 'hide-scrollbar',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            flexShrink: 1,
+            overflow: 'scroll'
+        }
+    },
+    item__groups: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch'
+        }
+    },
+    item__groupsOption: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: '25%',
+            flexShrink: 0
+        }
+    },
+    item__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 0,
+            flexShrink: 0,
+            padding: utils_1.theme.spacing.padding.medium
+        }
+    },
+    item__footerContainer: {
+        classes: '',
+        props: {},
+        style: {
+            flexDirection: 'row',
+            gap: utils_1.theme.spacing.padding.medium,
+            justifyContent: 'space-between'
+        }
+    },
+    item__add: {
+        classes: 'buttonPrimary',
+        props: { text: 'Add To Order' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { flexBasis: 1, flexGrow: 1, borderRadius: 64, fontSize: utils_1.theme.fontSizes.xlarge, paddingBottom: 20, paddingLeft: 48, paddingRight: 48, paddingTop: 20 })
+    },
+    item__addDisabled: {
+        classes: 'buttonPrimary',
+        props: { text: 'Add To Order' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { flexBasis: 1, flexGrow: 1, borderRadius: 64, fontSize: utils_1.theme.fontSizes.xlarge, opacity: 0.5, paddingBottom: 20, paddingLeft: 48, paddingRight: 48, paddingTop: 20 })
+    },
+    item__customize: {
+        classes: 'buttonPrimary',
+        props: { text: 'Customize' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonSecondary), { flexBasis: 1, flexGrow: 1, borderRadius: 64, fontSize: utils_1.theme.fontSizes.xlarge, paddingBottom: 20, paddingLeft: 48, paddingRight: 48, paddingTop: 20 })
+    },
+    item__customizeRequired: {
+        classes: 'buttonPrimary',
+        props: { text: 'Customize' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonDelete), { borderColor: utils_1.theme.colors.error.primary, flexBasis: 1, flexGrow: 1, borderRadius: 64, fontSize: utils_1.theme.fontSizes.xlarge, paddingBottom: 20, paddingLeft: 48, paddingRight: 48, paddingTop: 20 })
+    }
+};
+exports.default = item;

package/dist/cjs/config/itemGroup.d.ts

@@ -0,0 +1,3 @@
+import { ScreenConfig } from '@open-tender/ui';
+declare const itemGroup: ScreenConfig;
+export default itemGroup;

package/dist/cjs/config/itemGroup.js

@@ -0,0 +1,71 @@
+"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 itemGroup = {
+    itemGroup: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            paddingBottom: utils_1.theme.spacing.padding.medium,
+            paddingTop: utils_1.theme.spacing.padding.medium
+        }
+    },
+    itemGroup__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            padding: utils_1.theme.spacing.padding.medium
+        }
+    },
+    itemGroup__nameCount: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: 20
+        }
+    },
+    itemGroup__name: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.large })
+    },
+    itemGroup__count: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.large })
+    },
+    itemGroup__countRequired: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.large, color: utils_1.theme.colors.error.primary })
+    },
+    itemGroup__description: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: utils_1.theme.fontSizes.xsmall, marginTop: 5, maxWidth: 640 })
+    },
+    itemGroup__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: 'auto',
+            flexDirection: 'row',
+            flexGrow: 1,
+            flexShrink: 1,
+            flexWrap: 'wrap',
+            justifyContent: 'flex-start',
+            paddingLeft: utils_1.theme.spacing.padding.small,
+            paddingRight: utils_1.theme.spacing.padding.small
+        }
+    }
+};
+exports.default = itemGroup;

package/dist/cjs/config/itemGroups.d.ts

@@ -0,0 +1,3 @@
+import { ScreenConfig } from '@open-tender/ui';
+declare const itemGroups: ScreenConfig;
+export default itemGroups;

package/dist/cjs/config/itemGroups.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var itemGroups = {
+    itemGroups: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch'
+        }
+    },
+    itemGroups__option: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: '25%',
+            flexShrink: 0
+        }
+    }
+};
+exports.default = itemGroups;

package/dist/cjs/config/itemOption.d.ts

@@ -0,0 +1,3 @@
+import { ScreenConfig } from '@open-tender/ui';
+declare const itemOption: ScreenConfig;
+export default itemOption;