menu-item improvements

1 files changed, 14 insertions, 2 deletions

diff --git a/src/components/popover.style.js b/src/components/popover.style.js
index 415795a8..9f1e6cf0 100644
--- a/src/components/popover.style.js
+++ b/src/components/popover.style.js
@@ -1,6 +1,10 @@
 export default {
   name: 'Popover',
   selector: '.popover',
+  variants: {
+    tooltip: '.tooltip',
+    modal: '.modal'
+  },
   validInnerComponents: [
     'Text',
     'Link',
@@ -8,12 +12,20 @@ export default {
     'Button',
     'Input',
     'PanelHeader',
-    'DropdownMenu'
+    'MenuItem'
   ],
   defaultRules: [
     {
       directives: {
-        background: '--fg'
+        background: '--bg',
+        shadow: [{
+          x: 2,
+          y: 2,
+          blur: 3,
+          spread: 0,
+          color: '#000000',
+          alpha: 0.5
+        }]
       }
     }
   ]