@campxdev/react-blueprint 0.1.24 → 0.1.26

package/src/components/Navigation/DropDownMenu/DropDownMenu.stories.tsx

@@ -50,17 +50,10 @@ export const Primary: Story = {
       <DropdownMenuItem
         icon={<Icons.HelpIcon />}
         label={"Register"}
-        onClick={() => {
-          console.log("hi");
-        }}
+        onClick={() => {}}
       />,
 
-      <DropdownMenuItem
-        label={"Active Devices"}
-        onClick={() => {
-          console.log("hi");
-        }}
-      />,
+      <DropdownMenuItem label={"Active Devices"} onClick={() => {}} />,
     ],
     menuListProps: {
       sx: { width: "20px" },
@@ -94,9 +87,7 @@ export const WithButtonLoading: Story = {
       <DropdownMenuItem
         icon={<Icons.HelpIcon />}
         label={"Register"}
-        onClick={() => {
-          console.log("hi");
-        }}
+        onClick={() => {}}
       />,
     ],
   },

package/src/components/export.ts

@@ -10,4 +10,6 @@ export * from "./Layout/LayoutWrapper/LayoutWrapper";
 export * from "./Layout/PageContent/PageContent";
 export * from "./Layout/SideNavigation/SideNavigation";
 export * from "./Navigation/DropDownMenu/DropDownButton";
+export * from "./Navigation/DropDownMenu/DropDownIcon";
 export * from "./Navigation/DropDownMenu/DropDownMenu";
+export * from "./Navigation/DropDownMenu/DropdownMenuItem";

package/src/themes/colorTokens.ts

@@ -21,10 +21,10 @@ export const LightColorTokens = {
     main: "#88B053",
   },
   error: {
-    main: "F2353C",
+    main: "#F2353C",
   },
   warning: {
-    main: "ED9035",
+    main: "#ED9035",
   },
   info: {
     main: "#4BAABE",
@@ -60,10 +60,10 @@ export const DarkColorTokens = {
     main: "#88B053",
   },
   error: {
-    main: "F2353C",
+    main: "#F2353C",
   },
   warning: {
-    main: "ED9035",
+    main: "#ED9035",
   },
   info: {
     main: "#4BAABE",

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;
       };