@galaxy-ds/core 1.1.64 → 1.1.67

package/dist/index.esm.js

@@ -33926,9 +33926,10 @@ var AvatarsGroup = function (props) {
     }
     var clampedMax = props.max < 2 ? 2 : props.max;
     var avatarCount = props.children.length > clampedMax ? props.children.length - clampedMax + 1 : 0;
+    var count = props.children.length >= 2;
     var avatars = props.children.length > 1 ? props.children.slice(0, props.children.length - avatarCount) : props.children;
     return (React__default.createElement(React__default.Fragment, null, tooltip ?
-        React__default.createElement(AvatarGroup$1, __assign$1({}, defaultProps, { spacing: 6, className: clsx(classes.avatarBorder, sizeProp, colorProp) }),
+        React__default.createElement(AvatarGroup$1, __assign$1({}, defaultProps, { spacing: 6, className: clsx(count && classes.avatarBorder, sizeProp, colorProp) }),
             React__default.Children.map(avatars, function (child) {
                 return React__default.cloneElement(child);
             }),
@@ -33936,7 +33937,7 @@ var AvatarsGroup = function (props) {
                 "+",
                 avatarCount)) : null)
         :
-            React__default.createElement(AvatarGroup$1, __assign$1({}, defaultProps, { spacing: 6, className: clsx(classes.avatarBorder, sizeProp, colorProp) }), props.children)));
+            React__default.createElement(AvatarGroup$1, __assign$1({}, defaultProps, { spacing: 6, className: clsx(count && classes.avatarBorder, sizeProp, colorProp) }), props.children)));
 };
 
 var Box = function (props) {
@@ -35768,6 +35769,9 @@ var useStyles$a = makeStyles(function (theme) {
             justifyContent: "space-between",
             alignItems: "flex-end",
         }); },
+        toolbarContent: {
+            marginTop: '10px',
+        }
     });
 });
 var HeaderToolbar = function (_a) {
@@ -35779,7 +35783,7 @@ var HeaderToolbar = function (_a) {
             React__default.createElement(Box$2, { className: clsx(classes.toolbarContainer, "gds-toolbar-title") },
                 title && (tooltip ? (React__default.createElement(Tooltip, { title: title, placement: "bottom-start" },
                     React__default.createElement(Typography, { gutterBottom: true, variant: "h4", noWrap: true, upperCase: true }, title))) : (React__default.createElement(Typography, { gutterBottom: true, variant: "h4", noWrap: true, upperCase: true }, title))),
-                left),
+                React__default.createElement(Box$2, { className: clsx(classes.toolbarContent) }, left)),
             right && (React__default.createElement(Box$2, { className: clsx("gds-buttons-w-divider", classes.containerDivider) }, right)))));
 };
 
@@ -46916,7 +46920,6 @@ var themeWeb = createTheme({
                         fontSize: typography$1.h4.fontSize,
                         fontWeight: typography$1.h4.fontWeight,
                         lineHeight: typography$1.h4.lineHeight,
-                        marginBottom: '24px',
                     }
                 }
             },
@@ -47669,7 +47672,6 @@ 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,
@@ -47697,10 +47699,10 @@ var themeWeb = createTheme({
                     },
                 },
                 "&.gds-menu-item-icon": {
-                    paddingLeft: 32,
+                    paddingLeft: 36,
                     "& .MuiListItemIcon-root": {
                         position: 'absolute',
-                        left: 8,
+                        left: 12,
                     }
                 },
                 '&.gds-drawer-menu-item-dark': {
@@ -49018,14 +49020,26 @@ var themeDesktop = createTheme({
                     backgroundColor: pallettes.brand.utility.accent.dark,
                     color: '#fff',
                     cursor: 'default',
+                    '&:not($selected) svg': {
+                        color: pallettes.brand.primary.contrastText,
+                    },
                 }, '&:hover .MuiListItemText-root .MuiTypography-root': {
                     color: '#fff',
                 }, '&$selected': {
                     backgroundColor: pallettes.brand.background.selected,
                     color: '#fff',
+                    '& svg': {
+                        color: pallettes.grey['50'],
+                    },
+                }, '&.gds-menu-item-checked': {
+                    "&:not($selected) svg": {
+                        color: pallettes.pallette.action.selected,
+                    },
                 }, "&.gds-menu-item-icon": {
+                    paddingLeft: 24,
                     "& .MuiListItemIcon-root": {
-                        display: "none",
+                        position: 'absolute',
+                        left: 3,
                     }
                 }, '.customMultipleList &$selected': {
                     backgroundColor: '#fff',
@@ -49290,7 +49304,7 @@ var themeDesktop = createTheme({
                 color: pallettes.brand.text.main,
                 "&.MuiTypography-h4": {
                     ".gds-toolbar-title &": {
-                        marginBottom: '24px',
+                        marginBottom: '0',
                         color: pallettes.brand.primary.light + " !important",
                     }
                 }