From bf15f86ade201ac1327768098efb81c990ca39cc Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Mon, 25 Jul 2022 17:04:29 +0100
Subject: [PATCH] Add square option to status lights

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

diff --git a/packages/bbui/src/StatusLight/StatusLight.svelte b/packages/bbui/src/StatusLight/StatusLight.svelte
index a0c72443a6..6648b2b32b 100644
--- a/packages/bbui/src/StatusLight/StatusLight.svelte
+++ b/packages/bbui/src/StatusLight/StatusLight.svelte
@@ -18,11 +18,13 @@
   export let disabled = false
   export let active = false
   export let color = null
+  export let square = false
 </script>
 
 <div
   class="spectrum-StatusLight spectrum-StatusLight--size{size}"
   class:custom={!!color}
+  class:square
   style={`--color: ${color};`}
   class:spectrum-StatusLight--celery={celery}
   class:spectrum-StatusLight--yellow={yellow}
@@ -61,4 +63,10 @@
   .custom::before {
     background: var(--color) !important;
   }
+  .square::before {
+    width: 16px;
+    height: 16px;
+    border-radius: 4px;
+    margin: 0;
+  }
 </style>