better button styles, include popovers in root

2024-02-12 03:46:40 +02:00 · 2024-02-12 03:46:40 +02:00 · 1c5f156af0
commit 1c5f156af0
parent 98f972e557
2 changed files with 20 additions and 0 deletions
--- 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]
--- a/src/components/root.style.js
+++ b/src/components/root.style.js
@ -4,6 +4,7 @@ export default {
  validInnerComponents: [
    'Underlay',
    'Modals',
+    'Popover',
    'TopBar'
  ],
  defaultRules: [