@popmenu/ordering-ui 0.113.1 → 0.113.2

package/build/components/MenuDropdown/MenuDropdownProps.d.ts

@@ -10,4 +10,6 @@ export interface MenuDropdownProps {
     menuOptions: MenuDropdownOption[];
     /** current menu select value */
     selectedOptionId: number | string;
+    /** label for the dropdown */
+    label: string;
 }

package/build/index.es.js

@@ -2049,6 +2049,10 @@ var useMenuDropdownStyles = makeStyles(function (theme) {
         },
         select: {
             '& .MuiSelect-root': (_b = {
+                    '&:focus': {
+                        outline: '2px solid #0076CB',
+                        borderRadius: 8,
+                    },
                     color: '#212121',
                     padding: theme.spacing(1, 0.5, 1, 0.5),
                     zIndex: 10
@@ -2075,7 +2079,7 @@ var MenuDropdown = function (props) {
         return breakpoints.down('md');
     });
     return (React__default.createElement(FormControl, { hiddenLabel: true, classes: { root: classes.formControl } },
-        React__default.createElement(Select, { open: open, value: selectedOptionId, id: "menu-dropdown-select", onClick: function () { return setOpen(!open); }, disableUnderline: true, onChange: function (event) { return onSelect(event.target.value); }, fullWidth: true, startAdornment: React__default.createElement(InputAdornment, { position: "start" },
+        React__default.createElement(Select, { open: open, value: selectedOptionId, id: "menu-dropdown-select", "aria-label": props.label, onClick: function () { return setOpen(!open); }, disableUnderline: true, onChange: function (event) { return onSelect(event.target.value); }, fullWidth: true, startAdornment: React__default.createElement(InputAdornment, { position: "start" },
                 React__default.createElement(Icon, { icon: SvgRestaurantMenu, size: isMobile ? 'extra-large' : 'large' })), IconComponent: function () { return (React__default.createElement(InputAdornment, { position: "end" },
                 React__default.createElement(Icon, { color: "#0076CB", icon: open ? SvgChevronUp : SvgChevronDown, size: "large" }))); }, MenuProps: {
                 disablePortal: true,
@@ -2511,10 +2515,12 @@ var overrides = {
     },
     MuiCssBaseline: {
         '@global': {
-            '*:focus-visible': {
-                outline: '2px solid #0076CB',
-                outlineOffset: '-4px',
-                borderRadius: 8,
+            '*:focus-visible, a:focus-visible': {
+                '&': {
+                    outline: '2px solid #0076CB',
+                    outlineOffset: '-4px',
+                    borderRadius: 8,
+                },
             },
         },
     },