@popmenu/ordering-ui 0.88.0 → 0.89.1

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
@@ -1587,15 +1587,8 @@ var useDishModifierCardStyles = styles.makeStyles(function (theme) { return ({
1587
1587
  color: theme.palette.error.main,
1588
1588
  },
1589
1589
  name: {
1590
- fontSize: '18px',
1591
- width: 'max-content',
1592
- },
1593
- nameContainer: {
1594
- display: 'flex',
1595
- alignItems: 'center',
1596
- },
1597
- statusTagContainer: {
1598
- margin: theme.spacing(0, 2),
1590
+ fontSize: theme.spacing(2.25),
1591
+ marginBottom: theme.spacing(2),
1599
1592
  },
1600
1593
  }); });
1601
1594
  var useRadioModifierFormStyles = styles.makeStyles(function (theme) { return ({
@@ -1716,12 +1709,10 @@ var DishModifierCard = function (props) {
1716
1709
  break;
1717
1710
  }
1718
1711
  return (React__default['default'].createElement(core.Box, { className: classes.root },
1719
- React__default['default'].createElement(core.Box, { display: "flex", justifyContent: "space-between", width: "100%", alignItems: "center", height: "fit-content" },
1720
- React__default['default'].createElement(core.Box, { className: classes.nameContainer },
1721
- React__default['default'].createElement(Typography, { className: classes.name }, name),
1722
- React__default['default'].createElement(core.Box, { className: classes.statusTagContainer },
1723
- React__default['default'].createElement(StatusTag, { variant: isRequired || isFullyOutOfStock ? 'outlined' : 'filled', label: label, color: color }))),
1712
+ React__default['default'].createElement(core.Box, { display: "flex", justifyContent: "space-between", width: "100%", alignItems: "center", height: "fit-content", marginBottom: 2 },
1713
+ React__default['default'].createElement(StatusTag, { variant: isRequired || isFullyOutOfStock ? 'outlined' : 'filled', label: label, color: color }),
1724
1714
  !isFullyOutOfStock && (React__default['default'].createElement(Typography, { variant: "subtitle1", className: error ? classes.error : undefined }, helperText))),
1715
+ React__default['default'].createElement(Typography, { className: classes.name }, name),
1725
1716
  React__default['default'].createElement(core.Box, null,
1726
1717
  React__default['default'].createElement(core.FormControl, null,
1727
1718
  React__default['default'].createElement(ModifierOptionsControl, { type: type, modifiers: modifiers, value: value, onChange: onChange, disableNewSelections: disableNewSelections, isOutOfStock: isFullyOutOfStock })))));
@@ -2135,8 +2126,8 @@ var DialogTitle = function (props) {
2135
2126
  React__default['default'].createElement(core.Box, { display: "flex", alignItems: "center", gridGap: 16 },
2136
2127
  Icon && Icon,
2137
2128
  React__default['default'].createElement(core.Typography, { component: "h1", variant: "h6" }, title)),
2138
- React__default['default'].createElement(core.IconButton, { color: "inherit", className: classes.closeButton, "aria-label": "Close dialog", onClick: onClose },
2139
- React__default['default'].createElement(SvgX, null))));
2129
+ onClose && (React__default['default'].createElement(core.IconButton, { color: "inherit", className: classes.closeButton, "aria-label": "Close dialog", onClick: onClose },
2130
+ React__default['default'].createElement(SvgX, null)))));
2140
2131
  };
2141
2132
 
2142
2133
  var DialogSection = function (props) {