From 084d93616bc1ceb235c8e25e111277e341ae396c Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Tue, 26 Apr 2022 09:51:38 +0100
Subject: [PATCH] Update select option icons to use spectrum icons rather than
 images

---
 packages/bbui/src/Form/Core/Picker.svelte | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/packages/bbui/src/Form/Core/Picker.svelte b/packages/bbui/src/Form/Core/Picker.svelte
index 143536a60a..513bb35132 100644
--- a/packages/bbui/src/Form/Core/Picker.svelte
+++ b/packages/bbui/src/Form/Core/Picker.svelte
@@ -6,6 +6,7 @@
   import { createEventDispatcher } from "svelte"
   import clickOutside from "../../Actions/click_outside"
   import Search from "./Search.svelte"
+  import Icon from "../../Icon/Icon.svelte"
 
   export let id = null
   export let disabled = false
@@ -83,7 +84,7 @@
 >
   {#if fieldIcon}
     <span class="icon-Placeholder-Padding">
-      <img src={fieldIcon} alt="icon" width="20" height="15" />
+      <Icon name={fieldIcon} />
     </span>
   {/if}
 
@@ -159,12 +160,7 @@
           >
             {#if getOptionIcon(option, idx)}
               <span class="icon-Padding">
-                <img
-                  src={getOptionIcon(option, idx)}
-                  alt="icon"
-                  width="20"
-                  height="15"
-                />
+                <Icon name={getOptionIcon(option, idx)} />
               </span>
             {/if}
             <span class="spectrum-Menu-itemLabel">
@@ -216,7 +212,6 @@
     padding-right: 10px;
   }
   .icon-Placeholder-Padding {
-    padding-top: 5px;
     padding-right: 10px;
   }
   .spectrum-Popover :global(.spectrum-Search) {