@galaxy-ds/core 1.1.50 → 1.1.54

package/dist/index.esm.js

@@ -101,7 +101,7 @@ var indigo = {
 };
 var indigo$1 = indigo;
 
-var blue = {
+var blue$1 = {
   50: '#e3f2fd',
   100: '#bbdefb',
   200: '#90caf9',
@@ -117,7 +117,7 @@ var blue = {
   A400: '#2979ff',
   A700: '#2962ff'
 };
-var blue$1 = blue;
+var blue$2 = blue$1;
 
 var green = {
   50: '#e8f5e9',
@@ -2385,9 +2385,9 @@ function createPalette(palette) {
   } : _palette$warning,
       _palette$info = palette.info,
       info = _palette$info === void 0 ? {
-    light: blue$1[300],
-    main: blue$1[500],
-    dark: blue$1[700]
+    light: blue$2[300],
+    main: blue$2[500],
+    dark: blue$2[700]
   } : _palette$info,
       _palette$success = palette.success,
       success = _palette$success === void 0 ? {
@@ -33022,6 +33022,11 @@ var grey$2 = {
     100: '#eeeeee',
     50: '#FFFFFF'
 };
+var blue = {
+    200: '#ebf1f4',
+    100: "#C2D8E7",
+    50: "#E0ECF5"
+};
 var brand$2 = {
     primary: {
         main: '#1C365F',
@@ -33142,6 +33147,7 @@ var brand$2 = {
     }
 };
 var common = {
+    blue: blue,
     brand: brand$2,
     grey: grey$2,
     opacity: opacity
@@ -35644,7 +35650,7 @@ var Dialog = function (props) {
         default:
             variantIcon = platform === 'web' ? React__default.createElement(InfoCircleIcon, null) : React__default.createElement(InfoIcon, null);
     }
-    return (React__default.createElement(Dialog$2, { className: clsx(classes.root, 'gds-modal', platform === 'web' ? 'gds-modal--web' : 'gds-modal--desktop'), open: props.open, closeAfterTransition: true, hideBackdrop: true },
+    return (React__default.createElement(Dialog$2, { className: clsx(classes.root, 'gds-modal', platform === 'web' ? 'gds-modal--web' : 'gds-modal--desktop'), open: props.open, closeAfterTransition: true, hideBackdrop: true, onClose: props.handleClose },
         React__default.createElement("div", { className: clsx(classes.root, 'gds-modal_paper') },
             React__default.createElement("div", { className: clsx(classes.root, 'gds-modal_header') },
                 platform === 'web' ? ('') : (React__default.createElement(LeapLogoIcon, { className: clsx(classes.root, 'gds-modal_logo') })),
@@ -36086,9 +36092,9 @@ var TableCell = function (props) {
     return (React__default.createElement(MuiTableCell, __assign$1({}, rest, { className: clsx(variantProp) })));
 };
 
-var TableRow = function (props) {
-    return (React__default.createElement(MuiTableRow, __assign$1({}, props)));
-};
+var TableRow = React__default.forwardRef(function (props, ref) {
+    return React__default.createElement(MuiTableRow, __assign$1({}, props, { ref: ref }));
+});
 
 var TableFooter = function (props) {
     var children = props.children, rest = __rest(props, ["children"]);
@@ -47793,6 +47799,22 @@ var themeWeb = createTheme({
                 },
             },
         },
+        MuiTableRow: {
+            root: {
+                '&.MuiTableRow-hover': {
+                    backgroundColor: 'transparent',
+                    '&:hover': {
+                        backgroundColor: '#f3f3f3',
+                    },
+                },
+                '&.Mui-selected': {
+                    backgroundColor: common.blue[200],
+                    '&:hover': {
+                        backgroundColor: common.blue[200],
+                    },
+                },
+            },
+        },
         MuiToolbar: {
             root: {
                 '&.gds-header-toolbar': {
@@ -47808,7 +47830,7 @@ var themeWeb = createTheme({
                     },
                     '&.with-title': {
                         padding: 16,
-                    }
+                    },
                 },
             },
         },
@@ -48981,9 +49003,23 @@ var themeDesktop = createTheme({
             },
         },
         MuiTableRow: {
+            root: {
+                "&.MuiTableRow-hover": {
+                    backgroundColor: "transparent",
+                    "&:hover": {
+                        backgroundColor: "#f3f3f3",
+                    }
+                },
+                "&.Mui-selected": {
+                    backgroundColor: common.blue[50],
+                    "&:hover": {
+                        backgroundColor: common.blue[50],
+                    }
+                }
+            },
             footer: {
                 borderBottom: 'none',
-            },
+            }
         },
         MuiToolbar: {
             root: {
@@ -49018,12 +49054,13 @@ var themeDesktop = createTheme({
         MuiTooltip: {
             tooltip: {
                 fontSize: typography.body2.fontSize,
-                borderRadius: 2,
-                backgroundColor: pallettes.grey[700],
+                borderRadius: 1,
+                color: pallettes.pallette.text.primary,
+                backgroundColor: pallettes.grey[50],
                 padding: 3,
                 minHeight: 22,
                 maxWidth: 'auto',
-                boxShadow: "0px 2px 3px rgba(0, 0, 0, " + opacity[600] + ")",
+                boxShadow: '0px 2px 8px rgba(0, 0, 0, 0.21)',
             },
             tooltipPlacementTop: {
                 margin: '5px 0 !important',