@n8n/design-system 2.37.0 → 2.37.2

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/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';