5 files changed, 44 insertions, 0 deletions
diff --git a/src/components/button.style.js b/src/components/button.style.js
new file mode 100644
index 00000000..8f2e8f82
--- /dev/null
+++ b/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'
+  ]
+}
diff --git a/src/components/icon.style.js b/src/components/icon.style.js
new file mode 100644
index 00000000..1e2781d6
--- /dev/null
+++ b/src/components/icon.style.js
@@ -0,0 +1,3 @@
+export default {
+  name: 'Icon'
+}
diff --git a/src/components/panel.style.js b/src/components/panel.style.js
new file mode 100644
index 00000000..1666d923
--- /dev/null
+++ b/src/components/panel.style.js
@@ -0,0 +1,8 @@
+export default {
+  name: 'Panel',
+  validInnerComponents: [
+    'Text',
+    'Icon',
+    'Button'
+  ]
+}
diff --git a/src/components/text.style.js b/src/components/text.style.js
new file mode 100644
index 00000000..f87268bb
--- /dev/null
+++ b/src/components/text.style.js
@@ -0,0 +1,9 @@
+export default {
+  name: 'Text',
+  states: {
+    faint: '.faint'
+  },
+  variants: {
+    green: '/.greentext'
+  }
+}
diff --git a/src/components/underlay.style.js b/src/components/underlay.style.js
new file mode 100644
index 00000000..bae9fc0b
--- /dev/null
+++ b/src/components/underlay.style.js
@@ -0,0 +1,6 @@
+export default {
+  name: 'Panel',
+  validInnerComponents: [
+    'Panel'
+  ]
+}