@popmenu/ordering-ui 0.125.0 → 0.125.2

package/build/index.js

@@ -1993,7 +1993,7 @@ var MultipleSelectControl = function (props) {
         }))));
 };
 var MultipleQuantitySelectControl = function (props) {
-    var modifiers = props.modifiers, isOutOfStock = props.isOutOfStock, onChange = props.onChange, disableNewSelections = props.disableNewSelections, handleOptionsClick = props.handleOptionsClick, selectionQuantity = props.selectionQuantity, name = props.name;
+    var modifiers = props.modifiers, isOutOfStock = props.isOutOfStock, onChange = props.onChange, disableNewSelections = props.disableNewSelections, handleOptionsClick = props.handleOptionsClick, selectionQuantity = props.selectionQuantity;
     var makeHandleChange = function (modifier) { return function (_e, customEvent) {
         onChange({
             isRadio: false,
@@ -2010,7 +2010,7 @@ var MultipleQuantitySelectControl = function (props) {
                 React__default['default'].createElement(Label, { name: modifier.name, price: modifier.formattedPrice, disabled: isOutOfStock || modifier.outOfStock }),
                 modifier.outOfStock && (React__default['default'].createElement(core.Box, { minWidth: "90px", marginLeft: 2 },
                     React__default['default'].createElement(StatusTag, { color: "warning", label: "Out of stock", variant: "outlined", size: "md" }))),
-                !modifier.outOfStock && (React__default['default'].createElement(QuantityPicker, { variation: "modifierCount", value: modifier.quantity, disableIncrement: disableNewSelections, preventManualChange: true, onChange: makeHandleChange(modifier), disabled: isOutOfStock || modifier.outOfStock, name: name }))),
+                !modifier.outOfStock && (React__default['default'].createElement(QuantityPicker, { variation: "modifierCount", value: modifier.quantity, disableIncrement: disableNewSelections, preventManualChange: true, onChange: makeHandleChange(modifier), disabled: isOutOfStock || modifier.outOfStock, name: modifier.name }))),
             React__default['default'].createElement(core.Box, { display: "flex", alignItems: "flex-start", gridGap: 4 },
                 modifier.hasModifiers && !modifier.outOfStock && (React__default['default'].createElement(Options, { handleOptionsClick: function () { return handleOptionsClick(modifier.id); } })),
                 selectionQuantity[modifier.id] &&
@@ -2069,7 +2069,7 @@ var DishModifierCard = function (props) {
             !isOutOfStock && (React__default['default'].createElement(Typography, { variant: "subtitle1", className: classNames((_a = {}, _a[classes.error] = error, _a[classes.helperText] = !error, _a)) }, messages.helperText))),
         React__default['default'].createElement(Typography, { className: classes.name }, name),
         React__default['default'].createElement(core.Box, null,
-            React__default['default'].createElement(ModifierControls, { name: name, value: value, modifiers: modifiers, isOutOfStock: isOutOfStock, isRequired: isRequired, onChange: onChange, disableNewSelections: disableNewSelections, type: type, messages: messages, handleOptionsClick: handleOptionsClick, aggregatePrice: aggregatePrice, selectionQuantity: selectionQuantity }))));
+            React__default['default'].createElement(ModifierControls, { value: value, modifiers: modifiers, isOutOfStock: isOutOfStock, isRequired: isRequired, onChange: onChange, disableNewSelections: disableNewSelections, type: type, messages: messages, handleOptionsClick: handleOptionsClick, aggregatePrice: aggregatePrice, selectionQuantity: selectionQuantity }))));
 };
 DishModifierCard.displayName = 'DishModifierCard';
 
@@ -2696,6 +2696,21 @@ var typography = {
         fontSize: '1.25rem',
         lineHeight: '1.875rem',
     },
+    h4: {
+        fontWeight: 500,
+        fontSize: '1.125rem',
+        lineHeight: '1.6875rem',
+    },
+    h5: {
+        fontWeight: 500,
+        fontSize: '1.125rem',
+        lineHeight: '1.6875rem',
+    },
+    h6: {
+        fontWeight: 500,
+        fontSize: '1.125rem',
+        lineHeight: '1.6875rem',
+    },
     body1: {
         fontWeight: 400,
         fontSize: '1rem',