@dartech/arsenal-ui 1.4.77 → 1.4.79

package/index.js

@@ -1806,7 +1806,7 @@ const tableThemeOptions = {
           }
         },
         head: {
-          padding: baseTheme.spacing(2.75, 2),
+          padding: baseTheme.spacing(2, 2),
           color: '#6D6E85'
         },
         body: {
@@ -1859,8 +1859,8 @@ const tableThemeOptions = {
     },
     MuiDataGrid: {
       defaultProps: {
-        rowHeight: 40,
-        headerHeight: 40
+        headerHeight: 40,
+        getRowHeight: () => 'auto'
       },
       styleOverrides: {
         root: {
@@ -1895,14 +1895,15 @@ const tableThemeOptions = {
           display: 'none'
         },
         withBorder: {
-          borderColor: '#26284214'
+          borderColor: '#E0E3EA'
         },
         cell: {
+          minHeight: '48px !important',
           textOverflow: 'ellipsis',
           wordBreak: 'break-all',
           lineHeight: 'unset',
-          padding: baseTheme.spacing(0, 3),
-          borderColor: '#26284214',
+          padding: baseTheme.spacing(1.25, 3),
+          borderColor: '#E0E3EA',
           '&:focus': {
             outline: 'none'
           }
@@ -3991,7 +3992,7 @@ function TableInner({
                   textOverflow: 'ellipsis',
                   padding: ({
                     spacing
-                  }) => spacing(1.4, 0)
+                  }) => spacing(2.4, 0)
                 }
               }, {
                 children: jsx(Box, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dartech/arsenal-ui",
-  "version": "1.4.77",
+  "version": "1.4.79",
   "author": "DAR",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/src/theme/tableThemeOptions.d.ts

@@ -96,8 +96,8 @@ declare const tableThemeOptions: {
         };
         MuiDataGrid: {
             defaultProps: {
-                rowHeight: number;
                 headerHeight: number;
+                getRowHeight: () => string;
             };
             styleOverrides: {
                 root: {
@@ -135,6 +135,7 @@ declare const tableThemeOptions: {
                     borderColor: string;
                 };
                 cell: {
+                    minHeight: string;
                     textOverflow: string;
                     wordBreak: string;
                     lineHeight: string;