shit more or less works for the very basic stuff

5 files changed, 15 insertions, 5 deletions

diff --git a/src/components/button.style.js b/src/components/button.style.js
index 1c229f43..51f781e1 100644
--- a/src/components/button.style.js
+++ b/src/components/button.style.js
@@ -2,10 +2,10 @@ export default {
   name: 'Button',
   selector: '.btn',
   states: {
-    hover: ':hover',
     disabled: ':disabled',
+    toggled: '.toggled',
     pressed: ':active',
-    toggled: '.toggled'
+    hover: ':hover'
   },
   variants: {
     danger: '.danger',
diff --git a/src/components/panel.style.js b/src/components/panel.style.js
index d34d5434..e3da4d1a 100644
--- a/src/components/panel.style.js
+++ b/src/components/panel.style.js
@@ -4,6 +4,7 @@ export default {
   validInnerComponents: [
     'Text',
     'Icon',
-    'Button'
+    'Button',
+    'PanelHeader'
   ]
 }
diff --git a/src/components/panel_header.style.js b/src/components/panel_header.style.js
new file mode 100644
index 00000000..aaa8bea9
--- /dev/null
+++ b/src/components/panel_header.style.js
@@ -0,0 +1,9 @@
+export default {
+  name: 'PanelHeader',
+  selector: '.panel-heading',
+  validInnerComponents: [
+    'Text',
+    'Icon',
+    'Button'
+  ]
+}
diff --git a/src/components/text.style.js b/src/components/text.style.js
index 2aa5e745..050194cb 100644
--- a/src/components/text.style.js
+++ b/src/components/text.style.js
@@ -1,6 +1,6 @@
 export default {
   name: 'Text',
-  selector: '',
+  selector: '/*text*/',
   states: {
     faint: '.faint'
   }
diff --git a/src/components/underlay.style.js b/src/components/underlay.style.js
index 426df1d7..be1ecc56 100644
--- a/src/components/underlay.style.js
+++ b/src/components/underlay.style.js
@@ -1,6 +1,6 @@
 export default {
   name: 'Underlay',
-  selector: '.underlay',
+  selector: '#app',
   validInnerComponents: [
     'Panel'
   ]