@dartech/arsenal-ui 1.4.79 → 1.4.81

package/index.js

@@ -1602,8 +1602,32 @@ const inputThemeOptions = {
           },
 
           '&.MuiButton-root:hover': {
-            boxShadow: 'none',
+            boxShadow: 'none'
+          },
+          '&.MuiButton-containedPrimary:hover': {
             backgroundColor: '#D15C3B'
+          },
+          '&.MuiButton-outlinedPrimary:hover': {
+            backgroundColor: '#F6F6F7',
+            borderColor: '#DDDDE1'
+          },
+          '&.MuiButton-textPrimary': {
+            color: baseTheme.palette.secondary.dark,
+            '&:hover': {
+              backgroundColor: '#F6F6F7'
+            },
+            '&:active': {
+              backgroundColor: '#EEEEF0'
+            }
+          },
+          '&.MuiButton-textSecondary': {
+            color: baseTheme.palette.secondary.main,
+            '&:hover': {
+              backgroundColor: '#DEF7FC'
+            },
+            '&:active': {
+              backgroundColor: '#CFE6ED'
+            }
           }
         }
       }
@@ -1651,6 +1675,7 @@ const inputThemeOptions = {
     MuiInputLabel: {
       styleOverrides: {
         root: {
+          color: '#6D6E85',
           position: 'relative',
           overflow: 'initial',
           transform: 'none',
@@ -1658,7 +1683,10 @@ const inputThemeOptions = {
           fontWeight: 500,
           fontSize: '14px',
           lineHeight: '20px',
-          pointerEvents: 'auto'
+          pointerEvents: 'auto',
+          '&.Mui-focused': {
+            color: '#6D6E85'
+          }
         }
       }
     },
@@ -1666,9 +1694,25 @@ const inputThemeOptions = {
       styleOverrides: {
         root: {
           borderRadius: baseTheme.spacing(3),
-          minWidth: baseTheme.spacing(25)
+          minWidth: baseTheme.spacing(25),
+          '&:hover': {
+            '.MuiOutlinedInput-notchedOutline': {
+              borderColor: '#8B8C9E'
+            }
+          },
+          '&.Mui-focused': {
+            '.MuiOutlinedInput-notchedOutline': {
+              borderColor: baseTheme.palette.secondary.main
+            }
+            // notchedOutline: {
+            //   borderWidth: 1,
+            //   borderColor: baseTheme.palette.secondary.main,
+            // }
+          }
         },
+
         notchedOutline: {
+          // border: 'none',
           top: 0,
           '& legend': {
             display: 'none',
@@ -1731,6 +1775,9 @@ const inputThemeOptions = {
           color: '#6D6E85',
           fontSize: 14,
           fontWeight: 500,
+          '&.Mui-focused': {
+            color: '#6D6E85'
+          },
           '& span': {
             color: '#D6331F'
           }

package/package.json

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

package/src/theme/inputThemeOptions.d.ts

@@ -12,7 +12,31 @@ declare const inputThemeOptions: {
                     };
                     '&.MuiButton-root:hover': {
                         boxShadow: string;
+                    };
+                    '&.MuiButton-containedPrimary:hover': {
+                        backgroundColor: string;
+                    };
+                    '&.MuiButton-outlinedPrimary:hover': {
                         backgroundColor: string;
+                        borderColor: string;
+                    };
+                    '&.MuiButton-textPrimary': {
+                        color: string;
+                        '&:hover': {
+                            backgroundColor: string;
+                        };
+                        '&:active': {
+                            backgroundColor: string;
+                        };
+                    };
+                    '&.MuiButton-textSecondary': {
+                        color: string;
+                        '&:hover': {
+                            backgroundColor: string;
+                        };
+                        '&:active': {
+                            backgroundColor: string;
+                        };
                     };
                 };
             };
@@ -52,6 +76,7 @@ declare const inputThemeOptions: {
         MuiInputLabel: {
             styleOverrides: {
                 root: {
+                    color: string;
                     position: string;
                     overflow: string;
                     transform: string;
@@ -60,6 +85,9 @@ declare const inputThemeOptions: {
                     fontSize: string;
                     lineHeight: string;
                     pointerEvents: string;
+                    '&.Mui-focused': {
+                        color: string;
+                    };
                 };
             };
         };
@@ -68,6 +96,16 @@ declare const inputThemeOptions: {
                 root: {
                     borderRadius: string;
                     minWidth: string;
+                    '&:hover': {
+                        '.MuiOutlinedInput-notchedOutline': {
+                            borderColor: string;
+                        };
+                    };
+                    '&.Mui-focused': {
+                        '.MuiOutlinedInput-notchedOutline': {
+                            borderColor: string;
+                        };
+                    };
                 };
                 notchedOutline: {
                     top: number;
@@ -132,6 +170,9 @@ declare const inputThemeOptions: {
                     color: string;
                     fontSize: number;
                     fontWeight: number;
+                    '&.Mui-focused': {
+                        color: string;
+                    };
                     '& span': {
                         color: string;
                     };