Remove expand icons from grids

packages/frontend-core/src/components/grid/cells/GutterCell.svelte

@@ -9,7 +9,7 @@
   export let rowFocused = false
   export let rowHovered = false
   export let rowSelected = false
-  export let disableExpand = false
+  export let expandable = false
   export let disableNumber = false
   export let defaultHeight = false
   export let disabled = false
@@ -24,13 +24,6 @@
       selectedRows.actions.toggleRow(id)
     }
   }
-
-  const expand = () => {
-    svelteDispatch("expand")
-    if (row) {
-      dispatch("edit-row", row)
-    }
-  }
 </script>
 
 <GridCell
@@ -71,13 +64,13 @@
         />
       </div>
     {:else}
-      <div
+      <div class="expand" class:visible={$config.allowExpandRows && expandable}>
-        class="expand"
+        <Icon
-        class:visible={$config.allowExpandRows &&
+          size="S"
-          !disableExpand &&
+          name="Maximize"
-          (rowFocused || rowHovered)}
+          hoverable
-      >
+          on:click={() => svelteDispatch("expand")}
-        <Icon name="Maximize" hoverable size="S" on:click={expand} />
+        />
       </div>
     {/if}
   </div>

packages/frontend-core/src/components/grid/layout/NewRow.svelte

@@ -145,7 +145,7 @@
 </script>
 
 <!-- New row FAB -->
-{#if !visible && !$config.showControls && !selectedRowCount}
+{#if !visible && !selectedRowCount}
   <div
     class="new-row-fab"
     on:click={() => dispatch("add-row-inline")}
@@ -165,7 +165,7 @@
     <div class="underlay sticky" transition:fade|local={{ duration: 130 }} />
     <div class="underlay" transition:fade|local={{ duration: 130 }} />
     <div class="sticky-column" transition:fade|local={{ duration: 130 }}>
-      <GutterCell on:expand={addViaModal} rowHovered>
+      <GutterCell expandable on:expand={addViaModal} rowHovered>
         <Icon name="Add" color="var(--spectrum-global-color-gray-500)" />
         {#if isAdding}
           <div in:fade={{ duration: 130 }} class="loading-overlay" />

packages/frontend-core/src/components/grid/layout/StickyColumn.svelte

@@ -51,7 +51,6 @@
 >
   <div class="header row">
     <GutterCell
-      disableExpand
       disableNumber
       on:select={selectAll}
       defaultHeight
@@ -103,7 +102,7 @@
           on:mouseleave={$isDragging ? null : () => ($hoveredRowId = null)}
           on:click={() => dispatch("add-row-inline")}
         >
-          <GutterCell disableExpand rowHovered={$hoveredRowId === BlankRowID}>
+          <GutterCell rowHovered={$hoveredRowId === BlankRowID}>
             <Icon name="Add" color="var(--spectrum-global-color-gray-500)" />
           </GutterCell>
           {#if $stickyColumn}