Fix grid component definition and add controls for icons and colourpickers

packages/builder/src/components/design/PropertiesPanel/SettingsView.svelte

@@ -54,7 +54,10 @@
     number: Input,
     event: EventsEditor,
     table: TableSelect,
+    color: ColorPicker,
+    icon: IconSelect,
   }
+
   const getControl = type => {
     return controlMap[type]
   }

packages/standard-components/manifest.json

@@ -29,10 +29,9 @@
       }
     ]
   },
-  "grid": {
+  "datagrid": {
     "name": "Grid",
-    "description":
-      "A datagrid component with functionality to add, remove and edit rows.",
+    "description": "A datagrid component with functionality to add, remove and edit rows.",
     "icon": "ri-grid-line",
     "styleable": true,
     "settings": [
@@ -73,6 +72,7 @@
   },
   "screenslot": {
     "name": "Screenslot",
+    "icon": "ri-artboard-2-line",
     "description": "Contains your app screens",
     "styleable": true
   },
@@ -344,6 +344,7 @@
     ]
   },
   "login": {
+    "name": "Login Form",
     "description": "A component that automatically generates a login screen for your app.",
     "icon": "ri-login-box-line",
     "styleable": true,

packages/standard-components/src/index.js

@@ -2,7 +2,7 @@ import "@budibase/bbui/dist/bbui.css"
 import "flatpickr/dist/flatpickr.css"
 
 export { default as container } from "./Container.svelte"
-export { default as grid } from "./grid/Component.svelte"
+export { default as datagrid } from "./grid/Component.svelte"
 export { default as screenslot } from "./ScreenSlot.svelte"
 export { default as button } from "./Button.svelte"
 export { default as input } from "./Input.svelte"