sixseconds-modules 1.2.9 → 1.3.0

package/dist/index.es.js

@@ -4481,41 +4481,41 @@ function Language({
 const DropdownMenu = ({ headerMenuArray, initialState }) => {
   const pathname = window.location.pathname;
   const isMobile = useMediaQuery("(max-width: 1324px)");
-  return /* @__PURE__ */ jsx("nav", { style: { backgroundColor: "#fff", color: "#000" }, children: !isMobile ? /* @__PURE__ */ jsx("ul", { className: "hidden lg:flex space-x-4 md:space-x-1 lg:space-x-4 main_list_Menu desktopMenu", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("li", { className: "menu-item group relative font-sans px-0 md:px-1 lg:px-2 pt-5 pb-5", children: [
+  return /* @__PURE__ */ jsx("nav", { style: { backgroundColor: "#fff", color: "#000" }, children: !isMobile ? /* @__PURE__ */ jsx("ul", { className: " main_list_Menu desktopMenu", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("li", { className: "menu-item", children: [
     /* @__PURE__ */ jsx(
       "a",
       {
         href: items.value || "",
         target: items.target,
-        className: `menu-link pr-1 py-2 text-[15px] font-semibold font-sans hover:text-customBlue ${pathname === items.value ? "text-customBlue" : "text-[#2C2E35]"}`,
+        className: `menu-link`,
         children: items.label
       }
     ),
-    Boolean(items.children.length) && /* @__PURE__ */ jsx("ul", { className: "submenuData absolute min-w-[200px] max-w-[240px] left-0 w-auto top-[57px] mt-2 hidden group-hover:block bg-white text-black shadow-lg border-t-[3px] border-[#2ea3f2]", children: items.children?.map((child, index2) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+    Boolean(items.children.length) && /* @__PURE__ */ jsx("ul", { className: "submenuData ", children: items.children?.map((child, index2) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
       "a",
       {
         href: child.value || "",
         target: child.target,
-        className: "submenu-link block font-semibold font-sans px-4 py-2 text-[rgba(0,0,0,0.7)] hover:bg-gray-200",
+        className: "submenu-link",
         children: child.label
       }
     ) }, index2) })) })
-  ] }, index) })) }) : initialState.toggles.dropDownMenu && /* @__PURE__ */ jsx("div", { className: "lg:hidden px-5 smallDeviceMenu", id: "mobile-menu", children: /* @__PURE__ */ jsx("div", { className: " px-0 pb-3 h-[95vh] overflow-y-auto pt-2", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ] }, index) })) }) : initialState.toggles.dropDownMenu && /* @__PURE__ */ jsx("div", { className: "lg:hidden smallDeviceMenu", id: "mobile-menu", children: /* @__PURE__ */ jsx("div", { className: " layout_mobile_menu", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "a",
       {
         href: items.value || "",
-        className: `bg_main_menu px-3 py-2 text-[15px] bg-[rgba(0,0,0,.03)] block font-semibold font-sans hover:text-customBlue ${pathname === items.value ? "text-customBlue" : "text-[#2C2E35]"}`,
+        className: `bg_main_menu ${pathname === items.value ? "text-customBlue" : "text-[#2C2E35]"}`,
         children: items.label
       },
       index
     ),
-    Boolean(items.children.length) && /* @__PURE__ */ jsx("ul", { className: "mx-auto min-w-[90%] max-w-[90%] top-[57px] mt-2 group-hover:block bg-white text-black", children: items.children?.map((items2, index2) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+    Boolean(items.children.length) && /* @__PURE__ */ jsx("ul", { className: "submenu_child", children: items.children?.map((items2, index2) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
       "a",
       {
         href: items2.value || "",
         target: items2.target,
-        className: "block border-b border-[rgba(0,0,0,.03)] font-semibold font-sans px-4 py-2 text-[rgba(0,0,0,0.7)] hover:bg-gray-200",
+        className: "submenu_child_link ",
         children: items2.label
       }
     ) }, index2) })) })
@@ -5186,7 +5186,7 @@ const Notification = ({ setInitialState, userData, initialState }) => {
         position: "absolute"
       },
       children: [
-        /* @__PURE__ */ jsx(Box, { className: "flex border-b pb-2", children: userData?.appAccess?.map((tab) => /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Box, { sx: { paddingBottom: "8px", display: "flex", borderBottom: "1px solid #ddd" }, children: userData?.appAccess?.map((tab) => /* @__PURE__ */ jsx(
           Button,
           {
             onClick: () => setActiveTab(tab.name),
@@ -5309,10 +5309,9 @@ const AppMenus = ({ menuItems, setInitialState }) => {
               {
                 width: 34,
                 height: 34,
-                style: { margin: "0px auto" },
+                style: { margin: "0px auto", width: "34px", height: "34px" },
                 src: item.icon,
-                alt: "",
-                className: "w-[34px] h-[34px]"
+                alt: ""
               }
             ) }),
             /* @__PURE__ */ jsx(
@@ -5379,7 +5378,7 @@ const Header = ({
     }
   }, [isMenu]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(SubHeaderStyled, { sx, children: /* @__PURE__ */ jsxs(Container, { maxWidth: false, sx: { display: "flex", justifyContent: "space-between" }, children: [
+    /* @__PURE__ */ jsx(SubHeaderStyled, { sx, children: /* @__PURE__ */ jsxs(Container, { maxWidth: false, sx: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
       /* @__PURE__ */ jsxs(Box, { sx: { position: "relative" }, children: [
         logo,
         frontCustomComponent
@@ -5395,7 +5394,7 @@ const Header = ({
             margin: { md: "10px", lg: "10px", xs: "10px 0" },
             position: "relative"
           },
-          children: /* @__PURE__ */ jsxs(Box, { className: "notification flex items-center gap-1", children: [
+          children: /* @__PURE__ */ jsxs(Box, { className: "notification", children: [
             endCustomComponents,
             isAccessAppMenu && /* @__PURE__ */ jsxs(Box, { children: [
               /* @__PURE__ */ jsx(
@@ -5488,9 +5487,9 @@ const Header = ({
             isMobile && isMenu && /* @__PURE__ */ jsx(
               IconButton,
               {
-                className: "hamburger-icon-btn md:hidden ",
+                className: "hamburger-icon-btn",
                 onClick: () => setState((p) => ({ ...p, toggles: { ...p.toggles, dropDownMenu: !p.toggles.dropDownMenu } })),
-                children: /* @__PURE__ */ jsx(MenuIcon, { className: "w-5 h-5" })
+                children: /* @__PURE__ */ jsx(MenuIcon, { style: { width: "20px", height: "20px" } })
               }
             )
           ] })