From 1c5f156af04b6df4cbce8fcf999d752e2500089c Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 12 Feb 2024 03:46:40 +0200
Subject: [PATCH] better button styles, include popovers in root

---
 src/components/button.style.js | 19 +++++++++++++++++++
 src/components/root.style.js   |  1 +
 2 files changed, 20 insertions(+)

diff --git a/src/components/button.style.js b/src/components/button.style.js
index 84db88fb..5a5e4271 100644
--- a/src/components/button.style.js
+++ b/src/components/button.style.js
@@ -79,8 +79,27 @@ export default {
         shadow: [hoverGlow, ...buttonInsetFakeBorders]
       }
     },
+    {
+      state: ['pressed'],
+      directives: {
+        shadow: [...inputInsetFakeBorders]
+      }
+    },
     {
       state: ['hover', 'pressed'],
+      directives: {
+        shadow: [hoverGlow, ...inputInsetFakeBorders]
+      }
+    },
+    {
+      state: ['toggled'],
+      directives: {
+        background: '--accent,-24.2',
+        shadow: [...inputInsetFakeBorders]
+      }
+    },
+    {
+      state: ['toggled', 'hover'],
       directives: {
         background: '--accent,-24.2',
         shadow: [hoverGlow, ...inputInsetFakeBorders]
diff --git a/src/components/root.style.js b/src/components/root.style.js
index 53ee0ae1..38bcc954 100644
--- a/src/components/root.style.js
+++ b/src/components/root.style.js
@@ -4,6 +4,7 @@ export default {
   validInnerComponents: [
     'Underlay',
     'Modals',
+    'Popover',
     'TopBar'
   ],
   defaultRules: [