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

2024-02-01 01:27:30 +02:00 · 2024-02-01 01:27:30 +02:00 · d4795d2e3c
commit d4795d2e3c
parent 53a4b1f9a6
8 changed files with 90 additions and 73 deletions
--- a/src/components/button.style.js
+++ b/src/components/button.style.js
@ -15,5 +15,20 @@ export default {
  validInnerComponents: [
    'Text',
    'Icon'
+  ],
+  defaultRules: [
+    {
+      component: 'Button',
+      directives: {
+        background: '--fg'
+      }
+    },
+    {
+      component: 'Button',
+      state: ['hover'],
+      directives: {
+        background: '#FFFFFF'
+      }
+    }
  ]
 }