@n8n/design-system 2.36.1 → 2.37.1

package/dist/components/AskAssistantChat/AskAssistantChat.vue.d.ts

@@ -248,7 +248,7 @@ declare function __VLS_template(): {
                 readonly refocusAfterSend?: boolean | undefined;
                 readonly autofocus?: boolean | undefined;
                 readonly buttonLabel?: string | undefined;
-                readonly layout?: "multiline" | "single-line" | undefined;
+                readonly layout?: "multiline" | "single-line" | "adaptive" | undefined;
                 readonly autosize?: boolean | {
                     minRows: number;
                     maxRows: number;
@@ -315,7 +315,7 @@ declare function __VLS_template(): {
                 showAskOwnerTooltip: boolean;
                 refocusAfterSend: boolean;
                 buttonLabel: string;
-                layout: "multiline" | "single-line";
+                layout: "multiline" | "single-line" | "adaptive";
                 submitDisabled: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -357,7 +357,7 @@ declare function __VLS_template(): {
             showAskOwnerTooltip: boolean;
             refocusAfterSend: boolean;
             buttonLabel: string;
-            layout: "multiline" | "single-line";
+            layout: "multiline" | "single-line" | "adaptive";
             submitDisabled: boolean;
         }> & Omit<Readonly<import('../N8nChatInput/ChatInput.vue').N8nChatInputProps> & Readonly<{
             onFocus?: ((event: FocusEvent) => any) | undefined;
@@ -592,7 +592,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
             readonly refocusAfterSend?: boolean | undefined;
             readonly autofocus?: boolean | undefined;
             readonly buttonLabel?: string | undefined;
-            readonly layout?: "multiline" | "single-line" | undefined;
+            readonly layout?: "multiline" | "single-line" | "adaptive" | undefined;
             readonly autosize?: boolean | {
                 minRows: number;
                 maxRows: number;
@@ -659,7 +659,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
             showAskOwnerTooltip: boolean;
             refocusAfterSend: boolean;
             buttonLabel: string;
-            layout: "multiline" | "single-line";
+            layout: "multiline" | "single-line" | "adaptive";
             submitDisabled: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -701,7 +701,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
         showAskOwnerTooltip: boolean;
         refocusAfterSend: boolean;
         buttonLabel: string;
-        layout: "multiline" | "single-line";
+        layout: "multiline" | "single-line" | "adaptive";
         submitDisabled: boolean;
     }> & Omit<Readonly<import('../N8nChatInput/ChatInput.vue').N8nChatInputProps> & Readonly<{
         onFocus?: ((event: FocusEvent) => any) | undefined;

package/dist/components/N8nAiModelSelectorDropdown/AiModelSelectorDropdown.types.d.ts

@@ -11,5 +11,7 @@ export interface AiModelSelectorMenuItemData {
     parts?: string[];
     credentialType?: string;
     leadingIcon?: string;
+    loading?: boolean;
+    connectedLabel?: string;
 }
 export type AiModelSelectorMenuItem<TData extends AiModelSelectorMenuItemData = AiModelSelectorMenuItemData> = DropdownMenuItemProps<string, TData>;

package/dist/components/N8nAiModelSelectorDropdown/AiModelSelectorDropdown.vue.d.ts

@@ -5,6 +5,7 @@ declare const _default: <TData extends AiModelSelectorMenuItemData = AiModelSele
         readonly onSelect?: ((id: string) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onSelect" | "onSearch"> & {
         items: Array<AiModelSelectorMenuItem<TData>>;
+        isLoading?: boolean;
         selectedLabel: string;
         selectedCredentialName?: string;
         credentialsMissing?: boolean;

package/dist/components/N8nChatInput/ChatInput.vue.d.ts

@@ -12,7 +12,7 @@ export interface N8nChatInputProps {
     refocusAfterSend?: boolean;
     autofocus?: boolean;
     buttonLabel?: string;
-    layout?: 'multiline' | 'single-line';
+    layout?: 'multiline' | 'single-line' | 'adaptive';
     autosize?: boolean | {
         minRows: number;
         maxRows: number;
@@ -74,7 +74,7 @@ declare const __VLS_component: import('vue').DefineComponent<N8nChatInputProps,
     showAskOwnerTooltip: boolean;
     refocusAfterSend: boolean;
     buttonLabel: string;
-    layout: "multiline" | "single-line";
+    layout: "multiline" | "single-line" | "adaptive";
     submitDisabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     textareaRef: HTMLTextAreaElement;

package/dist/components/N8nCommandBar/CommandBar.vue.d.ts

@@ -22,8 +22,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
 }>, {
     zIndex: number;
     placeholder: string;
-    context: string;
     isLoading: boolean;
+    context: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     commandBarRef: HTMLDivElement;
     inputRef: HTMLInputElement;

package/dist/components/N8nIcon/icons.d.ts

@@ -369,6 +369,7 @@ export declare const updatedIconSet: {
     readonly laptop: import('vue').FunctionalComponent<import('vue').SVGAttributes, {}, any, {}>;
     readonly layers: import('vue').FunctionalComponent<import('vue').SVGAttributes, {}, any, {}>;
     readonly 'layout-template': import('vue').FunctionalComponent<import('vue').SVGAttributes, {}, any, {}>;
+    readonly 'life-buoy': import('vue').FunctionalComponent<import('vue').SVGAttributes, {}, any, {}>;
     readonly lightbulb: import('vue').FunctionalComponent<import('vue').SVGAttributes, {}, any, {}>;
     readonly link: import('vue').FunctionalComponent<import('vue').SVGAttributes, {}, any, {}>;
     readonly list: import('vue').FunctionalComponent<import('vue').SVGAttributes, {}, any, {}>;

package/dist/{v2/components/InputNumber → components/N8nInputNumber}/InputNumber.types.d.ts

@@ -12,6 +12,11 @@ export type InputNumberEmits = NumberFieldRootEmits & {
     focus: [event: FocusEvent];
     blur: [event: FocusEvent];
 };
+export interface InputNumberExposed {
+    focus: () => void;
+    blur: () => void;
+    select: () => void;
+}
 export type InputNumberControlSlotProps = {
     ui: {
         class: string;

package/dist/components/N8nInputNumber/InputNumber.vue.d.ts

@@ -1,16 +1,136 @@
-import { InputSize } from '../../types';
-type InputNumberProps = {
-    size?: InputSize;
-    min?: number;
-    max?: number;
-    step?: number;
-    precision?: number;
+import { InputNumberProps, InputNumberSlots } from './InputNumber.types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<InputNumberSlots> & InputNumberSlots;
+    refs: {
+        inputRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly asChild?: boolean | undefined;
+                readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').NumberFieldInputProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                as: import('reka-ui').AsTag | import('vue').Component;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            as: import('reka-ui').AsTag | import('vue').Component;
+        }> & Omit<Readonly<import('reka-ui').NumberFieldInputProps> & Readonly<{}>, "as"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?: (props: {}) => any;
+            };
+        }) | null;
+    };
+    rootEl: any;
 };
-declare const _default: import('vue').DefineComponent<InputNumberProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<InputNumberProps> & Readonly<{}>, {
-    size: InputSize;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<InputNumberProps, {
+    focus: () => void;
+    blur: () => void;
+    select: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    focus: (event: FocusEvent) => any;
+    "update:modelValue": (val: number) => any;
+    blur: (event: FocusEvent) => any;
+}, string, import('vue').PublicProps, Readonly<InputNumberProps> & Readonly<{
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: number) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+}>, {
+    size: import('./InputNumber.types').InputNumberSize;
     step: number;
-    min: number;
-    max: number;
-    precision: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    stepSnapping: boolean;
+    controls: boolean;
+    controlsPosition: import('./InputNumber.types').InputNumberControlsPosition;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly asChild?: boolean | undefined;
+            readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').NumberFieldInputProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            as: import('reka-ui').AsTag | import('vue').Component;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        as: import('reka-ui').AsTag | import('vue').Component;
+    }> & Omit<Readonly<import('reka-ui').NumberFieldInputProps> & Readonly<{}>, "as"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    }) | null;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,2 +1,4 @@
 import { default as N8nInputNumber } from './InputNumber.vue';
 export default N8nInputNumber;
+export { N8nInputNumber };
+export type * from './InputNumber.types';

package/dist/components/N8nMarkdownEditor/MarkdownEditor.types.d.ts

@@ -1,6 +1,6 @@
 import { Editor, Extension, EditorOptions } from '@tiptap/core';
 export type MarkdownEditorVariant = 'ghost' | 'contained';
-export type MarkdownEditorToolbarMode = 'never' | 'hover' | 'always';
+export type MarkdownEditorToolbarMode = 'never' | 'hover' | 'always' | 'floating';
 export type N8nMarkdownEditorProps = {
     modelValue: string;
     variant?: MarkdownEditorVariant;

package/dist/components/N8nResizeWrapper/ResizeWrapper.vue.d.ts

@@ -10,7 +10,6 @@ interface ResizeProps {
     scale?: number;
     gridSize?: number;
     supportedDirections?: Direction[];
-    outset?: boolean;
     window?: Window;
 }
 declare function __VLS_template(): {
@@ -42,7 +41,6 @@ declare const __VLS_component: import('vue').DefineComponent<ResizeProps, {}, {}
     isResizingEnabled: boolean;
     gridSize: number;
     supportedDirections: Direction[];
-    outset: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/index.d.ts

@@ -46,6 +46,7 @@ export { default as N8nInfoTip } from './N8nInfoTip';
 export { default as N8nInput } from './N8nInput';
 export { default as N8nInputLabel } from './N8nInputLabel';
 export { default as N8nInputNumber } from './N8nInputNumber';
+export type * from './N8nInputNumber/InputNumber.types';
 export { default as N8nLink } from './N8nLink';
 export { default as N8nLogo } from './N8nLogo';
 export { default as N8nLoading } from './N8nLoading';

package/dist/css/common/var.scss

@@ -457,7 +457,6 @@ $input-small-height: 30px !default;
 $input-mini-font-size: 12px;
 /// height||Other|4
 $input-mini-height: 26px !default;
-$input-number-control-border-radius: 3px;
 
 /* Cascader
 -------------------------- */

package/dist/css/index.scss

@@ -8,7 +8,6 @@
 @use './dropdown.scss';
 @use './menu.scss';
 @use './input.scss';
-@use './input-number.scss';
 @use './radio.scss';
 @use './checkbox.scss';
 @use './switch.scss';

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

@@ -36,6 +36,8 @@ var t = /* @__PURE__ */ e({ default: () => n }), n = {
 	"codeDiff.replaceMyCode": "Replace my code",
 	"codeDiff.replacing": "Replacing...",
 	"codeDiff.undo": "Undo",
+	"generic.copy": "Copy",
+	"generic.copiedToClipboard": "Copied to clipboard",
 	"codeBlock.copy": "Copy code",
 	"codeBlock.copiedToClipboard": "Copied to clipboard",
 	"codeBlock.copyFailed": "Couldn't copy code. Try again or copy it manually.",

package/dist/index.d.ts

@@ -19,8 +19,6 @@ export type * from './v2/components/Checkbox/Checkbox.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 './components/N8nRadioGroup/RadioGroupItem.vue';
 export { default as N8nRadioGroup } from './components/N8nRadioGroup/RadioGroup.vue';
 export type * from './components/N8nRadioGroup/RadioGroupItem.types';