@open-tender/store 0.1.9 → 0.1.280

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

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

package/dist/esm/config/itemSelections.js

@@ -0,0 +1,63 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../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: theme.spacing.padding.medium,
+            paddingRight: theme.spacing.padding.medium,
+            marginTop: theme.spacing.padding.medium
+            // marginBottom: -10
+        }
+    },
+    itemSelections__title: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { fontSize: 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: theme.spacing.padding.medium,
+            paddingLeft: 10,
+            paddingRight: 10,
+            paddingTop: 10
+        }
+    },
+    itemSelections__option: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: '25%',
+            flexShrink: 0
+        }
+    }
+};
+export default itemSelections;

package/dist/esm/config/keypad.d.ts

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

package/dist/esm/config/keypad.js

@@ -0,0 +1,53 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var keypad = {
+    keypad__container: {
+        classes: '',
+        props: {},
+        style: {
+            width: '100%'
+        }
+    },
+    keypad__input: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { backgroundColor: 'transparent', borderColor: theme.colors.border.primary, borderRadius: theme.spacing.borderRadius.small, borderStyle: 'solid', borderWidth: theme.spacing.borderWidth.medium, color: theme.colors.text.primary, fontSize: theme.fontSizes.large, paddingBottom: theme.spacing.padding.small, paddingLeft: theme.spacing.padding.medium, paddingRight: theme.spacing.padding.medium, paddingTop: theme.spacing.padding.small, marginBottom: theme.spacing.margin.small, width: '100%' })
+    },
+    keypad__buttonsContainer: {
+        classes: '',
+        props: {},
+        style: {
+            flexDirection: 'column',
+            flexWrap: 'wrap',
+            width: '100%',
+            gap: 5
+        }
+    },
+    keypad__buttonsLine: {
+        classes: '',
+        props: {},
+        style: {
+            flexDirection: 'row',
+            flexWrap: 'nowrap',
+            width: '100%',
+            gap: 5
+        }
+    },
+    keypad__defaultButton: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { flexBasis: '100%', color: theme.colors.text.primary, fontSize: theme.fontSizes.large, height: 80, backgroundColor: theme.colors.background.primary, borderWidth: theme.spacing.borderWidth.medium, borderStyle: 'solid', borderColor: theme.colors.border.primary, alignItems: 'center', justifyContent: 'center' })
+    },
+    keypad__numericButton: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { flexBasis: '100%', color: theme.colors.text.primary, fontSize: theme.fontSizes.large, backgroundColor: theme.colors.background.primary, borderWidth: theme.spacing.borderWidth.medium, borderStyle: 'solid', borderColor: theme.colors.border.primary, alignItems: 'center', justifyContent: 'center', aspectRatio: 1.5 })
+    },
+    keypad__fixedWidthButton: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { width: 80, color: theme.colors.text.primary, fontSize: theme.fontSizes.large, height: 80, backgroundColor: theme.colors.background.primary, borderWidth: theme.spacing.borderWidth.medium, borderStyle: 'solid', borderColor: theme.colors.border.primary, alignItems: 'center', justifyContent: 'center' })
+    }
+};
+export default keypad;

package/dist/esm/config/keypadModal.d.ts

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

package/dist/esm/config/keypadModal.js

@@ -0,0 +1,13 @@
+import { theme } from '../utils';
+var keypadModal = {
+    keypadModal__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            gap: theme.spacing.padding.large,
+            width: '100%'
+        }
+    }
+};
+export default keypadModal;

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

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

package/dist/esm/config/label.js

@@ -0,0 +1,32 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var label = {
+    label: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            display: 'flex',
+            flexDirection: 'column',
+            gap: theme.spacing.padding.small,
+            overflow: 'hidden'
+        }
+    },
+    label__label: {
+        classes: '',
+        props: {},
+        style: {}
+    },
+    label__text: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { color: theme.colors.text.primary, fontSize: theme.fontSizes.medium })
+    },
+    label__required: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { color: theme.colors.error.primary, fontSize: theme.fontSizes.medium })
+    }
+};
+export default label;

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

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

package/dist/esm/config/loader.js

@@ -0,0 +1,30 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var loader = {
+    loader: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            gap: theme.spacing.padding.small,
+            justifyContent: 'center',
+            width: '100%'
+        }
+    },
+    loader__loader: {
+        classes: '',
+        props: {},
+        style: {
+            color: theme.colors.text.primary,
+            width: 200,
+            height: 4
+        }
+    },
+    loader__text: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { color: theme.colors.text.primary, fontSize: theme.fontSizes.medium })
+    }
+};
+export default loader;

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

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

package/dist/esm/config/madeForNotes.js

@@ -0,0 +1,43 @@
+import { theme } from '../utils';
+var madeForNotes = {
+    madeForNotes: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch'
+        }
+    },
+    madeForNotes__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            gap: theme.spacing.padding.large,
+            width: '100%'
+        }
+    },
+    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'
+        }
+    }
+};
+export default madeForNotes;

package/dist/esm/config/main.d.ts

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

package/dist/esm/config/main.js

@@ -0,0 +1,17 @@
+var main = {
+    main: {
+        classes: '',
+        props: {},
+        style: {
+            position: 'relative',
+            zIndex: 1,
+            width: '100%',
+            height: '100vh',
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'space-between',
+            alignItems: 'stretch'
+        }
+    }
+};
+export default main;

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

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

package/dist/esm/config/menu.js

@@ -0,0 +1,82 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../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.spacing.margin.medium,
+            marginBottom: theme.spacing.margin.medium,
+            paddingLeft: theme.spacing.padding.medium,
+            paddingRight: theme.spacing.padding.medium
+        }
+    },
+    menu__headerContainer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            maxWidth: 720
+        }
+    },
+    menu__title: {
+        classes: '',
+        props: {
+            as: 'h1',
+            text: 'My oh my...where to begin...'
+        },
+        style: __assign({}, styles.textHeadline)
+    },
+    menu__subtitle: {
+        classes: '',
+        props: {
+            as: 'p',
+            text: 'Please choose a section to get started.'
+        },
+        style: __assign(__assign({}, styles.textBody), { fontSize: 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
+        }
+    }
+};
+export default menu;

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

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

package/dist/esm/config/menuCategory.js

@@ -0,0 +1,64 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils/theme';
+var menuCategory = {
+    menuCategory: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            flexBasis: '33.33333%',
+            padding: theme.spacing.padding.small
+        }
+    },
+    menuCategory__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,
+            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: __assign(__assign({}, styles.textHeading), { fontSize: theme.fontSizes.large })
+    },
+    menuCategory__subtitle: {
+        classes: '',
+        props: {
+            as: 'p'
+        },
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.xsmall, marginTop: 5 })
+    }
+};
+export default menuCategory;

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

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

package/dist/esm/config/modal.js

@@ -0,0 +1,61 @@
+import { theme } from '../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: 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: theme.spacing.padding.large,
+            top: theme.spacing.padding.large,
+            left: theme.spacing.padding.large,
+            right: theme.spacing.padding.large,
+            alignItems: 'center',
+            justifyContent: 'center'
+        }
+    }
+};
+export default modal;

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

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

package/dist/esm/config/modalContent.js

@@ -0,0 +1,76 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var modalContent = {
+    modalContent: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            width: 720,
+            backgroundColor: theme.colors.background.primary
+        }
+    },
+    modalContent__container: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'stretch',
+            gap: 50,
+            padding: theme.spacing.padding.large,
+            width: '100%'
+        }
+    },
+    modalContent__header: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexGrow: 0,
+            flexShrink: 0,
+            gap: theme.spacing.padding.small
+        }
+    },
+    modalContent__title: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { fontSize: theme.fontSizes.xxxlarge, textAlign: 'center' })
+    },
+    modalContent__subtitle: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.xlarge, textAlign: 'center' })
+    },
+    modalContent__content: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexGrow: 0,
+            flexShrink: 0
+        }
+    },
+    modalContent__footer: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            flexGrow: 0,
+            flexShrink: 0,
+            gap: theme.spacing.padding.large,
+            justifyContent: 'center'
+        }
+    },
+    modalContent__primary: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.buttonPrimary), { borderRadius: 64, fontSize: theme.fontSizes.large, paddingBottom: 15, paddingLeft: 30, paddingRight: 30, paddingTop: 15 })
+    },
+    modalContent__secondary: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.buttonSecondary), { borderRadius: 64, fontSize: theme.fontSizes.large, paddingBottom: 15, paddingLeft: 30, paddingRight: 30, paddingTop: 15 })
+    }
+};
+export default modalContent;

package/dist/esm/config/modalHeader.d.ts

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

package/dist/esm/config/modalHeader.js

@@ -0,0 +1,24 @@
+import { __assign } from "tslib";
+import styles from '../styles';
+import { theme } from '../utils';
+var modalHeader = {
+    modalHeader: {
+        classes: '',
+        props: {},
+        style: {
+            alignItems: 'flex-start',
+            gap: theme.spacing.padding.medium
+        }
+    },
+    modalHeader__title: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textHeading), { fontSize: theme.fontSizes.xxxlarge })
+    },
+    modalHeader__subtitle: {
+        classes: '',
+        props: {},
+        style: __assign(__assign({}, styles.textBody), { fontSize: theme.fontSizes.medium })
+    }
+};
+export default modalHeader;

package/dist/esm/config/nutritionalInfo.d.ts

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