@popmenu/ordering-ui 0.117.0 → 0.119.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.
Files changed (6) hide show
  1. package/build/components/MenuItem/MenuItem.styles.d.ts +1 -1
  2. package/build/index.es.js +69 -60
  3. package/build/index.es.js.map +1 -1
  4. package/build/index.js +69 -60
  5. package/build/index.js.map +1 -1
  6. package/package.json +2 -2
package/build/index.js CHANGED
@@ -187,7 +187,7 @@ var useMenuItemStyles = styles.makeStyles(function (theme) {
187
187
  fontWeight: 400,
188
188
  fontSize: 14,
189
189
  lineHeight: '20px',
190
- marginBottom: theme.spacing(1),
190
+ margin: theme.spacing(0.5, 0, 1, 0),
191
191
  color: theme.palette.grey[800],
192
192
  '-webkit-line-clamp': 2,
193
193
  display: '-webkit-box',
@@ -195,6 +195,12 @@ var useMenuItemStyles = styles.makeStyles(function (theme) {
195
195
  textOverflow: 'ellipsis',
196
196
  overflow: 'hidden',
197
197
  },
198
+ outOfStockTag: {
199
+ minWidth: '90px',
200
+ marginLeft: theme.spacing(1),
201
+ display: 'inline-block',
202
+ verticalAlign: 'bottom',
203
+ },
198
204
  });
199
205
  });
200
206
 
@@ -221,10 +227,10 @@ var MenuItemInfo = function (props) {
221
227
 
222
228
  var _path$2p;
223
229
 
224
- function _extends$5p() { _extends$5p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5p.apply(this, arguments); }
230
+ function _extends$5q() { _extends$5q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5q.apply(this, arguments); }
225
231
 
226
232
  function SvgChevronDown(props) {
227
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$5p({
233
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$5q({
228
234
  viewBox: "0 0 16 16",
229
235
  fill: "none",
230
236
  strokeLinecap: "round",
@@ -239,10 +245,10 @@ function SvgChevronDown(props) {
239
245
 
240
246
  var _path$2o;
241
247
 
242
- function _extends$5o() { _extends$5o = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5o.apply(this, arguments); }
248
+ function _extends$5p() { _extends$5p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5p.apply(this, arguments); }
243
249
 
244
250
  function SvgChevronUp(props) {
245
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$5o({
251
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$5p({
246
252
  viewBox: "0 0 16 16",
247
253
  fill: "none",
248
254
  strokeLinecap: "round",
@@ -257,10 +263,10 @@ function SvgChevronUp(props) {
257
263
 
258
264
  var _path$2m;
259
265
 
260
- function _extends$5m() { _extends$5m = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5m.apply(this, arguments); }
266
+ function _extends$5n() { _extends$5n = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5n.apply(this, arguments); }
261
267
 
262
268
  function SvgChevronRight(props) {
263
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$5m({
269
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$5n({
264
270
  viewBox: "0 0 16 16",
265
271
  fill: "none",
266
272
  strokeLinecap: "round",
@@ -275,10 +281,10 @@ function SvgChevronRight(props) {
275
281
 
276
282
  var _path$27;
277
283
 
278
- function _extends$4K() { _extends$4K = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4K.apply(this, arguments); }
284
+ function _extends$4L() { _extends$4L = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4L.apply(this, arguments); }
279
285
 
280
286
  function SvgCheck(props) {
281
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$4K({
287
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$4L({
282
288
  viewBox: "0 0 16 16",
283
289
  fill: "none",
284
290
  strokeLinecap: "round",
@@ -291,26 +297,26 @@ function SvgCheck(props) {
291
297
  })));
292
298
  }
293
299
 
294
- var _g$2z, _defs$1D;
300
+ var _g$2A, _defs$1E;
295
301
 
296
- function _extends$4H() { _extends$4H = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4H.apply(this, arguments); }
302
+ function _extends$4I() { _extends$4I = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4I.apply(this, arguments); }
297
303
 
298
304
  function SvgClock(props) {
299
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$4H({
305
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$4I({
300
306
  viewBox: "0 0 16 16",
301
307
  fill: "none",
302
308
  strokeLinecap: "round",
303
309
  strokeLinejoin: "round",
304
310
  width: "1em",
305
311
  height: "1em"
306
- }, props), _g$2z || (_g$2z = /*#__PURE__*/React__namespace.createElement("g", {
312
+ }, props), _g$2A || (_g$2A = /*#__PURE__*/React__namespace.createElement("g", {
307
313
  clipPath: "url(#clock_svg__clip0_8_5092)",
308
314
  stroke: "currentColor"
309
315
  }, /*#__PURE__*/React__namespace.createElement("path", {
310
316
  d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333z"
311
317
  }), /*#__PURE__*/React__namespace.createElement("path", {
312
318
  d: "M8 4v4l2.667 1.333"
313
- }))), _defs$1D || (_defs$1D = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
319
+ }))), _defs$1E || (_defs$1E = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
314
320
  id: "clock_svg__clip0_8_5092"
315
321
  }, /*#__PURE__*/React__namespace.createElement("path", {
316
322
  fill: "currentColor",
@@ -320,10 +326,10 @@ function SvgClock(props) {
320
326
 
321
327
  var _path$26;
322
328
 
323
- function _extends$4G() { _extends$4G = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4G.apply(this, arguments); }
329
+ function _extends$4H() { _extends$4H = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4H.apply(this, arguments); }
324
330
 
325
331
  function SvgX(props) {
326
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$4G({
332
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$4H({
327
333
  viewBox: "0 0 16 16",
328
334
  fill: "none",
329
335
  strokeLinecap: "round",
@@ -336,24 +342,24 @@ function SvgX(props) {
336
342
  })));
337
343
  }
338
344
 
339
- var _g$2y, _defs$1C;
345
+ var _g$2z, _defs$1D;
340
346
 
341
- function _extends$4F() { _extends$4F = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4F.apply(this, arguments); }
347
+ function _extends$4G() { _extends$4G = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4G.apply(this, arguments); }
342
348
 
343
349
  function SvgXCircle(props) {
344
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$4F({
350
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$4G({
345
351
  viewBox: "0 0 16 16",
346
352
  fill: "none",
347
353
  strokeLinecap: "round",
348
354
  strokeLinejoin: "round",
349
355
  width: "1em",
350
356
  height: "1em"
351
- }, props), _g$2y || (_g$2y = /*#__PURE__*/React__namespace.createElement("g", {
357
+ }, props), _g$2z || (_g$2z = /*#__PURE__*/React__namespace.createElement("g", {
352
358
  clipPath: "url(#x-circle_svg__clip0_8_6136)",
353
359
  stroke: "currentColor"
354
360
  }, /*#__PURE__*/React__namespace.createElement("path", {
355
361
  d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333zM10 6l-4 4m0-4l4 4"
356
- }))), _defs$1C || (_defs$1C = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
362
+ }))), _defs$1D || (_defs$1D = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
357
363
  id: "x-circle_svg__clip0_8_6136"
358
364
  }, /*#__PURE__*/React__namespace.createElement("path", {
359
365
  fill: "currentColor",
@@ -363,10 +369,10 @@ function SvgXCircle(props) {
363
369
 
364
370
  var _path$1$;
365
371
 
366
- function _extends$4p() { _extends$4p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4p.apply(this, arguments); }
372
+ function _extends$4q() { _extends$4q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4q.apply(this, arguments); }
367
373
 
368
374
  function SvgHeart(props) {
369
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$4p({
375
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$4q({
370
376
  viewBox: "0 0 16 16",
371
377
  fill: "none",
372
378
  strokeLinecap: "round",
@@ -379,24 +385,24 @@ function SvgHeart(props) {
379
385
  })));
380
386
  }
381
387
 
382
- var _g$2l, _defs$1s;
388
+ var _g$2m, _defs$1t;
383
389
 
384
- function _extends$4l() { _extends$4l = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4l.apply(this, arguments); }
390
+ function _extends$4m() { _extends$4m = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4m.apply(this, arguments); }
385
391
 
386
392
  function SvgInfo(props) {
387
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$4l({
393
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$4m({
388
394
  viewBox: "0 0 16 16",
389
395
  fill: "none",
390
396
  strokeLinecap: "round",
391
397
  strokeLinejoin: "round",
392
398
  width: "1em",
393
399
  height: "1em"
394
- }, props), _g$2l || (_g$2l = /*#__PURE__*/React__namespace.createElement("g", {
400
+ }, props), _g$2m || (_g$2m = /*#__PURE__*/React__namespace.createElement("g", {
395
401
  clipPath: "url(#info_svg__clip0_8_5377)",
396
402
  stroke: "currentColor"
397
403
  }, /*#__PURE__*/React__namespace.createElement("path", {
398
404
  d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333zm0-4V8m0-2.667h.007"
399
- }))), _defs$1s || (_defs$1s = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
405
+ }))), _defs$1t || (_defs$1t = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
400
406
  id: "info_svg__clip0_8_5377"
401
407
  }, /*#__PURE__*/React__namespace.createElement("path", {
402
408
  fill: "currentColor",
@@ -404,19 +410,19 @@ function SvgInfo(props) {
404
410
  })))));
405
411
  }
406
412
 
407
- var _g$2k;
413
+ var _g$2l;
408
414
 
409
- function _extends$4k() { _extends$4k = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4k.apply(this, arguments); }
415
+ function _extends$4l() { _extends$4l = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4l.apply(this, arguments); }
410
416
 
411
417
  function SvgLock(props) {
412
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$4k({
418
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$4l({
413
419
  viewBox: "0 0 16 16",
414
420
  fill: "none",
415
421
  strokeLinecap: "round",
416
422
  strokeLinejoin: "round",
417
423
  width: "1em",
418
424
  height: "1em"
419
- }, props), _g$2k || (_g$2k = /*#__PURE__*/React__namespace.createElement("g", {
425
+ }, props), _g$2l || (_g$2l = /*#__PURE__*/React__namespace.createElement("g", {
420
426
  stroke: "currentColor"
421
427
  }, /*#__PURE__*/React__namespace.createElement("path", {
422
428
  d: "M12.667 7.333H3.333C2.597 7.333 2 7.93 2 8.668v4.667c0 .736.597 1.333 1.333 1.333h9.334c.736 0 1.333-.597 1.333-1.333V8.667c0-.737-.597-1.333-1.333-1.333z"
@@ -425,24 +431,24 @@ function SvgLock(props) {
425
431
  }))));
426
432
  }
427
433
 
428
- var _g$2g, _defs$1q;
434
+ var _g$2h, _defs$1r;
429
435
 
430
- function _extends$46() { _extends$46 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$46.apply(this, arguments); }
436
+ function _extends$47() { _extends$47 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$47.apply(this, arguments); }
431
437
 
432
438
  function SvgMinusCircle(props) {
433
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$46({
439
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$47({
434
440
  viewBox: "0 0 16 16",
435
441
  fill: "none",
436
442
  strokeLinecap: "round",
437
443
  strokeLinejoin: "round",
438
444
  width: "1em",
439
445
  height: "1em"
440
- }, props), _g$2g || (_g$2g = /*#__PURE__*/React__namespace.createElement("g", {
446
+ }, props), _g$2h || (_g$2h = /*#__PURE__*/React__namespace.createElement("g", {
441
447
  clipPath: "url(#minus-circle_svg__clip0_8_5970)",
442
448
  stroke: "currentColor"
443
449
  }, /*#__PURE__*/React__namespace.createElement("path", {
444
450
  d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333zM5.333 8h5.334"
445
- }))), _defs$1q || (_defs$1q = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
451
+ }))), _defs$1r || (_defs$1r = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
446
452
  id: "minus-circle_svg__clip0_8_5970"
447
453
  }, /*#__PURE__*/React__namespace.createElement("path", {
448
454
  fill: "currentColor",
@@ -452,10 +458,10 @@ function SvgMinusCircle(props) {
452
458
 
453
459
  var _path$1M;
454
460
 
455
- function _extends$3$() { _extends$3$ = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3$.apply(this, arguments); }
461
+ function _extends$40() { _extends$40 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$40.apply(this, arguments); }
456
462
 
457
463
  function SvgPlus(props) {
458
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$3$({
464
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$40({
459
465
  viewBox: "0 0 16 16",
460
466
  fill: "none",
461
467
  strokeLinecap: "round",
@@ -468,24 +474,24 @@ function SvgPlus(props) {
468
474
  })));
469
475
  }
470
476
 
471
- var _g$2d, _defs$1n;
477
+ var _g$2e, _defs$1o;
472
478
 
473
- function _extends$3_() { _extends$3_ = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3_.apply(this, arguments); }
479
+ function _extends$3$() { _extends$3$ = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3$.apply(this, arguments); }
474
480
 
475
481
  function SvgPlusCircle(props) {
476
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$3_({
482
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$3$({
477
483
  viewBox: "0 0 16 16",
478
484
  fill: "none",
479
485
  strokeLinecap: "round",
480
486
  strokeLinejoin: "round",
481
487
  width: "1em",
482
488
  height: "1em"
483
- }, props), _g$2d || (_g$2d = /*#__PURE__*/React__namespace.createElement("g", {
489
+ }, props), _g$2e || (_g$2e = /*#__PURE__*/React__namespace.createElement("g", {
484
490
  clipPath: "url(#plus-circle_svg__clip0_8_5870)",
485
491
  stroke: "currentColor"
486
492
  }, /*#__PURE__*/React__namespace.createElement("path", {
487
493
  d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333zm0-9.334v5.334M5.333 8h5.334"
488
- }))), _defs$1n || (_defs$1n = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
494
+ }))), _defs$1o || (_defs$1o = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
489
495
  id: "plus-circle_svg__clip0_8_5870"
490
496
  }, /*#__PURE__*/React__namespace.createElement("path", {
491
497
  fill: "currentColor",
@@ -495,10 +501,10 @@ function SvgPlusCircle(props) {
495
501
 
496
502
  var _path$1u;
497
503
 
498
- function _extends$3u() { _extends$3u = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3u.apply(this, arguments); }
504
+ function _extends$3v() { _extends$3v = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3v.apply(this, arguments); }
499
505
 
500
506
  function SvgWarning(props) {
501
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$3u({
507
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$3v({
502
508
  viewBox: "0 0 16 16",
503
509
  fill: "none",
504
510
  strokeLinecap: "round",
@@ -513,10 +519,10 @@ function SvgWarning(props) {
513
519
 
514
520
  var _path$18;
515
521
 
516
- function _extends$2U() { _extends$2U = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2U.apply(this, arguments); }
522
+ function _extends$2V() { _extends$2V = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2V.apply(this, arguments); }
517
523
 
518
524
  function SvgTrash(props) {
519
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$2U({
525
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$2V({
520
526
  viewBox: "0 0 16 16",
521
527
  fill: "none",
522
528
  strokeLinecap: "round",
@@ -529,19 +535,19 @@ function SvgTrash(props) {
529
535
  })));
530
536
  }
531
537
 
532
- var _g$11;
538
+ var _g$12;
533
539
 
534
- function _extends$1G() { _extends$1G = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1G.apply(this, arguments); }
540
+ function _extends$1H() { _extends$1H = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1H.apply(this, arguments); }
535
541
 
536
542
  function SvgRestaurantMenu(props) {
537
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1G({
543
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1H({
538
544
  viewBox: "0 0 16 16",
539
545
  fill: "none",
540
546
  strokeLinecap: "round",
541
547
  strokeLinejoin: "round",
542
548
  width: "1em",
543
549
  height: "1em"
544
- }, props), _g$11 || (_g$11 = /*#__PURE__*/React__namespace.createElement("g", {
550
+ }, props), _g$12 || (_g$12 = /*#__PURE__*/React__namespace.createElement("g", {
545
551
  stroke: "currentColor"
546
552
  }, /*#__PURE__*/React__namespace.createElement("path", {
547
553
  d: "M11.334.667l-8 2.666h8V.667zM3.333 3.333h9.333v11.333H3.333zM5.333 8h5.334m-5.334 2.333h1m2 0h2.334"
@@ -550,10 +556,10 @@ function SvgRestaurantMenu(props) {
550
556
 
551
557
  var _path$x;
552
558
 
553
- function _extends$1p() { _extends$1p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1p.apply(this, arguments); }
559
+ function _extends$1q() { _extends$1q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1q.apply(this, arguments); }
554
560
 
555
561
  function SvgDollarSign(props) {
556
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1p({
562
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1q({
557
563
  viewBox: "0 0 16 16",
558
564
  fill: "none",
559
565
  strokeLinecap: "round",
@@ -568,10 +574,10 @@ function SvgDollarSign(props) {
568
574
 
569
575
  var _path$h, _path2$3;
570
576
 
571
- function _extends$C() { _extends$C = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$C.apply(this, arguments); }
577
+ function _extends$D() { _extends$D = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$D.apply(this, arguments); }
572
578
 
573
579
  function SvgReviews(props) {
574
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$C({
580
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$D({
575
581
  viewBox: "0 0 16 16",
576
582
  fill: "none",
577
583
  strokeLinecap: "round",
@@ -627,10 +633,10 @@ function __rest(s, e) {
627
633
 
628
634
  var _path$1D;
629
635
 
630
- function _extends$3G() { _extends$3G = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3G.apply(this, arguments); }
636
+ function _extends$3H() { _extends$3H = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3H.apply(this, arguments); }
631
637
 
632
638
  function SvgUser(props) {
633
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$3G({
639
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$3H({
634
640
  viewBox: "0 0 16 16",
635
641
  fill: "none",
636
642
  strokeLinecap: "round",
@@ -1540,8 +1546,9 @@ var MenuItem = React.forwardRef(function (props, ref) {
1540
1546
  React__default['default'].createElement(MenuItemInfo, null,
1541
1547
  isFeatured && React__default['default'].createElement(StatusTag, { color: "highlight", label: "Featured", variant: "filled", size: "sm" }),
1542
1548
  React__default['default'].createElement(core.Box, { display: "flex", gridGap: 8, alignItems: "center" },
1543
- React__default['default'].createElement(core.Typography, { component: "h3", className: classes.cardTitle }, loading ? React__default['default'].createElement(lab.Skeleton, null) : title),
1544
- isOutOfStock && React__default['default'].createElement(StatusTag, { color: "warning", label: "Out of stock", variant: "outlined", size: "sm" })),
1549
+ React__default['default'].createElement(core.Typography, { component: "h3", className: classes.cardTitle },
1550
+ loading ? React__default['default'].createElement(lab.Skeleton, null) : title,
1551
+ React__default['default'].createElement("span", { className: classes.outOfStockTag }, isOutOfStock && React__default['default'].createElement(StatusTag, { color: "warning", label: "Out of stock", variant: "outlined", size: "sm" })))),
1545
1552
  React__default['default'].createElement(core.Typography, { className: classes.cardDescription, paragraph: true }, loading ? React__default['default'].createElement(lab.Skeleton, null) : description),
1546
1553
  loading ? (React__default['default'].createElement(lab.Skeleton, null,
1547
1554
  React__default['default'].createElement(MenuItemReactions, { likeCount: likeCount, reviewCount: reviewCount }))) : (React__default['default'].createElement(MenuItemReactions, { likeCount: likeCount, reviewCount: reviewCount })),
@@ -1996,8 +2003,10 @@ var getStatusTagProps = function (props) {
1996
2003
  switch (true) {
1997
2004
  case error:
1998
2005
  color = 'error';
2006
+ break;
1999
2007
  case isOutOfStock:
2000
2008
  color = 'warning';
2009
+ break;
2001
2010
  }
2002
2011
  var label = optionalText;
2003
2012
  switch (true) {