@open-tender/store 0.1.10 → 0.1.281

package/dist/cjs/components/index.js

@@ -0,0 +1,161 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OrderDetailsItem = exports.OrderDetails = exports.OrderCard = exports.Option = exports.NutritionalInfo = exports.ModalHeader = exports.ModalContent = exports.MenuOther = exports.MenuCategory = exports.MadeForNotes = exports.MadeForName = exports.Loader = exports.Keypad = exports.ItemSelections = exports.ItemSize = exports.ItemOptionSelected = exports.ItemOption = exports.ItemGroups = exports.ItemGroup = exports.InputButton = exports.Input = exports.Ingredients = exports.Header = exports.FavsButton = exports.ErrorMessage = exports.Discount = exports.CheckTotals = exports.CheckoutTotals = exports.CheckoutPromoCode = exports.CheckoutHeader = exports.CheckoutFooter = exports.CheckoutContent = exports.CheckoutCart = exports.Checkout = exports.CategoryNavOther = exports.CategoryNavItem = exports.CategoryNav = exports.CategoryItem = exports.CartUpsells = exports.CartUpsellItem = exports.CartItem = exports.CartButton = exports.Cart = exports.Card = exports.CancelButton = exports.ButtonLink = exports.Applied = exports.Allergen = exports.AccountSection = exports.AccountLoyalty = void 0;
+exports.AccessibilityButton = exports.LoyaltyDiscounts = exports.LoyaltyDiscount = exports.Notifications = exports.DisabledModal = exports.CheckoutTable = exports.TagsButton = exports.Switch = exports.TagsFilter = exports.IdleModal = exports.Upsells = exports.UpsellItem = exports.TextArea = exports.Tag = exports.SuccessMessage = exports.SignUp = exports.SignInQr = exports.SignInPhone = exports.SignInOptionsModal = exports.SignInCheckout = exports.SignInButton = exports.SignIn = exports.Rewards = exports.Reward = exports.Quantity = exports.PromoCode = exports.PointsRewards = exports.PointsReward = void 0;
+var tslib_1 = require("tslib");
+var AccessibilityButton_1 = tslib_1.__importDefault(require("./AccessibilityButton"));
+exports.AccessibilityButton = AccessibilityButton_1.default;
+var AccountLoyalty_1 = tslib_1.__importDefault(require("./AccountLoyalty"));
+exports.AccountLoyalty = AccountLoyalty_1.default;
+var AccountSection_1 = tslib_1.__importDefault(require("./AccountSection"));
+exports.AccountSection = AccountSection_1.default;
+var Allergen_1 = tslib_1.__importDefault(require("./Allergen"));
+exports.Allergen = Allergen_1.default;
+var Applied_1 = tslib_1.__importDefault(require("./Applied"));
+exports.Applied = Applied_1.default;
+var ButtonLink_1 = tslib_1.__importDefault(require("./ButtonLink"));
+exports.ButtonLink = ButtonLink_1.default;
+var CancelButton_1 = tslib_1.__importDefault(require("./CancelButton"));
+exports.CancelButton = CancelButton_1.default;
+var Card_1 = tslib_1.__importDefault(require("./Card"));
+exports.Card = Card_1.default;
+var Cart_1 = tslib_1.__importDefault(require("./Cart"));
+exports.Cart = Cart_1.default;
+var CartButton_1 = tslib_1.__importDefault(require("./CartButton"));
+exports.CartButton = CartButton_1.default;
+var CartItem_1 = tslib_1.__importDefault(require("./CartItem"));
+exports.CartItem = CartItem_1.default;
+var CartUpsellItem_1 = tslib_1.__importDefault(require("./CartUpsellItem"));
+exports.CartUpsellItem = CartUpsellItem_1.default;
+var CartUpsells_1 = tslib_1.__importDefault(require("./CartUpsells"));
+exports.CartUpsells = CartUpsells_1.default;
+var CategoryItem_1 = tslib_1.__importDefault(require("./CategoryItem"));
+exports.CategoryItem = CategoryItem_1.default;
+var CategoryNav_1 = tslib_1.__importDefault(require("./CategoryNav"));
+exports.CategoryNav = CategoryNav_1.default;
+var CategoryNavItem_1 = tslib_1.__importDefault(require("./CategoryNavItem"));
+exports.CategoryNavItem = CategoryNavItem_1.default;
+var CategoryNavOther_1 = tslib_1.__importDefault(require("./CategoryNavOther"));
+exports.CategoryNavOther = CategoryNavOther_1.default;
+var Checkout_1 = tslib_1.__importDefault(require("./Checkout"));
+exports.Checkout = Checkout_1.default;
+var CheckoutCart_1 = tslib_1.__importDefault(require("./CheckoutCart"));
+exports.CheckoutCart = CheckoutCart_1.default;
+var CheckoutContent_1 = tslib_1.__importDefault(require("./CheckoutContent"));
+exports.CheckoutContent = CheckoutContent_1.default;
+var CheckoutFooter_1 = tslib_1.__importDefault(require("./CheckoutFooter"));
+exports.CheckoutFooter = CheckoutFooter_1.default;
+var CheckoutHeader_1 = tslib_1.__importDefault(require("./CheckoutHeader"));
+exports.CheckoutHeader = CheckoutHeader_1.default;
+var CheckoutPromoCode_1 = tslib_1.__importDefault(require("./CheckoutPromoCode"));
+exports.CheckoutPromoCode = CheckoutPromoCode_1.default;
+var CheckoutTable_1 = tslib_1.__importDefault(require("./CheckoutTable"));
+exports.CheckoutTable = CheckoutTable_1.default;
+var CheckoutTotals_1 = tslib_1.__importDefault(require("./CheckoutTotals"));
+exports.CheckoutTotals = CheckoutTotals_1.default;
+var CheckTotals_1 = tslib_1.__importDefault(require("./CheckTotals"));
+exports.CheckTotals = CheckTotals_1.default;
+var DisabledModal_1 = tslib_1.__importDefault(require("./DisabledModal"));
+exports.DisabledModal = DisabledModal_1.default;
+var Discount_1 = tslib_1.__importDefault(require("./Discount"));
+exports.Discount = Discount_1.default;
+var ErrorMessage_1 = tslib_1.__importDefault(require("./ErrorMessage"));
+exports.ErrorMessage = ErrorMessage_1.default;
+var FavsButton_1 = tslib_1.__importDefault(require("./FavsButton"));
+exports.FavsButton = FavsButton_1.default;
+var Header_1 = tslib_1.__importDefault(require("./Header"));
+exports.Header = Header_1.default;
+var IdleModal_1 = tslib_1.__importDefault(require("./IdleModal"));
+exports.IdleModal = IdleModal_1.default;
+var Ingredients_1 = tslib_1.__importDefault(require("./Ingredients"));
+exports.Ingredients = Ingredients_1.default;
+var Input_1 = tslib_1.__importDefault(require("./Input"));
+exports.Input = Input_1.default;
+var InputButton_1 = tslib_1.__importDefault(require("./InputButton"));
+exports.InputButton = InputButton_1.default;
+var ItemGroup_1 = tslib_1.__importDefault(require("./ItemGroup"));
+exports.ItemGroup = ItemGroup_1.default;
+var ItemGroups_1 = tslib_1.__importDefault(require("./ItemGroups"));
+exports.ItemGroups = ItemGroups_1.default;
+var ItemOption_1 = tslib_1.__importDefault(require("./ItemOption"));
+exports.ItemOption = ItemOption_1.default;
+var ItemOptionSelected_1 = tslib_1.__importDefault(require("./ItemOptionSelected"));
+exports.ItemOptionSelected = ItemOptionSelected_1.default;
+var ItemSelections_1 = tslib_1.__importDefault(require("./ItemSelections"));
+exports.ItemSelections = ItemSelections_1.default;
+var ItemSize_1 = tslib_1.__importDefault(require("./ItemSize"));
+exports.ItemSize = ItemSize_1.default;
+var Keypad_1 = tslib_1.__importDefault(require("./Keypad"));
+exports.Keypad = Keypad_1.default;
+var Loader_1 = tslib_1.__importDefault(require("./Loader"));
+exports.Loader = Loader_1.default;
+var LoyaltyDiscount_1 = tslib_1.__importDefault(require("./LoyaltyDiscount"));
+exports.LoyaltyDiscount = LoyaltyDiscount_1.default;
+var LoyaltyDiscounts_1 = tslib_1.__importDefault(require("./LoyaltyDiscounts"));
+exports.LoyaltyDiscounts = LoyaltyDiscounts_1.default;
+var MadeForName_1 = tslib_1.__importDefault(require("./MadeForName"));
+exports.MadeForName = MadeForName_1.default;
+var MadeForNotes_1 = tslib_1.__importDefault(require("./MadeForNotes"));
+exports.MadeForNotes = MadeForNotes_1.default;
+var MenuCategory_1 = tslib_1.__importDefault(require("./MenuCategory"));
+exports.MenuCategory = MenuCategory_1.default;
+var MenuOther_1 = tslib_1.__importDefault(require("./MenuOther"));
+exports.MenuOther = MenuOther_1.default;
+var ModalContent_1 = tslib_1.__importDefault(require("./ModalContent"));
+exports.ModalContent = ModalContent_1.default;
+var ModalHeader_1 = tslib_1.__importDefault(require("./ModalHeader"));
+exports.ModalHeader = ModalHeader_1.default;
+var Notifications_1 = tslib_1.__importDefault(require("./Notifications"));
+exports.Notifications = Notifications_1.default;
+var NutritionalInfo_1 = tslib_1.__importDefault(require("./NutritionalInfo"));
+exports.NutritionalInfo = NutritionalInfo_1.default;
+var Option_1 = tslib_1.__importDefault(require("./Option"));
+exports.Option = Option_1.default;
+var OrderCard_1 = tslib_1.__importDefault(require("./OrderCard"));
+exports.OrderCard = OrderCard_1.default;
+var OrderDetails_1 = tslib_1.__importDefault(require("./OrderDetails"));
+exports.OrderDetails = OrderDetails_1.default;
+var OrderDetailsItem_1 = tslib_1.__importDefault(require("./OrderDetailsItem"));
+exports.OrderDetailsItem = OrderDetailsItem_1.default;
+var PointsReward_1 = tslib_1.__importDefault(require("./PointsReward"));
+exports.PointsReward = PointsReward_1.default;
+var PointsRewards_1 = tslib_1.__importDefault(require("./PointsRewards"));
+exports.PointsRewards = PointsRewards_1.default;
+var PromoCode_1 = tslib_1.__importDefault(require("./PromoCode"));
+exports.PromoCode = PromoCode_1.default;
+var Quantity_1 = tslib_1.__importDefault(require("./Quantity"));
+exports.Quantity = Quantity_1.default;
+var Reward_1 = tslib_1.__importDefault(require("./Reward"));
+exports.Reward = Reward_1.default;
+var Rewards_1 = tslib_1.__importDefault(require("./Rewards"));
+exports.Rewards = Rewards_1.default;
+var SignIn_1 = tslib_1.__importDefault(require("./SignIn"));
+exports.SignIn = SignIn_1.default;
+var SignInButton_1 = tslib_1.__importDefault(require("./SignInButton"));
+exports.SignInButton = SignInButton_1.default;
+var SignInCheckout_1 = tslib_1.__importDefault(require("./SignInCheckout"));
+exports.SignInCheckout = SignInCheckout_1.default;
+var SignInOptionsModal_1 = tslib_1.__importDefault(require("./SignInOptionsModal"));
+exports.SignInOptionsModal = SignInOptionsModal_1.default;
+var SignInPhone_1 = tslib_1.__importDefault(require("./SignInPhone"));
+exports.SignInPhone = SignInPhone_1.default;
+var SignInQr_1 = tslib_1.__importDefault(require("./SignInQr"));
+exports.SignInQr = SignInQr_1.default;
+var SignUp_1 = tslib_1.__importDefault(require("./SignUp"));
+exports.SignUp = SignUp_1.default;
+var SuccessMessage_1 = tslib_1.__importDefault(require("./SuccessMessage"));
+exports.SuccessMessage = SuccessMessage_1.default;
+var Switch_1 = tslib_1.__importDefault(require("./Switch"));
+exports.Switch = Switch_1.default;
+var Tag_1 = tslib_1.__importDefault(require("./Tag"));
+exports.Tag = Tag_1.default;
+var TagsButton_1 = tslib_1.__importDefault(require("./TagsButton"));
+exports.TagsButton = TagsButton_1.default;
+var TagsFilter_1 = tslib_1.__importDefault(require("./TagsFilter"));
+exports.TagsFilter = TagsFilter_1.default;
+var TextArea_1 = tslib_1.__importDefault(require("./TextArea"));
+exports.TextArea = TextArea_1.default;
+var UpsellItem_1 = tslib_1.__importDefault(require("./UpsellItem"));
+exports.UpsellItem = UpsellItem_1.default;
+var Upsells_1 = tslib_1.__importDefault(require("./Upsells"));
+exports.Upsells = Upsells_1.default;

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

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

package/dist/cjs/config/account.js

@@ -0,0 +1,101 @@
+"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 account = {
+    account: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: 'auto',
+            flexGrow: 1,
+            flexShrink: 1,
+            justifyContent: 'center',
+            overflow: 'hidden'
+            // paddingLeft: theme.spacing.padding.large,
+            // paddingRight: theme.spacing.padding.large
+        }
+    },
+    account__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            gap: utils_1.theme.spacing.padding.large,
+            justifyContent: 'center',
+            paddingTop: 100,
+            paddingBottom: 100,
+            textAlign: 'center'
+        }
+    },
+    account__title: {
+        classes: '',
+        props: {
+            as: 'h1',
+            text: 'Welcome back!'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeadline), { fontSize: utils_1.theme.fontSizes.xxxlarge })
+    },
+    account__buttons: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: utils_1.theme.spacing.padding.large,
+            justifyContent: 'center'
+        }
+    },
+    account__orderNow: {
+        classes: '',
+        props: { text: 'Order Now' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { 
+            // flexBasis: '400px',
+            flexGrow: 0, flexShrink: 0, borderRadius: 64, fontSize: utils_1.theme.fontSizes.large, paddingBottom: 15, paddingLeft: 30, paddingRight: 30, paddingTop: 15 })
+    },
+    account__signOut: {
+        classes: '',
+        props: { text: 'Sign Out' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonSecondary), { 
+            // flexBasis: '400px',
+            flexGrow: 0, flexShrink: 0, borderRadius: 64, fontSize: utils_1.theme.fontSizes.large, paddingBottom: 15, paddingLeft: 30, paddingRight: 30, paddingTop: 15 })
+    },
+    account__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            flexShrink: 1,
+            gap: utils_1.theme.spacing.margin.large,
+            justifyContent: 'flex-start',
+            overflow: 'scroll'
+        }
+    },
+    // account__form: {
+    //   classes: '',
+    //   props: {},
+    //   style: {
+    //     alignItems: 'stretch',
+    //     gap: theme.spacing.padding.large,
+    //     overflow: 'hidden',
+    //     width: 800
+    //   }
+    // },
+    account__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 200,
+            flexGrow: 0,
+            flexShrink: 1,
+            flexDirection: 'row',
+            gap: 100,
+            justifyContent: 'center'
+        }
+    }
+};
+exports.default = account;

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

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

package/dist/cjs/config/accountSection.js

@@ -0,0 +1,76 @@
+"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 accountSection = {
+    accountSection: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            gap: utils_1.theme.spacing.padding.large
+        }
+    },
+    accountSection__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            gap: 5,
+            paddingLeft: utils_1.theme.spacing.padding.large,
+            paddingRight: utils_1.theme.spacing.padding.large
+        }
+    },
+    accountSection__title: {
+        classes: '',
+        props: {
+            as: 'h2'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.xlarge, textAlign: 'center' })
+    },
+    accountSection__subtitle: {
+        classes: '',
+        props: {
+            as: 'p'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: utils_1.theme.fontSizes.medium, textAlign: 'center' })
+    },
+    accountSection__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexDirection: 'row',
+            justifyContent: 'center',
+            paddingLeft: utils_1.theme.spacing.padding.medium,
+            paddingRight: utils_1.theme.spacing.padding.medium
+        }
+    },
+    accountSection__item: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: '33.33333%',
+            flexGrow: 0,
+            flexShrink: 0,
+            padding: utils_1.theme.spacing.padding.small
+        }
+    },
+    accountSection__button: {
+        classes: '',
+        props: { text: 'See All' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonSecondary), { fontSize: utils_1.theme.fontSizes.small })
+    },
+    accountSection__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            justifyContent: 'center'
+        }
+    }
+};
+exports.default = accountSection;

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

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

package/dist/cjs/config/allergen.js

@@ -0,0 +1,35 @@
+"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 allergen = {
+    allergen: {
+        classes: '',
+        props: {},
+        style: {
+            backgroundColor: utils_1.theme.colors.error.secondary,
+            borderRadius: 5,
+            flexDirection: 'row',
+            justifyContent: 'center',
+            paddingBottom: 5,
+            paddingLeft: 10,
+            paddingRight: 10,
+            paddingTop: 5
+        }
+    },
+    allergen__image: {
+        classes: '',
+        props: {},
+        style: {
+            width: 30,
+            height: 30
+        }
+    },
+    allergen__name: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: 18, color: utils_1.theme.colors.error.primary })
+    }
+};
+exports.default = allergen;

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

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

package/dist/cjs/config/applied.js

@@ -0,0 +1,36 @@
+"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 applied = {
+    applied: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            backgroundColor: utils_1.theme.colors.success.secondary,
+            borderRadius: 20,
+            flexDirection: 'row',
+            gap: 5,
+            justifyContent: 'center',
+            paddingBottom: 7,
+            paddingLeft: 15,
+            paddingRight: 20,
+            paddingTop: 7
+        }
+    },
+    applied__icon: {
+        classes: '',
+        props: {},
+        style: {
+            color: utils_1.theme.colors.success.primary
+        }
+    },
+    applied__title: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: 18, color: utils_1.theme.colors.success.primary })
+    }
+};
+exports.default = applied;

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

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

package/dist/cjs/config/buttonLink.js

@@ -0,0 +1,18 @@
+"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 buttonLink = {
+    buttonLink: {
+        classes: '',
+        props: {},
+        style: {}
+    },
+    buttonLink__text: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: utils_1.theme.fontSizes.xxsmall, textDecoration: 'underline' })
+    }
+};
+exports.default = buttonLink;

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

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

package/dist/cjs/config/card.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var utils_1 = require("../utils");
+var card = {
+    card: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            backgroundColor: utils_1.theme.colors.card.primary,
+            borderRadius: utils_1.theme.spacing.borderRadius.medium,
+            flexGrow: 1,
+            overflow: 'hidden',
+            boxShadow: utils_1.theme.colors.boxShadow.primary
+        }
+    },
+    cardSmall: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            backgroundColor: utils_1.theme.colors.card.primary,
+            borderRadius: utils_1.theme.spacing.borderRadius.small,
+            overflow: 'hidden',
+            boxShadow: utils_1.theme.colors.boxShadow.primary
+        }
+    },
+    cardLarge: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            backgroundColor: utils_1.theme.colors.card.primary,
+            borderRadius: utils_1.theme.spacing.borderRadius.large,
+            overflow: 'hidden',
+            boxShadow: utils_1.theme.colors.boxShadow.primary
+        }
+    }
+};
+exports.default = card;

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

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

package/dist/cjs/config/cart.js

@@ -0,0 +1,132 @@
+"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 cart = {
+    cart: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            overflow: 'hidden'
+        }
+    },
+    cart__container: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            overflow: 'hidden',
+            position: 'relative',
+            flexGrow: 1,
+            paddingTop: utils_1.theme.spacing.padding.medium,
+            paddingLeft: utils_1.theme.spacing.padding.medium,
+            paddingRight: utils_1.theme.spacing.padding.medium
+        }
+    },
+    cart__overlay: {
+        classes: '',
+        props: {},
+        style: {
+            backgroundColor: utils_1.theme.colors.text.primary
+        }
+    },
+    cart__ticket: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            backgroundColor: utils_1.theme.colors.background.primary,
+            borderTopLeftRadius: utils_1.theme.spacing.borderRadius.large,
+            borderTopRightRadius: utils_1.theme.spacing.borderRadius.large,
+            boxShadow: utils_1.theme.colors.boxShadow.primary,
+            flexGrow: 1,
+            overflow: 'hidden',
+            position: 'relative',
+            zIndex: 2
+        }
+    },
+    cart__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            backgroundColor: utils_1.theme.colors.accent.primary,
+            display: 'flex',
+            flexBasis: 80,
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            justifyContent: 'space-between',
+            paddingLeft: utils_1.theme.spacing.padding.medium,
+            paddingRight: utils_1.theme.spacing.padding.medium
+        }
+    },
+    cart__title: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.xlarge })
+    },
+    cart__total: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.xlarge })
+    },
+    cart__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            flexShrink: 1,
+            overflow: 'hidden'
+        }
+    },
+    cart__contentContainer: {
+        classes: 'hide-scrollbar',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            flexShrink: 1,
+            overflow: 'scroll',
+            padding: utils_1.theme.spacing.padding.medium
+        }
+    },
+    cart__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 0,
+            flexShrink: 0,
+            padding: utils_1.theme.spacing.padding.medium
+        }
+    },
+    cart__footerContainer: {
+        classes: '',
+        props: {},
+        style: {
+            flexDirection: 'row',
+            gap: utils_1.theme.spacing.padding.medium,
+            justifyContent: 'space-between'
+        }
+    },
+    cart__checkout: {
+        classes: '',
+        props: { text: 'Finish & Pay' },
+        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 })
+    },
+    cart__checkoutDisabled: {
+        classes: '',
+        props: { text: 'Finish & Pay' },
+        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 })
+    },
+    cart__back: {
+        classes: 'buttonPrimary',
+        props: { text: 'Back To Menu' },
+        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 })
+    }
+};
+exports.default = cart;

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

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