moved default rules to component style.js files, added some basic text inheritance

src/components/underlay.style.js

@@ -4,5 +4,16 @@ export default {
   outOfTreeSelector: '.underlay',
   validInnerComponents: [
     'Panel'
+  ],
+  defaultRules: [
+    {
+      component: 'Underlay',
+      // variant: 'normal',
+      // state: 'normal'
+      directives: {
+        background: '#000000',
+        opacity: 0.2
+      }
+    }
   ]
 }