part reafactor, probs not wroking

packages/builder/src/components/design/settings/controls/FieldContext/Chart.svelte

@@ -72,7 +72,7 @@
     <span class="bullet">•</span>
     <InfoWord
       on:mouseenter={() => handleMouseenter("column")}
-      on:mouseleave={() => handleMouseleave("column")}
+      on:mouseleave={handleMouseleave}
       href={tableHref}
       text={columnName}
     />
@@ -90,7 +90,8 @@
     <span class="bullet">•</span>
     <InfoWord
       on:mouseenter={() => handleMouseenter("support")}
-      on:mouseleave={() => handleMouseleave("support")}
+      on:mouseleave={handleMouseleave}
+      href={tableHref}
       icon={support.icon}
       color={support.iconColor}
       text={support.text}
@@ -112,7 +113,7 @@
     <span class="space" />
     <InfoWord
       on:mouseenter={() => handleMouseenter("stringsAndNumbers")}
-      on:mouseleave={() => handleMouseleave("stringsAndNumbers")}
+      on:mouseleave={handleMouseleave}
       text="non-number values"
     />
     <span class="space" />
@@ -129,7 +130,7 @@
     <span class="space" />
     <InfoWord
       on:mouseenter={() => handleMouseenter("required")}
-      on:mouseleave={() => handleMouseleave("required")}
+      on:mouseleave={handleMouseleave}
       text="required"
     />
     <span class="space" />

packages/builder/src/components/design/settings/controls/FieldContext/lines/Column.svelte

@@ -0,0 +1,9 @@
+
+<script>
+</script>
+
+<div>
+</div>
+
+<style>
+</style>

packages/builder/src/components/design/settings/controls/FieldContext/lines/NotRequired.svelte

@@ -0,0 +1,9 @@
+
+<script>
+</script>
+
+<div>
+</div>
+
+<style>
+</style>

packages/builder/src/components/design/settings/controls/FieldContext/lines/StringNumber.svelte

@@ -0,0 +1,9 @@
+
+<script>
+</script>
+
+<div>
+</div>
+
+<style>
+</style>

packages/builder/src/components/design/settings/controls/FieldContext/lines/Support.svelte

@@ -0,0 +1,8 @@
+<script>
+</script>
+
+<div>
+</div>
+
+<style>
+</style>

packages/builder/src/components/design/settings/controls/FieldContext/lines/index.js

@@ -0,0 +1,4 @@
+export { default as Column } from "./Column.svelte"
+export { default as NotRequired } from "./NotRequired.svelte"
+export { default as StringNumber } from "./StringNumber.svelte"
+export { default as Support } from "./Support.svelte"

packages/builder/src/components/design/settings/controls/FieldContext/typography/Comma.svelte

@@ -0,0 +1,11 @@
+<span class="comma">,</span>
+
+<style>
+  .comma {
+    margin-left: 2px;
+    color: var(--grey-6);
+    font-size: 17px;
+    display: inline block;
+    margin-right: 5px;
+  }
+</style>

packages/builder/src/components/design/settings/controls/FieldContext/typography/Line.svelte

@@ -0,0 +1,22 @@
+<div class="line">
+  <span class="bullet">•</span>
+  <slot />
+</div>
+
+<style>
+  .bullet {
+    color: var(--grey-6);
+    font-size: 17px;
+    display: inline block;
+    margin-right: 10px;
+  }
+
+  .line {
+    background-color: var(--background-alt);
+    color: var(--ink);
+    align-items: center;
+    display: flex;
+
+    margin-bottom: 10px;
+  }
+</style>

packages/builder/src/components/design/settings/controls/FieldContext/typography/Period.svelte

@@ -0,0 +1,10 @@
+<span class="period">.</span>
+
+<style>
+  .period {
+    color: var(--grey-6);
+    font-size: 20px;
+    display: inline block;
+    margin-left: 3px;
+  }
+</style>

packages/builder/src/components/design/settings/controls/FieldContext/typography/Space.svelte

@@ -0,0 +1,7 @@
+<span class="space" />
+
+<style>
+  .space {
+    margin-right: 5px;
+  }
+</style>

packages/builder/src/components/design/settings/controls/FieldContext/typography/index.js

@@ -0,0 +1,5 @@
+export { default as Space } from "./Space.svelte"
+export { default as Comma } from "./Comma.svelte"
+export { default as Period } from "./Period.svelte"
+export { default as InfoWord } from "./InfoWord.svelte"
+export { default as DocumentationLink } from "./DocumentationLink.svelte"

packages/builder/src/components/design/settings/controls/MultiFieldSelect.svelte

@@ -18,9 +18,6 @@
   let currentOption = null
   let previousOption = null
   let contextTooltipVisible = false
-  let currentOptionSupport = {}
-  let previousOptionSupport = {}
-
 
   const TypeIconMap = {
     text: "Text",
@@ -42,7 +39,6 @@
     },
   }
 
-
   const getFieldSupport = (schema, fieldValidator) => {
     if (fieldValidator == null) {
       return {}
@@ -60,7 +56,6 @@
 
   const dispatch = createEventDispatcher()
   $: datasource = getDatasourceForProvider($selectedScreen, componentInstance)
-  $: console.log(datasource)
   $: schema = getSchemaForDatasource($selectedScreen, datasource).schema
   $: options = Object.keys(schema || {})
   $: fieldSupport = getFieldSupport(schema, fieldValidator);