@campxdev/react-blueprint 0.1.24 → 0.1.25

package/src/themes/commonTheme.ts

@@ -57,6 +57,22 @@ export const getCommonTheme = (mode: Theme) => {
           },
         },
       },
+      MuiChip: {
+        styleOverrides: {
+          root: {
+            backgroundColor: ColorTokens.secondary.main,
+            "&:hover": {
+              backgroundColor: ColorTokens.secondary.dark,
+            },
+            borderRadius: "6px",
+            padding: "10px 10px",
+            fontSize: "14px",
+            fontWeight: 400,
+            fontFamily: "Heebo",
+            margin: "5px",
+          },
+        },
+      },
       MuiDialog: {
         styleOverrides: {
           root: {
@@ -166,6 +182,24 @@ export const getCommonTheme = (mode: Theme) => {
               },
             },
             minWidth: "350px",
+            margin: "5px 0px",
+          },
+        },
+      },
+      MuiTooltip: {
+        styleOverrides: {
+          tooltip: {
+            backgroundColor: ColorTokens.background.paper,
+            padding: "20px 30px",
+            minWidth: "300px",
+            boxShadow: `0px 2px 5px ${ColorTokens.secondary.main}`,
+            border: `1px solid ${ColorTokens.secondary.main}`,
+          },
+          arrow: {
+            color: ColorTokens.background.paper,
+            "&:before": {
+              border: `1px solid ${ColorTokens.secondary.main}`,
+            },
           },
         },
       },
@@ -225,6 +259,7 @@ export const getCommonTheme = (mode: Theme) => {
               maxHeight: "40px",
               maxWidth: "400px",
             },
+            overflowY: "auto",
           },
           paper: {
             borderRadius: "10px",
@@ -294,7 +329,16 @@ export const getCommonTheme = (mode: Theme) => {
           },
         },
       },
-
+      MuiAvatar: {
+        styleOverrides: {
+          root: {
+            background: ColorTokens.background.default,
+            cursor: "pointer",
+            border: `1px solid ${ColorTokens.primary.main}`,
+            color: ColorTokens.primary.main,
+          },
+        },
+      },
       MuiTypography: {
         styleOverrides: {
           h6: {

package/src/utils/campxAxios.ts

@@ -1,8 +1,6 @@
 import axios from "axios";
 import { sessionKey } from "./constants";
 
-console.log(window.location.pathname.split("/"));
-
 const tenantCode = "campx";
 const institutionCode = "campx";
 const isProduction = process.env.NODE_ENV === "production";
@@ -13,7 +11,7 @@ export const campxAxios = axios.create({
   headers: {
     "x-tenant-id": tenantCode,
     ...(!isProduction
-      ? { campx_session_key: sessionKey || "6658507d9912823dcae621cf" }
+      ? { campx_session_key: sessionKey || "665f03e7ae4c45811c3f5818" }
       : {}),
     "x-institution-id": institutionCode,
   },

package/types/theme.d.ts

@@ -3,6 +3,7 @@ import "@mui/material/styles";
 declare module "@mui/material/styles" {
   interface Theme {
     palette: {
+      [x: string]: any;
       primary: {
         dark: string;
         main: string;
@@ -24,6 +25,9 @@ declare module "@mui/material/styles" {
       highlight: {
         main: string;
       };
+      info: {
+        main: string;
+      };
       grey: {
         main: string;
       };