@n8n/design-system 2.3.0 → 2.4.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@n8n/design-system",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "main": "src/index.ts",
   "import": "src/index.ts",
   "license": "SEE LICENSE IN LICENSE.md",

package/src/components/N8nLogo/logo-icon.svg

@@ -1,3 +1,3 @@
-<svg xmlns='http://www.w3.org/2000/svg' width="32" height="30">
-  <path fill="#EA4B71" fill-rule="evenodd" clip-rule="evenodd" transform="translate(0, 10)" d="M27.2 6.4A3.2 3.2 0 0 1 24.1 4h-3.667a1.6 1.6 0 0 0-1.578 1.337l-.132.79A3.2 3.2 0 0 1 17.683 8a3.2 3.2 0 0 1 1.04 1.874l.132.789A1.6 1.6 0 0 0 20.433 12h.468a3.201 3.201 0 0 1 6.299.8 3.2 3.2 0 0 1-6.3.8h-.467a3.2 3.2 0 0 1-3.156-2.674l-.132-.789A1.6 1.6 0 0 0 15.567 8.8h-1.268a3.201 3.201 0 0 1-6.198 0H6.299A3.201 3.201 0 0 1 0 8a3.2 3.2 0 0 1 6.3-.8h1.8a3.201 3.201 0 0 1 6.2 0h1.267a1.6 1.6 0 0 0 1.578-1.337l.132-.79A3.2 3.2 0 0 1 20.433 2.4h3.668a3.201 3.201 0 0 1 6.299.8 3.2 3.2 0 0 1-3.2 3.2m0-1.6a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2m-24 4.8a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2M12.8 8a1.6 1.6 0 1 1-3.2 0 1.6 1.6 0 0 1 3.2 0m12.8 4.8a1.6 1.6 0 1 1-3.2 0 1.6 1.6 0 0 1 3.2 0" />
+<svg width="32" height="26" viewBox="0 0 32 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.2 11.3955C26.4903 11.3959 25.8006 11.1603 25.2394 10.7259C24.6783 10.2914 24.2774 9.68271 24.1 8.99555H20.433C20.0543 8.9956 19.6879 9.12999 19.3989 9.3748C19.11 9.61962 18.9173 9.95899 18.855 10.3325L18.723 11.1225C18.6018 11.8478 18.2346 12.5092 17.683 12.9955C18.2348 13.4821 18.6021 14.1439 18.723 14.8695L18.855 15.6585C18.9173 16.0321 19.11 16.3715 19.3989 16.6163C19.6879 16.8611 20.0543 16.9955 20.433 16.9955H20.901C21.0968 16.2424 21.5603 15.5864 22.2047 15.1502C22.8491 14.714 23.6303 14.5275 24.4023 14.6255C25.1743 14.7236 25.8841 15.0995 26.399 15.6829C26.9139 16.2663 27.1987 17.0174 27.2 17.7955C27.2015 18.5755 26.9182 19.3292 26.4031 19.9149C25.8881 20.5006 25.1769 20.8781 24.4031 20.9764C23.6294 21.0746 22.8464 20.8869 22.2013 20.4485C21.5562 20.0101 21.0935 19.3511 20.9 18.5955H20.433C19.6756 18.5954 18.9428 18.3267 18.3649 17.837C17.787 17.3474 17.4015 16.6687 17.277 15.9215L17.145 15.1325C17.0828 14.759 16.89 14.4196 16.6011 14.1748C16.3121 13.93 15.9457 13.7956 15.567 13.7955H14.299C14.1214 14.4823 13.7206 15.0907 13.1596 15.525C12.5987 15.9593 11.9094 16.1949 11.2 16.1949C10.4906 16.1949 9.80129 15.9593 9.24036 15.525C8.67943 15.0907 8.27866 14.4823 8.10101 13.7955H6.29901C6.1032 14.5487 5.63975 15.2047 4.99533 15.6409C4.35091 16.0771 3.56967 16.2636 2.7977 16.1656C2.02573 16.0675 1.31592 15.6916 0.800999 15.1082C0.286083 14.5247 0.00133389 13.7737 6.20563e-06 12.9955C-0.00152906 12.2156 0.281849 11.4619 0.796882 10.8762C1.31191 10.2905 2.02314 9.91299 2.79689 9.81474C3.57064 9.71649 4.35363 9.90421 4.99871 10.3426C5.6438 10.781 6.10655 11.44 6.30001 12.1955H8.10001C8.27697 11.5079 8.67758 10.8985 9.23878 10.4635C9.79998 10.0284 10.4899 9.79229 11.2 9.79229C11.9101 9.79229 12.6 10.0284 13.1612 10.4635C13.7224 10.8985 14.123 11.5079 14.3 12.1955H15.567C15.9457 12.1955 16.3121 12.0611 16.6011 11.8163C16.89 11.5715 17.0828 11.2321 17.145 10.8585L17.277 10.0685C17.4017 9.32161 17.7873 8.64311 18.3652 8.15368C18.943 7.66425 19.6757 7.39562 20.433 7.39555H24.101C24.2968 6.64242 24.7603 5.9864 25.4047 5.5502C26.0491 5.114 26.8303 4.92747 27.6023 5.02552C28.3743 5.12356 29.0841 5.49945 29.599 6.0829C30.1139 6.66634 30.3987 7.41738 30.4 8.19555C30.4 9.04424 30.0629 9.85817 29.4627 10.4583C28.8626 11.0584 28.0487 11.3955 27.2 11.3955ZM27.2 9.79555C27.6244 9.79555 28.0313 9.62698 28.3314 9.32692C28.6314 9.02686 28.8 8.61989 28.8 8.19555C28.8 7.7712 28.6314 7.36423 28.3314 7.06418C28.0313 6.76412 27.6244 6.59555 27.2 6.59555C26.7757 6.59555 26.3687 6.76412 26.0686 7.06418C25.7686 7.36423 25.6 7.7712 25.6 8.19555C25.6 8.61989 25.7686 9.02686 26.0686 9.32692C26.3687 9.62698 26.7757 9.79555 27.2 9.79555ZM3.20001 14.5955C3.62435 14.5955 4.03132 14.427 4.33138 14.1269C4.63144 13.8269 4.80001 13.4199 4.80001 12.9955C4.80001 12.5712 4.63144 12.1642 4.33138 11.8642C4.03132 11.5641 3.62435 11.3955 3.20001 11.3955C2.77566 11.3955 2.36869 11.5641 2.06864 11.8642C1.76858 12.1642 1.60001 12.5712 1.60001 12.9955C1.60001 13.4199 1.76858 13.8269 2.06864 14.1269C2.36869 14.427 2.77566 14.5955 3.20001 14.5955ZM12.8 12.9955C12.8 13.2057 12.7586 13.4137 12.6782 13.6078C12.5978 13.802 12.48 13.9783 12.3314 14.1269C12.1828 14.2755 12.0064 14.3933 11.8123 14.4738C11.6182 14.5542 11.4101 14.5955 11.2 14.5955C10.9899 14.5955 10.7818 14.5542 10.5877 14.4738C10.3936 14.3933 10.2172 14.2755 10.0686 14.1269C9.92006 13.9783 9.80221 13.802 9.7218 13.6078C9.64139 13.4137 9.60001 13.2057 9.60001 12.9955C9.60001 12.5712 9.76858 12.1642 10.0686 11.8642C10.3687 11.5641 10.7757 11.3955 11.2 11.3955C11.6244 11.3955 12.0313 11.5641 12.3314 11.8642C12.6314 12.1642 12.8 12.5712 12.8 12.9955ZM25.6 17.7955C25.6 18.0057 25.5586 18.2137 25.4782 18.4078C25.3978 18.602 25.28 18.7783 25.1314 18.9269C24.9828 19.0755 24.8064 19.1933 24.6123 19.2738C24.4182 19.3542 24.2101 19.3955 24 19.3955C23.7899 19.3955 23.5818 19.3542 23.3877 19.2738C23.1936 19.1933 23.0172 19.0755 22.8686 18.9269C22.7201 18.7783 22.6022 18.602 22.5218 18.4078C22.4414 18.2137 22.4 18.0057 22.4 17.7955C22.4 17.3712 22.5686 16.9642 22.8686 16.6642C23.1687 16.3641 23.5757 16.1955 24 16.1955C24.4244 16.1955 24.8313 16.3641 25.1314 16.6642C25.4314 16.9642 25.6 17.3712 25.6 17.7955Z" fill="#EA4B71"/>
 </svg>

package/src/components/N8nLogo/logo-text.svg

@@ -1,6 +1,4 @@
-<svg width="26" height="30">
-  <g fill="#101330" transform="translate(-33, 10)">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M 48.002,6.918 V 6.842 c 0.558,-0.28 1.116,-0.762 1.116,-1.716 0,-1.372 -1.13,-2.198 -2.69,-2.198 -1.598,0 -2.74,0.877 -2.74,2.224 0,0.915 0.533,1.41 1.116,1.69 v 0.076 a 2.16,2.16 0 0 0 -1.42,2.059 c 0,1.385 1.141,2.351 3.032,2.351 1.89,0 2.994,-0.966 2.994,-2.351 A 2.16,2.16 0 0 0 48.002,6.918 m -1.587,-2.82 c 0.635,0 1.104,0.406 1.104,1.092 0,0.686 -0.482,1.093 -1.103,1.093 -0.622,0 -1.142,-0.407 -1.142,-1.093 0,-0.699 0.495,-1.093 1.142,-1.093 m 0,6.01 c -0.735,0 -1.332,-0.47 -1.332,-1.27 0,-0.725 0.495,-1.272 1.32,-1.272 0.812,0 1.307,0.534 1.307,1.297 0,0.775 -0.571,1.245 -1.294,1.245" />
-    <path d="m 51.367,11.2 h 1.624 V 7.758 c 0,-1.131 0.685,-1.627 1.46,-1.627 0.76,0 1.357,0.509 1.357,1.55 v 3.52 h 1.624 V 7.35 c 0,-1.664 -0.964,-2.63 -2.474,-2.63 -0.952,0 -1.485,0.381 -1.865,0.877 h -0.102 l -0.14,-0.75 h -1.484 z m -14.376,0 H 35.367 V 4.848 h 1.485 l 0.14,0.75 h 0.1 c 0.381,-0.496 0.914,-0.877 1.866,-0.877 1.51,0 2.474,0.966 2.474,2.63 v 3.85 H 39.808 V 7.68 c 0,-1.041 -0.596,-1.55 -1.358,-1.55 -0.774,0 -1.459,0.496 -1.459,1.627 z" />
-  </g>
+<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.002 12.99V12.914C15.56 12.634 16.118 12.152 16.118 11.198C16.118 9.826 14.988 9 13.428 9C11.83 9 10.688 9.877 10.688 11.224C10.688 12.139 11.221 12.634 11.804 12.914V12.99C11.383 13.1435 11.0201 13.4241 10.7656 13.7931C10.5112 14.162 10.3778 14.6009 10.384 15.049C10.384 16.434 11.525 17.4 13.416 17.4C15.306 17.4 16.41 16.434 16.41 15.049C16.417 14.6023 16.2854 14.1645 16.0332 13.7957C15.7811 13.427 15.4208 13.1455 15.002 12.99ZM13.415 10.17C14.05 10.17 14.519 10.576 14.519 11.262C14.519 11.948 14.037 12.355 13.416 12.355C12.794 12.355 12.274 11.948 12.274 11.262C12.274 10.563 12.769 10.169 13.416 10.169M13.416 16.179C12.681 16.179 12.084 15.709 12.084 14.909C12.084 14.184 12.579 13.637 13.404 13.637C14.216 13.637 14.711 14.171 14.711 14.934C14.711 15.709 14.139 16.179 13.416 16.179Z" fill="#101330"/>
+<path d="M18.3672 17.272H19.9912V13.83C19.9912 12.699 20.6762 12.203 21.4512 12.203C22.2112 12.203 22.8082 12.712 22.8082 13.753V17.273H24.4322V13.422C24.4322 11.758 23.4682 10.792 21.9582 10.792C21.0062 10.792 20.4732 11.173 20.0932 11.669H19.9912L19.8512 10.919H18.3672V17.272ZM3.99119 17.272H2.36719V10.92H3.85219L3.99219 11.67H4.09219C4.47319 11.174 5.00619 10.793 5.95819 10.793C7.46819 10.793 8.43219 11.759 8.43219 13.423V17.273H6.80819V13.752C6.80819 12.711 6.21219 12.202 5.45019 12.202C4.67619 12.202 3.99119 12.698 3.99119 13.829V17.272Z" fill="#101330"/>
 </svg>

package/src/index.ts

@@ -1,10 +1,12 @@
 import * as locale from './locale';
 
 export * from './components';
+export * from './constants';
 export * from './plugin';
 export * from './types';
 export * from './utils';
 export * from './directives';
+export type { IconOrEmoji } from './components/N8nIconPicker/types';
 export { default as N8nSelect2 } from './v2/components/Select/Select.vue';
 export { default as N8nSelect2Item } from './v2/components/Select/SelectItem.vue';
 export type * from './v2/components/Select/Select.types';
@@ -20,4 +22,6 @@ 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 N8nDropdownMenu } from './v2/components/DropdownMenu/DropdownMenu.vue';
+export type * from './v2/components/DropdownMenu/DropdownMenu.types';
 export { locale };

package/tsconfig.json

@@ -4,6 +4,7 @@
 		"baseUrl": ".",
 		"rootDirs": [".", "../composables/src"],
 		"outDir": "dist",
+		"moduleResolution": "bundler",
 		"types": ["vite/client", "unplugin-icons/types/vue", "vitest/globals"],
 		"typeRoots": [
 			"./node_modules/@testing-library",
@@ -17,5 +18,5 @@
 			"@n8n/utils*": ["../../../@n8n/utils/src*"]
 		}
 	},
-	"include": ["src/**/*.ts", "src/**/*.vue", ".storybook/**/*.ts"]
+	"include": ["src/**/*.ts", "src/**/*.vue"]
 }

package/dist/en-DIkeR_FB.js

@@ -1,2 +0,0 @@
-import { t as en_default } from "./en-D-D4Ol9N.js";
-export { en_default as default };