@popmenu/ordering-ui 0.75.0 → 0.77.0

package/build/components/Button/Button.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { ButtonProps } from './ButtonProps';
-export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "className" | "style" | "classes" | "innerRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "variant" | "disableElevation" | "fullWidth" | "startIcon" | "endIcon" | "disableFocusRipple" | "href" | "size" | "action" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "loading"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "className" | "style" | "classes" | "innerRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "disableElevation" | "fullWidth" | "startIcon" | "endIcon" | "variation" | "disableFocusRipple" | "href" | "size" | "variant" | "action" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps"> & React.RefAttributes<HTMLButtonElement>>;

package/build/components/Button/ButtonProps.d.ts

@@ -1,6 +1,5 @@
-import { ButtonProps as CommonButtonProps } from '@material-ui/core/Button';
-export interface ButtonProps extends Omit<CommonButtonProps, 'variant'> {
-    loading?: boolean;
-    /** Sets the overall visual of a button according the the design system button variants. */
-    variant?: 'primary' | 'secondary' | 'text';
+import { ButtonProps as MuiButtonProps } from '@material-ui/core';
+export interface ButtonProps extends MuiButtonProps {
+    /** design system variation, not to be confused with "variant" which is an MUI prop */
+    variation?: 'primary' | 'secondary' | 'none';
 }

package/build/components/Button/index.d.ts

@@ -1,2 +1,2 @@
-export { Button as default } from './Button';
+export { Button } from './Button';
 export { ButtonProps } from './ButtonProps';

package/build/components/index.d.ts

@@ -1,4 +1,5 @@
-export { default as Button, ButtonProps } from './Button';
+export * from '@material-ui/core';
+export { Button, ButtonProps } from './Button';
 export { default as DishCard, DishCardProps } from './DishCard';
 export { default as DishCheckoutCard, DishCheckoutCardProps } from './DishCheckoutCard';
 export { default as DishDetailsReview, DishDetailsReviewProps } from './DishDetailsReview';

package/build/index.d.ts

@@ -1 +1,2 @@
 export * from './components';
+export * from './theme';

package/build/index.es.js

@@ -1,7 +1,8 @@
+import { Button as Button$2, makeStyles, Typography as Typography$1, Link as Link$1, Paper as Paper$1, Box, Avatar as Avatar$1, useTheme as useTheme$1, FormControl, Select, InputAdornment, MenuItem, FormControlLabel as FormControlLabel$1, Checkbox as Checkbox$1, Radio as Radio$1, Menu, TextField } from '@material-ui/core';
+export * from '@material-ui/core';
 import * as React from 'react';
 import React__default, { forwardRef, createElement, useState } from 'react';
 import '@material-ui/lab/Alert';
-import { makeStyles, Typography as Typography$1, Link as Link$1, Paper as Paper$1, Box, Avatar as Avatar$1, useTheme as useTheme$1, FormControl, Select, InputAdornment, MenuItem, FormControlLabel as FormControlLabel$1, Checkbox as Checkbox$1, Radio as Radio$1, Button as Button$2, Menu, TextField } from '@material-ui/core';
 import '@material-ui/core/AppBar';
 import MuiAvatar from '@material-ui/core/Avatar';
 import { makeStyles as makeStyles$1, useTheme, lighten } from '@material-ui/core/styles';
@@ -86,6 +87,23 @@ function __rest$1(s, e) {
     return t;
 }
 
+var Button$1 = forwardRef(function (props, ref) {
+    var _a = props.variation, variation = _a === void 0 ? 'primary' : _a, muiProps = __rest$1(props, ["variation"]);
+    var variationProps = {};
+    switch (variation) {
+        case 'primary':
+            variationProps.variant = 'contained';
+            variationProps.color = 'primary';
+            break;
+        case 'secondary':
+            variationProps.variant = 'outlined';
+            variationProps.color = 'primary';
+            break;
+    }
+    return React__default.createElement(Button$2, __assign$1({}, variationProps, muiProps, { ref: ref }));
+});
+Button$1.displayName = 'Button';
+
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -472,7 +490,7 @@ makeStyles$1(function (theme) { return ({
     },
 }); });
 
-var useButtonStyles$1 = makeStyles$1(function () { return ({
+var useButtonStyles = makeStyles$1(function () { return ({
     root: {
         minWidth: 'unset',
     },
@@ -484,10 +502,10 @@ var useButtonStyles$1 = makeStyles$1(function () { return ({
     },
 }); });
 
-var Button$1 = forwardRef(function (props, ref) {
+var Button = forwardRef(function (props, ref) {
     props.textTransform; var loading = props.loading, classesOverride = props.classes, className = props.className, muiProps = __rest(props, ["textTransform", "loading", "classes", "className"]);
     props.classes; var styleProps = __rest(props, ["classes"]);
-    var classes = useButtonStyles$1(styleProps);
+    var classes = useButtonStyles(styleProps);
     var typography = useTheme().typography;
     var loadingIndicator = {
         startIcon: React__default.createElement(CircularProgress, { color: "inherit", size: typography.button.fontSize }),
@@ -495,7 +513,7 @@ var Button$1 = forwardRef(function (props, ref) {
     };
     return (React__default.createElement(MuiButton, __assign({ ref: ref, classes: __assign(__assign({}, classes), classesOverride), className: classNames$1([className, 'pm-button']) }, muiProps, (loading && loadingIndicator))));
 });
-Button$1.displayName = 'Button';
+Button.displayName = 'Button';
 
 var Checkbox = forwardRef(function (props, ref) {
     var label = props.label, disabled = props.disabled, LabelProps = props.LabelProps, muiProps = __rest(props, ["label", "disabled", "LabelProps"]);
@@ -504,7 +522,7 @@ var Checkbox = forwardRef(function (props, ref) {
 });
 Checkbox.displayName = 'Checkbox';
 
-var getBackground$1 = function (theme) { return function (props) {
+var getBackground = function (theme) { return function (props) {
     var variant = props.variant, severity = props.severity;
     var background = theme.palette.grey[100];
     var backgrounds = {
@@ -523,7 +541,7 @@ var getBackground$1 = function (theme) { return function (props) {
     }
     return background;
 }; };
-var getColor$1 = function (theme) { return function (props) {
+var getColor = function (theme) { return function (props) {
     var variant = props.variant, severity = props.severity;
     var textColor;
     if (variant === 'outlined' && severity) {
@@ -565,8 +583,8 @@ var getBorder = function (theme) { return function (props) {
 }; };
 var useChipStyles = makeStyles$1(function (theme) { return ({
     root: {
-        background: getBackground$1(theme),
-        color: getColor$1(theme),
+        background: getBackground(theme),
+        color: getColor(theme),
         borderColor: getBorder(theme),
         borderRadius: theme.spacing(0.5),
     },
@@ -932,103 +950,6 @@ makeStyles(function (theme) { return ({
     },
 }); });
 
-var getColor = function (theme) { return function (props) {
-    var variant = props.variant;
-    if (variant === 'primary') {
-        return theme.palette.common.white;
-    }
-    else if (variant === 'text') {
-        return theme.palette.info.main;
-    }
-    return theme.palette.common.black;
-}; };
-var getBackground = function (theme) { return function (props) {
-    var variant = props.variant;
-    if (variant === 'primary') {
-        return '#0A202F';
-    }
-    else {
-        return theme.palette.common.white;
-    }
-}; };
-var getFontSize = function () { return function (props) {
-    var variant = props.variant;
-    if (variant === 'primary') {
-        return '1rem';
-    }
-    else {
-        return '0.875rem';
-    }
-}; };
-var buttonTypography = {
-    fontWeight: 400,
-    lineHeight: '1.25rem',
-};
-var useButtonStyles = makeStyles$1(function (theme) { return ({
-    root: {
-        borderRadius: theme.spacing(6),
-        color: getColor(theme),
-        background: getBackground(theme),
-        fontSize: getFontSize(),
-        textTransform: 'none',
-        minWidth: 'unset',
-    },
-    disabled: {
-        '&$root': {
-            background: theme.palette.grey[300],
-        },
-    },
-    contained: {
-        padding: theme.spacing(2),
-        '&:hover': {
-            background: getBackground(theme),
-        },
-    },
-    outlined: {
-        padding: theme.spacing(2),
-    },
-    sizeSmall: {
-        padding: theme.spacing(1, 2),
-    },
-    text: {
-        padding: theme.spacing(1),
-        margin: 'auto',
-    },
-    label: __assign$1({}, buttonTypography),
-}); });
-
-var deriveButtonProps = function (buttonProps) {
-    var variant = buttonProps.variant;
-    var derived = {};
-    switch (variant) {
-        case 'primary':
-            derived.variant = 'contained';
-            break;
-        case 'secondary':
-            derived.variant = 'outlined';
-            break;
-        case 'text':
-            derived.variant = 'text';
-            break;
-        default:
-            derived.variant = variant;
-            break;
-    }
-    return derived;
-};
-
-var Button = forwardRef(function (props, ref) {
-    var children = props.children; props.variant; var classesOverride = props.classes, commonProps = __rest$1(props, ["children", "variant", "classes"]);
-    var classes = useButtonStyles(props);
-    var derivedProps = deriveButtonProps(props);
-    var mergedProps = __assign$1(__assign$1({}, derivedProps), commonProps);
-    return (React__default.createElement(Button$1, __assign$1({ ref: ref, classes: __assign$1(__assign$1({}, classes), classesOverride), disableElevation: true }, mergedProps), children));
-});
-Button.defaultProps = {
-    variant: 'primary',
-};
-Button.displayName = 'Button';
-
 var _path$1f;
 
 function _extends$2M() { _extends$2M = 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$2M.apply(this, arguments); }
@@ -1527,7 +1448,7 @@ var DishCheckoutCard = function (props) {
                     specialInstructions,
                     "\"")),
             React__default.createElement(Box, { display: "flex", gridGap: 1, height: "100%" },
-                React__default.createElement(Button, { variant: "text", onClick: onEdit }, "Edit"),
+                React__default.createElement(Button$1, { variant: "text", onClick: onEdit }, "Edit"),
                 React__default.createElement(IconButton, { onClick: onDelete },
                     React__default.createElement(Icon, { icon: SvgTrash, className: classes.deleteIcon })))),
         React__default.createElement(Box, { display: "flex", gridGap: 16, alignItems: "center" },
@@ -1739,7 +1660,7 @@ DishModifierCard.displayName = 'DishModifierCard';
 var useLocationCardStyles = makeStyles$1(function (theme) {
     var _a = theme.palette, info = _a.info, grey = _a.grey, secondary = _a.secondary, spacing = theme.spacing;
     var selectedBackgroundColor = lighten(theme.palette.info.light, 0.9);
-    var backgroundColor = theme.palette.surface.light;
+    var backgroundColor = theme.palette.background.default;
     return {
         root: {
             background: '#FFF',
@@ -2074,5 +1995,119 @@ var SelectableChipGroup = function (props) {
         React__default.createElement(Box, { minWidth: "1px" })));
 };
 
-export { Button, DishCard, DishCheckoutCard, DishDetailsReview, DishModifierCard, ItemTag, ItemTagGroup, LocationCard, MenuDropdown, MenuFilter, QuantityPicker, ReactionCounter, ReactionCounterGroup, SelectableChip, SelectableChipGroup, StatusTag };
+var palette = {
+    primary: {
+        light: '#7B7FA3',
+        main: '#2E3042',
+        dark: '#1A1D20',
+    },
+    secondary: {
+        light: '#DA777E',
+        main: '#F04649',
+        dark: '#B3212B',
+    },
+    info: {
+        light: '#52B7FF',
+        main: '#0076CB',
+        dark: '#164B54',
+    },
+    success: {
+        light: '#48D3AB',
+        main: '#00B485',
+        dark: '#00663E',
+        contrastText: '#FFFFFF',
+    },
+    error: {
+        light: '#DA777E',
+        main: '#E52021',
+        dark: '#A80005',
+    },
+    warning: {
+        light: '#F0DFBA',
+        main: '#F5C364',
+        dark: '#E57E45',
+    },
+};
+
+var overrides = {
+    MuiButton: {
+        root: {
+            borderRadius: 32,
+            textTransform: 'none',
+        },
+    },
+};
+
+var props = {
+    MuiButton: {
+        disableElevation: true,
+    },
+};
+
+var fonts = ['"Poppins"', '"sans-serif"'];
+var typography = {
+    htmlFontSize: 16,
+    fontFamily: fonts.join(', '),
+    h1: {
+        fontWeight: 400,
+        fontSize: '6rem',
+        lineHeight: '9rem',
+    },
+    h2: {
+        fontWeight: 400,
+        fontSize: '3.75rem',
+        lineHeight: '5.625rem',
+    },
+    h3: {
+        fontWeight: 400,
+        fontSize: '3rem',
+        lineHeight: '4.5rem',
+    },
+    h4: {
+        fontWeight: 400,
+        fontSize: '2.125rem',
+        lineHeight: '3.25rem',
+    },
+    h5: {
+        fontWeight: 500,
+        fontSize: '1.5rem',
+        lineHeight: '2.25rem',
+    },
+    h6: {
+        fontWeight: 500,
+        fontSize: '1.25rem',
+        lineHeight: '1.875rem',
+    },
+    body1: {
+        fontWeight: 400,
+        fontSize: '1rem',
+        lineHeight: '1.5rem',
+    },
+    body2: {
+        fontWeight: 400,
+        fontSize: '0.875rem',
+        lineHeight: '1.25rem',
+    },
+    subtitle1: {
+        fontWeight: 400,
+        fontSize: '0.75rem',
+        lineHeight: '1.125rem',
+        color: '#9E9E9E',
+    },
+    button: {
+        fontWeight: 500,
+        fontSize: '0.875rem',
+        lineHeight: '1.25rem',
+        textTransform: 'capitalize',
+    },
+};
+
+var orderingTheme = {
+    typography: typography,
+    palette: palette,
+    overrides: overrides,
+    props: props,
+};
+
+export { Button$1 as Button, DishCard, DishCheckoutCard, DishDetailsReview, DishModifierCard, ItemTag, ItemTagGroup, LocationCard, MenuDropdown, MenuFilter, QuantityPicker, ReactionCounter, ReactionCounterGroup, SelectableChip, SelectableChipGroup, StatusTag, orderingTheme };
 //# sourceMappingURL=index.es.js.map