@galaxy-ds/core 1.1.62 → 1.1.63

package/dist/index.js

@@ -34235,10 +34235,10 @@ var useStyles$n = makeStyles(function (theme) {
     });
 });
 var MenuItem = React__default["default"].forwardRef(function (props, ref) {
-    var children = props.children, startAdornment = props.startAdornment, value = props.value, system = props.system, border = props.border, rest = __rest(props, ["children", "startAdornment", "value", "system", "border"]);
+    var children = props.children, startAdornment = props.startAdornment, value = props.value, system = props.system, border = props.border, checked = props.checked, rest = __rest(props, ["children", "startAdornment", "value", "system", "border", "checked"]);
     var classes = useStyles$n();
     return (React__default["default"].createElement("div", { className: classes.root },
-        React__default["default"].createElement(MuiMenuItem, __assign$1({ ref: ref }, rest, { button: true, className: clsx(classes.root, system ? "gds-menu-item-system" : "", startAdornment ? "gds-menu-item-icon" : "") }),
+        React__default["default"].createElement(MuiMenuItem, __assign$1({ ref: ref }, rest, { button: true, className: clsx(classes.root, checked ? "gds-menu-item-checked" : "", system ? "gds-menu-item-system" : "", startAdornment ? "gds-menu-item-icon" : "") }),
             startAdornment ? (React__default["default"].createElement(ListItemIcon, null, startAdornment)) : null,
             children,
             " ",
@@ -47667,6 +47667,7 @@ var themeWeb = createTheme({
                 lineHeight: 1.5715,
                 letterSpacing: '0.01rem',
                 padding: '.25rem 1.25rem',
+                '&.gds-startIcon': {},
                 '&:hover': {
                     backgroundColor: pallettes$1.brand.primary.transparent,
                     color: pallettes$1.brand.primary.main,
@@ -47688,11 +47689,13 @@ var themeWeb = createTheme({
                     backgroundColor: pallettes$1.brand.primary.main,
                     color: pallettes$1.grey['50'],
                 },
-                "&.gds-menu-item-icon": {
-                    paddingLeft: 32,
+                '&.gds-menu-item-checked': {
                     "&:not($selected) svg": {
                         color: pallettes$1.pallette.action.selected,
                     },
+                },
+                "&.gds-menu-item-icon": {
+                    paddingLeft: 32,
                     "& .MuiListItemIcon-root": {
                         position: 'absolute',
                         left: 8,