From 57aaa05461af6cc18b563f17963a5a3b4e7d94eb Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Wed, 21 Apr 2021 11:42:25 +0100
Subject: [PATCH] Remove some old stuff and update binding icon

---
 .../bbui/src/DropdownMenu/DropdownMenu.svelte |  7 ----
 packages/bbui/src/List/Search.svelte          | 33 -------------------
 packages/bbui/src/List/Search.svench          |  8 -----
 packages/bbui/src/utils/buildStyle.js         | 14 --------
 .../common/DrawerBindableInput.svelte         |  2 +-
 .../PropertyControls/PropertyControl.svelte   |  2 +-
 6 files changed, 2 insertions(+), 64 deletions(-)
 delete mode 100644 packages/bbui/src/List/Search.svelte
 delete mode 100644 packages/bbui/src/List/Search.svench
 delete mode 100644 packages/bbui/src/utils/buildStyle.js

diff --git a/packages/bbui/src/DropdownMenu/DropdownMenu.svelte b/packages/bbui/src/DropdownMenu/DropdownMenu.svelte
index b3e19dbf3a..f0079d845e 100644
--- a/packages/bbui/src/DropdownMenu/DropdownMenu.svelte
+++ b/packages/bbui/src/DropdownMenu/DropdownMenu.svelte
@@ -2,7 +2,6 @@
   import "@spectrum-css/popover/dist/index-vars.css"
   import Portal from "svelte-portal"
   import { createEventDispatcher } from "svelte"
-  import buildStyle from "../utils/buildStyle"
   import positionDropdown from "../Actions/position_dropdown"
   import clickOutside from "../Actions/click_outside"
 
@@ -10,7 +9,6 @@
 
   export let anchor
   export let align = "right"
-  export let borderColor = ""
 
   export const show = () => {
     dispatch("open")
@@ -29,10 +27,6 @@
       hide()
     }
   }
-
-  $: menuStyle = buildStyle({
-    borderColor,
-  })
 </script>
 
 {#if open}
@@ -41,7 +35,6 @@
       tabindex="0"
       use:positionDropdown={{ anchor, align }}
       use:clickOutside={hide}
-      style={menuStyle}
       on:keydown={handleEscape}
       class="spectrum-Popover is-open"
       role="presentation">
diff --git a/packages/bbui/src/List/Search.svelte b/packages/bbui/src/List/Search.svelte
deleted file mode 100644
index 6d8552702d..0000000000
--- a/packages/bbui/src/List/Search.svelte
+++ /dev/null
@@ -1,33 +0,0 @@
-<script>
-  import Input from "../Form/Input.svelte"
-
-  export let categories = [
-    {
-      name: "Customers List - Data Row",
-      items: [
-        { name: "Name", id: "chjaHICHc82h2" },
-        { name: "Created", id: "chjaHICgr56Hc82h2" },
-        { name: "Status", id: "chjaHICHc8646462h2" },
-      ],
-    },
-    {
-      name: "Home Screen Components",
-      items: [{ name: "Title", id: "chjaHICHc82h2" }],
-    },
-  ]
-</script>
-
-<div class="container">
-  <Input thin placeholder="Search" />
-  {#each categories as { name, items }}
-    <div class="title">{name}</div>
-    <ul>
-      {#each items as { name, id }}
-        <li>{name}</li>
-      {/each}
-    </ul>
-  {/each}
-</div>
-
-<style>
-</style>
diff --git a/packages/bbui/src/List/Search.svench b/packages/bbui/src/List/Search.svench
deleted file mode 100644
index 696458de5e..0000000000
--- a/packages/bbui/src/List/Search.svench
+++ /dev/null
@@ -1,8 +0,0 @@
-<script>
-  import Search from "./Search.svelte";
-  import { View } from "svench";
-</script>
-
-<View name="Name">
-  <Search />
-</View>
diff --git a/packages/bbui/src/utils/buildStyle.js b/packages/bbui/src/utils/buildStyle.js
deleted file mode 100644
index 9b3266c8b7..0000000000
--- a/packages/bbui/src/utils/buildStyle.js
+++ /dev/null
@@ -1,14 +0,0 @@
-export default function buildStyle(styles) {
-  const convertCamel = str => {
-    return str.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`)
-  }
-
-  let str = ""
-  for (let s in styles) {
-    if (styles[s]) {
-      let key = convertCamel(s)
-      str += `${key}: ${styles[s]}; `
-    }
-  }
-  return str
-}
diff --git a/packages/builder/src/components/common/DrawerBindableInput.svelte b/packages/builder/src/components/common/DrawerBindableInput.svelte
index 1d23f29bf2..6b4fd3365e 100644
--- a/packages/builder/src/components/common/DrawerBindableInput.svelte
+++ b/packages/builder/src/components/common/DrawerBindableInput.svelte
@@ -36,7 +36,7 @@
     on:change={event => onChange(event.detail)}
     {placeholder} />
   <div class="icon" on:click={bindingDrawer.show}>
-    <Icon s name="Brackets" />
+    <Icon s name="FlashOn" />
   </div>
 </div>
 <Drawer bind:this={bindingDrawer} {title}>
diff --git a/packages/builder/src/components/design/PropertiesPanel/PropertyControls/PropertyControl.svelte b/packages/builder/src/components/design/PropertiesPanel/PropertyControls/PropertyControl.svelte
index da1b3b846d..d4780249e4 100644
--- a/packages/builder/src/components/design/PropertiesPanel/PropertyControls/PropertyControl.svelte
+++ b/packages/builder/src/components/design/PropertiesPanel/PropertyControls/PropertyControl.svelte
@@ -87,7 +87,7 @@
       class="icon"
       data-cy={`${key}-binding-button`}
       on:click={bindingDrawer.show}>
-      <Icon s name="Brackets" />
+      <Icon s name="FlashOn" />
     </div>
     <Drawer bind:this={bindingDrawer} title={capitalise(key)}>
       <div slot="description">