@popmenu/ordering-ui 0.103.0 → 0.103.1

package/build/index.js

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