From 6df28cde9d8ded05417845f507a353a87269afa9 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 8 Feb 2024 18:18:01 +0200
Subject: improvements & performance testing

---
 src/components/button.style.js   | 14 +++++++++++---
 src/components/input.style.js    |  7 ++-----
 src/components/underlay.style.js |  2 --
 3 files changed, 13 insertions(+), 10 deletions(-)

(limited to 'src/components')

diff --git a/src/components/button.style.js b/src/components/button.style.js
index 2f74d127..f24e8ccc 100644
--- a/src/components/button.style.js
+++ b/src/components/button.style.js
@@ -22,7 +22,7 @@ const hoverGlow = {
 
 export default {
   name: 'Button',
-  selector: '.button-default',
+  selector: '.button',
   states: {
     disabled: ':disabled',
     toggled: '.toggled',
@@ -31,9 +31,9 @@ export default {
     focused: ':focus-within'
   },
   variants: {
+    normal: '-default',
     danger: '.danger',
-    unstyled: '.unstyled',
-    sublime: '.sublime'
+    unstyled: '-unstyled'
   },
   validInnerComponents: [
     'Text',
@@ -54,6 +54,14 @@ export default {
         }, ...buttonInsetFakeBorders]
       }
     },
+    {
+      component: 'Button',
+      variant: 'unstyled',
+      directives: {
+        background: '--fg',
+        opacity: 0
+      }
+    },
     {
       component: 'Button',
       state: ['hover'],
diff --git a/src/components/input.style.js b/src/components/input.style.js
index 48d74bfa..4d0690cf 100644
--- a/src/components/input.style.js
+++ b/src/components/input.style.js
@@ -28,11 +28,8 @@ export default {
     hover: ':hover',
     focused: ':focus-within'
   },
-  variants: {
-    danger: '.danger',
-    unstyled: '.unstyled',
-    sublime: '.sublime'
-  },
+  // variants: {
+  // },
   validInnerComponents: [
     'Text'
   ],
diff --git a/src/components/underlay.style.js b/src/components/underlay.style.js
index 48965f20..f879c530 100644
--- a/src/components/underlay.style.js
+++ b/src/components/underlay.style.js
@@ -8,8 +8,6 @@ export default {
   defaultRules: [
     {
       component: 'Underlay',
-      // variant: 'normal',
-      // state: 'normal'
       directives: {
         background: '#000000',
         opacity: 0.2
-- 
cgit v1.2.3-70-g09d2