@popmenu/ordering-ui 0.118.0 → 0.119.0

package/build/components/MenuItem/MenuItem.styles.d.ts

@@ -1 +1 @@
-export declare const useMenuItemStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"cardActionArea" | "card" | "cardTitle" | "cardDescription">;
+export declare const useMenuItemStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"cardActionArea" | "card" | "cardTitle" | "cardDescription" | "outOfStockTag">;

package/build/index.es.js

@@ -150,7 +150,7 @@ var useMenuItemStyles = makeStyles(function (theme) {
             fontWeight: 400,
             fontSize: 14,
             lineHeight: '20px',
-            marginBottom: theme.spacing(1),
+            margin: theme.spacing(0.5, 0, 1, 0),
             color: theme.palette.grey[800],
             '-webkit-line-clamp': 2,
             display: '-webkit-box',
@@ -158,6 +158,12 @@ var useMenuItemStyles = makeStyles(function (theme) {
             textOverflow: 'ellipsis',
             overflow: 'hidden',
         },
+        outOfStockTag: {
+            minWidth: '90px',
+            marginLeft: theme.spacing(1),
+            display: 'inline-block',
+            verticalAlign: 'bottom',
+        },
     });
 });
 
@@ -1503,8 +1509,9 @@ var MenuItem = forwardRef(function (props, ref) {
             React__default.createElement(MenuItemInfo, null,
                 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, { 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, { component: "h3", className: classes.cardTitle },
+                        loading ? React__default.createElement(Skeleton, null) : title,
+                        React__default.createElement("span", { className: classes.outOfStockTag }, 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,
                     React__default.createElement(MenuItemReactions, { likeCount: likeCount, reviewCount: reviewCount }))) : (React__default.createElement(MenuItemReactions, { likeCount: likeCount, reviewCount: reviewCount })),
@@ -1959,8 +1966,10 @@ var getStatusTagProps = function (props) {
     switch (true) {
         case error:
             color = 'error';
+            break;
         case isOutOfStock:
             color = 'warning';
+            break;
     }
     var label = optionalText;
     switch (true) {