From 7f405e7dd9d18ffd54a5e7b347b8146d511d560f Mon Sep 17 00:00:00 2001
From: kevmodrome <kevin@kevmodro.me>
Date: Tue, 19 Jan 2021 13:42:49 +0100
Subject: [PATCH 1/6] retains icons design panel options while being able to
 change color in settings panel

---
 packages/standard-components/src/Icon.svelte | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/packages/standard-components/src/Icon.svelte b/packages/standard-components/src/Icon.svelte
index 643b07836a..783411cc14 100644
--- a/packages/standard-components/src/Icon.svelte
+++ b/packages/standard-components/src/Icon.svelte
@@ -1,15 +1,16 @@
 <script>
   import { getContext } from "svelte"
 
-  // Add this back once we can define specific design options to expose
-  // const { styleable } = getContext("sdk")
-  // const component = getContext("component")
+  const { styleable } = getContext("sdk")
+  const component = getContext("component")
 
   export let icon = ""
   export let size = "fa-lg"
   export let color = "#000"
 </script>
 
-<i
-  style={`color: ${color};`}
-  class={`${icon} ${size}`} />
+<div style="color: {color}; display: contents">
+  <i
+  use:styleable={$component.styles}
+  class="{icon} {size}" />
+</div>
\ No newline at end of file

From 6cbca0aab9882ae33b50d7e9e6608da6b2dc76df Mon Sep 17 00:00:00 2001
From: kevmodrome <kevin@kevmodro.me>
Date: Tue, 19 Jan 2021 14:00:15 +0100
Subject: [PATCH 2/6] switch method of applying color style

---
 packages/standard-components/src/Icon.svelte | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/packages/standard-components/src/Icon.svelte b/packages/standard-components/src/Icon.svelte
index 783411cc14..d175bfd6b0 100644
--- a/packages/standard-components/src/Icon.svelte
+++ b/packages/standard-components/src/Icon.svelte
@@ -6,11 +6,15 @@
 
   export let icon = ""
   export let size = "fa-lg"
-  export let color = "#000"
+  export let color = "#f00"
+  $: styles = {
+  ...$component.styles,
+  normal: {
+    ...$component.styles.normal,
+    color
+  }
+}
 </script>
 
-<div style="color: {color}; display: contents">
-  <i
-  use:styleable={$component.styles}
-  class="{icon} {size}" />
-</div>
\ No newline at end of file
+<i use:styleable={styles}
+  class="{icon} {size}" />
\ No newline at end of file

From 479ea07e92a7762acced52b5b7c0692c672c5bf8 Mon Sep 17 00:00:00 2001
From: kevmodrome <kevin@kevmodro.me>
Date: Tue, 19 Jan 2021 15:11:21 +0100
Subject: [PATCH 3/6] adds an empty state if there is no datasource selected.

---
 packages/standard-components/src/List.svelte | 25 ++++++++++++++++----
 1 file changed, 20 insertions(+), 5 deletions(-)

diff --git a/packages/standard-components/src/List.svelte b/packages/standard-components/src/List.svelte
index 1a5638404a..f02b5e73c8 100644
--- a/packages/standard-components/src/List.svelte
+++ b/packages/standard-components/src/List.svelte
@@ -4,6 +4,7 @@
 
   const { API, styleable, DataProvider } = getContext("sdk")
   const component = getContext("component")
+  console.log($component)
   const dataContext = getContext("data")
 
   export let datasource = []
@@ -24,9 +25,23 @@
 </script>
 
 <div use:styleable={$component.styles}>
-  {#each rows as row}
-    <DataProvider {row}>
-      <slot />
-    </DataProvider>
-  {/each}
+  {#if rows.length > 0}
+    {#each rows as row}
+      <DataProvider {row}>
+        <slot />
+      </DataProvider>
+    {/each}
+  {:else}
+    <p>Feed me some data</p>
+  {/if}
 </div>
+
+<style>
+  p {
+    display: grid;
+    place-items: center;
+    background: #f5f5f5;
+    border: #ccc 1px solid;
+    padding: var(--spacing-m);
+  }
+</style>
\ No newline at end of file

From 6a1383b13ba879ef0083492c5ee6a3ffc795f1c0 Mon Sep 17 00:00:00 2001
From: kevmodrome <kevin@kevmodro.me>
Date: Tue, 19 Jan 2021 15:21:23 +0100
Subject: [PATCH 4/6] adds a empty state for no components added in the
 repeater

---
 packages/client/src/components/Component.svelte | 2 +-
 packages/standard-components/src/List.svelte    | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/client/src/components/Component.svelte b/packages/client/src/components/Component.svelte
index 23ba364dfb..7361573efd 100644
--- a/packages/client/src/components/Component.svelte
+++ b/packages/client/src/components/Component.svelte
@@ -29,7 +29,7 @@
     $builderStore.previewType === "layout" || screenslotContext
 
   // Update component context
-  $: componentStore.set({ id, styles: { ...styles, id, allowSelection } })
+  $: componentStore.set({ id, children: children.length, styles: { ...styles, id, allowSelection } })
 
   // Gets the component constructor for the specified component
   const getComponentConstructor = component => {
diff --git a/packages/standard-components/src/List.svelte b/packages/standard-components/src/List.svelte
index f02b5e73c8..6c60c62c6f 100644
--- a/packages/standard-components/src/List.svelte
+++ b/packages/standard-components/src/List.svelte
@@ -28,7 +28,11 @@
   {#if rows.length > 0}
     {#each rows as row}
       <DataProvider {row}>
-        <slot />
+        {#if $component.children === 0}
+         <p>Add some components to.</p>
+        {:else}
+          <slot />
+        {/if}
       </DataProvider>
     {/each}
   {:else}

From 5605b9eb428a8e209c822f1c40572b6018de1eb9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Keviin=20=C3=85berg=20Kultalahti?= <kevin.aberg@gmail.com>
Date: Fri, 22 Jan 2021 09:59:38 +0100
Subject: [PATCH 5/6] remove log

---
 packages/standard-components/src/List.svelte | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/standard-components/src/List.svelte b/packages/standard-components/src/List.svelte
index 6c60c62c6f..e0c0110ffd 100644
--- a/packages/standard-components/src/List.svelte
+++ b/packages/standard-components/src/List.svelte
@@ -4,7 +4,6 @@
 
   const { API, styleable, DataProvider } = getContext("sdk")
   const component = getContext("component")
-  console.log($component)
   const dataContext = getContext("data")
 
   export let datasource = []

From 49c818f461976dc3bf79f1e02d16ad96d8f10e15 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Keviin=20=C3=85berg=20Kultalahti?= <kevin.aberg@gmail.com>
Date: Fri, 22 Jan 2021 10:05:49 +0100
Subject: [PATCH 6/6] fix typo

---
 packages/standard-components/src/List.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/standard-components/src/List.svelte b/packages/standard-components/src/List.svelte
index e0c0110ffd..809abf2972 100644
--- a/packages/standard-components/src/List.svelte
+++ b/packages/standard-components/src/List.svelte
@@ -28,7 +28,7 @@
     {#each rows as row}
       <DataProvider {row}>
         {#if $component.children === 0}
-         <p>Add some components to.</p>
+         <p>Add some components too.</p>
         {:else}
           <slot />
         {/if}