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 @@