switch out remix icons

packages/bbui/src/Icon/Icon.svelte

@@ -29,7 +29,8 @@
   focusable="false"
   aria-hidden={hidden}
   aria-label={name}
-  style={`transform: rotate(${rotation}deg)`}>
+  style={`transform: rotate(${rotation}deg)`}
+>
   <use xlink:href="#spectrum-icon-18-{name}" />
 </svg>
 

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

@@ -14,6 +14,7 @@
   $: allowDeleteTrigger = !steps.length
 
   function deleteStep() {
+    console.log('Running')
     automationStore.actions.deleteAutomationBlock(block)
   }
 </script>
@@ -37,7 +38,7 @@
       {#if block.type === 'TRIGGER'}Trigger{:else}Step {blockIdx + 1}{/if}
     </div>
     {#if block.type !== 'TRIGGER' || allowDeleteTrigger}
-      <i on:click|stopPropagation={deleteStep} class="delete ri-close-line" />
+    <div on:click|stopPropagation={deleteStep}><Icon name="Close"/></div>
     {/if}
   </header>
   <hr />
@@ -92,18 +93,4 @@
     cursor: pointer;
     opacity: 1;
   }
-
-  .ACTION {
-  }
-
-  .TRIGGER {
-  }
-
-  .LOGIC {
-  }
-
-  p {
-    color: inherit;
-    margin-bottom: 0;
-  }
 </style>

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

@@ -3,7 +3,7 @@
   import { database } from "stores/backend"
   import { automationStore } from "builderStore"
   import { notifications } from "@budibase/bbui"
-  import { Input, ModalContent } from "@budibase/bbui"
+  import { Icon, Input, ModalContent } from "@budibase/bbui"
   import analytics from "analytics"
 
   let name
@@ -33,7 +33,7 @@
     slot="footer"
     target="_blank"
     href="https://docs.budibase.com/automate/introduction-to-automate">
-    <i class="ri-information-line" />
+    <Icon name="InfoOutline" />
     <span>Learn about automations</span>
   </a>
 </ModalContent>
@@ -49,10 +49,10 @@
   }
   a span {
     text-decoration: underline;
+    margin-left: var(--spectrum-alias-item-padding-s);
   }
   i {
     font-size: 20px;
-    margin-right: var(--spacing-m);
     text-decoration: none;
   }
 </style>