menu-item improvements

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
+        }]
       }
     }
   ]