From 9dc372526864985e9e513415f75139b9af86b454 Mon Sep 17 00:00:00 2001
From: Martin McKeaveney <martin@shogunsystems.co.uk>
Date: Wed, 16 Jun 2021 18:14:23 +0100
Subject: [PATCH] spectrum button component, allow binding to queries

---
 packages/standard-components/manifest.json    | 14 +++++++++++
 .../standard-components/src/Button.svelte     | 24 ++++---------------
 2 files changed, 18 insertions(+), 20 deletions(-)

diff --git a/packages/standard-components/manifest.json b/packages/standard-components/manifest.json
index 24f910872b..6a5de3b8c2 100644
--- a/packages/standard-components/manifest.json
+++ b/packages/standard-components/manifest.json
@@ -135,6 +135,20 @@
         "label": "Text",
         "key": "text"
       },
+      {
+        "type": "select",
+        "label": "Button Type",
+        "key": "type",
+        "options": ["primary", "secondary", "cta", "warning"],
+        "defaultValue": "primary"
+      },
+      {
+        "type": "select",
+        "label": "Size",
+        "key": "size",
+        "options": ["S", "M", "L", "XL"],
+        "defaultValue": "M"
+      },
       {
         "type": "boolean",
         "label": "Disabled",
diff --git a/packages/standard-components/src/Button.svelte b/packages/standard-components/src/Button.svelte
index e9a6d6e95e..d307b25256 100644
--- a/packages/standard-components/src/Button.svelte
+++ b/packages/standard-components/src/Button.svelte
@@ -7,31 +7,15 @@
   export let disabled = false
   export let text = ""
   export let onClick
+  export let size = "M"
+  export let type = "primary"
 </script>
 
 <button
-  class="default"
+  class={`spectrum-Button spectrum-Button--size${size} spectrum-Button--${type}`}
   disabled={disabled || false}
   use:styleable={$component.styles}
   on:click={onClick}
 >
   {text || ""}
-</button>
-
-<style>
-  .default {
-    align-items: center;
-    padding: var(--spacing-s) var(--spacing-l);
-    box-sizing: border-box;
-    border-radius: 4px;
-    outline: none;
-    cursor: pointer;
-    transition: all 0.2s ease 0s;
-    overflow: hidden;
-    outline: none;
-    user-select: none;
-    white-space: nowrap;
-    text-align: center;
-    font-family: var(--font-sans);
-  }
-</style>
+</button>
\ No newline at end of file