themes 3 initial work

src/components/button.style.js

@@ -0,0 +1,18 @@
+export default {
+  name: 'Button',
+  states: {
+    hover: ':hover',
+    disabled: ':disabled',
+    pressed: ':active',
+    toggled: '.toggled'
+  },
+  variants: {
+    danger: '.danger',
+    unstyled: '.unstyled',
+    sublime: '.sublime'
+  },
+  validInnerComponents: [
+    'Text',
+    'Icon'
+  ]
+}

src/components/icon.style.js

@@ -0,0 +1,3 @@
+export default {
+  name: 'Icon'
+}

src/components/panel.style.js

@@ -0,0 +1,8 @@
+export default {
+  name: 'Panel',
+  validInnerComponents: [
+    'Text',
+    'Icon',
+    'Button'
+  ]
+}

src/components/text.style.js

@@ -0,0 +1,9 @@
+export default {
+  name: 'Text',
+  states: {
+    faint: '.faint'
+  },
+  variants: {
+    green: '/.greentext'
+  }
+}

src/components/underlay.style.js

@@ -0,0 +1,6 @@
+export default {
+  name: 'Panel',
+  validInnerComponents: [
+    'Panel'
+  ]
+}