From 62e696d8ace08f2918b8e786621c642f0ece0701 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Tue, 25 May 2021 15:32:56 +0100
Subject: [PATCH] Add back in active prop to ActionButton which must have got
 lost in a merge

---
 packages/bbui/src/ActionButton/ActionButton.svelte | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/packages/bbui/src/ActionButton/ActionButton.svelte b/packages/bbui/src/ActionButton/ActionButton.svelte
index 4bb592aa26..83f71d385b 100644
--- a/packages/bbui/src/ActionButton/ActionButton.svelte
+++ b/packages/bbui/src/ActionButton/ActionButton.svelte
@@ -11,6 +11,7 @@
   export let icon = ""
   export let dataCy = null
   export let size = "M"
+  export let active = false
 
   function longPress(element) {
     if (!longPressable) return
@@ -40,6 +41,7 @@
   class:spectrum-ActionButton--emphasized={emphasized}
   class:is-selected={selected}
   class="spectrum-ActionButton spectrum-ActionButton--size{size}"
+  class:active
   {disabled}
   on:longPress
   on:click|preventDefault
@@ -67,3 +69,10 @@
     <span class="spectrum-ActionButton-label"><slot /></span>
   {/if}
 </button>
+
+<style>
+  .active,
+  .active svg {
+    color: var(--spectrum-global-color-blue-600);
+  }
+</style>