datastake-daf 0.6.615 → 0.6.617

package/dist/hooks/index.js

@@ -827,6 +827,7 @@ const mapTheme = (theme = {}) => ({
   '--nested-collapsed-sidenav-hover-color': theme.nestedCollapsedSidenavHoverColor,
   '--nested-sidenav-disabled-menu-item-color': theme.nestedSidenavDisabledMenuItemColor,
   '--nested-sidenav-submenu-bg-color': theme.nestedSidenavSubmenuBgColor,
+  '--nested-sidenav-text-color': theme.nestedSidenavTextColor,
   '--custom-header-color': theme.customHeaderColor,
   ...mapColor({
     theme,

package/dist/style/datastake/datastake.css

@@ -860,8 +860,13 @@ h1 {
   color: var(--custom-sidenav-text-color, white) !important;
 }
 
-.ant-menu-submenu .ant-menu-submenu-inline .selected .ant-menu-submenu-selected .ant-menu-submenu-title .ant-menu-item-icon {
-  color: white !important;
+.nested .ant-menu-sub.ant-menu-inline .ant-menu-item:not(.selected-it) .ant-menu-title-content span {
+  color: var(--nested-sidenav-text-color, white) !important;
+}
+
+.anticon .anticon-menu-unfold .trigger {
+  stroke: white !important;
+  fill: white !important;
 }
  
 ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-inline,
@@ -1497,6 +1502,32 @@ ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-vertical::-webkit-scrollbar-thu
   margin-left: 2px;
 }
 
+.components-layout
+  .sidenav-cont
+  .menus-cont.is-collapsed
+  .selected
+  svg,
+.components-layout
+  .sidenav-cont
+  .menus-cont.is-collapsed
+  .ant-menu-submenu-selected
+  svg {
+  stroke: white !important;
+}
+
+.components-layout
+  .sidenav-cont
+  .menus-cont.is-collapsed
+  .selected
+  svg path,
+.components-layout
+  .sidenav-cont
+  .menus-cont.is-collapsed
+  .ant-menu-submenu-selected
+  svg path {
+  stroke: white !important;
+}
+
 .components-layout
   .sidenav-cont
   .ant-menu-sub
@@ -1519,6 +1550,11 @@ ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-vertical::-webkit-scrollbar-thu
   color: var(--custom-sidenav-text-color, white) !important;
 }
 
+.nested .components-layout .sidenav-cont .menus-cont .sidemenu-cont .ant-menu-submenu,
+.nested .components-layout .sidenav-cont .menus-cont .sidemenu-cont .ant-menu-item {
+  color: var(--nested-sidenav-text-color, white) !important;
+}
+
 .components-layout.nested
   .sidenav-cont
   .menus-cont
@@ -4396,6 +4432,11 @@ strong {
   color: var(--custom-sidenav-text-color, white) !important;
 }
 
+.nested .ant-menu-submenu-title .ant-menu-item-icon,
+.nested .ant-menu-submenu-title span {
+  color: var(--nested-sidenav-text-color, white) !important;
+}
+
 .sidenav-sider.tazama .ant-menu-item:hover {
   background-color: var(--base-gray-20) !important;
 }
@@ -4430,6 +4471,10 @@ strong {
   color: var(--custom-sidenav-text-color, white) !important;
 }
 
+.nested .sidenav-sider.sidenav-sider-collapsed .ant-menu-submenu-title span {
+  color: var(--nested-sidenav-text-color, white) !important;
+}
+
 .sidenav-sider.sidenav-sider-collapsed .sidemenu-cont .ant-menu-submenu:hover {
   background-color: #243a47;
 }

package/package.json

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

package/src/@daf/utils/theme.js

@@ -63,6 +63,7 @@ export const mapTheme = (theme = {}) => ({
   '--nested-collapsed-sidenav-hover-color':theme.nestedCollapsedSidenavHoverColor,
   '--nested-sidenav-disabled-menu-item-color':theme.nestedSidenavDisabledMenuItemColor,
   '--nested-sidenav-submenu-bg-color':theme.nestedSidenavSubmenuBgColor,
+  '--nested-sidenav-text-color':theme.nestedSidenavTextColor,
 
   '--custom-header-color':theme.customHeaderColor,
 

package/src/styles/datastake/datastake.css

@@ -860,8 +860,13 @@ h1 {
   color: var(--custom-sidenav-text-color, white) !important;
 }
 
-.ant-menu-submenu .ant-menu-submenu-inline .selected .ant-menu-submenu-selected .ant-menu-submenu-title .ant-menu-item-icon {
-  color: white !important;
+.nested .ant-menu-sub.ant-menu-inline .ant-menu-item:not(.selected-it) .ant-menu-title-content span {
+  color: var(--nested-sidenav-text-color, white) !important;
+}
+
+.anticon .anticon-menu-unfold .trigger {
+  stroke: white !important;
+  fill: white !important;
 }
  
 ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-inline,
@@ -1497,6 +1502,32 @@ ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-vertical::-webkit-scrollbar-thu
   margin-left: 2px;
 }
 
+.components-layout
+  .sidenav-cont
+  .menus-cont.is-collapsed
+  .selected
+  svg,
+.components-layout
+  .sidenav-cont
+  .menus-cont.is-collapsed
+  .ant-menu-submenu-selected
+  svg {
+  stroke: white !important;
+}
+
+.components-layout
+  .sidenav-cont
+  .menus-cont.is-collapsed
+  .selected
+  svg path,
+.components-layout
+  .sidenav-cont
+  .menus-cont.is-collapsed
+  .ant-menu-submenu-selected
+  svg path {
+  stroke: white !important;
+}
+
 .components-layout
   .sidenav-cont
   .ant-menu-sub
@@ -1519,6 +1550,11 @@ ul.ant-menu.ant-menu-dark.ant-menu-root.ant-menu-vertical::-webkit-scrollbar-thu
   color: var(--custom-sidenav-text-color, white) !important;
 }
 
+.nested .components-layout .sidenav-cont .menus-cont .sidemenu-cont .ant-menu-submenu,
+.nested .components-layout .sidenav-cont .menus-cont .sidemenu-cont .ant-menu-item {
+  color: var(--nested-sidenav-text-color, white) !important;
+}
+
 .components-layout.nested
   .sidenav-cont
   .menus-cont
@@ -4396,6 +4432,11 @@ strong {
   color: var(--custom-sidenav-text-color, white) !important;
 }
 
+.nested .ant-menu-submenu-title .ant-menu-item-icon,
+.nested .ant-menu-submenu-title span {
+  color: var(--nested-sidenav-text-color, white) !important;
+}
+
 .sidenav-sider.tazama .ant-menu-item:hover {
   background-color: var(--base-gray-20) !important;
 }
@@ -4430,6 +4471,10 @@ strong {
   color: var(--custom-sidenav-text-color, white) !important;
 }
 
+.nested .sidenav-sider.sidenav-sider-collapsed .ant-menu-submenu-title span {
+  color: var(--nested-sidenav-text-color, white) !important;
+}
+
 .sidenav-sider.sidenav-sider-collapsed .sidemenu-cont .ant-menu-submenu:hover {
   background-color: #243a47;
 }