some more stuff, generating CSS selectors from rules

5 files changed, 7 insertions, 5 deletions

diff --git a/src/components/button.style.js b/src/components/button.style.js
index 8f2e8f82..1c229f43 100644
--- a/src/components/button.style.js
+++ b/src/components/button.style.js
@@ -1,5 +1,6 @@
 export default {
   name: 'Button',
+  selector: '.btn',
   states: {
     hover: ':hover',
     disabled: ':disabled',
diff --git a/src/components/icon.style.js b/src/components/icon.style.js
index 1e2781d6..732cf16f 100644
--- a/src/components/icon.style.js
+++ b/src/components/icon.style.js
@@ -1,3 +1,4 @@
 export default {
-  name: 'Icon'
+  name: 'Icon',
+  selector: '.icon'
 }
diff --git a/src/components/panel.style.js b/src/components/panel.style.js
index 1666d923..d34d5434 100644
--- a/src/components/panel.style.js
+++ b/src/components/panel.style.js
@@ -1,5 +1,6 @@
 export default {
   name: 'Panel',
+  selector: '.panel',
   validInnerComponents: [
     'Text',
     'Icon',
diff --git a/src/components/text.style.js b/src/components/text.style.js
index f87268bb..2aa5e745 100644
--- a/src/components/text.style.js
+++ b/src/components/text.style.js
@@ -1,9 +1,7 @@
 export default {
   name: 'Text',
+  selector: '',
   states: {
     faint: '.faint'
-  },
-  variants: {
-    green: '/.greentext'
   }
 }
diff --git a/src/components/underlay.style.js b/src/components/underlay.style.js
index bae9fc0b..426df1d7 100644
--- a/src/components/underlay.style.js
+++ b/src/components/underlay.style.js
@@ -1,5 +1,6 @@
 export default {
-  name: 'Panel',
+  name: 'Underlay',
+  selector: '.underlay',
   validInnerComponents: [
     'Panel'
   ]