diff --git a/packages/frontend/@n8n/design-system/src/components/N8nIcon/custom/bolt-filled.svg b/packages/frontend/@n8n/design-system/src/components/N8nIcon/custom/bolt-filled.svg new file mode 100644 index 0000000000..c48e3a0a53 --- /dev/null +++ b/packages/frontend/@n8n/design-system/src/components/N8nIcon/custom/bolt-filled.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/frontend/@n8n/design-system/src/components/N8nIcon/icons.ts b/packages/frontend/@n8n/design-system/src/components/N8nIcon/icons.ts index cbbeefe449..8052ed2a2a 100644 --- a/packages/frontend/@n8n/design-system/src/components/N8nIcon/icons.ts +++ b/packages/frontend/@n8n/design-system/src/components/N8nIcon/icons.ts @@ -1,4 +1,5 @@ import Binary from './custom/binary.svg'; +import BoltFilled from './custom/bolt-filled.svg'; import GripLinesVertical from './custom/grip-lines-vertical.svg'; import Json from './custom/json.svg'; import PopOut from './custom/pop-out.svg'; @@ -385,6 +386,8 @@ export const deprecatedIconSet = { export const updatedIconSet = { // custom icons + // NOTE: ensure to replace any colors with "currentColor" in SVG + 'bolt-filled': BoltFilled, 'grip-lines-vertical': GripLinesVertical, variable: IconLucideVariable, 'pop-out': PopOut, diff --git a/packages/frontend/@n8n/design-system/src/components/N8nNodeCreatorNode/NodeCreatorNode.vue b/packages/frontend/@n8n/design-system/src/components/N8nNodeCreatorNode/NodeCreatorNode.vue index fddc0b3830..f1ac5608bd 100644 --- a/packages/frontend/@n8n/design-system/src/components/N8nNodeCreatorNode/NodeCreatorNode.vue +++ b/packages/frontend/@n8n/design-system/src/components/N8nNodeCreatorNode/NodeCreatorNode.vue @@ -46,7 +46,7 @@ const { t } = useI18n(); { 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(); }); }); diff --git a/packages/frontend/editor-ui/src/components/Node/NodeCreator/ItemTypes/CategoryItem.vue b/packages/frontend/editor-ui/src/components/Node/NodeCreator/ItemTypes/CategoryItem.vue index b7f487531d..fcc2b0de60 100644 --- a/packages/frontend/editor-ui/src/components/Node/NodeCreator/ItemTypes/CategoryItem.vue +++ b/packages/frontend/editor-ui/src/components/Node/NodeCreator/ItemTypes/CategoryItem.vue @@ -28,7 +28,7 @@ const categoryName = computed(() => {
- + diff --git a/packages/frontend/editor-ui/src/components/Node/NodeCreator/viewsData.ts b/packages/frontend/editor-ui/src/components/Node/NodeCreator/viewsData.ts index 24b5004d74..804c3a45ee 100644 --- a/packages/frontend/editor-ui/src/components/Node/NodeCreator/viewsData.ts +++ b/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'), }, }); diff --git a/packages/frontend/editor-ui/src/components/VirtualSchemaHeader.vue b/packages/frontend/editor-ui/src/components/VirtualSchemaHeader.vue index f0a4cef251..98233c8c0f 100644 --- a/packages/frontend/editor-ui/src/components/VirtualSchemaHeader.vue +++ b/packages/frontend/editor-ui/src/components/VirtualSchemaHeader.vue @@ -40,7 +40,7 @@ const emit = defineEmits<{ {{ title }} {{ info }}
- +
{{ i18n.baseText('ndv.output.items', { interpolate: { count: itemCount } }) }}
diff --git a/packages/frontend/editor-ui/src/components/__snapshots__/VirtualSchema.test.ts.snap b/packages/frontend/editor-ui/src/components/__snapshots__/VirtualSchema.test.ts.snap index 9bb191e43b..59dde7ef08 100644 --- a/packages/frontend/editor-ui/src/components/__snapshots__/VirtualSchema.test.ts.snap +++ b/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`] = ` @@ -1335,7 +1335,7 @@ exports[`VirtualSchema.vue > renders schema with spaces and dots 1`] = ` @@ -1868,7 +1868,7 @@ exports[`VirtualSchema.vue > renders variables and context section 1`] = ` @@ -2690,7 +2690,7 @@ exports[`VirtualSchema.vue > should expand all nodes when searching 1`] = ` diff --git a/packages/frontend/editor-ui/src/components/canvas/elements/nodes/render-types/parts/CanvasNodeTrigger.vue b/packages/frontend/editor-ui/src/components/canvas/elements/nodes/render-types/parts/CanvasNodeTrigger.vue index b0b726e646..d4bffc9045 100644 --- a/packages/frontend/editor-ui/src/components/canvas/elements/nodes/render-types/parts/CanvasNodeTrigger.vue +++ b/packages/frontend/editor-ui/src/components/canvas/elements/nodes/render-types/parts/CanvasNodeTrigger.vue @@ -56,7 +56,7 @@ async function handleClickExecute() {
- +