@n8n/design-system 2.35.3 → 2.36.0

package/dist/css/mixins/motion.scss

@@ -1,3 +1,10 @@
+@mixin reduced-motion {
+	@media (prefers-reduced-motion: reduce) {
+		animation: none;
+		transition: none;
+	}
+}
+
 // Shimmer - animated gradient for loading/skeleton states
 @mixin shimmer {
 	background: linear-gradient(

package/dist/css/skeleton.scss

@@ -1,3 +1,5 @@
+@use 'mixins/motion';
+
 .el-skeleton {
 	width: 100%;
 }
@@ -78,6 +80,8 @@
 	background-size: 400% 100%;
 	-webkit-animation: el-skeleton-loading 1.4s ease infinite;
 	animation: el-skeleton-loading 1.4s ease infinite;
+
+	@include motion.reduced-motion;
 }
 
 @-webkit-keyframes el-skeleton-loading {

package/dist/{en-Dvx8tZIA.js → en-BrDOZbhj.js}

@@ -1,5 +1,6 @@
+import { i as e } from "./plugin-DT0YTbz-.js";
 //#region src/locale/lang/en.ts
-var e = {
+var t = /* @__PURE__ */ e({ default: () => n }), n = {
 	"generic.retry": "Retry",
 	"generic.cancel": "Cancel",
 	"generic.close": "Close",
@@ -23,6 +24,13 @@ var e = {
 	"sticky.markdownHint": "You can style with <a href=\"https://docs.n8n.io/workflows/components/sticky-notes/\" target=\"_blank\">Markdown</a>",
 	"tags.showMore": (e) => `+${e} more`,
 	"datatable.pageSize": "Page size",
+	"pagination.previousPage": "Previous page",
+	"pagination.nextPage": "Next page",
+	"pagination.total": "Total {total}",
+	"pagination.pageSize": "Page size",
+	"pagination.pageSizeOption": "{size}/page",
+	"pagination.goTo": "Go to",
+	"pagination.goToPage": "Go to page",
 	"codeDiff.couldNotReplace": "Could not replace code",
 	"codeDiff.codeReplaced": "Code replaced",
 	"codeDiff.replaceMyCode": "Replace my code",
@@ -186,6 +194,11 @@ var e = {
 	"collapsiblePanel.expand": "Expand",
 	"collapsiblePanel.dragToReorder": "Drag to reorder",
 	"collapsiblePanel.delete": "Delete",
+	"combobox.clearSelection": "Clear selection",
+	"combobox.showPopup": "Show popup",
+	"combobox.placeholder": "Select an option",
+	"combobox.emptyText": "No results found.",
+	"tagsInput.removeTag": "Remove {tag}",
 	"markdownEditor.bold": "Bold",
 	"markdownEditor.italic": "Italic",
 	"markdownEditor.strikethrough": "Strikethrough",
@@ -226,4 +239,4 @@ var e = {
 	"aiAssistant.versionCard.restoreModal.restore": "Restore"
 };
 //#endregion
-export { e as t };
+export { t as n, n as t };

package/dist/icons/lucide/index.d.ts

@@ -1,2 +1,4 @@
 import { IconBodyLoader } from '../../composables/useIconBodyLoader';
+export { IconBodyLoaderKey } from '../../composables/useIconBodyLoader';
+export type { IconBodyLoader } from '../../composables/useIconBodyLoader';
 export declare const loadLucideIconBody: IconBodyLoader;

package/dist/icons/lucide/index.js

@@ -1,37 +1,38 @@
+import { t as e } from "../../useIconBodyLoader-TKQVcLVc.js";
 //#region \0virtual:lucide-icons
-var e = [
-	() => import("../../lucide-icons-bucket-0-_FAUqb7V.js"),
-	() => import("../../lucide-icons-bucket-1-Di6-h4oX.js"),
-	() => import("../../lucide-icons-bucket-2-1f3EoyT5.js"),
-	() => import("../../lucide-icons-bucket-3-GJHLvy9q.js"),
-	() => import("../../lucide-icons-bucket-4-4gywAul8.js"),
-	() => import("../../lucide-icons-bucket-5-4iCem2l-.js"),
-	() => import("../../lucide-icons-bucket-6-iE4ywa_E.js"),
-	() => import("../../lucide-icons-bucket-7-BPXrMpDj.js"),
-	() => import("../../lucide-icons-bucket-8-DbHwuUDR.js"),
-	() => import("../../lucide-icons-bucket-9-DYv2gFrZ.js"),
-	() => import("../../lucide-icons-bucket-10-Cbet_3-P.js"),
-	() => import("../../lucide-icons-bucket-11-DXByO0iR.js"),
-	() => import("../../lucide-icons-bucket-12-BgdKhqIx.js"),
-	() => import("../../lucide-icons-bucket-13-CPZPIjuP.js"),
-	() => import("../../lucide-icons-bucket-14-CoBYaDIN.js"),
-	() => import("../../lucide-icons-bucket-15-eHHlEyaM.js")
+var t = [
+	() => import("../../lucide-icons-bucket-0-DqyR_rVv.js"),
+	() => import("../../lucide-icons-bucket-1-Bm-V3uZ6.js"),
+	() => import("../../lucide-icons-bucket-2-CbY7fxwP.js"),
+	() => import("../../lucide-icons-bucket-3-BETKMrI1.js"),
+	() => import("../../lucide-icons-bucket-4-BPArXNh5.js"),
+	() => import("../../lucide-icons-bucket-5-BieAWTJB.js"),
+	() => import("../../lucide-icons-bucket-6-AleswO1A.js"),
+	() => import("../../lucide-icons-bucket-7-D80iZbJz.js"),
+	() => import("../../lucide-icons-bucket-8-pvdXrKbw.js"),
+	() => import("../../lucide-icons-bucket-9-by9vBB8Z.js"),
+	() => import("../../lucide-icons-bucket-10-DiRCwi50.js"),
+	() => import("../../lucide-icons-bucket-11-Ds8QwYDh.js"),
+	() => import("../../lucide-icons-bucket-12-D9Z8UvgY.js"),
+	() => import("../../lucide-icons-bucket-13-C9gGGcMo.js"),
+	() => import("../../lucide-icons-bucket-14-BWliLnR1.js"),
+	() => import("../../lucide-icons-bucket-15-CLY5CBLS.js")
 ];
-function t(e) {
+function n(e) {
 	let t = 2166136261;
 	for (let n = 0; n < e.length; n++) t ^= e.charCodeAt(n), t = Math.imul(t, 16777619);
 	return (t >>> 0) % 16;
 }
 //#endregion
 //#region src/icons/lucide/index.ts
-var n = /* @__PURE__ */ new Map(), r = async (r) => {
-	let i = t(r), a = n.get(i);
+var r = /* @__PURE__ */ new Map(), i = async (e) => {
+	let i = n(e), a = r.get(i);
 	if (!a) {
-		let t = e[i];
-		if (!t) return null;
-		a = t().then((e) => e.default), n.set(i, a), a.catch(() => n.delete(i));
+		let e = t[i];
+		if (!e) return null;
+		a = e().then((e) => e.default), r.set(i, a), a.catch(() => r.delete(i));
 	}
-	return (await a)[r] ?? null;
+	return (await a)[e] ?? null;
 };
 //#endregion
-export { r as loadLucideIconBody };
+export { e as IconBodyLoaderKey, i as loadLucideIconBody };

package/dist/index.d.ts

@@ -16,18 +16,21 @@ export { default as N8nSelect2Item } from './v2/components/Select/SelectItem.vue
 export type * from './v2/components/Select/Select.types';
 export { default as N8nCheckbox } from './v2/components/Checkbox/Checkbox.vue';
 export type * from './v2/components/Checkbox/Checkbox.types';
-export { default as N8nPagination2 } from './v2/components/Pagination/Pagination.vue';
-export type * from './v2/components/Pagination/Pagination.types';
+export type * from './components/N8nPagination/Pagination.types';
 export { default as N8nLoading2 } from './v2/components/Loading/Loading.vue';
 export type * from './v2/components/Loading/Loading.types';
 export { default as N8nInputNumber2 } from './v2/components/InputNumber/InputNumber.vue';
 export type * from './v2/components/InputNumber/InputNumber.types';
-export { default as N8nRadioGroupItem } from './v2/components/RadioGroup/RadioGroupItem.vue';
-export { default as N8nRadioGroup } from './v2/components/RadioGroup/RadioGroup.vue';
-export type * from './v2/components/RadioGroup/RadioGroupItem.types';
-export type * from './v2/components/RadioGroup/RadioGroup.types';
+export { default as N8nRadioGroupItem } from './components/N8nRadioGroup/RadioGroupItem.vue';
+export { default as N8nRadioGroup } from './components/N8nRadioGroup/RadioGroup.vue';
+export type * from './components/N8nRadioGroup/RadioGroupItem.types';
+export type * from './components/N8nRadioGroup/RadioGroup.types';
 export { default as N8nTree2 } from './v2/components/Tree/Tree.vue';
 export type * from './v2/components/Tree/Tree.types';
+export { default as N8nCombobox2 } from './v2/components/Combobox/Combobox.vue';
+export { default as N8nCombobox2Item } from './v2/components/Combobox/ComboboxItem.vue';
+export type { ComboboxItemProps } from 'reka-ui';
+export type { ComboboxEmits, ComboboxGroupItem, ComboboxItem, ComboboxItemSlots, ComboboxOptionBase, ComboboxProps, ComboboxSeparatorItem, ComboboxSizes, ComboboxSlots, ComboboxStructuralItem, ComboboxValue, } from './v2/components/Combobox/Combobox.types';
 export { default as N8nTagsInput2 } from './v2/components/TagsInput/TagsInput.vue';
 export { TagsInputInput, TagsInputItemDelete, TagsInputItemText, } from './v2/components/TagsInput/reka-ui';
 export type * from './v2/components/TagsInput/TagsInput.types';