@popmenu/ordering-ui 0.99.1 → 0.101.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/build/index.js
CHANGED
|
@@ -1414,6 +1414,10 @@ var useStatusTagStyles = styles.makeStyles(function (theme) { return ({
|
|
|
1414
1414
|
borderColor: theme.palette.error.main,
|
|
1415
1415
|
color: theme.palette.error.main,
|
|
1416
1416
|
},
|
|
1417
|
+
highlight: {
|
|
1418
|
+
backgroundColor: theme.palette.warning.light,
|
|
1419
|
+
color: theme.palette.grey[900],
|
|
1420
|
+
},
|
|
1417
1421
|
}); });
|
|
1418
1422
|
|
|
1419
1423
|
var classnames = {exports: {}};
|
|
@@ -1489,7 +1493,7 @@ StatusTag.defaultProps = {
|
|
|
1489
1493
|
StatusTag.displayName = 'StatusTag';
|
|
1490
1494
|
|
|
1491
1495
|
var MenuItem = React.forwardRef(function (props, ref) {
|
|
1492
|
-
var onClick = props.onClick, id = props.id, description = props.description, isOutOfStock = props.isOutOfStock, title = props.title, loading = props.loading;
|
|
1496
|
+
var onClick = props.onClick, id = props.id, description = props.description, isOutOfStock = props.isOutOfStock, title = props.title, loading = props.loading, isFeatured = props.isFeatured;
|
|
1493
1497
|
var classes = useMenuItemStyles(props);
|
|
1494
1498
|
var handleClick = function (event) {
|
|
1495
1499
|
onClick(id, event);
|
|
@@ -1497,6 +1501,7 @@ var MenuItem = React.forwardRef(function (props, ref) {
|
|
|
1497
1501
|
return (React__default['default'].createElement(core.Card, { className: classes.card, ref: ref, elevation: 0, "data-component-type": "menu-item" },
|
|
1498
1502
|
React__default['default'].createElement(core.CardActionArea, { className: classes.cardActionArea, onClick: handleClick, disabled: loading },
|
|
1499
1503
|
React__default['default'].createElement(MenuItemInfo, null,
|
|
1504
|
+
isFeatured && React__default['default'].createElement(StatusTag, { color: "highlight", label: "Featured", variant: "outlined", size: "sm" }),
|
|
1500
1505
|
React__default['default'].createElement(core.Box, { display: "flex", gridGap: 8, alignItems: "center" },
|
|
1501
1506
|
React__default['default'].createElement(core.Typography, { className: classes.cardTitle }, loading ? React__default['default'].createElement(lab.Skeleton, null) : title),
|
|
1502
1507
|
isOutOfStock && React__default['default'].createElement(StatusTag, { color: "warning", label: "Out of stock", variant: "outlined", size: "sm" })),
|