fix(editor): Update bolt icon to filled (#16954)

packages/frontend/editor-ui/src/components/Node/NodeCreator/CategoryItem.test.ts

@@ -27,8 +27,8 @@ describe('CategoryItem', () => {
 			props: { name: 'Category Test', isTrigger: true },
 		});
 
-		expect(container.querySelector('[data-icon="zap"]')).toBeInTheDocument();
+		expect(container.querySelector('[data-icon="bolt-filled"]')).toBeInTheDocument();
 		await rerender({ isTrigger: false });
-		expect(container.querySelector('[data-icon="zap"]')).not.toBeInTheDocument();
+		expect(container.querySelector('[data-icon="bolt-filled"]')).not.toBeInTheDocument();
 	});
 });

packages/frontend/editor-ui/src/components/Node/NodeCreator/ItemTypes/CategoryItem.vue

@@ -28,7 +28,7 @@ const categoryName = computed(() => {
 		<div :class="{ [$style.category]: true, [$style.active]: active }">
 			<span :class="$style.name">
 				<span v-text="categoryName" />
-				<n8n-icon v-if="isTrigger" icon="zap" size="xsmall" :class="$style.triggerIcon" />
+				<n8n-icon v-if="isTrigger" icon="bolt-filled" size="xsmall" :class="$style.triggerIcon" />
 				<slot />
 			</span>
 			<n8n-icon v-if="expanded" icon="chevron-down" color="text-light" size="large" />

packages/frontend/editor-ui/src/components/Node/NodeCreator/viewsData.ts

@@ -639,7 +639,7 @@ export function RegularView(nodes: SimplifiedNodeType[]) {
 		type: 'view',
 		properties: {
 			title: i18n.baseText('nodeCreator.triggerHelperPanel.addAnotherTrigger'),
-			icon: 'bolt',
+			icon: 'bolt-filled',
 			description: i18n.baseText('nodeCreator.triggerHelperPanel.addAnotherTriggerDescription'),
 		},
 	});

packages/frontend/editor-ui/src/components/VirtualSchemaHeader.vue

@@ -40,7 +40,7 @@ const emit = defineEmits<{
 				{{ title }}
 				<span v-if="info" class="info">{{ info }}</span>
 			</div>
-			<N8nIcon v-if="isTrigger" class="trigger-icon" icon="zap" size="xsmall" />
+			<N8nIcon v-if="isTrigger" class="trigger-icon" icon="bolt-filled" size="xsmall" />
 			<div v-if="itemCount" class="extra-info" data-test-id="run-data-schema-node-item-count">
 				{{ i18n.baseText('ndv.output.items', { interpolate: { count: itemCount } }) }}
 			</div>

packages/frontend/editor-ui/src/components/__snapshots__/VirtualSchema.test.ts.snap

@@ -446,7 +446,7 @@ exports[`VirtualSchema.vue > renders schema for empty objects and arrays 1`] = `
             <n8n-icon-stub
               class="trigger-icon"
               data-v-882a318e=""
-              icon="zap"
+              icon="bolt-filled"
               size="xsmall"
               spin="false"
             />
@@ -1335,7 +1335,7 @@ exports[`VirtualSchema.vue > renders schema with spaces and dots 1`] = `
             <n8n-icon-stub
               class="trigger-icon"
               data-v-882a318e=""
-              icon="zap"
+              icon="bolt-filled"
               size="xsmall"
               spin="false"
             />
@@ -1868,7 +1868,7 @@ exports[`VirtualSchema.vue > renders variables and context section 1`] = `
             <n8n-icon-stub
               class="trigger-icon"
               data-v-882a318e=""
-              icon="zap"
+              icon="bolt-filled"
               size="xsmall"
               spin="false"
             />
@@ -2690,7 +2690,7 @@ exports[`VirtualSchema.vue > should expand all nodes when searching 1`] = `
             <n8n-icon-stub
               class="trigger-icon"
               data-v-882a318e=""
-              icon="zap"
+              icon="bolt-filled"
               size="xsmall"
               spin="false"
             />

packages/frontend/editor-ui/src/components/canvas/elements/nodes/render-types/parts/CanvasNodeTrigger.vue

@@ -56,7 +56,7 @@ async function handleClickExecute() {
 	<div :class="containerClass" @click.stop.prevent @mousedown.stop.prevent>
 		<div>
 			<div :class="$style.bolt">
-				<N8nIcon icon="zap" size="large" />
+				<N8nIcon icon="bolt-filled" size="large" />
 			</div>
 
 			<template v-if="!readOnly">