diff --git a/packages/bbui/src/Tags/Tag.svelte b/packages/bbui/src/Tags/Tag.svelte
index d10459435b..830dbcf4b8 100644
--- a/packages/bbui/src/Tags/Tag.svelte
+++ b/packages/bbui/src/Tags/Tag.svelte
@@ -8,11 +8,13 @@
export let invalid: boolean = false
export let disabled: boolean = false
export let closable: boolean = false
+ export let emphasized: boolean = false
@@ -40,4 +42,9 @@
margin-bottom: 0;
margin-top: 0;
}
+
+ .is-emphasized {
+ border-color: var(--spectrum-global-color-blue-700);
+ color: var(--spectrum-global-color-blue-700);
+ }
diff --git a/packages/builder/src/components/automation/AutomationBuilder/FlowChart/ActionModal.svelte b/packages/builder/src/components/automation/AutomationBuilder/FlowChart/ActionModal.svelte
index 706c196fff..d9f5ad1ef6 100644
--- a/packages/builder/src/components/automation/AutomationBuilder/FlowChart/ActionModal.svelte
+++ b/packages/builder/src/components/automation/AutomationBuilder/FlowChart/ActionModal.svelte
@@ -23,9 +23,8 @@
let collectBlockAllowedSteps = [TriggerStepID.APP, TriggerStepID.WEBHOOK]
let selectedAction
let actions = Object.entries($automationStore.blockDefinitions.ACTION).filter(
- entry => {
- const [key] = entry
- return key !== AutomationActionStepId.BRANCH
+ ([key, action]) => {
+ return key !== AutomationActionStepId.BRANCH && action.deprecated !== true
}
)
let lockedFeatures = [
@@ -186,6 +185,10 @@
{:else if isDisabled}
+ {:else if action.new}
+
+ New
+
{/if}
@@ -227,6 +230,10 @@
grid-gap: var(--spectrum-alias-grid-baseline);
}
+ .item :global(.spectrum-Tags-itemLabel) {
+ cursor: pointer;
+ }
+
.item {
cursor: pointer;
grid-gap: var(--spectrum-alias-grid-margin-xsmall);
@@ -237,6 +244,8 @@
border-radius: 5px;
box-sizing: border-box;
border-width: 2px;
+ min-height: 3.5rem;
+ display: flex;
}
.item:not(.disabled):hover,
.selected {
diff --git a/packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowItemHeader.svelte b/packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowItemHeader.svelte
index e81d6d0f5c..f3dea4885f 100644
--- a/packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowItemHeader.svelte
+++ b/packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowItemHeader.svelte
@@ -1,6 +1,13 @@