@n8n/design-system 2.40.0 → 2.41.0

package/dist/components/N8nTimeAgo/TimeAgo.vue.d.ts

@@ -0,0 +1,12 @@
+export interface TimeAgoProps {
+    date: string;
+    capitalize?: boolean;
+    locale?: string;
+    live?: boolean;
+}
+declare const __VLS_export: import('vue').DefineComponent<TimeAgoProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TimeAgoProps> & Readonly<{}>, {
+    capitalize: boolean;
+    live: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/N8nTimeAgo/index.d.ts

@@ -0,0 +1,3 @@
+import { default as N8nTimeAgo } from './TimeAgo.vue';
+export default N8nTimeAgo;
+export type { TimeAgoProps } from './TimeAgo.vue';

package/dist/components/index.d.ts

@@ -8,12 +8,17 @@ export { default as N8nActionToggle } from './N8nActionToggle';
 export { default as N8nDropdownMenu } from './N8nDropdownMenu/DropdownMenu.vue';
 export { default as N8nDropdownMenuItem } from './N8nDropdownMenu/DropdownMenuItem.vue';
 export { useDropdownSearch } from './N8nDropdownMenu/composables/useDropdownSearch';
+export { default as N8nContextMenu } from './N8nContextMenu/ContextMenu.vue';
+export { default as N8nContextMenuItem } from './N8nContextMenu/ContextMenuItem.vue';
+export type { ContextMenuId, ContextMenuItem, ContextMenuRadio, ContextMenuCheckbox, ContextMenuGroup, ContextMenuSubmenu, ContextMenuRadioGroup, ContextMenuNode, ContextMenuLeaf, ContextMenuProps, ContextMenuEmits, ContextMenuSlots, ContextMenuItemProps, ContextMenuItemEmits, ContextMenuItemSlots, } from './N8nContextMenu/ContextMenu.types';
 export { default as N8nAiModelSelectorDropdown } from './N8nAiModelSelectorDropdown';
 export type { AiModelSelectorMenuItem, AiModelSelectorMenuItemData, } from './N8nAiModelSelectorDropdown';
-export type { DropdownMenuProps, DropdownMenuItemProps, DropdownMenuSlots, DropdownMenuItemSlots, DropdownMenuEmits, DropdownMenuTrigger, DropdownMenuPlacement, } from './N8nDropdownMenu/DropdownMenu.types';
+export type { DropdownMenuProps, DropdownMenuItemProps, DropdownMenuSlots, DropdownMenuItemSlots, DropdownMenuEmits, DropdownMenuExposed, DropdownMenuSearchMode, DropdownMenuTrigger, DropdownMenuPlacement, } from './N8nDropdownMenu/DropdownMenu.types';
 export { default as N8nAlert } from './N8nAlert';
 export { default as N8nAvatar } from './N8nAvatar';
 export { default as N8nBadge } from './N8nBadge';
+export { BADGE_SIZE, BADGE_VARIANT } from './N8nBadge/Badge.type';
+export type { BadgeProps, BadgeSize, BadgeVariant } from './N8nBadge/Badge.type';
 export { default as N8nBlockUi } from './N8nBlockUi';
 export { default as N8nButton } from './N8nButton';
 export { default as N8nSetupPanel } from './N8nSetupPanel/SetupPanel.vue';
@@ -21,7 +26,7 @@ export type { SetupPanelItem, SetupPanelProps } from './N8nSetupPanel/SetupPanel
 export { default as N8nSetupConnection } from './N8nSetupConnection/SetupConnection.vue';
 export type { SetupConnectionProps } from './N8nSetupConnection/SetupConnection.types';
 export { default as N8nButtonList } from './N8nButtonList';
-export type { ButtonListOrientation, ButtonListProps } from './N8nButtonList';
+export type { ButtonListOrientation, ButtonListProps, ButtonListVariant } from './N8nButtonList';
 export { default as N8nCallout } from './N8nCallout';
 export { default as N8nCanvasThinkingPill } from './CanvasThinkingPill';
 export { default as N8nCanvasPill } from './CanvasPill';
@@ -66,6 +71,8 @@ export { default as N8nOption } from './N8nOption';
 export { default as N8nPagination } from './N8nPagination';
 export { default as N8nSectionHeader } from './N8nSectionHeader';
 export { default as N8nSelectableList } from './N8nSelectableList';
+export { default as N8nSelectedItemsInfo } from './N8nSelectedItemsInfo';
+export type { SelectedItemsInfoProps } from './N8nSelectedItemsInfo';
 export { default as N8nSettingsLayout } from './N8nSettingsLayout';
 export type { SettingsLayoutProps } from './N8nSettingsLayout';
 export { default as N8nSettingsPageHeader } from './N8nSettingsPageHeader';
@@ -80,8 +87,7 @@ export { default as N8nSettingsSaveBar } from './N8nSettingsSaveBar';
 export type { SettingsSaveBarProps } from './N8nSettingsSaveBar';
 export { default as N8nSettingsSection } from './N8nSettingsSection';
 export type { SettingsSectionProps } from './N8nSettingsSection';
-export { default as N8nPreviewTag } from './PreviewTag/PreviewTag.vue';
-export { default as N8nActionPill } from './N8nActionPill/ActionPill.vue';
+export { default as N8nPreviewBadge } from './PreviewBadge/PreviewBadge.vue';
 export { default as N8nPopover } from './N8nPopover';
 export { default as N8nPopoverReka } from './N8nPopover';
 export { default as N8nChatInput, useChatInputAutoFocus, type ChatInputAutoFocusOptions, type ChatInputAutoFocusTarget, } from './N8nChatInput';
@@ -108,6 +114,8 @@ export { default as N8nTabs } from './N8nTabs';
 export { default as N8nTag } from './N8nTag';
 export { default as N8nTags } from './N8nTags';
 export { default as N8nText } from './N8nText';
+export { default as N8nTimeAgo } from './N8nTimeAgo';
+export type { TimeAgoProps } from './N8nTimeAgo';
 export { default as N8nTooltip } from './N8nTooltip';
 export type { N8nTooltipProps, N8nTooltipSlots } from './N8nTooltip';
 export { default as N8nAiActivityStepButton } from './N8nAiActivityStepButton';

package/dist/css/mixins/motion.scss

@@ -209,10 +209,12 @@ $blur-motion-easing: cubic-bezier(0.32, 0.72, 0, 1);
 	from {
 		opacity: 0;
 		transform: translateY(var(--animation--fade-in--translate, 8px));
+		filter: blur(var(--animation--fade-in--blur, var(--spacing--5xs)));
 	}
 	to {
 		opacity: 1;
 		transform: translateY(0);
+		filter: blur(0);
 	}
 }
 
@@ -370,10 +372,12 @@ $blur-motion-easing: cubic-bezier(0.32, 0.72, 0, 1);
 	from {
 		opacity: 0;
 		transform: translateY(var(--animation--fade-in-up--translate, var(--spacing--4xs)));
+		filter: blur(var(--animation--fade-in-up--blur, var(--spacing--5xs)));
 	}
 	to {
 		opacity: 1;
 		transform: translateY(0);
+		filter: blur(0);
 	}
 }
 
@@ -392,10 +396,12 @@ $blur-motion-easing: cubic-bezier(0.32, 0.72, 0, 1);
 		transform: translateY(
 			calc(-1 * var(--animation--fade-in-down--translate, var(--spacing--4xs)))
 		);
+		filter: blur(var(--animation--fade-in-down--blur, var(--spacing--5xs)));
 	}
 	to {
 		opacity: 1;
 		transform: translateY(0);
+		filter: blur(0);
 	}
 }
 
@@ -414,10 +420,12 @@ $blur-motion-easing: cubic-bezier(0.32, 0.72, 0, 1);
 		transform: translateX(
 			calc(-1 * var(--animation--fade-in-left--translate, var(--spacing--4xs)))
 		);
+		filter: blur(var(--animation--fade-in-left--blur, var(--spacing--5xs)));
 	}
 	to {
 		opacity: 1;
 		transform: translateX(0);
+		filter: blur(0);
 	}
 }
 
@@ -434,10 +442,12 @@ $blur-motion-easing: cubic-bezier(0.32, 0.72, 0, 1);
 	from {
 		opacity: 0;
 		transform: translateX(var(--animation--fade-in-right--translate, var(--spacing--4xs)));
+		filter: blur(var(--animation--fade-in-right--blur, var(--spacing--5xs)));
 	}
 	to {
 		opacity: 1;
 		transform: translateX(0);
+		filter: blur(0);
 	}
 }
 

package/dist/{en-BVSQYf2U.js → en-CY7wsD9g.js}

@@ -16,6 +16,8 @@ var t = /* @__PURE__ */ e({ default: () => n }), n = {
 	"generic.cancel": "Cancel",
 	"generic.close": "Close",
 	"generic.moreInfo": "More info",
+	"generic.delete": "Delete",
+	"menuItem.new": "New",
 	"aiModelSelector.credentialsMissing": "Credentials missing",
 	"nds.auth.roles.owner": "Owner",
 	"nds.userInfo.you": "(you)",
@@ -47,6 +49,10 @@ var t = /* @__PURE__ */ e({ default: () => n }), n = {
 	"pagination.pageSizeOption": "{size}/page",
 	"pagination.goTo": "Go to",
 	"pagination.goToPage": "Go to page",
+	"selectedItemsInfo.selectedOne": "{count} row selected",
+	"selectedItemsInfo.selectedMany": "{count} rows selected",
+	"selectedItemsInfo.clearSelection": "Clear selection",
+	"contextMenu.noItems": "No items",
 	"codeDiff.couldNotReplace": "Could not replace code",
 	"codeDiff.codeReplaced": "Code replaced",
 	"codeDiff.replaceMyCode": "Replace my code",
@@ -59,7 +65,7 @@ var t = /* @__PURE__ */ e({ default: () => n }), n = {
 	"codeBlock.copyFailed": "Couldn't copy code. Try again or copy it manually.",
 	"codeBlock.expand": "Expand code",
 	"codeBlock.collapse": "Collapse code",
-	"previewTag.preview": "Preview",
+	"previewBadge.preview": "Preview",
 	"askAssistantButton.askAssistant": "n8n AI",
 	"assistantChat.builder.name": "AI Builder",
 	"assistantChat.builder.generatingFinalWorkflow": "Generating final workflow...",
@@ -194,6 +200,7 @@ var t = /* @__PURE__ */ e({ default: () => n }), n = {
 	"iconPicker.emojiSection.symbols": "Symbols",
 	"iconPicker.emojiSection.flags": "Flags",
 	"actionDropdown.activator": "Actions",
+	"breadcrumbs.showMoreItems": "Show more items",
 	"askAssistantChat.close": "Close",
 	"sendStopButton.stop": "Stop",
 	"sendStopButton.send": "Send",
@@ -240,6 +247,9 @@ var t = /* @__PURE__ */ e({ default: () => n }), n = {
 	"markdownEditor.formattedMarkdownView": "Formatted view",
 	"markdownEditor.expand": "Expand editor",
 	"markdownEditor.collapse": "Collapse editor",
+	"markdownEditor.openExpandedView": "Expand editor",
+	"markdownEditor.closeExpandedView": "Collapse editor",
+	"markdownEditor.expandedViewTitle": "Markdown editor",
 	"markdownEditor.linkDialogTitle": "Add link",
 	"markdownEditor.linkUrl": "Link URL",
 	"markdownEditor.linkPlaceholder": "https://example.com",