From b9d36f9802554df4cd42c2c7ea7468bc000bdaf3 Mon Sep 17 00:00:00 2001
From: Gerard Burns <gjburns9@hotmail.com>
Date: Wed, 3 Apr 2024 10:08:40 +0100
Subject: [PATCH] wip better fade

---
 packages/bbui/src/Tooltip/Context.svelte          | 15 +++++++++++----
 .../settings/controls/MultiFieldSelect.svelte     | 13 -------------
 2 files changed, 11 insertions(+), 17 deletions(-)

diff --git a/packages/bbui/src/Tooltip/Context.svelte b/packages/bbui/src/Tooltip/Context.svelte
index 579884d607..4719cfffb1 100644
--- a/packages/bbui/src/Tooltip/Context.svelte
+++ b/packages/bbui/src/Tooltip/Context.svelte
@@ -50,15 +50,22 @@
       const fadeIn = [{ opacity: "0" }, { opacity: "1" }];
       const fadeOut = [{ opacity: "1" }, { opacity: "0" }];
 
-      const fadeTiming = {
-        duration: 200,
+      const fadeInTiming = {
+        duration: 150,
+        delay: 150,
+        iterations: 1,
+        easing: "ease-in",
+        fill: "both"
+      };
+      const fadeOutTiming = {
+        duration: 150,
         iterations: 1,
         easing: "ease-in",
         fill: "forwards"
       };
 
-      currentTooltip.animate(fadeIn, fadeTiming);
-      previousTooltip.animate(fadeOut, fadeTiming);
+      currentTooltip.animate(fadeIn, fadeInTiming);
+      previousTooltip.animate(fadeOut, fadeOutTiming);
 
       // Bypass animations if the tooltip has only just been opened
       if (initialShow) {
diff --git a/packages/builder/src/components/design/settings/controls/MultiFieldSelect.svelte b/packages/builder/src/components/design/settings/controls/MultiFieldSelect.svelte
index a2f3dfe24f..d1b07128b4 100644
--- a/packages/builder/src/components/design/settings/controls/MultiFieldSelect.svelte
+++ b/packages/builder/src/components/design/settings/controls/MultiFieldSelect.svelte
@@ -76,18 +76,6 @@
     dispatch("change", boundValue)
   }
 
-  const foo = () => {
-    /*
-    const support = fieldSupport[option]?.support;
-
-    if (support == null) return null;
-    if (support === supported) return null
-
-    if (support === partialSupport) return "AlertCircleFilled"
-    if (support === unsupported) return "AlertCircleFilled"
-    */
-  }
-
   const getOptionIcon = optionKey => {
     const option = schema[optionKey]
     if (option.autocolumn) {
@@ -204,7 +192,6 @@
   .contextTooltipHeader {
     display: flex;
     align-items: center;
-    justify-content: center;
     height: var(--spectrum-alias-item-height-m);
     padding: 0px var(--spectrum-alias-item-padding-m);
     border-width: var(--spectrum-actionbutton-border-size);