lint

packages/builder/src/components/automation/AutomationBuilder/FlowChart/ActionModal.svelte

@@ -3,7 +3,6 @@
     ModalContent,
     Layout,
     Detail,
-    Body,
     Icon,
     notifications,
     Tags,

packages/builder/src/components/automation/AutomationBuilder/FlowChart/BranchNode.svelte

@@ -8,8 +8,6 @@
     Layout,
     Body,
     Divider,
-    TooltipPosition,
-    TooltipType,
     Button,
     Modal,
     ModalContent,
@@ -29,7 +27,6 @@
   export let pathTo
   export let branchIdx
   export let step
-  export let isLast
   export let bindings
   export let automation
 

packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowItem.svelte

@@ -193,72 +193,72 @@
     class:selected
     class:draggable
   >
-  <div class="wrap">
-    {#if $view.dragging && selected}
-      <div class="drag-placeholder" style={placeholderDims} />
-    {/if}
-
-    <div
-      bind:this={blockEle}
-      class="block-content"
-      class:dragging={$view.dragging && selected}
-      style={positionStyles}
-      on:mousedown={e => {
-        e.stopPropagation()
-      }}
-    >
-      {#if draggable}
-        <div
-          class="handle"
-          class:grabbing={selected}
-          on:mousedown={onHandleMouseDown}
-        >
-          <DragHandle />
-        </div>
+    <div class="wrap">
+      {#if $view.dragging && selected}
+        <div class="drag-placeholder" style={placeholderDims} />
       {/if}
-    <div class="block-core">
-    {#if loopBlock}
-      <div class="blockSection">
-        <div
-          on:click={() => {
-            showLooping = !showLooping
-          }}
-          class="splitHeader"
-        >
-          <div class="center-items">
-            <div class="icon-background-loop">
-              <svg
-                width="20px"
-                height="20px"
-                class="spectrum-Icon"
-                style="color:#000000;"
-                focusable="false"
-              >
-                <use xlink:href="#spectrum-icon-18-Reuse" />
-              </svg>
-            </div>
-            <div class="iconAlign">
-              <p class="label">Looping</p>
-            </div>
-          </div>
 
-          <div class="blockTitle">
-            <AbsTooltip type="negative" text="Remove looping">
-              <Icon
-                on:click={removeLooping}
-                hoverable
-                name="DeleteOutline"
-              />
-            </AbsTooltip>
-            <div on:click={() => {}}>
-              <Icon
-                hoverable
-                name={showLooping ? "ChevronRight" : "ChevronDown"}
-              />
-            </div>
+      <div
+        bind:this={blockEle}
+        class="block-content"
+        class:dragging={$view.dragging && selected}
+        style={positionStyles}
+        on:mousedown={e => {
+          e.stopPropagation()
+        }}
+      >
+        {#if draggable}
+          <div
+            class="handle"
+            class:grabbing={selected}
+            on:mousedown={onHandleMouseDown}
+          >
+            <DragHandle />
           </div>
-        </div>
-      </div>
+        {/if}
+        <div class="block-core">
+          {#if loopBlock}
+            <div class="blockSection">
+              <div
+                on:click={() => {
+                  showLooping = !showLooping
+                }}
+                class="splitHeader"
+              >
+                <div class="center-items">
+                  <div class="icon-background-loop">
+                    <svg
+                      width="20px"
+                      height="20px"
+                      class="spectrum-Icon"
+                      style="color:#000000;"
+                      focusable="false"
+                    >
+                      <use xlink:href="#spectrum-icon-18-Reuse" />
+                    </svg>
+                  </div>
+                  <div class="iconAlign">
+                    <p class="label">Looping</p>
+                  </div>
+                </div>
+
+                <div class="blockTitle">
+                  <AbsTooltip type="negative" text="Remove looping">
+                    <Icon
+                      on:click={removeLooping}
+                      hoverable
+                      name="DeleteOutline"
+                    />
+                  </AbsTooltip>
+                  <div on:click={() => {}}>
+                    <Icon
+                      hoverable
+                      name={showLooping ? "ChevronRight" : "ChevronDown"}
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
 
             <Divider noMargin />
             {#if !showLooping}

packages/builder/src/components/automation/AutomationPanel/CreateAutomationModal.svelte

@@ -111,27 +111,11 @@
     box-sizing: border-box;
     border-width: 1px;
   }
-  .item p {
-    font-size: 16px !important;
-    margin: 0;
-    color: var(--spectrum-global-color-gray-900);
-  }
 
   .item:not(.disabled):hover,
   .selected {
     background: var(--spectrum-alias-background-color-tertiary);
   }
-  .disabled {
-    background: var(--spectrum-global-color-gray-200);
-    opacity: 0.5;
-  }
-  .disabled :global(.spectrum-Body) {
-    color: var(--spectrum-global-color-gray-600);
-  }
-
-  .tag-color :global(.spectrum-Tags-item) {
-    background: var(--spectrum-global-color-gray-200);
-  }
   .icon-background-trigger {
     background-color: #ffd230;
     /*background-color: #6afdef;*/
@@ -146,9 +130,4 @@
   div:has(svg) {
     color: black;
   }
-
-  img {
-    border-radius: 6px;
-    padding: 2px;
-  }
 </style>

packages/builder/src/components/automation/SetupPanel/PropField.svelte

@@ -50,8 +50,4 @@
     white-space: nowrap;
     overflow: hidden;
   }
-
-  .prop-field.fullWidth .prop-control {
-    margin-left: 0px;
-  }
 </style>