From c6f0b868a0b67bc3a2f61f677cb3186d966f2dc6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Keviin=20=C3=85berg=20Kultalahti?= <kevin.aberg@gmail.com>
Date: Wed, 21 Apr 2021 14:09:56 +0200
Subject: [PATCH] implements ClearButton

---
 packages/bbui/src/ClearButton/ClearButton.svelte | 9 +++++++++
 packages/bbui/src/index.js                       | 1 +
 2 files changed, 10 insertions(+)
 create mode 100644 packages/bbui/src/ClearButton/ClearButton.svelte

diff --git a/packages/bbui/src/ClearButton/ClearButton.svelte b/packages/bbui/src/ClearButton/ClearButton.svelte
new file mode 100644
index 0000000000..290b80f27c
--- /dev/null
+++ b/packages/bbui/src/ClearButton/ClearButton.svelte
@@ -0,0 +1,9 @@
+<script>
+    export let disabled;
+</script>
+
+<button on:click class="spectrum-ClearButton" {disabled}>
+    <svg class="spectrum-Icon spectrum-UIIcon-Cross75" focusable="false" aria-hidden="true">
+        <use xlink:href="#spectrum-css-icon-Cross75" />
+    </svg>
+</button>
\ No newline at end of file
diff --git a/packages/bbui/src/index.js b/packages/bbui/src/index.js
index 685331e55e..06b59e1f46 100644
--- a/packages/bbui/src/index.js
+++ b/packages/bbui/src/index.js
@@ -15,6 +15,7 @@ export { default as ActionButton } from "./ActionButton/ActionButton.svelte"
 export { default as ActionGroup } from "./ActionGroup/ActionGroup.svelte"
 export { default as ActionMenu } from "./ActionMenu/ActionMenu.svelte"
 export { default as Button } from "./Button/Button.svelte"
+export { default as ClearButton } from "./ClearButton/ClearButton.svelte"
 export { default as Icon, directions } from "./Icon/Icon.svelte"
 export { default as Toggle } from "./Form/Toggle.svelte"
 export { default as RadioGroup } from "./Form/RadioGroup.svelte"