Merge pull request #562 from Budibase/removing-uikit-03

Removing ui-kit form-controls

packages/builder/src/components/common/DatePicker.svelte

@@ -26,9 +26,7 @@
 
 <div class="bb-margin-m">
   <label class="uk-form-label">{label}</label>
-  <div class="uk-form-controls">
+  <input
-    <input
+    class="uk-input uk-form-width-{width} uk-form-{size}"
-      class="uk-input uk-form-width-{width} uk-form-{size}"
+    bind:this={input} />
-      bind:this={input} />
-  </div>
 </div>

packages/builder/src/components/common/ValuesList.svelte

@@ -17,9 +17,9 @@
 
 <div class="margin">
   <label class="label">{label}</label>
-  <div class="uk-form-controls">
+
-    <textarea value={valuesText} on:change={inputChanged} />
+  <textarea value={valuesText} on:change={inputChanged} />
-  </div>
+
 </div>
 
 <style>

packages/builder/src/components/workflow/SetupPanel/ParamInputs/ComponentSelector.svelte

@@ -25,21 +25,19 @@
 
 <div class="bb-margin-xl block-field">
   <label class="uk-form-label">Page</label>
-  <div class="uk-form-controls">
+
-    <select class="budibase__input" bind:value={pageName}>
+  <select class="budibase__input" bind:value={pageName}>
-      {#each Object.keys(pages) as page}
+    {#each Object.keys(pages) as page}
-        <option value={page}>{page}</option>
+      <option value={page}>{page}</option>
-      {/each}
+    {/each}
-    </select>
+  </select>
-  </div>
+
   {#if components.length > 0}
     <label class="uk-form-label">Component</label>
-    <div class="uk-form-controls">
+    <select class="budibase__input" bind:value>
-      <select class="budibase__input" bind:value>
+      {#each components as component}
-        {#each components as component}
+        <option value={component._id}>{component._id}</option>
-          <option value={component._id}>{component._id}</option>
+      {/each}
-        {/each}
+    </select>
-      </select>
-    </div>
   {/if}
 </div>

packages/builder/src/components/workflow/SetupPanel/ParamInputs/ModelSelector.svelte

@@ -5,12 +5,10 @@
 </script>
 
 <div class="bb-margin-xl block-field">
-  <div class="uk-form-controls">
+  <select class="budibase__input" bind:value>
-    <select class="budibase__input" bind:value>
+    <option value="" />
-      <option value="" />
+    {#each $backendUiStore.models as model}
-      {#each $backendUiStore.models as model}
+      <option value={model}>{model.name}</option>
-        <option value={model}>{model.name}</option>
+    {/each}
-      {/each}
+  </select>
-    </select>
-  </div>
 </div>

packages/builder/src/components/workflow/SetupPanel/ParamInputs/RecordSelector.svelte

@@ -6,20 +6,18 @@
 </script>
 
 <div class="bb-margin-xl block-field">
-  <div class="uk-form-controls">
+  <select class="budibase__input" bind:value={value.model}>
-    <select class="budibase__input" bind:value={value.model}>
+    {#each $backendUiStore.models as model}
-      {#each $backendUiStore.models as model}
+      <option value={model}>{model.name}</option>
-        <option value={model}>{model.name}</option>
+    {/each}
-      {/each}
+  </select>
-    </select>
-  </div>
 </div>
 
 {#if value.model}
   <div class="bb-margin-xl block-field">
     <label class="uk-form-label fields">Fields</label>
     {#each Object.keys(value.model.schema) as field}
-      <div class="uk-form-controls bb-margin-xl">
+      <div class="bb-margin-xl">
         <Input bind:value={value[field]} label={field} />
       </div>
     {/each}