@popmenu/ordering-ui 0.103.0 → 0.103.2

package/build/components/OrderingAppContext/OrderingAppContext.d.ts

@@ -3,6 +3,9 @@ declare type OrderingAppContextValue = {
     currencySymbol?: string;
     basePath: string;
     restaurantId: number;
+    isCatering: boolean;
+    isOrderingEvent: boolean;
+    orderingEventSlug?: string;
 };
 declare type OrderingAppContextType = [OrderingAppContextValue, React.Dispatch<React.SetStateAction<OrderingAppContextValue>>];
 export declare const OrderingAppContext: React.Context<OrderingAppContextType | null>;

package/build/index.es.js

@@ -1284,9 +1284,9 @@ makeStyles$1(function () { return ({
 
 var ReactionCounter = function (props) {
     var count = props.count, icon = props.icon;
-    return (React__default.createElement(Box, { display: "flex", alignItems: "center", gridGap: 6 },
-        React__default.createElement(Icon, { icon: icon, size: "large" }),
-        React__default.createElement(Typography, { variant: "body2" }, count)));
+    return (React__default.createElement(Box, { display: "flex", alignItems: "center", gridGap: 6, color: "grey.900" },
+        React__default.createElement(Icon, { icon: icon, size: "large", color: "inherit" }),
+        React__default.createElement(Typography, { variant: "body2", color: "grey.900" }, count)));
 };
 
 var ReactionCounterGroup = function (props) {
@@ -1915,9 +1915,6 @@ var useLocationCardStyles = makeStyles(function (theme) {
                 return (selected ? selectedBackgroundColor : backgroundColor);
             },
         },
-        address: {
-            color: grey[700],
-        },
         availability: {
             color: secondary.light,
             display: 'grid',
@@ -1949,9 +1946,6 @@ var useLocationCardStyles = makeStyles(function (theme) {
             fontSize: '1.125rem',
             fontWeight: 500,
         },
-        focusHighlight: {
-            backgroundColor: 'inherit',
-        },
     };
 });
 
@@ -1963,13 +1957,13 @@ var LocationCard = function (props) {
         onClick(value);
     };
     return (React__default.createElement(Card$1, __assign$1({ className: classes.root }, muiProps),
-        React__default.createElement(CardActionArea$1, __assign$1({ onClick: handleClick, classes: { focusHighlight: classes.focusHighlight }, role: "checkbox", "aria-checked": selected }, CardActionAreaProps),
+        React__default.createElement(CardActionArea$1, __assign$1({ onClick: handleClick, role: "checkbox", "aria-checked": selected }, CardActionAreaProps),
             React__default.createElement(CardContent, { className: classes.content },
                 React__default.createElement(Box, { className: classes.locationInfo },
                     React__default.createElement(Box, { display: "flex", justifyContent: "space-between" },
                         React__default.createElement(Typography, { className: classes.name }, name),
                         selected && React__default.createElement(Icon, { icon: SvgCheck, size: "extra-large", className: classes.checkIcon })),
-                    address && (React__default.createElement(Typography, { className: classes.address, variant: "body2" }, address)),
+                    address && (React__default.createElement(Typography, { color: "grey.800", variant: "body2" }, address)),
                     React__default.createElement(Typography, { className: classes.distance }, distance)),
                 anyAvailability && (React__default.createElement(Box, { className: classes.availability },
                     React__default.createElement(Icon, { icon: SvgClock, size: "large" }),
@@ -2296,14 +2290,7 @@ var Radio = withStyles(function (_a) {
 
 var palette = {
     primary: {
-        light: '#7B7FA3',
-        main: '#2E3042',
-        dark: '#1A1D20',
-    },
-    secondary: {
-        light: '#DA777E',
-        main: '#F04649',
-        dark: '#B3212B',
+        main: '#0A202F',
     },
     info: {
         light: '#52B7FF',
@@ -2377,6 +2364,15 @@ var overrides = {
             minWidth: 'unset',
         },
     },
+    MuiCssBaseline: {
+        '@global': {
+            '*:focus-visible': {
+                outline: '2px solid #0076CB',
+                outlineOffset: '-4px',
+                borderRadius: 8,
+            },
+        },
+    },
 };
 
 var props = {