@popmenu/ordering-ui 0.89.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.es.js CHANGED
@@ -1544,15 +1544,8 @@ var useDishModifierCardStyles = makeStyles(function (theme) { return ({
1544
1544
  color: theme.palette.error.main,
1545
1545
  },
1546
1546
  name: {
1547
- fontSize: '18px',
1548
- width: 'max-content',
1549
- },
1550
- nameContainer: {
1551
- display: 'flex',
1552
- alignItems: 'center',
1553
- },
1554
- statusTagContainer: {
1555
- margin: theme.spacing(0, 2),
1547
+ fontSize: theme.spacing(2.25),
1548
+ marginBottom: theme.spacing(2),
1556
1549
  },
1557
1550
  }); });
1558
1551
  var useRadioModifierFormStyles = makeStyles(function (theme) { return ({
@@ -1673,12 +1666,10 @@ var DishModifierCard = function (props) {
1673
1666
  break;
1674
1667
  }
1675
1668
  return (React__default.createElement(Box, { className: classes.root },
1676
- React__default.createElement(Box, { display: "flex", justifyContent: "space-between", width: "100%", alignItems: "center", height: "fit-content" },
1677
- React__default.createElement(Box, { className: classes.nameContainer },
1678
- React__default.createElement(Typography, { className: classes.name }, name),
1679
- React__default.createElement(Box, { className: classes.statusTagContainer },
1680
- React__default.createElement(StatusTag, { variant: isRequired || isFullyOutOfStock ? 'outlined' : 'filled', label: label, color: color }))),
1669
+ React__default.createElement(Box, { display: "flex", justifyContent: "space-between", width: "100%", alignItems: "center", height: "fit-content", marginBottom: 2 },
1670
+ React__default.createElement(StatusTag, { variant: isRequired || isFullyOutOfStock ? 'outlined' : 'filled', label: label, color: color }),
1681
1671
  !isFullyOutOfStock && (React__default.createElement(Typography, { variant: "subtitle1", className: error ? classes.error : undefined }, helperText))),
1672
+ React__default.createElement(Typography, { className: classes.name }, name),
1682
1673
  React__default.createElement(Box, null,
1683
1674
  React__default.createElement(FormControl, null,
1684
1675
  React__default.createElement(ModifierOptionsControl, { type: type, modifiers: modifiers, value: value, onChange: onChange, disableNewSelections: disableNewSelections, isOutOfStock: isFullyOutOfStock })))));