@open-tender/store 0.1.2

package/dist/esm/utils/theme.js

@@ -0,0 +1,251 @@
+import { isMobileOnly } from 'react-device-detect';
+var layoutOptions = {
+    tablet: {
+        padding: '25px',
+        margin: '50px',
+        headerHeight: '64px',
+        footerHeight: '52px',
+        asideWidth: '420px',
+        sidebarWidth: '360px',
+        cardWidth: '480px',
+        bigButtonHeight: '80px',
+        gutter: '5px'
+    },
+    mobile: {
+        padding: '15px',
+        margin: '30px',
+        headerHeight: '56px',
+        footerHeight: '32px',
+        asideWidth: '320px',
+        sidebarWidth: '280px',
+        cardWidth: '360px',
+        bigButtonHeight: '70px',
+        gutter: '5px'
+    }
+};
+var fontSizesOptions = {
+    tablet: {
+        xxxsmall: '8px',
+        xxsmall: '10px',
+        xsmall: '12px',
+        small: '14px',
+        medium: '16px',
+        large: '20px',
+        xlarge: '24px',
+        xxlarge: '32px',
+        xxxlarge: '48px'
+    },
+    mobile: {
+        xxxsmall: '6px',
+        xxsmall: '8px',
+        xsmall: '10px',
+        small: '12px',
+        medium: '14px',
+        large: '16px',
+        xlarge: '20px',
+        xxlarge: '26px',
+        xxxlarge: '32px'
+    }
+};
+var radiusOptions = {
+    tablet: {
+        small: '3px',
+        medium: '6px',
+        large: '9px'
+    },
+    mobile: {
+        small: '2px',
+        medium: '4px',
+        large: '6px'
+    }
+};
+var buttonSizeOptions = {
+    tablet: {
+        link: {
+            fontSize: 'inherit',
+            padding: '0',
+            height: 'auto'
+        },
+        xsmall: {
+            fontSize: '12px',
+            padding: '6px',
+            height: 'auto'
+        },
+        small: {
+            fontSize: '14px',
+            padding: '9px 18px',
+            height: 'auto'
+        },
+        medium: {
+            fontSize: '14px',
+            padding: '13px 24px',
+            height: 'auto'
+        },
+        large: {
+            fontSize: '18px',
+            padding: '18px 24px',
+            height: 'auto'
+        },
+        xlarge: {
+            fontSize: '20px',
+            padding: '0 15px',
+            height: '80px'
+        },
+        tall: {
+            fontSize: '14px',
+            padding: '0 15px',
+            height: '60px'
+        }
+    },
+    mobile: {
+        link: {
+            fontSize: 'inherit',
+            padding: '0',
+            height: 'auto'
+        },
+        xsmall: {
+            fontSize: '10px',
+            padding: '4px',
+            height: 'auto'
+        },
+        small: {
+            fontSize: '12px',
+            padding: '6px 12px',
+            height: 'auto'
+        },
+        medium: {
+            fontSize: '14px',
+            padding: '8px 16px',
+            height: 'auto'
+        },
+        large: {
+            fontSize: '16px',
+            padding: '10px 20px',
+            height: 'auto'
+        },
+        xlarge: {
+            fontSize: '16px',
+            padding: '0 12px',
+            height: '64px'
+        },
+        tall: {
+            fontSize: '12px',
+            padding: '0 12px',
+            height: '48px'
+        }
+    }
+};
+var deviceType = isMobileOnly ? 'mobile' : 'tablet';
+var layout = layoutOptions[deviceType];
+var fontSizes = fontSizesOptions[deviceType];
+var radius = radiusOptions[deviceType];
+var buttonSizes = buttonSizeOptions[deviceType];
+export var theme = {
+    transition: 'all 0.15s ease',
+    disabled: '0.25',
+    arrowSize: '14px',
+    overlay: 'rgba(0, 0, 0, 0.8)',
+    strokeWidth: 1,
+    breakpoints: {
+        mobile: '768px'
+    },
+    layout: layout,
+    fontSizes: fontSizes,
+    radius: radius,
+    fonts: {
+        body: {
+            fontFamily: "'Inter', sans-serif",
+            fontWeight: '400',
+            fontStyle: 'normal',
+            lineHeight: '1.33333',
+            letterSpacing: '0.01em'
+        },
+        headings: {
+            fontFamily: "'Inter', sans-serif",
+            fontWeight: '500',
+            fontStyle: 'normal',
+            lineHeight: '1.0',
+            letterSpacing: '-0.013em'
+        },
+        mono: {
+            fontFamily: "'Akkurat Mono', monospace;",
+            fontWeight: '400',
+            fontStyle: 'normal',
+            lineHeight: '1.0',
+            letterSpacing: '0.04em'
+        }
+    },
+    colors: {
+        text: {
+            primary: '#fafafb',
+            secondary: '#a9b0b7',
+            tertiary: '#5b6167' // secondary body
+        },
+        background: {
+            primary: '#101114',
+            secondary: '#17191c',
+            tertiary: '#1c1e21' // modals
+        },
+        border: {
+            primary: '#22252a',
+            secondary: '#26282b',
+            tertiary: '#394047' // more pronounced
+        },
+        link: {
+            primary: '#2bba3c',
+            secondary: '#1da1f2',
+            tertiary: '#a9b0b7' // gray
+        },
+        error: {
+            primary: '#eb2d5a',
+            secondary: '#eb2d5a',
+            tertiary: '#430d15' // dark red
+        },
+        success: {
+            primary: '#2bba3c',
+            secondary: '#2bba3c',
+            tertiary: '#2bba3c' // green
+        },
+        alert: {
+            primary: '#f8e405',
+            secondary: '#5a5aff',
+            tertiary: '#5a5aff'
+        }
+    },
+    buttons: {
+        colors: {
+            primary: {
+                color: '#fafafb',
+                bgColor: '#2bba3c',
+                borderColor: '#2bba3c' // green
+            },
+            secondary: {
+                color: '#fafafb',
+                bgColor: '#26282b',
+                borderColor: '#26282b' // gray
+            },
+            black: {
+                color: '#fafafb',
+                bgColor: '#101114',
+                borderColor: '#101114' // black
+            },
+            white: {
+                color: '#101114',
+                bgColor: '#fafafb',
+                borderColor: '#fafafb' // white
+            },
+            error: {
+                color: '#fafafb',
+                bgColor: '#eb2d5a',
+                borderColor: '#eb2d5a' // red
+            },
+            invisible: {
+                color: '#a9b0b7',
+                bgColor: 'transparent',
+                borderColor: 'transparent'
+            }
+        },
+        sizes: buttonSizes
+    }
+};
+//# sourceMappingURL=theme.js.map

package/dist/esm/utils/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/utils/theme.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@open-tender/store",
+  "version": "0.1.2",
+  "description": "Open Tende in-store library",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/esm/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rm -rf ./dist/ && yarn build:esm && yarn build:cjs",
+    "build:esm": "tsc",
+    "build:cjs": "tsc --module commonjs --outDir dist/cjs",
+    "lint": "eslint \"{**/*,*}.{js,ts,jsx,tsx}\"",
+    "prettier": "prettier --write \"{src,tests,example/src}/**/*.{js,ts,jsx,tsx}\""
+  },
+  "repository": "https://github.com/open-tender/open-tender-store",
+  "author": "JC Harrington",
+  "keywords": [
+    "open-tender",
+    "react",
+    "redux",
+    "ecommerce",
+    "restaurants"
+  ],
+  "license": "MIT",
+  "private": false,
+  "devDependencies": {
+    "@babel/core": "^7.19.1",
+    "@emotion/react": "^11.10.4",
+    "@reduxjs/toolkit": "^1.8.5",
+    "@types/react": "^18.0.18",
+    "@types/react-dom": "^18.0.6",
+    "@types/uuid": "^8.3.4",
+    "@typescript-eslint/eslint-plugin": "^5.36.2",
+    "@typescript-eslint/parser": "^5.36.2",
+    "date-fns": "^2.29.2",
+    "date-fns-tz": "^1.3.7",
+    "eslint": "^8.23.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.31.7",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "prettier": "^2.7.1",
+    "react": "^18.2.0",
+    "react-device-detect": "^2.2.2",
+    "react-dom": "^18.2.0",
+    "react-redux": "^8.0.2",
+    "tslib": "^2.4.0",
+    "typescript": "^4.8.2",
+    "uuid": "^9.0.0"
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11.10.4",
+    "@reduxjs/toolkit": "^1.8.5",
+    "date-fns": "^2.29.2",
+    "date-fns-tz": "^1.3.7",
+    "react": "^18.2.0",
+    "react-device-detect": "^2.2.2",
+    "react-dom": "^18.2.0",
+    "uuid": "^9.0.0"
+  }
+}