@popmenu/ordering-ui 0.103.2 → 0.103.3

package/build/index.es.js

@@ -161,7 +161,7 @@ var useMenuItemStyles = makeStyles(function (theme) {
             fontSize: 14,
             lineHeight: '20px',
             marginBottom: theme.spacing(1),
-            color: theme.palette.grey[700],
+            color: theme.palette.grey[800],
             '-webkit-line-clamp': 2,
             display: '-webkit-box',
             '-webkit-box-orient': 'vertical',
@@ -1479,9 +1479,9 @@ var MenuItem = forwardRef(function (props, ref) {
     return (React__default.createElement(Card, { className: classes.card, ref: ref, elevation: 0, "data-component-type": "menu-item" },
         React__default.createElement(CardActionArea, { className: classes.cardActionArea, onClick: handleClick, disabled: loading },
             React__default.createElement(MenuItemInfo, null,
-                isFeatured && React__default.createElement(StatusTag, { color: "highlight", label: "Featured", variant: "outlined", size: "sm" }),
+                isFeatured && React__default.createElement(StatusTag, { color: "highlight", label: "Featured", variant: "filled", size: "sm" }),
                 React__default.createElement(Box, { display: "flex", gridGap: 8, alignItems: "center" },
-                    React__default.createElement(Typography$1, { className: classes.cardTitle }, loading ? React__default.createElement(Skeleton, null) : title),
+                    React__default.createElement(Typography$1, { component: "h3", className: classes.cardTitle }, loading ? React__default.createElement(Skeleton, null) : title),
                     isOutOfStock && React__default.createElement(StatusTag, { color: "warning", label: "Out of stock", variant: "outlined", size: "sm" })),
                 React__default.createElement(Typography$1, { className: classes.cardDescription, paragraph: true }, loading ? React__default.createElement(Skeleton, null) : description),
                 loading ? (React__default.createElement(Skeleton, null,
@@ -2013,7 +2013,7 @@ var MenuDropdown = function (props) {
         return breakpoints.down('md');
     });
     return (React__default.createElement(FormControl, { hiddenLabel: true, classes: { root: classes.formControl } },
-        React__default.createElement(Select, { open: open, value: selectedOptionId, labelId: "menu-dropdown-select", onClick: function () { return setOpen(!open); }, disableUnderline: true, onChange: function (event) { return onSelect(event.target.value); }, fullWidth: true, startAdornment: React__default.createElement(InputAdornment, { position: "start" },
+        React__default.createElement(Select, { open: open, value: selectedOptionId, id: "menu-dropdown-select", onClick: function () { return setOpen(!open); }, disableUnderline: true, onChange: function (event) { return onSelect(event.target.value); }, fullWidth: true, startAdornment: React__default.createElement(InputAdornment, { position: "start" },
                 React__default.createElement(Icon, { icon: SvgRestaurantMenu, size: isMobile ? 'extra-large' : 'large' })), IconComponent: function () { return (React__default.createElement(InputAdornment, { position: "end" },
                 React__default.createElement(Icon, { color: "#0076CB", icon: open ? SvgChevronUp : SvgChevronDown, size: "large" }))); }, MenuProps: {
                 disablePortal: true,

package/build/index.js

@@ -201,7 +201,7 @@ var useMenuItemStyles = styles.makeStyles(function (theme) {
             fontSize: 14,
             lineHeight: '20px',
             marginBottom: theme.spacing(1),
-            color: theme.palette.grey[700],
+            color: theme.palette.grey[800],
             '-webkit-line-clamp': 2,
             display: '-webkit-box',
             '-webkit-box-orient': 'vertical',
@@ -1519,9 +1519,9 @@ var MenuItem = React.forwardRef(function (props, ref) {
     return (React__default['default'].createElement(core.Card, { className: classes.card, ref: ref, elevation: 0, "data-component-type": "menu-item" },
         React__default['default'].createElement(core.CardActionArea, { className: classes.cardActionArea, onClick: handleClick, disabled: loading },
             React__default['default'].createElement(MenuItemInfo, null,
-                isFeatured && React__default['default'].createElement(StatusTag, { color: "highlight", label: "Featured", variant: "outlined", size: "sm" }),
+                isFeatured && React__default['default'].createElement(StatusTag, { color: "highlight", label: "Featured", variant: "filled", size: "sm" }),
                 React__default['default'].createElement(core.Box, { display: "flex", gridGap: 8, alignItems: "center" },
-                    React__default['default'].createElement(core.Typography, { className: classes.cardTitle }, loading ? React__default['default'].createElement(lab.Skeleton, null) : title),
+                    React__default['default'].createElement(core.Typography, { component: "h3", className: classes.cardTitle }, loading ? React__default['default'].createElement(lab.Skeleton, null) : title),
                     isOutOfStock && React__default['default'].createElement(StatusTag, { color: "warning", label: "Out of stock", variant: "outlined", size: "sm" })),
                 React__default['default'].createElement(core.Typography, { className: classes.cardDescription, paragraph: true }, loading ? React__default['default'].createElement(lab.Skeleton, null) : description),
                 loading ? (React__default['default'].createElement(lab.Skeleton, null,
@@ -2053,7 +2053,7 @@ var MenuDropdown = function (props) {
         return breakpoints.down('md');
     });
     return (React__default['default'].createElement(core.FormControl, { hiddenLabel: true, classes: { root: classes.formControl } },
-        React__default['default'].createElement(core.Select, { open: open, value: selectedOptionId, labelId: "menu-dropdown-select", onClick: function () { return setOpen(!open); }, disableUnderline: true, onChange: function (event) { return onSelect(event.target.value); }, fullWidth: true, startAdornment: React__default['default'].createElement(core.InputAdornment, { position: "start" },
+        React__default['default'].createElement(core.Select, { open: open, value: selectedOptionId, id: "menu-dropdown-select", onClick: function () { return setOpen(!open); }, disableUnderline: true, onChange: function (event) { return onSelect(event.target.value); }, fullWidth: true, startAdornment: React__default['default'].createElement(core.InputAdornment, { position: "start" },
                 React__default['default'].createElement(Icon, { icon: SvgRestaurantMenu, size: isMobile ? 'extra-large' : 'large' })), IconComponent: function () { return (React__default['default'].createElement(core.InputAdornment, { position: "end" },
                 React__default['default'].createElement(Icon, { color: "#0076CB", icon: open ? SvgChevronUp : SvgChevronDown, size: "large" }))); }, MenuProps: {
                 disablePortal: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popmenu/ordering-ui",
-  "version": "0.103.2",
+  "version": "0.103.3",
   "license": "MIT",
   "author": "Popmenu Design System Team",
   "description": "React components specifically for the popmenu Online Ordering web app.",
@@ -32,5 +32,5 @@
     "acorn-jsx": "^5.3.2"
   },
   "sideEffects": false,
-  "gitHead": "0cb46b92e3c5b29043b9760d54127170cb20ed01"
+  "gitHead": "32347715dae5aa2344b7d90a53324384d6a5700a"
 }