Lint and remove unused section properties

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

@@ -1,5 +1,5 @@
 <script>
-  import { TextArea, DetailSummary, Button, Select } from "@budibase/bbui"
+  import { TextArea, DetailSummary, Button } from "@budibase/bbui"
   import PropertyGroup from "./PropertyControls/PropertyGroup.svelte"
   import FlatButtonGroup from "./PropertyControls/FlatButtonGroup"
   import { allStyles } from "./componentStyles"
@@ -23,8 +23,6 @@
     { value: "active", text: "Active" },
   ]
 
-  const capitalize = ([first, ...rest]) => first.toUpperCase() + rest.join("")
-
   $: groups = componentDefinition?.styleable ? Object.keys(allStyles) : []
 </script>
 

packages/builder/src/components/design/PropertiesPanel/PropertyControls/SectionSelect.svelte

@@ -29,7 +29,6 @@
 </script>
 
 <ActionButton on:click={modal.show}>{layoutMap[value].name}</ActionButton>
-
 <Modal bind:this={modal}>
   <ModalContent
     onConfirm={() => dispatch("change", selected)}
@@ -65,7 +64,6 @@
     display: grid;
     place-items: center;
     background: var(--background-alt);
-    border-radius: 3px;
     grid-gap: var(--spectrum-alias-grid-margin-xsmall);
     padding: var(--spectrum-alias-item-padding-s);
     transition: 0.3s all;

packages/standard-components/manifest.json

@@ -188,7 +188,6 @@
         "type": "section",
         "label": "Type",
         "key": "type",
-        "options": ["mainSidebar", "sidebarMain", "twoColumns", "threeColumns"],
         "defaultValue": "mainSidebar"
       }
     ]

packages/standard-components/src/Section.svelte

@@ -6,7 +6,6 @@
   const component = getContext("component")
 
   export let type = "mainSidebar"
-  export let gap = "16px"
   export let minSize = 250
 
   let layoutMap = {
@@ -67,22 +66,6 @@
   .columns-2 {
     grid-template-columns: 1fr 1fr;
   }
-
-  p {
-    background-color: var(--grey-3);
-    color: var(--grey-6);
-    font-size: var(--font-size-s);
-    padding: var(--spacing-l);
-    border-radius: var(--border-radius-s);
-    display: grid;
-    place-items: center;
-  }
-  p i {
-    margin-bottom: var(--spacing-m);
-    font-size: 1.5rem;
-    color: var(--grey-5);
-  }
-
   .placeholder {
     border: 2px dashed var(--grey-5);
     padding: var(--spacing-l);