@galaxy-ds/core 1.1.51 → 1.1.52

package/dist/Tabs/Tabs.types.d.ts

@@ -1,6 +1,8 @@
 import { TabsProps } from "@material-ui/core/Tabs";
-export interface CustomTabsProps extends TabsProps {
+import { ChangeEvent, FormEvent } from "react";
+export interface CustomTabsProps extends Omit<TabsProps, "onChange"> {
     orientation?: "horizontal" | "vertical";
     value?: any;
     children: any;
+    onChange: ((event: ChangeEvent<{}>, value: any) => void) | ((event: FormEvent<HTMLButtonElement>) => void);
 }

package/dist/Themes/Core/common.d.ts

@@ -16,6 +16,10 @@ export declare const grey: {
     100: string;
     50: string;
 };
+export declare const blue: {
+    100: string;
+    50: string;
+};
 export declare const brand: {
     primary: {
         main: string;
@@ -136,6 +140,10 @@ export declare const brand: {
     };
 };
 declare const common: {
+    blue: {
+        100: string;
+        50: string;
+    };
     brand: {
         primary: {
             main: string;

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,10 @@ var grey$2 = {
     100: '#eeeeee',
     50: '#FFFFFF'
 };
+var blue = {
+    100: "#C2D8E7",
+    50: "#E0ECF5"
+};
 var brand$2 = {
     primary: {
         main: '#1C365F',
@@ -33142,6 +33146,7 @@ var brand$2 = {
     }
 };
 var common = {
+    blue: blue,
     brand: brand$2,
     grey: grey$2,
     opacity: opacity
@@ -48981,9 +48986,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 +49037,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',