Remove borders on overlays for Material

packages/themes/src/presets/material/contextmenu/index.js

@@ -1,7 +1,7 @@
 export default {
     root: {
         background: '{content.background}',
-        borderColor: '{content.border.color}',
+        borderColor: 'transparent',
         color: '{content.color}',
         borderRadius: '{content.border.radius}',
         shadow: '{overlay.navigation.shadow}',

packages/themes/src/presets/material/megamenu/index.js

@@ -36,7 +36,7 @@ export default {
     overlay: {
         padding: '0',
         background: '{content.background}',
-        borderColor: '{content.border.color}',
+        borderColor: 'transparent',
         borderRadius: '{content.border.radius}',
         color: '{content.color}',
         shadow: '{overlay.navigation.shadow}',

packages/themes/src/presets/material/menu/index.js

@@ -31,5 +31,10 @@ export default {
     },
     separator: {
         borderColor: '{content.border.color}'
-    }
+    },
+    css: ({ dt }) => `
+.p-menu-overlay {
+    border-color: transparent;
+}
+`
 };

packages/themes/src/presets/material/menubar/index.js

@@ -31,7 +31,7 @@ export default {
         padding: '{navigation.list.padding}',
         gap: '{navigation.list.gap}',
         background: '{content.background}',
-        borderColor: '{content.border.color}',
+        borderColor: 'transparent',
         borderRadius: '{content.border.radius}',
         shadow: '{overlay.navigation.shadow}',
         mobileIndent: '1rem'

packages/themes/src/presets/material/tieredmenu/index.js

@@ -43,5 +43,10 @@ export default {
     },
     separator: {
         borderColor: '{content.border.color}'
-    }
+    },
+    css: ({ dt }) => `
+.p-tieredmenu-overlay {
+    border-color: transparent;
+}
+`
 };