datastake-daf 0.6.727 → 0.6.728

package/dist/components/index.js

@@ -45510,8 +45510,11 @@ function Sidenav(_ref) {
         },
         children: hoverContentSecond
       }), isDatastake && !isCollapsed ? /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "sidenav-footer",
+        className: "sidenav-footer text-col",
         children: [/*#__PURE__*/jsxRuntime.jsx("h6", {
+          style: {
+            color: logoVariant === "black" ? "#B5B5C3" : "white"
+          },
           children: t("Powered By")
         }), /*#__PURE__*/jsxRuntime.jsx("img", {
           src: poweredByLogo || "/assets/favicons/datastake-".concat(logoVariant, ".svg"),

package/dist/layouts/index.js

@@ -5010,8 +5010,11 @@ function Sidenav$1({
         },
         children: hoverContentSecond
       }), isDatastake && !isCollapsed ? /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "sidenav-footer",
+        className: "sidenav-footer text-col",
         children: [/*#__PURE__*/jsxRuntime.jsx("h6", {
+          style: {
+            color: logoVariant === "black" ? "#B5B5C3" : "white"
+          },
           children: t("Powered By")
         }), /*#__PURE__*/jsxRuntime.jsx("img", {
           src: poweredByLogo || `/assets/favicons/datastake-${logoVariant}.svg`,
@@ -5284,7 +5287,8 @@ const Sidenav = ({
   appName = 'app',
   getRedirectLink = () => {},
   isDatastake,
-  selectedProject
+  selectedProject,
+  logoVariant = "white"
 }) => {
   const hoverDiv = o.useRef();
   const hoverDivSecond = o.useRef();
@@ -5429,6 +5433,7 @@ const Sidenav = ({
       hoverContentSecond: hoverContentSecond,
       t: t,
       isDatastake: isDatastake,
+      logoVariant: logoVariant,
       children: showMenu ? /*#__PURE__*/jsxRuntime.jsx(SidenavMenu, {
         matchPath: matchPath,
         module: module,
@@ -8167,6 +8172,8 @@ function AppLayout({
   renderChildren,
   // Theme
   theme = {},
+  // Logo variant
+  logoVariant = "white",
   // Children
   children
 }) {
@@ -8303,7 +8310,8 @@ function AppLayout({
         isDatastake: isDatastake,
         selectedProject: selectedProject,
         userHelpers: userHelpers,
-        isDev: isDev
+        isDev: isDev,
+        logoVariant: logoVariant
       })]
     }) : null, /*#__PURE__*/jsxRuntime.jsxs("div", {
       style: {

package/dist/style/datastake/datastake.css

@@ -1775,8 +1775,8 @@ ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-vertical::-webkit-scrollbar-thu
   padding: 30px var(--size-lg);
 }
 
-.components-layout .sidenav-cont .sidenav-footer h6 {
-  color: white;
+.components-layout .sidenav-cont .sidenav-footer .text-col h6 {
+  color: var(--custom-sidenav-text-color, white) !important;
   font-size: 10px;
   font-weight: 500;
   margin-bottom: 6px;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "datastake-daf",
-	"version": "0.6.727",
+	"version": "0.6.728",
 	"dependencies": {
 		"@ant-design/icons": "^5.2.5",
 		"@antv/g2": "^5.1.1",

package/src/@daf/core/components/Sidenav/index.jsx

@@ -70,8 +70,10 @@ export default function Sidenav({
           {hoverContentSecond}
         </div>
         {isDatastake && !isCollapsed ? (
-          <div className="sidenav-footer">
-            <h6>{t("Powered By")}</h6>
+          <div className="sidenav-footer text-col"  >
+            <h6 style={{ color: logoVariant === "black" ? "#B5B5C3" : "white" }}>
+              {t("Powered By")}
+            </h6>
             <img
               src={
                 poweredByLogo ||

package/src/@daf/layouts/AppLayout/components/Sidenav/index.js

@@ -88,6 +88,7 @@ const Sidenav = ({
   getRedirectLink = () => {},
   isDatastake,
   selectedProject,
+  logoVariant = "white",
 }) => {
   const hoverDiv = useRef();
   const hoverDivSecond = useRef();
@@ -248,6 +249,7 @@ const Sidenav = ({
         hoverContentSecond={hoverContentSecond}
         t={t}
         isDatastake={isDatastake}
+        logoVariant={logoVariant}
       >
         {showMenu ? (
           <SidenavMenu

package/src/@daf/layouts/AppLayout/index.jsx

@@ -126,6 +126,9 @@ function AppLayout({
   // Theme
   theme = {},
   
+  // Logo variant
+  logoVariant = "white",
+  
   // Children
   children,
 }) {
@@ -165,6 +168,8 @@ function AppLayout({
     }
   };
 
+
+
   const logOut = () => {
     sessionStorage.removeItem('notifications');
     if (hasPrevious) {
@@ -278,7 +283,8 @@ function AppLayout({
             isDatastake={isDatastake}          
             selectedProject={selectedProject}  
             userHelpers={userHelpers}          
-            isDev={isDev}  
+            isDev={isDev}
+            logoVariant={logoVariant}
           />
         </div>
       ) : null}

package/src/styles/datastake/datastake.css

@@ -1775,8 +1775,8 @@ ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-vertical::-webkit-scrollbar-thu
   padding: 30px var(--size-lg);
 }
 
-.components-layout .sidenav-cont .sidenav-footer h6 {
-  color: white;
+.components-layout .sidenav-cont .sidenav-footer .text-col h6 {
+  color: var(--custom-sidenav-text-color, white) !important;
   font-size: 10px;
   font-weight: 500;
   margin-bottom: 6px;