@open-tender/store 1.1.1 → 1.1.3

package/dist/cjs/config/itemOption.js

@@ -0,0 +1,227 @@
+"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 itemOption = {
+    itemOption: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            padding: utils_1.theme.spacing.padding.small
+        }
+    },
+    itemOption__container: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            padding: utils_1.theme.spacing.padding.small,
+            position: 'relative'
+        }
+    },
+    itemOption__containerRequired: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            backgroundColor: utils_1.theme.colors.error.secondary,
+            borderColor: utils_1.theme.colors.error.primary,
+            borderRadius: utils_1.theme.spacing.borderRadius.medium,
+            borderStyle: 'solid',
+            borderWidth: utils_1.theme.spacing.borderWidth.medium,
+            flexGrow: 1,
+            padding: utils_1.theme.spacing.padding.small,
+            position: 'relative'
+        }
+    },
+    itemOption__decrease: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            display: 'flex',
+            height: 48,
+            justifyContent: 'center',
+            position: 'absolute',
+            left: utils_1.theme.spacing.padding.small,
+            marginLeft: 2,
+            top: utils_1.theme.spacing.padding.small,
+            width: 48,
+            zIndex: 1
+        }
+    },
+    itemOption__decreaseIcon: {
+        classes: 'buttonPrimary',
+        props: { text: 'Decrease Quantity' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { height: 30, lineHeight: 0, padding: 0, width: 30 })
+    },
+    itemOption__increase: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            display: 'flex',
+            height: 48,
+            justifyContent: 'center',
+            position: 'absolute',
+            right: utils_1.theme.spacing.padding.small,
+            marginRight: 2,
+            top: utils_1.theme.spacing.padding.small,
+            width: 48,
+            zIndex: 1
+        }
+    },
+    itemOption__increaseIcon: {
+        classes: 'buttonPrimary',
+        props: { text: 'Decrease Quantity' },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { height: 30, lineHeight: 0, padding: 0, width: 30 })
+    },
+    itemOption__button: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            // backgroundColor: theme.colors.card.primary,
+            // borderRadius: theme.spacing.borderRadius.small,
+            // boxShadow: theme.colors.boxShadow.primary,
+            display: 'flex',
+            flexDirection: 'column',
+            flexGrow: 1,
+            height: 260,
+            overflow: 'hidden'
+            // padding: theme.spacing.padding.small,
+        }
+    },
+    itemOption__quantityContainer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            height: 48,
+            justifyContent: 'center'
+        }
+    },
+    itemOption__quantity: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.medium, lineHeight: 1 })
+    },
+    itemOption__imageContainer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexGrow: 1,
+            flexShrink: 1,
+            justifyContent: 'center'
+        }
+    },
+    itemOption__imageWrapper: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            borderRadius: 60,
+            height: 120,
+            justifyContent: 'center',
+            overflow: 'hidden',
+            width: 120
+        }
+    },
+    itemOption__image: {
+        classes: '',
+        props: {},
+        style: {
+            backgroundColor: utils_1.theme.colors.background.tertiary,
+            backgroundPosition: 'center',
+            backgroundSize: 'cover',
+            flexGrow: 1
+        }
+    },
+    itemOption__priceContainer: {
+        classes: '',
+        props: {},
+        style: {
+            // backgroundColor: 'palegreen',
+            alignItems: 'flex-end',
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            gap: 15,
+            justifyContent: 'center',
+            paddingBottom: 3
+        }
+    },
+    itemOption__price: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.xxsmall, lineHeight: 1 })
+    },
+    itemOption__cals: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: utils_1.theme.fontSizes.xxsmall, lineHeight: 1 })
+    },
+    itemOption__nameContainer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexGrow: 0,
+            flexShrink: 0,
+            // height: 48,
+            justifyContent: 'flex-end',
+            paddingBottom: 10,
+            paddingLeft: 5,
+            paddingRight: 5
+        }
+    },
+    itemOption__name: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.medium, height: utils_1.theme.fontSizes.medium, lineHeight: 1, overflow: 'hidden' })
+    },
+    itemOption__groups: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch'
+            // backgroundColor: theme.colors.background.tertiary,
+            // borderRadius: theme.spacing.borderRadius.xsmall,
+            // padding: theme.spacing.padding.small
+        }
+    },
+    itemOption__groupsOptions: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            justifyContent: 'center',
+            marginBottom: utils_1.theme.spacing.padding.small,
+            textAlign: 'center'
+        }
+    },
+    itemOption__groupsOptionNames: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: utils_1.theme.fontSizes.small })
+    },
+    itemOption__groupsButton: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonPrimary), { borderRadius: utils_1.theme.spacing.borderRadius.xsmall, paddingBottom: 10, paddingLeft: 5, paddingRight: 5, paddingTop: 10 })
+    },
+    itemOption__groupsButtonRequired: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.buttonDelete), { borderColor: utils_1.theme.colors.error.primary, borderRadius: utils_1.theme.spacing.borderRadius.xsmall, paddingBottom: 10, paddingLeft: 5, paddingRight: 5, paddingTop: 10 })
+    }
+};
+exports.default = itemOption;

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

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

package/dist/cjs/config/itemSelections.js

@@ -0,0 +1,65 @@
+"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 itemSelections = {
+    itemSelections: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexGrow: 1,
+            flexShrink: 1,
+            overflow: 'hidden'
+        }
+    },
+    itemSelections__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 40,
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            justifyContent: 'space-between',
+            paddingLeft: utils_1.theme.spacing.padding.medium,
+            paddingRight: utils_1.theme.spacing.padding.medium,
+            marginTop: utils_1.theme.spacing.padding.medium
+            // marginBottom: -10
+        }
+    },
+    itemSelections__title: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: utils_1.theme.fontSizes.medium })
+    },
+    itemSelections__options: {
+        classes: 'hide-scrollbar',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            alignContent: 'flex-start',
+            flexDirection: 'row',
+            flexGrow: 1,
+            flexShrink: 1,
+            flexWrap: 'wrap',
+            overflow: 'scroll',
+            paddingBottom: utils_1.theme.spacing.padding.medium,
+            paddingLeft: 10,
+            paddingRight: 10,
+            paddingTop: 10
+        }
+    },
+    itemSelections__option: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: '25%',
+            flexShrink: 0
+        }
+    }
+};
+exports.default = itemSelections;

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

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

package/dist/cjs/config/label.js

@@ -0,0 +1,34 @@
+"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 label = {
+    label: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            display: 'flex',
+            flexDirection: 'column',
+            gap: utils_1.theme.spacing.padding.small,
+            overflow: 'hidden'
+        }
+    },
+    label__label: {
+        classes: '',
+        props: {},
+        style: {}
+    },
+    label__text: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { color: utils_1.theme.colors.text.primary, fontSize: utils_1.theme.fontSizes.medium })
+    },
+    label__required: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { color: utils_1.theme.colors.error.primary, fontSize: utils_1.theme.fontSizes.medium })
+    }
+};
+exports.default = label;

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

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

package/dist/cjs/config/loader.js

@@ -0,0 +1,32 @@
+"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 loader = {
+    loader: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            gap: utils_1.theme.spacing.padding.small,
+            justifyContent: 'center',
+            width: '100%'
+        }
+    },
+    loader__loader: {
+        classes: '',
+        props: {},
+        style: {
+            color: utils_1.theme.colors.text.primary,
+            width: 200,
+            height: 4
+        }
+    },
+    loader__text: {
+        classes: '',
+        props: {},
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { color: utils_1.theme.colors.text.primary, fontSize: utils_1.theme.fontSizes.medium })
+    }
+};
+exports.default = loader;

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

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

package/dist/cjs/config/madeForNotes.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var utils_1 = require("../utils");
+var madeForNotes = {
+    madeForNotes: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch'
+        }
+    },
+    madeForNotes__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            gap: utils_1.theme.spacing.padding.large
+        }
+    },
+    madeForNotes__input: {
+        classes: '',
+        props: {},
+        style: {
+            flexGrow: 1,
+            width: 600
+        }
+    },
+    madeForNotes__textarea: {
+        classes: '',
+        props: {},
+        style: {
+            flexGrow: 1,
+            width: 600
+        }
+    },
+    madeForNotes__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch'
+        }
+    }
+};
+exports.default = madeForNotes;

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

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

package/dist/cjs/config/menu.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 theme_1 = require("../utils/theme");
+var menu = {
+    menu: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: 'auto',
+            flexGrow: 1,
+            flexShrink: 1,
+            justifyContent: 'flex-start',
+            overflow: 'hidden'
+        }
+    },
+    menu__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexBasis: 'auto',
+            flexGrow: 0,
+            flexShrink: 0,
+            justifyContent: 'center',
+            marginTop: theme_1.theme.spacing.margin.medium,
+            marginBottom: theme_1.theme.spacing.margin.medium,
+            paddingLeft: theme_1.theme.spacing.padding.medium,
+            paddingRight: theme_1.theme.spacing.padding.medium
+        }
+    },
+    menu__title: {
+        classes: '',
+        props: {
+            as: 'h1',
+            text: 'My oh my...where to begin...'
+        },
+        style: tslib_1.__assign({}, styles_1.default.textHeadline)
+    },
+    menu__subtitle: {
+        classes: '',
+        props: {
+            as: 'p',
+            text: 'Please choose a section to get started.'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: theme_1.theme.fontSizes.medium, marginTop: 15 })
+    },
+    menu__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            overflow: 'scroll',
+            paddingLeft: 10,
+            paddingRight: 10
+        }
+    },
+    menu__categories: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: 'auto',
+            flexDirection: 'row',
+            flexGrow: 1,
+            flexShrink: 1,
+            flexWrap: 'wrap',
+            // gap: 20,
+            justifyContent: 'flex-start',
+            paddingBottom: 20
+        }
+    }
+};
+exports.default = menu;

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

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

package/dist/cjs/config/menuCategory.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var styles_1 = tslib_1.__importDefault(require("../styles"));
+var theme_1 = require("../utils/theme");
+var menuCategory = {
+    menuCategory: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: '33.33333%',
+            padding: theme_1.theme.spacing.padding.small
+        }
+    },
+    menuCategory__button: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            backgroundColor: theme_1.theme.colors.card.primary,
+            borderRadius: theme_1.theme.spacing.borderRadius.small,
+            boxShadow: theme_1.theme.colors.boxShadow.primary,
+            display: 'flex',
+            flexDirection: 'column',
+            flexGrow: 1,
+            overflow: 'hidden'
+        }
+    },
+    menuCategory__image: {
+        classes: '',
+        props: {},
+        style: {
+            aspectRatio: 1.5,
+            backgroundPosition: 'center',
+            backgroundSize: 'cover'
+        }
+    },
+    menuCategory__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: 'auto',
+            flexGrow: 1,
+            flexShrink: 1,
+            padding: 15,
+            textAlign: 'left'
+        }
+    },
+    menuCategory__title: {
+        classes: '',
+        props: {
+            as: 'h2'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textHeading), { fontSize: theme_1.theme.fontSizes.large })
+    },
+    menuCategory__subtitle: {
+        classes: '',
+        props: {
+            as: 'p'
+        },
+        style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: theme_1.theme.fontSizes.xsmall, marginTop: 5 })
+    }
+};
+exports.default = menuCategory;

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

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

package/dist/cjs/config/modal.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var utils_1 = require("../utils");
+var modal = {
+    modal: {
+        classes: '',
+        props: {},
+        style: {
+            position: 'absolute',
+            zIndex: 10,
+            bottom: 0,
+            top: 0,
+            left: 0,
+            right: 0,
+            alignItems: 'stretch',
+            justifyContent: 'center'
+        }
+    },
+    modal__container: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            display: 'flex',
+            flexGrow: 1,
+            justifyContent: 'center',
+            position: 'relative'
+        }
+    },
+    modal__overlay: {
+        classes: '',
+        props: {},
+        style: {
+            position: 'absolute',
+            zIndex: 1,
+            bottom: 0,
+            top: 0,
+            left: 0,
+            right: 0,
+            backgroundColor: utils_1.theme.colors.text.primary,
+            opacity: 0.5
+        }
+    },
+    modal__contentContainer: {
+        classes: '',
+        props: {},
+        style: {
+            position: 'absolute',
+            zIndex: 2,
+            // bottom: 100,
+            // top: 100,
+            // left: 100,
+            // right: 100,
+            bottom: utils_1.theme.spacing.padding.large,
+            top: utils_1.theme.spacing.padding.large,
+            left: utils_1.theme.spacing.padding.large,
+            right: utils_1.theme.spacing.padding.large,
+            alignItems: 'center',
+            justifyContent: 'center'
+        }
+    }
+};
+exports.default = modal;

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

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