Add over background button variant

5 years ago · b5348dd9e2
2 changed files with 8 additions and 0 deletions
--- a/packages/standard-components/manifest.json
+++ b/packages/standard-components/manifest.json
@ -267,6 +267,10 @@
          {
            "label": "Warning",
            "value": "warning"
+          },
+          {
+            "label": "Over Background",
+            "value": "overBackground"
          }
        ],
        "defaultValue": "primary"
--- a/packages/standard-components/src/Button.svelte
+++ b/packages/standard-components/src/Button.svelte
@ -1,5 +1,6 @@
 <script>
  import { getContext } from "svelte"
+  import "@spectrum-css/button/dist/index-vars.css"

  const { styleable } = getContext("sdk")
  const component = getContext("component")
@ -27,4 +28,7 @@
    width: fit-content;
    width: -moz-fit-content;
  }
+  .spectrum-Button--overBackground:hover {
+    color: #555;
+  }
 </style>